.scroll-progress{position:fixed;left:0;right:0;top:0;height:2px;z-index:200;background:transparent}.scroll-progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#5bf2ff,#9e70ff,#c8ff5a);box-shadow:0 0 16px #5bf2ff}
.float-metric{position:absolute;z-index:4;min-width:145px;padding:14px 17px;background:rgba(8,11,18,.72);border:1px solid rgba(255,255,255,.18);border-radius:10px;backdrop-filter:blur(14px);box-shadow:0 18px 55px #0009,inset 0 1px #ffffff17;display:flex;flex-direction:column;will-change:transform;animation:metricFloat 4.8s ease-in-out infinite}
.float-metric:before{content:"";position:absolute;inset:-1px;border-radius:10px;padding:1px;background:linear-gradient(130deg,#5bf2ff88,transparent 45%,#9e70ff66);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.float-metric small{font-size:7px;letter-spacing:1.7px;color:#7e879b}.float-metric strong{font-size:23px;line-height:1;margin:8px 0 5px;letter-spacing:-.04em}.float-metric strong b{font-size:14px;color:#c8ff5a}.float-metric span{font-size:7px;letter-spacing:1.5px;color:#5bf2ff}.metric-a{right:4.5vw;top:22%;animation-delay:-1.5s}.metric-b{right:28vw;bottom:16%;animation-delay:-3s}
.kinetic-marquee{position:relative;z-index:5;overflow:hidden;border-block:1px solid rgba(255,255,255,.12);background:#080a10;padding:21px 0;transform:rotate(-1deg) scale(1.02)}.marquee-track{display:flex;align-items:center;width:max-content;gap:30px;animation:marqueeMove 27s linear infinite}.marquee-track span{font-size:11px;font-weight:700;letter-spacing:2.4px;white-space:nowrap;color:#d8dce8}.marquee-track i{font-style:normal;color:#5bf2ff;text-shadow:0 0 14px #5bf2ff}
.service-row,.stat-card,.path-card{position:relative}.service-row:before,.stat-card:before,.path-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(340px circle at var(--card-x,50%) var(--card-y,50%),rgba(91,242,255,.09),transparent 56%);opacity:0;transition:opacity .35s}.service-row:hover:before,.stat-card:hover:before,.path-card:hover:before{opacity:1}
.hero-copy h1{perspective:800px}.hero-copy.visible h1{animation:headlineIn 1s cubic-bezier(.16,1,.3,1) both}.hero-copy.visible .eyebrow{animation:softIn .7s .1s both}.hero-copy.visible>p{animation:softIn .8s .3s both}.hero-copy.visible .hero-actions{animation:softIn .8s .45s both}
@keyframes metricFloat{0%,100%{margin-top:0}50%{margin-top:-13px}}@keyframes marqueeMove{to{transform:translateX(-50%)}}@keyframes headlineIn{from{opacity:0;transform:rotateX(18deg) translateY(60px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes softIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.metric-b{right:35vw}.metric-a{right:2vw}}@media(max-width:900px){.metric-a{top:auto;bottom:330px;right:24px}.metric-b{display:none}.kinetic-marquee{padding:17px 0}.marquee-track{gap:22px}.marquee-track span{font-size:9px}}@media(max-width:560px){.metric-a{bottom:365px;transform:scale(.85)!important;transform-origin:right}.float-metric{min-width:132px}}
@media(prefers-reduced-motion:reduce){.marquee-track,.float-metric,.hero-copy.visible h1,.hero-copy.visible .eyebrow,.hero-copy.visible>p,.hero-copy.visible .hero-actions{animation:none!important}}