:root{--bg: #0b2230;--bg-soft: #0d2735;--bg-tint: #122e3d;--line: #1f4356;--line-soft: #163647;--ink: #ffffff;--ink-2: #b8c8d1;--ink-3: #7d96a3;--ink-4: #5e8090;--ink-ghost: #5e8090;--accent: #7eb6c4;--accent-soft: #5a8fa3;--accent-strong: #a3cdd9;--warm: #d4a849;--warm-deep: #c08a2a;--warm-tint: rgba(212, 168, 73, .05);--radius-sm: 4px;--radius: 6px;--radius-lg: 8px;--pad-section: clamp(56px, 8vw, 112px);--pad-x: clamp(20px, 5vw, 56px);--font-sans: "PT Sans", "Trebuchet MS", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-sans);color:var(--ink-2);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:16px;line-height:1.6}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(90deg,rgba(126,182,196,.04) 1px,transparent 1px);background-size:14.28% 100%;z-index:0}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}::selection{background:var(--accent);color:var(--bg)}.container{width:100%;max-width:1180px;margin:0 auto;padding-left:var(--pad-x);padding-right:var(--pad-x);position:relative;z-index:1}.section{padding-block:var(--pad-section)}.section-alt{background:var(--bg-tint)}.eyebrow{font-size:12px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin:0 0 18px}h1,h2,h3,h4{font-family:var(--font-sans);font-weight:700;letter-spacing:-.005em;margin:0;color:var(--ink)}.display{font-size:clamp(38px,5.2vw,64px);line-height:1.1;letter-spacing:.005em;font-weight:700;text-transform:uppercase}.display .ghost{display:block;color:transparent;-webkit-text-stroke:1px var(--ink-ghost);font-weight:700}.display .solid{display:block;color:var(--ink)}h2{font-size:clamp(22px,2.4vw,30px);line-height:1.2;text-transform:uppercase;letter-spacing:.01em}h3{font-size:13px;line-height:1.3;text-transform:uppercase;letter-spacing:.18em;color:var(--accent);font-weight:400}p{margin:0;color:var(--ink-2)}.lead{font-size:15px;color:var(--ink-2);line-height:1.65;text-wrap:pretty;max-width:56ch}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border:1px solid var(--line);background:transparent;color:var(--ink);font-family:var(--font-sans);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;border-radius:var(--radius-sm);transition:border-color .18s,color .18s,background .18s}.btn:hover,.btn-accent{border-color:var(--accent);color:var(--accent)}.btn-accent:hover{background:#7eb6c40f}.btn-primary{background:var(--warm);border-color:var(--warm);color:var(--bg)}.btn-primary:hover{background:var(--warm-deep);border-color:var(--warm-deep);color:var(--bg)}.link-inline{color:var(--accent);font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:400;display:inline-flex;align-items:center;gap:8px;transition:color .18s}.link-inline:hover{color:var(--accent-strong)}.link-inline .arrow{transition:transform .18s}.link-inline:hover .arrow{transform:translate(3px)}.site-header{position:sticky;top:0;z-index:50;background:#0b2230d9;backdrop-filter:saturate(160%) blur(12px);-webkit-backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--line-soft)}.site-header .inner{display:flex;align-items:center;gap:32px;height:68px}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink)}.brand img.brand-icon{width:28px;height:28px;object-fit:contain}.brand-name{font-size:16px;font-weight:700;letter-spacing:.01em}.brand-name .accent{color:var(--warm)}.nav{display:flex;align-items:center;gap:28px;margin-left:8px}.nav a{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);transition:color .18s}.nav a:hover,.nav a.active{color:var(--accent)}.header-actions{margin-left:auto;display:flex;gap:12px;align-items:center}.header-actions .btn{padding:10px 18px;font-size:11px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:32px;flex-wrap:wrap}.hero{padding-top:clamp(80px,9vw,132px);padding-bottom:clamp(40px,5vw,64px)}.hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(32px,5vw,80px);align-items:start}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}}.hero h1{margin-bottom:28px}.hero p.lead{max-width:50ch}.hero-aside{border:1px solid var(--line);padding:28px;border-radius:var(--radius-lg);background:#ffffff03}.hero-aside h3{margin:0 0 12px}.hero-aside p{font-size:14px;color:var(--ink-2);line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:clamp(56px,7vw,96px)}@media(max-width:900px){.feature-grid{grid-template-columns:1fr}}.feature{border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px 26px;background:#ffffff02;transition:border-color .2s ease,background .2s ease}.feature:hover{border-color:var(--accent-soft);background:#7eb6c406}.feature .icon{color:var(--accent);margin-bottom:22px}.feature h3{font-size:12px;letter-spacing:.2em;margin-bottom:14px;font-weight:400}.feature p{font-size:14px;line-height:1.65;color:var(--ink-2)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}@media(max-width:900px){.steps{grid-template-columns:1fr}}.step{border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px 26px;background:#ffffff02}.step .num{font-family:var(--font-mono);font-size:12px;color:var(--warm);letter-spacing:.18em;margin-bottom:16px;font-weight:400}.step h3{color:var(--ink);font-size:16px;text-transform:none;letter-spacing:0;margin-bottom:10px;font-weight:700}.step p{font-size:14px;line-height:1.65}.code-window{margin-top:48px;background:#07181f;border:1px solid var(--line);border-radius:var(--radius-lg);font-family:var(--font-mono);overflow:hidden}.code-window .titlebar{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line-soft)}.code-window .titlebar .file{color:var(--ink-3);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-family:var(--font-sans)}.code-window .titlebar .lang{margin-left:auto;font-size:11px;color:var(--accent);letter-spacing:.18em;text-transform:uppercase;font-family:var(--font-sans)}.code-window .demo-tabs{display:flex;padding:0 20px;border-bottom:1px solid var(--line-soft)}.demo-tab{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--ink-3);font-family:var(--font-mono);font-size:11px;padding:12px 14px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:-1px}.demo-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.code-window pre{margin:0;padding:22px 24px 26px;font-size:13.5px;line-height:1.75;color:#b8c8d1;overflow-x:auto}.tok-key{color:#9fd5ec}.tok-str{color:#a8d4b8}.tok-fn{color:#d8b78a}.tok-com{color:#4d6873;font-style:italic}.tok-num{color:#d8b78a}.tok-pun{color:#5e8090}.sdks{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.sdk{display:inline-flex;align-items:center;gap:10px;padding:9px 16px;border:1px solid var(--line);border-radius:var(--radius);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-family:var(--font-mono);transition:border-color .18s,color .18s}.sdk:hover{border-color:var(--accent);color:var(--accent)}.sdk .blip{width:5px;height:5px;border-radius:50%;background:var(--accent)}.faq-list{margin-top:40px;border-top:1px solid var(--line-soft)}.faq{border-bottom:1px solid var(--line-soft)}.faq summary{padding:22px 4px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;font-weight:700}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--font-mono);font-size:18px;color:var(--accent);font-weight:400}.faq[open] summary:after{content:"−"}.faq .body{padding:0 4px 22px;color:var(--ink-2);font-size:14px;line-height:1.7;max-width:70ch;text-transform:none;letter-spacing:0;font-weight:400}.cta-strip{border:1px solid rgba(212,168,73,.28);border-radius:var(--radius-lg);padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--warm-tint);flex-wrap:wrap}.cta-strip h2{font-size:clamp(15px,1.4vw,17px);letter-spacing:.08em;font-weight:700;text-transform:uppercase;color:var(--ink);margin-bottom:8px}.cta-strip p{font-size:13.5px;color:var(--ink-3);margin:0}.site-footer{border-top:1px solid var(--line-soft);padding-block:56px 32px;margin-top:clamp(56px,7vw,96px)}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px}@media(max-width:800px){.footer-grid{grid-template-columns:1fr 1fr}}.footer-col h4{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin:0 0 16px;font-weight:400}.footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.footer-col a,.footer-col li{color:var(--ink-2);font-size:13.5px}.footer-col a:hover{color:var(--accent)}.footer-col p{font-size:13px;color:var(--ink-3);line-height:1.6;max-width:32ch;margin-top:16px}.footer-meta{margin-top:48px;padding-top:20px;border-top:1px solid var(--line-soft);display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4);flex-wrap:wrap;gap:12px}