:root{--ink:#14202b;--muted:#5b6b7a;--line:#dfe5ea;--bg:#f6f8f9;--card:#ffffff;--accent:#0f6e56;--accent-ink:#ffffff;--warn:#8a3b12;--warn-bg:#fdf1e8;--radius:10px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--accent)}
.wrap{max-width:720px;margin:0 auto;padding:0 20px}
header{padding:22px 0 6px}
.brand{display:flex;align-items:baseline;gap:10px;text-decoration:none;color:var(--ink)}
.brand b{font-size:20px;letter-spacing:.2px}.brand span{color:var(--muted);font-size:14px}
.hero{padding:26px 0 8px}
h1{font-size:clamp(28px,5.6vw,40px);line-height:1.12;margin:0 0 14px;letter-spacing:-.4px}
.sub{font-size:18px;color:var(--muted);margin:0 0 22px;max-width:60ch}
.price{display:inline-block;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-weight:600;margin-bottom:26px}
.proof{display:grid;gap:14px;margin:0 0 30px;padding:0;list-style:none}
.proof li{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}
.proof b{display:block;margin-bottom:4px}
.proof .fine{background:var(--warn-bg);border-color:#f1d9c8}.proof .fine b{color:var(--warn)}
form{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:grid;gap:14px;margin-bottom:26px}
form h2{margin:0 0 4px;font-size:20px}
label{display:grid;gap:6px;font-size:14px;font-weight:600}
input,select{font:inherit;padding:11px 12px;border:1px solid #b9c4cd;border-radius:8px;background:#fff;color:var(--ink);width:100%}
input:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.row{display:grid;gap:14px;grid-template-columns:1fr 1fr}
@media(max-width:520px){.row{grid-template-columns:1fr}}
button{font:inherit;font-weight:700;padding:13px 18px;border:0;border-radius:8px;background:var(--accent);color:var(--accent-ink);cursor:pointer}
button:disabled{opacity:.6;cursor:default}
.tiny{font-size:13px;color:var(--muted);margin:0}
.done{background:#e9f5f0;border:1px solid #bfe0d2;border-radius:var(--radius);padding:20px;display:none}
.err{color:#9b1c1c;font-size:14px;display:none}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
footer{padding:18px 0 40px;color:var(--muted);font-size:13px;border-top:1px solid var(--line);margin-top:10px}
footer p{margin:6px 0}
