*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  :root {
    /* Brand */
    --navy: #0D1B3E; --navy-mid: #1A2F5A;
    --accent: #1E8CFF; --accent-teal: #00C4CC;
    --accent-text: #0B62C4; --accent-teal-text: #037880;
    /* Surfaces */
    --white: #FFFFFF; --off-white: #F7F8FC;
    --border: #E2E8F4;
    /* Text */
    --text-muted: #566389; --text-body: #3A4A6A;
    /* ── Deep section tokens (verified, journal, faq — adapt to theme) ── */
    --deep-bg: linear-gradient(160deg, #F4F7FF 0%, #EDF2FF 55%, #F4F7FF 100%);
    --deep-border: #D8E2F5;
    --deep-text: #0D1B3E;
    --deep-text-hi: rgba(13,27,62,0.78);
    --deep-text-sub: rgba(13,27,62,0.65);
    --deep-text-muted: rgba(13,27,62,0.66);
    --deep-card-bg: rgba(255,255,255,0.82);
    --deep-card-border: rgba(13,27,62,0.09);
    --deep-divider: rgba(13,27,62,0.09);
    --deep-cat-hover: rgba(13,27,62,0.05);
    --deep-cat-active: rgba(30,140,255,0.08);
    --deep-strip-bg: rgba(13,27,62,0.04);
    --deep-strip-border: rgba(13,27,62,0.1);
    /* ── Price/Course card tokens ── */
    --price-block-bg: linear-gradient(135deg, rgba(13,27,62,0.04) 0%, rgba(0,196,204,0.05) 100%);
    --price-text: #0D1B3E;
    --price-body: #3A4A6A;
    --price-seats-bg: rgba(30,140,255,0.06);
    --price-seats-border: rgba(30,140,255,0.18);
    --price-seats-color: #1E8CFF;
  }
  html { scroll-behavior: smooth; overflow-x: hidden; overflow-x: clip; }
  body { font-family: "Inter", sans-serif; background: var(--white); color: var(--navy); overflow-x: hidden; overflow-x: clip; max-width: 100%; }

  /* TICKER */
  .ticker-wrap { background: rgba(244,247,255,0.9); border-bottom: 1px solid rgba(210,224,248,0.8); padding: 9px 0; overflow: hidden; white-space: nowrap; }
  .ticker-track { display: inline-flex; gap: 56px; animation: ticker 28s linear infinite; }
  @keyframes ticker { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
  .t-item { display: inline-flex; align-items: center; gap: 10px; font-family: "JetBrains Mono", monospace; font-size: 10.5px; letter-spacing: 0.08em; }
  .t-label { color: var(--text-muted); } .t-val { color: var(--accent-teal-text); } .t-sep { color: var(--border); font-size: 14px; }

  /* NAV */
  nav { position: sticky; top: 0; z-index: 999; background: rgba(255,255,255,0.96); backdrop-filter: blur(12px); border-bottom: 1px solid var(--border); padding: 0 48px; display: flex; align-items: center; justify-content: space-between; height: 68px; }
  .nav-brand { display: flex; align-items: center; gap: 10px; text-decoration: none; }
  .nav-logo-img { width: 36px; height: 36px; object-fit: contain; mix-blend-mode: multiply; filter: contrast(1.15) saturate(1.1) drop-shadow(0 1px 4px rgba(13,27,62,0.18)); transition: filter 0.25s ease; }
  .nav-logo-img:hover { filter: contrast(1.2) saturate(1.15) drop-shadow(0 2px 10px rgba(26,48,96,0.32)); }
  .nav-brand-text { font-family: "Inter", sans-serif; font-weight: 700; font-size: 18px; letter-spacing: -0.02em; color: var(--navy); }
  .nav-brand-text span { color: var(--accent); }
  .tab-short { display: none; }
  .nav-links { display: flex; align-items: center; gap: 4px; list-style: none; }
  .nav-links a { font-size: 13.5px; font-weight: 500; color: var(--text-muted); text-decoration: none; transition: color 0.2s; }
  .nav-links a:hover { color: var(--navy); }
  .nav-btn { display: inline-flex; align-items: center; gap: 7px; background: linear-gradient(100deg, var(--accent), var(--accent-teal)); color: #04121f; border: none; font-family: "Inter", sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; padding: 11px 22px; cursor: pointer; border-radius: 999px; box-shadow: 0 10px 26px -12px rgba(30,140,255,0.5); }
  .nav-btn svg { width: 12px; height: 12px; flex-shrink: 0; transition: transform 0.25s cubic-bezier(.16,1,.3,1); }
  .nav-btn:hover svg { transform: translateX(3px); }
  nav { transition: box-shadow 0.35s ease, background 0.35s ease; }
  nav::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; background: linear-gradient(90deg, transparent, rgba(74,173,255,0.4) 25%, rgba(0,212,220,0.4) 50%, rgba(74,173,255,0.4) 75%, transparent); pointer-events: none; }
  nav.nav-scrolled { box-shadow: 0 14px 40px rgba(4,10,22,0.28); }
  [data-theme="dark"] nav.nav-scrolled { box-shadow: 0 16px 44px rgba(0,0,0,0.4); }

  /* HERO */
  .hero { background: linear-gradient(160deg, #F0F4FF 0%, #FFFFFF 55%, #EAF9FA 100%); padding: 104px 48px 96px; display: flex; align-items: center; justify-content: space-between; gap: 64px; border-bottom: 1px solid var(--border); min-height: 580px; }
  .hero-left { flex: 1; max-width: 580px; }
  .hero-eyebrow { display: inline-flex; align-items: center; gap: 8px; background: #EAF3FF; border: 1px solid #BDD6FF; border-radius: 20px; padding: 5px 14px; font-family: "JetBrains Mono", monospace; font-size: 10px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent); margin-bottom: 28px; }
  .eyebrow-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--accent-teal); animation: pulse 2s ease-in-out infinite; }
  @keyframes pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.5; transform: scale(0.8); } }
  .hero h1 { font-family: "Playfair Display", serif; font-size: 60px; font-weight: 700; line-height: 1.07; letter-spacing: -0.03em; color: var(--navy); margin-bottom: 22px; }
  .hero h1 em { font-style: italic; background: linear-gradient(135deg, var(--accent) 0%, var(--accent-teal) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
  .hero-sub { font-size: 16px; color: var(--text-body); line-height: 1.75; max-width: 460px; margin-bottom: 44px; }
  .hero-sub a { color: var(--accent-teal-text); text-decoration: underline; text-underline-offset: 2px; text-decoration-color: rgba(0,212,220,0.4); transition: text-decoration-color 0.2s; }
  .hero-sub a:hover { text-decoration-color: var(--accent-teal-text); }
  .hero-right { flex-shrink: 0; display: flex; flex-direction: column; align-items: center; gap: 16px; }
  .hero-logo-wrap { width: 200px; height: 200px; display: flex; align-items: center; justify-content: center; position: relative; }
  .hero-logo-wrap::before { content: ''; position: absolute; inset: -28px; background: radial-gradient(ellipse at center, rgba(79,209,197,0.13) 0%, rgba(26,48,96,0.09) 45%, transparent 72%); border-radius: 50%; pointer-events: none; animation: logoGlow 4s ease-in-out infinite; }
  @keyframes logoGlow { 0%, 100% { opacity: 0.7; transform: scale(1); } 50% { opacity: 1; transform: scale(1.06); } }
  .hero-logo-wrap img { width: 100%; height: 100%; object-fit: contain; position: relative; z-index: 1; mix-blend-mode: multiply; filter: contrast(1.1) saturate(1.05) brightness(0.97) drop-shadow(0 6px 28px rgba(26,48,96,0.22)) drop-shadow(0 0 14px rgba(79,209,197,0.14)); }
  .hero-brand-name { font-family: "Playfair Display", serif; font-size: 28px; font-weight: 700; color: var(--navy); text-align: center; }
  .hero-brand-name span { background: linear-gradient(135deg, var(--accent), var(--accent-teal)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }

  /* FORMS */
  .wl-form-wrap { max-width: 440px; }
  .wl-input-row { display: flex; border: 1.5px solid var(--border); border-radius: 6px; overflow: hidden; box-shadow: 0 4px 24px rgba(13,27,62,0.08); }
  .wl-input-row input[type="email"] { flex: 1; border: none; outline: none; font-family: "Inter", sans-serif; font-size: 14px; padding: 15px 18px; color: var(--navy); background: #fff; }
  .wl-input-row input[type="email"]::placeholder { color: #B0BCCE; }
  .wl-input-row button { background: var(--navy); color: #fff; border: none; font-family: "Inter", sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; padding: 15px 22px; cursor: pointer; white-space: nowrap; transition: background 0.2s; }
  .wl-input-row button:hover { background: var(--navy-mid); }
  .form-note { font-size: 12px; color: var(--text-muted); margin-top: 10px; display: flex; align-items: center; gap: 6px; }
  .form-note::before { content: "✓"; color: var(--accent-teal); font-weight: 700; }
  .form-success { display: none; background: #EAF9F4; border: 1px solid #A8DFC9; border-radius: 6px; padding: 13px 18px; font-family: "JetBrains Mono", monospace; font-size: 11px; color: #1A7A56; letter-spacing: 0.06em; margin-top: 8px; }

  /* STATS */
  .stats-bar { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid var(--border); }
  .stat-cell { padding: 40px 36px; border-right: 1px solid var(--border); position: relative; }
  .stat-cell:last-child { border-right: none; }
  .stat-cell::after { content: ""; position: absolute; bottom: 0; left: 36px; right: 36px; height: 2px; background: linear-gradient(90deg, var(--accent), var(--accent-teal)); opacity: 0; transition: opacity 0.3s; }
  .stat-cell:hover::after { opacity: 1; }
  .stat-num { font-family: "Playfair Display", serif; font-size: 44px; font-weight: 700; color: var(--navy); line-height: 1; margin-bottom: 8px; letter-spacing: -0.03em; }
  .stat-num .accent { color: var(--accent); }
  .stat-label { font-family: "JetBrains Mono", monospace; font-size: 10px; color: var(--text-muted); letter-spacing: 0.12em; text-transform: uppercase; }
  .stat-discord-link { display: inline-flex; align-items: center; gap: 7px; margin-top: 10px; text-decoration: none; background: rgba(88,101,242,0.10); border: 1px solid rgba(88,101,242,0.28); border-radius: 6px; padding: 5px 10px 5px 8px; transition: background 0.2s, border-color 0.2s, transform 0.2s; }
  .stat-discord-link:hover { background: rgba(88,101,242,0.18); border-color: rgba(88,101,242,0.5); transform: translateY(-1px); }
  .stat-discord-icon { width: 14px; height: 14px; flex-shrink: 0; }
  .stat-discord-text { font-family: "JetBrains Mono", monospace; font-size: 9px; letter-spacing: 0.13em; text-transform: uppercase; color: #7289da; white-space: nowrap; }
  .stat-badge { display: inline-flex; background: #EAF9F4; border: 1px solid #A8DFC9; border-radius: 3px; padding: 2px 8px; font-size: 9px; font-weight: 600; color: #1A7A56; letter-spacing: 0.08em; text-transform: uppercase; margin-top: 6px; }
  .stat-vtag { display: inline-flex; align-items: center; gap: 5px; font-family: "JetBrains Mono", monospace; font-size: 9.5px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent-teal-text); margin-bottom: 14px; opacity: 0.85; }
  .stat-vtag svg { width: 11px; height: 11px; flex-shrink: 0; }
  .tnum { font-variant-numeric: tabular-nums; }
  .stats-bar .stat-num.grad { background: linear-gradient(100deg, var(--accent), var(--accent-teal)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
  .stats-bar .stat-num.accent-num { color: var(--accent-text); }
  .stat-cell { transition: background 0.35s; }
  .stat-cell:hover { background: rgba(30,140,255,0.03); }
  [data-theme="dark"] .stat-cell:hover { background: rgba(74,173,255,0.05); }

  /* SECTIONS */
  .section { padding: 88px 48px; border-bottom: 1px solid var(--border); }
  #the-ssc, #story { position: relative; overflow: hidden; isolation: isolate; }
  .story-glow { position: absolute; border-radius: 50%; pointer-events: none; z-index: 0; animation: trGlowDrift 11s ease-in-out infinite; }
  .story-glow--a { width: 460px; height: 460px; top: -10%; left: -8%; background: radial-gradient(closest-side, rgba(74,173,255,0.1), transparent 70%); }
  .story-glow--b { width: 360px; height: 360px; bottom: -12%; right: -6%; background: radial-gradient(closest-side, rgba(232,196,104,0.08), transparent 70%); animation-delay: -4s; animation-direction: reverse; }
  [data-theme="dark"] .story-glow--a { background: radial-gradient(closest-side, rgba(74,173,255,0.16), transparent 70%); }
  [data-theme="dark"] .story-glow--b { background: radial-gradient(closest-side, rgba(232,196,104,0.12), transparent 70%); }
  @media(prefers-reduced-motion: reduce) { .story-glow { animation: none !important; } }
  .section.alt-bg { background: var(--off-white); }
  .section-tag { display: flex; align-items: center; gap: 10px; font-family: "JetBrains Mono", monospace; font-size: 10px; color: var(--accent-text); letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 16px; }
  .section-tag::before { content: ""; width: 22px; height: 1px; background: linear-gradient(90deg, transparent, currentColor); }
  .section-tag--center { justify-content: center; }
  .section-head { font-family: "Playfair Display", serif; font-size: 42px; font-weight: 700; color: var(--navy); line-height: 1.1; letter-spacing: -0.025em; margin-bottom: 16px; max-width: 520px; }
  .section-sub { font-size: 15px; color: var(--text-body); max-width: 540px; line-height: 1.75; margin-bottom: 56px; }

  /* PROOF BADGES */
  .proof-row { display: flex; align-items: center; gap: 16px; margin-bottom: 48px; flex-wrap: wrap; }
  .proof-badge { display: flex; align-items: center; gap: 8px; background: var(--white); border: 1px solid var(--border); border-radius: 6px; padding: 8px 16px; font-family: "JetBrains Mono", monospace; font-size: 10.5px; color: var(--navy); letter-spacing: 0.06em; }
  .proof-badge-dot { width: 7px; height: 7px; border-radius: 50%; }
  .proof-badge-dot.green { background: #2DD4A0; } .proof-badge-dot.blue { background: var(--accent); }


  /* RECORD CARDS */
  .record-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .record-card { background: var(--white); border: 1px solid var(--border); border-radius: 10px; padding: 28px 24px; transition: box-shadow 0.25s, transform 0.25s; position: relative; overflow: hidden; }
  .record-card::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--accent), var(--accent-teal)); }
  .record-card:hover { box-shadow: 0 12px 40px rgba(13,27,62,0.1); transform: translateY(-2px); }
  .rec-flip { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
  .rec-from { font-family: "JetBrains Mono", monospace; font-size: 13px; color: var(--text-muted); text-decoration: line-through; }
  .rec-arrow { color: var(--border); font-size: 16px; }
  .rec-to { font-family: "JetBrains Mono", monospace; font-size: 15px; font-weight: 500; color: var(--navy); }
  .rec-gain { display: inline-block; background: #EAF9F4; color: #1A7A56; font-family: "JetBrains Mono", monospace; font-size: 10px; font-weight: 700; letter-spacing: 0.08em; padding: 3px 8px; border-radius: 3px; margin-bottom: 14px; }
  .rec-title { font-size: 14px; font-weight: 600; color: var(--navy); margin-bottom: 4px; }
  .rec-meta { font-family: "JetBrains Mono", monospace; font-size: 10px; color: var(--text-muted); letter-spacing: 0.06em; margin-bottom: 16px; line-height: 1.6; }
  .rec-verify { display: flex; align-items: center; gap: 6px; padding-top: 14px; border-top: 1px solid var(--border); font-size: 10px; color: var(--text-muted); letter-spacing: 0.05em; text-transform: uppercase; }
  .rec-verify-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--accent-teal); }

  /* CERTIFICATE CAROUSEL */
  .cert-section { background: linear-gradient(160deg, #F4F7FF 0%, #EDF2FF 55%, #F4F7FF 100%); padding: 72px 0; border-bottom: 1px solid #D8E2F5; overflow: hidden; }
  .cert-section-header { padding: 0 48px; margin-bottom: 40px; }
  .cert-section-tag { font-family: "JetBrains Mono", monospace; font-size: 10px; color: var(--text-muted); letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 10px; }
  .cert-section-title { font-family: "Playfair Display", serif; font-size: 32px; font-weight: 700; color: var(--navy); letter-spacing: -0.02em; }
  .cert-section-title em { font-style: italic; background: linear-gradient(90deg, var(--accent), var(--accent-teal)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
  .cert-carousel-wrap { overflow: hidden; position: relative; }
  .cert-carousel-wrap::before, .cert-carousel-wrap::after { content: ""; position: absolute; top: 0; bottom: 0; width: 120px; z-index: 2; pointer-events: none; }
  .cert-carousel-wrap::before { left: 0; background: linear-gradient(to right, #F4F7FF, transparent); }
  .cert-carousel-wrap::after { right: 0; background: linear-gradient(to left, #F4F7FF, transparent); }
  .cert-track { display: flex; gap: 24px; animation: certscroll 40s linear infinite; width: max-content; }
  .cert-track:hover { animation-play-state: paused; }
  @keyframes certscroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
  .cert-card { flex-shrink: 0; width: 340px; border-radius: 12px; overflow: hidden; border: 1px solid rgba(13,27,62,0.1); box-shadow: 0 4px 20px rgba(13,27,62,0.1); transition: transform 0.3s, box-shadow 0.3s; cursor: pointer; }
  .cert-card:hover { transform: scale(1.03); box-shadow: 0 12px 40px rgba(13,27,62,0.18); }
  .cert-card img { width: 100%; height: 220px; object-fit: cover; object-position: center top; display: block; }
  .cert-card-footer { background: rgba(255,255,255,0.9); border-top: 1px solid rgba(13,27,62,0.07); padding: 12px 16px; display: flex; align-items: center; justify-content: space-between; }
  .cert-card-label { font-family: "JetBrains Mono", monospace; font-size: 10px; color: var(--text-muted); letter-spacing: 0.08em; text-transform: uppercase; }
  .cert-card-amount { font-family: "JetBrains Mono", monospace; font-size: 12px; color: var(--accent-teal-text); font-weight: 500; }

  /* SSC */
  .method-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
  .method-card { background: linear-gradient(155deg, #101F42 0%, #0A1530 100%); border: 1px solid rgba(255,255,255,0.07); border-radius: 16px; padding: 36px 30px 30px; position: relative; overflow: hidden; }
  .method-card::after { content: ""; position: absolute; top: -60px; right: -60px; width: 160px; height: 160px; border-radius: 50%; background: radial-gradient(circle, rgba(30,140,255,0.16) 0%, transparent 70%); pointer-events: none; }
  .method-card::before { content: attr(data-idx); position: absolute; right: 16px; bottom: -24px; font-family: "Playfair Display", serif; font-size: 104px; font-weight: 700; color: rgba(255,255,255,0.035); line-height: 1; pointer-events: none; }
  .method-card:hover { border-color: rgba(30,140,255,0.4); box-shadow: 0 30px 70px -32px rgba(30,140,255,0.45); transform: translateY(-6px); }
  .method-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; position: relative; z-index: 1; }
  .method-ico { width: 42px; height: 42px; border-radius: 11px; background: rgba(30,140,255,0.14); border: 1px solid rgba(30,140,255,0.24); display: flex; align-items: center; justify-content: center; color: #9DC0FF; transition: transform .4s cubic-bezier(.16,1,.3,1), background .3s; }
  .method-ico svg { width: 20px; height: 20px; }
  .method-card:hover .method-ico { transform: scale(1.08) rotate(-4deg); background: rgba(30,140,255,0.22); }
  .method-num { font-family: "JetBrains Mono", monospace; font-size: 10px; color: #9DC0FF; letter-spacing: 0.18em; text-transform: uppercase; }
  .method-num b { color: #fff; font-weight: 700; }
  .method-name { font-family: "Playfair Display", serif; font-size: 24px; font-weight: 700; color: #fff; margin: 12px 0; position: relative; z-index: 1; }
  .method-desc { font-size: 14.5px; color: rgba(255,255,255,.72); line-height: 1.75; margin-bottom: 22px; position: relative; z-index: 1; }
  .method-redacted { display: flex; flex-direction: column; gap: 8px; margin-bottom: 26px; position: relative; z-index: 1; }
  .method-redacted span { display: block; height: 8px; border-radius: 4px; background: linear-gradient(90deg, rgba(255,255,255,.14), rgba(255,255,255,.03)); }
  .method-redacted span:nth-child(1) { width: 82%; }
  .method-redacted span:nth-child(2) { width: 54%; }
  .method-unlock { display: flex; align-items: center; gap: 8px; font-family: "JetBrains Mono", monospace; font-size: 10.5px; letter-spacing: 0.06em; text-transform: uppercase; color: #9DC0FF; text-decoration: none; padding-top: 18px; border-top: 1px solid rgba(255,255,255,0.09); position: relative; z-index: 1; transition: color .3s, gap .3s; cursor: pointer; }
  .method-unlock:hover { color: #fff; gap: 12px; }
  .method-unlock svg { width: 13px; height: 13px; flex-shrink: 0; }
  .method-unlock .m-arrow { margin-left: auto; }

  /* STORY */
  .story-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }
  .story-body p { font-size: 15px; color: var(--text-body); line-height: 1.85; margin-bottom: 20px; }
  .story-body strong { color: var(--navy); font-weight: 600; }
  .story-body .highlight { border-left: 3px solid var(--accent); padding-left: 18px; margin: 28px 0; font-size: 17px; font-style: italic; color: var(--navy); font-family: "Playfair Display", serif; line-height: 1.5; }
  .timeline { display: flex; flex-direction: column; }
  .timeline { position: relative; }
  .timeline::before { content: ""; position: absolute; left: 19px; top: 22px; bottom: 26px; width: 2px; background: linear-gradient(180deg, var(--accent) 0%, var(--accent-teal) 65%, transparent 100%); opacity: .3; }
  .tl-item { display: flex; gap: 20px; padding: 0 0 36px; position: relative; }
  .tl-item:last-child { padding-bottom: 2px; }
  .tl-node { position: relative; z-index: 1; flex-shrink: 0; width: 40px; height: 40px; }
  .tl-node-dot { width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, var(--accent), var(--accent-teal)); display: flex; align-items: center; justify-content: center; color: #fff; box-shadow: 0 0 0 5px var(--off-white), 0 10px 24px -8px rgba(30,140,255,.5); transition: transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s; }
  .tl-node-dot svg { width: 17px; height: 17px; }
  .tl-item:hover .tl-node-dot { transform: scale(1.1); box-shadow: 0 0 0 5px var(--off-white), 0 14px 30px -8px rgba(30,140,255,.65); }
  .tl-item--now .tl-node::after { content: ""; position: absolute; inset: -6px; border-radius: 50%; border: 1.5px solid var(--accent-teal); animation: tlPulse 2.2s ease-out infinite; }
  .tl-card { flex: 1; padding-top: 3px; transition: transform .35s cubic-bezier(.16,1,.3,1); }
  .tl-item:hover .tl-card { transform: translateX(5px); }
  .tl-year { font-family: "JetBrains Mono", monospace; font-size: 12px; color: var(--accent-text); font-weight: 600; letter-spacing: .05em; margin-bottom: 7px; display: flex; align-items: center; gap: 10px; }
  .tl-now { font-family: "JetBrains Mono", monospace; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; color: var(--accent-teal-text); background: rgba(0,196,204,.1); border: 1px solid rgba(0,196,204,.3); border-radius: 20px; padding: 2px 9px; }
  .tl-title { font-family: "Playfair Display", serif; font-size: 17px; font-weight: 700; color: var(--navy); margin-bottom: 6px; line-height: 1.32; }
  .tl-detail { font-size: 13.5px; color: var(--text-muted); line-height: 1.7; max-width: 46ch; }
  @keyframes tlPulse { 0% { transform: scale(.85); opacity: .85; } 100% { transform: scale(1.4); opacity: 0; } }

  /* COURSES */
  .course-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
  .course-card { border: 1px solid var(--border); border-radius: 12px; padding: 36px 32px; background: var(--white); position: relative; transition: box-shadow 0.25s; }
  .course-card:hover { box-shadow: 0 12px 48px rgba(13,27,62,0.09); }
  .course-card.featured { border-color: var(--accent); border-width: 2px; }
  .course-badge { position: absolute; top: -12px; left: 28px; background: var(--accent); color: #fff; font-size: 10px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; padding: 4px 12px; border-radius: 4px; }
  .course-type { font-family: "JetBrains Mono", monospace; font-size: 10px; color: var(--text-muted); letter-spacing: 0.15em; text-transform: uppercase; margin-bottom: 12px; }
  .course-name { font-family: "Playfair Display", serif; font-size: 26px; font-weight: 700; color: var(--navy); margin-bottom: 12px; line-height: 1.2; }
  .course-desc { font-size: 14px; color: var(--text-body); line-height: 1.7; margin-bottom: 24px; }
  .course-features { list-style: none; margin-bottom: 28px; display: flex; flex-direction: column; gap: 8px; }
  .course-features li { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; color: var(--text-body); line-height: 1.5; }
  .course-features li::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--accent-teal); flex-shrink: 0; margin-top: 5px; }
  .course-price { font-family: "Playfair Display", serif; font-size: 36px; font-weight: 700; color: var(--navy); margin-bottom: 4px; }
  .course-price small { font-family: "Inter", sans-serif; font-size: 14px; color: var(--text-muted); font-weight: 400; }
  .founding-note { font-size: 12px; color: var(--accent); font-weight: 600; letter-spacing: 0.03em; margin-bottom: 4px; }
  .course-cta { width: 100%; padding: 13px; background: var(--navy); color: #fff; border: none; border-radius: 6px; font-family: "Inter", sans-serif; font-size: 13px; font-weight: 600; cursor: pointer; transition: opacity 0.2s; text-align: center; margin-top: 20px; display: block; }
  .course-card.featured .course-cta { background: var(--accent); }
  .course-cta:hover { opacity: 0.85; }

  /* JOURNAL */
  .journal-block { background: linear-gradient(135deg, #F0F4FF 0%, #EAF9FA 100%); border: 1px solid var(--border); border-radius: 12px; padding: 48px 44px; display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; margin-top: 32px; }
  .journal-tag { font-family: "JetBrains Mono", monospace; font-size: 10px; color: var(--accent); letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 14px; }
  .journal-block h3 { font-family: "Playfair Display", serif; font-size: 32px; font-weight: 700; color: var(--navy); line-height: 1.15; margin-bottom: 16px; letter-spacing: -0.02em; }
  .journal-block p { font-size: 14px; color: var(--text-body); line-height: 1.8; margin-bottom: 14px; }
  .journal-block p:last-child { margin-bottom: 0; }
  .journal-block strong { color: var(--navy); font-weight: 600; }
  .journal-seminar-pill { display: inline-flex; align-items: center; gap: 8px; background: var(--navy); border-radius: 6px; padding: 10px 16px; margin-top: 16px; }
  .journal-seminar-pill span { font-family: "JetBrains Mono", monospace; font-size: 10px; color: var(--accent-teal); letter-spacing: 0.1em; text-transform: uppercase; }
  .journal-price-wrap { display: flex; flex-direction: column; gap: 16px; }
  .journal-price-card { background: var(--white); border: 1px solid var(--border); border-radius: 8px; padding: 20px 22px; }
  .journal-price-label { font-family: "JetBrains Mono", monospace; font-size: 10px; color: var(--text-muted); letter-spacing: 0.14em; text-transform: uppercase; margin-bottom: 6px; }
  .journal-price-num { font-family: "Playfair Display", serif; font-size: 32px; font-weight: 700; color: var(--navy); margin-bottom: 4px; }
  .journal-price-desc { font-size: 12px; color: var(--text-muted); line-height: 1.6; }

  /* WAITLIST */
  .waitlist-section { background: linear-gradient(160deg, #F4F7FF 0%, #EDF2FF 60%, #F4F7FF 100%); padding: 100px 72px; border-bottom: 1px solid #D8E2F5; }
  /* ── TWO-COLUMN SPLIT LAYOUT ── */
  .wl-split { display:grid; grid-template-columns:1fr 1px 1fr; gap:64px; align-items:stretch; max-width:1080px; margin:0 auto; }
  .wl-split-col { display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; }
  .wl-split-divider { background:linear-gradient(180deg,transparent,var(--border),transparent); align-self:stretch; min-height:320px; }
  /* ── DISCORD COLUMN ── */
  .discord-eyebrow { font-family:"JetBrains Mono",monospace; font-size:9.5px; color:var(--accent-text); letter-spacing:.22em; text-transform:uppercase; margin-bottom:18px; display:flex; align-items:center; gap:10px; }
  .discord-eyebrow::before { content:""; width:24px; height:1px; background:currentColor; opacity:.5; }
  .discord-heading { font-family:"Playfair Display",serif; font-size:40px; font-weight:700; color:var(--navy); line-height:1.1; letter-spacing:-.03em; margin-bottom:20px; }
  .discord-heading em { font-style:italic; background:linear-gradient(90deg,var(--accent),var(--accent-teal)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
  .discord-desc { font-size:14.5px; color:var(--text-body); line-height:1.85; margin-bottom:32px; max-width:400px; }
  .discord-btn { display:inline-flex; align-items:center; gap:11px; background:#5865F2; color:#fff; border:none; border-radius:8px; padding:14px 26px; font-family:"Inter",sans-serif; font-size:13px; font-weight:700; letter-spacing:.02em; cursor:pointer; text-decoration:none; transition:transform .25s cubic-bezier(.16,1,.3,1), box-shadow .25s; box-shadow:0 4px 24px rgba(88,101,242,.35); }
  .discord-btn:hover { transform:translateY(-3px); box-shadow:0 10px 40px rgba(88,101,242,.45); }
  .discord-btn svg { width:20px; height:20px; fill:#fff; flex-shrink:0; }
  .discord-fine { font-size:11.5px; color:var(--text-muted); margin-top:14px; letter-spacing:.03em; }
  .waitlist-counter { display: inline-flex; align-items: center; gap: 10px; background: rgba(255,255,255,0.8); border: 1px solid rgba(210,224,248,0.9); border-radius: 24px; padding: 7px 20px; font-family: "JetBrains Mono", monospace; font-size: 11px; color: var(--text-muted); letter-spacing: 0.1em; margin-bottom: 40px; }
  .waitlist-counter-num { color: var(--accent-teal-text); font-weight: 500; }
  .waitlist-col h2 { font-family: "Playfair Display", serif; font-size: 40px; font-weight: 700; color: var(--navy); line-height: 1.1; letter-spacing: -0.03em; max-width: 480px; margin-bottom: 20px; }
  .waitlist-col h2 em { font-style: italic; background: linear-gradient(90deg, var(--accent), var(--accent-teal)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
  .waitlist-section > p { font-size: 15px; color: var(--text-body); margin-bottom: 44px; max-width: 420px; line-height: 1.7; }
  .wl-dark-row { display: flex; width: 100%; max-width: 460px; border-radius: 6px; overflow: hidden; border: 1px solid var(--border); box-shadow: 0 4px 24px rgba(13,27,62,0.08); }
  .wl-dark-row input[type="email"] { flex: 1; background: #fff; border: none; outline: none; font-family: "Inter", sans-serif; font-size: 14px; color: var(--navy); padding: 15px 20px; }
  .wl-dark-row input[type="email"]::placeholder { color: #B0BCCE; }
  .wl-dark-row button { background: var(--accent); color: #fff; border: none; font-family: "Inter", sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; padding: 15px 24px; cursor: pointer; white-space: nowrap; transition: opacity 0.2s; }
  .wl-dark-row button:hover { opacity: 0.85; }
  .wl-success { display: none; font-family: "JetBrains Mono", monospace; font-size: 11px; color: var(--accent-teal-text); letter-spacing: 0.1em; margin-top: 16px; }
  .wl-fine { font-size: 11px; color: var(--text-muted); margin-top: 14px; letter-spacing: 0.04em; }

  /* FOOTER */
  footer { background: linear-gradient(160deg, rgba(237,242,255,0.9) 0%, rgba(228,237,255,0.95) 55%, rgba(237,242,255,0.9) 100%); border-top: 1px solid rgba(210,224,248,0.8); padding: 40px 48px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; }
  .footer-brand { display: flex; align-items: center; gap: 10px; }
  .footer-brand img { width: 30px; height: 30px; object-fit: contain; mix-blend-mode: multiply; filter: contrast(1.15) saturate(1.1) drop-shadow(0 1px 4px rgba(13,27,62,0.15)); }
  .footer-brand-text { font-family: "Inter", sans-serif; font-weight: 700; font-size: 15px; color: var(--navy); }
  .footer-links { display: flex; align-items: center; gap: 28px; list-style: none; }
  .footer-links a { font-size: 12px; color: var(--text-muted); text-decoration: none; transition: color 0.2s; }
  .footer-links a:hover { color: var(--navy); }
  .footer-copy { font-size: 11px; color: var(--text-muted); letter-spacing: 0.04em; }

  /* ══════════════════════════════════════════
     MOBILE — Elite Responsive (≤ 900px)
     Desktop styles are untouched above.
     ══════════════════════════════════════════ */
  @media (max-width: 900px) {

    /* ── OVERFLOW CONTAINMENT: prevent any element from causing horizontal scroll ── */
    .tab-panel,
    section,
    footer,
    .stats-bar,
    .waitlist-section,
    .wl-split {
      max-width: 100%;
      overflow-x: hidden;
    }

    /* ── NAV: two-row mobile layout ── */
    nav {
      height: auto;
      padding: 0;
      flex-wrap: wrap;
      gap: 0;
      border-bottom: none; /* border moved to tab strip bottom */
    }

    /* Row 1: brand (left) + controls (right) */
    nav > .nav-brand { padding: 12px 16px; flex: 1; min-width: 0; }
    nav > .nav-brand .nav-logo-img { width: 30px; height: 30px; }
    nav > .nav-brand .nav-brand-text { font-size: 15px; }
    nav > div:last-child { padding: 8px 12px; gap: 7px; align-items: center; }

    /* Compact controls */
    .nav-btn {
      font-size: 9.5px;
      padding: 7px 13px;
      letter-spacing: .07em;
      border-radius: 999px;
    }
    .nav-btn svg { width: 10px; height: 10px; }
    .theme-toggle { width: 30px; height: 30px; }

    /* Row 2: compact pill tabs — all 6 fit on screen */
    .nav-links {
      display: flex !important;
      order: 3;
      width: 100%;
      flex-wrap: nowrap;
      gap: 2px;
      padding: 6px 8px 7px;
      border-top: 1px solid var(--border);
      border-bottom: none;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
      -ms-overflow-style: none;
    }
    .nav-links::-webkit-scrollbar { display: none; }
    .nav-links li { flex: 1; min-width: 0; border-right: none; }
    .nav-links li:last-child { border-right: none; }

    .nav-links a {
      font-size: 9px !important;
      font-weight: 500 !important;
      padding: 6px 1px !important;
      text-align: center;
      white-space: nowrap;
      overflow: hidden;
      display: block !important;
      border-radius: 6px !important;
      background: none !important;
      box-shadow: none !important;
      border-bottom: none !important;
      letter-spacing: 0 !important;
      position: relative !important;
      color: var(--text-muted);
      transition: color .2s ease, background .2s ease !important;
    }

    .nav-links a.nav-active {
      font-weight: 600 !important;
      color: var(--navy) !important;
      background: rgba(13,27,62,.07) !important;
      box-shadow: inset 0 0 0 1px rgba(13,27,62,.11) !important;
      border-bottom: none !important;
    }
    .nav-links a.nav-active::after {
      content: "" !important;
      display: block !important;
      position: absolute !important;
      bottom: 3px !important;
      left: 15% !important;
      right: 15% !important;
      height: 2px !important;
      background: linear-gradient(90deg, var(--accent), var(--accent-teal)) !important;
      border-radius: 2px !important;
      box-shadow: none !important;
      animation: mobileUnderlineIn .3s cubic-bezier(.16,1,.3,1) both !important;
    }
    @keyframes mobileUnderlineIn {
      from { opacity: 0; transform: scaleX(0); }
      to   { opacity: 1; transform: scaleX(1); }
    }

    /* ── TICKER — hidden on mobile ── */
    .ticker-wrap { display: none; }

    /* ── TAB LABEL SHORTENING — mobile only ── */
    .tab-full { display: none !important; }
    .tab-short { display: inline !important; }

    /* ── HERO ── */
    .hero { flex-direction: column-reverse; padding: 44px 22px 52px; gap: 28px; min-height: auto; text-align: center; }
    .hero-left { max-width: 100%; }
    .hero h1 { font-size: 38px; letter-spacing: -0.025em; }
    .hero-sub { font-size: 15px; margin-bottom: 32px; max-width: 100%; }
    .hero-logo-wrap { width: 110px; height: 110px; }
    .hero-logo-wrap::before { inset: -16px; }
    .hero-brand-name { font-size: 22px; }
    .hero-eyebrow { font-size: 9px; padding: 4px 12px; }
    .wl-form-wrap { max-width: 100%; }
    .wl-input-row { border-radius: 8px; }
    .wl-input-row input[type="email"] { font-size: 14px; padding: 14px 16px; }
    .wl-input-row button { font-size: 10.5px; padding: 14px 14px; white-space: nowrap; }
    .form-note { justify-content: center; font-size: 11.5px; }
    .hero-grid { opacity: 0.5; }

    /* ── STATS BAR ── */
    .stats-bar { grid-template-columns: repeat(2, 1fr); }
    .stat-cell { padding: 26px 18px; }
    .stat-cell:nth-child(2) { border-right: none; }
    .stat-cell:nth-child(3) { border-top: 1px solid var(--border); }
    .stat-cell:nth-child(4) { border-top: 1px solid var(--border); border-right: none; }
    .stat-num { font-size: 34px; }
    .stat-label { font-size: 9px; letter-spacing: .1em; }

    /* ── GENERAL SECTIONS ── */
    .section { padding: 60px 20px; }
    .section-head { font-size: 28px; max-width: 100%; }
    .section-sub { font-size: 14px; max-width: 100%; margin-bottom: 32px; }

    /* ── CERT SECTION ── */
    .cert-section { padding: 52px 0; }
    .cert-section-header { padding: 0 20px; margin-bottom: 28px; }
    .cert-section-title { font-size: 24px; }
    .cert-card { width: 270px; }
    .cert-card img { height: 180px; }

    /* ── VERIFIED SECTION ── */
    .verified-section { padding: 60px 20px; }
    .vr-header { margin-bottom: 28px; }
    .vr-title { font-size: 30px; }
    .vr-desc { font-size: 14px; max-width: 100%; }
    .vr-summary { justify-content: flex-start; gap: 18px 32px; }
    .vr-sum-item { text-align: left; }
    .vr-sum-val { font-size: 26px; }

    /* ── SSC OUTCOME CARDS ── */
    .ssc-outcomes { margin: 0; }
    .ssc-out-eyebrow { margin-bottom: 20px; flex-wrap: wrap; gap: 8px; justify-content: center; }
    .ssc-out-eyebrow-text { white-space: normal !important; text-align: center; letter-spacing: .12em !important; line-height: 1.6; }
    .ssc-out-eyebrow-line { display: none; }
    .ssc-out-intro { margin-bottom: 28px; }
    .ssc-out-heading { font-size: 24px; line-height: 1.2; }
    .ssc-out-sub { font-size: 13.5px; max-width: 100%; }

    /* Single-column elite card layout */
    .ssc-out-grid { grid-template-columns: 1fr !important; gap: 16px; }
    .ssc-out-box {
      padding: 28px 22px 24px !important;
      border-radius: 16px;
      display: flex;
      flex-direction: column;
    }
    /* Horizontal pip + stats layout on mobile */
    .ssc-out-pipnum { font-size: 64px !important; letter-spacing: -.04em; }
    .ssc-out-pipplus { font-size: 28px !important; }
    .ssc-out-pipunit { font-size: 9px !important; letter-spacing: .18em; margin-bottom: 20px; }
    .ssc-out-acct { font-size: 9px !important; letter-spacing: .16em; margin-bottom: 14px; }
    .ssc-live-badge { font-size: 8px !important; padding: 3px 9px !important; margin-bottom: 10px; }
    .ssc-out-lbl { font-size: 9px !important; }
    .ssc-out-val { font-size: 13px !important; font-weight: 600; }
    .ssc-out-net-lbl { font-size: 9px !important; }
    .ssc-out-net-val { font-size: 28px !important; }
    .ssc-out-rows { gap: 10px; margin-bottom: 18px; }
    .ssc-out-row { padding: 6px 0; border-bottom: 1px solid var(--deep-divider); }
    .ssc-out-row:last-child { border-bottom: none; }
    .ssc-acct-idx { font-size: 80px !important; opacity: 0.04; top: auto !important; bottom: 12px !important; right: 14px !important; }
    .ssc-out-summary { margin-top: 20px; }

    /* Summary pill — stack vertically, full width */
    .ssc-out-summary-pill {
      flex-direction: column;
      width: 100%;
      border-radius: 12px;
      gap: 0;
    }
    .ssc-out-summary-lbl {
      border-right: none !important;
      border-bottom: 1px solid rgba(45,212,160,.14);
      text-align: center;
      padding: 12px 16px !important;
      white-space: normal !important;
      line-height: 1.5;
    }
    .ssc-out-summary-nums {
      padding: 14px 16px !important;
      justify-content: center;
    }
    .ssc-out-summary-num { font-size: 28px !important; }
    .ssc-out-summary-tag {
      border-left: none !important;
      border-top: 1px solid rgba(45,212,160,.14);
      text-align: center;
      padding: 11px 16px !important;
    }
    .ssc-out-footnote { text-align: center; font-size: 10px !important; padding: 0 8px; }

    .verify-strip { flex-direction: column; gap: 6px; padding: 16px 18px; border-radius: 10px; }

    /* ── RECORD CARDS ── */
    .record-grid { grid-template-columns: 1fr; gap: 12px; }
    .record-card { padding: 22px 18px; border-radius: 12px; }

    /* ── METHOD CARDS (SSC tab) ── */
    .method-grid { grid-template-columns: 1fr; gap: 16px; }
    .method-card { padding: 28px 22px 24px; border-radius: 14px; }
    .method-name { font-size: 21px; }
    .method-desc { font-size: 13.5px; }

    /* ── STORY ── */
    .story-layout { grid-template-columns: 1fr; gap: 36px; }
    .story-body p { font-size: 14.5px; }
    .timeline::before { left: 15px; }
    .tl-item { padding: 0 0 28px; gap: 14px; }
    .tl-node, .tl-node-dot { width: 32px; height: 32px; }
    .tl-node-dot svg { width: 14px; height: 14px; }
    .tl-title { font-size: 15.5px; }
    .tl-detail { font-size: 13px; }

    /* ── COURSE CARDS ── */
    .course-cards { grid-template-columns: 1fr; gap: 14px; }
    .course-card { padding: 26px 20px; border-radius: 14px; }

    /* ── JOURNAL / JC ── */
    .jc-section { padding: 60px 20px; }
    .jc-heading { font-size: 30px; max-width: 100%; }
    .jc-lead { font-size: 14.5px; margin-bottom: 36px; max-width: 100%; }
    .jc-grid { grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 32px; }
    .jc-card { padding: 14px 12px; border-radius: 10px; }
    .jc-card-icon { width: 28px; height: 28px; border-radius: 6px; font-size: 13px; margin-bottom: 9px; }
    .jc-card-title { font-size: 10.5px; margin-bottom: 0; line-height: 1.35; }
    .jc-card-desc { font-size: 10px; line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-top: 6px; }
    .jc-card-pill { font-size: 7.5px; padding: 2px 6px; margin-top: 9px; letter-spacing: .07em; }
    .jc-bottom-strip { grid-template-columns: 1fr; gap: 24px; padding: 24px 20px; border-radius: 12px; }
    .jc-strip-title { font-size: 22px; }
    .jc-price-big { font-size: 40px; }
    .jc-price-panel { padding: 22px 24px; min-width: auto; }
    .journal-block { grid-template-columns: 1fr; gap: 28px; padding: 28px 18px; }

    /* ── FAQ ── */
    .faq-section { padding: 52px 20px 56px; }
    .faq-layout { grid-template-columns: 1fr; gap: 20px; }
    .faq-cats {
      flex-direction: column;
      overflow-x: visible;
      gap: 2px;
      padding: 0;
      flex-wrap: nowrap;
      border-right: none;
      margin-bottom: 0;
      width: 100%;
    }
    .faq-cat { border-left: 2px solid transparent; border-bottom: none; border-radius: 6px; padding: 10px 14px; font-size: 13px; }
    .faq-cat.active { border-left-color: var(--accent); border-bottom-color: transparent; }
    .faq-q { padding: 18px 0; gap: 12px; }
    .faq-q-text { font-size: 14.5px; line-height: 1.4; }
    .faq-toggle { width: 30px; height: 30px; flex-shrink: 0; margin-right: 2px; }
    .faq-a { font-size: 13.5px; line-height: 1.75; }
    .faq-sub { font-size: 13px; margin-bottom: 16px; }

    /* ── WISDOM QUOTES ── */
    .wisdom-quote { padding: 60px 22px; }
    .wisdom-text { font-size: 18px; line-height: 1.65; }

    /* ── WAITLIST + DISCORD SPLIT ── */
    .waitlist-section { padding: 52px 22px 60px; }
    .wl-split { grid-template-columns: 1fr; gap: 44px; }
    .wl-split-divider { display: none; }

    /* Both columns: centred, consistent */
    .wl-split-col { align-items: center; text-align: center; width: 100%; }

    /* Waitlist column */
    .waitlist-counter { align-self: center; font-size: 11px; padding: 6px 14px; }
    .waitlist-col h2 { font-size: 26px; text-align: center; margin-bottom: 14px; max-width: 100%; }

    /* Discord column */
    .discord-eyebrow { justify-content: center; font-size: 8.5px; margin-bottom: 12px; }
    .discord-heading { font-size: 26px; text-align: center; margin-bottom: 14px; }

    /* Body text — smaller, centred */
    .discord-desc { font-size: 13.5px; text-align: center; max-width: 100%; line-height: 1.75; margin-bottom: 24px; }

    /* Email form */
    .wl-dark-row { max-width: 100%; width: 100%; border-radius: 8px; }
    .wl-dark-row input[type="email"] { font-size: 13px; padding: 13px 14px; }
    .wl-dark-row button { font-size: 10px; padding: 13px 14px; }

    /* Discord CTA */
    .discord-btn { align-self: stretch; justify-content: center; padding: 14px 20px; font-size: 13px; border-radius: 9px; }
    .discord-fine { text-align: center; font-size: 11px; margin-top: 10px; }
    .wl-fine { text-align: center; font-size: 11px; }

    /* ── FOOTER ── */
    footer { padding: 28px 20px; flex-direction: column; align-items: flex-start; gap: 18px; }
    .footer-links { flex-wrap: wrap; gap: 10px 20px; }
    .footer-copy { font-size: 10.5px; }
  }

  @media(max-width: 600px) {
    /* Capital account cards — two-column dense layout on real phone widths, more visible per screen */
    .ssc-out-grid { grid-template-columns: 1fr 1fr !important; gap: 10px; align-items: start; }
    .ssc-out-box { padding: 16px 13px 13px !important; border-radius: 14px; }
    .ssc-out-net { margin-top: 12px !important; }
    .ssc-live-badge { margin-bottom: 7px; }
    .ssc-out-acct { margin-bottom: 8px; }
    .ssc-out-pipnum { font-size: 30px !important; letter-spacing: -.03em; }
    .ssc-out-pipplus { font-size: 15px !important; }
    .ssc-out-pipunit { margin-bottom: 9px; }
    .ssc-out-rows { gap: 5px; margin-bottom: 8px; }
    .ssc-out-row { padding: 2px 0 !important; border-bottom: none !important; }
    .ssc-out-net { padding-top: 10px !important; }
    .ssc-out-net-val { font-size: 19px !important; }
    .ssc-acct-idx { font-size: 46px !important; bottom: 6px !important; right: 9px !important; }
  }

  /* ── ANIMATION SYSTEM ── */
  @keyframes fadeInUp { from { opacity:0; transform:translateY(38px); } to { opacity:1; transform:translateY(0); } }
  @keyframes fadeInLeft { from { opacity:0; transform:translateX(-30px); } to { opacity:1; transform:translateX(0); } }
  @keyframes fadeInRight { from { opacity:0; transform:translateX(30px); } to { opacity:1; transform:translateX(0); } }
  @keyframes shimmer { 0% { background-position:-200% 0; } 100% { background-position:200% 0; } }
  @keyframes floatY { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-16px); } }
  @keyframes ringPulse { 0% { transform:scale(1); opacity:.65; } 100% { transform:scale(2.7); opacity:0; } }
  @keyframes dotBlink { 0%,100% { opacity:1; } 50% { opacity:.2; } }
  @keyframes lineSlide { from { transform:scaleX(0); transform-origin:left; } to { transform:scaleX(1); transform-origin:left; } }
  @keyframes gradBorder { 0%,100% { opacity:.4; } 50% { opacity:1; } }

  /* Scroll-reveal classes */
  .reveal { opacity:0; transform:translateY(42px); transition:opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1); }
  .reveal.in { opacity:1; transform:translateY(0); }
  .reveal-l { opacity:0; transform:translateX(-42px); transition:opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1); }
  .reveal-l.in { opacity:1; transform:translateX(0); }
  .reveal-r { opacity:0; transform:translateX(42px); transition:opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1); }
  .reveal-r.in { opacity:1; transform:translateX(0); }
  .d1 { transition-delay:.09s; } .d2 { transition-delay:.18s; } .d3 { transition-delay:.27s; }
  .d4 { transition-delay:.36s; } .d5 { transition-delay:.45s; }

  /* Hero upgrades */
  .hero { position:relative; overflow:hidden; isolation:isolate; }
  .hero-grid { position:absolute; inset:0; background-image:linear-gradient(rgba(30,140,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(30,140,255,.04) 1px,transparent 1px); background-size:52px 52px; pointer-events:none; mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%); -webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%); }
  .hero-orb { position:absolute; border-radius:50%; pointer-events:none; filter:blur(80px); }
  .hero-orb-1 { width:520px; height:520px; right:-150px; top:-200px; background:radial-gradient(circle,rgba(0,196,204,.09) 0%,transparent 70%); animation:floatY 9s ease-in-out infinite; }
  .hero-orb-2 { width:380px; height:380px; left:-110px; bottom:-110px; background:radial-gradient(circle,rgba(30,140,255,.07) 0%,transparent 70%); animation:floatY 12s ease-in-out infinite reverse; }
  .hero-eyebrow { animation:fadeInLeft .7s cubic-bezier(.16,1,.3,1) both; }
  .hero h1 { animation:fadeInUp .9s .1s cubic-bezier(.16,1,.3,1) both; }
  .hero-sub { animation:fadeInUp .9s .22s cubic-bezier(.16,1,.3,1) both; }
  .wl-form-wrap { animation:fadeInUp .9s .34s cubic-bezier(.16,1,.3,1) both; }
  .hero-right { animation:fadeInRight .9s .1s cubic-bezier(.16,1,.3,1) both; }

  /* Nav shimmer bar */
  nav::after { content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:linear-gradient(90deg,transparent,rgba(30,140,255,.4),rgba(0,196,204,.55),rgba(30,140,255,.4),transparent); background-size:200% 100%; animation:shimmer 5s linear infinite; }

  /* Stat cells entrance */
  .stats-bar .stat-cell { animation:fadeInUp .7s cubic-bezier(.16,1,.3,1) both; }
  .stats-bar .stat-cell:nth-child(1) { animation-delay:.1s; }
  .stats-bar .stat-cell:nth-child(2) { animation-delay:.2s; }
  .stats-bar .stat-cell:nth-child(3) { animation-delay:.3s; }
  .stats-bar .stat-cell:nth-child(4) { animation-delay:.4s; }

  /* ── BANKING-GRADE TRADING PROFILE ── */
  .profile-section { padding:88px 48px; background:#070F22; border-bottom:1px solid #0F1E3A; position:relative; overflow:hidden; }
  .profile-section::before { content:""; position:absolute; inset:0; background-image:radial-gradient(circle at 70% 25%,rgba(30,140,255,.06) 0%,transparent 50%),radial-gradient(circle at 15% 75%,rgba(0,196,204,.04) 0%,transparent 40%); pointer-events:none; }
  .profile-header { display:flex; align-items:flex-start; justify-content:space-between; gap:40px; margin-bottom:48px; flex-wrap:wrap; }
  .profile-tag-line { font-family:"JetBrains Mono",monospace; font-size:10px; color:#1E3060; letter-spacing:.2em; text-transform:uppercase; margin-bottom:13px; }
  .profile-name { font-family:"Playfair Display",serif; font-size:40px; font-weight:700; color:#fff; line-height:1.08; margin-bottom:13px; letter-spacing:-.025em; }
  .profile-name span { background:linear-gradient(90deg,var(--accent),var(--accent-teal)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
  .profile-meta-row { display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
  .profile-meta-item { font-family:"JetBrains Mono",monospace; font-size:10px; color:#243660; letter-spacing:.07em; }
  .profile-status { display:inline-flex; align-items:center; gap:9px; background:rgba(0,196,204,.08); border:1px solid rgba(0,196,204,.18); border-radius:5px; padding:9px 18px; font-family:"JetBrains Mono",monospace; font-size:10px; color:var(--accent-teal-text); letter-spacing:.1em; align-self:flex-start; }
  .profile-live-dot { width:6px; height:6px; border-radius:50%; background:var(--accent-teal); animation:dotBlink 2s ease-in-out infinite; flex-shrink:0; }
  .profile-kpi-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:1px; background:#0A1628; border:1px solid #0F1E3A; border-radius:10px; overflow:hidden; margin-bottom:36px; }
  .profile-kpi { background:#070F22; padding:24px 16px; text-align:center; transition:background .25s; }
  .profile-kpi:hover { background:#0A1628; }
  .profile-kpi-val { font-family:"Playfair Display",serif; font-size:27px; font-weight:700; line-height:1; margin-bottom:8px; }
  .kv-green { color:#2DD4A0; } .kv-blue { color:var(--accent); } .kv-white { color:#fff; } .kv-red { color:#FF6B6B; }
  .profile-kpi-label { font-family:"JetBrains Mono",monospace; font-size:9px; color:#1E3060; letter-spacing:.12em; text-transform:uppercase; line-height:1.5; }
  .profile-chart-wrap { background:#070F22; border:1px solid #0F1E3A; border-radius:10px; padding:28px; margin-bottom:36px; overflow:hidden; }
  .profile-chart-toprow { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; flex-wrap:wrap; gap:12px; }
  .profile-chart-label { font-family:"JetBrains Mono",monospace; font-size:10px; color:#1E3060; letter-spacing:.15em; text-transform:uppercase; margin-bottom:4px; }
  .profile-chart-meta { font-size:11px; color:#243660; }
  .profile-live-badge { display:inline-flex; align-items:center; gap:7px; font-family:"JetBrains Mono",monospace; font-size:9px; color:var(--accent-teal-text); letter-spacing:.09em; }
  .profile-live-badge::before { content:""; display:inline-block; width:5px; height:5px; border-radius:50%; background:var(--accent-teal); animation:dotBlink 1.6s ease-in-out infinite; }
  .equity-svg { width:100%; height:195px; }
  .trade-table-wrap { background:#070F22; border:1px solid #0F1E3A; border-radius:10px; overflow:hidden; margin-bottom:20px; }
  .trade-table-header { padding:18px 24px; border-bottom:1px solid #0F1E3A; display:flex; align-items:center; justify-content:space-between; }
  .trade-th-label { font-family:"JetBrains Mono",monospace; font-size:10px; color:#1E3060; letter-spacing:.15em; text-transform:uppercase; }
  .trade-th-count { font-family:"JetBrains Mono",monospace; font-size:10px; color:#1A2A40; letter-spacing:.08em; }
  .trade-table { width:100%; border-collapse:collapse; }
  .trade-table th { padding:11px 20px; font-family:"JetBrains Mono",monospace; font-size:9px; color:#1A3060; letter-spacing:.12em; text-transform:uppercase; text-align:left; border-bottom:1px solid #0A1628; background:#040C1A; white-space:nowrap; }
  .trade-table td { padding:13px 20px; font-family:"JetBrains Mono",monospace; font-size:11px; color:#3A5280; border-bottom:1px solid rgba(255,255,255,.03); transition:background .15s; white-space:nowrap; }
  .trade-table tr:last-child td { border-bottom:none; }
  .trade-table tr:hover td { background:rgba(30,140,255,.04); color:#5A7090; }
  .td-pair { color:#5A7090; font-weight:500; }
  .td-pos { color:#2DD4A0; } .td-neg { color:#FF6B6B; }
  .td-buy { display:inline-block; background:rgba(45,212,160,.08); border:1px solid rgba(45,212,160,.18); border-radius:3px; padding:2px 8px; color:#2DD4A0; font-size:9px; letter-spacing:.1em; }
  .td-sell { display:inline-block; background:rgba(255,107,107,.08); border:1px solid rgba(255,107,107,.18); border-radius:3px; padding:2px 8px; color:#FF6B6B; font-size:9px; letter-spacing:.1em; }
  .profile-footer-note { font-family:"JetBrains Mono",monospace; font-size:9px; color:#1A2A3A; letter-spacing:.07em; text-align:center; margin-top:20px; line-height:1.7; }

  /* ── JOURNAL COMING SOON ── */
  .jc-section { padding:96px 48px; background:var(--deep-bg); border-bottom:1px solid var(--deep-border); position:relative; overflow:hidden; isolation:isolate; transition:background 0.35s ease, border-color 0.35s ease; }
  .jc-section::before { content:""; position:absolute; inset:0; background-image:radial-gradient(ellipse at 12% 50%,rgba(30,140,255,.07) 0%,transparent 50%),radial-gradient(ellipse at 88% 50%,rgba(0,196,204,.05) 0%,transparent 50%); pointer-events:none; }
  .jc-announce { display:inline-flex; align-items:center; gap:12px; border:1px solid rgba(30,140,255,.25); background:rgba(30,140,255,.06); border-radius:30px; padding:7px 20px; font-family:"JetBrains Mono",monospace; font-size:10px; color:var(--accent); letter-spacing:.15em; margin-bottom:32px; }
  .jc-ping { width:8px; height:8px; border-radius:50%; background:var(--accent); position:relative; flex-shrink:0; }
  .jc-ping::after { content:""; position:absolute; inset:-5px; border-radius:50%; border:1.5px solid rgba(30,140,255,.5); animation:ringPulse 1.9s ease-out infinite; }
  .jc-heading { font-family:"Playfair Display",serif; font-size:56px; font-weight:700; color:var(--deep-text); line-height:1.06; letter-spacing:-.03em; max-width:760px; margin-bottom:22px; transition:color 0.35s ease; }
  .jc-heading em { font-style:italic; background:linear-gradient(135deg,var(--accent),var(--accent-teal)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
  .jc-lead { font-size:16px; color:var(--deep-text-hi); max-width:600px; line-height:1.8; margin-bottom:68px; transition:color 0.35s ease; }
  .jc-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-bottom:56px; }
  .jc-card { background:var(--deep-card-bg); border:1px solid var(--deep-card-border); border-radius:12px; padding:30px 26px; transition:border-color .3s, background .3s, transform .35s cubic-bezier(.16,1,.3,1); position:relative; overflow:hidden; cursor:default; }
  .jc-card::before { content:""; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,var(--accent),var(--accent-teal)); transform:scaleX(0); transform-origin:left; transition:transform .4s cubic-bezier(.16,1,.3,1); }
  .jc-card:hover { border-color:rgba(30,140,255,.22); background:rgba(30,140,255,.04); transform:translateY(-5px); }
  .jc-card:hover::before { transform:scaleX(1); }
  .jc-card-icon { width:48px; height:48px; border-radius:12px; background:rgba(30,140,255,.1); border:1px solid rgba(30,140,255,.15); display:flex; align-items:center; justify-content:center; font-size:22px; margin-bottom:20px; }
  .jc-card-title { font-size:15px; font-weight:600; color:var(--deep-text); margin-bottom:10px; letter-spacing:-.01em; transition:color 0.35s ease; }
  .jc-card-desc { font-size:13.5px; color:var(--deep-text-sub); line-height:1.78; transition:color 0.35s ease; }
  .jc-card-pill { display:inline-block; margin-top:16px; font-family:"JetBrains Mono",monospace; font-size:9px; color:var(--accent-teal-text); letter-spacing:.1em; text-transform:uppercase; background:rgba(0,196,204,.07); border:1px solid rgba(0,196,204,.14); border-radius:3px; padding:3px 9px; }
/* ===== DESK REVIEW SHOWCASE ===== */
.dr-wrap { max-width: 900px; margin: 64px auto 0; }
.dr-head { text-align: center; max-width: 640px; margin: 0 auto 30px; }
.dr-head-desc { font-size: 14.5px; color: var(--deep-text-sub); line-height: 1.7; margin-top: 14px; }
.dr-card { background: linear-gradient(155deg, #101F42 0%, #0A1530 100%); border: 1px solid rgba(255,255,255,0.09); border-radius: 20px; padding: clamp(26px,4vw,44px); box-shadow: 0 40px 90px -50px rgba(0,0,0,0.7); }
.dr-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding-bottom: 24px; border-bottom: 1px solid rgba(255,255,255,0.08); margin-bottom: 26px; flex-wrap: wrap; }
.dr-top-tag { font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent-text); margin-bottom: 8px; }
.dr-top-name { font-family: "Playfair Display", serif; font-size: 24px; font-weight: 700; color: #fff; }
.dr-grade { display: flex; flex-direction: column; align-items: center; gap: 2px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 12px; padding: 10px 22px; }
.dr-grade-letter { font-family: "Playfair Display", serif; font-size: 30px; font-weight: 700; color: #E8C468; line-height: 1; }
.dr-grade-label { font-family: "JetBrains Mono", monospace; font-size: 9px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--deep-text-muted); margin-top: 4px; }
.dr-stats { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin-bottom: 22px; }
.dr-stat { background: rgba(255,255,255,0.025); border: 1px solid rgba(255,255,255,0.07); border-radius: 12px; padding: 16px 14px; display: flex; flex-direction: column; gap: 6px; }
.dr-stat-n { font-family: "Playfair Display", serif; font-size: clamp(18px,2.4vw,24px); font-weight: 700; color: #fff; }
.dr-stat-n.pos { color: #5EEAF0; }
.dr-stat-l { font-family: "JetBrains Mono", monospace; font-size: 9px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--deep-text-muted); }
.dr-freq { display: flex; align-items: flex-start; gap: 10px; background: rgba(0,212,220,0.06); border: 1px solid rgba(0,212,220,0.2); border-radius: 12px; padding: 14px 16px; font-size: 13px; color: var(--deep-text-sub); line-height: 1.6; margin-bottom: 26px; }
.dr-freq b { color: #5EEAF0; }
.dr-freq-dot { width: 8px; height: 8px; border-radius: 50%; background: #00D4DC; margin-top: 5px; flex-shrink: 0; box-shadow: 0 0 0 3px rgba(0,212,220,0.18); }
.dr-two { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 26px; }
.dr-sub { font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--deep-text-muted); margin-bottom: 14px; }
.dr-row { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,0.06); font-size: 13px; color: var(--deep-text-sub); }
.dr-row:last-child { border-bottom: none; }
.dr-row b { color: #fff; font-weight: 600; }
.dr-stars { color: #E8C468; letter-spacing: 1px; }
.dr-stars i { font-style: normal; color: rgba(255,255,255,0.15); }
.dr-approved { color: #5EEAF0 !important; font-family: "JetBrains Mono", monospace; font-size: 10.5px; letter-spacing: 0.06em; text-transform: uppercase; background: rgba(0,212,220,0.1); border: 1px solid rgba(0,212,220,0.3); border-radius: 20px; padding: 3px 10px; }
.dr-note { background: rgba(255,255,255,0.02); border-left: 2px solid #E8C468; border-radius: 4px; padding: 18px 22px; margin-bottom: 26px; }
.dr-note-tag { font-family: "JetBrains Mono", monospace; font-size: 9.5px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--deep-text-muted); margin-bottom: 10px; }
.dr-note p { font-family: "Playfair Display", serif; font-style: italic; font-size: 16px; color: rgba(255,255,255,0.88); line-height: 1.5; margin-bottom: 12px; }
.dr-note-attr { font-size: 13px; color: #E8C468; font-weight: 600; }
.dr-note-attr span { color: var(--deep-text-muted); font-weight: 400; font-size: 11px; margin-left: 6px; }
.dr-mandate-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 26px; }
.dr-m { display: flex; gap: 12px; }
.dr-m b { font-family: "JetBrains Mono", monospace; font-size: 11px; color: var(--accent-teal-text); flex-shrink: 0; padding-top: 1px; }
.dr-m p { font-size: 12.5px; color: var(--deep-text-sub); line-height: 1.6; }
@media(max-width:700px){ .dr-stats{grid-template-columns:1fr 1fr} .dr-two{grid-template-columns:1fr} .dr-mandate-grid{grid-template-columns:1fr} .dr-top{flex-direction:column} }

/* ===== FLOOR INTELLIGENCE SHOWCASE ===== */
.fi-wrap { max-width: 900px; margin: 56px auto 0; }
.fi-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 22px; }
.fi-panel { background: rgba(255,255,255,0.025); border: 1px solid var(--deep-card-border); border-radius: 16px; padding: 24px 22px; }
.fi-panel-title { font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--deep-text-hi); margin-bottom: 18px; padding-bottom: 14px; border-bottom: 1px solid var(--deep-card-border); }
.fi-row { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--deep-card-border); flex-wrap: wrap; }
.fi-row:last-child { border-bottom: none; }
.fi-medal { font-size: 16px; }
.fi-blur { font-weight: 600; color: var(--deep-text-hi); filter: blur(3px); user-select: none; }
.fi-trades { font-family: "JetBrains Mono", monospace; font-size: 10px; color: var(--deep-text-muted); }
.fi-stats { font-family: "JetBrains Mono", monospace; font-size: 10px; color: var(--accent-teal-text); margin-left: auto; }
.fi-bar-row { display: flex; align-items: center; gap: 10px; margin-bottom: 7px; font-size: 12px; }
.fi-tag { font-family: "JetBrains Mono", monospace; font-size: 9.5px; font-weight: 700; padding: 2px 7px; border-radius: 4px; letter-spacing: 0.04em; }
.fi-tag.a { background: rgba(74,173,255,0.14); color: #9DC0FF; }
.fi-tag.b { background: rgba(0,212,220,0.14); color: #5EEAF0; }
.fi-tag.c { background: rgba(232,196,104,0.14); color: #E8C468; }
.fi-bar-meta { color: var(--deep-text-muted); font-size: 11px; }
.fi-bar-wr { margin-left: auto; color: var(--deep-text-hi); font-family: "JetBrains Mono", monospace; font-size: 11.5px; }
.fi-bar { height: 5px; border-radius: 3px; background: rgba(255,255,255,0.06); overflow: hidden; margin-bottom: 16px; }
.fi-bar-fill { height: 100%; border-radius: 3px; }
.fi-bar-fill.a { background: linear-gradient(90deg,#4AADFF,#7FC4FF); }
.fi-bar-fill.b { background: linear-gradient(90deg,#00C4CC,#5EEAF0); }
.fi-bar-fill.c { background: linear-gradient(90deg,#C9A44E,#E8C468); }
.fi-fine { text-align: center; margin-top: 20px; font-family: "JetBrains Mono", monospace; font-size: 10.5px; letter-spacing: 0.03em; color: var(--deep-text-muted); }
@media(max-width:760px){ .fi-grid{grid-template-columns:1fr} }
/* ===== THE FLOW ===== */
.flow-wrap { max-width: 1120px; margin: 72px auto 0; }
.flow-head { text-align: center; max-width: 620px; margin: 0 auto 50px; }
.flow-h2 { font-family: "Playfair Display", serif; font-size: clamp(26px,3.6vw,38px); font-weight: 700; color: var(--deep-text); margin: 14px 0 12px; line-height: 1.2; }
.flow-track { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: 28px; }
.flow-track::before { content: ""; position: absolute; top: 27px; left: 12%; right: 12%; height: 2px; background: linear-gradient(90deg, var(--accent) 0%, var(--accent-teal) 50%, #E8C468 100%); opacity: 0.3; }
.flow-step { position: relative; padding-top: 0; }
.flow-node { position: relative; z-index: 1; width: 54px; height: 54px; border-radius: 50%; background: linear-gradient(155deg,#101F42 0%,#0A1530 100%); border: 1px solid rgba(255,255,255,0.12); display: flex; align-items: center; justify-content: center; color: var(--accent-teal-text); margin-bottom: 22px; box-shadow: 0 14px 30px -14px rgba(0,0,0,0.6); transition: transform .35s cubic-bezier(.16,1,.3,1), border-color .35s; }
.flow-node svg { width: 22px; height: 22px; }
.flow-step:hover .flow-node { transform: scale(1.08); border-color: rgba(0,212,220,0.4); }
.flow-m { font-family: "JetBrains Mono", monospace; font-size: 9.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent-text); margin-bottom: 10px; }
.flow-step h4 { font-family: "Playfair Display", serif; font-size: 17px; font-weight: 700; color: var(--deep-text); margin-bottom: 10px; line-height: 1.28; }
.flow-step p { font-size: 13px; color: var(--deep-text-sub); line-height: 1.65; }
.flow-step p b { color: #5EEAF0; }
.flow-link { display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; font-family: "JetBrains Mono", monospace; font-size: 10.5px; letter-spacing: 0.05em; text-transform: uppercase; color: var(--accent-teal-text); text-decoration: none; cursor: pointer; }
.flow-link svg { width: 11px; height: 11px; transition: transform .25s; }
.flow-link:hover svg { transform: translateX(3px); }
/* ===== JOURNAL CLOSE (replaces bottom price box) ===== */
.jc-close { position: relative; overflow: hidden; max-width: 780px; margin: 80px auto 0; text-align: center; padding: 56px 20px 0; }
.jc-close-glow { position: absolute; top: -60px; left: 50%; transform: translateX(-50%); width: 520px; height: 320px; background: radial-gradient(ellipse, rgba(0,196,204,0.1) 0%, transparent 70%); pointer-events: none; }
.jc-close-h2 { position: relative; font-family: "Playfair Display", serif; font-size: clamp(28px,4vw,42px); font-weight: 700; color: var(--deep-text); line-height: 1.2; margin: 14px 0 22px; }
.jc-close-desc { position: relative; font-size: 14.5px; color: var(--deep-text-sub); line-height: 1.8; max-width: 640px; margin: 0 auto; }
.jc-close-desc b { color: #5EEAF0; }
.jc-close-cta { position: relative; margin-top: 34px; }
.jc-cta-btn-lg { text-decoration: none; display: inline-flex; align-items: center; gap: 10px; background: linear-gradient(100deg, var(--accent), var(--accent-teal)); color: #04121f; border: none; border-radius: 999px; padding: 17px 34px; font-family: "Inter", sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.02em; cursor: pointer; transition: transform .3s cubic-bezier(.16,1,.3,1), box-shadow .3s; box-shadow: 0 22px 50px -22px rgba(30,140,255,0.6); }
.jc-cta-btn-lg:hover { transform: translateY(-3px); box-shadow: 0 30px 60px -20px rgba(30,140,255,0.7); }
.jc-close-fine { margin-top: 16px; font-family: "JetBrains Mono", monospace; font-size: 10.5px; letter-spacing: 0.05em; color: var(--deep-text-muted); }
.jc-price { margin-top: 46px; padding-top: 38px; border-top: 1px solid var(--deep-divider); display: flex; justify-content: center; }
.jc-price-card { position: relative; overflow: hidden; max-width: 460px; width: 100%; padding: 34px 36px; border-radius: 20px; text-align: center; background: linear-gradient(165deg, rgba(232,196,104,0.1), rgba(232,196,104,0.02) 60%); border: 1px solid rgba(232,196,104,0.3); box-shadow: 0 0 0 1px rgba(232,196,104,0.05), 0 34px 80px -46px rgba(232,196,104,0.4); }
.jc-price-sweep { position: absolute; top: -30%; left: 0; width: 70px; height: 160%; background: linear-gradient(100deg, transparent, rgba(232,196,104,0.22) 50%, transparent); transform: translateX(-220%) rotate(12deg); animation: jcPriceSweep 6s ease-in-out infinite; pointer-events: none; }
.jc-price-tag { position: relative; font-family: "JetBrains Mono", monospace; font-size: 10.5px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(232,196,104,0.8); margin: 0 0 16px; }
.jc-price-amt { position: relative; font-family: "Playfair Display", serif; font-weight: 700; font-size: 46px; color: #E8C468; letter-spacing: -0.01em; line-height: 1; margin: 0 0 14px; text-shadow: 0 0 30px rgba(232,196,104,0.28); }
.jc-price-amt span { font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 15px; color: rgba(232,196,104,0.72); margin-left: 4px; }
.jc-price-compare { position: relative; display: flex; align-items: center; justify-content: center; gap: 9px; font-size: 14px; color: var(--deep-text-sub); line-height: 1.6; margin: 0 0 22px; }
.jc-price-compare svg { flex-shrink: 0; color: rgba(232,196,104,0.75); }
.jc-price-div { width: 100%; max-width: 200px; height: 1px; margin: 0 auto 18px; background: linear-gradient(90deg, transparent, rgba(232,196,104,0.3), transparent); }
.jc-price-note { position: relative; max-width: 380px; margin: 0 auto; font-size: 12.5px; line-height: 1.7; color: var(--deep-text-muted); text-align: center; }

/* ===== TRACK RECORD: SCROLL STORY ===== */
.tr-reveal { opacity: 0; transform: translateY(22px) scale(0.975); filter: blur(5px); transition: opacity .85s cubic-bezier(.16,1,.3,1), transform .85s cubic-bezier(.16,1,.3,1), filter .85s cubic-bezier(.16,1,.3,1); }
.tr-reveal.tr-in { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
.tr-reveal.tr-d2 { transition-delay: .12s; }
.tr-reveal.tr-d3 { transition-delay: .22s; }
.tr-reveal.tr-d4 { transition-delay: .32s; }
.tr-parallax { position: absolute; inset: 0; pointer-events: none; will-change: transform; }
.tr-chapter { display: flex; align-items: center; gap: 10px; font-family: "JetBrains Mono", monospace; font-size: 11px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--accent-teal-text); margin: 0 0 18px; }
.tr-chapter::before { content: ""; width: 22px; height: 1px; background: linear-gradient(90deg, transparent, currentColor); }
.tr-chapter--light { color: var(--accent-text); }
.tr-chapter--center { justify-content: center; color: #E8C468; margin: 0 0 20px; }
.tr-chapter--center::before { display: none; }
.tr-glance-tag { text-align: center; font-family: "JetBrains Mono", monospace; font-size: 10.5px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--text-muted); margin: 46px 0 6px; opacity: 0.85; }
.stats-bar.tr-calm .stat-cell { border-right-color: rgba(255,255,255,0.05); }
.stats-bar.tr-calm .stat-cell::after { opacity: 0; }
.stats-bar.tr-calm .stat-cell:hover::after { opacity: 0.55; }
.stats-bar.tr-calm .stat-cell:hover { background: rgba(255,255,255,0.012); }
.tr-divider { max-width: 1160px; margin: 0 auto; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent); }
.tr-divider--light { background: linear-gradient(90deg, transparent, rgba(255,255,255,0.14), transparent); margin-bottom: 56px; }
.tr-h2 { font-family: "Playfair Display", serif; font-weight: 700; font-size: clamp(30px,3.6vw,42px); line-height: 1.15; color: #fff; margin: 0 0 20px; }
.tr-h2 em { font-style: italic; background: linear-gradient(135deg,#4AADFF,#00D4DC); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.tr-h2--center { text-align: center; }
.tr-h2--center em { background: linear-gradient(135deg,#E8C468,#4AADFF); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.tr-body { font-size: 15.5px; line-height: 1.8; color: rgba(255,255,255,0.68); }
.tr-body--center { text-align: center; max-width: 560px; margin: 0 auto 34px; }
.tr-approach { position: relative; padding: clamp(72px,9vw,120px) 48px; background: linear-gradient(155deg,#0B1730 0%,#060E22 100%); overflow: hidden; }
.tr-approach-glow { position: absolute; border-radius: 50%; pointer-events: none; }
.tr-approach-glow--a { width: 420px; height: 420px; top: -12%; right: -8%; background: radial-gradient(closest-side, rgba(74,173,255,0.14), transparent 70%); animation: trGlowDrift 9s ease-in-out infinite; }
.tr-approach-glow--b { width: 320px; height: 320px; bottom: -14%; left: -6%; background: radial-gradient(closest-side, rgba(232,196,104,0.1), transparent 70%); animation: trGlowDrift 11s ease-in-out infinite reverse; }
#track-record { position: relative; overflow: hidden; }
.tr-record-glow { position: absolute; border-radius: 50%; pointer-events: none; }
.tr-record-glow--a { width: 380px; height: 380px; top: -16%; left: -6%; background: radial-gradient(closest-side, rgba(0,212,220,0.09), transparent 70%); animation: trGlowDrift 10s ease-in-out infinite; }
.tr-record-glow--b { width: 300px; height: 300px; bottom: -12%; right: -8%; background: radial-gradient(closest-side, rgba(74,173,255,0.08), transparent 70%); animation: trGlowDrift 8s ease-in-out infinite reverse; }
@keyframes trGlowDrift { 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(-16px,14px) scale(1.08); } }
@media(prefers-reduced-motion: reduce) { .tr-approach-glow, .tr-record-glow { animation: none !important; } }
/* ── CAPITAL LEDGER (Chapter 03 signature visual) ── */
.tr-ledger { position: relative; overflow: hidden; margin-top: 40px; border-radius: 22px; background: linear-gradient(155deg,#0B1730 0%,#060E22 100%); border: 1px solid rgba(255,255,255,0.08); box-shadow: 0 40px 90px -50px rgba(0,0,0,0.7); }
.tr-ledger-glow { position: absolute; top: -30%; left: 50%; transform: translateX(-50%); width: 620px; height: 320px; background: radial-gradient(ellipse, rgba(74,173,255,0.14) 0%, transparent 72%); pointer-events: none; animation: trGlowDrift 12s ease-in-out infinite; }
.tr-ledger-head { position: relative; display: flex; align-items: center; gap: 16px; padding: 20px 26px; border-bottom: 1px solid rgba(255,255,255,0.08); }
.tr-ledger-title { font-family: "JetBrains Mono", monospace; font-size: 11.5px; letter-spacing: 0.12em; color: rgba(255,255,255,0.55); text-transform: uppercase; }
.tr-ledger-title b { color: #fff; font-weight: 700; }
.tr-ledger-live { margin-left: auto; display: inline-flex; align-items: center; gap: 7px; font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: 0.14em; color: #00D4DC; text-transform: uppercase; }
.tr-ledger-live-dot { width: 6px; height: 6px; border-radius: 50%; background: #00D4DC; box-shadow: 0 0 8px rgba(0,212,220,0.8); animation: pulse 2s ease-in-out infinite; }
.tr-ledger-scroll { position: relative; overflow-x: auto; }
.tr-ledger-table { min-width: 720px; padding: 6px 26px 4px; }
.tr-ledger-cols, .tr-ledger-row { display: grid; grid-template-columns: 2.2fr 1.3fr 0.8fr 1fr 0.9fr; align-items: center; gap: 12px; }
.tr-ledger-cols { padding: 14px 4px 12px; font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.5); border-bottom: 1px solid rgba(255,255,255,0.06); }
.tr-ledger-c--gain { text-align: right; }
.tr-ledger-row { padding: 16px 4px; border-bottom: 1px solid rgba(255,255,255,0.05); transition: background 0.3s ease; }
.tr-ledger-row:hover { background: color-mix(in srgb, var(--tr-c) 6%, transparent); }
.tr-ledger-c--acct { display: flex; align-items: center; gap: 12px; font-size: 14.5px; color: #fff; font-weight: 600; }
.tr-ledger-c--acct small { display: block; font-family: "JetBrains Mono", monospace; font-size: 10.5px; font-weight: 400; letter-spacing: 0.02em; color: rgba(255,255,255,0.4); text-transform: none; margin-top: 3px; }
.tr-ledger-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--tr-c); box-shadow: 0 0 10px color-mix(in srgb, var(--tr-c) 70%, transparent); flex-shrink: 0; }
.tr-ledger-row .tr-ledger-c { font-family: "JetBrains Mono", monospace; font-size: 13.5px; color: rgba(255,255,255,0.82); }
.tr-ledger-sizewrap { position: relative; }
.tr-ledger-bar { display: block; height: 3px; width: var(--w, 10%); margin-top: 7px; border-radius: 2px; background: linear-gradient(90deg, var(--tr-c), color-mix(in srgb, var(--tr-c) 40%, transparent)); box-shadow: 0 0 8px color-mix(in srgb, var(--tr-c) 60%, transparent); transform-origin: left center; transform: scaleX(0); transition: transform 1.1s cubic-bezier(.16,1,.3,1); }
.tr-ledger-row.tr-in .tr-ledger-bar { transform: scaleX(1); }
.tr-ledger-bar--total { background: linear-gradient(90deg, #E8C468, #F0D48A); box-shadow: 0 0 10px rgba(232,196,104,0.6); }
.tr-ledger-muted { color: rgba(255,255,255,0.46) !important; }
.tr-ledger-c--gain { font-weight: 700; color: #fff !important; }
.tr-ledger-row--total { border-bottom: none; border-top: 1px solid rgba(232,196,104,0.35); background: rgba(232,196,104,0.045); margin-top: 4px; padding-top: 18px; padding-bottom: 6px; }
.tr-ledger-row--total .tr-ledger-c--acct { font-size: 15.5px; }
.tr-ledger-row--total .tr-ledger-c { font-size: 15px; color: #fff; }
.tr-ledger-row--total .tr-ledger-c--gain { color: #E8C468 !important; font-family: "Playfair Display", serif; font-size: 19px; }
.tr-ledger-foot { position: relative; padding: 16px 26px 22px; font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.03em; color: rgba(255,255,255,0.5); text-align: center; }
@media(max-width: 760px) {
  .tr-ledger-head { padding: 16px 18px; }
  .tr-ledger-foot { padding: 14px 18px 20px 18px; }
  .tr-ledger-title { font-size: 10px; }
  /* Ledger locked to vertical scroll on mobile — table becomes a stacked per-account card, no horizontal swipe */
  .tr-ledger-scroll { overflow-x: visible; }
  .tr-ledger-table { min-width: 0; padding: 4px 16px 2px; }
  .tr-ledger-cols { display: none; }
  .tr-ledger-cols, .tr-ledger-row { grid-template-columns: 1fr 1fr; column-gap: 10px; }
  .tr-ledger-row { row-gap: 9px; padding: 16px 2px; }
  .tr-ledger-c--acct { grid-column: 1 / -1; margin-bottom: 1px; font-size: 14px; }
  .tr-ledger-c--gain { text-align: left; }
  .tr-ledger-row .tr-ledger-c { font-size: 12.5px; }
  .tr-ledger-row .tr-ledger-c[data-label]::before { content: attr(data-label); display: block; font-family: "JetBrains Mono", monospace; font-size: 8.5px; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,0.4); margin-bottom: 4px; }
  .tr-ledger-row--total .tr-ledger-c { font-size: 13.5px; }
  .tr-ledger-row--total .tr-ledger-c--gain { font-size: 16px; }
}
@media(prefers-reduced-motion: reduce) { .tr-ledger-glow { animation: none !important; } .tr-ledger-bar { transition: none !important; } }

.tr-approach-in { position: relative; max-width: 1160px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: clamp(40px,6vw,80px); align-items: center; }
.tr-approach-text { max-width: 520px; }
.tr-confidential { position: relative; aspect-ratio: 4/3; border-radius: 18px; overflow: hidden; border: 1px solid rgba(255,255,255,0.08); background: rgba(255,255,255,0.02); }
.tr-confidential-chart { position: absolute; inset: 0; filter: blur(5px); opacity: 0.7; }
.tr-confidential-chart svg { width: 100%; height: 100%; }
.tr-confidential-overlay { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; background: linear-gradient(180deg, rgba(6,14,34,0.5) 0%, rgba(6,14,34,0.78) 100%); text-align: center; }
.tr-confidential-lock { width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(74,173,255,0.12); border: 1px solid rgba(74,173,255,0.35); color: #4AADFF; }
.tr-confidential-label { font-family: "Inter", sans-serif; font-weight: 600; font-size: 14px; color: #fff; margin: 0; }
.tr-confidential-sub { font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,0.5); margin: 0; }
.tr-closing { position: relative; overflow: hidden; padding: clamp(64px,7vw,96px) 32px; background: linear-gradient(180deg,#070F1E 0%,#0A1830 100%); text-align: center; }
.tr-closing--alt { background: linear-gradient(180deg,#0A1830 0%,#070F1E 100%); border-top: 1px solid rgba(255,255,255,0.06); }
.tr-closing--alt .tr-closing-glow { background: radial-gradient(ellipse, rgba(74,173,255,0.1) 0%, transparent 70%); }
.tr-closing--alt .tr-chapter--center { color: #4AADFF; }
.tr-closing--alt .tr-h2--center em { background: linear-gradient(135deg,#4AADFF,#00D4DC); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.tr-closing-glow { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 640px; height: 340px; background: radial-gradient(ellipse, rgba(232,196,104,0.09) 0%, transparent 70%); pointer-events: none; animation: trClosingPulse 5s ease-in-out infinite; }
@keyframes trClosingPulse { 0%,100% { opacity: 0.75; transform: translate(-50%,-50%) scale(1); } 50% { opacity: 1; transform: translate(-50%,-50%) scale(1.08); } }
.tr-closing-particles { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.tr-closing-particles span { position: absolute; width: 3px; height: 3px; border-radius: 50%; background: #E8C468; box-shadow: 0 0 8px 1px rgba(232,196,104,0.7); opacity: 0; animation: trClosingDrift 7s ease-in-out infinite; }
.tr-closing-particles span:nth-child(1) { left: 22%; bottom: 12%; animation-delay: 0s; }
.tr-closing-particles span:nth-child(2) { left: 68%; bottom: 8%; animation-delay: 2.3s; background: #4AADFF; box-shadow: 0 0 8px 1px rgba(74,173,255,0.7); }
.tr-closing-particles span:nth-child(3) { left: 45%; bottom: 18%; animation-delay: 4.6s; background: #00D4DC; box-shadow: 0 0 8px 1px rgba(0,212,220,0.7); }
@keyframes trClosingDrift { 0% { opacity: 0; transform: translateY(0); } 15% { opacity: 0.9; } 85% { opacity: 0.6; } 100% { opacity: 0; transform: translateY(-140px); } }
@media(prefers-reduced-motion: reduce) { .tr-closing-glow, .tr-closing-particles span { animation: none !important; } }
/* ── CHAPTER 04: MOMENTUM STRIP ── */
.tr-momentum { position: relative; z-index: 1; max-width: 920px; margin: 40px auto 0; display: flex; justify-content: space-between; gap: 12px; }
.tr-momentum-line { position: absolute; top: 27px; left: 60px; right: 60px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, #4AADFF, #00D4DC 55%, #E8C468); box-shadow: 0 0 10px rgba(74,173,255,0.35); transform: scaleX(0); transform-origin: left; transition: transform 1.6s cubic-bezier(.16,1,.3,1) .15s; }
.tr-momentum.tr-in .tr-momentum-line { transform: scaleX(1); }
.tr-momentum-step { position: relative; flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; opacity: 0; transform: translateY(14px); transition: opacity .6s cubic-bezier(.16,1,.3,1), transform .6s cubic-bezier(.16,1,.3,1); }
.tr-momentum.tr-in .tr-momentum-step { opacity: 1; transform: translateY(0); }
.tr-momentum.tr-in .tr-momentum-step:nth-of-type(2) { transition-delay: .12s; }
.tr-momentum.tr-in .tr-momentum-step:nth-of-type(3) { transition-delay: .24s; }
.tr-momentum.tr-in .tr-momentum-step:nth-of-type(4) { transition-delay: .36s; }
.tr-momentum-ic { position: relative; z-index: 2; width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: radial-gradient(circle at 32% 28%, #16234A 0%, #0A1424 78%); border: 1.5px solid rgba(74,173,255,0.4); color: #4AADFF; margin-bottom: 16px; box-shadow: 0 0 0 5px #060E22, 0 8px 22px -8px rgba(74,173,255,0.5), inset 0 1px 1px rgba(255,255,255,0.06); transition: transform .4s cubic-bezier(.16,1,.3,1), box-shadow .4s ease, border-color .4s ease; }
.tr-momentum-step:hover .tr-momentum-ic { transform: translateY(-3px) scale(1.06); box-shadow: 0 0 0 5px #060E22, 0 14px 30px -8px rgba(74,173,255,0.7), inset 0 1px 1px rgba(255,255,255,0.08); }
.tr-momentum-step:last-child .tr-momentum-ic { background: radial-gradient(circle at 32% 28%, #2A230F 0%, #0A1424 78%); border-color: rgba(232,196,104,0.55); color: #E8C468; box-shadow: 0 0 0 5px #060E22, 0 8px 24px -8px rgba(232,196,104,0.55), inset 0 1px 1px rgba(255,255,255,0.06); }
.tr-momentum-step:last-child:hover .tr-momentum-ic { box-shadow: 0 0 0 5px #060E22, 0 14px 32px -8px rgba(232,196,104,0.75), inset 0 1px 1px rgba(255,255,255,0.08); }
.tr-momentum-step:last-child .tr-momentum-ic::after { content: ""; position: absolute; inset: -7px; border-radius: 50%; border: 1.5px solid rgba(232,196,104,0.55); animation: pulse 2.2s ease-in-out infinite; }
.tr-momentum-ic svg { position: relative; z-index: 1; width: 22px; height: 22px; }
.tr-momentum-lbl { font-family: "Inter", sans-serif; font-size: 14.5px; font-weight: 700; color: #fff; margin-bottom: 4px; letter-spacing: -0.01em; }
.tr-momentum-sub { font-family: "JetBrains Mono", monospace; font-size: 10.5px; letter-spacing: 0.03em; color: rgba(255,255,255,0.56); max-width: 130px; }
@media(max-width: 760px) {
  .tr-momentum { flex-direction: row; flex-wrap: wrap; justify-content: space-between; gap: 22px 10px; max-width: 420px; }
  .tr-momentum-step { flex: 0 1 42%; }
  .tr-momentum-line { display: none; }
  .tr-momentum-ic { width: 48px; height: 48px; margin-bottom: 12px; }
  .tr-momentum-ic svg { width: 19px; height: 19px; }
}
@media(prefers-reduced-motion: reduce) { .tr-momentum-step { transition: none !important; opacity: 1 !important; transform: none !important; } .tr-momentum-line { transition: none !important; transform: scaleX(1) !important; } .tr-momentum-ic, .tr-momentum-step:hover .tr-momentum-ic { transition: none !important; transform: none !important; } .tr-momentum-step:last-child .tr-momentum-ic::after { animation: none !important; } }
/* ── CHAPTER 04: LIVE MONTHLY PERFORMANCE ── */
.tr-live { position: relative; overflow: hidden; max-width: 720px; margin: 38px auto 0; border-radius: 22px; background: linear-gradient(155deg,#0B1730 0%,#060E22 100%); border: 1px solid rgba(255,255,255,0.08); box-shadow: 0 40px 90px -50px rgba(0,0,0,0.7); text-align: left; }
.tr-live-glow { position: absolute; top: -30%; left: 50%; transform: translateX(-50%); width: 480px; height: 260px; background: radial-gradient(ellipse, rgba(232,196,104,0.12) 0%, transparent 72%); pointer-events: none; animation: trGlowDrift 10s ease-in-out infinite; }
.tr-live-head { position: relative; display: flex; align-items: center; gap: 16px; padding: 20px 26px; border-bottom: 1px solid rgba(255,255,255,0.08); }
.tr-live-title { font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.1em; color: rgba(255,255,255,0.55); text-transform: uppercase; }
.tr-live-title b { color: #fff; font-weight: 700; }
.tr-live-badge { margin-left: auto; display: inline-flex; align-items: center; gap: 7px; font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: 0.14em; color: #E8C468; text-transform: uppercase; }
.tr-live-badge-dot { width: 6px; height: 6px; border-radius: 50%; background: #E8C468; box-shadow: 0 0 8px rgba(232,196,104,0.8); animation: pulse 2s ease-in-out infinite; }
.tr-live-bars { position: relative; display: flex; align-items: flex-end; justify-content: center; gap: 44px; padding: 40px 30px 8px; height: 200px; }
.tr-live-bar-col { display: flex; flex-direction: column; align-items: center; width: 76px; }
.tr-live-bar-val { font-family: "Playfair Display", serif; font-weight: 700; font-size: 17px; color: rgba(255,255,255,0.75); margin-bottom: 10px; }
.tr-live-bar-col--peak .tr-live-bar-val { color: #E8C468; font-size: 20px; }
.tr-live-bar-track { width: 100%; height: 130px; display: flex; align-items: flex-end; }
.tr-live-bar-fill { display: block; width: 100%; height: 0; border-radius: 6px 6px 3px 3px; transition: height 1.1s cubic-bezier(.16,1,.3,1); }
.tr-live.tr-in .tr-live-bar-fill { height: var(--h); }
.tr-live-bar-fill--blue { background: linear-gradient(180deg,#4AADFF,rgba(74,173,255,0.3)); box-shadow: 0 0 16px rgba(74,173,255,0.35); }
.tr-live-bar-fill--teal { background: linear-gradient(180deg,#00D4DC,rgba(0,212,220,0.3)); box-shadow: 0 0 16px rgba(0,212,220,0.35); }
.tr-live-bar-fill--gold { background: linear-gradient(180deg,#E8C468,rgba(232,196,104,0.3)); box-shadow: 0 0 20px rgba(232,196,104,0.45); }
.tr-live-bar-lbl { font-family: "JetBrains Mono", monospace; font-size: 10.5px; letter-spacing: 0.04em; color: rgba(255,255,255,0.52); margin-top: 12px; }
.tr-live-foot { position: relative; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; padding: 20px 26px 26px; border-top: 1px solid rgba(255,255,255,0.06); }
.tr-live-foot p { font-family: "JetBrains Mono", monospace; font-size: 11.5px; color: rgba(255,255,255,0.52); }
.tr-live-cta { display: inline-flex; align-items: center; gap: 9px; background: rgba(255,255,255,0.06); color: #fff; border-radius: 999px; padding: 11px 20px; font-family: "Inter", sans-serif; font-size: 13px; font-weight: 700; text-decoration: none; transition: background .3s, transform .3s cubic-bezier(.16,1,.3,1); }
.tr-live-cta:hover { background: rgba(232,196,104,0.16); transform: translateY(-2px); }
.tr-live-cta svg:first-child { width: 16px; height: 16px; color: #E8C468; flex-shrink: 0; }
.tr-live-cta .m-arrow { width: 14px; height: 14px; flex-shrink: 0; }
@media(max-width: 600px) {
  .tr-live-bars { gap: 22px; padding: 32px 16px 8px; height: 180px; }
  .tr-live-bar-col { width: 60px; }
  .tr-live-foot { flex-direction: column; align-items: flex-start; }
}
@media(prefers-reduced-motion: reduce) { .tr-live-glow, .tr-live-badge-dot { animation: none !important; } .tr-live-bar-fill { transition: none !important; } }

/* ── CHAPTER 05: THE COMPARISON ── */
.tr-vs { position: relative; z-index: 1; display: flex; align-items: stretch; max-width: 820px; margin: 36px auto 0; }
.tr-vs-panel { position: relative; padding: 32px 28px; }
.tr-vs-panel--course { flex: 0.78; background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.07); border-radius: 18px 0 0 18px; opacity: 0.62; }
.tr-vs-tag { font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.5); margin-bottom: 18px; }
.tr-vs-icon { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.42); margin-bottom: 16px; }
.tr-vs-icon svg { width: 100%; height: 100%; }
.tr-vs-title { font-family: "Playfair Display", serif; font-size: 19px; font-weight: 700; color: rgba(255,255,255,0.55); text-decoration: line-through; text-decoration-color: rgba(255,255,255,0.25); margin-bottom: 10px; }
.tr-vs-desc { font-size: 13px; line-height: 1.6; color: rgba(255,255,255,0.48); margin-bottom: 22px; }
.tr-vs-cons { display: grid; gap: 12px; }
.tr-vs-con { display: flex; align-items: center; gap: 10px; font-family: "Inter", sans-serif; font-size: 13px; font-weight: 500; color: rgba(255,255,255,0.4); }
.tr-vs-con svg { width: 15px; height: 15px; color: #FF9B9B; opacity: 0.7; flex-shrink: 0; }
.tr-vs-divider { position: relative; z-index: 2; flex-shrink: 0; width: 46px; margin: 0 -23px; display: flex; align-items: center; justify-content: center; }
.tr-vs-divider span { display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 50%; background: linear-gradient(155deg,#0B1730 0%,#060E22 100%); border: 1px solid rgba(74,173,255,0.35); box-shadow: 0 0 0 6px #070F1E, 0 12px 30px -10px rgba(74,173,255,0.5); font-family: "JetBrains Mono", monospace; font-size: 10.5px; font-weight: 700; letter-spacing: 0.06em; color: #4AADFF; animation: trVsPulse 2.6s ease-in-out infinite; }
@keyframes trVsPulse { 0%,100% { box-shadow: 0 0 0 6px #070F1E, 0 12px 30px -10px rgba(74,173,255,0.5); } 50% { box-shadow: 0 0 0 6px #070F1E, 0 12px 34px -8px rgba(74,173,255,0.85); } }
.tr-vs-panel--built { position: relative; flex: 1.22; background: linear-gradient(150deg, rgba(74,173,255,0.1), rgba(0,212,220,0.05)); border: 1px solid rgba(74,173,255,0.3); border-radius: 0 18px 18px 0; box-shadow: 0 30px 60px -40px rgba(74,173,255,0.4); overflow: hidden; }
.tr-vs-panel--built::before { content: ""; position: absolute; top: -40%; right: -20%; width: 260px; height: 260px; background: radial-gradient(closest-side, rgba(74,173,255,0.16), transparent 70%); pointer-events: none; animation: trGlowDrift 9s ease-in-out infinite; }
.tr-vs-panel--built .tr-vs-tag { color: #7CC1FF; }
.tr-vs-item { position: relative; z-index: 1; transition: transform .3s cubic-bezier(.16,1,.3,1); }
.tr-vs-item:hover { transform: translateX(3px); }
.tr-vs-item:hover svg { color: #00D4DC; }
.tr-vs-item svg { transition: color .3s ease; }
.tr-vs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 20px; }
.tr-vs-item { display: flex; align-items: center; gap: 10px; font-family: "Inter", sans-serif; font-size: 14px; font-weight: 600; color: #fff; }
.tr-vs-item svg { width: 19px; height: 19px; color: #4AADFF; flex-shrink: 0; }
.tr-closing-cta-wrap { position: relative; z-index: 1; text-align: center; margin-top: 32px; }
@media(max-width: 720px) {
  .tr-vs { flex-direction: column; max-width: 380px; }
  .tr-vs-panel--course { border-radius: 18px 18px 0 0; }
  .tr-vs-panel--built { border-radius: 0 0 18px 18px; }
  .tr-vs-divider { width: 100%; margin: 0; padding: 14px 0; }
  .tr-vs-grid { grid-template-columns: 1fr; }
}
@media(prefers-reduced-motion: reduce) { .tr-vs-divider span, .tr-vs-panel--built::before { animation: none !important; } }
.tr-closing-in { position: relative; max-width: 680px; margin: 0 auto; }
.tr-closing-cta { text-decoration: none; display: inline-flex; align-items: center; gap: 9px; background: linear-gradient(100deg,#4AADFF,#00D4DC); color: #04121f; border: none; border-radius: 999px; padding: 15px 30px; font-family: "Inter", sans-serif; font-size: 13.5px; font-weight: 700; cursor: pointer; transition: transform .3s cubic-bezier(.16,1,.3,1), box-shadow .3s; box-shadow: 0 20px 44px -20px rgba(30,140,255,0.5); }
.tr-closing-cta:hover { transform: translateY(-3px); box-shadow: 0 28px 54px -18px rgba(30,140,255,0.6); }
@media(max-width: 900px) {
  .tr-approach-in { grid-template-columns: 1fr; }
  .tr-confidential { aspect-ratio: 16/10; }
}
@media(prefers-reduced-motion: reduce) {
  .tr-reveal { transition: none !important; opacity: 1 !important; transform: none !important; filter: none !important; }
  .tr-parallax { transform: none !important; }
}
.tr-pin { position: relative; overflow: hidden; padding: clamp(72px,9vw,120px) 48px; background: linear-gradient(155deg,#0B1730 0%,#060E22 100%); }
.tr-pin-inner { position: relative; max-width: 1160px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; }
.tr-pin-chart { position: absolute; inset: 0; opacity: 0.4; pointer-events: none; }
.tr-pin-chart svg { width: 100%; height: 100%; }
.tr-pin-chart path { transition: stroke-dashoffset 1.8s cubic-bezier(.16,1,.3,1); }
.tr-glance-tag { position: relative; z-index: 1; text-align: center; font-family: "JetBrains Mono", monospace; font-size: 11px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(255,255,255,0.5); margin: 0 0 32px; }
.tr-stat-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; max-width: 1160px; width: 100%; }
.tr-stat-card { position: relative; overflow: hidden; padding: 30px 24px; border-radius: 18px; text-align: center; background: var(--tr-bg); border: 1px solid var(--tr-brd); box-shadow: 0 30px 60px -40px var(--tr-brd); transition: box-shadow 0.35s cubic-bezier(.16,1,.3,1), border-color 0.35s cubic-bezier(.16,1,.3,1); }
.tr-stat-card:hover { border-color: var(--tr-c); box-shadow: 0 36px 70px -36px var(--tr-c); }
.tr-stat-card::after { content: attr(data-idx); position: absolute; bottom: -16px; right: 2px; font-family: "Playfair Display", serif; font-weight: 700; font-size: 66px; color: var(--tr-c); opacity: 0.08; line-height: 1; pointer-events: none; }
.tr-stat-card--blue { --tr-c: #4AADFF; --tr-bg: rgba(74,173,255,0.06); --tr-brd: rgba(74,173,255,0.28); }
.tr-stat-card--teal { --tr-c: #00D4DC; --tr-bg: rgba(0,212,220,0.06); --tr-brd: rgba(0,212,220,0.28); }
.tr-stat-card--gold { --tr-c: #E8C468; --tr-bg: rgba(232,196,104,0.07); --tr-brd: rgba(232,196,104,0.3); }
.tr-stat-card--violet { --tr-c: #B4A8FF; --tr-bg: rgba(109,92,255,0.08); --tr-brd: rgba(109,92,255,0.3); }
.tr-stat-shine { position: absolute; top: -30%; left: 0; width: 50px; height: 160%; background: linear-gradient(100deg, transparent, rgba(255,255,255,0.08) 50%, transparent); transform: translateX(-200%) rotate(12deg); transition: transform 0.7s ease; pointer-events: none; }
.tr-stat-card:hover .tr-stat-shine { transform: translateX(420%) rotate(12deg); }
.tr-stat-icon { position: relative; width: 38px; height: 38px; margin: 0 auto 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--tr-bg); border: 1px solid var(--tr-brd); color: var(--tr-c); }
.tr-stat-icon svg { width: 18px; height: 18px; }
.tr-stat-num { position: relative; font-family: "Playfair Display", serif; font-weight: 700; font-size: clamp(24px,2.6vw,32px); color: var(--tr-c); line-height: 1; margin-bottom: 8px; }
.tr-stat-label { position: relative; font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,0.6); }
.tr-stat-card .stat-discord-link { position: relative; margin-top: 12px; }
.tr-mult { position: relative; z-index: 1; width: 100%; max-width: 720px; margin: 0 auto 40px; padding: 32px 34px 28px; border-radius: 20px; text-align: center; overflow: hidden; background: linear-gradient(135deg, rgba(74,173,255,0.09), rgba(0,212,220,0.05)); border: 1px solid rgba(74,173,255,0.25); box-shadow: 0 30px 60px -40px rgba(74,173,255,0.4); }
.tr-mult::before { content: ""; position: absolute; inset: -60% -20% auto -20%; height: 160%; background: radial-gradient(closest-side, rgba(74,173,255,0.16), transparent 72%); pointer-events: none; }
.tr-mult-eyebrow { position: relative; display: inline-flex; align-items: center; gap: 8px; background: rgba(74,173,255,0.1); border: 1px solid rgba(74,173,255,0.28); border-radius: 20px; padding: 6px 16px 6px 14px; font-family: "JetBrains Mono", monospace; font-size: 10.5px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: #7CC1FF; margin-bottom: 20px; }
.tr-mult-dot { width: 6px; height: 6px; border-radius: 50%; background: #00D4DC; animation: pulse 2s ease-in-out infinite; flex-shrink: 0; }
.tr-mult-row { position: relative; display: flex; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap; }
.tr-mult-seed { font-family: "Playfair Display", serif; font-weight: 700; font-size: clamp(20px,2.6vw,26px); color: rgba(255,255,255,0.4); text-decoration: line-through; text-decoration-color: rgba(255,255,255,0.28); text-decoration-thickness: 1.5px; }
.tr-mult-arrow { width: 20px; height: 20px; color: #4AADFF; flex-shrink: 0; }
.tr-mult-num { font-family: "Playfair Display", serif; font-weight: 700; font-size: clamp(36px,5.2vw,54px); line-height: 1; background: linear-gradient(100deg,#4AADFF,#00D4DC 55%,#E8C468); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.tr-mult-badge { position: relative; margin-top: 16px; font-family: "JetBrains Mono", monospace; font-size: 12.5px; letter-spacing: 0.03em; color: rgba(255,255,255,0.6); }
.tr-mult-x { font-family: "Playfair Display", serif; font-weight: 700; font-size: 17px; color: #E8C468; margin-right: 5px; }
@media(max-width: 600px) { .tr-mult { padding: 24px 20px 22px; } .tr-mult-row { gap: 10px; } }
.tr-progress { position: fixed; top: 0; left: 0; width: 100%; height: 3px; background: rgba(255,255,255,0.06); z-index: 1200; pointer-events: none; }
.tr-progress-fill { height: 100%; width: 100%; transform-origin: left center; transform: scaleX(0); background: linear-gradient(90deg,#4AADFF,#00D4DC 55%,#E8C468); box-shadow: 0 0 12px rgba(74,173,255,0.6); }
#hero, #tr-ch02, #track-record, #tr-ch04, #tr-ch05 { scroll-margin-top: 90px; }
@media(prefers-reduced-motion: reduce) { .tr-progress-fill { transition: none; } }
@media(max-width: 900px) {
  .tr-stat-grid { grid-template-columns: repeat(2, 1fr); }
}
@media(max-width: 760px) {
  .tr-stat-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
  .tr-stat-card { padding: 22px 14px; }
  .tr-stat-card .stat-discord-link { max-width: 100%; padding: 5px 8px 5px 7px; gap: 5px; }
  .tr-stat-card .stat-discord-icon { width: 12px; height: 12px; }
  .tr-stat-card .stat-discord-text { font-size: 8px; letter-spacing: 0.08em; }
}
/* Shared accent-color modifiers for the Record chapter's trade cards and account boxes */
.tr-acct--blue { --tr-c: #4AADFF; }
.tr-acct--teal { --tr-c: #00D4DC; }
.tr-acct--gold { --tr-c: #E8C468; }
.tr-acct--violet { --tr-c: #B4A8FF; }
.record-card[data-idx] { position: relative; }
.record-card[data-idx]::after { content: attr(data-idx); position: absolute; bottom: -16px; right: 8px; font-family: "Playfair Display", serif; font-weight: 700; font-size: 58px; color: var(--tr-c, var(--accent)); opacity: 0.09; line-height: 1; pointer-events: none; }
.record-card.tr-acct--blue::before { background: linear-gradient(90deg, #4AADFF, #00D4DC); }
.record-card.tr-acct--gold::before { background: linear-gradient(90deg, #E8C468, #F0D48A); }
.ssc-out-box.tr-acct--blue .ssc-acct-idx { color: #4AADFF; }
.ssc-out-box.tr-acct--teal .ssc-acct-idx { color: #00D4DC; }
.ssc-out-box.tr-acct--gold .ssc-acct-idx { color: #E8C468; }
.ssc-out-box.tr-acct--violet .ssc-acct-idx { color: #B4A8FF; }
.ssc-out-box.tr-acct--blue::after { background: linear-gradient(90deg,transparent,rgba(74,173,255,.5),rgba(0,212,220,.35),transparent); }
.ssc-out-box.tr-acct--teal::after { background: linear-gradient(90deg,transparent,rgba(0,212,220,.5),rgba(74,173,255,.3),transparent); }
.ssc-out-box.tr-acct--gold::after { background: linear-gradient(90deg,transparent,rgba(232,196,104,.55),rgba(240,212,138,.3),transparent); }
.ssc-out-box.tr-acct--violet::after { background: linear-gradient(90deg,transparent,rgba(180,168,255,.5),rgba(232,196,104,.3),transparent); }
.ssc-out-box.tr-acct--blue:hover .ssc-out-pipnum { color: #4AADFF; }
.ssc-out-box.tr-acct--teal:hover .ssc-out-pipnum { color: #00D4DC; }
.ssc-out-box.tr-acct--gold:hover .ssc-out-pipnum { color: #E8C468; }
.ssc-out-box.tr-acct--violet:hover .ssc-out-pipnum { color: #B4A8FF; }
@keyframes jcPriceSweep { 0% { transform: translateX(-220%) rotate(12deg); } 35%, 100% { transform: translateX(520%) rotate(12deg); } }
@media (prefers-reduced-motion: reduce) { .jc-price-sweep { animation: none !important; } }

/* ===== HOVER POLISH: Desk Review / Floor Intel ===== */
.dr-card { transition: transform .4s cubic-bezier(.16,1,.3,1), box-shadow .4s, border-color .4s; }
.dr-card:hover { transform: translateY(-4px); box-shadow: 0 46px 100px -50px rgba(0,196,204,0.35); border-color: rgba(0,212,220,0.28); }
.dr-stat { transition: transform .3s cubic-bezier(.16,1,.3,1), border-color .3s, background .3s; }
.dr-stat:hover { transform: translateY(-3px); border-color: rgba(0,212,220,0.3); background: rgba(0,212,220,0.04); }
.fi-panel { transition: transform .4s cubic-bezier(.16,1,.3,1), box-shadow .4s, border-color .4s; }
.fi-panel:hover { transform: translateY(-4px); box-shadow: 0 40px 90px -50px rgba(74,173,255,0.3); border-color: rgba(74,173,255,0.22); }
.fi-row { transition: background .25s, padding-left .25s; border-radius: 8px; }
.fi-row:hover { background: rgba(255,255,255,0.03); padding-left: 8px; }
.fi-bar-row { transition: transform .2s; }
.fi-bar-row:hover { transform: translateX(2px); }
.flow-step { transition: transform .35s cubic-bezier(.16,1,.3,1); }
.flow-step:hover { transform: translateY(-4px); }
/* ===== JC STATUS TICKER ===== */
.jc-status { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin: 28px 0 44px; padding: 12px 18px; background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.07); border-radius: 999px; font-family: "JetBrains Mono", monospace; font-size: 9.5px; letter-spacing: 0.07em; color: var(--deep-text-muted); }
.jc-status-item { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; padding: 4px 14px; }
.jc-status-item b { color: var(--deep-text-hi); font-weight: 600; margin-left: 3px; }
.jc-status-dot { width: 6px; height: 6px; border-radius: 50%; background: #00D4DC; box-shadow: 0 0 0 3px rgba(0,212,220,0.2); animation: jcStatusPulse 2s infinite; }
@keyframes jcStatusPulse { 0%,100% { opacity: 1; } 50% { opacity: .4; } }
.jc-status-sep { width: 1px; height: 12px; background: rgba(255,255,255,0.1); }
@media(max-width:760px){ .jc-status{ border-radius:14px; justify-content:center; } .jc-status-sep{display:none} .jc-status-item{width:100%;justify-content:center;padding:6px 0} }

/* ===== COMPOUND PLAN CALC FINE PRINT ===== */
.jps-calc-fine { margin-top: 8px; font-size: 8.5px; color: rgba(255,255,255,.35); line-height: 1.5; }

/* ===== SESSION HEATMAP ===== */
.fi-panel--wide { grid-column: 1 / -1; text-align: center; }
.hm-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 5px; max-width: 380px; margin: 4px auto 0; }
.hm-cell { display: block; width: 100%; aspect-ratio: 1; border-radius: 4px; transition: transform .2s; }
.hm-cell:hover { transform: scale(1.25); }
.hm-none { background: rgba(255,255,255,0.04); }
.hm-loss.hm-l1 { background: rgba(255,107,107,0.28); }
.hm-loss.hm-l2 { background: rgba(255,107,107,0.6); }
.hm-win.hm-l1 { background: rgba(0,212,220,0.28); }
.hm-win.hm-l2 { background: rgba(0,212,220,0.58); }
.hm-win.hm-l3 { background: rgba(0,212,220,0.9); }
.hm-legend { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px 20px; margin-top: 16px; font-family: "JetBrains Mono", monospace; font-size: 10px; color: var(--deep-text-muted); }
.hm-legend span { display: inline-flex; align-items: center; gap: 6px; }
.hm-legend i { width: 10px; height: 10px; border-radius: 3px; display: inline-block; }

/* ===== BAR LOAD-IN ANIMATION ===== */
@keyframes fiBarGrow { from { width: 0; } }
.fi-bar-fill { animation: fiBarGrow 1.4s cubic-bezier(.16,1,.3,1) both; }
/* ===== FEATURE CARD TEASERS ===== */
.jc-teaser { margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.07); }
.jc-card:hover .jc-teaser { border-top-color: rgba(0,196,204,.18); }

.jc-t-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 9px; gap: 10px; }
.jc-t-pair { font-family: "JetBrains Mono", monospace; font-size: 12px; color: #fff; display: flex; align-items: center; gap: 8px; }
.jc-t-dir { font-size: 9px; font-weight: 700; padding: 2px 6px; border-radius: 3px; font-style: normal; letter-spacing: .04em; }
.jc-t-dir.sell { background: rgba(255,107,107,.15); color: #FF9B9B; }
.jc-t-blocked { font-family: "JetBrains Mono", monospace; font-size: 9px; font-weight: 700; letter-spacing: .08em; color: #FF6B6B; background: rgba(255,107,107,.1); border: 1px solid rgba(255,107,107,.3); border-radius: 4px; padding: 3px 8px; white-space: nowrap; }
.jc-t-reason { font-size: 11px; color: var(--deep-text-muted); line-height: 1.5; }

.jc-t-fields { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.jc-t-field { display: flex; flex-direction: column; gap: 2px; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.07); border-radius: 6px; padding: 6px 10px; font-size: 11px; color: #fff; }
.jc-t-field b { font-family: "JetBrains Mono", monospace; font-size: 8px; color: var(--deep-text-muted); font-weight: 600; letter-spacing: .06em; }
.jc-t-status { display: flex; align-items: center; gap: 6px; font-size: 10.5px; color: #5EEAF0; font-family: "JetBrains Mono", monospace; letter-spacing: .02em; }
.jc-t-dot { width: 6px; height: 6px; border-radius: 50%; background: #00D4DC; flex-shrink: 0; }

.jc-t-bar-row { display: flex; justify-content: space-between; font-size: 11px; color: var(--deep-text-sub); margin-bottom: 4px; }
.jc-t-bar-row b { color: #fff; font-family: "JetBrains Mono", monospace; font-weight: 600; }
.jc-t-bar { height: 4px; border-radius: 3px; background: rgba(255,255,255,.06); overflow: hidden; margin-bottom: 10px; }
.jc-t-bar i { display: block; height: 100%; border-radius: 3px; background: linear-gradient(90deg,#4AADFF,#9DC0FF); animation: fiBarGrow 1.2s cubic-bezier(.16,1,.3,1) both; }
.jc-t-bar i.b { background: linear-gradient(90deg,#00C4CC,#5EEAF0); }

.jc-teaser--metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.jc-t-stat { background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.07); border-radius: 8px; padding: 8px 10px; }
.jc-t-stat b { display: block; font-family: "Playfair Display", serif; font-size: 15px; color: #fff; }
.jc-t-stat b.pos { color: #5EEAF0; }
.jc-t-stat span { font-family: "JetBrains Mono", monospace; font-size: 8px; color: var(--deep-text-muted); letter-spacing: .05em; text-transform: uppercase; }

.jc-teaser--review { display: flex; align-items: center; gap: 14px; }
.jc-t-grade { width: 38px; height: 38px; border-radius: 10px; background: rgba(255,255,255,.03); border: 1px solid rgba(232,196,104,.28); display: flex; align-items: center; justify-content: center; font-family: "Playfair Display", serif; font-size: 19px; font-weight: 700; color: #E8C468; flex-shrink: 0; }
.jc-t-review-txt b { display: block; font-size: 11.5px; color: #fff; margin-bottom: 3px; }
.jc-t-review-txt p { font-family: "Playfair Display", serif; font-style: italic; font-size: 11.5px; color: var(--deep-text-sub); line-height: 1.4; }

.jc-t-live-row { display: flex; align-items: center; gap: 7px; font-family: "JetBrains Mono", monospace; font-size: 9.5px; letter-spacing: .1em; color: #5EEAF0; margin-bottom: 7px; }
.jc-t-live-dot { width: 6px; height: 6px; border-radius: 50%; background: #00D4DC; flex-shrink: 0; animation: jcStatusPulse 2s infinite; }
.jc-t-live-time { font-family: "Playfair Display", serif; font-size: 16px; color: #fff; font-weight: 700; }
/* ===== DESK REVIEW: LOCKED CONTENT ===== */
.dr-locked { position: relative; border-radius: 10px; overflow: hidden; }
.dr-locked-body { filter: blur(6px); user-select: none; pointer-events: none; }
.dr-lock-overlay { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; background: rgba(8,17,38,.64); }
.dr-lock-overlay svg { width: 19px; height: 19px; color: #E8C468; }
.dr-lock-overlay span { font-family: "JetBrains Mono", monospace; font-size: 9.5px; letter-spacing: .08em; text-transform: uppercase; color: #E8C468; text-align: center; padding: 0 16px; }

/* ===== HEATMAP: MISSED SETUP CELL ===== */
.hm-missed { background: rgba(232,196,104,.16); border: 1px solid rgba(232,196,104,.55); }
.jc-enter-el { opacity: 0; animation: jcItemIn .8s cubic-bezier(.16,1,.3,1) both; }
.jc-section.jc-enter .jc-announce.jc-enter-el { animation-delay: .05s; }
.jc-section.jc-enter .jc-heading.jc-enter-el { animation-delay: .16s; }
.jc-section.jc-enter .jc-lead.jc-enter-el { animation-delay: .3s; }
.jc-section.jc-enter .jc-status.jc-enter-el { animation-delay: .44s; }
@keyframes jcItemIn { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }
/* ===== INFRA SECTION HEADER + SPACING ===== */
.jc-infra-head { text-align: center; max-width: 620px; margin: 88px auto 44px; }

/* ===== FEATURE CARD ACCENTS + SHINE ===== */
.jc-card { --jc-glow: rgba(74,173,255,.1); --jc-icon-c: #9DC0FF; --jc-icon-bg: rgba(74,173,255,.12); --jc-icon-brd: rgba(74,173,255,.28); }
.jc-card--blue { --jc-glow: rgba(74,173,255,.12); --jc-icon-c: #9DC0FF; --jc-icon-bg: rgba(74,173,255,.12); --jc-icon-brd: rgba(74,173,255,.28); }
.jc-card--teal { --jc-glow: rgba(0,212,220,.12); --jc-icon-c: #5EEAF0; --jc-icon-bg: rgba(0,212,220,.12); --jc-icon-brd: rgba(0,212,220,.28); }
.jc-card--violet { --jc-glow: rgba(109,92,255,.14); --jc-icon-c: #B4A8FF; --jc-icon-bg: rgba(109,92,255,.14); --jc-icon-brd: rgba(109,92,255,.3); }
.jc-card--gold { --jc-glow: rgba(232,196,104,.13); --jc-icon-c: #E8C468; --jc-icon-bg: rgba(232,196,104,.13); --jc-icon-brd: rgba(232,196,104,.3); }
.jc-card::after { content:""; position:absolute; top:-45%; right:-15%; width:220px; height:220px; border-radius:50%; pointer-events:none; background:radial-gradient(circle, var(--jc-glow) 0%, transparent 70%); opacity:0; transition:opacity .5s ease; }
.jc-card:hover::after { opacity:1; }
.jc-card .jc-card-icon { color: var(--jc-icon-c); background: var(--jc-icon-bg) !important; border-color: var(--jc-icon-brd) !important; }
.jc-card:hover .jc-card-icon { box-shadow: 0 0 0 6px var(--jc-glow); }
.jc-shine { position:absolute; top:0; left:-60%; width:35%; height:100%; background:linear-gradient(100deg, transparent, rgba(255,255,255,.06), transparent); transform:skewX(-18deg); transition:left .8s cubic-bezier(.16,1,.3,1); pointer-events:none; z-index:1; }
.jc-card:hover .jc-shine { left:130%; }
@media(max-width:860px){
  .flow-track { grid-template-columns: 1fr; gap: 36px; }
  .flow-track::before { top: 0; bottom: 0; left: 27px; right: auto; width: 2px; height: auto; background: linear-gradient(180deg, var(--accent) 0%, var(--accent-teal) 50%, #E8C468 100%); }
  .flow-step { padding-left: 74px; }

  .flow-node { position: absolute; left: 0; top: 0; margin-bottom: 0; }
}
  .jc-bottom-strip { display:grid; grid-template-columns:1fr auto; gap:48px; align-items:center; background:rgba(255,255,255,.02); border:1px solid rgba(255,255,255,.05); border-radius:14px; padding:40px 44px; }
  .jc-strip-tag { font-family:"JetBrains Mono",monospace; font-size:10px; color:var(--deep-text-muted); letter-spacing:.2em; text-transform:uppercase; margin-bottom:12px; transition:color 0.35s ease; }
  .jc-strip-title { font-family:"Playfair Display",serif; font-size:30px; font-weight:700; color:var(--deep-text); line-height:1.2; margin-bottom:12px; transition:color 0.35s ease; }
  .jc-strip-desc { font-size:14px; color:var(--deep-text-sub); line-height:1.8; max-width:520px; transition:color 0.35s ease; }
  .jc-price-panel { background:rgba(30,140,255,.06); border:1px solid rgba(30,140,255,.18); border-radius:10px; padding:28px 32px; text-align:center; min-width:220px; }
  .jc-price-tag-label { font-family:"JetBrains Mono",monospace; font-size:9px; color:var(--deep-text-muted); letter-spacing:.16em; text-transform:uppercase; margin-bottom:10px; transition:color 0.35s ease; }
  .jc-price-big { font-family:"Playfair Display",serif; font-size:52px; font-weight:700; color:var(--deep-text); line-height:1; transition:color 0.35s ease; }
  .jc-price-big sup { font-size:24px; vertical-align:super; color:var(--accent); margin-right:2px; }
  .jc-price-period { font-size:12px; color:var(--deep-text-sub); margin-top:5px; margin-bottom:20px; transition:color 0.35s ease; }
  .jc-cta-btn { width:100%; padding:14px; background:var(--accent); color:#fff; border:none; border-radius:6px; font-family:"Inter",sans-serif; font-size:13px; font-weight:700; letter-spacing:.05em; cursor:pointer; transition:opacity .2s; }
  .jc-cta-btn:hover { opacity:.86; }

  /* ── VERIFIED TRACK RECORD ── */
  .verified-section { padding:88px 48px; background:var(--deep-bg); border-bottom:1px solid var(--deep-border); position:relative; overflow:hidden; transition:background 0.35s ease, border-color 0.35s ease; }
  .verified-section::before { content:""; position:absolute; inset:0; background-image:radial-gradient(circle at 65% 20%,rgba(30,140,255,.06) 0%,transparent 45%),radial-gradient(circle at 15% 80%,rgba(0,196,204,.04) 0%,transparent 35%); pointer-events:none; }
  .vr-tag { font-family:"JetBrains Mono",monospace; font-size:10px; color:var(--accent-text); letter-spacing:.2em; text-transform:uppercase; margin-bottom:16px; }
  .vr-header { margin-bottom: 40px; }
  .vr-title { font-family:"Playfair Display",serif; font-size:48px; font-weight:700; color:var(--deep-text); line-height:1.07; letter-spacing:-.03em; margin-bottom:18px; transition:color 0.35s ease; }
  .vr-title span { background:linear-gradient(90deg,var(--accent),var(--accent-teal)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
  .vr-desc { font-size:15px; color:var(--deep-text-sub); line-height:1.8; max-width:560px; transition:color 0.35s ease; }
  .vr-summary { display:flex; flex-wrap: wrap; justify-content: center; gap: 20px 56px; margin-top: 30px; padding-top: 26px; border-top: 1px solid rgba(255,255,255,0.08); }
  .vr-sum-item { text-align:center; }
  .vr-sum-val { font-family:"Playfair Display",serif; font-size:32px; font-weight:700; color:#fff; line-height:1; letter-spacing:-.03em; }
  .vr-sum-val.accent { background:linear-gradient(90deg,#4AADFF,#00D4DC); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
  .vr-sum-label { font-family:"JetBrains Mono",monospace; font-size:9px; color:rgba(255,255,255,0.4); letter-spacing:.15em; text-transform:uppercase; margin-top:6px; }
  .vr-chapters { display:flex; flex-direction:column; margin-bottom:56px; }
  .vr-chapter { display:grid; grid-template-columns:72px 1fr; gap:28px; padding:36px 16px; border-bottom:1px solid rgba(255,255,255,.04); align-items:start; position:relative; border-radius:8px; transition:background .25s; }
  .vr-chapter:last-child { border-bottom:none; }
  .vr-chapter:hover { background:rgba(30,140,255,.03); }
  .vr-ch-num { font-family:"Playfair Display",serif; font-size:44px; font-weight:700; color:rgba(255,255,255,.06); line-height:1; padding-top:8px; }
  .vr-ch-label { font-family:"JetBrains Mono",monospace; font-size:10px; color:rgba(255,255,255,.38); letter-spacing:.16em; text-transform:uppercase; margin-bottom:10px; }
  .vr-ch-title { font-family:"Playfair Display",serif; font-size:26px; font-weight:700; color:#fff; line-height:1.15; margin-bottom:12px; letter-spacing:-.02em; }
  .vr-ch-desc { font-size:14.5px; color:rgba(255,255,255,.73); line-height:1.85; margin-bottom:18px; max-width:700px; }
  .vr-ch-stats { display:flex; gap:40px; flex-wrap:wrap; margin-bottom:16px; }
  .vr-ch-stat { font-family:"JetBrains Mono",monospace; font-size:10px; color:rgba(255,255,255,.38); }
  .vr-ch-stat strong { font-family:"Playfair Display",serif; font-size:17px; font-weight:700; color:var(--accent-teal); display:block; margin-bottom:3px; letter-spacing:-.01em; font-style:normal; }
  .vr-ch-badge { display:inline-flex; align-items:center; gap:7px; font-family:"JetBrains Mono",monospace; font-size:9px; letter-spacing:.1em; text-transform:uppercase; border-radius:3px; padding:4px 10px; background:rgba(45,212,160,.08); border:1px solid rgba(45,212,160,.18); color:#2DD4A0; }
  .vr-footer { padding-top:40px; border-top:1px solid #0F1E3A; display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap; }
  .vr-footer-text { font-size:14px; color:rgba(255,255,255,.62); line-height:1.8; max-width:540px; letter-spacing:.01em; }
  .vr-footer-badges { display:flex; gap:10px; flex-wrap:wrap; }
  .vr-footer-badge { display:inline-flex; align-items:center; gap:7px; background:rgba(255,255,255,.02); border:1px solid rgba(255,255,255,.06); border-radius:4px; padding:7px 14px; font-family:"JetBrains Mono",monospace; font-size:9px; color:#1E3060; letter-spacing:.07em; }

  /* ── PRICING TEASER ── */
  .price-teaser-block { margin-bottom:20px; padding:20px 0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
  .price-teaser-eyebrow { font-family:"JetBrains Mono",monospace; font-size:9px; color:var(--text-muted); letter-spacing:.18em; text-transform:uppercase; margin-bottom:8px; }
  .price-teaser-main { font-family:"Playfair Display",serif; font-size:26px; font-weight:700; color:var(--price-text); letter-spacing:-.02em; margin-bottom:6px; transition:color 0.35s ease; }
  .price-teaser-note { font-size:12px; color:var(--price-body); line-height:1.65; transition:color 0.35s ease; }
  .founding-price-block { background:var(--price-block-bg); border:1px solid var(--border); border-radius:10px; padding:22px; margin-bottom:22px; transition:background 0.35s ease, border-color 0.35s ease; }
  .fp-eyebrow { font-family:"JetBrains Mono",monospace; font-size:9px; color:var(--accent); letter-spacing:.16em; text-transform:uppercase; margin-bottom:10px; }
  .fp-price { font-family:"Playfair Display",serif; font-size:30px; font-weight:700; color:var(--price-text); margin-bottom:14px; letter-spacing:-.02em; transition:color 0.35s ease; }
  .fp-body { font-size:13px; color:var(--price-body); line-height:1.8; margin-bottom:16px; transition:color 0.35s ease; }
  .fp-body strong { color:var(--price-text); font-weight:700; }
  .fp-seats { font-family:"JetBrains Mono",monospace; font-size:10px; color:var(--price-seats-color); letter-spacing:.06em; padding:9px 14px; background:var(--price-seats-bg); border:1px solid var(--price-seats-border); border-radius:4px; display:inline-block; line-height:1.5; transition:color 0.35s ease, background 0.35s ease, border-color 0.35s ease; }
  .fp-seats span { font-family:"Playfair Display",serif; font-size:14px; font-weight:700; }

  /* Mobile — all new sections */
  @media (max-width:900px) {
    .verified-section { padding:56px 20px; }
    .vr-header { margin-bottom: 28px; }
    .vr-summary { justify-content: flex-start; gap:18px 28px; }
    .vr-sum-item { text-align:left; }
    .vr-title { font-size:30px; }
    .vr-chapter { grid-template-columns:1fr; gap:6px; padding:28px 12px; }
    .vr-ch-num { display:none; }
    .vr-footer { flex-direction:column; align-items:flex-start; }
    .jc-section { padding:60px 20px; }
    .jc-heading { font-size:30px; }
    .jc-grid { grid-template-columns:1fr 1fr; }
    .jc-bottom-strip { grid-template-columns:1fr; gap:24px; padding:24px 20px; }
  }

  /* ── JOURNAL PREVIEW MOCKUP ── */
  .jpreview-outer { margin:0 0 60px; }
  .jpreview-tag { display:inline-flex; align-items:center; gap:10px; font-family:"JetBrains Mono",monospace; font-size:9.5px; color:#2DD4A0; letter-spacing:.14em; text-transform:uppercase; margin-bottom:24px; }
  .jpreview-tag::before { content:""; width:22px; height:1px; background:currentColor; display:inline-block; }
  .jpreview-screens-wrap { display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:start; }
  .jps { border-radius:10px; overflow:hidden; box-shadow:0 28px 64px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.09); transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s; }
  .jps:first-child { transform:translateY(22px); }
  .jps:hover { transform:translateY(-5px) !important; box-shadow:0 38px 80px rgba(0,0,0,.6),0 0 0 1px rgba(30,140,255,.22); }
  .jps-chrome { background:#0B1730; padding:7px 12px; display:flex; align-items:center; gap:8px; border-bottom:1px solid rgba(255,255,255,.06); }
  .jps-dots { display:flex; gap:5px; }
  .jps-dots span { width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,.14); display:block; }
  .jps-url { flex:1; background:rgba(255,255,255,.04); border-radius:3px; padding:3px 10px; font-family:"JetBrains Mono",monospace; font-size:7.5px; color:rgba(255,255,255,.35); text-align:center; }
  .jps-nav { background:#081428; padding:10px 14px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.05); }
  .jps-nav-logo { display:flex; align-items:center; gap:7px; }
  .jps-nav-icon { width:18px; height:18px; border-radius:5px; background:linear-gradient(135deg,#1E8CFF,#00C4CC); flex-shrink:0; }
  .jps-nav-name { font-family:"Inter",sans-serif; font-size:11px; font-weight:700; color:#fff; }
  .jps-nav-name b { color:#1E8CFF; }
  .jps-nav-page { font-family:"JetBrains Mono",monospace; font-size:8px; color:#7A97C0; letter-spacing:.18em; text-transform:uppercase; }
  .jps-nav-live { display:flex; align-items:center; gap:5px; font-family:"JetBrains Mono",monospace; font-size:7.5px; color:#2DD4A0; letter-spacing:.06em; }
  .jps-nav-live::before { content:""; width:5px; height:5px; border-radius:50%; background:#2DD4A0; animation:dotBlink 1.5s infinite; }
  .jps-body { background:#0A1530; padding:10px; }
  .jps-tabs { display:flex; gap:4px; margin-bottom:9px; }
  .jps-tab { font-family:"JetBrains Mono",monospace; font-size:7px; padding:3px 8px; border-radius:3px; color:rgba(255,255,255,.35); }
  .jps-tab.on { background:rgba(255,255,255,.08); color:#fff; font-weight:700; border:1px solid rgba(255,255,255,.14); }
  .jps-g4 { display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-bottom:5px; }
  .jps-g3 { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; margin-bottom:5px; }
  .jps-card { background:rgba(255,255,255,.03); border-radius:6px; padding:9px 10px; border:1px solid rgba(255,255,255,.08); }
  .jps-card.hl { border-left:2.5px solid #4AADFF; }
  .jps-num { font-family:"Inter",sans-serif; font-size:17px; font-weight:800; color:#fff; line-height:1.1; margin-bottom:3px; }
  .jps-num.green { color:#2DD4A0; }
  .jps-num.red { color:#FF6B6B; }
  .jps-num.sm { font-size:12px; }
  .jps-lbl { font-family:"JetBrains Mono",monospace; font-size:6px; color:rgba(255,255,255,.4); letter-spacing:.09em; text-transform:uppercase; }
  .jps-title { font-family:"JetBrains Mono",monospace; font-size:7px; color:rgba(255,255,255,.4); letter-spacing:.1em; text-transform:uppercase; margin-bottom:7px; }
  .jps-trade { display:flex; align-items:center; justify-content:space-between; padding:5px 0; border-bottom:1px solid rgba(255,255,255,.06); }
  .jps-trade:last-child { border-bottom:none; }
  .jps-pair { font-size:10px; font-weight:600; color:#fff; line-height:1; }
  .jps-tags { display:flex; gap:3px; margin-top:2px; }
  .jps-tt { font-family:"JetBrains Mono",monospace; font-size:6.5px; padding:1px 5px; border-radius:2px; font-weight:700; }
  .jps-sell { background:rgba(255,107,107,.15); color:#FF9B9B; }
  .jps-buy { background:rgba(45,212,160,.15); color:#4ADE9E; }
  .jps-tag-a { background:rgba(74,173,255,.15); color:#9DC0FF; }
  .jps-tag-b { background:rgba(232,196,104,.15); color:#E8C468; }
  .jps-pip { font-family:"JetBrains Mono",monospace; font-size:12px; font-weight:700; }
  .jps-pip.pos { color:#2DD4A0; }
  .jps-pip.neg { color:#EF4444; }
  .jps-chart-svg { width:100%; height:52px; display:block; margin-top:6px; }

  /* ── ENHANCED ANIMATIONS ── */
  @keyframes scaleIn { from { opacity:0; transform:scale(.93) translateY(18px); } to { opacity:1; transform:scale(1) translateY(0); } }
  @keyframes glowNum { 0%,100% { text-shadow:none; } 50% { text-shadow:0 0 24px rgba(0,196,204,.45); } }
  @keyframes borderPulse { 0%,100% { box-shadow:0 4px 30px rgba(30,140,255,.06),0 0 0 0 rgba(30,140,255,0); } 60% { box-shadow:0 8px 40px rgba(30,140,255,.12),0 0 0 1px rgba(30,140,255,.08); } }
  .progress-bar { position:fixed; top:0; left:0; width:100%; height:2px; background:linear-gradient(90deg,var(--accent),var(--accent-teal)); transform-origin:left; transform:scaleX(0); z-index:9999; transition:transform .1s linear; }
  .cursor-glow { position:fixed; width:500px; height:500px; border-radius:50%; background:radial-gradient(circle,rgba(30,140,255,.05) 0%,transparent 65%); pointer-events:none; z-index:9990; transform:translate(-50%,-50%); opacity:0; transition:opacity .4s; }
  .method-card.in { animation:scaleIn .65s cubic-bezier(.16,1,.3,1) both; }
  .jc-card.in { animation:scaleIn .65s cubic-bezier(.16,1,.3,1) both; }
  .method-card:nth-child(2).in { animation-delay:.09s; }
  .method-card:nth-child(3).in { animation-delay:.18s; }
  .jc-card:nth-child(2).in { animation-delay:.09s; }
  .jc-card:nth-child(3).in { animation-delay:.18s; }
  .jc-card:nth-child(4).in { animation-delay:.27s; }
  .jc-card:nth-child(5).in { animation-delay:.36s; }
  .jc-card:nth-child(6).in { animation-delay:.45s; }
  .vr-sum-val.accent { animation:glowNum 4s ease-in-out infinite; }
  .course-card.featured { animation:borderPulse 5s ease-in-out infinite; }
  .tl-item { transition:none; }
  .proof-badge { transition:border-color .25s, transform .25s; }
  .proof-badge:hover { border-color:rgba(30,140,255,.3); transform:translateY(-2px); }
  .vr-ch-title { transition:color .2s; }
  .vr-chapter:hover .vr-ch-title { color:var(--accent-teal-text); }
  .jc-card-icon { transition:transform .3s, background .3s, border-color .3s; }
  .jc-card:hover .jc-card-icon { transform:scale(1.1); background:rgba(30,140,255,.15); border-color:rgba(30,140,255,.25); }
  .footer-links a { position:relative; }
  .footer-links a::after { content:""; position:absolute; bottom:-2px; left:0; width:0; height:1px; background:var(--accent); transition:width .25s; }
  .footer-links a:hover::after { width:100%; }
  .record-card { transition:transform .3s, box-shadow .3s, border-color .3s; }
  .record-card:hover { transform:translateY(-3px); border-color:rgba(30,140,255,.2); box-shadow:0 14px 44px rgba(0,0,0,.18); }

  @media (max-width:900px) {
    .jpreview-screens-wrap { grid-template-columns:1fr; gap:16px; }
    .jps:first-child { transform:none; }
    .jps-g4 { grid-template-columns:repeat(2,1fr); }
    .jps-tabs { display:none; }
    .profile-kpi-grid { grid-template-columns:repeat(3,1fr); }
    .profile-name { font-size:30px; }
    .profile-header { gap:20px; }
    .trade-table-wrap { overflow-x:auto; }
    .trade-table { min-width:480px; }
  }

  /* ── NAV UPGRADE · TAB STYLE (desktop only) ── */
  @media (min-width: 901px) {
    nav { height:74px; backdrop-filter:blur(28px) saturate(180%); -webkit-backdrop-filter:blur(28px) saturate(180%); }
    .nav-links { gap:4px !important; position:relative; }
    .nav-links li { list-style:none; }
    .nav-links a { display:block; font-size:13px !important; font-weight:500; padding:7px 15px; border-radius:8px; position:relative; letter-spacing:.01em; transition:color .22s ease, background .22s ease, box-shadow .22s ease; color:var(--text-muted); text-decoration:none; }
    .nav-links a:hover { color:var(--navy); background:rgba(13,27,62,.06); }
    .nav-links a.nav-active { color:var(--navy) !important; font-weight:600 !important; background:rgba(13,27,62,.09); box-shadow:inset 0 0 0 1px rgba(13,27,62,.12); }
    .nav-links a.nav-active::after { content:""; position:absolute; bottom:3px; left:15px; right:15px; height:2px; background:linear-gradient(90deg,var(--accent),var(--accent-teal)); border-radius:2px; }
  }

  /* ── TAB PANELS ── */
  .tab-panel { display:none; }
  .tab-panel.active { display:block; animation:tabFadeIn .42s cubic-bezier(.16,1,.3,1) both; }
  @keyframes tabFadeIn { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:translateY(0); } }

  /* ── GLASSMORPHISM & PREMIUM MICRO-INTERACTIONS ── */
  .course-card { backdrop-filter:blur(12px) saturate(140%); -webkit-backdrop-filter:blur(12px) saturate(140%); transition:transform .32s cubic-bezier(.16,1,.3,1), box-shadow .32s, border-color .28s; }
  .course-card:hover { transform:translateY(-6px); box-shadow:0 24px 56px rgba(0,0,0,.16); }
  .method-card { backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); transition:transform .32s cubic-bezier(.16,1,.3,1), box-shadow .32s, border-color .28s; }
  .record-card:hover { box-shadow:0 18px 52px rgba(0,0,0,.18); }
  .nav-btn { transition:background .2s, transform .28s cubic-bezier(.16,1,.3,1), box-shadow .28s; }
  .nav-btn:hover { transform:translateY(-2px); box-shadow:0 16px 32px -10px rgba(30,140,255,.5); }
  .course-cta { transition:background .22s, transform .2s, box-shadow .22s; }
  .course-cta:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(30,140,255,.22); }
  .wl-dark-row button:hover { transform:translateY(-1px); box-shadow:0 8px 24px rgba(30,140,255,.28); }
  .faq-item { transition:background .2s; }
  .faq-q { transition:color .2s; }
  .faq-q:hover { color:var(--accent); }
  .jc-cta-btn { transition:background .2s, transform .2s, box-shadow .2s; }
  .jc-cta-btn:hover { transform:translateY(-2px); box-shadow:0 8px 28px rgba(30,140,255,.3); }

  /* ── SSC OUTCOMES GRID (replaces vr-chapters) ── */
  .ssc-outcomes { margin:0; }
  .ssc-out-eyebrow { display:flex; align-items:center; gap:16px; margin-bottom:32px; }
  .ssc-out-eyebrow-text { font-family:"JetBrains Mono",monospace; font-size:9px; color:var(--accent-text); letter-spacing:.2em; text-transform:uppercase; white-space:nowrap; }
  .ssc-out-eyebrow-line { flex:1; height:1px; background:var(--deep-divider); transition:background 0.35s ease; }
  .ssc-out-intro { text-align:center; margin-bottom:44px; }
  .ssc-out-heading { font-family:"Playfair Display",serif; font-size:30px; font-weight:700; color:var(--deep-text); line-height:1.2; letter-spacing:-.025em; margin-bottom:12px; transition:color 0.35s ease; }
  .ssc-out-sub { font-size:14px; color:var(--deep-text-sub); max-width:480px; margin:0 auto; line-height:1.75; transition:color 0.35s ease; }
  .ssc-out-grid { display:grid; grid-template-columns:1fr; gap:18px; }
  @media (min-width: 901px) { .ssc-out-grid { grid-template-columns:1fr 1fr 1fr 1fr; } }
  @media (min-width: 901px) and (max-width: 1100px) { .ssc-out-grid { grid-template-columns:1fr 1fr; } }
  .ssc-out-box { background:var(--deep-card-bg); border:1px solid var(--deep-card-border); border-top: 2px solid rgba(30,140,255,0.15); border-radius:16px; padding:38px 28px 28px; position:relative; overflow:hidden; transition:transform .38s cubic-bezier(.16,1,.3,1), border-color .3s, box-shadow .38s, background 0.35s ease; }
  .ssc-out-box::before { content:""; position:absolute; inset:0; background:linear-gradient(135deg,rgba(30,140,255,.05) 0%,transparent 50%); pointer-events:none; }
  .ssc-out-box::after { content:""; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,transparent,rgba(30,140,255,.4),rgba(0,196,204,.3),transparent); opacity:0; transition:opacity .3s; }
  .ssc-out-box:hover { transform:translateY(-8px); border-color:rgba(30,140,255,.32); box-shadow:0 32px 72px rgba(13,27,62,.14), 0 0 0 1px rgba(30,140,255,.1); }
  .ssc-out-box:hover::after { opacity:1; }
  .ssc-out-box.featured { border-top-color:rgba(30,140,255,.55); border-color:rgba(30,140,255,.2); box-shadow:0 8px 40px rgba(30,140,255,.07); }
  .ssc-out-box.featured::after { opacity:.7; }
  /* Decorative account index number in background */
  .ssc-acct-idx { position:absolute; top:18px; right:22px; font-family:"Playfair Display",serif; font-size:72px; font-weight:700; color:var(--accent); opacity:0.045; line-height:1; letter-spacing:-0.04em; pointer-events:none; user-select:none; transition:color 0.35s ease; }
  /* Live status badge */
  .ssc-live-badge { display:inline-flex; align-items:center; gap:6px; background:rgba(45,212,160,0.08); border:1px solid rgba(45,212,160,0.22); border-radius:4px; padding:4px 10px; font-family:"JetBrains Mono",monospace; font-size:9px; color:#2DD4A0; letter-spacing:0.1em; text-transform:uppercase; margin-bottom:12px; }
  .ssc-live-dot { width:5px; height:5px; background:#2DD4A0; border-radius:50%; animation:pulse 2s ease-in-out infinite; }
  .ssc-out-acct { font-family:"JetBrains Mono",monospace; font-size:10px; color:var(--deep-text-muted); letter-spacing:.18em; text-transform:uppercase; margin-bottom:18px; transition:color 0.35s ease; }
  .ssc-out-pipwrap { display:flex; align-items:baseline; gap:4px; margin-bottom:4px; }
  .ssc-out-pipnum { font-family:"Playfair Display",serif; font-size:58px; font-weight:700; color:var(--deep-text); line-height:1.1; letter-spacing:-.03em; transition:color .3s; }
  .ssc-out-box:hover .ssc-out-pipnum { color:var(--accent-teal-text); }
  .ssc-out-pipplus { font-family:"Playfair Display",serif; font-size:28px; font-weight:700; color:var(--deep-text-muted); line-height:1; align-self:flex-start; padding-top:6px; transition:color 0.35s ease; }
  .ssc-out-pipunit { font-family:"JetBrains Mono",monospace; font-size:11px; color:var(--accent-teal-text); letter-spacing:.2em; text-transform:uppercase; margin-bottom:26px; display:flex; align-items:center; gap:8px; }
  .ssc-out-pipunit::before { content:""; width:20px; height:1px; background:var(--accent-teal); opacity:.4; flex-shrink:0; }
  .ssc-out-divider { width:100%; height:1px; background:var(--deep-divider); margin-bottom:22px; transition:background 0.35s ease; }
  .ssc-out-rows { display:flex; flex-direction:column; gap:12px; margin-bottom:24px; }
  .ssc-out-row { display:flex; justify-content:space-between; align-items:baseline; gap:10px; padding:4px 0; }
  .ssc-out-lbl { font-family:"JetBrains Mono",monospace; font-size:10px; color:var(--deep-text-muted); letter-spacing:.1em; text-transform:uppercase; transition:color 0.35s ease; }
  .ssc-out-val { font-family:"Inter",sans-serif; font-size:15px; font-weight:700; color:var(--deep-text); transition:color 0.35s ease; }
  .ssc-out-badge { display:inline-flex; align-items:center; gap:6px; background:rgba(45,212,160,.07); border:1px solid rgba(45,212,160,.14); border-radius:4px; padding:5px 10px; font-family:"JetBrains Mono",monospace; font-size:9px; color:#2DD4A0; letter-spacing:.1em; text-transform:uppercase; }
  .ssc-out-net { margin-top:auto; padding-top:20px; border-top:1px solid var(--deep-divider); display:flex; align-items:baseline; justify-content:space-between; transition:border-color 0.35s ease; }
  .ssc-out-net-lbl { font-family:"JetBrains Mono",monospace; font-size:10px; color:var(--deep-text-muted); letter-spacing:.12em; text-transform:uppercase; transition:color 0.35s ease; }
  .ssc-out-net-val { font-family:"Playfair Display",serif; font-size:26px; font-weight:700; color:#2DD4A0; letter-spacing:-.02em; }
  .ssc-out-footnote { text-align:center; margin-top:18px; font-family:"JetBrains Mono",monospace; font-size:9.5px; color:var(--deep-text-muted); letter-spacing:.14em; text-transform:uppercase; transition:color 0.35s ease; }
  .ssc-out-summary { display:flex; align-items:center; justify-content:center; margin-top:32px; }
  .ssc-out-summary-pill { display:inline-flex; align-items:center; gap:0; background:rgba(45,212,160,.06); border:1px solid rgba(45,212,160,.2); border-radius:10px; overflow:hidden; box-shadow:0 4px 20px rgba(45,212,160,.06); }
  .ssc-out-summary-lbl { padding:11px 18px; font-family:"JetBrains Mono",monospace; font-size:9px; color:var(--deep-text-muted); letter-spacing:.16em; text-transform:uppercase; border-right:1px solid rgba(45,212,160,.14); white-space:nowrap; transition:color 0.35s ease; }
  .ssc-out-summary-nums { display:flex; align-items:center; gap:0; padding:11px 20px; }
  .ssc-out-summary-num { font-family:"Playfair Display",serif; font-size:18px; font-weight:700; color:#2DD4A0; letter-spacing:-.02em; }
  .ssc-out-summary-tag { padding:11px 16px; font-family:"JetBrains Mono",monospace; font-size:9px; color:rgba(45,212,160,.6); letter-spacing:.14em; text-transform:uppercase; border-left:1px solid rgba(45,212,160,.14); white-space:nowrap; }

  /* ── TRADING WISDOM QUOTES · REDESIGNED ── */
  .wisdom-quote { position:relative; padding:88px 48px; text-align:center; overflow:hidden; }
  .wisdom-qmark { display:none; }
  .wisdom-inner { position:relative; z-index:1; max-width:800px; margin:0 auto; }
  .wisdom-eyebrow { display:inline-flex; align-items:center; gap:14px; margin-bottom:32px; }
  .wisdom-eyebrow::before, .wisdom-eyebrow::after { content:""; display:block; width:36px; height:1px; background:currentColor; opacity:.25; }
  .wisdom-eyebrow-text { font-family:"JetBrains Mono",monospace; font-size:9px; letter-spacing:.24em; text-transform:uppercase; }
  .wisdom-text { font-family:"Inter",sans-serif; font-size:23px; font-weight:300; line-height:1.7; letter-spacing:-.018em; margin:0; }
  .wisdom-text strong { font-weight:700; letter-spacing:-.02em; }
  .wisdom-sep { width:32px; height:2px; background:linear-gradient(90deg,var(--accent),var(--accent-teal)); margin:30px auto; border-radius:2px; }
  .wisdom-attr { font-family:"JetBrains Mono",monospace; font-size:9.5px; letter-spacing:.22em; text-transform:uppercase; }
  .wisdom-quote.dark-wq { background: linear-gradient(160deg, #F4F7FF 0%, #EDF2FF 100%); border-top: 1px solid rgba(210,224,248,0.7); border-bottom: 1px solid rgba(210,224,248,0.7); }
  .wisdom-quote.dark-wq .wisdom-eyebrow { color: var(--accent-text); }
  .wisdom-quote.dark-wq .wisdom-text { color: var(--navy); }
  .wisdom-quote.dark-wq .wisdom-attr { color: var(--text-muted); }
  .wisdom-quote.muted-wq { background:var(--off-white); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
  .wisdom-quote.muted-wq .wisdom-eyebrow { color:var(--text-muted); }
  .wisdom-quote.muted-wq .wisdom-text { color:var(--navy); }
  .wisdom-quote.muted-wq .wisdom-attr { color:var(--text-muted); }

  /* ── VERIFY STRIP (QR) ── */
  .verify-strip { display:inline-flex; align-items:center; gap:22px; background:var(--deep-strip-bg); border:1px solid var(--deep-strip-border); border-radius:12px; padding:20px 28px; transition:background 0.35s ease, border-color 0.35s ease; }
  .verify-qr-wrap { width:64px; height:64px; flex-shrink:0; border-radius:5px; overflow:hidden; }

  .verify-eyebrow { font-family:"JetBrains Mono",monospace; font-size:8.5px; color:var(--accent-text); letter-spacing:.22em; text-transform:uppercase; margin-bottom:5px; }
  .verify-title { font-family:"Inter",sans-serif; font-size:14px; font-weight:600; color:var(--deep-text-hi); margin-bottom:3px; transition:color 0.35s ease; }
  .verify-sub { font-family:"Inter",sans-serif; font-size:12px; color:var(--deep-text-sub); line-height:1.5; transition:color 0.35s ease; }

  /* ── LIVELY PROFILE SECTION ── */
  .verified-section { -webkit-font-smoothing:antialiased; }
  .verified-section::after { content:""; position:absolute; pointer-events:none; inset:0; background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(30,140,255,.06) 0%,transparent 65%); }
  @keyframes profileShimmer { 0%,100% { opacity:.5; } 50% { opacity:1; } }
  .vr-sum-item { transition:transform .25s; }
  .vr-sum-item:hover { transform:translateY(-2px); }
  .vr-footer-badge { transition:border-color .25s, background .25s, transform .25s; }
  .vr-footer-badge:hover { border-color:rgba(45,212,160,.3); background:rgba(45,212,160,.1); transform:translateY(-1px); }
  .jc-section { -webkit-font-smoothing:antialiased; }

  /* ── FAQ SECTION ── */
  .faq-section { padding:100px 72px; background:var(--deep-bg); border-bottom:1px solid var(--deep-border); position:relative; overflow:hidden; isolation:isolate; transition:background 0.35s ease, border-color 0.35s ease; }
  .faq-section::before { content:""; position:absolute; inset:0; background-image:radial-gradient(circle at 20% 30%,rgba(30,140,255,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,196,204,.04) 0%,transparent 40%); pointer-events:none; }
  .faq-layout { display:grid; grid-template-columns:300px 1fr; gap:80px; align-items:start; position:relative; }
  .faq-left { position:sticky; top:100px; }
  .faq-eyebrow { font-family:"JetBrains Mono",monospace; font-size:9px; color:var(--accent-text); letter-spacing:.22em; text-transform:uppercase; margin-bottom:22px; display:flex; align-items:center; gap:12px; }
  .faq-eyebrow::before { content:""; display:block; width:28px; height:1px; background:rgba(30,140,255,.4); }
  .faq-heading { font-family:"Playfair Display",serif; font-size:42px; font-weight:700; color:var(--deep-text); line-height:1.1; letter-spacing:-.03em; margin-bottom:14px; transition:color 0.35s ease; }
  .faq-heading span { background:linear-gradient(90deg,var(--accent),var(--accent-teal)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
  .faq-sub { font-size:13.5px; color:var(--deep-text-sub); line-height:1.75; margin-bottom:48px; max-width:260px; transition:color 0.35s ease; }
  .faq-cats { display:flex; flex-direction:column; gap:2px; }
  .faq-cat { display:flex; align-items:center; gap:14px; padding:14px 18px; border-radius:8px; cursor:pointer; font-family:"Inter",sans-serif; font-size:13px; font-weight:500; letter-spacing:.01em; text-transform:none; color:var(--deep-text-sub); transition:color .25s, background .25s, border-color .25s; position:relative; border-left:2px solid transparent; }
  .faq-cat:hover { color:var(--deep-text); background:var(--deep-cat-hover); }
  .faq-cat.active { color:var(--deep-text); background:var(--deep-cat-active); border-left-color:var(--accent); font-weight:600; }
  .faq-cat-count { margin-left:auto; font-family:"JetBrains Mono",monospace; font-size:9px; color:var(--deep-text-muted); transition:color 0.25s; }
  .faq-cat.active .faq-cat-count { color:var(--accent-text); }
  .faq-right { min-width:0; }
  .faq-group { display:none; }
  .faq-group.active { display:block; animation:fadeInUp .4s cubic-bezier(.16,1,.3,1) both; }
  .faq-group-label { font-family:"JetBrains Mono",monospace; font-size:8.5px; color:var(--accent); opacity:0.7; letter-spacing:.2em; text-transform:uppercase; margin-bottom:32px; display:flex; align-items:center; gap:14px; }
  .faq-group-label::after { content:""; flex:1; height:1px; background:linear-gradient(90deg,rgba(30,140,255,.2),transparent); }
  .faq-item { border-bottom:1px solid var(--deep-divider); transition:border-color 0.35s ease; }
  .faq-item:first-of-type { border-top:1px solid var(--deep-divider); }
  .faq-q { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:26px 0; cursor:pointer; user-select:none; }
  .faq-q-text { font-family:"Playfair Display",serif; font-size:18px; font-weight:600; color:var(--deep-text-hi); line-height:1.35; transition:color .25s; letter-spacing:-.01em; }
  .faq-item:hover .faq-q-text, .faq-item.open .faq-q-text { color:var(--deep-text); }
  .faq-toggle { width:32px; height:32px; border-radius:50%; border:1px solid var(--deep-card-border); display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:border-color .3s, background .3s, transform .38s cubic-bezier(.16,1,.3,1); }
  .faq-item.open .faq-toggle { border-color:rgba(30,140,255,.5); background:rgba(30,140,255,.1); transform:rotate(45deg); }
  .faq-toggle svg { width:12px; height:12px; stroke:var(--deep-text-muted); stroke-width:2; transition:stroke .25s; }
  .faq-item.open .faq-toggle svg { stroke:var(--accent); }
  .faq-a-wrap { max-height:0; overflow:hidden; transition:max-height .52s cubic-bezier(.16,1,.3,1); }
  .faq-item.open .faq-a-wrap { max-height:480px; }
  @media (max-width: 900px) { .faq-item.open .faq-a-wrap { max-height:2400px; } }
  .faq-a { padding:0 48px 28px 0; font-size:14.5px; color:var(--deep-text-sub); line-height:1.9; max-width:700px; transition:color 0.35s ease; }
  .faq-a strong { color:var(--deep-text); font-weight:600; }
  @media(max-width:900px) {
    .faq-section { padding:52px 20px 56px; }
    .faq-layout { grid-template-columns:1fr; gap:20px; }
    .faq-left { position:static; }
    .faq-cats { flex-direction:column; flex-wrap:nowrap; gap:2px; overflow-x:visible; padding:0; margin-bottom:0; }
    .faq-cat { padding:10px 14px; border-left:2px solid transparent; border-bottom:none; border-radius:6px; font-size:13px; }
    .faq-cat.active { border-left-color:var(--accent); border-bottom-color:transparent; }
    .faq-heading { font-size:28px; }
    .faq-sub { max-width:100%; margin-bottom:16px; }
    .faq-group-label { margin-bottom:16px; }
  }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     FULL-PAGE SCROLL SECTIONS
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  nav { position: fixed !important; top: 0; left: 0; width: 100%; z-index: 999; }
  body { padding-top: 74px; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     SECTION DOT NAVIGATION
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

  /* Nav active link */
  .nav-links a.nav-active { color: var(--navy); font-weight: 600; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     THEME TOGGLE
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  .theme-toggle { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; border: 1px solid var(--border); background: var(--off-white); cursor: pointer; padding: 0; flex-shrink: 0; transition: background 0.3s, border-color 0.3s, box-shadow 0.3s; }
  .theme-toggle:hover { box-shadow: 0 0 0 3px rgba(30,140,255,0.12); border-color: rgba(30,140,255,0.3); }
  .t-ico { width: 14px; height: 14px; transition: opacity 0.2s, transform 0.3s; }
  .t-ico-sun { display: block; color: #0D1B3E; opacity: 0.7; }
  .t-ico-moon { display: none; color: var(--accent); opacity: 0.9; }
  [data-theme="dark"] .theme-toggle { background: #0D1A32; border-color: #2A4070; }
  [data-theme="dark"] .theme-toggle:hover { box-shadow: 0 0 0 3px rgba(74,173,255,0.18); border-color: rgba(74,173,255,0.4); }
  [data-theme="dark"] .t-ico-sun { display: none; }
  [data-theme="dark"] .t-ico-moon { display: block; }

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     DARK MODE — ROOT VARIABLES
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  [data-theme="dark"] {
    --accent: #4AADFF;
    --accent-teal: #00D4DC;
    --accent-text: #4AADFF; --accent-teal-text: #00D4DC;
    --white: #070F1E;
    --off-white: #0A1628;
    --border: #182644;
    --text-muted: #8CA1D0;
    --text-body: #6A8AAC;
    /* ── Deep section tokens — dark overrides ── */
    --deep-bg: linear-gradient(160deg, #070F22 0%, #0A1628 55%, #070F22 100%);
    --deep-border: #0F1E3A;
    --deep-text: #FFFFFF;
    --deep-text-hi: rgba(255,255,255,0.88);
    --deep-text-sub: rgba(255,255,255,0.72);
    --deep-text-muted: rgba(255,255,255,0.52);
    --deep-card-bg: rgba(255,255,255,0.025);
    --deep-card-border: rgba(255,255,255,0.06);
    --deep-divider: rgba(255,255,255,0.06);
    --deep-cat-hover: rgba(255,255,255,0.04);
    --deep-cat-active: rgba(30,140,255,0.08);
    --deep-strip-bg: rgba(255,255,255,0.03);
    --deep-strip-border: rgba(255,255,255,0.07);
    /* ── Price/Course card tokens — dark ── */
    --price-block-bg: linear-gradient(135deg, rgba(74,173,255,0.07) 0%, rgba(0,212,220,0.06) 100%);
    --price-text: #FFFFFF;
    --price-body: #8AAABF;
    --price-seats-bg: rgba(74,173,255,0.08);
    --price-seats-border: rgba(74,173,255,0.22);
    --price-seats-color: #4AADFF;
  }

  /* ── DARK: MISSING TEXT OVERRIDES (elements using --navy as text color) ── */
  [data-theme="dark"] .hero h1 { color: #FFFFFF; }
  [data-theme="dark"] .hero-sub { color: #8AAAC8; }
  [data-theme="dark"] .section-head { color: #FFFFFF !important; }
  [data-theme="dark"] .proof-badge { color: #6A8AAC !important; }

  /* ── DARK: CERT SECTION (win wall) ── */
  [data-theme="dark"] .cert-section { background: #040B18; border-bottom-color: #0F1E3A; }
  [data-theme="dark"] .cert-section-tag { color: var(--text-muted); }
  [data-theme="dark"] .cert-section-title { color: #ffffff; }
  [data-theme="dark"] .cert-carousel-wrap::before { background: linear-gradient(to right, #040B18, transparent); }
  [data-theme="dark"] .cert-carousel-wrap::after { background: linear-gradient(to left, #040B18, transparent); }
  [data-theme="dark"] .cert-card { border-color: rgba(255,255,255,0.08); box-shadow: 0 8px 32px rgba(0,0,0,0.3); }
  [data-theme="dark"] .cert-card:hover { box-shadow: 0 16px 48px rgba(0,0,0,0.5); }
  [data-theme="dark"] .cert-card-footer { background: rgba(255,255,255,0.04); border-top-color: rgba(255,255,255,0.06); }
  [data-theme="dark"] .cert-card-label { color: var(--text-muted); }
  /* ── DARK: WAITLIST SECTION ── */
  [data-theme="dark"] .waitlist-section { background: #040B18; border-bottom-color: #0F1E3A; }
  /* ── DARK: WISDOM DARK QUOTE ── */
  [data-theme="dark"] .wisdom-quote.dark-wq { background: linear-gradient(180deg,#050D1C 0%,#091524 100%); border-top-color: rgba(255,255,255,.04); border-bottom-color: rgba(255,255,255,.04); }
  [data-theme="dark"] .wisdom-quote.dark-wq .wisdom-eyebrow { color: var(--accent-text); }
  [data-theme="dark"] .wisdom-quote.dark-wq .wisdom-text { color: rgba(255,255,255,.9); }
  [data-theme="dark"] .wisdom-quote.dark-wq .wisdom-attr { color: rgba(255,255,255,.55); }

  /* ── DARK: JOURNAL SECTION DARK ELITE STYLING ── */
  [data-theme="dark"] .journal-seminar-pill { background: #0A1E50; border: 1px solid rgba(74,173,255,0.2); }
  [data-theme="dark"] .journal-seminar-pill span { color: var(--accent-teal); }
  [data-theme="dark"] .journal-block strong { color: #C8D8FF !important; }
  [data-theme="dark"] .journal-block h3 { color: #C8D8FF !important; }

  /* ── DARK: FOOTER BRAND ── */
  [data-theme="dark"] .footer-brand-text { color: rgba(200,216,255,0.55) !important; }

  /* ── DARK: GLOBAL BODY ── */
  [data-theme="dark"] body { background: #070F1E; color: #C8D8FF; }
  [data-theme="dark"] ::selection { background: rgba(74,173,255,0.25); color: #fff; }

  /* ── DARK: NAV ── */
  [data-theme="dark"] nav { background: rgba(5,10,22,0.82) !important; border-bottom-color: rgba(24,38,68,0.8); backdrop-filter: blur(28px) saturate(200%) !important; -webkit-backdrop-filter: blur(28px) saturate(200%) !important; }
  [data-theme="dark"] .nav-brand-text { color: #FFFFFF; letter-spacing: -0.01em; }
  [data-theme="dark"] .nav-brand-text span { background: linear-gradient(135deg, #4AADFF 0%, #00D4DC 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
  [data-theme="dark"] .nav-links a { color: rgba(140,170,210,0.62); }
  [data-theme="dark"] .nav-links a:hover { color: rgba(210,228,255,0.9); background: rgba(74,173,255,0.06); }
  [data-theme="dark"] .nav-btn { background: linear-gradient(100deg, var(--accent), var(--accent-teal)); }
  [data-theme="dark"] .nav-btn:hover { background: linear-gradient(100deg, var(--accent), var(--accent-teal)); }

  /* ── DARK: NAV ACTIVE TAB — elite visibility (desktop) ── */
  [data-theme="dark"] .nav-links a.nav-active { color: #FFFFFF !important; font-weight: 600 !important; background: linear-gradient(135deg, rgba(74,173,255,0.18) 0%, rgba(0,212,220,0.1) 100%) !important; box-shadow: inset 0 0 0 1px rgba(74,173,255,0.28), 0 0 18px rgba(74,173,255,0.1) !important; text-shadow: 0 0 16px rgba(74,173,255,0.55); }
  [data-theme="dark"] .nav-links a.nav-active::after { background: linear-gradient(90deg, #4AADFF, #00D4DC); box-shadow: 0 0 8px rgba(74,173,255,0.6); }

  /* ── DARK: MOBILE NAV — desktop pill style in dark theme ── */
  @media (max-width: 900px) {
    [data-theme="dark"] .nav-links { border-top-color: rgba(255,255,255,0.07); }
    [data-theme="dark"] .nav-links li { border-right: none; }
    [data-theme="dark"] .nav-links a { color: rgba(120,155,210,0.5) !important; }
    [data-theme="dark"] .nav-links a:hover {
      color: rgba(200,220,255,0.8) !important;
      background: rgba(74,173,255,.06) !important;
    }
    [data-theme="dark"] .nav-links a.nav-active {
      color: #ffffff !important;
      background: linear-gradient(135deg, rgba(74,173,255,0.16), rgba(0,212,220,0.08)) !important;
      box-shadow: inset 0 0 0 1px rgba(74,173,255,0.24) !important;
      text-shadow: 0 0 10px rgba(74,173,255,0.3) !important;
      border-bottom: none !important;
    }
    [data-theme="dark"] .nav-links a.nav-active::after {
      background: linear-gradient(90deg, #4AADFF, #00D4DC) !important;
      box-shadow: 0 0 7px rgba(74,173,255,0.5) !important;
    }
    [data-theme="dark"] nav { border-bottom: none; }
  }

  /* ── DARK: LOGO BLEND MODES ── */
  @keyframes navLogoGlow { 0%,100% { filter: drop-shadow(0 0 4px rgba(74,173,255,0.35)) drop-shadow(0 0 10px rgba(0,212,220,0.18)); } 50% { filter: drop-shadow(0 0 7px rgba(74,173,255,0.55)) drop-shadow(0 0 18px rgba(0,212,220,0.3)); } }
  [data-theme="dark"] .nav-logo-img { mix-blend-mode: normal !important; animation: navLogoGlow 3.5s ease-in-out infinite !important; transition: none !important; }
  @keyframes heroLogoGlow { 0%,100% { filter: drop-shadow(0 4px 16px rgba(74,173,255,0.28)) drop-shadow(0 0 14px rgba(0,212,220,0.2)); } 50% { filter: drop-shadow(0 4px 26px rgba(74,173,255,0.45)) drop-shadow(0 0 26px rgba(0,212,220,0.35)); } }
  [data-theme="dark"] .hero-logo-wrap img { mix-blend-mode: normal !important; animation: heroLogoGlow 4s ease-in-out infinite !important; transition: none !important; }
  [data-theme="dark"] .hero-logo-wrap::before { background: radial-gradient(ellipse at center, rgba(74,173,255,0.18) 0%, rgba(0,196,204,0.1) 45%, transparent 72%); animation: logoGlow 3s ease-in-out infinite; }

  /* ── DARK: HERO ── */
  [data-theme="dark"] .hero { background: linear-gradient(160deg, #070F1E 0%, #0A1628 55%, #070F1E 100%); }
  [data-theme="dark"] .hero-eyebrow { background: rgba(30,140,255,0.1); border-color: rgba(30,140,255,0.18); color: var(--accent); }
  [data-theme="dark"] .hero-brand-name { color: #FFFFFF; }
  [data-theme="dark"] .hero-orb-1 { background: radial-gradient(circle, rgba(0,196,204,.18) 0%, transparent 70%); }
  [data-theme="dark"] .hero-orb-2 { background: radial-gradient(circle, rgba(30,140,255,.14) 0%, transparent 70%); }

  /* ── DARK: TICKER ── */
  [data-theme="dark"] .ticker-wrap { background: #040A14; border-bottom-color: #0F1E38; }
  [data-theme="dark"] .t-label { color: #2A4070; }
  [data-theme="dark"] .t-val { color: #00C4CC; }
  [data-theme="dark"] .t-sep { color: #0F1E38; }

  /* ── DARK: STATS ── */
  [data-theme="dark"] .stats-bar { background: #070F1E; border-bottom-color: #182644; }
  [data-theme="dark"] .stat-cell { border-right-color: #182644; }
  [data-theme="dark"] .stat-num { color: #C8D8FF; }
  [data-theme="dark"] .stat-label { color: var(--text-muted); }
  [data-theme="dark"] .stat-discord-link { background: rgba(88,101,242,0.08); border-color: rgba(88,101,242,0.22); }
  [data-theme="dark"] .stat-discord-link:hover { background: rgba(88,101,242,0.16); border-color: rgba(88,101,242,0.42); }
  [data-theme="dark"] .stat-badge { background: rgba(45,212,160,0.1); border-color: rgba(45,212,160,0.18); color: #2DD4A0; }

  /* ── DARK: SECTIONS ── */
  [data-theme="dark"] .section { background: #070F1E; border-bottom-color: #182644; }
  [data-theme="dark"] .section.alt-bg { background: #0A1628; }
  [data-theme="dark"] .section-head { color: #FFFFFF; }
  [data-theme="dark"] .section-sub { color: #7090B4; }
  [data-theme="dark"] .section-tag { color: var(--accent); opacity: 0.8; }

  /* ── DARK: PROOF BADGES ── */
  [data-theme="dark"] .proof-badge { background: #0D1A30; border-color: #182644; color: #6A8AAC; }

  /* ── DARK: PIPS BANNER ── */

  /* ── DARK: RECORD CARDS ── */
  [data-theme="dark"] .record-card { background: #0D1A30; border-color: #182644; }
  [data-theme="dark"] .record-card:hover { box-shadow: 0 12px 40px rgba(0,0,0,0.5); }
  [data-theme="dark"] .rec-from { color: #2A4070; }
  [data-theme="dark"] .rec-arrow { color: #182644; }
  [data-theme="dark"] .rec-to { color: #C8D8FF; }
  [data-theme="dark"] .rec-gain { background: rgba(45,212,160,0.1); color: #2DD4A0; border: none; }
  [data-theme="dark"] .rec-title { color: #C8D8FF; }
  [data-theme="dark"] .rec-meta { color: #3A5878; }
  [data-theme="dark"] .rec-verify { border-top-color: #182644; color: #3A5878; }

  /* ── DARK: SSC METHOD CARDS ── */
  [data-theme="dark"] .method-card { background: linear-gradient(155deg, #101F42 0%, #0A1530 100%); border-color: rgba(255,255,255,0.09); }
  [data-theme="dark"] .method-num { color: #9DC0FF; }
  [data-theme="dark"] .method-name { color: #fff; }
  [data-theme="dark"] .method-desc { color: rgba(255,255,255,.7); }
  [data-theme="dark"] .method-unlock { color: #9DC0FF; }
  [data-theme="dark"] .method-unlock:hover { color: #fff; }

  /* ── DARK: STORY ── */
  [data-theme="dark"] .story-body p { color: #5A7A9A; }
  [data-theme="dark"] .story-body strong { color: #C8D8FF; }
  [data-theme="dark"] .story-body .highlight { color: #C8D8FF; border-left-color: var(--accent); }
  [data-theme="dark"] .tl-title { color: #fff; }
  [data-theme="dark"] .tl-detail { color: var(--text-muted); }

  /* ── DARK: COURSE CARDS ── */
  [data-theme="dark"] .course-card { background: #0D1A30; border-color: #182644; }
  [data-theme="dark"] .course-card.featured { border-color: var(--accent); }
  [data-theme="dark"] .course-card:hover { box-shadow: 0 12px 48px rgba(0,0,0,0.4); }
  [data-theme="dark"] .course-name { color: #C8D8FF; }
  [data-theme="dark"] .course-desc { color: #8AAABF; }
  [data-theme="dark"] .course-features li { color: #8AAABF; }
  [data-theme="dark"] .course-price { color: #FFFFFF; }
  [data-theme="dark"] .course-price small { color: #6A88A8; }
  [data-theme="dark"] .founding-note { color: var(--accent); }
  [data-theme="dark"] .course-cta { background: #1A3060; }
  [data-theme="dark"] .course-card.featured .course-cta { background: var(--accent); }
  [data-theme="dark"] .course-type { color: #6A90B8; }

  /* ── DARK: JOURNAL BLOCK ── */
  [data-theme="dark"] .journal-block { background: linear-gradient(135deg, #0D1A30 0%, #0A1A28 100%); border-color: #182644; }
  [data-theme="dark"] .journal-block h3 { color: #C8D8FF; }
  [data-theme="dark"] .journal-block p { color: #5A7A9A; }
  [data-theme="dark"] .journal-block strong { color: #C8D8FF; }
  [data-theme="dark"] .journal-price-card { background: #070F1E; border-color: #182644; }
  [data-theme="dark"] .journal-price-label { color: #5A7898; }
  [data-theme="dark"] .journal-price-num { color: #C8D8FF; }
  [data-theme="dark"] .journal-price-desc { color: #3A5878; }

  /* ── DARK: FORMS ── */
  [data-theme="dark"] .wl-input-row { border-color: #182644; box-shadow: none; }
  [data-theme="dark"] .wl-input-row input[type="email"] { background: #0D1A30; color: #C8D8FF; }
  [data-theme="dark"] .wl-input-row input[type="email"]::placeholder { color: #1E3055; }
  [data-theme="dark"] .wl-input-row button { background: var(--accent); }
  [data-theme="dark"] .form-success { background: rgba(45,212,160,0.08); border-color: rgba(45,212,160,0.18); color: #2DD4A0; }
  [data-theme="dark"] .form-note { color: #3A5878; }

  /* ── DARK: WISDOM QUOTES (muted variant) ── */
  [data-theme="dark"] .wisdom-quote.muted-wq { background: #0A1628; border-top-color: #182644; border-bottom-color: #182644; }
  [data-theme="dark"] .wisdom-quote.muted-wq .wisdom-text { color: rgba(200,216,255,0.82); }
  [data-theme="dark"] .wisdom-quote.muted-wq .wisdom-attr { color: rgba(200,216,255,0.55); }
  [data-theme="dark"] .wisdom-quote.muted-wq .wisdom-eyebrow { color: var(--text-muted); }

  /* ── DARK: FOOTER ── */
  [data-theme="dark"] footer { background: #040B18; border-top-color: #0F1E3A; }
  [data-theme="dark"] .footer-brand img { mix-blend-mode: screen; filter: brightness(2.2) contrast(1.3) saturate(0.9) drop-shadow(0 0 6px rgba(255,255,255,0.45)) drop-shadow(0 0 14px rgba(79,209,197,0.35)); }
  [data-theme="dark"] .footer-brand-text { color: rgba(200,216,255,0.55); }
  [data-theme="dark"] .footer-links a { color: #2A4060; }
  [data-theme="dark"] .footer-links a:hover { color: #5A7090; }
  [data-theme="dark"] .footer-copy { color: #1A2A3A; }
  /* ── DARK: DISCORD ── */
  [data-theme="dark"] .wl-split-divider { background: linear-gradient(180deg, transparent, #182644, transparent); }
  [data-theme="dark"] .discord-heading { color: #FFFFFF; }
  [data-theme="dark"] .discord-desc { color: #7090B4; }
  [data-theme="dark"] .discord-desc strong { color: #C8D8FF; font-weight: 700; }
  [data-theme="dark"] .discord-eyebrow { color: var(--accent-text); }
  [data-theme="dark"] .discord-fine { color: #2A4060; }

  /* ── DARK: SCROLLBAR ── */
  [data-theme="dark"] ::-webkit-scrollbar { width: 5px; }
  [data-theme="dark"] ::-webkit-scrollbar-track { background: #070F1E; }
  [data-theme="dark"] ::-webkit-scrollbar-thumb { background: #1E3055; border-radius: 3px; }
  [data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: #2A4070; }

  /* ── JOURNAL DARK ACCENT CARD (adapts to theme) ── */
  .journal-price-card--dark { background: var(--navy); border-color: var(--navy-mid); }
  .journal-price-card--dark .journal-price-label { color: #4A6090; }
  .journal-price-card--dark .journal-price-num { color: #FFFFFF; }
  .journal-price-card--dark .journal-price-desc { color: #5A7090; }
  [data-theme="dark"] .journal-price-card--dark { background: #0D1A30; border-color: #182644; }
  [data-theme="dark"] .journal-price-card--dark .journal-price-label { color: #5A7898; }
  [data-theme="dark"] .journal-price-card--dark .journal-price-desc { color: #4A6888; }

  /* ── DARK: JC CARD HOVER OVERRIDE (hardcoded rgba white in base) ── */
  [data-theme="dark"] .jc-card:hover { border-color: rgba(30,140,255,.28); background: rgba(30,140,255,.05); }
  [data-theme="dark"] .jc-card-icon { background: rgba(30,140,255,.1); border-color: rgba(30,140,255,.15); }

  /* ── DARK: FAQ TOGGLE BUTTON ── */
  [data-theme="dark"] .faq-toggle { border-color: rgba(74,173,255,0.25); background: transparent; }
  [data-theme="dark"] .faq-toggle svg { stroke: rgba(200,220,255,0.5); }
  [data-theme="dark"] .faq-item.open .faq-toggle { border-color: rgba(74,173,255,0.5); background: rgba(74,173,255,0.1); }
  [data-theme="dark"] .faq-item.open .faq-toggle svg { stroke: var(--accent); }

  /* ── DARK: JOURNAL PRICE CARD (second card has hardcoded navy bg in HTML inline style) ── */
  [data-theme="dark"] .journal-price-card[style*="--navy"] { background: #070F1E !important; border-color: #182644 !important; }

  /* ── DARK: VR-TAG ── */
  [data-theme="dark"] .vr-tag { color: var(--accent-text); }

  /* ── DARK: WAITLIST section inputs ── */
  [data-theme="dark"] .waitlist-col h2 { color: #FFFFFF; }
  [data-theme="dark"] .waitlist-counter { background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.1); color: rgba(255,255,255,0.45); }
  [data-theme="dark"] .wl-dark-row { border-color: #1E3258; box-shadow: none; }
  [data-theme="dark"] .wl-dark-row input[type="email"] { background: #0A1628; color: #C8D8FF; }
  [data-theme="dark"] .wl-dark-row input[type="email"]::placeholder { color: #2A4070; }
  [data-theme="dark"] .wl-fine { color: rgba(200,216,255,0.32); }

  /* ── SMOOTH THEME TRANSITION — covers all themeable elements ── */
  *, *::before, *::after {
    transition: background-color 0.32s ease, border-color 0.32s ease, color 0.32s ease, box-shadow 0.32s ease;
  }
  /* Restore animation-friendly elements to not transition everything */
  .reveal, .reveal-l, .reveal-r, .tab-panel, [class*="animate"], canvas { transition: none; }
  .reveal { transition: opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1); }
  .reveal-l { transition: opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1); }
  .reveal-r { transition: opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1); }
  .tab-panel.active { transition: none; }
  /* Nav, cards, and section-specific elements keep their motion transitions */
  .nav-links a { transition: color .22s ease, background .22s ease, box-shadow .22s ease; }
  .course-card, .record-card, .method-card, .jc-card, .ssc-out-box { transition: transform .32s cubic-bezier(.16,1,.3,1), box-shadow .32s, border-color .32s, background .32s; }

  /* ── JOURNAL CARD DETAIL MODAL · MOBILE ONLY ── */
  @media (max-width: 900px) {
    #jcModal {
      position: fixed;
      inset: 0;
      z-index: 9998;
      background: rgba(5,10,22,.8);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      display: flex;
      align-items: flex-end;
      opacity: 0;
      visibility: hidden;
      transition: opacity .28s ease, visibility .28s ease;
    }
    #jcModal.open { opacity: 1; visibility: visible; }
    .jc-modal-sheet {
      background: var(--white);
      border-radius: 20px 20px 0 0;
      padding: 8px 24px 52px;
      width: 100%;
      position: relative;
      overflow: hidden;
      transform: translateY(52px);
      opacity: 0;
      transition: transform .38s cubic-bezier(.16,1,.3,1), opacity .32s ease;
    }
    .jc-modal-sheet::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 2px;
      background: linear-gradient(90deg, var(--accent), var(--accent-teal));
    }
    #jcModal.open .jc-modal-sheet { transform: translateY(0); opacity: 1; }
    .jc-modal-handle {
      width: 38px; height: 4px;
      border-radius: 2px;
      background: var(--border);
      margin: 6px auto 22px;
    }
    .jc-modal-header {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      margin-bottom: 16px;
    }
    .jc-modal-icon {
      width: 46px; height: 46px;
      border-radius: 11px;
      background: rgba(30,140,255,.1);
      border: 1px solid rgba(30,140,255,.15);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
    .jc-modal-close {
      width: 32px; height: 32px;
      border-radius: 50%;
      border: 1px solid var(--border);
      background: transparent;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      color: var(--text-muted);
      flex-shrink: 0;
      padding: 0;
      -webkit-tap-highlight-color: transparent;
    }
    .jc-modal-tag {
      font-family: "JetBrains Mono", monospace;
      font-size: 8.5px;
      color: var(--accent);
      letter-spacing: .18em;
      text-transform: uppercase;
      margin-bottom: 9px;
    }
    .jc-modal-title {
      font-family: "Playfair Display", serif;
      font-size: 22px;
      font-weight: 700;
      color: var(--deep-text);
      line-height: 1.18;
      letter-spacing: -.02em;
      margin-bottom: 14px;
    }
    .jc-modal-desc {
      font-size: 14px;
      color: var(--deep-text-sub);
      line-height: 1.82;
      margin-bottom: 20px;
    }
    .jc-modal-pill {
      display: inline-block;
      font-family: "JetBrains Mono", monospace;
      font-size: 9px;
      color: var(--accent-teal);
      letter-spacing: .1em;
      text-transform: uppercase;
      background: rgba(0,196,204,.07);
      border: 1px solid rgba(0,196,204,.14);
      border-radius: 3px;
      padding: 4px 10px;
    }
    .jc-card { cursor: pointer; -webkit-tap-highlight-color: transparent; }
    .jc-card:active { transform: scale(.97); opacity: .88; }
    [data-theme="dark"] .jc-modal-close { color: rgba(255,255,255,.4); }
  }

/* ===== BLUE PIPS · THE PROGRAM (scoped, auto-generated) ===== */
#tab-courses{
  --logo:url("logo.png");
  --bg:#F7F8FC; --surface:#FFFFFF; --text:#0D1B3E; --body:#3A4A6A; --muted:#566389;
  --border:#E2E8F4; --accent:#1E8CFF; --teal:#00C4CC; --violet:#5647E6;
  --card:rgba(13,27,62,.018); --card-brd:rgba(13,27,62,.08);
  --teal-text:#037880; --accent-text:#0B62C4;
  --shadow:0 30px 80px -55px rgba(13,27,62,.55); --glass:rgba(255,255,255,.7);
}[data-theme="dark"] #tab-courses{
  --bg:#0A1628; --surface:#070F1E; --text:#FFFFFF; --body:#AAC0D8; --muted:#8B9DC7;
  --border:#182644; --accent:#4AADFF; --teal:#00D4DC; --violet:#6D5CFF;
  --card:rgba(255,255,255,.025); --card-brd:rgba(255,255,255,.07);
  --teal-text:#00D4DC; --accent-text:#4AADFF;
  --shadow:0 44px 100px -55px rgba(0,0,0,.9); --glass:rgba(10,22,40,.6);
}#tab-courses *{box-sizing:border-box}#tab-courses html{scroll-behavior:smooth}#tab-courses body{margin:0;background:var(--bg);color:var(--text);font-family:'Inter',system-ui,sans-serif;font-size:16.5px;-webkit-font-smoothing:antialiased;line-height:1.58;transition:background .5s,color .5s}#tab-courses h1,#tab-courses h2,#tab-courses h3,#tab-courses h4{font-family:'Playfair Display',serif;letter-spacing:-.01em;line-height:1.1;margin:0}#tab-courses p{margin:0}#tab-courses a{color:inherit}#tab-courses .wrap{max-width:1160px;margin:0 auto;padding:0 24px}#tab-courses .grad{background:linear-gradient(100deg,var(--accent),var(--teal) 55%,var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}#tab-courses .tnum{font-variant-numeric:tabular-nums}#tab-courses .kick{display:inline-flex;align-items:center;gap:10px;font-size:11.5px;letter-spacing:.26em;text-transform:uppercase;font-weight:600;color:var(--accent-text);margin:0 0 20px}#tab-courses .kick::before{content:"";width:26px;height:1px;background:linear-gradient(90deg,transparent,var(--accent))}#tab-courses .btn{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:15px;text-decoration:none;padding:16px 30px;border-radius:999px;cursor:pointer;border:0;color:#04121f;background:linear-gradient(100deg,var(--accent),var(--teal));box-shadow:0 22px 50px -22px color-mix(in srgb,var(--accent) 80%,transparent);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}#tab-courses .btn:hover{transform:translateY(-2px);box-shadow:0 32px 62px -22px color-mix(in srgb,var(--accent) 90%,transparent)}#tab-courses .btn.ghost{background:transparent;color:var(--text);border:1px solid var(--border);box-shadow:none}#tab-courses .btn.ghost:hover{border-color:var(--accent);background:var(--card)}#tab-courses .section{padding:clamp(72px,9vw,132px) 0;position:relative}#tab-courses [data-r="2"].in{transition-delay:.1s}#tab-courses [data-r="3"].in{transition-delay:.2s}#tab-courses [data-r="4"].in{transition-delay:.32s}#tab-courses [data-r="5"].in{transition-delay:.44s}#tab-courses /* ENTRANCE CURTAIN (slides down to reveal) */
.enter{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:var(--surface);
  transition:transform 1.05s cubic-bezier(.76,0,.24,1);will-change:transform}#tab-courses .enter::after{content:"";position:absolute;inset:0;background:radial-gradient(700px 460px at 50% 40%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 62%)}#tab-courses .enter.gone{transform:translateY(101%)}#tab-courses .enter__in{position:relative;z-index:1;text-align:center;padding:24px}#tab-courses .enter__logo{width:76px;height:123px;background:var(--logo) center/contain no-repeat;margin:0 auto 26px;filter:drop-shadow(0 14px 46px rgba(30,140,255,.55));animation:eIn 1s cubic-bezier(.16,1,.3,1) both}#tab-courses .enter__k{font-size:11.5px;letter-spacing:.34em;text-transform:uppercase;color:var(--accent);font-weight:600;margin:0 0 12px;animation:eIn 1s .12s cubic-bezier(.16,1,.3,1) both}#tab-courses .enter__t{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(34px,6vw,58px);margin:0 0 12px;animation:eIn 1s .2s cubic-bezier(.16,1,.3,1) both}#tab-courses .enter__s{color:var(--muted);font-size:15px;letter-spacing:.02em;animation:eIn 1s .3s cubic-bezier(.16,1,.3,1) both}@keyframes eIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}#tab-courses body.locked{overflow:hidden}#tab-courses /* NAV */
.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--glass);border-bottom:1px solid var(--border)}#tab-courses .nav__in{display:flex;align-items:center;justify-content:space-between;height:66px}#tab-courses .brand{display:flex;align-items:center;gap:11px;font-weight:700;font-size:16px;text-decoration:none;color:var(--text)}#tab-courses .brand__mark{width:22px;height:34px;background:var(--logo) center/contain no-repeat;filter:drop-shadow(0 4px 12px rgba(30,140,255,.4))}#tab-courses .brand small{font-weight:500;color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:10.5px;margin-left:2px}#tab-courses .nav__right{display:flex;align-items:center;gap:12px}#tab-courses .toggle{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;display:grid;place-items:center;transition:border-color .3s,background .3s}#tab-courses .toggle:hover{border-color:var(--accent)}#tab-courses .toggle svg{width:18px;height:18px}#tab-courses .toggle .sun{display:none}[data-theme="dark"] #tab-courses .toggle .sun{display:block}[data-theme="dark"] #tab-courses .toggle .moon{display:none}#tab-courses .nav .btn{padding:11px 22px;font-size:14px}@media(max-width:640px){#tab-courses .nav .btn{display:none}#tab-courses .brand small{display:none}}
@media(max-width:640px){#tab-courses .hero__trust{margin-top:24px;padding:14px 16px;border:1px solid var(--card-brd);border-radius:14px;background:var(--card);box-shadow:0 20px 44px -30px rgba(30,140,255,.25);gap:9px 16px;font-size:9.5px}#tab-courses .hero__trust span{gap:7px}#tab-courses .hero__cta{gap:12px}#tab-courses .hero__cta .btn{width:100%;justify-content:center}}#tab-courses /* HERO */
.hero{position:relative;overflow:hidden;padding:clamp(70px,10vw,140px) 0 clamp(60px,8vw,110px)}#tab-courses .hero__bg{position:absolute;inset:0;pointer-events:none;z-index:0}#tab-courses .hero__bg::before{content:"";position:absolute;inset:0;background:radial-gradient(1000px 560px at 15% -5%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 60%),radial-gradient(900px 520px at 95% 10%,color-mix(in srgb,var(--teal) 18%,transparent),transparent 60%)}#tab-courses .hero__logo{position:absolute;right:-4%;top:50%;transform:translateY(-50%);width:min(46vw,560px);aspect-ratio:553/893;background:var(--logo) center/contain no-repeat;opacity:.16;filter:drop-shadow(0 30px 90px rgba(30,140,255,.4))}[data-theme="dark"] #tab-courses .hero__logo{opacity:.22}#tab-courses .hero__in{position:relative;z-index:1;max-width:800px}#tab-courses .hero__eye{display:inline-flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;padding:8px 15px;border-radius:999px;border:1px solid var(--card-brd);background:var(--card);color:var(--body);margin:0 0 26px}#tab-courses .hero__eye b{color:var(--teal);font-weight:700}#tab-courses .hero h1{font-size:clamp(38px,6.4vw,74px);font-weight:700;margin:0 0 22px}#tab-courses .hero h1 em{font-style:italic}#tab-courses .hero__sub{font-size:clamp(16px,1.8vw,20px);color:var(--body);max-width:60ch;margin:0 0 34px}#tab-courses .hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 34px}#tab-courses .hero__trust{display:flex;flex-wrap:wrap;gap:10px 26px;font-size:13.5px;color:var(--muted)}#tab-courses .hero__trust span{display:inline-flex;align-items:center;gap:8px}#tab-courses .dot{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 0 color-mix(in srgb,var(--teal) 60%,transparent);animation:bppPulse 2.4s infinite}@keyframes bppPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--teal) 55%,transparent)}70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}#tab-courses /* PROOF */
.proof{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--card)}#tab-courses .proof__in{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}#tab-courses .proof__cell{padding:clamp(26px,4vw,40px) 20px;text-align:center;position:relative}#tab-courses .proof__cell+.proof__cell::before{content:"";position:absolute;left:0;top:24%;height:52%;width:1px;background:var(--border)}#tab-courses .proof__n{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(28px,4.4vw,46px);line-height:1;margin:0 0 8px}#tab-courses .proof__l{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}@media(max-width:720px){#tab-courses .proof__in{grid-template-columns:1fr 1fr}#tab-courses .proof__cell:nth-child(odd)::before{display:none}}#tab-courses /* MANIFESTO */
.mani{text-align:center}#tab-courses .mani h2{font-size:clamp(28px,4.4vw,50px);font-weight:700;max-width:20ch;margin:0 auto 18px}#tab-courses .mani__sub{font-size:clamp(15px,1.6vw,18px);color:var(--body);max-width:60ch;margin:0 auto clamp(44px,6vw,64px)}#tab-courses .mani__grid{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(16px,2.6vw,28px);align-items:stretch;text-align:left}#tab-courses .mcard{border-radius:22px;padding:clamp(26px,3.4vw,40px);border:1px solid var(--card-brd);background:var(--surface);box-shadow:var(--shadow)}#tab-courses .mcard--win{background:linear-gradient(170deg,color-mix(in srgb,var(--accent) 12%,var(--surface)),color-mix(in srgb,var(--teal) 8%,var(--surface)));border-color:color-mix(in srgb,var(--teal) 40%,transparent)}#tab-courses .mcard__tag{display:inline-block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;padding:6px 13px;border-radius:999px;margin:0 0 20px}#tab-courses .mcard__tag.bad{color:#d9564f;background:color-mix(in srgb,#d9564f 12%,transparent)}#tab-courses .mcard__tag.good{color:var(--teal-text);background:color-mix(in srgb,var(--teal) 15%,transparent)}#tab-courses .mcard h3{font-size:clamp(20px,2.4vw,27px);font-weight:600;margin:0 0 16px}#tab-courses .mrow{list-style:none;margin:0;padding:0;display:grid;gap:14px}#tab-courses .mrow li{display:flex;gap:12px;font-size:15px;color:var(--body);align-items:flex-start;padding-bottom:14px;border-bottom:1px solid var(--card-brd)}#tab-courses .mrow li:last-child{border:0;padding:0}#tab-courses .mrow svg{flex:0 0 19px;width:19px;height:19px;margin-top:1px}#tab-courses .ic-x{color:#e0736c}#tab-courses .ic-v{color:var(--teal-text)}#tab-courses .mvs{display:flex;align-items:center;justify-content:center}#tab-courses .mvs span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-family:'Playfair Display',serif;font-style:italic;border:1px solid var(--card-brd);background:var(--card);color:var(--muted)}@media(max-width:820px){#tab-courses .mani__grid{grid-template-columns:1fr}}#tab-courses /* PILLARS */
.head-l{max-width:62ch;margin:0 0 clamp(40px,5vw,58px)}#tab-courses .head-l h2{font-size:clamp(28px,4.2vw,48px);font-weight:700;margin:0 0 16px}#tab-courses .head-l p{color:var(--body);font-size:clamp(15px,1.6vw,18px)}#tab-courses .head-c{text-align:center;max-width:60ch;margin:0 auto clamp(40px,5vw,56px)}#tab-courses .head-c h2{font-size:clamp(28px,4.2vw,48px);font-weight:700;margin:0 0 16px}#tab-courses .head-c p{color:var(--body);font-size:clamp(15px,1.6vw,18px)}#tab-courses .pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,24px)}#tab-courses .pcard{position:relative;border-radius:22px;padding:clamp(28px,3.4vw,38px);border:1px solid var(--card-brd);background:var(--surface);overflow:hidden;transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .5s}#tab-courses .pcard:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}#tab-courses .pcard__ico{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;margin:0 0 22px;background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 22%,transparent),color-mix(in srgb,var(--teal) 14%,transparent));border:1px solid var(--card-brd);color:var(--accent)}#tab-courses .pcard__ico svg{width:26px;height:26px}#tab-courses .pcard__num{position:absolute;top:26px;right:30px;font-family:'Playfair Display',serif;font-size:44px;font-weight:700;color:var(--card-brd);line-height:1}#tab-courses .pcard h3{font-size:23px;font-weight:600;margin:0 0 12px}#tab-courses .pcard p{font-size:14.5px;color:var(--body)}@media(max-width:820px){#tab-courses .pillars{grid-template-columns:1fr}}#tab-courses /* FLOOR */
.floor{background:linear-gradient(180deg,var(--surface),var(--bg));border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;position:relative}#tab-courses .floor__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,64px);align-items:center}#tab-courses .floor__tag{display:inline-block;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;padding:6px 14px;border-radius:999px;margin:0 0 22px;color:var(--teal-text);background:color-mix(in srgb,var(--teal) 12%,transparent);border:1px solid color-mix(in srgb,var(--teal) 30%,transparent)}#tab-courses .floor h2{font-size:clamp(28px,4vw,46px);font-weight:700;margin:0 0 18px}#tab-courses .floor__lead{color:var(--body);font-size:clamp(15px,1.6vw,18px);margin:0 0 26px;max-width:52ch}#tab-courses .floor__price{display:flex;align-items:baseline;gap:10px;margin:0 0 24px}#tab-courses .floor__price b{font-family:'Playfair Display',serif;font-size:clamp(40px,6vw,58px);font-weight:700}#tab-courses .floor__price span{color:var(--muted);font-size:15px}#tab-courses .floor__list{list-style:none;margin:0 0 30px;padding:0;display:grid;gap:13px}#tab-courses .floor__list li{display:flex;gap:11px;font-size:15px;color:var(--body)}#tab-courses .floor__list svg{flex:0 0 18px;width:18px;height:18px;color:var(--teal);margin-top:2px}#tab-courses .floor__note{font-size:13px;color:var(--muted);margin:16px 0 0}#tab-courses .dash{border-radius:22px;border:1px solid var(--card-brd);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}#tab-courses .dash__bar{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--card-brd);background:var(--card)}#tab-courses .dash__d{width:10px;height:10px;border-radius:50%;background:var(--border)}#tab-courses .dash__u{margin-left:auto;font-size:11px;color:var(--muted)}#tab-courses .dash__live{display:inline-flex;align-items:center;gap:7px;font-size:10.5px;font-weight:700;letter-spacing:.1em;color:var(--teal-text)}#tab-courses .dash__body{padding:clamp(20px,3vw,28px)}#tab-courses .dash__hero{display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 22px}#tab-courses .dash__hero .big{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(34px,5vw,46px);line-height:1}#tab-courses .dash__hero .lab{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 4px}#tab-courses .dash__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;border:1px solid var(--card-brd);border-radius:14px;overflow:hidden}#tab-courses .dash__st{padding:15px 12px;text-align:center;background:var(--card)}#tab-courses .dash__st b{display:block;font-size:19px;font-weight:700;font-family:'Playfair Display',serif}#tab-courses .dash__st span{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}#tab-courses .pos{color:var(--teal-text)}#tab-courses .neg{color:#e0736c}#tab-courses .dash__curve{margin:20px 0 0;height:92px}@media(max-width:900px){#tab-courses .floor__grid{grid-template-columns:1fr}#tab-courses .dash{order:-1}}#tab-courses /* SSC */
.ssc{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,24px)}#tab-courses .scard{border-radius:20px;padding:clamp(26px,3.2vw,34px);border:1px solid var(--card-brd);background:var(--surface)}#tab-courses .scard__c{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-weight:600;margin:0 0 16px}#tab-courses .scard h3{font-size:22px;font-weight:600;margin:0 0 12px}#tab-courses .scard p{font-size:14.5px;color:var(--body)}#tab-courses .ssc-learn{margin:clamp(20px,3vw,28px) 0 0;padding:clamp(26px,3.4vw,38px);border-radius:20px;text-align:center;border:1px solid color-mix(in srgb,var(--teal) 34%,transparent);background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 9%,var(--surface)),color-mix(in srgb,var(--teal) 6%,var(--surface)))}#tab-courses .ssc-learn p{font-size:clamp(15px,1.7vw,18.5px);color:var(--text);max-width:78ch;margin:0 auto;line-height:1.62}@media(max-width:820px){#tab-courses .ssc{grid-template-columns:1fr}}#tab-courses /* VALUE */
.value{background:var(--card);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}#tab-courses .val__grid{display:grid;grid-template-columns:1.25fr .9fr;gap:clamp(28px,4vw,54px);align-items:start}#tab-courses .ledger{list-style:none;margin:0;padding:0}#tab-courses .ledger li{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--card-brd)}#tab-courses .ledger li:first-child{padding-top:0}#tab-courses .ledger li:last-child{border-bottom:0}#tab-courses .ledger__n{font-family:'Playfair Display',serif;font-size:22px;font-weight:700;color:var(--accent);line-height:1.2}#tab-courses .ledger__t{font-size:17.5px;font-weight:600;margin:0 0 6px}#tab-courses .ledger__d{font-size:14.5px;color:var(--body)}#tab-courses .valcard{position:sticky;top:88px;border-radius:22px;padding:clamp(28px,3.4vw,40px);text-align:center;border:1px solid color-mix(in srgb,var(--teal) 42%,transparent);background:linear-gradient(175deg,color-mix(in srgb,var(--accent) 13%,var(--surface)),color-mix(in srgb,var(--teal) 7%,var(--surface)));box-shadow:0 44px 100px -56px color-mix(in srgb,var(--accent) 70%,transparent)}#tab-courses .valcard__k{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-text);font-weight:700;margin:0 0 10px}#tab-courses .valcard__was{font-size:14px;color:var(--muted);margin:0 0 4px}#tab-courses .valcard__p{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(54px,8vw,78px);line-height:1;margin:0 0 6px}#tab-courses .valcard__meta{font-size:13.5px;color:var(--body);margin:0 0 22px}#tab-courses .valcard__note{font-size:13px;color:var(--muted);margin:20px 0 0;line-height:1.5}#tab-courses .valcard .btn{width:100%;justify-content:center}#tab-courses .val__anchor{margin:clamp(32px,4vw,46px) auto 0;max-width:74ch;padding:26px 30px;border-radius:16px;background:var(--surface);border:1px solid var(--card-brd);font-size:clamp(15px,1.7vw,18px);color:var(--text);text-align:center;line-height:1.6}#tab-courses .val__anchor b{color:var(--accent);font-weight:700}
#tab-courses .valcard--seal{overflow:hidden}
#tab-courses .seal__sweep{position:absolute;top:-20%;left:0;width:60px;height:140%;background:linear-gradient(100deg,transparent,color-mix(in srgb,var(--teal) 30%,transparent) 45%,color-mix(in srgb,var(--accent) 22%,transparent) 55%,transparent);transform:translateX(-160%) rotate(14deg);animation:sealSweep 5.5s ease-in-out infinite;pointer-events:none}
#tab-courses .seal{position:relative;width:150px;height:150px;margin:4px auto 6px;display:flex;align-items:center;justify-content:center}
#tab-courses .seal__rings{position:absolute;inset:0;width:100%;height:100%}
#tab-courses .seal__rings circle{transform-box:fill-box;transform-origin:center}
#tab-courses .seal__rings circle:nth-of-type(1){animation:sealRotate 48s linear infinite}
#tab-courses .seal__rings circle:nth-of-type(2){animation:sealRotateRev 32s linear infinite}
#tab-courses .seal__mark{position:relative;width:74px;height:74px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 18%,var(--surface)) 0%,var(--surface) 74%);border:1px solid color-mix(in srgb,var(--teal) 46%,transparent)}
#tab-courses .seal__mark img{width:34px;height:auto;object-fit:contain;animation:sealPulse 3.4s ease-in-out infinite}
#tab-courses .seal__label{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:center;line-height:1.6;margin:0}
#tab-courses .seal__dots{display:flex;justify-content:center;gap:9px;margin:16px 0 22px}
#tab-courses .seal__dots span{width:6px;height:6px;border-radius:50%;background:var(--teal);animation:sealDot 2.6s ease-in-out infinite}
#tab-courses .seal__dots span:nth-child(1){animation-delay:0s}
#tab-courses .seal__dots span:nth-child(2){animation-delay:.22s}
#tab-courses .seal__dots span:nth-child(3){animation-delay:.44s}
#tab-courses .seal__dots span:nth-child(4){animation-delay:.66s}
#tab-courses .seal__dots span:nth-child(5){animation-delay:.88s}
@keyframes sealRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes sealRotateRev{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}
@keyframes sealPulse{0%,100%{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 55%,transparent)) drop-shadow(0 0 14px color-mix(in srgb,var(--teal) 32%,transparent))}50%{filter:drop-shadow(0 0 11px color-mix(in srgb,var(--accent) 75%,transparent)) drop-shadow(0 0 24px color-mix(in srgb,var(--teal) 52%,transparent))}}
@keyframes sealSweep{0%{transform:translateX(-160%) rotate(14deg)}35%,100%{transform:translateX(420%) rotate(14deg)}}
@keyframes sealDot{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}
@media(prefers-reduced-motion:reduce){#tab-courses .seal__rings circle,#tab-courses .seal__mark img,#tab-courses .seal__sweep,#tab-courses .seal__dots span{animation:none!important}}
#tab-courses .reveal-price{padding:52px 0;text-align:center;position:relative;overflow:hidden}
#tab-courses .reveal-price::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:560px;height:280px;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 13%,transparent) 0%,transparent 72%);pointer-events:none}
#tab-courses .rp-line{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:8px 14px;margin:0 auto;max-width:720px;animation:rpFadeIn .9s cubic-bezier(.16,1,.3,1) both}
#tab-courses .rp-pre{font-family:'Inter',sans-serif;font-size:clamp(16px,2vw,20px);font-weight:500;color:var(--muted)}
#tab-courses .rp-amt{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(38px,5.4vw,58px);line-height:1}
@keyframes rpFadeIn{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){#tab-courses .rp-line{animation:none!important}}@media(max-width:900px){#tab-courses .val__grid{grid-template-columns:1fr}#tab-courses .valcard{position:static}}#tab-courses /* PRICING */
.tiers-founding{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 30px;font-family:'JetBrains Mono',monospace;font-size:12.5px;font-weight:600;letter-spacing:.04em;color:var(--teal-text);text-align:center}.tiers-founding-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--teal);box-shadow:0 0 0 0 color-mix(in srgb,var(--teal) 55%,transparent);animation:bppPulse 2.4s infinite}.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.2vw,22px);align-items:stretch}#tab-courses .tier{display:flex;flex-direction:column;border-radius:22px;padding:clamp(28px,3.2vw,36px);border:1px solid var(--card-brd);background:var(--surface);position:relative;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .4s}#tab-courses .tier--feat{position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--teal) 55%,transparent);box-shadow:0 44px 100px -56px color-mix(in srgb,var(--accent) 70%,transparent),0 0 0 1px color-mix(in srgb,var(--teal) 18%,transparent);background:linear-gradient(175deg,color-mix(in srgb,var(--accent) 10%,var(--surface)),color-mix(in srgb,var(--teal) 6%,var(--surface)));animation:tierFeatGlow 4s ease-in-out infinite}#tab-courses .tier--feat::before{content:"";position:absolute;top:-30%;left:0;width:48px;height:160%;background:linear-gradient(100deg,transparent,color-mix(in srgb,var(--teal) 30%,transparent) 45%,color-mix(in srgb,var(--accent) 22%,transparent) 55%,transparent);transform:translateX(-260%) rotate(14deg);animation:sealSweep 6s ease-in-out infinite;pointer-events:none}#tab-courses .tier--feat:hover{transform:translateY(-4px)}@keyframes tierFeatGlow{0%,100%{box-shadow:0 44px 100px -56px color-mix(in srgb,var(--accent) 70%,transparent),0 0 0 1px color-mix(in srgb,var(--teal) 18%,transparent)}50%{box-shadow:0 44px 110px -50px color-mix(in srgb,var(--accent) 85%,transparent),0 0 0 1px color-mix(in srgb,var(--teal) 34%,transparent)}}@media(prefers-reduced-motion:reduce){#tab-courses .tier--feat{animation:none!important}#tab-courses .tier--feat::before{animation:none!important}#tab-courses .tier{transition:none!important}#tab-courses .tier--feat:hover{transform:none!important}}#tab-courses .tier__rib{position:absolute;top:-1px;right:24px;transform:translateY(-50%);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#04121f;padding:6px 14px;border-radius:999px;background:linear-gradient(100deg,var(--accent),var(--teal))}#tab-courses .tier__k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}#tab-courses .tier h3{font-size:24px;font-weight:600;margin:0 0 14px}#tab-courses .tier__p{display:flex;align-items:baseline;gap:8px;margin:0 0 6px}#tab-courses .tier__p b{font-family:'Playfair Display',serif;font-size:clamp(34px,4.4vw,44px);font-weight:700}#tab-courses .tier__p span{color:var(--muted);font-size:13.5px}#tab-courses .tier__was{font-family:'Playfair Display',serif;font-size:22px;font-weight:600;color:var(--muted);text-decoration:line-through;opacity:.72}#tab-courses .valcard__was s{color:var(--muted)}#tab-courses .tier__meta{font-size:13px;color:var(--muted);margin:0 0 18px}#tab-courses .tier__list{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:12px}#tab-courses .tier__list li{display:flex;gap:10px;font-size:14px;color:var(--body)}#tab-courses .tier__list svg{flex:0 0 17px;width:17px;height:17px;color:var(--teal);margin-top:2px}#tab-courses .tier__modules{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:12px}#tab-courses .tier__modules li{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--body);line-height:1.45}#tab-courses .tier__mnum{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:22px;padding:0 6px;border-radius:6px;background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);color:var(--accent-text);font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:700;letter-spacing:.02em;margin-top:1px}#tab-courses .tier--feat .tier__mnum{background:color-mix(in srgb,var(--teal) 16%,transparent);border-color:color-mix(in srgb,var(--teal) 40%,transparent);color:var(--teal-text)}#tab-courses .tier .btn{width:100%;justify-content:center;margin-top:auto}#tab-courses .tier__price{display:flex;align-items:center;gap:16px;margin:0 0 8px}#tab-courses .tier__price-col{display:flex;flex-direction:column;gap:5px}#tab-courses .tier__price-lbl{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}#tab-courses .tier__price-col--now .tier__price-lbl{color:var(--teal-text);font-weight:700}#tab-courses .tier__price-col--was .tier__price-num{font-family:'Playfair Display',serif;font-size:24px;font-weight:600;color:var(--muted);text-decoration:line-through;opacity:.7}#tab-courses .tier__price-col--now .tier__price-num{font-family:'Playfair Display',serif;font-size:clamp(32px,4vw,42px);font-weight:700;color:var(--text)}#tab-courses .tier__price-arrow{color:var(--muted);font-size:16px;margin-top:16px;flex-shrink:0}#tab-courses .tier__price-note{font-size:11px;color:var(--muted);margin:0 0 20px}#tab-courses .tier__group-lbl{font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text);margin:0 0 10px;padding-top:12px;border-top:1px solid var(--card-brd)}#tab-courses .tier__group-lbl:first-of-type{padding-top:0;border-top:none}#tab-courses .tier__plus{display:flex;align-items:flex-start;gap:12px;padding:13px 16px;margin:0 0 18px;border-radius:14px;background:color-mix(in srgb,var(--teal) 9%,transparent);border:1px solid color-mix(in srgb,var(--teal) 26%,transparent)}#tab-courses .tier__plus svg{flex:0 0 18px;width:18px;height:18px;color:var(--teal);margin-top:2px}#tab-courses .tier__plus b{display:block;font-size:14px;color:var(--text);font-weight:700;margin-bottom:2px}#tab-courses .tier__plus span{display:block;font-size:12px;color:var(--muted)}#tab-courses .tiers-hint{display:none}@media(max-width:900px){
/* Mobile: one card fills the screen, swipe/scroll horizontally to compare — a deliberate, contained carousel (not the page scrolling sideways) */
#tab-courses .tiers{display:flex;grid-template-columns:none;align-items:stretch;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:14px;margin:0 -20px;padding:8px 20px 10px;scroll-padding-left:20px}
#tab-courses .tiers::-webkit-scrollbar{display:none}
#tab-courses .tier{flex:0 0 86%;scroll-snap-align:center;padding:26px 22px 24px;opacity:0;transform:translateY(22px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s}
#tab-courses .tier.tier-in{opacity:1;transform:translateY(0)}
#tab-courses .tiers .tier:nth-child(2).tier-in{transition-delay:.1s}
#tab-courses .tiers .tier:nth-child(3).tier-in{transition-delay:.2s}
#tab-courses .tier--feat::before{width:40px}
#tab-courses .tier--feat:active{transform:scale(.98)}
#tab-courses .tier:active .btn{transform:scale(.96)}
#tab-courses .tier__rib{top:-1px;right:20px}
#tab-courses .tier .btn{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .3s}
.tiers-founding{align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;margin-bottom:20px;padding:0 16px}
.tiers-founding-dot{margin-top:5px}
#tab-courses .tiers-hint{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0 0;font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
#tab-courses .tiers-hint svg{width:13px;height:13px;animation:tiersHintNudge 1.8s ease-in-out infinite}
@keyframes tiersHintNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
}
@media(max-width:900px) and (prefers-reduced-motion:reduce){#tab-courses .tier{opacity:1!important;transform:none!important;transition:none!important}#tab-courses .tier--feat::before{animation:none!important}#tab-courses .tiers-hint svg{animation:none!important}}
/* Route strip: the three-step path from card to portal, sat under the founding banner */
.tiers-route{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;margin:0 0 30px}
.tiers-route__s{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:var(--body);letter-spacing:.01em}
.tiers-route__s i{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;flex-shrink:0;font-style:normal;background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);color:var(--accent-text);font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700}
.tiers-route__a{width:15px;height:15px;color:var(--muted);flex-shrink:0;opacity:.6}
/* Trading Floor: two-line feature rows, and the closing value note */
#tab-courses .tier__list--rich{margin-bottom:18px;gap:14px}
#tab-courses .tier__list--rich li{align-items:flex-start;gap:11px}
#tab-courses .tier__list--rich b{display:block;font-size:13.5px;font-weight:600;color:var(--text);line-height:1.3;margin-bottom:3px}
#tab-courses .tier__list--rich span{display:block;font-size:12.5px;color:var(--muted);line-height:1.45}
#tab-courses .tier__more{margin:0 0 22px;padding:13px 16px;border-radius:14px;background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent) 24%,transparent)}
#tab-courses .tier__more b{display:block;font-size:13.5px;font-weight:700;color:var(--accent-text);margin-bottom:3px}
#tab-courses .tier__more span{display:block;font-size:12px;color:var(--muted);line-height:1.45}
@media(max-width:900px){
.tiers-route{flex-direction:column;align-items:flex-start;gap:11px;margin-bottom:22px;padding:0 16px}
.tiers-route__a{display:none}
#tab-courses .tier__list--rich{gap:13px}
}#tab-courses /* TRUE COST */
.tc{background:var(--card);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}#tab-courses .tc__ctrl{background:var(--surface);border:1px solid var(--card-brd);border-radius:20px;padding:clamp(24px,3.2vw,34px);box-shadow:var(--shadow)}#tab-courses .tc__top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 22px}#tab-courses .tc__top .l{font-size:13.5px;color:var(--body);font-weight:500}#tab-courses .tc__top .v{font-family:'Playfair Display',serif;font-weight:700}#tab-courses .tc__top .v b{font-size:clamp(28px,4vw,42px)}#tab-courses .tc__top .v span{font-size:14px;color:var(--muted);font-family:'Inter';margin-left:6px}#tab-courses .range{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;outline:none;cursor:pointer;background:linear-gradient(90deg,var(--accent) 0%,var(--teal) var(--pct,27%),var(--border) var(--pct,27%),var(--border) 100%)}#tab-courses .range::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:var(--surface);border:2px solid var(--accent);cursor:grab;box-shadow:0 6px 18px -4px color-mix(in srgb,var(--accent) 60%,transparent),0 0 0 6px color-mix(in srgb,var(--accent) 12%,transparent);transition:transform .18s}#tab-courses .range::-webkit-slider-thumb:active{transform:scale(1.16);cursor:grabbing}#tab-courses .range::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--surface);border:2px solid var(--accent);cursor:grab}#tab-courses .tc__ticks{display:flex;justify-content:space-between;margin:13px 2px 0;font-size:11.5px;color:var(--muted)}#tab-courses .tc__panels{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2.2vw,20px);margin:22px 0 0}#tab-courses .tc__panel{border-radius:18px;padding:clamp(22px,3vw,30px);border:1px solid var(--card-brd);background:var(--surface)}#tab-courses .tc__panel.win{background:linear-gradient(175deg,color-mix(in srgb,var(--accent) 9%,var(--surface)),color-mix(in srgb,var(--teal) 6%,var(--surface)));border-color:color-mix(in srgb,var(--teal) 40%,transparent)}#tab-courses .tc__ptag{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;display:inline-block;margin:0 0 14px}#tab-courses .tc__ptag.bad{color:#d9564f}
#tab-courses .tc__trap{position:relative;overflow:hidden;border-radius:22px;padding:clamp(28px,3.6vw,42px);border:1px solid color-mix(in srgb,#cf5148 36%,var(--card-brd));background:linear-gradient(165deg,color-mix(in srgb,#cf5148 9%,var(--surface)),var(--surface) 60%);box-shadow:0 46px 100px -56px rgba(207,81,72,.4)}
#tab-courses .tc__trap::before{content:"";position:absolute;top:-45%;right:-8%;width:360px;height:360px;background:radial-gradient(circle,rgba(207,81,72,.16) 0%,transparent 70%);pointer-events:none;animation:trapGlow 5s ease-in-out infinite}
#tab-courses .tc__trap-top{position:relative;display:flex;align-items:center;justify-content:space-between;margin:0 0 18px}
#tab-courses .tc__trap-icon{position:relative;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(207,81,72,.12);border:1px solid rgba(207,81,72,.34);color:#e0736c}
#tab-courses .tc__trap-icon::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px solid rgba(207,81,72,.32);animation:trapPing 2.6s ease-out infinite}
#tab-courses .tc__trap .tc__pn{position:relative;color:#e0736c;text-shadow:0 0 34px rgba(207,81,72,.4);display:inline-block;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
#tab-courses .tc__trap .tc__pn.bump{animation:trapBump .45s cubic-bezier(.34,1.56,.64,1)}
#tab-courses .tc__trap .tc__ptext{position:relative}
#tab-courses .tc__ladder{position:relative;display:flex;align-items:flex-end;gap:5px;height:78px;margin:28px 0 10px}
#tab-courses .tc__lbar{--h:20%;--i:0;flex:1;height:var(--h);border-radius:4px 4px 2px 2px;background:var(--card-brd);transform-origin:bottom;animation:lbarRise .55s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i) * 45ms);transition:background .4s,box-shadow .4s}
#tab-courses .tc__lbar.active{background:linear-gradient(180deg,#e0736c,#cf5148);box-shadow:0 0 16px -3px rgba(207,81,72,.55)}
#tab-courses .tc__lbar.current{animation:lbarRise .55s cubic-bezier(.16,1,.3,1) both,trapPulseBar 1.5s ease-in-out infinite .55s}
#tab-courses .tc__ladder-scale{display:flex;justify-content:space-between;font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
@keyframes trapGlow{0%,100%{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}
@keyframes trapPing{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.55);opacity:0}}
@keyframes trapBump{0%{transform:scale(1)}40%{transform:scale(1.09)}100%{transform:scale(1)}}
@keyframes lbarRise{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}
@keyframes trapPulseBar{0%,100%{box-shadow:0 0 16px -3px rgba(207,81,72,.55)}50%{box-shadow:0 0 28px 3px rgba(207,81,72,.9)}}
@media(prefers-reduced-motion:reduce){#tab-courses .tc__trap::before,#tab-courses .tc__trap-icon::after,#tab-courses .tc__trap .tc__pn.bump,#tab-courses .tc__lbar,#tab-courses .tc__lbar.current{animation:none!important}}#tab-courses .tc__ptag.good{color:var(--teal-text)}#tab-courses .tc__pn{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(34px,5vw,54px);line-height:1;margin:0 0 8px}#tab-courses .tc__panel.bad .tc__pn{color:#cf5148}#tab-courses .tc__ptext{font-size:13.5px;color:var(--body);min-height:2.7em;margin:0 0 16px}#tab-courses .tc__ptext b{color:var(--text)}#tab-courses .tc__bart{height:9px;border-radius:999px;background:var(--card);overflow:hidden;border:1px solid var(--card-brd)}#tab-courses .tc__bar{height:100%;width:0;border-radius:999px;transition:width .45s cubic-bezier(.16,1,.3,1)}#tab-courses .tc__panel.bad .tc__bar{background:linear-gradient(90deg,#e0736c,#cf5148)}#tab-courses .tc__panel.win .tc__bar{background:linear-gradient(90deg,var(--accent),var(--teal))}#tab-courses .tc__verdict{margin:22px 0 0;padding:22px 26px;border-radius:16px;background:var(--surface);border:1px solid var(--card-brd);font-size:clamp(15px,1.7vw,18px);color:var(--text)}#tab-courses .tc__verdict b{color:var(--accent);font-weight:700}@media(max-width:760px){#tab-courses .tc__panels{grid-template-columns:1fr}}#tab-courses /* RECORD */
.accts{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2.2vw,20px);margin:0 0 22px}#tab-courses .acct{border-radius:20px;padding:clamp(24px,3vw,30px);border:1px solid var(--card-brd);background:var(--surface)}#tab-courses .acct__t{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);letter-spacing:.06em;margin:0 0 18px}#tab-courses .acct__t .live{display:inline-flex;align-items:center;gap:6px;color:var(--teal);font-weight:700}#tab-courses .acct__big{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(26px,3.4vw,34px);margin:0 0 4px}#tab-courses .acct__cap{font-size:12.5px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 18px}#tab-courses .acct__rows{display:grid;gap:9px;font-size:14px}#tab-courses .acct__rows div{display:flex;justify-content:space-between;color:var(--body)}#tab-courses .acct__rows b{color:var(--text)}#tab-courses .trades{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2.2vw,20px)}#tab-courses .trade{border-radius:18px;padding:clamp(22px,2.8vw,28px);border:1px solid var(--card-brd);background:var(--card);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}#tab-courses .trade__l .p{font-size:12px;color:var(--muted);letter-spacing:.04em}#tab-courses .trade__l h4{font-family:'Inter';font-size:17px;font-weight:600;margin:4px 0}#tab-courses .trade__l small{font-size:12px;color:var(--muted)}#tab-courses .trade__n{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(26px,3.6vw,36px);color:var(--teal-text);white-space:nowrap}@media(max-width:820px){#tab-courses .accts{grid-template-columns:1fr}#tab-courses .trades{grid-template-columns:1fr}}#tab-courses /* SCARCITY / FAQ / FINAL */
.scar{text-align:center;background:linear-gradient(180deg,var(--bg),var(--surface))}#tab-courses .scar h2{font-size:clamp(26px,3.8vw,44px);font-weight:700;max-width:22ch;margin:0 auto 16px}#tab-courses .scar p{color:var(--body);max-width:54ch;margin:0 auto 30px;font-size:clamp(15px,1.6vw,18px)}#tab-courses .seats{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;max-width:520px;margin:0 auto 30px}#tab-courses .seat{width:26px;height:26px;border-radius:7px;background:var(--card);border:1px solid var(--card-brd)}#tab-courses .seat.on{background:linear-gradient(140deg,var(--accent),var(--teal));border-color:transparent;box-shadow:0 6px 16px -6px color-mix(in srgb,var(--accent) 70%,transparent)}#tab-courses .faq{border-top:1px solid var(--border)}#tab-courses .fitem{border-bottom:1px solid var(--border)}#tab-courses .fq{width:100%;text-align:left;background:none;border:0;cursor:pointer;color:var(--text);display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px 4px;font-size:clamp(16px,1.9vw,19px);font-weight:600;font-family:'Inter'}#tab-courses .fq svg{flex:0 0 20px;width:20px;height:20px;color:var(--accent);transition:transform .35s cubic-bezier(.16,1,.3,1)}#tab-courses .fitem.open .fq svg{transform:rotate(45deg)}#tab-courses .fa{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.16,1,.3,1)}#tab-courses .fa p{color:var(--body);font-size:15.5px;padding:0 4px 26px;max-width:74ch}#tab-courses .final{position:relative;overflow:hidden;text-align:center;border-top:1px solid var(--border)}#tab-courses .final__logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(60vw,520px);aspect-ratio:553/893;background:var(--logo) center/contain no-repeat;opacity:.05;pointer-events:none}[data-theme="dark"] #tab-courses .final__logo{opacity:.08}#tab-courses .final__in{position:relative;z-index:1}#tab-courses .final h2{font-size:clamp(30px,5vw,60px);font-weight:700;max-width:18ch;margin:0 auto 20px}#tab-courses .final p{color:var(--body);max-width:54ch;margin:0 auto 34px;font-size:clamp(16px,1.8vw,19px)}#tab-courses .final__cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}#tab-courses /* premium institutional footer */
.foot{border-top:1px solid var(--border);background:var(--surface);padding:clamp(56px,7vw,90px) 0 38px}#tab-courses .foot__grid{display:grid;grid-template-columns:1.35fr 1.65fr;gap:clamp(32px,5vw,74px)}#tab-courses .foot__brand{display:flex;align-items:center;gap:12px;margin:0 0 20px}#tab-courses .foot__mark{width:27px;height:44px;background:var(--logo) center/contain no-repeat;filter:drop-shadow(0 6px 16px rgba(30,140,255,.4))}#tab-courses .foot__name{font-family:'Playfair Display',serif;font-weight:700;font-size:23px;color:var(--text)}#tab-courses .foot__name span{color:var(--accent)}#tab-courses .foot__tag{font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(20px,2.3vw,27px);color:var(--text);margin:0 0 14px}#tab-courses .foot__desc{font-size:15.5px;color:var(--body);max-width:46ch;margin:0 0 26px;line-height:1.62}#tab-courses .foot__nav{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}#tab-courses .foot__col h4{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 18px;font-weight:600;font-family:'Inter'}#tab-courses .foot__col a{display:block;font-size:15px;color:var(--body);text-decoration:none;margin:0 0 12px;transition:color .3s}#tab-courses .foot__col a:hover{color:var(--accent)}#tab-courses .foot__bar{margin-top:clamp(40px,5vw,62px);padding-top:26px;border-top:1px solid var(--card-brd);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 44px;font-size:13px;color:var(--muted)}#tab-courses .foot__risk{max-width:60ch;font-size:12.5px;color:var(--muted)}@media(max-width:820px){#tab-courses .foot__grid{grid-template-columns:1fr}}@media(max-width:520px){#tab-courses .foot__nav{grid-template-columns:1fr 1fr}}#tab-courses /* elite typography pass: larger sizes + higher contrast headings */
.kick{font-size:12.5px;letter-spacing:.24em}#tab-courses .hero h1{font-size:clamp(42px,6.8vw,80px)}#tab-courses .hero__sub{font-size:clamp(17px,1.9vw,21px);line-height:1.62}#tab-courses .head-l h2,#tab-courses .head-c h2{font-size:clamp(32px,4.6vw,54px);color:var(--text)}#tab-courses .mani h2{font-size:clamp(32px,4.8vw,56px);color:var(--text)}#tab-courses .floor h2{font-size:clamp(30px,4.2vw,50px);color:var(--text)}#tab-courses .head-l p,#tab-courses .head-c p,#tab-courses .mani__sub{font-size:clamp(16px,1.7vw,19px)}#tab-courses .pcard h3,#tab-courses .scard h3,#tab-courses .tier h3,#tab-courses .mcard h3,#tab-courses .acct__big,#tab-courses .trade__l h4{color:var(--text)}#tab-courses .pcard p,#tab-courses .scard p,#tab-courses .tier__list li,#tab-courses .tier__modules li,#tab-courses .mrow li,#tab-courses .floor__list li{font-size:15.5px}#tab-courses .floor__lead,#tab-courses .scar p,#tab-courses .final p,#tab-courses .faq__head p,#tab-courses .head-l p{font-size:clamp(16px,1.7vw,19px)}#tab-courses .proof__l,#tab-courses .tier__k,#tab-courses .scard__c,#tab-courses .acct__cap,#tab-courses .floor__tag,#tab-courses .mcard__tag,#tab-courses .tc__ptag,#tab-courses .valcard__k{font-size:12.5px}#tab-courses .tier__meta,#tab-courses .tier__p span,#tab-courses .floor__price span,#tab-courses .trade__l small,#tab-courses .trade__l .p,#tab-courses .acct__t{font-size:13.5px}#tab-courses .ssc-learn p{font-size:clamp(16px,1.8vw,19.5px)}#tab-courses .fq{font-size:clamp(17px,2vw,20px)}#tab-courses .fa p{font-size:16px}@media(prefers-reduced-motion:reduce){#tab-courses *{transition:none!important;animation:none!important}#tab-courses .enter{display:none}}#tab-courses .bpp-root{font-family:'Inter',system-ui,sans-serif;color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased}#tab-courses .bpp-root.bpp-enter{animation:bppSlideDown .85s cubic-bezier(.16,1,.3,1) both}@keyframes bppSlideDown{from{opacity:0;transform:translateY(-26px)}to{opacity:1;transform:none}}a[data-tab="courses"].bpp-tab-hot{font-weight:700}a[data-tab="courses"].bpp-tab-hot .bpp-tab-label{background:linear-gradient(100deg,var(--accent),var(--accent-teal) 70%,#5647E6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}[data-theme="dark"] a[data-tab="courses"].bpp-tab-hot .bpp-tab-label{background:linear-gradient(100deg,var(--accent),var(--accent-teal) 70%,#6D5CFF);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* --- bpp-elite block --- */
/* ===== The Program — institutional / banking-grade additions ===== */
#tab-courses .seal{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:9px 18px;box-shadow:var(--shadow)}
#tab-courses .seal b{color:var(--text);font-weight:700}
#tab-courses .seal-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:linear-gradient(120deg,var(--accent),var(--teal));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}
#tab-courses .hero__trust{display:flex;flex-wrap:wrap;align-items:center;gap:8px 15px;margin-top:32px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
#tab-courses .hero__trust i{width:4px;height:4px;border-radius:50%;background:var(--border)}
#tab-courses .proof__foot{margin-top:30px;text-align:center;font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.05em;color:var(--muted)}
#tab-courses .proof__foot b{color:var(--teal);font-weight:500}
#tab-courses .rec-note{margin-top:30px;display:inline-flex;align-items:center;gap:11px;font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.05em;color:var(--muted);background:var(--card);border:1px solid var(--border);border-radius:11px;padding:12px 18px}
/* Members access / email capture */
#tab-courses .access{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--accent) 7%,transparent));border-top:1px solid var(--border)}
#tab-courses .access__card{max-width:760px;margin:0 auto;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:clamp(36px,5vw,64px);box-shadow:var(--shadow);position:relative;overflow:hidden}
#tab-courses .access__card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(100deg,var(--accent),var(--teal) 55%,var(--violet))}
#tab-courses .access h2{font-size:clamp(30px,4.4vw,48px);color:var(--text);margin:0 0 16px}
#tab-courses .access>.access__card>p{color:var(--body);font-size:clamp(15px,1.7vw,18px);line-height:1.66;max-width:540px;margin:0 auto 32px}
#tab-courses .bpp-wl{display:flex;gap:8px;max-width:500px;margin:0 auto;background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:7px 7px 7px 10px;transition:border-color .25s,box-shadow .25s}
#tab-courses .bpp-wl:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)}
#tab-courses .bpp-wl input{flex:1;min-width:0;border:0;background:transparent;outline:none;color:var(--text);font-family:'Inter',sans-serif;font-size:15px;padding:12px 14px}
#tab-courses .bpp-wl input::placeholder{color:var(--muted)}
#tab-courses .bpp-wl button{border:0;cursor:pointer;border-radius:999px;padding:13px 26px;font-family:'Inter',sans-serif;font-weight:700;font-size:13.5px;letter-spacing:.03em;color:#04121f;background:linear-gradient(100deg,var(--accent),var(--teal));white-space:nowrap;transition:transform .25s,box-shadow .25s;box-shadow:0 18px 40px -20px color-mix(in srgb,var(--accent) 85%,transparent)}
#tab-courses .bpp-wl button:hover{transform:translateY(-1px)}
#tab-courses .access__ok{display:none;margin:18px auto 0;max-width:500px;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.04em;color:var(--teal-text);background:color-mix(in srgb,var(--teal) 10%,transparent);border:1px solid color-mix(in srgb,var(--teal) 32%,transparent);border-radius:11px;padding:13px 16px;line-height:1.5}
#tab-courses .access__steps{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 30px;margin:34px 0 0;padding:0}
#tab-courses .access__steps li{list-style:none;display:flex;gap:12px;align-items:flex-start;text-align:left;max-width:210px}
#tab-courses .access__steps .n{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--accent);flex-shrink:0;padding-top:2px;letter-spacing:.08em}
#tab-courses .access__steps b{display:block;color:var(--text);font-weight:600;font-size:13.5px;margin-bottom:3px;font-family:'Inter',sans-serif}
#tab-courses .access__steps span.d{color:var(--body);font-size:13px;line-height:1.55}
#tab-courses .access__fine{margin-top:30px;font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
/* ===== WHY BLUE PIPS ===== */
#tab-courses .why{padding:clamp(60px,7vw,100px) 0}
#tab-courses .why__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
#tab-courses .why__cell{position:relative;overflow:hidden;padding:32px 26px;border-radius:16px;background:var(--card);border:1px solid var(--card-brd);transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .4s}
#tab-courses .why__cell:hover{transform:translateY(-6px);box-shadow:0 34px 64px -34px var(--why-glow,rgba(30,140,255,.35));border-color:var(--why-brd,rgba(30,140,255,.32))}
#tab-courses .why__cell::after{content:"";position:absolute;top:-45%;right:-15%;width:190px;height:190px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,var(--why-glow,rgba(30,140,255,.16)) 0%,transparent 70%);opacity:0;transition:opacity .5s}
#tab-courses .why__cell:hover::after{opacity:1}
#tab-courses .why__cell::before{content:attr(data-idx);position:absolute;right:14px;bottom:-18px;font-family:'Playfair Display',serif;font-size:76px;font-weight:700;color:color-mix(in srgb,var(--text) 4%,transparent);line-height:1;pointer-events:none}
#tab-courses .why-shine{position:absolute;top:0;left:-60%;width:35%;height:100%;background:linear-gradient(100deg,transparent,color-mix(in srgb,var(--text) 6%,transparent),transparent);transform:skewX(-18deg);transition:left .8s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:1}
#tab-courses .why__cell:hover .why-shine{left:130%}
#tab-courses .why__ico{width:44px;height:44px;border-radius:12px;background:var(--why-bg,color-mix(in srgb,var(--accent) 10%,transparent));border:1px solid var(--why-brd,color-mix(in srgb,var(--accent) 22%,transparent));display:flex;align-items:center;justify-content:center;color:var(--why-c,var(--accent-text));margin-bottom:22px;position:relative;z-index:1;transition:transform .35s cubic-bezier(.16,1,.3,1)}
#tab-courses .why__cell:hover .why__ico{transform:scale(1.08) rotate(-4deg)}
#tab-courses .why__ico svg{width:19px;height:19px}
#tab-courses .why__t{position:relative;z-index:1;font-family:'Playfair Display',serif;font-size:18px;font-weight:700;color:var(--text);margin-bottom:10px;line-height:1.28}
#tab-courses .why__d{position:relative;z-index:1;font-size:13.5px;color:var(--body);line-height:1.68}
#tab-courses .why__cell--blue{--why-glow:rgba(74,173,255,.2);--why-c:var(--accent);--why-bg:color-mix(in srgb,var(--accent) 12%,transparent);--why-brd:color-mix(in srgb,var(--accent) 32%,transparent)}
#tab-courses .why__cell--teal{--why-glow:rgba(0,212,220,.2);--why-c:var(--teal);--why-bg:color-mix(in srgb,var(--teal) 12%,transparent);--why-brd:color-mix(in srgb,var(--teal) 32%,transparent)}
#tab-courses .why__cell--violet{--why-glow:rgba(109,92,255,.22);--why-c:var(--violet);--why-bg:color-mix(in srgb,var(--violet) 13%,transparent);--why-brd:color-mix(in srgb,var(--violet) 34%,transparent)}
#tab-courses .why__cell--gold{--why-glow:rgba(232,196,104,.2);--why-c:#E8C468;--why-bg:rgba(232,196,104,.13);--why-brd:rgba(232,196,104,.34)}
/* ===== PREMIUM ENTRANCE: PROGRAM HERO ===== */
#tab-courses .bpp-root.bpp-enter .hero__in > * { opacity: 0; animation: bppItemIn .8s cubic-bezier(.16,1,.3,1) both; }
#tab-courses .bpp-root.bpp-enter .hero__in > *:nth-child(1) { animation-delay: .08s; }
#tab-courses .bpp-root.bpp-enter .hero__in > *:nth-child(2) { animation-delay: .2s; }
#tab-courses .bpp-root.bpp-enter .hero__in > *:nth-child(3) { animation-delay: .34s; }
#tab-courses .bpp-root.bpp-enter .hero__in > *:nth-child(4) { animation-delay: .46s; }
@keyframes bppItemIn { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }
/* ===== WHY BLUE PIPS: PREMIUM POLISH ===== */
#tab-courses .why__head{margin-bottom:8px}
#tab-courses .why__grid{margin-top:36px}
#tab-courses .why__topbar{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--why-c,var(--accent)),transparent);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.16,1,.3,1);z-index:1}
#tab-courses .why__cell:hover .why__topbar{transform:scaleX(1)}
#tab-courses .why__proof{position:relative;z-index:1;margin-top:20px;padding-top:16px;border-top:1px solid var(--card-brd);display:flex;align-items:center;gap:9px;font-size:12px;color:var(--body);letter-spacing:.01em}
#tab-courses .why__proof b{color:var(--text);font-weight:700}
#tab-courses .why__proof-dots{display:flex;gap:4px;flex-shrink:0}
#tab-courses .why__proof-dots i{width:6px;height:6px;border-radius:50%;background:var(--why-c,var(--accent))}
#tab-courses .why__proof-check{width:15px;height:15px;color:var(--why-c,var(--accent));flex-shrink:0}
#tab-courses .why__proof-dot{width:7px;height:7px;border-radius:50%;background:var(--why-c,var(--accent));flex-shrink:0;box-shadow:0 0 0 3px var(--why-glow,transparent)}
#tab-courses .why__proof-bar{display:flex;width:56px;height:5px;border-radius:3px;overflow:hidden;flex-shrink:0}
#tab-courses .why__proof-bar i.risk{width:15%;background:#e0736c}
#tab-courses .why__proof-bar i.reward{width:85%;background:var(--why-c,var(--teal))}
/* ===== EMBEDDED PAGE WATERMARK — same treatment on every tab's opening section, matching the Program hero's logo ===== */
.page-watermark { position: absolute; right: -4%; top: 50%; transform: translateY(-50%); width: min(40vw, 460px); height: auto; object-fit: contain; opacity: 0.1; pointer-events: none; z-index: -1; filter: drop-shadow(0 24px 64px rgba(30,140,255,0.3)); }
[data-theme="dark"] .page-watermark { opacity: 0.16; filter: drop-shadow(0 24px 64px rgba(74,173,255,0.35)) brightness(1.3); }
@media(max-width:900px){ .page-watermark{ width: 62vw; opacity: 0.07; right: -12%; } [data-theme="dark"] .page-watermark{opacity:0.1} }
#journal > .page-watermark { top: 210px; transform: none; }
@media(max-width:900px){ #journal > .page-watermark{ top: 140px; } }
/* ===== TRACK RECORD HERO: PREMIUM REBUILD ===== */
.hero-left--full { max-width: 640px; }
.hero-watermark { width: min(46vw, 520px); }
.hero-origin { position: relative; overflow: hidden; z-index: 1; display: flex; align-items: center; margin: 0 0 30px; padding: 18px 20px; border-radius: 16px; background: linear-gradient(135deg, rgba(74,173,255,0.08), rgba(0,212,220,0.03)); border: 1px solid rgba(255,255,255,0.11); max-width: 100%; }
.hero-origin-sweep { position: absolute; top: 0; left: -30%; width: 30%; height: 100%; background: linear-gradient(100deg, transparent, rgba(255,255,255,0.05) 45%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.05) 55%, transparent); animation: heroOriginSweep 6s ease-in-out infinite; pointer-events: none; }
@keyframes heroOriginSweep { 0% { left: -30%; } 100% { left: 130%; } }
.hero-origin-step { display: flex; align-items: center; gap: 10px; position: relative; z-index: 1; opacity: 0; transform: translateY(8px); transition: opacity .5s ease, transform .5s cubic-bezier(.16,1,.3,1); }
.hero-origin.tr-in .hero-origin-step { opacity: 1; transform: translateY(0); }
.hero-origin.tr-in .hero-origin-step:nth-of-type(1) { transition-delay: .1s; }
.hero-origin.tr-in .hero-origin-step:nth-of-type(3) { transition-delay: .4s; }
.hero-origin.tr-in .hero-origin-step:nth-of-type(5) { transition-delay: .7s; }
.hero-origin-ic { flex-shrink: 0; width: 30px; height: 30px; border-radius: 9px; display: flex; align-items: center; justify-content: center; background: rgba(74,173,255,0.12); border: 1px solid rgba(74,173,255,0.32); color: #4AADFF; }
.hero-origin-ic svg { width: 14px; height: 14px; }
.hero-origin-ic--fail { background: rgba(255,107,107,0.1); border-color: rgba(255,107,107,0.3); color: #FF9B9B; }
.hero-origin-ic--win { background: rgba(74,173,255,0.18); border-color: #4AADFF; color: #4AADFF; box-shadow: 0 0 18px rgba(74,173,255,0.45); }
.hero-origin-txt { display: flex; flex-direction: column; }
.hero-origin-txt b { font-family: "Inter", sans-serif; font-size: 12.5px; font-weight: 700; color: #fff; white-space: nowrap; }
.hero-origin-txt span { font-family: "JetBrains Mono", monospace; font-size: 9.5px; letter-spacing: 0.02em; color: rgba(255,255,255,0.58); margin-top: 3px; white-space: nowrap; }
.hero-origin-step--final .hero-origin-txt b { color: #6CBBFF; }
.hero-origin-step--final .hero-origin-txt span { color: rgba(170,214,255,0.85); }
.hero-origin-line { flex: 1; min-width: 14px; height: 1px; margin: 0 10px; background: linear-gradient(90deg, rgba(255,255,255,0.08), rgba(255,255,255,0.28), rgba(255,255,255,0.08)); position: relative; z-index: 1; transform: scaleX(0); transform-origin: left; transition: transform .5s cubic-bezier(.16,1,.3,1); }
.hero-origin.tr-in .hero-origin-line:nth-of-type(2) { transform: scaleX(1); transition-delay: .3s; }
.hero-origin.tr-in .hero-origin-line:nth-of-type(4) { transform: scaleX(1); transition-delay: .6s; }
@media(max-width: 640px) {
  .hero-origin { position: relative; flex-direction: column; align-items: stretch; padding: 16px 18px 16px 20px; gap: 15px; }
  .hero-origin::before { content: ""; position: absolute; left: 34px; top: 30px; bottom: 30px; width: 1px; background: linear-gradient(180deg, rgba(74,173,255,0.35), rgba(255,107,107,0.3), rgba(74,173,255,0.5)); z-index: 0; }
  .hero-origin-line { display: none; }
  .hero-origin-step { width: 100%; display: grid; grid-template-columns: 30px 1fr; align-items: center; column-gap: 12px; gap: 0; }
  .hero-origin-ic { position: relative; z-index: 1; }
  .hero-origin-txt span { white-space: normal; }
}
@media(prefers-reduced-motion: reduce) {
  .hero-origin-sweep { display: none; }
  .hero-origin-step, .hero-origin-line { transition: none !important; opacity: 1 !important; transform: none !important; }
}
.hero-cta-row { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 26px; position: relative; z-index: 1; }
.hero-btn { display: inline-flex; align-items: center; gap: 9px; background: linear-gradient(100deg, var(--accent), var(--accent-teal)); color: #04121f; border: none; border-radius: 999px; padding: 15px 28px; font-family: "Inter", sans-serif; font-size: 13.5px; font-weight: 700; letter-spacing: 0.02em; cursor: pointer; text-decoration: none; transition: transform .3s cubic-bezier(.16,1,.3,1), box-shadow .3s; box-shadow: 0 18px 40px -14px rgba(30,140,255,0.5); }
.hero-btn:hover { transform: translateY(-3px); box-shadow: 0 24px 48px -14px rgba(30,140,255,0.6); }
.hero-btn.ghost { background: rgba(255,255,255,0.05); color: var(--navy); border: none; box-shadow: none; }
.hero-btn.ghost:hover { background: rgba(30,140,255,0.1); transform: translateY(-3px); }
[data-theme="dark"] .hero-btn.ghost { color: #fff; background: rgba(255,255,255,0.06); }
[data-theme="dark"] .hero-btn.ghost:hover { background: rgba(74,173,255,0.14); }
.hero-cta-row { animation: fadeInUp .9s .34s cubic-bezier(.16,1,.3,1) both; }
@media(max-width:900px){ .hero-watermark{ width:62vw; } }
@media(min-width:901px){
  #tab-courses .why__cell--teal,#tab-courses .why__cell--gold{transform:translateY(26px)}
  #tab-courses .why__cell--teal:hover,#tab-courses .why__cell--gold:hover{transform:translateY(20px)}
}
@media(max-width:900px){#tab-courses .why__grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){#tab-courses .why__grid{grid-template-columns:1fr}}

/* ===== SIGNATURE: PRECISION ENTRY ===== */
#tab-courses .snipe{background:linear-gradient(155deg,#0B1730 0%,#060E22 100%);padding:clamp(70px,8vw,120px) 0;position:relative;overflow:hidden}
#tab-courses .snipe::before{content:"";position:absolute;bottom:-25%;right:-10%;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(0,196,204,.09) 0%,transparent 70%);pointer-events:none}
#tab-courses .snipe__head{position:relative;z-index:1;text-align:center;max-width:660px;margin:0 auto clamp(40px,5vw,56px)}
#tab-courses .snipe .kick{color:#9DC0FF;justify-content:center}
#tab-courses .snipe .kick::before{background:linear-gradient(90deg,transparent,#9DC0FF)}
#tab-courses .snipe__head h2{color:#fff;font-size:clamp(28px,4.2vw,44px);margin-bottom:18px}
#tab-courses .snipe__sub{color:rgba(255,255,255,.7);font-size:clamp(14.5px,1.6vw,17px);line-height:1.72}
#tab-courses .snipe__chart{position:relative;z-index:1;max-width:900px;margin:0 auto;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:28px 20px 16px;overflow:hidden}
#tab-courses .snipe__chart svg{width:100%;height:auto;display:block}
#tab-courses .snipe__legend{display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:center;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07);font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.04em;color:rgba(255,255,255,.55)}
#tab-courses .snipe__legend span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
#tab-courses .snipe__dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
#tab-courses .snipe__dot--entry{background:#4AADFF}
#tab-courses .snipe__dot--stop{background:#FF6B6B}
#tab-courses .snipe__dot--tgt{background:#00D4DC}
#tab-courses .snipe__entry-ring{transform-origin:150px 222px;animation:snipePulse 2.4s ease-out infinite}
@keyframes snipePulse{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(2.4)}}
#tab-courses .snipe__stats{position:relative;z-index:1;max-width:760px;margin:36px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.08);border-radius:14px;overflow:hidden}
#tab-courses .snipe__stat{background:#0A1530;padding:22px 18px;text-align:center}
#tab-courses .snipe__stat-n{font-family:'Playfair Display',serif;font-size:clamp(22px,3vw,30px);font-weight:700;color:#fff;line-height:1}
#tab-courses .snipe__stat-n span{font-size:14px;color:#9DC0FF;font-weight:600;margin-left:3px}
#tab-courses .snipe__stat--x .snipe__stat-n{background:linear-gradient(100deg,#4AADFF,#00D4DC);-webkit-background-clip:text;background-clip:text;color:transparent}
#tab-courses .snipe__stat--x .snipe__stat-n span{-webkit-text-fill-color:#00D4DC;color:#00D4DC}
#tab-courses .snipe__stat-l{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-top:8px}
#tab-courses .snipe__fine{position:relative;z-index:1;text-align:center;margin-top:26px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.04em;color:rgba(255,255,255,.4)}
#tab-courses .snipe__fine a{color:#9DC0FF;text-decoration:none;border-bottom:1px solid rgba(157,192,255,.3);cursor:pointer}
#tab-courses .snipe__fine a:hover{color:#fff;border-color:#fff}
@media(max-width:640px){#tab-courses .snipe__stats{grid-template-columns:1fr}}
#tab-courses .snipe__levels{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1120px;margin:0 auto;position:relative;z-index:1}
#tab-courses .lvl{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:26px 24px 22px;position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s}
#tab-courses .lvl::before{content:attr(data-idx);position:absolute;right:10px;bottom:-20px;font-family:'Playfair Display',serif;font-size:88px;font-weight:700;color:rgba(255,255,255,.03);line-height:1;pointer-events:none}
#tab-courses .lvl:hover{transform:translateY(-5px);border-color:rgba(74,173,255,.3);box-shadow:0 26px 50px -28px rgba(74,173,255,.35)}
#tab-courses .lvl__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;position:relative;z-index:1}
#tab-courses .lvl__badge{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#9DC0FF;font-weight:700}
#tab-courses .lvl__rr{font-family:'Playfair Display',serif;font-size:22px;font-weight:700;color:#fff}
#tab-courses .lvl__rr i{font-style:normal;color:#9DC0FF;margin:0 2px}
#tab-courses .lvl__name{font-family:'Playfair Display',serif;font-size:18px;font-weight:700;color:#fff;margin-bottom:8px;position:relative;z-index:1}
#tab-courses .lvl__desc{font-size:13px;color:rgba(255,255,255,.62);line-height:1.6;margin-bottom:18px;position:relative;z-index:1;min-height:58px}
#tab-courses .lvl__chart{position:relative;z-index:1;border-radius:12px;overflow:hidden;background:rgba(0,0,0,.15)}
#tab-courses .lvl__chart svg{width:100%;height:auto;display:block}
#tab-courses .lvl__tag{margin-top:14px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.4);position:relative;z-index:1;display:flex;align-items:center;gap:7px}
#tab-courses .lvl--real{border-color:rgba(0,212,220,.28);background:rgba(0,212,220,.03)}
#tab-courses .lvl--real:hover{border-color:rgba(0,212,220,.5);box-shadow:0 26px 50px -28px rgba(0,212,220,.4)}
#tab-courses .lvl--real .lvl__badge{color:#5EEAF0}
#tab-courses .lvl__dot{width:6px;height:6px;border-radius:50%;background:#00D4DC;flex-shrink:0}
#tab-courses .lvl__tag--real{color:rgba(94,234,240,.75);text-transform:none;letter-spacing:.02em;font-size:10.5px}
#tab-courses .lvl__ring{transform-origin:90px 159px;animation:snipePulse 2.4s ease-out infinite}
@media(max-width:900px){#tab-courses .snipe__levels{grid-template-columns:1fr;max-width:460px}#tab-courses .lvl__desc{min-height:0}}

/* ===== THE WEALTH GAME ===== */
#tab-courses .wealth{background:linear-gradient(155deg,#0B1730 0%,#060E22 100%);padding:clamp(70px,8vw,120px) 0;position:relative;overflow:hidden}
#tab-courses .wealth::before{content:"";position:absolute;top:-20%;left:50%;transform:translateX(-50%);width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(30,140,255,.1) 0%,transparent 70%);pointer-events:none}
#tab-courses .wealth__in{position:relative;z-index:1;text-align:center;max-width:760px;margin:0 auto}
#tab-courses .wealth .kick{color:#9DC0FF;justify-content:center;animation:fadeInUp .7s cubic-bezier(.16,1,.3,1) both}
#tab-courses .wealth .kick::before{background:linear-gradient(90deg,transparent,#9DC0FF)}
#tab-courses .wealth h2{color:#fff;font-size:clamp(28px,4.2vw,44px);margin-bottom:22px;animation:fadeInUp .8s .08s cubic-bezier(.16,1,.3,1) both}
#tab-courses .wealth__lead{color:rgba(255,255,255,.72);font-size:clamp(15px,1.7vw,18px);line-height:1.75;margin-bottom:56px;animation:fadeInUp .8s .16s cubic-bezier(.16,1,.3,1) both}
#tab-courses .wealth__stages{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,32px);text-align:center}
#tab-courses .wealth__track{position:absolute;top:26px;left:calc(16.666% + 26px);right:calc(16.666% + 26px);height:2px;background:rgba(255,255,255,.1);border-radius:2px;overflow:visible}
#tab-courses .wealth__track-fill{position:relative;display:block;height:2px;width:0;background:linear-gradient(90deg,#4AADFF,#00D4DC 55%,#E8C468);border-radius:2px;box-shadow:0 0 12px rgba(74,173,255,.5);animation:wgTrackFill 1.7s .35s cubic-bezier(.16,1,.3,1) both}
#tab-courses .wealth__track-fill::after{content:"";position:absolute;top:50%;right:0;width:7px;height:7px;border-radius:50%;background:#E8C468;transform:translateY(-50%);box-shadow:0 0 10px 2px rgba(232,196,104,.8);opacity:0;animation:wgSpark 3.6s 2.1s ease-in-out infinite}
#tab-courses .wealth__stage{position:relative;padding:0 6px;transition:transform .35s cubic-bezier(.16,1,.3,1)}
#tab-courses .wealth__stage:hover{transform:translateY(-4px)}
#tab-courses .wealth__node{position:relative;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 22px;background:var(--wg-bg);border:1.5px solid var(--wg-brd);color:var(--wg-c);box-shadow:0 0 0 5px rgba(6,14,34,1),0 8px 24px -8px var(--wg-brd);animation:wgNodeIn .6s cubic-bezier(.34,1.56,.64,1) both;animation-delay:var(--wg-delay,0s)}
#tab-courses .wealth__node::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px solid var(--wg-brd);opacity:0;animation:wgPing 2.8s ease-out infinite;animation-delay:calc(var(--wg-delay,0s) + 1s)}
#tab-courses .wealth__stage--1 .wealth__node{--wg-c:#4AADFF;--wg-bg:rgba(74,173,255,.14);--wg-brd:rgba(74,173,255,.4);--wg-delay:.25s}
#tab-courses .wealth__stage--2 .wealth__node{--wg-c:#00D4DC;--wg-bg:rgba(0,212,220,.14);--wg-brd:rgba(0,212,220,.4);--wg-delay:.6s}
#tab-courses .wealth__stage--3 .wealth__node{--wg-c:#E8C468;--wg-bg:rgba(232,196,104,.16);--wg-brd:rgba(232,196,104,.45);--wg-delay:.95s}
#tab-courses .wealth__m{display:block;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;font-weight:700}
#tab-courses .wealth__stage--1 .wealth__m{color:#9DC0FF}
#tab-courses .wealth__stage--2 .wealth__m{color:#5EEAF0}
#tab-courses .wealth__stage--3 .wealth__m{color:#E8C468}
#tab-courses .wealth__stage p{color:rgba(255,255,255,.68);font-size:13.5px;line-height:1.65;max-width:230px;margin:0 auto}
@keyframes wgTrackFill{from{width:0}to{width:100%}}
@keyframes wgNodeIn{from{opacity:0;transform:scale(.35)}to{opacity:1;transform:scale(1)}}
@keyframes wgPing{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.45);opacity:0}}
@keyframes wgSpark{0%{left:0;opacity:0}8%{opacity:1}92%{opacity:1}100%{left:100%;opacity:0}}
@media(max-width:760px){#tab-courses .wealth__stages{grid-template-columns:1fr;gap:34px}#tab-courses .wealth__track{display:none}}
@media(prefers-reduced-motion:reduce){#tab-courses .wealth .kick,#tab-courses .wealth h2,#tab-courses .wealth__lead,#tab-courses .wealth__track-fill,#tab-courses .wealth__node,#tab-courses .wealth__node::after,#tab-courses .wealth__track-fill::after{animation:none!important}#tab-courses .wealth__track-fill{width:100%!important}}
@media(max-width:640px){#tab-courses .bpp-wl{flex-direction:column;border-radius:16px;padding:8px}#tab-courses .bpp-wl button{width:100%;padding:14px}#tab-courses .access__steps li{max-width:none;flex:1 1 100%}}

/* ═══════════════════════════ RESULTS TAB ═══════════════════════════ */
.pf-section{padding:clamp(52px,7vw,84px) 48px;border-bottom:1px solid var(--border)}
.pf-section--shots{background:var(--deep-bg)}
.rs-open{position:relative;overflow:hidden}
.rs-open-glow{position:absolute;top:-30%;right:-10%;width:640px;height:460px;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 16%,transparent),transparent 72%)}
.rs-open .section-head em{font-style:italic;color:var(--accent-teal)}
.rs-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.8vw,18px);margin-top:44px;position:relative}
.rs-metric{display:flex;flex-direction:column;gap:9px;padding:22px 22px;border-radius:16px;background:var(--deep-strip-bg);border:1px solid var(--deep-strip-border)}
.rs-metric--hi{background:linear-gradient(165deg,color-mix(in srgb,var(--accent-teal) 13%,transparent),color-mix(in srgb,var(--accent) 7%,transparent));border-color:color-mix(in srgb,var(--accent-teal) 40%,transparent)}
.rs-metric-n{font-family:'Playfair Display',serif;font-size:clamp(25px,3.2vw,33px);font-weight:700;color:var(--deep-text);line-height:1}
.rs-metric--hi .rs-metric-n{color:var(--accent-teal)}
.rs-metric-l{font-size:11.5px;color:var(--deep-text-muted);line-height:1.5}

/* ── Trader files (tap to open) ── */
.tp-list{display:flex;flex-direction:column;gap:12px;max-width:1080px;margin:0 auto}
.tp{border-radius:18px;overflow:hidden;background:var(--deep-card-bg);border:1px solid var(--deep-card-border);transition:border-color .35s,box-shadow .35s}
.tp--open{border-color:color-mix(in srgb,var(--accent) 38%,transparent);box-shadow:0 30px 70px -44px rgba(0,0,0,.6)}
.tp-head{display:grid;grid-template-columns:auto minmax(130px,auto) minmax(0,1fr) auto auto;align-items:center;gap:16px;width:100%;padding:18px 22px;background:none;border:0;text-align:left;font-family:'Inter',sans-serif;cursor:pointer;transition:background .25s}
.tp-head:hover{background:var(--deep-cat-hover)}
.tp-head:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.tp-av{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border-radius:50%;font-size:16px;font-weight:700;color:#04121f}
.tp-av--a{background:linear-gradient(135deg,#4AADFF,#1E8CFF)}
.tp-av--b{background:linear-gradient(135deg,#00D4DC,#00A3AA)}
.tp-av--c{background:linear-gradient(135deg,#A78BFA,#7C6BF5)}
.tp-av--d{background:linear-gradient(135deg,#E8C468,#D4A83C)}
.tp-av--e{background:linear-gradient(135deg,#6EE7A8,#34C77B)}
.tp-who{display:flex;flex-direction:column;gap:3px;min-width:0}
.tp-who b{font-size:15.5px;font-weight:600;color:var(--deep-text);line-height:1.2}
.tp-bp{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--accent-text)}
.tp-hook{font-size:13.5px;color:var(--deep-text-sub);line-height:1.45}
.tp-meta{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.06em;color:var(--deep-text-muted);white-space:nowrap}
.tp-chev{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;border-radius:50%;background:var(--deep-strip-bg);border:1px solid var(--deep-strip-border);color:var(--deep-text-sub);transition:transform .4s cubic-bezier(.16,1,.3,1),background .25s}
.tp-chev svg{width:14px;height:14px}
.tp--open .tp-chev{transform:rotate(180deg);background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent-text)}
.tp-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.16,1,.3,1)}
.tp--open .tp-body{grid-template-rows:1fr}
.tp-inner{overflow:hidden;min-height:0}
.tp-inner>*:first-child{margin-top:0}
.tp-body>.tp-inner{padding:0 22px}
.tp--open .tp-body>.tp-inner{padding-bottom:24px}
.tp-date{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.06em;color:var(--deep-text-muted)}
.tp-reacts{display:flex;flex-wrap:wrap;gap:5px;margin-left:auto}
.tp-react{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11.5px;line-height:1.5;background:var(--deep-card-bg);border:1px solid var(--deep-strip-border)}
.tp-react i{font-style:normal;font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;color:var(--deep-text-muted)}
.tp-shot{margin:0;border-radius:14px;overflow:hidden;background:var(--deep-strip-bg);border:1px solid var(--deep-card-border);transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s}
.tp-shot:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 36%,transparent)}
.tp-shot img{display:block}
.tp-shot figcaption{display:flex;flex-direction:column;gap:3px;padding:11px 14px;border-top:1px solid var(--deep-divider)}
.tp-shot figcaption b{font-size:12.5px;font-weight:600;color:var(--deep-text)}
.tp-shot figcaption span{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--accent-teal)}
/* Hamad's closed-history module */

/* Results CTA */
.pf-cta{position:relative;overflow:hidden;padding:clamp(60px,8vw,96px) 48px;background:var(--deep-bg);text-align:center}
.pf-cta-in{position:relative;max-width:660px;margin:0 auto}
.pf-cta-glow{position:absolute;top:-40%;left:50%;transform:translateX(-50%);width:560px;height:360px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 20%,transparent),transparent 72%);pointer-events:none}
.pf-cta h2{position:relative;font-family:'Playfair Display',serif;font-size:clamp(27px,4.2vw,38px);font-weight:700;color:var(--deep-text);line-height:1.16;letter-spacing:-.025em;margin:0 0 16px}
.pf-cta p{position:relative;font-size:14.5px;line-height:1.7;color:var(--deep-text-sub);margin:0 auto 28px;max-width:560px}
.pf-cta-fine{font-size:11.5px!important;color:var(--deep-text-muted)!important;margin:16px auto 0!important}

@media(max-width:1000px){
.tp-head{grid-template-columns:auto minmax(0,1fr) auto;gap:13px}
.tp-hook,.tp-meta{display:none}
}
@media(max-width:900px){
.pf-section,.pf-cta{padding-left:20px;padding-right:20px}
.rs-strip{grid-template-columns:repeat(2,1fr)}
.tp-body>.tp-inner{padding:0 16px}
.tp-head{padding:15px 16px}
}
@media(max-width:560px){
.rs-strip{grid-template-columns:1fr}
.tp-reacts{margin-left:0}
}
@media(prefers-reduced-motion:reduce){
.tp-body{transition:none!important}
.tp-chev,.tp-shot{transition:none!important}
.tp-shot:hover{transform:none!important}
}

/* ── Monthly returns card: five months now, keep it comfortable on small screens ── */
@media(max-width:900px){
.tr-live-bars{gap:14px;padding:30px 12px 8px}
.tr-live-bar-col{width:52px}
.tr-live-bar-val{font-size:14px;margin-bottom:8px}
.tr-live-bar-col--peak .tr-live-bar-val{font-size:16px}
.tr-live-bar-lbl{font-size:9px;letter-spacing:0;margin-top:9px}
}
@media(max-width:400px){
.tr-live-bars{gap:9px;padding:28px 8px 8px}
.tr-live-bar-col{width:44px}
.tr-live-bar-val{font-size:12.5px}
.tr-live-bar-col--peak .tr-live-bar-val{font-size:14px}
.tr-live-bar-lbl{font-size:8.5px}
}

/* ── Results closing statement ── */
.rs-strip{grid-template-columns:repeat(3,1fr)}
.pf-cta-k{display:flex;align-items:center;justify-content:center;gap:10px;position:relative;font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-teal);margin:0 0 18px}
.pf-cta h2 em{font-style:italic;color:var(--accent-teal)}
.pf-cta-list{position:relative;list-style:none;margin:0 auto 30px;padding:0;display:grid;gap:10px;max-width:520px;text-align:left}
.pf-cta-list li{position:relative;padding:13px 16px 13px 44px;border-radius:13px;font-size:13.5px;line-height:1.5;color:var(--deep-text-sub);background:var(--deep-strip-bg);border:1px solid var(--deep-strip-border)}
.pf-cta-list li::before{content:"";position:absolute;left:17px;top:50%;width:13px;height:13px;margin-top:-6.5px;border-radius:50%;background:color-mix(in srgb,var(--accent-teal) 22%,transparent);border:1px solid color-mix(in srgb,var(--accent-teal) 60%,transparent)}
.pf-cta-list li::after{content:"";position:absolute;left:21.5px;top:50%;width:4px;height:7px;margin-top:-5px;border:solid var(--accent-teal);border-width:0 1.8px 1.8px 0;transform:rotate(45deg)}
@media(max-width:900px){
.rs-strip{grid-template-columns:1fr}
.pf-cta-list{max-width:100%}
.pf-cta-list li{font-size:13px;padding:12px 14px 12px 40px}
}

/* ── "Take your seat": the one button the whole page is built toward ── */
.pf-cta-act{position:relative;display:inline-flex;align-items:center;justify-content:center;max-width:100%}
.pf-cta-halo{position:absolute;inset:-30px -40px;border-radius:999px;pointer-events:none;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent-teal) 34%,transparent),color-mix(in srgb,var(--accent) 16%,transparent) 55%,transparent 72%);filter:blur(16px);opacity:.6;animation:ctaHalo 3.6s ease-in-out infinite}
@keyframes ctaSheen{0%{transform:translateX(-340%) rotate(15deg)}52%,100%{transform:translateX(1000%) rotate(15deg)}}
@keyframes ctaHalo{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}
@media(max-width:560px){
.pf-cta-act{width:100%}
.pf-cta-halo{inset:-22px -20px}
}
@media(prefers-reduced-motion:reduce){
.pf-cta-halo{animation:none!important;opacity:.55}
}

/* ── A member's file reads as their posts: what they wrote, with the chart it came with ── */
.tp-inner>.tp-post:first-child{border-top:1px solid var(--deep-divider);margin-top:4px}
.tp-post{padding:18px 0;border-bottom:1px solid var(--deep-divider)}
.tp-post:last-child{border-bottom:0;padding-bottom:6px}
.tp-post-text{margin:0;font-size:14.5px;line-height:1.68;color:var(--deep-text-sub)}
.tp-att{display:flex;flex-wrap:wrap;gap:12px;margin:15px 0 0}
.tp-att .tp-shot{width:min(236px,100%);margin:0}
.tp-att .tp-shot--wide{width:min(392px,100%)}
.tp-post-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
.tp-shot-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--deep-divider);border-top:1px solid var(--deep-divider)}
.tp-shot-stats>div{display:flex;flex-direction:column;gap:3px;padding:10px 12px;background:var(--deep-card-bg)}
.tp-shot-stats b{font-family:'Playfair Display',serif;font-size:16px;font-weight:700;color:var(--deep-text);line-height:1}
.tp-shot-stats .tp-pos{color:var(--accent-teal)}
.tp-shot-stats span{font-size:9.5px;letter-spacing:.02em;color:var(--deep-text-muted)}
@media(max-width:640px){
.tp-att{gap:10px}
.tp-att .tp-shot,.tp-att .tp-shot--wide{width:100%}
.tp-post-text{font-size:14px}
.tp-reacts{margin-left:0}
}


/* ── The list does not end, it recedes: ghost rows fading under a single line ── */
.tp-cont{max-width:1080px;margin:12px auto 0}
.tp-cont-stack{display:flex;flex-direction:column;gap:12px;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 88%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 88%)}
.tp-cont-stack span{display:block;height:58px;border-radius:18px;background:var(--deep-card-bg);border:1px solid var(--deep-card-border);margin:0 auto;width:100%}
.tp-cont-stack span:nth-child(2){width:95%;height:48px}
.tp-cont-stack span:nth-child(3){width:89%;height:38px}
.tp-cont-note{display:flex;align-items:center;justify-content:center;gap:16px;margin:-14px 0 0;position:relative;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--deep-text-muted);text-align:center}
.tp-cont-rule{flex:0 1 110px;height:1px;background:linear-gradient(90deg,transparent,var(--deep-divider))}
.tp-cont-rule:last-child{background:linear-gradient(90deg,var(--deep-divider),transparent)}
@media(max-width:700px){
.tp-cont-stack span{height:46px}
.tp-cont-stack span:nth-child(2){height:38px}
.tp-cont-stack span:nth-child(3){height:30px}
.tp-cont-note{font-size:9.5px;letter-spacing:.1em;gap:10px}
.tp-cont-rule{flex:0 1 40px}
}

/* ── Charts are framed, never cropped: the whole screenshot sits inside a fixed cell ── */
.tp-shot-frame{position:relative;display:grid;place-items:center;aspect-ratio:3/4;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#0d1424,#05080f);border-bottom:1px solid var(--deep-divider)}
.tp-shot-frame img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.tp-shot:hover .tp-shot-frame img{transform:scale(1.035)}
.tp-shot-zoom{position:absolute;top:9px;right:9px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border-radius:9px;cursor:pointer;color:#fff;background:rgba(6,12,24,.62);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px);opacity:0;transform:translateY(-4px);transition:opacity .28s ease,transform .28s ease,background .2s}
.tp-shot-zoom svg{width:14px;height:14px}
.tp-shot:hover .tp-shot-zoom,.tp-shot-zoom:focus-visible{opacity:1;transform:translateY(0)}
.tp-shot-zoom:hover{background:rgba(6,12,24,.85)}
.tp-shot-zoom:focus-visible{outline:2px solid var(--accent-teal);outline-offset:2px}
.tp-shot--wide .tp-shot-frame{aspect-ratio:4/3}
/* Wall: four across, stepping down cleanly */
.tp-att .tp-shot{width:min(216px,100%)}
.tp-att .tp-shot--wide{width:min(360px,100%)}

/* Lightbox */
.lb[hidden]{display:none!important}
.lb{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,52px);background:rgba(3,7,15,.9);backdrop-filter:blur(10px);animation:lbIn .28s ease}
.lb-fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:100%;max-height:100%}
.lb-img{max-width:100%;max-height:82vh;width:auto;height:auto;border-radius:14px;box-shadow:0 40px 110px -30px rgba(0,0,0,.9);animation:lbPop .38s cubic-bezier(.16,1,.3,1)}
.lb-cap{margin:0;font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.08em;color:rgba(255,255,255,.72);text-align:center}
.lb-close{position:absolute;top:clamp(14px,3vw,26px);right:clamp(14px,3vw,26px);display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border-radius:50%;cursor:pointer;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);transition:background .2s,transform .2s}
.lb-close svg{width:18px;height:18px}
.lb-close:hover{background:rgba(255,255,255,.2);transform:scale(1.06)}
.lb-close:focus-visible{outline:2px solid var(--accent-teal);outline-offset:3px}
@keyframes lbIn{from{opacity:0}to{opacity:1}}
@keyframes lbPop{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
body.lb-open{overflow:hidden}

@media(max-width:1000px){.tp-shots--wall{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){
.tp-shot-zoom{opacity:1;transform:none}
}
@media(max-width:430px){.tp-shots--wall{grid-template-columns:repeat(2,1fr);gap:10px}}
@media(prefers-reduced-motion:reduce){
.tp-shot-frame img,.tp-shot-zoom{transition:none!important}
.tp-shot:hover .tp-shot-frame img{transform:none!important}
.lb,.lb-img{animation:none!important}
}

/* ═══════════════════════════ FOOTER ═══════════════════════════ */
footer{position:relative;align-items:center;gap:clamp(20px,3vw,34px);padding:clamp(34px,4vw,46px) 48px}
.footer-rule{position:absolute;top:0;left:0;right:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 50%,transparent) 28%,color-mix(in srgb,var(--accent-teal) 60%,transparent) 55%,transparent)}
/* Brand */
.footer-brand{display:flex;align-items:center;gap:13px;text-decoration:none;flex-shrink:0}
.footer-mark{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:14px;background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 15%,transparent),color-mix(in srgb,var(--accent-teal) 9%,transparent));border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s}
.footer-mark::after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--accent-teal) 40%,transparent),transparent 70%);opacity:.5;animation:fMark 4.4s ease-in-out infinite}
/* Transparent mark now — no blend-mode hacks needed in either theme */
.footer-brand img,[data-theme="dark"] .footer-brand img{position:relative;z-index:1;width:26px;height:26px;object-fit:contain;mix-blend-mode:normal!important;filter:drop-shadow(0 2px 7px color-mix(in srgb,var(--accent) 55%,transparent))!important}
.footer-brand:hover .footer-mark{transform:translateY(-2px) rotate(-3deg);border-color:color-mix(in srgb,var(--accent-teal) 60%,transparent);box-shadow:0 12px 30px -14px color-mix(in srgb,var(--accent) 80%,transparent)}
.footer-brand-text,[data-theme="dark"] .footer-brand-text{font-family:'Inter',sans-serif;font-weight:700;font-size:17px;letter-spacing:-.01em;color:var(--deep-text)!important}
.footer-brand-hi{background:linear-gradient(120deg,var(--accent),var(--accent-teal));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
/* Links — readable, with an underline that draws in */
.footer-links{display:flex;align-items:center;gap:clamp(16px,2.4vw,30px);list-style:none;flex-wrap:wrap;justify-content:center;margin:0;padding:0}
.footer-links a,[data-theme="dark"] .footer-links a{position:relative;font-size:13px;font-weight:500;text-decoration:none;color:var(--deep-text-muted)!important;transition:color .25s}
.footer-links a::after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1.5px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--accent-teal));transition:right .38s cubic-bezier(.16,1,.3,1)}
.footer-links a:hover,.footer-links a:focus-visible{color:var(--deep-text)!important}
.footer-links a:hover::after,.footer-links a:focus-visible::after{right:0}
.footer-links a:focus-visible{outline:none}
.footer-links .bpp-tab-hot{color:var(--accent-text)!important;font-weight:600}
/* Social + copyright */
.footer-end{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-left:auto}
.footer-social{display:inline-flex;align-items:center;gap:9px}
.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;color:var(--deep-text-muted);background:var(--deep-strip-bg);border:1px solid var(--deep-strip-border);transition:color .25s,transform .3s cubic-bezier(.16,1,.3,1),border-color .25s,background .25s}
.footer-social svg{width:16px;height:16px}
.footer-social a:hover{color:var(--deep-text);transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 50%,transparent);background:var(--deep-cat-hover)}
.footer-social a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.footer-copy,[data-theme="dark"] .footer-copy{font-size:11.5px;letter-spacing:.03em;color:var(--deep-text-muted)!important;margin:0}
@keyframes fMark{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:.75;transform:scale(1.06)}}
@media(max-width:860px){
footer{flex-direction:column;align-items:center;text-align:center;padding:32px 20px;gap:22px}
.footer-links{justify-content:center;gap:14px 20px}
.footer-end{margin-left:0;flex-direction:column;gap:14px}
}
@media(prefers-reduced-motion:reduce){
.footer-mark::after{animation:none!important}
.footer-mark,.footer-links a::after,.footer-social a{transition:none!important}
.footer-brand:hover .footer-mark,.footer-social a:hover{transform:none!important}
}

/* ── "What we built instead": a fuller list, still calm ── */
.tr-vs-panel--built .tr-vs-grid{gap:13px 22px}
.tr-vs-item{line-height:1.3}
.tr-vs-more{position:relative;z-index:1;display:flex;align-items:center;gap:9px;margin:18px 0 0;font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(200,222,255,.6)}
.tr-vs-more span{width:16px;height:1px;flex-shrink:0;background:linear-gradient(90deg,#4AADFF,transparent)}

/* ── Floor wall: one clean row, lightbox carries the detail ── */
.tp-shots--wall{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(12px,1.6vw,18px);max-width:1040px;margin:0 auto}
.tp-shots--wall>.tp-shot{flex:0 1 300px;min-width:230px}
.tp-shots--wall .tp-shot-frame{aspect-ratio:5/7}
@media(max-width:1000px){.tp-shots--wall{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){
/* stays a single row, now swipeable rather than stacking */
.tp-shots--wall::-webkit-scrollbar{display:none}
}
@media(max-width:430px){.tp-shots--wall .tp-shot{flex:0 0 74%}}

/* Wider history attachment so the six figures breathe */
.tp-att .tp-shot--wide{width:min(452px,100%)}
.tp-shot-stats{grid-template-columns:repeat(3,1fr)}
.tp-shot-stats>div{padding:11px 10px;gap:4px}
.tp-shot-stats b{font-size:15px;letter-spacing:-.01em}
.tp-shot-stats span{font-size:9px;line-height:1.35}
@media(max-width:640px){
.tp-shot-stats{grid-template-columns:repeat(2,1fr)}
.tp-shot-stats b{font-size:14px}
}

/* ══════════ ENTER THE FLOOR — self-contained, inherits nothing from #tab-courses .btn ══════════ */
.floorbtn{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:14px;max-width:100%;padding:13px 15px 13px 13px;border:0;border-radius:999px;cursor:pointer;text-decoration:none!important;font-family:'Inter',sans-serif;color:#fff!important;background:linear-gradient(150deg,rgba(13,25,48,.97),rgba(6,13,26,.99));box-shadow:0 24px 58px -24px rgba(30,140,255,.6),inset 0 1px 0 rgba(255,255,255,.09);transition:transform .42s cubic-bezier(.16,1,.3,1),box-shadow .42s}
.floorbtn-ring{position:absolute;inset:0;border-radius:inherit;padding:1.5px;overflow:hidden;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
.floorbtn-ring::after{content:"";position:absolute;top:50%;left:50%;width:240%;aspect-ratio:1;will-change:transform;transform:translate(-50%,-50%) rotate(0deg);background:conic-gradient(#1E8CFF,#00D4DC 25%,#7C6BF5 50%,#00D4DC 75%,#1E8CFF);animation:fbSpin 7s linear infinite}
.floorbtn::before{content:"";position:absolute;z-index:-1;top:-60%;left:0;width:52px;height:220%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.16),transparent);transform:translateX(-340%) rotate(15deg);animation:ctaSheen 5.2s ease-in-out infinite}
.floorbtn-mark{position:relative;display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle at 40% 32%,#14294c,#060d1c);border:1px solid rgba(120,190,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.floorbtn-mark img{width:23px;height:23px;object-fit:contain;filter:drop-shadow(0 0 7px rgba(0,212,220,.55));animation:fbMark 3.8s ease-in-out infinite}
.floorbtn-txt{display:flex;flex-direction:column;gap:3px;text-align:left;min-width:0}
.floorbtn-txt b{font-size:15.5px;font-weight:700;letter-spacing:-.012em;color:#fff;line-height:1.15}
.floorbtn-txt i{font-style:normal;font-family:'JetBrains Mono',monospace;font-size:9.5px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:rgba(150,196,255,.72);line-height:1.2}
.floorbtn-go{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;margin-left:6px;border-radius:50%;color:#04121f;background:linear-gradient(135deg,#4AADFF,#00D4DC);box-shadow:0 6px 18px -6px rgba(0,212,220,.8);transition:transform .42s cubic-bezier(.16,1,.3,1),box-shadow .42s}
.floorbtn-go svg{width:15px;height:15px}
.floorbtn:hover{transform:translateY(-3px);box-shadow:0 34px 74px -22px rgba(30,140,255,.75),inset 0 1px 0 rgba(255,255,255,.16)}
.floorbtn:hover .floorbtn-go{transform:translateX(4px) scale(1.07);box-shadow:0 10px 26px -6px rgba(0,212,220,1)}
.floorbtn:active{transform:translateY(-1px) scale(.988)}
.floorbtn:focus-visible{outline:2px solid #00D4DC;outline-offset:4px}
@keyframes fbSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes fbMark{0%,100%{transform:scale(1);filter:drop-shadow(0 0 6px rgba(0,212,220,.45))}50%{transform:scale(1.07);filter:drop-shadow(0 0 13px rgba(0,212,220,.8))}}
@media(max-width:560px){
.floorbtn{width:100%;padding:12px 13px;gap:11px}
.floorbtn-txt b{font-size:14.5px}
.floorbtn-txt i{font-size:9px;letter-spacing:.1em}
.floorbtn-go{margin-left:auto}
}
@media(prefers-reduced-motion:reduce){
.floorbtn-ring,.floorbtn-mark img,.floorbtn::before{animation:none!important}
.floorbtn,.floorbtn-go{transition:none!important}
.floorbtn:hover,.floorbtn:hover .floorbtn-go{transform:none!important}
}

/* Anchor line: the closing argument of the value section — give it weight */
.val__anchor{position:relative;max-width:820px;margin-left:auto;margin-right:auto;font-size:clamp(15px,1.75vw,18px);line-height:1.72;letter-spacing:-.005em}
.val__anchor b{font-weight:700;background:linear-gradient(110deg,var(--accent),var(--accent-teal));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;white-space:nowrap}
@media(max-width:700px){.val__anchor{font-size:14.5px;line-height:1.68}}

/* ── Results opening: watermark sits above the glow, content above both ── */
.rs-open .page-watermark{z-index:0}
[data-theme="dark"] .rs-open .page-watermark{opacity:.2;filter:drop-shadow(0 24px 70px rgba(74,173,255,.45)) brightness(1.35)}
.rs-open-glow{z-index:0}
.rs-open>.section-tag,.rs-open>.section-head,.rs-open>.section-sub,.rs-open>.rs-strip{position:relative;z-index:2}

/* ── Metric cards ── */
.rs-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.6vw,18px);margin-top:48px}
.rs-metric{position:relative;display:flex;flex-direction:column;gap:12px;padding:24px 24px 26px;border-radius:18px;overflow:hidden;background:linear-gradient(165deg,var(--deep-card-bg),color-mix(in srgb,var(--deep-strip-bg) 70%,transparent));border:1px solid var(--deep-card-border);box-shadow:0 26px 60px -42px rgba(0,0,0,.6);transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .4s}
.rs-metric::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 65%,transparent),transparent);opacity:.7;transition:opacity .4s}
.rs-metric::after{content:"";position:absolute;top:-55%;right:-30%;width:200px;height:200px;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 16%,transparent),transparent 72%);opacity:.55;transition:opacity .45s}
.rs-metric:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 42%,transparent);box-shadow:0 36px 76px -34px rgba(0,0,0,.72)}
.rs-metric:hover::after{opacity:1}
.rs-metric:hover::before{opacity:1}
.rs-metric-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px}
.rs-metric-i{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border-radius:11px;color:var(--accent-text);background:color-mix(in srgb,var(--accent) 13%,transparent);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent)}
.rs-metric-i svg{width:18px;height:18px}
.rs-metric-x{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--deep-text-muted);opacity:.7}
.rs-metric-n{position:relative;z-index:1;font-family:'Playfair Display',serif;font-size:clamp(28px,3.6vw,38px);font-weight:700;line-height:1;letter-spacing:-.02em;background:linear-gradient(120deg,var(--deep-text),color-mix(in srgb,var(--deep-text) 72%,var(--accent)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.rs-metric-l{position:relative;z-index:1;font-size:12.5px;line-height:1.55;color:var(--deep-text-muted)}
.rs-metric--hi{background:linear-gradient(165deg,color-mix(in srgb,var(--accent-teal) 14%,var(--deep-card-bg)),color-mix(in srgb,var(--accent) 7%,var(--deep-card-bg)));border-color:color-mix(in srgb,var(--accent-teal) 42%,transparent)}
.rs-metric--hi::before{background:linear-gradient(90deg,transparent,var(--accent-teal),transparent);opacity:1}
.rs-metric--hi::after{background:radial-gradient(closest-side,color-mix(in srgb,var(--accent-teal) 24%,transparent),transparent 72%);opacity:.8}
.rs-metric--hi .rs-metric-i{color:var(--accent-teal);background:color-mix(in srgb,var(--accent-teal) 16%,transparent);border-color:color-mix(in srgb,var(--accent-teal) 40%,transparent)}
.rs-metric--hi .rs-metric-n{background:linear-gradient(120deg,var(--accent-teal),color-mix(in srgb,var(--accent) 80%,var(--accent-teal)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
@media(max-width:900px){.rs-strip{grid-template-columns:1fr;margin-top:36px}.rs-metric{padding:20px}}
@media(prefers-reduced-motion:reduce){.rs-metric,.rs-metric::before,.rs-metric::after{transition:none!important}.rs-metric:hover{transform:none!important}}

/* Floor wall on phones: one swipeable row again (these must win over the desktop wrap rules above) */
@media(max-width:760px){
.tp-shots--wall{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:none;margin:0 -20px;padding:2px 20px 12px;scroll-padding-left:20px}
.tp-shots--wall::-webkit-scrollbar{display:none}
.tp-shots--wall>.tp-shot{flex:0 0 63%;min-width:0;scroll-snap-align:center}
}
@media(max-width:430px){
.tp-shots--wall>.tp-shot{flex:0 0 76%}
}

/* Pricing is two routes now, not three */
.tiers{grid-template-columns:repeat(2,1fr);max-width:820px;margin-left:auto;margin-right:auto}
@media(max-width:900px){.tiers{max-width:none;margin-left:0;margin-right:0}}

/* ── Trading Floor trial: the week comes before the price ── */
.jc-trial{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:9px;margin:2px 0 18px}
.jc-trial-b{display:inline-flex;align-items:center;gap:9px;padding:9px 20px;border-radius:999px;font-family:'Inter',sans-serif;font-size:13.5px;font-weight:700;letter-spacing:.005em;color:#04121f;background:linear-gradient(120deg,#4AADFF,#00D4DC);box-shadow:0 12px 30px -12px rgba(0,212,220,.75),inset 0 1px 0 rgba(255,255,255,.45)}
.jc-trial-b::before{content:"";width:7px;height:7px;border-radius:50%;flex-shrink:0;background:#04121f;opacity:.55;animation:jcTrialDot 2.2s ease-in-out infinite}
.jc-trial-t{font-size:12.5px;line-height:1.5;color:rgba(200,222,255,.7);text-align:center;max-width:280px}
.jc-price-amt span{font-size:.44em;font-weight:500;letter-spacing:.01em;opacity:.7}
@keyframes jcTrialDot{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.9;transform:scale(1.25)}}
@media(prefers-reduced-motion:reduce){.jc-trial-b::before{animation:none!important}}

/* ═══════════════════════════════════════════════════════════════════════════
   MOBILE PASS — institutional density: more page per screen, nothing cramped.
   Scale comes from type and rhythm, never from touch targets (held at 44px+).
   ═══════════════════════════════════════════════════════════════════════════ */
@media(max-width:760px){
  /* ── Feel ── */
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body{overscroll-behavior-y:contain}
  a,button,.tp-head,.tp-shot,.faq-q{-webkit-tap-highlight-color:transparent}
  a:active,button:active{opacity:.82}

  /* ── Vertical rhythm: the single biggest driver of page length ── */
  .section{padding:46px 20px}
  .pf-section{padding:44px 20px}
  .pf-cta{padding:52px 20px}
  .jc-section{padding:42px 20px}
  .faq-section{padding:38px 20px 42px}
  .wrap{padding:0 20px}


  /* ── Two-up: fewer stacks, same tap comfort ── */
  .hero-cta-row{gap:10px;flex-wrap:nowrap}
  .hero-cta-row>.hero-btn{flex:1 1 0;min-width:0;min-height:46px;justify-content:center;padding:0 14px;font-size:13px;white-space:nowrap}
  .rs-strip{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:28px}
  .rs-metric{padding:16px 15px;gap:9px}
  .rs-metric--hi{grid-column:1 / -1}
  .rs-metric-n{font-size:25px}
  .rs-metric-l{font-size:11px;line-height:1.45}
  .rs-metric-i{width:32px;height:32px;border-radius:9px}
  .rs-metric-i svg{width:15px;height:15px}
  /* route steps read as chips on one or two lines, not three stacked rows */
  .tiers-route{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px;margin-bottom:20px}
  .tiers-route__s{font-size:11.5px;gap:7px}
  .tiers-route__s i{width:19px;height:19px;font-size:9px}

  /* ── Cards: trim padding, keep hierarchy ── */
  #tab-courses .tier{padding:22px 18px 20px}
  .tp-head{padding:13px 14px;gap:11px}
  .tp-av{width:38px;height:38px;font-size:15px}
  .tp-who b{font-size:14.5px}
  .tp-post{padding:15px 0}
  .tr-stat-card{padding:16px 14px}
  .tr-ledger{margin-top:26px}

  /* ── Touch floor: nothing tappable drops under 44px ── */
  /* nav pills keep their own compact design on purpose; buttons get the 44px floor */
  .tp-head,.faq-q,.hero-btn,.btn,.floorbtn{min-height:44px}
  .tp-shot-zoom{width:38px;height:38px}
  .lb-close{width:46px;height:46px}
}

/* Notch and home-indicator safe areas */
@supports(padding:max(0px)){
  @media(max-width:760px){
    nav{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
    footer{padding-bottom:max(30px,calc(20px + env(safe-area-inset-bottom)))}
    .lb{padding-bottom:max(16px,env(safe-area-inset-bottom))}
  }
}

/* Very small phones: one more step down, still legible */
@media(max-width:400px){
  .rs-strip{grid-template-columns:1fr}
  .rs-metric--hi{grid-column:auto}
  .hero-cta-row>.hero-btn{font-size:12.5px;padding:0 11px}
  .tiers-route__s{font-size:11px}
}

/* ── Mobile performance: stand down the purely decorative loops. Phones render
   this page on a fraction of the power, and 60 simultaneous animations is what
   makes devtools and mid-range handsets stutter. Meaningful indicators stay. ── */
@media(max-width:760px){
  .tr-approach-glow--a,.tr-approach-glow--b,.tr-record-glow--a,.tr-record-glow--b,
  .story-glow--a,.story-glow--b,.tr-vs-panel--built::before,.tr-closing-glow,
  .jc-close-glow,.seal__ring,.tier--feat::before,.jc-price-sweep,
  .hero-origin-sweep,.floorbtn::before,.pf-cta-glow,.rs-open-glow,.rs-metric::after,
  .footer-mark::after{animation:none!important}
  .floorbtn-ring::after{animation-duration:12s}
  .tr-stat-shine{animation:none!important}
}

/* The trade table is 480px wide by design; its wrapper clipped it instead of
   letting it scroll, so on a phone the right-hand columns were unreachable. */

/* Track Record chapters never got a mobile override, so they kept 48px/32px side
   padding on a 390px screen while every other section used 20px. Normalised, so
   the whole site holds one gutter on mobile. */
@media(max-width:760px){
  .tr-pin,.tr-approach{padding:46px 20px}
  .tr-closing{padding:44px 20px}
  .cert-section{padding:40px 0}
  .verified-section{padding:44px 20px}
  .waitlist-section{padding:44px 20px 48px}
}

/* Track Record stat cluster: these kept desktop icon/number sizing on mobile, which
   left each card mostly empty space. Tightened so the four read as one compact block. */
@media(max-width:760px){
  .tr-mult{padding:20px 16px 18px;margin-bottom:20px;border-radius:16px}
  .tr-mult-eyebrow{font-size:9.5px;padding:5px 11px;margin-bottom:12px}
  .tr-mult-num{font-size:34px}
  .tr-mult-seed{font-size:19px}
  .tr-mult-row{gap:9px}
  .tr-mult-badge{font-size:10.5px;margin-top:10px;line-height:1.5}
  .tr-mult-x{font-size:15px}
  .tr-stat-grid{gap:10px}
  .tr-stat-card{padding:15px 11px;border-radius:14px}
  .tr-stat-icon{width:30px;height:30px;margin:0 auto 9px}
  .tr-stat-icon svg{width:14px;height:14px}
  .tr-stat-num{font-size:23px;margin-bottom:5px}
  .tr-stat-label{font-size:8.5px;letter-spacing:.07em;line-height:1.4}
  .stat-discord-link{margin-top:8px;padding:4px 9px;font-size:8.5px;gap:5px}
  .stat-discord-icon{width:11px;height:11px}
}
@media(max-width:400px){
  .tr-mult-num{font-size:30px}
  .tr-stat-num{font-size:21px}
  .tr-stat-label{font-size:8px}
}

/* Blue Pips Standard cards: on mobile these kept desktop padding (32px), a 44px icon
   and a 76px watermark numeral, so a single card filled the screen. Compacted so
   several read at once. Desktop is untouched — this block is mobile-only. */
@media(max-width:760px){
  #tab-courses .why__grid{gap:10px;margin-top:22px}
  #tab-courses .why__cell{padding:17px 16px 16px;border-radius:14px}
  #tab-courses .why__cell::before{font-size:52px;right:10px;bottom:-14px}
  #tab-courses .why__cell::after{width:130px;height:130px}
  #tab-courses .why__ico{width:34px;height:34px;border-radius:10px;margin-bottom:12px}
  #tab-courses .why__ico svg{width:16px;height:16px}
  #tab-courses .why__t{font-size:16px;margin-bottom:6px;line-height:1.24}
  #tab-courses .why__d{font-size:13px;line-height:1.55}
  #tab-courses .why__proof{margin-top:13px;padding-top:11px;font-size:11.5px;gap:8px}
  #tab-courses .why__proof-dots i{width:5px;height:5px}
  #tab-courses .why__proof-bar{width:46px;height:4px}
  #tab-courses .why__head{margin-bottom:4px}
}
/* Two across once there is room for it, still comfortably legible */
@media(min-width:430px) and (max-width:760px){
  #tab-courses .why__grid{grid-template-columns:1fr 1fr}
  #tab-courses .why__d{font-size:12.5px}
}

/* ── Mobile: the four Standard cards become a swipe rail, matching the pricing
   tiers pattern already on the site. One card per screen instead of four stacked. ── */
.swipe-hint{display:none}
@media(max-width:760px){
  #tab-courses .why__grid{display:flex;grid-template-columns:none;align-items:stretch;
    overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;gap:12px;margin:22px -20px 0;padding:4px 20px 10px;scroll-padding-left:20px}
  #tab-courses .why__grid::-webkit-scrollbar{display:none}
  #tab-courses .why__cell{flex:0 0 78%;scroll-snap-align:center}
  #tab-courses .swipe-hint{display:flex;align-items:center;justify-content:center;gap:8px;
    margin:12px 0 0;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.12em;
    text-transform:uppercase;color:var(--muted)}
  #tab-courses .swipe-hint svg{width:13px;height:13px;animation:tiersHintNudge 1.8s ease-in-out infinite}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){
  #tab-courses .swipe-hint svg{animation:none!important}
}

/* ── Mobile: trader levels become a swipe rail (three tall cards were three screens) ── */
@media(max-width:760px){
  #tab-courses .snipe__levels{display:flex;grid-template-columns:none;max-width:none;align-items:stretch;
    overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;gap:12px;margin:0 -20px;padding:4px 20px 10px;scroll-padding-left:20px}
  #tab-courses .snipe__levels::-webkit-scrollbar{display:none}
  #tab-courses .lvl{flex:0 0 80%;scroll-snap-align:center;padding:18px 16px 16px;border-radius:15px}
  #tab-courses .lvl::before{font-size:54px;right:8px;bottom:-16px}
  #tab-courses .lvl__top{margin-bottom:12px}
  #tab-courses .lvl__rr{font-size:19px}
  #tab-courses .lvl__name{font-size:16px;margin-bottom:6px}
  #tab-courses .lvl__desc{font-size:12.5px;line-height:1.55;margin-bottom:13px}
  #tab-courses .lvl__tag{margin-top:11px;font-size:9.5px}
}

/* ── Mobile: the six month path becomes a true vertical timeline. The horizontal
   track cannot survive a narrow screen, so the progression runs down the side
   instead of being dropped entirely. ── */
@media(max-width:760px){
  #tab-courses .wealth__stages{grid-template-columns:1fr;gap:0;text-align:left}
  #tab-courses .wealth__stage{display:grid;grid-template-columns:46px 1fr;column-gap:15px;row-gap:3px;
    align-items:start;padding:0 0 24px;position:relative}
  #tab-courses .wealth__stage:last-child{padding-bottom:0}
  #tab-courses .wealth__stage::before{content:"";position:absolute;left:22px;top:52px;bottom:6px;width:2px;
    border-radius:2px;background:linear-gradient(180deg,var(--wg-brd,rgba(74,173,255,.4)),transparent)}
  #tab-courses .wealth__stage:last-child::before{display:none}
  #tab-courses .wealth__stage:hover{transform:none}
  #tab-courses .wealth__node{grid-column:1;grid-row:1 / span 2;width:46px;height:46px;margin:0}
  #tab-courses .wealth__node svg{width:19px;height:19px}
  #tab-courses .wealth__m{grid-column:2;grid-row:1;font-size:10.5px;letter-spacing:.12em;margin:5px 0 0}
  #tab-courses .wealth__stage p{grid-column:2;grid-row:2;max-width:none;margin:0;font-size:13px;line-height:1.55}
  #tab-courses .wealth__lead{font-size:13.5px;line-height:1.62;margin-bottom:26px}
}

/* ── Mobile: these clamp() floors were sized for desktop, so a 390px screen still
   got 60-72px of padding above and below every section plus a 40px head margin.
   That dead space is what pushed each section past one screen. ── */
@media(max-width:760px){
  #tab-courses .section{padding:40px 20px}
  #tab-courses .why{padding:36px 0}
  #tab-courses .snipe,#tab-courses .wealth{padding:40px 0}
  #tab-courses .head-c,#tab-courses .head-l,#tab-courses .snipe__head{margin-bottom:22px}
  #tab-courses .head-c h2,#tab-courses .head-l h2{margin-bottom:12px;line-height:1.16}
  #tab-courses .head-c p,#tab-courses .head-l p,#tab-courses .snipe__sub{margin-bottom:0}
  #tab-courses .kick{margin-bottom:12px}
  #tab-courses .swipe-hint{margin-top:10px}
  #tab-courses .wealth__lead{margin-bottom:22px}
  #tab-courses .tiers-founding{margin-bottom:14px}
}

/* ── Mobile: The Worth. Five ledger rows at 22px padding plus a 54px price made this
   one of the longest blocks on the page. Tightened, and the sticky card released. ── */
@media(max-width:760px){
  #tab-courses .val__grid{gap:22px}
  #tab-courses .ledger li{padding:13px 0;gap:13px}
  #tab-courses .ledger__n{font-size:17px}
  #tab-courses .ledger__t{font-size:15px;margin-bottom:3px}
  #tab-courses .ledger__d{font-size:12.8px;line-height:1.55}
  #tab-courses .valcard{position:relative;top:auto;padding:20px 18px;border-radius:18px}
  #tab-courses .valcard__k{font-size:9.5px;letter-spacing:.16em;margin-top:14px!important}
  #tab-courses .seal{width:110px;height:110px;margin:0 auto 4px}
  #tab-courses .seal__mark{width:56px;height:56px}
  #tab-courses .seal__label{font-size:9.5px;letter-spacing:.12em}
  #tab-courses .seal__dots{gap:7px;margin:11px 0 15px}
  #tab-courses .valcard__note{font-size:11.5px;margin-top:14px}
  #tab-courses .val__anchor{font-size:13.5px;line-height:1.62;margin-top:22px}
}

/* ── Mobile: Journal. .fi-grid and .dr-stats had no mobile rules at all, so a 390px
   screen was rendering a 2-up panel grid and a 4-up stat row. ── */
@media(max-width:760px){
  /* Floor Intelligence becomes a swipe rail, same gesture as every other card group */
  .fi-grid{display:flex;grid-template-columns:none;align-items:stretch;overflow-x:auto;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;
    gap:11px;margin:0 -20px;padding:2px 20px 10px;scroll-padding-left:20px}
  .fi-grid::-webkit-scrollbar{display:none}
  .fi-panel{flex:0 0 80%;scroll-snap-align:center}
  .swipe-hint--dark{color:rgba(200,222,255,.55)}
  /* Desk review card */
  .dr-stats{grid-template-columns:repeat(2,1fr);gap:10px}
  .dr-stat-n{font-size:19px}
  .dr-stat-l{font-size:9px;line-height:1.35}
  .dr-card{padding:18px 16px;border-radius:16px}
  .dr-top{gap:12px}
  .dr-grade-letter{font-size:34px}
  .dr-head-desc{font-size:13.2px;line-height:1.6}
  .dr-row{font-size:12.5px}
  .dr-note{padding:14px 15px;font-size:12.8px}
  /* Centre the journal narrative blocks properly */
  .jc-section{padding:36px 20px}
  .jc-heading,.jc-lead,.jc-announce{margin-left:auto;margin-right:auto;text-align:center}
  .jc-lead{margin-bottom:26px}
  .jc-close-h2{margin-bottom:12px}
  .jc-close-desc{font-size:13.2px;line-height:1.62}
  .jc-grid{gap:7px;margin-bottom:22px}
  .jc-card{padding:12px 10px}
  .jpreview-tag{font-size:9px;letter-spacing:.12em}
}

/* ── Mobile: the pricing card. Only its outer padding had been reduced; every element
   inside still ran at desktop size, so the main sale point spilled past one screen.
   Compacted throughout so a whole tier reads without scrolling. ── */
@media(max-width:760px){
  #tab-courses .tier{flex:0 0 88%;padding:20px 17px 18px}
  #tab-courses .tier__k{font-size:10px;letter-spacing:.12em;margin:0 0 6px}
  #tab-courses .tier h3{font-size:20px;margin:0 0 10px}
  #tab-courses .tier__price{gap:12px;margin:0 0 6px}
  #tab-courses .tier__price-lbl{font-size:8.5px;letter-spacing:.08em}
  #tab-courses .tier__price-col--now .tier__price-num{font-size:30px}
  #tab-courses .tier__price-col--was .tier__price-num{font-size:19px}
  #tab-courses .tier__price-arrow{font-size:14px;margin-top:12px}
  #tab-courses .tier__price-note{font-size:10.2px;margin:0 0 12px;line-height:1.45}
  #tab-courses .tier__meta{font-size:12.3px;margin:0 0 13px;line-height:1.5}
  #tab-courses .tier__group-lbl{font-size:9.5px;margin:0 0 8px;padding-top:9px}
  #tab-courses .tier__modules{gap:9px;margin:0 0 13px}
  #tab-courses .tier__modules li{gap:9px;font-size:13px;line-height:1.4}
  #tab-courses .tier__mnum{min-width:26px;height:19px;font-size:9.5px;padding:0 5px;border-radius:5px}
  #tab-courses .tier__plus{gap:10px;padding:11px 13px;margin:0 0 13px;border-radius:12px}
  #tab-courses .tier__plus svg{flex:0 0 16px;width:16px;height:16px}
  #tab-courses .tier__plus b{font-size:13px}
  #tab-courses .tier__plus span{font-size:11.3px;line-height:1.4}
  #tab-courses .tier .btn{padding:0 18px;font-size:13.5px}
  #tab-courses .tiers{gap:12px;padding:6px 20px 8px}
  #tab-courses .tiers-hint{margin-top:10px}
}

/* ── Mobile: the monthly report card. It carries a header, a grade, four stats, a
   frequency note, two mandate columns, a desk note and a locked panel, all at
   desktop scale. Compacted so the whole report reads in one screen. ── */
@media(max-width:760px){
  .dr-head{margin-bottom:20px}
  .dr-head-desc{margin-top:10px}
  .dr-card{padding:16px 14px}
  .dr-top{gap:12px;padding-bottom:14px;margin-bottom:14px}
  .dr-top-tag{font-size:8.5px;letter-spacing:.1em}
  .dr-top-name{font-size:18px}
  .dr-grade-letter{font-size:26px}
  .dr-grade-label{font-size:8.5px}
  .dr-stats{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px}
  .dr-stat{padding:9px 10px}
  .dr-stat-n{font-size:17px}
  .dr-stat-l{font-size:8.5px;line-height:1.3}
  .dr-freq{gap:8px;padding:10px 12px;font-size:11.8px;line-height:1.5;margin-bottom:14px}
  .dr-freq-dot{width:6px;height:6px;margin-top:4px}
  .dr-two{gap:14px}
  .dr-sub{font-size:8.5px;margin-bottom:7px}
  .dr-row{padding:7px 0;font-size:12px}
  .dr-stars{font-size:11px}
  .dr-mandate-grid{gap:9px}
  .dr-mandate{padding:10px 12px;font-size:12px;line-height:1.45}
  .dr-note{padding:12px 13px;margin-top:14px;font-size:12.3px;line-height:1.55}
  .dr-note-tag{font-size:8.5px;margin-bottom:6px}
  .dr-note-attr{font-size:11px;margin-top:8px}
  .dr-locked{padding:14px}
  .dr-locked-body{font-size:12px;line-height:1.5}
  .dr-approved{font-size:10.5px;padding:5px 10px}
}

/* ═══ Journal price panel — framed, ribboned, gold. Replaces the flat centred box. ═══ */
.jc-price-card{position:relative;isolation:isolate;overflow:visible;max-width:440px;width:100%;
  padding:30px 28px 26px;border-radius:20px;text-align:center;
  background:linear-gradient(165deg,rgba(232,196,104,.07),rgba(10,21,48,.9) 55%,rgba(7,15,34,.95));
  border:1px solid rgba(232,196,104,.2);
  box-shadow:0 34px 80px -46px rgba(232,196,104,.35),inset 0 1px 0 rgba(255,255,255,.07)}
.jc-price-ring{position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;overflow:hidden;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
.jc-price-ring::after{content:"";position:absolute;top:50%;left:50%;width:180%;aspect-ratio:1;
  transform:translate(-50%,-50%);background:conic-gradient(rgba(232,196,104,0) 0deg,rgba(232,196,104,.85) 70deg,
  rgba(255,229,160,.95) 110deg,rgba(232,196,104,0) 190deg,rgba(232,196,104,0) 360deg);
  animation:jcRing 9s linear infinite}
@keyframes jcRing{to{transform:translate(-50%,-50%) rotate(360deg)}}
.jc-price-ribbon{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:2;
  display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  padding:8px 18px;border-radius:999px;font-family:'Inter',sans-serif;font-size:12.5px;font-weight:700;
  letter-spacing:.005em;color:#2A1D05;background:linear-gradient(120deg,#F3D68A,#E8C468);
  box-shadow:0 10px 26px -10px rgba(232,196,104,.8),inset 0 1px 0 rgba(255,255,255,.5)}
.jc-price-ribbon::before{content:"";width:6px;height:6px;border-radius:50%;background:#2A1D05;opacity:.5;
  animation:jcTrialDot 2.2s ease-in-out infinite}
.jc-price-tag{margin-top:14px}
.jc-price-amt{position:relative;font-family:'Playfair Display',serif;font-weight:700;font-size:52px;line-height:1;
  letter-spacing:-.02em;margin:6px 0 8px;
  background:linear-gradient(120deg,#FFEEC2,#E8C468 55%,#C9A24A);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.jc-price-amt span{-webkit-text-fill-color:rgba(232,196,104,.66);color:rgba(232,196,104,.66);
  font-family:'Inter',sans-serif;font-weight:500;font-size:.29em;letter-spacing:.01em}
.jc-price-sub{position:relative;font-size:13px;line-height:1.55;color:var(--deep-text-sub);margin:0 auto 18px;max-width:300px}
.jc-price-list{position:relative;list-style:none;margin:0 auto 16px;padding:0;display:grid;gap:9px;max-width:320px;text-align:left}
.jc-price-list li{display:flex;align-items:flex-start;gap:10px;font-size:12.8px;line-height:1.5;color:var(--deep-text-sub)}
.jc-price-list svg{width:13px;height:13px;flex:0 0 13px;margin-top:3px;color:#E8C468}
.jc-price-note{position:relative;font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.08em;
  text-transform:uppercase;color:rgba(232,196,104,.6);margin:0}
@media(max-width:760px){
  .jc-price{margin-top:30px;padding-top:26px}
  .jc-price-card{padding:26px 18px 22px;border-radius:17px}
  .jc-price-ribbon{font-size:11.5px;padding:7px 15px}
  .jc-price-amt{font-size:42px}
  .jc-price-sub{font-size:12.3px;margin-bottom:15px}
  .jc-price-list{gap:8px;max-width:none}
  .jc-price-list li{font-size:12.3px}
  .jc-price-note{font-size:9.5px}
}
@media(prefers-reduced-motion:reduce){.jc-price-ring::after,.jc-price-ribbon::before{animation:none!important}}

/* ── Mobile: the bottom of the Program tab. Scarcity, the seat wall and the access
   card all ran at desktop spacing, so the closing sequence sprawled. ── */
@media(max-width:760px){
  #tab-courses .scar{padding:38px 20px}
  #tab-courses .scar h2{margin-bottom:14px}
  #tab-courses .scar p{font-size:13.2px;line-height:1.6}
  #tab-courses .seats{gap:6px;max-width:300px;margin-top:18px;margin-bottom:22px}
  #tab-courses .seat{width:15px;height:15px;border-radius:4px}
  #tab-courses .access{padding:34px 20px 42px}
  #tab-courses .access__card{padding:24px 18px;border-radius:18px}
  #tab-courses .access__card h2{font-size:22px;margin-bottom:10px}
  #tab-courses .access__card>p{font-size:13px;line-height:1.6}
  #tab-courses .access__steps{gap:12px;margin:22px 0 0}
  #tab-courses .access__steps li{gap:11px}
  #tab-courses .access__steps .n{font-size:11px}
  #tab-courses .access__steps b{font-size:13.5px}
  #tab-courses .access__steps .d{font-size:11.8px;line-height:1.45}
  #tab-courses .access__fine{margin-top:18px;font-size:9.5px;letter-spacing:.06em;line-height:1.6}
  #tab-courses .bpp-wl{margin-top:18px}
  #tab-courses .bpp-wl input,#tab-courses .bpp-wl button{min-height:46px;font-size:14px}
  /* the card footer: button sits flush to the card edge, hint tucked under */
  #tab-courses .tiers-hint{font-size:9.5px;letter-spacing:.08em}
}

/* The card must stay overflow:visible so the ribbon can straddle its top edge, so the
   light sweep gets its own clipping layer instead of relying on the card to contain it. */
.jc-price-clip{position:absolute;inset:0;z-index:0;border-radius:inherit;overflow:hidden;pointer-events:none}
.jc-price-clip .jc-price-sweep{position:absolute;top:-30%;left:0;width:70px;height:160%}
.jc-price-card>*:not(.jc-price-clip):not(.jc-price-ring){position:relative;z-index:1}

/* ── Mobile: journal cards collapse to icon + title. The full description opens in the
   existing bottom-sheet modal on tap, so six systems fit the screen instead of six
   screens. A chevron marks them as openable. ── */
@media(max-width:900px){
  #tab-journal .jc-card{position:relative;padding:14px 12px 30px;cursor:pointer}
  #tab-journal .jc-card-desc,#tab-journal .jc-teaser{display:none}
  #tab-journal .jc-card-title{font-size:14px;line-height:1.3;margin-bottom:0}
  #tab-journal .jc-card-icon{width:34px;height:34px;margin-bottom:10px;border-radius:10px}
  #tab-journal .jc-card-icon svg{width:16px;height:16px}
  #tab-journal .jc-tap{position:absolute;left:12px;bottom:10px;display:inline-flex;align-items:center;gap:6px;
    font-family:'JetBrains Mono',monospace;font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;
    color:var(--deep-text-muted);opacity:.6;transition:opacity .25s,transform .25s}
  #tab-journal .jc-tap i{width:6px;height:6px;border-right:1.5px solid currentColor;
    border-bottom:1.5px solid currentColor;transform:rotate(-45deg)}
  #tab-journal .jc-card:active .jc-tap{opacity:1;transform:translateX(2px)}
  #tab-journal .jc-grid{gap:8px}
}

/* The seal card's light pass was a child of the 150px seal, so it was sized against the
   badge and read as a stub. Promoted to card level: full height, full travel. */
#tab-courses .valcard--seal{overflow:hidden}
#tab-courses .valcard-shine{position:absolute;z-index:0;top:-25%;left:0;width:110px;height:150%;
  pointer-events:none;border-radius:40px;
  background:linear-gradient(100deg,transparent,color-mix(in srgb,var(--teal) 26%,transparent) 42%,
  color-mix(in srgb,var(--accent) 20%,transparent) 58%,transparent);
  transform:translateX(-200%) rotate(14deg);animation:valShine 6.5s ease-in-out infinite}
#tab-courses .valcard--seal>*:not(.valcard-shine){position:relative;z-index:1}
@keyframes valShine{0%{transform:translateX(-200%) rotate(14deg)}55%,100%{transform:translateX(560%) rotate(14deg)}}
@media(max-width:760px){
  #tab-courses .valcard{position:relative;top:auto}
  #tab-courses .valcard-shine{width:86px}
  @keyframes valShine{0%{transform:translateX(-200%) rotate(14deg)}55%,100%{transform:translateX(480%) rotate(14deg)}}
}
@media(prefers-reduced-motion:reduce){#tab-courses .valcard-shine{animation:none!important;opacity:0}}

/* Mobile: two stacked app screens is a lot of scroll for one idea. Keep the
   performance screen, which carries the fuller stat set, and drop the dashboard. */
@media(max-width:760px){
  .jps--dashboard{display:none}
}

/* ═══ Journal card sheet — framed, layered, deliberate. ═══ */
@media(max-width:900px){
  #jcModal{align-items:flex-end}
  .jc-modal-sheet{
    background:linear-gradient(168deg,#0E1B38 0%,#0A1530 45%,#070F22 100%)!important;
    border:1px solid rgba(74,173,255,.16);border-bottom:0;
    border-radius:24px 24px 0 0!important;
    padding:8px 22px calc(34px + env(safe-area-inset-bottom))!important;
    box-shadow:0 -30px 70px -30px rgba(0,0,0,.85)}
  .jc-modal-sheet::before{height:1px!important;
    background:linear-gradient(90deg,transparent,var(--accent),var(--accent-teal),transparent)!important}
  /* soft accent bloom behind the icon */
  .jc-modal-sheet::after{content:"";position:absolute;top:-70px;left:-40px;width:280px;height:280px;
    border-radius:50%;pointer-events:none;
    background:radial-gradient(closest-side,rgba(74,173,255,.16),transparent 72%)}
  .jc-modal-handle{width:44px!important;height:4px!important;margin:8px auto 20px!important;
    background:rgba(255,255,255,.16)!important}
  .jc-modal-header{position:relative;z-index:1;margin-bottom:18px!important}
  .jc-modal-icon{width:50px!important;height:50px!important;border-radius:14px!important;
    background:linear-gradient(150deg,rgba(74,173,255,.2),rgba(0,212,220,.08))!important;
    border:1px solid rgba(74,173,255,.32)!important;
    box-shadow:0 12px 28px -14px rgba(74,173,255,.7),inset 0 1px 0 rgba(255,255,255,.14)}
  .jc-modal-icon svg{width:22px;height:22px}
  .jc-modal-close{width:36px!important;height:36px!important;
    background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.12)!important;
    color:rgba(255,255,255,.62)!important;transition:background .2s,color .2s,transform .2s}
  .jc-modal-close:active{transform:scale(.92);background:rgba(255,255,255,.12)!important;color:#fff!important}
  .jc-modal-tag{position:relative;z-index:1;font-family:'JetBrains Mono',monospace;font-size:9.5px;
    font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-teal);margin-bottom:9px}
  .jc-modal-title{position:relative;z-index:1;font-family:'Playfair Display',serif;font-size:23px;
    font-weight:700;color:#fff;line-height:1.16;letter-spacing:-.015em;margin-bottom:11px}
  .jc-modal-desc{position:relative;z-index:1;font-size:14px;line-height:1.62;
    color:rgba(255,255,255,.68);margin-bottom:18px}
  /* the cloned teaser keeps its own styling; frame it as an evidence panel */
  .jc-modal-pill{position:relative;z-index:1;display:block;padding:14px 15px;border-radius:14px;
    background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09)}
  .jc-modal-pill .jc-teaser{margin:0;border:0;padding:0;background:none}
}
@media(prefers-reduced-motion:reduce){.jc-modal-close{transition:none!important}}

/* The bar track kept its 130px desktop height on mobile, so each column needed ~178px
   inside a 142px content box. With align-items:flex-end the overflow ran upward and the
   values crossed the header rule. Track shortened and the row sized to its content. */
@media(max-width:900px){
  .tr-live-bars{height:auto;min-height:0;padding:24px 12px 10px}
  .tr-live-bar-track{height:96px}
  .tr-live-bar-val{margin-bottom:7px;line-height:1.2}
  .tr-live-bar-lbl{margin-top:8px}
}
@media(max-width:400px){
  .tr-live-bars{padding:22px 8px 10px}
  .tr-live-bar-track{height:84px}
}

/* The tap affordance is injected at any width so resizing works without a reload;
   it must stay hidden on desktop, where the cards are read in place. */
.jc-tap{display:none}
@media(max-width:900px){#tab-journal .jc-tap{display:inline-flex}}

/* #jcModal is created by script at any width so resizing works without a reload, but all
   of its styling lives in the mobile query. Without a desktop rule it rendered as a plain
   block at the foot of the page. Hidden by default; the mobile query re-enables it. */
#jcModal{display:none!important}
@media(max-width:900px){#jcModal{display:flex!important}}