:root{--paper:#f6f3ec;--card:#fffdf8;--ink:#293c34;--muted:#5f675a;--line:#d7dccf;--accent:#9c694e;--accent-ink:#fffaf2;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--paper:#151619;--card:#1e1f23;--ink:#f1ede3;--muted:#b9b8b4;--line:#45464c;--accent:#d4c6a5;--accent-ink:#151619;color-scheme:dark}}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 'DM Sans',system-ui,sans-serif}
a{color:var(--accent)}h1,h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;line-height:1.15;margin:0 0 .4em}h1{font-size:clamp(2.2rem,6vw,3.6rem)}h2{font-size:clamp(1.6rem,4vw,2.2rem)}h3{margin:0 0 .3em;font-size:1.05rem}
.bar,main,footer{max-width:1120px;margin:0 auto;padding:0 16px}.bar{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;padding-top:20px;padding-bottom:20px}
.brand img{display:block;height:32px;width:auto}nav{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:center}nav a{color:var(--ink);text-decoration:none}nav a[aria-current]{text-decoration:underline;text-underline-offset:6px}
.signin,.button{display:inline-block;padding:10px 18px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);text-decoration:none;border-radius:2px}.button.quiet{background:transparent;color:var(--ink)}
main section{padding:40px 0}.hero{display:grid;gap:32px;align-items:center;grid-template-columns:1fr}.hero img{width:100%;height:auto;border-radius:2px}.hero p{font-size:1.15rem;color:var(--muted);max-width:34em}
.actions{display:flex;flex-wrap:wrap;gap:12px}.intro p{color:var(--muted);max-width:40em}
.cards{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.cards article,.plan{background:var(--card);border:1px solid var(--line);padding:22px;border-radius:2px}.cards p{margin:0;color:var(--muted)}
.plans{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));padding-bottom:40px}.plan.featured{border-color:var(--accent);border-width:2px}.plan ul{padding-left:1.1em;margin:12px 0 0}.plan li{margin:4px 0}
.price{margin:0}.price b{font-size:2rem;font-weight:500}.hint,.seats{color:var(--muted);margin:2px 0}.offer{border-left:3px solid var(--accent);padding-left:12px}
footer{border-top:1px solid var(--line);padding-top:24px;padding-bottom:40px;color:var(--muted);display:flex;flex-wrap:wrap;gap:12px 32px;justify-content:space-between}footer p{margin:0}
.signup form{display:grid;gap:14px;max-width:34em}.signup label,main form label{display:grid;gap:4px;font-weight:500}main input{font:inherit;padding:10px 12px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:2px;width:100%}
button.button{font:inherit;cursor:pointer}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@media (min-width:860px){.hero{grid-template-columns:1.1fr 1fr}}