/* ==== split ==== */
/* ==========================================================================
   SECTION (.spl) - THE CATEGORY SPLIT.
   Ries/Trout: the page's raw material (one entry, capped seats, hashed
   ledgers) never declared a CATEGORY, so prospects filed us as the classiest
   choice inside the competitors' "signals group" category. This strip
   declares the split once, early, in ~120 words, and every section after it
   becomes evidence for one idea. It is also the liftable citation object the
   Otterly domain-citation gap needs (serious-traders 0/539, legit 1/480) and
   the honest answer to "crypto signals telegram" (1,545 imp, page 3).
   No CTA by design: it frames, the page sells. Static, no JS, fully
   crawlable. The same taxonomy is mirrored verbatim-adjacent in the FAQ
   Telegram answer + its JSON-LD.
   ========================================================================== */
.spl{--gold:#f2a900;--gold-hi:#ffd766;--ink:#eceaf6;--muted:#9a96b8;--dim:#8a85a8;
  font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--ink);line-height:1.7;
  position:relative;background:none;padding:88px 0 92px}
.spl *{box-sizing:border-box}
.spl .wrap{max-width:1000px;margin:0 auto;padding:0 28px}
.spl h2{font-family:'Montserrat',sans-serif;font-weight:800;font-size:34px;line-height:1.12;
  letter-spacing:-.015em;color:#fff;margin:0 0 34px;text-align:center;text-wrap:balance}
.spl h2 .g{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:500;
  background:linear-gradient(110deg,#ffe9a8 8%,var(--gold) 55%,#c07f00 96%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.spl .cols{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
.spl .col{position:relative;border-radius:18px;padding:26px 28px;border:1px solid rgba(255,255,255,.08)}
/* the volume side sits BEHIND the glass; ours is lifted. The hierarchy is the argument. */
.spl .col.vol{background:rgba(16,10,52,.35);color:var(--dim)}
.spl .col.cap{background:rgba(26,16,64,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border-color:rgba(242,169,0,.3);box-shadow:0 30px 80px rgba(10,6,44,.5)}
.spl .col.cap:before{content:'';position:absolute;left:28px;right:28px;top:0;height:2px;
  background:linear-gradient(90deg,var(--gold-hi),rgba(242,169,0,.1))}
.spl .ct{font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;letter-spacing:.18em;
  text-transform:uppercase;margin:0 0 15px}
.spl .col.vol .ct{color:#8a85a8}
.spl .col.cap .ct{color:var(--gold-hi)}
.spl ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.spl li{position:relative;padding-left:24px;font-size:14.5px;line-height:1.6;text-wrap:pretty}
.spl .col.vol li:before{content:'';position:absolute;left:2px;top:.62em;width:10px;height:1.5px;background:#6f6a92}
.spl .col.cap li{color:#d7d3ea}
.spl .col.cap li:before{content:'';position:absolute;left:0;top:.34em;width:13px;height:13px;border-radius:50%;
  border:1px solid rgba(90,209,154,.55);background:rgba(30,158,106,.12)}
.spl .col.cap li:after{content:'';position:absolute;left:3.5px;top:calc(.34em + 4px);width:6px;height:3.5px;
  border-left:1.6px solid #5ad19a;border-bottom:1.6px solid #5ad19a;transform:rotate(-45deg)}
.spl .col.cap li b{color:#fff;font-weight:600}
.spl .why{margin:16px 0 0;padding-top:13px;border-top:1px solid rgba(255,255,255,.07);
  font-family:'Montserrat',sans-serif;font-weight:600;font-size:12px;letter-spacing:.06em}
.spl .col.vol .why{color:#8a85a8}
.spl .col.cap .why{color:#ffd766;border-top-color:rgba(242,169,0,.22)}
.spl .check{margin:14px auto 0;text-align:center;font-size:13.5px;line-height:1.65;color:#9a96b8;max-width:62ch;text-wrap:pretty}
.spl .close{margin:30px auto 0;text-align:center;font-family:'Playfair Display',Georgia,serif;
  font-style:italic;font-size:19px;color:#e9c98a;max-width:640px;text-wrap:balance}
.spl .close b{font-style:normal;font-family:'Montserrat',sans-serif;font-weight:700;color:#fff;font-size:.88em}
@media (max-width:920px){
  .spl{padding:56px 0 60px}
  .spl h2{font-size:26px;margin-bottom:24px}
  .spl .cols{grid-template-columns:1fr;gap:14px}
  .spl .col{padding:20px 20px}
  .spl .close{font-size:16.5px;margin-top:22px}
}

/* ==== keep ==== */
/* ==========================================================================
   SECTION (.keep) - THE PHILOSOPHY, v2 (Simon 2026-07-24 round 2):
   "Make the section a bit shorter; the two columns are too text-heavy...
   for the people, we need to simplify it a little bit without losing any
   ideas... key phrases and keywords that act subconsciously... For LLMs,
   keep all the text behind the website... remove the text in the circle
   [the eyebrow]... Also, make it interactive... an aha! moment."

   So: the eyebrow is gone; the text-heavy left column became THE HIGHLIGHT
   REEL MACHINE, an interactive that DEMONSTRATES the argument instead of
   stating it. Every spin deals a random month of trades and shows it the
   way a volume channel would: winners as glorious screenshots, losses
   redacted. One tap reveals the whole record and the net. The aha is
   SELECTION BIAS, which is deliberately different from the discipline
   section's equity-curve interactive further down (that one is about
   stops; this one is about cherry-picking). The full original two-column
   argument ships verbatim in a hidden data-geo-mirror div for crawlers
   and answer engines, same mechanism the signal section already uses.

   Key phrases kept ON the surface for humans (the subconscious hooks):
   risk first / capital protection first / high probability setups only /
   killer risk to reward / aggressive when the odds justify it, defensive
   when they do not / long-term / profits are a side product / hitting
   your number in roulette / keeping it is the real game.

   Fail-open under 10Web delay-JS: the card server-renders a baked example
   spin in "What they post" view, so with no JS at all the visitor still
   sees six bright winners and six REDACTED chips, which carries the point
   by itself. JS only makes it spin and reveal.
   ========================================================================== */
.keep{--gold:#f2a900;--gold-hi:#ffd766;--ink:#eceaf6;--muted:#9a96b8;--dim:#8a85a8;
  --green:#3fd08b;--red:#e06a6a;
  font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--ink);line-height:1.7;
  position:relative;overflow:hidden;background:none;padding:76px 0 84px}
.keep *{box-sizing:border-box}
.keep:before{content:'';position:absolute;left:-10%;top:-24%;width:74%;height:110%;z-index:0;pointer-events:none;
  background:radial-gradient(closest-side,rgba(122,86,240,.2),rgba(96,63,215,.07) 55%,transparent 78%)}
.keep:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.04;
  mix-blend-mode:overlay;background-size:170px 170px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.keep .wrap{position:relative;z-index:2;max-width:980px;margin:0 auto;padding:0 28px}
.keep h2{font-family:'Montserrat',sans-serif;font-weight:800;font-size:36px;line-height:1.14;
  letter-spacing:-.015em;color:#fff;margin:0 auto 14px;text-align:center;text-wrap:balance;max-width:21ch}
.keep h2 .g{display:block;font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:500;
  font-size:.86em;margin-top:8px;
  background:linear-gradient(110deg,#ffe9a8 8%,var(--gold) 55%,#c07f00 96%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.keep .lede{margin:0 auto 34px;text-align:center;font-size:16px;color:var(--muted);max-width:56ch;text-wrap:pretty}

/* ---- THE HIGHLIGHT REEL MACHINE (glass terminal, matched to .sig .term) ---- */
.keep .reel{position:relative;border-radius:22px;overflow:hidden;
  background:rgba(26,16,64,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.10);box-shadow:0 40px 90px rgba(10,6,44,.5),inset 0 1px 0 rgba(255,255,255,.07)}
.keep .reel:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.012));pointer-events:none}
.keep .reel-in{position:relative;z-index:1;padding:20px 24px 22px}
.keep .rl-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:14px;margin-bottom:16px;
  border-bottom:1px solid rgba(242,169,0,.16)}
.keep .rl-title{font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--dim)}
.keep .rl-spacer{flex:1}
.keep .spin{font-family:'Montserrat',sans-serif;font-weight:700;font-size:13px;letter-spacing:.02em;color:#100A34;
  background:linear-gradient(180deg,#ffd766,#f2a900);border:0;border-radius:999px;padding:10px 18px;cursor:pointer;min-height:40px;
  display:inline-flex;align-items:center;gap:8px;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 10px 24px rgba(242,169,0,.28)}
.keep .spin:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(242,169,0,.4)}
.keep .spin:focus-visible{outline:2px solid #ffd766;outline-offset:3px}
.keep .spin .die{font-size:11px}
.keep .rl-lede{margin:0 0 16px;font-size:14.5px;line-height:1.65;color:var(--muted);max-width:66ch;text-wrap:pretty}
.keep .rl-lede b{color:#e4dff6;font-weight:600}

/* the month of trades: 12 chips */
.keep .chips{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin:0 0 16px}
.keep .tchip{position:relative;border-radius:11px;padding:10px 6px 9px;text-align:center;
  border:1px solid rgba(255,255,255,.1);min-height:52px;
  font-family:'Montserrat',sans-serif;font-weight:700;font-size:13.5px;letter-spacing:.01em;
  font-variant-numeric:tabular-nums;
  transition:background .35s ease,border-color .35s ease,color .35s ease,opacity .35s ease,transform .35s ease}
.keep .tchip .rr{display:block;line-height:1.2}
.keep .tchip .tag{display:block;margin-top:3px;font-family:'Inter',sans-serif;font-weight:500;font-size:9.5px;
  letter-spacing:.09em;text-transform:uppercase;line-height:1.2}
.keep .tchip.win{background:rgba(30,158,106,.14);border-color:rgba(90,209,154,.45);color:#7fe3b4}
.keep .tchip.win .tag{color:rgba(127,227,180,.75)}
/* a loss, as the channel shows it: redacted */
.keep[data-view="post"] .tchip.loss{background:rgba(16,10,52,.5);border-color:rgba(255,255,255,.07);color:#5d5880}
.keep[data-view="post"] .tchip.loss .rr{letter-spacing:.28em;text-indent:.28em}
.keep[data-view="post"] .tchip.loss .tag{color:#524d74}
/* a loss, as the account felt it */
.keep[data-view="truth"] .tchip.loss{background:rgba(224,106,106,.12);border-color:rgba(224,106,106,.42);color:#f0908c}
.keep[data-view="truth"] .tchip.loss .tag{color:rgba(240,144,140,.7)}
.keep.dealt .tchip{animation:keepDeal .4s cubic-bezier(.2,.7,.2,1) both}
@keyframes keepDeal{from{opacity:0;transform:translateY(8px) scale(.94)}to{opacity:1;transform:none}}

/* the two views */
.keep .views{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.keep .view{font-family:'Montserrat',sans-serif;font-weight:600;font-size:12px;letter-spacing:.04em;
  color:#cdbdff;background:rgba(255,255,255,.03);border:1px solid rgba(167,139,255,.4);border-radius:999px;
  padding:9px 16px;min-height:38px;cursor:pointer;transition:background .3s ease,color .3s ease,border-color .3s ease}
.keep .view:hover{border-color:rgba(167,139,255,.85)}
.keep .view:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}
.keep .view[aria-pressed="true"]{background:rgba(96,63,215,.38);border-color:#a78bff;color:#fff}
/* the reveal button earns the gold hairline: it is the aha */
.keep .view.truthbtn[aria-pressed="false"]{border-color:rgba(242,169,0,.5);color:#ffd766}

/* verdict line + net */
.keep .verdict{display:flex;align-items:flex-start;gap:18px;flex-wrap:wrap}
.keep .vnote{flex:1 1 320px;margin:0;font-size:14.5px;line-height:1.68;color:#c9c4e0;text-wrap:pretty;min-height:3.2em}
.keep .vnote b{color:#fff;font-weight:600}
.keep .vnote .goldw{color:#f2c25a;font-weight:600}
.keep .net{flex:0 0 auto;text-align:right;opacity:0;transition:opacity .35s ease}
.keep[data-view="truth"] .net{opacity:1}
.keep .net .nv{font-family:'Montserrat',sans-serif;font-weight:800;font-size:24px;letter-spacing:.01em;font-variant-numeric:tabular-nums}
.keep .net .nv.neg{color:#f0908c}
.keep .net .nv.pos{color:#7fe3b4}
.keep .net .nl{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.keep .rl-micro{margin:14px 0 0;font-size:12px;line-height:1.6;color:#8a85a8}

/* ---- the process, compressed to one editorial strip ---- */
.keep .proc{margin:34px auto 0;max-width:760px;padding-left:20px;border-left:2px solid rgba(242,169,0,.55)}
.keep .proc .ct{font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gold-hi);margin:0 0 10px}
.keep .proc p{margin:0;font-size:15px;line-height:1.78;color:#d7d3ea;text-wrap:pretty}
.keep .proc b{color:#fff;font-weight:600}

/* the doctrine, said once, in four quiet stones */
.keep .stones{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:34px 0 0}
.keep .stone{position:relative;padding:15px 16px 14px;border-radius:13px;text-align:center;
  border:1px solid rgba(255,255,255,.09);background:rgba(26,16,64,.4);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.keep .stone:before{content:'';position:absolute;left:16px;right:16px;top:0;height:1px;
  background:linear-gradient(90deg,rgba(242,169,0,.5),rgba(242,169,0,.05))}
.keep .stone .k{display:block;font-family:'Montserrat',sans-serif;font-weight:700;font-size:13px;
  letter-spacing:.04em;color:#fff}
.keep .stone .d{display:block;margin-top:4px;font-size:12px;line-height:1.5;color:var(--muted)}
.keep .close{margin:36px auto 0;text-align:center;font-family:'Playfair Display',Georgia,serif;
  font-style:italic;font-size:20px;color:#e9c98a;max-width:640px;text-wrap:balance}
.keep .watch{margin:14px auto 0;text-align:center;font-size:14px;color:var(--muted);max-width:62ch}
.keep .watch a{color:#cdb6ff;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(167,139,255,.45);
  transition:color .25s ease,border-color .25s ease}
.keep .watch a:hover{color:#fff;border-color:#a78bff}
.keep .watch a:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}

@media (prefers-reduced-motion:reduce){
  .keep.dealt .tchip{animation:none}
  .keep .tchip,.keep .view,.keep .net,.keep .spin{transition:none}
}
@media (max-width:920px){
  .keep{padding:56px 0 62px}
  .keep h2{font-size:27px}
  .keep .lede{font-size:15px;margin-bottom:26px}
  .keep .reel-in{padding:16px 14px 18px}
  .keep .chips{grid-template-columns:repeat(4,1fr);gap:8px}
  .keep .tchip{font-size:12.5px;padding:9px 4px 8px;min-height:48px}
  .keep .rl-head .spin{width:100%;justify-content:center}
  .keep .verdict{gap:10px}
  .keep .net{text-align:left}
  .keep .proc{margin-top:28px}
  .keep .proc p{font-size:14.5px}
  .keep .stones{grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}
  .keep .stone{padding:13px 12px 12px}
  .keep .close{font-size:17.5px;margin-top:30px}
}

/* ==== signal-chart ==== */
/* ============ SECTION (.sig): transparent section on the brand purple field ============ */
.sig{--purple:#603fd7;--purple-soft:#a78bff;--gold:#f2a900;--text:#eceaf6;--text-hi:#ffffff;--muted:#9a96b8;--legal:#a8a4c4;
  font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--text);line-height:1.7;position:relative;overflow:hidden;
  background:
    radial-gradient(820px 520px at 80% 20%, rgba(167,139,255,.13), transparent 62%),
    radial-gradient(680px 520px at 8% 78%, rgba(242,169,0,.06), transparent 60%);
  padding:92px 0}
.sig *{box-sizing:border-box}
.sig .wrap{max-width:1080px;margin:0 auto;padding:0 28px;position:relative;z-index:2}
.sig .head{text-align:center;max-width:770px;margin:0 auto 38px}
.sig .eyebrow{font-family:'Montserrat',sans-serif;font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-weight:700}
.sig h2{font-family:'Montserrat',sans-serif;font-weight:800;font-size:39px;line-height:1.16;letter-spacing:-.015em;color:var(--text-hi);margin:14px 0 14px;text-wrap:balance}
.sig h2 .p{background:linear-gradient(90deg,#d8ccff,#b39dff);-webkit-background-clip:text;background-clip:text;color:transparent}
.sig .sub{font-size:17px;color:var(--muted);max-width:640px;margin:0 auto;text-wrap:pretty}

/* ---- the chart terminal card: LIFTED glass on the field ---- */
.sig .term{position:relative;border-radius:22px;overflow:hidden;
  background:rgba(26,16,64,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.10);box-shadow:0 40px 90px rgba(10,6,44,.5),inset 0 1px 0 rgba(255,255,255,.07);
  color:var(--text)}
.sig .term:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.012));pointer-events:none}
.sig .term-in{position:relative;z-index:1;padding:20px 24px 24px}

/* control / terminal header strip (hairline separated) */
.sig .strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:15px;margin-bottom:17px;border-bottom:1px solid rgba(242,169,0,.16)}
.sig .pair{font-family:'Montserrat',sans-serif;font-weight:700;font-size:14.5px;color:var(--text-hi);letter-spacing:.02em;display:flex;align-items:center;gap:9px;font-variant-numeric:tabular-nums}
.sig .pair .tk{color:var(--purple-soft)}
.sig .pair .tf{color:var(--muted);font-weight:500;font-size:12.5px;letter-spacing:.06em}
.sig .badge{font-family:'Montserrat',sans-serif;font-size:9.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#cdb6ff;border:1px solid rgba(167,139,255,.4);border-radius:999px;padding:4px 11px;display:inline-flex;align-items:center;gap:6px}
.sig .badge .lk{opacity:.7;font-size:9px}
.sig .spacer{flex:1}
.sig .build{font-family:'Montserrat',sans-serif;font-weight:700;font-size:13px;letter-spacing:.02em;color:#100A34;
  background:linear-gradient(180deg,#ffd766,#f2a900);border:0;border-radius:999px;padding:10px 18px;cursor:pointer;min-height:40px;
  display:inline-flex;align-items:center;gap:8px;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 10px 24px rgba(242,169,0,.28)}
.sig .build:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(242,169,0,.4)}
.sig .build:focus-visible{outline:2px solid #ffd766;outline-offset:3px}
.sig .build .tri{font-size:10px}

/* steps */
.sig .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}
.sig .step{display:flex;align-items:center;gap:11px;text-align:left;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);
  border-radius:13px;padding:12px 13px;cursor:pointer;transition:border-color .3s ease,background .3s ease,transform .25s ease;min-height:44px;color:var(--text)}
.sig .step:hover{transform:translateY(-2px);border-color:rgba(167,139,255,.45)}
.sig .step:focus-visible{outline:2px solid var(--purple-soft);outline-offset:2px}
.sig .step .n{width:26px;height:26px;flex:0 0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-family:'Montserrat',sans-serif;font-weight:700;font-size:13px;background:rgba(167,139,255,.16);color:#d8ccff;border:1px solid rgba(167,139,255,.35);transition:all .3s ease}
.sig .step .lab{font-family:'Montserrat',sans-serif;font-weight:600;font-size:12.5px;letter-spacing:.02em;line-height:1.25}
.sig .step.on{background:linear-gradient(180deg,rgba(96,63,215,.45),rgba(96,63,215,.20));border-color:var(--purple-soft);box-shadow:0 12px 30px rgba(96,63,215,.30)}
.sig .step.on .n{background:var(--purple);color:#fff;border-color:transparent}
.sig .step.done .n{background:rgba(242,169,0,.9);color:#100A34;border-color:transparent}

/* chart */
.sig .chartbox{position:relative;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.08)}
.sig svg{display:block;width:100%;height:auto}
.sig .gridline{stroke:rgba(255,255,255,.07);stroke-width:1}
.sig .candle .wick{stroke-width:1.4}
.sig .candle .body{rx:1}
.sig .up .wick{stroke:#3fd08b}.sig .up .body{fill:#3fd08b}
.sig .dn .wick{stroke:#e06a6a}.sig .dn .body{fill:#e06a6a}
.sig .candle.last .body{filter:drop-shadow(0 0 7px rgba(63,208,139,.55))}
.sig .candle{transition:opacity .5s ease,transform .5s ease}
.sig.anim .candle{opacity:0;transform:translateY(8px)}
.sig.anim .candle.in{opacity:1;transform:none}
.sig .pxdot{fill:#fff;filter:drop-shadow(0 0 6px rgba(255,255,255,.85))}

/* overlay layers */
.sig .ov{opacity:0;transition:opacity .5s ease}
.sig .ov.show{opacity:1}
.sig .ov text{font-family:'Montserrat',sans-serif;font-weight:600}
.sig .chip-bg{fill:rgba(10,6,44,.82)}
.sig .tlab-chip{stroke:rgba(242,169,0,.34);stroke-width:1}
.sig .slab-chip{stroke:rgba(224,106,106,.42);stroke-width:1}
.sig .ilab-chip{stroke:rgba(167,139,255,.42);stroke-width:1}
.sig .zlab-chip{stroke:rgba(167,139,255,.42);stroke-width:1}
.sig .zone-band{fill:rgba(96,63,215,.18)}
.sig .zone-edge{stroke:rgba(167,139,255,.6);stroke-width:1;stroke-dasharray:4 4}
.sig .zlab{fill:#cdb6ff;font-size:9.5px;letter-spacing:.08em}
.sig .tline{stroke:rgba(242,169,0,.6);stroke-width:1.2;stroke-dasharray:5 5}
.sig .tlab{fill:#f2c25a;font-size:9.5px;letter-spacing:.02em}
.sig .slline{stroke:#e06a6a;stroke-width:1.7;stroke-dasharray:7 3}
.sig .risk-band{fill:rgba(224,106,106,.09)}
.sig .slab{fill:#f0908c;font-size:9.5px;letter-spacing:.06em}
.sig .invline{stroke:#a78bff;stroke-width:1.5;stroke-dasharray:1.5 5;stroke-linecap:round}
.sig .ilab{fill:#cdb6ff;font-size:9.5px;letter-spacing:.06em}
.sig .tlab,.sig .slab,.sig .ilab,.sig .zlab{font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){.sig .candle{opacity:1;transform:none;transition:none}.sig .ov,.sig .build,.sig .step{transition:none}}

/* explanation + footer */
.sig .explain{margin-top:18px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end}
.sig .explain .body{min-height:82px}
.sig .explain .ekey{font-family:'Montserrat',sans-serif;font-weight:700;font-size:14px;letter-spacing:.03em;color:var(--text-hi);display:flex;align-items:center;gap:9px;margin-bottom:6px;flex-wrap:wrap}
.sig .explain .ekey .val{color:#f2c25a;font-weight:600;font-variant-numeric:tabular-nums}
.sig .explain .etext{color:var(--muted);font-size:14px;line-height:1.6;max-width:600px}
.sig .rr{flex:0 0 auto;text-align:right}
.sig .rr .rrn{font-family:'Montserrat',sans-serif;font-weight:800;font-size:22px;color:var(--text-hi);letter-spacing:.02em;font-variant-numeric:tabular-nums}
.sig .rr .rrl{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
/* the non-negotiable floor: risk to reward is a FIRST-CLASS rule here (Simon 2026-07-23),
   so the floor is pinned under the planned ratio in the brand gold, not buried in body copy */
.sig .rr .rrmin{margin-top:7px;padding-top:7px;border-top:1px solid rgba(242,169,0,.3);
  font-family:'Montserrat',sans-serif;font-weight:700;font-size:10.5px;letter-spacing:.12em;
  text-transform:uppercase;color:#f2c25a;font-variant-numeric:tabular-nums}
.sig .microline{margin:14px 4px 0;color:var(--legal);font-size:12px}

.sig .note-link{color:#cdb6ff;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(167,139,255,.45);transition:color .25s ease,border-color .25s ease}
.sig .note-link:hover{color:#fff;border-color:#a78bff}
.sig .foot{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:30px}
.sig .foot .note{color:var(--muted);font-size:13.5px;max-width:340px;line-height:1.5}
.sig .foot .note b{color:var(--text);font-weight:600}

/* ---- mobile ---- */
@media (max-width:900px){
  .sig{padding:60px 0}
  .sig .wrap{padding:0 16px}
  .sig h2{font-size:28px}
  .sig .term-in{padding:16px 14px 18px}
  .sig .steps{grid-template-columns:repeat(2,1fr);gap:8px}
  .sig .step .lab{font-size:11.5px}
  .sig .explain{grid-template-columns:1fr;gap:12px}
  .sig .rr{text-align:left}
  .sig .build{padding:9px 14px}
}

/* ==== one-entry ==== */
/* ============ SECTION (.oe): dark purple field, one-entry vs scaling-in ============ */
.oe{--purple:#603fd7;--purple-soft:#a78bff;--field:#100A34;--gold:#f2a900;--gold-hi:#ffd766;--ink:#eceaf6;--muted:#9a96b8;--dim:#8a85a8;--red:#e06a6a;--glass:rgba(26,16,64,.55);
  font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--ink);line-height:1.7;position:relative;overflow:hidden;
  background:none;
  padding:92px 0}
.oe *{box-sizing:border-box}
.oe .wrap{max-width:1000px;margin:0 auto;padding:0 28px;position:relative;z-index:2}
.oe .head{text-align:center;max-width:720px;margin:0 auto 34px}
.oe .eyebrow{font-family:'Montserrat',sans-serif;font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-weight:700}
.oe h2{font-family:'Montserrat',sans-serif;font-weight:800;font-size:39px;line-height:1.16;letter-spacing:-.015em;color:#fff;margin:14px 0 12px;text-wrap:balance}
.oe h2 .g{background:linear-gradient(180deg,var(--gold-hi) 6%,var(--gold) 52%,#b97800 96%);-webkit-background-clip:text;background-clip:text;color:transparent}
.oe .sub{font-size:16.5px;color:var(--muted);max-width:600px;margin:0 auto;text-wrap:pretty}

/* card */
.oe .card{position:relative;background:var(--glass);border:1px solid rgba(255,255,255,.1);border-radius:22px;
  box-shadow:0 40px 110px rgba(0,0,0,.45);backdrop-filter:blur(8px);overflow:hidden}
.oe .card-in{padding:24px 26px 26px}

/* segmented toggle */
.oe .toggle{position:relative;display:flex;background:rgba(10,6,40,.6);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:5px;max-width:460px;margin:0 auto 6px;user-select:none}
.oe .toggle .pill{position:absolute;top:5px;bottom:5px;width:calc(50% - 5px);border-radius:999px;background:linear-gradient(180deg,rgba(96,63,215,.55),rgba(96,63,215,.32));border:1px solid rgba(167,139,255,.5);transition:transform .45s cubic-bezier(.3,.8,.3,1),background .45s ease,border-color .45s ease;z-index:0}
.oe .toggle.many .pill{transform:translateX(100%);background:linear-gradient(180deg,rgba(224,106,106,.4),rgba(224,106,106,.22));border-color:rgba(224,106,106,.55)}
.oe .toggle button{position:relative;z-index:1;flex:1;background:0;border:0;cursor:pointer;color:var(--muted);font-family:'Montserrat',sans-serif;font-weight:600;font-size:13.5px;letter-spacing:.02em;padding:12px 8px;min-height:44px;transition:color .3s ease}
.oe .toggle button.on{color:#fff}
.oe .toggle button:focus-visible{outline:2px solid var(--purple-soft);outline-offset:2px;border-radius:999px}
.oe .cap{text-align:center;color:var(--dim);font-size:12.5px;margin:0 0 18px}

/* grid: ladder + stats */
.oe .grid{display:grid;grid-template-columns:330px 1fr;gap:26px;align-items:center}
.oe .chartbox{position:relative;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,rgba(10,6,40,.5),rgba(16,10,52,.18));border:1px solid rgba(255,255,255,.06);padding:6px}
.oe svg{display:block;width:100%;height:auto}
.oe .lvl{stroke-width:1.2;stroke-dasharray:5 5}
.oe .lvl.t{stroke:rgba(242,169,0,.55)}
.oe .lvl.s{stroke:rgba(224,106,106,.6)}
.oe .zone{fill:rgba(96,63,215,.2)}
.oe .zedge{stroke:rgba(167,139,255,.55);stroke-width:1;stroke-dasharray:3 3}
.oe .guide{stroke:rgba(255,255,255,.12);stroke-width:1}
.oe .avg{stroke:rgba(224,106,106,.5);stroke-width:1;stroke-dasharray:2 4;opacity:0;transition:opacity .4s ease}
.oe.is-many .avg{opacity:1}
.oe .chip-bg{fill:rgba(9,5,34,.85)}
.oe .lab{font-family:'Montserrat',sans-serif;font-weight:700;font-size:9px;letter-spacing:.08em}
.oe .lab.t{fill:#f2c25a}.oe .lab.e{fill:#cdb6ff}.oe .lab.s{fill:#f0908c}.oe .lab.a{fill:#f0908c}
.oe .chip-bg.t{stroke:rgba(242,169,0,.34);stroke-width:1}
.oe .chip-bg.e{stroke:rgba(167,139,255,.42);stroke-width:1}
.oe .chip-bg.s{stroke:rgba(224,106,106,.42);stroke-width:1}
.oe .dot{transition:opacity .4s ease,transform .4s ease}
.oe .dot .ring{fill:none;stroke-width:2}
.oe .dot .core{r:3.4}
/* primary (top) entry always shown; extra ladder dots only in many-mode */
.oe .dot.one .core{fill:#a78bff}.oe .dot.one .ring{stroke:rgba(167,139,255,.5)}
.oe .dot.extra{opacity:0}
.oe.is-many .dot.extra{opacity:1}
.oe.is-many .dot .core{fill:var(--red)}.oe.is-many .dot .ring{stroke:rgba(224,106,106,.5)}
.oe .ladder{stroke:rgba(224,106,106,.55);stroke-width:1.5;opacity:0;transition:opacity .4s ease}
.oe.is-many .ladder{opacity:1}

/* stats */
.oe .stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.oe .stat{background:rgba(10,6,40,.5);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px 16px 15px}
.oe .stat .sl{font-family:'Montserrat',sans-serif;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:8px}
.oe .stat .sv{font-family:'Montserrat',sans-serif;font-weight:800;font-size:34px;line-height:1;letter-spacing:.01em;color:#fff;font-variant-numeric:tabular-nums;transition:color .4s ease}
.oe .stat .sn{font-size:12px;color:var(--muted);margin-top:7px;min-height:16px;transition:color .4s ease}
.oe #oe-stop.hot .sv{color:#f0908c}
.oe #oe-stop.hot{border-color:rgba(224,106,106,.35);background:rgba(40,12,20,.4)}
.oe #oe-stop.hot .sn{color:#f0908c}
.oe .verdict{margin-top:16px;font-size:15px;line-height:1.55;color:var(--ink)}
.oe .verdict b{font-family:'Montserrat',sans-serif;font-weight:700}
.oe.is-one .verdict b{color:var(--gold-hi)}
.oe.is-many .verdict b{color:#f0908c}
.oe .microline{margin:18px 4px 0;color:var(--dim);font-size:12px}

@media (prefers-reduced-motion:reduce){.oe .toggle .pill,.oe .dot,.oe .ladder,.oe .avg,.oe .stat .sv{transition:none}}

/* mobile */
@media (max-width:900px){
  .oe{padding:60px 0}
  .oe .wrap{padding:0 16px}
  .oe h2{font-size:27px}
  .oe .card-in{padding:16px 14px 18px}
  .oe .grid{grid-template-columns:1fr;gap:18px}
  .oe .chartbox{max-width:320px;margin:0 auto;width:100%}
}

/* ==== discipline ==== */
/* ============ SECTION (.disc): transparent on the brand purple field, lifted glass chart card ============ */
.disc{--purple-soft:#a78bff;--purple-lift:#b9a5ff;--purple-pale:#cbb9ff;--gold:#f2a900;--gold-hi:#ffd766;--ink:#eceaf6;--muted:#9a96b8;--dim:#8a85a8;--legal:#b9b4d0;--red:#e06a6a;
  font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--ink);line-height:1.7;position:relative;overflow:hidden;
  background:
    radial-gradient(820px 520px at 18% 20%, rgba(167,139,255,.10), transparent 62%),
    radial-gradient(680px 520px at 92% 78%, rgba(242,169,0,.05), transparent 60%);
  padding:92px 0}
.disc *{box-sizing:border-box}
.disc .wrap{max-width:1000px;margin:0 auto;padding:0 28px;position:relative;z-index:2}
.disc .head{text-align:center;max-width:720px;margin:0 auto 34px}
.disc .eyebrow{font-family:'Montserrat',sans-serif;font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-weight:700}
.disc h2{font-family:'Montserrat',sans-serif;font-weight:800;font-size:39px;line-height:1.16;letter-spacing:-.015em;color:#fff;margin:14px 0 4px;text-wrap:balance}
.disc h2 .g{background:linear-gradient(90deg,var(--purple-pale),var(--purple-lift));-webkit-background-clip:text;background-clip:text;color:transparent}
.disc .serif{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:500;font-size:22px;color:var(--purple-lift);margin:8px 0 14px;display:block}
.disc .sub{font-size:16.5px;color:var(--muted);max-width:600px;margin:0 auto;text-wrap:pretty}

/* lifted glass chart card (sits ABOVE the field, never darker than it) */
.disc .card{position:relative;border-radius:22px;overflow:hidden;
  background:linear-gradient(180deg,rgba(46,32,102,.72),rgba(30,20,74,.62));
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 24px 60px rgba(10,6,44,.5),inset 0 1px 0 rgba(255,255,255,.10);color:#eceaf6}
.disc .card:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 46%);pointer-events:none}
.disc .card-in{position:relative;z-index:1;padding:22px 26px 24px}

.disc .badge{display:flex;justify-content:center;margin-bottom:14px}
.disc .badge span{font-family:'Montserrat',sans-serif;font-size:9.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#cdb6ff;border:1px solid rgba(167,139,255,.4);border-radius:999px;padding:5px 13px;display:inline-flex;align-items:center;gap:6px}
.disc .badge .lk{opacity:.7;font-size:9px}

/* segmented toggle */
.disc .toggle{position:relative;display:flex;background:rgba(10,6,44,.55);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:5px;max-width:440px;margin:0 auto 8px;user-select:none}
.disc .toggle .pill{position:absolute;top:5px;bottom:5px;width:calc(50% - 5px);border-radius:999px;background:linear-gradient(180deg,rgba(96,63,215,.55),rgba(96,63,215,.32));border:1px solid rgba(167,139,255,.5);transition:transform .45s cubic-bezier(.3,.8,.3,1),background .45s ease,border-color .45s ease;z-index:0}
.disc .toggle.gamb .pill{transform:translateX(100%);background:linear-gradient(180deg,rgba(224,106,106,.42),rgba(224,106,106,.24));border-color:rgba(224,106,106,.55)}
.disc .toggle button{position:relative;z-index:1;flex:1;background:0;border:0;cursor:pointer;color:#9a96b8;font-family:'Montserrat',sans-serif;font-weight:600;font-size:13.5px;letter-spacing:.02em;padding:12px 10px;min-height:44px;transition:color .3s ease}
.disc .toggle button.on{color:#fff}
.disc .toggle button:focus-visible{outline:2px solid var(--purple-soft);outline-offset:2px;border-radius:999px}
.disc .prompt{text-align:center;color:var(--muted);font-size:12.5px;margin:0 0 14px;transition:opacity .3s ease}

/* chart */
.disc .chartbox{position:relative;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,rgba(10,6,44,.55),rgba(16,10,52,.25));border:1px solid rgba(255,255,255,.08)}
.disc svg{display:block;width:100%;height:auto}
.disc .baseline{stroke:rgba(255,255,255,.18);stroke-width:1;stroke-dasharray:4 5}
.disc .baselab{fill:var(--dim);font-family:'Montserrat',sans-serif;font-size:9.5px;letter-spacing:.06em}
.disc .axlab{fill:var(--dim);font-family:'Montserrat',sans-serif;font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.disc .eqline{fill:none;stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round;transition:stroke .5s ease;filter:drop-shadow(0 6px 16px rgba(10,6,44,.55))}
.disc .eqfill{transition:opacity .5s ease}
.disc .enddot{transition:fill .5s ease}
.disc.is-disc .eqline{stroke:url(#disc-grad)}
.disc.is-gamb .eqline{stroke:var(--red)}

/* state copy */
.disc .state{margin-top:18px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end}
.disc .state .skey{font-family:'Montserrat',sans-serif;font-weight:700;font-size:14.5px;letter-spacing:.02em;margin-bottom:7px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.disc .state .skey .tag{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:4px 11px}
.disc.is-disc .skey{color:#ffe6a6}.disc.is-disc .skey .tag{color:#100A34;background:linear-gradient(180deg,var(--gold-hi),var(--gold))}
.disc.is-gamb .skey{color:#f6b3b0}.disc.is-gamb .skey .tag{color:#100A34;background:linear-gradient(180deg,#f6b3b0,var(--red))}
.disc .state .stext{color:var(--muted);font-size:14px;line-height:1.6;max-width:560px}
.disc .dd{flex:0 0 auto;text-align:right}
.disc .dd .ddn{font-family:'Montserrat',sans-serif;font-weight:800;font-size:17px;letter-spacing:.01em}
.disc.is-disc .dd .ddn{color:#ffd87a}.disc.is-gamb .dd .ddn{color:#f0908c}
.disc .dd .ddl{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.disc .microline{margin:16px 4px 0;color:var(--legal);font-size:11.5px;font-style:italic;opacity:.92}
.disc .insight{margin:15px auto 0;max-width:600px;padding-top:15px;border-top:1px solid rgba(255,255,255,.09);font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:15.5px;line-height:1.5;text-align:center;transition:color .45s ease}
.disc.is-disc .insight{color:#e9c98a}
.disc.is-gamb .insight{color:#eba9a6}
.disc .windows{opacity:0;transition:opacity .5s ease}
.disc.is-disc .windows{opacity:1}
.disc .wband{fill:rgba(242,169,0,.06)}
.disc .wlabel{fill:rgba(242,169,0,.70);font-family:'Montserrat',sans-serif;font-size:8px;letter-spacing:.18em;font-weight:700}

@media (prefers-reduced-motion:reduce){.disc .toggle .pill,.disc .eqline,.disc .toggle button{transition:none}}

/* mobile */
@media (max-width:900px){
  .disc{padding:60px 0}
  .disc .wrap{padding:0 16px}
  .disc h2{font-size:27px}
  .disc .serif{font-size:19px}
  .disc .card-in{padding:16px 14px 18px}
  .disc .state{grid-template-columns:1fr;gap:12px}
  .disc .dd{text-align:left}
}

@media (max-width:640px){
  .disc .badge span{font-size:10.5px}
  .disc .baselab{font-size:10.5px}
}

/* ==== proof ==== */
/* ============ SECTION (.pf): dark purple field, proof / credibility ============ */
.pf{--purple:#603fd7;--purple-soft:#a78bff;--field:#100A34;--gold:#f2a900;--gold-hi:#ffd766;--ink:#eceaf6;--muted:#9a96b8;--dim:#8a85a8;--glass:rgba(26,16,64,.55);
  font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--ink);line-height:1.7;position:relative;overflow:hidden;
  background:none;
  padding:92px 0}
.pf *{box-sizing:border-box}
.pf .wrap{max-width:1000px;margin:0 auto;padding:0 28px;position:relative;z-index:2}
.pf .head{text-align:center;max-width:730px;margin:0 auto 40px}
.pf .eyebrow{font-family:'Montserrat',sans-serif;font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-weight:700}
.pf h2{font-family:'Montserrat',sans-serif;font-weight:800;font-size:39px;line-height:1.16;letter-spacing:-.015em;color:#fff;margin:14px 0 10px;text-wrap:balance}
.pf h2 .g{background:linear-gradient(180deg,var(--gold-hi) 6%,var(--gold) 52%,#b97800 96%);-webkit-background-clip:text;background-clip:text;color:transparent}
.pf .serif{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:500;font-size:19px;color:#d8b96a;margin:0 0 14px}
.pf .sub{font-size:16.5px;color:var(--muted);max-width:600px;margin:0 auto;text-wrap:pretty}

/* proof ledger: one glass panel, 2x2 cells with cross hairlines */
.pf .statrow{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:0 0 10px;text-align:center}
.pf .st b{display:block;font-family:'Montserrat',sans-serif;font-weight:800;font-size:30px;line-height:1.1;color:#fff;
  font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.pf .st span{display:block;margin-top:5px;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#9a96b8;line-height:1.45}
.pf .stat-asof{margin:0 0 26px;text-align:center;font-size:11.5px;font-style:italic;color:#8b86ad}
.pf .ledger{position:relative;background:var(--glass);border:1px solid rgba(255,255,255,.1);border-radius:22px;
  box-shadow:0 40px 110px rgba(0,0,0,.45);backdrop-filter:blur(8px);overflow:hidden;
  display:grid;grid-template-columns:1fr 1fr}
.pf .cell{position:relative;padding:30px 30px 28px;transition:transform .18s ease,background .3s ease;
  transform-style:preserve-3d;will-change:transform}
.pf .cell:nth-child(1),.pf .cell:nth-child(2){border-bottom:1px solid rgba(255,255,255,.08)}
.pf .cell:nth-child(odd){border-right:1px solid rgba(255,255,255,.08)}
.pf .cell .glow{position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity .35s ease;pointer-events:none;
  background:radial-gradient(340px 220px at var(--mx,50%) var(--my,40%),rgba(96,63,215,.22),transparent 70%)}
.pf .cell:hover .glow{opacity:1}
.pf .cell:hover{background:rgba(96,63,215,.06)}
.pf .clabel{display:inline-flex;align-items:center;gap:9px;font-family:'Montserrat',sans-serif;font-weight:700;
  font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:13px}
.pf .clabel::before{content:"";width:18px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.pf .cell{cursor:pointer}
.pf .stretch{position:absolute;inset:0;z-index:3;border-radius:inherit}
.pf .stretch:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.pf .cclaim{font-family:'Montserrat',sans-serif;font-weight:700;font-size:20px;line-height:1.25;color:#fff;letter-spacing:-.01em;margin:0 0 9px}
.pf .cclaim .sr{font-variant-numeric:tabular-nums}
.pf .cline{font-size:14.5px;color:var(--muted);margin:0}
.pf .cline b{color:var(--purple-soft);font-weight:600}

/* quotes */
/* Team video: click-to-load facade. A raw iframe renders EMPTY under 10Web's lazy/delay-JS,
   and it would cost a YouTube round-trip on every page load. The iframe is injected only on
   a real click (a trusted gesture), so it is immune to JS-delay and costs nothing until wanted. */
.pf .film{margin-top:26px}
.pf .founder{display:grid;grid-template-columns:.94fr 1.06fr;gap:26px;align-items:center;
  border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:22px;background:rgba(26,16,64,.55);backdrop-filter:blur(8px)}
.pf .f-media{display:grid;grid-template-columns:1fr;gap:12px;width:min(250px,100%);justify-self:center}
/* flip these two lines when Simon's second picture arrives */
.pf .f-photo.f-side{display:none}
.pf .f-photo{margin:0;position:relative;aspect-ratio:4/5;border-radius:14px;overflow:hidden;
  border:1px solid rgba(255,255,255,.12);background:
  radial-gradient(120% 90% at 30% 12%, rgba(122,86,240,.4), rgba(16,10,52,.9) 70%)}
.pf .f-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pf .f-mono{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:44px;color:rgba(236,234,246,.32)}
.pf .f-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:8px 12px;font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:#cfc8ec;background:linear-gradient(0deg,rgba(10,6,44,.78),transparent)}
.pf .f-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:'Montserrat',sans-serif;font-weight:700;
  font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:9px}
.pf .f-eyebrow:before{content:'';width:20px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.pf .f-name{font-family:'Montserrat',sans-serif;font-weight:800;font-size:22px;color:#fff;margin:0 0 8px}
.pf .f-name i{display:block;font-style:normal;font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#9a96b8;margin-top:3px}
.pf .f-line{margin:0 0 16px;font-size:14.5px;line-height:1.65;color:#c9c4e0;max-width:44ch;text-wrap:pretty}
.pf .f-links{display:flex;flex-wrap:wrap;gap:10px}
.pf .f-link{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;
  font-family:'Montserrat',sans-serif;font-weight:700;font-size:13px;color:#e9e4ff;text-decoration:none;
  border:1px solid rgba(167,139,255,.4);transition:border-color .25s ease,color .25s ease,background .25s ease}
.pf .f-link:hover{border-color:#a78bff;color:#fff;background:rgba(96,63,215,.18)}
.pf .f-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.pf .f-book{background:linear-gradient(180deg,#ffd766,#f2a900);border-color:transparent;color:#100A34}
.pf .f-book:hover{background:linear-gradient(180deg,#ffe08a,#ffb92e);border-color:transparent;color:#100A34}
.pf .f-call{border-color:rgba(242,169,0,.45);color:#ffd766}
.pf .f-call:hover{border-color:var(--gold);color:#ffe9a8;background:rgba(242,169,0,.08)}
@media (max-width:920px){
  .pf .founder{grid-template-columns:1fr;padding:18px}
  .pf .statrow{grid-template-columns:1fr 1fr;gap:16px 10px}
  .pf .statrow .st:last-child{grid-column:1 / -1}
  .pf .st b{font-size:26px}
  .pf .f-name{font-size:20px}
}
.pf .quotes:has(.q:only-of-type){grid-template-columns:1fr;max-width:620px;margin-left:auto;margin-right:auto}
.pf .quotes{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}
.pf .q{position:relative;background:rgba(10,6,40,.5);border:1px solid rgba(255,255,255,.08);border-left:2px solid rgba(242,169,0,.5);
  border-radius:16px;padding:24px 26px 22px;transition:transform .18s ease,border-color .3s ease,box-shadow .3s ease}
.pf .q:hover{transform:translateY(-3px);border-left-color:var(--gold);box-shadow:0 24px 60px rgba(0,0,0,.4)}
.pf .q .mark{font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:52px;line-height:.2;color:rgba(242,169,0,.5);display:block;height:22px}
.pf .q p{font-size:16px;line-height:1.6;color:var(--ink);margin:6px 0 16px;text-wrap:pretty}
.pf .q cite{display:block;font-style:normal;font-family:'Montserrat',sans-serif;font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-hi)}
.pf .q cite .role{color:var(--dim);font-weight:500;letter-spacing:.04em}

/* footer row */
.pf .foot{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;flex-wrap:wrap}
.pf .micro{color:var(--dim);font-size:12px;margin:0;max-width:560px}
.pf .more{font-family:'Montserrat',sans-serif;font-weight:600;font-size:13.5px;letter-spacing:.02em;color:var(--purple-soft);text-decoration:none;
  display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border:1px solid rgba(167,139,255,.4);border-radius:999px;
  transition:background .3s ease,border-color .3s ease,transform .2s ease;white-space:nowrap;min-height:44px}
.pf .more:hover{background:rgba(96,63,215,.14);border-color:var(--purple-soft);transform:translateY(-1px)}
.pf .more .arw{transition:transform .25s ease}
.pf .more:hover .arw{transform:translateX(3px)}

/* one-time reveal (fail-safe: default visible) */
.pf .cell,.pf .q{opacity:1}
.pf.reveal .cell,.pf.reveal .q{opacity:0;transform:translateY(14px)}
.pf.reveal.in .cell,.pf.reveal.in .q{opacity:1;transform:none;transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.3,1)}
.pf.reveal.in .cell:nth-child(2){transition-delay:.07s}
.pf.reveal.in .cell:nth-child(3){transition-delay:.14s}
.pf.reveal.in .cell:nth-child(4){transition-delay:.21s}
.pf.reveal.in .q:nth-child(2){transition-delay:.1s}

.pf .live-proof{position:relative;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;
  margin-top:20px;padding:24px 28px;border-radius:18px;overflow:hidden;
  background:linear-gradient(115deg,rgba(90,209,154,.12),rgba(26,16,64,.5) 58%);
  border:1px solid rgba(90,209,154,.26);border-left:3px solid rgba(90,209,154,.72)}
.pf .lp-main{flex:1 1 340px;min-width:0}
.pf .lp-badge{display:inline-flex;align-items:center;gap:8px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#7fe3b4;margin-bottom:11px}
.pf .lp-badge .dot{width:7px;height:7px;border-radius:50%;background:#5ad19a;box-shadow:0 0 0 0 rgba(90,209,154,.6);animation:lp-pulse 2.2s infinite}
@keyframes lp-pulse{0%{box-shadow:0 0 0 0 rgba(90,209,154,.5)}70%{box-shadow:0 0 0 8px rgba(90,209,154,0)}100%{box-shadow:0 0 0 0 rgba(90,209,154,0)}}
.pf .lp-main h3{font-family:'Montserrat',sans-serif;font-weight:800;font-size:21px;line-height:1.2;color:#fff;margin:0 0 8px;letter-spacing:-.01em}
.pf .lp-main p{font-size:14px;color:var(--muted);margin:0;max-width:520px}
.pf .lp-cta{flex:0 0 auto}
.pf .lp-cta a{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font-family:'Montserrat',sans-serif;font-weight:600;font-size:14px;color:#aef0cf;text-decoration:none;
  border:1px solid rgba(90,209,154,.45);border-radius:999px;padding:14px 26px;min-height:50px;transition:background .3s ease,border-color .3s ease,transform .2s ease}
.pf .lp-cta a:hover{background:rgba(90,209,154,.12);border-color:#5ad19a;transform:translateY(-1px)}
.pf .lp-cta .a{transition:transform .25s ease}
.pf .lp-cta a:hover .a{transform:translateX(3px)}

@media (prefers-reduced-motion:reduce){
  .pf .cell,.pf .q,.pf .more,.pf .lp-cta a{transition:none}
  .pf.reveal .cell,.pf.reveal .q{opacity:1;transform:none}
  .pf .lp-badge .dot{animation:none}
}

/* mobile */
@media (max-width:900px){
  .pf{padding:60px 0}
  .pf .wrap{padding:0 16px}
  .pf h2{font-size:27px}
  .pf .serif{font-size:16.5px}
  .pf .ledger{grid-template-columns:1fr}
  .pf .cell{padding:24px 20px 22px}
  .pf .cell:nth-child(odd){border-right:0}
  .pf .cell:nth-child(3){border-bottom:1px solid rgba(255,255,255,.08)}
  .pf .cclaim{font-size:18px}
  .pf .quotes{grid-template-columns:1fr;gap:14px}
  .pf .foot{flex-direction:column;align-items:flex-start;gap:16px}
  .pf .more{align-self:stretch;justify-content:center}
  .pf .lp-main h3{font-size:19px}
  .pf .lp-cta{align-self:stretch}
  .pf .lp-cta a{width:100%;justify-content:center}
}

/* ==== results ==== */
/* ==========================================================================
   SECTION (.res) - RESULTS, v6.

   v6 answers three notes from Simon:

   1. The big static candle chart was "useless, it doesn't show anything".
      Replaced by THE ODDS TABLE: an interactive that teaches the actual
      MyCryptoParadise doctrine (branding/trading-methodology-and-dna.md
      2.3 "Probability-based aggression": strong probability go aggressive,
      low probability stay small, no probability sit on our hands). Two
      dials, win rate and risk to reward, drive one verdict. It opens at a
      70% win rate that STILL has no edge, which IS the locked eyebrow above
      it, "why a percentage on its own is not proof", demonstrated by the
      reader's own hands instead of asserted.

   2. The three products must LOOK like their speed. ORIGINAL swings on few
      wide candles, SCALPING is many thin ones, GEMS is the slowest of all:
      fewest and widest. Each carries a time axis whose TICK DENSITY says the
      same thing again without a word of new copy.

   3. The horizon dissolve is now baked into an SVG with its own internal
      mask, so it is a single background layer that needs no pseudo-element
      and no CSS mask support: the same transition drops onto every dark
      section page-wide (see build_homepage.py).

   All decorative SVG is aria-hidden with zero <text>. Locked body copy is
   untouched; the odds table's own labels are new copy, authorised with it.
   ========================================================================== */
.res{--purple:#603fd7;--purple-deep:#a78bff;--purple-soft:#a78bff;--gold:#f2a900;--gold-hi:#ffd766;--green:#1e9e6a;--green-hi:#5ad19a;--red:#e06a6a;--field:#100A34;--ink:#eceaf6;--ink-2:#c9c4e0;--muted:#9a96b8;
  --ease:cubic-bezier(.2,.7,.2,1);
  font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--ink);line-height:1.7;position:relative;overflow:hidden;
  /* NO background. The page owns the one brand field; this section is transparent on it,
     which is why it has no edges to blend. The radial is a glow, not a ground. */
  background:radial-gradient(900px 620px at 84% 12%, rgba(167,139,255,.1), transparent 62%);
  padding:104px 0 112px}
.res *{box-sizing:border-box}
.res ::selection{background:rgba(96,63,215,.22)}
.res a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.res a:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}
.res .letter a:focus-visible{outline-color:var(--purple-deep);border-radius:6px}

/* the light field carries a faint drafting grid: this section is the drawing room */
.res .grid-field{position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(167,139,255,.08) 1px,transparent 1px);background-size:24px 24px}

/* ---- head ---------------------------------------------------------------- */
.res .head{position:relative;max-width:1060px;margin:0 auto 42px;padding:0 32px}
.res .rule{display:block;width:46px;height:2px;margin-bottom:22px;
  background:linear-gradient(90deg,var(--gold-hi),rgba(242,169,0,.15))}
.res h2{font-family:'Montserrat',sans-serif;font-weight:800;font-size:40px;line-height:1.08;letter-spacing:-.016em;color:#fff;margin:0 0 15px;text-wrap:balance}
.res h2 .g{display:block;font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:500;font-size:.94em;letter-spacing:0;margin-top:7px;
  background:linear-gradient(110deg,#ffe9a8 8%,var(--gold) 52%,#c07f00 96%);-webkit-background-clip:text;background-clip:text;color:transparent}
.res .sub{font-size:16.5px;color:var(--muted);max-width:60ch;margin:0;text-wrap:pretty}
.res .sub b{color:var(--ink-2);font-weight:600}

/* ---- the dark band ------------------------------------------------------- */
/* The "wall" is no longer a band of a different colour: on one continuous field there is
   nothing to contrast against and nothing to butt up against. It is just a zone now, and it
   paints NOTHING of its own, because any layer clipped at its box would itself be an edge. */
.res .wall{position:relative;color:#eceaf6;background:none}
/* grain lives on the SECTION so it spans every zone and is never cut at a box edge */
.res:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.05;mix-blend-mode:overlay;
  background-size:170px 170px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

.res .wwrap{position:relative;z-index:4;max-width:1060px;margin:0 auto;padding:0 32px}
.res .aura{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .5s ease;
  background:radial-gradient(620px 440px at var(--mx,30%) var(--my,30%),rgba(96,63,215,.24),transparent 70%)}
.res .wall.lit .aura{opacity:1}

/* titlebar */
.res .strip{display:flex;align-items:center;gap:12px;padding-bottom:17px;margin-bottom:24px;position:relative;flex-wrap:wrap}
.res .strip:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,rgba(242,169,0,.45),rgba(255,255,255,.12) 36%,rgba(90,209,154,.4) 86%,transparent)}
.res .tt{font-family:'Montserrat',sans-serif;font-weight:800;font-size:16px;letter-spacing:.02em;color:#fff}
.res .spacer{flex:1}
.res .live{display:inline-flex;align-items:center;gap:8px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#7fe3b4;
  padding:6px 13px;border-radius:999px;border:1px solid rgba(90,209,154,.32);background:rgba(30,158,106,.1)}
.res .live .d{width:7px;height:7px;border-radius:50%;background:var(--green-hi);box-shadow:0 0 0 0 rgba(90,209,154,.6);animation:res-pulse 2.2s infinite}
@keyframes res-pulse{0%{box-shadow:0 0 0 0 rgba(90,209,154,.5)}70%{box-shadow:0 0 0 8px rgba(90,209,154,0)}100%{box-shadow:0 0 0 0 rgba(90,209,154,0)}}
.res .lead{font-size:16.5px;color:#d7d3ea;margin:0 0 34px;max-width:62ch;text-wrap:pretty}
.res .lead b{color:#fff;font-weight:600}

/* ==== THE ODDS TABLE (interactive) ======================================== */
.res .anat{position:relative}
.res .why-q{display:flex;align-items:center;gap:10px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#9a96b8;margin:0 0 20px}
.res .why-q:after{content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.13),transparent)}

.res .odds{position:relative;padding:26px 0 6px;
  border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09)}
/* the table light: a soft pool that warms as the stance escalates */
.res .odds:before{content:'';position:absolute;inset:-1px 0;pointer-events:none;z-index:0;
  background:radial-gradient(760px 260px at 68% 46%, var(--pool,rgba(122,86,240,.14)), transparent 72%);
  transition:background .5s var(--ease)}
.res .odds > *{position:relative;z-index:1}
.res .odds-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:'Montserrat',sans-serif;font-weight:700;
  font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-hi);margin-bottom:11px}
.res .odds-eyebrow:before{content:'';width:20px;height:1px;background:linear-gradient(90deg,var(--gold-hi),transparent)}
.res .odds-lede{margin:0 0 24px;font-size:15px;line-height:1.68;color:#9a96b8;max-width:66ch;text-wrap:pretty}
.res .odds-lede b{color:#fff;font-weight:600}

.res .odds-body{display:grid;grid-template-columns:1.02fr .98fr;gap:34px 48px;align-items:start}
.res .odds-dials{display:flex;flex-direction:column;gap:26px}
.res .dial{display:block}
.res .dial-k{display:block;font-family:'Montserrat',sans-serif;font-weight:700;font-size:10.5px;letter-spacing:.16em;
  text-transform:uppercase;color:#9a96b8;margin-bottom:5px}
.res .dial-v{display:block;font-family:'Montserrat',sans-serif;font-weight:800;font-size:31px;line-height:1.1;color:#fff;
  letter-spacing:-.01em;font-variant-numeric:tabular-nums;margin-bottom:9px}
.res .dial-v i{font-style:normal;font-size:.4em;font-weight:600;color:#9a96b8;letter-spacing:.14em;margin-left:9px;text-transform:uppercase}
.res .dial-scale{display:flex;justify-content:space-between;margin-top:6px;
  font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8a85a8}
.res .dial-scale i{font-style:normal}

/* range input, styled on both engines */
.res .odds input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:44px;background:transparent;
  display:block;margin:0;cursor:grab}
.res .odds input[type=range]:active{cursor:grabbing}
.res .odds input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:3px;
  background:linear-gradient(90deg,rgba(255,255,255,.3),rgba(255,255,255,.1))}
.res .odds input[type=range]::-moz-range-track{height:4px;border-radius:3px;
  background:linear-gradient(90deg,rgba(255,255,255,.3),rgba(255,255,255,.1))}
.res .odds input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;
  margin-top:-9px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff,#cfc6f5 58%,#a08ce0);
  border:1px solid rgba(255,255,255,.7);box-shadow:0 3px 12px rgba(10,6,44,.6);
  transition:box-shadow .25s var(--ease),transform .18s var(--ease)}
.res .odds input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;
  background:radial-gradient(circle at 34% 30%,#fff,#cfc6f5 58%,#a08ce0);
  border:1px solid rgba(255,255,255,.7);box-shadow:0 3px 12px rgba(10,6,44,.6);
  transition:box-shadow .25s var(--ease),transform .18s var(--ease)}
.res .odds input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.08)}
.res .odds input[type=range]:hover::-moz-range-thumb{transform:scale(1.08)}
.res .odds input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 3px 12px rgba(10,6,44,.6),0 0 0 6px rgba(242,169,0,.4)}
.res .odds input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 3px 12px rgba(10,6,44,.6),0 0 0 6px rgba(242,169,0,.4)}
.res .odds input[type=range]:focus{outline:none}

/* the verdict side */
.res .odds-verdict{min-width:0}
.res .odds-meter{position:relative;height:6px;border-radius:4px;overflow:hidden;
  background:linear-gradient(90deg,rgba(224,106,106,.22),rgba(255,255,255,.08) 26%,rgba(255,255,255,.06))}
.res .odds-zero{position:absolute;left:22%;top:0;bottom:0;width:1px;background:rgba(255,255,255,.5);z-index:2}
.res .odds-fill{position:absolute;top:0;bottom:0;left:22%;right:78%;border-radius:4px;background:var(--accent,#a78bff);
  box-shadow:0 0 14px var(--accent,#a78bff);transition:left .38s var(--ease),right .38s var(--ease),background .38s var(--ease)}
.res .odds-edge{margin:12px 0 0;font-family:'Montserrat',sans-serif;font-weight:600;font-size:10.5px;
  letter-spacing:.16em;text-transform:uppercase;color:#9a96b8}
.res .odds-edge b{font-size:15px;color:#fff;margin-left:9px;font-variant-numeric:tabular-nums;letter-spacing:0}

/* the chips: how much of the planned size goes in */
.res .odds-table{display:flex;align-items:flex-end;gap:10px;height:40px;margin:20px 0 14px}
.res .chip{width:34px;height:34px;border-radius:50%;position:relative;
  background:radial-gradient(circle at 36% 30%, #6b5bb8, #3b2c7d 62%, #2a1f5e);
  border:2px dashed rgba(255,255,255,.16);opacity:.28;transform:translateY(6px) scale(.86);
  transition:opacity .34s var(--ease),transform .34s var(--ease),background .34s var(--ease),border-color .34s var(--ease)}
.res .chip:after{content:'';position:absolute;inset:6px;border-radius:50%;border:1px dashed rgba(255,255,255,.22)}
.res .chip.on{opacity:1;transform:none;border-style:solid;
  background:radial-gradient(circle at 36% 30%, #ffdf9a, var(--gold-hi) 52%, #a86c00);
  border-color:rgba(255,236,190,.85);box-shadow:0 6px 16px rgba(10,6,44,.5),0 0 18px rgba(242,169,0,.3)}
.res .chip.on:after{border-color:rgba(122,72,0,.45)}
.res .chip.on:nth-child(2){transition-delay:.05s}
.res .chip.on:nth-child(3){transition-delay:.1s}
.res .chip.on:nth-child(4){transition-delay:.15s}
.res .odds-stance{margin:0;font-family:'Montserrat',sans-serif;font-weight:800;font-size:25px;line-height:1.15;
  letter-spacing:-.01em;color:var(--accent,#fff);transition:color .38s var(--ease)}
.res .odds-why{margin:8px 0 0;font-size:13.5px;line-height:1.62;color:#9a96b8;max-width:46ch;text-wrap:pretty;min-height:4.2em}
.res .odds-foot{margin:26px 0 0;padding:16px 20px;font-size:13px;line-height:1.75;color:#a9a4c6;max-width:none;
  border:1px solid rgba(255,255,255,.08);border-left:2px solid rgba(242,169,0,.45);border-radius:12px;
  background:rgba(26,16,64,.35)}
.res .odds-foot b{color:#e4dff6;font-weight:600}

/* stance palette. one variable drives the fill, the word and the table light. */
.res .odds[data-stance="sit"]{--accent:#e0808a;--pool:rgba(122,86,240,.07)}
.res .odds[data-stance="def"]{--accent:#a78bff;--pool:rgba(122,86,240,.16)}
.res .odds[data-stance="std"]{--accent:#c7b4ff;--pool:rgba(122,86,240,.24)}
.res .odds[data-stance="agg"]{--accent:#f2c25a;--pool:rgba(242,169,0,.16)}

/* the two locked verdicts: each in its own window, with air. Same words, more room. */
.res .flags{display:grid;grid-template-columns:1.02fr .98fr;gap:20px;margin-top:26px}
.res .flag{position:relative;padding:20px 22px 22px;border-radius:14px;border:1px solid rgba(255,255,255,.09);
  background:rgba(26,16,64,.4)}
.res .flag:after{content:'';position:absolute;top:0;left:0;right:0;height:2px}
.res .flag.good:after{background:linear-gradient(90deg,rgba(90,209,154,.8),rgba(90,209,154,.06))}
.res .flag.bad:after{background:linear-gradient(90deg,rgba(224,106,106,.75),rgba(224,106,106,.06))}
.res .flag .ic{float:left;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:11.5px;font-weight:700;font-family:'Montserrat',sans-serif;margin:3px 11px 4px 0}
.res .flag.bad .ic{background:rgba(224,106,106,.14);border:1px solid rgba(224,106,106,.45);color:#f0908c}
.res .flag.good .ic{background:rgba(90,209,154,.13);border:1px solid rgba(90,209,154,.45);color:#7fe3b4}
.res .flag p{margin:0;font-size:13.5px;color:#aca7c9;line-height:1.78;text-wrap:pretty}
.res .flag p b{color:#fff;font-weight:600}
.res .flag.bad{grid-column:2;grid-row:1}
.res .flag.good{grid-column:1;grid-row:1}

/* ---- the plates: each product drawn at its OWN speed --------------------- */
.res .plates{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:40px;position:relative;
  border-top:1px solid rgba(255,255,255,.1)}
.res .plate{position:relative;display:block;text-decoration:none;padding:24px 26px 26px;overflow:hidden;
  transition:background .3s var(--ease)}
.res .plate + .plate{border-left:1px solid rgba(255,255,255,.1)}
.res .plate:hover{background:rgba(30,158,106,.07)}
.res .plate .sheen{position:absolute;top:0;bottom:0;left:-70%;width:45%;pointer-events:none;transform:translateX(0) skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);transition:transform .55s var(--ease)}
.res .plate:hover .sheen{transform:translateX(435%) skewX(-18deg)}
.res .plate .mini{display:block;margin-bottom:16px}
.res .plate .mini svg{display:block;width:100%;height:68px}
/* THE RHYTHM IS THE MESSAGE. Each product's candles tick in at ITS OWN speed, so a
   glance tells you ORIGINAL swings, SCALPING is fast, GEMS is the slowest of the three.
   The stagger survives every loop because animation-delay offsets each candle's whole
   timeline, not just its first pass. */
.res .plate-original{--step:80ms;--dur:5.6s}
.res .plate-scalping{--step:30ms;--dur:2.9s}
.res .gems{--step:300ms;--dur:10s}
.res.js .mk,.res.js .rk{opacity:0;animation:res-tick var(--dur) linear infinite;
  animation-delay:calc(var(--i) * var(--step))}
@keyframes res-tick{
  0%{opacity:0;transform:translateY(5px)}
  5%{opacity:1;transform:none}
  74%{opacity:1;transform:none}
  86%{opacity:0;transform:translateY(-3px)}
  100%{opacity:0;transform:translateY(5px)}}
.res .mk line{stroke-width:1.4;stroke-linecap:round}
.res .mk rect{stroke-width:1}
.res .mk-b line,.res .mk-b rect{stroke:rgba(138,133,168,.72)}
.res .mk-b rect{fill:rgba(138,133,168,.22)}
.res .mk-u line,.res .mk-u rect{stroke:var(--green-hi)}
.res .mk-u rect{fill:rgba(90,209,154,.32)}
.res .mk-d line,.res .mk-d rect{stroke:var(--red)}
.res .mk-d rect{fill:rgba(224,106,106,.26)}
/* the time axis. tick DENSITY is the whole point: sparse = slow, dense = fast. */
.res .ax{stroke:rgba(255,255,255,.22);stroke-width:1}
.res .ax-l{stroke:rgba(255,255,255,.09);stroke-width:1}
.res .ms-arw{stroke:rgba(255,255,255,.34);stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.res .mini .after-set{transition:filter .3s var(--ease)}
.res .plate:hover .mini .after-set{filter:drop-shadow(0 0 6px rgba(90,209,154,.45))}
.res .plate .cn{font-family:'Montserrat',sans-serif;font-weight:700;font-size:15.5px;color:#fff;display:flex;align-items:center;gap:9px}
.res .plate .cn .arw{color:#7fe3b4;transition:transform .25s var(--ease)}
.res .plate:hover .cn .arw{transform:translateX(4px)}
.res .plate .cd{font-size:12.5px;color:#9a96b8;margin-top:4px;line-height:1.55}

/* GEMS: the slowest rhythm of the three, and redacted */
.res .gems{position:relative;display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:start;
  padding:24px 26px 27px;border-top:1px solid rgba(255,255,255,.1)}
.res .gems .redact{display:block}
.res .gems .redact svg{display:block;width:100%;min-width:300px;height:76px}
.res .rk line{stroke-width:1.6;stroke-linecap:round}
.res .rk rect{stroke-width:1.1}
.res .rk-b line,.res .rk-b rect{stroke:rgba(138,133,168,.68)}
.res .rk-b rect{fill:rgba(138,133,168,.2)}
.res .rk-h line,.res .rk-h rect{stroke:rgba(242,169,0,.5)}
.res .rk-h rect{fill:rgba(242,169,0,.14)}
.res .rs-bar{fill:rgba(16,10,52,.86);stroke:rgba(242,169,0,.62);stroke-width:1.2}
.res .rs-hatch{stroke:rgba(242,169,0,.5);stroke-width:1.4}
.res .rs-lock{stroke:#f2c25a;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.res .gems .gx{min-width:0}
.res .gems .gn{display:flex;align-items:center;gap:11px;flex-wrap:wrap;font-family:'Montserrat',sans-serif;font-weight:700;font-size:15.5px;color:#fff}
.res .gems .badge{font-family:'Montserrat',sans-serif;font-weight:700;font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;color:#f2c25a;
  border:1px solid rgba(242,169,0,.44);border-radius:999px;padding:3.5px 11px;white-space:nowrap;background:rgba(242,169,0,.07)}
.res .gems p{margin:10px 0 0;font-size:13.5px;color:#aca7c9;line-height:1.76;text-wrap:pretty;max-width:66ch}
.res .gems .gems-close{padding-top:10px;margin-top:14px;border-top:1px solid rgba(242,169,0,.18)}
.res .gems p b{color:#d7d3ea;font-weight:600}

/* the compliance line sits DIRECTLY BELOW THE CHANNELS it refers to */
.res .vip-link,.res .gems-link{color:inherit;text-decoration:none;border-bottom:1px solid rgba(242,169,0,.45);transition:border-color .25s ease}
.res .vip-link:hover,.res .gems-link:hover{border-color:#f2a900}
.res .micro{position:relative;margin:34px 0 0;padding-top:19px;font-size:12.5px;line-height:1.65;color:#b3aed2;max-width:82ch}
.res .micro:before{content:'';position:absolute;left:0;top:0;width:140px;height:1px;
  background:linear-gradient(90deg,rgba(242,169,0,.4),transparent)}

/* ---- the spread ---------------------------------------------------------- */
.res .spread{position:relative;display:grid;grid-template-columns:.44fr .56fr;gap:56px;align-items:start;
  max-width:1060px;margin:0 auto;padding:70px 32px 66px}
.res .letter{position:sticky;top:104px}
.res .rec-intro{margin:0 0 20px;font-size:19px;line-height:1.62;color:var(--ink-2);text-wrap:pretty;letter-spacing:-.005em}
.res .rec-intro::first-letter{float:left;font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:3.05em;line-height:.82;
  padding:6px 10px 0 0;color:var(--gold)}
.res .rec-intro b{color:#fff}
.res .rec-intro b{color:var(--ink);font-weight:700}
.res .rec-fallback{margin:0;padding-top:17px;position:relative;font-size:13.5px;color:var(--muted);line-height:1.65;text-wrap:pretty}
.res .rec-fallback:before{content:'';position:absolute;left:0;top:0;width:132px;height:1px;
  background:linear-gradient(90deg,rgba(242,169,0,.55),transparent)}
.res .rec-fallback:after{content:'';position:absolute;left:0;top:3px;width:76px;height:1px;
  background:linear-gradient(90deg,rgba(242,169,0,.3),transparent)}
.res .rec-fallback b{color:var(--ink-2);font-weight:700}
.res .rec-fallback a{color:var(--purple-deep);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(167,139,255,.4);
  transition:color .25s var(--ease),border-color .25s var(--ease)}
.res .rec-fallback a:hover{color:var(--purple);border-color:var(--purple)}
.res .rec-why{margin:12px 0 0;font-size:13px;line-height:1.6;color:#b3aed2;font-style:italic;text-wrap:pretty}
.res .exhibit{min-width:0}
.res .rec-embed{min-height:120px}

/* ---- the closing wall ---------------------------------------------------- */
.res .sgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px 52px;align-items:start}
.res .scale-lbl{display:inline-flex;align-items:center;gap:9px;font-family:'Montserrat',sans-serif;
  font-weight:700;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-hi);margin-bottom:15px}
.res .scale-lbl:before{content:'';width:22px;height:1px;background:linear-gradient(90deg,var(--gold-hi),transparent)}
.res .sgrid h3{font-family:'Montserrat',sans-serif;font-weight:800;font-size:29px;line-height:1.16;
  letter-spacing:-.015em;color:#fff;margin:0 0 22px;text-wrap:balance;max-width:14ch}
.res .mag{display:flex;align-items:flex-end;gap:5px;height:40px}
.res .mag i{width:5px;border-radius:2px;background:rgba(255,255,255,.16)}
.res .mag i.g{background:linear-gradient(180deg,var(--gold-hi),var(--gold));box-shadow:0 0 12px rgba(242,169,0,.35)}
.res.js .mag i{transform:scaleY(.2);transform-origin:bottom;transition:transform .7s var(--ease)}
.res.js .wall.close.in .mag i{transform:scaleY(1)}
.res.js .wall.close.in .mag i:nth-child(2){transition-delay:.05s}
.res.js .wall.close.in .mag i:nth-child(3){transition-delay:.1s}
.res.js .wall.close.in .mag i:nth-child(4){transition-delay:.15s}
.res.js .wall.close.in .mag i:nth-child(5){transition-delay:.2s}
.res.js .wall.close.in .mag i:nth-child(6){transition-delay:.25s}
.res.js .wall.close.in .mag i:nth-child(7){transition-delay:.3s}
.res.js .wall.close.in .mag i:nth-child(8){transition-delay:.35s}
.res.js .wall.close.in .mag i:nth-child(9){transition-delay:.4s}
.res.js .wall.close.in .mag i:nth-child(10){transition-delay:.45s}
.res.js .wall.close.in .mag i:nth-child(11){transition-delay:.5s}
.res.js .wall.close.in .mag i:nth-child(12){transition-delay:.55s}
.res .sbody p{margin:0;font-size:15px;line-height:1.75;color:#c9c4e0;text-wrap:pretty;font-variant-numeric:tabular-nums}
.res .sbody p + p{margin-top:14px}
.res .sbody b{color:#fff;font-weight:700}
.res .sbody p:first-of-type b{background:linear-gradient(90deg,var(--gold-hi),var(--gold-hi)) no-repeat 0 96%/0% 2px;
  padding-bottom:2px;transition:background-size .9s var(--ease) .35s}
.res.js .wall.close.in .sbody p:first-of-type b{background-size:100% 2px}
.res:not(.js) .sbody p:first-of-type b{background-size:100% 2px}
.res .scale-why{padding-top:14px;position:relative;color:#9a96b8}
.res .scale-why:before{content:'';position:absolute;left:0;top:0;width:132px;height:1px;
  background:linear-gradient(90deg,rgba(242,169,0,.4),transparent)}

/* ---- choreography -------------------------------------------------------- */
.res.js .rv{opacity:0;transform:translateY(18px)}
.res.js .rv.in{opacity:1;transform:none;transition:opacity .65s var(--ease),transform .65s var(--ease)}
.res.js .rv.in.d1{transition-delay:.05s}
.res.js .rv.in.d2{transition-delay:.1s}

@media (prefers-reduced-motion:reduce){
  .res.js .mk,.res.js .rk{opacity:1!important;animation:none!important}
  .res .plate,.res .plate .sheen,.res .plate .cn .arw,.res .aura,.res .chip,.res .odds-fill,
  .res .odds-stance,.res .odds:before{transition:none!important}
  .res .live .d{animation:none}
  .res.js .rv{opacity:1!important;transform:none!important;transition:none!important}
  .res.js .mag i{transform:none!important;transition:none!important}
  .res .sbody p:first-of-type b{background-size:100% 2px!important;transition:none!important}
}

/* ---- 390: a design, not a reflow -----------------------------------------
   2026-07-23 (Simon: "the text currently looks clustered on mobile phones, making it hard to
   follow"). The desktop's two-column odds layout gave the small labels their structure; collapsed
   to one column they read as one undifferentiated wall. So on mobile the interactive gets its own
   GLASS CARD (containment), the verdict half gets a hairline divider from the dials, every dial
   gets its own hairline, and the small grey text steps up a size with more leading. */
@media (max-width:920px){
  .res{padding-top:64px;padding-bottom:76px}
  .res .head{margin-bottom:32px;padding:0 20px}
  .res h2{font-size:29px}
  .res .sub{font-size:15.5px}
  .res .wwrap{padding:0 20px}
  .res .lead{font-size:16px;line-height:1.72;margin-bottom:28px}
  .res .odds{padding:24px 18px 12px;border:1px solid rgba(255,255,255,.14);border-radius:16px;
    background:rgba(26,16,64,.58);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);
    border-top:2px solid rgba(242,169,0,.4)}
  .res .odds-body{grid-template-columns:1fr;gap:28px}
  .res .odds-lede{font-size:15px;line-height:1.72;margin-bottom:24px}
  .res .odds-dials{gap:24px}
  .res .dial + .dial{padding-top:22px;border-top:1px solid rgba(255,255,255,.07)}
  .res .dial-v{font-size:27px}
  .res .odds input[type=range]{height:44px}
  .res .odds input[type=range]::-webkit-slider-thumb{width:28px;height:28px;margin-top:-12px}
  .res .odds input[type=range]::-moz-range-thumb{width:28px;height:28px}
  .res .odds-verdict{padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}
  .res .chip{width:30px;height:30px}
  .res .odds-stance{font-size:22px}
  .res .odds-why{font-size:14.5px;line-height:1.68;min-height:0;max-width:none}
  .res .odds-foot{margin-top:22px;padding:14px 16px;font-size:13.5px;line-height:1.7}
  .res .flags{grid-template-columns:1fr;gap:16px;margin-top:26px}
  .res .flag{padding-top:13px}
  .res .flag p{font-size:14.5px;line-height:1.72}
  .res .flag.bad{grid-column:1;grid-row:auto}
  .res .flag.good{grid-column:1;grid-row:auto}
  .res .plates{grid-template-columns:1fr;margin-top:32px}
  .res .plate + .plate{border-left:0;border-top:1px solid rgba(255,255,255,.1)}
  .res .plate .cd{font-size:13.5px}
  .res .gems{grid-template-columns:1fr;gap:14px;padding:22px 20px 26px}
  .res .gems p{font-size:14.5px;line-height:1.72}
  .res .micro{margin-top:28px;font-size:13px;line-height:1.7}
  .res .spread{grid-template-columns:1fr;gap:30px;padding:48px 20px 44px}
  .res .letter{position:static}
  .res .rec-intro{font-size:16.5px}
  .res .rec-fallback{font-size:14px;line-height:1.7}
  .res .sgrid{grid-template-columns:1fr;gap:6px}
  .res .sgrid h3{font-size:23px;max-width:none;margin-bottom:16px}
  .res .sbody p{font-size:14.5px;line-height:1.76}
}

/* ==== membership ==== */
/* ============ SECTION (.mem): transparent on the brand purple field, the membership tease ============ */
.mem{--purple:#603fd7;--purple-soft:#a78bff;--purple-text:#c9b8ff;--gold:#f2a900;--gold-hi:#ffc94d;--ink:#ffffff;--ink-2:#eceaf6;--muted:#9a96b8;
  font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--ink);line-height:1.7;position:relative;overflow:hidden;
  /* 2026-07-23 background rework (Simon: "the background needs work"): the section used to sit
     on two faint glows and read FLAT, especially over the mobile field. Now it carries the full
     premium light treatment the hero/results use: one real light source upper-right, a wide low
     center bloom so the three cards float on depth instead of dead ground, the gold whisper, and
     grain (below). Still fully transparent over the ONE FIELD: glows, never a ground. */
  background:
    radial-gradient(900px 560px at 80% 14%, rgba(167,139,255,.22), transparent 62%),
    radial-gradient(1200px 820px at 50% 46%, rgba(84,58,190,.2), transparent 70%),
    radial-gradient(760px 600px at 6% 80%, rgba(242,169,0,.09), transparent 60%),
    transparent;
  padding:92px 0}
/* grain, matched to the hero: what makes the surface read as material instead of a flat export */
.mem:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.04;
  mix-blend-mode:overlay;background-size:170px 170px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.mem *{box-sizing:border-box}
.mem .wrap{max-width:1080px;margin:0 auto;padding:0 28px;position:relative;z-index:2}
.mem .head{text-align:center;max-width:750px;margin:0 auto 40px}
.mem h2{font-family:'Montserrat',sans-serif;font-weight:800;font-size:39px;line-height:1.16;letter-spacing:-.015em;color:var(--ink);margin:0 0 12px;text-wrap:balance}
.mem h2 .p{background:linear-gradient(90deg,#dcd2ff,#b9a2ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.mem .serif{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:500;font-size:19px;color:var(--gold);margin:0 0 16px}
.mem .sub{font-size:17px;color:var(--muted);max-width:640px;margin:0 auto;text-wrap:pretty}
.mem .sub b{color:var(--ink-2);font-weight:600}

/* the three style cards */
.mem .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0 0 26px}
.mem .c{position:relative;border-radius:18px;padding:26px 24px 22px;overflow:hidden;
  background:linear-gradient(180deg,rgba(40,27,92,.62),rgba(26,16,64,.5));
  border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 60px rgba(10,6,44,.5),inset 0 1px 0 rgba(255,255,255,.06);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .28s cubic-bezier(.2,.7,.3,1),box-shadow .3s ease,border-color .3s ease}
.mem .c::before{content:"";position:absolute;top:0;left:26px;height:2px;width:34px;border-radius:2px;
  background:linear-gradient(90deg,var(--gold-hi),var(--gold));transition:width .4s cubic-bezier(.2,.7,.3,1);opacity:.9}
.mem .mq{margin:0 auto 18px;max-width:620px;position:relative;padding:18px 22px 16px;border-radius:16px;
  border:1px solid rgba(255,255,255,.09);border-left:3px solid rgba(242,169,0,.6);background:rgba(26,16,64,.4)}
.mem .mq .mark{position:absolute;top:6px;left:14px;font-family:'Playfair Display',Georgia,serif;font-size:34px;color:rgba(242,169,0,.5);line-height:1}
.mem .mq p{margin:0 0 8px 26px;font-size:15px;line-height:1.6;color:#e4dff6;font-style:italic}
.mem .mq cite{display:block;margin-left:26px;font-style:normal;font-family:'Montserrat',sans-serif;font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#f2c25a}
.mem .mq .role{color:#9a96b8;font-weight:600}
.mem .gift{margin:0 auto 30px;max-width:640px;text-align:center;font-size:14px;line-height:1.7;color:#aca7c9;text-wrap:pretty}
.mem .gift b{color:#fff;font-weight:600}
.mem .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mem .c:hover{transform:translateY(-6px);box-shadow:0 40px 90px rgba(10,6,44,.6),inset 0 1px 0 rgba(255,255,255,.09);border-color:rgba(167,139,255,.34)}
.mem .c:hover::before{width:calc(100% - 52px)}
.mem .c .ico{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;
  background:radial-gradient(120% 120% at 30% 20%,rgba(167,139,255,.3),rgba(96,63,215,.16));border:1px solid rgba(167,139,255,.28)}
.mem .c .ico svg{width:24px;height:24px;display:block}
.mem .c .ico svg *{stroke:var(--purple-text);stroke-width:1.6;fill:none;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.mem .c .nm{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:9px}
.mem .c .nm h3{font-family:'Montserrat',sans-serif;font-weight:800;font-size:19px;letter-spacing:.01em;color:var(--ink);margin:0}
.mem .c .tag{font-family:'Montserrat',sans-serif;font-weight:600;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--purple-text);
  background:rgba(167,139,255,.12);border:1px solid rgba(167,139,255,.26);border-radius:999px;padding:3px 9px}
.mem .c .desc{font-size:14.5px;color:var(--muted);margin:0 0 14px;text-wrap:pretty}
.mem .c .who{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--gold);font-weight:500;
  padding-top:13px;border-top:1px solid rgba(255,255,255,.1)}

/* scarcity + PAM band */
/* Quiet trust chips carried over from the live page: the "enough time" differentiator
   (we trade a calm style for people, not screens) and USA accessibility, which most
   groups cannot offer. Deliberately small: signals, not a feature dump. */
.mem .chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 0 26px}
.mem .chip{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;
  background:rgba(167,139,255,.1);border:1px solid rgba(167,139,255,.22);
  font-size:12.5px;font-weight:600;color:var(--ink-2);letter-spacing:.01em}
.mem .chip svg{width:14px;height:14px;flex:0 0 auto;fill:none;stroke:var(--purple-soft);stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
@media (max-width:900px){.mem .chips{gap:8px;margin-bottom:22px}.mem .chip{font-size:11.5px;padding:7px 12px}}
.mem .band{display:grid;grid-template-columns:1fr 1.15fr;gap:18px;margin-bottom:30px}
.mem .scar,.mem .pam{position:relative;border-radius:18px;padding:24px 26px;background:rgba(26,16,64,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}
.mem .scar{border-left:3px solid rgba(242,169,0,.6)}
.mem .pam{border-left:3px solid rgba(167,139,255,.5)}
.mem .band .kk{display:flex;align-items:center;gap:9px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:9px}
.mem .scar .kk{color:var(--gold)}
.mem .pam .kk{color:var(--purple-text)}
.mem .band .kk svg{width:15px;height:15px}
.mem .band .kk svg *{stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.mem .band p{margin:0;font-size:14px;color:var(--ink-2);line-height:1.62}
.mem .band p b{color:var(--ink);font-weight:600}

/* vision path: what the first days actually look like */
.mem .vision{max-width:860px;margin:2px auto 4px;text-align:center}
.mem .vlabel{display:inline-block;font-family:'Montserrat',sans-serif;font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:22px}
.mem .path{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.mem .path::before{content:"";position:absolute;top:23px;left:13%;right:13%;height:2px;border-radius:2px;
  background:linear-gradient(90deg,rgba(167,139,255,.32),rgba(167,139,255,.38) 45%,rgba(242,169,0,.45));z-index:0}
.mem .pnode{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:11px}
.mem .pnode .pc{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(120% 120% at 30% 20%,rgba(64,48,132,.9),rgba(26,16,64,.85));border:1px solid rgba(167,139,255,.38);box-shadow:0 8px 18px rgba(10,6,44,.5)}
.mem .pnode .pc svg{width:22px;height:22px;display:block}
.mem .pnode .pc svg *{stroke:var(--purple-text);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.mem .pnode:last-child .pc{border-color:rgba(242,169,0,.55);background:radial-gradient(120% 120% at 30% 20%,rgba(96,68,16,.85),rgba(38,24,8,.8))}
.mem .pnode:last-child .pc svg *{stroke:var(--gold)}
.mem .pnode .pl{font-size:12.5px;line-height:1.35;color:var(--ink-2);max-width:162px;font-weight:500}
.mem .pnode .pl b{color:var(--ink);font-weight:600}

/* CTA */
.mem .cta{text-align:center}
.mem .btn{display:inline-flex;align-items:center;gap:11px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:16px;letter-spacing:.01em;
  color:#fff;text-decoration:none;padding:17px 40px;border-radius:999px;min-height:56px;
  background:linear-gradient(180deg,#7150e6,#5533c9);border:1px solid rgba(255,255,255,.18);
  box-shadow:0 20px 46px rgba(96,63,215,.42),inset 0 1px 0 rgba(255,255,255,.35);
  transition:transform .22s ease,box-shadow .3s ease}
.mem .btn:hover{transform:translateY(-2px);box-shadow:0 28px 60px rgba(96,63,215,.55),inset 0 1px 0 rgba(255,255,255,.4)}
.mem .btn:focus-visible{outline:2px solid var(--purple-soft);outline-offset:3px}
.mem .btn .a{transition:transform .25s ease}
.mem .btn:hover .a{transform:translateX(4px)}
.mem .reassure{margin:16px 0 0;font-size:13.5px;color:var(--muted)}
.mem .reassure b{color:var(--ink-2);font-weight:600}

/* one-time reveal (fail-safe: default visible) */
.mem .c{opacity:1}
.mem.reveal .c{opacity:0;transform:translateY(16px)}
.mem.reveal.in .c{opacity:1;transform:none;transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.3,1)}
.mem.reveal.in .c:nth-child(2){transition-delay:.09s}
.mem.reveal.in .c:nth-child(3){transition-delay:.18s}

@media (prefers-reduced-motion:reduce){
  .mem .c,.mem .btn,.mem .c::before{transition:none}
  .mem.reveal .c{opacity:1;transform:none}
}

/* mobile */
@media (max-width:900px){
  .mem{padding:60px 0}
  .mem .wrap{padding:0 16px}
  .mem h2{font-size:27px}
  .mem .serif{font-size:16.5px}
  .mem .cards{grid-template-columns:1fr;gap:14px}
  .mem .band{grid-template-columns:1fr;gap:12px}
  .mem .path{grid-template-columns:1fr;gap:16px;max-width:340px;margin:0 auto;text-align:left}
  .mem .path::before{top:6px;bottom:6px;left:23px;right:auto;width:2px;height:auto;
    background:linear-gradient(180deg,rgba(167,139,255,.34),rgba(242,169,0,.45))}
  .mem .pnode{flex-direction:row;align-items:center;gap:15px}
  .mem .pnode .pl{max-width:none}
  .mem .btn{width:100%;justify-content:center;padding:17px 24px}
}

/* ==== pro ==== */
/* ============ SECTION (.pro): dark intelligence-layer rung (PRO Paradiser) ============ */
.pro{--purple:#603fd7;--purple-soft:#a78bff;--field:#100A34;--gold:#f2a900;--gold-hi:#ffd766;--ink:#eceaf6;--muted:#9a96b8;--dim:#8a85a8;--green:#5ad19a;--glass:rgba(26,16,64,.6);
  font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--ink);line-height:1.7;position:relative;overflow:hidden;
  background:none;
  padding:96px 0}
.pro *{box-sizing:border-box}
.pro .wrap{max-width:960px;margin:0 auto;padding:0 28px;position:relative;z-index:2}
.pro .head{text-align:center;max-width:760px;margin:0 auto 34px}
.pro h2{font-family:'Montserrat',sans-serif;font-weight:800;font-size:40px;line-height:1.14;letter-spacing:-.015em;color:#fff;margin:0 0 12px;text-wrap:balance}
.pro h2 .g{background:linear-gradient(180deg,var(--gold-hi) 6%,var(--gold) 52%,#b97800 96%);-webkit-background-clip:text;background-clip:text;color:transparent}
.pro .sub{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:500;font-size:20px;color:#d8b96a;margin:0}

/* the big, bold intelligence panel */
.pro .panel{position:relative;background:var(--glass);border:1px solid rgba(255,255,255,.13);border-radius:26px;
  box-shadow:0 60px 150px rgba(0,0,0,.55);backdrop-filter:blur(10px);overflow:hidden}
.pro .phead{display:flex;align-items:center;justify-content:center;padding:20px 28px;border-bottom:1px solid rgba(242,169,0,.16)}
.pro .plabel{display:inline-flex;align-items:center;gap:8px;font-family:'Montserrat',sans-serif;font-weight:800;font-size:22px;letter-spacing:-.01em;color:#fff}
.pro .plabel .emo{font-size:.86em;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}
.pro .spacer{flex:1}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(90,209,154,.5)}70%{box-shadow:0 0 0 8px rgba(90,209,154,0)}100%{box-shadow:0 0 0 0 rgba(90,209,154,0)}}

.pro .pbody{padding:30px 34px 34px}
/* interactive segmented tabs (the emotional benefits) */
.pro .tabs{position:relative;display:flex;gap:4px;background:rgba(10,6,40,.62);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:5px;max-width:540px;margin:0 auto 30px;user-select:none}
.pro .tabs button:not(.on):hover{color:var(--ink)}
.pro .tabs .pill{position:absolute;top:5px;bottom:5px;width:calc((100% - 10px - 8px)/3);border-radius:999px;
  background:linear-gradient(180deg,rgba(96,63,215,.6),rgba(96,63,215,.34));border:1px solid rgba(167,139,255,.55);
  transition:transform .45s cubic-bezier(.3,.8,.3,1);z-index:0}
.pro .tabs.i1 .pill{transform:translateX(calc(100% + 4px))}
.pro .tabs.i2 .pill{transform:translateX(calc(200% + 8px))}
.pro .tabs button{position:relative;z-index:1;flex:1;background:0;border:0;cursor:pointer;color:var(--muted);font-family:'Montserrat',sans-serif;font-weight:600;font-size:13.5px;letter-spacing:.02em;padding:13px 8px;min-height:46px;transition:color .3s ease}
.pro .tabs button.on{color:#fff}
.pro .tabs button:focus-visible{outline:2px solid var(--purple-soft);outline-offset:2px;border-radius:999px}

/* the stage: big emotional payoff, morphs per tab */
.pro .stage{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:280px;max-width:660px;margin:0 auto;
  transition:opacity .34s ease,transform .34s ease}
.pro .stage.swap{opacity:0;transform:translateY(10px)}
.pro .stage-ic{width:62px;height:62px;border-radius:17px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;
  background:radial-gradient(120% 120% at 30% 18%,rgba(255,215,102,.28),rgba(242,169,0,.1));border:1px solid rgba(242,169,0,.42);box-shadow:0 14px 34px rgba(242,169,0,.16)}
.pro .stage-ic svg{width:30px;height:30px}
.pro .stage-ic svg *{stroke:var(--gold-hi);stroke-width:1.55;fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.pro .stage h3{font-family:'Montserrat',sans-serif;font-weight:800;font-size:29px;line-height:1.18;letter-spacing:-.01em;color:#fff;margin:0 0 13px;text-wrap:balance}
.pro .stage p{font-size:16.5px;color:var(--muted);margin:0;max-width:580px;text-wrap:pretty}

.pro .pre{font-family:'Montserrat',sans-serif;font-weight:600;font-size:13px;letter-spacing:.04em;color:#9a96b8;margin:0 0 14px;text-align:center}
.pro .pre{max-width:52ch;margin-left:auto;margin-right:auto}
.pro .pcta{text-align:center;margin-top:30px;padding-top:26px;border-top:1px solid rgba(255,255,255,.08)}
.pro .cta{display:inline-flex;align-items:center;gap:11px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:16.5px;letter-spacing:.01em;color:#ffd766;text-decoration:none;
  background:none;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:17px 38px;min-height:58px;
  box-shadow:0 20px 46px rgba(242,169,0,.34),inset 0 1px 0 rgba(255,255,255,.45);transition:transform .22s ease,box-shadow .3s ease}
.pro .cta:hover{transform:translateY(-2px);box-shadow:0 28px 60px rgba(242,169,0,.46),inset 0 1px 0 rgba(255,255,255,.55)}
.pro .cta:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}
.pro .cta .a{transition:transform .25s ease}
.pro .cta:hover .a{transform:translateX(3px)}

.pro .ladder{text-align:center;margin:24px auto 0;max-width:560px;font-size:13.5px;color:var(--dim)}
.pro .ladder b{color:var(--purple-soft);font-weight:600}

@media (prefers-reduced-motion:reduce){.pro .cta,.pro .stage,.pro .tabs .pill{transition:none}.pro .live .d{animation:none}}

/* mobile */
@media (max-width:900px){
  .pro{padding:62px 0}
  .pro .wrap{padding:0 16px}
  .pro h2{font-size:28px}
  .pro .sub{font-size:17px}
  .pro .pbody{padding:22px 18px 24px}
  .pro .tabs button{font-size:12px;padding:12px 4px}
  .pro .stage h3{font-size:23px}
  .pro .stage{min-height:310px}
  .pro .phead{padding:16px 18px}
  .pro .cta{width:100%;justify-content:center;padding:16px 22px}
}

/* ==== album ==== */
/* ===== Professional Trader album section (.pta) ===== */
.pta{--purple:#603fd7;--purple-soft:#a78bff;--field:#100A34;--field-2:#1A1755;--gold:#f2a900;--gold-hi:#ffd766;--ink:#eceaf6;--muted:#9a96b8;--dim:#8a85a8;--hair:rgba(242,169,0,.28);--glass:rgba(26,16,64,.55);
  position:relative;overflow:hidden;font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--ink);line-height:1.7;
  background:none;
  padding:96px 0}
.pta *{box-sizing:border-box}
.pta .wrap{max-width:1180px;margin:0 auto;padding:0 28px;position:relative;z-index:2;
  display:grid;grid-template-columns:1.04fr .96fr;gap:64px;align-items:center}

/* a single soft purple glow that follows the cursor (calm, one accent) */
.pta .aura{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(620px 420px at var(--mx,32%) var(--my,40%),rgba(96,63,215,.22),transparent 72%)}

/* ---- left: copy ---- */
.pta .eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:'Montserrat',sans-serif;font-size:12px;
  letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:24px}
.pta .eq{display:inline-flex;align-items:flex-end;gap:3px;height:15px}
.pta .eq i{width:3px;border-radius:2px;background:linear-gradient(180deg,var(--gold-hi),var(--gold));animation:eq 1.1s ease-in-out infinite}
.pta .eq i:nth-child(1){height:40%;animation-delay:-.2s}
.pta .eq i:nth-child(2){height:90%;animation-delay:-.5s}
.pta .eq i:nth-child(3){height:60%;animation-delay:-.1s}
.pta .eq i:nth-child(4){height:100%;animation-delay:-.7s}
.pta .eq i:nth-child(5){height:50%;animation-delay:-.35s}
@keyframes eq{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1)}}

.pta h2{font-family:'Montserrat',sans-serif;font-weight:800;font-size:42px;line-height:1.16;letter-spacing:-.01em;
  color:#fff;margin:0 0 8px;text-wrap:balance}
.pta h2 .g{background:linear-gradient(180deg,var(--gold-hi) 6%,var(--gold) 52%,#b97800 96%);-webkit-background-clip:text;background-clip:text;color:transparent}
.pta .serif{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:500;font-size:24px;color:var(--purple-soft);margin:14px 0 22px;display:block}
.pta .lead{font-size:17px;color:var(--muted);max-width:520px;margin:0 0 30px}
.pta .lead b{color:var(--ink);font-weight:600}

.pta .ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:22px}
.pta .btn{position:relative;display:inline-flex;align-items:center;gap:11px;font-family:'Montserrat',sans-serif;font-weight:600;
  font-size:15.5px;letter-spacing:.01em;padding:15px 26px;border-radius:999px;cursor:pointer;text-decoration:none;
  transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s ease,border-color .3s ease;min-height:48px;will-change:transform}
.pta .btn svg{width:19px;height:19px;flex:0 0 auto}
.pta .btn.primary{background:var(--purple);color:#fff;box-shadow:0 14px 34px rgba(96,63,215,.34)}
.pta .btn.primary:hover{box-shadow:0 20px 48px rgba(96,63,215,.46)}
.pta .btn.ghost{background:rgba(255,255,255,.04);color:var(--ink);border:1.5px solid rgba(167,139,255,.4)}
.pta .btn.ghost:hover{border-color:#fff;color:#fff}

/* Each fragment is its own <span> so flex treats it as ONE atomic item. As bare text nodes they
   became anonymous flex items that shrank and broke mid-phrase ("Released May / 2026") on narrow
   screens. nowrap + wrap = whole phrases move to the next line, never a broken one. */
.pta .meta{font-size:13px;color:var(--dim);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pta .meta>span:not(.dot){white-space:nowrap}
.pta .meta .dot{width:4px;height:4px;border-radius:50%;background:var(--dim);flex:0 0 auto}
.pta .meta-link{color:var(--muted);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(167,139,255,.4);transition:color .25s ease,border-color .25s ease}
.pta .meta-link:hover{color:#fff;border-color:#a78bff}
@media (max-width:560px){
  .pta .meta{flex-direction:column;align-items:flex-start;gap:5px}
  .pta .meta .dot{display:none}
}

/* ---- right: tiltable player frame ---- */
.pta .stage{perspective:1100px}
.pta .player{position:relative;border-radius:22px;padding:16px;
  background:linear-gradient(160deg,rgba(96,63,215,.16),rgba(26,16,64,.62));
  border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 110px rgba(0,0,0,.5),0 0 0 1px rgba(96,63,215,.12) inset;
  transform-style:preserve-3d;transition:transform .25s ease;will-change:transform}
.pta .player:before{content:'';position:absolute;inset:-2px;border-radius:24px;z-index:-1;
  background:linear-gradient(120deg,rgba(242,169,0,.0),rgba(96,63,215,.35),rgba(242,169,0,.0));
  opacity:.0;transition:opacity .4s ease}
.pta .player.lit:before{opacity:.7}
.pta .player .glint{position:absolute;inset:0;border-radius:22px;pointer-events:none;
  background:radial-gradient(420px 240px at var(--gx,70%) var(--gy,18%),rgba(255,255,255,.1),transparent 60%);opacity:.55}
.pta .player iframe{display:block;width:100%;border:0;border-radius:14px;position:relative;z-index:1;background:#0a062c}
/* Spotify facade. A raw iframe src attribute is REWRITTEN by 10Web (src -> data-src for lazy-load) and its
   loader never restores it under delay-JS, so the embed rendered as a blank 380px hole on live
   (verified 2026-07-18: srcAttr STRIPPED, contentDocument null). Injecting the player on a real
   click sidesteps the rewrite entirely, and costs no Spotify round-trip until someone wants it. */
.pta .spot-face{display:flex;align-items:center;gap:16px;width:100%;padding:16px;border:0;cursor:pointer;
  border-radius:14px;position:relative;z-index:1;text-align:left;
  background:linear-gradient(135deg,rgba(10,6,44,.96),rgba(26,16,64,.9));
  transition:transform .18s ease,box-shadow .3s ease}
.pta .spot-face:hover{transform:translateY(-2px);box-shadow:0 22px 54px rgba(0,0,0,.45)}
.pta .spot-face:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.pta .spot-art{width:104px;height:104px;flex:0 0 auto;border-radius:10px;object-fit:cover;
  box-shadow:0 12px 34px rgba(0,0,0,.5)}
.pta .spot-meta{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1 1 auto}
.pta .spot-t{font-family:'Montserrat',sans-serif;font-weight:700;font-size:18px;color:var(--ink);line-height:1.2}
.pta .spot-s{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.pta .spot-go{flex:0 0 auto;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:#0a062c;background:var(--gold);padding-left:3px;box-shadow:0 10px 28px rgba(0,0,0,.4);
  transition:transform .18s ease,background .3s ease}
.pta .spot-face:hover .spot-go{transform:scale(1.07);background:var(--gold-hi)}
@media (max-width:520px){.pta .spot-art{width:76px;height:76px}.pta .spot-t{font-size:16px}.pta .spot-go{width:42px;height:42px}}
@media (prefers-reduced-motion:reduce){.pta .spot-face,.pta .spot-go{transition:none}}
.pta .nowplaying{display:flex;align-items:center;gap:9px;margin:13px 4px 2px;font-family:'Montserrat',sans-serif;
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}
.pta .nowplaying .live{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 rgba(242,169,0,.6);animation:pta-pulse 2s ease-out infinite}
@keyframes pta-pulse{0%{box-shadow:0 0 0 0 rgba(242,169,0,.5)}100%{box-shadow:0 0 0 9px rgba(242,169,0,0)}}

@media (prefers-reduced-motion:reduce){
  .pta .eq i,.pta .nowplaying .live{animation:none}
  .pta .player,.pta .btn{transition:none}
}

/* ---- mobile (390, first-class) ---- */
@media (max-width:900px){
  .pta{padding:62px 0}
  .pta .wrap{grid-template-columns:minmax(0,1fr);gap:34px;padding:0 20px}
  .pta .wrap > *{min-width:0}
  .pta .stage{order:2}
  .pta h2{font-size:30px}
  .pta .serif{font-size:20px}
  .pta .lead{font-size:16px}
  .pta .ctas{gap:11px}
  .pta .btn{flex:1 1 100%;justify-content:center}
}

/* ==== free ==== */
/* ============ SECTION (.free): quiet DARK on-ramp, start-free email + free Telegram ============ */
.free{--purple:#603fd7;--purple-soft:#a78bff;--field:#100A34;--gold:#f2a900;--gold-hi:#ffd766;--ink:#eceaf6;--muted:#9a96b8;--dim:#8a85a8;--red:#e06a6a;--glass:rgba(26,16,64,.55);
  font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--ink);line-height:1.7;position:relative;overflow:hidden;
  /* ONE FIELD (DECISIONS 12.1c): transparent, the page root owns the brand background. A section-owned
     copy of the 4k desktop asset here made MOBILE download 240KB it never shows (its field is the tile). */
  background:transparent;
  padding:84px 0}
.free *{box-sizing:border-box}
.free .wrap{max-width:900px;margin:0 auto;padding:0 28px;position:relative;z-index:2}
.free .head{text-align:center;max-width:640px;margin:0 auto 26px}
.free h2{font-family:'Montserrat',sans-serif;font-weight:800;font-size:33px;line-height:1.18;letter-spacing:-.015em;color:#fff;margin:0 0 11px;text-wrap:balance}
.free h2 .g{background:linear-gradient(180deg,var(--gold-hi) 6%,var(--gold) 52%,#b97800 96%);-webkit-background-clip:text;background-clip:text;color:transparent}
.free .sub{font-size:16px;color:var(--muted);max-width:560px;margin:0 auto;text-wrap:pretty}

/* panel with the email form */
.free .panel{position:relative;max-width:600px;margin:0 auto;background:var(--glass);border:1px solid rgba(255,255,255,.1);border-radius:20px;
  box-shadow:0 30px 80px rgba(0,0,0,.42);backdrop-filter:blur(8px);padding:24px 24px 20px}
.free form{display:flex;gap:10px;flex-wrap:wrap}
.free .inp{flex:1 1 240px;min-width:0}
.free input[type=email]{width:100%;background:rgba(10,6,40,.6);border:1px solid rgba(255,255,255,.14);border-radius:12px;
  color:#fff;font-family:inherit;font-size:15px;padding:14px 16px;min-height:54px;transition:border-color .25s ease,box-shadow .25s ease}
.free input[type=email]::placeholder{color:var(--dim)}
.free input[type=email]:focus{outline:none;border-color:var(--purple-soft);box-shadow:0 0 0 3px rgba(167,139,255,.18)}
.free .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* lavender submit (subordinate to the one saturated-purple membership CTA) */
.free .btn{flex:0 0 auto;font-family:'Montserrat',sans-serif;font-weight:700;font-size:15px;letter-spacing:.01em;color:#efeaff;cursor:pointer;
  background:linear-gradient(180deg,rgba(167,139,255,.26),rgba(96,63,215,.2));border:1px solid rgba(167,139,255,.5);
  border-radius:12px;padding:14px 26px;min-height:54px;transition:transform .2s ease,box-shadow .3s ease,background .3s ease;white-space:nowrap}
.free .btn:hover{transform:translateY(-1px);background:linear-gradient(180deg,rgba(167,139,255,.36),rgba(96,63,215,.3));box-shadow:0 14px 32px rgba(96,63,215,.34)}
.free .btn:focus-visible{outline:2px solid var(--purple-soft);outline-offset:3px}
.free .micro{margin:12px 3px 0;color:var(--dim);font-size:12.5px}
.free .micro.err{color:var(--red)}

/* success swap */
.free .success{display:none;text-align:center;padding:6px 0 4px}
.free.done form{display:none}
.free.done .micro{display:none}
.free.done .success{display:block}
.free .success .ck{width:46px;height:46px;border-radius:50%;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(120% 120% at 30% 20%,rgba(242,169,0,.32),rgba(242,169,0,.14));border:1px solid rgba(242,169,0,.55);color:var(--gold-hi);font-size:20px;font-weight:700}
.free .success h3{font-family:'Montserrat',sans-serif;font-weight:700;font-size:19px;color:#fff;margin:0 0 5px}
.free .success p{margin:0;color:var(--muted);font-size:14.5px}

/* or divider + telegram */
.free .or{display:flex;align-items:center;gap:16px;max-width:600px;margin:20px auto 0;color:var(--dim);font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.free .or::before,.free .or::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent)}
.free .tg{text-align:center;margin-top:16px}
.free .tgbtn{display:inline-flex;align-items:center;gap:9px;font-family:'Montserrat',sans-serif;font-weight:600;font-size:14px;color:var(--purple-soft);text-decoration:none;
  border:1px solid rgba(167,139,255,.36);border-radius:999px;padding:12px 22px;min-height:46px;transition:background .3s ease,border-color .3s ease,transform .2s ease}
.free .tgbtn:hover{background:rgba(96,63,215,.14);border-color:var(--purple-soft);transform:translateY(-1px)}
.free .tgbtn .a{transition:transform .25s ease}
.free .tgbtn:hover .a{transform:translateX(3px)}

@media (prefers-reduced-motion:reduce){.free .btn,.free .tgbtn,.free input[type=email]{transition:none}}

/* mobile */
@media (max-width:900px){
  .free{padding:58px 0}
  .free .wrap{padding:0 16px}
  .free h2{font-size:25px}
  .free form{flex-direction:column}
  /* column flex flips the main axis: without this, .inp's 240px flex-BASIS becomes 240px of HEIGHT
     (a 180px dead gap between the email input and the button on phones) */
  .free .inp{flex:0 0 auto}
  .free .btn{width:100%;justify-content:center}
}

/* ==== flywheel ==== */
/* ============ SECTION (.fw): free-flywheel, reciprocity, community, human, long game ============ */
/* Transparent on the shared purple field (#100A34 + orbs) painted by the page container. */
.fw{--purple-soft:#a78bff;--purple-lift:#cbbaff;--gold:#f2a900;--green:#4fd39a;--ink:#eceaf6;--head:#ffffff;--muted:#9a96b8;
  font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--ink);line-height:1.7;position:relative;overflow:hidden;
  background:
    radial-gradient(820px 520px at 84% 20%, rgba(167,139,255,.14), transparent 62%),
    radial-gradient(760px 560px at 4% 78%, rgba(79,211,154,.07), transparent 60%),
    transparent;
  padding:92px 0}
.fw *{box-sizing:border-box}
.fw .wrap{max-width:1080px;margin:0 auto;padding:0 28px;position:relative}
.fw .head{text-align:center;max-width:720px;margin:0 auto 36px}
.fw h2{font-family:'Montserrat',sans-serif;font-weight:800;font-size:39px;line-height:1.16;letter-spacing:-.015em;color:var(--head);margin:0 0 12px;text-wrap:balance}
.fw h2 .p{background:linear-gradient(90deg,#b39bff,#ddd2ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.fw .sub{font-size:17px;color:var(--muted);max-width:640px;margin:0 auto;text-wrap:pretty}
.fw .sub b{color:var(--ink);font-weight:600}

/* hero tools tile: glass panel lifted off the field */
.fw .hero{position:relative;border-radius:22px;padding:30px 32px;margin-bottom:18px;overflow:hidden;
  background:rgba(26,16,64,.55);border:1px solid rgba(255,255,255,.08);
  box-shadow:0 34px 80px rgba(10,6,44,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  display:grid;grid-template-columns:1.15fr 1fr;gap:26px;align-items:center}
.fw .hero .glab{display:inline-flex;align-items:center;gap:8px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.fw .hero .glab::before{content:"";width:18px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.fw .hero h3{font-family:'Montserrat',sans-serif;font-weight:800;font-size:25px;line-height:1.2;color:var(--head);margin:0 0 10px;letter-spacing:-.01em}
.fw .hero p{font-size:14.5px;color:var(--muted);margin:0 0 18px}
.fw .hero p b{color:var(--ink);font-weight:600}
.fw .chips{display:flex;flex-wrap:wrap;gap:10px}
.fw a.chip{text-decoration:none;cursor:pointer;transition:border-color .25s ease,background .25s ease}
.fw a.chip:hover{border-color:rgba(167,139,255,.5);background:rgba(96,63,215,.14)}
.fw .chip{display:flex;align-items:center;gap:9px;background:rgba(167,139,255,.1);border:1px solid rgba(167,139,255,.24);border-radius:12px;padding:11px 14px}
.fw .chip svg{width:19px;height:19px;flex:0 0 auto}
.fw .chip svg *{stroke:var(--purple-soft);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.fw .chip span{font-family:'Montserrat',sans-serif;font-weight:600;font-size:13px;color:var(--ink);white-space:nowrap}
.fw .hero-cta{margin-top:20px}

/* ghost / lavender CTA (all free-tier CTAs are subordinate to the purple VIP + gold PRO) */
.fw .btn:focus-visible,.fw .tlink:focus-visible,.fw a.chip:focus-visible{outline:2px solid #a78bff;outline-offset:3px;border-radius:8px}
.fw .tile.human .tlink:focus-visible{outline-color:#5ad19a}
.fw .apply-link{color:inherit;text-decoration:none;border-bottom:1px solid rgba(167,139,255,.45);transition:border-color .25s ease}
.fw .apply-link:hover{border-color:#a78bff}
.fw .btn{display:inline-flex;align-items:center;gap:9px;font-family:'Montserrat',sans-serif;font-weight:600;font-size:14.5px;letter-spacing:.01em;color:var(--purple-lift);text-decoration:none;
  background:rgba(167,139,255,.12);border:1px solid rgba(167,139,255,.34);border-radius:999px;padding:13px 24px;min-height:48px;
  transition:background .3s ease,border-color .3s ease,transform .2s ease}
.fw .btn:hover{background:rgba(167,139,255,.2);border-color:var(--purple-soft);transform:translateY(-1px)}
.fw .btn .a{transition:transform .25s ease}
.fw .btn:hover .a{transform:translateX(3px)}

/* 3 supporting tiles: glass panels lifted off the field */
.fw .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}
.fw .tile{position:relative;border-radius:18px;padding:24px 22px;overflow:hidden;
  background:rgba(26,16,64,.55);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:0 20px 50px rgba(10,6,44,.45);transition:transform .25s ease,box-shadow .3s ease,border-color .3s ease;
  display:flex;flex-direction:column}
.fw .tile:hover{transform:translateY(-4px);box-shadow:0 34px 74px rgba(10,6,44,.6);border-color:rgba(167,139,255,.3)}
.fw .tile .ic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:15px;
  background:radial-gradient(120% 120% at 30% 20%,rgba(167,139,255,.28),rgba(96,63,215,.22));border:1px solid rgba(167,139,255,.26)}
.fw .tile .ic svg{width:22px;height:22px}
.fw .tile .ic svg *{stroke:var(--purple-soft);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.fw .tile h4{font-family:'Montserrat',sans-serif;font-weight:700;font-size:16.5px;color:var(--head);margin:0 0 7px;letter-spacing:.005em}
.fw .tile p{font-size:13.5px;color:var(--muted);margin:0 0 16px;flex:1}
.fw .tile p b{color:var(--ink);font-weight:600}
.fw .tile .tlink:first-of-type:after{content:'';position:absolute;inset:0}
.fw .tile .tlink{position:relative;z-index:1;min-height:44px;align-items:center;margin:-12px 0;font-family:'Montserrat',sans-serif;font-weight:600;font-size:13.5px;color:var(--purple-lift);text-decoration:none;display:inline-flex;align-items:center;gap:7px}
.fw .tile .tlink .a{transition:transform .25s ease}
.fw .tile .tlink:hover .a{transform:translateX(3px)}
.fw .tile.human{border-color:rgba(79,211,154,.3);background:linear-gradient(180deg,rgba(79,211,154,.13),rgba(26,16,64,.6))}
.fw .tile.human:hover{border-color:rgba(79,211,154,.5)}
.fw .tile.human .ic{background:radial-gradient(120% 120% at 30% 20%,rgba(79,211,154,.24),rgba(79,211,154,.1));border-color:rgba(79,211,154,.3)}
.fw .tile.human .ic svg *{stroke:var(--green)}
.fw .tile.human .tlink{color:var(--green)}
.fw .tile.human .phone{display:block;text-decoration:none;font-family:'Montserrat',sans-serif;font-weight:700;font-size:14px;color:var(--head);margin:-6px 0 12px;letter-spacing:.01em}

/* closing long-game line */
.fw .close{text-align:center;max-width:640px;margin:0 auto}
.fw .close .serif{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:500;font-size:22px;line-height:1.4;color:var(--ink);margin:0}
.fw .close .serif b{font-style:normal;font-weight:600;background:linear-gradient(90deg,#b39bff,#ddd2ff);-webkit-background-clip:text;background-clip:text;color:transparent}

@media (prefers-reduced-motion:reduce){.fw .tile,.fw .btn{transition:none}.fw .btn .a,.fw .tlink .a{transition:none}.fw .tile:hover,.fw .btn:hover{transform:none}}

/* mobile */
@media (max-width:900px){
  .fw{padding:60px 0}
  .fw .wrap{padding:0 16px}
  .fw h2{font-size:27px}
  .fw .hero{grid-template-columns:1fr;gap:20px;padding:24px 20px}
  .fw .tiles{grid-template-columns:1fr;gap:14px}
  .fw .close .serif{font-size:19px}
  .fw .btn{width:100%;justify-content:center}
}

/* ==== faq ==== */
/* ============ SECTION (.faq): dark FAQ, GEO answer-first + FAQPage schema ============ */
.faq{--purple:#603fd7;--purple-soft:#a78bff;--field:#100A34;--gold:#f2a900;--gold-hi:#ffd766;--ink:#eceaf6;--muted:#9a96b8;--dim:#8a85a8;--glass:rgba(26,16,64,.5);
  font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--ink);line-height:1.7;position:relative;overflow:hidden;
  background:none;
  padding:92px 0}
.faq *{box-sizing:border-box}
.faq .wrap{max-width:840px;margin:0 auto;padding:0 28px;position:relative;z-index:2}
.faq .head{text-align:center;max-width:720px;margin:0 auto 26px}
.faq h2{font-family:'Montserrat',sans-serif;font-weight:800;font-size:38px;line-height:1.16;letter-spacing:-.015em;color:#fff;margin:0 0 18px;text-wrap:balance}
.faq h2 .g{background:linear-gradient(180deg,var(--gold-hi) 6%,var(--gold) 52%,#b97800 96%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* direct-answer "In short" block (speakable, the highest-value GEO element) */
.faq .short{text-align:left;background:var(--glass);border:1px solid rgba(242,169,0,.24);border-left:3px solid rgba(242,169,0,.7);
  border-radius:14px;padding:20px 24px;max-width:640px;margin:0 auto}
.faq .short .lab{display:inline-flex;align-items:center;gap:8px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:9px}
.faq .short p{margin:0;font-size:15.5px;color:var(--ink);line-height:1.62}
.faq .short p b{color:#fff;font-weight:600}

/* accordion */
.faq .list{margin:30px auto 0;max-width:640px}
.faq details{interpolate-size:allow-keywords;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(26,16,64,.4);margin-bottom:12px;overflow:hidden;transition:border-color .3s ease}
.faq details[open]{border-color:rgba(167,139,255,.34)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 22px;font-family:'Montserrat',sans-serif;font-weight:600;font-size:16.5px;color:#fff;min-height:44px}
.faq summary::-webkit-details-marker{display:none}
.faq details::details-content{transition:height .3s ease,content-visibility .3s allow-discrete;overflow:hidden}
.faq summary:hover{color:var(--gold-hi)}
.faq details:hover{border-color:rgba(255,255,255,.18)}
.faq summary:focus-visible{outline:2px solid var(--purple-soft);outline-offset:-3px;border-radius:14px}
.faq .pm{flex:0 0 auto;position:relative;width:18px;height:18px}
.faq .pm::before,.faq .pm::after{content:"";position:absolute;background:var(--gold);border-radius:2px;transition:transform .3s ease,opacity .3s ease}
.faq .pm::before{top:8px;left:0;width:18px;height:2px}
.faq .pm::after{top:0;left:8px;width:2px;height:18px}
.faq details[open] .pm::after{transform:scaleY(0);opacity:0}
.faq .a{padding:0 22px 20px;font-size:15px;color:var(--muted);line-height:1.7}
.faq .a a{color:var(--purple-soft);text-decoration:none;border-bottom:1px solid rgba(167,139,255,.35)}
.faq .a a:hover{color:#fff;border-color:#fff}
.faq .a b{color:var(--ink);font-weight:600}

.faq .foot{text-align:center;margin-top:24px;font-size:14px;color:var(--dim)}
.faq .fa-link{color:#cdb6ff;text-decoration:none;border-bottom:1px solid rgba(167,139,255,.4)}
.faq .fa-link:hover{border-color:#a78bff}
.faq .foot a{color:var(--purple-soft);text-decoration:none;font-weight:600;display:inline-block;padding:12px 8px;margin:-12px -8px}
.faq .foot a:hover{color:#fff}

@media (max-width:900px){
  .faq{padding:60px 0}
  .faq .wrap{padding:0 16px}
  .faq h2{font-size:27px}
  .faq .short{padding:18px 18px}
  .faq .short p{font-size:14.5px}
  .faq summary{font-size:15px;padding:16px 16px}
  .faq .a{padding:0 16px 18px}
}

/* ==== risk ==== */
/* ============ SECTION (.risk): quiet closing compliance note ============ */
.risk{--gold:#f2a900;--ink:#eceaf6;--ink-2:#ffffff;
  font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--ink);line-height:1.7;position:relative;
  background:transparent;padding:52px 0 60px}
.risk *{box-sizing:border-box}
.risk .wrap{max-width:820px;margin:0 auto;padding:0 28px}
.risk .ethos{text-align:center;font-family:'Montserrat',sans-serif;font-weight:600;font-size:15.5px;color:var(--ink);margin:0 auto 22px;max-width:560px;letter-spacing:.005em;text-wrap:balance}
.risk .box{max-width:640px;margin:0 auto;background:rgba(26,16,64,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:20px 24px}
.risk .lab{display:inline-flex;align-items:center;gap:8px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:9px}
.risk .lab svg{width:14px;height:14px}
.risk .lab svg *{stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.risk .box p{margin:0;font-size:13px;color:var(--ink);line-height:1.66}
.risk .box p b{color:var(--ink-2);font-weight:600}

@media (max-width:900px){
  .risk{padding:44px 0 52px}
  .risk .wrap{padding:0 16px}
  .risk .ethos{font-size:14.5px}
  .risk .box{padding:18px 18px}
}

/* ==== ONE FIELD: the page owns the brand background, sections are transparent ==== */
#mcphome-root{background:#100A34 url(https://mycryptoparadise.com/wp-content/uploads/2026/06/mcp-orbs-bg-4k-v1.webp) center/cover fixed;background-color:#100A34}
@media (max-width:920px){html #mcphome-root{background:#100A34 url(https://mycryptoparadise.com/wp-content/uploads/2026/07/mcp-orbs-tile-mobile-v2.webp) top center / 100% auto repeat-y scroll}}