/* Progressive top diffusion leaves navigation crisp and content readable below. */
.top-diffusion{position:fixed;inset:0 0 auto;height:135px;z-index:18;pointer-events:none;overflow:hidden}.top-diffusion i{position:absolute;inset:0;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);mask-image:linear-gradient(#000 0%,#000 50%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 50%,transparent 100%)}.top-diffusion i:nth-child(2){bottom:25%;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.top-diffusion i:nth-child(3){bottom:50%;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.top-diffusion i:nth-child(4){bottom:75%;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.hero-copy{transform-origin:center top!important;will-change:transform,filter}.service-stack .service{backface-visibility:hidden}.service-stack .service:focus-visible{filter:none!important}.hero-copy:focus-within{filter:none!important;opacity:1!important}
@media(max-width:760px){.top-diffusion{height:105px}}
@media(prefers-reduced-motion:reduce){.top-diffusion{display:none}.hero-copy,.service-stack .service{filter:none!important;opacity:1!important}}
/* The service stack uses native sticky positioning. Scroll transforms add depth. */
.network-float{left:-25px;gap:18px;transform:rotate(-5deg)}.network-number{font-size:36px;letter-spacing:-2px;color:var(--blue);line-height:1.2}.revenue-float strong{font-size:26px}.revenue-total strong{font-size:clamp(72px,9.4vw,142px);letter-spacing:-7px}.hero-copy{transform-origin:15% 35%;will-change:transform}.services{overflow:visible;border-radius:45px;background:radial-gradient(ellipse at 80% 10%,#9bd1ff40,transparent 50%);padding-bottom:85px}.service-stack{display:flex;flex-direction:column;gap:100px;position:relative;padding-bottom:50px;isolation:isolate}.service-stack .service{position:sticky;top:calc(115px + var(--index,0)*22px);min-height:450px;display:block;padding:42px 48px;border-radius:34px;overflow:hidden;background:linear-gradient(115deg,#f0f8fff5,#c9e5ffef);border:1px solid #ffffff;box-shadow:0 18px 50px #074a9326,inset 0 1px 2px #ffffff;transform-origin:center top;will-change:transform;transition:box-shadow .3s;z-index:calc(1 + var(--index,0));color:#0a2444}.service-stack .service:nth-child(2){--index:1;background:linear-gradient(115deg,#eaf5fff7,#b5d9fff2)}.service-stack .service:nth-child(3){--index:2;background:linear-gradient(115deg,#e4f2fff7,#93c8f8f5)}.service-stack .service:nth-child(4){--index:3;background:linear-gradient(115deg,#d9edfff7,#6eb1f2f5)}.service-stack .service:hover{box-shadow:0 22px 60px #074a9340}.service-stack .service-top{width:46%;margin-bottom:30px}.service-stack .service h3{font-size:clamp(36px,4.2vw,62px);max-width:55%;margin-bottom:20px;line-height:1.07;letter-spacing:-2px}.service-stack .service p{width:44%;max-width:430px;color:#405d7d;margin:0 0 28px;position:relative;z-index:2}.service-stack .service-link{position:relative;z-index:2}.service-visual{position:absolute;right:4%;top:6%;bottom:6%;width:43%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;perspective:1000px}.platform-glass{width:85%;height:280px;background:linear-gradient(135deg,#ffffff9c,#ffffff15);box-shadow:inset 1px 1px 2px #ffffff,14px 20px 50px #1659a22b;border:1px solid #ffffffb5;border-radius:32px;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-7deg) rotateY(-12deg);transition:transform .7s}.service:nth-child(2n) .platform-glass{transform:rotate(7deg) rotateY(12deg)}.service:hover .platform-glass{transform:rotate(0) rotateY(0)}.visual-symbol{font-size:76px;line-height:1;color:#0878fa;margin:15px 0}.platform-glass strong{font-size:40px;letter-spacing:-2px;font-weight:750}.visual-caption{font-size:11px;letter-spacing:2px;margin-top:12px;color:#3d6185}.visual-note{font-size:13px;background:#ffffff90;border:1px solid white;padding:12px 24px;border-radius:100px;margin-top:-5px;z-index:1;transform:rotate(3deg);box-shadow:0 10px 35px #27639d1a}.dark .service-stack .service{background:linear-gradient(115deg,#132c47fa,#1e4c7bf5);color:#e9f3ff;border-color:#83beff50}.dark .service-stack .service:nth-child(2){background:linear-gradient(115deg,#183b60fa,#266598f5)}.dark .service-stack .service:nth-child(3){background:linear-gradient(115deg,#20476afa,#327bb7f5)}.dark .service-stack .service:nth-child(4){background:linear-gradient(115deg,#265787fa,#3586c9f5)}.dark .service-stack .service p{color:#c6dcef}.dark .visual-note{background:#173e68;color:white;border-color:#9fd6ff70}.dark .visual-caption{color:#d6e8ff}.dark .service-link{color:#85caff}.dark .platform-glass{background:linear-gradient(135deg,#cee9ff30,#cee9ff09);border-color:#c1e4ff60}.dark .visual-symbol{color:#93d3ff}.revenue-section{transform-origin:center center;will-change:transform}.revenue-total strong{font-variant-numeric:tabular-nums}.service:focus-visible{outline:4px solid #0574e8;outline-offset:4px}
@media(max-width:760px){.service-stack{gap:70px;padding-bottom:25px}.service-stack .service{top:calc(87px + var(--index,0)*12px);min-height:560px;padding:26px 25px;border-radius:26px}.service-stack .service-top{width:100%;margin-bottom:24px}.service-stack .service h3{font-size:35px;max-width:100%;letter-spacing:-1.4px}.service-stack .service p{width:100%;font-size:15px;line-height:1.6;margin-bottom:18px}.service-stack .service-link{font-size:13px}.service-visual{position:relative;right:auto;top:auto;bottom:auto;width:100%;height:190px;margin-top:14px}.platform-glass{width:80%;height:155px;border-radius:22px;flex-direction:row;gap:16px;flex-wrap:wrap;padding:22px}.visual-symbol{font-size:42px;margin:0}.platform-glass strong{font-size:31px;letter-spacing:-1px}.visual-caption{width:100%;text-align:center;font-size:10px;margin:0;letter-spacing:1px}.visual-note{font-size:11px;padding:7px 16px;margin-top:-9px}.revenue-total strong{font-size:clamp(59px,18vw,110px);letter-spacing:-4px}.network-float{left:-10px}.network-number{font-size:32px}.services{padding-bottom:50px}}
@media(prefers-reduced-motion:reduce){.service-stack .service{position:relative;top:auto;transform:none!important;will-change:auto}.service-stack{gap:25px}.hero-copy,.showcase,.ambient,.revenue-section{transform:none!important;translate:none!important}.platform-glass{transform:none!important}}
@media(max-height:700px) and (min-width:761px){.service-stack .service{top:calc(95px + var(--index,0)*13px);min-height:390px;padding:28px 38px}.service-stack .service h3{font-size:42px}.service-stack .service-top{margin-bottom:20px}.platform-glass{height:250px}}
