:root{--ink:#16202c;--muted:#5a6675;--line:#dfe4ea;--bg:#ffffff;--band:#f4f6f8;--accent:#1f3a5f;--accent2:#2e7d4f}
*{box-sizing:border-box}
html{font-size:17px}
body{margin:0;font-family:Georgia,"Times New Roman",serif;color:var(--ink);background:var(--bg);line-height:1.6}
h1,h2,h3,.eyebrow,.button,.amount,footer{font-family:-apple-system,"Segoe UI",Helvetica,Arial,sans-serif}
a{color:var(--accent)}
.wrap{max-width:1040px;margin:0 auto;padding:0 24px}
.narrow{max-width:760px}
.hero{background:var(--accent);color:#fff;padding:72px 0 64px}
.hero h1{font-size:2.3rem;line-height:1.2;margin:.2em 0 .5em;max-width:760px}
.hero .lede{font-size:1.1rem;max-width:700px;color:#dce6f2}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:#a9c1dd;margin:0}
.button{display:inline-block;margin-top:18px;background:#fff;color:var(--accent);padding:12px 20px;border-radius:6px;text-decoration:none;font-weight:600}
section{padding:56px 0}
.band{background:var(--band)}
h2{font-size:1.6rem;margin:0 0 20px}
h3{font-size:1.05rem;margin:0 0 8px}
.grid{display:grid;gap:18px}
.four{grid-template-columns:repeat(4,1fr)}
.three{grid-template-columns:repeat(3,1fr)}
.two{grid-template-columns:repeat(2,1fr);max-width:820px}
.card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px}
.card p{margin:0;color:var(--muted);font-size:.95rem}
.price ul{padding-left:18px;margin:10px 0}
.price li{margin:4px 0}
.card p.amount{font-size:2rem;font-weight:700;color:var(--ink)!important;margin:4px 0 0!important}
.amount span{font-size:1rem;font-weight:400;color:var(--muted)}
.featured{border:2px solid var(--accent)}
.fine{font-size:.85rem;color:var(--muted)}
.checks{padding-left:0;list-style:none}
.checks li{padding-left:26px;position:relative;margin:8px 0}
.checks li:before{content:"\2713";position:absolute;left:0;color:var(--accent2);font-weight:700}
.steps li{margin:10px 0}
.note{border-left:3px solid var(--accent);padding-left:14px;color:var(--muted)}
footer{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:.85rem}
@media (max-width:860px){.four,.three,.two{grid-template-columns:1fr}.hero h1{font-size:1.8rem}}
.topbar{border-bottom:1px solid var(--line);padding:12px 0;font-family:-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;font-size:.9rem}
.topbar a{text-decoration:none;font-weight:600}
.article{padding-top:40px;padding-bottom:56px}
.article h1{font-size:2rem;line-height:1.25}
.article table{border-collapse:collapse;width:100%;font-size:.9rem;margin:16px 0}
.article th,.article td{border:1px solid var(--line);padding:6px 8px;text-align:left}
.article th{background:var(--band)}
a.card{display:block;text-decoration:none;color:inherit}
a.card:hover{border-color:var(--accent)}
.card .more{margin-top:10px;color:var(--accent);font-family:-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;font-size:.85rem;font-weight:600}
.clips{margin-top:36px}
.clips h3{font-size:1.15rem}