:root{--navy:#0d2547;--blue:#1d5fbf;--ink:#15233b;--muted:#5b6b82;--line:#e3e9f2;--bg:#f4f7fc;--gold:#f5b942;--card:#fff;--ok:#1f7a3f;--okbg:#e6f5ec}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ink:#e7edf6;--muted:#9fb0c6;--line:#24324a;--bg:#0b1322;--card:#121d31;--ok:#6fd08f;--okbg:#12301f}}
:root[data-theme="dark"]{--ink:#e7edf6;--muted:#9fb0c6;--line:#24324a;--bg:#0b1322;--card:#121d31;--ok:#6fd08f;--okbg:#12301f}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 -apple-system,system-ui,sans-serif}
.preview{background:#7c2d12;color:#fff;text-align:center;padding:8px 16px;font-size:.85rem;font-weight:600}
header{background:var(--navy);padding:12px 16px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
header b{color:var(--gold);font-size:1.4rem;letter-spacing:1px}header a{color:#cbd5e1;text-decoration:none;font-size:.95rem}header a.on{color:#fff;font-weight:700}
.pbadge{background:linear-gradient(135deg,#f8fafc,#cbd5e1 55%,#94a3b8);color:#1e293b;font-weight:800;border-radius:999px;padding:3px 10px;font-size:.78rem;letter-spacing:.4px}
main{max-width:1180px;margin:0 auto;padding:18px 16px 60px}
.hero{background:linear-gradient(135deg,#0d2547,#16407a);color:#fff;border-radius:18px;padding:26px 20px}
.hero h1{font-size:1.7rem;line-height:1.2;margin:.6rem 0 .5rem}.hero p{opacity:.92;margin:.3rem 0;max-width:760px}
.pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.pills span{background:#ffffff1f;border:1px solid #ffffff33;border-radius:999px;padding:3px 10px;font-size:.82rem}
h2{font-size:1.25rem;margin:1.8rem 0 .7rem}
.grid{display:grid;gap:12px}@media(min-width:760px){.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:1fr 1fr}}
.box{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px}.flatlist{margin:0;padding-left:18px}.box h3{margin:0 0 4px;font-size:1rem}
.note{color:var(--muted);font-size:.88rem}
.status{font-size:.72rem;font-weight:700;padding:1px 6px;border-radius:6px;margin-left:4px;white-space:nowrap}
.pilot{background:var(--okbg);color:var(--ok)}.planned{background:#eef3fa;color:#5b6b82}
.plans{display:grid;gap:16px;grid-template-columns:1fr;align-items:start}
@media(min-width:760px){.plans{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.plans{grid-template-columns:repeat(5,1fr)}}
.plan{border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--card);display:flex;flex-direction:column}
.plan h3{margin:0 0 6px;font-size:1.02rem}.plan ul{padding-left:18px;margin:6px 0 12px;font-size:.93rem}.plan li{margin:4px 0}
.tag{align-self:flex-start;display:inline-block;margin:0 0 6px;padding:3px 10px;border-radius:999px;background:#eef3fa;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.btn{margin-top:auto;width:100%;padding:12px;border-radius:10px;border:0;background:var(--blue);color:#fff;font:600 1rem/1 inherit}
.platinum{border:2px solid #94a3b8;box-shadow:0 10px 26px rgba(15,23,42,.12)}.platinum .tag{background:linear-gradient(135deg,#f8fafc,#cbd5e1 55%,#94a3b8);color:#1e293b}
.platinum .btn{background:#334155}.price{font-size:1.5rem;font-weight:800;margin:2px 0}.price small{font-size:.85rem;font-weight:600;color:var(--muted)}
.ind{display:flex;flex-wrap:wrap;gap:6px}.ind span{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:4px 10px;font-size:.88rem}

.cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.cta a{display:inline-block;padding:12px 16px;border-radius:10px;font-weight:700;text-decoration:none}
.cta .primary{background:var(--gold);color:#1a1300}.cta .secondary{background:#ffffff1f;color:#fff;border:1px solid #ffffff55}
.plan a.btn{display:block;text-align:center;text-decoration:none}
.platinum a.btn{background:#334155;color:#fff}
.email{user-select:all;font-weight:700}
header a b{color:var(--gold)}
