/* discover.html — inline <style> blocks extracted by _build/extract_css.py.
   34 blocks, concatenated in document order so the cascade
   is byte-for-byte what it was inline. Do not reorder. Regenerate
   rather than hand-editing: the filename hash is the cache key. */

/* ── block 1 ─────────────────────────────────────────── */
*{box-sizing:border-box;margin:0;padding:0;}
:root{
  --btc:#e6b34d; --btc2:#ffdf9e;
  --eth:#7090f0; --eth2:#b4c8ff;
  --green:#4dffb0; --red:#f87171;
  --amber:#f59e0b; --amber-bright:#fbbf24;
  --white:#ffffff; --near-white:#f2ede6;
  --bright:#ccc8c2; --silver:#c8c4be;
  --muted:#ccc8c2; --dim:#9e9a96;
  --text:#f2ede6; --text-mid:#d0ccc6; --text-dim:#848078;
  --cyan:#e6b34d; --cyan-bright:#ffdf9e;
  --bg:#000000; --bg2:#06060e; --bg3:#0d0d1a;
  --border:rgba(255,255,255,0.10);
  --border-mid:rgba(255,255,255,0.18);
  --border-hi:rgba(255,255,255,0.28);
  --border-btc:rgba(230,179,77,0.45);
  --border-eth:rgba(112,144,240,0.35);
  --glow-btc:0 0 8px rgba(230,179,77,0.9),0 0 24px rgba(230,179,77,0.5),0 0 60px rgba(230,179,77,0.2);
  --glow-eth:0 0 8px rgba(112,144,240,0.9),0 0 24px rgba(112,144,240,0.5),0 0 60px rgba(112,144,240,0.2);
  --glow-sm:0 0 5px rgba(230,179,77,0.85),0 0 14px rgba(230,179,77,0.45);
  --condensed:"Barlow Condensed",sans-serif;
  --body:"Barlow",sans-serif;
  --mono:"Share Tech Mono",monospace;
}
html{scroll-behavior:smooth;scroll-padding-top:64px;}
body{background:var(--bg);color:var(--white);font-family:var(--body);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
::-webkit-scrollbar{width:3px;}
::-webkit-scrollbar-track{background:var(--bg2);}
::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--btc),var(--eth));border-radius:2px;}

/* ── FIXED ELEMENTS ── */
.bg-grid{position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,0.022) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,0.022) 1px,transparent 1px);
  background-size:72px 72px;}
.bg-glow{position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse 80% 55% at 50% -10%,rgba(230,179,77,0.05) 0%,transparent 55%),
             radial-gradient(ellipse 50% 45% at 85% 65%,rgba(112,144,240,0.04) 0%,transparent 55%);}
.scan-line{display:none!important;} /* scanline killed */
#cursor-orb{position:fixed;width:320px;height:320px;border-radius:50%;pointer-events:none;z-index:9999;
  background:radial-gradient(ellipse at center,rgba(230,179,77,0.05) 0%,rgba(112,144,240,0.035) 40%,transparent 70%);
  transform:translate(-9999px,-9999px);transition:opacity 0.4s;opacity:0;left:0;top:0;will-change:transform;}

/* ── KEYFRAMES ── */
/* @keyframes scanDown removed — scanlines stripped sitewide */
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0.12}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes shimmer{from{background-position:-200% 0}to{background-position:200% 0}}
@keyframes arrowDrop{0%,100%{opacity:0.35;transform:rotate(45deg) translateY(-3px)}50%{opacity:0.85;transform:rotate(45deg) translateY(3px)}}
@keyframes pulseOrb{0%,100%{opacity:0.45}50%{opacity:0.9}}
@keyframes borderFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes tickerMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes bloomBTC{0%,100%{transform:scale(1) translateY(0)}50%{transform:scale(1.06) translateY(-12px)}}
@keyframes gradShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes glowPulse{0%,100%{filter:drop-shadow(0 0 6px rgba(230,179,77,0.35)) drop-shadow(0 0 16px rgba(230,179,77,0.22));}50%{filter:drop-shadow(0 0 10px rgba(255,240,200,0.55)) drop-shadow(0 0 28px rgba(230,179,77,0.5)) drop-shadow(0 0 52px rgba(247,147,26,0.28));}}

/* ── NAV ── */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;
  padding:0 48px;height:64px;background:rgba(3,3,5,0.94);transform:translateZ(0);
  border-bottom:1px solid var(--border);}
nav::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1.5px;
  background:linear-gradient(90deg,transparent,var(--btc) 30%,var(--btc2) 50%,var(--eth) 70%,transparent);
  opacity:0.8;}
.nav-brand{font-family:var(--condensed);font-weight:800;font-size:17px;letter-spacing:0.24em;
  text-transform:uppercase;color:#ffffff;text-decoration:none;transition:0.3s;transition-property:var(--tcw-tp);}
.nav-brand:hover{color:#fff3cf;letter-spacing:0.32em;}
.nav-links{display:flex;gap:36px;align-items:center;}
.nav-link{font-family:var(--mono);font-size:13px;letter-spacing:0.18em;color:var(--bright);
  text-decoration:none;text-transform:uppercase;transition:0.2s;transition-property:var(--tcw-tp);position:relative;}
.nav-link::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:1.5px;
  background:linear-gradient(90deg,var(--btc),var(--eth));transform:scaleX(0);
  transform-origin:left;transition:transform 0.28s;}
.nav-link:hover{color:var(--white);letter-spacing:0.24em;}
.nav-link:hover::after,.nav-link.active::after{transform:scaleX(1);}
.nav-link.active{color:var(--btc2);}
.nav-cta{font-family:var(--condensed);font-weight:800;font-size:16px;letter-spacing:0.22em;
  text-transform:uppercase;color:var(--bg);background:var(--white);padding:11px 24px;
  border:2px solid var(--white);cursor:pointer;transition:0.3s;transition-property:var(--tcw-tp);text-decoration:none;
  position:relative;overflow:hidden;display:inline-block;}
.nav-cta::before{content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,var(--btc) 0%,var(--btc2) 50%,var(--eth) 100%);
  opacity:0;transition:opacity 0.3s;}
.nav-cta:hover{color:var(--white);border-color:transparent;transform:translateY(-2px);
  box-shadow:0 8px 32px rgba(230,179,77,0.4);}
.nav-cta span{position:relative;z-index:1;}
.nav-cta:hover::before{opacity:1;}
.nav-dropdown{position:relative;display:flex;align-items:center;}
.nav-dropdown-toggle{font-family:var(--mono);font-size:13px;letter-spacing:0.18em;color:var(--bright);text-transform:uppercase;transition:0.2s;transition-property:var(--tcw-tp);position:relative;cursor:pointer;display:flex;align-items:center;gap:5px;background:none;border:none;padding:0;outline:none;}
.nav-dropdown-toggle::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:1.5px;background:linear-gradient(90deg,var(--btc),var(--eth));transform:scaleX(0);transform-origin:left;transition:transform 0.28s;}
.nav-dropdown:hover .nav-dropdown-toggle{color:var(--white);letter-spacing:0.24em;}
.nav-dropdown:hover .nav-dropdown-toggle::after{transform:scaleX(1);}
.nav-dropdown-toggle.active{color:var(--btc2);}
.nav-dropdown-toggle.active::after{transform:scaleX(1);}
.nav-chevron{transition:transform 0.2s;display:inline-block;}
.nav-dropdown:hover .nav-chevron{transform:rotate(180deg);}
.nav-dropdown-menu{position:absolute;top:calc(100% + 18px);left:50%;transform:translateX(-50%) translateY(-4px);background:rgba(6,6,14,0.97);border:1px solid rgba(255,255,255,0.14);min-width:155px;opacity:0;pointer-events:none;transition:opacity 0.18s,transform 0.18s;z-index:500;}.nav-dropdown-menu::before{content:'';position:absolute;top:-22px;left:0;right:0;height:22px;}
.nav-dropdown:hover .nav-dropdown-menu{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0);}
.nav-dropdown-item{display:block;padding:11px 20px;font-family:var(--mono);font-size:11px;letter-spacing:0.18em;color:var(--bright);text-decoration:none;text-transform:uppercase;transition:color 0.15s,padding-left 0.15s,background 0.15s;white-space:nowrap;border-bottom:1px solid rgba(255,255,255,0.06);}
.nav-dropdown-item:last-child{border-bottom:none;}
.nav-dropdown-item:hover{color:var(--white);background:rgba(230,179,77,0.08);padding-left:26px;}
.nav-dropdown-item.active{color:var(--btc2);}
@media(max-width:960px){nav{padding:0 24px;}.nav-links{gap:20px;}.nav-link{font-size:12px;}}
@media(max-width:720px){.nav-links{display:none;}}

/* ── TICKER ── */
.ticker-bar{overflow:hidden;border-top:1.5px solid rgba(230,179,77,0.5);
  border-bottom:1.5px solid rgba(112,144,240,0.4);
  background:linear-gradient(90deg,var(--bg) 0%,rgba(230,179,77,0.08) 30%,rgba(112,144,240,0.08) 70%,var(--bg) 100%);
  padding:11px 0;position:relative;}
.ticker-bar::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;
  background:linear-gradient(90deg,rgba(2,2,4,0.95) 0%,transparent 8%,transparent 92%,rgba(2,2,4,0.95) 100%);
  pointer-events:none;z-index:2;}
.ticker-inner{display:flex;animation:tickerMove 52s linear infinite;white-space:nowrap;position:relative;z-index:1;will-change:transform;}
.ti{font-family:var(--mono);font-size:14px;letter-spacing:0.24em;color:var(--text-mid);
  padding:0 28px;text-transform:uppercase;}
.ti.btc-c{color:var(--btc2);text-shadow:0 0 14px rgba(230,179,77,0.55);}
.ti.eth-c{color:var(--eth2);text-shadow:0 0 14px rgba(112,144,240,0.55);}
.ti-dot{font-size:12px;padding:0 4px;
  background:linear-gradient(90deg,var(--btc),var(--btc2),var(--eth));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}

/* ── SHARED SECTION PATTERNS ── */
section{position:relative;z-index:1;}
.section-inner{max-width:1080px;margin:0 auto;}
.eyebrow{font-family:var(--mono);font-size:13px;letter-spacing:0.38em;
  color:var(--dim);text-transform:uppercase;display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.eyebrow::before{content:'';display:block;width:24px;height:1px;
  background:linear-gradient(90deg,var(--btc),var(--eth));}
.eyebrow span{background:linear-gradient(90deg,var(--btc),var(--eth));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.h2{font-family:var(--condensed);font-size:clamp(36px,5.5vw,68px);font-weight:900;
  line-height:0.94;letter-spacing:0.01em;text-transform:uppercase;margin-bottom:18px;}
.h2 strong{font-weight:900;color:var(--near-white);}
.h2 em{font-style:italic;font-weight:200;color:var(--silver);}
.h2 .grad{background:linear-gradient(135deg,var(--btc2) 0%,var(--btc) 45%,var(--eth) 80%,var(--eth2) 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.lead{font-family:var(--body);font-size:19px;line-height:1.58;font-weight:300;
  color:var(--muted);max-width:620px;}
.lead strong{color:var(--near-white);font-weight:500;}
.lead em{font-style:normal;color:var(--btc2);}

/* ── BUTTONS ── */
/* ── UNIFIED BODY CTA BUTTONS ── */
.btn-p{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:18px 40px;
  min-height:58px;background:transparent;border:1.5px solid var(--btc);color:var(--btc2);
  font-family:var(--condensed);font-size:13px;letter-spacing:0.12em;font-weight:700;
  text-transform:uppercase;cursor:pointer;transition:0.3s ease;transition-property:var(--tcw-tp);text-decoration:none;
  position:relative;overflow:hidden;}
.btn-p::after{content:'';position:absolute;inset:0;
  background:linear-gradient(110deg,transparent 30%,rgba(230,179,77,0.24) 50%,transparent 70%);
  transform:translateX(-100%);transition:transform 0.55s;}
.btn-p:hover{background:var(--btc);color:#000;transform:translateY(-4px);
  box-shadow:var(--glow-btc);text-shadow:none;}
.btn-p:hover::after{transform:translateX(100%);}
.btn-g{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:18px 40px;min-height:58px;font-family:var(--mono);font-weight:700;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;background:rgba(77,255,176,0.12);color:var(--green);border:1.5px solid rgba(77,255,176,0.6);text-decoration:none;transition:0.3s ease;transition-property:var(--tcw-tp);position:relative;overflow:hidden;box-shadow:0 6px 32px rgba(77,255,176,0.15),0 0 0 1px rgba(77,255,176,0.1);cursor:pointer;}
.btn-g::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(77,255,176,0.3) 0%,rgba(0,204,119,0.2) 100%);opacity:0;transition:opacity 0.3s;}
.btn-g:hover{color:var(--bg);background:var(--green);border-color:var(--green);transform:translateY(-4px);box-shadow:0 28px 80px rgba(77,255,176,0.55),0 8px 28px rgba(77,255,176,0.45),0 0 0 2px rgba(77,255,176,0.4);}
.btn-g:hover::before{opacity:0;}
.btn-g span{position:relative;z-index:1;}
.btn-g .btn-arrow{position:relative;z-index:1;font-size:20px;transition:transform 0.35s;}
.btn-g:hover .btn-arrow{transform:translateX(10px);}
.btn-e{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:18px 40px;
  min-height:58px;background:transparent;border:1.5px solid #6B8FE8;color:#6B8FE8;
  font-family:var(--condensed);font-size:13px;letter-spacing:0.12em;font-weight:700;
  text-transform:uppercase;cursor:pointer;transition:0.3s ease;transition-property:var(--tcw-tp);text-decoration:none;
  position:relative;overflow:hidden;}
.btn-e::after{content:'';position:absolute;inset:0;
  background:linear-gradient(110deg,transparent 30%,rgba(112,144,240,0.2) 50%,transparent 70%);
  transform:translateX(-100%);transition:transform 0.55s;}
.btn-e:hover{background:#6B8FE8;color:#000;transform:translateY(-4px);
  box-shadow:var(--glow-eth);}
.btn-e:hover::after{transform:translateX(100%);}
.ar{transition:transform 0.2s;}
.btn-p:hover .ar,.btn-e:hover .ar{transform:translateX(6px);}

/* ─────────────────────────────────────────
   § 1  HERO
───────────────────────────────────────── */
#hero{min-height:max(100svh,740px);display:flex;flex-direction:column;justify-content:center;
  padding:120px 48px 80px;position:relative;overflow:hidden;}
.hero-orb-btc{position:absolute;width:680px;height:680px;top:50%;right:2%;
  transform:translateY(-52%);z-index:0;animation:bloomBTC 20s ease-in-out infinite;pointer-events:none;will-change:transform;contain:strict;}
.hero-orb-btc::before{content:'';position:absolute;inset:0;border-radius:50%;
  background:radial-gradient(ellipse at 42% 38%,rgba(255,210,80,0.3) 0%,rgba(230,179,77,0.18) 22%,rgba(160,70,0,0.08) 45%,transparent 65%);
  filter:blur(2px);}
.hero-orb-eth{position:absolute;width:440px;height:440px;bottom:-8%;left:-2%;
  z-index:0;animation:bloomBTC 28s ease-in-out infinite 4s;pointer-events:none;will-change:transform;contain:strict;}
.hero-orb-eth::before{content:'';position:absolute;inset:0;border-radius:50%;
  background:radial-gradient(ellipse at 58% 44%,rgba(255,255,255,0.14) 0%,rgba(230,179,77,0.06) 32%,transparent 60%);
  filter:blur(5px);}
.hero-layout{display:grid;grid-template-columns:1fr 420px;gap:64px;align-items:center;
  max-width:1080px;width:100%;margin:0 auto;position:relative;z-index:1;}
.hero-left{}
.hero-badge{display:inline-flex;align-items:center;gap:8px;
  font-family:var(--mono);font-size:13px;letter-spacing:0.3em;text-transform:uppercase;
  color:var(--btc2);border:1px solid rgba(230,179,77,0.28);background:rgba(230,179,77,0.06);
  padding:7px 14px;margin-bottom:28px;animation:fadeUp 0.6s ease both;}
.live-dot{width:5px;height:5px;border-radius:50%;background:var(--btc);
  box-shadow:0 0 8px var(--btc);animation:blink 1.6s ease-in-out infinite;flex-shrink:0;will-change:opacity;}
.hero-h1{font-family:var(--condensed);font-size:clamp(52px,7.5vw,96px);font-weight:900;
  line-height:0.92;letter-spacing:-0.01em;text-transform:uppercase;
  margin-bottom:10px;animation:fadeUp 0.7s 0.1s ease both;}
.hero-h1 .l1{display:block;font-weight:900;color:var(--near-white);}
.hero-h1 .l2{display:block;font-weight:200;font-style:italic;color:var(--silver);}
.hero-h1 .l3{display:block;font-weight:900;
  background:linear-gradient(135deg,var(--btc2) 0%,var(--btc) 40%,var(--eth) 78%,var(--eth2) 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hero-rule{width:56px;height:1px;background:linear-gradient(90deg,transparent,var(--btc),var(--eth),transparent);
  margin:24px 0;animation:fadeUp 0.7s 0.18s ease both;}
.hero-sub{font-family:var(--body);font-size:19.5px;line-height:1.58;font-weight:300;
  color:var(--bright);max-width:520px;margin-bottom:36px;animation:fadeUp 0.7s 0.25s ease both;}
.hero-sub strong{color:var(--near-white);font-weight:500;}
.hero-sub em{font-style:normal;color:var(--btc2);}
.hero-stats{display:flex;gap:0;border:1px solid var(--border);
  margin-bottom:38px;animation:fadeUp 0.7s 0.3s ease both;}
.hs{padding:16px 22px;text-align:center;border-right:1px solid var(--border);flex:1;
  position:relative;overflow:hidden;transition:0.28s;transition-property:var(--tcw-tp);cursor:default;}
.hs::before{content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 70% 70% at 50% 110%,rgba(230,179,77,0.1),transparent);
  opacity:0;transition:opacity 0.3s;}
.hs:hover::before{opacity:1;}
.hs:last-child{border-right:none;}
.hs-n{font-family:var(--condensed);font-size:32px;font-weight:800;line-height:1;display:block;
  background:linear-gradient(135deg,var(--btc2),var(--btc));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hs-n.eth-grad{background:linear-gradient(135deg,var(--eth2),var(--eth));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hs-l{font-family:var(--mono);font-size:13px;letter-spacing:0.14em;
  color:var(--dim);text-transform:uppercase;margin-top:5px;display:block;}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp 0.7s 0.36s ease both;}
.hero-trust{display:flex;align-items:center;gap:18px;margin-top:16px;flex-wrap:wrap;
  animation:fadeUp 0.7s 0.42s ease both;}
.hero-trust-item{font-family:var(--mono);font-size:13px;letter-spacing:0.16em;
  color:var(--dim);text-transform:uppercase;display:flex;align-items:center;gap:5px;}
.hero-trust-item::before{content:'✓';color:var(--green);font-size:13px;}

/* right card */
.hero-cap-preview{border:1px solid rgba(230,179,77,0.28);background:rgba(6,6,14,0.97);
  padding:28px;position:relative;overflow:hidden;
  box-shadow:0 0 60px rgba(230,179,77,0.12),0 0 120px rgba(230,179,77,0.05),
             inset 0 1px 0 rgba(255,255,255,0.05);
  animation:fadeUp 0.8s 0.2s ease both;}
.hero-cap-preview::before{content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(230,179,77,0.06) 0%,transparent 55%);pointer-events:none;}
.cap-tag{font-family:var(--mono);font-size:11px;letter-spacing:0.36em;text-transform:uppercase;
  color:rgba(230,179,77,0.7);margin-bottom:18px;display:flex;align-items:center;gap:8px;}
.cap-tag-dot{width:5px;height:5px;border-radius:50%;background:var(--btc);
  box-shadow:0 0 6px var(--btc);animation:blink 1.4s ease-in-out infinite;flex-shrink:0;will-change:opacity;}
.cap-section{margin-bottom:14px;}
.cap-section-label{font-family:var(--mono);font-size:11px;letter-spacing:0.3em;
  text-transform:uppercase;color:var(--dim);margin-bottom:6px;}
.cap-bar-row{display:flex;align-items:center;gap:10px;margin-bottom:5px;}
.cap-bar-label{font-family:var(--mono);font-size:13px;color:var(--text-mid);
  letter-spacing:0.04em;width:100px;flex-shrink:0;}
.cap-bar-track{flex:1;height:4px;background:rgba(255,255,255,0.06);position:relative;overflow:hidden;}
.cap-bar-fill{height:100%;position:absolute;top:0;left:0;transition:width 1.2s cubic-bezier(0.4,0,0.2,1);}
.cap-bar-fill.btc{background:linear-gradient(90deg,var(--btc),var(--btc2));}
.cap-bar-fill.eth{background:linear-gradient(90deg,var(--eth),var(--eth2));}
.cap-bar-fill.grn{background:linear-gradient(90deg,var(--green),rgba(77,255,176,0.5));}
.cap-bar-val{font-family:var(--mono);font-size:13px;color:var(--btc2);width:38px;text-align:right;flex-shrink:0;}
.cap-bar-val.ev{color:var(--eth2);}
.cap-bar-val.gv{color:var(--green);}
.cap-divider{height:1px;background:rgba(255,255,255,0.07);margin:14px 0;}
.cap-bottom{display:flex;justify-content:space-between;align-items:center;}
.cap-result-label{font-family:var(--mono);font-size:11px;letter-spacing:0.3em;
  text-transform:uppercase;color:var(--dim);}
.cap-result-val{font-family:var(--condensed);font-size:36px;font-weight:800;color:var(--green);
  line-height:1;text-shadow:0 0 20px rgba(77,255,176,0.45);}
.cap-result-r{font-family:var(--mono);font-size:14px;color:rgba(77,255,176,0.65);
  letter-spacing:0.08em;}
.cap-shimmer{display:block;margin-top:20px;
  font-family:var(--mono);font-size:13px;letter-spacing:0.22em;text-transform:uppercase;
  color:rgba(230,179,77,0.45);text-align:center;padding:10px;
  border:1px solid rgba(230,179,77,0.15);background:rgba(230,179,77,0.04);}
.scroll-cue{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:8px;
  animation:fadeUp 1s 0.9s ease both;}
.sc-t{font-family:var(--mono);font-size:14px;letter-spacing:0.26em;
  color:rgba(230,179,77,0.3);text-transform:uppercase;}
.sc-b{width:1px;height:44px;background:linear-gradient(to bottom,rgba(230,179,77,0.6),transparent);
  animation:float 2.4s ease-in-out infinite;will-change:transform;}
@media(max-width:900px){.hero-layout{grid-template-columns:1fr;}.hero-orb-btc{display:none;}.hero-orb-eth{display:none;}}
@media(max-width:600px){#hero{padding:100px 24px 60px;}}

/* ─────────────────────────────────────────
   § 2  TRANSFER OF TRUST
───────────────────────────────────────── */
#trust{padding:100px 48px;background:var(--bg);}
.trust-inner{max-width:1080px;margin:0 auto;}
.trust-layout{display:grid;grid-template-columns:360px 1fr;gap:80px;align-items:start;}
.trust-portrait{position:relative;}
.portrait-frame{border:1px solid rgba(230,179,77,0.22);background:rgba(6,6,14,0.9);
  padding:32px 28px;position:relative;overflow:hidden;}
.portrait-frame::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--btc),transparent);}
.portrait-frame::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(112,144,240,0.4),transparent);}
.portrait-initials{font-family:var(--condensed);font-size:88px;font-weight:900;line-height:1;
  background:linear-gradient(135deg,var(--btc2) 0%,var(--btc) 50%,var(--eth) 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  margin-bottom:20px;letter-spacing:-0.03em;}
.portrait-name{font-family:var(--condensed);font-size:22px;font-weight:800;letter-spacing:0.2em;
  text-transform:uppercase;color:var(--near-white);margin-bottom:4px;}
.portrait-title{font-family:var(--mono);font-size:13px;letter-spacing:0.28em;
  text-transform:uppercase;color:var(--btc2);margin-bottom:24px;}
.portrait-credentials{display:flex;flex-direction:column;gap:10px;}
.cred-item{display:flex;align-items:flex-start;gap:10px;
  font-family:var(--mono);font-size:14px;letter-spacing:0.06em;color:var(--text-mid);line-height:1.58;}
.cred-icon{color:var(--btc);flex-shrink:0;margin-top:1px;}
.portrait-quote{margin-top:24px;padding:16px 18px;
  border-left:2px solid var(--btc);background:rgba(230,179,77,0.04);}
.portrait-quote p{font-family:var(--body);font-size:16px;line-height:1.58;
  color:var(--muted);font-style:italic;}
.trust-right{}
.trust-origin{margin-top:28px;}
.origin-block{margin-bottom:28px;}
.origin-block p{font-family:var(--body);font-size:19px;line-height:1.58;
  font-weight:300;color:var(--muted);}
.origin-block p strong{color:var(--near-white);font-weight:500;}
.origin-block p em{font-style:normal;color:var(--btc2);}
.origin-pull{margin:36px 0;padding:24px 28px;
  border-left:3px solid var(--btc);background:rgba(230,179,77,0.04);
  position:relative;overflow:hidden;}
.origin-pull::before{content:'\201C';position:absolute;top:-8px;left:16px;
  font-size:80px;color:rgba(230,179,77,0.1);font-family:var(--condensed);font-weight:900;line-height:1;}
.origin-pull p{font-family:var(--condensed);font-size:22px;font-weight:600;
  line-height:1.4;letter-spacing:0.02em;color:var(--near-white);position:relative;z-index:1;}
.origin-pull p em{font-style:italic;font-weight:200;color:var(--btc2);}
.trust-signal-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--border);border:1px solid var(--border);margin-top:48px;}
.tss-item{background:var(--bg2);padding:22px 20px;transition:0.28s;transition-property:var(--tcw-tp);cursor:default;
  position:relative;overflow:hidden;}
.tss-item::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--btc),var(--eth));
  transform:scaleX(0);transition:transform 0.32s;transform-origin:left;}
.tss-item:hover{background:rgba(230,179,77,0.03);}
.tss-item:hover::after{transform:scaleX(1);}
.tss-num{font-family:var(--condensed);font-size:40px;font-weight:800;line-height:1;
  background:linear-gradient(135deg,var(--btc2),var(--btc));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;}
.tss-label{font-family:var(--mono);font-size:13px;letter-spacing:0.14em;
  text-transform:uppercase;color:var(--dim);margin-top:5px;display:block;}
.tss-desc{font-family:var(--body);font-size:16px;color:var(--muted);
  margin-top:8px;line-height:1.5;font-weight:400;}
@media(max-width:900px){.trust-layout{grid-template-columns:1fr;}.trust-portrait{max-width:380px;}}
@media(max-width:600px){#trust{padding:72px 24px;}}

/* ─────────────────────────────────────────
   § 3  SYSTEM — THE THREE PILLARS
───────────────────────────────────────── */
#system{padding:100px 48px;background:var(--bg2);}
.system-inner{max-width:1080px;margin:0 auto;}
.system-intro{max-width:680px;margin-bottom:64px;}
.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);align-items:stretch;}
.pillar{background:var(--bg3);padding:36px 30px;position:relative;overflow:hidden;display:flex;flex-direction:column;
  transition:0.3s;transition-property:var(--tcw-tp);cursor:default;}
.pillar::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;}
.pillar.wyckoff::before{background:linear-gradient(90deg,var(--btc),var(--btc2));}
.pillar.elliott::before{background:linear-gradient(90deg,var(--eth),var(--eth2));}
.pillar.orderflow::before{background:linear-gradient(90deg,var(--green),rgba(77,255,176,0.4));}
.pillar-num{font-family:var(--condensed);font-size:64px;font-weight:900;line-height:1;
  opacity:0.07;position:absolute;top:16px;right:20px;letter-spacing:-0.04em;color:var(--white);
  transition:opacity 0.3s,color 0.3s,text-shadow 0.3s;}
.pillar-icon{font-size:28px;margin-bottom:18px;display:block;}
.pillar-name{font-family:var(--condensed);font-size:20px;font-weight:800;
  letter-spacing:0.08em;text-transform:uppercase;margin-bottom:6px;}
.pillar.wyckoff .pillar-name{color:var(--btc2);}
.pillar.elliott .pillar-name{color:var(--eth2);}
.pillar.orderflow .pillar-name{color:var(--green);}
.pillar-sub{font-family:var(--mono);font-size:12px;letter-spacing:0.26em;
  text-transform:uppercase;color:var(--dim);margin-bottom:16px;}
.pillar-desc{font-family:var(--body);font-size:17px;line-height:1.58;
  color:var(--muted);font-weight:400;}
.pillar-desc strong{color:var(--text-mid);font-weight:500;}
.pillar:hover{background:rgba(230,179,77,0.025);}
.pillar:hover .pillar-num{opacity:1;color:#e6b34d;text-shadow:0 0 18px rgba(230,179,77,0.9),0 0 36px rgba(230,179,77,0.65),0 0 72px rgba(230,179,77,0.35),0 0 120px rgba(230,179,77,0.15);}
.system-cap{margin-top:1px;background:var(--bg3);border:1px solid var(--border);
  border-top:none;padding:36px 30px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.cap-label{font-family:var(--mono);font-size:11px;letter-spacing:0.36em;text-transform:uppercase;
  color:var(--btc);margin-bottom:12px;}
.cap-main-h{font-family:var(--condensed);font-size:clamp(28px,3.5vw,44px);font-weight:900;
  line-height:1;text-transform:uppercase;color:var(--near-white);margin-bottom:14px;}
.cap-main-h span{color:var(--btc2);}
.cap-main-p{font-family:var(--body);font-size:18px;line-height:1.58;color:var(--muted);font-weight:300;}
.cap-main-p strong{color:var(--near-white);font-weight:500;}
.cap-flow{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow-x:auto;}
.cap-flow-step{font-family:var(--mono);font-size:13px;letter-spacing:0.16em;
  text-transform:uppercase;padding:8px 12px;border:1px solid;background:rgba(255,255,255,0.03);
  transition:0.28s;transition-property:var(--tcw-tp);cursor:default;}
/* Sequential flow: Regime=purple, Structure=teal, OTE=green-teal, CHoCH=amber, Execute=white */
.cap-flow-step:nth-child(1){color:rgba(112,144,240,0.90);border-color:rgba(112,144,240,0.32);}
.cap-flow-step:nth-child(3){color:rgba(74,222,128,0.90);border-color:rgba(74,222,128,0.30);}
.cap-flow-step:nth-child(5){color:rgba(77,215,185,0.90);border-color:rgba(77,215,185,0.32);}
.cap-flow-step:nth-child(7){color:var(--btc2);border-color:rgba(230,179,77,0.42);background:rgba(230,179,77,0.05);}
.cap-flow-step:nth-child(9){color:var(--near-white);border-color:rgba(255,255,255,0.38);background:rgba(255,255,255,0.04);font-weight:700;}
.cap-flow-arrow{font-size:14px;color:var(--dim);}
.cap-flow-step:hover{background:rgba(230,179,77,0.07);border-color:rgba(230,179,77,0.45);}
@media(max-width:800px){.pillar-grid{grid-template-columns:1fr;}.system-cap{grid-template-columns:1fr;}}
@media(max-width:600px){#system{padding:72px 24px;}}

/* ─────────────────────────────────────────
   § 4  DEMO FUNNEL
───────────────────────────────────────── */
#demo-cta{padding:100px 48px;background:var(--bg);position:relative;overflow:hidden;}
#demo-cta::before{content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(230,179,77,0.06) 0%,transparent 65%);
  pointer-events:none;}
.demo-cta-inner{max-width:1080px;margin:0 auto;}
.demo-cta-layout{display:grid;grid-template-columns:1fr 460px;gap:72px;align-items:center;}
.demo-cta-right{}
.demo-screen-mock{border:1px solid rgba(230,179,77,0.28);background:rgba(6,6,14,0.98);
  position:relative;overflow:hidden;
  box-shadow:0 0 80px rgba(230,179,77,0.14),0 0 180px rgba(230,179,77,0.05);}
.demo-screen-topbar{display:flex;align-items:center;justify-content:space-between;
  padding:10px 14px;border-bottom:1px solid rgba(230,179,77,0.15);
  background:rgba(230,179,77,0.04);}
.demo-screen-pair{font-family:var(--mono);font-size:14px;color:var(--btc2);letter-spacing:0.1em;}
.demo-screen-dots{display:flex;gap:5px;}
.demo-screen-dot{width:8px;height:8px;border-radius:50%;}
.demo-screen-dot:nth-child(1){background:rgba(248,113,113,0.6);}
.demo-screen-dot:nth-child(2){background:rgba(250,204,21,0.6);}
.demo-screen-dot:nth-child(3){background:rgba(77,255,176,0.6);}
.demo-chart-area{padding:20px;height:180px;position:relative;overflow:hidden;}
.demo-chart-canvas{width:100%;height:100%;position:relative;}
.demo-price-line{position:absolute;bottom:40%;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(230,179,77,0.4),var(--btc2),rgba(230,179,77,0.4));
  animation:float 3.5s ease-in-out infinite;will-change:transform;}
.demo-ote-zone{position:absolute;left:30%;right:20%;top:15%;bottom:45%;
  background:rgba(230,179,77,0.08);border-top:1px dashed rgba(230,179,77,0.3);
  border-bottom:1px dashed rgba(230,179,77,0.2);}
.demo-ote-label{font-family:var(--mono);font-size:11px;letter-spacing:0.2em;
  text-transform:uppercase;color:rgba(230,179,77,0.5);padding:3px 6px;}
.demo-entry-mark{position:absolute;right:22%;bottom:44%;
  width:8px;height:8px;background:var(--green);border-radius:50%;
  box-shadow:0 0 10px var(--green);animation:pulseOrb 1.8s ease-in-out infinite;will-change:opacity;}
.demo-panel{padding:14px 16px;border-top:1px solid rgba(255,255,255,0.07);
  display:flex;flex-direction:column;gap:8px;}
.demo-panel-row{display:flex;justify-content:space-between;
  font-family:var(--mono);font-size:13px;}
.demo-panel-lbl{color:var(--dim);letter-spacing:0.08em;}
.demo-panel-val-g{color:var(--green);}
.demo-panel-val-b{color:var(--btc2);}
.demo-panel-val-e{color:var(--eth2);}
.demo-cta-h2{margin-bottom:20px;}
.demo-bullet-list{display:flex;flex-direction:column;gap:10px;margin:28px 0;}
.demo-bullet{display:flex;align-items:flex-start;gap:12px;
  font-family:var(--body);font-size:17px;line-height:1.58;color:var(--muted);font-weight:300;}
.demo-bullet-dot{width:20px;height:20px;border:1px solid rgba(230,179,77,0.35);
  background:rgba(230,179,77,0.07);display:flex;align-items:center;justify-content:center;
  flex-shrink:0;margin-top:2px;}
.demo-bullet-dot span{font-family:var(--mono);font-size:11px;color:var(--btc2);letter-spacing:0;}
.demo-bullet strong{color:var(--near-white);font-weight:500;}
.demo-disclaimer{font-family:var(--mono);font-size:13px;letter-spacing:0.1em;
  color:rgba(230,179,77,0.35);margin-top:10px;}
.demo-cta-btns{display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
@media(max-width:900px){.demo-cta-layout{grid-template-columns:1fr;}}
@media(max-width:600px){#demo-cta{padding:72px 24px;}}

/* ─────────────────────────────────────────
   § 5  PRODUCT SELECTOR
───────────────────────────────────────── */
#products{padding:100px 48px;background:var(--bg2);}
.products-inner{max-width:1080px;margin:0 auto;}
.product-intro{max-width:600px;margin-bottom:56px;}
.asset-tabs{display:flex;gap:0;border:1px solid var(--border);margin-bottom:40px;
  width:fit-content;}
.asset-tab{font-family:var(--condensed);font-size:15px;letter-spacing:0.22em;
  text-transform:uppercase;font-weight:700;padding:14px 32px;cursor:pointer;
  transition:0.22s;transition-property:var(--tcw-tp);background:transparent;border:none;color:var(--dim);}
.asset-tab.active-btc{background:rgba(230,179,77,0.1);color:var(--btc2);
  border-right:1px solid rgba(230,179,77,0.2);}
.asset-tab.active-eth{background:rgba(112,144,240,0.1);color:var(--eth2);}
.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);}
.product-card{background:var(--bg3);padding:0;position:relative;overflow:hidden;
  transition:transform 0.3s ease, box-shadow 0.3s ease, background 0.32s;cursor:pointer;text-decoration:none;display:block;}
.product-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;}
.product-card.foundation-btc::before{background:linear-gradient(90deg,rgba(230,179,77,0.4),rgba(230,179,77,0.1));}
.product-card.masterwork-btc::before{background:linear-gradient(90deg,var(--btc),var(--btc2));}
.product-card.foundation-eth::before{background:linear-gradient(90deg,rgba(112,144,240,0.4),rgba(112,144,240,0.1));}
.product-card.masterwork-eth::before{background:linear-gradient(90deg,var(--eth),var(--eth2));}
.product-card:hover{background:rgba(230,179,77,0.03);transform:translateY(-6px);box-shadow:0 32px 80px rgba(0,0,0,0.5);}
.product-card.eth-card:hover{background:rgba(112,144,240,0.03);transform:translateY(-6px);box-shadow:0 32px 80px rgba(0,0,0,0.5);}
.pc-head{padding:28px 28px 20px;}
.pc-tier{font-family:var(--mono);font-size:11px;letter-spacing:0.4em;text-transform:uppercase;
  margin-bottom:10px;display:flex;align-items:center;gap:8px;}
.pc-tier.btc-t{color:var(--btc2);}
.pc-tier.eth-t{color:var(--eth2);}
.pc-tier-dot{width:4px;height:4px;border-radius:50%;flex-shrink:0;}
.pc-tier-dot.btc-d{background:var(--btc);}
.pc-tier-dot.eth-d{background:var(--eth);}
.pc-name{font-family:var(--condensed);font-size:clamp(24px,3vw,34px);font-weight:800;
  text-transform:uppercase;letter-spacing:0.04em;color:var(--near-white);margin-bottom:6px;line-height:1;}
.pc-tagline{font-family:var(--mono);font-size:13px;letter-spacing:0.18em;
  text-transform:uppercase;color:var(--dim);margin-bottom:0;}
.pc-divider{height:1px;background:rgba(255,255,255,0.07);margin:0 28px;}
.pc-body{padding:20px 28px 28px;}
.pc-features{display:flex;flex-direction:column;gap:9px;margin-bottom:22px;}
.pc-feature{display:flex;align-items:center;gap:9px;
  font-family:var(--body);font-size:16px;color:var(--muted);font-weight:300;}
