/* eth-sales.html — inline <style> blocks extracted by _build/extract_css.py.
   26 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{
  --bg:#000000;
  --bg2:#06060e;
  --white:#ffffff;
  --near-white:#f2ede6;
  --bright:#ccc8c2;  /* was d4cfca — slightly muted for contrast hierarchy */
  --silver:#c8c4be;  /* was b8b4ae — MUCH brighter */
  --muted:#c0bdb8;   /* was 8a8680 — significantly brighter */
  --dim:#9e9a96;     /* was 504e4a — brighter so it's still readable */
  --btc:#e6b34d;
  --btc2:#ffdf9e;
  --eth:#7090f0;     /* slightly brighter eth */
  --eth2:#b4c8ff;    /* brighter eth highlight */
  --green:#90b4f8;
  --border:rgba(255,255,255,0.10);
  --border-hi:rgba(255,255,255,0.28);
  --condensed:"Barlow Condensed",sans-serif;
  --body:"Barlow",sans-serif;
  --mono:"Share Tech Mono",monospace;
}
html{scroll-behavior:smooth;}
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;}

/* ═══════════════════════════════════════
   KEYFRAMES
═══════════════════════════════════════ */
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes marqLeft{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(48px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.3;transform:scale(0.85)}}
@keyframes breathe{0%,100%{opacity:0.5;transform:scaleY(0.76)}50%{opacity:1;transform:scaleY(1)}}
@keyframes scanDown{0%{transform:translateY(0)}100%{transform:translateY(calc(100vh + 4px))}}
@keyframes bloomBTC{
  0%  {transform:translate(0px,0px)   scale(1.00);opacity:0.8;}
  18% {transform:translate(32px,-26px) scale(1.10);opacity:1.0;}
  42% {transform:translate(-22px,38px) scale(0.92);opacity:0.7;}
  68% {transform:translate(48px,12px)  scale(1.08);opacity:0.95;}
  85% {transform:translate(-12px,-18px)scale(0.96);opacity:0.75;}
  100%{transform:translate(0px,0px)   scale(1.00);opacity:0.8;}
}
@keyframes bloomETHL{0%{opacity:0.65;transform:scale(1);}50%{opacity:0.55;transform:scale(1.05);}100%{opacity:0.65;transform:scale(1);}}
@keyframes bloomETHR{0%{opacity:0.58;transform:scale(1);}50%{opacity:0.48;transform:scale(1.07);}100%{opacity:0.58;transform:scale(1);}}
@keyframes bloomETH{
  0%  {transform:translate(0px,0px)    scale(1.00);opacity:0.75;}
  22% {transform:translate(-40px,22px) scale(1.09);opacity:0.95;}
  50% {transform:translate(28px,-34px) scale(0.93);opacity:0.65;}
  75% {transform:translate(-16px,44px) scale(1.06);opacity:0.88;}
  100%{transform:translate(0px,0px)    scale(1.00);opacity:0.75;}
}
@keyframes coreFlicker{
  0%,100%{transform:scale(1);   opacity:0.85;}
  30%    {transform:scale(1.22);opacity:1;}
  70%    {transform:scale(0.95);opacity:0.7;}
}
@keyframes shimmerBTC{
  0%  {background-position:-300% center;}
  100%{background-position:300% center;}
}
@keyframes shimmerETH{
  0%  {background-position:-300% center;}
  100%{background-position:300% center;}
}
@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));}}
@keyframes glowPulseETH{
  0%,100%{filter:drop-shadow(0 0 6px rgba(240,244,255,0.9)) drop-shadow(0 0 11px rgba(98,126,234,0.78));}
  50%    {filter:drop-shadow(0 0 6px rgba(240,244,255,0.9)) drop-shadow(0 0 33px rgba(98,126,234,0.85)) drop-shadow(0 0 66px rgba(98,126,234,0.85));}
}
@keyframes borderFlow{
  0%  {background-position:0% 50%;}
  50% {background-position:100% 50%;}
  100%{background-position:0% 50%;}
}
@keyframes tickerGlow{
  0%,100%{filter:drop-shadow(0 0 3px rgba(230,179,77,0.45)) drop-shadow(0 0 9px rgba(230,179,77,0.30));}
  50%    {filter:drop-shadow(0 0 6px rgba(255,240,200,0.9)) drop-shadow(0 0 7px rgba(230,179,77,0.85));}
}
@keyframes btcTickerPop{
  0%,90%,100%{color:var(--bright);}
  95%{color:var(--btc);filter:drop-shadow(0 0 6px rgba(255,240,200,0.9)) drop-shadow(0 0 9px rgba(230,179,77,0.85));}
}
@keyframes float{
  0%,100%{transform:translateY(0px);}
  50%    {transform:translateY(-8px);}
}
@keyframes hoverScale{from{transform:scale(1)}to{transform:scale(1.03)}}
@keyframes hdrRotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@keyframes hdrBreath{0%,100%{opacity:0.85;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
@keyframes hdrRingPulse{0%,100%{r:46;opacity:0.6}50%{r:52;opacity:1}}
@keyframes ethFacet{0%{opacity:0.7}33%{opacity:1}66%{opacity:0.8}100%{opacity:0.7}}

/* ═══════════════════════════════════════
   HDR LOGOS
═══════════════════════════════════════ */
.hdr-logo-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}
.hdr-btc-svg,.hdr-eth-svg{display:block;overflow:visible;filter:drop-shadow(0 0 2px rgba(255,255,255,0.15));}

/* product scene embedded logos */
.ps-hdr-logo{
  position:absolute;bottom:48px;right:48px;
  width:120px;height:120px;z-index:4;pointer-events:none;
  opacity:0.18;
  animation:float 8s ease-in-out infinite;
}
.ps-left .ps-hdr-logo{right:48px;bottom:48px;}
.ps-right .ps-hdr-logo{left:48px;bottom:48px;right:auto;}

/* ═══════════════════════════════════════
   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 0%,var(--btc) 35%,var(--btc2) 50%,var(--eth) 65%,transparent 100%);
  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{letter-spacing:0.32em;color:#fff3cf;}
.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{transform:scaleX(1);}
.nav-link.active{color:var(--btc2);}
.nav-link.active::after{transform:scaleX(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(--eth2);}
.nav-dropdown-toggle.active::after{transform:scaleX(1);}
.nav-chevron{font-size:9px;transition:transform 0.22s;display:inline-block;opacity:0.7;}
.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(112,144,240,0.08);padding-left:26px;}
.nav-dropdown-item.active{color:var(--eth2);}
.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;}

/* ═══════════════════════════════════════
   TOP TICKER — VIBRANT
═══════════════════════════════════════ */
.ticker-bar{
  margin-top:64px;overflow:hidden;
  border-top:1.5px solid rgba(230,179,77,0.55);
  border-bottom:1.5px solid rgba(112,144,240,0.45);
  background:linear-gradient(90deg,rgba(2,2,4,1) 0%,rgba(230,179,77,0.10) 28%,rgba(112,144,240,0.10) 72%,rgba(2,2,4,1) 100%);
  padding:12px 0;position:relative;
  box-shadow:0 2px 28px rgba(230,179,77,0.13),inset 0 1px 0 rgba(230,179,77,0.18);
}
.ticker-bar::after{
  content:'';position:absolute;top:0;left:0;right:0;bottom:0;
  background:linear-gradient(90deg,rgba(2,2,4,0.96) 0%,transparent 8%,transparent 92%,rgba(2,2,4,0.96) 100%);
  pointer-events:none;z-index:2;
}
.ticker-inner{display:flex;animation:ticker 42s linear infinite;white-space:nowrap;position:relative;z-index:1;will-change:transform;}
.ticker-item{
  font-family:var(--mono);font-size:13px;letter-spacing:0.22em;
  color:var(--near-white);padding:0 32px;text-transform:uppercase;font-weight:400;
}
.ticker-item:nth-child(8n+1){color:var(--btc2);text-shadow:0 0 18px rgba(230,179,77,0.65);}
.ticker-item:nth-child(8n+5){color:var(--eth2);text-shadow:0 0 18px rgba(112,144,240,0.65);}
.ticker-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;
}

/* ═══════════════════════════════════════
   HERO
═══════════════════════════════════════ */
.hero{
  position:relative;min-height:max(100svh,740px);
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  overflow:hidden;text-align:center;padding-bottom:130px;padding-top:88px;
}
.hero-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 50% 50%,rgba(20,14,6,0.65) 0%,var(--bg) 72%);}
.hero-orb-btc{
  position:absolute;width:1000px;height:1000px;
  top:50%;left:48%;transform:translate(-50%,-55%);z-index:1;
  animation:bloomBTC 18s ease-in-out infinite;
  will-change:transform,opacity;
}
.hero-orb-btc::before{
  content:'';position:absolute;inset:0;border-radius:50%;
  background:radial-gradient(ellipse at 42% 40%,rgba(255,220,90,1) 0%,rgba(230,179,77,0.8) 14%,rgba(230,110,10,0.45) 32%,rgba(160,55,5,0.16) 54%,transparent 70%);
  filter:blur(0px);animation:coreFlicker 8s ease-in-out infinite;
}
.hero-orb-btc::after{
  content:'';position:absolute;inset:8%;border-radius:50%;
  background:radial-gradient(ellipse at 50% 44%,rgba(255,235,130,0.8) 0%,rgba(255,165,42,0.45) 28%,transparent 62%);
  filter:blur(24px);animation:coreFlicker 6s ease-in-out infinite reverse;
}
.hero-orb-eth{
  position:absolute;width:760px;height:760px;
  bottom:-8%;right:-4%;z-index:1;
  animation:bloomETH 22s ease-in-out infinite;
  will-change:transform,opacity;
}
.hero-orb-eth::before{
  content:'';position:absolute;inset:0;border-radius:50%;
  background:radial-gradient(ellipse at 58% 42%,rgba(180,205,255,0.9) 0%,rgba(98,126,234,0.65) 18%,rgba(60,80,200,0.28) 44%,rgba(30,40,130,0.1) 62%,transparent 76%);
  filter:blur(1px);animation:coreFlicker 11s ease-in-out infinite 2s;
}
.hero-orb-eth::after{
  content:'';position:absolute;inset:10%;border-radius:50%;
  background:radial-gradient(ellipse,rgba(190,210,255,0.65) 0%,rgba(110,140,245,0.3) 38%,transparent 68%);
  filter:blur(32px);animation:coreFlicker 8s ease-in-out infinite reverse 1s;
}
.hero-grid{
  position:absolute;inset:0;z-index:2;
  background-image:linear-gradient(rgba(255,255,255,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.05) 1px,transparent 1px);
  background-size:70px 70px;
  mask-image:radial-gradient(ellipse at 50% 50%,black 18%,transparent 65%);
}
.hero-sweep{
  position:absolute;left:0;right:0;height:2px;z-index:3;pointer-events:none;top:-4px;will-change:transform;
  background:linear-gradient(90deg,transparent 0%,var(--btc) 30%,var(--btc2) 50%,var(--eth) 70%,transparent 100%);
  animation:scanDown 5s linear infinite;opacity:0.7;
  box-shadow:0 0 12px rgba(230,179,77,0.5);
}
.hero-vignette{
  position:absolute;inset:0;z-index:4;pointer-events:none;
  background:radial-gradient(ellipse at 50% 50%,transparent 25%,rgba(3,3,5,0.42) 60%,rgba(3,3,5,0.97) 100%);
}
.hero-inner{position:relative;z-index:5;max-width:980px;padding:0 48px;}
.hero-kicker{
  display:inline-flex;align-items:center;gap:14px;
  font-family:var(--mono);font-size:13px;letter-spacing:0.28em;text-transform:uppercase;
  color:var(--btc2);
  border:1.5px solid rgba(230,179,77,0.55);
  padding:10px 22px;margin-bottom:44px;
  background:rgba(230,179,77,0.1);
  animation:fadeIn 1s ease-out 0.2s both;
  transition:0.35s cubic-bezier(0.25,0.46,0.45,0.94);transition-property:var(--tcw-tp);cursor:default;
}
.hero-kicker:hover{
  background:rgba(230,179,77,0.22);
  border-color:var(--btc);
  transform:translateY(-4px);
  box-shadow:0 12px 44px rgba(230,179,77,0.35),0 0 0 1px rgba(230,179,77,0.3);
  color:var(--white);
  letter-spacing:0.34em;
}
.kicker-dot{
  width:6px;height:6px;background:var(--btc);border-radius:50%;
  animation:pulse 1.6s infinite;
  box-shadow:0 0 10px var(--btc),0 0 20px rgba(230,179,77,0.5);
}
.hero h1{
  font-family:var(--condensed);font-weight:900;
  font-size:clamp(68px,11vw,144px);
  line-height:0.93;letter-spacing:-0.01em;text-transform:uppercase;
  animation:fadeUp 0.9s ease-out 0.35s both;
}
.hero h1 .line1{display:block;}
.hero h1 .line2{font-weight:200;font-style:italic;color:var(--near-white);display:block;font-size:clamp(54px,8.5vw,110px);}
.hero h1 .line3{display:block;color:var(--btc);text-shadow:0 0 40px rgba(230,179,77,0.9),0 0 100px rgba(230,179,77,0.45);}
.hero-sub{
  font-size:19px;color:var(--bright);max-width:620px;
  margin:38px auto 0;line-height:1.78;font-weight:400;letter-spacing:0.02em;
  animation:fadeUp 0.9s ease-out 0.55s both;
}
.hero-scroll{
  position:absolute;bottom:32px;left:50%;transform:translateX(-50%);
  z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;
  font-family:var(--mono);font-size:13px;letter-spacing:0.28em;color:var(--bright);text-transform:uppercase;
  animation:fadeIn 2s ease-out 1.2s both;pointer-events:none;
}
.hero-scroll-line{
  width:1.5px;height:68px;transform-origin:top center;
  background:linear-gradient(to bottom,var(--btc),var(--eth),transparent);
  animation:breathe 2.4s ease-in-out infinite;
  will-change:transform,opacity;
}

/* ═══════════════════════════════════════
   PRICE BAND
═══════════════════════════════════════ */
.price-band{position:relative;overflow:hidden;border-bottom:1px solid var(--border);padding:88px 48px;}
.price-band-bg{
  position:absolute;inset:0;
  background:radial-gradient(ellipse at 22% 60%,rgba(230,179,77,0.16) 0%,transparent 52%),
    radial-gradient(ellipse at 80% 40%,rgba(98,126,234,0.13) 0%,transparent 50%),var(--bg2);
  animation:bloomBTC 22s ease-in-out infinite;
}
.price-band-line{
  position:absolute;top:0;left:0;right:0;height:1.5px;
  background:linear-gradient(90deg,transparent 0%,var(--btc) 30%,var(--btc2) 50%,var(--eth2) 70%,transparent 100%);
  opacity:0.9;
}
.pb-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:center;position:relative;z-index:1;}
.pb-label{font-family:var(--mono);font-size:14px;letter-spacing:0.22em;color:var(--bright);text-transform:uppercase;margin-bottom:12px;}
.pb-strike{font-family:var(--mono);font-size:14px;color:var(--dim);text-decoration:line-through;letter-spacing:0.1em;margin-bottom:8px;}
.pb-price{
  font-family:var(--condensed);font-weight:900;
  font-size:clamp(78px,10vw,122px);
  letter-spacing:0.03em;/* ← slight spacing only */
  line-height:1;color:var(--white);
  text-shadow:0 0 80px rgba(230,179,77,0.35),0 4px 0 rgba(0,0,0,0.4);
}
.pb-sub{font-family:var(--mono);font-size:14px;color:var(--bright);letter-spacing:0.16em;margin-top:14px;text-transform:uppercase;}
.pb-divider{width:1px;height:140px;background:linear-gradient(to bottom,transparent,var(--border-hi),transparent);margin:0 72px;}
.pb-right{text-align:right;}
.pb-eth-price{
  font-family:var(--condensed);font-weight:900;
  font-size:clamp(78px,10vw,122px);letter-spacing:0.03em;line-height:1;
  color:var(--near-white);
  text-shadow:0 0 80px rgba(112,144,240,0.25),0 4px 0 rgba(0,0,0,0.4);
}
.pb-save{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--mono);font-size:13px;letter-spacing:0.2em;text-transform:uppercase;
  border:1.5px solid rgba(230,179,77,0.6);padding:9px 18px;
  color:var(--btc2);margin-top:14px;
  background:rgba(230,179,77,0.1);
  transition:0.35s;transition-property:var(--tcw-tp);cursor:default;position:relative;overflow:hidden;
}
.pb-save::before{content:'';position:absolute;inset:0;background:rgba(230,179,77,0.15);opacity:0;transition:opacity 0.3s;}
.pb-save:hover{border-color:var(--btc);color:var(--white);transform:translateY(-3px) scale(1.04);box-shadow:0 8px 32px rgba(230,179,77,0.35);}
.pb-save:hover::before{opacity:1;}
.pb-ctas{grid-column:1/-1;display:flex;gap:18px;justify-content:center;margin-top:56px;flex-wrap:wrap;}

/* ═══════════════════════════════════════
   BUTTONS — EXPLOSIVE HOVER
═══════════════════════════════════════ */
/* ── UNIFIED BODY CTA BUTTONS ── */

/* ── Tier badges on price band ── */
.pb-tier-badge{
  display:inline-block;
  font-family:var(--mono);font-size:9px;letter-spacing:0.28em;text-transform:uppercase;
  padding:3px 10px;border-radius:2px;margin-bottom:10px;
}
.pb-tier-entry{
  color:#90b4f8;background:rgba(144,180,248,0.1);border:1px solid rgba(144,180,248,0.28);
}
.pb-tier-advanced{
  color:var(--btc2);background:rgba(230,179,77,0.1);border:1px solid rgba(230,179,77,0.28);
}
/* ── Foundation highlight note ── */
.pb-foundation-note{
  font-family:var(--mono);font-size:11px;letter-spacing:0.1em;
  color:rgba(144,180,248,0.7);margin-top:6px;margin-bottom:14px;
}

.btn-a{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  background:var(--white);color:var(--bg);
  padding:18px 40px;min-height:58px;
  font-family:var(--mono);font-size:16px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;
  border:1.5px solid var(--white);text-decoration:none;cursor:pointer;
  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);
  margin-top:auto;width:100%;
}
.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;
  animation:shimmerBTC 2.5s linear infinite paused;
}
.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),0 0 140px rgba(230,179,77,0.28);
}
.btn-a:hover::before{opacity:1;animation-play-state:running;}
.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);}

.btn-b{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  background:transparent;color:var(--bright);
  padding:18px 40px;min-height:58px;
  font-family:var(--mono);font-size:16px;letter-spacing:0.12em;text-transform:uppercase;
  border:1.5px solid var(--border-hi);text-decoration:none;cursor:pointer;
  transition:0.3s ease;transition-property:var(--tcw-tp);
  position:relative;overflow:hidden;
  margin-top:auto;width:100%;
}
.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),0 0 0 2px rgba(200,220,255,0.45),0 0 120px rgba(112,144,240,0.22);
}
.btn-b:hover::before{opacity:1;}
.btn-b span,.btn-b .btn-arrow{position:relative;z-index:1;}
.btn-b .btn-arrow{font-size:20px;transition:transform 0.35s;}
.btn-b:hover .btn-arrow{transform:translateX(10px);}

/* ═══════════════════════════════════════
   MARQUEE STRIP — VIBRANT
═══════════════════════════════════════ */
.marquee-strip{
  overflow:hidden;
  border-top:2px solid rgba(230,179,77,0.45);
  border-bottom:2px solid rgba(112,144,240,0.45);
  padding:0;
  background:linear-gradient(90deg,rgba(2,2,4,1) 0%,rgba(230,179,77,0.1) 20%,rgba(112,144,240,0.1) 80%,rgba(2,2,4,1) 100%);
  position:relative;
  box-shadow:0 0 40px rgba(230,179,77,0.08);
}
.marquee-strip::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(2,2,4,0.9) 0%,transparent 7%,transparent 93%,rgba(2,2,4,0.9) 100%);
  z-index:2;pointer-events:none;
}
.marquee-inner{display:flex;animation:marqLeft 16s linear infinite;white-space:nowrap;padding:26px 0;position:relative;z-index:1;will-change:transform;}
.mq-item{
  font-family:var(--condensed);font-weight:800;
  font-size:24px;letter-spacing:0.14em;padding:0 44px;text-transform:uppercase;
  background:linear-gradient(90deg,var(--btc2),var(--near-white),var(--eth2),var(--near-white),var(--btc2));
  background-size:300% auto;
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  animation:shimmerBTC 5s linear infinite;
}
.mq-sep{
  font-size:18px;padding:0 6px;
  color:var(--btc2);-webkit-text-fill-color:var(--btc2);
  opacity:1;align-self:center;
  text-shadow:0 0 12px rgba(247,200,77,0.6);
}

