.hero-stage{isolation:isolate;position:relative;overflow:clip}.hero-stage .hero{z-index:1;position:relative}.cyber-backdrop{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cyber-backdrop canvas{opacity:0;width:100%;height:100%;display:block}.cyber-backdrop canvas[data-ready=true]{opacity:1}.cyber-backdrop canvas,.cyber-fallback,.cyber-vignette{scale:-1 1}.cyber-fallback{background:radial-gradient(ellipse at 80% 55%, color-mix(in srgb, var(--blue) 13%, transparent), transparent 65%), repeating-linear-gradient(115deg, transparent 0 78px, color-mix(in srgb, var(--blue) 7%, transparent) 79px 80px, transparent 81px 160px);position:absolute;inset:0}.cyber-vignette{background:linear-gradient(90deg, color-mix(in srgb, var(--paper) 94%, transparent) 0%, color-mix(in srgb, var(--paper) 74%, transparent) 32%, transparent 72%), linear-gradient(0deg, var(--paper), transparent 13%, transparent 91%, var(--paper));position:absolute;inset:0}[data-theme=dark] .cyber-vignette{background:linear-gradient(90deg, color-mix(in srgb, var(--paper) 90%, transparent), color-mix(in srgb, var(--paper) 48%, transparent) 35%, transparent 72%), linear-gradient(0deg, var(--paper), transparent 15%, transparent 92%, var(--paper))}.cyber-coordinates{letter-spacing:.13em;color:var(--muted);opacity:.75;justify-content:space-between;gap:24px;font:9px system-ui,sans-serif;display:flex;position:absolute;bottom:22px;right:max(32px,50vw - 624px)}.motion-toggle{z-index:2;min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:4px;align-items:center;gap:7px;padding:5px 8px;font-size:.75rem;line-height:1.5;display:flex;position:absolute;bottom:16px;left:max(32px,50vw - 624px)}.motion-toggle-icon{font:11px system-ui,sans-serif}.motion-toggle:disabled{cursor:default}.hero-stage .workflow-demo{background:color-mix(in srgb, var(--board) 94%, transparent);border-color:color-mix(in srgb, var(--blue) 22%, var(--line));box-shadow:0 20px 65px -35px color-mix(in srgb, var(--blue) 35%, transparent)}.hero-stage .hero-visual-label{color:var(--ink)}.hero-stage .demo-heading,.hero-stage .demo-caption,.hero-stage .work-note,.hero-stage .advisor-note{position:relative}.hero-stage .hero-kicker>span{box-shadow:0 0 0 4px color-mix(in srgb, var(--blue) 10%, transparent), 0 0 18px color-mix(in srgb, var(--blue) 35%, transparent)}.parallax-section{isolation:isolate;position:relative;overflow:clip}.parallax-section>.container,.home-cta>.cta-section{z-index:1;position:relative}.section-atmosphere{z-index:0;pointer-events:none;position:absolute;inset:-90px 0}.atmosphere-orbit{opacity:.65;place-items:center;display:grid;left:48%;right:-18%}.atmosphere-orbit i{border:1px solid color-mix(in srgb, var(--blue) 18%, transparent);border-radius:50%;width:650px;height:650px;position:absolute;transform:rotateX(55deg)rotate(-25deg)}.atmosphere-orbit i:nth-child(2){width:830px;height:830px}.atmosphere-orbit i:nth-child(3){opacity:.6;border-style:dashed;width:1020px;height:1020px}.atmosphere-grid{background-image:linear-gradient(color-mix(in srgb, var(--blue) 6%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--blue) 6%, transparent) 1px, transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,#0000 30%,#000)}.atmosphere-stream{background:radial-gradient(ellipse at 80% 50%, color-mix(in srgb, var(--blue) 13%, transparent), transparent 60%)}.home-motion .cta-panel{isolation:isolate;position:relative;overflow:hidden}.home-motion .cta-panel:before{content:"";z-index:-1;border:1px solid #83b6fa24;border-radius:50%;width:700px;height:700px;position:absolute;top:-390px;right:-180px;box-shadow:0 0 0 60px #83b6fa08,0 0 0 120px #83b6fa06,0 0 0 180px #83b6fa04}@supports (animation-timeline:view()){@media (width>=0){html[data-motion=on] .parallax-section{view-timeline-name:--section;view-timeline-axis:block}html[data-motion=on] .section-atmosphere{animation:1s linear both background-drift;animation-range:entry exit;animation-timeline:--section!important}html[data-motion=on] .hero-stage{view-timeline-name:--hero}html[data-motion=on] .cyber-backdrop{animation:1s linear both hero-depth;animation-range:exit;animation-timeline:--hero!important}}}@keyframes background-drift{0%{transform:translateY(-65px)}to{transform:translateY(65px)}}@keyframes hero-depth{0%{transform:translate(0,0)}to{transform:translateY(100px)}}.home-motion .button,.home-motion .demo-tabs button{transition:background .18s ease-out,transform .18s ease-out}.home-motion .button:active,.home-motion .demo-tabs button:active{transform:scale(.98)}@media (width<=700px){.cyber-vignette,[data-theme=dark] .cyber-vignette{background:linear-gradient(180deg, var(--paper), color-mix(in srgb, var(--paper) 88%, transparent) 35%, transparent 60%, var(--paper))}.hero-stage .hero{padding-bottom:76px}.motion-toggle{bottom:18px;left:20px}.cyber-coordinates{bottom:29px;right:20px}.cyber-coordinates span:last-child{display:none}.atmosphere-orbit{opacity:.4;left:10%}.section-atmosphere{inset-block:-45px}@keyframes background-drift{0%{transform:translateY(-30px)}to{transform:translateY(30px)}}}@media (prefers-reduced-motion:reduce){html:not([data-motion=on]) .home-motion *,html:not([data-motion=on]) .home-motion :before{transition:none!important;animation:none!important}}.hero-stage[data-renderer=fallback] .cyber-fallback{inset:-8%}.hero-stage[data-renderer=fallback] .cyber-fallback:after{content:"";background:repeating-linear-gradient(155deg, transparent 0 115px, color-mix(in srgb, var(--blue) 27%, transparent) 116px 117px, transparent 119px 230px);animation:10s ease-in-out infinite alternate paused fallback-flow;position:absolute;inset:12% -15%;transform:translate(-25px)}html[data-motion=on][data-page-visible=true] .hero-stage[data-in-view=true][data-renderer=fallback] .cyber-fallback:after{animation-play-state:running}@keyframes fallback-flow{0%{opacity:.55;transform:translate(-35px,-20px)}to{opacity:1;transform:translate(45px,35px)}}html[data-motion=off] .motion-toggle{color:var(--blue)}