.pr-hero{padding:clamp(48px,7vw,84px) 0 clamp(24px,3vw,36px);text-align:center}
.pr-hero h1{margin:0 0 14px}
.pr-hero .sub{margin:0 auto}
.toggle{display:inline-flex;gap:4px;margin:28px 0 6px;padding:4px;
background:var(--bg2);border:1px solid var(--line);border-radius:999px}
.toggle button{background:transparent;border:0;color:var(--dim);font:inherit;font-size:.9rem;
font-weight:620;padding:8px 18px;border-radius:999px;cursor:pointer}
.toggle button.on{background:var(--gold);color:#10140a}
.save{display:block;color:var(--ok);font-size:.8rem;margin-top:8px}

.tiers{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
margin-top:34px;align-items:stretch}
@media (min-width:1100px){.tiers{grid-template-columns:repeat(3,1fr)}}
/* cards in a row share a height and the feature list absorbs the slack, so every
   call to action and every footnote sits on the same line across the row */
.tier ul{flex:1 0 auto}
.tier{position:relative;background:var(--card);border:1px solid var(--line);border-radius:16px;
padding:26px 24px;display:flex;flex-direction:column}
.tier.hot{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset,0 24px 50px -34px rgba(0,0,0,.9)}
.tier .anchor{position:absolute;top:-11px;left:24px;background:var(--gold);color:#10140a;
font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;font-weight:760;padding:3px 10px;border-radius:3px}
.tier h3{margin:0 0 6px;font-size:1.2rem}
.tier .tg{color:var(--faint);font-size:.87rem;margin:0 0 18px;min-height:2.4em;line-height:1.45}
.price{display:flex;align-items:baseline;gap:4px;margin:0 0 4px}
.price .cur{font-size:1.1rem;color:var(--dim)}
.price .amt{font-size:2.5rem;font-weight:760;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.price .per{color:var(--faint);font-size:.86rem}
.per-ep{color:var(--gold);font-size:.85rem;font-weight:620;margin:0 0 18px}
.blurb{color:var(--dim);font-size:.9rem;margin:0 0 18px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.tier ul{list-style:none;margin:0 0 20px;padding:0;flex:1}
.tier li{position:relative;padding-left:22px;color:var(--dim);font-size:.89rem;margin-bottom:9px;line-height:1.5}
.tier li::before{content:"";position:absolute;left:2px;top:8px;width:7px;height:7px;
background:var(--ok);border-radius:50%}
.tier li b{color:var(--ink);font-weight:620}
.tnote{color:var(--faint);font-size:.78rem;line-height:1.5;margin:14px 0 0;padding-top:14px;
border-top:1px solid var(--line)}
.tier .btn{width:100%}
.tier.talk .amt{font-size:1.7rem}

.tier.soon{border-style:dashed;background:rgba(200,245,66,.04)}
.tier.soon .anchor{background:#2a382c;color:var(--gold)}
.tier.soon h3,.tier.soon .price .amt{color:var(--dim)}
.tier.soon li{color:var(--faint)}
.tier.soon .blurb{color:var(--faint)}
.btn.soon-btn{opacity:.85}
table.mx td.soon{color:var(--gold);font-size:.76rem;text-align:center;letter-spacing:.06em;
text-transform:uppercase;font-weight:700;opacity:.75}

.matrix{margin-top:52px;overflow-x:auto;border:1px solid var(--line);border-radius:4px;background:var(--bg2)}
table.mx{width:100%;border-collapse:collapse;font-size:.88rem;min-width:640px}
table.mx th,table.mx td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--line)}
table.mx thead th{color:var(--faint);font-size:.71rem;text-transform:uppercase;letter-spacing:.09em;
font-weight:640;background:#121812;border-bottom:1px solid var(--line)}
table.mx td:first-child{color:var(--ink)}
table.mx td.c{text-align:center;color:var(--ok);font-weight:700}
table.mx td.d{color:var(--faint)}
table.mx tr:last-child td{border-bottom:0}

.pr-faq{margin-top:52px}
.pr-note{margin-top:34px;padding:16px 18px;border-left:3px solid var(--line);
background:rgba(255,255,255,.02);color:var(--faint);font-size:.86rem;max-width:82ch;line-height:1.65}
.pr-note b{color:var(--dim)}