:root,[data-theme=dark]{--bg: #0a0b0d;--bg-2: #0f1115;--bg-3: #14171c;--line: rgba(255, 255, 255, .08);--line-2: rgba(255, 255, 255, .14);--ink: #f4f6f8;--ink-2: rgba(244, 246, 248, .66);--ink-3: rgba(244, 246, 248, .42);--accent-h: 210;--accent: oklch(.72 .17 var(--accent-h));--accent-soft: oklch(.72 .17 var(--accent-h) / .18);--accent-glow: oklch(.72 .17 var(--accent-h) / .5);--warn: oklch(.78 .16 60);--sans: "Geist", system-ui, sans-serif;--mono: "Geist Mono", ui-monospace, monospace}[data-theme=light]{--bg: #f4f6f8;--bg-2: #edf0f4;--bg-3: #e4e8ef;--line: rgba(0, 0, 0, .08);--line-2: rgba(0, 0, 0, .14);--ink: #0a0b0d;--ink-2: rgba(10, 11, 13, .66);--ink-3: rgba(10, 11, 13, .42);--accent-h: 210;--accent: oklch(.58 .14 var(--accent-h));--accent-soft: oklch(.58 .14 var(--accent-h) / .12);--accent-glow: oklch(.58 .14 var(--accent-h) / .3)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .3s,color .3s}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;font-family:var(--sans);font-weight:500;letter-spacing:-.02em}h1{font-size:84px;line-height:1}h2{font-size:48px;line-height:1.05}h3{font-size:18px;line-height:1.3}p{margin:0;color:var(--ink-2)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse 80% 50% at 50% 0%,var(--accent-soft) 0%,transparent 60%),repeating-linear-gradient(0deg,transparent 0px,transparent 3px,rgba(255,255,255,.012) 3px,rgba(255,255,255,.012) 4px)}[data-theme=light] body:before{background:radial-gradient(ellipse 80% 50% at 50% 0%,var(--accent-soft) 0%,transparent 60%)}.wrap{max-width:1280px;margin:0 auto;padding:0 40px;position:relative;z-index:2}section{padding:140px 0;position:relative}nav.top{position:sticky;top:0;z-index:50;background:#0a0b0db3;backdrop-filter:blur(12px) saturate(140%);border-bottom:1px solid var(--line)}[data-theme=light] nav.top{background:#f4f6f8d9}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:60px;padding-top:0;padding-bottom:0}.brand{display:flex;align-items:center}.kv-logo{height:24px;width:auto;object-fit:contain}[data-theme=dark] .light-logo,[data-theme=light] .dark-logo{display:none}.nav-links{display:flex;gap:28px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}.nav-links a{position:relative;padding:6px 0;transition:color .2s}.nav-links a:hover{color:var(--ink)}.nav-links a:hover:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--accent)}.nav-right{display:flex;align-items:center;gap:16px}.nav-status{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}.nav-status .pulse{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 10px var(--accent-glow)}.theme-btn{background:transparent;border:1px solid var(--line-2);color:var(--ink-3);width:28px;height:28px;border-radius:2px;display:grid;place-items:center;cursor:pointer;transition:border-color .2s,color .2s;flex-shrink:0;padding:0}.theme-btn:hover{border-color:var(--accent);color:var(--accent)}[data-theme=dark] .icon-sun{display:block}[data-theme=dark] .icon-moon,[data-theme=light] .icon-sun{display:none}[data-theme=light] .icon-moon{display:block}footer{padding:48px 0;border-top:1px solid var(--line);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.footer-links{display:flex;gap:28px}footer a{transition:color .2s}footer a:hover{color:var(--accent)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes slide{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes strike{to{transform:scaleX(1)}}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scan{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}@keyframes row-pulse{0%,to{left:-100%}50%{left:100%}}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.eyebrow:before{content:"";width:24px;height:1px;background:var(--accent);flex-shrink:0}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:2px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line-2);color:var(--ink);background:transparent;cursor:pointer;transition:all .2s}.btn:hover{border-color:var(--accent);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent),0 0 24px var(--accent-soft)}.btn.primary{background:var(--accent);color:#000;border-color:var(--accent)}.btn.primary:hover{background:transparent;color:var(--accent);box-shadow:0 0 32px var(--accent-glow)}.btn .arrow{transition:transform .2s}.btn:hover .arrow{transform:translate(4px)}.sec-head{display:grid;grid-template-columns:.4fr .6fr;gap:60px;margin-bottom:80px;align-items:end}.sec-head h2{font-size:56px}.sec-head .sub{font-size:16px;color:var(--ink-2);max-width:54ch;line-height:1.55}.hero{padding:80px 0 60px;min-height:88vh;display:flex;align-items:center}.hero .wrap{width:100%}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.hero h1 .shift{background:linear-gradient(90deg,var(--ink) 0%,var(--accent) 60%,var(--ink) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.hero h1 .crossed{color:var(--ink-3);position:relative;display:inline-block}.hero h1 .crossed:after{content:"";position:absolute;left:-2%;right:-2%;top:55%;height:3px;background:var(--accent);transform-origin:left;transform:scaleX(0)}.hero-lede{font-size:18px;color:var(--ink-2);max-width:50ch;margin-top:32px;line-height:1.5}.hero-ctas{display:flex;gap:14px;margin-top:40px}.hero-vis{position:relative;aspect-ratio:1 / 1;border:1px solid var(--line);border-radius:4px;background:radial-gradient(ellipse 60% 60% at 50% 50%,rgba(255,255,255,.02) 0%,transparent 70%),var(--bg-2);overflow:hidden}.hero-vis:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:32px 32px;background-position:-1px -1px;mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 30%,transparent 80%)}.hero-vis .corner{position:absolute;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);padding:14px;z-index:2}.hero-vis .corner.tl{top:0;left:0}.hero-vis .corner.tr{top:0;right:0;text-align:right}.hero-vis .corner.bl{bottom:0;left:0}.hero-vis .corner.br{bottom:0;right:0;text-align:right;color:var(--accent)}#hero-canvas{position:absolute;inset:0;width:100%;height:100%}.timeline-ribbon{margin-top:60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;overflow:hidden}.ribbon-track{display:flex;gap:48px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;width:max-content}.ribbon-track span{display:flex;align-items:center;gap:14px}.ribbon-track span:after{content:"";width:4px;height:4px;background:var(--accent);border-radius:50%;flex-shrink:0}.evo{padding:120px 0;border-top:1px solid var(--line)}.evo-track{display:grid;grid-template-columns:repeat(5,1fr);position:relative;margin-top:60px}.evo-track:before{content:"";position:absolute;left:8%;right:8%;top:7px;height:1px;z-index:0;background:linear-gradient(90deg,var(--ink-3) 0%,var(--accent) 50%,var(--accent) 100%)}.evo-era{position:relative;padding:0 16px;z-index:1}.evo-era .dot{width:14px;height:14px;border-radius:50%;background:var(--bg);border:1.5px solid var(--ink-3);margin:0 auto 24px;position:relative;z-index:2;transition:all .3s}[data-theme=light] .evo-era .dot{background:var(--bg-2)}.evo-era.now .dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 6px var(--accent-soft),0 0 24px var(--accent-glow)}.evo-era.future .dot{border-style:dashed}.evo-era .yr{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);text-align:center;margin-bottom:16px}.evo-era.now .yr{color:var(--accent)}.evo-era h3{text-align:center;margin-bottom:10px}.evo-era p{text-align:center;font-size:13px;color:var(--ink-3);max-width:24ch;margin:0 auto}.evo-era.now p{color:var(--ink-2)}.areas{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:4px;overflow:hidden}.area{background:var(--bg-2);padding:36px 30px;display:flex;flex-direction:column;min-height:380px;position:relative;overflow:hidden;transition:background .4s}.area:hover{background:var(--bg-3)}.area .num{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--ink-3);margin-bottom:24px}.area .anim{height:100px;margin-bottom:24px;position:relative}.area .anim svg{width:100%;height:100%}.area h3{margin-bottom:14px;font-size:22px}.area .desc{font-size:14px;color:var(--ink-2);line-height:1.5;margin-bottom:auto}.area .stat{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-end}.area .stat .num-big{font-family:var(--mono);font-size:32px;color:var(--accent);line-height:1;font-weight:500}.area .stat .lbl{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);max-width:14ch;text-align:right}.live-panel{border:1px solid var(--line);border-radius:4px;background:var(--bg-2);padding:28px;position:relative;overflow:hidden}.live-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.live-head{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}.live-head .right{display:flex;align-items:center;gap:8px;color:var(--accent)}.live-head .right .pulse{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--accent-glow)}.flow-grid{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:24px;align-items:center;min-height:280px}.flow-col h4{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin:0 0 14px}.flow-source{display:flex;flex-direction:column;gap:8px}.flow-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--bg-3);border:1px solid var(--line);border-radius:3px;font-size:13px;position:relative;overflow:hidden}.flow-row:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,var(--accent-soft),transparent)}.flow-row:nth-child(2):after{animation-delay:.6s}.flow-row:nth-child(3):after{animation-delay:1.2s}.flow-row:nth-child(4):after{animation-delay:1.8s}.flow-row:nth-child(5):after{animation-delay:2.4s}.flow-row .v{font-family:var(--mono);color:var(--ink-3);font-size:12px}.flow-mid{height:240px;border:1px dashed var(--accent);border-radius:3px;background:var(--accent-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px;gap:8px;text-align:center;position:relative}.flow-mid .lbl{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.flow-mid .qs{font-size:15px;color:var(--ink);font-weight:500}.flow-mid:before,.flow-mid:after{content:"";position:absolute;top:50%;width:24px;height:1px;background:var(--accent)}.flow-mid:before{left:-24px}.flow-mid:after{right:-24px}.flow-out{background:#000;border:1px solid var(--accent);border-radius:3px;padding:18px}[data-theme=light] .flow-out{background:var(--bg-3)}.flow-out .o-head{font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}.flow-out .o-row{font-size:13px;color:var(--ink);margin-bottom:8px;padding-left:14px;position:relative}.flow-out .o-row:before{content:"›";position:absolute;left:0;color:var(--accent)}.flow-out .o-cta{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--accent)}.pattern-meta{display:flex;flex-direction:column;gap:18px;margin-top:30px}.meta-row{display:flex;gap:12px;align-items:baseline;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.meta-row .l{color:var(--ink-3);width:88px}.meta-row .v{color:var(--ink)}.meta-row .v.live{color:var(--accent);display:flex;align-items:center;gap:8px}.meta-row .v.live:before{content:"";width:6px;height:6px;background:var(--accent);border-radius:50%}.stages{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stage{padding:40px 32px;border-right:1px solid var(--line);position:relative;overflow:hidden;cursor:default}.stage:last-child{border-right:none}.stage:before{content:"";position:absolute;left:0;top:0;width:0;height:2px;background:var(--accent);transition:width .6s ease}.stage:hover:before{width:100%}.stage .top{margin-bottom:36px}.stage .num{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--accent)}.stage h3{font-size:22px;margin-bottom:14px}.stage p{font-size:14px;color:var(--ink-2);line-height:1.55}.stage .deliv{margin-top:24px;font-family:var(--mono);font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.14em}.stage .deliv span{color:var(--ink);display:block;margin-top:4px;font-size:13px;text-transform:none;letter-spacing:0;font-family:var(--sans)}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:4px;overflow:hidden}.demo-panel{background:var(--bg-2);padding:32px}.demo-panel.bad{position:relative}.demo-panel.bad:after{content:"DEMO";position:absolute;top:24px;right:24px;font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--ink-3);border:1px solid var(--ink-3);padding:3px 8px;border-radius:2px}.demo-panel.good{background:linear-gradient(180deg,var(--bg-2) 0%,color-mix(in oklab,var(--accent) 8%,var(--bg-2)) 100%);position:relative}.demo-panel.good:after{content:"PRODUCTION";position:absolute;top:24px;right:24px;font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--accent);border:1px solid var(--accent);padding:3px 8px;border-radius:2px}.demo-panel h3{font-size:24px;margin-bottom:8px}.demo-panel .sub{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:28px}.demo-panel.good .sub{color:var(--accent)}.demo-panel .pts{display:flex;flex-direction:column;gap:12px}.demo-panel .pt{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--ink-2)}.demo-panel.bad .pt{color:var(--ink-3)}.demo-panel .pt:before{content:"";flex-shrink:0;width:8px;height:8px;margin-top:7px;border:1px solid currentColor}.demo-panel.good .pt:before{background:var(--accent);border-color:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.stack-vis{margin-top:32px;border:1px solid var(--line);border-radius:4px;background:var(--bg-2);overflow:hidden}.stack-head{padding:16px 24px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);display:flex;justify-content:space-between}.stack-row{display:grid;grid-template-columns:60px 1fr 120px;align-items:center;padding:14px 24px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:12px;transition:background .2s}.stack-row:last-child{border-bottom:none}.stack-row:hover{background:var(--bg-3)}.stack-row .idx{color:var(--ink-3)}.stack-row .name{color:var(--ink)}.stack-row .meta{text-align:right;color:var(--ink-3);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.stack-row.ai{background:var(--accent-soft);position:relative}.stack-row.ai:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.stack-row.ai .name,.stack-row.ai .meta{color:var(--accent)}.posts{display:flex;flex-direction:column;border-top:1px solid var(--line)}.post{display:grid;grid-template-columns:140px 1fr 80px;gap:24px;padding:32px 0;border-bottom:1px solid var(--line);align-items:start;transition:padding-left .25s;cursor:pointer}.post:hover{padding-left:16px}.post .date{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.post h3{font-size:22px;margin-bottom:8px}.post p{font-size:14px;color:var(--ink-2);max-width:60ch}.post .arr{font-family:var(--mono);font-size:11px;color:var(--ink-3);text-align:right;align-self:center;transition:color .2s,transform .25s}.post:hover .arr{color:var(--accent);transform:translate(8px)}.cta-section{text-align:center;padding:160px 0;border-top:1px solid var(--line);background:radial-gradient(ellipse 60% 60% at 50% 60%,var(--accent-soft) 0%,transparent 70%),var(--bg);position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 0%,transparent 70%)}.cta-section .wrap{position:relative;z-index:2}.cta-section h2{font-size:64px;max-width:18ch;margin:0 auto 28px;letter-spacing:-.03em}.cta-section p{max-width:50ch;margin:0 auto 40px;font-size:16px}@media (prefers-reduced-motion: no-preference){.nav-status .pulse,.live-head .right .pulse,.meta-row .v.live:before{animation:pulse 1.6s ease-in-out infinite}.hero h1 .shift{animation:slide 8s linear infinite}.hero h1 .crossed:after{animation:strike 2s .5s ease-out forwards}.ribbon-track{animation:ticker 60s linear infinite}.live-panel:before{animation:scan 3s ease-in-out infinite}.flow-row:after{animation:row-pulse 4s ease-in-out infinite}}@media (max-width: 1000px){h1{font-size:52px}h2{font-size:34px}.wrap{padding:0 24px}.hero-grid,.sec-head{grid-template-columns:1fr;gap:40px}.areas,.stages,.demo-grid,.evo-track{grid-template-columns:1fr}.stage{border-right:none;border-bottom:1px solid var(--line)}.flow-grid{grid-template-columns:1fr}.flow-mid:before,.flow-mid:after{display:none}.nav-links{display:none}.nav-status span:last-child{display:none}.cta-section h2{font-size:38px}.post{grid-template-columns:80px 1fr 60px;gap:16px}}