:root{color-scheme:dark;--bg-canvas:#050506;--bg-base:#0c0c0e;--bg-surface:#131316;--bg-muted:#1c1c21;--text-main:#f4f4f5;--text-muted:#91919b;--border:#27272a;--accent:#e4e4e7;--accent-fg:#09090b;--radius:6px}html[data-theme=light]{color-scheme:light;--bg-canvas:#e4e4e7;--bg-base:#fafafa;--bg-surface:#f4f4f5;--bg-muted:#e4e4e7;--text-main:#09090b;--text-muted:#64646e;--border:#c4c4cc;--accent:#18181b;--accent-fg:#fafafa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg-canvas);color:var(--text-main);font:14px/1.65 -apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--text-main);outline-offset:5px}h1,h2,h3,p{margin:0}h1{font-size:clamp(40px,5.8vw,72px);line-height:1.08;font-weight:650;letter-spacing:-.055em}h2{font-size:clamp(26px,3.4vw,40px);line-height:1.22;letter-spacing:-.035em;font-weight:600}h3{font-size:17px;font-weight:600;letter-spacing:-.02em}.wrap{max-width:1120px;margin:auto;padding:0 24px}.muted{color:var(--text-muted)}.mono{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11px;letter-spacing:.04em}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:650;letter-spacing:.06em}.brand-mark{background:var(--accent);color:var(--accent-fg);border-radius:6px;font-size:22px;padding:0 12px}nav{display:flex;align-items:center;gap:24px;font-size:12px}nav button{color:var(--text-main);border:1px solid var(--border);border-radius:6px;background:var(--bg-base);padding:8px 12px;cursor:pointer}nav a.admin-link{color:var(--text-main);border:1px solid var(--border);border-radius:6px;background:var(--bg-base);padding:8px 12px;font-size:12px;font-weight:500;letter-spacing:.03em}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:64px;align-items:center;padding:96px 0 88px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.15em;color:var(--text-muted);margin-bottom:20px}.lead{max-width:480px;margin-top:28px;color:var(--text-muted);font-size:16px;line-height:1.8}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:44px;padding:10px 20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-base);font-size:13px;font-weight:600}.button:hover{filter:brightness(1.15)}.primary{color:var(--accent-fg);background:var(--accent);border-color:var(--accent)}.platforms{display:flex;flex-wrap:wrap;gap:8px 20px;color:var(--text-muted);margin-top:24px}.preview{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 24px 64px #00000025}.preview-head{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.chip{font:9px ui-monospace,monospace;letter-spacing:.1em;padding:4px 8px;border:1px solid var(--border);border-radius:4px;color:var(--text-muted)}.preview-body{padding:28px}.preview-body h2{font-size:24px;margin-bottom:12px}.sample-key{background:var(--bg-muted);border:1px solid var(--border);border-radius:6px;padding:16px;margin:24px 0 12px;font-size:17px;letter-spacing:.16em}.demo-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);font-size:12px}.demo-row span{color:var(--text-muted)}.demo-row strong{font-weight:500}.preview-note{font-size:10px;color:var(--text-muted);margin:20px 0}.full{width:100%}.features,.setup,.faq{border-top:1px solid var(--border);padding:64px 0}.section-head{margin-bottom:32px}.section-head>p:last-child{margin-top:16px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card{background:var(--bg-base);border:1px solid var(--border);border-radius:6px;padding:24px}.number{color:var(--text-muted);display:block;margin-bottom:24px}.card p{color:var(--text-muted);margin-top:12px;font-size:13px}.setup{display:grid;grid-template-columns:1fr 1.5fr;gap:64px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid var(--border)}.steps li:first-child{padding-top:0}.steps p{color:var(--text-muted);margin:8px 0;font-size:13px}.text-link{font-size:12px;border-bottom:1px solid var(--text-muted);display:inline-block;margin-top:4px}details{border-bottom:1px solid var(--border);padding:20px 0}summary{cursor:pointer;font-weight:500}details p{color:var(--text-muted);padding-top:16px;max-width:760px;font-size:13px}.closing{border:1px solid var(--border);border-radius:6px;background:var(--bg-base);padding:48px;margin:0 0 64px}.closing .button{margin-top:24px}footer{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--border);min-height:88px;align-items:center;font-size:12px}@media(max-width:900px){.hero{gap:28px;padding:64px 0}.grid{grid-template-columns:repeat(2,1fr)}.setup{gap:32px}}@media(max-width:620px){.wrap{padding:0 20px}.topbar{height:72px}.brand{font-size:10px;gap:8px}.brand-mark{font-size:18px;padding:0 9px}nav{gap:12px}nav>a:not(.admin-link){display:none}.hero{grid-template-columns:1fr;padding:48px 0;gap:40px}.lead{font-size:14px}.preview-body{padding:24px}.grid{grid-template-columns:1fr}.card{padding:24px}.card .number{margin-bottom:12px}.features,.setup,.faq{padding:40px 0}.setup{grid-template-columns:1fr;gap:0}.closing{padding:28px;margin-bottom:40px}footer{padding-top:24px!important;padding-bottom:24px!important;align-items:flex-start;flex-direction:column;gap:8px}.button{gap:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}