.pc-feature-check{font-size:13px;flex-shrink:0;}
.pc-feature-check.btc-ch{color:var(--btc2);}
.pc-feature-check.eth-ch{color:var(--eth2);}
.pc-feature strong{color:var(--text-mid);font-weight:500;}
.pc-price-row{display:flex;align-items:baseline;gap:10px;margin-bottom:18px;}
.pc-price{font-family:var(--condensed);font-size:36px;font-weight:800;line-height:1;}
.pc-price.btc-p{color:var(--btc2);}
.pc-price.eth-p{color:var(--eth2);}
.pc-price-orig{font-family:var(--mono);font-size:16px;color:var(--dim);text-decoration:line-through;}
.pc-price-badge{font-family:var(--mono);font-size:11px;letter-spacing:0.3em;
  text-transform:uppercase;padding:3px 8px;
  border:1px solid rgba(77,255,176,0.3);color:var(--green);background:rgba(77,255,176,0.06);}
.pc-cta{display:flex;align-items:center;justify-content:space-between;
  padding:14px 18px;border:1px solid;font-family:var(--condensed);
  font-size:14px;letter-spacing:0.2em;font-weight:700;text-transform:uppercase;
  transition:0.25s;transition-property:var(--tcw-tp);cursor:pointer;position:relative;overflow:hidden;}
.pc-cta.btc-cta{border-color:rgba(230,179,77,0.3);color:var(--btc2);
  background:rgba(230,179,77,0.06);}
.pc-cta.eth-cta{border-color:rgba(112,144,240,0.3);color:var(--eth2);
  background:rgba(112,144,240,0.06);}
.product-card:hover .pc-cta.btc-cta{background:rgba(230,179,77,0.14);border-color:var(--btc);}
.product-card:hover .pc-cta.eth-cta{background:rgba(112,144,240,0.14);border-color:var(--eth);}
.pc-cta-arrow{transition:transform 0.2s;}
.product-card:hover .pc-cta-arrow{transform:translateX(5px);}
.product-note{margin-top:16px;font-family:var(--mono);font-size:13px;letter-spacing:0.12em;
  color:var(--dim);text-align:center;padding:14px;border-top:1px solid var(--border);}
.bundle-strip{margin-top:1px;background:var(--bg3);border:1px solid rgba(230,179,77,0.15);
  border-top:none;padding:28px;display:flex;align-items:center;justify-content:space-between;
  gap:24px;position:relative;overflow:hidden;transition:0.28s;transition-property:var(--tcw-tp);cursor:pointer;text-decoration:none;}
.bundle-strip::before{content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(230,179,77,0.04) 0%,rgba(112,144,240,0.04) 100%);
  opacity:0;transition:opacity 0.3s;}
.bundle-strip:hover::before{opacity:1;}
.bundle-strip:hover{border-color:rgba(230,179,77,0.35);}
.bundle-left{display:flex;flex-direction:column;gap:4px;}
.bundle-tag{font-family:var(--mono);font-size:11px;letter-spacing:0.38em;
  text-transform:uppercase;
  background:linear-gradient(90deg,var(--btc),var(--btc2),var(--eth));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.bundle-name{font-family:var(--condensed);font-size:22px;font-weight:800;
  letter-spacing:0.06em;text-transform:uppercase;color:var(--near-white);}
.bundle-desc{font-family:var(--body);font-size:16px;color:var(--muted);font-weight:400;}
.bundle-right{display:flex;align-items:center;gap:20px;flex-shrink:0;}
.bundle-price{font-family:var(--condensed);font-size:32px;font-weight:800;
  background:linear-gradient(135deg,var(--btc2),var(--btc),var(--eth));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;}
.bundle-cta{font-family:var(--condensed);font-size:14px;letter-spacing:0.22em;
  text-transform:uppercase;font-weight:700;padding:12px 22px;
  border:1px solid rgba(255,255,255,0.2);color:var(--near-white);
  background:rgba(255,255,255,0.04);white-space:nowrap;transition:0.25s;transition-property:var(--tcw-tp);}
.bundle-strip:hover .bundle-cta{border-color:rgba(230,179,77,0.5);color:var(--btc2);}
@media(max-width:800px){.product-grid{grid-template-columns:1fr;}
  .bundle-strip{flex-direction:column;align-items:flex-start;}}
@media(max-width:600px){#products{padding:72px 24px;}}

/* ─────────────────────────────────────────
   § 6  THE COMPLETE TRADER
───────────────────────────────────────── */
#complete{padding:100px 48px;background:var(--bg);}
.complete-inner{max-width:1080px;margin:0 auto;}
.complete-intro{max-width:700px;margin-bottom:64px;}
.thirds-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);}
.third{background:var(--bg2);padding:36px 28px;position:relative;overflow:hidden;
  transition:0.3s;transition-property:var(--tcw-tp);cursor:default;display:flex;flex-direction:column;align-items:stretch;}
.third::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;}
.third.charts::before{background:linear-gradient(90deg,var(--btc),var(--btc2));}
.third.psychology::before{background:linear-gradient(90deg,var(--eth),var(--eth2));}
.third.money::before{background:linear-gradient(90deg,var(--green),rgba(77,255,176,0.4));}
.third:hover{background:rgba(230,179,77,0.025);}
.third-fraction{font-family:var(--condensed);font-size:72px;font-weight:900;line-height:1;
  opacity:0.08;position:absolute;top:12px;right:16px;letter-spacing:-0.04em;color:var(--white);}
.third-n{font-family:var(--condensed);font-size:52px;font-weight:800;line-height:1;margin-bottom:6px;}
.third.charts .third-n{
  background:linear-gradient(135deg,var(--btc2),var(--btc));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.third.psychology .third-n{
  background:linear-gradient(135deg,var(--eth2),var(--eth));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.third.money .third-n{
  background:linear-gradient(135deg,#6cffd4,var(--green));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.third-label{font-family:var(--condensed);font-size:18px;font-weight:800;
  letter-spacing:0.1em;text-transform:uppercase;margin-bottom:5px;}
.third.charts .third-label{color:var(--btc2);}
.third.psychology .third-label{color:var(--eth2);}
.third.money .third-label{color:var(--green);}
.third-sub{font-family:var(--mono);font-size:12px;letter-spacing:0.28em;
  text-transform:uppercase;color:var(--dim);margin-bottom:16px;}
.third-desc{font-family:var(--body);font-size:16.5px;line-height:1.58;
  color:var(--muted);font-weight:400;}
.third-desc strong{color:var(--text-mid);font-weight:500;}
.complete-bridge{margin-top:1px;background:var(--bg2);padding:40px 36px;
  border:1px solid var(--border-eth);border-top:none;
  display:grid;grid-template-columns:1fr 320px;gap:48px;align-items:center;}
.bridge-left{}
.bridge-left p{font-family:var(--body);font-size:19px;line-height:1.58;
  color:var(--muted);font-weight:300;max-width:560px;}
.bridge-left p strong{color:var(--near-white);font-weight:500;}
.bridge-left p em{font-style:normal;color:var(--btc2);}
.bridge-right{display:flex;flex-direction:column;gap:12px;}
.bridge-coaching-card{border:1px solid rgba(112,144,240,0.28);background:rgba(112,144,240,0.04);
  padding:20px;position:relative;overflow:hidden;}
.bridge-coaching-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--eth),var(--eth2),transparent);}
.bcc-label{font-family:var(--mono);font-size:11px;letter-spacing:0.36em;
  text-transform:uppercase;color:var(--eth);margin-bottom:8px;}
.bcc-h{font-family:var(--condensed);font-size:20px;font-weight:700;
  letter-spacing:0.06em;text-transform:uppercase;color:var(--near-white);margin-bottom:6px;}
.bcc-desc{font-family:var(--body);font-size:15px;color:var(--muted);
  font-weight:400;line-height:1.58;margin-bottom:12px;}
.bcc-cta{font-family:var(--condensed);font-size:13px;letter-spacing:0.22em;
  text-transform:uppercase;font-weight:700;color:var(--eth2);
  display:flex;align-items:center;gap:6px;cursor:pointer;text-decoration:none;
  transition:0.22s;transition-property:var(--tcw-tp);}
.bcc-cta:hover{color:var(--white);}
.bcc-arrow{transition:transform 0.2s;}
.bcc-cta:hover .bcc-arrow{transform:translateX(4px);}
@media(max-width:800px){.thirds-grid{grid-template-columns:1fr;}
  .complete-bridge{grid-template-columns:1fr;}}
@media(max-width:600px){#complete{padding:72px 24px;}}

/* ─────────────────────────────────────────
   § 7  COACHING CTA
───────────────────────────────────────── */
#coaching{padding:100px 48px;background:var(--bg2);position:relative;overflow:hidden;}
#coaching::before{content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 65% 55% at 50% 100%,rgba(112,144,240,0.07) 0%,transparent 65%);
  pointer-events:none;}
#coaching::after{content:'';position:absolute;top:0;left:0;right:0;height:1.5px;
  background:linear-gradient(90deg,transparent,var(--eth),var(--eth2),transparent);}
.coaching-inner{max-width:1080px;margin:0 auto;}
.coaching-layout{display:grid;grid-template-columns:1fr 380px;gap:72px;align-items:start;}
.coaching-left{}
.coaching-douglas{margin:32px 0;padding:24px 24px 24px 28px;
  border-left:3px solid var(--eth);background:rgba(112,144,240,0.04);}
.coaching-douglas p{font-family:var(--body);font-size:18px;line-height:1.58;
  color:var(--text-mid);font-style:italic;font-weight:300;}
.coaching-douglas cite{display:block;margin-top:12px;font-family:var(--mono);
  font-size:13px;letter-spacing:0.22em;text-transform:uppercase;
  color:var(--eth);font-style:normal;}
.coaching-pillars{display:flex;flex-direction:column;gap:16px;margin-top:36px;}
.coaching-pillar{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;
  border:1px solid var(--border);background:rgba(255,255,255,0.02);
  transition:0.25s;transition-property:var(--tcw-tp);cursor:default;}
.coaching-pillar:hover{border-color:rgba(112,144,240,0.28);background:rgba(112,144,240,0.03);}
.coaching-pillar-icon{font-size:20px;flex-shrink:0;margin-top:1px;}
.coaching-pillar-h{font-family:var(--condensed);font-size:18px;font-weight:700;
  letter-spacing:0.08em;text-transform:uppercase;margin-bottom:4px;}
.coaching-pillar.pp1 .coaching-pillar-h{color:var(--eth2);}
.coaching-pillar.pp2 .coaching-pillar-h{color:var(--btc2);}
.coaching-pillar.pp3 .coaching-pillar-h{color:var(--green);}
.coaching-pillar-p{font-family:var(--body);font-size:16px;line-height:1.58;
  color:var(--muted);font-weight:400;}
.coaching-right{}
.coaching-card{border:1px solid rgba(112,144,240,0.3);background:rgba(6,6,14,0.97);
  padding:32px;position:relative;overflow:hidden;
  box-shadow:0 0 60px rgba(112,144,240,0.1),0 0 120px rgba(112,144,240,0.04);}
.coaching-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--eth),var(--eth2),transparent);}
.coaching-card-label{font-family:var(--mono);font-size:11px;letter-spacing:0.38em;
  text-transform:uppercase;color:var(--eth);margin-bottom:18px;
  display:flex;align-items:center;gap:8px;}
.coaching-live-dot{width:5px;height:5px;border-radius:50%;background:var(--eth);
  box-shadow:0 0 8px var(--eth);animation:blink 2s ease-in-out infinite;flex-shrink:0;will-change:opacity;}
.coaching-card-h{font-family:var(--condensed);font-size:26px;font-weight:800;
  text-transform:uppercase;letter-spacing:0.06em;color:var(--near-white);margin-bottom:10px;line-height:1.1;}
.coaching-card-p{font-family:var(--body);font-size:16.5px;line-height:1.58;
  color:var(--muted);font-weight:400;margin-bottom:24px;}
.coaching-options{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;}
.coaching-option{display:flex;justify-content:space-between;align-items:center;
  padding:12px 14px;border:1px solid rgba(112,144,240,0.15);
  background:rgba(112,144,240,0.04);transition:0.22s;transition-property:var(--tcw-tp);cursor:default;}
.coaching-option:hover{border-color:rgba(112,144,240,0.35);background:rgba(112,144,240,0.08);}
.co-name{font-family:var(--condensed);font-size:16px;font-weight:700;
  letter-spacing:0.1em;text-transform:uppercase;color:var(--eth2);}
.co-detail{font-family:var(--mono);font-size:13px;letter-spacing:0.1em;color:var(--dim);}
.coaching-card-cta{display:flex;align-items:center;justify-content:center;gap:12px;
  padding:18px 28px;width:100%;
  background:linear-gradient(110deg,rgba(112,144,240,0.15) 0%,rgba(112,144,240,0.05) 100%);
  border:1px solid rgba(112,144,240,0.35);color:var(--eth2);
  font-family:var(--condensed);font-size:16px;letter-spacing:0.22em;
  font-weight:700;text-transform:uppercase;cursor:pointer;text-decoration:none;
  transition:0.28s;transition-property:var(--tcw-tp);position:relative;overflow:hidden;}
.coaching-card-cta::after{content:'';position:absolute;inset:0;
  background:linear-gradient(110deg,transparent 30%,rgba(112,144,240,0.2) 50%,transparent 70%);
  transform:translateX(-100%);transition:transform 0.55s;}
.coaching-card-cta:hover{background:rgba(112,144,240,0.18);
  box-shadow:var(--glow-eth);color:var(--white);}
.coaching-card-cta:hover::after{transform:translateX(100%);}
.coaching-disclaimer{font-family:var(--mono);font-size:13px;letter-spacing:0.12em;
  color:var(--dim);text-align:center;margin-top:12px;line-height:1.5;}
@media(max-width:900px){.coaching-layout{grid-template-columns:1fr;}}
@media(max-width:600px){#coaching{padding:72px 24px;}}

/* ─────────────────────────────────────────
   § 8  FOOTER
───────────────────────────────────────── */
footer{padding:44px 48px;background:var(--bg);
  border-top:1px solid var(--border);position:relative;z-index:1;}
footer::before{content:'';position:absolute;top:0;left:0;right:0;height:1.5px;
  background:linear-gradient(90deg,transparent,var(--btc) 25%,var(--btc2) 50%,var(--eth) 75%,transparent);
  opacity:0.6;}
.footer-inner{max-width:1080px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.footer-brand{font-family:var(--condensed);font-size:17px;font-weight:800;
  letter-spacing:0.24em;text-transform:uppercase;color:var(--dim);}
.footer-links{display:flex;gap:28px;}
.footer-link{font-family:var(--mono);font-size:13px;letter-spacing:0.18em;
  text-transform:uppercase;color:var(--dim);text-decoration:none;transition:color 0.2s;}
.footer-link:hover{color:var(--btc2);}
.footer-copy{font-family:var(--mono);font-size:13px;letter-spacing:0.1em;color:var(--dim);}
@media(max-width:600px){footer{padding:32px 24px;}.footer-links{display:none;}}

/* ─────────────────────────────────────────
   STICKY DEMO BAR
───────────────────────────────────────── */
@keyframes slideUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}
#floatBar{position:fixed;bottom:0;left:0;right:0;z-index:600;
  background:rgba(2,2,4,0.97);
  border-top:1.5px solid transparent;
  border-image:linear-gradient(90deg,transparent,var(--btc),var(--btc2),var(--eth),transparent) 1;
  padding:0 32px;height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px;
  transform:translateY(100%);opacity:0;transition:transform 0.42s cubic-bezier(0.16,1,0.3,1),opacity 0.42s;}
#floatBar.visible{transform:translateY(0);opacity:1;}
.fb-left{display:flex;align-items:center;gap:10px;}
.fb-dot{width:6px;height:6px;border-radius:50%;background:var(--green);
  box-shadow:0 0 8px var(--green);animation:blink 1.2s ease-in-out infinite;flex-shrink:0;will-change:opacity;}
.fb-text{font-family:var(--mono);font-size:15px;letter-spacing:0.1em;color:var(--bright);}
.fb-text strong{color:var(--white);}
.fb-btn{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:12px 24px;
  background:linear-gradient(110deg,var(--btc) 0%,var(--btc2) 55%,#ffdf80 100%);
  border:none;color:#020204;font-family:var(--condensed);font-size:15px;
  letter-spacing:0.2em;font-weight:800;text-transform:uppercase;cursor:pointer;
  text-decoration:none;transition:0.25s;transition-property:var(--tcw-tp);}
.fb-btn:hover{box-shadow:0 8px 28px rgba(230,179,77,0.55);}
#fbClose{background:none;border:1px solid var(--border);color:var(--dim);
  font-size:16px;cursor:pointer;padding:0;width:28px;height:28px;
  display:flex;align-items:center;justify-content:center;transition:0.2s;transition-property:var(--tcw-tp);flex-shrink:0;}
#fbClose:hover{border-color:var(--btc);color:var(--btc);}

/* ── SCROLL REVEAL ── */
.reveal{opacity:0;transform:translateY(28px);transition:opacity 0.7s cubic-bezier(0.22,1,0.36,1),transform 0.7s cubic-bezier(0.22,1,0.36,1);}
.reveal.in{opacity:1;transform:translateY(0);}
.reveal-delay-1{transition-delay:0.08s;}
.reveal-delay-2{transition-delay:0.16s;}
.reveal-delay-3{transition-delay:0.24s;}

/* ─── DEMO GAME CSS (from eth-demo) ─── */
.demo-game-frame{border:1px solid var(--border-mid);background:var(--bg);
  display:flex;flex-direction:column;width:100%;max-width:1680px;margin:0 auto;}
.demo-grid{display:grid;grid-template-columns:1fr 420px;gap:0;align-items:stretch;}

/* chart panel */
.cpanel{background:var(--bg);border-right:1px solid var(--border);display:flex;flex-direction:column;}
.ctopbar{display:flex;align-items:center;justify-content:space-between;
  padding:10px 16px;border-bottom:1px solid var(--border);flex-shrink:0;}
.cpair{font-family:var(--mono);font-size:15px;font-weight:700;
  color:var(--text);letter-spacing:0.04em;}
.cex{font-family:var(--mono);font-size:15.5px;color:var(--text-dim);
  letter-spacing:0.12em;margin-left:8px;}
.clive{display:flex;align-items:center;gap:6px;font-family:var(--mono);
  font-size:16px;color:var(--green);}
.cld{width:5px;height:5px;border-radius:50%;background:var(--green);
  animation:blink 1.2s ease-in-out infinite;box-shadow:0 0 6px var(--green);}
.cpx{font-family:var(--mono);font-size:15px;font-weight:700;
  letter-spacing:0.05em;transition:0.4s;transition-property:var(--tcw-tp);}
.cpx.up{color:var(--green);} .cpx.dn{color:var(--red);}
.ctfs{display:flex;gap:2px;}
.ctf{font-family:var(--mono);font-size:15.5px;letter-spacing:0.1em;
  padding:4px 9px;border:1px solid var(--border);color:var(--text-dim);cursor:pointer;transition:0.22s;transition-property:var(--tcw-tp);}
.ctf:hover{border-color:rgba(230,179,77,0.45);color:rgba(230,179,77,0.8);background:rgba(230,179,77,0.06);}
.ctf.on{border-color:var(--cyan);color:var(--cyan);background:rgba(230,179,77,0.12);
  box-shadow:0 0 12px rgba(230,179,77,0.28),inset 0 0 8px rgba(230,179,77,0.08);
  text-shadow:0 0 8px rgba(230,179,77,0.6);}

/* 16:9 chart canvas wrap */
.cwrap{position:relative;aspect-ratio:16/9;width:100%;}
#chartCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;}
.ssess{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:6px;
  font-family:var(--mono);font-size:15px;letter-spacing:0.2em;
  color:var(--cyan);text-transform:uppercase;border:1px solid rgba(230,179,77,0.35);
  padding:5px 10px;background:rgba(2,2,4,0.88);
  box-shadow:0 0 14px rgba(230,179,77,0.10);}
.ssd{width:5px;height:5px;border-radius:50%;background:var(--cyan);
  animation:blink 1.4s ease-in-out infinite;box-shadow:0 0 6px var(--cyan);}
/* annotations */
.ann{position:absolute;pointer-events:none;font-family:var(--mono);
  font-size:15px;letter-spacing:0.1em;padding:4px 10px;border:1px solid;white-space:nowrap;
  opacity:0;transform:translateY(4px);transition:opacity 0.4s,transform 0.4s;}
.ann.show{opacity:1;transform:translateY(0);}
.ab{color:var(--green);border-color:rgba(74,222,128,0.38);background:rgba(2,2,4,0.93);}
.ao{color:var(--cyan);border-color:rgba(230,179,77,0.6);background:rgba(230,179,77,0.08);font-weight:600;}
.as{color:var(--purple);border-color:rgba(192,132,252,0.38);background:rgba(2,2,4,0.93);}
.ae{color:var(--amber);border-color:rgba(245,158,11,0.5);background:rgba(245,158,11,0.07);font-weight:600;}
.at{color:var(--green);border-color:rgba(74,222,128,0.38);background:rgba(2,2,4,0.93);}

/* ── PROTOCOL CHECKLIST STRIP ── */
@keyframes checkFlash{0%{filter:drop-shadow(0 0 12px rgba(74,222,128,0.6));}60%{filter:drop-shadow(0 0 6px rgba(74,222,128,0.25));}100%{filter:none;}}
@keyframes checkmarkDraw{
  0%{stroke-dashoffset:20;opacity:0;}
  60%{opacity:1;}
  100%{stroke-dashoffset:0;opacity:1;}
}
@keyframes stepLabelGlow{
  0%{color:var(--green);filter:drop-shadow(0 0 6px rgba(244,255,248,0.9)) drop-shadow(0 0 7px rgba(74,222,128,0.85));}
  100%{color:var(--green);filter:drop-shadow(0 0 3px rgba(74,222,128,0.45)) drop-shadow(0 0 9px rgba(74,222,128,0.30));}
}
.cklist{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--border);}
.ck{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  padding:8px 4px;border-right:1px solid var(--border);position:relative;
  transition:background 0.3s;}
.ck:last-child{border-right:none;}
.ck.done{animation:checkFlash 0.7s ease forwards;}
.ck-box{width:18px;height:18px;border:1px solid rgba(230,179,77,0.2);
  display:flex;align-items:center;justify-content:center;
  transition:border-color 0.3s,box-shadow 0.3s;flex-shrink:0;}
.ck.done .ck-box{border-color:rgba(74,222,128,0.7);
  box-shadow:0 0 10px rgba(74,222,128,0.35);}
.ck-check{display:none;}
.ck.done .ck-check{display:block;}
.ck-check svg{width:11px;height:11px;}
.ck-check svg polyline{
  stroke:var(--green);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;
  fill:none;stroke-dasharray:20;stroke-dashoffset:20;
  animation:checkmarkDraw 0.35s ease 0.05s forwards;}
.ck-lbl{font-family:var(--mono);font-size:11px;letter-spacing:0.12em;
  text-transform:uppercase;color:var(--text-dim);text-align:center;line-height:1.3;
  transition:color 0.3s;}
.ck.done .ck-lbl{color:var(--green);}
.ck.active .ck-box{border-color:rgba(230,179,77,0.6);box-shadow:0 0 8px rgba(230,179,77,0.3);}
.ck.active .ck-lbl{color:var(--cyan);}

/* cvd */
.cvd-strip{height:46px;border-top:1px solid var(--border);position:relative;overflow:hidden;flex-shrink:0;}
.cvd-lbl{position:absolute;top:5px;left:10px;font-family:var(--mono);
  font-size:15px;letter-spacing:0.15em;color:var(--text-dim);text-transform:uppercase;}
#cvdCanvas{width:100%;height:100%;display:block;}
/* controls */
.cctrl{display:flex;align-items:center;gap:10px;padding:10px 16px;border-top:1px solid var(--border);}
.cbtn{width:34px;height:34px;border:1px solid var(--border);background:transparent;
  color:var(--text-mid);cursor:pointer;transition:0.22s;transition-property:var(--tcw-tp);font-size:18px;
  display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.cbtn::after{content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 80% 80% at 50% 50%,rgba(230,179,77,0.22),transparent);
  opacity:0;transition:opacity 0.2s;}
.cbtn:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan);
  box-shadow:0 0 14px rgba(230,179,77,0.35),inset 0 0 8px rgba(230,179,77,0.08);}
.cbtn:hover:not(:disabled)::after{opacity:1;}
.cbtn:active:not(:disabled){transform:scale(0.92);}
.cbtn:disabled{opacity:0.22;cursor:not-allowed;}
.cauto{font-family:var(--mono);font-size:15.5px;letter-spacing:0.16em;
  text-transform:uppercase;padding:7px 14px;border:1px solid var(--border);
  color:var(--text-dim);background:transparent;cursor:pointer;transition:0.24s;transition-property:var(--tcw-tp);position:relative;overflow:hidden;}
.cauto::before{content:'';position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 35%,rgba(230,179,77,0.14) 50%,transparent 65%);
  transform:translateX(-100%);transition:transform 0.5s;}
.cauto:hover{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 12px rgba(230,179,77,0.24);}
.cauto:hover::before{transform:translateX(100%);}
.cauto.on{border-color:var(--cyan);color:var(--cyan);background:rgba(230,179,77,0.08);
  box-shadow:0 0 18px rgba(230,179,77,0.28),inset 0 0 10px rgba(230,179,77,0.08);
  text-shadow:0 0 8px rgba(230,179,77,0.6);}
.cinfo{font-family:var(--mono);font-size:16px;color:var(--text-mid);flex:0 0 auto;}
.cprog{flex:1;height:2px;background:rgba(230,179,77,0.08);}
.cpfill{height:100%;background:var(--cyan);transition:width 0.45s ease;
  box-shadow:0 0 8px var(--cyan),0 0 16px rgba(230,179,77,0.45);}

/* ── WIN RATE BADGE ── */
@keyframes winRateCount{from{opacity:0;transform:scale(0.7)}to{opacity:1;transform:scale(1)}}
@keyframes winRatePulse{0%,100%{filter:drop-shadow(0 0 8px rgba(74,222,128,0.3));}50%{filter:drop-shadow(0 0 20px rgba(74,222,128,0.7)) drop-shadow(0 0 40px rgba(74,222,128,0.2));}}
.gwinrate{border:1px solid rgba(74,222,128,0.3);background:rgba(74,222,128,0.05);
  padding:14px 16px;margin-bottom:10px;animation:winRatePulse 2.4s ease-in-out infinite;}
.gwinrate-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}
.gwinrate-lbl{font-family:var(--mono);font-size:11px;letter-spacing:0.28em;
  text-transform:uppercase;color:rgba(74,222,128,0.7);}
.gwinrate-pct{font-family:var(--condensed);font-size:28px;font-weight:800;color:var(--green);
  text-shadow:0 0 16px rgba(74,222,128,0.6),0 0 32px rgba(74,222,128,0.2);
  animation:winRateCount 0.45s cubic-bezier(0.16,1,0.3,1) both;line-height:1;}
.gwinrate-ctx{font-family:var(--mono);font-size:12px;color:rgba(74,222,128,0.55);
  letter-spacing:0.12em;line-height:1.58;}
.gwinrate-bars{display:flex;flex-direction:column;gap:3px;margin-top:8px;
  border-top:1px solid rgba(74,222,128,0.1);padding-top:8px;}
.gwinrate-bar-row{display:flex;align-items:center;gap:6px;}
.gwinrate-bar-lbl{font-family:var(--mono);font-size:11px;color:rgba(74,222,128,0.5);
  letter-spacing:0.1em;flex:1;line-height:1.4;}
.gwinrate-bar-lbl::before{content:'+ ';color:rgba(74,222,128,0.4);}

/* steps */
.steps{display:flex;flex-direction:column;gap:3px;}
.step{padding:15px 16px;border:1px solid transparent;cursor:pointer;
  transition:0.25s;transition-property:var(--tcw-tp);background:rgba(255,255,255,0.008);position:relative;overflow:hidden;}
.step::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;
  background:transparent;transition:0.25s;transition-property:var(--tcw-tp);}
.step::after{content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(230,179,77,0.06),transparent 60%);
  opacity:0;transition:opacity 0.25s;}
.step:hover{border-color:rgba(230,179,77,0.12);}
.step:hover::after{opacity:1;}
.step:hover::before{background:rgba(230,179,77,0.35);}
.step.active{background:rgba(230,179,77,0.06);border-color:rgba(230,179,77,0.22);
  box-shadow:inset 0 0 20px rgba(230,179,77,0.06);}
.step.active::before{background:var(--cyan);box-shadow:0 0 8px rgba(230,179,77,0.75);}
.step.active::after{opacity:1;}
.step.done::before{background:rgba(230,179,77,0.35);}
.step.done{border-color:rgba(255,255,255,0.07);}
.sn{width:22px;height:22px;flex-shrink:0;border:1px solid rgba(230,179,77,0.12);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--mono);font-size:15.5px;color:var(--text-dim);transition:0.25s;transition-property:var(--tcw-tp);
  position:relative;z-index:1;}
.step.active .sn{border-color:var(--cyan);color:var(--cyan);
  background:rgba(230,179,77,0.12);
  box-shadow:0 0 14px rgba(230,179,77,0.52),inset 0 0 6px rgba(230,179,77,0.12);}
.step.done .sn{border-color:rgba(230,179,77,0.35);color:rgba(230,179,77,0.6);}
.stitle{font-size:15.5px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;
  color:var(--text-mid);flex:1;transition:color 0.25s;position:relative;z-index:1;}
.step.active .stitle{color:var(--text);text-shadow:0 0 20px rgba(240,237,232,0.2);}
.shd{display:flex;align-items:center;gap:10px;}
.stag{font-family:var(--mono);font-size:15px;letter-spacing:0.1em;
  padding:3px 7px;border:1px solid;text-transform:uppercase;flex-shrink:0;}
.tsess{color:rgba(230,179,77,0.9);border-color:rgba(230,179,77,0.28);background:rgba(230,179,77,0.07);}
.tbos{color:var(--green);border-color:rgba(74,222,128,0.3);background:rgba(74,222,128,0.07);}
.tote{color:var(--cyan);border-color:rgba(230,179,77,0.35);background:rgba(230,179,77,0.07);}
.tchoch{color:var(--purple);border-color:rgba(192,132,252,0.3);background:rgba(192,132,252,0.07);}
.tentry{color:var(--amber);border-color:rgba(245,158,11,0.3);background:rgba(245,158,11,0.07);}
.ttp{color:var(--green);border-color:rgba(74,222,128,0.3);background:rgba(74,222,128,0.07);}
.sbody{overflow:hidden;max-height:0;opacity:0;
  transition:max-height 0.38s ease,opacity 0.38s ease,margin-top 0.3s ease;}
.step.active .sbody{max-height:280px;opacity:1;margin-top:12px;}
.sbody p{font-family:var(--mono);font-size:15px;line-height:1.58;color:var(--text-mid);}
.sbody p strong{color:var(--cyan);font-weight:600;}
.sbody p em{font-style:normal;color:var(--text);}
.sins{margin-top:10px;padding:9px 13px;
  background:rgba(230,179,77,0.06);border-left:2px solid rgba(230,179,77,0.24);}
.sins p{font-size:15px;color:rgba(230,179,77,0.85);font-style:italic;line-height:1.58;}

.demo-after{margin-top:28px;padding:22px 28px;border:1px solid rgba(230,179,77,0.12);
  background:rgba(230,179,77,0.03);display:flex;align-items:center;
  justify-content:space-between;gap:24px;flex-wrap:wrap;}
.demo-after h4{font-size:15.5px;font-weight:700;letter-spacing:0.03em;margin-bottom:5px;}
.demo-after p{font-family:var(--mono);font-size:15px;color:var(--text-mid);line-height:1.5;}

/* WIN RATES */
#wr{padding:72px 48px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);
  position:relative;z-index:1;}
.wr-inner{max-width:960px;margin:0 auto;}
.wr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--border);border:1px solid var(--border);margin-top:44px;}
.wc{background:var(--bg2);padding:28px 22px;text-align:center;
  position:relative;overflow:hidden;transition:background 0.3s;}
.wc:hover{background:rgba(230,179,77,0.03);}
.wc::before{content:'';position:absolute;top:0;left:0;right:0;height:1.5px;
  background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:0;transition:opacity 0.3s;}
.wc:hover::before{opacity:1;}
.wn{font-family:var(--condensed);font-size:52px;font-weight:900;letter-spacing:-0.02em;
  background:linear-gradient(135deg,var(--btc2),var(--btc));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  display:block;line-height:1;}
.wl{font-family:var(--mono);font-size:16px;letter-spacing:0.16em;
  color:var(--text-mid);text-transform:uppercase;margin-top:7px;display:block;}
.ws{font-family:var(--mono);font-size:15.5px;
  color:rgba(230,179,77,0.52);margin-top:5px;display:block;letter-spacing:0.1em;}
.wb{height:2px;background:rgba(230,179,77,0.08);margin-top:18px;overflow:hidden;}
.wbf{height:100%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);
  width:0;transition:width 1.4s cubic-bezier(0.22,0.61,0.36,1);}

/* CALC */
#calc{padding:80px 48px;background:var(--bg2);position:relative;z-index:1;}
.calc-inner{max-width:960px;margin:0 auto;}
.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:52px;}
.cbox{background:var(--bg);border:1px solid var(--border);padding:32px;}
.cbox-t{font-family:var(--mono);font-size:16px;letter-spacing:0.24em;
  text-transform:uppercase;color:var(--cyan);margin-bottom:28px;
  display:flex;align-items:center;gap:12px;}
.cbox-t::after{content:'';flex:1;height:1px;background:var(--border);}
.crow{margin-bottom:22px;}
.clbl{font-family:var(--mono);font-size:16px;letter-spacing:0.14em;
  color:var(--text-mid);text-transform:uppercase;margin-bottom:9px;display:block;}
.iwrap{position:relative;}
.inp{width:100%;background:rgba(255,255,255,0.03);border:1px solid rgba(230,179,77,0.12);
  color:var(--text);font-family:var(--mono);font-size:16px;
  padding:12px 48px 12px 14px;outline:none;transition:0.2s;transition-property:var(--tcw-tp);}
.inp:focus{border-color:rgba(230,179,77,0.45);background:rgba(230,179,77,0.03);}
.iunit{position:absolute;right:12px;top:50%;transform:translateY(-50%);
  font-family:var(--mono);font-size:16px;color:var(--text-dim);}
input[type="range"]{width:100%;-webkit-appearance:none;appearance:none;height:2px;
  background:rgba(255,255,255,0.09);outline:none;margin:10px 0 6px;cursor:pointer;}
input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;
  background:var(--cyan);cursor:pointer;box-shadow:0 0 8px rgba(230,179,77,0.75);}
.rng-v{display:flex;justify-content:space-between;
  font-family:var(--mono);font-size:15px;color:var(--text-dim);}
.rng-v .hi{color:var(--cyan);}
.rrows{display:flex;flex-direction:column;}
.rrow{display:flex;justify-content:space-between;align-items:baseline;
  padding:13px 0;border-bottom:1px solid rgba(255,255,255,0.05);}
.rrow:last-of-type{border-bottom:none;}
.rlbl{font-family:var(--mono);font-size:15px;
  color:var(--text-mid);letter-spacing:0.12em;text-transform:uppercase;}
.rval{font-family:var(--mono);font-size:19px;font-weight:700;letter-spacing:0.03em;}
.rv-red{color:var(--red);} .rv-cy{color:var(--cyan);text-shadow:var(--glow-sm);}
.rv-am{color:var(--amber);} .rv-gn{color:var(--green);text-shadow:var(--glow-green);}
.rv-wh{color:var(--text);}
.ksec{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.05);}
.khd{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.kt{font-family:var(--mono);font-size:16px;letter-spacing:0.14em;
  text-transform:uppercase;color:var(--text-mid);}
.kg{font-family:var(--mono);font-size:16px;letter-spacing:0.14em;
  text-transform:uppercase;color:var(--cyan);font-weight:700;}
.kbar{height:3px;background:rgba(255,255,255,0.07);overflow:hidden;}
.kfill{height:100%;background:linear-gradient(90deg,var(--green),var(--cyan));
  transition:width 0.5s ease;box-shadow:0 0 8px rgba(230,179,77,0.45);}
.ccta{margin-top:24px;padding:20px;border:1px solid rgba(245,158,11,0.2);background:rgba(245,158,11,0.03);}
.ccta-t{font-family:var(--mono);font-size:15px;
  color:rgba(245,158,11,0.7);letter-spacing:0.1em;margin-bottom:14px;line-height:1.58;}
.btn-a{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:18px 40px;min-height:58px;font-family:var(--mono);font-weight:700;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;background:var(--white);color:var(--bg);border:1.5px solid var(--white);text-decoration:none;transition:0.3s ease;transition-property:var(--tcw-tp);position:relative;overflow:hidden;box-shadow:0 6px 32px rgba(230,179,77,0.38),0 0 0 1px rgba(255,200,77,0.25),0 0 60px rgba(230,179,77,0.12);cursor:pointer;}
.btn-a::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--btc) 0%,var(--btc2) 40%,var(--btc) 100%);background-size:300% 100%;opacity:0;transition:opacity 0.3s;}
.btn-a:hover{color:var(--bg);border-color:var(--btc2);transform:translateY(-4px);box-shadow:0 28px 80px rgba(230,179,77,0.80),0 8px 28px rgba(230,179,77,0.65),0 0 0 2px rgba(255,220,100,0.55);}
.btn-a:hover::before{opacity:1;}
.btn-a span{position:relative;z-index:1;}
.btn-a .btn-arrow{position:relative;z-index:1;font-size:20px;transition:transform 0.35s;}
.btn-a:hover .btn-arrow{transform:translateX(10px);}

/* SECONDARY BUTTON (ETH variant) */
.btn-b{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:18px 40px;min-height:58px;font-family:var(--mono);font-size:13px;letter-spacing:0.12em;text-transform:uppercase;background:transparent;color:var(--bright);border:1.5px solid var(--border-hi);text-decoration:none;transition:0.3s ease;transition-property:var(--tcw-tp);position:relative;overflow:hidden;cursor:pointer;}
.btn-b::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(98,126,234,0.2),rgba(160,180,255,0.12));opacity:0;transition:opacity 0.3s;}
.btn-b:hover{color:var(--white);border-color:var(--eth2);transform:translateY(-4px);box-shadow:0 28px 80px rgba(112,144,240,0.65),0 8px 28px rgba(112,144,240,0.55);}
.btn-b:hover::before{opacity:1;}
.btn-b span{position:relative;z-index:1;}
.btn-b .btn-arrow{font-size:20px;transition:transform 0.35s;}
.btn-b:hover .btn-arrow{transform:translateX(10px);}

