:root{--ink:#1d2430;--muted:#5b6573;--accent:#1f6f8b;--bg:#ffffff;--soft:#f3f6f8;--line:#dfe5ea}
*{box-sizing:border-box}body{margin:0;font:17px/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}
header,main,footer{max-width:760px;margin:0 auto;padding:0 20px}
header{display:flex;justify-content:space-between;align-items:center;padding-top:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}
header .brand{font-weight:700;text-decoration:none;color:var(--ink);font-size:20px}
nav a{margin-left:14px;color:var(--muted);text-decoration:none}nav a:hover{color:var(--accent)}
main{padding-top:28px;padding-bottom:48px}h1{font-size:30px;line-height:1.25;margin:0 0 16px}h2{font-size:21px;margin:32px 0 10px}h3{font-size:18px;margin:24px 0 8px}
p,li{margin:0 0 10px}ul,ol{padding-left:22px}a{color:var(--accent)}
.button{display:inline-block;background:var(--accent);color:#fff;padding:10px 16px;border-radius:6px;text-decoration:none;margin:6px 10px 6px 0}
.tier{border:1px solid var(--line);border-radius:8px;padding:14px 16px;margin:0 0 12px;background:var(--soft)}.tier h3{margin:0 0 6px}.tier .price{font-weight:700}
.pending{color:var(--muted);font-size:15px}form label{display:block;margin:10px 0 4px;font-weight:600}form input,form textarea{width:100%;padding:8px;border:1px solid var(--line);border-radius:6px;font:inherit}
footer{border-top:1px solid var(--line);padding-top:16px;padding-bottom:28px;color:var(--muted);font-size:15px}
@media (max-width:600px){header{flex-direction:column;align-items:flex-start}nav a{margin:6px 14px 0 0}}