/* ═══════════════════════════════════════
   PRODUCTS SCENE — CANVAS WALLPAPERS
═══════════════════════════════════════ */
.products-scene{position:relative;min-height:100vh;overflow:hidden;display:flex;align-items:stretch;}
.ps-left{position:relative;flex:1;overflow:hidden;min-height:100vh;}
.ps-right{position:relative;flex:1;overflow:hidden;min-height:100vh;}

/* Canvas fills each side */
.ps-canvas{position:absolute;inset:0;width:100%;height:100%;}

/* Layered bloom orbs ON TOP of canvas */
.ps-bloom{
  position:absolute;inset:0;z-index:1;pointer-events:none;
}
/* BTC bloom */
.ps-left .ps-bloom{
  background:
    radial-gradient(ellipse at 38% 35%,rgba(255,220,80,0.85) 0%,rgba(230,179,77,0.65) 16%,rgba(210,90,10,0.32) 36%,rgba(130,45,5,0.1) 58%,transparent 72%),
    radial-gradient(ellipse at 72% 65%,rgba(247,100,0,0.35) 0%,rgba(200,60,0,0.14) 38%,transparent 60%);
  animation:bloomBTC 14s ease-in-out infinite;
}
/* ETH bloom */
.ps-right .ps-bloom{
  background:
    radial-gradient(ellipse at 62% 33%,rgba(175,100,255,0.78) 0%,rgba(130,55,220,0.52) 16%,rgba(75,18,165,0.26) 36%,rgba(30,5,80,0.08) 58%,transparent 72%),
    radial-gradient(ellipse at 28% 68%,rgba(140,80,240,0.3) 0%,rgba(90,55,190,0.12) 40%,transparent 62%);
  animation:bloomETH 17s ease-in-out infinite;
}
.ps-grid{
  position:absolute;inset:0;z-index:2;pointer-events:none;
}
.ps-left .ps-grid{
  background-image:linear-gradient(rgba(230,179,77,0.07) 1px,transparent 1px),linear-gradient(90deg,rgba(230,179,77,0.07) 1px,transparent 1px);
  background-size:52px 52px;
}
.ps-right .ps-grid{
  background-image:linear-gradient(rgba(130,55,220,0.07) 1px,transparent 1px),linear-gradient(90deg,rgba(130,55,220,0.07) 1px,transparent 1px);
  background-size:52px 52px;
}
.ps-vign{
  position:absolute;inset:0;z-index:3;pointer-events:none;
}
.ps-left .ps-vign{
  background:
    linear-gradient(90deg,rgba(3,3,5,0.4) 0%,transparent 22%,transparent 62%,rgba(3,3,5,0.88) 100%),
    linear-gradient(0deg,rgba(3,3,5,0.65) 0%,transparent 14%,transparent 86%,rgba(3,3,5,0.65) 100%);
}
.ps-right .ps-vign{
  background:
    linear-gradient(90deg,rgba(3,3,5,0.88) 0%,transparent 22%,transparent 62%,rgba(3,3,5,0.4) 100%),
    linear-gradient(0deg,rgba(3,3,5,0.65) 0%,transparent 14%,transparent 86%,rgba(3,3,5,0.65) 100%);
}
.ps-divider{
  position:absolute;top:0;bottom:0;left:50%;width:1.5px;
  background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,0.08) 10%,rgba(255,255,255,0.35) 40%,rgba(255,255,255,0.55) 50%,rgba(255,255,255,0.35) 60%,rgba(255,255,255,0.08) 90%,transparent 100%);
  z-index:10;
}
.ps-content{
  position:relative;z-index:5;
  display:flex;flex-direction:column;justify-content:center;
  padding:96px 64px;height:100%;
}
/* Asset badge tags */
.ps-tag{
  display:inline-flex;align-items:center;gap:12px;
  font-family:var(--mono);font-size:13px;letter-spacing:0.26em;text-transform:uppercase;
  padding:10px 20px;margin-bottom:36px;width:fit-content;
  transition:0.4s cubic-bezier(0.25,0.46,0.45,0.94);transition-property:var(--tcw-tp);
  cursor:default;position:relative;overflow:hidden;
}
.ps-tag::before{content:'';position:absolute;inset:0;opacity:0;transition:opacity 0.35s;}
.ps-tag.btc-tag{
  color:var(--btc2);
  border:1.5px solid rgba(230,179,77,0.6);
  background:rgba(230,179,77,0.12);
}
.ps-tag.btc-tag::before{background:radial-gradient(ellipse at 50% 50%,rgba(230,179,77,0.25),transparent);}
.ps-tag.eth-tag{
  color:var(--eth2);
  border:1.5px solid rgba(98,126,234,0.6);
  background:rgba(98,126,234,0.12);
}
.ps-tag.eth-tag::before{background:radial-gradient(ellipse at 50% 50%,rgba(98,126,234,0.25),transparent);}
.ps-tag:hover{transform:translateY(-6px) scale(1.06);}
.ps-tag:hover::before{opacity:1;}
.ps-tag.btc-tag:hover{
  border-color:var(--btc2);color:var(--white);
  box-shadow:0 16px 50px rgba(230,179,77,0.55),0 0 0 2px rgba(230,179,77,0.4),0 0 80px rgba(230,179,77,0.2);
  background:rgba(230,179,77,0.25);
  animation:glowPulse 1.5s ease-in-out infinite;
}
.ps-tag.eth-tag:hover{
  border-color:var(--eth2);color:var(--white);
  box-shadow:0 16px 50px rgba(112,144,240,0.55),0 0 0 2px rgba(112,144,240,0.4),0 0 80px rgba(112,144,240,0.2);
  background:rgba(112,144,240,0.25);
  animation:glowPulseETH 1.5s ease-in-out infinite;
}
.ps-tagnum{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;border:1.5px solid currentColor;border-radius:50%;position:relative;z-index:1;}
.ps-tagtext{position:relative;z-index:1;}

.ps-items{display:flex;flex-direction:column;gap:22px;}
.ps-item{
  padding:30px;
  border:1px solid rgba(255,255,255,0.1);
  background:rgba(3,3,5,0.58);
  backdrop-filter:blur(12px);
  transition:0.38s cubic-bezier(0.25,0.46,0.45,0.94);transition-property:var(--tcw-tp);
  position:relative;overflow:hidden;cursor:default;
}
.ps-item::before{content:'';position:absolute;inset:0;opacity:0;transition:opacity 0.38s;}
.ps-item.btc-item::before{background:linear-gradient(135deg,rgba(230,179,77,0.1),rgba(230,179,77,0.03));}
.ps-item.eth-item::before{background:linear-gradient(135deg,rgba(98,126,234,0.1),rgba(98,126,234,0.03));}
.ps-item:hover{transform:translateY(-6px);background:rgba(3,3,5,0.78);}
.ps-item:hover::before{opacity:1;}
.ps-item.btc-item:hover{border-color:rgba(230,179,77,0.55);box-shadow:0 24px 70px rgba(230,179,77,0.2),0 6px 20px rgba(230,179,77,0.15);}
.ps-item.eth-item:hover{border-color:rgba(98,126,234,0.55);box-shadow:0 24px 70px rgba(98,126,234,0.2),0 6px 20px rgba(98,126,234,0.15);}
.pi-name{font-family:var(--condensed);font-weight:700;font-size:24px;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:12px;color:var(--white);position:relative;z-index:1;}
.pi-desc{font-size:16px;color:var(--near-white);line-height:1.76;font-weight:300;margin-bottom:14px;position:relative;z-index:1;}
.pi-price{font-family:var(--mono);font-size:14px;letter-spacing:0.2em;color:var(--silver);text-transform:uppercase;position:relative;z-index:1;}
.pi-demo{
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--mono);font-size:12px;letter-spacing:0.16em;
  text-transform:uppercase;color:var(--bright);text-decoration:none;
  border-bottom:1px solid var(--border-hi);padding-bottom:2px;margin-left:16px;
  transition:0.28s;transition-property:var(--tcw-tp);position:relative;z-index:1;
}
.pi-demo:hover{color:var(--white);border-bottom-width:2px;}
.btc-item .pi-demo:hover{color:var(--btc2);border-bottom-color:var(--btc2);}
.eth-item .pi-demo:hover{color:var(--eth2);border-bottom-color:var(--eth2);}

/* ═══════════════════════════════════════
   BONUS
═══════════════════════════════════════ */
.bonus-band{position:relative;overflow:hidden;border-top:1px solid var(--border);padding:72px 48px;}
.bonus-band-bg{
  position:absolute;inset:0;
  background:radial-gradient(ellipse at 12% 50%,rgba(230,179,77,0.12) 0%,transparent 48%),
    radial-gradient(ellipse at 88% 50%,rgba(98,126,234,0.1) 0%,transparent 48%),var(--bg2);
  animation:bloomETH 28s ease-in-out infinite;
}
.bonus-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:48px;flex-wrap:wrap;position:relative;z-index:1;}
.bonus-label{font-family:var(--mono);font-size:14px;letter-spacing:0.26em;color:var(--bright);text-transform:uppercase;margin-bottom:14px;}
.bonus-title{font-family:var(--condensed);font-weight:700;font-size:clamp(26px,3.5vw,38px);text-transform:uppercase;letter-spacing:0.04em;margin-bottom:14px;color:var(--white);}
.bonus-desc{font-size:17px;color:var(--bright);line-height:1.80;font-weight:300;max-width:560px;}
.bonus-badge{
  font-family:var(--condensed);font-weight:600;font-style:italic;
  font-size:28px;
  letter-spacing:0.08em;
  white-space:nowrap;flex-shrink:0;
  padding:18px 38px;
  color:var(--btc2);
  border:1.5px solid rgba(230,179,77,0.65);
  background:rgba(230,179,77,0.1);
  transition:0.4s cubic-bezier(0.25,0.46,0.45,0.94);transition-property:var(--tcw-tp);
  cursor:default;
  position:relative;overflow:hidden;
}
.bonus-badge::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 50%,rgba(230,179,77,0.25),transparent 70%);
  opacity:0;transition:opacity 0.35s;
}
.bonus-badge:hover{
  color:var(--white);
  border-color:var(--btc2);
  background:rgba(230,179,77,0.22);
  transform:translateY(-6px) scale(1.05);
  box-shadow:0 16px 50px rgba(230,179,77,0.5),0 0 0 2px rgba(255,200,77,0.35),0 0 80px rgba(230,179,77,0.2);
  animation:glowPulse 1.8s ease-in-out infinite;
}
.bonus-badge:hover::before{opacity:1;}