/* ═══════════════════════════════════════════
   STEP 1 — SIZING GATE
═══════════════════════════════════════════ */
@keyframes sizingFramePulse{0%,100%{opacity:0.22}50%{opacity:1}}
@keyframes sizingCtaPulse{
  0%,100%{filter:drop-shadow(0 0 10px rgba(230,179,77,0.35));}
  50%{filter:drop-shadow(0 0 28px rgba(230,179,77,0.72)) drop-shadow(0 0 48px rgba(230,179,77,0.28));
    }
}
#gSizing .demo-game-frame {
  border:1px solid rgba(255,255,255,0.20);
}
#gSizing{position:relative;}
#gSizing::after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:0 0 28px rgba(230,179,77,0.42),0 0 8px rgba(255,255,255,0.12);animation:sizingFramePulse 3s ease-in-out infinite;}
.gsize-inner{display:grid;grid-template-columns:1fr 1fr;gap:0;width:100%;}
.gsize-left{padding:52px 44px;border-right:1px solid rgba(255,255,255,0.10);
  display:flex;flex-direction:column;justify-content:center;gap:22px;
  background:linear-gradient(135deg,rgba(230,179,77,0.07) 0%,rgba(255,255,255,0.02) 40%,transparent 70%);
  position:relative;overflow:hidden;}
.gsize-left::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.22),rgba(230,179,77,0.5),rgba(255,255,255,0.22),transparent);}
.gsize-left::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(230,179,77,0.18),transparent);}
.gsize-step{font-family:var(--mono);font-size:13px;letter-spacing:0.3em;
  text-transform:uppercase;color:var(--cyan);display:flex;align-items:center;gap:10px;
  text-shadow:0 0 12px rgba(230,179,77,0.6);}
.gsize-step::before{content:'';width:28px;height:1px;background:#e6b34d;
  box-shadow:0 0 6px rgba(230,179,77,0.8);}
.gsize-h{font-family:var(--condensed);font-size:clamp(30px,3.8vw,50px);
  font-weight:200;line-height:1.05;color:var(--text);
  text-shadow:0 0 40px rgba(255,255,255,0.08);}
.gsize-h strong{font-weight:800;color:var(--cyan);
  text-shadow:0 0 16px rgba(230,179,77,0.7),0 0 40px rgba(230,179,77,0.25);}
.gsize-quote{font-family:var(--mono);font-size:15px;line-height:1.58;
  color:rgba(240,237,232,0.75);
  border-left:2px solid rgba(230,179,77,0.6);
  padding-left:16px;font-style:italic;
  background:rgba(230,179,77,0.04);
  box-shadow:inset 0 0 20px rgba(230,179,77,0.04);}
.gsize-attr{font-family:var(--mono);font-size:13px;letter-spacing:0.2em;
  color:rgba(230,179,77,0.55);text-transform:uppercase;}
.gsize-right{padding:44px 40px;display:flex;flex-direction:column;gap:20px;
  background:rgba(255,255,255,0.012);}
.gsize-form{display:flex;flex-direction:column;gap:20px;}
.grange-labels{display:flex;justify-content:space-between;
  font-family:var(--mono);font-size:12px;
  color:var(--text-dim);margin-top:3px;}
.grange-labels span:nth-child(2){color:var(--cyan);opacity:0.85;text-shadow:0 0 8px rgba(230,179,77,0.5);}

/* ══ SCREEN TRANSITIONS ══ */
@keyframes screenIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes screenOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-14px)}}
@keyframes cardPop{0%{transform:scale(1)}40%{transform:scale(0.97)}100%{transform:scale(1)}}
@keyframes ringPulse{0%,100%{transform:scale(1);opacity:0.6}50%{transform:scale(1.12);opacity:1}}
@keyframes stepBadgePop{0%{transform:scale(0.6);opacity:0}60%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}

.g-screen{animation:screenIn 0.38s cubic-bezier(0.16,1,0.3,1) both;}

/* Step progress indicator */
/* ═══ STEP RAIL ═══ */
@keyframes stepGlow{0%,100%{filter:drop-shadow(0 0 6px rgba(230,179,77,0.25));}50%{filter:drop-shadow(0 0 18px rgba(230,179,77,0.55)) drop-shadow(0 0 4px rgba(255,255,255,0.08));}}
@keyframes arrowDrop{
  0%,100%{transform:translateX(-50%) translateY(0);}
  50%{transform:translateX(-50%) translateY(4px);}
}
@keyframes lineFill{
  from{transform:scaleX(0);}to{transform:scaleX(1);}
}
@keyframes calloutBreathe{
  0%,100%{opacity:0.7;}50%{opacity:1;}
}

.g-stepper{
  display:flex;align-items:flex-start;justify-content:center;
  gap:0;margin-bottom:32px;padding-bottom:0;position:relative;
}

/* Node — holds number badge + label + arrow */
.g-step-node{
  display:flex;flex-direction:column;align-items:center;gap:8px;
  position:relative;padding-bottom:96px;/* clear space below label for the guide arrow stack */
}

/* Number badge — Barlow Condensed for authority */
.g-step-dot{
  width:38px;height:38px;
  border:1.5px solid rgba(230,179,77,0.18);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--condensed);font-size:19px;font-weight:900;letter-spacing:0.02em;
  color:rgba(230,179,77,0.28);
  transition:0.45s cubic-bezier(0.25,0.46,0.45,0.94);transition-property:var(--tcw-tp);
  position:relative;z-index:1;
  background:rgba(2,2,4,0.85);
}

/* Active — BTC orange pulse ring */
.g-step-dot.active{
  border-color:var(--btc);
  border-width:1.5px;
  color:var(--btc2);
  background:rgba(230,179,77,0.07);
  animation:stepGlow 2.4s ease-in-out infinite;
}

/* Done — green checkmark */
.g-step-dot.done{
  border-color:rgba(77,255,176,0.6);
  color:var(--green);
  background:rgba(77,255,176,0.05);
  box-shadow:0 0 10px rgba(77,255,176,0.2);
  font-size:16px;
}

/* Label row — mono caps */
.g-stepper{display:flex!important;flex-wrap:nowrap!important;}
.g-step-lbl{
  display:flex;flex-direction:column;align-items:center;gap:2px;
  text-align:center;
}
@media(max-width:560px){.g-step-lbl{display:none!important;}.g-step-arrow-label{display:none!important;}}
.g-step-lbl-num{
  font-family:var(--mono);font-size:11px;letter-spacing:0.3em;
  text-transform:uppercase;color:rgba(230,179,77,0.2);
  transition:color 0.4s;
}
.g-step-lbl-txt{
  font-family:var(--mono);font-size:11px;letter-spacing:0.22em;
  text-transform:uppercase;color:rgba(255,255,255,0.62);
  white-space:nowrap;transition:color 0.4s;
}
.g-step-node.active .g-step-lbl-num{color:rgba(230,179,77,0.55);}
.g-step-node.active .g-step-lbl-txt{color:var(--btc2);text-shadow:0 0 12px rgba(230,179,77,0.5);}
.g-step-node.done .g-step-lbl-num{color:rgba(77,255,176,0.4);}
.g-step-node.done .g-step-lbl-txt{color:rgba(77,255,176,0.6);}

/* ─── The downward callout arrow — white/blue glowing SSJ style ─── */
.g-step-arrow{
  position:absolute;
  bottom:8px;left:50%;
  transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:0;
  opacity:0;transition:opacity 0.5s;
  pointer-events:none;
  z-index:200;
}
#gs1.active .g-step-arrow{
  opacity:1;
  animation:
    guideFloat 1.6s ease-in-out infinite,
    guideGlowSSJ 2s ease-in-out infinite;
}
/* START HERE label */
.g-step-arrow-label{
  font-family:var(--mono);font-size:11px;letter-spacing:0.3em;
  text-transform:uppercase;white-space:nowrap;
  color:rgba(180,215,255,0.95);
  text-shadow:
    0 0 6px rgba(255,255,255,0.9),
    0 0 16px rgba(180,215,255,0.9),
    0 0 32px rgba(120,175,255,0.6);
  margin-bottom:10px;
}
/* Shaft */
.g-step-arrow-shaft{
  width:2px;height:32px;
  background:linear-gradient(to bottom,#ffffff,rgba(170,210,255,0.5));
  border-radius:2px;
  box-shadow:
    0 0 4px rgba(255,255,255,0.95),
    0 0 12px rgba(160,205,255,0.8),
    0 0 28px rgba(120,175,255,0.45);
  animation:shaftFlicker 1.8s ease-in-out infinite;
  will-change:opacity;
}
/* Arrowhead */
.g-step-arrow-head{
  width:0;height:0;
  border-left:8px solid transparent;
  border-right:8px solid transparent;
  border-top:11px solid #ffffff;
  margin-top:-1px;
  filter:
    drop-shadow(0 0 4px rgba(255,255,255,1))
    drop-shadow(0 0 12px rgba(170,210,255,0.9))
    drop-shadow(0 0 26px rgba(120,170,255,0.55));
}

/* Connecting line between nodes */
.g-step-line{
  width:90px;height:1px;
  background:rgba(230,179,77,0.09);
  flex-shrink:0;
  margin:0 6px;
  margin-top:19px; /* vertically centers with badge */
  margin-bottom:92px;/* matches node padding-bottom */
  position:relative;overflow:hidden;
  transition:background 0.5s;
}
.g-step-line::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,var(--green),rgba(77,255,176,0.5));
  transform:scaleX(0);transform-origin:left;
  transition:transform 0s;
}
.g-step-line.done::after{
  animation:lineFill 0.55s cubic-bezier(0.25,0.46,0.45,0.94) forwards;
}

/* ─── START HERE callout — chart annotation style ─── */
.step-callout{
  position:absolute;
  left:-180px;top:50%;transform:translateY(-50%);
  display:flex;align-items:center;gap:0;
  pointer-events:none;
  animation:calloutBreathe 2.2s ease-in-out infinite;
  transition:opacity 0.5s;
  z-index:10;
}
.step-callout.hidden{opacity:0;}
.step-callout-txt{
  font-family:var(--mono);font-size:11px;letter-spacing:0.26em;
  text-transform:uppercase;color:var(--btc2);
  white-space:nowrap;text-align:right;
  text-shadow:0 0 10px rgba(230,179,77,0.6);
  line-height:1.5;
}
.step-callout-line{
  width:32px;height:1px;
  background:linear-gradient(90deg,rgba(230,179,77,0.6),var(--btc));
  margin:0 6px;flex-shrink:0;
}
.step-callout-head{
  width:0;height:0;
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
  border-left:6px solid rgba(230,179,77,0.75);
}

/* Enhanced trade cards */
.gtcard{background:var(--bg2);padding:28px 24px;cursor:pointer;
  transition:background 0.2s,transform 0.22s,box-shadow 0.25s;
  display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;
  border:1px solid rgba(230,179,77,0.14);box-shadow:none;}
.gtcard::after{content:'';position:absolute;top:0;left:-60%;width:40%;height:100%;
  background:linear-gradient(105deg,transparent 0%,rgba(230,179,77,0.12) 50%,transparent 100%);
  transform:skewX(-15deg);transition:left 0s;pointer-events:none;opacity:0;}
.gtcard:hover::after{left:130%;opacity:1;transition:left 0.55s ease,opacity 0.1s;}
.gtcard:hover{background:rgba(230,179,77,0.07);transform:translateY(-4px);
  box-shadow:0 0 0 1px rgba(230,179,77,0.38),0 12px 40px rgba(230,179,77,0.14),
             0 0 60px rgba(230,179,77,0.05);}
.gtcard.feat{border-color:rgba(230,179,77,0.28);background:rgba(230,179,77,0.04);}
.gtcard.feat:hover{background:rgba(245,158,11,0.09);
  box-shadow:0 0 0 1px rgba(245,158,11,0.5),0 12px 40px rgba(245,158,11,0.18),
             0 0 80px rgba(230,179,77,0.08);}
.gtcard:active{animation:cardPop 0.25s ease;}

/* ═══════════════════════════════════════════
   STEP 2 — TRADE SELECT
═══════════════════════════════════════════ */
@keyframes cardGlowPulse{0%,100%{filter:drop-shadow(0 0 4px rgba(230,179,77,0.06));}50%{filter:drop-shadow(0 0 18px rgba(230,179,77,0.2)) drop-shadow(0 0 4px rgba(255,255,255,0.07));}}
  50% {
    box-shadow: 0 0 0 1px rgba(255,255,255,0.42),
                0 0 28px rgba(255,255,255,0.12),
                0 0 60px rgba(230,179,77,0.16),
                inset 0 0 20px rgba(255,255,255,0.03);
  }
}
@keyframes cardGlowPulseFeat{0%,100%{filter:drop-shadow(0 0 6px rgba(230,179,77,0.1));}50%{filter:drop-shadow(0 0 26px rgba(230,179,77,0.3)) drop-shadow(0 0 6px rgba(255,255,255,0.1));}}
  50% {
    box-shadow: 0 0 0 1px rgba(255,255,255,0.55),
                0 0 36px rgba(255,255,255,0.15),
                0 0 80px rgba(230,179,77,0.22),
                inset 0 0 24px rgba(255,255,255,0.04);
  }
}
.gtsel-hd{margin-bottom:28px;}
.gtsel-step{font-family:var(--mono);font-size:13px;letter-spacing:0.3em;
  text-transform:uppercase;color:var(--cyan);opacity:0.7;
  display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.gtsel-step::before{content:'';width:28px;height:1px;background:#e6b34d;opacity:0.7;}
.gtsel-sub{font-family:var(--mono);font-size:15px;line-height:1.58;color:var(--text-mid);}
.gtrade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}

button.gtcard{font-family:inherit;text-align:left;width:100%;outline:none;}
.gtcard{background:var(--bg2);padding:28px 24px;cursor:pointer;transition:background 0.2s,transform 0.2s,box-shadow 0.2s,filter 0.2s;
  display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;
  border:1px solid rgba(255,255,255,0.16);
  animation:cardGlowPulse 3s ease-in-out infinite;}
.gtcard:nth-child(2){animation-delay:0.5s;}
.gtcard:nth-child(3){animation-delay:1s;}
.gtcard:hover{background:rgba(230,179,77,0.07);transform:translateY(-3px);
  animation:none;
  box-shadow:0 0 0 1.5px rgba(255,255,255,0.7),0 0 32px rgba(255,255,255,0.18),0 8px 32px rgba(230,179,77,0.18);}
.gtcard.feat{border-color:rgba(255,255,255,0.22);background:rgba(230,179,77,0.04);
  animation:cardGlowPulseFeat 2.6s ease-in-out infinite;}
.gtcard.feat:hover{background:rgba(245,158,11,0.07);animation:none;
  box-shadow:0 0 0 1.5px rgba(255,255,255,0.8),0 0 40px rgba(255,255,255,0.2),0 8px 40px rgba(230,179,77,0.22);}
.gtcard-badge{font-family:var(--mono);font-size:12px;letter-spacing:0.28em;
  text-transform:uppercase;padding:3px 8px;border:1px solid;display:inline-block;width:fit-content;}
.gtcard-badge.gn{color:var(--green);border-color:rgba(74,222,128,0.3);background:rgba(74,222,128,0.06);}
.gtcard-badge.am{color:var(--amber);border-color:rgba(245,158,11,0.3);background:rgba(245,158,11,0.06);}
.gtcard-badge.pu{color:var(--purple);border-color:rgba(192,132,252,0.3);background:rgba(192,132,252,0.06);}
.gtcard-session{font-family:var(--mono);font-size:13px;letter-spacing:0.18em;
  color:var(--text-dim);text-transform:uppercase;}
.gtcard-name{font-family:var(--condensed);font-size:19px;font-weight:700;
  color:var(--text);line-height:1.15;}
.gtcard-desc{font-family:var(--mono);font-size:14px;line-height:1.58;color:var(--text-mid);}
.gtcard-stats{display:flex;flex-direction:column;gap:3px;margin-top:4px;
  border-top:1px solid rgba(230,179,77,0.12);padding-top:10px;}
.gtcard-stats span{font-family:var(--mono);font-size:13px;
  color:var(--text-dim);letter-spacing:0.12em;}
.gtcard-stats span::before{content:'— ';color:rgba(230,179,77,0.5);}
.gtcard-cta{font-family:var(--condensed);font-size:14px;font-weight:700;
  letter-spacing:0.18em;text-transform:uppercase;color:var(--cyan);margin-top:auto;
  display:flex;align-items:center;gap:6px;transition:gap 0.2s;}
.gtcard:hover .gtcard-cta{gap:10px;color:var(--cyan-bright);}
.gtcard.feat .gtcard-cta{color:var(--amber);}

/* ═══════════════════════════════════════════
   STEP 3 — GAME PLAY HUD
═══════════════════════════════════════════ */
.gplay-step-hd{margin-bottom:20px;}
.ghud{display:flex;flex-direction:column;gap:0;background:var(--bg);
  border:1px solid var(--border);position:relative;overflow:hidden;}
.gphase{display:flex;flex-direction:column;height:100%;padding:20px 18px;gap:12px;
  animation:fadeUp 0.3s ease both;}
.gphase-tag{font-family:var(--mono);font-size:12px;letter-spacing:0.28em;
  text-transform:uppercase;display:flex;align-items:center;gap:8px;}
.gphase-tag::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;
  box-shadow:0 0 8px currentColor;animation:blink 1.4s ease-in-out infinite;}
.gphase-tag.cy{color:var(--cyan);}
.gphase-tag.gn{color:var(--green);}
.gphase-tag.am{color:var(--amber);}
.gphase-tag.rd{color:var(--red);}
.gphase-tag.pu{color:var(--purple);}
.gphase-h{font-family:var(--condensed);font-size:18px;font-weight:700;
  letter-spacing:0.04em;line-height:1.2;color:var(--text);}
.gphase-sub{font-family:var(--mono);font-size:14px;line-height:1.52;color:var(--text-mid);}
.gphase-sub strong{color:var(--text);}
.gphase-sub em{font-style:normal;color:var(--cyan);}
.gdivider{height:1px;background:var(--border);margin:2px 0;}

/* GHud fills the right column */
.ghud{display:flex;flex-direction:column;gap:0;background:var(--bg);
  position:sticky;top:56px;overflow-y:auto;align-self:stretch;}
.gphase{display:flex;flex-direction:column;padding:16px 16px;gap:10px;
  animation:fadeUp 0.3s ease both;}
.gfield{display:flex;flex-direction:column;gap:5px;}
.gfield label{font-family:var(--mono);font-size:13px;letter-spacing:0.18em;
  text-transform:uppercase;color:rgba(192,187,180,0.85);}
.gfield-row{display:flex;align-items:center;gap:0;}
.ginp{flex:1;background:rgba(230,179,77,0.07);border:1px solid rgba(255,255,255,0.14);
  color:var(--text);font-family:var(--mono);font-size:16px;
  padding:9px 12px;transition:0.2s;transition-property:var(--tcw-tp);outline:none;}
.ginp:focus{border-color:rgba(230,179,77,0.65);background:rgba(230,179,77,0.09);
  box-shadow:0 0 18px rgba(230,179,77,0.12),0 0 30px rgba(230,179,77,0.15);}
.gunit{background:rgba(230,179,77,0.10);border:1px solid rgba(255,255,255,0.12);border-left:none;
  font-family:var(--mono);font-size:14px;padding:9px 10px;
  color:rgba(192,187,180,0.8);letter-spacing:0.1em;white-space:nowrap;}
.grange{width:100%;accent-color:#e6b34d;cursor:pointer;}

/* sizing preview panel */
.gpreview{background:rgba(230,179,77,0.06);
  border:1px solid rgba(230,179,77,0.22);
  padding:14px 16px;display:flex;flex-direction:column;gap:9px;
  box-shadow:0 0 0 0.5px rgba(230,179,77,0.15) inset,
             0 0 20px rgba(255,255,255,0.03);}
.gprow{display:flex;justify-content:space-between;align-items:baseline;}
.gplbl{font-family:var(--mono);font-size:13px;letter-spacing:0.14em;
  text-transform:uppercase;color:rgba(192,187,180,0.85);}
.gpval{font-family:var(--mono);font-size:16px;font-weight:700;letter-spacing:0.04em;}
.gpval.cy{color:var(--cyan);text-shadow:0 0 14px rgba(230,179,77,0.8),0 0 30px rgba(230,179,77,0.3);}
.gpval.am{color:var(--amber);text-shadow:0 0 10px rgba(245,158,11,0.5);}
.gpval.gn{color:var(--green);text-shadow:0 0 10px rgba(74,222,128,0.5);}
.gpval.rd{color:var(--red);text-shadow:0 0 10px rgba(248,113,113,0.4);}

/* countdown ring */
.gcountdown{display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px 0;}
.gcring{position:relative;width:80px;height:80px;}
.gcring svg{transform:rotate(-90deg);}
.gcring-bg{fill:none;stroke:rgba(230,179,77,0.08);stroke-width:5;}
.gcring-fill{fill:none;stroke:var(--amber);stroke-width:5;stroke-linecap:butt;
  transition:stroke-dashoffset 0.92s linear;stroke-dasharray:220;stroke-dashoffset:0;}
.gcring-fill.urgent{stroke:var(--red);filter:drop-shadow(0 0 8px rgba(248,113,113,0.9));}
.gcring-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-family:var(--mono);font-size:26px;font-weight:700;color:var(--amber);}
.gcring-num.urgent{color:var(--red);text-shadow:0 0 14px rgba(248,113,113,0.9);}
.gcring-lbl{font-family:var(--mono);font-size:12px;letter-spacing:0.22em;
  color:var(--text-dim);text-transform:uppercase;}

/* P&L live display */
.gpnl{text-align:center;padding:8px 0;}
.gpnl-val{font-family:var(--mono);font-size:34px;font-weight:700;
  color:var(--green);text-shadow:0 0 24px rgba(74,222,128,0.7),0 0 50px rgba(74,222,128,0.25);
  letter-spacing:-0.01em;line-height:1;}
.gpnl-r{font-family:var(--mono);font-size:16px;color:var(--green);
  letter-spacing:0.08em;margin-top:4px;}
.gpnl-sub{font-family:var(--mono);font-size:13px;color:var(--text-dim);
  margin-top:5px;letter-spacing:0.1em;}
.gtraderow{display:flex;justify-content:space-between;padding:6px 0;
  border-bottom:1px solid rgba(230,179,77,0.06);}
.gtraderow:last-child{border-bottom:none;}
.gtr-l{font-family:var(--mono);font-size:13px;color:var(--text-dim);
  letter-spacing:0.12em;text-transform:uppercase;}
.gtr-v{font-family:var(--mono);font-size:15px;font-weight:700;}

/* result */
.gresult{display:flex;flex-direction:column;align-items:center;gap:12px;
  padding:24px 18px;text-align:center;position:relative;}
.gresult::before{content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 80% 70% at 50% 30%,rgba(74,222,128,0.08),transparent);
  pointer-events:none;}
.gresult-icon{font-size:30px;}
.gresult-h{font-family:var(--condensed);font-size:20px;font-weight:700;color:var(--green);
  text-shadow:0 0 22px rgba(74,222,128,0.6);letter-spacing:0.02em;}
.gresult-pnl{font-family:var(--mono);font-size:40px;font-weight:700;
  color:var(--green);text-shadow:0 0 30px rgba(74,222,128,0.7),0 0 60px rgba(74,222,128,0.3);
  line-height:1;}
.gresult-r{font-family:var(--mono);font-size:17px;color:var(--green);
  letter-spacing:0.06em;margin-top:2px;}
.ggrade{display:inline-flex;align-items:center;gap:8px;
  font-family:var(--mono);font-size:13px;letter-spacing:0.18em;
  text-transform:uppercase;padding:6px 14px;border:1px solid rgba(74,222,128,0.3);
  color:var(--green);background:rgba(74,222,128,0.06);}
.gresult-miss .gresult-pnl{color:var(--amber);
  text-shadow:0 0 30px rgba(245,158,11,0.6),0 0 60px rgba(245,158,11,0.25);}
.gresult-miss .gresult-h{color:var(--amber);text-shadow:0 0 22px rgba(245,158,11,0.5);}
.gresult-miss .gresult::before{background:radial-gradient(ellipse 80% 70% at 50% 30%,rgba(245,158,11,0.06),transparent);}
.gresult-miss .ggrade{border-color:rgba(245,158,11,0.3);color:var(--amber);background:rgba(245,158,11,0.06);}

/* game buttons */
.gbtn{width:100%;padding:13px 20px;font-family:var(--condensed);font-size:15px;
  font-weight:700;letter-spacing:0.2em;text-transform:uppercase;cursor:pointer;
  transition:0.28s;transition-property:var(--tcw-tp);border:1px solid;position:relative;overflow:hidden;text-align:center;
  display:block;}
.gbtn::after{content:'';position:absolute;inset:0;
  background:linear-gradient(110deg,transparent 30%,rgba(230,179,77,0.14) 50%,transparent 70%);
  transform:translateX(-110%);transition:transform 0.55s;}
.gbtn:hover::after{transform:translateX(110%);}
.gbtn.primary{color:var(--cyan);border-color:rgba(230,179,77,0.6);
  background:rgba(230,179,77,0.10);
  animation:sizingCtaPulse 2.2s ease-in-out infinite;
  text-shadow:0 0 10px rgba(230,179,77,0.7);}
.gbtn.primary:hover{background:rgba(230,179,77,0.26);transform:translateY(-2px);
  animation:none;
  box-shadow:0 0 0 1.5px rgba(230,179,77,0.8),0 0 40px rgba(230,179,77,0.25),0 0 70px rgba(230,179,77,0.3);}
.gbtn.entry{color:#020204;border-color:var(--amber);background:var(--amber);
  font-size:17px;padding:15px 20px;letter-spacing:0.16em;
  box-shadow:0 0 20px rgba(245,158,11,0.3);}
.gbtn.entry:hover{background:var(--amber-bright);border-color:var(--amber-bright);
  box-shadow:0 0 50px rgba(245,158,11,0.7),0 0 90px rgba(245,158,11,0.25);transform:translateY(-2px);}
.gbtn.entry:active{transform:scale(0.97);}
@keyframes entryPulse{0%,100%{filter:drop-shadow(0 0 14px rgba(245,158,11,0.35));}50%{filter:drop-shadow(0 0 32px rgba(245,158,11,0.75)) drop-shadow(0 0 55px rgba(245,158,11,0.22));}}
.gbtn.entry.pulse{animation:entryPulse 1.2s ease-in-out infinite;}
.gbtn.ghost{color:var(--text-dim);border-color:rgba(230,179,77,0.12);background:transparent;
  font-size:14px;padding:9px 20px;}
.gbtn.ghost:hover{border-color:rgba(230,179,77,0.35);color:var(--text-mid);}
.gbtn.reset{color:var(--text-mid);border-color:rgba(230,179,77,0.14);background:transparent;}
.gbtn.reset:hover{border-color:var(--cyan);color:var(--cyan);}
.gbtn.cta-green{color:#020204;border-color:transparent;background:linear-gradient(110deg,var(--btc) 0%,var(--btc2) 55%,#ffdf80 100%);font-weight:800;}
.gbtn.cta-green:hover{background:linear-gradient(110deg,#ffdf80 0%,var(--btc2) 40%,var(--btc) 100%);transform:translateY(-2px);
  box-shadow:0 12px 44px rgba(230,179,77,0.6),0 0 0 1px rgba(255,200,80,0.35);}

/* sweep window entry price live ticker */
.gentry-price{font-family:var(--mono);font-size:14px;color:rgba(0,0,0,0.7);
  display:block;margin-top:3px;letter-spacing:0.1em;}

@keyframes gPulse{0%,100%{filter:drop-shadow(0 0 0px rgba(230,179,77,0));}50%{filter:drop-shadow(0 0 14px rgba(230,179,77,0.45));}}
@keyframes resultBoom{0%{transform:scale(0.85);opacity:0;}
  60%{transform:scale(1.04);}100%{transform:scale(1);opacity:1;}}
.gresult{animation:resultBoom 0.5s cubic-bezier(0.2,0,0.2,1) both;}

@media(max-width:960px){
  .gsize-inner{grid-template-columns:1fr;}
  .gsize-left{border-right:none;border-bottom:1px solid var(--border);padding:28px 20px;}
  .gsize-right{padding:24px 20px;}
  .gtrade-grid{grid-template-columns:1fr;}
  .hero-layout{grid-template-columns:1fr;gap:32px;}
  .hero-left{text-align:center;}
  .hero-h1{text-align:center!important;}
  .hero-sub{text-align:center!important;}
  .hero-trust{justify-content:center;}
  .hero-badges{justify-content:center;}
  .hero-right{max-width:480px;margin:0 auto;}
  #hero{padding:110px 24px 40px;}
  .fb-text,.fb-pnl{display:none;}
  #floatBar{padding:0 16px;}
}
#pillars{padding:80px 48px;position:relative;z-index:1;}
.pillars-inner{max-width:1000px;margin:0 auto;}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--border);border:1px solid var(--border);margin-top:52px;}
.pil{background:var(--bg);padding:36px 28px;position:relative;overflow:hidden;transition:0.3s;transition-property:var(--tcw-tp);}
.pil:hover{background:rgba(230,179,77,0.03);}
.pil:hover .pac.g{box-shadow:0 0 12px rgba(74,222,128,0.7);filter:brightness(1.5);}
.pil:hover .pac.c{box-shadow:0 0 12px rgba(230,179,77,0.75);filter:brightness(1.5);}
.pil:hover .pac.p{box-shadow:0 0 12px rgba(192,132,252,0.7);filter:brightness(1.5);}
.pac{position:absolute;top:0;left:0;right:0;height:2px;transition:0.3s;transition-property:var(--tcw-tp);}
.pac.g{background:linear-gradient(90deg,var(--green),transparent);}
.pac.c{background:linear-gradient(90deg,var(--cyan),transparent);}
.pac.p{background:linear-gradient(90deg,var(--purple),transparent);}
.ptag{display:inline-block;margin-top:18px;font-family:var(--mono);
  font-size:15px;letter-spacing:0.14em;padding:4px 10px;transition:0.3s;transition-property:var(--tcw-tp);
  border:1px solid rgba(230,179,77,0.22);color:rgba(230,179,77,0.6);text-transform:uppercase;}
.pil:hover .ptag{border-color:rgba(230,179,77,0.52);color:rgba(230,179,77,0.9);
  text-shadow:0 0 10px rgba(230,179,77,0.45);box-shadow:0 0 8px rgba(230,179,77,0.12);}
.pnum{font-family:var(--mono);font-size:16px;letter-spacing:0.22em;
  color:var(--text-dim);margin-bottom:18px;text-transform:uppercase;}
.ph{font-size:17px;font-weight:700;letter-spacing:0.04em;margin-bottom:12px;}
.pp{font-family:var(--mono);font-size:15px;line-height:1.58;color:var(--text-mid);}

/* BRIDGE */
#bridge{padding:100px 48px;position:relative;z-index:1;background:radial-gradient(ellipse at 50% 0%,rgba(230,179,77,0.04) 0%,transparent 60%),radial-gradient(ellipse at 50% 100%,rgba(112,144,240,0.03) 0%,transparent 60%);}
.bridge-inner{max-width:1040px;margin:0 auto;}
.bridge-head{text-align:center;margin-bottom:72px;}
.bridge-headline{font-family:var(--condensed);font-size:clamp(36px,5.5vw,70px);font-weight:900;line-height:0.94;letter-spacing:0.01em;text-transform:uppercase;margin-bottom:24px;}
.bridge-headline em{font-style:italic;font-weight:200;color:var(--silver);}
.bridge-sub{font-family:var(--body);font-size:19px;line-height:1.58;color:var(--muted);max-width:640px;margin:0 auto;font-weight:300;}
.bridge-sub strong{color:var(--near-white);font-weight:600;}
.bridge-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);margin-top:0;}
.bridge-col{background:var(--bg2);padding:36px 36px;}
.bridge-col.sim{border-right:1px solid var(--border);}
.bridge-col-lbl{font-family:var(--mono);font-size:12px;letter-spacing:0.34em;text-transform:uppercase;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border);}
.bridge-col.sim .bridge-col-lbl{color:var(--dim);}
.bridge-col.pro .bridge-col-lbl{color:var(--btc2);}
.bridge-row{display:flex;justify-content:space-between;align-items:baseline;padding:11px 0;border-bottom:1px solid rgba(255,255,255,0.04);gap:16px;}
.bridge-row:last-child{border-bottom:none;}
.bridge-row-l{font-family:var(--mono);font-size:13px;letter-spacing:0.12em;color:var(--dim);text-transform:uppercase;flex-shrink:0;}
.bridge-row-v{font-family:var(--condensed);font-size:18px;font-weight:700;letter-spacing:0.02em;text-align:right;}
.bridge-col.sim .bridge-row-v{color:var(--muted);}
.bridge-col.pro .bridge-row-v{color:var(--near-white);}
.bridge-col.pro .bridge-row-v span{color:var(--btc2);}
.bridge-body{margin-top:56px;max-width:760px;margin-left:auto;margin-right:auto;text-align:center;}
.bridge-body p{font-family:var(--body);font-size:19px;line-height:1.58;color:var(--muted);font-weight:300;margin-bottom:20px;}
.bridge-body p:last-of-type{margin-bottom:0;}
.bridge-body strong{color:var(--near-white);font-weight:600;}
.bridge-closer{font-family:var(--condensed);font-size:clamp(22px,3vw,32px);font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:var(--near-white);margin-top:40px;line-height:1.3;}
.bridge-closer em{font-style:italic;font-weight:200;color:var(--silver);}
.bridge-cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:36px;}
.bridge-btn-a{display:inline-flex;align-items:center;gap:10px;padding:15px 32px;font-family:var(--condensed);font-weight:800;font-size:17px;letter-spacing:0.22em;text-transform:uppercase;background:linear-gradient(110deg,var(--btc) 0%,var(--btc2) 55%,#ffdf80 100%);color:#020204;border:none;text-decoration:none;transition:0.3s;transition-property:var(--tcw-tp);position:relative;overflow:hidden;}
.bridge-btn-a::before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,#ffdf80 0%,var(--btc2) 40%,var(--btc) 100%);opacity:0;transition:opacity 0.3s;}
.bridge-btn-a:hover{color:#020204;transform:translateY(-3px);box-shadow:0 16px 52px rgba(230,179,77,0.6),0 0 0 1px rgba(255,200,80,0.35);}
.bridge-btn-a:hover::before{opacity:1;}
.bridge-btn-a span{position:relative;z-index:1;}
.bridge-btn-b{display:inline-flex;align-items:center;gap:10px;padding:15px 28px;font-family:var(--condensed);font-weight:700;font-size:17px;letter-spacing:0.22em;text-transform:uppercase;background:transparent;color:var(--bright);border:1.5px solid var(--border-hi);text-decoration:none;transition:0.3s;transition-property:var(--tcw-tp);}
.bridge-btn-b:hover{color:var(--white);border-color:rgba(255,255,255,0.5);transform:translateY(-3px);}
@media(max-width:700px){.bridge-grid{grid-template-columns:1fr;}.bridge-col.sim{border-right:none;border-bottom:1px solid var(--border);}.bridge-inner,.bridge-head{padding-left:0;padding-right:0;}#bridge{padding:72px 24px;}}

/* PRODUCTS */
#products{padding:100px 48px;background:var(--bg2);text-align:center;
  position:relative;z-index:1;overflow:hidden;}
.prod-bg{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 80% 70% at 50% 50%,rgba(255,255,255,0.035) 0%,transparent 62%);}
.prod-sweep{position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(230,179,77,0.45),transparent);}
.prodh{font-size:clamp(32px,5.5vw,68px);font-weight:200;line-height:1.0;margin-bottom:10px;}
.prodh strong{font-weight:800;} .prodh em{font-style:normal;color:var(--cyan);text-shadow:var(--glow-sm);}
.prodsub{font-family:var(--mono);font-size:16px;line-height:1.58;
  color:var(--text-mid);max-width:520px;margin:16px auto 56px;}
.prodgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
  max-width:1100px;margin:0 auto 40px;}
.pcard{border:1px solid var(--border);padding:26px 22px;text-align:left;
  background:rgba(255,255,255,0.01);transition:0.3s cubic-bezier(0.2,0,0.2,1);transition-property:var(--tcw-tp);
  cursor:pointer;text-decoration:none;display:block;position:relative;overflow:hidden;}
.pcard::before{content:'';position:absolute;inset:0;
  background:linear-gradient(110deg,transparent 30%,rgba(230,179,77,0.12) 50%,transparent 70%);
  transform:translateX(-120%);transition:transform 0.65s;}
.pcard::after{content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 80% 70% at 50% 110%,rgba(230,179,77,0.08),transparent);
  opacity:0;transition:opacity 0.35s;}
.pcard:hover{border-color:var(--cyan);background:rgba(230,179,77,0.06);transform:translateY(-4px);
  box-shadow:0 0 40px rgba(230,179,77,0.24),0 8px 32px rgba(0,0,0,0.4),inset 0 1px 0 rgba(230,179,77,0.12);}
.pcard:hover::before{transform:translateX(120%);}
.pcard:hover::after{opacity:1;}
.pcard:hover .pprice{text-shadow:0 0 18px rgba(230,179,77,0.85);}
.pcard:hover .pname{color:var(--cyan);}
.pcard.feat{border-color:rgba(230,179,77,0.28);background:rgba(230,179,77,0.04);}
.pcard.bund{border-color:rgba(245,158,11,0.3);background:rgba(245,158,11,0.03);}
.pcard.bund::before{background:linear-gradient(110deg,transparent 30%,rgba(245,158,11,0.14) 50%,transparent 70%);}
.pcard.bund::after{background:radial-gradient(ellipse 80% 70% at 50% 110%,rgba(245,158,11,0.08),transparent);}
.pcard.bund:hover{border-color:var(--amber-bright);background:rgba(245,158,11,0.06);
  box-shadow:0 0 40px rgba(245,158,11,0.22),0 8px 32px rgba(0,0,0,0.4);}
.pcard.bund:hover .pprice{text-shadow:0 0 18px rgba(245,158,11,0.8);}
.pcard.bund:hover .pname{color:var(--amber);}
.pbadge{font-family:var(--mono);font-size:15px;letter-spacing:0.2em;
  text-transform:uppercase;color:var(--text-dim);margin-bottom:12px;display:block;}
.pbadge.cy{color:var(--cyan);} .pbadge.am{color:var(--amber);}
.pname{font-size:15.5px;font-weight:700;letter-spacing:0.03em;margin-bottom:10px;color:var(--text);}
.pprice{font-family:var(--mono);font-size:23px;font-weight:700;color:var(--cyan);}
.pprice.am{color:var(--amber);}
.pwas{font-family:var(--mono);font-size:15.5px;
  color:var(--text-dim);text-decoration:line-through;margin-left:7px;}
.psave{display:inline-block;font-family:var(--mono);font-size:15px;
  letter-spacing:0.12em;padding:3px 7px;background:rgba(74,222,128,0.1);
  border:1px solid rgba(74,222,128,0.25);color:var(--green);margin-left:6px;text-transform:uppercase;}
.pfeats{margin-top:14px;display:flex;flex-direction:column;gap:6px;}
.pfeat{font-family:var(--mono);font-size:16px;color:var(--text-mid);
  display:flex;align-items:flex-start;gap:7px;line-height:1.58;}
