:root{color-scheme:dark;--background: #0f131c;--surface: #0f131c;--surface-container-low: #181c24;--surface-container: #1c2028;--surface-container-high: #262a33;--on-surface: #dfe2ee;--on-surface-variant: #bbcabf;--primary: #4edea3;--primary-container: #10b981;--on-primary: #003824;--outline: #86948a;--outline-variant: #3c4a42;--shadow: 0 1px 8px rgba(0, 0, 0, .35);--font: "Geist", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--radius: .5rem;--radius-lg: .75rem;--max: 68rem}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:var(--font);background:var(--background);color:var(--on-surface);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration-thickness:1px;text-underline-offset:.15em}a:hover{color:var(--primary-container)}img{max-width:100%;height:auto}.wrap{width:min(var(--max),calc(100% - 2rem));margin-inline:auto}.site-header{border-bottom:1px solid var(--outline-variant);background:color-mix(in srgb,var(--background) 92%,transparent);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20}.site-header .inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0;flex-wrap:wrap}.logo{display:inline-flex;align-items:center;gap:.65rem;color:var(--on-surface);text-decoration:none;font-weight:600;letter-spacing:-.01em}.logo:hover{color:var(--on-surface)}.mark{display:grid;place-items:center;width:2rem;height:2rem;border-radius:8px;background:var(--surface-container-high);color:var(--primary);font-size:1.1rem}.nav{display:flex;flex-wrap:wrap;gap:.35rem 1rem;align-items:center}.nav a{color:var(--on-surface-variant);text-decoration:none;font-size:.95rem}.nav a:hover,.nav a[aria-current=page]{color:var(--on-surface)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1.1rem;border-radius:var(--radius);font:inherit;font-weight:600;font-size:.95rem;text-decoration:none;border:1px solid transparent;cursor:pointer}a.btn-primary,.btn-primary{background:var(--primary);color:var(--on-primary)}a.btn-primary:hover,.btn-primary:hover{background:var(--primary-container);color:var(--on-primary)}a.btn-ghost,.btn-ghost{background:transparent;color:var(--on-surface);border-color:var(--outline-variant)}a.btn-ghost:hover,.btn-ghost:hover{border-color:var(--outline);color:var(--on-surface)}.nav a.btn-primary,.nav a.btn-primary:hover{color:var(--on-primary)}.nav a.btn-ghost{color:var(--on-surface)}.hero{padding:3.5rem 0 2.5rem}.hero h1{margin:0 0 1rem;font-size:clamp(2rem,4vw,3rem);line-height:1.15;letter-spacing:-.02em;max-width:18ch}.hero .lead{margin:0 0 1.75rem;color:var(--on-surface-variant);font-size:1.15rem;max-width:40rem}.cta-row{display:flex;flex-wrap:wrap;gap:.75rem}.eyebrow{display:inline-block;margin:0 0 .75rem;color:var(--primary);font-family:var(--font-mono);font-size:.8rem;letter-spacing:.04em;text-transform:uppercase}.section{padding:2.5rem 0}.section h2{margin:0 0 1rem;font-size:1.65rem;letter-spacing:-.015em}.section p,.section li{color:var(--on-surface-variant)}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));margin-top:1.5rem}.card{background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow)}.card h3{margin:0 0 .5rem;font-size:1.05rem}.card p{margin:0;font-size:.95rem}.prose{max-width:42rem}.prose h1{margin:0 0 .75rem;font-size:clamp(1.75rem,3vw,2.25rem);letter-spacing:-.015em}.prose h2{margin:2rem 0 .65rem;font-size:1.25rem}.prose ul,.prose ol{margin:0 0 1rem}.prose ul,.prose ol{padding-left:1.2rem}.prose li+li{margin-top:.4rem}.faq details{background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--radius);padding:.85rem 1rem;margin-bottom:.65rem}.faq summary{cursor:pointer;font-weight:600}.faq details p{margin:.65rem 0 0}.site-footer{margin-top:3rem;border-top:1px solid var(--outline-variant);padding:2rem 0 2.5rem;color:var(--on-surface-variant);font-size:.9rem}.site-footer .inner{display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:space-between}.site-footer nav{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem}.site-footer a{color:var(--on-surface-variant);text-decoration:none}.site-footer a:hover{color:var(--on-surface)}.updated{font-size:.85rem;color:var(--outline)}
