:root { color-scheme: light; --ink:#172225; --muted:#536467; --brand:#20b9b2; --paper:#f5faf9; --line:#d8e7e4; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.62 system-ui,-apple-system,"Segoe UI",sans-serif; }
main, footer { width:min(900px,calc(100% - 32px)); margin:auto; }
header { background:#fff; border-bottom:1px solid var(--line); }
.topbar { width:min(900px,calc(100% - 32px)); margin:auto; padding:18px 0; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { color:var(--ink); font-weight:800; font-size:22px; text-decoration:none; display:inline-flex; align-items:center; gap:10px; }
.brand img { width:42px; height:42px; border-radius:12px; box-shadow:0 5px 18px rgba(32,185,178,.2); }
nav { display:flex; flex-wrap:wrap; gap:12px 18px; }
nav a { color:#216b68; text-decoration:none; }
.hero { padding:68px 0 44px; }
h1 { margin:0 0 18px; font-size:clamp(34px,7vw,58px); line-height:1.05; letter-spacing:-.035em; }
h2 { margin:38px 0 12px; font-size:25px; line-height:1.2; }
.lead { max-width:690px; color:var(--muted); font-size:20px; }
.button { display:inline-block; margin-top:18px; padding:13px 20px; border-radius:12px; background:var(--brand); color:#062d2b; font-weight:750; text-decoration:none; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:16px; margin:28px 0 48px; }
.card { background:#fff; border:1px solid var(--line); border-radius:16px; padding:22px; }
.card h2 { margin-top:0; }
.price { font-size:30px; font-weight:800; }
.document { background:#fff; border:1px solid var(--line); border-radius:18px; padding:clamp(22px,5vw,48px); margin:38px auto; }
.document h1 { font-size:clamp(30px,5vw,44px); }
.document p { margin:0 0 13px; }
.document .date { color:var(--muted); margin-bottom:30px; }
footer { padding:26px 0 50px; color:var(--muted); font-size:14px; }
@media (max-width:720px) { .topbar { align-items:flex-start; flex-direction:column; } .hero { padding-top:44px; } }