/* ═══════════════════════════════════════
   SECTION BASE
═══════════════════════════════════════ */
.section{position:relative;overflow:hidden;border-bottom:1px solid var(--border);}
.section-inner{max-width:1200px;margin:0 auto;padding:112px 48px;}
.sec-eyebrow{
  display:flex;align-items:center;gap:16px;
  font-family:var(--mono);font-size:14px;letter-spacing:0.26em;
  color:var(--bright);text-transform:uppercase;margin-bottom:56px;
}
.sec-num{
  font-size:15px;
  background:linear-gradient(90deg,var(--btc),var(--eth));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.sec-eyebrow::after{content:'';flex:1;max-width:64px;height:1px;background:linear-gradient(90deg,var(--border-hi),transparent);}
h2.st{
  font-family:var(--condensed);font-weight:900;text-transform:uppercase;
  font-size:clamp(48px,7vw,86px);line-height:0.94;letter-spacing:-0.01em;margin-bottom:28px;
  color:var(--white);
}
h2.st .light{font-weight:200;font-style:italic;color:var(--near-white);}
.sec-body{font-size:18px;color:var(--bright);line-height:1.84;font-weight:300;max-width:640px;}

/* ═══════════════════════════════════════
   VALUE TABLE
═══════════════════════════════════════ */
.vtable-section{position:relative;overflow:hidden;}
.vtable-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0.9;pointer-events:none;}
.vtable-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,6,14,0.82) 0%,rgba(6,6,14,0.68) 50%,rgba(6,6,14,0.84) 100%);pointer-events:none;}
.vtable-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);background-size:44px 44px;}
.vtable{border:1px solid rgba(255,255,255,0.22);margin-top:56px;position:relative;z-index:2;overflow:hidden;}
.vt-head{display:grid;grid-template-columns:1fr 140px 140px;padding:18px 28px;background:rgba(255,255,255,0.07);border-bottom:1px solid rgba(255,255,255,0.18);}
.vt-hc{font-family:var(--mono);font-size:14px;letter-spacing:0.22em;color:#f0ece5;text-transform:uppercase;}
.vt-hc:not(:first-child){text-align:right;}
.vt-row{display:grid;grid-template-columns:1fr 140px 140px;padding:22px 28px;border-bottom:1px solid rgba(255,255,255,0.08);align-items:center;transition:background 0.25s,padding-left 0.25s;background:rgba(6,6,14,0.85);}
.vt-row:last-child{border-bottom:none;}
.vt-row:hover{background:rgba(230,179,77,0.06);padding-left:36px;}
.vt-name{font-family:var(--condensed);font-weight:600;font-size:19px;text-transform:uppercase;letter-spacing:0.05em;color:#ffffff;}
.vt-name small{display:block;font-family:var(--mono);font-size:13px;color:#b8b4ae;margin-top:4px;letter-spacing:0.12em;text-transform:uppercase;font-weight:400;}
.vt-orig{text-align:right;font-family:var(--mono);font-size:15px;color:#a8a4a0;}
.vt-stat{text-align:right;font-family:var(--mono);font-size:14px;letter-spacing:0.14em;color:var(--btc2);text-transform:uppercase;text-shadow:0 0 20px rgba(247,200,77,0.6);}
.vt-total{display:grid;grid-template-columns:1fr 140px 140px;padding:24px 28px;align-items:center;background:linear-gradient(90deg,rgba(230,179,77,0.14),rgba(112,144,240,0.10));border-top:1.5px solid rgba(255,255,255,0.22);}
.vt-tlbl{font-family:var(--mono);font-size:14px;letter-spacing:0.22em;color:#f0ece5;text-transform:uppercase;}
.vt-tstr{text-align:right;font-family:var(--mono);font-size:16px;color:#a8a4a0;text-decoration:line-through;}
.vt-tprice{text-align:right;font-family:var(--condensed);font-weight:900;font-size:34px;color:var(--white);letter-spacing:0.06em;text-shadow:0 0 30px rgba(255,255,255,0.3);}

/* ═══════════════════════════════════════
   WHY CARDS
═══════════════════════════════════════ */
.why-scene{position:relative;overflow:hidden;}
.why-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0.85;pointer-events:none;}
.why-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,6,14,0.80) 0%,rgba(6,6,14,0.65) 50%,rgba(6,6,14,0.82) 100%);pointer-events:none;}
.why-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.025) 1px,transparent 1px);background-size:58px 58px;}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,0.18);border-left:1px solid rgba(255,255,255,0.18);margin-top:68px;position:relative;z-index:2;}
.why-card{
  padding:48px 38px;
  background:rgba(6,6,14,0.88);
  border-right:1px solid rgba(255,255,255,0.18);border-bottom:1px solid rgba(255,255,255,0.18);
  transition:0.4s cubic-bezier(0.25,0.46,0.45,0.94);transition-property:var(--tcw-tp);
  position:relative;overflow:hidden;cursor:default;
}
.why-card::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 0% 0%,rgba(230,179,77,0.18) 0%,transparent 60%);
  opacity:0;transition:opacity 0.4s;
}
.why-card::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--btc),var(--eth));
  transform:scaleX(0);transform-origin:left;transition:transform 0.4s;opacity:0.8;
}
.why-card:hover::before{opacity:1;}
.why-card:hover::after{transform:scaleX(1);}
.why-card:hover{
  background:rgba(255,255,255,0.06);transform:translateY(-6px);
  border-color:rgba(255,255,255,0.32);box-shadow:0 24px 70px rgba(0,0,0,0.6);
}
.wc-num{
  font-family:var(--mono);font-size:13px;letter-spacing:0.24em;
  margin-bottom:24px;text-transform:uppercase;
  background:linear-gradient(90deg,var(--btc2),var(--eth2));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  display:inline-block;transition:letter-spacing 0.3s;
}
.why-card:hover .wc-num{letter-spacing:0.32em;}
.wc-title{font-family:var(--condensed);font-weight:700;font-size:26px;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:14px;color:#ffffff;}
.wc-body{font-size:17px;color:#ede9e2;line-height:1.82;font-weight:300;}

/* ═══════════════════════════════════════
   COMPARISON
═══════════════════════════════════════ */
.cmp-wrap{overflow-x:auto;margin-top:56px;}
.cmp-table{width:100%;border-collapse:collapse;border:1.5px solid rgba(255,255,255,0.22);}
.cmp-table th{padding:18px 22px;text-align:left;font-family:var(--mono);font-size:14px;letter-spacing:0.22em;color:#f0ece5;text-transform:uppercase;font-weight:400;background:rgba(255,255,255,0.07);border-bottom:1.5px solid rgba(255,255,255,0.2);}
.cmp-table th.hl{color:#ffffff;background:rgba(230,179,77,0.15);border-bottom-color:rgba(230,179,77,0.5);}
.cmp-table td{padding:16px 22px;font-family:var(--condensed);font-size:18px;text-transform:uppercase;letter-spacing:0.05em;border-bottom:1px solid rgba(255,255,255,0.07);color:#b8b4ae;transition:background 0.2s,padding-left 0.2s;}
.cmp-table tbody tr:hover td{background:rgba(255,255,255,0.05);padding-left:28px;}
.cmp-table .cy{color:#ede9e2;}
.cmp-table .cn{color:#9e9a96;}
.cmp-table .cs{color:#ffffff;font-weight:600;text-shadow:0 0 24px rgba(255,255,255,0.3);}
.cmp-table .hl{background:rgba(230,179,77,0.07);}
.cmp-table tbody tr:hover td.hl{background:rgba(230,179,77,0.14);}

/* ═══════════════════════════════════════
   FAQ
═══════════════════════════════════════ */
.faq-list{margin-top:56px;}
.faq-item{border-bottom:1px solid rgba(255,255,255,0.1);transition:border-color 0.3s;}
.faq-item.open{border-color:rgba(230,179,77,0.5);}
.faq-q{
  padding:26px 0;cursor:pointer;
  display:flex;justify-content:space-between;align-items:center;gap:24px;
  font-family:var(--condensed);font-size:23px;text-transform:uppercase;letter-spacing:0.07em;
  color:#e4e0da;transition:0.28s;transition-property:var(--tcw-tp);user-select:none;
}
.faq-q:hover{color:#ffffff;padding-left:12px;}
.faq-arr{
  font-size:20px;color:#e4e0da;flex-shrink:0;
  width:36px;height:36px;display:flex;align-items:center;justify-content:center;
  border:1.5px solid rgba(255,255,255,0.22);font-family:var(--mono);font-weight:700;
  transition:0.4s cubic-bezier(0.34,1.56,0.64,1);transition-property:var(--tcw-tp);
}
.faq-q:hover .faq-arr{
  border-color:var(--btc2);color:var(--btc2);
  background:rgba(230,179,77,0.18);transform:scale(1.2);
  box-shadow:0 0 24px rgba(230,179,77,0.5);
}
.faq-item.open .faq-arr{
  transform:rotate(45deg) scale(1.2);color:var(--btc2);border-color:var(--btc);
  background:rgba(230,179,77,0.25);
  box-shadow:0 0 30px rgba(230,179,77,0.6),0 0 60px rgba(230,179,77,0.25);
}
.faq-item.open .faq-q{color:#ffffff;}
.faq-a{display:none;padding:6px 0 28px;font-size:18px;color:#ede9e2;line-height:1.86;font-weight:300;max-width:840px;}
.faq-item.open .faq-a{display:block;animation:fadeUp 0.35s ease-out;}

/* ═══════════════════════════════════════
   CTA BOTTOM
═══════════════════════════════════════ */
.cta-scene{position:relative;overflow:hidden;min-height:88vh;display:flex;align-items:center;justify-content:center;text-align:center;}
.cta-orb-btc{position:absolute;width:1000px;height:1000px;top:50%;left:22%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at 50% 50%,rgba(255,190,56,0.75) 0%,rgba(230,179,77,0.45) 18%,rgba(210,85,10,0.2) 40%,transparent 60%);border-radius:50%;filter:blur(2px);animation:bloomBTC 16s ease-in-out infinite;z-index:0;will-change:transform;}
.cta-orb-eth{position:absolute;width:900px;height:900px;top:50%;right:8%;transform:translate(50%,-50%);background:radial-gradient(ellipse at 50% 50%,rgba(180,205,255,0.65) 0%,rgba(98,126,234,0.38) 20%,rgba(60,80,200,0.16) 44%,transparent 62%);border-radius:50%;filter:blur(3px);animation:bloomETH 20s ease-in-out infinite 3s;z-index:0;will-change:transform;}
.cta-bg-grid{position:absolute;inset:0;z-index:1;background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(ellipse at 50% 50%,black 22%,transparent 68%);}
.cta-vign{position:absolute;inset:0;z-index:2;background:radial-gradient(ellipse at 50% 50%,transparent 32%,rgba(3,3,5,0.52) 68%,rgba(3,3,5,1) 100%);}
.cta-scan{position:absolute;left:0;right:0;height:2px;z-index:3;top:-4px;will-change:transform;background:linear-gradient(90deg,transparent,var(--btc),var(--btc2),var(--eth2),transparent);animation:scanDown 7s linear infinite;opacity:0.6;box-shadow:0 0 10px rgba(230,179,77,0.4);}
.cta-inner{position:relative;z-index:5;max-width:880px;padding:96px 48px;}
.cta-label{font-family:var(--mono);font-size:14px;letter-spacing:0.3em;color:var(--near-white);text-transform:uppercase;margin-bottom:44px;}
.cta-h2{font-family:var(--condensed);font-weight:900;text-transform:uppercase;font-size:clamp(62px,10vw,120px);line-height:0.92;letter-spacing:-0.01em;margin-bottom:28px;}
.cta-h2 .dim{font-weight:200;font-style:italic;color:var(--near-white);}
.cta-sub{font-size:19px;color:var(--bright);line-height:1.82;font-weight:300;margin-bottom:68px;}
.cta-prices{display:flex;align-items:baseline;justify-content:center;gap:44px;margin-bottom:60px;flex-wrap:wrap;}
.cta-big{
  font-family:var(--condensed);font-weight:900;
  font-size:clamp(82px,13.5vw,132px);
  letter-spacing:0.03em;/* ← slight spacing only */
  line-height:1;color:var(--white);
  text-shadow:0 0 80px rgba(230,179,77,0.6),0 0 160px rgba(230,179,77,0.25),0 4px 0 rgba(0,0,0,0.4);
}
.cta-eth-wrap{text-align:left;align-self:flex-end;padding-bottom:18px;}
.cta-eth{font-family:var(--condensed);font-weight:300;font-style:italic;font-size:clamp(32px,4.5vw,48px);color:var(--bright);}
.cta-save{
  font-family:var(--mono);font-size:13px;letter-spacing:0.22em;
  color:var(--btc2);text-transform:uppercase;display:inline-block;margin-top:8px;
  border:1.5px solid rgba(230,179,77,0.65);padding:7px 16px;
  background:rgba(230,179,77,0.14);
  transition:0.3s;transition-property:var(--tcw-tp);cursor:default;
}
.cta-save:hover{background:rgba(230,179,77,0.28);border-color:var(--btc2);color:var(--white);transform:scale(1.05);}
.cta-btns{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;}
.cta-note{font-family:var(--mono);font-size:14px;color:var(--bright);letter-spacing:0.1em;margin-top:36px;line-height:1.80;text-transform:uppercase;}
.cta-note a{color:var(--near-white);text-decoration:underline;transition:color 0.2s;}
.cta-note a:hover{color:var(--white);}

/* ═══════════════════════════════════════
   FOOTER MARQUEE — VIBRANT
═══════════════════════════════════════ */
.footer-marq{
  overflow:hidden;
  border-top:2px solid rgba(230,179,77,0.35);
  border-bottom:2px solid rgba(112,144,240,0.35);
  padding:0;
  background:linear-gradient(90deg,rgba(2,2,4,1) 0%,rgba(230,179,77,0.09) 30%,rgba(112,144,240,0.09) 70%,rgba(2,2,4,1) 100%);
  position:relative;
}
.footer-marq::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,2,4,0.95) 0%,transparent 6%,transparent 94%,rgba(2,2,4,0.95) 100%);z-index:2;pointer-events:none;}
.footer-marq-inner{display:flex;animation:marqLeft 13s linear infinite;white-space:nowrap;padding:30px 0;position:relative;z-index:1;}
.fm-item{
  font-family:var(--condensed);font-weight:900;text-transform:uppercase;
  font-size:36px;letter-spacing:0.16em;padding:0 80px;
  background:linear-gradient(90deg,var(--near-white),var(--btc2),var(--near-white),var(--eth2),var(--near-white));
  background-size:400% auto;
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  animation:shimmerBTC 7s linear infinite;
}
.fm-sep{
  font-size:26px;padding:0 14px;color:var(--btc2);
  -webkit-text-fill-color:var(--btc2);
  opacity:1;align-self:center;
  text-shadow:0 0 16px rgba(247,200,77,0.7);
}
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);}

/* ═══════════════════════════════════════
   MODAL
═══════════════════════════════════════ */
.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(3,3,5,0.97);z-index:9999;align-items:center;justify-content:center;padding:20px;}
.modal-overlay.open{display:flex;align-items:center;justify-content:center;}
.modal-box{background:var(--bg2);border:1px solid var(--border-hi);max-width:640px;width:100%;max-height:90vh;overflow-y:auto;position:relative;}
.modal-box::before{content:'';position:absolute;top:0;left:0;right:0;height:2.5px;background:linear-gradient(90deg,var(--btc),var(--btc2),var(--eth2),var(--eth));animation:borderFlow 3s ease infinite;}
.modal-close-btn{position:absolute;top:22px;right:24px;background:transparent;border:1.5px solid var(--border-hi);color:var(--bright);font-size:18px;cursor:pointer;width:34px;height:34px;display:flex;align-items:center;justify-content:center;transition:0.3s;transition-property:var(--tcw-tp);z-index:2;font-family:var(--mono);}
.modal-close-btn:hover{color:var(--white);border-color:var(--btc);transform:rotate(90deg) scale(1.1);background:rgba(230,179,77,0.1);}
.modal-hd{padding:52px 52px 32px;border-bottom:1px solid var(--border);}
.modal-lbl{font-family:var(--mono);font-size:13px;letter-spacing:0.26em;color:var(--near-white);text-transform:uppercase;margin-bottom:20px;}
.modal-ttl{font-family:var(--condensed);font-weight:900;text-transform:uppercase;font-size:clamp(24px,4vw,34px);line-height:1.1;margin-bottom:22px;letter-spacing:0.04em;color:var(--white);}
.modal-price-row{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap;}
.modal-big-price{font-family:var(--condensed);font-weight:900;font-size:58px;color:var(--white);letter-spacing:0.06em;}
.modal-eth-price{font-family:var(--condensed);font-weight:300;font-style:italic;font-size:26px;color:var(--near-white);}
.modal-inc{padding:28px 52px;border-bottom:1px solid var(--border);}
.m-sec-lbl{font-family:var(--mono);font-size:12px;letter-spacing:0.26em;color:var(--bright);text-transform:uppercase;margin-bottom:16px;}
.m-item{display:flex;align-items:flex-start;gap:14px;padding:11px 0;font-size:16px;color:var(--bright);border-bottom:1px solid var(--border);transition:0.22s;transition-property:var(--tcw-tp);}
.m-item:last-child{border-bottom:none;}
.m-item:hover{color:var(--white);padding-left:8px;}
.m-chk{color:var(--btc2);font-size:14px;flex-shrink:0;margin-top:2px;font-family:var(--mono);}
.m-item strong{color:var(--white);font-family:var(--condensed);font-weight:700;font-size:18px;text-transform:uppercase;letter-spacing:0.06em;}
.m-standalone{font-family:var(--mono);font-size:12px;color:var(--silver);margin-left:8px;}
.m-save-bar{margin-top:18px;border:1.5px solid rgba(230,179,77,0.45);padding:13px 18px;font-family:var(--mono);font-size:13px;color:var(--btc2);letter-spacing:0.16em;text-align:center;text-transform:uppercase;background:rgba(230,179,77,0.07);}
.modal-pay{padding:28px 52px;}
.pay-tabs{display:flex;margin-bottom:26px;border:1.5px solid var(--border-hi);}
.ptab{flex:1;padding:14px;background:transparent;border:none;border-right:1.5px solid var(--border-hi);font-family:var(--mono);font-size:13px;letter-spacing:0.18em;color:var(--silver);cursor:pointer;transition:0.28s;transition-property:var(--tcw-tp);text-transform:uppercase;}
.ptab:last-child{border-right:none;}
.ptab.active{background:rgba(255,255,255,0.06);color:var(--white);}
.ptab:hover:not(.active){color:var(--bright);background:rgba(255,255,255,0.03);}
.ppanel.hidden{display:none;}
.pay-desc-txt{font-size:16px;color:var(--bright);margin-bottom:22px;line-height:1.76;font-weight:300;}
.pay-card-btn{display:block;text-align:center;background:var(--white);color:var(--bg);padding:18px 26px;font-family:var(--condensed);font-size:18px;font-weight:800;letter-spacing:0.22em;text-transform:uppercase;text-decoration:none;transition:0.35s;transition-property:var(--tcw-tp);position:relative;overflow:hidden;}
.pay-card-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--btc),var(--btc2),var(--btc));background-size:200%;opacity:0;transition:opacity 0.3s;animation:shimmerBTC 2s linear infinite paused;}
.pay-card-btn:hover{transform:translateY(-3px);box-shadow:0 16px 48px rgba(230,179,77,0.45);}
.pay-card-btn:hover::before{opacity:1;animation-play-state:running;}
.pay-card-btn span{position:relative;z-index:1;}
.pay-note-sm{font-family:var(--mono);font-size:12px;color:var(--silver);margin-top:12px;text-align:center;line-height:1.7;letter-spacing:0.1em;text-transform:uppercase;}
.eth-disc-tag{border:1.5px solid rgba(98,126,234,0.5);padding:12px 18px;font-family:var(--mono);font-size:13px;color:var(--eth2);text-align:center;margin-bottom:20px;letter-spacing:0.16em;text-transform:uppercase;background:rgba(98,126,234,0.07);}
.eth-steps-list{display:flex;flex-direction:column;gap:14px;margin-bottom:24px;}
.eth-step-row{display:flex;align-items:flex-start;gap:16px;font-size:16px;color:var(--bright);transition:color 0.2s;}
.step-num{border:1.5px solid var(--border-hi);color:var(--bright);width:26px;height:26px;min-width:26px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12px;flex-shrink:0;transition:0.25s;transition-property:var(--tcw-tp);}
.eth-step-row:hover .step-num{border-color:var(--btc);color:var(--btc);background:rgba(230,179,77,0.1);}
.eth-step-row:hover{color:var(--white);}
.eth-step-row strong{color:var(--white);font-family:var(--condensed);font-weight:700;font-size:17px;text-transform:uppercase;}
.wallet-gate{border:1.5px solid var(--border-hi);padding:24px;background:rgba(3,3,5,0.6);}
.wallet-blurred-row{font-family:var(--mono);font-size:14px;border:1px solid var(--border);padding:14px 18px;text-align:center;filter:blur(5px);user-select:none;pointer-events:none;color:var(--bright);margin-bottom:16px;transition:filter 0.5s;letter-spacing:0.1em;}
.agree-check-row{display:flex;align-items:flex-start;gap:10px;font-size:15px;color:var(--bright);}
.agree-check-row input[type="checkbox"]{accent-color:var(--btc);margin-top:2px;flex-shrink:0;width:15px;height:15px;}
.agree-check-row a{color:var(--near-white);transition:color 0.2s;}
.agree-check-row a:hover{color:var(--btc2);}
.wallet-revealed-section{display:none;}
.wallet-rev-lbl{font-family:var(--mono);font-size:12px;letter-spacing:0.22em;color:var(--bright);text-transform:uppercase;margin-bottom:12px;}
.wallet-addr-box{display:flex;align-items:center;gap:12px;border:1.5px solid var(--border-hi);padding:16px 20px;font-family:var(--mono);font-size:14px;color:var(--near-white);word-break:break-all;flex-wrap:wrap;background:rgba(255,255,255,0.03);}
.copy-wallet-btn{flex-shrink:0;background:rgba(255,255,255,0.08);border:1.5px solid var(--border-hi);color:var(--bright);padding:8px 16px;font-size:12px;font-family:var(--mono);letter-spacing:0.14em;cursor:pointer;transition:0.28s;transition-property:var(--tcw-tp);text-transform:uppercase;}
.copy-wallet-btn:hover{background:rgba(230,179,77,0.2);color:var(--white);border-color:var(--btc);transform:translateY(-2px);}
.wallet-send-note{font-size:15px;color:var(--bright);margin-top:14px;line-height:1.76;font-weight:300;}
.wallet-send-note strong{color:var(--near-white);font-weight:500;}
.modal-ft-note{padding:18px 52px 26px;text-align:center;font-family:var(--mono);font-size:12px;color:var(--silver);letter-spacing:0.1em;border-top:1px solid var(--border);line-height:1.76;text-transform:uppercase;}
.modal-ft-note a{color:var(--bright);transition:color 0.2s;}
.modal-ft-note a:hover{color:var(--white);}

/* ═══════════════════════════════════════
   SCROLL REVEAL
═══════════════════════════════════════ */
.reveal{opacity:0;transform:translateY(36px);transition:opacity 0.75s cubic-bezier(0.25,0.46,0.45,0.94),transform 0.75s cubic-bezier(0.25,0.46,0.45,0.94);}
.reveal.visible{opacity:1;transform:translateY(0);}
.reveal-d1{transition-delay:0.10s;}
.reveal-d2{transition-delay:0.20s;}
.reveal-d3{transition-delay:0.32s;}

/* ═══════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════ */
@media(max-width:960px){
  nav{padding:0 24px;}
  .nav-links .nav-link{display:none;}
  .pb-inner{grid-template-columns:1fr;gap:36px;}
  .pb-divider{display:none;}
  .pb-right{text-align:left;}
  .pb-ctas{justify-content:flex-start;}
  .products-scene{flex-direction:column;}
  .ps-left,.ps-right{min-height:75vh;}
  .ps-divider{display:none;}
  .ps-content{padding:64px 32px;}
  .why-grid{grid-template-columns:1fr 1fr;}
  .section-inner{padding:80px 24px;}
  .cta-inner{padding:68px 24px;}
  .bonus-band,.price-band{padding:56px 24px;}
  footer{padding:48px 24px;}
  .modal-hd,.modal-inc,.modal-pay,.modal-ft-note{padding-left:28px;padding-right:28px;}
}
@media(max-width:600px){
  .why-grid{grid-template-columns:1fr;}
  .cta-prices{flex-direction:column;align-items:center;gap:10px;}
  .cta-eth-wrap{text-align:center;}
}
/* ═══════════════════════════════════════
   ORIGIN / DOORWAY SECTION
═══════════════════════════════════════ */
.origin-section{
  position:relative;overflow:hidden;
  border-bottom:1.5px solid rgba(230,179,77,0.2);
}
/* Full-section canvas wallpaper */
.origin-canvas{
  position:absolute;inset:0;width:100%;height:100%;
  opacity:0.85;pointer-events:none;
}
/* Dark overlay so text stays readable over the chart wallpaper */
.origin-veil{
  position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(6,6,14,0.78) 0%,rgba(6,6,14,0.62) 40%,rgba(6,6,14,0.72) 70%,rgba(6,6,14,0.88) 100%),
    radial-gradient(ellipse at 15% 30%,rgba(230,179,77,0.12) 0%,transparent 50%),
    radial-gradient(ellipse at 85% 70%,rgba(112,144,240,0.12) 0%,transparent 50%);
  animation:bloomBTC 35s ease-in-out infinite;
}
/* Faint grid on top of canvas */
.origin-grid{
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);
  background-size:60px 60px;
}
.origin-inner{
  max-width:1200px;margin:0 auto;
  padding:120px 48px;
  display:flex;flex-direction:column;gap:100px;
  position:relative;z-index:2;
}

/* ── Lede ── */
.origin-eyebrow{
  display:flex;align-items:center;gap:16px;
  font-family:var(--mono);font-size:15px;letter-spacing:0.28em;
  color:var(--near-white);text-transform:uppercase;margin-bottom:40px;
}
.origin-eyebrow::after{
  content:'';display:inline-block;width:60px;height:1px;
  background:linear-gradient(90deg,rgba(255,255,255,0.4),transparent);
}
.origin-num{
  font-size:16px;
  background:linear-gradient(90deg,var(--btc2),var(--eth2));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.origin-h2{
  font-family:var(--condensed);font-weight:900;
  font-size:clamp(44px,6vw,76px);
  line-height:1.04;letter-spacing:-0.01em;text-transform:uppercase;
  color:#ffffff;margin-bottom:32px;
  text-shadow:0 2px 40px rgba(0,0,0,0.8);
}
.origin-h2-light{
  font-weight:200;font-style:italic;
  color:var(--near-white);display:block;
  text-shadow:0 2px 30px rgba(0,0,0,0.7);
}
.origin-lead-body{
  font-size:21px;color:#f0ece5;line-height:1.82;font-weight:400;
  max-width:760px;letter-spacing:0.01em;
  text-shadow:0 1px 20px rgba(0,0,0,0.9);
}

/* ── 3-col pillars ── */
.origin-pillars{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  border:1px solid rgba(255,255,255,0.22);
  background:rgba(255,255,255,0.12);
}
.origin-pillar{
  padding:48px 36px;
  background:rgba(6,6,14,0.82);
  backdrop-filter:blur(10px);
  transition:0.38s cubic-bezier(0.25,0.46,0.45,0.94);transition-property:var(--tcw-tp);
  position:relative;overflow:hidden;cursor:default;
}
.origin-pillar::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 0%,rgba(230,179,77,0.14) 0%,transparent 65%);
  opacity:0;transition:opacity 0.4s;
}
.origin-pillar:nth-child(2)::before{
  background:radial-gradient(ellipse at 50% 0%,rgba(112,144,240,0.14) 0%,transparent 65%);
}
.origin-pillar:nth-child(3)::before{
  background:radial-gradient(ellipse at 50% 0%,rgba(180,140,255,0.14) 0%,transparent 65%);
}
.origin-pillar::after{
  content:'';position:absolute;top:0;left:0;right:0;height:2.5px;
  transform:scaleX(0);transform-origin:left;transition:transform 0.45s;
}
.origin-pillar:nth-child(1)::after{background:linear-gradient(90deg,var(--btc),var(--btc2));}
.origin-pillar:nth-child(2)::after{background:linear-gradient(90deg,var(--eth),var(--eth2));}
.origin-pillar:nth-child(3)::after{background:linear-gradient(90deg,var(--btc),var(--eth));}
.origin-pillar:hover::before{opacity:1;}
.origin-pillar:hover::after{transform:scaleX(1);}
.origin-pillar:hover{background:rgba(255,255,255,0.06);transform:translateY(-5px);}
.op-icon{
  font-family:var(--condensed);font-weight:900;font-size:34px;
  width:52px;height:52px;display:flex;align-items:center;justify-content:center;
  border:1.5px solid;margin-bottom:28px;transition:0.35s;transition-property:var(--tcw-tp);
}
.op-icon-btc{color:var(--btc2);border-color:rgba(230,179,77,0.6);background:rgba(230,179,77,0.12);}
.op-icon-eth{color:var(--eth2);border-color:rgba(112,144,240,0.6);background:rgba(112,144,240,0.12);}
.op-icon-dual{
  border-color:rgba(200,160,255,0.5);background:rgba(180,140,255,0.1);
  font-size:30px;color:var(--btc2);
}
.origin-pillar:hover .op-icon-btc{box-shadow:0 0 28px rgba(230,179,77,0.5);border-color:var(--btc2);}
.origin-pillar:hover .op-icon-eth{box-shadow:0 0 28px rgba(112,144,240,0.5);border-color:var(--eth2);}
.op-title{
  font-family:var(--condensed);font-weight:700;
  font-size:24px;text-transform:uppercase;letter-spacing:0.06em;
  color:#ffffff;margin-bottom:16px;
}
.op-body{
  font-size:17px;color:#e4e0da;line-height:1.84;font-weight:300;
}

