:root{color-scheme:light;--ink:#122017;--muted:#4d5c53;--bg:#f4f1ea;--card:#fffdf8;--line:#d4cdc0;--accent:#1f6b45;--accent-ink:#fff;--error:#8b1e1e;--ok:#1f6b45}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,sans-serif}body{padding:2.5rem 1.25rem 4rem}.page{width:min(62rem,100%);margin:0 auto;display:grid;gap:1.25rem}@media (min-width:840px){.page{grid-template-columns:1fr 1fr;align-items:start}.page-header{grid-column:1/-1}}.page-header .lede{max-width:40rem}.panel,main{width:min(28rem,100%);margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.75rem}.page .panel{width:auto;margin:0}.eyebrow{margin:0 0 .35rem;letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;color:var(--accent)}h1,h2{margin:0 0 .75rem;line-height:1.2}h1{font-size:1.7rem}h2{font-size:1.25rem}.hint,.lede{color:var(--muted)}.lede{margin:0 0 1.5rem;line-height:1.45}.panel,.signup-form{display:grid}.signup-form{gap:.4rem}.plan-choices{display:grid;gap:.5rem;margin:.2rem 0 .4rem;padding:0;border:0}.plan-choices legend{font-weight:600;margin-bottom:.35rem}.plan-choice{display:flex;gap:.65rem;align-items:flex-start;padding:.7rem .75rem;border:1px solid var(--line);border-radius:8px}.plan-choice input{width:auto;margin-top:.2rem}.panel label,.signup-form label{font-weight:600;margin-top:.55rem}.panel input,.panel select,.signup-form input{width:100%;padding:.7rem .75rem;border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff}.panel input:focus,.panel select:focus,.signup-form input:focus{outline:2px solid var(--accent);outline-offset:1px}.hint{margin:0 0 .4rem;font-size:.85rem}.error{margin:.75rem 0 0;color:var(--error)}.demo-actions button,.signup-form button{margin-top:1.1rem;padding:.8rem 1rem;border:0;border-radius:999px;background:var(--accent);color:var(--accent-ink);font:inherit;font-weight:600;cursor:pointer}.demo-actions{display:flex;flex-wrap:wrap;gap:.6rem}.demo-actions button{margin-top:.85rem;flex:1 1 8rem}.demo-actions button.secondary{background:transparent;color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}.demo-actions button:disabled,.signup-form button:disabled{opacity:.65;cursor:wait}.demo-result{display:grid;gap:.35rem;margin:1rem 0 0;padding:.9rem 1rem;border-radius:10px;border:1px solid var(--line)}.demo-result.ok{border-color:var(--ok)}.demo-result.no{border-color:var(--error)}.demo-result code{font-size:.85rem;color:var(--muted)}a{color:var(--accent)}