
:root{
  --tb-field:#e9eaee;--tb-sheet:#ffffff;--tb-ink:#1a1c21;--tb-muted:#6a7280;
  --tb-rule:#d6d9e0;--tb-ctrl:#4a6fa5;--tb-var:#5f9b0a;--tb-accent:#8a3f9e;--tb-accent2:#6d2f7d;
  --tb-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --tb-radius:9px;
  --tb-face:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--tb-field);color:var(--tb-ink);font-family:var(--tb-face);font-size:16px;line-height:1.55}
a{color:var(--tb-accent2)}
h1,h2,h3{line-height:1.2;margin:0 0 .4em}
h1{font-size:1.9rem;letter-spacing:-.012em}
h2{font-size:1.24rem;margin-top:1.6em;padding-bottom:.28em;border-bottom:2px solid var(--tb-rule)}
h3{font-size:1.02rem;margin-top:1.1em}
p{margin:.6em 0}
b,strong{font-weight:650}
code{font-family:var(--tb-mono);font-size:.92em;background:#f2f3f6;border:1px solid var(--tb-rule);border-radius:var(--tb-radius);padding:.05em .3em}
.skip{position:absolute;left:-9999px}
.skip:focus{left:8px;top:8px;background:var(--tb-sheet);padding:6px 10px;z-index:20;border:1px solid var(--tb-rule);border-radius:var(--tb-radius)}
.top{background:#20222a;color:#eef0f4}
.bar{max-width:1080px;margin:0 auto;padding:10px 18px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.brand{color:#fff;text-decoration:none;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}
.mark{color:#c3a3d4;font-size:.8em}
.status{font-family:var(--tb-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#cfe6a6;border:1px solid #4c5a30;border-radius:var(--tb-radius);padding:1px 7px}
.menu{display:flex;gap:14px;flex-wrap:wrap;margin-left:auto}
.menu a{color:#ccd2dd;text-decoration:none;font-size:.86rem;padding:4px 2px;border-bottom:2px solid transparent}
.menu a:hover{color:#fff}
.menu a[aria-current=page]{color:#fff;border-bottom-color:#c3a3d4}
.btn{display:inline-block;background:var(--tb-accent);color:#fff;text-decoration:none;font-weight:650;padding:8px 14px;border-radius:var(--tb-radius);font-size:.86rem}
.btn:hover{background:var(--tb-accent2)}
.ghost{display:inline-block;color:var(--tb-accent2);text-decoration:none;border:1px solid var(--tb-rule);background:var(--tb-sheet);border-radius:var(--tb-radius);padding:8px 12px;font-size:.86rem}
.shell{max-width:1080px;margin:0 auto;padding:0 18px 40px}
.page-hero{padding:22px 0 6px}
.crumb-line{font-family:var(--tb-mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tb-muted);margin-bottom:10px}
.fig-head{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;align-items:start}
@media(max-width:720px){.fig-head{grid-template-columns:1fr}}
.eyebrow{font-family:var(--tb-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tb-accent);margin-bottom:6px}
.lede{font-size:1.02rem;color:#31363f}
.hero-cta{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}
.specplate{border:1px solid var(--tb-rule);border-top:4px solid var(--tb-accent);border-radius:var(--tb-radius);background:var(--tb-sheet);padding:12px 14px}
.specplate strong{display:block;font-family:var(--tb-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--tb-muted);margin-bottom:8px}
.specplate dl{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin:0;font-size:.84rem}
.specplate dt{color:var(--tb-muted)}
.specplate dd{margin:0;font-family:var(--tb-mono);text-align:right}
.plate{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 4px}
@media(max-width:720px){.plate{grid-template-columns:1fr}}
.pl{border:1px solid var(--tb-rule);border-radius:var(--tb-radius);background:var(--tb-sheet);padding:10px 12px;font-size:.85rem;box-shadow:inset 0 3px 0 var(--tb-accent)}
.pl b{display:block;font-family:var(--tb-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tb-muted);margin-bottom:4px}
.disc{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;border:1px solid var(--tb-rule);border-radius:var(--tb-radius);background:#f0f1f4;padding:12px 14px;margin:14px 0;font-size:.84rem}
.dir{font-family:var(--tb-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;border-radius:var(--tb-radius);padding:2px 8px;background:#e9eaee;color:var(--tb-muted)}
.dir-money{background:#eadff0;color:var(--tb-accent2)}
main{background:var(--tb-sheet);border:1px solid var(--tb-rule);border-radius:var(--tb-radius);padding:18px 20px 26px}
.answer{border:1px solid var(--tb-rule);border-left:4px solid var(--tb-var);border-radius:var(--tb-radius);background:#f2f7e9;padding:12px 14px;margin:4px 0 14px}
.answer b{font-family:var(--tb-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#4a7a12;display:block;margin-bottom:4px}
.answer p{margin:0}
.note{border-left:3px solid var(--tb-accent);border-radius:0 var(--tb-radius) var(--tb-radius) 0;background:#f5eef8;padding:10px 12px;font-size:.82rem;color:#31363f;margin:14px 0}
.calc{border:1px solid #23262e;border-radius:var(--tb-radius);background:#191c22;color:#d5dae2;font-family:var(--tb-mono);font-size:.78rem;line-height:1.7;padding:12px 14px;margin:14px 0;white-space:pre-wrap;overflow-x:auto}
.calc b{color:#fff}
.calc .res{color:#c2e58a;font-weight:700}
table{border-collapse:collapse;width:100%;margin:14px 0;font-size:.84rem}
caption{caption-side:top;text-align:left;font-family:var(--tb-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--tb-muted);padding-bottom:6px}
th,td{border:1px solid var(--tb-rule);padding:6px 9px;text-align:left;vertical-align:top}
thead th{background:#f0f1f4;font-family:var(--tb-mono);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;color:#31363f}
tfoot td{background:#f5eef8;font-weight:650}
td.num,th.num{text-align:right;font-family:var(--tb-mono)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:14px 0}
.card{border:1px solid var(--tb-rule);border-radius:var(--tb-radius);background:var(--tb-sheet);padding:12px 13px;border-top:3px solid var(--tb-accent)}
.card-top{font-family:var(--tb-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tb-accent);margin-bottom:4px}
.card p{margin:.3em 0;font-size:.84rem}
.card-spec{display:grid;grid-template-columns:1fr auto;gap:2px 10px;margin:8px 0 0;font-size:.78rem}
.card-spec dt{color:var(--tb-muted)}
.card-spec dd{margin:0;font-family:var(--tb-mono);text-align:right}
.checks ul{margin:.4em 0;padding-left:1.2em}
.checks li{margin:.25em 0;font-size:.88rem}
.steps ol{margin:.4em 0;padding-left:1.3em}
.steps li{margin:.3em 0;font-size:.88rem}
.tallies{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:14px 0}
.tally{border:1px solid var(--tb-rule);border-radius:var(--tb-radius);background:var(--tb-sheet);padding:10px;border-bottom:3px solid var(--tb-accent)}
.t-num{font-family:var(--tb-mono);font-size:1.28rem;font-weight:700;display:block}
.t-lab{font-size:.76rem;color:var(--tb-muted)}
.entries{display:grid;gap:8px;margin:12px 0}
.entry{border:1px solid var(--tb-rule);border-radius:var(--tb-radius);padding:9px 11px;font-size:.85rem;background:var(--tb-sheet)}
.myths{display:grid;gap:10px;margin:12px 0}
.myth{border:1px solid var(--tb-rule);border-radius:var(--tb-radius);padding:10px 12px;background:var(--tb-sheet)}
.myth p{margin:.35em 0;font-size:.87rem}
.verdict{font-family:var(--tb-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;border-radius:var(--tb-radius);padding:2px 8px;display:inline-block}
.verdict.false{background:#f7e3e2;color:#8d2b21}
.verdict.partly{background:#f8efd6;color:#77590a}
.verdict.true{background:#e6f4e6;color:#1d5c22}
.qstrip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:12px 0}
.qcell{border:1px solid var(--tb-rule);border-radius:var(--tb-radius);padding:9px 11px;font-size:.84rem;background:var(--tb-sheet);border-left:3px solid var(--tb-accent)}
.faq .qa{display:grid;grid-template-columns:auto 1fr;gap:10px;border-top:1px solid var(--tb-rule);padding:10px 0}
.faq .qa:first-of-type{border-top:0}
.ref{font-family:var(--tb-mono);font-size:.72rem;color:var(--tb-muted)}
.navlinks{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:14px 0}
.navlink{display:block;border:1px solid var(--tb-rule);border-radius:var(--tb-radius);padding:10px 12px;text-decoration:none;background:var(--tb-sheet)}
.navlink b{display:block;color:var(--tb-accent2)}
.navlink span{font-size:.8rem;color:var(--tb-muted)}
.footer{max-width:1080px;margin:0 auto;padding:24px 18px 40px;font-size:.82rem;color:#31363f}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:20px}
@media(max-width:720px){.foot-grid{grid-template-columns:1fr}}
.foot-grid strong{display:block;font-family:var(--tb-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tb-muted);margin-bottom:6px}
.foot-grid a{display:block;text-decoration:none;color:var(--tb-accent2);padding:1px 0}
.fine{margin-top:18px;font-size:.76rem;color:var(--tb-muted);border-top:2px solid var(--tb-rule);padding-top:12px}

/* Signature component 1 - the funnel. The reader's own journey as a stepped bar: the count at each
   step of the way from a landing visit to a first deposit, and the share lost between one step and
   the next. It is the instrument the whole loop is aimed at, and it is drawn so the largest drop is
   visible before any number is read. */
.funnelrail{border:1px solid var(--tb-rule);border-radius:var(--tb-radius);background:var(--tb-sheet);padding:16px 18px 12px;margin:16px 0}
.fn-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.fn-head b{font-size:.94rem}
.fn-head span{font-family:var(--tb-mono);font-size:.72rem;color:var(--tb-muted)}
.fn-step{padding:6px 0 8px;border-top:1px solid var(--tb-rule)}
.fn-step:first-of-type{border-top:0}
.fn-lab{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.82rem;margin-bottom:5px}
.fn-count{font-family:var(--tb-mono);font-size:.78rem}
.fn-bar{height:12px;background:#eef0f3;border-radius:var(--tb-radius);overflow:hidden}
.fn-fill{display:block;height:12px;background:var(--tb-accent);border-radius:var(--tb-radius)}
.fn-drop{font-family:var(--tb-mono);font-size:.72rem;color:var(--tb-muted);margin-top:4px}
.fn-foot{font-size:.8rem;color:#31363f;margin:12px 0 0}
.fn-note{font-family:var(--tb-mono);font-size:.72rem;color:var(--tb-muted);margin:6px 0 0}

/* Signature component 2 - the split board. One experiment as two arms: the control (slate) and the
   variant (lime), each with its sample, its rate and its bar, and between them the lift and the
   interval that decides whether the lift is a result or a coincidence. Nothing is shipped on the
   strength of the two bars alone. */
.armsboard{border:1px solid var(--tb-rule);border-radius:var(--tb-radius);background:var(--tb-sheet);padding:14px 16px;margin:16px 0}
.ab-head{display:grid;grid-template-columns:1.1fr 1fr 1.3fr;gap:10px;font-family:var(--tb-mono);font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;color:var(--tb-muted);padding-bottom:5px}
.ab-arm{display:grid;grid-template-columns:1.1fr 1fr 1.3fr;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--tb-rule);font-size:.84rem}
.ab-role{font-weight:600}
.ab-num{font-family:var(--tb-mono);text-align:right}
.ab-bar{height:14px;background:#eef0f3;border-radius:var(--tb-radius);overflow:hidden}
.ab-bar u{display:block;height:14px;text-decoration:none}
.ab-arm.ab-control u{background:var(--tb-ctrl)}
.ab-arm.ab-variant u{background:var(--tb-var)}
.ab-lift{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.84rem;padding:8px 0;border-top:1px solid var(--tb-rule)}
.ab-iv{font-family:var(--tb-mono);font-size:.76rem;color:var(--tb-muted)}
.ab-foot{font-size:.8rem;color:#31363f;margin:10px 0 0}
.ab-note{font-family:var(--tb-mono);font-size:.72rem;color:var(--tb-muted);margin:6px 0 0}