/* ── Narrative + stats ── */
.origin-narrative{
  display:grid;grid-template-columns:1fr 300px;gap:80px;align-items:start;
}
.on-eyebrow{
  font-family:var(--mono);font-size:14px;letter-spacing:0.28em;
  color:var(--near-white);text-transform:uppercase;margin-bottom:24px;
}
.origin-narrative-text p{
  font-size:19px;color:#ede9e2;line-height:1.90;font-weight:300;
  margin-bottom:22px;
}
.origin-narrative-text p:last-child{margin-bottom:0;}
.origin-narrative-text em{color:#ffffff;font-style:italic;font-weight:400;}
.origin-stats{
  display:flex;flex-direction:column;gap:0;
  border:1px solid rgba(255,255,255,0.25);
  background:rgba(6,6,14,0.75);
  backdrop-filter:blur(12px);
  position:sticky;top:88px;z-index:10;
}
.ostat{
  padding:28px 28px;border-bottom:1px solid rgba(255,255,255,0.1);
  transition:background 0.25s,padding-left 0.25s;
}
.ostat:last-child{border-bottom:none;}
.ostat:hover{background:rgba(255,255,255,0.06);padding-left:36px;}
.ostat-num{
  font-family:var(--condensed);font-weight:900;
  font-size:54px;letter-spacing:-0.02em;line-height:1;
  background:linear-gradient(135deg,var(--btc2),var(--eth2));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  margin-bottom:6px;
}
.ostat-plus{font-size:38px;}
.ostat-lbl{
  font-family:var(--mono);font-size:14px;letter-spacing:0.18em;
  color:#f0ece5;text-transform:uppercase;line-height:1.5;
}
.ostat-sub{display:block;color:var(--silver);font-size:15px;margin-top:4px;}

/* ── Who it's for ── */
.ofor-label{
  font-family:var(--mono);font-size:15px;letter-spacing:0.28em;
  color:#e8e4dd;text-transform:uppercase;margin-bottom:32px;
}
.ofor-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:0;
  border:1px solid rgba(255,255,255,0.22);
}
.ofor-item{
  display:flex;align-items:flex-start;gap:18px;
  padding:26px 30px;
  border-bottom:1px solid rgba(255,255,255,0.1);
  border-right:1px solid rgba(255,255,255,0.1);
  font-size:17px;color:#e4e0da;line-height:1.78;font-weight:300;
  background:rgba(6,6,14,0.70);backdrop-filter:blur(12px);
  transition:background 0.25s,padding-left 0.25s;
}
.ofor-item:nth-child(even){border-right:none;}
.ofor-item:nth-last-child(-n+2){border-bottom:none;}
.ofor-item:hover{padding-left:40px;}
.ofor-yes:hover{background:rgba(230,179,77,0.08);color:#e8e4dd;}
.ofor-no:hover{background:rgba(255,80,80,0.06);color:#e8e4dd;}
.ofor-icon{
  flex-shrink:0;width:26px;height:26px;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--mono);font-size:15px;font-weight:700;
  border:1.5px solid rgba(144,180,248,0.6);
  color:#90b4f8;background:rgba(144,180,248,0.1);
  margin-top:2px;transition:0.25s;transition-property:var(--tcw-tp);
}
.ofor-no-icon{
  border-color:rgba(255,100,100,0.5);
  color:rgba(255,150,150,0.95);
  background:rgba(255,80,80,0.08);
}
.ofor-yes:hover .ofor-icon{
  box-shadow:0 0 18px rgba(144,180,248,0.4);
  border-color:#90b4f8;
}

/* ── Foundation Start Here block ── */
.origin-foundation{
  margin-top:64px;padding:56px;
  border:1px solid rgba(255,255,255,0.14);
  background:rgba(6,6,14,0.72);backdrop-filter:blur(10px);
  position:relative;overflow:hidden;
}
.origin-foundation::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--btc) 0%,var(--btc2) 30%,var(--eth2) 70%,var(--eth) 100%);
}
.ofound-label{
  font-family:var(--mono);font-size:13px;letter-spacing:0.3em;
  text-transform:uppercase;color:var(--btc2);margin-bottom:18px;
}
.ofound-intro{
  font-size:17px;color:var(--bright);line-height:1.82;max-width:760px;margin-bottom:44px;font-weight:300;
}
.ofound-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:36px;
}
.ofound-card{
  display:flex;flex-direction:column;gap:0;
  border:1px solid rgba(255,255,255,0.12);
  background:rgba(3,3,5,0.55);backdrop-filter:blur(10px);
  text-decoration:none;color:inherit;
  transition:0.38s cubic-bezier(0.25,0.46,0.45,0.94);transition-property:var(--tcw-tp);
  position:relative;overflow:hidden;padding:30px;
}
.ofound-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;}
.ofound-btc::before{background:linear-gradient(90deg,var(--btc),var(--btc2));}
.ofound-eth::before{background:linear-gradient(90deg,var(--eth),var(--eth2));}
.ofound-journal::before{background:linear-gradient(90deg,var(--green),var(--eth2));}
.ofound-btc:hover{border-color:rgba(230,179,77,0.5);box-shadow:0 20px 60px rgba(230,179,77,0.18);transform:translateY(-6px);}
.ofound-eth:hover{border-color:rgba(112,144,240,0.5);box-shadow:0 20px 60px rgba(112,144,240,0.18);transform:translateY(-6px);}
.ofound-journal:hover{border-color:rgba(144,180,248,0.5);box-shadow:0 20px 60px rgba(144,180,248,0.15);transform:translateY(-6px);}
.ofound-icon{
  font-family:var(--condensed);font-size:30px;font-weight:800;
  margin-bottom:18px;opacity:0.9;
}
.ofound-btc .ofound-icon{color:var(--btc);}
.ofound-eth .ofound-icon{color:var(--eth2);}
.ofound-journal .ofound-icon{color:var(--green);}
.ofound-card-label{
  font-family:var(--mono);font-size:12px;letter-spacing:0.24em;
  text-transform:uppercase;margin-bottom:10px;
}
.ofound-btc .ofound-card-label{color:var(--btc2);}
.ofound-eth .ofound-card-label{color:var(--eth2);}
.ofound-journal .ofound-card-label{color:var(--green);}
.ofound-card-name{
  font-family:var(--condensed);font-weight:700;font-size:22px;
  text-transform:uppercase;letter-spacing:0.06em;color:var(--white);
  margin-bottom:12px;
}
.ofound-card-desc{
  font-size:15px;color:var(--silver);line-height:1.72;margin-bottom:18px;font-weight:300;flex:1;
}
.ofound-card-price{
  font-family:var(--mono);font-size:13px;color:var(--bright);
  letter-spacing:0.14em;text-transform:uppercase;
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
}
.ofound-arrow{transition:letter-spacing 0.3s;}
.ofound-card:hover .ofound-arrow{letter-spacing:0.22em;}
.ofound-btc .ofound-arrow{color:var(--btc2);}
.ofound-eth .ofound-arrow{color:var(--eth2);}
.ofound-journal .ofound-arrow{color:var(--green);}
.ofound-upgrade-note{
  font-family:var(--mono);font-size:14px;color:var(--silver);
  letter-spacing:0.12em;text-align:center;
}
.ofound-upgrade-link{
  background:none;border:none;cursor:pointer;
  color:var(--btc2);font-family:var(--mono);font-size:14px;
  letter-spacing:0.12em;text-decoration:underline;
  transition:color 0.25s;
}
.ofound-upgrade-link:hover{color:var(--white);}
@media(max-width:960px){
  .ofound-grid{grid-template-columns:1fr;}
  .origin-foundation{padding:36px 24px;}
}

/* ── Closing quote + CTA ── */
.origin-close{
  border:1px solid rgba(255,255,255,0.22);
  background:rgba(6,6,14,0.78);
  backdrop-filter:blur(12px);
  padding:68px;
  position:relative;overflow:hidden;
}
.origin-close::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2.5px;
  background:linear-gradient(90deg,var(--btc),var(--btc2),var(--eth2),var(--eth));
}
.origin-close::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.15),transparent);
}
.origin-quote{
  font-family:var(--condensed);font-weight:300;font-style:italic;
  font-size:clamp(30px,3.5vw,46px);
  color:#ffffff;line-height:1.28;letter-spacing:0.01em;
  border-left:4px solid var(--btc);padding-left:36px;
  margin-bottom:40px;
  text-shadow:0 2px 30px rgba(0,0,0,0.8);
}
.origin-close-body{
  font-size:19px;color:#ede9e2;line-height:1.90;font-weight:300;
  max-width:780px;margin-bottom:52px;
}
.origin-close-cta{display:flex;}

/* ── Responsive ── */
@media(max-width:960px){
  .origin-pillars{grid-template-columns:1fr;}
  .origin-narrative{grid-template-columns:1fr;}
  .origin-stats{position:static;}
  .ofor-grid{grid-template-columns:1fr;}
  .ofor-item:nth-child(even){border-right:none;}
  .ofor-item:nth-last-child(-n+2){border-bottom:1px solid rgba(255,255,255,0.1);}
  .ofor-item:last-child{border-bottom:none;}
  .origin-inner{padding:80px 24px;gap:72px;}
  .origin-close{padding:40px 28px;}
  .origin-quote{font-size:26px;padding-left:24px;}
}

/* ═══════════════════════════════════════
   ASSET PORTALS
═══════════════════════════════════════ */
.portals-section{
  position:relative;overflow:hidden;
  border-top:1px solid rgba(255,255,255,0.12);
  border-bottom:1px solid rgba(255,255,255,0.12);
}
.portals-veil{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(6,6,14,0.88) 0%,rgba(6,6,14,0.72) 50%,rgba(6,6,14,0.88) 100%);
  pointer-events:none;
}
.portals-grid{
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);
  background-size:60px 60px;
}
.portals-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0.9;pointer-events:none;}
.portals-inner{
  max-width:1200px;margin:0 auto;padding:100px 48px;
  position:relative;z-index:2;
}
.portals-eyebrow{
  display:flex;align-items:center;gap:16px;
  font-family:var(--mono);font-size:15px;letter-spacing:0.28em;
  color:#f0ece5;text-transform:uppercase;margin-bottom:48px;
}
.portals-eyebrow::after{content:'';flex:1;max-width:64px;height:1px;background:linear-gradient(90deg,rgba(255,255,255,0.4),transparent);}
.portals-h2{
  font-family:var(--condensed);font-weight:900;
  font-size:clamp(40px,5.5vw,70px);
  line-height:1.04;letter-spacing:-0.01em;text-transform:uppercase;
  color:#ffffff;margin-bottom:16px;
  text-shadow:0 2px 40px rgba(0,0,0,0.8);
}
.portals-sub{
  font-size:19px;color:#ede9e2;line-height:1.78;font-weight:300;
  max-width:680px;margin-bottom:72px;
}
.portals-cards{
  display:grid;grid-template-columns:1fr 1fr;gap:1px;
  border:1px solid rgba(255,255,255,0.18);
  background:rgba(255,255,255,0.10);
}
.portal-card{
  position:relative;overflow:hidden;
  padding:0;min-height:480px;
  display:flex;flex-direction:column;justify-content:flex-end;
  cursor:pointer;
  transition:0.45s cubic-bezier(0.25,0.46,0.45,0.94);transition-property:var(--tcw-tp);
  text-decoration:none;
}
.portal-card-canvas{
  position:absolute;inset:0;width:100%;height:100%;
  pointer-events:none;
}
.portal-card-veil{
  position:absolute;inset:0;
  transition:opacity 0.45s;
}
.portal-btc .portal-card-veil{
  background:linear-gradient(160deg,rgba(6,6,14,0.55) 0%,rgba(20,10,0,0.82) 60%,rgba(6,6,14,0.95) 100%);
}
.portal-eth .portal-card-veil{
  background:linear-gradient(160deg,rgba(6,6,14,0.55) 0%,rgba(5,8,25,0.82) 60%,rgba(6,6,14,0.95) 100%);
}
.portal-card:hover .portal-card-veil{opacity:0.7;}
/* Top accent bar */
.portal-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;z-index:3;
  transform:scaleX(0);transform-origin:left;
  transition:transform 0.5s cubic-bezier(0.25,0.46,0.45,0.94);
}
.portal-btc::before{background:linear-gradient(90deg,var(--btc),var(--btc2),#fff8e0);}
.portal-eth::before{background:linear-gradient(90deg,var(--eth),var(--eth2),#c0d4ff);}
.portal-card:hover::before{transform:scaleX(1);}
/* Corner glow */
.portal-card::after{
  content:'';position:absolute;inset:0;z-index:1;
  opacity:0;transition:opacity 0.45s;
}
.portal-btc::after{background:radial-gradient(ellipse at 20% 80%,rgba(230,179,77,0.20) 0%,transparent 55%);}
.portal-eth::after{background:radial-gradient(ellipse at 80% 80%,rgba(112,144,240,0.20) 0%,transparent 55%);}
.portal-card:hover::after{opacity:1;}
/* Content */
.portal-content{
  position:relative;z-index:3;
  padding:48px 48px 52px;
}
.portal-sym{
  font-family:var(--condensed);font-weight:900;
  font-size:74px;line-height:1;
  margin-bottom:20px;
  display:block;
  transition:0.4s cubic-bezier(0.25,0.46,0.45,0.94);transition-property:var(--tcw-tp);
}
.portal-btc .portal-sym{
  color:var(--btc2);
  text-shadow:0 0 60px rgba(230,179,77,0.5),0 0 120px rgba(230,179,77,0.2);
}
.portal-eth .portal-sym{
  color:var(--eth2);
  text-shadow:0 0 60px rgba(112,144,240,0.5),0 0 120px rgba(112,144,240,0.2);
}
.portal-card:hover .portal-btc .portal-sym,
.portal-btc:hover .portal-sym{
  text-shadow:0 0 80px rgba(230,179,77,0.8),0 0 160px rgba(230,179,77,0.35);
  transform:scale(1.06);
}
.portal-card:hover .portal-eth .portal-sym,
.portal-eth:hover .portal-sym{
  text-shadow:0 0 80px rgba(112,144,240,0.8),0 0 160px rgba(112,144,240,0.35);
  transform:scale(1.06);
}
.portal-name{
  font-family:var(--condensed);font-weight:900;
  font-size:clamp(30px,3.5vw,46px);
  text-transform:uppercase;letter-spacing:0.04em;
  color:#ffffff;margin-bottom:10px;
  text-shadow:0 2px 20px rgba(0,0,0,0.8);
}
.portal-tagline{
  font-family:var(--mono);font-size:14px;letter-spacing:0.22em;
  text-transform:uppercase;margin-bottom:28px;
}
.portal-btc .portal-tagline{color:var(--btc2);}
.portal-eth .portal-tagline{color:var(--eth2);}
.portal-desc{
  font-size:17px;color:#e4e0da;line-height:1.78;font-weight:300;
  margin-bottom:36px;max-width:420px;
}
.portal-includes{
  display:flex;flex-direction:column;gap:10px;margin-bottom:40px;
}
.portal-inc-item{
  display:flex;align-items:center;gap:12px;
  font-family:var(--condensed);font-size:17px;text-transform:uppercase;letter-spacing:0.06em;
  color:#e4e0da;
}
.portal-inc-dot{
  width:6px;height:6px;border-radius:50%;flex-shrink:0;
}
.portal-btc .portal-inc-dot{background:var(--btc2);box-shadow:0 0 8px rgba(230,179,77,0.6);}
.portal-eth .portal-inc-dot{background:var(--eth2);box-shadow:0 0 8px rgba(112,144,240,0.6);}
.portal-cta{
  display:inline-flex;align-items:center;gap:14px;
  padding:16px 32px;
  font-family:var(--condensed);font-weight:700;font-size:18px;
  text-transform:uppercase;letter-spacing:0.14em;
  border:1.5px solid;
  transition:0.35s cubic-bezier(0.25,0.46,0.45,0.94);transition-property:var(--tcw-tp);
  position:relative;overflow:hidden;
}
.portal-cta::before{
  content:'';position:absolute;inset:0;
  transform:translateX(-100%);transition:transform 0.35s;
}
.portal-card:hover .portal-cta::before{transform:translateX(0);}
.portal-cta span{position:relative;z-index:1;}
.portal-cta-arrow{
  font-size:22px;position:relative;z-index:1;
  transition:transform 0.3s;
}
.portal-card:hover .portal-cta-arrow{transform:translateX(6px);}
.portal-btc .portal-cta{
  border-color:rgba(230,179,77,0.7);color:var(--btc2);
  background:rgba(230,179,77,0.08);
}
.portal-btc .portal-cta::before{background:linear-gradient(90deg,rgba(230,179,77,0.25),rgba(230,179,77,0.12));}
.portal-btc:hover .portal-cta{
  border-color:var(--btc2);color:#fff8e0;
  box-shadow:0 0 40px rgba(230,179,77,0.35),0 0 0 1px rgba(230,179,77,0.3);
}
.portal-eth .portal-cta{
  border-color:rgba(112,144,240,0.7);color:var(--eth2);
  background:rgba(112,144,240,0.08);
}
.portal-eth .portal-cta::before{background:linear-gradient(90deg,rgba(112,144,240,0.25),rgba(112,144,240,0.12));}
.portal-eth:hover .portal-cta{
  border-color:var(--eth2);color:#e8f0ff;
  box-shadow:0 0 40px rgba(112,144,240,0.35),0 0 0 1px rgba(112,144,240,0.3);
}
/* Price tag in portal */
.portal-price{
  font-family:var(--mono);font-size:13px;letter-spacing:0.2em;
  color:#b8b4ae;text-transform:uppercase;margin-bottom:20px;
}
.portal-price strong{
  font-family:var(--condensed);font-size:24px;font-weight:700;
  letter-spacing:0.04em;color:#ffffff;margin-right:6px;
}
@media(max-width:860px){
  .portals-cards{grid-template-columns:1fr;}
  .portal-card{min-height:380px;}
  .portals-inner{padding:72px 24px;}
}


/* ═══════════════════════════════════════
   ETH PAGE OVERRIDES
═══════════════════════════════════════ */
/* Active nav link = ETH blue */
.nav-link.active{color:var(--eth2);}
.nav-link.active::after{transform:scaleX(1);background:var(--eth);}

/* Hero: ETH glow on h1 line3 */
.hero h1 .line3{color:var(--eth);text-shadow:0 0 40px rgba(112,144,240,0.9),0 0 100px rgba(112,144,240,0.45);}

/* Hero kicker: ETH colours */
.hero-kicker{color:var(--eth2);border-color:rgba(112,144,240,0.55);background:rgba(112,144,240,0.1);}
.hero-kicker:hover{background:rgba(112,144,240,0.22);border-color:var(--eth);box-shadow:0 12px 44px rgba(112,144,240,0.35),0 0 0 1px rgba(112,144,240,0.3);}
.kicker-dot{background:var(--eth);box-shadow:0 0 10px var(--eth),0 0 20px rgba(112,144,240,0.5);}

/* Price band: ETH-tinted shadow */
.pb-price{text-shadow:0 0 80px rgba(112,144,240,0.35),0 4px 0 rgba(0,0,0,0.4);}

/* Products scene: left = ETH CAP (electric indigo) · right = ETH Journal (deep violet/amethyst) */
.ps-left .ps-bloom{
  background:
    radial-gradient(ellipse at 62% 33%,rgba(160,185,255,0.85) 0%,rgba(96,130,240,0.65) 16%,rgba(55,80,200,0.3) 36%,rgba(18,28,105,0.1) 58%,transparent 72%),
    radial-gradient(ellipse at 28% 68%,rgba(130,155,255,0.3) 0%,rgba(80,100,220,0.12) 40%,transparent 62%);
  animation:bloomETHL 17s ease-in-out infinite;
}
.ps-right .ps-bloom{
  background:
    radial-gradient(ellipse at 50% 30%,rgba(175,100,255,0.75) 0%,rgba(130,55,220,0.48) 20%,rgba(75,18,165,0.2) 42%,rgba(30,5,80,0.08) 60%,transparent 74%),
    radial-gradient(ellipse at 72% 72%,rgba(150,70,240,0.3) 0%,rgba(90,25,180,0.12) 40%,transparent 62%);
  animation:bloomETHR 22s ease-in-out infinite 4s;
}
.ps-left .ps-grid{
  background-image:linear-gradient(rgba(96,130,240,0.08) 1px,transparent 1px),linear-gradient(90deg,rgba(96,130,240,0.08) 1px,transparent 1px);
  background-size:52px 52px;
}
.ps-right .ps-grid{
  background-image:linear-gradient(rgba(130,55,220,0.08) 1px,transparent 1px),linear-gradient(90deg,rgba(130,55,220,0.08) 1px,transparent 1px);
  background-size:52px 52px;
}

/* CTA: ETH-primary orbs */
.cta-orb-btc{background:radial-gradient(ellipse at 50% 50%,rgba(190,210,255,0.75) 0%,rgba(98,126,234,0.45) 18%,rgba(62,82,200,0.2) 40%,transparent 60%);}
.cta-orb-eth{background:radial-gradient(ellipse at 50% 50%,rgba(144,180,248,0.5) 0%,rgba(144,180,248,0.25) 28%,rgba(144,180,248,0.1) 52%,transparent 68%);}
.cta-big{text-shadow:0 0 80px rgba(112,144,240,0.6),0 0 160px rgba(112,144,240,0.25),0 4px 0 rgba(0,0,0,0.4);}

/* Scrollbar: ETH */
::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--eth),var(--eth2));border-radius:2px;}
/* ETH PAGE OVERRIDES */
.nav-link.active{color:var(--eth2);}
.nav-link.active::after{transform:scaleX(1);background:var(--eth);}
.hero h1 .line3{color:var(--eth);text-shadow:0 0 40px rgba(112,144,240,0.9),0 0 100px rgba(112,144,240,0.45);}
.hero-kicker{color:var(--eth2);border-color:rgba(112,144,240,0.55);background:rgba(112,144,240,0.1);}
.kicker-dot{background:var(--eth);box-shadow:0 0 10px var(--eth),0 0 20px rgba(112,144,240,0.5);}
.pb-price{text-shadow:0 0 80px rgba(112,144,240,0.35),0 4px 0 rgba(0,0,0,0.4);}
.cta-orb-btc{background:radial-gradient(ellipse at 50% 50%,rgba(190,210,255,0.75) 0%,rgba(98,126,234,0.45) 18%,rgba(62,82,200,0.2) 40%,transparent 60%);}
.cta-orb-eth{background:radial-gradient(ellipse at 50% 50%,rgba(144,180,248,0.5) 0%,rgba(144,180,248,0.25) 28%,rgba(144,180,248,0.1) 52%,transparent 68%);}
.cta-big{text-shadow:0 0 80px rgba(112,144,240,0.6),0 0 160px rgba(112,144,240,0.25),0 4px 0 rgba(0,0,0,0.4);}
::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--eth),var(--eth2));border-radius:2px;}

