/* ============================================================================
   CHARTVEIL — THEME v3 (preview overlay)
   Loads AFTER styles.css / depth3d.css / refine.css on every page and re-skins
   the site to the compact landing page's look: Inter for all type (Chakra
   Petch survives only in the wordmark), white headlines, ONE grey for body,
   a darker grey for captions, 1 px translucent borders, glass panels, and
   red reserved for primary CTAs, active states and ambient glows. Amber no
   longer owns "active" — white does.
   ========================================================================== */

/* ---- tokens ---------------------------------------------------------------- */
:root{
  --surface-base:#0A0A0A;
  --surface-panel:rgba(255,255,255,.03);
  --surface-raised:rgba(255,255,255,.06);
  --surface-input:rgba(255,255,255,.04);
  --line:rgba(255,255,255,.08);
  --line-strong:rgba(255,255,255,.18);
  --line-grid:rgba(255,255,255,.05);
  --text-primary:#FFFFFF;
  --text-secondary:#A1A1A6;
  --text-muted:#6E6E73;
  --text-tertiary:#6E6E73;
  --text-faint:#55555A;
  --text-on-brand:#FFFFFF;
  --select:#FFFFFF;
  --select-dim:rgba(255,255,255,.22);
  --select-wash:rgba(255,255,255,.05);
  --focus-ring:0 0 0 2px #0A0A0A,0 0 0 4px #E5352F;
  --brand-wash:rgba(229,53,47,.08);
  --font-display:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
  --font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
  --font-logo:'Chakra Petch','Inter',system-ui,sans-serif;
  --display-track:-.01em;
  --display-track-tight:-.03em;
  --display-track-wide:.06em;
  --display-xl:clamp(40px,6.2vw,72px);
  --display-lg:clamp(28px,3.6vw,42px);
  --display-md:20px;
  --display-sm:14px;
  --display-xs:12px;
  --body-lg:16px;
  --body-md:15px;
  --body-sm:13.5px;
  --r-sm:8px;--r-md:10px;--r-lg:14px;
  --t-r:14px;--t-r-lg:20px;
}
body{font-size:var(--body-lg);line-height:1.55;color:var(--text-secondary)}
::selection{background:var(--brand);color:#fff}

/* ambient light: one soft brand bloom at the top, no vignette */
body::before{
  background:
    radial-gradient(900px 560px at 50% -10%, rgba(229,53,47,.16), transparent 62%);
}

/* ---- type ------------------------------------------------------------------ */
h1,h2,h3,h4,h5,h6{
  font-family:var(--font-display);font-weight:600;color:var(--text-primary);
  text-transform:none;letter-spacing:-.02em;line-height:1.1;text-wrap:balance;
}
h1{font-weight:700;letter-spacing:-.035em;line-height:1.02;font-size:var(--display-xl)}
h2{font-size:var(--display-lg);letter-spacing:-.03em;line-height:1.08}
h2 em,h1 em{font-style:normal;color:var(--brand)}
h3{font-size:var(--display-md);letter-spacing:-.02em}
h4{font-size:16px}
h5,h6{font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:500;color:var(--text-muted)}
.lede{color:var(--text-secondary);font-size:16px;max-width:58ch}
p,li,td,dd{color:inherit}
.eyebrow{
  font-family:var(--font-display);font-weight:500;font-size:12px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--text-muted);gap:0;margin-bottom:12px;
}
.eyebrow::before{display:none}
.eyebrow--center{justify-content:center}
strong,b{color:var(--text-primary)}
a:not(.btn):hover{color:var(--text-primary)}
.section{padding-block:84px}
.section--tight{padding-block:56px}

/* ---- buttons --------------------------------------------------------------- */
.btn{
  height:42px;padding:0 18px;border-radius:10px;
  font-family:var(--font-display);font-weight:600;font-size:14px;
  letter-spacing:-.005em;text-transform:none;
}
.btn--primary{
  background:var(--brand);color:#fff;box-shadow:none;
}
.btn--primary:hover{background:var(--brand-hover);box-shadow:0 8px 28px -10px rgba(229,53,47,.65);transform:none}
.btn--ghost{background:rgba(255,255,255,.03);border-color:var(--line);color:var(--text-primary)}
.btn--ghost:hover{border-color:var(--line-strong);background:rgba(255,255,255,.05);color:var(--text-primary);box-shadow:none}
.btn--sm{height:36px;padding:0 14px;font-size:13px}
.btn:focus-visible{box-shadow:var(--focus-ring)}
.btn.is-on{border-color:var(--line-strong);color:var(--text-primary)}

