.sales{max-width:820px}
.s-hero{text-align:center;padding:18px 0 8px}
.kicker{color:var(--muted);font-weight:600;font-size:15px;margin:0 0 4px}
.s-hero h1{font-size:36px;margin:0 0 6px}
.lead{font-size:19px;max-width:600px;margin:0 auto 18px}
.price-box{display:inline-block;background:var(--card);border:1.5px solid var(--gold);border-radius:20px;padding:16px 28px 20px;margin:0 0 22px}
.price{font-size:44px;font-weight:800;color:var(--gold-l);line-height:1.1;margin:0}
.price-sub{color:var(--muted);margin:2px 0 12px}
.btn-lg{min-height:52px;padding:12px 24px;font-size:17px}
.checks{list-style:none;padding:0;margin:0}
.checks li{position:relative;padding-inline-start:30px;margin:0 0 10px}
.checks li::before{content:"✓";position:absolute;inset-inline-start:0;top:0;color:var(--gold-l);font-weight:800}
.ten{margin:0;padding-inline-start:24px;columns:1}
.ten li{margin:0 0 4px}
@media(min-width:760px){.ten{columns:2;column-gap:36px}}
.steps-big{padding-inline-start:24px;margin:0 0 14px}
.steps-big li{margin:0 0 10px}
.cta-card{border-color:var(--gold)}
.cta-card:focus{outline:none}
.nowrap{white-space:nowrap}

/* plans page */
.plan-card{margin-bottom:18px}
.plan-tag{display:inline-block;font-size:14px;font-weight:700;color:var(--gold-l);border:1px solid var(--line);border-radius:999px;padding:2px 12px;margin:0 0 8px}
.plan-price{font-size:38px;font-weight:800;color:var(--gold-l);line-height:1.1;margin:4px 0 0}
.plan-sub{margin:0 0 12px;font-size:15px}
.plan-main{border:1.5px solid var(--gold)}
.tiers{display:grid;grid-template-columns:1fr;gap:12px;margin:14px 0 12px}
@media(min-width:640px){.tiers{grid-template-columns:1fr 1fr}}
.tier{position:relative;background:var(--card2);border:1px solid var(--line);border-radius:16px;padding:16px;text-align:center}
.tier h3{margin:0;color:var(--ink)}
.tier .btn{width:100%;margin-top:4px}
.tier-best{border:2px solid var(--gold);background:#1F1B12}
.best{position:absolute;top:-13px;inset-inline-start:50%;transform:translateX(50%);background:#C9A65C;color:#0B0B0C;font-weight:800;font-size:14px;border-radius:999px;padding:2px 12px;margin:0;white-space:nowrap}
.tier-note{color:var(--muted);margin:10px 0 0}
.credit{background:var(--inset);border:1px dashed var(--gold);border-radius:12px;padding:10px 14px;margin:0}
.plan-pick{display:grid;gap:4px}
.plan-pick label,.chk{display:flex;align-items:center;gap:10px;font-weight:600;min-height:44px;margin:0}
.plan-pick input,.chk input{width:22px;height:22px;flex:0 0 22px;accent-color:var(--gold)}
.credit-field{margin:8px 0 0}
.hidden{display:none!important}
.price .per{font-size:20px;font-weight:700;color:var(--muted)}
.feats{display:grid;gap:14px}
.feat{display:flex;gap:12px;align-items:flex-start}
.feat h3{margin:2px 0 4px;color:var(--ink)}
.feat p{margin:0}
.feat-n{flex:0 0 36px;height:36px;border-radius:50%;background:#1C1A17;color:#C9A65C;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0}
.plans .s-hero h1{font-size:30px;max-width:720px;margin-inline:auto}
.lock{font-size:15px;font-weight:700;color:var(--gold-l);margin:-4px 0 12px}
.lock::before{content:"🔒 ";font-weight:400}
.lock-c{text-align:center;margin:0 0 12px}
.top-actions .btn{white-space:nowrap}
@media(max-width:430px){.top-in:has(.top-actions .btn + .btn) .brand small{display:none}.top-actions .btn-sm{padding:6px 12px}}
.launch{display:inline-block;font-size:13px;font-weight:800;color:#0B0B0C;background:#C9A65C;border-radius:999px;padding:1px 10px;margin:4px 0 2px}
.urg{border:1.5px solid var(--gold);border-radius:12px;padding:8px 12px;margin:0 0 12px;background:#1F1B12}
.urg p{margin:0}
.urg-line{font-weight:700}
.urg-count{font-size:15px;color:var(--muted)}
/* Design B: the hero is a full-width dark band (sits directly under the top bar) */
.s-hero{background:#0B0B0C;box-shadow:0 0 0 100vmax #0B0B0C;clip-path:inset(0 -100vmax);margin-top:-22px;margin-bottom:22px;padding:26px 0 26px}
.s-hero .price-box{background:#151517}
.plan-card .tier{background:var(--card2)}