.ambient-field{pointer-events:none;contain:paint;position:absolute;inset:0;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 65%)}.energy-ribbon{background:radial-gradient(#0000 48%,#007aff20 53%,#18b8ff22 54%,#0000 60%);border-radius:50%;animation:14s ease-in-out infinite alternate ribbon-drift;position:absolute;inset:15% -25% 10% 30%;transform:rotate(-24deg)}.data-particle{left:var(--x);top:var(--y);opacity:0;width:3px;height:3px;animation:particle-rise var(--duration) var(--delay) ease-in-out infinite;background:#57ceff;border-radius:50%;position:absolute;box-shadow:0 0 12px #1685ff}.hero .orbital{translate:var(--drift-x,0px) var(--drift-y,0px);transition:translate 1.2s ease-out}.orbit-b{animation:18s ease-in-out infinite alternate orbit-precess}.orbit-c{animation:22s ease-in-out infinite alternate orbit-sweep}.core-square{animation:26s linear infinite core-turn}.orb-core{animation:6s ease-in-out infinite core-breathe}.orb-lines path{stroke-dasharray:7 18;stroke:#1685ff70;animation:14s linear infinite data-flow}.orb-lines circle{animation:4s ease-in-out infinite node-breathe}.orb-lines circle:nth-of-type(2){animation-delay:-1s}.orb-lines circle:nth-of-type(3){animation-delay:-2s}.orb-lines circle:nth-of-type(4){animation-delay:-3s}.sat-one{animation:9s ease-in-out infinite alternate satellite-drift}.sat-two{animation:12s ease-in-out -5s infinite alternate-reverse satellite-drift}.hero h1 span{color:#0000;background:linear-gradient(100deg,#3096ff 15%,#89e2ff 45%,#3096ff 65%) 0 0/250% 100%;-webkit-background-clip:text;background-clip:text;animation:9s ease-in-out infinite title-light}.hero-content>.eyebrow{animation:.8s 50ms both hero-arrive}.hero-content>h1{animation:.9s .16s both hero-arrive}.hero-content>p{animation:.9s .3s both hero-arrive}.hero-buttons{animation:.9s .44s both hero-arrive}.scroll-link>svg{animation:3s ease-in-out infinite scroll-cue}.status-dot{animation:4s ease-in-out infinite node-breathe}.button{position:relative;overflow:hidden}.button:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff29,#0000);width:35%;transition:left .6s;position:absolute;inset:-50% auto -50% -60%;transform:skew(-22deg)}.button:hover:before,.button:focus-visible:before{left:140%}.button svg,.service a svg{transition:transform .3s}.button:hover svg,.service a:hover svg{transform:translate(3px,-3px)}.service:before{content:"";opacity:0;background:radial-gradient(300px circle at var(--light-x,50%) var(--light-y,50%),#1685ff20,transparent 70%);pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.service:hover:before,.service:focus-within:before{opacity:1}.service-top svg{transition:transform .4s,color .4s}.service:hover .service-top svg{color:#81d8ff;transform:translateY(-4px)}.code-visual small{animation:1.7s ease-in-out infinite cursor-breathe}.browser-visual{animation:7s ease-in-out infinite browser-float}.browser-visual b{animation:6s ease-in-out infinite core-breathe}.essence-symbol span{animation:35s linear infinite essence-turn}.essence-symbol span:nth-child(2){animation-duration:27s;animation-direction:reverse}.essence-symbol span:nth-child(3){animation-duration:20s}.step-number span{animation:4s ease-in-out infinite timeline-pulse}.timeline li:nth-child(2) .step-number span{animation-delay:.6s}.timeline li:nth-child(3) .step-number span{animation-delay:1.2s}.timeline li:nth-child(4) .step-number span{animation-delay:1.8s}.timeline li:nth-child(5) .step-number span{animation-delay:2.4s}.cta-orbit{animation:12s ease-in-out infinite alternate cta-drift}.pillars>.will-reveal:nth-child(2),.services>.will-reveal:nth-child(2),.differences-grid>.will-reveal:nth-child(2n){transition-delay:.1s}.pillars>.will-reveal:nth-child(3),.services>.will-reveal:nth-child(3){transition-delay:.2s}.reading-progress{height:2px;transform:scaleX(var(--progress,0));transform-origin:0;z-index:60;pointer-events:none;background:linear-gradient(90deg,#06f,#56dcff);position:fixed;top:0;left:0;right:0}.motion-toggle{z-index:45;color:#c7daed;backdrop-filter:blur(10px);background:#07101ef2;border:1px solid #4673a35c;border-radius:5px;align-items:center;gap:8px;padding:10px 12px;font-size:10px;display:flex;position:fixed;bottom:16px;right:16px}.motion-toggle:hover{border-color:#1685ff}.play-icon{display:none}[data-motion=paused] .play-icon{display:block}[data-motion=paused] .pause-icon{display:none}@keyframes ribbon-drift{to{opacity:.5;transform:translate(-4%,8%)rotate(-14deg)}}@keyframes particle-rise{0%,to{opacity:0;transform:translateY(25px)}25%,70%{opacity:.6}85%{opacity:0;transform:translate(-50px,-90px)}}@keyframes orbit-precess{to{transform:rotateX(50deg)rotateY(80deg)rotate(30deg)}}@keyframes orbit-sweep{to{transform:rotateX(-55deg)rotateY(20deg)rotate(-25deg)}}@keyframes core-turn{to{transform:rotate(405deg)}}@keyframes core-breathe{50%{opacity:.65;scale:.95}}@keyframes data-flow{to{stroke-dashoffset:-300px}}@keyframes node-breathe{50%{opacity:.4}}@keyframes satellite-drift{to{transform:translate(28px,-34px)}}@keyframes title-light{50%{background-position:100% 0}}@keyframes hero-arrive{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes scroll-cue{0%,70%,to{transform:translateY(0)}35%{transform:translateY(5px)}}@keyframes cursor-breathe{50%{opacity:.2}}@keyframes browser-float{50%{translate:0 -7px}}@keyframes essence-turn{to{transform:rotate(405deg)}}@keyframes timeline-pulse{50%{opacity:.45;transform:scale(.8)}}@keyframes cta-drift{to{translate:20px 20px;scale:1.05}}section[data-anim-active=false] *,section[data-anim-active=false] :before,section[data-anim-active=false] :after{animation-play-state:paused}[data-motion=paused] *,[data-motion=paused] :before,[data-motion=paused] :after,.tab-hidden *,.tab-hidden :before,.tab-hidden :after{animation-play-state:paused!important}[data-motion=paused] .hero-content>.eyebrow,[data-motion=paused] .hero-content>h1,[data-motion=paused] .hero-content>p,[data-motion=paused] .hero-buttons{opacity:1;animation:none;transform:none}[data-motion=paused] .hero .orbital{translate:0}[data-motion=paused] .will-reveal{opacity:1;transition:none;transform:none}@media (width<=800px){.data-particle:nth-child(n+8){display:none}.energy-ribbon{opacity:.6;inset:15% -80% 5% 30%}.motion-toggle span{display:none}.motion-toggle{padding:11px;bottom:12px;right:12px}.hero .orbital{transition:none}}@media (prefers-reduced-motion:reduce){.ambient-field,.reading-progress,.motion-toggle{display:none}.hero h1 span{color:#3096ff;background:0 0}.hero-content>.eyebrow,.hero-content>h1,.hero-content>p,.hero-buttons{opacity:1;animation:none;transform:none}.hero .orbital{translate:0}*,:before,:after{transition:none!important;animation:none!important}}
