:root{color-scheme:light;--bg: #f6f4ef;--fg: #1c1916;--muted: #6b655e;--accent: #1f4d3a;--border: #d8d1c6;--surface: #fffdf8}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--fg);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.page{min-height:100%}.top,main,footer{width:min(100%,72rem);margin-inline:auto;padding:1.25rem 1.25rem 2rem}.top{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 85%,transparent)}.brand{display:inline-flex;align-items:center;gap:.6rem;color:inherit;text-decoration:none}nav{display:flex;gap:.6rem;flex-wrap:wrap}a.ghost,a.primary{display:inline-flex;align-items:center;min-height:2.5rem;padding:.4rem .9rem;border-radius:.45rem;text-decoration:none;font-weight:600}a.ghost{color:var(--fg)}a.primary{background:var(--accent);color:var(--bg)}a.large{min-height:3rem;padding-inline:1.2rem}.eyebrow{display:inline-flex;margin-top:3rem;padding:.25rem .7rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.8rem}h1{max-width:18ch;margin:1rem 0 0;font-size:clamp(2rem,6vw,3.6rem);line-height:1.08}.lead{max-width:42rem;color:var(--muted);font-size:1.1rem}.actions{margin:1.5rem 0 3rem}.grid{display:grid;gap:1rem}@media(min-width:720px){.grid{grid-template-columns:1fr 1fr 1fr}}article{padding:1rem;border:1px solid var(--border);border-radius:.7rem;background:var(--surface)}footer{color:var(--muted);font-size:.85rem}@media(max-width:390px){.top{align-items:flex-start;flex-direction:column}}