/* CNS brand tokens (W1a, build 321). One source for every page.
   Matches the CNS Pro webinar: navy stage, gold accents, Montserrat / IBM Plex Sans / JetBrains Mono.
   Logo mark stays orange (#e07820) and is set inside the logo SVG, not here. */
:root{
  --navy:#050d1d; --deep:#02060d;
  --panel:linear-gradient(180deg,rgba(12,26,52,.82),rgba(5,12,28,.9));
  --panel-solid:#0b1830; --panel-hi:#0f2142;
  --panel-border:1.5px solid rgba(245,184,61,.28);
  --line:rgba(245,184,61,.28); --line2:rgba(120,170,255,.18);
  --line-solid:#1d2c48; --line-hi:#26375a;
  --gold:#f7b93a; --gold2:#ffd66b; --amber:#f28c28; --mark:#e07820;
  --gold-grad:linear-gradient(180deg,#fff3c4 0%,#ffd45c 38%,#f0a20f 100%);
  --up:#2fe08a; --down:#ff5c63; --cyan:#45ccff; --bull:#0e9f9f;
  --ink:#eef3fb; --body:#c9d4e8; --mute:#93a4c0; --mute-dim:#5f7090;
  --disp:'Montserrat','Arial Black',Arial,sans-serif;
  --text-font:'IBM Plex Sans','Segoe UI',Helvetica,Arial,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;
  --r-sm:6px; --r-md:12px; --r-lg:18px; --r-pill:999px;
  --glow:inset 0 0 40px rgba(245,184,61,.06),0 24px 60px rgba(0,0,0,.45);
  --glow-lite:inset 0 0 28px rgba(245,184,61,.05);
  /* legacy names, kept so existing var() calls resolve to the new values */
  --bg:var(--navy); --bg2:var(--panel-solid); --bg3:var(--panel-hi); --card:var(--panel-solid);
  --border:var(--line2); --text:var(--ink); --muted:var(--mute); --accent:var(--gold);
  --green:var(--up); --red:var(--down);
  color-scheme:dark;
}
html{background:var(--navy)}

/* Shared webinar panel (W3, build 323). Use .cns-panel on any boxed surface. */
.cns-panel{background:var(--panel);border:var(--panel-border);border-radius:var(--r-lg);box-shadow:var(--glow-lite)}
/* 324: when PayPal cannot be reached a price slot shows a short note, never a number */
[data-price-failed]{font-size:.42em;font-weight:600;letter-spacing:.01em;line-height:1.3;display:inline-block;vertical-align:middle}

/* ===== 334: one header on every inner page (logo + wordmark, as on the homepage) ===== */
.cns-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  padding:12px max(20px,calc((100% - 1100px)/2));background:linear-gradient(180deg,#040b19,#02060d);border-bottom:1px solid rgba(245,184,61,.35)}
.cns-head-brand{display:flex;align-items:center;gap:14px;text-decoration:none;min-width:0}
.cns-head-logo{display:block;flex:none;height:37px;width:auto}
.cns-head-wm{display:flex;flex-direction:column;gap:4px;line-height:1;font-family:var(--disp)}
.cns-head-wm b{font-weight:800;font-size:15px;letter-spacing:.06em;color:#fff}
.cns-head-wm span{font-weight:700;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.cns-head-back{font-family:var(--text-font);font-size:14px;color:var(--mute);text-decoration:none;white-space:nowrap}
.cns-head-back:hover{color:var(--ink)}
.cns-head-pro{font-family:var(--disp);font-weight:800;font-size:13px;color:#140c00 !important;background:linear-gradient(180deg,#ffd66e,#f2a51b);padding:7px 16px;border-radius:999px}
.cns-head a:focus-visible{outline:2px solid var(--gold2);outline-offset:3px;border-radius:4px}
@media(max-width:560px){.cns-head{padding:10px 14px}.cns-head-logo{height:30px}.cns-head-wm b{font-size:12.5px}.cns-head-wm span{font-size:9.5px;letter-spacing:.18em}.cns-head-back{font-size:13px}}
/* the site nav as one full-width bar under the header on every page */
.cns-sitenav.cns-sitenav-bar{display:flex !important;flex-wrap:wrap;gap:4px 6px;align-items:center;margin:0 !important;max-width:none !important;border-radius:0 !important;
  padding:8px max(16px,calc((100% - 1100px)/2)) !important;background:var(--panel-solid) !important;border:0 !important;border-bottom:1px solid var(--line2) !important;box-shadow:none !important}
@media(max-width:640px){.cns-sitenav.cns-sitenav-bar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
  .cns-sitenav.cns-sitenav-bar::-webkit-scrollbar{display:none}}
