.services-page [data-service-section]{scroll-margin-top:88px;scroll-snap-align:start}.services-nav{position:fixed;right:clamp(.75rem,2vw,2rem);top:50%;z-index:40;display:grid;justify-items:end;gap:.5rem;transform:translateY(-50%)}.services-nav__steps{display:grid;gap:.28rem}.services-nav__steps button{display:grid;grid-template-columns:25px 0fr;align-items:center;gap:.5rem;width:42px;height:34px;padding:0 .5rem;overflow:hidden;border:1px solid rgba(130,173,218,.16);border-radius:3px;background:#050f1db8;backdrop-filter:blur(12px);color:#70839b;text-align:left;cursor:pointer;transition:width .3s,color .3s,border-color .3s,background .3s}.services-nav__steps button b{font:700 .56rem var(--font-mono)}.services-nav__steps button span{overflow:hidden;white-space:nowrap;font:700 .56rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.services-nav__steps button:hover,.services-nav__steps button.is-active{width:126px;color:#eaf6ff;border-color:#2bd8ff80;background:#08192be6}.services-nav__steps button.is-active{color:#53dcff;box-shadow:inset 3px 0 #2bd8ff,0 0 24px #2bd8ff1a}.nav-arrow{display:grid;place-items:center;width:42px;height:34px;border:1px solid rgba(130,173,218,.2);border-radius:3px;background:#050f1dd1;color:#b8c8da;cursor:pointer;transition:.25s}.nav-arrow:hover:not(:disabled){border-color:#2bd8ff;color:#2bd8ff;transform:translateY(-2px)}.nav-arrow:disabled{opacity:.25;cursor:default}.services-page{overflow:clip;background:#030812;color:#f7fbff}.services-hero{position:relative;min-height:calc(100svh - 74px);display:grid;align-items:center;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 75% 38%,rgba(15,117,158,.18),transparent 32%),#030812}.technical-grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(105,151,210,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(105,151,210,.055) 1px,transparent 1px);background-size:68px 68px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 86%);mask-image:linear-gradient(90deg,#000,transparent 86%)}.orbit{position:absolute;border:1px solid rgba(43,216,255,.13);border-radius:50%;pointer-events:none}.orbit.one{width:52vw;height:52vw;right:-10vw;top:5%;animation:serviceOrbit 22s linear infinite}.orbit.two{width:30vw;height:30vw;right:1vw;top:22%;border-color:#ffffff14;animation:serviceOrbit 15s linear infinite reverse}.orbit:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#2bd8ff;left:10%;top:20%;box-shadow:0 0 22px #2bd8ff}.hero-inner{width:min(100% - 2rem,var(--site-width));padding-block:clamp(6rem,14vh,10rem)}.kicker{display:flex;align-items:center;gap:.75rem;color:#2bd8ff;font:700 .68rem/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase}.kicker i{width:36px;height:1px;background:currentColor;box-shadow:0 0 12px currentColor}.services-hero h1{max-width:1000px;margin:1.8rem 0 2.7rem;font-size:clamp(4.5rem,10vw,10rem);font-weight:850;line-height:.78;letter-spacing:-.075em}.services-hero h1 em,.services-outro h2 em{color:#53dcff;font-style:normal;text-shadow:0 0 35px rgba(43,216,255,.2)}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:3rem;max-width:930px}.hero-bottom p{max-width:620px;color:#aebdd0;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.75}.scroll-cue{display:flex;align-items:center;gap:.7rem;white-space:nowrap;color:#71849d;font:650 .62rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.scroll-cue i{width:1px;height:44px;background:linear-gradient(#2bd8ff,transparent);animation:scrollPulse 1.8s ease-in-out infinite}.side-index{position:absolute;right:3vw;bottom:2.5rem;color:#5f728b;font:650 .6rem var(--font-mono);letter-spacing:.18em;writing-mode:vertical-rl}.services-stack{position:relative;padding:10vh 0 18vh;background:linear-gradient(180deg,#030812,#060c16 50%,#030812)}.service-stage{position:relative;height:112vh;display:flex;align-items:flex-start;justify-content:center;padding:10vh 1rem 0;perspective:1500px}.service-card{position:sticky;top:calc(74px + 4vh);display:grid;grid-template-columns:minmax(0,1.13fr) minmax(340px,.87fr);width:min(1180px,calc(100vw - 2rem));height:min(72vh,720px);min-height:560px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 30%,rgba(255,255,255,.1));border-radius:10px;background:#07101d;box-shadow:0 40px 110px #0000007a,0 0 50px color-mix(in srgb,var(--accent) 10%,transparent);transform:rotateX(calc(var(--centered,0) * -4deg)) rotateY(calc(var(--centered,0) * 3deg)) translateY(calc(var(--centered,0) * 18px));transform-style:preserve-3d;transition:border-color .35s,box-shadow .35s}.service-card:hover{border-color:var(--accent);box-shadow:0 50px 130px #00000094,0 0 75px color-mix(in srgb,var(--accent) 18%,transparent)}.card-media{position:relative;overflow:hidden;min-height:0;transform:translateZ(14px)}.card-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:saturate(.9) contrast(1.05);transform:scale(calc(1.08 - var(--progress,0) * .06)) translateY(calc((var(--progress,0) - .5) * -4%));transition:filter .5s}.service-card:hover .card-media img{filter:saturate(1.1) contrast(1.06)}.media-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent 58%,#07101d 100%),linear-gradient(0deg,rgba(3,8,18,.48),transparent 45%)}.badge{position:absolute;left:1.5rem;top:1.5rem;padding:.55rem .75rem;border:1px solid var(--accent);border-radius:3px;background:#030812b8;backdrop-filter:blur(10px);color:var(--accent);font:750 .62rem var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.number{position:absolute;right:1.3rem;bottom:.6rem;color:#fff;font:850 clamp(4.8rem,9vw,8rem)/1 var(--font-display);letter-spacing:-.08em;text-shadow:0 10px 35px #000}.card-content{position:relative;display:flex;flex-direction:column;padding:clamp(2rem,4vw,4.5rem);background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--accent) 11%,transparent),transparent 36%),#07101d;transform:translateZ(30px)}.card-content:before{content:"";position:absolute;left:0;top:12%;width:1px;height:76%;background:linear-gradient(transparent,var(--accent),transparent);opacity:.45}.eyebrow{display:flex;align-items:center;gap:.7rem;color:var(--accent);font:700 .59rem var(--font-mono);letter-spacing:.16em;text-transform:uppercase}.eyebrow i{width:28px;height:1px;background:currentColor}.service-card h2{margin:1.2rem 0 .8rem;font-size:clamp(2.2rem,4vw,4.7rem);font-weight:850;line-height:.9;letter-spacing:-.055em}.service-card h3{color:var(--accent);font-size:clamp(1rem,1.4vw,1.25rem);font-weight:650}.service-card p{margin-top:1.15rem;color:#95a8bf;font-size:.98rem;line-height:1.72}.service-card ul{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.service-card li{padding:.48rem .65rem;border:1px solid rgba(130,173,218,.15);border-radius:3px;color:#aebdd0;font:600 .62rem var(--font-mono)}.card-cta{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:1.2rem;border-top:1px solid rgba(130,173,218,.15);font-weight:800}.card-cta b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--accent);color:#04101a;font-size:1.2rem;transition:transform .35s}.service-card:hover .card-cta b{transform:rotate(45deg) scale(1.08)}.services-outro{min-height:80vh;display:grid;align-items:center;background:radial-gradient(circle at 50% 100%,rgba(43,216,255,.13),transparent 40%),#030812}.outro-inner{width:min(100% - 2rem,var(--site-width));padding-block:8rem;text-align:center}.outro-inner .kicker{justify-content:center}.services-outro h2{margin:1.7rem auto 2.5rem;font-size:clamp(3rem,7vw,7rem);font-weight:850;line-height:.9;letter-spacing:-.06em}.services-outro a{display:inline-flex;align-items:center;gap:2rem;min-height:56px;padding:0 1.5rem;background:#f7fbff;color:#06101d;font-weight:850;border-radius:3px;transition:.3s}.services-outro a:hover{transform:translateY(-4px);box-shadow:0 18px 50px #2bd8ff33}@keyframes serviceOrbit{to{transform:rotate(360deg)}}@keyframes scrollPulse{0%,to{opacity:.35;transform:scaleY(.6);transform-origin:top}50%{opacity:1;transform:scaleY(1)}}@media (max-width:800px){.services-nav{top:auto;right:50%;bottom:.75rem;display:flex;align-items:center;transform:translate(50%)}.services-nav__steps{display:flex;gap:.22rem;padding:.35rem;border:1px solid rgba(130,173,218,.16);border-radius:5px;background:#030812e0;backdrop-filter:blur(14px)}.services-nav__steps button{display:block;width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#52657d}.services-nav__steps button b,.services-nav__steps button span{display:none}.services-nav__steps button:hover,.services-nav__steps button.is-active{width:22px;height:8px;background:#2bd8ff;box-shadow:0 0 12px #2bd8ff8c}.nav-arrow{width:34px;height:34px}.services-hero h1{font-size:clamp(4rem,18vw,7rem)}.hero-bottom{display:block}.scroll-cue{margin-top:2rem}.orbit{opacity:.55}.service-stage{height:auto;padding:1rem;perspective:none}.service-card{position:relative;top:auto;display:flex;flex-direction:column;height:auto;min-height:0;transform:none}.card-media{aspect-ratio:4/3}.media-shade{background:linear-gradient(0deg,#07101d,transparent 48%)}.card-content{min-height:480px;padding:2rem;transform:none}.service-card h2{font-size:clamp(2.5rem,12vw,4rem)}.card-content:before{display:none}.services-stack{padding-block:4rem}.number{font-size:5rem}}.service-stage{perspective:none}.service-card{transform:none;transform-style:flat}.card-media,.card-content,.card-media img{transform:none}@media (min-width:801px){.service-card{top:calc(88px + 4vh)}}@media (max-width:639px){.services-page [data-service-section]{scroll-margin-top:74px}}@media (prefers-reduced-motion:reduce){.orbit,.scroll-cue i{animation:none}.service-card,.card-media img{transform:none!important;transition:none}}
