:root{--font-sans: "Geist", ui-sans-serif, system-ui, sans-serif;--font-display: "General Sans", "Geist", -apple-system, system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;--font-plex: "IBM Plex Mono", ui-monospace, monospace;--font-serif: "Instrument Serif", Georgia, serif;--ink-50: oklch(.985 0 0);--ink-100: oklch(.96 0 0);--ink-200: oklch(.91 0 0);--ink-300: oklch(.82 0 0);--ink-400: oklch(.68 0 0);--ink-500: oklch(.53 0 0);--ink-600: oklch(.38 0 0);--ink-700: oklch(.26 0 0);--ink-800: oklch(.165 0 0);--ink-900: oklch(.09 0 0);--ink-950: oklch(.045 0 0);--blue-50: oklch(.97 .02 268.85);--blue-100: oklch(.94 .04 268.85);--blue-200: oklch(.89 .075 268.85);--blue-300: oklch(.81 .13 268.85);--blue-400: oklch(.7 .18 268.85);--blue-500: oklch(.58 .215 268.85);--blue-600: oklch(.47 .232 268.85);--blue-700: oklch(.345 .224 268.85);--blue-800: oklch(.275 .175 268.85);--blue-900: oklch(.215 .13 268.85);--indigo: #3e4fea;--navy: #3e4fea;--success-100: oklch(.962 .044 156.743);--success-500: oklch(.723 .219 149.579);--success-600: oklch(.627 .194 149.214);--success-700: oklch(.527 .154 150.069);--warning-100: oklch(.962 .059 95.617);--warning-500: oklch(.769 .188 70.08);--warning-700: oklch(.555 .163 48.998);--danger-100: oklch(.936 .032 17.717);--danger-500: oklch(.637 .237 25.331);--danger-600: oklch(.577 .245 27.325);--danger-700: oklch(.505 .213 27.518);--syntax-keyword: #D69E2E;--syntax-prop: #7C8CFF;--syntax-str: oklch(.723 .219 149.579);--traffic-red: #FF5F57;--traffic-amber: #FEBC2E;--traffic-green: #28C840;--white: #FFFFFF;--canvas: #ECECE7;--shadow-border: 0 0 0 1px #e5e7ef, 0 1px 0 rgba(10,10,10,.04), 0 1px 2px rgba(10,10,10,.03);--shadow-border-hover: 0 0 0 1px #d1d5e0, 0 1px 0 rgba(10,10,10,.04), 0 1px 2px rgba(10,10,10,.03);--shadow-popup: 0 4px 12px -2px color-mix(in oklch, var(--ink-800) 10%, transparent), 0 0 0 1px color-mix(in oklch, var(--ink-800) 5%, transparent);--shadow-modal: 0 24px 64px -12px color-mix(in oklch, var(--ink-950) 30%, transparent), 0 0 0 1px color-mix(in oklch, var(--ink-800) 6%, transparent);--radius: .75rem;--page-bg: #f4f5f9;--page-grid: color-mix(in oklch, var(--ink-800) 6%, transparent);--surface: var(--white);--fg: var(--ink-900);--fg-muted: var(--ink-500);--fg-subtle: var(--ink-400);--hairline: var(--ink-200);--eyebrow-fg: var(--ink-500);--nav-bg: color-mix(in oklch, var(--canvas) 82%, transparent);--card-bg: var(--white);--glow: transparent}html[data-theme=dark]{--page-bg: var(--ink-950);--page-grid: color-mix(in oklch, var(--ink-100) 5%, transparent);--surface: var(--ink-900);--fg: var(--ink-50);--fg-muted: var(--ink-400);--fg-subtle: var(--ink-500);--hairline: color-mix(in oklch, var(--ink-100) 12%, transparent);--eyebrow-fg: var(--ink-400);--nav-bg: color-mix(in oklch, var(--ink-950) 72%, transparent);--card-bg: var(--ink-900);--glow: color-mix(in oklch, var(--success-700) 22%, transparent);--shadow-border: 0 0 0 1px color-mix(in oklch, var(--ink-100) 9%, transparent);--shadow-border-hover: 0 0 0 1px color-mix(in oklch, var(--ink-100) 16%, transparent), 0 10px 30px -10px rgba(0,0,0,.6)}html{background-color:var(--page-bg);scroll-behavior:smooth}html[data-theme=dark],html[data-theme=dark] body{background-color:var(--ink-950)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);color:var(--fg);background-color:var(--page-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;text-wrap:pretty;transition:color .3s ease;overflow-x:hidden}#root{position:relative;z-index:1}h1,h2,h3,h4,h5,h6{text-wrap:balance;margin:0}p{margin:0}a{color:inherit;text-decoration:none}::selection{background:color-mix(in oklch,var(--indigo) 28%,transparent)}section[id],header[id]{scroll-margin-top:80px}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 32px}@media(max-width:640px){.container{padding:0 20px}}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--indigo)}.btn{font-family:var(--font-sans);display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 20px;border-radius:48px;border:1.5px solid transparent;font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease,transform .1s ease;user-select:none}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--indigo);border-color:var(--indigo);color:#fff}html[data-theme=dark] .btn-primary{background:var(--white);color:var(--ink-900)}.btn-primary:hover{background:#363bd3;border-color:#363bd3}html[data-theme=dark] .btn-primary:hover{background:color-mix(in oklch,var(--white) 88%,transparent)}.btn-outline{background:transparent;color:var(--indigo);border-color:var(--indigo)}.btn-outline:hover{background:#e5ebff}.btn-indigo{background:var(--indigo);color:#fff}.btn-indigo:hover{background:#363bd3}.btn-ghost{background:transparent;color:var(--fg)}.btn-ghost:hover{background:color-mix(in oklch,var(--fg) 7%,transparent)}.btn-sm{height:32px;padding:0 12px;font-size:13px;border-radius:6px}.btn-lg{height:48px;padding:0 24px;font-size:15px}.card{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow-border)}.dot{width:7px;height:7px;border-radius:50%;flex:none}.section{position:relative;padding:96px 0}.section--tight{padding:64px 0}.section-divider{border:none;border-top:1px solid var(--hairline);margin:0}.terminal{background:#181a30;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-modal);border:1px solid color-mix(in oklch,var(--ink-100) 8%,transparent)}.terminal-bar{display:flex;align-items:center;gap:10px;padding:11px 14px;background:var(--ink-800);border-bottom:1px solid rgba(255,255,255,.06)}.tl{width:11px;height:11px;border-radius:50%;flex:none}.terminal-title{font-family:var(--font-mono);font-size:12.5px;color:var(--ink-400);margin-left:4px;white-space:nowrap}.terminal-tools{margin-left:auto;display:flex;gap:8px;flex:none}.term-btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:7px;font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--ink-300);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,border-color .15s ease}.term-btn:hover{background:#ffffff17;color:#fff}.terminal-body{font-family:var(--font-mono);font-size:13px;line-height:1.62;color:#e6e6e8;padding:18px 20px;white-space:pre;overflow-x:auto}.term-line{display:block;min-height:1.62em}.tk-prompt{color:var(--ink-500)}.tk-cmd,.tk-flag{color:var(--syntax-keyword)}.tk-hash,.tk-url{color:var(--syntax-prop)}.tk-str{color:var(--syntax-str)}.tk-ok{color:var(--success-500)}.tk-bad{color:var(--danger-500)}.tk-warn{color:var(--warning-500)}.tk-up{color:var(--success-500)}.tk-down{color:var(--danger-500)}.tk-muted{color:var(--ink-500)}.tk-dim{color:var(--ink-400)}.tk-head{color:#f4f4f5;font-weight:500}.tk-label{color:var(--ink-400)}.tk-comment{color:var(--ink-500);font-style:italic}.cursor-blink{display:inline-block;width:8px;height:1.05em;vertical-align:-2px;background:var(--success-500);animation:blink 1s steps(2) infinite;margin-left:2px}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.copy-pill{position:absolute;top:14px;left:50%;transform:translate(-50%) translateY(-8px);background:#181a30;color:#fff;font-family:var(--font-mono);font-size:12px;padding:7px 14px;border-radius:999px;box-shadow:var(--shadow-popup);display:flex;align-items:center;gap:7px;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:5}.copy-pill.show{opacity:1;transform:translate(-50%) translateY(0)}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.cursor-blink{animation:none}html{scroll-behavior:auto}}.hero{padding:92px 0 64px;text-align:center}.hero h1{font-family:var(--font-display);font-weight:500;font-size:clamp(44px,7vw,88px);line-height:.98;letter-spacing:-.035em;color:var(--fg)}.hero h1 .accent{color:var(--indigo)}.hero h1 .oc{color:var(--fg);white-space:nowrap}.hero-sub{font-size:clamp(17px,1.7vw,21px);line-height:1.5;color:var(--fg-muted);max-width:740px;margin:26px auto 0}.hero-cta{display:flex;gap:12px;margin-top:36px;flex-wrap:wrap;justify-content:center}.hero-meta{display:flex;gap:22px;margin-top:40px;flex-wrap:wrap;justify-content:center}.hero-meta-item{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--fg-muted)}.hero-meta-item .dot{background:var(--success-500)}.cobrand{display:inline-flex;align-items:center;gap:14px;margin-bottom:30px}.cobrand-mark{display:inline-flex;align-items:center;gap:9px}.cobrand-mark .cb-mark{width:22px;height:26px;display:block}.cobrand-mark .cb-name{font-family:var(--font-sans);font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--fg);white-space:nowrap}.cobrand-mark .cb-name .ai{color:var(--indigo)}.cobrand-x{color:var(--fg-subtle);font-size:14px}.cobrand-oc{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sans);font-size:15px;font-weight:650;letter-spacing:-.01em;color:var(--fg)}.cobrand-oc .oc-logo{width:21px;height:21px;display:block}.hero-install-wrap{position:relative;display:flex;flex-direction:column;align-items:center}.install-1l{display:inline-flex;align-items:center;gap:0;margin-top:30px;max-width:100%;background:#181a30;border-radius:12px;box-shadow:var(--shadow-modal);font-family:var(--font-mono);font-size:14.5px;overflow:hidden;cursor:copy;position:relative;border:none;padding:0;text-align:left}.install-1l .i1-prompt{color:var(--ink-500);padding:14px 0 14px 18px;flex:none}.install-1l .i1-cmd{color:#e6e6e8;padding:14px 10px 14px 8px;white-space:nowrap;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.install-1l .i1-cmd::-webkit-scrollbar{display:none}.install-1l .i1-cmd .kw{color:var(--syntax-keyword)}.install-1l .i1-cmd .pkg{color:var(--syntax-prop)}.install-1l .i1-copy{flex:none;align-self:stretch;display:inline-flex;align-items:center;gap:7px;padding:0 16px;margin-left:auto;background:#ffffff0f;color:var(--ink-300);border-left:1px solid rgba(255,255,255,.08);font-family:var(--font-mono);font-size:12.5px;font-weight:500;transition:background .15s ease,color .15s ease}.install-1l:hover .i1-copy{background:#ffffff1f;color:#fff}@media(max-width:560px){.install-1l{font-size:12.5px}.install-1l .i1-copy span{display:none}}.install-hint{margin-top:14px;font-family:var(--font-mono);font-size:12.5px;color:var(--fg-subtle);letter-spacing:.01em}.install-hint code{font-family:inherit;color:var(--fg-muted);font-weight:500;background:color-mix(in oklch,var(--fg) 6%,transparent);padding:2px 6px;border-radius:5px}.sh{margin-bottom:44px}.sh.center{text-align:center}.sh-eyebrow{margin-bottom:16px}.sh h2{font-family:var(--font-display);font-weight:500;font-size:clamp(32px,4.2vw,52px);line-height:1.02;letter-spacing:-.03em;color:var(--fg)}.sh p{font-size:clamp(16px,1.5vw,19px);line-height:1.5;color:var(--fg-muted);margin-top:18px;max-width:640px}.sh.center p{margin-left:auto;margin-right:auto}.pitch{padding:0 0 8px}.pitch-inner{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:start}@media(max-width:820px){.pitch-inner{grid-template-columns:1fr;gap:28px}}.pitch-lede{font-family:var(--font-display);font-weight:500;font-size:clamp(24px,3vw,34px);line-height:1.18;letter-spacing:-.02em;color:var(--fg)}.pitch-lede .accent{color:var(--indigo)}.pitch-body{font-size:clamp(15px,1.4vw,17px);line-height:1.62;color:var(--fg-muted)}.pitch-points{display:flex;flex-direction:column;gap:0;margin-top:4px}.pitch-point{display:flex;gap:14px;padding:16px 0;border-top:1px solid var(--hairline)}.pitch-point:first-child{border-top:none;padding-top:0}.pitch-point .pp-ic{flex:none;width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in oklch,var(--indigo) 12%,transparent);color:var(--indigo)}.pitch-point .pp-t{font-size:15px;font-weight:560;color:var(--fg);letter-spacing:-.01em}.pitch-point .pp-d{font-size:13.5px;line-height:1.5;color:var(--fg-muted);margin-top:3px}.demo-grid{display:grid;grid-template-columns:340px 1fr;gap:20px;align-items:start}@media(max-width:880px){.demo-grid{grid-template-columns:1fr}}.cmd-list{display:flex;flex-direction:column;gap:8px}.cmd{text-align:left;width:100%;cursor:pointer;background:var(--card-bg);border-radius:12px;padding:14px 16px;box-shadow:var(--shadow-border);border:none;transition:box-shadow .15s ease,transform .12s ease,background .15s ease;display:flex;flex-direction:column;gap:4px;font-family:var(--font-sans)}.cmd:hover{box-shadow:var(--shadow-border-hover)}.cmd.active{box-shadow:0 0 0 1.5px var(--indigo),var(--shadow-border)}.cmd-line{font-family:var(--font-mono);font-size:13px;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmd-line .pmt{color:var(--indigo);margin-right:5px}.cmd-line .sub{color:var(--fg)}.cmd-line .arg{color:var(--fg-subtle)}.cmd-desc{font-size:12.5px;color:var(--fg-muted);padding-left:14px}.demo-terminal{min-height:420px}.demo-terminal .terminal-body{min-height:380px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:880px){.features{grid-template-columns:1fr}}.feature{padding:28px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .18s ease,transform .18s ease}.feature:hover{box-shadow:var(--shadow-border-hover)}.feature-ic{width:38px;height:38px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in oklch,var(--indigo) 12%,transparent);color:var(--indigo)}.feature h3{font-family:var(--font-display);font-size:18px;font-weight:500;letter-spacing:-.015em;color:var(--fg)}.feature p{font-size:14.5px;line-height:1.55;color:var(--fg-muted)}.feature .mono-tag{font-family:var(--font-mono);font-size:12px;color:var(--fg-subtle);margin-top:2px}.showcase-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:44px;align-items:center}@media(max-width:940px){.showcase-grid{grid-template-columns:1fr;gap:32px}}.showcase-copy h2{font-family:var(--font-display);font-weight:500;font-size:clamp(28px,3.6vw,44px);line-height:1.04;letter-spacing:-.03em;color:var(--fg)}.showcase-copy p{font-size:clamp(15px,1.45vw,18px);line-height:1.55;color:var(--fg-muted);margin-top:18px}.showcase-copy p code{font-family:var(--font-mono);font-size:.9em;background:color-mix(in oklch,var(--fg) 6%,transparent);padding:2px 6px;border-radius:5px;color:var(--fg)}.showcase-list{display:flex;flex-direction:column;gap:14px;margin-top:26px}.showcase-li{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;color:var(--fg);line-height:1.5}.showcase-li .chk{flex:none;margin-top:1px;width:18px;height:18px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in oklch,var(--success-500) 16%,transparent);color:var(--success-700)}.browser{border-radius:12px;overflow:hidden;box-shadow:var(--shadow-modal);background:#181a30;border:1px solid color-mix(in oklch,var(--ink-100) 8%,transparent)}.browser-bar{display:flex;align-items:center;gap:9px;padding:11px 14px;background:var(--ink-800);border-bottom:1px solid rgba(255,255,255,.06)}.browser-bar .tl{width:11px;height:11px;border-radius:50%}.browser-url{margin-left:8px;flex:1;display:flex;align-items:center;gap:8px;height:26px;padding:0 12px;border-radius:7px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06);font-family:var(--font-mono);font-size:11.5px;color:var(--ink-400);max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-local{flex:none;display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:6px;background:color-mix(in oklch,var(--success-500) 16%,transparent);font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.08em;color:var(--success-500)}.browser-stage{position:relative;aspect-ratio:16 / 9;background:radial-gradient(120% 120% at 50% 0%,#21242e,#181a30);overflow:hidden}.browser-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.ph-slot{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:24px;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.035) 0 13px,transparent 13px 26px),radial-gradient(120% 120% at 50% 0%,#21242e,#181a30)}.ph-slot .ph-ic{width:50px;height:50px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:var(--ink-300)}.ph-slot .ph-label{font-family:var(--font-mono);font-size:13px;letter-spacing:.34em;text-transform:uppercase;color:var(--ink-200)}.ph-slot .ph-hint{font-family:var(--font-mono);font-size:12px;line-height:1.5;color:var(--ink-500);max-width:320px}.priv-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}@media(max-width:880px){.priv-grid{grid-template-columns:1fr;gap:32px}}.priv-copy h2{font-family:var(--font-display);font-weight:500;font-size:clamp(28px,3.6vw,44px);line-height:1.04;letter-spacing:-.03em;color:var(--fg)}.priv-copy>p{font-size:clamp(15px,1.45vw,18px);line-height:1.55;color:var(--fg-muted);margin-top:18px}.priv-terminal .terminal-body{font-size:12.5px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:880px){.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.steps{grid-template-columns:1fr}}.step{padding:24px;display:flex;flex-direction:column;gap:14px;position:relative}.step-num{width:36px;height:36px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in oklch,var(--fg) 6%,transparent);color:var(--fg);font-family:var(--font-mono);font-size:13px;font-weight:600}.step h3{font-family:var(--font-display);font-size:17px;font-weight:500;letter-spacing:-.01em;color:var(--fg)}.step p{font-size:14px;line-height:1.55;color:var(--fg-muted)}.step .step-opt{position:absolute;top:22px;right:20px;font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.1em;color:var(--indigo);background:color-mix(in oklch,var(--indigo) 10%,transparent);padding:3px 8px;border-radius:999px}.gateway-card{border-radius:18px;padding:clamp(36px,5vw,64px);text-align:center;background:radial-gradient(90% 120% at 50% -20%,color-mix(in oklch,var(--indigo) 9%,transparent),transparent 60%),var(--card-bg);box-shadow:var(--shadow-border)}.gateway-card h2{font-family:var(--font-display);font-weight:500;font-size:clamp(30px,4vw,48px);line-height:1.04;letter-spacing:-.03em;color:var(--fg);margin-top:16px}.gateway-card h2 .serif{font-family:var(--font-serif);font-style:italic;font-weight:400}.gateway-card>p{font-size:clamp(15.5px,1.5vw,18px);line-height:1.55;color:var(--fg-muted);max-width:660px;margin:20px auto 0}.gateway-actions{display:flex;gap:12px;justify-content:center;margin-top:32px;flex-wrap:wrap}.gateway-meta{display:flex;gap:22px;margin-top:30px;flex-wrap:wrap;justify-content:center}.gateway-meta .hero-meta-item .dot{background:var(--indigo)}.cta{text-align:center}.cta h2{font-family:var(--font-display);font-weight:500;font-size:clamp(36px,5.4vw,68px);line-height:1;letter-spacing:-.035em;color:var(--fg)}.cta h2 .serif{font-family:var(--font-serif);font-style:italic;font-weight:400}.cta p{font-size:clamp(17px,1.7vw,20px);color:var(--fg-muted);margin:22px auto 0;max-width:620px;line-height:1.5}.cta-actions{display:flex;gap:12px;justify-content:center;margin-top:34px;flex-wrap:wrap}.cta-badge{margin-top:38px;display:inline-flex}.cta-badge svg{height:34px;width:auto}