/* ── SALE BADGE ── */
.sale-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(144,180,248,0.12);border:1px solid rgba(144,180,248,0.4);color:var(--green);font-family:var(--mono);font-size:12px;letter-spacing:0.22em;text-transform:uppercase;padding:6px 14px;border-radius:2px;margin-bottom:12px;}
.sale-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 2s infinite;}
.strike{text-decoration:line-through;color:var(--muted);font-size:0.65em;font-weight:400;vertical-align:middle;margin-right:8px;}

/* ── PRODUCT CARDS GRID ── */
.prod-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:56px;}
@media(max-width:800px){.prod-grid{grid-template-columns:1fr;}}
.prod-card{background:rgba(255,255,255,0.03);border:1px solid var(--border);padding:36px;position:relative;overflow:hidden;transition:border-color 0.35s,box-shadow 0.35s;}
.prod-card:hover{border-color:rgba(255,255,255,0.18);}
.prod-card.featured{border-color:rgba(112,144,240,0.4);box-shadow:0 0 80px rgba(112,144,240,0.08);}
.prod-card.featured:hover{border-color:rgba(112,144,240,0.65);box-shadow:0 0 120px rgba(112,144,240,0.14);}
.prod-card.foundation-card{border-color:rgba(144,180,248,0.25);}
.prod-card.foundation-card:hover{border-color:rgba(144,180,248,0.5);}
.prod-label{font-family:var(--mono);font-size:13px;letter-spacing:0.28em;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:10px;}
.prod-label-dot{width:6px;height:6px;border-radius:50%;}
.prod-label.masterwork .prod-label-dot{background:var(--eth);box-shadow:0 0 8px var(--eth);}
.prod-label.masterwork{color:var(--eth2);}
.prod-label.foundation .prod-label-dot{background:var(--green);box-shadow:0 0 8px var(--green);}
.prod-label.foundation{color:var(--green);}
.prod-title{font-family:var(--condensed);font-size:34px;font-weight:700;line-height:1.15;letter-spacing:-0.01em;color:var(--near-white);margin-bottom:8px;}
.prod-subtitle{font-size:15px;color:var(--muted);margin-bottom:24px;line-height:1.6;}
.prod-pricing{margin-bottom:24px;}
.prod-was{font-family:var(--mono);font-size:15px;color:var(--dim);text-decoration:line-through;margin-bottom:4px;}
.prod-now{display:flex;align-items:baseline;gap:14px;}
.prod-now-price{font-family:var(--condensed);font-size:60px;font-weight:800;letter-spacing:-0.03em;line-height:1;}
.prod-card.featured .prod-now-price{color:var(--eth);}
.prod-card.foundation-card .prod-now-price{color:var(--green);}
.prod-save{font-family:var(--mono);font-size:12px;letter-spacing:0.15em;color:var(--green);background:rgba(144,180,248,0.1);padding:4px 10px;border-radius:2px;white-space:nowrap;}
.prod-features{list-style:none;margin:0 0 28px 0;display:flex;flex-direction:column;gap:9px;}
.prod-features li{font-size:15px;color:var(--bright);display:flex;align-items:flex-start;gap:10px;line-height:1.5;}
.prod-features li::before{content:"◆";font-size:9px;color:var(--muted);margin-top:5px;flex-shrink:0;}
.prod-card.featured .prod-features li::before{color:var(--eth);}
.prod-card.foundation-card .prod-features li::before{color:var(--green);}
.prod-cta{display:flex;flex-direction:column;gap:12px;}
.journal-add{margin-top:28px;padding-top:28px;border-top:1px solid var(--border);background:rgba(255,255,255,0.02);margin-left:-36px;margin-right:-36px;margin-bottom:-36px;padding:24px 36px 28px;} 
.ja-label{font-family:var(--mono);font-size:11px;letter-spacing:0.28em;text-transform:uppercase;color:var(--dim);margin-bottom:10px;}
.ja-title{font-size:17px;font-weight:600;color:var(--near-white);margin-bottom:6px;}
.ja-pricing{font-size:14px;color:var(--muted);margin-bottom:14px;}
.ja-pricing strong{color:var(--green);}

/* ── BUNDLES SECTION ── */
.bundle-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px;align-items:stretch;}
@media(max-width:700px){.bundle-grid{grid-template-columns:1fr;}}
.bundle-card{border:1px solid var(--border-hi);padding:32px;position:relative;display:flex;flex-direction:column;}
.bundle-card.mw-bundle{border-color:rgba(112,144,240,0.45);}
.bundle-card.fn-bundle{border-color:rgba(144,180,248,0.3);}
/* margin-top:auto on save-row so button+note+bonus anchor together at same Y */
.bundle-card .bundle-save-row{margin-top:auto;}
.bundle-card .btn-bundle-mw, .bundle-card .btn-bundle-fn{margin-top:20px;}
.bundle-name{font-family:var(--condensed);font-size:26px;font-weight:700;margin-bottom:6px;color:var(--near-white);}
.bundle-includes{font-size:14px;color:var(--muted);margin-bottom:18px;line-height:1.7;}
.bundle-pricing{display:flex;align-items:baseline;gap:12px;margin-bottom:18px;flex-wrap:wrap;}
.bundle-was{font-family:var(--mono);font-size:14px;color:var(--dim);text-decoration:line-through;}
.bundle-now{font-family:var(--condensed);font-size:44px;font-weight:800;letter-spacing:-0.02em;}
.bundle-card.mw-bundle .bundle-now{color:var(--eth);}
.bundle-card.fn-bundle .bundle-now{color:var(--green);}
.bundle-save{font-family:var(--mono);font-size:12px;color:var(--near-white);background:rgba(144,180,248,0.15);padding:4px 10px;border-radius:2px;}
.bundle-note{font-size:13px;color:var(--dim);margin-top:10px;}

/* ── COACHING SECTION ── */
.coaching-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px;align-items:stretch;}
@media(max-width:750px){.coaching-grid{grid-template-columns:1fr;}}
.coaching-card{border:1px solid var(--border);padding:28px;position:relative;transition:border-color 0.3s;display:flex;flex-direction:column;}
.coaching-card button{margin-top:auto;}
.coaching-card:hover{border-color:var(--border-hi);}
.coaching-card.featured{border-color:rgba(112,144,240,0.4);}
.cc-duration{font-family:var(--mono);font-size:11px;letter-spacing:0.28em;text-transform:uppercase;color:var(--eth2);margin-bottom:12px;}
.cc-title{font-family:var(--condensed);font-size:24px;font-weight:700;color:var(--near-white);margin-bottom:6px;}
.cc-desc{font-size:14px;color:var(--muted);line-height:1.65;margin-bottom:20px;flex:1;}
.cc-price{font-family:var(--condensed);font-size:42px;font-weight:800;color:var(--near-white);letter-spacing:-0.02em;margin-bottom:4px;}
.cc-discount-note{font-family:var(--mono);font-size:12px;color:var(--green);margin-bottom:18px;}
.coaching-note{margin-top:32px;text-align:center;font-size:15px;color:var(--muted);font-family:var(--mono);letter-spacing:0.08em;}
.coaching-note strong{color:var(--near-white);}

/* ── UPDATED MODAL FOR MULTI-PRODUCT ── */
.modal-product-label{font-family:var(--mono);font-size:11px;letter-spacing:0.28em;text-transform:uppercase;color:var(--eth2);margin-bottom:8px;}
.modal-includes{list-style:none;margin:14px 0 18px;display:flex;flex-direction:column;gap:7px;}
.modal-includes li{font-size:14px;color:var(--bright);display:flex;align-items:center;gap:8px;}
.modal-includes li::before{content:"◆";font-size:9px;color:var(--eth);}
.modal-price-row{display:flex;align-items:baseline;gap:14px;margin-bottom:20px;flex-wrap:wrap;}
.modal-was{font-family:var(--mono);font-size:15px;color:var(--dim);text-decoration:line-through;}
.coaching-disclosure{font-size:13px;color:var(--muted);margin-top:12px;line-height:1.7;}

/* ── SPEC TABLE UPDATE ── */
.specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:48px;border:1px solid var(--border);}
@media(max-width:700px){.specs-grid{grid-template-columns:1fr;}}
.specs-col{padding:32px;}
.specs-col:first-child{border-right:1px solid var(--border);}
.specs-col-label{font-family:var(--mono);font-size:11px;letter-spacing:0.28em;text-transform:uppercase;margin-bottom:20px;}
.specs-col.fn-col .specs-col-label{color:var(--green);}
.specs-col.mw-col .specs-col-label{color:var(--eth2);}
.specs-row{display:flex;justify-content:space-between;align-items:baseline;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.05);font-size:14px;}
.specs-row:last-child{border-bottom:none;}
.specs-row-key{color:var(--muted);}
.specs-row-val{font-family:var(--mono);font-size:13px;color:var(--near-white);text-align:right;}


/* ═══════════════════════════════════════════════════════════════
   MISSING CLASS PATCH — All 25 classes + extras
═══════════════════════════════════════════════════════════════ */

/* Hero CTA row */
.hero-ctas{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:40px;}

/* Price Band left column */
.pb-left{padding:40px 48px;}

/* Origin section paragraphs */
.origin-p{font-size:19px;color:#ede9e2;line-height:1.90;font-weight:300;margin-bottom:22px;}

/* Origin CTA row */
.origin-cta-row{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:36px;}

/* Stats cards in origin stats column */
.stat-card{
  padding:22px 24px;
  border-bottom:1px solid rgba(255,255,255,0.10);
  transition:background 0.25s,padding-left 0.25s;min-width:0;}
.stat-card:last-child{border-bottom:none;}
.stat-card:hover{background:rgba(255,255,255,0.05);padding-left:30px;}
.stat-num{
  font-family:var(--condensed);font-weight:900;
  font-size:clamp(36px,4vw,52px);letter-spacing:-0.02em;line-height:1;
  background:linear-gradient(135deg,var(--btc2),var(--eth2));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  margin-bottom:6px;
}
.stat-lbl{
  font-family:var(--mono);font-size:13px;letter-spacing:0.18em;
  color:var(--near-white);text-transform:uppercase;line-height:1.5;
}
.stat-sub{display:block;color:var(--silver);font-family:var(--mono);font-size:14px;margin-top:4px;letter-spacing:0.08em;}

/* Section canvas backgrounds */
.sec-canvas{
  position:absolute;inset:0;width:100%;height:100%;
  pointer-events:none;opacity:0.30;z-index:0;
}

/* Value table cells */
.vi-c{text-align:center;font-size:16px;font-family:var(--mono);padding:0 8px;}
.vi-c.cy{color:var(--green);}
.vi-c.cn{color:var(--dim);}

/* Why card icon */
.wc-icon{font-size:20px;color:var(--btc2);margin-bottom:14px;opacity:0.8;line-height:1;}

/* Portal row + portal cards */
.portals-row{display:flex;gap:2px;flex-wrap:wrap;margin-top:48px;}
.portal-item{
  position:relative;overflow:hidden;
  border:1px solid var(--border-hi);
  background:var(--bg2);
  flex:1;min-width:280px;
  transition:border-color 0.3s,transform 0.3s;
  display:flex;flex-direction:column;align-items:stretch;
}
.portal-item:hover{border-color:rgba(112,144,240,0.45);transform:translateY(-4px);}
.portal-canvas{
  position:absolute;inset:0;width:100%;height:100%;
  opacity:0.55;pointer-events:none;z-index:0;
}
.portal-inner{position:relative;z-index:2;padding:48px 40px;display:flex;flex-direction:column;flex:1;}
.portal-label{
  font-family:var(--mono);font-size:13px;letter-spacing:0.28em;
  color:var(--bright);text-transform:uppercase;margin-bottom:16px;
}
.portal-title{
  font-family:var(--condensed);font-weight:900;text-transform:uppercase;
  font-size:clamp(24px,2.8vw,32px);line-height:1.12;
  color:var(--white);letter-spacing:0.04em;
}
.portal-sub{
  font-size:16px;color:var(--silver);line-height:1.78;
  font-weight:300;margin-top:14px;
}

/* CTA section (bottom call-to-action) */
.cta-section{
  position:relative;overflow:hidden;
  min-height:72vh;display:flex;align-items:center;
  justify-content:center;text-align:center;
  border-top:1px solid var(--border);
}

/* Modal payment panel base */
.ppanel{padding:0 52px 28px;}

/* Agree row (checkbox + terms label) */
.agree-row{
  display:flex;align-items:flex-start;gap:10px;
  cursor:pointer;font-size:15px;color:var(--bright);line-height:1.65;
}
.agree-row input[type="checkbox"]{
  accent-color:var(--btc);margin-top:2px;
  flex-shrink:0;width:15px;height:15px;
}
.agree-row a{color:var(--near-white);transition:color 0.2s;}
.agree-row a:hover{color:var(--btc2);}

/* Footer classes */
.footer{background:var(--bg2);border-top:1px solid var(--border);padding:56px 48px;}
/* footer-inner: defined above in footer grid CSS */
@media(max-width:960px){
  .pb-left{padding:32px 24px;}
  .ppanel{padding:0 28px 24px;}
  .portal-inner{padding:36px 24px;}
  .portals-row{flex-direction:column;}
  .footer{padding:48px 24px;}
}

/* ═══════════════════════════════════════════════════════════════
   FRAMEWORK DEMO v2 — Terminal-quality interactive preview
═══════════════════════════════════════════════════════════════ */
.demo-section{position:relative;overflow:hidden;border-bottom:1px solid var(--border);}
.demo-eyebrow-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.demo-live-dot{width:8px;height:8px;background:var(--green);border-radius:50%;
  box-shadow:0 0 10px rgba(144,180,248,0.7);animation:pulse 2s ease-in-out infinite;}
.demo-live-tag{font-family:var(--mono);font-size:12px;letter-spacing:0.22em;color:var(--green);text-transform:uppercase;}

/* Shell */
.demo-shell{
  margin-top:48px;border:1px solid rgba(112,144,240,0.22);
  background:rgba(4,4,10,0.97);backdrop-filter:blur(12px);
  position:relative;overflow:hidden;
  box-shadow:0 0 0 1px rgba(112,144,240,0.06),0 32px 80px rgba(0,0,0,0.8);
}
.demo-shell::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--eth),var(--eth2),var(--green),var(--eth2),var(--eth));
  background-size:300% auto;animation:borderFlow 5s ease infinite;z-index:3;
}
/* Terminal header */
.demo-term-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 20px;border-bottom:1px solid rgba(255,255,255,0.05);
  background:rgba(6,6,14,0.9);
}
.demo-term-dots{display:flex;gap:7px;align-items:center;}
.demo-term-dot{width:11px;height:11px;border-radius:50%;}
.demo-term-dot.red{background:#ff5f57;}
.demo-term-dot.yellow{background:#febc2e;}
.demo-term-dot.green{background:#28c840;}
.demo-term-title{
  font-family:var(--mono);font-size:13px;letter-spacing:0.18em;
  color:rgba(255,255,255,0.55);text-transform:uppercase;
}
.demo-term-badge{
  font-family:var(--mono);font-size:11px;letter-spacing:0.2em;
  color:var(--green);border:1px solid rgba(144,180,248,0.3);
  padding:2px 8px;text-transform:uppercase;
  animation:pulse 3s ease-in-out infinite;
}

/* Tab bar */
.demo-tabs{
  display:flex;overflow-x:auto;
  border-bottom:1px solid rgba(255,255,255,0.06);
  background:rgba(2,2,6,0.8);
  -webkit-overflow-scrolling:touch;scrollbar-width:none;
}
.demo-tabs::-webkit-scrollbar{display:none;}
.demo-tab{
  flex-shrink:0;padding:11px 20px;
  font-family:var(--mono);font-size:10.5px;letter-spacing:0.16em;
  color:rgba(255,255,255,0.6);text-transform:uppercase;
  background:transparent;border:none;cursor:pointer;
  border-bottom:2px solid transparent;border-right:1px solid rgba(255,255,255,0.05);
  transition:0.22s;transition-property:var(--tcw-tp);white-space:nowrap;display:flex;align-items:center;gap:7px;
}
.demo-tab:hover:not(.demo-tab-locked){
  color:var(--bright);background:rgba(112,144,240,0.05);
}
.demo-tab.demo-tab-active{
  color:var(--eth2);border-bottom-color:var(--eth);
  background:rgba(112,144,240,0.08);
}
.demo-tab-locked{color:rgba(255,255,255,0.65);cursor:pointer;}
.demo-tab-locked:hover{color:rgba(255,255,255,0.55);background:rgba(255,255,255,0.02);}
.demo-tab-lock-icon{font-size:12px;opacity:0.45;}

/* Panels */
.demo-panel{display:none;}
.demo-panel.demo-active{display:block;}

/* ── SEQUENCE 2-col layout ── */
.demo-seq-layout{
  display:grid;grid-template-columns:1fr 420px;gap:0;min-height:520px;
}
.demo-seq-left{
  padding:28px 24px 28px 28px;
  border-right:1px solid rgba(255,255,255,0.05);
  overflow-y:auto;
}
.demo-seq-right{
  position:relative;background:rgba(2,2,8,0.7);
  display:flex;flex-direction:column;
}
.demo-chart-canvas-wrap{
  position:relative;flex:1;overflow:hidden;
  background:rgba(2,2,8,0.9);
}
#seqChartCanvas{display:block;width:100%;height:100%;}

.demo-module-title{
  font-family:var(--condensed);font-weight:900;text-transform:uppercase;
  font-size:20px;letter-spacing:0.1em;color:var(--white);
  margin-bottom:6px;display:flex;align-items:center;gap:10px;
}
.demo-module-glyph{color:var(--eth2);font-size:24px;}
.demo-module-desc{
  font-size:14px;color:rgba(255,255,255,0.65);line-height:1.75;
  margin-bottom:20px;border-left:2px solid rgba(112,144,240,0.25);
  padding-left:12px;
}

/* Phase cards */
.demo-seq-phases{display:flex;flex-direction:column;gap:1px;}
.demo-phase{
  display:flex;align-items:flex-start;gap:14px;
  padding:13px 14px;
  border-left:2px solid rgba(255,255,255,0.06);
  border-bottom:1px solid rgba(255,255,255,0.04);
  transition:border-left-color 0.25s,background 0.22s,padding-left 0.22s;
  cursor:default;position:relative;
}
.demo-phase:hover,.demo-phase.dp-active{
  border-left-color:var(--eth);
  background:rgba(112,144,240,0.05);
  padding-left:18px;
}
.demo-phase.dp-active{border-left-color:var(--eth2);}
.demo-phase-num{
  width:26px;height:26px;min-width:26px;
  border:1.5px solid rgba(112,144,240,0.4);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--mono);font-size:12px;color:var(--eth2);
  flex-shrink:0;font-weight:600;
  transition:border-color 0.22s,box-shadow 0.22s,background 0.22s;
}
.demo-phase:hover .demo-phase-num,.demo-phase.dp-active .demo-phase-num{
  border-color:var(--eth2);background:rgba(112,144,240,0.12);
  box-shadow:0 0 14px rgba(112,144,240,0.4);
}
.demo-phase-name{
  font-family:var(--condensed);font-weight:700;font-size:15px;
  text-transform:uppercase;letter-spacing:0.1em;color:var(--near-white);margin-bottom:5px;
}
.demo-phase-desc{font-size:11.5px;color:rgba(255,255,255,0.68);line-height:1.72;}
.demo-phase-wr{
  display:inline-flex;align-items:center;gap:5px;
  margin-top:7px;border:1px solid rgba(144,180,248,0.3);
  background:rgba(144,180,248,0.07);padding:2px 9px;
  font-family:var(--mono);font-size:11px;color:var(--green);
  letter-spacing:0.18em;text-transform:uppercase;
}

/* Glossary hover terms */
.dt{
  border-bottom:1px dashed rgba(112,144,240,0.55);
  color:var(--eth2);cursor:help;
  transition:color 0.15s,border-color 0.15s;
  font-style:normal;
}
.dt:hover{color:#c7d2fe;border-bottom-color:rgba(199,210,254,0.8);}

/* Popup */
#demoPop{
  position:fixed;z-index:9990;
  width:360px;
  background:rgba(4,5,15,0.98);
  border:1px solid rgba(112,144,240,0.3);
  box-shadow:0 16px 56px rgba(0,0,0,0.95),0 0 0 1px rgba(147,197,253,0.05);
  pointer-events:none;opacity:0;
  transform:translateY(6px) scale(0.97);
  transition:opacity 0.15s ease,transform 0.15s ease;
}
#demoPop.pop-on{opacity:1;transform:translateY(0) scale(1);}
#demoPop-head{
  padding:9px 14px 8px;
  border-bottom:1px solid rgba(112,144,240,0.15);
  display:flex;align-items:center;justify-content:space-between;
}
#demoPop-title{
  font-family:var(--condensed);font-weight:800;font-size:14px;
  letter-spacing:0.12em;text-transform:uppercase;color:var(--eth2);
}
#demoPop-mod{
  font-family:var(--mono);font-size:11px;letter-spacing:0.16em;
  color:rgba(112,144,240,0.5);text-transform:uppercase;
  padding:6px 14px 4px;
}
#demoPop-body{
  font-family:var(--mono);font-size:13px;line-height:1.65;
  color:rgba(255,255,255,0.75);padding:0 14px 10px;
}
#demoPop-wr{
  display:none;margin:4px 14px 10px;
  border:1px solid rgba(144,180,248,0.3);
  background:rgba(144,180,248,0.07);
  padding:4px 10px;font-family:var(--mono);font-size:9.5px;
  color:var(--green);letter-spacing:0.14em;text-transform:uppercase;
}
#demoPop-wr.pop-wr-on{display:block;}
#demoPop-img{display:none;overflow:hidden;border-bottom:1px solid rgba(112,144,240,0.12);}
#demoPop-img.img-on{display:block;}