/* ---- sale bar -------------------------------------------------------------- */
.sbar{background:#120808;border-bottom:1px solid rgba(229,53,47,.25);color:var(--text-secondary)}
.sbar::after{display:none}
.sbar__tag{
  font-family:var(--font-display);font-weight:600;font-size:11px;letter-spacing:.03em;
  text-transform:uppercase;background:var(--brand);color:#fff;border-radius:999px;padding:2px 8px;border:0;
}
.sbar__txt{color:var(--text-secondary)}
.sbar__txt b{color:var(--text-primary)}
.sbar__cta{color:#FFB020;font-weight:500}
.sbar__cta:hover{color:var(--text-primary)}
.sbar__count{font-family:var(--font-data);color:var(--text-muted)}

/* ---- nav ------------------------------------------------------------------- */
.nav,.nav.is-stuck{
  background:rgba(10,10,10,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);box-shadow:none;
}
.nav__in{height:60px;gap:24px}
.logo__mark{width:26px;height:26px;color:var(--brand)}
.logo__text{font-family:var(--font-logo);font-weight:700;font-size:19px;letter-spacing:.06em;text-transform:uppercase}
.logo__text b{color:var(--text-primary)}
.logo__text i{color:var(--brand)}
.nav__links{gap:6px}
.nav__links a,.nav__trigger{
  font-family:var(--font-display);font-weight:500;font-size:14px;letter-spacing:-.005em;
  text-transform:none;color:var(--text-secondary);
  height:36px;padding:0 12px;border-radius:9px;display:inline-flex;align-items:center;gap:6px;
}
.nav__links a:hover,.nav__trigger:hover,.nav__trigger[aria-expanded="true"]{color:var(--text-primary);background:rgba(255,255,255,.05)}
.nav__links a.is-on{color:var(--text-primary);background:rgba(255,255,255,.05)}
.nav__links a.btn{height:36px;padding:0 14px}
.nav__links a.btn--primary{color:#fff}
.nav__trigger::after{border-color:currentColor;opacity:.6}
.nav__menu{
  border:1px solid var(--line);border-radius:14px;background:rgba(14,14,14,.96);
  backdrop-filter:blur(18px);box-shadow:0 30px 60px -20px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.06);
  padding:10px;
}
.nav__menu h6{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-weight:500;padding:6px 10px 4px}
.nav__menu a{
  font-family:var(--font-body);font-size:13.5px;text-transform:none;letter-spacing:0;
  color:var(--text-secondary);border-radius:8px;padding:7px 10px;
}
.nav__menu a:hover{background:rgba(255,255,255,.05);color:var(--text-primary)}
.nav__soon{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--brand);border:1px solid rgba(229,53,47,.35);border-radius:999px;padding:1px 6px;background:none}
.nav__all{color:var(--text-primary)!important;font-weight:600;border-top:1px solid var(--line);margin-top:4px;padding-top:10px!important}
.nav__initials{font-family:var(--font-display);border-radius:50%}
.nav__signout{color:var(--brand);font-family:var(--font-body)}
.nav__burger{border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.03);width:38px;height:36px;font-size:18px;padding:0}