.pfeat::before{content:'—';color:rgba(230,179,77,0.24);flex-shrink:0;}
.pcrown{position:absolute;top:-1px;right:-1px;font-family:var(--mono);
  font-size:16px;letter-spacing:0.14em;padding:4px 10px;
  background:var(--amber);color:#000;font-weight:700;text-transform:uppercase;}
.coachgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;
  max-width:780px;margin:0 auto 44px;}
.prodftr{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;
  padding-top:12px;border-top:1px solid var(--border);max-width:800px;margin:0 auto;}
.pftr-i{font-family:var(--mono);font-size:16px;letter-spacing:0.12em;
  color:var(--text-mid);display:flex;align-items:center;gap:7px;text-transform:uppercase;}
.pftr-i::before{content:'✓';color:var(--green);font-size:16px;}

    /* FOOTER */
    footer{background:var(--bg2);border-top:1px solid var(--border);padding:56px 48px 32px;}
    .footer-inner{max-width:1200px;margin:0 auto;}
    .footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px;}
    @media(max-width:1100px){.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px;}}
    @media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:28px;}}
    @media(max-width:520px){.footer-grid{grid-template-columns:1fr;}}
    .footer-brand{font-family:var(--condensed);font-weight:900;font-size:22px;letter-spacing:0.16em;text-transform:uppercase;color:#f0f0f0;-webkit-text-fill-color:#f0f0f0;margin-bottom:12px;}
    .footer-tagline{font-family:var(--mono);font-size:13px;letter-spacing:0.2em;color:var(--dim);text-transform:uppercase;line-height:1.8;}
    .footer-col-title{font-family:var(--condensed);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:0.14em;color:var(--white);margin-bottom:16px;}
    .footer-col a{display:block;font-size:15px;color:var(--silver);text-decoration:none;margin-bottom:10px;transition:color 0.2s;}
    .footer-col a:hover{color:var(--white);}
    .footer-bottom{border-top:1px solid var(--border);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
    .footer-copy{font-family:var(--mono);font-size:13px;letter-spacing:0.16em;color:var(--dim);}

/* ── Footer nav: override global nav{position:fixed} bleed ──
   The global `nav{}` rule sets position:fixed on ALL nav elements.
   The footer uses <nav> for semantics, so we must reset it to static
   or it will float as a fixed overlay over the page content. */
footer nav{
  position:static!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  height:auto!important;
  width:auto!important;
  z-index:auto!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding:0!important;
  border:none!important;
  box-shadow:none!important;
  max-height:none!important;
  overflow:visible!important;
  transition:none!important;
}

/* REVEAL */
.rv{opacity:0;transform:translateY(22px);transition:opacity 0.65s ease,transform 0.65s ease;will-change:opacity,transform;contain:layout style;}
.rv.vis{opacity:1;transform:translateY(0);}
.rv.d1{transition-delay:0.08s;}.rv.d2{transition-delay:0.16s;}.rv.d3{transition-delay:0.24s;}.rv.vis,.rv2.vis{will-change:auto;}

/* RESPONSIVE */
@media(max-width:960px){
  nav{padding:0 20px;}.nav-links{display:none;}
  #hero,#pain,#demo,#calc,#wr,#pillars,#products{padding-left:20px;padding-right:20px;}
  .metrics{grid-template-columns:repeat(2,1fr);}
  .demo-grid,.calc-grid{grid-template-columns:1fr;}
  .demo-game-frame{border-left:none;border-right:none;}
  .wr-grid,.pgrid,.prodgrid,.coachgrid{grid-template-columns:repeat(2,1fr);}
  .pain-grid{grid-template-columns:1fr;}
}
@media(max-width:560px){
  .wr-grid,.prodgrid{grid-template-columns:1fr;}
  .metrics{grid-template-columns:1fr 1fr;}
  .coachgrid{grid-template-columns:1fr;}
}


/* ─── REVISED TRUST LAYOUT — fills 16:9 better ─── */
/* Portrait photo */
.portrait-photo-wrap{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;background:var(--bg3);margin-bottom:18px;}
.portrait-photo{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;filter:grayscale(15%) contrast(1.05);transition:filter 0.4s;}
.portrait-photo:hover{filter:grayscale(0%) contrast(1.08);}
.portrait-photo-wrap::after{content:'';position:absolute;bottom:0;left:0;right:0;height:26%;background:linear-gradient(to top,rgba(6,6,14,0.8),transparent);pointer-events:none;}
#trust{padding:80px 48px;}
.trust-layout{display:grid;grid-template-columns:300px 1fr;gap:56px;align-items:start;}
.trust-signal-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-top:36px;}
.tss-item{background:var(--bg2);padding:20px 18px;position:relative;overflow:hidden;transition:background 0.28s;}
.tss-item::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--btc),var(--btc2));transform:scaleX(0);transition:transform 0.32s;transform-origin:left;}
.tss-item:hover{background:rgba(230,179,77,0.03);}.tss-item:hover::after{transform:scaleX(1);}
.tss-num{font-family:var(--condensed);font-size:38px;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--btc2),var(--btc));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;}
.tss-label{font-family:var(--mono);font-size:12px;letter-spacing:0.18em;text-transform:uppercase;color:var(--text-mid);margin-top:4px;display:block;}
.tss-desc{font-family:var(--body);font-size:15px;color:var(--muted);margin-top:8px;line-height:1.5;font-weight:400;}
@media(max-width:900px){.trust-layout{grid-template-columns:1fr;}.trust-portrait{max-width:340px;}}
@media(max-width:600px){#trust{padding:64px 24px;}}

/* ─── DEMO SECTION FROM ETH-DEMO ─── */
#demo{padding:80px 0 60px;background:var(--bg);}
.demo-inner{max-width:1080px;margin:0 auto;padding:0 48px;}
.demo-hd{text-align:center;margin-bottom:40px;}
.demo-sub{font-family:var(--mono);font-size:14px;letter-spacing:0.22em;text-transform:uppercase;color:var(--dim);margin-top:10px;}
.demo-after{margin-top:28px;padding:22px 28px;border:1px solid rgba(230,179,77,0.12);background:rgba(230,179,77,0.02);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.demo-after h4{font-size:15.5px;font-weight:700;letter-spacing:0.03em;margin-bottom:5px;}
.demo-after p{font-family:var(--mono);font-size:15px;color:var(--text-mid);line-height:1.5;}
@media(max-width:600px){.demo-inner{padding:0 16px;}}

/* ─── NEXT STEP CARDS ─── */
#next-step{padding:80px 48px;background:var(--bg2);}
.next-step-card:hover .nsc-glow{opacity:1!important;}
.next-step-card:hover .nsc-arr{transform:translateX(5px);}

/* ─── GUIDE ARROW SYSTEM ─── */
@keyframes guideFloat{
  0%,100%{transform:translateX(-50%) translateY(0);}
  50%{transform:translateX(-50%) translateY(8px);}
}
@keyframes guideGlowSSJ{
  0%,100%{
    filter:
      drop-shadow(0 0 3px rgba(255,255,255,1))
      drop-shadow(0 0 9px rgba(180,210,255,.92))
      drop-shadow(0 0 22px rgba(120,175,255,.55))
      drop-shadow(0 0 48px rgba(90,150,255,.28));
  }
  50%{
    filter:
      drop-shadow(0 0 5px rgba(255,255,255,1))
      drop-shadow(0 0 16px rgba(210,235,255,1))
      drop-shadow(0 0 38px rgba(140,190,255,.78))
      drop-shadow(0 0 72px rgba(100,160,255,.4));
  }
}
@keyframes guideIn{
  from{opacity:0;transform:translateX(-50%) translateY(-12px);}
  to{opacity:1;transform:translateX(-50%) translateY(0);}
}
@keyframes guideOut{
  from{opacity:1;}
  to{opacity:0;}
}
@keyframes shaftFlicker{
  0%,100%{opacity:0.9;} 45%{opacity:1;} 70%{opacity:0.85;}
}

/* Hide guide arrows when user is scrolled outside the demo section */
body.demo-out-of-view .guide-arrow{
  opacity:0 !important;
  pointer-events:none !important;
  transition:opacity 0.3s;
}
.guide-arrow{
  position:fixed;
  pointer-events:none;
  z-index:9100;
  display:flex;flex-direction:column;align-items:center;
  opacity:0;
  transform:translateX(-50%);
  will-change:transform;
  contain:layout;
}
.guide-arrow.guide-show{
  animation:
    guideIn  0.4s cubic-bezier(0.22,1,0.36,1) forwards,
    guideFloat 1.6s 0.4s ease-in-out infinite,
    guideGlowSSJ 2s 0.4s ease-in-out infinite;
  
}
.guide-arrow.guide-hide{
  animation:guideOut 0.32s ease forwards !important;
}

/* White-core shaft with layered blue-white glow */
.guide-shaft{
  width:2px;height:32px;
  background:linear-gradient(to bottom, #ffffff, rgba(170,210,255,0.5));
  border-radius:2px;
  box-shadow:
    0 0 4px rgba(255,255,255,0.95),
    0 0 12px rgba(160,205,255,0.8),
    0 0 28px rgba(120,175,255,0.45);
  animation:shaftFlicker 1.8s ease-in-out infinite;
}

/* White arrowhead */
.guide-head{
  width:0;height:0;
  border-left:8px solid transparent;
  border-right:8px solid transparent;
  border-top:11px solid #ffffff;
  margin-top:-1px;
  filter:
    drop-shadow(0 0 4px rgba(255,255,255,1))
    drop-shadow(0 0 12px rgba(170,210,255,0.9))
    drop-shadow(0 0 26px rgba(120,170,255,0.55));
}

/* Label floats above shaft */
.guide-label{
  position:absolute;
  top:-24px;
  font-family:var(--mono);font-size:11px;letter-spacing:0.3em;text-transform:uppercase;
  white-space:nowrap;
  /* color set inline per-arrow */
}

/* ── NAV CTA HDR PULSE ───────────────────────────────────── */
/* ── NAV CTA AMBER-GOLD CONVERSION PULSE ───────────────── */
@keyframes navCtaHdrPulse{0%,100%{filter:drop-shadow(0 0 0px rgba(255,223,158,0));}20%{filter:drop-shadow(0 0 6px rgba(255,240,200,0.35)) drop-shadow(0 0 12px rgba(255,223,158,0.3));}45%{filter:drop-shadow(0 0 12px rgba(255,240,200,0.7)) drop-shadow(0 0 24px rgba(255,223,158,0.55));}65%{filter:drop-shadow(0 0 8px rgba(255,240,200,0.5)) drop-shadow(0 0 20px rgba(255,223,158,0.38));}}

.nav-cta-pulse {
  animation: navCtaHdrPulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  
  transform: translateZ(0);
}

.nav-cta-pulse:hover {
  animation: none;
  box-shadow:
    0 0 14px 4px rgba(255,240,200,0.85),
    0 0 36px 10px rgba(255,223,158,0.7),
    0 0 64px 18px rgba(220,100,0,0.4) !important;
  transition: box-shadow 0.18s ease;
}

/* ── NAV CTA MICROCOPY ───────────────────────────────────── */
.nav-cta-micro {
  display: block;
  font-family: var(--mono, monospace);
  font-size: 9px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(148,82,255,0.92);
  margin-top: 2px;
  font-weight: 400;
  line-height: 1;
}

/* ── GLOBAL: No underlines on any interactive elements ── */
a,a:hover,a:visited,a:focus,button,
.btn-a,.btn-b,.bc-btn-primary,.bc-btn-crypto,
.nav-link,.nav-dropdown-item,
.demo-link,.cta-link,.cta-btn,
.coaching-apply,.coaching-cta,
[class*="btn"],[class*="cta"]{
  text-decoration:none!important;
}

/* ── Performance: prefers-reduced-motion ── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

    /* VIEWMASTER */
    #vm-top{position:fixed;top:0;left:0;right:0;height:17.5vh;pointer-events:none;z-index:9998;
      background:linear-gradient(to bottom,
        rgba(0,0,0,0.0)  0%,
        rgba(0,0,0,0.14) 18%,
        rgba(0,0,0,0.44) 42%,
        rgba(0,0,0,0.44) 58%,
        rgba(0,0,0,0.14) 82%,
        rgba(0,0,0,0.0)  100%
      );opacity:0;transition:opacity 1.4s ease;}
    nav{z-index:10000!important;}
    #vm-bottom{position:fixed;bottom:0;left:0;right:0;height:17.5vh;pointer-events:none;z-index:9998;
      background:linear-gradient(to top,
        rgba(0,0,0,0.0)  0%,
        rgba(0,0,0,0.14) 18%,
        rgba(0,0,0,0.44) 42%,
        rgba(0,0,0,0.44) 58%,
        rgba(0,0,0,0.14) 82%,
        rgba(0,0,0,0.0)  100%
      );opacity:0;transition:opacity 1.4s ease;}
    /* MOBILE NAV DRAWER (canonical) */
    .nav-hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
    .nav-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0);}
    .nav-hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}
    .mobile-nav-link{font-family:var(--mono);font-size:14px;letter-spacing:0.18em;color:var(--bright);text-decoration:none;text-transform:uppercase;padding:14px 0;border-bottom:1px solid var(--border);display:block;transition:color 0.2s,padding-left 0.2s;}
    .mobile-nav-link:hover{color:var(--btc2);padding-left:8px;}
    .mobile-nav-link.active{color:var(--btc2);}
    .mobile-instruments-label{font-family:var(--mono);font-size:9px;letter-spacing:0.28em;color:var(--dim);text-transform:uppercase;padding:14px 0 6px;border-bottom:1px solid var(--border);}
    .mobile-instruments-group{padding-left:12px;}
    .mobile-instruments-group .mobile-nav-link{font-size:13px;letter-spacing:0.14em;border-bottom:1px solid rgba(255,255,255,0.05);}
    .mobile-nav-cta{display:block;margin-top:20px;padding:15px;text-align:center;font-family:var(--condensed);font-weight:800;font-size:14px;letter-spacing:0.22em;text-transform:uppercase;color:var(--bg);background:var(--white);text-decoration:none;transition:0.25s;transition-property:var(--tcw-tp);}
    .mobile-nav-cta:hover{background:var(--btc2);}

/* ── tcw-mobile-patch ─────────────────────────────────────────── */
/* ═══════════════════════════════════════════════════════════
   CHARTWHISPERER.CA — MOBILE PATCH v1.0
   Responsive improvements without changing desktop design
═══════════════════════════════════════════════════════════ */

/* ─── GLOBAL OVERFLOW PREVENTION ─── */
html,body{max-width:100%;overflow-x:hidden;}
img,video,canvas,iframe{max-width:100%;height:auto;}
pre,code{overflow-x:auto;white-space:pre-wrap;word-break:break-word;}
/* Ticker & marquee should not constrain */
.ticker-inner,.marquee-inner,.ticker-bar,.marquee-strip{max-width:none!important;}

/* ─── HAMBURGER BUTTON ─── */
.nav-hamburger{
  display:none;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:5px;
  cursor:pointer;
  padding:10px 8px;
  background:none;
  border:none;
  z-index:1010;
  flex-shrink:0;
  -webkit-tap-highlight-color:transparent;
}
.nav-hamburger span{
  display:block;
  width:22px;
  height:1.5px;
  background:rgba(255,255,255,0.82);
  border-radius:1px;
  transition:transform 0.28s cubic-bezier(.4,0,.2,1),
             opacity 0.2s,
             background 0.2s;
  transform-origin:center;
}
.nav-hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
.nav-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0);}
.nav-hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}

/* ─── HERO SECTION ─── */
@media(max-width:600px){
  .hero{padding:96px 20px 64px!important;}
  .hero-eyebrow{
    font-size:10px!important;
    letter-spacing:0.14em!important;
    padding:5px 12px!important;
    text-align:left!important;
    flex-wrap:wrap!important;
  }
  .hero-tagline{
    font-size:12px!important;
    letter-spacing:0.12em!important;
    overflow-wrap:break-word!important;
    word-break:break-word!important;
  }
  .hero-sub{font-size:16px!important;line-height:1.65!important;}
  .hero-btns{flex-direction:column!important;align-items:stretch!important;}
  .hero-btns .btn-a,
  .hero-btns .btn-b{
    justify-content:center!important;
    padding:14px 16px!important;
    font-size:14px!important;
    letter-spacing:0.14em!important;
    text-align:center!important;
  }
  .hero-scroll{display:none!important;}
}

/* ─── TRUST BAR ─── */
@media(max-width:480px){
  .trust-bar-inner{padding:0 16px!important;}
  .trust-stat{padding:20px 12px!important;}
}

/* ─── TICKER ─── */
@media(max-width:480px){
  .ticker-bar{padding:9px 0!important;}
  .ticker-item{font-size:11px!important;letter-spacing:0.12em!important;padding:0 16px!important;}
}

/* ─── SECTION PADDING (general) ─── */
@media(max-width:480px){
  .section{padding-left:20px!important;padding-right:20px!important;}
  .section-inner{padding-left:20px!important;padding-right:20px!important;}
  .origin-inner{padding-left:20px!important;padding-right:20px!important;padding-top:72px!important;}
  .cta-inner{padding-left:20px!important;padding-right:20px!important;}
  .bundle-promo,.prob-inner{padding-left:20px!important;padding-right:20px!important;}
  .bonus-band,.price-band{padding-left:20px!important;padding-right:20px!important;}
  .auth-inner{padding-left:20px!important;padding-right:20px!important;}
  .doc-wrap{padding-left:16px!important;padding-right:16px!important;}
}

/* ─── EYEBROW / LABEL TEXT OVERFLOW ─── */
@media(max-width:480px){
  [class*="eyebrow"]:not(.hero-eyebrow){
    letter-spacing:0.14em!important;
    font-size:10px!important;
  }
  [class*="tagline"]{
    letter-spacing:0.12em!important;
  }
  .section-eyebrow,.kicker,.label-sm,.beat .eyebrow{
    letter-spacing:0.14em!important;
    font-size:9px!important;
  }
}

/* ─── PRODUCT CARDS ─── */
@media(max-width:480px){
  .ps-left,.ps-right{padding:48px 20px!important;}
  .ps-content{padding:48px 20px!important;}
  .portal-content{padding:28px 20px 32px!important;}
}

/* ─── CTA BUTTONS ─── */
@media(max-width:480px){
  .btn-a,.btn-b,.cta-btn,.cta-btn-eth{
    font-size:14px!important;
    letter-spacing:0.12em!important;
    padding:14px 20px!important;
    word-break:break-word!important;
  }
  .cta-prices{align-items:stretch!important;}
}

/* ─── MODAL MOBILE FIXES ─── */
@media(max-width:600px){
  .modal-overlay{padding:0!important;align-items:flex-end!important;}
  .modal-box{
    width:100%!important;
    max-width:100%!important;
    border-radius:16px 16px 0 0!important;
    max-height:92dvh!important;
    max-height:92vh!important;
  }
  .modal-hd,.modal-inc,.modal-pay,.modal-ft-note{
    padding-left:20px!important;padding-right:20px!important;
  }
  .wallet-addr-row{flex-direction:column!important;gap:8px!important;}
  .wallet-addr{font-size:10px!important;word-break:break-all!important;}
}

/* ─── STEP ROWS ─── */
@media(max-width:480px){
  .step-row{flex-direction:column!important;gap:6px!important;}
}

/* ─── TABLES ─── */
@media(max-width:600px){
  table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;}
}

/* ─── FOOTER ─── */
@media(max-width:480px){
  .footer-top{gap:28px!important;}
  footer{padding:40px 20px 28px!important;}
  .footer-bottom{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;}
}

/* ─── COACHING / BUNDLES SPECIFIC ─── */
@media(max-width:480px){
  .coaching-grid,.bundle-grid{grid-template-columns:1fr!important;}
  .booking-grid{grid-template-columns:1fr!important;}
  .dual-tables{grid-template-columns:1fr!important;}
}

/* ─── DEMO BANNER ─── */
@media(max-width:480px){
  .demo-banner{padding:18px 20px!important;}
  .demo-banner-stats{gap:12px!important;flex-wrap:wrap!important;}
}

/* ─── GATEWAY ─── */
@media(max-width:480px){
  .gw-corner.tr,.gw-corner.br{display:none!important;}
  .gw-corner{font-size:9px!important;letter-spacing:0.1em!important;}
  #gw-skip{bottom:28px!important;right:20px!important;font-size:10px!important;padding:8px 16px!important;}
  .b0-title{font-size:clamp(22px,6vw,38px)!important;}
  .b0-symbols{font-size:clamp(48px,16vw,90px)!important;}
  .beat .body{font-size:clamp(16px,4vw,22px)!important;}
  .gw-wave-wrap{height:80px!important;}
}

/* ─── DOCUMENT PAGES (privacy / refund / terms) ─── */
@media(max-width:480px){
  .doc-wrap{padding:72px 16px 48px!important;}
  .toc{padding:16px!important;}
  .toc-list a{font-size:10px!important;}
}

/* ─── MINIMUM TOUCH TARGETS ─── */
@media(max-width:720px){
  a,button{min-height:44px;display:inline-flex;align-items:center;}
  /* exclude inline text links */
  p a,li a{min-height:unset;display:inline;}
  /* exclude nav links in drawer (already have padding) */
  .nav-links .nav-link{min-height:unset;}
}

/* ── discover-mobile-patch ─────────────────────────────────────────── */
/* ═══════════════════════════════════════════════════════════
   DISCOVER.HTML — TARGETED MOBILE FIXES
   Preserves Gateway → Demo → Next-Step flow on all screen sizes
═══════════════════════════════════════════════════════════ */

/* ── DEMO SIMULATOR: HUD position when chart stacks above it ── */
@media(max-width:960px){
  .ghud{
    position:static!important;
    max-height:none!important;
    overflow-y:visible!important;
    border-top:1px solid rgba(255,255,255,0.07);
  }
  /* step-callout is positioned left:-180px — hides it off-screen */
  .step-callout{display:none!important;}
}

/* ── STEPPER: prevent label overflow on narrow screens ── */
@media(max-width:480px){
  .g-step-lbl-txt{
    white-space:normal!important;
    word-break:break-word!important;
    font-size:9px!important;
    letter-spacing:0.14em!important;
    max-width:60px;
  }
  .g-step-lbl-num{font-size:9px!important;letter-spacing:0.18em!important;}
  .g-step-dot{width:30px!important;height:30px!important;font-size:15px!important;}
  .g-stepper{gap:0!important;}
  /* Trade cards: shrink padding so all 3 fit (they already go to 1-col at 960px) */
  .gtcard{padding:18px 16px!important;}
}

/* ── DEMO INNER PADDING ── */
@media(max-width:480px){
  #demo,section[id="demo"]{padding:60px 16px!important;}
  .demo-hd{margin-bottom:28px!important;}
  .demo-sub{font-size:14px!important;}
  .gsize-left,.gsize-right{padding:20px 16px!important;}
  .gpreview{padding:10px 12px!important;}
  .gbtn{font-size:15px!important;letter-spacing:0.14em!important;}
}

/* ══════════════════════════════════════════════════════════
   NEXT-STEP SECTION — the post-demo BTC / ETH / COACHING
   choice cards. This is the critical funnel step on mobile.
══════════════════════════════════════════════════════════ */

/* Override the inline padding:100px 48px */
@media(max-width:720px){
  #next-step{padding:64px 20px!important;}
}

/* Stack the 3 cards vertically */
@media(max-width:720px){
  #next-step > div > div:last-child{
    grid-template-columns:1fr!important;
    gap:2px!important;
  }
}

/* Compact nsc card padding on mobile */
@media(max-width:720px){
  .nsc{padding:28px 22px!important;}
  .nsc-h{font-size:clamp(22px,6vw,32px)!important;}
  .nsc-feats{gap:7px!important;margin-bottom:20px!important;}
  .nsc-feat{font-size:14px!important;}
  .nsc-cta{padding:12px 14px!important;margin-top:auto;}
}

/* Header text in next-step */
@media(max-width:480px){
  #next-step > div > div:first-child{margin-bottom:32px!important;}
}

/* ── BUNDLE ROW at bottom of next-step ── */
@media(max-width:600px){
  
/* ── NSC price signal ── */
.nsc-price{
  font-family:"Share Tech Mono",monospace;font-size:11px;letter-spacing:0.1em;
  color:rgba(255,255,255,0.62);margin-bottom:18px;
}
.nsc-price strong{font-weight:700;}
.nsc-btc .nsc-price strong{color:#ffdf9e;}
.nsc-eth .nsc-price strong{color:#b4c8ff;}
.nsc-coach .nsc-price strong{color:#fff0c8;}

.nsc-bundle{padding:24px 20px!important;flex-direction:column!important;gap:16px!important;align-items:flex-start!important;}
  .nsc-bundle-cta{align-self:stretch!important;text-align:center!important;}
}

/* ── DEMO-AFTER message ── */
@media(max-width:600px){
  .demo-after{flex-direction:column!important;gap:12px!important;padding:16px 18px!important;}
  .demo-after h4{font-size:14px!important;}
  .demo-after p{font-size:12px!important;}
}

/* ── PILLAR GRID at ≤480 ── */
@media(max-width:480px){
  .pgrid{grid-template-columns:1fr!important;}
  .pil{padding:24px 20px!important;}
}

/* ── TRUST SIGNAL STRIP ── */
@media(max-width:480px){
  .trust-signal-strip{grid-template-columns:1fr!important;}
}

/* ── tcw-overflow-fix ─────────────────────────────────────────── */
/* ═══════════════════════════════════════════════════════════
   CHARTWHISPERER.CA — OVERFLOW & CENTERING FIX v1.0
   Fixes: hero card, hero stats bar, vtable, cmp-table,
          checklist-cta inline padding, hero-sub text
═══════════════════════════════════════════════════════════ */

/* ── 1. HERO CAP-PREVIEW CARD (discover) ──
   On mobile the card is in a 1-col layout via the 900px breakpoint,
   but it still has padding:28px that pushes its inner content wide.
   The cap-bar-label is width:100px flex-shrink:0 which eats space.
   Fix: allow label to shrink + reduce padding. ── */
@media(max-width:600px){
  .hero-cap-preview{padding:18px 16px!important;}
  .cap-bar-label{width:auto!important;min-width:0!important;font-size:11px!important;}
  .cap-bar-val{font-size:11px!important;width:auto!important;min-width:38px!important;}
  .cap-result-val{font-size:26px!important;}
  .cap-result-r{font-size:12px!important;}
  .cap-bottom > div:last-child > div:nth-child(2){font-size:22px!important;}
}

/* ── 2. HERO STATS BAR (discover, 4 items in a row) ──
   .hero-stats is display:flex with 4 .hs items each flex:1.
   On very narrow screens they all try to share equal width → overflow.
   Fix: wrap to 2×2 grid at ≤480px. ── */
@media(max-width:540px){
  .hero-stats{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    flex-wrap:unset!important;
  }
  .hs{
    border-right:1px solid var(--border)!important;
    border-bottom:1px solid var(--border)!important;
    padding:14px 12px!important;
  }
  .hs:nth-child(2n){border-right:none!important;}
  .hs:nth-child(3),.hs:nth-child(4){border-bottom:none!important;}
  .hs-n{font-size:26px!important;}
  .hs-l{font-size:11px!important;letter-spacing:0.10em!important;}
}

/* ── 3. HERO-SUB TEXT (discover) ──
   Long text with large font causes overflow on mobile.
   Also: the inline checklist-cta section has padding:72px 48px inline. ── */
@media(max-width:480px){
  .hero-sub{font-size:16px!important;line-height:1.62!important;}
  .hero-trust{gap:10px!important;}
  .hero-trust-item{font-size:11px!important;letter-spacing:0.10em!important;}
}

/* ── 4. INLINE SECTION PADDING (checklist-cta, any section with inline padding) ──
   Sections using style="padding:72px 48px" won't be overridden by class rules.
   This targets the checklist-cta by its parent section ID. ── */
@media(max-width:600px){
  #checklist-cta{padding-left:20px!important;padding-right:20px!important;padding-top:48px!important;padding-bottom:48px!important;}
  #checklist-cta > div{max-width:100%!important;}
  #checklist-cta form{flex-direction:column!important;}
  #checklist-cta form input{width:100%!important;}
  #checklist-cta form button{width:100%!important;}
}

/* ── 5. VTABLE (btc-sales, eth-sales) — the 3-column feature grid ──
   grid-template-columns: 1fr 140px 140px
   On mobile: 140px+140px = 280px of fixed width columns, plus the 1fr label.
   On a 360px screen with 24px padding each side = 312px available → 312-280 = 32px for label.
   That forces SEVERE wrapping as seen in Image 1.
   Fix: make column widths responsive. ── */
@media(max-width:700px){
  .vtable{overflow-x:hidden!important;}
  .vt-head,
  .vt-row,
  .vt-total{
    grid-template-columns:1fr 64px 64px!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .vt-row:hover{padding-left:20px!important;}
  .vi-c{font-size:18px!important;padding:0 4px!important;}
  .vt-hc{font-size:11px!important;letter-spacing:0.12em!important;}
  .vt-hc:not(:first-child){text-align:center!important;}
  .vi-c{text-align:center!important;}
  .vt-tstr,.vt-tprice{font-size:14px!important;}
  .vt-tprice{font-size:24px!important;}
}

/* ── 6. VTABLE SECTION PADDING ── */
@media(max-width:480px){
  .vtable-section > div[style]{padding:60px 16px!important;}
  .vtable{margin-top:32px!important;}
  .vt-head,
  .vt-row,
  .vt-total{padding:14px 12px!important;}
  .vt-row:hover{padding-left:14px!important;}
}

/* ── 7. CMP-TABLE (btc-sales comparison table) ──
   Has overflow-x:auto on .cmp-wrap which helps,
   but let's ensure it doesn't collapse weirdly. ── */
@media(max-width:600px){
  .cmp-wrap{-webkit-overflow-scrolling:touch;}
  .cmp-table{min-width:480px;}
  .cmp-table th,.cmp-table td{padding:12px 14px!important;font-size:13px!important;}
}

/* ── 8. BUNDLES vtable ──
   bundles.html has: grid-template-columns:1fr 80px 80px 80px (4 cols)
   At 768px it changes to 60px cols. Still can overflow on very small screens. ── */
@media(max-width:480px){
  .vt-head,.vt-row,.vt-total{
    grid-template-columns:1fr 44px 44px 44px!important;
    padding:10px 12px!important;
  }
}

/* ── 9. INLINE PADDING overrides across all pages ──
   Some sections have style="padding:100px 48px" etc. inline.
   Target by ID where possible. ── */
@media(max-width:480px){
  #next-step,
  section[aria-label]{
    padding-left:20px!important;
    padding-right:20px!important;
  }
  [style*="padding:100px 48px"],[style*="padding: 100px 48px"]{
    padding-left:20px!important;padding-right:20px!important;
  }
  [style*="padding:72px 48px"],[style*="padding: 72px 48px"]{
    padding-left:20px!important;padding-right:20px!important;
  }
}

/* ── 10. GENERAL: any remaining overflow sources ── */
@media(max-width:720px){
  /* Long unbreakable strings (wallet addresses, long labels) */
  [class*="label"],[class*="eyebrow"],[class*="kicker"]{
    overflow-wrap:break-word;
    word-break:break-word;
  }
  /* any explicit min-width that could cause overflow */
  .hero-inner,
  .section-inner,
  .cta-inner,
  .footer-inner{
    min-width:0!important;
    overflow-x:visible!important;
  }
}

/* ── tcw-demo-fullwidth ─────────────────────────────────────────── */
/* ═══════════════════════════════════════════════════════════
   DEMO SECTION — FULL VIEWPORT WIDTH, HEIGHT-BOUNDED
   Frame is anchored below the stepper so the entire game
   area (chart + HUD + bottom button) is always in view.
═══════════════════════════════════════════════════════════ */

/* ── Kill the vm vignette overlays entirely on this page ── */
#vm-top, #vm-bottom { opacity: 0 !important; pointer-events: none !important; }

/* ── Hide the floating CTA bar on this page ──
   It covers the "Choose Your Setup" button in the game frame. ── */
#floatBar { display: none !important; }

/* ── Tighten section top padding (was 36px, was wasting ~1in) ── */
#demo {
  overflow-x: hidden;
  padding: 6px 0 16px;
}

/* ── Bust the 1080px demo-inner cap ── */
#demo .demo-inner {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ── Header text stays centred ── */
#demo .demo-hd {
  max-width: 720px;
  margin: 0 auto 16px;
  padding: 0 32px;
  text-align: center;
}

/* ── Stepper centred, tightened ── */
#demo .g-stepper {
  max-width: 720px !important;
  margin: 0 auto 0 !important;
  padding: 0 24px !important;
  width: auto !important;
}

/* ── Step-node bottom padding — must clear the absolute-positioned guide arrow stack
       (label ~14px + margin 10px + shaft 32px + head 11px ≈ 70px). Use 90px for safe clearance. ── */
#demo .g-step-node {
  padding-bottom: 90px !important;
}

/* ── Each screen container ── */
#demo .g-screen {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
}

/* ── GAME FRAME: grows to fill viewport below stepper ──
   Overhead breakdown (desktop):
     nav bar:          64px
     section padding:   6px
     demo-hd block:   ~90px  (eyebrow + h2 + sub + margin-bottom:16px)
     stepper row:    ~120px  (dot 38px + label ~26px + arrow stack ~56px)
     buffer:           12px
   Total overhead: ~292px  →  frame = calc(100svh - 280px)
   Max-height guards against ultra-tall monitors.
── */
#demo .demo-game-frame {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  border-left: none !important;
  border-right: none !important;
  height: calc(100svh - 280px) !important;
  max-height: 860px;
  min-height: 480px;
  box-sizing: border-box;
  overflow: hidden;
}

/* ── Grid fills the full frame height ── */
#demo .demo-grid {
  grid-template-columns: 1fr 320px !important;
  grid-template-rows: 100% !important;   /* row = frame height exactly — content can no longer stretch the row past the frame and get clipped */
  width: 100% !important;
  height: 100% !important;
}
#demo .demo-grid > * { min-height: 0; }  /* allow grid items to shrink below content height so overflow-y:auto engages */

/* ── Chart panel: flex column, fills height ── */
#demo .cpanel {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden;
}

/* ── Chart canvas wrap: fills remaining cpanel height, NO aspect-ratio lock ── */
#demo .cwrap {
  width: 100% !important;
  flex: 1 1 0 !important;
  min-height: 0 !important;
  aspect-ratio: unset !important;
  overflow: hidden;
  position: relative;
}

/* ── HUD panel: full height, scrolls only if truly needed ── */
#demo .ghud {
  width: 320px !important;
  min-width: 280px;
  max-width: 360px;
  flex-shrink: 0;
  height: 100% !important;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative !important;   /* neutralise the sticky/top:56px base rule inside the fixed frame */
  top: 0 !important;
  border-left: 1px solid rgba(230,179,77,0.16);
  scrollbar-width: thin;
  scrollbar-color: rgba(230,179,77,0.35) transparent;
}

/* ── After-demo card ── */
#demo .demo-after {
  max-width: 860px;
  margin: 20px auto 0;
  padding: 0 32px;
}

/* ── Hide the floating bottom bar when demo game is visible
   (it covers the frame's bottom button and adds confusion) ── */
#demo:has(.g-screen[style*="block"]) ~ * #floatBar,
body.game-active #floatBar { display: none !important; }

/* ── Steps 1 & 2: frame sizes to content (no clipped buttons, no dead void) ──
   gPlay keeps the fixed viewport-fill height; sizing + select grow if needed. */
#gSizing .demo-game-frame,
#gTradeSelect .demo-game-frame {
  height: auto !important;
  min-height: calc(100svh - 280px);
  display: flex;
  flex-direction: column;
}
#gSizing .gsize-inner { flex: 1; }
#gTradeSelect .demo-game-frame > div:last-child {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* ── HUD primary actions pin to the bottom of the scrolling HUD ──
   HUD content height varies per scenario — the action button must never
   scroll out of view or sit clipped under the frame edge. */
#demo .ghud .gphase { padding-bottom: 14px; }
#demo .ghud .gbtn.entry {
  position: sticky; bottom: 10px; z-index: 6;
  box-shadow: 0 0 20px rgba(245,158,11,0.3), 0 6px 18px rgba(2,2,4,0.85);
}
#demo .ghud .gbtn.primary {
  position: sticky; bottom: 10px; z-index: 6;
  background: linear-gradient(rgba(230,179,77,0.12),rgba(230,179,77,0.12)), #020204;
}
#demo .ghud .gbtn.cta-green { position: sticky; bottom: 10px; z-index: 6; }

/* ── Sticky CTA bar slides away while the simulator is on screen ──
   It was overlaying the bottom 58px of the frame and clipping the ENTER button. */
body.sim-in-view #tcwStickyBar {
  transform: translateY(100%) !important;
  pointer-events: none !important;
}

/* ── Mobile ── */
@media (max-width: 900px) {
  #demo .demo-grid {
    grid-template-columns: 1fr !important;
    height: auto !important;
  }
  #demo .demo-game-frame {
    height: auto !important;
    max-height: none;
    min-height: 440px;
    overflow: visible;
  }
  #gSizing .demo-game-frame,
  #gTradeSelect .demo-game-frame { min-height: 0 !important; }
  #demo .cpanel { height: auto !important; min-height: 260px; }
  #demo .cwrap  { flex: none !important; height: 56vw !important; aspect-ratio: unset !important; }
  #demo .ghud   { width: 100% !important; max-width: 100% !important; min-width: unset; height: auto !important; }
}

/* ── tcw-premium-polish-v2 ─────────────────────────────────────────── */
/* ═══════════════════════════════════════════════════════════
   PREMIUM POLISH v2 — institutional cohesion pass
   1) Readability: lift muted body copy to comfortable contrast
   2) CTAs: primary game buttons get the branded gold treatment
   3) Simulator chrome: unified panel headers + brighter labels
═══════════════════════════════════════════════════════════ */

