:root{--terracotta:#C9613A;--terracotta-light:#F6E3DA;--sage:#6F8F7A;--cream:#FBF7F2;--ink:#2B2622}
*{box-sizing:border-box}
body{margin:0;font-family:Nunito,system-ui,sans-serif;background:var(--cream);color:var(--ink);line-height:1.5}
.hero{text-align:center;padding:64px 20px 40px}
.logo{width:72px;height:72px;margin:0 auto 16px;border-radius:20px;background:var(--terracotta);color:#fff;font-size:40px;font-weight:800;display:grid;place-items:center}
h1{font-size:2.4rem;margin:0 0 8px}
.tagline{max-width:520px;margin:0 auto 24px;font-size:1.15rem}
.btn{display:inline-block;padding:14px 28px;border-radius:999px;background:var(--terracotta);color:#fff;text-decoration:none;font-weight:700}
.features{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-width:1000px;margin:0 auto;padding:20px}
.features article{background:#fff;border-radius:20px;padding:24px;box-shadow:0 2px 12px rgba(43,38,34,.06)}
.features h2{margin:0 0 8px;font-size:1.15rem;color:var(--terracotta)}
main.legal{max-width:720px;margin:0 auto;padding:40px 20px}
footer{text-align:center;padding:40px 20px;font-size:.9rem}
footer a{color:var(--sage)}
@media (prefers-color-scheme:dark){:root{--cream:#1E1B19;--ink:#F3EDE6}.features article{background:#2B2622}}