/* Scroll transitions and section labels, shared by all pages. */
.kicker,.eyebrow,.card-label{display:inline-flex;align-items:center;width:fit-content;max-width:100%;padding:7px 15px;border:1px solid #08738740;border-radius:999px;background:#e7f2f4;font-size:.8rem;line-height:1.5;letter-spacing:.075em;color:#135160;vertical-align:middle}
.launch .kicker,.new-cta .kicker{background:#164753;border-color:#6ab6c044;color:#d5edf0}.card-label{background:#ffffff70;border-color:#0a54642b;font-size:.75rem}.launch h1{font-size:clamp(3.4rem,5.8vw,5.5rem);line-height:1.08}.launch-art{animation:none;transform:translateY(var(--parallax,0px)) scale(var(--art-scale,1));transform-origin:center;will-change:transform}.launch-grid{min-height:650px}.cooperation h2{font-size:clamp(2.5rem,4vw,4rem)}
.scroll-tags{position:sticky;top:12px;z-index:12;display:flex;width:fit-content;max-width:calc(100% - 32px);margin:30px auto -36px;padding:7px;gap:5px;background:#ffffffed;backdrop-filter:blur(18px);border:1px solid #bed6db;border-radius:999px;box-shadow:0 8px 30px #062f3c0a;overflow-x:auto}.scroll-tags a{flex-shrink:0;display:block;padding:9px 19px;color:#294d58;text-decoration:none;border-radius:99px;font-size:.875rem;transition:background .3s,color .3s}.scroll-tags a:hover{background:#e6f4f6}.scroll-tags a[aria-current]{background:#083947;color:#fff}
.scroll-reveal{opacity:0;translate:0 38px;transition:opacity .85s ease var(--stagger,0ms),translate .95s cubic-bezier(.2,.7,.2,1) var(--stagger,0ms)}.scroll-reveal.scroll-visible{opacity:1;translate:0 0}.solution-card{transition:opacity .85s ease var(--stagger,0ms),translate .95s cubic-bezier(.2,.7,.2,1) var(--stagger,0ms),transform .3s,box-shadow .3s}.inner .page-intro h1{transition-delay:.05s}.new-cta h2{font-size:clamp(3.5rem,6vw,6rem)}.motion-paused .scroll-reveal{opacity:1;translate:none;transition:none}.motion-paused .launch-art{transform:none;will-change:auto}.network-photo{animation:none}.art-service{animation:none;transition:transform .3s,background .3s}.launch-art .art-service{transform:translateX(calc(var(--parallax,0px) * -.25))}.launch-art .art-service:hover{transform:translateX(7px)}
@media(max-width:620px){.launch-grid{min-height:0}.launch h1{font-size:clamp(2.9rem,12vw,4rem)}.scroll-tags{top:8px;border-radius:22px;margin:20px auto -25px;justify-content:flex-start;max-width:calc(100% - 20px);width:calc(100% - 20px)}.scroll-tags a{font-size:.8rem;padding:8px 12px}.kicker,.eyebrow{font-size:.75rem}.launch-art{will-change:auto}.scroll-reveal{translate:0 24px}}
@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;translate:none;transition:none}.launch-art{transform:none;will-change:auto}.scroll-tags a{transition:none}}
@media print{.scroll-reveal{opacity:1;translate:none}.scroll-tags{display:none}}
/* An explicit press on Activate animations overrides the system default. */
body.motion-enabled .scroll-reveal{opacity:0;translate:0 38px;transition:opacity .85s ease var(--stagger,0ms),translate .95s cubic-bezier(.2,.7,.2,1) var(--stagger,0ms)!important}body.motion-enabled .scroll-visible{opacity:1;translate:0 0}body.motion-enabled .launch-art{transform:translateY(var(--parallax,0px)) scale(var(--art-scale,1))}body.motion-enabled .scroll-tags a{transition:background .3s,color .3s!important}
