:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--color-tracking-primary: #1a3a5a;--color-tracking-accent: #f28c2c;--color-tracking-glow: #e6f1f6;--color-tracking-success: #2b8d5c;--color-tracking-warning: #d0732c;--color-tracking-alert: #b33a3a;--color-plum-primary: #2b2f4a;--color-stone-base: #f6f1ea;--color-slate-primary: #16212c;--color-slate-muted: #51616b;--color-fog-soft: #ffffff;--color-midnight-base: #0d141a;--color-midnight-panel: #18222b;--color-tracking-night: #62c2ff;--color-tracking-nightSuccess: #4abf7a;--color-plum-night: #1b2431;--color-slate-inverse: #eef4f7;--color-slate-inverseMuted: #a7b4bd;--color-bg: var(--color-stone-base);--color-panel: var(--color-fog-soft);--color-text: var(--color-slate-primary);--color-text-muted: var(--color-slate-muted);--color-cta: var(--color-tracking-primary);--color-cta-hover: var(--color-tracking-accent);--color-cta-text: var(--color-fog-soft);--color-link: var(--color-tracking-primary);--color-link-hover: var(--color-tracking-accent);--color-border: #d4dde1;--color-shadow: rgba(14, 26, 36, .12);--color-badge-bg: var(--color-tracking-glow);--color-badge-text: var(--color-slate-primary);--color-status-bg: var(--color-tracking-glow);--color-status-text: var(--color-slate-primary);--color-toggle-bg: #dbe7ee;--color-toggle-knob: var(--color-fog-soft);--color-toggle-text: var(--color-slate-primary);--gradient-hero: radial-gradient(120% 120% at 10% -10%, var(--color-tracking-glow) 0%, transparent 55%), radial-gradient(120% 120% at 100% 0%, var(--color-plum-primary) 0%, transparent 60%);--gradient-grid: linear-gradient(90deg, transparent 0%, var(--color-fog-soft) 35%, transparent 70%), linear-gradient(180deg, transparent 0%, var(--color-fog-soft) 30%, transparent 65%);--space-1: .5rem;--space-2: .75rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 3rem;--space-7: 4rem;--space-8: 5rem;--radius-sm: .5rem;--radius-md: .9rem;--radius-lg: 1.4rem;--radius-pill: 999px;--shadow-soft: 0 18px 40px var(--color-shadow);--shadow-card: 0 12px 26px var(--color-shadow);--size-content: 72rem}[data-theme=dark]{--color-bg: var(--color-midnight-base);--color-panel: var(--color-midnight-panel);--color-text: var(--color-slate-inverse);--color-text-muted: var(--color-slate-inverseMuted);--color-cta: var(--color-tracking-night);--color-cta-hover: var(--color-tracking-nightSuccess);--color-cta-text: var(--color-midnight-base);--color-link: var(--color-tracking-night);--color-link-hover: var(--color-tracking-nightSuccess);--color-border: #2a3944;--color-shadow: rgba(0, 0, 0, .4);--color-badge-bg: var(--color-plum-night);--color-badge-text: var(--color-slate-inverse);--color-status-bg: var(--color-midnight-panel);--color-status-text: var(--color-slate-inverse);--color-toggle-bg: #24313c;--color-toggle-knob: var(--color-tracking-night);--color-toggle-text: var(--color-slate-inverse);--gradient-hero: radial-gradient(120% 120% at 10% -10%, var(--color-plum-night) 0%, transparent 55%), radial-gradient(120% 120% at 100% 0%, var(--color-tracking-night) 0%, transparent 60%);--gradient-grid: linear-gradient(90deg, transparent 0%, var(--color-midnight-panel) 35%, transparent 70%), linear-gradient(180deg, transparent 0%, var(--color-midnight-panel) 30%, transparent 65%)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--color-bg);background-image:var(--gradient-hero),var(--gradient-grid);color:var(--color-text)}a{color:var(--color-link);text-decoration:none}a:hover,a:focus-visible{color:var(--color-link-hover)}#app{min-height:100vh}.page{display:flex;flex-direction:column;gap:var(--space-6);align-items:stretch}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-2xl{font-size:1.75rem;font-weight:600}.text-3xl{font-size:2.4rem;font-weight:700;line-height:1.1}.text-muted{color:var(--color-text-muted)}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.stack-lg{gap:var(--space-5)}.section{padding:0 var(--space-4);width:100%;max-width:var(--size-content);margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);width:100%;max-width:var(--size-content);margin:0 auto}.topbar-actions{display:flex;gap:var(--space-2);align-items:center}.theme-toggle{border-radius:var(--radius-pill);border:1px solid var(--color-border);padding:var(--space-1) var(--space-2);font-family:inherit;font-weight:600;background-color:var(--color-panel);color:var(--color-toggle-text);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2)}.toggle-track{width:2.5rem;height:1.4rem;border-radius:var(--radius-pill);background-color:var(--color-toggle-bg);display:inline-flex;align-items:center;padding:.2rem;transition:background-color .2s ease}.toggle-knob{width:1rem;height:1rem;border-radius:999px;background-color:var(--color-toggle-knob);transform:translate(0);transition:transform .2s ease}[data-theme=dark] .toggle-knob{transform:translate(1rem)}.brand{font-weight:600;letter-spacing:.02em}.nav{display:none;gap:var(--space-4)}.btn{border-radius:var(--radius-pill);border:1px solid var(--color-border);padding:var(--space-2) var(--space-4);font-weight:600;font-family:inherit;background-color:transparent;color:var(--color-text);cursor:pointer;transition:transform .2s ease,background-color .2s ease}.btn:focus-visible{outline:2px solid var(--color-cta);outline-offset:2px}.btn-primary{background-color:var(--color-cta);color:var(--color-cta-text);border-color:transparent}.btn-primary:hover{background-color:var(--color-cta-hover);transform:translateY(-1px)}.btn-secondary{background-color:var(--color-panel);color:var(--color-text)}.btn-ghost{border-color:transparent;background-color:transparent}.hero{padding-top:var(--space-3)}.hero-grid{display:grid;gap:var(--space-6)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:600}.hero-metrics{display:grid;gap:var(--space-3)}.metric-card{padding:var(--space-3);border-radius:var(--radius-md);background-color:var(--color-panel);box-shadow:var(--shadow-card)}.hero-panel{display:flex;align-items:stretch}.panel-card{background-color:var(--color-panel);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-soft);width:100%;display:flex;flex-direction:column;gap:var(--space-4)}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.panel-grid{display:grid;gap:var(--space-3)}.panel-tile{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border)}.panel-footer{display:flex;flex-wrap:wrap;gap:var(--space-2)}.badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background-color:var(--color-badge-bg);color:var(--color-badge-text);font-weight:600}.status-pill{padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);background-color:var(--color-status-bg);color:var(--color-status-text);font-weight:600}.stats-strip{display:grid;gap:var(--space-4)}.stat{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-panel)}.feature-grid{display:grid;gap:var(--space-4)}.feature-card{padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-panel);box-shadow:var(--shadow-card)}.use-cases,.use-case-grid{display:grid;gap:var(--space-4)}.use-card{padding:var(--space-4);border-radius:var(--radius-lg);background-color:var(--color-panel);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:var(--space-3)}.list{margin:0;padding-left:var(--space-4);display:grid;gap:var(--space-2)}.steps-grid{display:grid;gap:var(--space-4);margin-top:var(--space-4)}.step-card{padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-panel)}.step-number{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background-color:var(--color-tracking-glow);color:var(--color-slate-primary);font-weight:700}.pricing{display:flex;justify-content:center}.pricing-card{width:100%;max-width:var(--size-content);padding:var(--space-5);border-radius:var(--radius-lg);background-color:var(--color-panel);box-shadow:var(--shadow-soft);display:grid;gap:var(--space-4)}.pricing-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.pricing-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--color-border);background-color:transparent}.footer{padding:var(--space-5) var(--space-4) var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);align-items:center;text-align:center;width:100%;max-width:var(--size-content);margin:0 auto}.footer-links{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}@media(min-width:720px){.section{padding:0 var(--space-6)}.topbar{padding:var(--space-4) var(--space-6)}.nav{display:flex}.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-strip,.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.use-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer{flex-direction:row;justify-content:space-between;text-align:left}}