/* Chart overlay labels */
.demo-chart-labels{
  position:absolute;bottom:0;left:0;right:0;
  display:flex;justify-content:space-around;align-items:flex-end;
  padding:0 0 6px;pointer-events:none;z-index:2;
}
.demo-chart-phase-lbl{
  font-family:var(--mono);font-size:11px;letter-spacing:0.1em;
  color:rgba(255,255,255,0.68);text-transform:uppercase;text-align:center;
  transition:color 0.2s;
}
.demo-chart-phase-lbl.lbl-active{color:var(--eth2);}

/* ── ZONES visual panel ── */
.demo-zones-layout{
  display:grid;grid-template-columns:1fr 340px;gap:0;min-height:440px;
}
.demo-zones-left{
  padding:28px 24px 28px 28px;
  border-right:1px solid rgba(255,255,255,0.05);
}
.demo-zones-right{
  position:relative;background:rgba(2,2,8,0.7);
  display:flex;flex-direction:column;
}
#zonesChartCanvas{display:block;width:100%;height:100%;}

/* Zone table */
.demo-ftable{width:100%;border-collapse:collapse;margin:16px 0 20px;}
.demo-ftable th{
  font-family:var(--mono);font-size:11px;letter-spacing:0.2em;
  color:rgba(255,255,255,0.55);text-transform:uppercase;
  padding:7px 12px;border-bottom:1px solid rgba(255,255,255,0.07);text-align:left;
}
.demo-ftable td{
  font-family:var(--mono);font-size:13px;color:rgba(255,255,255,0.7);
  padding:10px 12px;border-bottom:1px solid rgba(255,255,255,0.04);
  transition:background 0.18s,color 0.18s;cursor:default;
}
.demo-ftable tr{transition:background 0.18s;}
.demo-ftable tr:hover td{background:rgba(112,144,240,0.07);color:var(--bright);}
.demo-ftable tr.sweet-row td{
  color:var(--btc2);background:rgba(230,179,77,0.04);
}
.demo-ftable tr.sweet-row:hover td{background:rgba(230,179,77,0.09);}
.td-wr-g{color:var(--green);font-weight:600;}
.td-wr-gold{color:var(--btc2);font-weight:700;}
.td-wr-dim{color:rgba(255,255,255,0.68);}

/* CTA bar */
.demo-cta-bar{
  display:flex;gap:12px;flex-wrap:wrap;
  padding:20px 28px;
  border-top:1px solid rgba(255,255,255,0.06);
  background:rgba(2,2,6,0.6);
}

/* Lock overlay */
.demo-lock-overlay{
  display:none;position:absolute;inset:0;z-index:10;
  background:rgba(2,2,6,0.97);backdrop-filter:blur(12px);
  align-items:center;justify-content:center;flex-direction:column;
  text-align:center;padding:48px;
}
.demo-lock-overlay.demo-lock-active{display:flex;}
.demo-lock-glyph{
  font-size:42px;margin-bottom:16px;opacity:0.6;
  filter:drop-shadow(0 0 18px rgba(112,144,240,0.5));
}
.demo-lock-title{
  font-family:var(--condensed);font-weight:900;text-transform:uppercase;
  font-size:clamp(20px,3vw,28px);letter-spacing:0.08em;color:var(--white);
  margin-bottom:8px;
}
.demo-lock-desc{
  font-size:15px;color:var(--muted);line-height:1.78;
  max-width:420px;margin:0 auto 24px;
}
.demo-lock-preview{
  max-width:520px;margin:0 auto 24px;
  border:1px solid rgba(112,144,240,0.18);padding:16px 20px;
  background:rgba(112,144,240,0.04);text-align:left;
}
.demo-lock-preview-title{
  font-family:var(--mono);font-size:11px;letter-spacing:0.22em;
  color:rgba(112,144,240,0.6);text-transform:uppercase;margin-bottom:10px;
}
.demo-lock-preview-item{
  font-size:13px;color:rgba(255,255,255,0.6);line-height:1.7;
  padding:3px 0 3px 14px;border-left:1px solid rgba(112,144,240,0.3);
  margin-bottom:3px;
}
.demo-lock-back{
  background:transparent;border:none;font-family:var(--mono);font-size:12px;
  letter-spacing:0.16em;color:var(--dim);cursor:pointer;text-transform:uppercase;
  transition:color 0.2s;margin-top:14px;
}
.demo-lock-back:hover{color:var(--bright);}

@media(max-width:960px){
  .demo-seq-layout{grid-template-columns:1fr;}
  .demo-seq-right{display:none;}
  .demo-zones-layout{grid-template-columns:1fr;}
  .demo-zones-right{display:none;}
  .demo-seq-left{padding:22px 18px;}
  .demo-zones-left{padding:22px 18px;}
  .demo-cta-bar{padding:16px 18px;}
}


/* ═══════════════════════════════════════════
   PREMIUM BUNDLE CARD UPGRADES
═══════════════════════════════════════════ */
.bundle-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  padding: 5px 14px;
  border-radius: 2px;
  margin-bottom: 16px;
  border: 1px solid;
}
.bundle-badge-mw {
  background: rgba(112,144,240,0.10);
  border-color: rgba(112,144,240,0.38);
  color: #a8c4ff;
}
.bundle-badge-fn {
  background: rgba(144,180,248,0.08);
  border-color: rgba(144,180,248,0.32);
  color: var(--green);
}
.bundle-save-row {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 14px 0 20px;
  padding: 12px 16px;
  border-radius: 2px;
}
.bundle-save-row-mw {
  background: rgba(112,144,240,0.07);
  border: 1px solid rgba(112,144,240,0.18);
}
.bundle-save-row-fn {
  background: rgba(144,180,248,0.06);
  border: 1px solid rgba(144,180,248,0.16);
}
.bundle-save-amount {
  font-family: var(--condensed);
  font-size: 32px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.01em;
}
.bundle-save-amount-mw {
  background: linear-gradient(135deg,#ffd580 0%,#f7a71a 60%,#ff9500 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.bundle-save-amount-fn {
  background: linear-gradient(135deg,#90b4f8 0%,#c0d4ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.bundle-save-meta { display:flex; flex-direction:column; gap:2px; }
.bundle-save-price {
  font-family: var(--condensed);
  font-size: 24px;
  font-weight: 900;
  color: var(--white);
  line-height: 1.1;
}
.bundle-save-label {
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--dim);
}
/* Premium bundle CTA buttons */
.btn-bundle-mw, .btn-bundle-fn {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 18px 40px;
  margin-bottom: 10px;
  border-radius: 2px;
  font-family: var(--mono);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  transition:0.3s ease;transition-property:var(--tcw-tp);
  min-height: 58px;
}
.btn-bundle-mw::after, .btn-bundle-fn::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.07) 50%,transparent 100%);
  transform: translateX(-150%);
  animation: bundleShimmer 3s ease-in-out infinite;
  pointer-events: none;
}
@keyframes bundleShimmer {
  0%,25%  { transform: translateX(-150%); }
  65%,100%{ transform: translateX(150%); }
}
.btn-bundle-mw {
  background: linear-gradient(135deg,rgba(112,144,240,0.28) 0%,rgba(140,100,255,0.18) 100%);
  border: 1.5px solid rgba(112,144,240,0.72);
  color: #c0d4ff;
  box-shadow: 0 0 22px rgba(112,144,240,0.16),inset 0 1px 0 rgba(255,255,255,0.08);
}
.btn-bundle-mw:hover {
  background: linear-gradient(135deg,rgba(112,144,240,0.42) 0%,rgba(140,100,255,0.30) 100%);
  border-color: rgba(112,144,240,1);
  box-shadow: 0 0 40px rgba(112,144,240,0.30),inset 0 1px 0 rgba(255,255,255,0.12);
  transform: translateY(-4px);
}
.btn-bundle-fn {
  background: linear-gradient(135deg,rgba(144,180,248,0.22) 0%,rgba(192,212,255,0.14) 100%);
  border: 1.5px solid rgba(144,180,248,0.68);
  color: var(--green);
  box-shadow: 0 0 22px rgba(144,180,248,0.12),inset 0 1px 0 rgba(255,255,255,0.06);
}
.btn-bundle-fn:hover {
  background: linear-gradient(135deg,rgba(144,180,248,0.35) 0%,rgba(192,212,255,0.22) 100%);
  border-color: rgba(144,180,248,1);
  box-shadow: 0 0 40px rgba(144,180,248,0.26),inset 0 1px 0 rgba(255,255,255,0.10);
  transform: translateY(-4px);
}

/* ══ BUNDLE BONUS / INCLUDED-WITH-PURCHASE ══════════════════════════════
   Used in both ps-item (protocol cards) and bundle-card sections.
   Accent defaults to ETH blue; overridden per context below.
═══════════════════════════════════════════════════════════════════════ */
.bundle-bonus{
  margin-top:18px;
  background:rgba(255,255,255,0.025);
  border:1px solid rgba(255,255,255,0.09);
  border-top:2px solid var(--eth);
  padding:14px 18px 12px;
}
/* Masterwork (left side / mw-bundle) — use ETH/blue accent */
.mw-bundle .bundle-bonus{border-top-color:rgba(112,144,240,0.8);}
.mw-bundle .bb-eye{color:rgba(112,144,240,0.75)!important;}
.mw-bundle .bb-tick{color:rgba(112,144,240,0.85)!important;}
/* Foundation bundle card */
.fn-bundle .bundle-bonus{border-top-color:rgba(77,255,176,0.7);}
.fn-bundle .bb-eye{color:rgba(77,255,176,0.75)!important;}
.fn-bundle .bb-tick{color:rgba(77,255,176,0.8)!important;}
/* Foundation ps-item (right side) */
.ps-right .bundle-bonus{border-top-color:rgba(77,255,176,0.65);}
.ps-right .bb-eye{color:rgba(77,255,176,0.7)!important;}
.ps-right .bb-tick{color:rgba(77,255,176,0.75)!important;}

.bb-eye{
  display:block;
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:0.34em;
  text-transform:uppercase;
  color:rgba(112,144,240,0.75);
  margin-bottom:11px;
}
.bb-row{
  display:flex;
  align-items:flex-start;
  gap:10px;
  font-size:13px;
  color:var(--bright);
  line-height:1.58;
  margin-bottom:7px;
}
.bb-row:last-child{margin-bottom:0;}
.bb-tick{
  color:var(--eth);
  font-weight:700;
  flex-shrink:0;
  margin-top:1px;
}
.bb-row strong{color:var(--near-white);font-weight:600;}

/* ── PROTOCOL BONUS STRIP (inside ps-item standalone cards) ─────────────
   Integrated premium design — separator only, no nested card / box effect.
   Default accent: ETH indigo. Overridden per context below.
───────────────────────────────────────────────────────────────────────── */
.pi-bonus{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,0.06);}
.pi-bonus-label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:0.42em;text-transform:uppercase;color:rgba(112,144,240,0.62);margin-bottom:10px;}
.pi-bonus-row{display:flex;align-items:flex-start;gap:9px;font-size:14px;color:rgba(210,215,230,0.65);line-height:1.57;margin-bottom:6px;}
.pi-bonus-row:last-child{margin-bottom:0;}
.pi-bonus-glyph{color:rgba(112,144,240,0.48);flex-shrink:0;font-size:11px;margin-top:3px;letter-spacing:0;}
.pi-bonus-row strong{color:rgba(255,255,255,0.88);font-weight:600;}
/* Foundation / ps-right override → green accent */
.ps-right .pi-bonus-label{color:rgba(77,255,176,0.56);}
.ps-right .pi-bonus-glyph{color:rgba(77,255,176,0.42);}

/* ══ PS-ITEM RESTRUCTURED LAYOUT ════════════════════════════════════════ */
.pi-header{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:8px;}
.pi-module-chip{font-family:var(--mono);font-size:12px;letter-spacing:0.22em;text-transform:uppercase;
  padding:3px 9px;border:1px solid rgba(255,255,255,0.14);color:var(--dim);flex-shrink:0;}
.eth-item .pi-module-chip{border-color:rgba(112,144,240,0.28);color:rgba(112,144,240,0.65);}
.pi-name{margin-bottom:0;}
.pi-summary{font-size:14px;color:var(--muted);line-height:1.65;font-weight:300;
  margin-bottom:16px;position:relative;z-index:1;}
.pi-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.08);
  margin-bottom:16px;position:relative;z-index:1;}
.pi-spec{display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:10px 6px;background:var(--bg2);text-align:center;}
.pi-spec-val{font-family:var(--condensed);font-weight:800;font-size:20px;line-height:1;
  letter-spacing:0.02em;}
.eth-item .pi-spec-val{color:var(--eth2);}
.pi-spec-lbl{font-family:var(--mono);font-size:12px;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--dim);margin-top:4px;line-height:1.3;}
.pi-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:14px;position:relative;z-index:1;}
.pi-tag{font-family:var(--mono);font-size:12px;letter-spacing:0.15em;text-transform:uppercase;
  padding:4px 9px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);color:var(--dim);}
.eth-item .pi-tag{border-color:rgba(112,144,240,0.14);color:rgba(112,144,240,0.6);}
.ps-right .pi-spec-val{color:var(--green);}
.ps-right .pi-module-chip{border-color:rgba(77,255,176,0.28);color:rgba(77,255,176,0.55);}
.ps-right .pi-tag{border-color:rgba(77,255,176,0.12);color:rgba(77,255,176,0.5);}