/* ---- panels: one treatment for every boxed thing ---------------------------- */
.card,.plan,.plat,.auth,.cta,.co__cart,.agree,.dash__rows,.dash__card,.sup__card,.sup__panel,
.faq details,.fcard,.kb__card,.who__card,.post,.log__item,.spec,.notice,.pinlist,.upsell,
.adm__stats > *,.adm__tbl,.adm__tblwrap,.adm__msg,.adm__aff2,.modal__card,.reader__card,
.tablewrap,.legal__cftc,.legal__caps,.four__row,.desk__cell,.feat__panel,.trust__item,.rack__row,
.dash__vip,.auth__msg,.form__box,.hub__card,.chip,.tag,.plans__note,.sup__step{
  border-color:var(--line);
}
.card,.plan,.plat,.auth,.cta,.co__cart,.agree,.dash__rows,.dash__card,.sup__card,.sup__panel,
.fcard,.kb__card,.who__card,.post,.spec,.notice,.upsell,.adm__msg,.adm__aff2,.modal__card,.reader__card,
.tablewrap,.legal__cftc,.legal__caps,.feat__panel,.rack__row,.dash__vip,.auth__msg,.hub__card{
  background:rgba(255,255,255,.03);border-radius:14px;
}
.card:hover,.fcard:hover,.who__card:hover,.post:hover,.kb__card:hover,.hub__card:hover,.plan:hover{
  background:rgba(255,255,255,.05);border-color:var(--line-strong);
}
.card::before{display:none}
.card{padding:22px 22px 24px}
.grid{gap:14px;border:0;margin-top:32px}
.card{border:1px solid var(--line)}
.card--feature{background:rgba(229,53,47,.06);box-shadow:none;border-color:rgba(229,53,47,.35)}
.card--feature:hover{background:rgba(229,53,47,.09)}
.card h4{font-family:var(--font-display);font-weight:600;font-size:16px;letter-spacing:-.015em;text-transform:none;margin-bottom:6px;color:var(--text-primary)}
.card p{color:var(--text-secondary);font-size:13.5px;line-height:1.55}
.card__ico{color:var(--brand)}
.card:hover .card__ico{filter:none;transform:none}
.card__soon,.tag,.tag--soon,.tag--new,.tag--fix,.tag--perf,.card__state,.rack__tag,.desk__tag,.post__tag,.chip,.plan__badge{
  font-family:var(--font-display);font-weight:500;font-size:11px;letter-spacing:.04em;text-transform:uppercase;
  border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text-secondary);
  padding:2px 9px;
}
.card__state--in,.rack__tag--in,.tag--new{color:#22C55E;border-color:rgba(34,197,94,.3);background:rgba(34,197,94,.06)}
.card__soon,.tag--soon{color:var(--brand);border-color:rgba(229,53,47,.35);background:rgba(229,53,47,.06)}
.card__more{color:var(--text-primary);font-weight:600;font-size:13.5px}
.card__more:hover{color:var(--brand)}

/* ---- tables ---------------------------------------------------------------- */
.tablewrap{border-radius:14px;overflow-x:auto;margin-top:32px}
th,td{font-size:13.5px;padding:12px 16px}
thead th{
  font-family:var(--font-display);font-weight:500;font-size:11px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--text-muted);background:rgba(255,255,255,.03);
}
thead th.is-us{color:var(--text-primary)}
td.is-us{background:rgba(255,255,255,.025);color:var(--text-primary)}
tbody td:first-child{color:var(--text-primary)}
td:not(:first-child):not(.is-us){color:var(--text-secondary)}
.spec{border:1px solid var(--line);border-radius:14px;overflow:hidden}
.spec__row{border-bottom:1px solid var(--line)}
.spec__k{color:var(--text-muted);font-family:var(--font-display);font-size:12px;letter-spacing:.04em;text-transform:uppercase;font-weight:500}
.spec__v{color:var(--text-primary)}

