:root{--ink:#14152b;--muted:#5b5d72;--paper:#f6f3ec;--blue:#208aef;--line:#e2ddd2}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.7}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:860px;margin:0 auto;padding:0 24px}
header{padding:28px 0;display:flex;justify-content:space-between;align-items:center;gap:16px}
.brand{font-weight:800;letter-spacing:-.02em;font-size:20px}.brand span{color:var(--blue)}
nav a{margin-left:18px;color:var(--ink);font-weight:600;font-size:14px}
.hero{padding:64px 0 40px;border-top:1px solid var(--line)}
.kicker{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
h1{font-size:clamp(34px,6vw,56px);line-height:1.05;letter-spacing:-.035em;margin:16px 0}
.lede{font-size:18px;color:var(--muted);max-width:620px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:36px 0}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}
.card h3{margin:0 0 6px;font-size:16px}.card p{margin:0;color:var(--muted);font-size:14px}
footer{border-top:1px solid var(--line);padding:28px 0 48px;color:var(--muted);font-size:13px;margin-top:48px}
.legal{padding:48px 0;max-width:760px}.legal h1{font-size:32px}.legal h2{font-size:18px;margin-top:28px}.legal p,.legal li{font-size:14px;color:var(--muted)}
.btn{display:inline-block;background:var(--blue);color:#fff;padding:12px 18px;border-radius:12px;font-weight:700;font-size:14px;margin-top:18px}
@media(max-width:600px){nav a{margin-left:10px;font-size:12px}.hero{padding-top:36px}}