/* ── 1. Readability lift (WCAG-friendly contrast on dark) ── */
.os-comp-desc{color:rgba(255,255,255,0.72)!important;}
.os-sub,.vp-sub,.d-comp-sub{color:rgba(255,255,255,0.68)!important;}
.os-comp-tag{color:rgba(255,255,255,0.5)!important;}
.vp-card-tag{color:rgba(255,255,255,0.5)!important;}
.d-comp-table tbody td{color:rgba(255,255,255,0.64)!important;}
.d-comp-th-name{color:rgba(255,255,255,0.66)!important;}
.d-comp-th-name.cap{color:#fff!important;-webkit-text-fill-color:transparent!important;}

/* ── 2. Primary game CTAs → branded gold (max-conversion treatment) ── */
.gbtn.primary,
#demo .ghud .gbtn.primary{
  color:#020204;
  border-color:transparent;
  background:linear-gradient(110deg,var(--btc,#e6b34d) 0%,var(--btc2,#ffdf9e) 55%,#ffdf80 100%);
  font-weight:800;
  text-shadow:none;
  box-shadow:0 6px 28px -6px rgba(230,179,77,0.55), inset 0 1px 0 rgba(255,255,255,0.35);
}
.gbtn.primary:hover,
#demo .ghud .gbtn.primary:hover{
  background:linear-gradient(110deg,#ffdf80 0%,var(--btc2,#ffdf9e) 40%,var(--btc,#e6b34d) 100%);
  transform:translateY(-2px);
  box-shadow:0 12px 44px rgba(230,179,77,0.6), 0 0 0 1px rgba(255,200,80,0.35);
}

/* ── 3. Simulator chrome — unified header + label brightness ── */
.ctopbar{
  background:linear-gradient(90deg,rgba(230,179,77,0.08),rgba(255,255,255,0.03),rgba(230,179,77,0.04))!important;
  box-shadow:0 1px 0 rgba(255,255,255,0.06);
}
.ck-lbl{color:rgba(210,206,200,0.75);}
.cvd-lbl{color:rgba(210,206,200,0.6);}
.cinfo{color:rgba(240,237,232,0.85);}
.gplbl{color:rgba(210,206,200,0.92);}
.gtcard-desc{color:rgba(255,255,255,0.7);}
.gtsel-sub{color:rgba(255,255,255,0.68);}

/* Scenario cards — deeper premium hover */
.gtcard{border:1px solid rgba(255,255,255,0.09);}
.gtcard:hover{border-color:rgba(230,179,77,0.45);
  box-shadow:0 18px 50px -20px rgba(230,179,77,0.35);}
.gtcard.feat{box-shadow:inset 0 0 30px rgba(230,179,77,0.05);}

/* ═══ v3 — COMPARISON LEDGER: unmistakable hero treatment ═══ */
.d-comp-tablewrap{
  border:1px solid rgba(230,179,77,0.22)!important;
  box-shadow:0 40px 120px rgba(0,0,0,0.6),
             0 0 60px -20px rgba(230,179,77,0.25),
             0 2px 0 rgba(255,255,255,0.03) inset!important;
}
.d-comp-table tbody td{padding:26px 18px!important;font-size:14px!important;}
.d-comp-table tbody tr:nth-child(even) td:not(.cap-cell){background:rgba(255,255,255,0.015);}
.d-comp-table tbody tr:hover td.dim-cell{color:#ffdf9e!important;}
.d-comp-table tbody td.cap-cell{
  background:linear-gradient(90deg,rgba(230,179,77,0.11) 0%,rgba(230,179,77,0.055) 100%)!important;
  border-left:2px solid rgba(230,179,77,0.55)!important;
  border-right:2px solid rgba(230,179,77,0.55)!important;
  font-size:15px!important;
  box-shadow:inset 0 0 30px rgba(230,179,77,0.05);
}
.d-comp-table tbody tr:hover td.cap-cell{background:rgba(230,179,77,0.14)!important;}
.d-comp-table thead th.cap-col{
  background:linear-gradient(180deg,rgba(230,179,77,0.24) 0%,rgba(230,179,77,0.09) 100%)!important;
  border-left:2px solid rgba(230,179,77,0.55)!important;
  border-right:2px solid rgba(230,179,77,0.55)!important;
}
.d-comp-th-best{box-shadow:inset 0 1px 0 rgba(255,255,255,0.45);animation:bestPulse 2.6s ease-in-out infinite;}
@keyframes bestPulse{
  0%,100%{filter:drop-shadow(0 6px 16px rgba(230,179,77,0.45));}
  50%{filter:drop-shadow(0 6px 26px rgba(230,179,77,0.85)) drop-shadow(0 0 12px rgba(255,200,77,0.4));}
}
.d-comp-table tfoot td.cap-cell{
  background:linear-gradient(135deg,#ffdf9e 0%,#e6b34d 100%)!important;
  color:#020204!important;text-shadow:none!important;
  font-size:14px!important;letter-spacing:0.26em!important;
  border-left:2px solid #ffdf9e!important;border-right:2px solid #ffdf9e!important;
}
.d-comp-icon.good{width:22px;height:22px;font-size:12px;
  box-shadow:0 0 16px rgba(230,179,77,0.5)!important;}

/* ═══ v3 — SIMULATOR STEP 1: command-desk treatment ═══ */
#gSizing .demo-game-frame{
  box-shadow:0 30px 90px rgba(0,0,0,0.55), 0 0 50px -18px rgba(230,179,77,0.22);
}
.gsize-left{
  background:
    linear-gradient(135deg,rgba(230,179,77,0.10) 0%,rgba(255,255,255,0.02) 45%,transparent 75%),
    repeating-linear-gradient(0deg,transparent 0 47px,rgba(255,255,255,0.025) 47px 48px),
    repeating-linear-gradient(90deg,transparent 0 47px,rgba(255,255,255,0.025) 47px 48px)!important;
}
.gsize-h{font-weight:200!important;}
.gsize-h strong{font-weight:800;
  background:linear-gradient(135deg,#ffdf9e,#e6b34d);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 18px rgba(230,179,77,0.45));}
.gsize-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;
  background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.10);margin-top:6px;}
.gsz{background:#06060e;padding:13px 16px;display:flex;flex-direction:column;gap:3px;}
.gsz-n{font-family:var(--condensed);font-size:24px;font-weight:900;line-height:1;
  background:linear-gradient(135deg,#ffdf9e,#e6b34d);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.gsz-l{font-family:var(--mono);font-size:10px;letter-spacing:0.18em;
  text-transform:uppercase;color:rgba(210,206,200,0.65);}
.gsize-right{
  background:linear-gradient(180deg,rgba(230,179,77,0.035) 0%,rgba(255,255,255,0.012) 30%)!important;
  border-left:1px solid rgba(230,179,77,0.14);
}
.gfield label{color:rgba(240,237,232,0.9)!important;font-size:12px!important;}
.ginp{font-size:19px!important;padding:13px 16px!important;
  background:rgba(2,2,4,0.7)!important;border-color:rgba(230,179,77,0.3)!important;
  font-weight:700;letter-spacing:0.04em;}
.gunit{background:rgba(230,179,77,0.14)!important;border-color:rgba(230,179,77,0.3)!important;
  color:#ffdf9e!important;font-weight:700;}
.grange{height:5px;}
#gSizingPreview{
  background:linear-gradient(180deg,rgba(230,179,77,0.10) 0%,rgba(2,2,4,0.5) 100%)!important;
  border:1px solid rgba(230,179,77,0.4)!important;
  box-shadow:0 0 0 1px rgba(230,179,77,0.08) inset, 0 14px 40px -14px rgba(230,179,77,0.3)!important;
  padding:18px 20px!important;
}
#gSizingPreview .gpval{font-size:18px;}
#gpGrade{
  display:inline-block;padding:3px 12px;
  background:linear-gradient(135deg,#ffdf9e,#e6b34d);
  color:#020204!important;text-shadow:none!important;
  font-weight:700;letter-spacing:0.14em;font-size:13px;
  box-shadow:0 0 18px rgba(230,179,77,0.45);
}
@media(prefers-reduced-motion:reduce){.d-comp-th-best{animation:none;}}

/* ═══ v3.1 — HUD refinement ═══ */
#demo .ghud .gphase{padding-bottom:20px;}
.gwinrate-lbl{letter-spacing:0.18em!important;line-height:1.5;}
.gwinrate-ctx{letter-spacing:0.08em!important;line-height:1.6;}
.gwinrate-bar-lbl{letter-spacing:0.06em!important;line-height:1.5;}
#demo .ghud::-webkit-scrollbar{width:4px;}
#demo .ghud::-webkit-scrollbar-thumb{background:rgba(230,179,77,0.35);}
#demo .ghud::-webkit-scrollbar-track{background:transparent;}
/* Entry button — full premium treatment when pinned */
#demo .ghud .gbtn.entry{
  border-radius:2px;
  background:linear-gradient(110deg,#f59e0b 0%,#fbbf24 60%,#ffdf80 100%);
  border:1px solid rgba(255,223,128,0.8);
  box-shadow:0 0 24px rgba(245,158,11,0.45), 0 8px 24px -6px rgba(2,2,4,0.9), inset 0 1px 0 rgba(255,255,255,0.4);
}

/* ═══ v4 — INSTITUTIONAL RESTRAINT (hero + trust accents) ═══
   One accent metal: gold. Blue and neon-green demoted from decoration
   to semantics-only. This is what separates a terminal from a toy. */

/* Headline: PERPETUALS in pure layered gold — no rainbow */
.hero-h1 .l3{
  background:linear-gradient(135deg,#ffdf80 0%,#ffdf9e 30%,#e6b34d 72%,#c9a84c 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
.hero-rule{background:linear-gradient(90deg,transparent,rgba(230,179,77,0.9),transparent)!important;}

/* Stat row: one metal, uniform authority (kills the odd blue 73%) */
.hs-n.eth-grad{
  background:linear-gradient(135deg,var(--btc2),var(--btc))!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
.hero-trust-item::before{color:rgba(255,200,77,0.9)!important;}

/* Secondary CTA: quiet executive outline, not a green neon sign */
.hero-ctas .btn-g{
  background:transparent!important;color:var(--near-white)!important;
  border:1px solid rgba(255,255,255,0.28)!important;
  box-shadow:none!important;
}
.hero-ctas .btn-g::before{background:linear-gradient(135deg,rgba(230,179,77,0.14),transparent)!important;}
.hero-ctas .btn-g:hover{
  background:rgba(230,179,77,0.08)!important;color:#ffdf9e!important;
  border-color:rgba(230,179,77,0.6)!important;
  transform:translateY(-3px)!important;
  box-shadow:0 14px 40px -12px rgba(230,179,77,0.4)!important;
}

/* Live session card → single-metal instrument panel.
   All meters gold; green reserved strictly for confirmations and P&L. */
.cap-bar-fill.eth{background:linear-gradient(90deg,rgba(230,179,77,0.5),rgba(255,200,77,0.8))!important;}
.cap-bar-fill.grn{background:linear-gradient(90deg,rgba(230,179,77,0.7),#ffdf9e)!important;}
.cap-bar-val.ev{color:rgba(240,237,232,0.85)!important;}
.cap-bar-val.gv{color:rgba(77,255,176,0.85)!important;}
.cap-result-val{text-shadow:0 0 12px rgba(77,255,176,0.22)!important;}

/* Portrait + section flourishes: gold only */
.portrait-initials{
  background:linear-gradient(135deg,#ffdf80 0%,#ffdf9e 45%,#e6b34d 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
.portrait-frame::after{background:linear-gradient(90deg,transparent,rgba(230,179,77,0.35),transparent)!important;}

/* ═══ v5 — OBSIDIAN & GOLD (matches the CAP film title language) ═══
   Black marble, white smoke, one seam of gold. Decorative blue/green
   retired; red survives only where it means risk; green only where it
   means profit. */

/* Architecture slabs: gold / platinum alternation */
.os-slab-2{
  --os-accent:linear-gradient(180deg,#f2ede6,#9e9a96)!important;
  --os-orb:radial-gradient(circle,rgba(242,237,230,0.35) 0%,rgba(158,154,150,0) 65%)!important;
  --os-border-hover:rgba(242,237,230,0.35)!important;
  --os-glow:rgba(242,237,230,0.16)!important;
}
.os-slab-4{
  --os-accent:linear-gradient(180deg,#f87171,#b34b4b)!important;   /* risk stays red — muted, not neon */
  --os-orb:radial-gradient(circle,rgba(248,113,113,0.3) 0%,rgba(179,75,75,0) 65%)!important;
  --os-border-hover:rgba(248,113,113,0.3)!important;
  --os-glow:rgba(248,113,113,0.16)!important;
}
.os-slab-5{
  --os-accent:linear-gradient(180deg,#f2ede6,#9e9a96)!important;
  --os-orb:radial-gradient(circle,rgba(242,237,230,0.35) 0%,rgba(158,154,150,0) 65%)!important;
  --os-border-hover:rgba(242,237,230,0.35)!important;
  --os-glow:rgba(242,237,230,0.16)!important;
}
/* Gate-result tags: the seam of gold */
.os-result-tag{color:rgba(255,200,77,0.9)!important;}
.os-result-tag::before{background:rgba(255,200,77,0.7)!important;}
.os-footer .os-foot-teal{color:#ffdf9e!important;}

/* Proof cards: gold / platinum alternation */
.vp-card-2{
  --vp-accent:linear-gradient(90deg,rgba(242,237,230,0) 0%,#f2ede6 50%,rgba(242,237,230,0) 100%)!important;
  --vp-border-hover:rgba(242,237,230,0.35)!important;
  --vp-glow:rgba(242,237,230,0.14)!important;
}
.vp-card-4{
  --vp-accent:linear-gradient(90deg,rgba(201,138,46,0) 0%,#fff0c8 50%,rgba(201,138,46,0) 100%)!important;
  --vp-border-hover:rgba(201,138,46,0.42)!important;
  --vp-glow:rgba(201,138,46,0.2)!important;
}

/* ═══ v6 — MONUMENT UNIFICATION ═══
   One geometry across every flagship surface: sharp edges,
   gold-hairline frames, engraved metal type. */

/* Comparison ledger joins the monument geometry */
.d-comp-tablewrap{
  border-radius:0!important;
  border:1px solid rgba(230,179,77,0.24)!important;
  box-shadow:0 50px 140px rgba(0,0,0,0.65),
             0 0 80px -30px rgba(230,179,77,0.22),
             inset 0 1px 0 rgba(255,255,255,0.03)!important;
}
.d-comp-tablewrap::-webkit-scrollbar-thumb{border-radius:0!important;}
.d-comp-th-best{border-radius:0!important;}
.d-comp-cta-btn{border-radius:0!important;}
.d-comp-eyebrow{
  display:inline-flex!important;align-items:center;gap:10px;
  color:rgba(255,200,77,0.9)!important;border-radius:0!important;
}

/* Hero: engraved authority */
#hero .hero-stats{
  border:1px solid rgba(230,179,77,0.22)!important;
  border-top:1px solid rgba(230,179,77,0.4)!important;
  background:rgba(2,2,4,0.5);
  box-shadow:0 24px 70px -30px rgba(0,0,0,0.8);
}
#hero .hs{border-right:1px solid rgba(255,255,255,0.07)!important;}
#hero .hs:last-child{border-right:none!important;}
#hero .hs-l{color:rgba(210,206,200,0.55)!important;}
.hero-badge{border-radius:0!important;}

/* Hero live-session card: monument frame */
.hero-cap-preview{
  border:1px solid rgba(230,179,77,0.3)!important;
  box-shadow:0 40px 110px rgba(0,0,0,0.6),
             0 0 70px -25px rgba(230,179,77,0.3),
             inset 0 1px 0 rgba(255,255,255,0.05)!important;
}

/* Simulator frames: same monument shadow language */
#gSizing .demo-game-frame,
#gTradeSelect .demo-game-frame{
  border:1px solid rgba(230,179,77,0.24)!important;
  box-shadow:0 40px 110px rgba(0,0,0,0.6),
             0 0 70px -25px rgba(230,179,77,0.25)!important;
}
#gPlay .demo-game-frame{
  border:1px solid rgba(230,179,77,0.22)!important;
  box-shadow:0 40px 110px rgba(0,0,0,0.6),
             0 0 70px -25px rgba(230,179,77,0.22)!important;
}

/* ═══ v7 — BELOW THE SIM: monument continuation ═══ */

/* Post-sim handoff card */
.demo-after{
  border:1px solid rgba(230,179,77,0.24)!important;
  background:linear-gradient(180deg,rgba(230,179,77,0.06),rgba(2,2,4,0.4))!important;
  box-shadow:0 24px 70px -30px rgba(0,0,0,0.7), 0 0 40px -18px rgba(230,179,77,0.25);
}

/* Compound calculator: monument frame + engraved result */
#calc-teaser .ct-inner{position:relative;}
#calc-teaser .ct-input-shell,
#calc-teaser .ct-result-box{border-radius:0!important;}
#calc-teaser .ct-result-box{
  box-shadow:inset 0 0 30px rgba(201,138,46,0.05), 0 18px 50px -22px rgba(201,138,46,0.3)!important;
}
#calc-teaser .ct-result-value{text-shadow:0 0 24px rgba(255,200,77,0.3);}

/* Next-step doors: sharp geometry + stately hover */
.nsc-path{border-radius:0!important;background:linear-gradient(180deg,#08080e 0%,#040406 100%)!important;}
.nsc-path-cta{border-radius:0!important;}
.nsc-divider-line{background:linear-gradient(90deg,transparent,rgba(230,179,77,0.35),transparent)!important;}
.nsc-divider-text{color:rgba(255,200,77,0.75)!important;}
.nsc,.nsc-cta{border-radius:0!important;}

/* FAQ: engraved register */
#faq{border-top:1px solid rgba(230,179,77,0.16)!important;position:relative;}
#faq .faq-item{transition:background 0.3s ease;}
#faq .faq-item:hover{background:rgba(230,179,77,0.02);}
#faq .faq-item summary{transition:color 0.25s ease;}
#faq .faq-item summary:hover{color:#ffdf9e!important;}
#faq .faq-item[open] summary{color:#ffdf9e!important;}
#faq .faq-item[open] summary span{transform:rotate(45deg);display:inline-block;transition:transform 0.25s;}

/* ═══ v7.1 — comparison icon optical centering ═══
   Share Tech Mono draws ✓ / ✗ / ~ off their em-center, which floats the
   glyph high-left inside the badge circle. Barlow centers them true. */
.d-comp-icon{
  font-family:var(--body,'Barlow',sans-serif)!important;
  line-height:1!important;
  padding:0!important;
}
.d-comp-icon.good{font-size:12.5px;font-weight:800;}
.d-comp-icon.bad{font-size:12px;font-weight:700;}
.d-comp-icon.mid{font-size:13px;font-weight:700;}

/* ── block 7 ─────────────────────────────────────────── */
.skip-link{position:absolute;top:-48px;left:0;background:var(--btc,#e6b34d);color:#000;font-family:var(--mono,"Share Tech Mono",monospace);font-size:13px;font-weight:700;letter-spacing:0.1em;padding:10px 18px;z-index:9999;border-radius:0 0 4px 0;text-decoration:none;transition:top .15s ease;}
.skip-link:focus{top:0;}

/* ── nav-dropdown-fix ─────────────────────────────────────────── */
/* ── Dropdown hover-bridge: eliminates snap-back when cursor crosses the 18px gap ── */
.nav-links .nav-dropdown{position:relative;}
.nav-links .nav-dropdown::after{content:'';position:absolute;top:100%;left:-10px;right:-10px;height:22px;}

/* ── tcw-footer-universal ─────────────────────────────────────────── */
/* ══ TCW UNIVERSAL FOOTER ══ */
footer{background:#111113;border-top:1px solid rgba(255,255,255,0.06)!important;
  padding:clamp(40px,6vw,64px) 48px clamp(24px,3vw,32px)!important;}
.footer-inner{max-width:1200px!important;margin:0 auto!important;}
.footer-grid{display:grid!important;grid-template-columns:1.8fr repeat(5,1fr)!important;
  gap:clamp(20px,3vw,40px)!important;margin-bottom:clamp(24px,3vw,36px)!important;}
@media(max-width:1000px){.footer-grid{grid-template-columns:repeat(3,1fr)!important;}}
@media(max-width:600px){.footer-grid{grid-template-columns:1fr 1fr!important;}
  .footer-inner{padding:0!important;}footer{padding:40px 24px 24px!important;}}
.footer-brand{font-family:var(--condensed,'Barlow Condensed',sans-serif)!important;
  font-weight:900!important;font-size:20px!important;letter-spacing:0.06em!important;
  text-transform:uppercase!important;color:#f0f0f0!important;margin-bottom:10px!important;}
.footer-tagline{font-family:var(--condensed,'Barlow Condensed',sans-serif)!important;
  font-size:14px!important;color:#9ca3af!important;line-height:1.8!important;letter-spacing:0.04em!important;}
.footer-col{display:flex!important;flex-direction:column!important;gap:10px!important;}
.footer-col-title{font-family:var(--mono,'JetBrains Mono',monospace)!important;
  font-weight:400!important;font-size:11px!important;letter-spacing:0.22em!important;
  text-transform:uppercase!important;color:#9ca3af!important;margin-bottom:4px!important;}
.footer-col a{font-family:var(--condensed,'Barlow Condensed',sans-serif)!important;
  font-size:13px!important;color:#9ca3af!important;letter-spacing:0.05em!important;
  transition:color 0.15s!important;text-decoration:none!important;}
.footer-col a:hover{color:#f0f0f0!important;}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.06)!important;padding-top:20px!important;
  display:flex!important;justify-content:space-between!important;align-items:center!important;
  flex-wrap:wrap!important;gap:12px!important;margin-top:clamp(24px,3vw,36px)!important;}
.footer-copy{font-family:var(--mono,'JetBrains Mono',monospace)!important;
  font-size:11px!important;color:#9ca3af!important;}

/* ── tcw-polish-universal ─────────────────────────────────────────── */
/* ══ TCW UNIVERSAL POLISH ══ */

/* 1. Focus management — keyboard only, no mouse ring */
:focus{outline:none;}
:focus-visible{outline:2px solid rgba(230,179,77,0.55);outline-offset:3px;}

/* 2. Touch-action — eliminate 300ms iOS tap delay on all interactive elements */
a,button,input,select,textarea,
[role="button"],[role="tab"],[role="checkbox"],[role="switch"],
[tabindex="0"],[tabindex],
.btn,.btn-a,.btn-p,.nav-cta,.nav-link,.nav-dropdown-toggle,
.fork-card,.gate-btn,.sim-btn,.preset-btn,.mode-btn,.act-btn,
.faq-question,.tab,.card,[class*="toggle"],[class*="card"],
.range-input,label[for]{
  touch-action:manipulation;
}

/* 3. Range input UX */
input[type="range"]{touch-action:manipulation;cursor:pointer;}

/* 4. Cursor discipline */
button,a,[role="button"],[tabindex="0"]{cursor:pointer;}

/* 5. Prefers-reduced-motion — graceful animation degradation */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:0.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:0.01ms!important;
    scroll-behavior:auto!important;
  }
}

/* 6. Safe iOS viewport — prevent 100vh clipping behind Safari toolbar */
@supports(-webkit-touch-callout:none){
  .fullscreen,.gateway,.hero-full,[style*="height:100vh"]{
    min-height:-webkit-fill-available;
  }
}

/* ── tcw-obsidian-pure-black ─────────────────────────────────────────── */
/* ── OBSIDIAN PURE-BLACK PASS (Jul 2026) — sitewide direction:
   all content on pure black; ambient wallpaper layers (orbs, grids,
   fixed glows) retired. Card-internal glass/smoke effects untouched. */
:root{--bg:#000;--void:#000;}
body{background:#000!important;}
.hero-grid,.hero-orb,.hero-orb-btc,.hero-orb-eth,.hero-orb-sol,.hero-orb-teal,
.cta-orb,.cta-orb-btc,.cta-orb-eth,.wte-bundles-orb,.bg-glow{display:none!important;}
.dark-grid-bg::before{background-image:none!important;}

/* ── tcw-hdr-contrast ─────────────────────────────────────────── */
/* ── HDR CONTRAST (Jul 2026) ──
   Washed-out grays lifted to HDR near-whites; dropdown re-struck bold.
   The CAP stage-colour palette (--s1..--s5) formerly declared here was
   retired Aug 2026: declared on 101 pages, referenced by zero rules.
   Original values and rationale: _build/STAGE_PALETTE_RETIRED.md */
:root{--silver:#ddd9d2;--muted:#d6d2cb;--dim:#b6b2ab;--bright:#eae6df;}
.nav-dropdown-item:not([style*="color:"]){
  color:#f2ede6!important;font-weight:700;
  text-shadow:0 0 10px rgba(255,255,255,0.10);
}
.nav-dropdown-item:hover{color:#ffffff!important;text-shadow:0 0 12px rgba(255,223,158,0.45);}
/* TCW instrument-item HDR boost — match New-Trader column weight+glow, tinted per asset */
.nav-dropdown-item[href="/sol-sales"],.nav-dropdown-item[href="/gold"],.nav-dropdown-item[href="/btc-sales"],.nav-dropdown-item[href="/eth-sales"],.nav-dropdown-item[href="/bundles"],.nav-dropdown-item[href="/cavi"],#mobileDrawer .mobile-nav-link[data-slug="/sol-sales"],#mobileDrawer .mobile-nav-link[data-slug="/gold"],#mobileDrawer .mobile-nav-link[data-slug="/btc-sales"],#mobileDrawer .mobile-nav-link[data-slug="/eth-sales"],#mobileDrawer .mobile-nav-link[data-slug="/bundles"],#mobileDrawer .mobile-nav-link[data-slug="/cavi"]{font-weight:800!important;letter-spacing:0.185em;}
.nav-dropdown-item[href="/sol-sales"]:not(:hover),#mobileDrawer .mobile-nav-link[data-slug="/sol-sales"]:not(:hover){text-shadow:0 0 11px rgba(20,241,149,0.55),0 0 3px rgba(20,241,149,0.35);}
.nav-dropdown-item[href="/gold"]:not(:hover),#mobileDrawer .mobile-nav-link[data-slug="/gold"]:not(:hover){color:#d8b95a!important;text-shadow:0 0 11px rgba(216,185,90,0.55),0 0 3px rgba(216,185,90,0.35);}
.nav-dropdown-item[href="/btc-sales"]:not(:hover),#mobileDrawer .mobile-nav-link[data-slug="/btc-sales"]:not(:hover){text-shadow:0 0 11px rgba(230,179,77,0.60),0 0 3px rgba(230,179,77,0.40);}
.nav-dropdown-item[href="/eth-sales"]:not(:hover),#mobileDrawer .mobile-nav-link[data-slug="/eth-sales"]:not(:hover){color:#8aa2f5!important;text-shadow:0 0 11px rgba(138,162,245,0.60),0 0 3px rgba(138,162,245,0.40);}
.nav-dropdown-item[href="/bundles"]:not(:hover),#mobileDrawer .mobile-nav-link[data-slug="/bundles"]:not(:hover){text-shadow:0 0 11px rgba(255,223,158,0.55),0 0 3px rgba(255,223,158,0.35);}
.nav-dropdown-item[href="/cavi"]:not(:hover),#mobileDrawer .mobile-nav-link[data-slug="/cavi"]:not(:hover){text-shadow:0 0 11px rgba(255,223,158,0.55),0 0 3px rgba(255,223,158,0.35);}
.nav-dropdown-item[href="/scanner"]:not(:hover),#mobileDrawer .mobile-nav-link[data-slug="/scanner"]:not(:hover){text-shadow:0 0 11px rgba(45,212,191,0.55),0 0 3px rgba(45,212,191,0.35);}
.nav-dropdown-menu>div{color:#e6b34d!important;text-shadow:0 0 8px rgba(230,179,77,0.35);}
#mobileDrawer .nav-link,.mobile-nav-link{color:#f2ede6;}
.section-story,.section-sub,.pillar-desc,.diagram-caption,.cap-box-body{color:#ddd9d2;font-weight:400;}
.section-h2{text-shadow:0 0 26px rgba(255,255,255,0.10);}
.grad-clip,.grad{filter:drop-shadow(0 0 14px rgba(230,179,77,0.30));}

/* ── cw-mobile-header-css ─────────────────────────────────────────── */
.nav-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;background:none;border:none;cursor:pointer;padding:0;z-index:1010;flex-shrink:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation;}
.nav-hamburger span{display:block;width:24px;height:2px;background:#f2ede6;border-radius:2px;transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .2s;transform-origin:center;}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0);}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
#mobileDrawer{display:block;position:fixed;top:64px;right:-100%;width:300px;max-width:88vw;height:calc(100vh - 64px);height:calc(100dvh - 64px);background:rgba(6,6,14,0.985);border-left:1px solid rgba(255,255,255,0.10);padding:26px 22px 40px;z-index:1005;transition:right .32s cubic-bezier(.4,0,.2,1);overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:-18px 0 50px rgba(0,0,0,0.6);}
#mobileDrawer.open{right:0;}
#mobileDrawer .mobile-nav-link{display:block;padding:15px 2px;min-height:48px;font-family:var(--mono,'Share Tech Mono',monospace);font-size:13px;letter-spacing:0.16em;text-transform:uppercase;color:#f2ede6;text-decoration:none;border-bottom:1px solid rgba(255,255,255,0.07);transition:color .2s,padding-left .2s;box-sizing:border-box;}
#mobileDrawer .mobile-nav-link:hover,#mobileDrawer .mobile-nav-link.active{color:#e6b34d;padding-left:8px;}
#mobileDrawer .mobile-group-label{font-family:var(--mono,'Share Tech Mono',monospace);font-size:10px;letter-spacing:0.26em;color:#9e9a96;margin:20px 0 4px;text-transform:uppercase;}
#mobileDrawer .mobile-group{border-left:2px solid rgba(230,179,77,0.28);padding-left:14px;margin-bottom:2px;}
#mobileDrawer .mobile-group .mobile-nav-link{font-size:12px;letter-spacing:0.12em;padding:13px 2px;border-bottom:1px solid rgba(255,255,255,0.045);}
#mobileDrawer .mobile-nav-tg{display:flex;align-items:center;gap:10px;margin-top:20px;padding:13px 2px;min-height:48px;font-family:var(--mono,'Share Tech Mono',monospace);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:#229ED9;text-decoration:none;box-sizing:border-box;}
#mobileDrawer .mobile-nav-cta{display:block;margin-top:22px;padding:16px 18px;min-height:48px;background:linear-gradient(135deg,#e6b34d 0%,#f7931a 100%);color:#050505;font-family:var(--condensed,'Barlow Condensed',sans-serif);font-weight:800;font-size:14px;letter-spacing:0.16em;text-transform:uppercase;text-decoration:none;text-align:center;box-sizing:border-box;border-radius:2px;}
#cwDrawerScrim{position:fixed;inset:0;background:rgba(0,0,0,0.5);opacity:0;visibility:hidden;transition:opacity .3s;z-index:1004;touch-action:manipulation;}
#cwDrawerScrim.open{opacity:1;visibility:visible;}
body.cw-drawer-open{overflow:hidden;}
@media(max-width:900px){.nav-links{display:none!important;}.nav-hamburger{display:flex!important;}}
@media(min-width:901px){#mobileDrawer,#cwDrawerScrim{display:none!important;}.nav-hamburger{display:none!important;}}

/* ── tcw-sim-difficulty-frames ─────────────────────────────────────────── */
/* ── SIM DIFFICULTY LIGHT-BAR FRAMES (Jul 10 2026) — clear visual
   separation of Beginner / Intermediate / Advanced scenarios ── */
.gtrade-grid .gtcard{position:relative;border-radius:2px;}
.gtrade-grid .gtcard::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;z-index:2;pointer-events:none;}
.gtrade-grid .gtcard:nth-child(1){border:1px solid rgba(74,222,128,0.34)!important;box-shadow:0 0 38px -16px rgba(74,222,128,0.38),inset 0 26px 34px -32px rgba(74,222,128,0.32)!important;}
.gtrade-grid .gtcard:nth-child(1)::before{background:linear-gradient(90deg,transparent 4%,#4ade80 50%,transparent 96%);box-shadow:0 0 16px rgba(74,222,128,0.85),0 0 34px rgba(74,222,128,0.4);}
.gtrade-grid .gtcard:nth-child(2){border:1px solid rgba(245,158,11,0.4)!important;box-shadow:0 0 38px -16px rgba(245,158,11,0.42),inset 0 26px 34px -32px rgba(245,158,11,0.32)!important;}
.gtrade-grid .gtcard:nth-child(2)::before{background:linear-gradient(90deg,transparent 4%,#f59e0b 50%,transparent 96%);box-shadow:0 0 16px rgba(245,158,11,0.85),0 0 34px rgba(245,158,11,0.4);}
.gtrade-grid .gtcard:nth-child(3){border:1px solid rgba(192,132,252,0.34)!important;box-shadow:0 0 38px -16px rgba(192,132,252,0.38),inset 0 26px 34px -32px rgba(192,132,252,0.32)!important;}
.gtrade-grid .gtcard:nth-child(3)::before{background:linear-gradient(90deg,transparent 4%,#c084fc 50%,transparent 96%);box-shadow:0 0 16px rgba(192,132,252,0.85),0 0 34px rgba(192,132,252,0.4);}
.gtrade-grid .gtcard:nth-child(1):hover{box-shadow:0 0 52px -14px rgba(74,222,128,0.55),inset 0 26px 34px -32px rgba(74,222,128,0.4)!important;}
.gtrade-grid .gtcard:nth-child(2):hover{box-shadow:0 0 52px -14px rgba(245,158,11,0.6),inset 0 26px 34px -32px rgba(245,158,11,0.4)!important;}
.gtrade-grid .gtcard:nth-child(3):hover{box-shadow:0 0 52px -14px rgba(192,132,252,0.55),inset 0 26px 34px -32px rgba(192,132,252,0.4)!important;}

/* ── block 15 ─────────────────────────────────────────── */
/* Discover nav high-value glow (filter-only, compositor-safe) */
@keyframes discoverGlowPulse{0%,100%{filter:drop-shadow(0 0 3px rgba(230,179,77,0.40)) drop-shadow(0 0 8px rgba(230,179,77,0.22));}50%{filter:drop-shadow(0 0 6px rgba(255,240,200,0.75)) drop-shadow(0 0 16px rgba(230,179,77,0.55)) drop-shadow(0 0 30px rgba(247,147,26,0.30));}}
.discover-glow{color:var(--btc2,#ffdf9e)!important;animation:discoverGlowPulse 3.2s cubic-bezier(0.4,0,0.6,1) infinite;transform:translateZ(0);}
.discover-glow:hover{filter:drop-shadow(0 0 8px rgba(255,255,255,0.85)) drop-shadow(0 0 22px rgba(230,179,77,0.65)) drop-shadow(0 0 40px rgba(247,147,26,0.38));}
@media(prefers-reduced-motion:reduce){.discover-glow{animation:none!important;filter:drop-shadow(0 0 4px rgba(230,179,77,0.45))!important;}}

/* ── tcw-perf ─────────────────────────────────────────── */
:root{--tcw-tp:transform,opacity,color,background,border-color,text-shadow,outline-color,fill,stroke}.tcw-ticker-inner,.ticker-inner,.marquee-inner,.footer-marq-inner{backface-visibility:hidden}.nav-cta-pulse,.discover-glow{contain:paint;backface-visibility:hidden;will-change:filter;isolation:isolate}

/* ── tcw-nav-tu ─────────────────────────────────────────── */
/* ══════════════════════════════════════════════════════════════════
   TCW HEADER — Trading University consolidation (2026-07-26)
   Full-bleed mega panel · compositor-safe hovers · zero layout hover.
   ══════════════════════════════════════════════════════════════════ */

/* ── dead-zone repair ──────────────────────────────────────────────
   9 pages (cavi, bundles, sol-sales, discover, ote, the what-is-* blogs)
   hid .nav-links below 960px/1100px while the hamburger only appears at
   <=900px — leaving 901–1100px with NO navigation at all (iPad landscape,
   small laptops). The six-item bar fits at 901px, so it always shows. */
@media(min-width:901px){nav .nav-links{display:flex!important;}}

/* ── breathing room: 6 top-level items instead of 8 ──────────────────
   The bar needs ~1340px at full size. Below that it steps down instead of
   overflowing (the old bar ran off the right edge from 1000–1100px) and the
   legacy rule that hid every plain link — leaving a two-item stub nav — is
   overridden, because six items fit all the way down to 901px. */
nav .nav-links{gap:30px;flex-wrap:nowrap;}
@media(min-width:901px){nav .nav-links .nav-link:not(.nav-cta){display:inline-block!important;}}

@media(min-width:901px) and (max-width:1439px){
  nav .nav-links{gap:16px!important;}
  nav .nav-link,nav .nav-dropdown-toggle{font-size:12px!important;letter-spacing:0.09em!important;}
  nav .nav-brand{font-size:15px!important;letter-spacing:0.15em!important;}
}
@media(min-width:901px) and (max-width:1279px){
  nav .nav-links{gap:12px!important;}
  nav .nav-link,nav .nav-dropdown-toggle{font-size:11px!important;letter-spacing:0.05em!important;}
  nav .nav-brand{font-size:13.5px!important;letter-spacing:0.11em!important;}
  nav .nav-cta{padding:9px 13px!important;font-size:11px!important;line-height:1.3!important;}
  nav .nav-cta .nav-cta-micro{font-size:8px!important;letter-spacing:0.05em!important;}
}
@media(min-width:901px) and (max-width:1119px){
  nav .nav-links{gap:10px!important;}
  nav .nav-link,nav .nav-dropdown-toggle{font-size:10.5px!important;letter-spacing:0.03em!important;}
  nav .nav-cta{padding:8px 11px!important;font-size:10.5px!important;}
  nav .nav-cta .nav-cta-micro{display:none!important;}
  nav .nav-links>a[href*="t.me/"]{width:32px!important;height:32px!important;}
}
@media(min-width:901px) and (max-width:1000px){
  /* last step before the drawer — Telegram also sits in the footer and drawer */
  nav .nav-links>a[href*="t.me/"]{display:none!important;}
  nav{padding-left:20px!important;padding-right:20px!important;}
  nav .nav-brand{font-size:12.5px!important;letter-spacing:0.09em!important;}
  nav .nav-links{gap:9px!important;}
  nav .nav-cta{padding:8px 10px!important;font-size:10px!important;}
}

/* ── one line, always: a wrapped nav item orphans its chevron ── */
nav .nav-brand,nav .nav-link,nav .nav-dropdown-toggle,
nav .nav-cta,nav .nav-cta>span{white-space:nowrap;}

/* ── kill hover reflow: no letter-spacing / padding animation on a fixed bar ── */
nav .nav-link,nav .nav-dropdown-toggle{
  letter-spacing:0.18em!important;
  transition:color .2s ease,transform .2s ease!important;
}
nav .nav-link:hover,nav .nav-link:focus-visible,
nav .nav-dropdown:hover .nav-dropdown-toggle,
nav .nav-dropdown:focus-within .nav-dropdown-toggle,
nav .nav-dropdown-toggle:hover,nav .nav-dropdown-toggle:focus-visible{
  transform:translateY(-1px);
}
nav .nav-link.active,nav .nav-dropdown-toggle.active{color:#ffdf9e!important;}
nav .nav-link.active::after{transform:scaleX(1);}

/* keyboard parity with hover */
nav .nav-dropdown:focus-within .nav-dropdown-menu{
  opacity:1!important;pointer-events:auto!important;
}
nav .nav-dropdown:focus-within .nav-chevron{transform:rotate(180deg);}
nav .nav-link:focus-visible,nav .nav-dropdown-toggle:focus-visible,
nav .nav-dropdown-item:focus-visible,nav .tcw-mega-hero:focus-visible,
#mobileDrawer .mobile-nav-link:focus-visible,#cwDrawerClose:focus-visible,
.nav-hamburger:focus-visible{
  outline:2px solid #ffdf9e;outline-offset:3px;
}

/* ── dropdown rows: translate instead of padding-left ── */
nav .nav-dropdown-menu a.nav-dropdown-item.tcw-mega-item{
  display:flex!important;align-items:center;justify-content:space-between;gap:12px;
  white-space:nowrap;
  padding:11px 18px!important;
  border-left:2px solid transparent;
  -webkit-text-fill-color:currentColor!important;
  transition:color .16s ease,background-color .16s ease,border-left-color .16s ease,transform .16s ease!important;
}
nav .nav-dropdown-menu a.nav-dropdown-item.tcw-mega-item:hover,
nav .nav-dropdown-menu a.nav-dropdown-item.tcw-mega-item:focus-visible{
  padding-left:18px!important;
  transform:translateX(5px);
  border-left-color:#e6b34d;
  background:rgba(230,179,77,0.07)!important;
  color:#ffffff!important;
}
nav .nav-dropdown-menu a.nav-dropdown-item.tcw-mega-item.active{
  color:#ffdf9e!important;border-left-color:#e6b34d;background:rgba(230,179,77,0.05)!important;
}
/* per-item brand colours (classes, not inline — inline loses to !important) */
nav .nav-dropdown-menu a.nav-dropdown-item.tcw-c-sol{color:#14F195!important;}
nav .nav-dropdown-menu a.nav-dropdown-item.tcw-c-gold{color:#c9a84c!important;}
nav .nav-dropdown-menu a.nav-dropdown-item.tcw-c-btc{color:#e6b34d!important;}
nav .nav-dropdown-menu a.nav-dropdown-item.tcw-c-eth{color:#7090f0!important;}
nav .nav-dropdown-menu a.nav-dropdown-item.tcw-c-cream{color:#ffdf9e!important;}
nav .nav-dropdown-menu a.nav-dropdown-item.tcw-c-teal{color:#2dd4bf!important;}
nav .nav-dropdown-menu a.nav-dropdown-item.tcw-mega-item:hover{color:#ffffff!important;}
nav .nav-dropdown-menu a.nav-dropdown-item.tcw-mega-item:last-child{border-bottom:none!important;}
nav .nav-dropdown-menu.tcw-mega a.nav-dropdown-item.tcw-mega-item:last-child{border-bottom:none!important;}

/* ── section labels inside any menu ── */
nav .nav-dropdown-menu .tcw-mega-label{
  font-family:var(--mono,'Share Tech Mono',monospace);
  font-size:9px;letter-spacing:0.26em;color:#8e8983!important;text-transform:uppercase;
  padding:11px 18px 7px;margin-top:4px;
  border-top:1px solid rgba(255,255,255,0.07);
  text-shadow:none!important;
}
nav .nav-dropdown-menu .tcw-mega-label:first-child{margin-top:0;border-top:none;padding-top:12px;}
nav .nav-dropdown-menu{min-width:238px;}

/* ══ THE MEGA PANEL ══ */
nav .nav-dropdown.tcw-tu-dd{position:static!important;}   /* containing block becomes <nav> */
nav .nav-dropdown-menu.tcw-mega{
  position:absolute!important;
  top:100%!important;left:0!important;right:0!important;bottom:auto!important;
  width:auto!important;min-width:0!important;max-width:none!important;max-height:none!important;
  transform:translateY(-6px)!important;
  background:#050509!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  border:none!important;
  border-top:1px solid rgba(230,179,77,0.30)!important;
  border-bottom:1px solid rgba(255,255,255,0.10)!important;
  box-shadow:0 34px 90px rgba(0,0,0,0.72)!important;
  padding:26px 48px 30px!important;
  margin:0!important;
  overflow:visible!important;
  display:block!important;
  transition:opacity .18s ease,transform .18s ease!important;
}
nav .tcw-tu-dd:hover .nav-dropdown-menu.tcw-mega,
nav .tcw-tu-dd:focus-within .nav-dropdown-menu.tcw-mega{
  opacity:1!important;pointer-events:auto!important;transform:translateY(0)!important;
}
/* hover bridge across the gap between the toggle and the panel */
nav .nav-dropdown-menu.tcw-mega::before{
  content:''!important;position:absolute!important;
  top:-20px!important;left:0!important;right:0!important;height:20px!important;
  background:transparent!important;
}
/* faint gold seam, matches the nav underline */
nav .nav-dropdown-menu.tcw-mega::after{
  content:'';position:absolute;top:-1px;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent 0%,#e6b34d 35%,#ffdf9e 50%,#7090f0 65%,transparent 100%);
  opacity:0.55;pointer-events:none;
}

/* ── hero row ── */
nav .nav-dropdown-menu.tcw-mega a.tcw-mega-hero{
  display:flex!important;align-items:center;justify-content:space-between;gap:20px;
  max-width:1060px;margin:0 auto 18px!important;
  padding:15px 20px!important;text-decoration:none!important;
  border:1px solid rgba(230,179,77,0.26)!important;
  background:linear-gradient(100deg,rgba(230,179,77,0.10) 0%,rgba(230,179,77,0.03) 45%,transparent 100%)!important;
  transition:border-color .2s ease,transform .2s ease!important;
}
nav .nav-dropdown-menu.tcw-mega a.tcw-mega-hero:hover,
nav .nav-dropdown-menu.tcw-mega a.tcw-mega-hero:focus-visible,
nav .nav-dropdown-menu.tcw-mega a.tcw-mega-hero.active{
  border-color:rgba(230,179,77,0.62)!important;
}
nav .nav-dropdown-menu.tcw-mega a.tcw-mega-hero:hover{transform:translateY(-1px);}
nav .tcw-mega .tcw-mega-hero-txt{display:flex;flex-direction:column;gap:5px;min-width:0;}
nav .tcw-mega .tcw-mega-hero-t{
  font-family:var(--condensed,'Barlow Condensed',sans-serif);
  font-weight:800;font-size:19px;letter-spacing:0.15em;text-transform:uppercase;
  color:#ffdf9e!important;-webkit-text-fill-color:#ffdf9e;
  background:linear-gradient(90deg,#e6b34d 0%,#fff3cf 50%,#e6b34d 100%);
  -webkit-background-clip:text;background-clip:text;
}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  nav .tcw-mega .tcw-mega-hero-t{-webkit-text-fill-color:transparent;}
}
nav .tcw-mega .tcw-mega-hero-s{
  font-family:var(--mono,'Share Tech Mono',monospace);
  font-size:11px;letter-spacing:0.10em;color:#b9b3ab!important;
  -webkit-text-fill-color:#b9b3ab;text-transform:none;
}
nav .tcw-mega .tcw-mega-hero-pill{
  font-family:var(--condensed,'Barlow Condensed',sans-serif);
  font-weight:700;font-size:11px;letter-spacing:0.20em;text-transform:uppercase;
  color:#050509!important;-webkit-text-fill-color:#050509;
  background:linear-gradient(135deg,#e6b34d,#ffdf9e);
  padding:5px 13px;flex-shrink:0;
}

/* ── two columns ── */
nav .tcw-mega .tcw-mega-cols{
  display:grid!important;grid-template-columns:1fr 1fr;gap:0 40px;
  max-width:1060px;margin:0 auto;color:inherit!important;
}
nav .tcw-mega .tcw-mega-cols>.tcw-mega-col{color:inherit!important;}
nav .tcw-mega .tcw-mega-cols>.tcw-mega-col+.tcw-mega-col{
  padding-left:40px;margin-left:-40px;
  border-left:1px solid rgba(255,255,255,0.08);
}
nav .nav-dropdown-menu.tcw-mega .tcw-mega-label{padding-left:14px;padding-right:0;}
nav .nav-dropdown-menu.tcw-mega a.nav-dropdown-item.tcw-mega-item{
  padding:9px 14px!important;font-size:11px!important;letter-spacing:0.155em!important;
  border-bottom:1px solid rgba(255,255,255,0.055)!important;
}
nav .nav-dropdown-menu.tcw-mega a.nav-dropdown-item.tcw-mega-item:hover,
nav .nav-dropdown-menu.tcw-mega a.nav-dropdown-item.tcw-mega-item:focus-visible{
  padding-left:14px!important;
}

@media(max-width:1180px){
  nav .nav-dropdown-menu.tcw-mega{padding:22px 28px 24px!important;}
  nav .tcw-mega .tcw-mega-cols{gap:0 26px;}
  nav .tcw-mega .tcw-mega-cols>.tcw-mega-col+.tcw-mega-col{padding-left:26px;margin-left:-26px;}
  nav .nav-dropdown-menu.tcw-mega a.nav-dropdown-item.tcw-mega-item{
    font-size:10.5px!important;letter-spacing:0.10em!important;
  }
}

/* ── mobile drawer: same de-jank treatment, 48px targets ── */
#mobileDrawer .mobile-nav-link{
  transition:color .18s ease,border-left-color .18s ease,transform .18s ease!important;
  border-left:2px solid transparent;padding-left:8px!important;
  min-height:48px;display:flex;align-items:center;
}
#mobileDrawer .mobile-nav-link:hover,
#mobileDrawer .mobile-nav-link:focus-visible,
#mobileDrawer .mobile-nav-link.active{
  color:#e6b34d;transform:translateX(5px);border-left-color:#e6b34d;
}
#mobileDrawer .mobile-group .mobile-nav-link{
  min-height:48px;padding-top:11px!important;padding-bottom:11px!important;
}
#mobileDrawer .mobile-group-label{margin:18px 0 4px;}

@media(prefers-reduced-motion:reduce){
  nav .nav-link,nav .nav-dropdown-toggle,nav .nav-dropdown-item,
  nav .tcw-mega-hero,#mobileDrawer .mobile-nav-link{
    transition:none!important;transform:none!important;
  }
  nav .nav-dropdown-menu.tcw-mega,
  nav .tcw-tu-dd:hover .nav-dropdown-menu.tcw-mega,
  nav .tcw-tu-dd:focus-within .nav-dropdown-menu.tcw-mega{
    transition:none!important;transform:none!important;
  }
}
@media(max-width:900px){
  nav .nav-dropdown-menu.tcw-mega{display:none!important;}
}

/* ── tcw-tscroll ─────────────────────────────────────────── */
/* article tables: scroll horizontally instead of clipping on narrow screens */
.tcw-tscroll{
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  max-width:100%;margin:0 0 20px;
  scrollbar-width:thin;scrollbar-color:rgba(230,179,77,0.45) transparent;
}
.tcw-tscroll>table{margin-bottom:0;}
.tcw-tscroll::-webkit-scrollbar{height:6px;}
.tcw-tscroll::-webkit-scrollbar-thumb{background:rgba(230,179,77,0.45);border-radius:3px;}
.tcw-tscroll::-webkit-scrollbar-track{background:transparent;}
.tcw-tscroll:focus-visible{outline:2px solid #ffdf9e;outline-offset:2px;}

/* ── block 19 ─────────────────────────────────────────── */
/* ── LIVE SESSION PILL (injected into ticker) ── */
#discoverSessionPill{display:inline-flex;align-items:center;gap:6px;padding:3px 12px 3px 10px;border-radius:20px;font-family:var(--mono,"Share Tech Mono",monospace);font-size:10px;letter-spacing:0.18em;text-transform:uppercase;flex-shrink:0;position:relative;z-index:3;margin:0 8px;cursor:pointer;text-decoration:none;transition:opacity 0.2s;white-space:nowrap;}
#discoverSessionPill.dsp-active{background:rgba(34,197,94,0.1);border:1px solid rgba(34,197,94,0.3);color:#22c55e;}
#discoverSessionPill.dsp-inactive{background:rgba(90,88,112,0.1);border:1px solid rgba(90,88,112,0.2);color:#5a5870;}
#discoverSessionPill:hover{opacity:0.8;}
.dsp-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;}
.dsp-dot.dsp-on{background:#22c55e;}
.dsp-dot.dsp-off{background:#5a5870;}
@keyframes dspPulse{0%,100%{filter:drop-shadow(0 0 6px rgba(244,255,248,0.9)) drop-shadow(0 0 2px rgba(34,197,94,0.85));}50%{filter:drop-shadow(0 0 3px rgba(34,197,94,0.45)) drop-shadow(0 0 9px rgba(34,197,94,0.30));}}
.dsp-dot.dsp-on{animation:dspPulse 2s ease-in-out infinite;}

/* ── block 20 ─────────────────────────────────────────── */
@keyframes capPlayPulse {
        0%,100%{filter:drop-shadow(0 0 6px rgba(255,240,200,0.9)) drop-shadow(0 0 31px rgba(230,179,77,0.85)) drop-shadow(0 0 2px rgba(230,179,77,0.16));transform:scale(1);}
        50%{filter:drop-shadow(0 0 6px rgba(255,240,200,0.9)) drop-shadow(0 0 53px rgba(230,179,77,0.85)) drop-shadow(0 0 2px rgba(230,179,77,0.1));transform:scale(1.04);}
      }
      #cap-walkthrough-play:hover .cap-play-orb,
      #cap-walkthrough-play:focus-visible .cap-play-orb{
        background:rgba(230,179,77,0.32);
        box-shadow:0 0 110px rgba(230,179,77,0.85),0 0 0 14px rgba(230,179,77,0.08);
        transform:scale(1.06);
      }
      #cap-walkthrough-play:focus-visible{outline:2px solid rgba(255,200,77,0.9);outline-offset:-4px;}

/* ── block 21 ─────────────────────────────────────────── */
/* ═══════════════════════════════════════════════════════════════
       THE ARCHITECTURE LEDGER v2 — outcome snapshot
       Five components, engraved into one obsidian register.
       No rounded corners. No drifting orbs. No bounce.
       A numbered stone ledger with one seam of gold.
       ═══════════════════════════════════════════════════════════════ */
    #outcome-snapshot{
      position:relative;
      padding:clamp(88px,10vw,144px) 24px;
      background:
        radial-gradient(ellipse 65% 45% at 50% 0%,rgba(230,179,77,0.05) 0%,transparent 70%),
        linear-gradient(180deg,#020204 0%,#06060e 55%,#020204 100%);
      border-top:1px solid rgba(255,255,255,0.05);
      border-bottom:1px solid rgba(255,255,255,0.05);
      overflow:hidden;
    }
    #outcome-snapshot::before{
      content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);
      width:1px;height:72px;
      background:linear-gradient(to bottom,transparent,rgba(230,179,77,0.55));
      pointer-events:none;
    }
    .os-inner{max-width:1180px;margin:0 auto;position:relative;z-index:1;}

    /* ── Masthead ── */
    .os-head{text-align:center;margin-bottom:clamp(44px,5vw,68px);}
    .os-eyebrow{
      display:inline-flex;align-items:center;gap:10px;
      font-family:var(--mono);font-size:11px;letter-spacing:0.34em;
      color:rgba(255,200,77,0.9);text-transform:uppercase;margin-bottom:20px;
      padding:7px 16px;border:1px solid rgba(230,179,77,0.3);
      background:rgba(230,179,77,0.05);
    }
    .os-eyebrow::before{content:'';width:5px;height:5px;border-radius:50%;
      background:var(--btc);box-shadow:0 0 8px var(--btc);
      animation:blink 1.6s ease-in-out infinite;}
    .os-title{
      font-family:var(--condensed);font-size:clamp(34px,5.2vw,62px);font-weight:900;
      text-transform:uppercase;letter-spacing:0.005em;
      color:var(--near-white);margin:0 0 16px;line-height:1.0;
    }
    .os-title em{font-style:italic;font-weight:200;color:rgba(242,237,230,0.65);}
    .os-sub{
      font-family:var(--body);font-weight:300;
      font-size:clamp(15px,1.6vw,18px);color:rgba(242,237,230,0.68);
      max-width:680px;margin:0 auto;line-height:1.66;
    }

    /* ── The register: one frame, hairline-cut rows ── */
    .os-grid{
      position:relative;
      display:flex;flex-direction:column;gap:1px;
      background:rgba(230,179,77,0.16);
      border:1px solid rgba(230,179,77,0.24);
      max-width:1080px;margin:0 auto;
      box-shadow:0 50px 140px rgba(0,0,0,0.65),
                 0 0 80px -30px rgba(230,179,77,0.22),
                 inset 0 1px 0 rgba(255,255,255,0.03);
    }
    .os-grid::before,.os-grid::after{
      content:'';position:absolute;width:26px;height:26px;pointer-events:none;z-index:3;
    }
    .os-grid::before{top:-9px;left:-9px;
      border-top:2px solid rgba(255,200,77,0.85);border-left:2px solid rgba(255,200,77,0.85);}
    .os-grid::after{bottom:-9px;right:-9px;
      border-bottom:2px solid rgba(255,200,77,0.85);border-right:2px solid rgba(255,200,77,0.85);}

    /* ── Row = engraved ledger entry ── */
    .os-slab{
      position:relative;display:grid;
      grid-template-columns: 96px minmax(0,1.3fr) minmax(0,1.2fr) 40px;
      gap:clamp(20px,2.4vw,36px);
      align-items:center;
      padding:clamp(24px,2.8vw,34px) clamp(24px,3vw,42px);
      background:linear-gradient(180deg,#08080e 0%,#040406 100%);
      transition:background 0.45s ease;
      overflow:hidden;
    }
    .os-slab:hover{background:linear-gradient(180deg,#0b0b13 0%,#050507 100%);}
    /* Left seam — ignites on hover */
    .os-slab::before{
      content:'';position:absolute;top:0;bottom:0;left:0;width:2px;
      background:var(--os-accent,rgba(255,255,255,0.18));
      transform:scaleY(0.3);transform-origin:center;
      transition:transform 0.5s cubic-bezier(0.22,1,0.36,1);
      opacity:0.75;
    }
    .os-slab:hover::before{transform:scaleY(1);opacity:1;}
    .os-slab::after{display:none;}

    /* Accents: gold / platinum alternation · red only for risk */
    .os-slab-1{--os-accent:linear-gradient(180deg,#ffdf9e,#e6b34d);}
    .os-slab-2{--os-accent:linear-gradient(180deg,#f2ede6,#9e9a96);}
    .os-slab-3{--os-accent:linear-gradient(180deg,#fff0c8,#c9a84c);}
    .os-slab-4{--os-accent:linear-gradient(180deg,#f87171,#b34b4b);}
    .os-slab-5{--os-accent:linear-gradient(180deg,#f2ede6,#9e9a96);}

    /* Numeral — engraved gold, upright, monumental */
    .os-num{
      font-family:var(--condensed);
      font-size:clamp(52px,5.6vw,72px);font-weight:100;line-height:1;
      letter-spacing:0.02em;font-style:normal;
      background:linear-gradient(180deg,rgba(255,223,128,0.9) 0%,rgba(230,179,77,0.55) 100%);
      -webkit-background-clip:text;background-clip:text;
      -webkit-text-fill-color:transparent;color:transparent;
      text-align:center;position:relative;z-index:2;
    }

    /* Component column */
    .os-comp-tag{
      font-family:var(--mono);font-size:10px;letter-spacing:0.26em;
      text-transform:uppercase;color:rgba(210,206,200,0.5);margin-bottom:7px;
    }
    .os-comp-name{
      font-family:var(--condensed);font-weight:800;
      font-size:clamp(20px,2.1vw,26px);
      text-transform:uppercase;letter-spacing:0.01em;
      color:var(--near-white);line-height:1.1;margin:0 0 8px;
    }
    .os-comp-desc{
      font-family:var(--body);font-weight:300;
      font-size:14.5px;color:rgba(242,237,230,0.66);line-height:1.6;margin:0;
    }

    /* Result column — the seam of gold */
    .os-result{
      position:relative;
      padding-left:clamp(18px,2vw,26px);
      border-left:1px solid rgba(230,179,77,0.25);
    }
    .os-result-tag{
      font-family:var(--mono);font-size:10px;letter-spacing:0.28em;
      text-transform:uppercase;color:rgba(255,200,77,0.9);margin-bottom:7px;
      display:flex;align-items:center;gap:8px;
    }
    .os-result-tag::before{
      content:'';display:inline-block;
      width:18px;height:1px;background:rgba(255,200,77,0.7);
    }
    .os-result-text{
      font-family:var(--condensed);
      font-weight:300;font-style:italic;
      font-size:clamp(17px,1.85vw,21px);line-height:1.35;
      color:rgba(242,237,230,0.94);margin:0;
    }
    .os-result-text strong{
      font-style:normal;font-weight:800;
      background:linear-gradient(135deg,#ffdf80,#e6b34d);
      -webkit-background-clip:text;background-clip:text;
      -webkit-text-fill-color:transparent;color:transparent;
    }

    /* Chevron — quiet, engraved */
    .os-chev{
      font-family:var(--mono);font-size:20px;color:rgba(255,255,255,0.18);
      transition:color 0.4s ease,transform 0.45s cubic-bezier(0.22,1,0.36,1);
      align-self:center;text-align:right;
    }
    .os-slab:hover .os-chev{color:rgba(255,200,77,0.9);transform:translateX(5px);}

    /* Footer credibility bar */
    .os-footer{
      margin-top:clamp(36px,4.5vw,56px);
      display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
      gap:12px 26px;padding:18px 24px;
      border-top:1px solid rgba(230,179,77,0.18);
      border-bottom:1px solid rgba(230,179,77,0.18);
      max-width:980px;margin-left:auto;margin-right:auto;
    }
    .os-footer span{
      font-family:var(--mono);font-size:11px;letter-spacing:0.24em;
      text-transform:uppercase;color:rgba(242,237,230,0.6);
    }
    .os-footer .os-foot-teal{color:#ffdf9e;}
    .os-footer .os-foot-gold{color:#ffdf9e;}
    .os-footer .os-foot-sep{color:rgba(255,255,255,0.18);font-size:10px;}

    /* Responsive */
    @media (max-width: 920px){
      .os-slab{
        grid-template-columns: 64px 1fr;
        grid-template-rows: auto auto;
        gap:14px 22px;
        padding:22px 20px 24px;
      }
      .os-num{font-size:50px;text-align:left;}
      .os-comp-col{grid-column:2;grid-row:1;}
      .os-result{grid-column:1 / -1;grid-row:2;
        padding-left:0;padding-top:16px;
        border-left:none;border-top:1px solid rgba(230,179,77,0.18);}
      .os-chev{display:none;}
    }
    @media (max-width: 520px){
      .os-slab{padding:20px 16px 22px;gap:12px 16px;}
      .os-num{font-size:44px;}
      .os-comp-name{font-size:19px;}
      .os-comp-desc{font-size:13.5px;}
      .os-result-text{font-size:16px;}
    }
    @media (prefers-reduced-motion:reduce){
      .os-slab,.os-slab::before,.os-chev{transition:none!important;}
      .os-eyebrow::before{animation:none;}
    }

/* ── block 22 ─────────────────────────────────────────── */
/* ═══════════════════════════════════════════════════════════════
       VISUALIZED PROOF — "THE EVIDENCE WALL" v2
       One obsidian terminal frame. Four panes cut by gold hairlines.
       White is structure · gold is value · red is risk · green is
       nothing here, because nothing here is an open profit.
       ═══════════════════════════════════════════════════════════════ */
    #visualized-proof{
      position:relative;padding:clamp(88px,10vw,144px) 24px;
      background:
        radial-gradient(ellipse 65% 45% at 50% 0%,rgba(230,179,77,0.05) 0%,transparent 70%),
        linear-gradient(180deg,#06060e 0%,#020204 45%,#06060e 100%);
      border-top:1px solid rgba(255,255,255,0.05);
      border-bottom:1px solid rgba(255,255,255,0.05);
      overflow:hidden;
    }
    #visualized-proof::before{
      content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);
      width:1px;height:72px;
      background:linear-gradient(to bottom,transparent,rgba(230,179,77,0.55));
      pointer-events:none;
    }
    .vp-inner{max-width:1280px;margin:0 auto;position:relative;z-index:1;}

    /* ── Masthead ── */
    .vp-head{text-align:center;margin-bottom:clamp(48px,5.5vw,76px);}
    .vp-eyebrow{
      display:inline-flex;align-items:center;gap:10px;
      font-family:var(--mono);font-size:11px;letter-spacing:0.34em;
      color:rgba(255,200,77,0.9);text-transform:uppercase;margin-bottom:20px;
      padding:7px 16px;border:1px solid rgba(230,179,77,0.3);
      background:rgba(230,179,77,0.05);
    }
    .vp-eyebrow::before{content:'';width:5px;height:5px;border-radius:50%;
      background:var(--btc);box-shadow:0 0 8px var(--btc);
      animation:blink 1.6s ease-in-out infinite;}
    .vp-title{
      font-family:var(--condensed);font-size:clamp(34px,5.2vw,62px);font-weight:900;
      text-transform:uppercase;letter-spacing:0.005em;
      color:var(--near-white);margin:0 0 16px;line-height:1.0;
    }
    .vp-title em{font-style:italic;font-weight:200;color:rgba(242,237,230,0.65);}
    .vp-sub{
      font-family:var(--body);font-weight:300;
      font-size:clamp(15px,1.6vw,18px);color:rgba(242,237,230,0.68);
      max-width:720px;margin:0 auto;line-height:1.66;
    }

    /* ── The wall: one frame, hairline-divided panes ── */
    .vp-grid{
      position:relative;
      display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
      gap:1px;background:rgba(230,179,77,0.16);
      border:1px solid rgba(230,179,77,0.24);
      box-shadow:0 50px 140px rgba(0,0,0,0.65),
                 0 0 80px -30px rgba(230,179,77,0.25),
                 inset 0 1px 0 rgba(255,255,255,0.03);
    }
    /* Corner brackets — drafting-table registration marks */
    .vp-grid::before,.vp-grid::after{
      content:'';position:absolute;width:26px;height:26px;pointer-events:none;z-index:3;
    }
    .vp-grid::before{top:-9px;left:-9px;
      border-top:2px solid rgba(255,200,77,0.85);border-left:2px solid rgba(255,200,77,0.85);}
    .vp-grid::after{bottom:-9px;right:-9px;
      border-bottom:2px solid rgba(255,200,77,0.85);border-right:2px solid rgba(255,200,77,0.85);}
    @media(max-width:880px){.vp-grid{grid-template-columns:1fr;}}

    /* ── Pane ── */
    .vp-card{
      position:relative;display:flex;flex-direction:column;
      padding:clamp(26px,3vw,40px);
      background:linear-gradient(180deg,#08080e 0%,#040406 100%);
      transition:background 0.45s ease;
    }
    .vp-card:hover{background:linear-gradient(180deg,#0b0b13 0%,#050507 100%);}
    .vp-card::before{
      content:'';position:absolute;top:0;left:0;right:0;height:2px;
      background:var(--vp-accent,rgba(230,179,77,0.5));
      opacity:0.5;transition:opacity 0.4s ease;
    }
    .vp-card:hover::before{opacity:1;}
    .vp-card-1{--vp-accent:linear-gradient(90deg,rgba(230,179,77,0) 0%,#ffdf9e 50%,rgba(230,179,77,0) 100%);}
    .vp-card-2{--vp-accent:linear-gradient(90deg,rgba(242,237,230,0) 0%,#f2ede6 50%,rgba(242,237,230,0) 100%);}
    .vp-card-3{--vp-accent:linear-gradient(90deg,rgba(201,138,46,0) 0%,#fff0c8 50%,rgba(201,138,46,0) 100%);}
    .vp-card-4{--vp-accent:linear-gradient(90deg,rgba(242,237,230,0) 0%,#f2ede6 50%,rgba(242,237,230,0) 100%);}

    /* Pane header — instrument nameplate */
    .vp-card-tag{
      display:flex;align-items:center;gap:10px;
      font-family:var(--mono);font-size:10.5px;letter-spacing:0.3em;
      text-transform:uppercase;color:rgba(255,200,77,0.8);
      padding-bottom:12px;margin-bottom:18px;
      border-bottom:1px solid rgba(255,255,255,0.07);
    }
    .vp-card-tag::before{content:'';width:16px;height:1px;
      background:rgba(255,200,77,0.7);flex-shrink:0;}
    .vp-card-title{
      font-family:var(--condensed);font-weight:900;
      font-size:clamp(22px,2.3vw,30px);line-height:1.08;
      text-transform:uppercase;letter-spacing:0.005em;
      color:var(--near-white);margin:0 0 10px;
    }
    .vp-card-title em{font-style:italic;font-weight:200;color:rgba(242,237,230,0.62);}
    .vp-card-sub{
      font-family:var(--body);font-weight:300;font-size:14.5px;
      color:rgba(242,237,230,0.6);line-height:1.62;margin:0 0 20px;
    }

    /* Chart plate — recessed screen */
    .vp-viz{
      position:relative;
      border:1px solid rgba(255,255,255,0.08);
      background:
        repeating-linear-gradient(0deg,transparent 0 39px,rgba(255,255,255,0.018) 39px 40px),
        repeating-linear-gradient(90deg,transparent 0 39px,rgba(255,255,255,0.018) 39px 40px),
        #050508;
      box-shadow:inset 0 2px 18px rgba(0,0,0,0.7);
      padding:14px;margin-bottom:22px;
    }
    .vp-viz svg{display:block;width:100%;height:auto;}

    /* Terminal readout strip */
    .vp-stats{
      display:grid;grid-template-columns:repeat(3,1fr);
      border:1px solid rgba(255,255,255,0.08);
      border-top:1px solid rgba(230,179,77,0.35);
      background:rgba(2,2,4,0.6);
      margin-top:auto;
    }
    .vp-stat{
      padding:16px 14px 14px;text-align:center;
      border-right:1px solid rgba(255,255,255,0.06);
    }
    .vp-stat:last-child{border-right:none;}
    .vp-stat-n{
      display:block;font-family:var(--condensed);
      font-size:clamp(22px,2.2vw,28px);font-weight:900;line-height:1;
      color:var(--near-white);letter-spacing:0.01em;
    }
    .vp-stat-n.gold-grad,.vp-stat-n.teal-grad,.vp-stat-n.eth-grad{
      background:linear-gradient(135deg,#ffdf80 0%,#ffdf9e 45%,#e6b34d 100%);
      -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
    }
    .vp-stat-l{
      display:block;font-family:var(--mono);font-size:9.5px;
      letter-spacing:0.2em;text-transform:uppercase;
      color:rgba(210,206,200,0.55);margin-top:7px;line-height:1.45;
    }

    /* TP ladder — bronze → bright gold */
    .vp-tp-legend{
      border:1px solid rgba(255,255,255,0.08);
      border-top:1px solid rgba(230,179,77,0.35);
      background:rgba(2,2,4,0.6);
      padding:16px 18px;margin-bottom:22px;
    }
    .vp-tp-legend-head{
      font-family:var(--mono);font-size:10px;letter-spacing:0.28em;
      text-transform:uppercase;color:rgba(255,200,77,0.75);
      margin-bottom:14px;
    }
    .vp-tp-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;}
    @media(max-width:520px){.vp-tp-grid{grid-template-columns:1fr;}}
    .vp-tp-row{display:flex;align-items:flex-start;gap:12px;}
    .vp-tp-tag{
      font-family:var(--mono);font-size:10.5px;font-weight:700;
      letter-spacing:0.12em;padding:4px 9px;border:1px solid;flex-shrink:0;
    }
    .vp-tp-tag.tp1{color:#c9a84c;border-color:rgba(201,138,46,0.35);background:rgba(201,138,46,0.06);}
    .vp-tp-tag.tp2{color:#e6c365;border-color:rgba(230,195,101,0.35);background:rgba(230,195,101,0.06);}
    .vp-tp-tag.tp3{color:#fff0c8;border-color:rgba(255,212,122,0.35);background:rgba(255,212,122,0.06);}
    .vp-tp-tag.tp4{color:#ffdf80;border-color:rgba(255,223,128,0.4);background:rgba(255,223,128,0.07);}
    .vp-tp-body{display:flex;flex-direction:column;gap:2px;}
    .vp-tp-name{font-family:var(--body);font-size:13.5px;font-weight:500;
      color:rgba(242,237,230,0.88);line-height:1.4;}
    .vp-tp-name strong{color:#ffdf9e;font-weight:700;}
    .vp-tp-r{font-family:var(--mono);font-size:11.5px;letter-spacing:0.08em;font-weight:700;}
    .vp-tp-r.tp1-r{color:#c9a84c;}
    .vp-tp-r.tp2-r{color:#e6c365;}
    .vp-tp-r.tp3-r{color:#fff0c8;}
    .vp-tp-r.tp4-r{color:#ffdf80;}

    /* Before / After — two columns, one gold spine */
    .vp-ba-ledger{
      display:grid;grid-template-columns:1fr 1fr;
      border:1px solid rgba(255,255,255,0.08);
      background:rgba(2,2,4,0.6);
      margin-bottom:0;flex:1;
    }
    .vp-ba-col{display:flex;flex-direction:column;}
    .vp-ba-col.after{
      border-left:1px solid rgba(230,179,77,0.45);
      background:linear-gradient(180deg,rgba(230,179,77,0.05) 0%,rgba(230,179,77,0.015) 100%);
      box-shadow:inset 0 0 40px rgba(230,179,77,0.04);
    }
    .vp-ba-col-head{
      font-family:var(--mono);font-size:10.5px;letter-spacing:0.26em;
      text-transform:uppercase;text-align:center;
      padding:14px 10px;font-weight:700;
    }
    .vp-ba-col.before .vp-ba-col-head{
      color:rgba(210,206,200,0.6);background:rgba(255,255,255,0.02);
      border-bottom:1px solid rgba(255,255,255,0.07);
    }
    .vp-ba-col.after .vp-ba-col-head{
      color:#020204;font-weight:900;
      background:linear-gradient(135deg,#ffdf9e 0%,#e6b34d 100%);
      border-bottom:1px solid rgba(230,179,77,0.5);
    }
    .vp-ba-row{
      display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
      flex:1;padding:17px 12px;text-align:center;
      border-bottom:1px solid rgba(255,255,255,0.05);
    }
    .vp-ba-row:last-child{border-bottom:none;}
    .vp-ba-val{
      font-family:var(--condensed);font-size:clamp(20px,2vw,25px);
      font-weight:900;line-height:1;letter-spacing:0.01em;
    }
    .vp-ba-col.before .vp-ba-val{color:rgba(248,113,113,0.82);}
    .vp-ba-col.after  .vp-ba-val{color:var(--near-white);}
    .vp-ba-lbl{
      font-family:var(--mono);font-size:9.5px;letter-spacing:0.18em;
      text-transform:uppercase;color:rgba(210,206,200,0.5);line-height:1.4;
    }
    .vp-ba-divider{display:none;}

    /* Section footer — closing plate */
    .vp-footer{margin-top:clamp(36px,4.5vw,56px);}
    .vp-footer-inner{
      display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
      gap:12px 26px;padding:18px 24px;
      border-top:1px solid rgba(230,179,77,0.18);
      border-bottom:1px solid rgba(230,179,77,0.18);
      max-width:980px;margin:0 auto;text-align:center;
    }
    .vp-footer-inner,.vp-footer-inner span{
      font-family:var(--mono);font-size:11px;letter-spacing:0.22em;
      text-transform:uppercase;color:rgba(242,237,230,0.6);
    }
    .vp-footer-inner a{
      color:#ffdf9e;text-decoration:none;
      border-bottom:1px solid rgba(255,200,77,0.35);
      transition:color 0.25s,border-color 0.25s;
    }
    .vp-footer-inner a:hover{color:#fff;border-color:#ffdf9e;}

    @media(max-width:520px){
      .vp-card{padding:22px 18px;}
      .vp-stats{grid-template-columns:repeat(3,1fr);}
      .vp-stat{padding:12px 8px 10px;}
      .vp-ba-val{font-size:19px;}
    }
    @media(prefers-reduced-motion:reduce){
      .vp-card,.vp-card::before{transition:none!important;}
      .vp-eyebrow::before{animation:none;}
    }

/* ── block 23 ─────────────────────────────────────────── */
.fc-section .fc-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:18px 44px;min-height:58px;font-family:var(--condensed,'Barlow Condensed',sans-serif);font-weight:900;font-size:14px;letter-spacing:0.22em;text-transform:uppercase;text-decoration:none;cursor:pointer;position:relative;overflow:hidden;transition:0.3s ease;transition-property:var(--tcw-tp);background:rgba(45,212,191,0.10);color:var(--teal,#2dd4bf);border:1.5px solid rgba(45,212,191,0.55);box-shadow:0 6px 32px rgba(45,212,191,0.18),0 0 0 1px rgba(45,212,191,0.10);}
.fc-section .fc-cta::before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(45,212,191,0.30) 50%,transparent 70%);transform:translateX(-100%);transition:transform 0.55s;}
.fc-section .fc-cta:hover{color:#000;background:var(--teal,#2dd4bf);border-color:var(--teal,#2dd4bf);transform:translateY(-4px);box-shadow:0 28px 80px rgba(45,212,191,0.55),0 8px 28px rgba(45,212,191,0.45),0 0 0 2px rgba(45,212,191,0.4);}
.fc-section .fc-cta:hover::before{transform:translateX(100%);}
.fc-section .fc-cta span,.fc-section .fc-cta .fc-arrow{position:relative;z-index:1;}
.fc-section .fc-cta .fc-arrow{display:inline-block;font-size:20px;transition:transform 0.35s;margin-left:2px;}
.fc-section .fc-cta:hover .fc-arrow{transform:translateX(10px);}
.fc-section .fc-cta-outline{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 36px;min-height:54px;font-family:var(--condensed,'Barlow Condensed',sans-serif);font-weight:900;font-size:13px;letter-spacing:0.22em;text-transform:uppercase;text-decoration:none;cursor:pointer;position:relative;overflow:hidden;transition:0.3s ease;transition-property:var(--tcw-tp);background:transparent;color:var(--teal,#2dd4bf);border:1.5px solid rgba(45,212,191,0.45);}
.fc-section .fc-cta-outline::before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(45,212,191,0.22) 50%,transparent 70%);transform:translateX(-100%);transition:transform 0.55s;}
.fc-section .fc-cta-outline:hover{color:#000;background:var(--teal,#2dd4bf);border-color:var(--teal,#2dd4bf);transform:translateY(-3px);box-shadow:0 18px 60px rgba(45,212,191,0.45),0 6px 22px rgba(45,212,191,0.35),0 0 0 2px rgba(45,212,191,0.35);}
.fc-section .fc-cta-outline:hover::before{transform:translateX(100%);}
.fc-section .fc-cta-outline span,.fc-section .fc-cta-outline .fc-arrow{position:relative;z-index:1;}
.fc-section .fc-cta-outline .fc-arrow{display:inline-block;font-size:18px;transition:transform 0.35s;margin-left:2px;}
.fc-section .fc-cta-outline:hover .fc-arrow{transform:translateX(8px);}

/* ── block 24 ─────────────────────────────────────────── */
/* ══════════════════════════════════════════════════════════════
   COMPARISON LEDGER — Premium institutional treatment v2
   CAP column is hero-treated (wider, gradient backdrop, gold rail,
   bigger type). Competitor columns are intentionally muted so the
   visual hierarchy reads: "obviously the right choice."
   ══════════════════════════════════════════════════════════════ */
.d-comp-section{
  padding:clamp(88px,10vw,140px) 0;
  position:relative;overflow:hidden;
  background:
    radial-gradient(ellipse 70% 55% at 50% 0%,rgba(230,179,77,0.05) 0%,transparent 70%),
    radial-gradient(ellipse 60% 50% at 50% 100%,rgba(230,179,77,0.03) 0%,transparent 75%),
    linear-gradient(180deg,var(--bg2,#06060e) 0%,var(--bg,#020204) 50%,var(--bg2,#06060e) 100%);
  border-top:1px solid rgba(255,255,255,0.04);
  border-bottom:1px solid rgba(255,255,255,0.04);
}
.d-comp-section::before{
  content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:1px;height:64px;
  background:linear-gradient(to bottom,transparent,rgba(230,179,77,0.4));
  pointer-events:none;
}
.d-comp-inner{max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,48px);position:relative;z-index:1;}

.d-comp-eyebrow{
  display:inline-block;
  font-family:var(--mono,'JetBrains Mono',monospace);
  font-size:11px;letter-spacing:0.34em;color:rgba(230,179,77,0.85);
  text-transform:uppercase;margin-bottom:18px;
  padding:6px 14px;border:1px solid rgba(230,179,77,0.28);border-radius:2px;
  background:rgba(230,179,77,0.04);
}
.d-comp-head-center{text-align:center;margin-bottom:clamp(48px,5.5vw,72px);}
.d-comp-heading{
  font-family:var(--condensed,'Barlow Condensed',sans-serif);
  font-size:clamp(32px,5vw,58px);font-weight:900;
  color:#fff;line-height:1.02;letter-spacing:0.005em;
  margin:0 auto 16px;max-width:880px;text-transform:uppercase;
}
.d-comp-heading em{font-style:italic;font-weight:200;color:rgba(255,255,255,0.7);}
.d-comp-sub{
  font-family:var(--body,'Lora',serif);font-style:italic;font-weight:400;
  font-size:clamp(15px,1.6vw,18px);color:rgba(255,255,255,0.6);
  text-align:center;margin:0 auto;max-width:680px;line-height:1.65;
}

/* Scroll hint for mobile */
.d-comp-scroll-hint{
  display:none;font-family:var(--mono);font-size:10px;letter-spacing:0.24em;
  color:rgba(255,255,255,0.45);text-align:center;margin-bottom:18px;text-transform:uppercase;
}
@media(max-width:980px){.d-comp-scroll-hint{display:block;}}

/* Ledger table wrapper — premium framing */
.d-comp-tablewrap{
  position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;
  border-radius:14px;
  background:linear-gradient(180deg,rgba(15,15,22,0.6) 0%,rgba(8,8,14,0.85) 100%);
  border:1px solid rgba(255,255,255,0.06);
  box-shadow:0 32px 100px rgba(0,0,0,0.5), 0 2px 0 rgba(255,255,255,0.02) inset;
}
.d-comp-tablewrap::-webkit-scrollbar{height:8px;}
.d-comp-tablewrap::-webkit-scrollbar-track{background:rgba(255,255,255,0.02);}
.d-comp-tablewrap::-webkit-scrollbar-thumb{background:rgba(230,179,77,0.35);border-radius:4px;}

.d-comp-table{
  width:100%;min-width:960px;border-collapse:separate;border-spacing:0;
  font-family:var(--body,'Lora',serif);
}

/* ── HEADER ROW ────────────────────────────────────────────── */
.d-comp-table thead th{
  padding:32px 18px 26px;text-align:center;vertical-align:middle;
  background:rgba(0,0,0,0.42);
  border-bottom:1px solid rgba(255,255,255,0.06);
  position:relative;
}
.d-comp-table thead th.dim-col{
  text-align:left;
  background:linear-gradient(90deg,rgba(0,0,0,0.7),rgba(0,0,0,0.55));
  width:210px;min-width:210px;
  font-family:var(--mono,'JetBrains Mono',monospace);
  font-size:10.5px;letter-spacing:0.26em;text-transform:uppercase;
  color:rgba(255,255,255,0.42);font-weight:400;padding:32px 24px 26px;
}
.d-comp-th-name{
  display:block;
  font-family:var(--condensed,'Barlow Condensed',sans-serif);
  font-size:15px;font-weight:700;letter-spacing:0.10em;text-transform:uppercase;
  color:rgba(255,255,255,0.55);line-height:1.2;
}
.d-comp-th-name.cap{
  color:#fff;font-weight:900;font-size:22px;letter-spacing:0.04em;
  background:linear-gradient(135deg,#ffdf9e 0%,#c9a84c 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 0 30px rgba(230,179,77,0.25);
}
.d-comp-th-tag{
  display:block;margin-top:8px;
  font-family:var(--mono,'JetBrains Mono',monospace);
  font-size:9.5px;letter-spacing:0.20em;color:rgba(255,255,255,0.38);
  text-transform:uppercase;font-weight:400;
}
.d-comp-th-cap-wrap{position:relative;}
.d-comp-th-best{
  display:inline-block;position:absolute;top:-22px;left:50%;
  transform:translateX(-50%);
  background:linear-gradient(135deg,#ffdf9e 0%,#c9a84c 100%);
  color:#0a0a12;
  font-family:var(--condensed,'Barlow Condensed',sans-serif);
  font-size:10px;font-weight:900;letter-spacing:0.22em;
  padding:5px 16px;border-radius:2px;text-transform:uppercase;
  white-space:nowrap;
  box-shadow:0 8px 24px -8px rgba(230,179,77,0.55), inset 0 1px 0 rgba(255,255,255,0.4);
}
/* CAP column hero treatment */
.d-comp-table thead th.cap-col{
  background:linear-gradient(180deg,rgba(230,179,77,0.16) 0%,rgba(230,179,77,0.06) 100%);
  border-left:1px solid rgba(230,179,77,0.36);
  border-right:1px solid rgba(230,179,77,0.36);
  border-bottom-color:rgba(230,179,77,0.5);
  position:relative;
}
.d-comp-table thead th.cap-col::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,rgba(230,179,77,0) 0%,#ffdf9e 50%,rgba(230,179,77,0) 100%);
  background-size:200% 100%;
  animation:capRailFlow 6s ease-in-out infinite;
}
@keyframes capRailFlow{
  0%{background-position:0% 50%;}
  50%{background-position:100% 50%;}
  100%{background-position:0% 50%;}
}

/* ── BODY ROWS ─────────────────────────────────────────────── */
.d-comp-table tbody tr{transition:background-color 0.22s ease;}
.d-comp-table tbody tr:hover{background:rgba(255,255,255,0.012);}
.d-comp-table tbody td{
  padding:22px 16px;text-align:center;vertical-align:middle;
  border-bottom:1px solid rgba(255,255,255,0.045);
  font-size:13.5px;line-height:1.55;
  color:rgba(255,255,255,0.55);font-weight:400;
}
.d-comp-table tbody tr:last-child td{border-bottom:none;}
.d-comp-table tbody td.dim-cell{
  text-align:left;
  background:linear-gradient(90deg,rgba(0,0,0,0.45),rgba(0,0,0,0.28));
  font-family:var(--condensed,'Barlow Condensed',sans-serif);
  font-size:13.5px;font-weight:700;letter-spacing:0.06em;
  color:rgba(255,255,255,0.85);text-transform:uppercase;
  padding-left:24px;
  border-right:1px solid rgba(255,255,255,0.05);
}
/* CAP cell — bigger, brighter, hero column */
.d-comp-table tbody td.cap-cell{
  background:rgba(230,179,77,0.05);
  color:#fff;font-weight:400;
  border-left:1px solid rgba(230,179,77,0.28);
  border-right:1px solid rgba(230,179,77,0.28);
  font-size:14.5px;line-height:1.5;
}
.d-comp-table tbody tr:hover td.cap-cell{background:rgba(230,179,77,0.075);}

/* ── ICONS — refined ────────────────────────────────────────── */
.d-comp-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:20px;height:20px;border-radius:50%;
  font-size:11px;font-weight:700;
  margin-right:8px;vertical-align:-4px;
  font-family:var(--mono,'JetBrains Mono',monospace);
}
.d-comp-icon.good{
  background:linear-gradient(135deg,#ffdf9e,#c9a84c);
  color:#0a0a12;
  border:1px solid rgba(230,179,77,0.6);
  box-shadow:0 0 12px rgba(230,179,77,0.35);
}
.d-comp-icon.bad{
  background:rgba(239,68,68,0.10);
  color:#fca5a5;
  border:1px solid rgba(239,68,68,0.32);
}
.d-comp-icon.mid{
  background:rgba(255,255,255,0.04);
  color:rgba(255,255,255,0.45);
  border:1px solid rgba(255,255,255,0.14);
}

/* Value text spans */
.d-comp-val{display:inline-block;}
.d-comp-val-strong{color:#fff;font-weight:600;}
.d-comp-val-warn{color:#fca5a5;}
.d-comp-val-mid{color:rgba(255,255,255,0.45);}

/* ── FOOTER (VERDICT ROW) ──────────────────────────────────── */
.d-comp-table tfoot td{
  padding:26px 16px;text-align:center;
  background:rgba(0,0,0,0.55);
  border-top:1px solid rgba(255,255,255,0.08);
  font-family:var(--mono,'JetBrains Mono',monospace);
  font-size:11px;letter-spacing:0.20em;text-transform:uppercase;
  color:rgba(255,255,255,0.4);font-weight:700;
}
.d-comp-table tfoot td.cap-cell{
  background:linear-gradient(180deg,rgba(230,179,77,0.18) 0%,rgba(230,179,77,0.32) 100%);
  color:#0a0a12;font-weight:900;font-size:13px;letter-spacing:0.24em;
  border-left:1px solid rgba(230,179,77,0.5);
  border-right:1px solid rgba(230,179,77,0.5);
  position:relative;
  text-shadow:0 0 12px rgba(255,200,77,0.4);
}
.d-comp-table tfoot td.cap-cell::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,rgba(230,179,77,0) 0%,#ffdf9e 50%,rgba(230,179,77,0) 100%);
}
.d-comp-table tfoot td.dim-cell{
  text-align:left;padding-left:24px;
  background:linear-gradient(90deg,rgba(0,0,0,0.65),rgba(0,0,0,0.45));
  font-family:var(--condensed,'Barlow Condensed',sans-serif);
  letter-spacing:0.12em;color:rgba(255,255,255,0.55);
}

/* ── CTA BELOW TABLE ───────────────────────────────────────── */
.d-comp-cta-wrap{
  display:flex;flex-direction:column;align-items:center;gap:18px;
  margin-top:clamp(40px,5vw,64px);
}
.d-comp-cta-line{
  font-family:var(--body,'Lora',serif);font-style:italic;
  font-size:clamp(15px,1.6vw,18px);
  color:rgba(255,255,255,0.6);text-align:center;
  max-width:620px;line-height:1.65;font-weight:400;
}
.d-comp-cta-line strong{color:#fff;font-weight:600;font-style:normal;}
.d-comp-cta-btn{
  display:inline-flex;align-items:center;gap:12px;
  padding:20px 42px;
  font-family:var(--condensed,'Barlow Condensed',sans-serif);
  font-weight:900;font-size:15px;letter-spacing:0.18em;text-transform:uppercase;
  background:linear-gradient(135deg,#ffdf9e 0%,#c9a84c 100%);
  color:#0a0a12;text-decoration:none;border-radius:3px;
  border:1px solid rgba(230,179,77,0.5);
  transition:0.32s cubic-bezier(0.22,1,0.36,1);transition-property:var(--tcw-tp);
  touch-action:manipulation;
  box-shadow:0 12px 36px -10px rgba(230,179,77,0.4), inset 0 1px 0 rgba(255,255,255,0.25);
}
.d-comp-cta-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 24px 64px -14px rgba(230,179,77,0.55), inset 0 1px 0 rgba(255,255,255,0.35);
}
.d-comp-cta-btn .ar{font-family:var(--mono);transition:transform 0.32s;font-size:18px;}
.d-comp-cta-btn:hover .ar{transform:translateX(8px);}

/* ── MOBILE FINE-TUNE ──────────────────────────────────────── */
@media(max-width:980px){
  .d-comp-table{min-width:820px;}
  .d-comp-table thead th{padding:22px 12px 18px;}
  .d-comp-table tbody td{padding:18px 12px;font-size:12.5px;}
  .d-comp-table tbody td.cap-cell{font-size:13.5px;}
  .d-comp-table thead th.dim-col,.d-comp-table tbody td.dim-cell{
    width:170px;min-width:170px;padding-left:18px;font-size:11.5px;
  }
  .d-comp-th-name.cap{font-size:18px;}
}
@media(prefers-reduced-motion:reduce){
  .d-comp-table tbody tr,.d-comp-cta-btn,.d-comp-cta-btn .ar,
  .d-comp-table thead th.cap-col::before{
    transition:none!important;animation:none!important;
  }
  .d-comp-cta-btn:hover{transform:none;}
}

/* ── block 25 ─────────────────────────────────────────── */
.d-testi-section{padding:clamp(64px,8vw,112px) 0;position:relative;overflow:hidden;}
.d-testi-section::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:700px;height:280px;background:radial-gradient(ellipse at top,rgba(230,179,77,0.05),transparent 70%);pointer-events:none;}
.d-testi-inner{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,48px);}
.d-testi-eyebrow{display:block;font-family:var(--mono);font-size:11px;letter-spacing:0.24em;text-transform:uppercase;color:var(--btc);text-align:center;margin-bottom:18px;}
.d-testi-heading{font-family:var(--condensed);font-size:clamp(28px,4vw,46px);font-weight:700;color:var(--text);text-align:center;line-height:1.1;letter-spacing:-0.01em;margin:0 auto 12px;max-width:620px;}
.d-testi-heading span{color:var(--btc);}
.d-testi-sub{font-family:var(--body);font-size:clamp(14px,1.6vw,16px);color:var(--dim);text-align:center;margin:0 auto clamp(36px,5vw,56px);max-width:480px;line-height:1.65;}
.d-testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
@media(max-width:1024px){.d-testi-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.d-testi-grid{grid-template-columns:1fr;}}
.d-testi-card{display:flex;flex-direction:column;background:rgba(255,255,255,0.025);border:1px solid rgba(255,255,255,0.08);border-radius:8px;padding:clamp(20px,2.5vw,28px);position:relative;transition:border-color 0.26s ease,transform 0.26s ease;touch-action:manipulation;}
.d-testi-card::before{content:'C';position:absolute;top:12px;right:18px;font-size:64px;line-height:1;color:rgba(230,179,77,0.08);font-family:Georgia,serif;pointer-events:none;}
.d-testi-card:hover{border-color:rgba(230,179,77,0.3);transform:translateY(-2px);}
.d-testi-stars{display:flex;gap:3px;margin-bottom:12px;}
.d-testi-star{color:var(--btc);font-size:13px;}
.d-testi-quote{font-family:var(--body);font-size:clamp(13px,1.4vw,14.5px);line-height:1.76;color:rgba(255,255,255,0.7);font-style:italic;margin:0 0 18px;flex:1;}
.d-testi-author{display:flex;align-items:center;gap:11px;border-top:1px solid rgba(255,255,255,0.07);padding-top:14px;margin-top:auto;}
.d-testi-avatar{width:34px;height:34px;border-radius:50%;background:rgba(230,179,77,0.1);border:1px solid rgba(230,179,77,0.28);display:flex;align-items:center;justify-content:center;font-family:var(--condensed);font-size:13px;font-weight:700;color:var(--btc);flex-shrink:0;letter-spacing:0.04em;}
.d-testi-name{font-family:var(--mono);font-size:11.5px;font-weight:700;color:rgba(255,255,255,0.88);letter-spacing:0.1em;}
.d-testi-meta{font-family:var(--mono);font-size:10px;color:var(--dim);letter-spacing:0.1em;margin-top:3px;text-transform:uppercase;}
.d-testi-badge{display:inline-block;margin-top:5px;padding:2px 7px;background:rgba(230,179,77,0.1);border:1px solid rgba(230,179,77,0.22);border-radius:2px;font-family:var(--mono);font-size:8px;letter-spacing:0.16em;color:var(--btc);font-weight:600;text-transform:uppercase;}
.d-proof-strip{display:flex;gap:clamp(20px,5vw,52px);justify-content:center;flex-wrap:wrap;margin-top:clamp(36px,5vw,56px);padding-top:36px;border-top:1px solid rgba(255,255,255,0.06);}
.d-proof-item{text-align:center;}
.d-proof-num{font-family:var(--condensed);font-size:clamp(30px,4vw,40px);font-weight:900;color:rgba(255,255,255,0.92);letter-spacing:-0.02em;line-height:1;}
.d-proof-num span{color:var(--btc);}
.d-proof-lbl{font-family:var(--mono);font-size:11px;letter-spacing:0.18em;color:var(--dim);margin-top:5px;text-transform:uppercase;}
@media(prefers-reduced-motion:reduce){.d-testi-card{transition:border-color 0.1s;}.d-testi-card:hover{transform:none;}}

/* ── block 26 ─────────────────────────────────────────── */
/* ── SECTION SHELL ── */
#cap-engine{padding:96px 0 88px;background:var(--bg2);border-bottom:1px solid var(--border);}
.cap-inner{max-width:1040px;margin:0 auto;padding:0 48px;}
@media(max-width:640px){.cap-inner{padding:0 20px;}}

/* ── SECTION HEADER ── */
.cap-hd{text-align:center;margin-bottom:52px;}
.cap-ey{font-family:var(--mono);font-size:12px;letter-spacing:0.30em;text-transform:uppercase;color:var(--btc2);margin-bottom:14px;display:flex;align-items:center;justify-content:center;gap:10px;}
.cap-ey::before,.cap-ey::after{content:'';flex:0 0 40px;height:1px;background:linear-gradient(90deg,transparent,rgba(230,179,77,0.4));}
.cap-ey::after{background:linear-gradient(270deg,transparent,rgba(230,179,77,0.4));}
.cap-h2{font-family:var(--condensed);font-weight:900;font-size:clamp(40px,5vw,62px);text-transform:uppercase;letter-spacing:-0.01em;line-height:1.05;color:#fff;margin:0 0 16px;}
.cap-h2 strong{background:linear-gradient(135deg,var(--btc) 0%,var(--btc2) 55%,#fff5cc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.cap-sub{font-family:var(--mono);font-size:14px;letter-spacing:0.16em;text-transform:uppercase;color:rgba(255,255,255,0.55);margin-top:10px;}

/* ── GATE FLOW — the whole protocol readable top to bottom, zero clicks ── */
.capflow{display:flex;flex-direction:column;}
.capflow-gate{display:grid;grid-template-columns:56px 1fr 216px;column-gap:30px;padding:30px 0 34px;position:relative;}
.capflow-gate + .capflow-gate{border-top:1px solid rgba(255,255,255,0.06);}
@media(max-width:720px){.capflow-gate{grid-template-columns:44px 1fr;column-gap:18px;padding:26px 0 28px;}}

/* Left rail: gate number + connecting circuit line */
.capflow-railcol{display:flex;flex-direction:column;align-items:center;gap:12px;}
.capflow-num{font-family:var(--condensed);font-weight:900;font-size:40px;line-height:0.9;letter-spacing:-0.03em;background:linear-gradient(135deg,var(--btc) 0%,var(--btc2) 55%,#fff5cc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.capflow-line{flex:1;width:1.5px;min-height:28px;background:linear-gradient(180deg,rgba(230,179,77,0.4),rgba(77,255,176,0.28));}
.capflow-gate:last-of-type .capflow-line{background:linear-gradient(180deg,rgba(230,179,77,0.4),rgba(77,255,176,0.55));}

/* Middle: the logic */
.capflow-tag{font-family:var(--mono);font-size:10px;letter-spacing:0.26em;text-transform:uppercase;color:var(--btc2);margin-bottom:8px;display:block;}
.capflow-if{font-family:var(--condensed);font-weight:700;font-size:clamp(22px,2.8vw,28px);text-transform:uppercase;letter-spacing:0.01em;color:#fff;line-height:1.18;margin:0 0 10px;}
.capflow-if .cf-op{color:var(--btc2);}
.capflow-why{font-size:16px;line-height:1.72;color:rgba(255,255,255,0.6);font-family:var(--body);margin:0 0 16px;}
.capflow-why em{color:rgba(230,179,77,0.9);font-style:normal;font-weight:600;}

/* THEN / ELSE verdict chips — both outcomes visible at a glance */
.capflow-then{display:flex;gap:10px;flex-wrap:wrap;}
.cf-then{font-family:var(--mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;padding:9px 15px;border:1px solid;display:inline-flex;align-items:center;line-height:1.4;}
.cf-then strong{font-weight:700;}
.cf-yes{color:#4dffb0;border-color:rgba(77,255,176,0.35);background:rgba(77,255,176,0.05);}
.cf-yes strong{color:#c8fff0;}
.cf-no{color:rgba(255,107,107,0.85);border-color:rgba(255,107,107,0.28);background:rgba(255,107,107,0.04);}

/* Right: diagram */
.capflow-viz{border:1px solid var(--border);background:rgba(0,0,0,0.25);display:flex;align-items:center;justify-content:center;padding:20px;}
@media(max-width:720px){.capflow-viz{grid-column:2;margin-top:16px;max-width:280px;}}

/* ── VERDICT CARD — always visible, no clicks required ── */
/* Obsidian glass, gold hairline. Green is the site's "execute" signal — it is
   spent only where it means something (the ◈ tick, the headline that names it,
   and gate 05), never on ambient chrome. */
.cap-verdict{background:linear-gradient(135deg,rgba(230,179,77,0.075) 0%,rgba(230,179,77,0.022) 46%,rgba(242,237,230,0.02) 100%),#020204;border:1px solid rgba(230,179,77,0.28);position:relative;overflow:hidden;margin-top:6px;}
.cap-verdict::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--btc) 24%,var(--btc2) 50%,var(--btc) 76%,transparent);}
.cap-verdict-inner{padding:52px 56px;}
@media(max-width:600px){.cap-verdict-inner{padding:36px 24px;}}
.cap-verdict-tag{font-family:var(--mono);font-size:11px;letter-spacing:0.32em;text-transform:uppercase;color:var(--btc2);margin-bottom:16px;display:flex;align-items:center;gap:8px;}
.cap-verdict-tag::before{content:'◈';color:var(--green);text-shadow:0 0 9px rgba(77,255,176,0.55);}
.cap-verdict-h{font-family:var(--condensed);font-weight:900;font-size:clamp(28px,4vw,46px);text-transform:uppercase;letter-spacing:-0.01em;color:#fff;line-height:1.1;margin-bottom:16px;}
/* The line that names the colour gets the colour; the second line is platinum→gold. */
.cap-verdict-h .vh-go{background:linear-gradient(135deg,var(--green) 0%,#a0ffe0 60%,#e0fff5 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.cap-verdict-h .vh-au{background:linear-gradient(135deg,#f2ede6 0%,var(--btc2) 48%,var(--btc) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.cap-verdict-body{font-size:18px;line-height:1.8;color:rgba(255,255,255,0.72);font-family:var(--body);margin-bottom:28px;}
.cap-verdict-body strong{color:rgba(255,107,107,0.9);}
.cap-verdict-chips{display:flex;gap:10px;flex-wrap:wrap;}
.cap-chip{font-family:var(--mono);font-size:10px;letter-spacing:0.22em;text-transform:uppercase;padding:5px 14px;border:1px solid;display:flex;align-items:center;gap:7px;}
/* Gate sequence ramp, in the page's own register: silver → platinum → gold →
   white-gold → signal green. Monotonically brightening and warming left to
   right so the row reads as the protocol charging, with green spent only on
   the trigger. The 01–05 numerals carry the sequence independently of hue,
   so it survives colour-blindness (WCAG 1.4.1). */
.cap-chip-n{font-weight:700;letter-spacing:0.08em;opacity:0.55;}
.cap-chip.chip-g1{color:#c8c4be;border-color:rgba(200,196,190,0.24);background:rgba(255,255,255,0.03);}
.cap-chip.chip-g2{color:#f2ede6;border-color:rgba(242,237,230,0.34);background:rgba(255,255,255,0.055);}
.cap-chip.chip-g3{color:var(--btc);border-color:rgba(230,179,77,0.36);background:rgba(230,179,77,0.07);}
.cap-chip.chip-g4{color:var(--btc2);border-color:rgba(230,179,77,0.52);background:rgba(230,179,77,0.11);}
.cap-chip.chip-g5{color:var(--green);border-color:rgba(77,255,176,0.62);background:rgba(77,255,176,0.13);
  text-shadow:0 0 12px rgba(77,255,176,0.45);box-shadow:0 0 22px rgba(77,255,176,0.16);}

/* ── BRIDGE CTA — straight into the simulator ── */
.cap-bridge{margin-top:30px;padding-top:30px;border-top:1px solid rgba(230,179,77,0.15);text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;}
.cap-bridge-eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:0.28em;text-transform:uppercase;color:rgba(255,255,255,0.55);display:flex;align-items:center;gap:10px;}
.cap-bridge-eyebrow::before,.cap-bridge-eyebrow::after{content:'';flex:0 0 32px;height:1px;background:rgba(255,255,255,0.1);}
.cap-bridge-text{font-family:var(--condensed);font-weight:800;font-size:clamp(20px,2.8vw,28px);text-transform:uppercase;letter-spacing:0.02em;color:#fff;line-height:1.2;}
.cap-bridge-text span{background:linear-gradient(135deg,var(--btc) 0%,var(--btc2) 55%,#fff5cc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.cap-bridge-sub{font-size:15px;color:rgba(255,255,255,0.62);font-family:var(--body);max-width:480px;}
/* Gold, matching the site's primary-action language (.btn-a / hero CTA). */
.cap-bridge-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:18px 40px;min-height:58px;font-family:var(--mono);font-weight:700;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;background:rgba(230,179,77,0.10);color:var(--btc2);border:1.5px solid rgba(230,179,77,0.55);text-decoration:none;transition:0.3s ease;transition-property:var(--tcw-tp);position:relative;overflow:hidden;box-shadow:0 6px 32px rgba(230,179,77,0.14),0 0 0 1px rgba(230,179,77,0.10);cursor:pointer;}
.cap-bridge-btn:hover{color:var(--bg);background:var(--btc);border-color:var(--btc2);transform:translateY(-4px);box-shadow:0 28px 80px rgba(230,179,77,0.55),0 8px 28px rgba(230,179,77,0.45),0 0 0 2px rgba(255,220,100,0.42);}
.cap-bridge-btn span{position:relative;z-index:1;}

/* ── block 27 ─────────────────────────────────────────── */
/* ═══════════════════════════════════════════════════════════════
   CALC TEASER — TCW Gold Standard
   Sharp corners · Institutional glows · Bloomberg-tier data panel
═══════════════════════════════════════════════════════════════ */
#calc-teaser{
  padding:clamp(72px,9vw,112px) clamp(20px,5vw,56px);
  background:var(--bg);
  position:relative;overflow:hidden;
}
/* dual radial ambient glow */
#calc-teaser::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 55% 90% at -5% 50%,rgba(201,138,46,0.07) 0%,transparent 58%),
    radial-gradient(ellipse 45% 55% at 105% 15%,rgba(230,179,77,0.04) 0%,transparent 55%);
}
/* top gold→teal accent line */
#calc-teaser::after{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent 0%,rgba(201,138,46,0.65) 25%,rgba(255,200,77,0.6) 75%,transparent 100%);
}
.ct-inner{max-width:1100px;margin:0 auto;position:relative;z-index:1;}
/* ── Header ── */
.ct-header{
  display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(24px,4vw,56px);align-items:end;
  margin-bottom:clamp(36px,5vw,52px);
}
@media(max-width:720px){.ct-header{grid-template-columns:1fr;}}
.ct-tag{
  display:inline-flex;align-items:center;gap:7px;
  font-family:var(--mono);font-size:11px;letter-spacing:0.36em;text-transform:uppercase;
  color:rgba(201,138,46,0.7);margin-bottom:clamp(14px,2vw,20px);
}
.ct-tag-dot{
  width:5px;height:5px;border-radius:50%;background:rgba(201,138,46,0.9);
  box-shadow:0 0 7px rgba(201,138,46,0.8);
  animation:ctDotPulse 2s ease-in-out infinite;flex-shrink:0;
}
@keyframes ctDotPulse{0%,100%{opacity:1}50%{opacity:0.18}}
.ct-headline{
  font-family:var(--condensed);font-weight:900;
  font-size:clamp(40px,5.5vw,74px);line-height:0.92;
  letter-spacing:-0.02em;text-transform:uppercase;
}
.ct-hl1{display:block;font-weight:300;font-style:italic;color:rgba(240,240,248,0.68);}
.ct-hl2{
  display:block;font-weight:900;
  background:linear-gradient(100deg,#c9a84c 0%,#ffdf9e 45%,#ffdf80 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.ct-sub{
  font-family:var(--body);font-size:clamp(15px,1.8vw,17px);
  line-height:1.62;font-weight:300;color:var(--text-mid,#9ca3af);
  max-width:400px;align-self:end;
}
/* ── Input → Result ── */
.ct-controls{
  display:flex;align-items:center;gap:clamp(12px,2vw,22px);
  flex-wrap:wrap;margin-bottom:clamp(28px,4vw,44px);
}
.ct-input-group{display:flex;flex-direction:column;gap:6px;}
.ct-input-label{
  font-family:var(--mono);font-size:10px;letter-spacing:0.28em;
  text-transform:uppercase;color:rgba(255,255,255,0.68);
}
.ct-input-shell{
  display:flex;align-items:center;
  background:var(--bg2,#06060e);
  border:1px solid rgba(201,138,46,0.22);
  transition:border-color 0.22s,box-shadow 0.22s;
}
.ct-input-shell:focus-within{
  border-color:rgba(201,138,46,0.55);
  box-shadow:0 0 0 3px rgba(201,138,46,0.08),0 0 22px rgba(201,138,46,0.1);
}
.ct-dollar{
  font-family:var(--mono);font-size:16px;color:rgba(201,138,46,0.5);
  padding:0 10px;flex-shrink:0;user-select:none;pointer-events:none;
}
.ct-input{
  width:110px;padding:14px 12px 14px 0;
  background:transparent;border:none;outline:none;
  color:var(--white);font-family:var(--mono);font-size:16px;
  -moz-appearance:textfield;touch-action:manipulation;
}
.ct-input::-webkit-inner-spin-button,.ct-input::-webkit-outer-spin-button{-webkit-appearance:none;}
/* animated arrow connector */
.ct-arrow{
  display:flex;align-items:center;flex-shrink:0;margin-top:20px;
  gap:0;
}
.ct-arrow-line{
  width:clamp(24px,3vw,44px);height:1px;
  background:linear-gradient(90deg,rgba(201,138,46,0.15),rgba(201,138,46,0.6));
}
.ct-arrow-head{
  font-size:13px;color:rgba(201,138,46,0.65);
  font-family:var(--condensed);font-weight:900;margin-left:1px;line-height:1;
}
/* result panel */
.ct-result-box{
  flex:1;min-width:240px;max-width:480px;
  background:var(--bg3,#0d0d1a);
  border:1px solid rgba(201,138,46,0.2);
  border-left:3px solid rgba(201,138,46,0.8);
  padding:16px 22px;
  position:relative;overflow:hidden;
  box-shadow:0 0 28px rgba(201,138,46,0.06),inset 0 1px 0 rgba(255,255,255,0.03);
}
.ct-result-box::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(135deg,rgba(201,138,46,0.07) 0%,transparent 55%);
}
.ct-result-label{
  font-family:var(--mono);font-size:10px;letter-spacing:0.26em;
  text-transform:uppercase;color:rgba(255,255,255,0.68);
  display:block;margin-bottom:4px;position:relative;z-index:1;
}
.ct-result-value{
  font-family:var(--condensed);font-weight:900;
  font-size:clamp(28px,3.8vw,46px);color:var(--gold,#c9a84c);
  letter-spacing:-0.02em;line-height:1.05;display:block;
  position:relative;z-index:1;
}
.ct-result-gain{
  font-family:var(--mono);font-size:11px;color:#fff0c8;
  margin-top:4px;display:block;letter-spacing:0.04em;
  position:relative;z-index:1;
}
/* ── Stats — sharp 4-col institutional grid ── */
.ct-stats{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:1px;background:rgba(255,255,255,0.055);
  border:1px solid rgba(255,255,255,0.055);
  margin-bottom:clamp(28px,4vw,44px);
}
@media(max-width:600px){.ct-stats{grid-template-columns:1fr 1fr;}}
.ct-stat{
  background:var(--bg3,#0d0d1a);
  padding:clamp(18px,2.5vw,28px) clamp(16px,2.5vw,28px);
  display:flex;flex-direction:column;gap:5px;
  position:relative;overflow:hidden;transition:background 0.28s;
}
.ct-stat::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,#c9a84c,#ffdf80);
  transform:scaleX(0);transform-origin:left;transition:transform 0.3s ease;
}
.ct-stat:hover{background:rgba(201,138,46,0.03);}
.ct-stat:hover::before{transform:scaleX(1);}
.ct-stat-num{
  font-family:var(--condensed);font-weight:900;line-height:1;
  font-size:clamp(26px,3.2vw,40px);
}
.ct-stat-num.sn-tl{color:#fff0c8;}
.ct-stat-num.sn-gd{color:var(--gold,#c9a84c);}
.ct-stat-num.sn-wt{color:var(--white,#f0f0f0);}
.ct-stat-label{
  font-family:var(--mono);font-size:10px;letter-spacing:0.14em;
  text-transform:uppercase;color:rgba(255,255,255,0.68);
}
/* ── CTA row ── */
.ct-cta-row{display:flex;align-items:center;gap:clamp(16px,2.5vw,28px);flex-wrap:wrap;}
.ct-cta-note{
  font-family:var(--mono);font-size:11px;
  color:rgba(255,255,255,0.55);line-height:1.7;letter-spacing:0.02em;
}
@media(max-width:480px){
  .ct-controls{flex-direction:column;align-items:flex-start;}
  .ct-arrow{transform:rotate(90deg);}
  .ct-result-box{width:100%;}
}

/* ── block 28 ─────────────────────────────────────────── */
.lib-section{padding:clamp(64px,8vw,112px) 0;position:relative;}
.lib-section::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:56px;background:linear-gradient(to bottom,transparent,rgba(230,179,77,0.25));pointer-events:none;}
.lib-inner{max-width:1160px;margin:0 auto;padding:0 clamp(20px,4vw,48px);}
.lib-eyebrow{display:block;font-family:var(--mono);font-size:11px;letter-spacing:0.24em;text-transform:uppercase;color:var(--btc);text-align:center;margin-bottom:16px;}
.lib-title{font-family:var(--condensed);font-size:clamp(28px,4vw,46px);font-weight:700;line-height:1.08;letter-spacing:-0.01em;color:var(--text);text-align:center;margin:0 auto 12px;max-width:620px;}
.lib-title em{font-style:normal;color:var(--btc);}
.lib-sub{font-family:var(--body);font-size:clamp(14px,1.6vw,16px);color:var(--dim);text-align:center;max-width:520px;margin:0 auto clamp(36px,5vw,56px);line-height:1.68;}
.lib-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:clamp(32px,4vw,48px);}
@media(max-width:900px){.lib-grid{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto;}}
.lib-card{display:flex;flex-direction:column;background:rgba(255,255,255,0.025);border:1px solid rgba(255,255,255,0.08);border-radius:8px;padding:clamp(20px,2.8vw,30px);text-decoration:none;transition:border-color 0.26s ease,transform 0.26s ease;touch-action:manipulation;}
.lib-card:hover{border-color:rgba(230,179,77,0.3);transform:translateY(-3px);}
.lib-tag{display:inline-flex;align-items:center;font-family:var(--mono);font-size:9.5px;letter-spacing:0.16em;text-transform:uppercase;padding:4px 10px;border-radius:2px;width:fit-content;margin-bottom:16px;border:1px solid;color:var(--btc);background:rgba(230,179,77,0.08);border-color:rgba(230,179,77,0.22);}
.lib-tag-eth{color:#7090f0;background:rgba(112,144,240,0.08);border-color:rgba(112,144,240,0.22);}
.lib-meta{font-family:var(--mono);font-size:11px;color:rgba(255,255,255,0.68);margin-bottom:10px;letter-spacing:0.04em;}
.lib-card-title{font-family:var(--condensed);font-size:clamp(16px,1.8vw,20px);font-weight:700;color:var(--text);line-height:1.22;margin:0 0 10px;letter-spacing:-0.01em;}
.lib-excerpt{font-family:var(--body);font-size:clamp(13px,1.4vw,14px);color:var(--dim);line-height:1.68;margin:0 0 20px;flex:1;}
.lib-cta{font-family:var(--mono);font-size:11.5px;letter-spacing:0.1em;color:var(--btc);text-transform:uppercase;margin-top:auto;transition:color 0.2s;}
.lib-card:hover .lib-cta{color:var(--btc-bright,#ffb347);}
.lib-footer{display:flex;flex-direction:column;align-items:center;gap:10px;}
.lib-view-all{display:inline-flex;align-items:center;gap:10px;font-family:var(--condensed);font-size:15px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--text);text-decoration:none;border:1px solid rgba(255,255,255,0.14);border-radius:4px;padding:12px 26px;transition:border-color 0.22s,color 0.22s;touch-action:manipulation;}
.lib-view-all:hover{border-color:rgba(230,179,77,0.4);color:var(--btc);}
.lib-topics{font-family:var(--mono);font-size:11px;letter-spacing:0.1em;color:rgba(255,255,255,0.65);text-transform:uppercase;}
@media(prefers-reduced-motion:reduce){.lib-card{transition:border-color 0.1s;}.lib-card:hover{transform:none;}}

/* ── block 29 ─────────────────────────────────────────── */
/* ── HDR Next-Step Cards ── */
.nsc{
  display:flex;flex-direction:column;text-decoration:none;position:relative;overflow:hidden;
  background:var(--bg3);padding:40px 32px;
  border:1px solid transparent;
  transition:transform 0.22s cubic-bezier(0.22,1,0.36,1),
             box-shadow 0.28s ease,
             border-color 0.28s ease;
  cursor:pointer;
}
/* top accent bar */
.nsc-bar{
  position:absolute;top:0;left:0;right:0;height:3px;
  transition:height 0.22s ease, opacity 0.22s ease;
  opacity:0.75;
}
.nsc:hover .nsc-bar{ height:4px; opacity:1; }

/* mouse-follow radial flood */
.nsc-flood{
  position:absolute;inset:0;pointer-events:none;
  opacity:0;transition:opacity 0.3s ease;
  border-radius:inherit;
}
.nsc:hover .nsc-flood{ opacity:1; }

/* content stays above flood */
.nsc-body{ position:relative;z-index:1;display:flex;flex-direction:column;height:100%; }

/* eyebrow label */
.nsc-eye{
  font-family:var(--mono);font-size:11px;letter-spacing:0.38em;
  text-transform:uppercase;margin-bottom:16px;
  display:flex;align-items:center;gap:8px;
}
.nsc-dot{
  width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0;
}
/* headline */
.nsc-h{
  font-family:var(--condensed);font-size:clamp(28px,3vw,42px);font-weight:900;
  line-height:1;text-transform:uppercase;color:var(--near-white);
  margin-bottom:6px;letter-spacing:0.02em;
  transition:text-shadow 0.25s ease;
}
/* sub */
.nsc-sub{
  font-family:var(--mono);font-size:12px;letter-spacing:0.22em;
  text-transform:uppercase;color:var(--dim);margin-bottom:22px;
  transition:color 0.22s;
}
.nsc:hover .nsc-sub{ color:var(--muted); }
/* features */
.nsc-feats{ display:flex;flex-direction:column;gap:9px;margin-bottom:30px; }
.nsc-feat{
  font-family:var(--body);font-size:16px;color:var(--muted);
  font-weight:400;display:flex;align-items:flex-start;gap:9px;
  transition:color 0.2s;
}
.nsc:hover .nsc-feat{ color:var(--bright); }
.nsc-feat-icon{ flex-shrink:0;font-size:13px;margin-top:1px; }

/* CTA button */
.nsc-cta{
  display:flex;align-items:center;justify-content:space-between;
  padding:15px 18px;
  margin-top:auto;
  font-family:var(--condensed);font-size:14px;letter-spacing:0.22em;
  font-weight:700;text-transform:uppercase;
  border:1px solid;
  transition:background 0.22s ease, box-shadow 0.22s ease,
             border-color 0.22s ease, letter-spacing 0.18s ease,
             filter 0.22s ease;
}
.nsc-arr{
  transition:transform 0.2s cubic-bezier(0.22,1,0.36,1);
  display:inline-block;
}
.nsc:hover .nsc-arr{ transform:translateX(6px); }

/* ── BTC card ── */
.nsc-btc{ }
.nsc-btc:hover{
  transform:translateY(-4px);
  box-shadow:
    0 0 0 1px rgba(230,179,77,0.55),
    0 8px 32px rgba(230,179,77,0.18),
    0 24px 64px rgba(230,179,77,0.08);
  border-color:rgba(230,179,77,0.4);
}
.nsc-btc .nsc-h{ }
.nsc-btc:hover .nsc-h{
  text-shadow:0 0 28px rgba(230,179,77,0.35);
}
.nsc-btc .nsc-cta{
  border-color:rgba(230,179,77,0.28);
  background:rgba(230,179,77,0.06);
  color:var(--btc2);
}
.nsc-btc:hover .nsc-cta{
  background:rgba(230,179,77,0.16);
  border-color:rgba(230,179,77,0.75);
  box-shadow:0 0 48px rgba(255,210,120,0.36),0 8px 40px rgba(230,179,77,0.44),0 0 0 1px rgba(255,200,77,0.5);
}

/* ── ETH card ── */
.nsc-eth:hover{
  transform:translateY(-4px);
  box-shadow:
    0 0 0 1px rgba(112,144,240,0.55),
    0 8px 32px rgba(112,144,240,0.18),
    0 24px 64px rgba(112,144,240,0.08);
  border-color:rgba(112,144,240,0.4);
}
.nsc-eth:hover .nsc-h{
  text-shadow:0 0 28px rgba(112,144,240,0.4);
}
.nsc-eth .nsc-cta{
  border-color:rgba(112,144,240,0.28);
  background:rgba(112,144,240,0.07);
  color:var(--eth2);
}
.nsc-eth:hover .nsc-cta{
  background:rgba(112,144,240,0.18);
  border-color:rgba(112,144,240,0.75);
  box-shadow:0 0 48px rgba(180,200,255,0.3),0 8px 40px rgba(112,144,240,0.42),0 0 0 1px rgba(112,144,240,0.55);
}

/* ── GOLD card ── */
.nsc-gold:hover{
  transform:translateY(-4px);
  box-shadow:
    0 0 0 1px rgba(201,138,46,0.6),
    0 8px 32px rgba(201,138,46,0.22),
    0 24px 64px rgba(240,208,96,0.1);
  border-color:rgba(201,138,46,0.45);
}
.nsc-gold:hover .nsc-h{
  filter:drop-shadow(0 0 18px rgba(240,208,96,0.5)) drop-shadow(0 0 40px rgba(201,138,46,0.3));
}
.nsc-gold:hover .nsc-cta{
  letter-spacing:0.28em;
  box-shadow:0 0 48px rgba(240,208,96,0.38),0 8px 40px rgba(201,138,46,0.5),0 0 90px rgba(240,208,96,0.16),0 0 0 2px rgba(255,230,110,0.48);
  filter:brightness(1.12);
}
.nsc-gold:hover .nsc-flood{ opacity:1; }
.nsc-gold:hover .nsc-feat{ color:var(--bright); }
.nsc-gold:hover .nsc-sub{ color:#f0d060; }

/* ── COACHING card ── */
.nsc-coach:hover{
  transform:translateY(-4px);
  box-shadow:
    0 0 0 1px rgba(77,255,176,0.45),
    0 8px 32px rgba(77,255,176,0.14),
    0 24px 64px rgba(77,255,176,0.06);
  border-color:rgba(77,255,176,0.35);
}
.nsc-coach:hover .nsc-h{
  text-shadow:0 0 28px rgba(77,255,176,0.4);
}
.nsc-coach .nsc-cta{
  border-color:rgba(77,255,176,0.3);
  background:rgba(77,255,176,0.07);
  color:var(--green);
}
.nsc-coach:hover .nsc-cta{
  background:rgba(77,255,176,0.16);
  border-color:rgba(77,255,176,0.75);
  letter-spacing:0.28em;
  box-shadow:0 0 48px rgba(77,255,176,0.3),0 8px 40px rgba(77,255,176,0.4),0 0 0 1px rgba(77,255,176,0.55);
}

/* ── Persistent CTA bloom (staggered) — compositor-only, 2026-08-03 ──
   WAS: every pulsing CTA animated a chain of three drop-shadow() filters
   whose BLUR RADII changed (10px→29px, 14px→26px). Blur radius is a
   raster-time property: the browser had to re-rasterise all three shadows
   on every frame, on six elements at once, on a page that is simultaneously
   running the Monte-Carlo projector and a live clock. Frames were dropped
   hardest where the ease-in-out curve moves fastest — i.e. exactly as the
   glow ramped up. That is the flicker.
   Two further defects in the old block:
     · ctaPulseGold declared `filter:` TWICE per keyframe, so the later
       brightness() silently discarded all three drop-shadows. The gold
       button was never running the animation it appeared to.
     · `animation:none` on hover cut a running filter animation dead,
       snapping from its mid-interpolation value to the static one — a
       visible pop on both mouse-enter and mouse-leave.
   NOW: the glow is a fixed-geometry ::after layer and only its OPACITY
   animates. Opacity is handled by the compositor — no repaint, no
   re-rasterisation, no dropped frames. Peak colours/radii are byte-identical
   to the old 50% keyframe, so maximum brightness is unchanged. Hover fades
   the ambient layer out via a transition instead of killing an animation,
   so the "pulse stops on hover" intent survives with nothing left to snap. ── */

@keyframes ctaBloom{ 0%,100%{opacity:0.45;} 50%{opacity:1;} }

/* The layer is position:absolute, so it is NOT picked up as a flex item of
   the button and cannot disturb the label/arrow spacing. */
.nsc-cta,.nsc-path-cta{ position:relative; }
.nsc-cta::after,.nsc-path-cta::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  border-radius:inherit;
  opacity:0.72;                    /* static fallback = the reduced-motion state */
  transition:box-shadow 0.26s ease;
  backface-visibility:hidden;
  will-change:opacity;             /* permanent: these layers animate forever */
}

/* Peak glow geometry — fixed. Only opacity moves.
   Alphas are NOT the raw old keyframe numbers. drop-shadow() multiplies by the
   source's own alpha, and these buttons are 6–7% translucent fills, so an 0.85
   drop-shadow rendered at roughly 0.13 effective. box-shadow has no such
   multiplier, so the values are rescaled to land on the same peak brightness.
   They sit just under the hover box-shadows below (0.36/0.44), which keeps
   hover reading as a step up. Hues are unchanged from the original keyframes.
   Verified by headless pixel comparison against the pre-change render. */
.nsc-btc   .nsc-cta::after,
.nsc-path-cta-primary::after{box-shadow:0 0 6px rgba(255,240,200,0.26),0 0 26px rgba(255,210,120,0.30),0 0 34px rgba(230,179,77,0.22);}
.nsc-eth   .nsc-cta::after{box-shadow:0 0 6px rgba(240,244,255,0.24),0 0 26px rgba(180,200,255,0.28),0 0 34px rgba(112,144,240,0.24);}
.nsc-gold  .nsc-cta::after{box-shadow:0 0 6px rgba(255,240,200,0.28),0 0 26px rgba(240,208,96,0.30),0 0 34px rgba(201,138,46,0.24);}
.nsc-coach .nsc-cta::after{box-shadow:0 0 6px rgba(255,240,200,0.22),0 0 26px rgba(255,212,122,0.26),0 0 34px rgba(255,212,122,0.20);}
.nsc-path-cta-cap::after{box-shadow:0 0 6px rgba(255,255,255,0.26),0 0 2px rgba(201,138,46,0.30),0 0 22px rgba(201,138,46,0.22);}

/* The old drop-shadow chain also haloed the glyphs, because drop-shadow traces
   the element's alpha and the labels are the most opaque thing in the button.
   That halo is the house HDR-type look, so it is restored explicitly — as a
   static text-shadow, which is painted once and never re-rasterised.
   Excluded on .nsc-gold, whose label is #020204 on a solid gold fill: a glow
   in currentColor there would be a black smear. */
.nsc-btc .nsc-cta,.nsc-eth .nsc-cta,.nsc-coach .nsc-cta,
.nsc-path-cta-primary,.nsc-path-cta-cap{ text-shadow:0 0 12px currentColor; }

/* Staggered 0.9s apart so the row breathes as a wave, not in unison. */
.nsc-btc   .nsc-cta::after{animation:ctaBloom 3.6s ease-in-out infinite;}
.nsc-eth   .nsc-cta::after{animation:ctaBloom 3.6s ease-in-out infinite 0.9s;}
.nsc-gold  .nsc-cta::after{animation:ctaBloom 3.6s ease-in-out infinite 1.8s;}
.nsc-coach .nsc-cta::after{animation:ctaBloom 3.6s ease-in-out infinite 2.7s;}
.nsc-path-cta-primary::after{animation:ctaBloom 3.6s ease-in-out infinite;}
.nsc-path-cta-cap::after{animation:ctaBloom 3.6s ease-in-out infinite 1.8s;}

/* Hover: fade the ambient layer out rather than cutting the animation. The
   button's own hover box-shadow (transitioned, below) takes over. */
.nsc:hover .nsc-cta::after,
.nsc-path:hover .nsc-path-cta::after{ box-shadow:none; }

@media(prefers-reduced-motion:reduce){
  .nsc-cta::after,.nsc-path-cta::after{animation:none!important;opacity:0.72;}
}

/* ── PATH CARDS — Tier 1 (Results vs Learn) ── */
.nsc-path{
  display:flex;flex-direction:column;text-decoration:none;position:relative;overflow:hidden;
  background:var(--bg3);padding:44px 36px 36px;
  border:1px solid rgba(255,255,255,0.08);
  transition:transform 0.22s cubic-bezier(0.22,1,0.36,1),box-shadow 0.28s ease,border-color 0.28s ease;
  cursor:pointer;
}
.nsc-path-eyebrow{
  font-family:var(--mono);font-size:10px;letter-spacing:0.32em;
  text-transform:uppercase;color:var(--btc);margin-bottom:16px;
}
.nsc-path-h{
  font-family:var(--condensed);font-size:clamp(40px,4.5vw,60px);font-weight:900;
  line-height:1;text-transform:uppercase;color:var(--near-white);
  margin-bottom:18px;letter-spacing:0.02em;
  transition:text-shadow 0.25s ease;
}
.nsc-path-h span{color:var(--btc);}
.nsc-path-sub{
  font-family:var(--body);font-size:clamp(14px,1.4vw,16px);color:var(--muted);
  line-height:1.65;font-weight:300;margin-bottom:32px;flex:1;
  transition:color 0.22s;
}
.nsc-path:hover .nsc-path-sub{color:var(--bright);}
.nsc-path-cta{
  display:flex;align-items:center;justify-content:space-between;
  padding:15px 20px;
  font-family:var(--condensed);font-size:14px;letter-spacing:0.22em;
  font-weight:700;text-transform:uppercase;
  border:1px solid;
  transition:background 0.22s,box-shadow 0.22s,border-color 0.22s,letter-spacing 0.18s,filter 0.22s;
}
.nsc-path-arr{transition:transform 0.2s cubic-bezier(0.22,1,0.36,1);display:inline-block;}
.nsc-path:hover .nsc-path-arr{transform:translateX(6px);}
/* Results card */
.nsc-path-results{border-top:3px solid rgba(230,179,77,0.7);}
.nsc-path-results:hover{
  transform:translateY(-4px);
  box-shadow:0 0 0 1px rgba(230,179,77,0.5),0 8px 40px rgba(230,179,77,0.18),0 24px 64px rgba(230,179,77,0.08);
  border-color:rgba(230,179,77,0.35);
}
.nsc-path-results:hover .nsc-path-h{text-shadow:0 0 32px rgba(230,179,77,0.4);}
.nsc-path-cta-primary{
  border-color:rgba(230,179,77,0.3);background:rgba(230,179,77,0.07);color:var(--btc2);
}
.nsc-path-results:hover .nsc-path-cta-primary{
  background:rgba(230,179,77,0.18);border-color:rgba(230,179,77,0.8);
  box-shadow:0 0 48px rgba(255,210,120,0.36),0 8px 40px rgba(230,179,77,0.44);
  letter-spacing:0.28em;
}
/* Learn card */
.nsc-path-learn{border-top:3px solid rgba(242,237,230,0.6);}
.nsc-path-learn .nsc-path-eyebrow{color:rgba(242,237,230,0.85);}
.nsc-path-learn .nsc-path-h span{color:#f2ede6;}
.nsc-path-learn:hover{
  transform:translateY(-4px);
  box-shadow:0 0 0 1px rgba(242,237,230,0.4),0 8px 40px rgba(242,237,230,0.12),0 24px 64px rgba(242,237,230,0.06);
  border-color:rgba(242,237,230,0.3);
}
.nsc-path-learn:hover .nsc-path-h{text-shadow:0 0 32px rgba(242,237,230,0.35);}
.nsc-path-cta-learn{
  border-color:rgba(242,237,230,0.25);background:rgba(242,237,230,0.05);color:#f2ede6;
  animation:none;
}
.nsc-path-learn:hover .nsc-path-cta-learn{
  background:rgba(242,237,230,0.14);border-color:rgba(242,237,230,0.7);
  box-shadow:0 0 48px rgba(242,237,230,0.22),0 8px 40px rgba(242,237,230,0.3);
  letter-spacing:0.28em;
}
/* CAP card */
.nsc-path-cap{border-top:3px solid rgba(201,138,46,0.75);}
.nsc-path-cap .nsc-path-eyebrow{color:#c9a84c;}
.nsc-path-cap .nsc-path-h span{background:linear-gradient(135deg,#c9a84c,#fff0c8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.nsc-path-cap:hover{
  transform:translateY(-4px);
  box-shadow:0 0 0 1px rgba(201,138,46,0.5),0 8px 40px rgba(201,138,46,0.18),0 24px 64px rgba(201,138,46,0.08);
  border-color:rgba(201,138,46,0.35);
}
.nsc-path-cap:hover .nsc-path-h{text-shadow:0 0 32px rgba(201,138,46,0.45);}
/* ctaPulseTeal removed — its glow now rides the shared ctaBloom opacity
   layer (.nsc-path-cta-cap::after) with the same peak radii/colours. */
.nsc-path-cta-cap{
  border-color:rgba(201,138,46,0.3);background:rgba(201,138,46,0.06);color:#e6c365;
}
.nsc-path-cap:hover .nsc-path-cta-cap{
  background:rgba(201,138,46,0.16);border-color:rgba(201,138,46,0.8);
  box-shadow:0 0 48px rgba(201,138,46,0.28),0 8px 40px rgba(201,138,46,0.38);
  letter-spacing:0.28em;
}
/* Section divider */
.nsc-divider{display:flex;align-items:center;gap:20px;margin:0 0 48px;}
.nsc-divider-line{flex:1;height:1px;background:var(--border);}
.nsc-divider-text{
  font-family:var(--mono);font-size:10px;letter-spacing:0.28em;
  text-transform:uppercase;color:var(--dim);white-space:nowrap;
}
@media(max-width:768px){
  .nsc-path-grid{grid-template-columns:1fr!important;}
  .nsc-path{padding:32px 24px 28px!important;}
  .nsc-path-h{font-size:clamp(34px,9vw,48px)!important;}
  .nsc-divider-text{display:none;}
}
@media(max-width:480px){
  .nsc-path-sub{font-size:14px!important;}
  .nsc-path-cta{font-size:13px!important;padding:13px 16px!important;}
}

/* ── Bundle bar ── */
.nsc-bundle{
  margin-top:1px;background:var(--bg3);
  border:1px solid rgba(230,179,77,0.15);border-top:none;
  padding:24px 28px;display:flex;align-items:center;
  justify-content:space-between;gap:24px;flex-wrap:wrap;
  transition:border-color 0.25s, box-shadow 0.25s;
}
.nsc-bundle:hover{
  border-color:rgba(230,179,77,0.35);
  box-shadow:0 0 32px rgba(230,179,77,0.06);
}
.nsc-bundle-cta{
  font-family:var(--condensed);font-size:14px;letter-spacing:0.22em;
  text-transform:uppercase;font-weight:700;padding:15px 24px;
  border:1px solid rgba(255,255,255,0.2);color:var(--near-white);
  background:rgba(255,255,255,0.04);text-decoration:none;
  transition:0.22s ease;transition-property:var(--tcw-tp);white-space:nowrap;display:inline-block;
}
.nsc-bundle-cta:hover{
  border-color:rgba(230,179,77,0.6);color:var(--btc2);
  background:rgba(230,179,77,0.1);
  box-shadow:0 0 16px rgba(230,179,77,0.22);
  letter-spacing:0.28em;
}

/* ═══ WHY THIS EXISTS · MOST CHOSEN BADGE + RESPONSIVE ════════════════════ */
.wte-most-chosen{position:relative;overflow:visible !important;box-shadow:0 0 0 1px rgba(201,138,46,0.30),0 0 38px rgba(201,138,46,0.10);}
.wte-grid{padding-top:18px;}  /* room for the MOST CHOSEN badge to render above the card */
.wte-most-chosen .wte-badge{
  position:absolute;top:-12px;right:22px;z-index:3;
  background:linear-gradient(135deg,#e6c365 0%,#c9a84c 50%,#9a7a25 100%);
  color:#0a0a0b;font-family:var(--mono);font-size:9px;letter-spacing:0.28em;
  text-transform:uppercase;padding:5px 12px;border-radius:3px;font-weight:700;
  box-shadow:0 6px 22px rgba(201,138,46,0.45),0 0 0 1px rgba(201,138,46,0.6);
  white-space:nowrap;
}
@media(max-width:880px){
  .wte-grid{grid-template-columns:1fr !important;}
  .wte-most-chosen .wte-badge{right:14px;top:-10px;font-size:8.5px;letter-spacing:0.22em;padding:4px 10px;}
}
/* ═══ /WHY THIS EXISTS ═══════════════════════════════════════════════════════ */

/* ── block 30 ─────────────────────────────────────────── */
#ei-ov{position:fixed;inset:0;z-index:9999;background:rgba(2,2,4,0.88);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity 0.3s ease;}
#ei-ov.ei-on{opacity:1;pointer-events:auto;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}
#ei-box{position:relative;background:var(--bg2,#06060e);border:1px solid rgba(230,179,77,0.3);border-radius:10px;max-width:500px;width:100%;padding:clamp(28px,5vw,48px);box-shadow:0 0 80px rgba(230,179,77,0.07),0 32px 64px rgba(0,0,0,0.6);transform:translateY(14px);transition:transform 0.32s cubic-bezier(0.25,0.46,0.45,0.94);}
#ei-ov.ei-on #ei-box{transform:translateY(0);}
#ei-x{position:absolute;top:14px;right:14px;width:30px;height:30px;background:none;border:1px solid rgba(255,255,255,0.1);border-radius:4px;color:rgba(255,255,255,0.6);font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color 0.2s,color 0.2s;touch-action:manipulation;}
#ei-x:hover{border-color:rgba(255,255,255,0.25);color:rgba(255,255,255,0.7);}
.ei-ey{font-family:var(--mono);font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:var(--btc);margin-bottom:12px;display:flex;align-items:center;gap:7px;}
.ei-ey::before{content:'';display:block;width:18px;height:1px;background:var(--btc);}
.ei-h{font-family:var(--condensed);font-size:clamp(22px,4vw,32px);font-weight:700;color:rgba(255,255,255,0.95);line-height:1.1;letter-spacing:-0.01em;margin:0 0 8px;}
.ei-h span{color:var(--btc);}
.ei-p{font-family:var(--body);font-size:14px;color:var(--dim);line-height:1.65;margin:0 0 20px;}
.ei-list{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:7px;}
.ei-list li{display:flex;align-items:center;gap:9px;font-family:var(--body);font-size:13.5px;color:var(--muted);}
.ei-chk{width:17px;height:17px;border-radius:3px;background:rgba(230,179,77,0.1);border:1px solid rgba(230,179,77,0.28);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--btc);}
.ei-form{display:flex;gap:9px;flex-wrap:wrap;}
.ei-inp{flex:1;min-width:160px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.12);border-radius:5px;padding:11px 14px;font-family:var(--body);font-size:14px;color:rgba(255,255,255,0.9);outline:none;transition:border-color 0.2s;-webkit-appearance:none;}
.ei-inp::placeholder{color:var(--dim);}
.ei-inp:focus{border-color:rgba(230,179,77,0.45);}
.ei-btn{background:var(--btc);color:#000;border:none;border-radius:5px;padding:11px 20px;font-family:var(--condensed);font-size:15px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background 0.2s;touch-action:manipulation;}
.ei-btn:hover{background:var(--btc2,#ffdf9e);}
.ei-skip{display:block;text-align:center;margin-top:14px;font-family:var(--mono);font-size:10.5px;color:var(--dim);letter-spacing:0.1em;cursor:pointer;background:none;border:none;transition:color 0.2s;touch-action:manipulation;}
.ei-skip:hover{color:var(--muted);}
.ei-ok{text-align:center;padding:16px 0;display:none;}
.ei-ok-icon{font-size:32px;margin-bottom:10px;}
.ei-ok-t{font-family:var(--condensed);font-size:22px;font-weight:700;color:rgba(255,255,255,0.9);margin:0 0 6px;}
.ei-ok-s{font-family:var(--body);font-size:13px;color:var(--dim);margin:0;}
@media(max-width:460px){.ei-form{flex-direction:column;}.ei-inp,.ei-btn{width:100%;}}
@media(prefers-reduced-motion:reduce){#ei-ov,#ei-box{transition:none;}}

/* ── block 31 ─────────────────────────────────────────── */
#tcwStickyBar{
  position:fixed;bottom:0;left:0;right:0;z-index:980;
  height:58px;
  background:rgba(2,2,4,0.98);
  border-top:1px solid var(--border,rgba(255,255,255,0.10));
  display:flex;align-items:center;justify-content:space-between;
  padding:0 48px;gap:24px;
  transform:translateY(100%);
  transition:transform 0.38s cubic-bezier(0.16,1,0.3,1);
  will-change:transform;
  pointer-events:none;
}
/* BTC→ETH gradient line on top edge — mirrors the nav bottom line */
#tcwStickyBar::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1.5px;
  background:linear-gradient(90deg,transparent,var(--btc,#e6b34d) 30%,var(--btc2,#ffdf9e) 50%,var(--eth,#7090f0) 70%,transparent);
  opacity:0.75;
}
#tcwStickyBar.tsb-visible{
  transform:translateY(0);
  pointer-events:auto;
}
/* Left: stats strip — same visual language as .hero-stats */
.tsb-left{
  display:flex;align-items:stretch;gap:0;
  border:1px solid var(--border,rgba(255,255,255,0.10));
  flex-shrink:0;height:36px;
}
.tsb-stat{
  display:flex;align-items:center;gap:10px;
  padding:0 16px;border-right:1px solid var(--border,rgba(255,255,255,0.10));
}
.tsb-stat:last-child{border-right:none;}
.tsb-stat-num{
  font-family:var(--condensed,"Barlow Condensed",sans-serif);
  font-size:18px;font-weight:800;line-height:1;
  background:linear-gradient(135deg,var(--btc2,#ffdf9e),var(--btc,#e6b34d));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.tsb-stat-label{
  font-family:var(--mono,"Share Tech Mono",monospace);
  font-size:9px;letter-spacing:0.16em;text-transform:uppercase;
  color:var(--dim,#848078);white-space:nowrap;
}
/* Separator rule */
.tsb-rule{width:1px;height:20px;background:var(--border,rgba(255,255,255,0.10));
  flex-shrink:0;align-self:center;margin:0 20px;}
/* "CAP Framework" copy */
.tsb-copy{
  font-family:var(--mono,"Share Tech Mono",monospace);
  font-size:11px;letter-spacing:0.22em;text-transform:uppercase;
  color:var(--dim,#848078);white-space:nowrap;flex-shrink:0;
}
/* Right: buttons */
.tsb-right{display:flex;align-items:center;gap:10px;flex-shrink:0;}
/* Primary — white button, BTC gradient on hover (matches nav-cta) */
.tsb-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:9px 22px;height:36px;
  font-family:var(--condensed,"Barlow Condensed",sans-serif);font-weight:800;
  font-size:12px;letter-spacing:0.18em;text-transform:uppercase;
  text-decoration:none;cursor:pointer;
  transition:0.28s ease;transition-property:var(--tcw-tp);
  position:relative;overflow:hidden;
  touch-action:manipulation;border:none;
}
.tsb-btn-primary{
  background:var(--white,#fff);color:var(--bg,#020204);
  border:1.5px solid var(--white,#fff);
  box-shadow:0 4px 20px rgba(230,179,77,0.25);
}
.tsb-btn-primary::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,var(--btc,#e6b34d) 0%,var(--btc2,#ffdf9e) 50%,var(--btc,#e6b34d) 100%);
  background-size:300% 100%;opacity:0;transition:opacity 0.28s;
}
.tsb-btn-primary:hover{color:var(--bg,#020204);border-color:var(--btc2,#ffdf9e);transform:translateY(-2px);
  box-shadow:0 12px 40px rgba(230,179,77,0.55);}
.tsb-btn-primary:hover::before{opacity:1;}
.tsb-btn-primary span{position:relative;z-index:1;}
/* Secondary — BTC outlined (matches .btn-p) */
.tsb-btn-secondary{
  background:transparent;border:1.5px solid var(--btc,#e6b34d);
  color:var(--btc2,#ffdf9e);
}
.tsb-btn-secondary::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(110deg,transparent 30%,rgba(230,179,77,0.18) 50%,transparent 70%);
  transform:translateX(-100%);transition:transform 0.45s;
}
.tsb-btn-secondary:hover{background:var(--btc,#e6b34d);color:#000;transform:translateY(-2px);
  box-shadow:0 0 8px rgba(230,179,77,0.9),0 0 24px rgba(230,179,77,0.5);}
.tsb-btn-secondary:hover::after{transform:translateX(100%);}
/* Close */
#tcwStickyClose{
  background:none;border:none;padding:6px;width:28px;height:28px;
  display:flex;align-items:center;justify-content:center;
  color:var(--dim,#848078);font-size:14px;line-height:1;
  cursor:pointer;flex-shrink:0;transition:color 0.2s;
  touch-action:manipulation;
}
#tcwStickyClose:hover{color:var(--bright,#ccc8c2);}
@media(max-width:900px){
  #tcwStickyBar{padding:0 24px;gap:12px;}
  .tsb-copy,.tsb-rule{display:none;}
}
@media(max-width:600px){
  .tsb-left{display:none;}
  #tcwStickyBar{justify-content:center;padding:0 12px;gap:10px;}
  .tsb-right{flex:1;width:100%;min-width:0;justify-content:space-between;gap:10px;}
  .tsb-btn{flex:1 1 0;min-width:0;padding:9px 8px;letter-spacing:0.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  #tcwStickyClose{flex:0 0 auto;}
}
@media(max-width:380px){
  #tcwStickyBar{padding:0 10px;gap:8px;}
  .tsb-btn{padding:8px 6px;font-size:11px;letter-spacing:0.04em;}
}

/* CW SIMULATOR MOBILE FIX (authoritative) */
/* CW floating guaranteed-visible advance button (mobile only, HUD phase only) */
#cwSimAdvance{display:none;}
@media(max-width:960px){
  #cwSimAdvance{
    position:fixed;left:12px;right:12px;bottom:12px;z-index:1200;
    display:block;width:auto;padding:16px 20px;min-height:54px;
    font-family:var(--condensed,'Barlow Condensed',sans-serif);font-weight:800;
    font-size:15px;letter-spacing:0.16em;text-transform:uppercase;
    color:#020204;border:none;border-radius:4px;cursor:pointer;
    background:linear-gradient(110deg,#e6b34d 0%,#ffdf9e 55%,#ffdf80 100%);
    box-shadow:0 8px 30px rgba(0,0,0,0.55),0 0 22px rgba(230,179,77,0.45);
    -webkit-tap-highlight-color:transparent;
  }
  body:not(.cw-sim-hud) #cwSimAdvance{display:none;}
}
@media(max-width:960px){
  /* ── CW SIMULATOR MOBILE — guarantee the advance button is always visible ──
     The whole game frame flows in the page (no fixed height, no clipping),
     the chart sits above the HUD, and the phase-advance button renders in
     normal flow at the bottom of the HUD so it can never be clipped. */
  #demo .demo-game-frame{height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;}
  #demo .demo-grid{grid-template-columns:1fr!important;grid-template-rows:auto auto!important;height:auto!important;}
  #demo .demo-grid > *{min-height:0!important;height:auto!important;}
  #demo .cpanel{height:auto!important;min-height:0!important;overflow:visible!important;}
  #demo .cwrap{flex:none!important;height:auto!important;aspect-ratio:16/10!important;}
  #demo .ghud{position:static!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;overflow-y:visible!important;padding-bottom:24px!important;}
  #demo .ghud .gphase{height:auto!important;min-height:0!important;padding-bottom:18px!important;overflow:visible!important;}
  #demo .ghud .gphase > div[style*="flex:1"]{flex:0 0 auto!important;min-height:12px!important;}
  #demo .ghud .gbtn.primary,#demo .ghud .gbtn.entry,#demo .ghud .gbtn.cta-green{position:static!important;bottom:auto!important;width:100%!important;min-height:52px!important;margin-top:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 0 24px rgba(230,179,77,0.35)!important;}
}
/* CW NEXT-STEP 4-CARD GRID MOBILE FIX */
@media(max-width:900px){.nsc-4grid{grid-template-columns:1fr 1fr!important;}}
@media(max-width:600px){.nsc-4grid{grid-template-columns:1fr!important;}}

/* ── tcw-sim-cta-nocrush-v1 ─────────────────────────────────────────── */
/* ══════════════════════════════════════════════════════════════════════
   SIMULATOR HUD — ENTER LONG BUTTON NO-CRUSH FIX (desktop ≥961px)
   Root cause: .gphase is a flex column with height:100% (definite, = frame
   height). In the sweep phase the HUD content is ~710px tall while the frame
   is only 484–650px on typical laptop viewports, so flex-shrink squashed
   every shrinkable child. .gbtn carries overflow:hidden, which zeroes its
   automatic minimum size (min-height:auto → 0), so the ENTER LONG button
   was the item that gave way: crushed 71px → 32px, clipping the
   .gentry-price line and the bottom half of the label on all 3 setups.
   Fix: let .gphase size to its content (min-height:100% preserves the
   flex:1 spacer behaviour on tall viewports) and lock every HUD action
   button against shrink. The existing position:sticky;bottom:10px then
   pins the CTA correctly inside the scrolling HUD.
   Mobile (≤960px) is untouched — its !important overrides come later and
   already flow the button in normal document order.
══════════════════════════════════════════════════════════════════════ */
#demo .ghud .gphase{height:auto;min-height:100%;box-sizing:border-box;}
#demo .ghud .gbtn{flex:0 0 auto;}
#demo .ghud .gbtn.entry{min-height:64px;}
#demo .ghud .gbtn.primary,
#demo .ghud .gbtn.cta-green{min-height:48px;}
#demo .ghud .gwinrate,
#demo .ghud .gpreview,
#demo .ghud .gcountdown,
#demo .ghud .gphase-sub{flex-shrink:0;}

/* ── block 33 ─────────────────────────────────────────── */
.grad-clip,.grad{filter:drop-shadow(0 0 14px rgba(230,179,77,0.30));}
@keyframes tcwHdrBloom{0%,100%{filter:drop-shadow(0 0 3px rgba(255,215,0,0.55)) drop-shadow(0 0 9px rgba(230,179,77,0.40));}50%{filter:drop-shadow(0 0 6px rgba(255,240,200,0.95)) drop-shadow(0 0 18px rgba(230,179,77,0.75)) drop-shadow(0 0 34px rgba(247,147,26,0.45));}}
@keyframes tcwHdrBloomEth{0%,100%{filter:drop-shadow(0 0 3px rgba(112,144,240,0.55)) drop-shadow(0 0 9px rgba(112,144,240,0.35));}50%{filter:drop-shadow(0 0 6px rgba(240,244,255,0.90)) drop-shadow(0 0 18px rgba(112,144,240,0.75)) drop-shadow(0 0 32px rgba(98,126,234,0.40));}}
@keyframes tcwHdrBloomSol{0%,100%{filter:drop-shadow(0 0 3px rgba(20,241,149,0.55)) drop-shadow(0 0 9px rgba(153,69,255,0.35));}50%{filter:drop-shadow(0 0 6px rgba(244,255,248,0.90)) drop-shadow(0 0 18px rgba(20,241,149,0.70)) drop-shadow(0 0 32px rgba(153,69,255,0.45));}}
@keyframes tcwHdrBloomTxtBig{0%,100%{filter:drop-shadow(0 0 4px rgba(230,179,77,0.16));}50%{filter:drop-shadow(0 0 9px rgba(255,240,200,0.32)) drop-shadow(0 0 24px rgba(230,179,77,0.22));}}
@keyframes tcwHdrBloomTxtBigEth{0%,100%{filter:drop-shadow(0 0 4px rgba(112,144,240,0.16));}50%{filter:drop-shadow(0 0 9px rgba(240,244,255,0.30)) drop-shadow(0 0 24px rgba(112,144,240,0.22));}}
@keyframes tcwHdrBloomTxtBigSol{0%,100%{filter:drop-shadow(0 0 4px rgba(20,241,149,0.16));}50%{filter:drop-shadow(0 0 9px rgba(244,255,248,0.30)) drop-shadow(0 0 24px rgba(20,241,149,0.22));}}
@keyframes tcwHdrBloomIco{0%,100%{filter:drop-shadow(0 0 2px rgba(230,179,77,0.35));}50%{filter:drop-shadow(0 0 3px rgba(255,240,200,0.6)) drop-shadow(0 0 8px rgba(230,179,77,0.55));}}
@keyframes tcwHdrBloomIcoRed{0%,100%{filter:drop-shadow(0 0 2px rgba(255,68,85,0.30));}50%{filter:drop-shadow(0 0 3px rgba(255,235,235,0.55)) drop-shadow(0 0 8px rgba(255,68,85,0.50));}}
@keyframes tcwHdrBloomIcoSol{0%,100%{filter:drop-shadow(0 0 2px rgba(45,212,191,0.32));}50%{filter:drop-shadow(0 0 3px rgba(240,255,250,0.55)) drop-shadow(0 0 8px rgba(45,212,191,0.52));}}
@keyframes tcwHdrBloomIcoEth{0%,100%{filter:drop-shadow(0 0 2px rgba(112,144,240,0.32));}50%{filter:drop-shadow(0 0 3px rgba(240,244,255,0.55)) drop-shadow(0 0 8px rgba(112,144,240,0.52));}}
@keyframes tcwHdrBloomTxt{0%,100%{filter:drop-shadow(0 0 2px rgba(255,223,158,0.35)) drop-shadow(0 0 8px rgba(230,179,77,0.30));}50%{filter:drop-shadow(0 0 5px rgba(255,240,200,0.85)) drop-shadow(0 0 16px rgba(230,179,77,0.60)) drop-shadow(0 0 30px rgba(247,147,26,0.35));}}
@keyframes tcwHdrBloomTxtEth{0%,100%{filter:drop-shadow(0 0 2px rgba(180,200,255,0.35)) drop-shadow(0 0 8px rgba(112,144,240,0.30));}50%{filter:drop-shadow(0 0 5px rgba(240,244,255,0.80)) drop-shadow(0 0 16px rgba(112,144,240,0.60)) drop-shadow(0 0 30px rgba(98,126,234,0.35));}}
@keyframes tcwHdrBloomTxtSol{0%,100%{filter:drop-shadow(0 0 2px rgba(20,241,149,0.35)) drop-shadow(0 0 8px rgba(153,69,255,0.28));}50%{filter:drop-shadow(0 0 5px rgba(244,255,248,0.80)) drop-shadow(0 0 16px rgba(20,241,149,0.55)) drop-shadow(0 0 30px rgba(153,69,255,0.35));}}
[data-tcw-hdr]{}
.tcw-ign{animation:tcwHdrBloom 2.6s ease-in-out infinite;}
.tcw-ign-eth{animation:tcwHdrBloomEth 2.6s ease-in-out infinite;}
.tcw-ign-sol{animation:tcwHdrBloomSol 2.6s ease-in-out infinite;}
.tcw-ign-d2{animation-delay:-1.3s;}
@media (prefers-reduced-motion:reduce){[data-tcw-hdr],.tcw-ign,.tcw-ign-eth,.tcw-ign-sol{animation:none!important;}}

/* ── tcw-tap-targets ─────────────────────────────────────────── */
/* ── TCW-TAP-TARGETS-v1 · WCAG 2.2 AA (2.5.8) + 48px house standard ──
   Hit areas only. Type sizes, colours and glyph sizes are untouched. */
.skip-link{min-height:48px;display:inline-flex;align-items:center;box-sizing:border-box;}
@media(max-width:900px){
  .nav-brand{display:inline-flex;align-items:center;min-height:48px;}
  .footer-col,.tcw-footer-col{gap:0;}
  .footer-col>a,.tcw-footer-col>a{display:flex;align-items:center;min-height:48px;box-sizing:border-box;}
  .tcw-foot-social{row-gap:0!important;}
  .tcw-foot-social>a{display:inline-flex;align-items:center;min-height:48px;}
}