/* ---- pricing --------------------------------------------------------------- */
.plans{gap:14px}
.plan{padding:28px;border-radius:20px;background:rgba(255,255,255,.03)}
.plan::after{display:none}
.plan::before{display:none}
.plan:hover{transform:none;border-color:var(--line-strong)}
.plan--hero{border-color:rgba(229,53,47,.45);box-shadow:none;background:rgba(229,53,47,.04)}
.plan--hero:hover{border-color:rgba(229,53,47,.7);box-shadow:none}
.plan__tag,.plan__badge{
  top:14px;right:14px;position:absolute;font-family:var(--font-display);font-weight:600;font-size:11px;letter-spacing:.03em;
  text-transform:uppercase;border-radius:999px;padding:3px 9px;box-shadow:none;
  background:rgba(229,53,47,.14);color:#FF7A75;border:1px solid rgba(229,53,47,.35);
}
.plan h3{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text-primary);text-transform:none;letter-spacing:-.01em}
.plan__price,.plan--hero .plan__price{
  font-family:var(--font-data);font-weight:500;font-size:44px;letter-spacing:-.03em;
  background:none;color:var(--text-primary);-webkit-text-fill-color:var(--text-primary);
}
.plan__price span{color:var(--text-muted);-webkit-text-fill-color:var(--text-muted);font-size:14px}
.plan__was,.plan__note{color:var(--text-muted);font-size:13.5px}
.plan__sub{color:var(--text-secondary);font-size:13.5px}
.plan__sub b{color:var(--text-primary)}
.plan__offer{border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text-secondary);border-radius:10px}
.plan__offer b{color:var(--text-primary)}
.plan__list{color:var(--text-secondary);font-size:13.5px;gap:9px}
.plan__list li::before{filter:none}
.plan .btn{border-radius:10px}
.plans__note{color:var(--text-muted);font-size:12.5px}
.pscale__tx,.pscale__lab,.pscale__tag{font-family:var(--font-data)}

/* ---- faq ------------------------------------------------------------------- */
.faq{border-top:0;display:grid;gap:12px;max-width:820px}
.faq details{border:1px solid var(--line);border-radius:14px;padding:0 20px}
.faq summary{
  font-family:var(--font-display);font-weight:600;font-size:15px;letter-spacing:-.01em;
  text-transform:none;padding:18px 32px 18px 0;color:var(--text-primary);
}
.faq summary:hover,.faq details[open] summary{color:var(--text-primary)}
.faq summary::after{border-color:var(--text-muted);top:24px;right:4px}
.faq details[open] summary::after{border-color:var(--text-primary)}
.faq p{color:var(--text-secondary);font-size:14px;padding:0 0 18px 0}

