:root{--bg: #0b0c0e;--surface: #161922;--text: #f0f0f5;--text-muted: #8b90a0;--accent: #4e74f8;--accent-deep: #3f5ecc;--accent-aqua: #23c4f8;--border: rgba(255, 255, 255, .08);--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--font-display: "Archivo", system-ui, sans-serif;--font-body: "Hanken Grotesk", system-ui, sans-serif;--text-caption: .75rem;--text-ui: .875rem;--text-body: 1rem;--text-lead: 1.0625rem;--text-display: clamp(2.5rem, 5.5vw, 4.25rem);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}body{display:flex;flex-direction:column;align-items:center;padding:var(--space-md);background:var(--bg);color:var(--text);font-family:var(--font-body);font-kerning:normal;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}#root{width:100%}main{width:100%;display:flex;flex-direction:column;align-items:center}.home{height:100dvh;overflow:hidden}.home nav{flex:none;margin-bottom:clamp(2px,.8vh,10px)}.home .hero-card{flex:1 1 auto;min-height:0;justify-content:center;padding:clamp(16px,3vh,52px) clamp(20px,4vw,48px)}.home .icon-pipeline{margin-bottom:clamp(14px,3vh,40px)}.home .hero-heading{font-size:clamp(1.9rem,4.4vw,3.6rem)}.home .hero-sub{margin:clamp(8px,1.5vh,18px) auto clamp(12px,2.2vh,26px)}.home .brands-caption{flex:none;margin:clamp(8px,1.6vh,20px) 0 clamp(4px,.8vh,10px)}.home .marquee{flex:none;padding:0 0 clamp(12px,2.2vh,32px)}a{text-decoration:none;color:inherit}ul{list-style:none}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}nav{width:100%;max-width:1600px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:var(--space-sm) var(--space-lg);margin-bottom:var(--space-md)}.nav-logo{font-family:var(--font-display);font-size:var(--text-lead);font-weight:600;letter-spacing:-.02em}.nav-logo b{color:var(--accent);font-weight:700}.nav-menu{display:contents}.nav-links{display:flex;gap:32px;justify-content:center}.nav-links a{color:var(--text-muted);font-size:var(--text-ui);font-weight:500;transition:color .2s ease}.nav-links a:hover{color:var(--text)}.nav-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center}.btn-login,.btn-signup{padding:7px 18px;border-radius:999px;font-size:var(--text-ui);cursor:pointer;border:1px solid transparent;transition:background .2s ease,opacity .2s ease,transform .12s var(--ease-out-quart);white-space:nowrap}.btn-login{background:#ffffff0f;border-color:var(--border);color:#fff;font-weight:500}.btn-login:hover{background:#ffffff1f}.btn-signup{background:#fff;color:#0b0c0e;font-weight:600}.btn-signup:hover{opacity:.88}.btn-login:active,.btn-signup:active{transform:scale(.97)}.menu-toggle{display:none;flex-direction:column;justify-content:space-between;box-sizing:border-box;width:44px;height:44px;padding:15px 10px;background:none;border:none;cursor:pointer;z-index:1001}.menu-toggle span{display:block;height:2px;width:100%;background:#fff;border-radius:2px;transition:transform .3s ease,opacity .3s ease}.hero-card{width:100%;max-width:1600px;border-radius:20px;border:1px solid rgba(255,255,255,.07);overflow:hidden;position:relative;background:#0d0f16;padding:clamp(56px,8vw,88px) var(--space-2xl) var(--space-3xl);min-height:640px;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% -70%,transparent 60%,rgba(78,116,248,.03) 63%,rgba(78,116,248,.08) 65%,rgba(78,116,248,.16) 67%,rgba(78,116,248,.28) 69%,rgba(78,116,248,.4) 71%,rgba(78,116,248,.52) 73%,rgba(78,116,248,.64) 75%,rgba(78,116,248,.74) 77%,rgba(78,116,248,.82) 79%,rgba(46,165,240,.92) 85%,rgba(120,216,250,.9) 87%,rgba(200,240,255,.94) 91%,rgba(240,250,255,.98) 93%,#ffffff 95%),radial-gradient(circle at 50% 35%,rgba(63,94,204,.1) 0%,transparent 50%)}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(circle at 50% -70%,transparent 60%,black 78%);mask-image:radial-gradient(circle at 50% -70%,transparent 60%,black 78%)}.icon-pipeline{position:relative;display:flex;align-items:center;justify-content:center;max-width:700px;margin-bottom:var(--space-2xl);z-index:1}.beam-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;z-index:2;pointer-events:none}.pipeline-line{width:160px;height:1px;background:linear-gradient(90deg,#ffffff26,#ffffff12)}.pipeline-line.right{background:linear-gradient(90deg,#ffffff12,#ffffff26)}.center-wrap{position:relative;display:flex;align-items:center;justify-content:center}.icon-node{position:relative;width:46px;height:46px;border-radius:50%;background:#1a1d28;display:flex;align-items:center;justify-content:center;cursor:default;z-index:3;box-shadow:6px 6px 12px #0006,-4px -4px 10px #ffffff08,inset 1px 1px 1px #ffffff0d,inset 4px 4px 8px #0006}.icon-node:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;border:1px dotted #2a2e3a;pointer-events:none}.icon-node svg,.icon-node img{width:26px;height:26px;position:relative;z-index:1;display:block;object-fit:contain}.node-light-right:before,.node-light-left:before{content:"";position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;border-radius:50%;z-index:4;opacity:0;transition:opacity .3s ease;pointer-events:none}.node-light-right:before{background:radial-gradient(circle at left,rgba(221,67,31,.4) 0%,transparent 70%)}.node-light-left:before{background:radial-gradient(circle at right,rgba(78,116,248,.5) 0%,transparent 70%)}.node-light-right.active:before,.node-light-left.active:before{opacity:1}.icon-node-center{position:relative;width:64px;height:64px;border-radius:50%;background:#1e2230;display:flex;align-items:center;justify-content:center;z-index:3;box-shadow:8px 8px 16px #00000080,-6px -6px 14px #ffffff0a,inset 1px 1px 2px #ffffff0f,inset 6px 6px 12px #00000080}.icon-node-center svg{width:30px;height:30px}.splash{position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;border-radius:50%;background:radial-gradient(circle,rgba(78,116,248,.6) 0%,rgba(35,196,248,.25) 45%,transparent 70%);opacity:0;transform:scale(.4);z-index:2;pointer-events:none}.splash.animate{animation:splash-anim .8s ease-out forwards}@keyframes splash-anim{0%{transform:scale(.4);opacity:.8}40%{opacity:.6}to{transform:scale(1.4);opacity:0}}.hero-content{max-width:620px;z-index:1;position:relative}.hero-heading{font-family:var(--font-display);font-size:var(--text-display);font-weight:500;line-height:1.08;letter-spacing:-.025em}.hero-heading strong{display:block;font-weight:600;margin-top:var(--space-2xs);color:#b7c5fb}.hero-sub{font-size:var(--text-body);color:#c4cadd;max-width:470px;margin:var(--space-md) auto var(--space-xl);line-height:1.65}.btn-cta{display:inline-block;background:#fff;color:#0b0c0e;padding:12px 32px;border-radius:999px;font-weight:600;font-size:var(--text-ui);box-shadow:0 6px 22px #00000047;transition:opacity .2s ease,transform .2s ease}.btn-cta:hover{opacity:.9;transform:translateY(-1px)}.btn-cta:active{transform:scale(.98)}.brands-caption{color:#ffffff8c;font-size:var(--text-caption);font-weight:500;letter-spacing:.08em;text-transform:uppercase;margin:var(--space-4xl) 0 var(--space-md)}.marquee{width:100vw;overflow:hidden;padding:var(--space-md) 0 var(--space-3xl);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.marquee-track{display:flex;width:max-content;animation:marquee 34s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-group{display:flex;align-items:center;flex-shrink:0;margin:0;padding:0}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.brand-item{display:flex;align-items:center;gap:14px;padding:0 clamp(30px,4vw,68px);color:#ffffff9e;font-size:clamp(1.2rem,2vw,1.7rem);font-weight:500;white-space:nowrap}.brand-item img{width:clamp(30px,3.4vw,44px);height:clamp(30px,3.4vw,44px);object-fit:contain;display:block}@media(max-width:860px){.icon-pipeline{gap:0;margin-bottom:var(--space-xl)}.pipeline-line{width:80px}}@media(max-width:768px){nav{display:flex;justify-content:space-between}.menu-toggle{display:flex}.menu-toggle.active span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle.active span:nth-child(2){transform:translateY(-6px) rotate(-45deg)}.nav-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;position:fixed;top:0;right:-100%;width:100%;height:100vh;background:var(--bg);transition:right .4s cubic-bezier(.4,0,.2,1);overflow-y:auto;padding:48px 0;z-index:1000}.nav-menu.active{right:0}.nav-links{flex-direction:column;gap:6px;text-align:center}.nav-links a{font-size:1.15rem;display:block;padding:12px 28px}.nav-actions{flex-direction:column;width:220px}.btn-login,.btn-signup{width:100%;text-align:center;padding:14px;font-size:var(--text-body)}.icon-node{width:38px;height:38px}.icon-node svg,.icon-node img{width:22px;height:22px}.icon-node-center{width:52px;height:52px}.icon-node-center svg{width:26px;height:26px}.home{height:auto;min-height:100dvh;overflow:visible}.home .hero-card{flex:none}.hero-card{padding:var(--space-2xl) var(--space-lg);min-height:auto}.home .hero-heading{font-size:clamp(1.8rem,7vw,2.6rem)}.marquee-track{animation-duration:22s}}@media(max-width:480px){.hero-card{border-radius:16px}.pipeline-line{width:52px}}.method{width:100%;max-width:720px;margin:0 auto;padding:clamp(32px,6vw,72px) var(--space-lg) var(--space-4xl);text-align:left}.method-head{margin-bottom:var(--space-3xl)}.eyebrow{font-size:var(--text-caption);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-md)}.method-title{font-family:var(--font-display);font-size:clamp(2rem,4.5vw,3.25rem);font-weight:600;line-height:1.06;letter-spacing:-.025em;color:var(--text)}.method-lead{font-size:var(--text-lead);line-height:1.7;color:#b7bccb;max-width:60ch;margin-top:var(--space-lg)}.method-section{margin-top:var(--space-3xl);max-width:62ch}.method-section h2{font-family:var(--font-display);font-size:1.5rem;font-weight:600;letter-spacing:-.02em;color:var(--text);margin-bottom:var(--space-sm)}.method-section p{font-size:var(--text-body);line-height:1.75;color:#a7adbe}.method-section em{color:var(--accent-aqua);font-style:normal;font-weight:500}.method-section code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9em;color:#cdd6f0;background:#ffffff0f;padding:.1em .4em;border-radius:5px}.roads{margin-top:var(--space-md);display:flex;flex-direction:column;gap:var(--space-lg)}.road{display:grid;grid-template-columns:130px 1fr;gap:var(--space-md);align-items:baseline}.road dt{font-family:var(--font-display);font-weight:600;font-size:var(--text-body);color:var(--accent);letter-spacing:-.01em}.road dd{margin:0;font-size:var(--text-body);line-height:1.6;color:#a7adbe}.method-cta{margin-top:var(--space-4xl);display:flex;align-items:center;gap:var(--space-xl);flex-wrap:wrap}.method-link{font-size:var(--text-ui);font-weight:500;color:var(--text-muted);transition:color .2s ease}.method-link:hover{color:var(--text)}@media(max-width:560px){.road{grid-template-columns:1fr;gap:var(--space-2xs)}.road dt{font-size:var(--text-ui)}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.first-load .icon-pipeline,.first-load .hero-heading,.first-load .hero-sub,.first-load .hero-content .btn-cta,.first-load .brands-caption,.first-load .marquee,.first-load .method-head,.first-load .method-section,.first-load .method-cta{animation:rise .72s var(--ease-out-expo) backwards}.first-load .icon-pipeline{animation-delay:.05s}.first-load .hero-heading{animation-delay:.2s}.first-load .hero-sub{animation-delay:.32s}.first-load .hero-content .btn-cta{animation-delay:.42s}.first-load .brands-caption{animation-delay:.54s}.first-load .marquee{animation-delay:.62s}.first-load .method-head{animation-delay:.04s}.first-load .method-section:nth-of-type(1){animation-delay:.12s}.first-load .method-section:nth-of-type(2){animation-delay:.19s}.first-load .method-section:nth-of-type(3){animation-delay:.26s}.first-load .method-section:nth-of-type(4){animation-delay:.33s}.first-load .method-section:nth-of-type(5){animation-delay:.4s}.first-load .method-cta{animation-delay:.48s}@supports (view-transition-name: none){.nav-logo{view-transition-name:nav-logo}.hero-heading,.method-title{view-transition-name:page-title}::view-transition-group(page-title){animation-duration:.44s;animation-timing-function:var(--ease-out-expo)}::view-transition-old(root),::view-transition-new(root){animation-duration:.4s;animation-timing-function:var(--ease-out-quart)}::view-transition-old(page-title){animation-duration:.28s}}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.splash.animate{animation:none}.marquee{width:100%;-webkit-mask-image:none;mask-image:none;padding-bottom:var(--space-2xl)}.marquee-track{width:100%;justify-content:center;flex-wrap:wrap}.marquee-group[aria-hidden=true]{display:none}.brand-item{padding:12px clamp(16px,3vw,32px)}}.scene{width:100%;max-width:1080px;min-height:84vh;padding:7vh var(--space-lg);display:flex;flex-direction:column;justify-content:center}.scene-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,84px);align-items:center}.scene-split.reverse .scene-copy{order:2}.scene-center{align-items:center;text-align:center}.reveal{opacity:0;transform:translateY(22px)}.scene.in .reveal{opacity:1;transform:none;transition:opacity .7s var(--ease-out-expo),transform .7s var(--ease-out-expo);transition-delay:calc(var(--i, 0) * 90ms)}.kinetic{font-family:var(--font-display);font-size:clamp(2.4rem,6vw,4.6rem);font-weight:600;line-height:1.02;letter-spacing:-.03em;color:var(--text)}.kinetic .line{display:block}.kinetic .accent,.center-title .accent{color:#b7c5fb}.scene-lead{font-size:var(--text-lead);line-height:1.7;color:#b7bccb;max-width:58ch;margin-top:var(--space-lg)}.scene-lead.center{margin-inline:auto;text-align:center}.scroll-cue{margin-top:var(--space-2xl);width:26px;height:42px;border:2px solid rgba(255,255,255,.2);border-radius:20px;position:relative}.scroll-cue span{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:var(--accent);animation:scrollcue 1.6s ease-in-out infinite}@keyframes scrollcue{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(15px)}}.scene-kicker{font-size:var(--text-caption);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-sm)}.scene-copy h2{font-family:var(--font-display);font-size:clamp(1.7rem,3.4vw,2.7rem);font-weight:600;letter-spacing:-.02em;line-height:1.08;color:var(--text)}.scene-copy p{margin-top:var(--space-md);font-size:var(--text-body);line-height:1.7;color:#a7adbe;max-width:48ch}.floor-viz,.chips{display:flex;flex-direction:column;gap:10px}.chip{align-self:flex-start;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.82rem;color:#cdd6f0;background:#4e74f81a;border:1px solid rgba(78,116,248,.28);padding:9px 15px;border-radius:9px}.floor-bar{margin-top:12px;border-top:2px solid var(--accent);padding-top:12px;text-align:center;font-size:var(--text-caption);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-aqua)}.roads-viz svg,.phase-viz svg{width:100%;height:auto;overflow:visible}.roads-viz text,.phase-viz text{font-family:var(--font-body)}.roads-viz .road{fill:none;stroke-width:2.5;stroke-linecap:round}.roads-viz .road.draw{stroke-dasharray:340;stroke-dashoffset:340}.scene.in .roads-viz .road.draw{stroke-dashoffset:0;transition:stroke-dashoffset 1.1s var(--ease-out-expo);transition-delay:calc(var(--i, 0) * .15s)}.roads-viz .src{fill:#fff}.roads-viz .end-node text{fill:#c4cadd;font-size:14px;dominant-baseline:middle}.pop{opacity:0;transform:scale(.3);transform-box:fill-box;transform-origin:center}.scene.in .pop{opacity:1;transform:scale(1);transition:opacity .4s ease,transform .5s var(--ease-out-expo);transition-delay:calc(.55s + var(--i, 0) * .15s)}.phase-viz .wave{fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.phase-viz .promql{stroke:#e7ebf6}.phase-viz .builder{stroke:#4e74f8}.phase-viz .wave.draw{stroke-dasharray:560;stroke-dashoffset:560}.scene.in .phase-viz .wave.draw{stroke-dashoffset:0;transition:stroke-dashoffset 1.3s var(--ease-out-expo);transition-delay:calc(var(--i, 0) * .26s)}.phase-viz .gap{stroke:#f24769;stroke-width:2;opacity:0}.scene.in .phase-viz .gap{opacity:.9;transition:opacity .3s ease;transition-delay:calc(1.7s + var(--i, 0) * 70ms)}.phase-viz .axis-note{fill:#8b90a0;font-size:13px;text-anchor:middle}.verdict-stamp rect{fill:#f247691a;stroke:#f24769;stroke-width:1.5}.verdict-stamp text{fill:#f56c87;font-size:15px;text-anchor:middle;font-weight:700;letter-spacing:.04em}.verdict-stamp{opacity:0;transform:scale(.6) rotate(-5deg);transform-box:fill-box;transform-origin:center}.scene.in .verdict-stamp{opacity:1;transform:scale(1) rotate(-3deg);transition:opacity .4s ease,transform .55s var(--ease-out-expo);transition-delay:2.15s}.road-list{list-style:none;margin-top:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.road-list li{font-size:var(--text-body);line-height:1.5;color:#a7adbe}.road-list b{font-family:var(--font-display);font-weight:600;margin-right:8px}.r-native{color:#4e74f8}.r-pass{color:#23c4f8}.r-review{color:#8b90a0}.center-title{font-family:var(--font-display);font-size:clamp(1.9rem,4vw,3.1rem);font-weight:600;letter-spacing:-.02em;line-height:1.1;color:var(--text)}.loop-steps{display:flex;align-items:center;justify-content:center;margin:var(--space-2xl) 0;flex-wrap:wrap}.step{display:flex;flex-direction:column;gap:4px;padding:16px 22px;border-radius:12px;background:#161922;border:1px solid var(--border);min-width:150px;text-align:left}.step b{font-family:var(--font-display);font-size:1.05rem;color:var(--text);letter-spacing:-.01em}.step small{font-size:.78rem;color:#8b90a0}.step.adopt{border-color:#23c4f880;background:#23c4f814}.step.adopt b{color:var(--accent-aqua)}.link{width:clamp(22px,4vw,56px);height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-aqua))}.scene-cta .method-cta{justify-content:center;margin-top:var(--space-xl)}@media(max-width:760px){.scene{min-height:auto;padding:9vh var(--space-lg)}.scene-split{grid-template-columns:1fr;gap:var(--space-xl)}.scene-split.reverse .scene-copy{order:0}.loop-steps{flex-direction:column}.step{width:100%;max-width:260px}.link{width:2px;height:20px}}