:root { color-scheme: light; --ink:#172019; --muted:#667067; --line:#dde4dd; --paper:#fff; --canvas:#f4f6f2; --accent:#426b49; --soft:#e7efe7; }
* { box-sizing:border-box; }
html { font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",sans-serif; background:var(--canvas); color:var(--ink); -webkit-font-smoothing:antialiased; }
body { margin:0; }
a { color:var(--accent); text-decoration-thickness:1px; text-underline-offset:3px; }
.shell { width:min(760px,calc(100% - 36px)); margin:0 auto; }
header { display:flex; align-items:center; justify-content:space-between; padding:22px 0; }
.brand { display:flex; align-items:center; gap:10px; color:var(--ink); text-decoration:none; font-weight:750; letter-spacing:-.02em; }
.mark { width:34px; height:34px; display:grid; place-items:center; border-radius:11px; color:white; background:var(--accent); font-size:16px; }
nav { display:flex; gap:18px; font-size:14px; }
nav a { color:var(--muted); text-decoration:none; }
main { background:var(--paper); border:1px solid var(--line); border-radius:30px; padding:clamp(28px,6vw,58px); box-shadow:0 20px 60px rgba(35,52,38,.07); }
.hero { padding-block:clamp(44px,10vw,90px); }
.kicker { margin:0 0 14px; color:var(--accent); font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
h1 { margin:0; max-width:670px; font-size:clamp(38px,8vw,68px); line-height:.99; letter-spacing:-.055em; }
h2 { margin:38px 0 10px; font-size:24px; line-height:1.15; letter-spacing:-.025em; }
h3 { margin:25px 0 7px; font-size:17px; }
p,li { color:#3f4941; font-size:16px; line-height:1.65; }
.lead { max-width:620px; margin:22px 0 0; color:var(--muted); font-size:20px; line-height:1.5; }
.actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.button { display:inline-flex; align-items:center; min-height:48px; padding:0 20px; border-radius:999px; background:var(--accent); color:#fff; font-weight:700; text-decoration:none; }
.button.secondary { background:var(--soft); color:var(--accent); }
.facts { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:42px; }
.fact { padding:18px; border:1px solid var(--line); border-radius:20px; }
.fact strong { display:block; margin-bottom:5px; }
.fact span { color:var(--muted); font-size:14px; line-height:1.4; }
.notice { padding:18px; border-radius:18px; background:var(--soft); color:#35513a; }
.form-example { padding:18px; border:1px solid var(--line); border-radius:18px; background:#fafcf9; }
.form-example p:first-child { margin-top:0; }
.form-example p:last-child { margin-bottom:0; }
.meta { color:var(--muted); font-size:14px; }
footer { display:flex; justify-content:space-between; gap:20px; padding:28px 2px 44px; color:var(--muted); font-size:13px; }
footer div:last-child { display:flex; gap:14px; }
@media (max-width:650px) { nav { gap:11px; } nav a:first-child { display:none; } main { border-radius:24px; padding:26px 22px; } .facts { grid-template-columns:1fr; } footer { flex-direction:column; } }