@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Barlow:wght@400;500;600&display=swap";:root{--color-action-primary:#4a7cff;--color-text-on-action:#f8fbff;--color-text-primary:#f0ede8;--color-text-muted:#a09b94;--color-border-focus:#6e99ff;--color-border-default:#ffffff2e;--color-status-info:#4a7cff;--color-status-success:#22c55e;--color-status-warning:#f59e0b;--color-status-error:#ef4444;--surface-base:#ffffff0a;--surface-hover:#ffffff17;--surface-selected:#4a7cff29;--surface-raised:#18181c;--surface-input:#121217;--surface-disabled:#ffffff0d;--surface-skeleton:#ffffff14;--radius-sm:8px;--radius-button:999px;--radius-card:18px;--radius-input:14px;--space-inset-xs:8px 12px;--space-inset-sm:12px 16px;--space-inset-md:20px 22px;--space-gap-xs:6px;--space-gap-sm:10px;--space-gap-md:16px;--type-xs:12px;--type-sm:14px;--type-lg:22px;--depth-rest:none;--depth-soft:0 8px 24px #00000038;--depth-hover:0 18px 36px #00000047;--depth-float:0 24px 54px #00000057;--duration-quick:.14s;--duration-normal:.24s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-lift:cubic-bezier(.34, 1.56, .64, 1);--ease-spring:cubic-bezier(.22, 1, .36, 1)}._root_ivd3k_3{background:var(--color-action-primary);border-radius:var(--radius-button);padding:var(--space-inset-sm);box-shadow:var(--depth-soft)}._node1_ivd3k_10{color:var(--color-text-on-action);font-size:var(--type-sm);text-align:center;font-weight:600}._root_ivd3k_3:hover{box-shadow:var(--depth-hover);transition:all var(--duration-quick) var(--ease-lift)}._root_ivd3k_3:active{box-shadow:var(--depth-rest);transition:all var(--duration-quick) var(--ease-out)}._root_ivd3k_3[data-state-disabled=true]{opacity:.5}._root_ivd3k_3[data-tone=ghost]{border:1px solid var(--color-action-primary);background:0 0}._root_ivd3k_3[data-tone=danger]{background:var(--color-status-error)}._root_hx09e_3{background:var(--surface-raised);border-radius:var(--radius-card);padding:var(--space-inset-md);box-shadow:var(--depth-soft)}._node1_hx09e_10{gap:var(--space-gap-md);flex-flow:column;display:flex}._node2_hx09e_17{gap:var(--space-gap-sm);flex-flow:column;display:flex}._node3_hx09e_24{color:var(--color-text-muted);font-size:var(--type-xs);font-weight:500}._node4_hx09e_30{color:var(--color-text-primary);font-size:var(--type-lg);font-weight:600}._node5_hx09e_36{color:var(--color-text-primary);font-size:var(--type-sm);font-weight:500}._root_hx09e_3:hover{box-shadow:var(--depth-float);transition:all var(--duration-quick) var(--ease-lift)}._root_hx09e_3[data-state-loading=true]{background:var(--surface-skeleton)}._root_fr5s2_1{background:var(--surface-input);border-radius:var(--radius-input);padding:var(--space-inset-sm);border:1px solid var(--color-border-default)}._node1_fr5s2_8{gap:var(--space-gap-xs);flex-flow:column;display:flex}._node2_fr5s2_15{color:var(--color-text-muted);font-size:var(--type-xs);font-weight:500}._node3_fr5s2_21{color:var(--color-text-primary);font-size:var(--type-sm);font-weight:500}._node4_fr5s2_27{color:var(--color-text-muted);font-size:var(--type-xs);font-weight:400}._root_fr5s2_1:focus-visible{border:1px solid var(--color-border-focus);transition:all var(--duration-quick) var(--ease-out)}._root_fr5s2_1[data-state-disabled=true]{opacity:.5;background:var(--surface-disabled)}._root_fr5s2_1[data-tone=danger]{border:1px solid var(--color-status-error)}._root_9uxw5_3{padding:var(--space-inset-sm);border-radius:var(--radius-sm);background:var(--surface-base)}._node1_9uxw5_9{gap:var(--space-gap-sm);flex-flow:row;justify-content:flex-start;align-items:center;display:flex}._node2_9uxw5_18{color:var(--color-text-primary);font-size:var(--type-sm);font-weight:500}._root_9uxw5_3:hover{background:var(--surface-hover);transition:all var(--duration-quick) var(--ease-out)}._root_9uxw5_3[data-state-disabled=true]{opacity:.4}._root_9uxw5_3[data-emphasis=current]{background:var(--surface-selected);border:1px solid var(--color-action-primary)}._root_9uxw5_3[data-emphasis=suppressed]{opacity:.4}._root_ycopj_3{background:var(--surface-raised);border-radius:var(--radius-card);padding:var(--space-inset-sm);box-shadow:var(--depth-hover);border:1px solid var(--color-status-info)}._node1_ycopj_11{gap:var(--space-gap-sm);flex-flow:row;justify-content:space-between;align-items:center;display:flex}._node2_ycopj_20{color:var(--color-text-primary);font-size:var(--type-sm);font-weight:500}._root_ycopj_3[data-tone=success]{border:1px solid var(--color-status-success)}._root_ycopj_3[data-tone=warning]{border:1px solid var(--color-status-warning)}._root_ycopj_3[data-tone=danger]{border:1px solid var(--color-status-error)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0e0e10;--bg-2:#141416;--bg-3:#1a1a1e;--bg-4:#202026;--border:#ffffff12;--border-2:#ffffff1f;--text-1:#f0ede8;--text-2:#a09b94;--text-3:#6a6560;--accent:#4a7cff;--accent-2:#6e99ff;--green:#22c55e;--red:#ef4444;--yellow:#f59e0b;--font-display:"Barlow Condensed", sans-serif;--font-body:"Barlow", sans-serif;--font-mono:"SF Mono", "Fira Code", "Cascadia Code", monospace}body{font-family:var(--font-body);background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;line-height:1.6}code{font-family:var(--font-mono);color:var(--accent-2);background:#4a7cff1f;border-radius:4px;padding:2px 6px;font-size:.85em}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:0 0;border:0;padding:0}.page{min-height:100vh}.container{max-width:1080px;margin:0 auto;padding:0 28px}.reveal{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(18px)}.reveal-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0e0e10d9;position:sticky;top:0}.nav-inner{align-items:center;gap:32px;max-width:1080px;height:56px;margin:0 auto;padding:0 28px;display:flex}.nav-logo{align-items:baseline;gap:8px;display:flex}.nav-logo-text{font-family:var(--font-display);letter-spacing:.04em;color:var(--text-1);font-size:1.15rem;font-weight:800}.nav-tag{color:var(--text-3);background:var(--bg-3);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-size:.68rem;font-weight:600}.nav-links{gap:24px;margin-left:8px;display:flex}.nav-links a{color:var(--text-2);font-size:.875rem;transition:color .12s}.nav-links a:hover{color:var(--text-1)}.nav-cta{color:var(--accent-2);margin-left:auto;font-size:.875rem;font-weight:600;transition:color .12s}.nav-cta:hover{color:#fff}.hero{padding:100px 0 88px;position:relative;overflow:hidden}.hero-bg{pointer-events:none;background:radial-gradient(60% 50% at 50% -10%,#4a7cff24 0%,#0000 70%),radial-gradient(40% 30% at 80%,#4a7cff0f 0%,#0000 60%);position:absolute;inset:0}.hero-eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:20px;font-size:.75rem;font-weight:600}.hero-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-1);margin-bottom:24px;font-size:clamp(3rem,6vw,5rem);font-weight:800;line-height:1}.hero-title-accent{background:linear-gradient(90deg, var(--accent) 0%, var(--accent-2) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--text-2);max-width:520px;margin-bottom:36px;font-size:1.125rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-bottom:64px;display:flex}.btn-primary{background:var(--accent);color:#fff;border-radius:8px;align-items:center;padding:10px 20px;font-size:.9rem;font-weight:600;transition:background .12s,transform .12s;display:inline-flex}.btn-primary:hover{background:var(--accent-2);transform:translateY(-1px)}.btn-ghost{color:var(--text-2);border:1px solid var(--border-2);background:0 0;border-radius:8px;align-items:center;padding:10px 20px;font-size:.9rem;font-weight:500;transition:color .12s,border-color .12s;display:inline-flex}.btn-ghost:hover{color:var(--text-1);border-color:var(--border-2)}.hero-component-wrap{width:100%;max-width:420px}.hero-component-label{font-family:var(--font-mono);color:var(--text-3);align-items:center;gap:8px;margin-bottom:12px;font-size:.72rem;display:flex}.live-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2.5s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hero-stage{background:var(--bg-2);border:1px solid var(--border);border-radius:14px;justify-content:center;padding:32px;display:flex}.hero-stage>*{width:100%}.surface{background:var(--bg-3);border:1px solid var(--border);border-radius:12px;width:100%;transition:box-shadow .14s,transform .14s}.surface-hover{box-shadow:0 8px 32px #0006, 0 0 0 1px var(--border-2);transform:translateY(-2px)}.stack{display:flex}.stack-vertical{flex-direction:column}.text-heading{color:var(--text-1);font-size:1.1rem;font-weight:600}.text-body{color:var(--text-2);font-size:.9rem;line-height:1.6}.hero-stage .surface{max-width:320px;padding:24px 28px}.hero-stage .stack-vertical{gap:10px}.section-dogfood{padding-top:0}.dogfood-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.dogfood-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:start;gap:20px;display:grid}.dogfood-column{gap:16px;display:grid}.dogfood-actions{flex-wrap:wrap;gap:12px;display:flex}.dogfood-log{border:1px solid var(--border);background:#ffffff08;border-radius:12px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.dogfood-log-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-size:.72rem}.demo-thumbnail{background:linear-gradient(135deg,#4a7cff47,#6e99ff0f),linear-gradient(#ffffff1f,#ffffff05);border:1px solid #ffffff14;border-radius:14px;min-height:180px}.demo-thumbnail-shirt{background:radial-gradient(circle at 30% 25%,#ffffff24,#0000 28%),linear-gradient(145deg,#4a7cff33,#ffffff08),linear-gradient(#ffffff0d,#0000002e);min-height:220px}.demo-pill,.demo-nav-badge,.demo-toast-action{min-height:28px;color:var(--text-1);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:.74rem;font-weight:600;display:inline-flex}.demo-nav-badge-muted{color:var(--text-2)}.demo-nav-icon,.demo-toast-icon{background:var(--accent);border-radius:999px;width:10px;height:10px;display:inline-block}.demo-nav-icon-active,.demo-toast-icon-success{background:var(--green)}.demo-toast-icon{background:var(--yellow);width:12px;height:12px}.section{padding:96px 0}.section-eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-size:.72rem;font-weight:600}.section-title{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:16px;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.1}.section-sub{color:var(--text-2);max-width:540px;margin-bottom:48px;font-size:1.0625rem;line-height:1.7}.section-title-light{color:var(--text-1)}.section-sub-light{color:#f0ede899}.section-problem{background:var(--bg)}.drift-pipeline{flex-direction:column;align-items:flex-start;gap:0;max-width:360px;margin-bottom:56px;display:flex}.drift-step-wrap{flex-direction:column;display:flex}.drift-step{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;align-items:center;gap:14px;padding:14px 18px;display:flex}.drift-step-bad{background:#ef44440f;border-color:#ef44444d}.drift-step-icon{flex-shrink:0;font-size:1.25rem}.drift-step-label{color:var(--text-1);font-size:.925rem;font-weight:600}.drift-step-sub{color:var(--text-3);font-size:.78rem}.drift-arrow{color:var(--text-3);padding:4px 0 4px 24px;font-size:1rem}.problems-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=860px){.problems-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.problems-grid{grid-template-columns:1fr}}.problem-card{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:20px}.problem-icon{margin-bottom:10px;font-size:1.25rem;display:block}.problem-title{color:var(--text-1);margin-bottom:6px;font-size:.9rem;font-weight:600}.problem-body{color:var(--text-2);font-size:.82rem;line-height:1.55}.section-solution{background:var(--bg-2)}.before-after{grid-template-columns:1fr 40px 1fr;align-items:start;gap:0;margin-bottom:24px;display:grid}@media (width<=720px){.before-after{grid-template-columns:1fr}.ba-divider{display:none}}.ba-side{border:1px solid var(--border);background:var(--bg-3);border-radius:12px;padding:24px}.ba-before{border-color:#ef444433}.ba-after{border-color:#22c55e33}.ba-label{letter-spacing:.04em;margin-bottom:16px;font-size:.78rem;font-weight:700}.ba-label-bad{color:var(--red)}.ba-label-good{color:var(--green)}.ba-code{font-family:var(--font-mono);color:#c8d0e0;background:var(--bg);border:1px solid var(--border);white-space:pre;border-radius:8px;margin-bottom:20px;padding:16px 18px;font-size:.8rem;line-height:1.65;overflow-x:auto}.ba-issues{flex-direction:column;gap:7px;display:flex}.ba-issue{color:#ef4444d9;font-size:.8rem}.ba-win{color:#22c55ee6;font-size:.8rem}.ba-divider{flex-direction:column;align-items:center;gap:8px;padding-top:60px;display:flex}.ba-divider-line{background:var(--border);flex:1;width:1px}.ba-divider-badge{color:var(--text-3);background:var(--bg-3);border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-size:.72rem;font-weight:700}.tab-viewer{background:var(--bg);border:1px solid var(--border);border-radius:12px;overflow:hidden}.tab-bar{border-bottom:1px solid var(--border);padding:0 4px;display:flex;overflow-x:auto}.tab-btn{font-family:var(--font-mono);color:var(--text-3);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 16px;font-size:.78rem;transition:color .12s,border-color .12s}.tab-btn:hover{color:var(--text-2)}.tab-btn-active{color:var(--text-1);border-bottom-color:var(--accent)}.tab-code{font-family:var(--font-mono);color:#b8c4d8;white-space:pre;min-height:280px;padding:28px 32px;font-size:.8rem;line-height:1.7;overflow-x:auto}.section-constraints{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:linear-gradient(160deg,#0b0d14 0%,#0e0e10 100%)}.constraints-eyebrow{color:#f59e0b}.accent-underline{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:6px}.constraints-grid{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}@media (width<=720px){.constraints-grid{grid-template-columns:1fr}}.constraints-right{flex-direction:column;gap:20px;display:flex}.code-panel{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;overflow:hidden}.code-panel-header{border-bottom:1px solid var(--border);background:var(--bg-3);align-items:center;gap:10px;padding:10px 16px;display:flex}.code-panel-lang{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:#4a7cff1f;border-radius:4px;padding:2px 7px;font-size:.68rem;font-weight:700}.code-panel-label{font-family:var(--font-mono);color:var(--text-3);font-size:.75rem}.code-panel-body{font-family:var(--font-mono);color:#b8c4d8;white-space:pre;padding:20px 22px;font-size:.8rem;line-height:1.7;overflow-x:auto}.constraint-example{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:16px}.ce-label{color:var(--text-3);font-size:.75rem;font-family:var(--font-mono);margin-bottom:10px}.ce-code{font-family:var(--font-mono);color:#b8c4d8;white-space:pre;font-size:.8rem;line-height:1.6}.constraint-arrow{color:var(--text-3);padding-left:8px;font-size:1.1rem}.constraint-result{color:var(--green);background:#22c55e12;border:1px solid #22c55e26;border-radius:8px;padding:12px 16px;font-size:.82rem}.terminal{background:#0a0c0f;border:1px solid #ef444440;border-radius:10px;overflow:hidden}.terminal-bar{background:#111316;border-bottom:1px solid #ffffff0d;align-items:center;gap:6px;padding:9px 14px;display:flex}.terminal-dot{border-radius:50%;width:10px;height:10px}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.terminal-title{font-family:var(--font-mono);color:#555;margin-left:6px;font-size:.72rem}.terminal-body{flex-direction:column;gap:2px;padding:14px 16px;display:flex}.terminal-line{font-family:var(--font-mono);white-space:pre;font-size:.78rem;line-height:1.5}.terminal-error{color:#ff6b6b}.terminal-hint{color:#888}.terminal-code{color:#aaa}.terminal-blank{height:6px}.terminal-prefix{color:#ff6b6b}.pitch-block{background:#4a7cff12;border:1px solid #4a7cff2e;border-radius:14px;margin-top:48px;padding:32px 36px}.pitch-quote{font-family:var(--font-display);color:var(--text-1);margin-bottom:14px;font-size:1.4rem;font-weight:700;line-height:1.35}.pitch-body{color:var(--text-2);max-width:600px;font-size:.925rem;line-height:1.7}.section-ai{background:var(--bg-2)}.ai-pipeline{flex-wrap:wrap;align-items:center;gap:0;display:flex}.ai-pipeline-wrap{align-items:center;display:flex}.ai-step{background:var(--bg-3);border:1px solid var(--border);text-align:center;border-radius:12px;min-width:160px;padding:20px 24px}.ai-step-accent{background:#4a7cff1a;border-color:#4a7cff4d}.ai-step-icon{margin-bottom:8px;font-size:1.5rem}.ai-step-label{color:var(--text-1);font-size:.9rem;font-weight:600}.ai-step-sub{color:var(--text-3);margin-top:4px;font-size:.78rem}.ai-arrow{color:var(--text-3);padding:0 16px;font-size:1.25rem}.section-pipeline{background:var(--bg)}.pipeline-steps{max-width:400px;margin-bottom:56px}.ps-wrap{flex-direction:column;display:flex}.ps-step{border:1px solid #0000;border-radius:10px;align-items:center;gap:14px;padding:13px 16px;transition:border-color .12s;display:flex}.ps-step-active{background:#4a7cff12;border-color:#4a7cff33}.ps-num{background:var(--bg-3);border:1px solid var(--border);width:26px;height:26px;color:var(--text-3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex}.ps-step-active .ps-num{background:var(--accent);border-color:var(--accent);color:#fff}.ps-label{font-family:var(--font-mono);color:var(--text-1);font-size:.875rem;font-weight:600}.ps-sub{color:var(--text-3);font-size:.775rem}.ps-arrow{color:var(--text-3);padding-top:3px;padding-bottom:3px;padding-left:26px;font-size:.9rem}.live-output-label{font-family:var(--font-mono);color:var(--text-3);align-items:center;gap:8px;margin-bottom:12px;font-size:.72rem;display:flex}.live-stage{background:var(--bg-2);border:1px solid var(--border);border-radius:14px;justify-content:center;max-width:420px;padding:40px;display:flex}.live-stage-stack{gap:16px;width:100%;display:grid}.section-features{background:var(--bg-2)}.features-grid{background:var(--border);border:1px solid var(--border);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:2px;display:grid;overflow:hidden}@media (width<=860px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.features-grid{grid-template-columns:1fr}}.feature{background:var(--bg-2);gap:16px;padding:28px 24px;transition:background .12s;display:flex}.feature:hover{background:var(--bg-3)}.feature-icon{flex-shrink:0;margin-top:2px;font-size:1.4rem}.feature-title{color:var(--text-1);margin-bottom:6px;font-size:.925rem;font-weight:600}.feature-body{color:var(--text-2);font-size:.82rem;line-height:1.6}.section-stats{background:var(--bg);border-top:1px solid var(--border)}.stats-grid{background:var(--border);border:1px solid var(--border);border-radius:14px;grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}@media (width<=600px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat{background:var(--bg-2);text-align:center;padding:36px 28px}.stat-number{font-family:var(--font-display);color:var(--accent-2);margin-bottom:6px;font-size:3rem;font-weight:800;line-height:1}.stat-label{color:var(--text-1);margin-bottom:4px;font-size:.875rem;font-weight:600}.stat-sub{color:var(--text-3);font-size:.75rem;font-family:var(--font-mono)}.footer{border-top:1px solid var(--border);background:var(--bg);padding:28px 0}.footer-inner{align-items:center;gap:16px;max-width:1080px;margin:0 auto;padding:0 28px;display:flex}.footer-logo{font-family:var(--font-display);letter-spacing:.05em;color:var(--text-3);font-size:.9rem;font-weight:800}.footer-copy{color:var(--text-3);font-size:.8rem}@media (prefers-reduced-motion:reduce){.live-dot{animation:none}.surface,.btn-primary,.btn-ghost{transition:none}}@media (width<=860px){.dogfood-grid{grid-template-columns:1fr}}@media (width<=720px){.dogfood-nav{grid-template-columns:1fr}.dogfood-actions{flex-direction:column}}