:root{--bg:#f8f6f3;--surface:#fff;--surface-soft:#fdefe2;--border:#ece4d8;--border-strong:#ddd0ba;--ink:#1c1712;--text:#4a4038;--text-muted:#7a7062;--text-faint:#a89c8a;--primary:#ff7a1a;--primary-ink:#2a1200;--primary-dark:#2a1a10;--link:#d94f0c;--link-hover:#b8420a;--success:#3f8f10;--success-soft:#e7f7db;--danger:#c8321e;--danger-soft:#fbe6e2;--focus-ring:#ff7a1a3d;--radius-pill:999px;--radius-lg:20px;--radius:12px;--radius-sm:9px;--shadow-sm:0 1px 2px #244c4e0d;--shadow-md:0 10px 30px -8px #244c4e29, 0 2px 6px #244c4e0d;--shadow-lg:0 28px 60px -16px #12211847;--font-display:"Inter Tight", "Inter", "Segoe UI", sans-serif;--font-body:"Inter", "Segoe UI", sans-serif;--font-mono:ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Consolas, monospace;--header-h:72px;color:var(--text);background:var(--bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{min-height:100%;margin:0}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0;font-weight:700}p{margin:0}code,.mono{font-family:var(--font-mono)}.page{overflow-x:hidden}.wrap{width:min(1120px,100% - 40px);margin-inline:auto}.eyebrow{border-radius:var(--radius-pill);background:var(--surface-soft);color:var(--link);letter-spacing:.02em;align-items:center;gap:8px;padding:5px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--primary);border-radius:50%;width:6px;height:6px}.btn{border-radius:var(--radius-pill);cursor:pointer;background:var(--primary);color:var(--primary-ink);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:.9375rem;font-weight:600;transition:background .14s,color .14s,transform 80ms,border-color .14s;display:inline-flex}.btn:hover{background:var(--primary-dark);color:var(--primary)}.btn:active{transform:translateY(1px)}.btn.secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn.secondary:hover{background:var(--surface);border-color:var(--link);color:var(--link-hover)}.btn.ghost{color:#e9d9c9;background:0 0;border-color:#e9d9c947}.btn.ghost:hover{color:var(--primary);border-color:var(--primary);background:#ff7a1a1f}.btn.lg{padding:14px 26px;font-size:1rem}.header{z-index:40;height:var(--header-h);background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);align-items:center;display:flex;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:20px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-mark{background:var(--primary);width:36px;height:36px;color:var(--primary-ink);font-family:var(--font-display);border-radius:10px;flex-shrink:0;place-items:center;font-size:.8125rem;font-weight:800;display:grid}.brand-text{gap:1px;line-height:1.15;display:grid}.brand-text strong{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;font-size:1.05rem;font-weight:700}.brand-text span{color:var(--text-faint);font-size:.6875rem}.nav{align-items:center;gap:6px;display:flex}.nav a{border-radius:var(--radius-pill);color:var(--text-muted);padding:8px 14px;font-size:.875rem;font-weight:500;transition:background .14s,color .14s}.nav a:hover{background:var(--surface-soft);color:var(--link-hover)}.header-actions{align-items:center;gap:8px;display:flex}.menu-btn{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-pill);cursor:pointer;width:42px;height:42px;color:var(--ink);display:none}.hero{padding:72px 0 48px}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;display:grid}.hero-copy{justify-items:start;gap:22px;display:grid}.hero h1{max-width:16ch;font-size:clamp(2.35rem,4.4vw,3.55rem);line-height:1.08}.hero-lead{color:var(--text);max-width:46ch;font-size:1.125rem;line-height:1.55}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.hero-meta{color:var(--text-muted);flex-wrap:wrap;gap:18px;font-size:.8125rem;font-weight:500;display:flex}.hero-meta span{align-items:center;gap:7px;display:inline-flex}.hero-meta svg{width:15px;height:15px;color:var(--success)}.mock{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:24px;animation:.7s both rise;overflow:hidden;transform:perspective(1400px)rotateY(-8deg)rotateX(4deg)}@keyframes rise{0%{opacity:0;transform:perspective(1400px)rotateY(-8deg)rotateX(4deg)translateY(18px)}to{opacity:1;transform:perspective(1400px)rotateY(-8deg)rotateX(4deg)translateY(0)}}.mock-bar{border-bottom:1px solid var(--border);background:var(--bg);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.mock-dots{gap:6px;display:flex}.mock-dots i{background:var(--border-strong);border-radius:50%;width:8px;height:8px;display:block}.mock-bar strong{font-size:.8125rem;font-weight:650}.mock-chip{color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);padding:4px 10px;font-size:.6875rem;font-weight:600}.mock-body{padding:8px 0 4px}.mock-row{border-bottom:1px solid var(--border);grid-template-columns:1.3fr .9fr .8fr;align-items:center;gap:8px;padding:11px 16px;font-size:.8125rem;display:grid}.mock-row:last-child{border-bottom:0}.mock-row .doc{gap:1px;display:grid}.mock-row .doc strong{color:var(--ink);font-size:.8125rem}.mock-row .doc span{color:var(--text-faint);font-size:.6875rem}.mock-row .amt{font-variant-numeric:tabular-nums;color:var(--ink);text-align:right;font-weight:600}.badge{border-radius:var(--radius-pill);justify-self:start;padding:3px 10px;font-size:.6875rem;font-weight:650;display:inline-flex}.badge.success{color:var(--success);background:var(--success-soft)}.badge.warn{color:var(--link);background:var(--surface-soft)}.badge.danger{color:var(--danger);background:var(--danger-soft)}.trust{padding:8px 0 64px}.trust-list{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.trust-item{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-pill);color:var(--text-muted);padding:9px 16px;font-size:.8125rem;font-weight:600}.section{padding:88px 0}.section-head{gap:12px;max-width:640px;margin-bottom:40px;display:grid}.section-head h2{font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.15}.section-head p{color:var(--text);font-size:1.05rem}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-content:start;gap:10px;padding:24px;display:grid}.card h3{font-size:1.05rem}.card p{color:var(--text);font-size:.9375rem}.icon-box{background:var(--surface-soft);width:40px;height:40px;color:var(--link);border-radius:12px;place-items:center;display:grid}.icon-box svg{width:20px;height:20px}.problem{padding:0 0 24px}.problem-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.problem-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);gap:8px;padding:22px 24px;display:grid}.problem-item h3{font-size:1.05rem}.problem-item p{font-size:.9375rem}.pipeline{background:var(--primary-dark);color:#e9d9c9;position:relative;overflow:hidden}.pipeline:before{content:"";pointer-events:none;background:radial-gradient(circle at 18% 20%,#ff7a1a47,#0000 42%),radial-gradient(circle at 88% 78%,#d94f0c38,#0000 46%);position:absolute;inset:-20%}.pipeline .wrap,.pipeline .section-head,.pipeline h2,.pipeline h3{position:relative}.pipeline h2{color:#fff}.pipeline .section-head p{color:#cbb39e}.pipeline .eyebrow{color:var(--primary);background:#ff7a1a29}.steps{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid;position:relative}.step{border-radius:var(--radius-lg);background:#ffffff0a;border:1px solid #e9d9c91f;align-content:start;gap:8px;padding:18px 16px;display:grid}.step-num{font-family:var(--font-mono);color:var(--primary);font-size:.75rem;font-weight:700}.step h3{color:#fff;font-size:.95rem}.step p{color:#cbb39e;font-size:.8125rem}.dev-grid{grid-template-columns:1fr 1fr;align-items:start;gap:28px;display:grid}.code-panel{background:var(--primary-dark);color:#e9d9c9;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:22px 22px 8px;overflow:hidden}.code-tabs{gap:6px;margin-bottom:14px;display:flex}.code-tabs button{color:#b89d84;border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:0;padding:6px 12px;font-size:.75rem;font-weight:600}.code-tabs button.active{color:var(--primary);background:#ff7a1a2e}.code-panel pre{color:#f4e8dc;margin:0;padding:8px 4px 18px;font-size:.8rem;line-height:1.65;overflow-x:auto}.code-key{color:var(--primary)}.code-str{color:#f3c9a2}.code-muted{color:#b89d84}.doc-types{gap:12px;display:grid}.doc-type{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px 18px;display:grid}.doc-type h3{font-size:1rem}.doc-type p{color:var(--text-muted);font-size:.8125rem}.tag{border-radius:var(--radius-pill);background:var(--success-soft);color:var(--success);padding:4px 10px;font-size:.6875rem;font-weight:700}.tag.soon{background:var(--surface-soft);color:var(--link)}.tag.later{background:var(--bg);color:var(--text-faint)}.cta{padding:24px 0 96px}.cta-card{background:var(--surface-soft);border:1px solid var(--border);border-radius:28px;justify-items:start;gap:18px;padding:48px;display:grid;position:relative;overflow:hidden}.cta-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#ff7a1a47,#0000 68%);border-radius:50%;width:280px;height:280px;position:absolute;top:-60px;right:-40px}.cta-card h2{max-width:18ch;font-size:clamp(1.7rem,3vw,2.4rem)}.cta-card p{max-width:52ch;font-size:1.05rem}.cta-actions{flex-wrap:wrap;gap:10px;display:flex;position:relative}.skip-link{z-index:100;background:var(--primary);color:var(--primary-ink);border-radius:var(--radius-pill);padding:8px 14px;font-size:.875rem;font-weight:600;position:absolute;top:-48px;left:12px}.skip-link:focus{top:12px}.faq-list{gap:10px;display:grid}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:4px 20px}.faq-item summary{cursor:pointer;padding:16px 0;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary h3{padding-right:28px;font-size:1.05rem;font-weight:650;position:relative}.faq-item summary h3:after{content:"+";color:var(--link);font-weight:700;position:absolute;top:0;right:0}.faq-item[open] summary h3:after{content:"–"}.faq-item p{max-width:72ch;margin:0 0 18px;font-size:.975rem}.cta-card a{color:var(--link);font-weight:600}.cta-card a.btn{color:var(--primary-ink)}.cta-card a.btn:hover{color:var(--primary)}.cta-card a.btn.secondary{color:var(--text)}.cta-card a.btn.secondary:hover{color:var(--link-hover)}.footer{border-top:1px solid var(--border);padding:28px 0 40px}.footer-inner{color:var(--text-faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-size:.8125rem;display:flex}.footer-nav{flex-wrap:wrap;gap:8px 16px;display:flex}.footer-nav a:hover,.footer a[href^=mailto]:hover,.footer a:hover{color:var(--link-hover)}@media (width<=960px){.hero-grid,.dev-grid,.problem-grid{grid-template-columns:1fr}.mock{animation:none;transform:none}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:1fr 1fr}}@media (width<=720px){.nav,.header-actions .btn.secondary{display:none}.header.open .nav{top:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;padding:12px 20px 18px;display:flex;position:absolute;left:0;right:0}.menu-btn{place-items:center;display:grid}.hero{padding-top:40px}.grid-3,.steps{grid-template-columns:1fr}.cta-card{padding:28px 22px}.footer-inner{flex-direction:column;align-items:flex-start}.wrap{width:min(1120px,100% - 32px)}}