/* ---- forms / auth / checkout ---------------------------------------------- */
input,textarea,select{font-family:var(--font-body)}
.form input,.auth__field input,.auth__field textarea,.sup__form input,.sup__form textarea,.sup__form select,
.dash__form input,.plat__key input,.adm__aff input,.co input,textarea.auth__field{
  border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:10px;color:var(--text-primary);
  font-family:var(--font-body);
}
.form input:focus,.auth__field input:focus,.auth__field textarea:focus,.sup__form input:focus,.sup__form textarea:focus,
.dash__form input:focus,.plat__key input:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px rgba(255,255,255,.06);outline:none}
.auth{border-radius:20px;padding:32px;margin-top:48px}
.auth h1{font-size:26px;letter-spacing:-.03em}
.auth__sub{color:var(--text-secondary)}
.auth__field label,.plat__label,.dash__h3,.dash__card h3,.footer__col h5,.sup__label,.co__label,.adm__label{
  font-family:var(--font-display);font-weight:500;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);
}
.auth__alt a,.auth__link,.auth__eye,.dash__fine a,.co__switch a,.agree__open,.dash__dl,.sup__links a,.prose a,.kb__body a,.kbdoc__body a{
  color:var(--text-primary);text-decoration:none;border-bottom:1px solid var(--line-strong);
}
.auth__alt a:hover,.auth__link:hover,.dash__fine a:hover,.co__switch a:hover,.agree__open:hover,.prose a:hover{color:var(--brand);border-bottom-color:var(--brand)}
.auth__eye{border:0;font-family:var(--font-display);font-size:11px;letter-spacing:.06em}
.auth__msg{border-radius:10px}
.auth__msg.is-bad{background:rgba(229,53,47,.08);border-color:rgba(229,53,47,.35);color:#FF9B97}
.co__cart{border-radius:20px;padding:24px}
.co__plan{font-size:22px;letter-spacing:-.02em}
.co__rate{color:var(--text-primary);font-family:var(--font-data)}
.co__list,.co__fine,.co__switch{color:var(--text-secondary)}
.agree{border-radius:14px;border-left-width:1px}
.agree.is-read{border-left-color:var(--line);box-shadow:inset 3px 0 0 #22C55E}
.agree__head b{font-family:var(--font-display);font-size:15px;letter-spacing:-.01em;text-transform:none;color:var(--text-primary)}
.agree__why,.agree__tick{color:var(--text-secondary)}
.reader__card{border-radius:20px}

/* ---- dashboard ------------------------------------------------------------- */
.dash__head h1{font-family:var(--font-display);font-size:22px;letter-spacing:-.025em;text-transform:none;word-break:normal}
.dash__h2{font-family:var(--font-display);font-size:20px;letter-spacing:-.025em;text-transform:none;color:var(--text-primary)}
.dash__h3{margin-top:32px}
.dash__lede,.dash__note,.dash__none,.dash__fine{color:var(--text-secondary);font-size:13.5px}
.dash__none,.dash__note{color:var(--text-muted)}
.dash__navlink{
  font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--text-secondary);border-radius:9px;
  text-transform:none;letter-spacing:0;
}
.dash__navlink:hover{background:rgba(255,255,255,.05);color:var(--text-primary)}
.dash__navlink.is-on{background:rgba(255,255,255,.06);color:var(--text-primary)}
.dash__navlink.is-on svg{color:var(--brand)}
.dash__navlink--out{color:var(--brand)}
.dash__vip{border-radius:10px;border:1px solid var(--line)}
.dash__vip svg{color:var(--text-primary)}
.dash__vip:hover{border-color:var(--line-strong);background:rgba(255,255,255,.05)}
.dash__vip:hover .dash__vipgo{color:var(--text-primary)}
.dash__tab{font-family:var(--font-body);font-size:14px;text-transform:none;letter-spacing:0;color:var(--text-secondary)}
.dash__tab.is-on{color:var(--text-primary);border-bottom-color:var(--brand)}
.dash__rows{border-radius:14px;overflow:hidden}
.dash__row{border-bottom:1px solid var(--line)}
.dash__row span{color:var(--text-secondary)}
.dash__row b{font-family:var(--font-data);color:var(--text-primary);font-weight:500}
.dash__big{font-family:var(--font-data);font-weight:500;font-size:24px;letter-spacing:-.02em}
.dash__card{border-radius:14px;border:1px solid var(--line)}
.pill{border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);font-family:var(--font-display);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}
.pill--on{color:#22C55E;border-color:rgba(34,197,94,.3);background:rgba(34,197,94,.06)}
.plat{border-radius:14px}
.plat__id b{font-family:var(--font-display);font-size:15px;letter-spacing:-.01em;text-transform:none}
.plat__state{border-radius:10px;border:1px solid var(--line)}
.plat__state.is-on{border-color:rgba(34,197,94,.3);background:rgba(34,197,94,.06)}
.plat__state.is-ending{border-color:rgba(255,176,32,.35);background:rgba(255,176,32,.06)}
.plat__state.is-ending b{color:#FFB020}
.plat__state b{font-family:var(--font-data)}
.plat__copy{border-radius:8px;border:1px solid var(--line)}
.plat__key input{font-family:var(--font-data)}
.upsell{border-radius:14px}
.upsell__copy b{font-family:var(--font-display);font-size:15px;letter-spacing:-.01em;text-transform:none}
.dash__sep{background:var(--line)}
.dash__side .dash__navlink.is-on{border-bottom-color:var(--brand)}

/* ---- admin ----------------------------------------------------------------- */
.adm__stats > *{border-radius:14px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.adm__stat b,.adm__stat .num,.adm__big,.stat__v{font-family:var(--font-data);font-weight:500;color:var(--text-primary);letter-spacing:-.02em}
.adm__tblwrap{border-radius:14px;overflow-x:auto}.adm__tbl{border-radius:14px}
.adm__msg,.adm__aff2{border-radius:14px}
.adm__note{color:var(--text-muted);font-size:13px}
.adm__bars b{font-family:var(--font-data)}
.adm__bars i{background:rgba(229,53,47,.55)}
.adm__aff2 summary,.adm__msg summary{font-family:var(--font-display);font-weight:600;font-size:14px;letter-spacing:-.01em;text-transform:none}

/* ---- page hero, prose, help, blog, changelog --------------------------------- */
.phero{padding-block:56px 40px}
.phero h1{font-size:clamp(34px,4.6vw,56px)}
.phero .lede{font-size:17px}
.crumb{font-family:var(--font-body);font-size:13px;color:var(--text-muted);text-transform:none;letter-spacing:0}
.crumb a:hover{color:var(--text-primary)}
.prose{color:var(--text-secondary);font-size:16px;line-height:1.7}
.prose h2{font-size:24px;margin-top:40px;letter-spacing:-.025em}
.prose h3{font-size:18px;margin-top:28px;text-transform:none;letter-spacing:-.015em}
.prose h4{font-size:15px}
.prose strong{color:var(--text-primary)}
.prose code,.kb__body code,.kbdoc__body code{font-family:var(--font-data);font-size:.9em;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:6px;padding:1px 6px;color:var(--text-primary)}
.prose blockquote{border-left:2px solid var(--line-strong);color:var(--text-secondary)}
.prose hr{border-color:var(--line)}
.kb__cats a,.kb__cat{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03);color:var(--text-secondary);font-family:var(--font-body);text-transform:none;letter-spacing:0;font-size:13px}
.kb__cats a.is-on,.kb__cats a:hover{border-color:var(--line-strong);color:var(--text-primary);background:rgba(255,255,255,.06)}
.kbdoc__toc{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03)}
.kbdoc__toch{font-family:var(--font-display);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-weight:500}
.kbdoc__qa{border-bottom:1px solid var(--line)}
.kbdoc__qa h3,.kbdoc__q{font-family:var(--font-display);font-size:16px;font-weight:600;text-transform:none;letter-spacing:-.015em;color:var(--text-primary)}
.kb__body{color:var(--text-secondary)}
.kb__shot{border:1px solid var(--line);border-radius:14px;overflow:hidden}
.kb__shot-note{color:var(--text-muted);font-size:12.5px}
.post{border-radius:14px;padding:20px}
.post h3,.post h2{font-family:var(--font-display);text-transform:none;letter-spacing:-.02em;font-size:18px}
.post__meta{color:var(--text-muted);font-family:var(--font-body);font-size:12.5px;text-transform:none;letter-spacing:0}
.post__tags{gap:6px}
.log__item{border-bottom:1px solid var(--line)}
.log__ver{font-family:var(--font-data);color:var(--text-primary);font-weight:500}
.log__date,.log__meta{color:var(--text-muted);font-family:var(--font-body);font-size:12.5px;text-transform:none;letter-spacing:0}
.log__body{color:var(--text-secondary)}
.step,.sup__step{border-radius:12px}
.num,.four__n,.feat__num,.v2-idx{font-family:var(--font-data);color:var(--text-muted)}

/* ---- feature pages + hub ---------------------------------------------------- */
.fcard{border-radius:14px;overflow:hidden;border:1px solid var(--line)}
.fcard__body h3{font-family:var(--font-display);font-size:16px;text-transform:none;letter-spacing:-.015em}
.fcard__body p{color:var(--text-secondary);font-size:13.5px}
.fcard__go{color:var(--text-primary);font-weight:600;font-size:13.5px}
.fcard:hover .fcard__go{color:var(--brand)}
.fshot,.frame,.frame--sm,.win,.v2-win{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#0D0D0D;box-shadow:0 30px 80px -30px rgba(0,0,0,.8)}
.frame__bar,.win__bar,.v2-win__bar{background:#0B0B0B;border-bottom:1px solid var(--line);font-family:var(--font-data);color:var(--text-muted);font-size:11px;text-transform:none;letter-spacing:0}
.frame__title,.frame__id,.frame__brand,.frame__logo{font-family:var(--font-data);text-transform:none;letter-spacing:0}
.frame__status,.frame__clock{font-family:var(--font-data)}
.feat__item,.feat__bullets li{color:var(--text-secondary)}
.feat__bullets li::before,.who__opens li::before,.plan__list li::before{border-color:var(--brand)}
.feat__panel{border-radius:14px}
.phero--feat .lede{color:var(--text-secondary)}
.feeds > *{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03)}
.lightbox,.lightbox__img{border-radius:14px}

/* ---- home-page leftovers (index-preview etc.) -------------------------------- */
.trust__item{font-family:var(--font-body);text-transform:none;letter-spacing:0;color:var(--text-muted)}
.trust__ico{color:var(--brand)}
.who__card{border-radius:14px}
.who__label{font-family:var(--font-display);text-transform:none;letter-spacing:-.01em;font-weight:600;color:var(--text-primary)}
.who__opens{color:var(--text-secondary)}
.rack__row{border-radius:12px;margin-bottom:8px}
.rack__i{font-family:var(--font-data);color:var(--text-muted)}
.veil{font-family:var(--font-display);text-transform:none;letter-spacing:-.01em}
.veil__mark{color:var(--brand)}
.desk__cell{border-radius:12px}
.desk__fact b,.four__n{font-family:var(--font-data);color:var(--text-primary)}
.four__row{border-radius:12px}
.fit__col{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03)}
.stickycta{background:rgba(10,10,10,.85);backdrop-filter:blur(14px);border-top:1px solid var(--line)}
.stickycta__price{color:rgba(255,255,255,.7)}

/* ---- support / sales / contact --------------------------------------------- */
.sup__card,.sup__panel{border-radius:14px;padding:24px}
.sup__fact span{color:var(--text-muted)}
.sup__fact b{font-family:var(--font-data);color:var(--text-primary);font-weight:500}
.sup__lede{color:var(--text-secondary)}
.sup__done{color:#22C55E}
.sup__ref{font-family:var(--font-data)}

/* ---- modal ----------------------------------------------------------------- */
.modal__card{border-radius:20px;background:#0E0E0E;box-shadow:0 40px 120px -40px rgba(0,0,0,.9)}
.modal__eyebrow{font-family:var(--font-display);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-weight:500}
.modal__lede{color:var(--text-secondary)}
.modal__fine{color:var(--text-muted)}
.modal__x{border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.03);color:var(--text-secondary)}
.modal__x:hover{color:var(--text-primary);border-color:var(--line-strong)}

/* ---- footer ---------------------------------------------------------------- */
.footer{background:transparent;border-top:1px solid var(--line);padding-block:56px 40px;font-size:13px;color:var(--text-secondary)}
.footer__blurb{color:var(--text-secondary);font-size:13px}
.footer__col a{color:var(--text-secondary);font-size:13px}
.footer__col a:hover{color:var(--text-primary)}
.footer__col h5{margin-bottom:6px}
.social__link{border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.03);color:var(--text-secondary);width:34px;height:34px}
.social__link:hover{border-color:var(--line-strong);color:var(--text-primary);box-shadow:none;transform:none}
.social__link svg{width:16px;height:16px}
.disclaimer{color:var(--text-muted);font-size:12px;line-height:1.6;border-top:1px solid var(--line);padding-top:24px;margin-top:40px}
.disclaimer strong{color:var(--text-secondary)}
.footer__base{color:var(--text-muted);font-size:12px}
.skip{background:var(--brand);color:#fff;border-radius:8px}

/* ---- misc: anything still amber becomes white; anything still uppercase-tracked
   body copy becomes plain -------------------------------------------------- */
.mute{color:var(--text-muted)}
.dot--live{background:#22C55E}
.dot--info{background:var(--text-muted)}
.tag--soon{color:var(--brand)}
.legal__todo{border-left-color:var(--brand);background:rgba(229,53,47,.06)}
.legal__todo b{color:var(--text-primary)}
.form__msg{font-family:var(--font-body)}
.notice{border-radius:12px;color:var(--text-secondary)}

/* ---- second pass ------------------------------------------------------------ */
.phero::before,.hero__grid{display:none}                 /* no grid-line backdrop */
.phero::after{background:radial-gradient(circle,rgba(229,53,47,.16),rgba(229,53,47,.03) 48%,transparent 70%)}
.plan{overflow:visible}
.plan__badge{position:absolute;top:-13px;left:50%;right:auto;transform:translateX(-50%);z-index:3;display:inline-flex;align-items:center;height:26px;padding:0 12px;border-radius:999px;white-space:nowrap;
  font-family:var(--font-display);font-weight:600;font-size:11px;letter-spacing:.03em;text-transform:uppercase;
  background:#0E0E0E;color:var(--text-primary);border:1px solid rgba(229,53,47,.6);box-shadow:0 0 0 4px #0A0A0A}
.plan--hero .plan__tag{display:none}          /* the struck list price already says −50% on this card */
.plan{gap:0}
.fcard__go,.card__more,.kb__more,.post__more{font-family:var(--font-body);font-size:13.5px;letter-spacing:0;color:var(--text-primary);font-weight:600}
.veil__generic{font-family:var(--font-body);font-size:15px;letter-spacing:0;text-transform:none;color:var(--text-secondary);font-weight:400}
.state{font-family:var(--font-display);font-weight:500;font-size:11px;letter-spacing:.04em;border-radius:999px;color:var(--brand);border:1px solid rgba(229,53,47,.35);background:rgba(229,53,47,.06)}
.notice{border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:12px}
.notice b{color:var(--text-primary);font-family:var(--font-display);letter-spacing:0;text-transform:none;font-size:inherit;font-weight:600}
.dash__head .pill{font-family:var(--font-display)}
.adm__stats b,.adm__tile b,.adm__stat b{font-family:var(--font-data)}
.mono,.data,.num{font-family:var(--font-data)}

/* ---- review pass: phone ---------------------------------------------------- */
.fshot{border:0;background:none;border-radius:0;overflow:visible;box-shadow:none}   /* the FIGURE is not the frame */
.fshot figcaption{font-size:13px;color:var(--text-muted);line-height:1.5}
.kb__cats{border:0;gap:12px}
.kb__cats a{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03);padding:20px}
.kb__cats a:hover{background:rgba(255,255,255,.05);border-color:var(--line-strong)}
.kb__cats b{font-family:var(--font-display);font-size:15px;letter-spacing:-.01em;text-transform:none;font-weight:600;color:var(--text-primary)}
.kb__cats span{color:var(--text-secondary)}
.veil{white-space:normal;flex-wrap:wrap;row-gap:0}
@media (max-width:640px){
  .sbar__count{display:none}
  .sbar__in{gap:8px 12px}
  .phero h1{font-size:clamp(30px,9vw,40px)}
  .plan{padding:24px 20px}
  .plan__badge{max-width:calc(100% - 24px);white-space:normal;text-align:center;height:auto;padding:4px 12px;line-height:1.3}
}
.co__acct{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03);padding:20px}
.co__acct h3{font-size:16px;letter-spacing:-.015em;text-transform:none}
.disclaimer{border:0;border-top:1px solid var(--line);padding:24px 0 0;background:none}
.post--lead{border-left:2px solid var(--brand);background:rgba(229,53,47,.05)}
.dash__side{scrollbar-width:none}
.rail{gap:12px;background:none;border:0}
.rail a{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03);padding:18px 20px;display:block}
.rail a:hover{background:rgba(255,255,255,.05);border-color:var(--line-strong)}
.rail small{font-family:var(--font-body);font-size:12.5px;color:var(--text-muted);letter-spacing:0;margin-bottom:4px}
.rail b{font-family:var(--font-display);font-size:16px;letter-spacing:-.015em;text-transform:none;color:var(--text-primary)}
.sidenav a{font-family:var(--font-body);font-size:13.5px;color:var(--text-secondary);border-left-color:transparent}
.sidenav a.is-on{color:var(--text-primary);border-left-color:var(--brand)}
.sidenav a:hover{color:var(--text-primary)}
.sidenav h6{font-size:11px;letter-spacing:.08em;color:var(--text-muted)}
@media (max-width:900px){.sidenav a.is-on{border-bottom-color:var(--brand)}}
@media (max-width:1000px){.sbar__more,.sbar__count{display:none}.sbar__in{flex-wrap:nowrap;gap:12px}.sbar__txt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}}
@media (max-width:640px){.sbar__in{flex-wrap:wrap}.sbar__txt{white-space:normal;text-align:center}}