/* ── WIN RATE TRUST BAR ── */
.wrtrust-bar{background:rgba(10,10,20,0.92);border-top:1px solid rgba(112,144,240,0.18);border-bottom:1px solid rgba(112,144,240,0.18);padding:20px 0;}
.wrtrust-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:0;padding:0 24px;}
.wrtrust-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 20px;flex:1;min-width:140px;}
.wrtrust-num{font-family:var(--condensed);font-size:clamp(30px,3vw,44px);font-weight:900;line-height:1;background:linear-gradient(135deg,#a8c4ff 0%,#7090f0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.wrtrust-lbl{font-family:var(--mono);font-size:12px;letter-spacing:0.16em;text-transform:uppercase;color:var(--bright);margin-top:4px;line-height:1.5;}
.wrtrust-lbl em{display:block;font-style:normal;color:var(--dim);font-size:11px;margin-top:2px;}
.wrtrust-sep{width:1px;height:40px;background:rgba(112,144,240,0.2);flex-shrink:0;}

/* ══ ABOUT / CREATOR SECTION ══════════════════════════════════════════════ */
.about-section{position:relative;padding:100px 0;overflow:hidden;}
.about-grid{display:grid;grid-template-columns:340px 1fr;gap:64px;align-items:start;max-width:1100px;margin:0 auto;padding:0 40px;}
.about-photo-wrap{position:sticky;top:120px;z-index:5;}
.about-photo-frame{position:relative;border-radius:4px;overflow:hidden;aspect-ratio:3/4;background:#0a0a18;border:1px solid rgba(112,144,240,0.18);}
.about-photo-frame::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,8,0.92) 100%);z-index:2;pointer-events:none;}
.about-photo-frame img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;filter:saturate(0.88) contrast(1.05);}
.about-photo-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#080818 0%,#0f0f28 100%);}
.about-photo-fallback-init{font-family:var(--condensed);font-size:98px;font-weight:900;background:linear-gradient(135deg,#a8c4ff 0%,#7090f0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0.6;}
.about-photo-caption{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:20px 18px 16px;text-align:center;}
.about-photo-brand{font-family:var(--mono);font-size:11px;letter-spacing:0.22em;text-transform:uppercase;color:rgba(112,144,240,0.7);}
.about-photo-name{font-family:var(--condensed);font-size:24px;font-weight:700;color:#fff;margin-top:3px;letter-spacing:0.04em;}
.about-text{}
.about-eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:0.26em;text-transform:uppercase;color:rgba(112,144,240,0.55);margin-bottom:18px;display:block;}
.about-name-block{margin-bottom:24px;}
.about-h2{font-family:var(--condensed);font-size:clamp(38px,4vw,58px);font-weight:900;line-height:1.05;letter-spacing:-0.01em;color:#fff;margin:0 0 6px;}
.about-title{font-family:var(--mono);font-size:14px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(112,144,240,0.75);}
.about-creds{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 32px;}
.about-cred{font-family:var(--mono);font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.55);background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:2px;padding:5px 10px;}
.about-bio-seg{margin-bottom:22px;font-size:16px;line-height:1.85;color:rgba(255,255,255,0.72);}
.about-bio-seg strong{color:rgba(255,255,255,0.92);font-weight:600;}
.about-pull{margin:34px 0;padding:22px 24px;border-left:2px solid rgba(112,144,240,0.5);background:rgba(112,144,240,0.05);}
.about-pull p{font-family:var(--condensed);font-size:clamp(18px,1.6vw,22px);font-weight:500;line-height:1.5;color:rgba(255,255,255,0.82);margin:0;font-style:italic;}
.about-sig{font-family:var(--mono);font-size:13px;letter-spacing:0.1em;color:rgba(255,255,255,0.58);margin-top:36px;padding-top:24px;border-top:1px solid rgba(255,255,255,0.07);}
@media(max-width:900px){
  .about-grid{grid-template-columns:1fr;gap:40px;}
  .about-photo-wrap{position:static;max-width:320px;margin:0 auto;}
  .about-text{text-align:left;}
}
@media(max-width:600px){
  .about-grid{padding:0 20px;}
  .about-section{padding:70px 0;}
}
/* ══ CURSOR ORB + HOVER REACTIVITY ════════════════════════════════════ */
#cursor-orb{position:fixed;width:380px;height:380px;border-radius:50%;pointer-events:none;z-index:9999;background:radial-gradient(ellipse at center,rgba(112,144,240,0.06) 0%,rgba(112,144,240,0.04) 40%,transparent 70%);transform:translate(-50%,-50%);transition:opacity 0.4s;opacity:0;left:-999px;top:-999px;}
.why-card{transition:transform 0.35s cubic-bezier(0.16,1,0.3,1),box-shadow 0.35s !important;}
.why-card:hover{transform:translateY(-6px) !important;box-shadow:0 16px 48px rgba(0,0,0,0.5),0 0 0 1px rgba(112,144,240,0.25) !important;}
.ps-left:hover .ps-bloom,.ps-right:hover .ps-bloom{opacity:0.55 !important;}
.faq-item{transition:background 0.25s;}
.faq-item:hover{background:rgba(255,255,255,0.025);}
.about-section{transition:none;}
.about-pull p{transition:color 0.3s;}
.about-pull:hover p{color:var(--eth2);}
/* ── CRYPTO PAYMENT FORM ────────────────────────── */
.crypto-pay-wrapper{padding:4px 0;}
.cpw-save-badge{display:inline-block;font-family:var(--condensed);font-size:13px;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;padding:5px 14px;margin-bottom:16px;border-radius:2px;}
.cpw-save-badge.eth-badge{background:rgba(112,144,240,0.15);color:var(--eth2);border:1px solid rgba(112,144,240,0.3);}
.cpw-save-badge.btc-badge{background:rgba(230,179,77,0.12);color:var(--btc2);border:1px solid rgba(230,179,77,0.3);}
.cpw-desc{font-size:15px;color:var(--muted);margin-bottom:18px;line-height:1.7;}
.cpw-fields{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;}
.cpw-input{background:rgba(255,255,255,0.04);border:1.5px solid var(--border);color:var(--near-white);padding:13px 16px;font-size:15px;font-family:var(--body);outline:none;transition:border-color 0.25s,background 0.25s;width:100%;box-sizing:border-box;}
.cpw-input:focus{border-color:var(--border-hi);background:rgba(255,255,255,0.07);}
.cpw-input.eth-focus:focus{border-color:rgba(112,144,240,0.6);}
.cpw-input.btc-focus:focus{border-color:rgba(230,179,77,0.6);}
.cpw-gen-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;font-family:var(--condensed);font-size:16px;font-weight:800;letter-spacing:0.18em;text-transform:uppercase;border:none;cursor:pointer;transition:0.3s;transition-property:var(--tcw-tp);}
.cpw-gen-btn.eth-accent{background:rgba(112,144,240,0.18);color:var(--eth2);border:1.5px solid rgba(112,144,240,0.45);}
.cpw-gen-btn.eth-accent:hover{background:rgba(112,144,240,0.28);transform:translateY(-2px);box-shadow:0 8px 32px rgba(112,144,240,0.25);}
.cpw-gen-btn.btc-accent{background:rgba(230,179,77,0.15);color:var(--btc2);border:1.5px solid rgba(230,179,77,0.45);}
.cpw-gen-btn.btc-accent:hover{background:rgba(230,179,77,0.25);transform:translateY(-2px);box-shadow:0 8px 32px rgba(230,179,77,0.25);}
.cpw-gen-btn:disabled{opacity:0.5;cursor:not-allowed;transform:none;}
.cpw-gen-spinner{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spinnerRot 0.7s linear infinite;flex-shrink:0;}
@keyframes spinnerRot{to{transform:rotate(360deg);}}
.cpw-terms-note{font-size:13px;color:var(--dim);margin-top:10px;line-height:1.6;text-align:center;}
.cpw-terms-note a{color:var(--bright);}
.cpw-order-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.cpw-order-lbl{font-family:var(--mono);font-size:11px;letter-spacing:0.22em;color:var(--dim);text-transform:uppercase;}
.cpw-order-id{font-family:var(--mono);font-size:15px;color:var(--near-white);font-weight:600;letter-spacing:0.1em;}
.cpw-order-id-inline{font-family:var(--mono);font-size:14px;color:var(--bright);}
.cpw-timer-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:10px 14px;background:rgba(255,60,60,0.07);border:1px solid rgba(255,60,60,0.2);}
.cpw-timer-lbl{font-family:var(--mono);font-size:11px;letter-spacing:0.2em;color:rgba(255,100,100,0.8);text-transform:uppercase;}
.cpw-timer{font-family:var(--mono);font-size:20px;font-weight:700;color:#f87171;letter-spacing:0.1em;}
.cpw-addr-label{font-family:var(--mono);font-size:11px;letter-spacing:0.22em;color:var(--bright);text-transform:uppercase;margin-bottom:10px;}
.cpw-addr-box{display:flex;align-items:center;gap:10px;border:1.5px solid var(--border-hi);padding:14px 16px;font-family:var(--mono);font-size:13px;color:var(--near-white);word-break:break-all;flex-wrap:wrap;background:rgba(255,255,255,0.03);margin-bottom:14px;}
.cpw-copy-btn{flex-shrink:0;background:rgba(255,255,255,0.08);border:1.5px solid var(--border-hi);color:var(--bright);padding:7px 14px;font-size:12px;font-family:var(--mono);letter-spacing:0.12em;cursor:pointer;transition:0.25s;transition-property:var(--tcw-tp);text-transform:uppercase;white-space:nowrap;}
.cpw-copy-btn:hover{background:rgba(255,255,255,0.15);color:var(--white);}
.cpw-amount-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:rgba(255,255,255,0.04);border:1px solid var(--border);margin-bottom:12px;}
.cpw-amt-lbl{font-size:14px;color:var(--muted);}
.cpw-amt-val{font-family:var(--condensed);font-size:20px;font-weight:700;color:var(--near-white);}
.cpw-instructions{font-size:14px;color:var(--dim);line-height:1.7;margin-bottom:20px;padding:12px 16px;border-left:2px solid var(--border-hi);}
.cpw-instructions strong{color:var(--bright);}
.cpw-hash-section{border-top:1px solid var(--border);padding-top:18px;margin-top:4px;}
.cpw-hash-lbl{font-size:14px;color:var(--muted);margin-bottom:10px;line-height:1.6;}
.cpw-hash-row{display:flex;gap:8px;margin-bottom:8px;}
.cpw-hash-input{flex:1;min-width:0;}
.cpw-submit-btn{flex-shrink:0;background:rgba(255,255,255,0.1);border:1.5px solid var(--border-hi);color:var(--near-white);padding:13px 18px;font-family:var(--condensed);font-size:14px;letter-spacing:0.18em;font-weight:700;cursor:pointer;transition:0.25s;transition-property:var(--tcw-tp);text-transform:uppercase;white-space:nowrap;}
.cpw-submit-btn:hover{background:rgba(255,255,255,0.2);transform:translateY(-2px);}
.cpw-hash-note{font-size:13px;color:var(--dim);line-height:1.6;}
.cpw-confirmed{text-align:center;padding:28px 20px;}
.cpw-check{font-size:42px;margin-bottom:10px;color:#90b4f8;}
.cpw-confirmed-title{font-family:var(--condensed);font-size:22px;font-weight:700;letter-spacing:0.12em;color:var(--near-white);margin-bottom:12px;text-transform:uppercase;}
.cpw-confirmed p{font-size:15px;color:var(--muted);line-height:1.7;}
.cpw-error{font-size:14px;color:#f87171;margin-top:8px;line-height:1.6;padding:10px 14px;background:rgba(255,60,60,0.06);border:1px solid rgba(255,60,60,0.25);}
.payhip-coming-soon{text-align:center;padding:24px 20px;border:1.5px dashed var(--border-hi);background:rgba(255,255,255,0.02);}
.payhip-coming-soon p{font-size:15px;color:var(--muted);line-height:1.7;margin:0 0 14px;}
.payhip-coming-soon a{color:var(--bright);text-decoration:underline;}
.payhip-panel-inner{padding:8px 0;}
.payhip-panel-desc,.payhip-panel-sub{font-family:var(--mono);font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:16px;}
.payhip-panel-note{font-family:var(--mono);font-size:11px;color:var(--dim);margin-top:12px;text-align:center;letter-spacing:0.06em;}
.payhip-panel-note a{color:var(--bright);text-decoration:underline;}

/* ── Social Proof / Testimonials ── */
.testimonials-section{padding:100px 0;position:relative;overflow:hidden;}
.testimonials-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 0%,rgba(112,144,240,0.06),transparent 70%);pointer-events:none;}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px;}
@media(max-width:1100px){.testi-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:900px){.testi-grid{grid-template-columns:1fr;}}
.testi-card{background:rgba(255,255,255,0.025);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:28px 24px;position:relative;transition:border-color 0.3s;}
.testi-card:hover{border-color:rgba(112,144,240,0.32);}
.testi-card::before{content:'"';position:absolute;top:14px;right:20px;font-size:74px;line-height:1;color:rgba(112,144,240,0.14);font-family:Georgia,serif;pointer-events:none;}
.testi-stars{display:flex;gap:3px;margin-bottom:16px;}
.testi-star{color:var(--eth);font-size:15px;}
.testi-text{font-size:16px;line-height:1.78;color:rgba(255,255,255,0.72);margin-bottom:20px;font-style:italic;}
.testi-author{display:flex;align-items:center;gap:12px;border-top:1px solid rgba(255,255,255,0.07);padding-top:16px;}
.testi-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,rgba(112,144,240,0.3),rgba(112,144,240,0.08));border:1px solid rgba(112,144,240,0.3);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:var(--eth);flex-shrink:0;}
.testi-name{font-size:14px;font-weight:700;color:rgba(255,255,255,0.88);letter-spacing:0.08em;}
.testi-meta{font-size:14px;color:rgba(255,255,255,0.6);letter-spacing:0.12em;margin-top:2px;}
.testi-badge{display:inline-block;margin-top:6px;padding:2px 8px;background:rgba(112,144,240,0.14);border:1px solid rgba(112,144,240,0.28);border-radius:3px;font-size:8.5px;letter-spacing:0.18em;color:var(--eth);font-weight:600;}

/* ── 24-Hour Money-Back Guarantee — Premium Trust Badge ── */
.guarantee-wrap{display:flex;justify-content:center;margin-top:18px;}
.guarantee-badge{display:inline-flex;align-items:center;gap:14px;padding:14px 22px 14px 18px;background:rgba(112,144,240,0.07);border:1px solid rgba(112,144,240,0.36);border-radius:8px;box-shadow:0 0 24px rgba(112,144,240,0.10);max-width:520px;text-align:left;}
.guarantee-badge-icon{width:30px;height:30px;flex-shrink:0;color:#7090f0;filter:drop-shadow(0 0 8px rgba(112,144,240,0.5));}
.guarantee-badge-text{display:flex;flex-direction:column;gap:3px;line-height:1.1;}
.guarantee-badge-title{font-family:var(--condensed,'Barlow Condensed',sans-serif);font-size:14px;font-weight:900;letter-spacing:0.14em;text-transform:uppercase;color:rgba(255,255,255,0.96);}
.guarantee-badge-sub{font-family:var(--mono,'JetBrains Mono',monospace);font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.62);}
@media(max-width:540px){.guarantee-badge{gap:11px;padding:12px 16px;}.guarantee-badge-icon{width:26px;height:26px;}.guarantee-badge-title{font-size:12px;letter-spacing:0.10em;}.guarantee-badge-sub{font-size:9px;letter-spacing:0.08em;}}
.proof-strip{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;margin-top:56px;padding-top:40px;border-top:1px solid rgba(255,255,255,0.06);}
.proof-item{text-align:center;}
.proof-num{font-size:34px;font-weight:900;color:rgba(255,255,255,0.92);letter-spacing:-0.02em;font-family:var(--condensed, "Barlow Condensed",sans-serif);}
.proof-num span{color:var(--eth);}
.proof-label{font-size:13px;letter-spacing:0.22em;color:rgba(255,255,255,0.6);margin-top:4px;text-transform:uppercase;}

