.web-development-premium{--web-blue:#5a8dff;--web-blue-bright:#8fc6ff;--web-cyan:#a8d6ff;--web-navy:#071120;--web-radius:28px;background:radial-gradient(circle at 82% 12%,#3e6bff1f,#0000 29%),radial-gradient(circle at 14% 44%,#5a8dff12,#0000 25%),#07101d}.web-development-premium .service-detail-main{background:0 0}.web-development-premium .service-detail-hero{border-bottom-color:#8fc6ff33;min-height:min(900px,100svh - 16px)}.web-development-premium .service-detail-hero__media{z-index:0;opacity:1;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.web-development-premium .service-detail-hero__media:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000 78%,#07101dad 100%);position:absolute;inset:0}.web-dev-hero-video{z-index:0;opacity:1;object-fit:cover;object-position:center 48%;filter:contrast(1.06)saturate(.96)brightness(.92);width:100%;height:100%;display:block;position:absolute;inset:0}.web-development-premium .service-detail-hero__shade{z-index:1;pointer-events:none;background:linear-gradient(90deg,#030912ad 0%,#050d1b8a 34%,#060f1e2e 61%,#0000 86%),linear-gradient(#03081114,#0308113d)}.web-development-premium .service-detail-hero:before{content:"";z-index:2;background:radial-gradient(circle at calc(72% + var(--pointer-x,0) * 4%) calc(46% + var(--pointer-y,0) * 4%), #5a8dff30, transparent 24%);pointer-events:none;transition:background-position .18s;position:absolute;inset:0}.web-development-premium .service-detail-hero:after{z-index:2;opacity:.34;background-size:68px 68px;-webkit-mask-image:radial-gradient(circle at 68% 48%,#000,#0000 70%);mask-image:radial-gradient(circle at 68% 48%,#000,#0000 70%)}.web-dev-hero-light{z-index:1;filter:blur(70px);opacity:.24;mix-blend-mode:screen;pointer-events:none;border-radius:50%;position:absolute}.web-dev-hero-light--one{background:#3e6bff57;width:36vw;height:36vw;top:12%;right:7%}.web-dev-hero-light--two{background:#a8d6ff29;width:22vw;height:22vw;bottom:-12%;left:42%}.web-dev-hero-content{z-index:3;align-items:center;min-height:700px;padding-block:clamp(70px,8vw,116px);display:flex;position:relative}.web-dev-hero-glass{z-index:3;border-radius:var(--web-radius);-webkit-backdrop-filter:blur(22px)saturate(118%);backdrop-filter:blur(22px)saturate(118%);background:linear-gradient(145deg,#081427c7,#07101f8a);border:1px solid #a8d6ff3d;width:min(680px,58%);padding:clamp(34px,4vw,56px);position:relative;top:-48px;overflow:hidden;box-shadow:inset 0 1px #f5f8ff1a,inset 0 -1px #5a8dff14,0 36px 90px #00040c7a,0 0 48px #3e6bff14}.web-dev-hero-glass:before{content:"";pointer-events:none;background:linear-gradient(118deg,#fff1,#0000 26% 74%,#5a8dff0f);position:absolute;inset:0}.web-dev-hero-glass:after{content:"";background:linear-gradient(90deg,#0000,#8fc6ff,#0000);width:180px;height:1px;position:absolute;top:0;left:44px;box-shadow:0 0 14px #8fc6ff99}.web-development-premium .service-detail-hero h1{text-wrap:balance;max-width:590px;font-size:clamp(56px,6vw,88px)}.web-development-premium .service-detail-hero__accent{font-size:clamp(25px,2.5vw,37px)}.web-development-premium .service-detail-hero__lead{color:#c6d1e4;max-width:590px}.web-development-premium .service-detail-tags li{background:#0915299e;border-color:#8fc6ff33;box-shadow:inset 0 1px #ffffff0b}.web-development-premium .inner-button{isolation:isolate;overflow:hidden}.web-development-premium .inner-button:hover:after{transform:translate(100%)}.web-development-premium .service-detail-section{isolation:isolate}.web-development-premium .service-detail-section:after{content:"";background:linear-gradient(90deg,#0000,#8fc6ff38,#0000);width:min(70vw,900px);height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.web-development-premium .service-scope-card,.web-development-premium .service-benefit-card,.web-development-premium .service-process-card,.web-development-premium .service-contact-card,.web-dev-tech-card{background:linear-gradient(145deg,#14274880,#060e1cc7);border-color:#8fc6ff2b;box-shadow:inset 0 1px #f5f8ff11,inset 0 -1px #3e6bff0b,0 30px 70px #00050e4d,0 0 28px #3e6bff09}.web-development-premium .service-benefit-card:hover,.web-development-premium .service-process-card:hover,.web-dev-tech-card:hover{border-color:#8fc6ff6b;transform:translateY(-5px);box-shadow:inset 0 1px #f5f8ff17,0 34px 84px #00050e66,0 0 34px #3e6bff17}.web-development-premium .service-scope-card{transform:perspective(1100px)rotateY(-2deg)}.web-development-premium .service-benefit-card:after{content:"";background:radial-gradient(#5a8dff24,#0000 66%);height:80%;transition:transform .35s;position:absolute;inset:auto -40% -65% 25%}.web-development-premium .service-benefit-card:hover:after{transform:translateY(-12%)}.web-dev-tech-section{background:radial-gradient(circle at 72% 42%,#3e6bff17,#0000 30%)}.web-dev-tech-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:54px;display:grid}.web-dev-tech-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:150px;transition:transform .24s cubic-bezier(.16,1,.3,1),border-color .22s,box-shadow .22s;transition-delay:var(--delay,0s);border:1px solid;border-radius:22px;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:18px;padding:25px;display:grid;position:relative}.web-dev-tech-card__icon{color:#a8d6ff;background:#142e5880;border:1px solid #8fc6ff42;border-radius:17px;place-items:center;width:54px;height:54px;display:grid;box-shadow:inset 0 1px #ffffff14}.web-dev-tech-card__icon svg{fill:none;stroke:currentColor;stroke-width:1.55px;width:27px;height:27px}.web-dev-tech-card h3{color:#f5f8ff;letter-spacing:-.02em;margin:0;font-size:18px}.web-dev-tech-card p{color:#aeb8ca;margin:7px 0 0;font-size:13px;line-height:1.5}.web-dev-tech-card__index{color:#97aacf47;letter-spacing:.1em;font-size:10px;font-weight:800;position:absolute;top:15px;right:17px}.web-development-premium .service-process-card{transition:transform .24s cubic-bezier(.16,1,.3,1),border-color .22s,box-shadow .22s;overflow:hidden}.web-development-premium .service-process-card__line{margin-top:36px}.web-dev-process-icon{color:#8fc6ff;background:#142e586b;border:1px solid #8fc6ff3d;border-radius:17px;place-items:center;width:54px;height:54px;margin-top:18px;display:grid}.web-dev-process-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:27px;height:27px}.web-development-premium .service-scope-card__icon,.web-development-premium .service-benefit-card__icon,.web-development-premium .service-contact-card__icon,.web-dev-process-icon,.web-dev-tech-card__icon{transition:transform .26s cubic-bezier(.16,1,.3,1),border-color .22s,color .22s,box-shadow .22s}.web-development-premium .service-scope-card:hover .service-scope-card__icon,.web-development-premium .service-benefit-card:hover .service-benefit-card__icon,.web-development-premium .service-process-card:hover .web-dev-process-icon,.web-dev-tech-card:hover .web-dev-tech-card__icon{color:#d7ecff;border-color:#a8d6ff85;transform:translateY(-3px)rotate(-2deg);box-shadow:inset 0 1px #ffffff1f,0 12px 28px #3e6bff33,0 0 24px #5a8dff1f}.web-development-premium .service-scope-card:hover svg,.web-development-premium .service-benefit-card:hover svg,.web-development-premium .service-process-card:hover .web-dev-process-icon svg,.web-dev-tech-card:hover .web-dev-tech-card__icon svg{animation:.52s cubic-bezier(.16,1,.3,1) both webIconDraw}.web-development-premium .inner-button{isolation:isolate;position:relative;overflow:hidden}.web-development-premium .inner-button:after{content:"";z-index:-1;background:linear-gradient(110deg,#0000 24%,#ffffff30 48%,#0000 72%);transition:transform .56s cubic-bezier(.16,1,.3,1);position:absolute;inset:-1px;transform:translate(-130%)}.web-development-premium .inner-button:hover:after,.web-development-premium .inner-button:focus-visible:after{transform:translate(130%)}.web-development-premium .inner-button:hover [data-ui-icon=arrow],.web-development-premium .inner-button:focus-visible [data-ui-icon=arrow]{transform:translate(3px)}.web-development-premium .inner-button [data-ui-icon=arrow]{transition:transform .22s cubic-bezier(.16,1,.3,1)}@keyframes webIconDraw{0%{stroke-dasharray:1 14;opacity:.58}to{stroke-dasharray:28 0;opacity:1}}.web-development-premium .service-process-card h3{margin-top:24px}.web-dev-progress{z-index:30;gap:12px;display:grid;position:fixed;top:50%;right:20px;transform:translateY(-50%)}.web-dev-progress__track{z-index:-1;background:#8fc6ff21;width:1px;position:absolute;top:8px;bottom:8px;left:50%;transform:translate(-50%)}.web-dev-progress__track i{width:100%;height:calc(var(--web-scroll,0) * 100%);background:linear-gradient(#8fc6ff,#5a8dff);position:absolute;top:0;left:0;box-shadow:0 0 8px #5a8dff80}.web-dev-progress a{color:#d5dceb7a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#071120b8;border:1px solid #8fc6ff2e;border-radius:50%;place-items:center;width:28px;height:28px;text-decoration:none;transition:color .18s,border-color .18s,background .18s,transform .18s;display:grid}.web-dev-progress a span{font-size:8px;font-weight:800}.web-dev-progress a:hover,.web-dev-progress a.is-active{color:#f5f8ff;background:#3e6bff57;border-color:#8fc6ff9e;transform:scale(1.08)}@media (width<=1120px){.web-dev-hero-glass{width:min(700px,70%)}.web-dev-tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.web-dev-progress{display:none}}@media (width<=760px){.web-development-premium .service-detail-hero{min-height:840px}.web-dev-hero-content{align-items:end;min-height:750px}.web-dev-hero-glass{background:linear-gradient(145deg,#061020db,#060e1cb8);width:100%;padding:30px 24px}.web-development-premium .service-detail-hero__shade{background:linear-gradient(#03081114,#0309146b 44%,#030914b8 100%)}.web-development-premium .service-detail-hero h1{font-size:clamp(44px,13vw,64px)}.web-dev-tech-grid{grid-template-columns:1fr}.web-dev-tech-card{min-height:132px}.web-development-premium .service-scope-card{transform:none}}@media (width<=430px){.web-development-premium .service-detail-hero{min-height:900px}.web-dev-hero-content{min-height:810px}.web-dev-hero-glass{border-radius:22px}.web-development-premium .service-detail-actions{gap:10px}}@media (prefers-reduced-motion:reduce){.web-development-premium .service-benefit-card:hover,.web-development-premium .service-process-card:hover,.web-dev-tech-card:hover,.web-development-premium .service-scope-card:hover .service-scope-card__icon,.web-development-premium .service-benefit-card:hover .service-benefit-card__icon,.web-development-premium .service-process-card:hover .web-dev-process-icon,.web-dev-tech-card:hover .web-dev-tech-card__icon{transform:none}.web-development-premium .service-scope-card:hover svg,.web-development-premium .service-benefit-card:hover svg,.web-development-premium .service-process-card:hover .web-dev-process-icon svg,.web-dev-tech-card:hover .web-dev-tech-card__icon svg{animation:none}.web-development-premium .inner-button:after{display:none}}