:root{--ink:#14213d;--ink2:#3d4a66;--mute:#6b7690;--line:#e3e7ef;--bg:#fbfaf6;--card:#fff;--gold:#c9a227;--gold2:#e8c95a;--navy:#1b2a4a}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;font-size:17px}
a{color:var(--navy)}a:hover{color:#000}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
header.top{background:var(--navy);color:#fff}
header.top .wrap{display:flex;align-items:center;gap:18px;padding-top:14px;padding-bottom:14px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-family:Georgia,"Times New Roman",serif;font-size:24px;font-weight:700;letter-spacing:.01em}
.brand img{width:30px;height:30px}
nav.main{margin-left:auto;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
nav.main a{color:#dfe5f2;text-decoration:none;font-size:15px}nav.main a:hover{color:#fff}
.btn{display:inline-block;background:var(--gold2);color:#1a1a1a;font-weight:700;text-decoration:none;padding:11px 22px;border-radius:999px;border:0}
.btn:hover{background:var(--gold);color:#000}.btn.ghost{background:transparent;border:2px solid var(--navy);color:var(--navy)}
.btn.sm{padding:7px 16px;font-size:14px}
.hero{background:linear-gradient(180deg,var(--navy) 0%,#243963 100%);color:#fff;padding:64px 0 72px}
.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(32px,5.2vw,52px);line-height:1.15;margin:0 0 18px;max-width:17em}
.hero p.lead{font-size:clamp(17px,2.1vw,20px);color:#dbe2f1;max-width:38em;margin:0 0 28px}
.hero .cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.hero .cta .note{color:#b9c3da;font-size:14px}
.hero .btn.ghost{border-color:#cfd7ea;color:#fff}
section{padding:56px 0}section.alt{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(25px,3.4vw,34px);line-height:1.2;margin:0 0 10px}
p.sub{color:var(--ink2);max-width:42em;margin:0 0 28px}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px}
.card h3{margin:0 0 8px;font-size:19px}.card p{margin:0;color:var(--ink2);font-size:16px}
.eyebrow{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:700;margin:0 0 10px}
.steps{counter-reset:s;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.steps .card{position:relative;padding-top:54px}
.steps .card:before{counter-increment:s;content:counter(s);position:absolute;top:18px;left:22px;width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 0}.chips span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 13px;font-size:14px;color:var(--ink2)}
table.price{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
table.price th,table.price td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
table.price th{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);background:#f6f7fa}
table.price tr:last-child td{border-bottom:0}table.price td.p{font-weight:700;white-space:nowrap;font-size:18px}
table.price td small{display:block;color:var(--mute);font-size:14px;margin-top:2px}
.topups{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0 6px}.topups span{background:#fff;border:2px solid var(--navy);border-radius:12px;padding:10px 22px;font-weight:700;font-size:20px}
.doc{max-width:760px}.doc h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(28px,4vw,38px);margin:0 0 6px}
.doc h2{font-size:22px;margin:34px 0 8px;font-family:inherit}.doc p,.doc li{color:var(--ink2)}.doc .upd{color:var(--mute);font-size:15px;margin:0 0 22px}
.doc ul{padding-left:22px}.doc li{margin:5px 0}
.draft{background:#fff8e6;border:1px solid var(--gold);border-radius:10px;padding:10px 14px;font-size:15px;color:#5b4a12;margin:0 0 22px}
footer{background:var(--navy);color:#c5cee2;padding:34px 0;font-size:15px}
footer a{color:#e6ebf7;text-decoration:none}footer a:hover{text-decoration:underline}
footer .cols{display:flex;gap:28px;flex-wrap:wrap;justify-content:space-between}footer .links{display:flex;gap:18px;flex-wrap:wrap}
@media (max-width:640px){nav.main{margin-left:0;gap:14px}.hero{padding:44px 0 52px}section{padding:42px 0}table.price td.p{font-size:16px}}