/* ── DEMO BANNER ──────────────────────────────────────── */
.demo-banner{
  position:relative;overflow:hidden;
  background:rgba(7,7,15,0.92);
  border-top:1px solid rgba(230,179,77,0.14);
  border-bottom:1px solid rgba(230,179,77,0.14);
  padding:28px 40px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  flex-wrap:wrap;
}
.demo-banner::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 80% 200% at 0% 50%,rgba(230,179,77,0.055) 0%,transparent 60%);
  pointer-events:none;
}
.demo-banner-left{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px;}
.demo-banner-tag{
  display:inline-flex;align-items:center;gap:7px;
  font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:0.28em;
  text-transform:uppercase;color:#e6b34d;margin-bottom:2px;
}
.demo-banner-tag-dot{
  width:6px;height:6px;border-radius:50%;background:#e6b34d;
  box-shadow:0 0 6px #e6b34d,0 0 14px rgba(230,179,77,0.5);
  animation:demoBlink 1.8s ease-in-out infinite;
}
.demo-banner-h{
  font-size:20px;font-weight:700;color:#f0ede8;line-height:1.2;
  letter-spacing:-0.01em;
}
.demo-banner-h em{font-style:normal;color:#e6b34d;}
.demo-banner-chain{
  display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:2px;
}
.demo-banner-step{
  font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:0.18em;
  text-transform:uppercase;padding:3px 9px;border:1px solid;
}
.demo-banner-step.bos{color:#4ade80;border-color:rgba(74,222,128,0.3);background:rgba(74,222,128,0.06);}
.demo-banner-step.ote{color:#e6b34d;border-color:rgba(230,179,77,0.3);background:rgba(230,179,77,0.06);}
.demo-banner-step.swp{color:#c084fc;border-color:rgba(192,132,252,0.3);background:rgba(192,132,252,0.06);}
.demo-banner-step.ch{color:#fbbf24;border-color:rgba(251,191,36,0.3);background:rgba(251,191,36,0.06);}
.demo-banner-sep{color:#9e9a96;font-size:11px;}
.demo-banner-right{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-end;gap:10px;}
.demo-banner-stats{display:flex;gap:24px;}
.demo-banner-stat{text-align:center;}
.demo-banner-stat-n{display:block;font-size:20px;font-weight:700;color:#e6b34d;
  text-shadow:0 0 8px rgba(230,179,77,0.8),0 0 20px rgba(230,179,77,0.35);}
.demo-banner-stat-l{display:block;font-family:'JetBrains Mono',monospace;font-size:9px;
  letter-spacing:0.16em;text-transform:uppercase;color:#9e9a96;margin-top:2px;}
.demo-banner-btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:13px 32px;
  background:rgba(230,179,77,0.08);border:1px solid #e6b34d;
  color:#fbbf24;font-size:12px;font-weight:700;
  letter-spacing:0.24em;text-transform:uppercase;text-decoration:none;
  transition:background 0.25s,box-shadow 0.25s,transform 0.2s;
  position:relative;overflow:hidden;white-space:nowrap;
}
.demo-banner-btn::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(110deg,transparent 30%,rgba(230,179,77,0.22) 50%,transparent 70%);
  transform:translateX(-120%);transition:transform 0.6s;
}
.demo-banner-btn:hover{
  background:rgba(230,179,77,0.16);transform:translateY(-2px);
  box-shadow:0 0 40px rgba(230,179,77,0.4),0 8px 30px rgba(0,0,0,0.4);
}
.demo-banner-btn:hover::after{transform:translateX(120%);}
.demo-banner-arr{transition:transform 0.2s;display:inline-block;}
.demo-banner-btn:hover .demo-banner-arr{transform:translateX(5px);}
.demo-banner-note{font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:0.16em;text-transform:uppercase;color:#9e9a96;}
@keyframes demoBlink{0%,100%{opacity:1}50%{opacity:0.15}}
@media(max-width:700px){
  .demo-banner{padding:22px 24px;flex-direction:column;align-items:flex-start;}
  .demo-banner-right{align-items:flex-start;}
  .demo-banner-stats{gap:16px;}
}

/* ── 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(148,82,255,0.92),
    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;
}

.testi-context {
  font-family: var(--mono, monospace);
  font-size: 10px;
  letter-spacing: 0.15em;
  color: rgba(255,223,158,0.6);
  text-transform: uppercase;
  margin-top: 4px;
}

.price-anchor {
  font-family: var(--mono, monospace);
  font-size: 12px;
  letter-spacing: 0.08em;
  color: rgba(255,223,158,0.65);
  line-height: 1.6;
  margin-bottom: 16px;
  padding: 10px 14px;
  border-left: 2px solid rgba(255,223,158,0.4);
  background: rgba(255,223,158,0.04);
  min-height: 60px;
  display: flex;
  align-items: center;
}

/* ── 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;
}
.pb-price::after,.pb-eth-price::after{content:"USD";font-size:0.26em;font-weight:400;font-family:var(--mono,monospace);letter-spacing:0.22em;opacity:0.42;vertical-align:super;margin-left:5px;}
.modal-big-price::after{content:"USD";font-size:0.22em;font-weight:400;font-family:var(--mono,monospace);letter-spacing:0.22em;opacity:0.38;vertical-align:super;margin-left:4px;}

/* ── 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;
  }
}

/* ── 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 ─── */






/* ─── MOBILE NAV DRAWER ─── */
@media(max-width:720px){
  

  .nav-links{
    display:flex!important;
    position:fixed!important;
    top:64px!important;
    left:0!important;right:0!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    background:rgba(3,3,5,0.98)!important;
    
    
    border-bottom:1.5px solid rgba(255,255,255,0.09)!important;
    padding:0!important;
    max-height:0!important;
    overflow:hidden!important;
    transition:max-height 0.36s cubic-bezier(.4,0,.2,1)!important;
    z-index:998!important;
    box-shadow:0 12px 40px rgba(0,0,0,0.7)!important;
  }
  .nav-links.is-open{max-height:820px!important;}
  .nav-dropdown{width:100%;flex-direction:column;align-items:stretch;}
  .nav-dropdown-toggle{display:flex!important;justify-content:space-between;width:100%;padding:15px 24px!important;font-size:13px!important;letter-spacing:0.18em;}
  .nav-dropdown-menu{position:static!important;transform:none!important;left:auto!important;opacity:0;max-height:0;overflow:hidden;pointer-events:none;min-width:unset!important;width:100%;border:none!important;border-left:2px solid rgba(230,179,77,0.25);margin-left:24px;background:transparent!important;transition:max-height 0.3s ease,opacity 0.3s;z-index:auto!important;}
  .nav-dropdown-menu.mobile-open{opacity:1!important;max-height:200px!important;pointer-events:auto!important;}
  .nav-dropdown-item{padding:10px 24px!important;font-size:12px!important;}

  .nav-links .nav-link{
    display:block!important;
    padding:15px 24px!important;
    font-size:13px!important;
    letter-spacing:0.13em!important;
    border-bottom:1px solid rgba(255,255,255,0.055)!important;
    color:rgba(255,255,255,0.72)!important;
    position:static!important;
  }
  .nav-links .nav-link:hover,
  .nav-links .nav-link.active{
    color:#e6b34d!important;
    background:rgba(230,179,77,0.06)!important;
  }
  .nav-links .nav-link::after{display:none!important;}
  .nav-links
  .nav-cta-micro{display:block!important;margin-top:4px!important;}
}

/* ─── 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;}
}

/* ── 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;}
  /* Price row needs wider value columns than the check rows so the amounts don't wrap/overlap */
  .vt-price-row{grid-template-columns:1fr 82px 82px!important;column-gap:4px!important;}
  .vi-price{font-size:10px!important;line-height:1.35!important;padding:0 2px!important;white-space:normal!important;word-break:keep-all!important;overflow-wrap:normal!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;
  }
}

/* ═══ ACCESSIBILITY & PERFORMANCE ADDITIONS ═══ */

/* Skip-to-main link (screen reader + keyboard users) */
.skip-to-main{
  position:fixed;top:-100px;left:16px;z-index:9999;
  background:var(--btc2,#e6b34d);color:#000;
  font-family:var(--condensed,'Barlow Condensed',sans-serif);
  font-size:14px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;
  padding:10px 20px;border-radius:3px;text-decoration:none;
  transition:top 0.15s ease;
  box-shadow:0 4px 20px rgba(0,0,0,0.4);
}
.skip-to-main:focus{top:16px;}

/* Focus-visible: keyboard navigation highlight */
:focus-visible{
  outline:2px solid rgba(144,180,248,0.85);
  outline-offset:3px;
  border-radius:2px;
}
a:focus-visible,button:focus-visible{
  outline:2px solid rgba(144,180,248,0.9);
  outline-offset:3px;
}

/* Touch-action: faster tap response on mobile */
button,a,.nav-cta,.btn-a,.btn-b,.btn-g,.fork-card-arrow{
  touch-action:manipulation;
}

/* Prefers-reduced-motion: respect user accessibility preference */
@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;
  }
  .ticker-inner{animation:none!important;}
  canvas{display:none!important;}
}

/* Prefers-color-scheme: already dark, add light-mode safety */
@media(prefers-color-scheme:light){
  /* Page is intentionally dark-themed — no change */
}

/* High-contrast mode support */
@media(forced-colors:active){
  .btn-a,.btn-b,.btn-g,
  .reveal{opacity:1!important;}
}

/* Mobile: minimum 44×44px touch targets */
@media(max-width:768px){
  button,
  a.nav-link,
  .nav-cta,
  .btn-a,.btn-b,.btn-g{
    min-height:44px;
  }
  
}

/* iOS tap highlight removal */
* { -webkit-tap-highlight-color: transparent; }

/* Smooth scroll only for non-reduced-motion users */
@media(prefers-reduced-motion:no-preference){
  html{scroll-behavior:smooth;}
}

/* iOS safe area support for fixed nav — only kick in if notch exists; never shrink desktop padding */
nav{
  padding-left: max(48px, env(safe-area-inset-left));
  padding-right: max(48px, env(safe-area-inset-right));
}
@media(max-width:960px){
  nav{
    padding-left: max(24px, env(safe-area-inset-left));
    padding-right: max(24px, env(safe-area-inset-right));
  }
}
/* Safe area for bottom-fixed elements */
@supports(padding: max(0px)){
  .cpw-modal-overlay, .modal-overlay{
    padding-bottom: max(20px, env(safe-area-inset-bottom));
  }
}

/* Button active states for better mobile feedback */
.btn-a:active,.btn-b:active,.btn-g:active,.nav-cta:active,.fork-card-arrow:active{
  transform:scale(0.98);
  transition:transform 0.08s ease;
}

/* Prevent text selection on interactive elements */
button,.btn-a,.btn-b,.btn-g,.nav-cta,.ticker-inner,.fork-card-arrow{
  user-select:none;
  -webkit-user-select:none;
}

/* Smoother scrollbar on webkit */
::-webkit-scrollbar{width:4px;background:var(--bg);}
::-webkit-scrollbar-thumb{background:rgba(144,180,248,0.25);border-radius:2px;}
::-webkit-scrollbar-thumb:hover{background:rgba(144,180,248,0.45);}

/* Better font rendering */
body{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

/* Print styles */
@media print{
  nav,.ticker-bar,.cursor-orb,.modal-overlay,.cpw-modal-overlay,
  canvas,.hero-bg,.hero-orb-eth,.hero-orb-btc{display:none!important;}
  body{background:#fff!important;color:#000!important;}
  a{color:#000!important;text-decoration:underline;}
  .reveal{opacity:1!important;transform:none!important;}
  h1,h2,h3{color:#000!important;text-shadow:none!important;}
  .btn-a,.btn-b,.btn-g{
    background:#000!important;color:#fff!important;
    border:1px solid #000;display:inline-block;padding:8px 16px;
  }
}

/* ── tcw-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;}
  #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;}
  nav{z-index:10000!important;}

/* ── block 5 ─────────────────────────────────────────── */
.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;}

/* ── block 6 ─────────────────────────────────────────── */
/* ── Exit Intent Overlay ──────────────────────────────────────────── */
#ei-overlay{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-overlay.ei-visible{opacity:1;pointer-events:auto;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}
#ei-modal{position:relative;background:var(--bg2,#06060e);border:1px solid rgba(230,179,77,0.3);border-radius:10px;max-width:520px;width:100%;padding:clamp(32px,5vw,52px);box-shadow:0 0 80px rgba(230,179,77,0.08),0 32px 64px rgba(0,0,0,0.6);transform:translateY(16px);transition:transform 0.32s cubic-bezier(0.25,0.46,0.45,0.94);}
#ei-overlay.ei-visible #ei-modal{transform:translateY(0);}
#ei-close{position:absolute;top:16px;right:16px;width:32px;height:32px;background:none;border:1px solid rgba(255,255,255,0.1);border-radius:4px;color:rgba(255,255,255,0.6);font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s;touch-action:manipulation;}
#ei-close:hover{border-color:rgba(255,255,255,0.25);color:rgba(255,255,255,0.7);}
.ei-eyebrow{font-family:var(--mono,'Share Tech Mono',monospace);font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:var(--btc,#e6b34d);margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.ei-eyebrow::before{content:'';display:block;width:20px;height:1px;background:var(--btc,#e6b34d);}
.ei-title{font-family:var(--condensed,'Barlow Condensed',sans-serif);font-size:clamp(24px,4vw,34px);font-weight:700;color:var(--near-white,#f2ede6);line-height:1.1;letter-spacing:-0.01em;margin:0 0 10px;}
.ei-title span{color:var(--btc,#e6b34d);}
.ei-subtitle{font-family:var(--body,'Barlow',sans-serif);font-size:clamp(13.5px,1.6vw,15px);color:var(--dim,#848078);line-height:1.65;margin:0 0 24px;}
.ei-checklist{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:8px;}
.ei-checklist li{display:flex;align-items:center;gap:10px;font-family:var(--body,'Barlow',sans-serif);font-size:13.5px;color:var(--muted,#bab6b0);}
.ei-check{width:18px;height:18px;border-radius:3px;background:rgba(230,179,77,0.12);border:1px solid rgba(230,179,77,0.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ei-check svg{color:var(--btc,#e6b34d);}
.ei-form{display:flex;gap:10px;flex-wrap:wrap;}
.ei-input{flex:1;min-width:180px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.12);border-radius:5px;padding:12px 16px;font-family:var(--body,'Barlow',sans-serif);font-size:14px;color:var(--near-white,#f2ede6);outline:none;transition:border-color .2s ease;-webkit-appearance:none;}
.ei-input::placeholder{color:var(--dim,#848078);}
.ei-input:focus{border-color:rgba(230,179,77,0.45);}
.ei-submit{background:var(--btc,#e6b34d);color:#000;border:none;border-radius:5px;padding:12px 22px;font-family:var(--condensed,'Barlow Condensed',sans-serif);font-size:15px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background .2s ease,transform .15s ease;touch-action:manipulation;}
.ei-submit:hover{background:var(--btc2,#ffdf9e);transform:translateY(-1px);}
.ei-submit:active{transform:translateY(0);}
.ei-success{text-align:center;padding:20px 0;display:none;}
.ei-success-icon{font-size:36px;margin-bottom:12px;}
.ei-success-title{font-family:var(--condensed,'Barlow Condensed',sans-serif);font-size:24px;font-weight:700;color:var(--near-white,#f2ede6);margin:0 0 8px;}
.ei-success-sub{font-family:var(--body,'Barlow',sans-serif);font-size:14px;color:var(--dim,#848078);margin:0;}
.ei-skip{display:block;text-align:center;margin-top:16px;font-family:var(--mono,'Share Tech Mono',monospace);font-size:11px;color:var(--dim,#848078);text-decoration:none;letter-spacing:0.1em;cursor:pointer;touch-action:manipulation;background:none;border:none;transition:color .2s;}
.ei-skip:hover{color:var(--muted,#bab6b0);}
@media(max-width:480px){.ei-form{flex-direction:column;}.ei-input,.ei-submit{width:100%;}}
@media(prefers-reduced-motion:reduce){#ei-overlay,#ei-modal{transition:none;}}

/* ── 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,
.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;}}

/* ── block 13 ─────────────────────────────────────────── */
/* 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-ilink ─────────────────────────────────────────── */
/* In-body links with no rule of their own were falling back to the UA default
   #0000EE — unreadable on true black. Wrapped in :where() so the whole block
   has ZERO specificity: it beats the UA stylesheet (author origin always does)
   but loses to every existing author rule, so links already styled by a parent
   rule keep exactly the colour they had. */
:where(a.tcw-ilink){
  color:#e6b34d;text-decoration:none;
  border-bottom:1px solid rgba(230,179,77,0.38);
  transition:color .15s ease,border-color .15s ease;
}
:where(a.tcw-ilink:hover),:where(a.tcw-ilink:focus-visible){
  color:#ffdf9e;border-bottom-color:#ffdf9e;
}
:where(a.tcw-ilink:focus-visible){outline:2px solid #ffdf9e;outline-offset:3px;}

/* ── 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 18 ─────────────────────────────────────────── */
.bundle-upsell-strip{background:linear-gradient(90deg,rgba(230,179,77,0.07) 0%,rgba(112,144,240,0.05) 100%);border-top:1px solid rgba(230,179,77,0.22);border-bottom:1px solid rgba(230,179,77,0.12);padding:32px 48px;}
.bus-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;}
.bus-left{flex:1;min-width:240px;}
.bus-badge{display:inline-block;font-family:var(--condensed);font-weight:900;font-size:10px;letter-spacing:0.3em;text-transform:uppercase;background:var(--btc);color:var(--bg);padding:2px 10px;margin-bottom:10px;}
.bus-headline{font-family:var(--condensed);font-weight:800;font-size:20px;letter-spacing:0.06em;text-transform:uppercase;color:var(--white);margin-bottom:6px;}
.bus-sub{font-family:var(--body);font-size:14px;color:var(--silver);line-height:1.6;}.bus-sub strong{color:var(--btc2);}
.bus-right{display:flex;flex-direction:column;align-items:flex-end;gap:14px;}
.bus-cta{display:inline-flex;align-items:center;gap:8px;padding:13px 32px;font-family:var(--condensed);font-weight:900;font-size:15px;letter-spacing:0.18em;text-transform:uppercase;background:linear-gradient(135deg,var(--btc),var(--btc2));color:var(--bg);text-decoration:none;transition:0.25s;transition-property:var(--tcw-tp);white-space:nowrap;}
.bus-cta:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(230,179,77,0.45);}
.bus-arrow{transition:transform 0.3s;}.bus-cta:hover .bus-arrow{transform:translateX(6px);}
.bus-options{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end;}
.bus-opt{font-family:var(--mono);font-size:11px;letter-spacing:0.14em;color:var(--muted);text-decoration:none;transition:color 0.2s;white-space:nowrap;}.bus-opt:hover{color:var(--white);}.bus-opt strong{color:var(--bright);}.bus-save{color:var(--green);}
@media(max-width:768px){.bundle-upsell-strip{padding:24px 20px;}.bus-right{align-items:flex-start;}.bus-options{justify-content:flex-start;}}

/* ── block 19 ─────────────────────────────────────────── */
/* pb price-band vertical alignment fix */
@media(min-width:1025px){
.pb-inner{align-items:stretch;}
.pb-left,.pb-right{display:flex;flex-direction:column;justify-content:flex-end;}
.pb-left .price-anchor:first-child{margin-top:0;}
.pb-left .pb-sub,.pb-right .pb-sub{min-height:4.9em;}
.pb-right{padding-bottom:40px;}
}

/* ── block 20 ─────────────────────────────────────────── */
.tgs-sec .tgs-lead{font-size:18px;color:var(--bright);line-height:1.84;font-weight:300;max-width:780px;margin-bottom:52px;}
.tgs-fig{margin:0 0 52px;border:1px solid rgba(230,179,77,0.28);border-radius:16px;overflow:hidden;background:#000;box-shadow:0 24px 70px rgba(0,0,0,0.6),0 0 44px rgba(230,179,77,0.08);-webkit-overflow-scrolling:touch;}
.tgs-fig svg{display:block;width:100%;height:auto;}
@media(max-width:640px){.tgs-fig{overflow-x:auto;}.tgs-fig svg{min-width:640px;}}
.tgs-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-bottom:52px;}
.tgs-card{position:relative;overflow:hidden;border:1px solid rgba(230,179,77,0.20);border-top:2px solid var(--btc);border-radius:14px;padding:32px 28px 28px;background:linear-gradient(180deg,rgba(230,179,77,0.09) 0%,rgba(6,6,14,0.7) 48%,rgba(0,0,0,0.5) 100%);box-shadow:0 18px 50px rgba(0,0,0,0.55);transition:transform 0.3s,border-color 0.3s,box-shadow 0.3s;}
.tgs-card::after{content:attr(data-n);position:absolute;top:6px;right:18px;font-family:var(--mono);font-size:64px;line-height:1;color:rgba(230,179,77,0.10);pointer-events:none;}
.tgs-card:hover{transform:translateY(-5px);border-color:rgba(255,223,158,0.55);box-shadow:0 28px 74px rgba(0,0,0,0.7),0 0 34px rgba(230,179,77,0.14);}
.tgs-card h3{font-family:var(--condensed);font-size:24px;font-weight:800;text-transform:uppercase;letter-spacing:0.04em;color:var(--white);margin:0 0 12px;}
.tgs-card .tgs-k{font-family:var(--mono);font-size:11px;letter-spacing:0.24em;text-transform:uppercase;display:block;margin-bottom:14px;color:var(--btc);background:linear-gradient(90deg,var(--btc),var(--btc2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.tgs-card p{font-size:15px;line-height:1.78;color:var(--muted);font-weight:300;margin:0;position:relative;z-index:1;}
.tgs-quote{position:relative;border:1px solid rgba(230,179,77,0.24);border-left:3px solid var(--btc);border-radius:0 16px 16px 0;background:linear-gradient(135deg,rgba(230,179,77,0.07),rgba(0,0,0,0) 70%);padding:34px 38px 28px 64px;margin:0 0 40px;font-family:var(--condensed);font-size:clamp(20px,2.2vw,25px);line-height:1.5;font-weight:300;font-style:italic;color:var(--near-white);max-width:760px;}
.tgs-quote::before{content:'C';position:absolute;left:20px;top:6px;font-family:Georgia,serif;font-size:68px;line-height:1;color:rgba(255,223,158,0.5);}
.tgs-quote cite{display:block;margin-top:14px;font-style:normal;font-family:var(--mono);font-size:12px;letter-spacing:0.22em;text-transform:uppercase;color:var(--btc2);}
.tgs-risk{font-family:var(--mono);font-size:11.5px;line-height:1.7;color:var(--dim);max-width:740px;}
.tgs-risk a{color:var(--btc);text-decoration:underline;}
@media(max-width:640px){.tgs-quote{font-size:19px;padding:28px 24px 24px 52px;}.tgs-sec .tgs-lead{font-size:16.5px;}}

/* ── block 21 ─────────────────────────────────────────── */
.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);}

/* ── tcw-sticky-cta ─────────────────────────────────────────── */
#cwStickyCta{position:fixed;left:0;right:0;bottom:0;z-index:900;display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(4,4,8,0.96);saturate(1.2);saturate(1.2);border-top:1px solid rgba(230,179,77,0.35);box-shadow:0 -12px 40px rgba(0,0,0,0.6);transform:translateY(110%);transition:transform 0.38s cubic-bezier(0.25,0.46,0.45,0.94);}
#cwStickyCta::before{content:'';position:absolute;top:-1px;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent,#e6b34d 30%,#ffdf9e 50%,#e6b34d 70%,transparent);}
#cwStickyCta.on{transform:translateY(0);}
.cw-sticky-meta{font-family:var(--mono,'Share Tech Mono',monospace);font-size:10.5px;letter-spacing:0.16em;text-transform:uppercase;color:#b6b2ab;display:flex;align-items:center;gap:8px;white-space:nowrap;}
.cw-sticky-meta strong{color:#ffdf9e;font-weight:400;}
.cw-sticky-dot{width:6px;height:6px;border-radius:50%;background:#e6b34d;box-shadow:0 0 8px #e6b34d;flex-shrink:0;animation:pulse 2s infinite;}
.cw-sticky-btn{font-family:var(--condensed,'Barlow Condensed',sans-serif);font-weight:800;font-size:14px;letter-spacing:0.12em;text-transform:uppercase;min-height:48px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:0.25s;transition-property:var(--tcw-tp);text-decoration:none;border-radius:0;white-space:nowrap;}
.cw-sticky-fn{background:transparent;border:1.5px solid rgba(255,255,255,0.35);color:#f2ede6;}
.cw-sticky-fn:hover{border-color:#ffdf9e;color:#ffdf9e;}
.cw-sticky-mw{background:linear-gradient(135deg,#e6b34d 0%,#f0d080 100%);border:1.5px solid #e6b34d;color:#050505;box-shadow:0 0 24px rgba(230,179,77,0.35);}
.cw-sticky-mw:hover{transform:translateY(-2px);box-shadow:0 4px 32px rgba(230,179,77,0.55);}
.cw-sticky-btn small{font-family:var(--mono,'Share Tech Mono',monospace);font-size:10px;letter-spacing:0.06em;opacity:0.75;font-weight:400;}
@media(max-width:640px){
  #cwStickyCta{gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));}
  .cw-sticky-meta{display:none;}
  .cw-sticky-btn{flex:1;font-size:13px;padding:0 10px;}
}
@media(max-width:640px){
  body.cw-sticky-live{padding-bottom:76px;}
  .hero-scroll{display:none!important;}
  .hero-ctas .btn-a,.hero-ctas .btn-b{width:100%;justify-content:center;min-height:52px;}
  .demo-banner{flex-direction:column;}
}

/* ── tcw-monument-vault ─────────────────────────────────────────── */
:root{--metal-frame:rgba(144,180,248,0.28);--metal-glow:rgba(112,144,240,0.2);}
/* ═══ MONUMENT VAULT — institutional geometry pass ═══
   Same architecture as /discover: sharp edges, hairline metal frames,
   engraved shadows. The page's own metal (--green accent var) frames
   every flagship surface; conversion gold and risk red are untouched. */
.stat-card,.why-card,.testi-card,.bundle-card,.coaching-card,
.price-anchor,.price-band,.vtable,.cmp-table,.cmp-wrap{
  border-radius:0!important;
}
.stat-card,.why-card,.coaching-card{
  border:1px solid rgba(255,255,255,0.08)!important;
  background:linear-gradient(180deg,#08080e 0%,#040406 100%)!important;
  transition:background 0.4s ease,border-color 0.4s ease!important;
}
.stat-card:hover,.why-card:hover,.coaching-card:hover{
  background:linear-gradient(180deg,#0b0b13 0%,#050507 100%)!important;
  border-color:var(--metal-frame,rgba(230,179,77,0.35))!important;
}
.vtable,.price-band{
  border:1px solid var(--metal-frame,rgba(230,179,77,0.24))!important;
  box-shadow:0 40px 110px rgba(0,0,0,0.6),
             0 0 70px -25px var(--metal-glow,rgba(230,179,77,0.22))!important;
}
.bundle-card{
  border:1px solid var(--metal-frame,rgba(230,179,77,0.24))!important;
  box-shadow:0 30px 90px rgba(0,0,0,0.55),
             0 0 50px -20px var(--metal-glow,rgba(230,179,77,0.2))!important;
}
button,.btn,a[class*="cta"]{border-radius:0!important;}
input,select{border-radius:0!important;}

/* ═══ Bundle pair row-alignment ═══
   Both cards expose 8 zones (badge / label / name / includes / price row /
   button / note / bonus list). Subgrid locks every zone to the same row
   across both cards, so SAVE bands, prices and buy buttons sit level. */
@supports(grid-template-rows:subgrid){
  .bundle-grid{grid-template-rows:repeat(8,auto);}
  .bundle-card{
    display:grid!important;
    grid-template-rows:subgrid;
    grid-row:span 8;
    align-content:start;
  }
  .bundle-card .bundle-save-row{margin-top:0!important;align-self:end;}
  .bundle-card .btn-bundle-mw,.bundle-card .btn-bundle-fn{align-self:start;}
}
@media(max-width:700px){
  .bundle-grid{grid-template-rows:none!important;}
  .bundle-card{display:flex!important;grid-row:auto;}
}

/* ── block 24 ─────────────────────────────────────────── */
.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-priceband-balance ─────────────────────────────────────────── */
/* ── Price band balance + alignment (Jul 26 2026) ──────────────────────────
   1. The free-course line used to be a second .price-anchor box inside .pb-left,
      with no counterpart on the right. That left the column visibly heavier and
      made the two columns' start positions depend on how the copy wrapped. It is
      now a full-width row of its own, below both columns — balanced by design
      rather than by luck, and finally a link instead of dead text.
   2. eth-sales alone carried .pb-right{justify-content:flex-end;padding-bottom:40px},
      which bottom-aligned that column and pushed its badge/price 33px below the
      left. btc and gold never had it. Neutralised so all three top-align. */
/* Measured cause of the drift: .pb-left carries padding:40px 48px and bottom-aligns
   its content, while .pb-right had zero padding and top-aligned. That 40px of top
   padding WAS the misalignment. Both columns now share a top edge and matching
   vertical padding, so the badge / label / price rows line up structurally instead
   of depending on how each column's copy happens to wrap. */
.pb-left,.pb-right{justify-content:flex-start;align-self:start;}
.pb-right{padding:40px 48px;}
@media(max-width:1024px){.pb-right{padding:32px 24px;}}
/* While the columns sit side by side, the two anchor paragraphs are different
   lengths, so between roughly 1050-1350px one wraps to a 4th line and drags its
   whole column down. Reserving the taller of the two heights keeps the rows
   locked together at every width instead of only the ones we happened to test.
   Scoped above the stacking breakpoint so mobile stays tight. */
@media(min-width:1025px){
  /* Each row that can wrap differently between the two columns reserves the taller
     of the two heights, so the rows stay locked together at every width rather than
     only the ones we happened to screenshot. Measured, not guessed: the anchor goes
     3->4 lines, and the badge and label both go 1->2 lines as the columns narrow. */
  .pb-left>.price-anchor,.pb-right>.price-anchor{min-height:6.5em;}
  .pb-left>.pb-tier-badge,.pb-right>.pb-tier-badge{min-height:30px;display:flex;align-items:center;}
  .pb-right>.pb-tier-badge{justify-content:flex-end;}
  .pb-left>.pb-label,.pb-right>.pb-label{min-height:32px;}
}
.pb-freecourse{grid-column:1/-1;display:flex;align-items:center;justify-content:center;
  gap:18px;margin-top:40px;padding:0 12px;}
.pb-fc-rule{flex:1 1 auto;max-width:180px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(45,212,191,0.38),transparent);}
.pb-fc-link{font-family:var(--mono,'Share Tech Mono',monospace);font-size:13px;letter-spacing:0.12em;
  color:#2dd4bf;text-decoration:none;text-align:center;padding:10px 18px;min-height:44px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(45,212,191,0.32);background:rgba(45,212,191,0.05);
  transition:0.25s;transition-property:var(--tcw-tp,color,border-color,background);}
.pb-fc-link:hover,.pb-fc-link:focus-visible{color:#7ff0e2;border-color:rgba(45,212,191,0.7);
  background:rgba(45,212,191,0.10);}
.pb-fc-link>span{margin-left:8px;}
@media(max-width:900px){
  .pb-freecourse{margin-top:28px;gap:10px;}
  .pb-fc-rule{max-width:48px;}
  .pb-fc-link{font-size:12px;letter-spacing:0.08em;padding:10px 14px;}
}

/* ── 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;}
}
