body{margin:0;font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#1c2733;background:#f4f6f9}
main{max-width:720px;margin:0 auto;padding:0 20px}
.hero{background:#16233a;color:#f2f6fc;border-radius:0 0 20px 20px;margin:0 -20px;padding:52px 40px 44px}
.hero .brand{color:#f2a33c;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;margin:0 0 14px}
h1{font-size:clamp(1.6rem,4.5vw,2.1rem);line-height:1.2;margin:0 0 14px}
.lead{color:#c7d2e0;margin:0 0 28px}
.cta{display:inline-block;background:#2b6fd6;color:#fff;padding:14px 32px;border-radius:12px;font-weight:600;text-decoration:none}
.hero .cta{padding:16px 40px;font-size:1.1rem}
.cta:hover{background:#245cae}
section{margin:44px 0}
h2{font-size:1.3rem;margin:0 0 16px}
ol.steps{padding-left:22px}
ol.steps li{margin:10px 0}
ul{list-style:none;padding:0;margin:0}
ul li{background:#fff;border:1px solid #dde4ec;border-radius:10px;padding:12px 16px;margin:8px 0}
ul li.stars{background:transparent;border-style:dashed;color:#5b6b7a}
.terms li{border-style:dashed;background:transparent}
.muted{color:#5b6b7a;font-size:.95rem}
.pay{display:flex;gap:18px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid #dde4ec;border-radius:10px;padding:16px;margin:16px 0 20px}
.pay img{height:40px;width:auto}
.pay p{margin:0}
footer{text-align:center;padding:56px 20px}