/* (rd1) 2026-09-26, owner: "i hate this black / green ai looking gradient ... our site needs to feel extremely established
   and not ai like at all". Every page on this shell now wears the landing page's own first screen: its light canvas, its
   heavy headline, real product screens and live figures where the glowing icon tiles were, numbers on hairlines instead
   of dark tiles, and green kept for the one button that matters. Class names are unchanged, so every page keeps working.
   This layer is appended after each page's own styles, so it has the last word. */
:root{--bg:#f7f7fb}
html[data-theme="dark"]{--bg:#0a0a0f;color-scheme:dark}
body{background:var(--bg)}
main.doc2{--r-paper:#ffffff;--r-ink:#14171f;--r-ink2:#2b3040;--r-dim:#4b5563;--r-dim2:#6b7280;--r-faint:#9aa1ad;
  --r-line:#e6e8ef;--r-line2:#d5d8e2;--r-soft:#f1f2f6;--r-mint:#e8f8ef;--r-rose:#fdecef;--r-amber:#fdf3e1;
  --r-go:#00ff88;--r-goh:#00e87b;--r-gi:#007a43;--r-dot:#00c46e;--r-red:#c81f42;--r-redsoft:#ef6b82;
  --r-sh1:0 1px 2px rgba(20,23,31,.05);
  --r-sh2:0 1px 2px rgba(20,23,31,.04),0 18px 40px -24px rgba(20,23,31,.24);
  --r-sh3:0 2px 6px rgba(20,23,31,.04),0 42px 80px -40px rgba(20,23,31,.38);
  --display:-apple-system,BlinkMacSystemFont,Inter,"Segoe UI",sans-serif;color:var(--r-ink)}
html[data-theme="dark"] main.doc2{--r-paper:#111118;--r-ink:#eef0f4;--r-ink2:#d3d6df;--r-dim:#a3a8b5;--r-dim2:#8b91a0;--r-faint:#5d6371;
  --r-line:#1f1f2e;--r-line2:#2e2e45;--r-soft:#191923;--r-mint:rgba(0,255,136,.1);--r-rose:rgba(255,68,102,.12);--r-amber:rgba(245,165,36,.14);
  --r-gi:#2fe08f;--r-dot:#00ff88;--r-red:#ff5c7a;--r-redsoft:#ff5c7a;
  --r-sh1:none;--r-sh2:0 18px 40px -24px rgba(0,0,0,.85);--r-sh3:0 42px 80px -40px rgba(0,0,0,.9)}
.doc2 a:focus-visible,.doc2 button:focus-visible,.doc2 summary:focus-visible,.doc2 [tabindex]:focus-visible{outline:2px solid var(--r-ink);outline-offset:3px;border-radius:6px}
.doc2 a,.doc2 button,.doc2 summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}

/* ── the first screen: type on the page, a real picture beside it ── */
.doc2 .dh{background:none;color:var(--r-ink);border:0;border-bottom:1px solid var(--r-line);border-radius:0;isolation:auto}
html[data-theme="dark"] .doc2 .dh{border-color:var(--r-line)}
.doc2 .dh-bg{display:none}
.doc2 .dh-in{grid-template-columns:minmax(0,1fr) auto;gap:0 72px;align-items:center;padding:58px 0 56px}
.doc2 .dh-crumb{margin-bottom:26px;font:500 13.5px/1.4 var(--sans);color:var(--r-dim2);gap:4px 10px}
.doc2 .dh .dh-crumb a{color:var(--r-dim);font-weight:500}
.doc2 .dh .dh-crumb a:hover{color:var(--r-ink);text-decoration:underline;text-underline-offset:3px}
.doc2 .dh-crumb i{color:var(--r-faint)}
.doc2 .dh-crumb span{color:var(--r-ink);font-weight:600}
.doc2 .dh .eyebrow{margin-bottom:16px;font:500 13px var(--mono);letter-spacing:.01em;text-transform:none;color:var(--r-dim)}
.doc2 .dh .eyebrow::before{background:var(--r-dot);box-shadow:none;border-radius:2px}
.doc2 .dh h1{font-family:var(--display);font-weight:800;font-size:clamp(38px,4.4vw,60px);line-height:1.04;letter-spacing:-.03em;color:var(--r-ink);max-width:14.5em;text-wrap:balance}
.doc2 .dh .lede{margin-top:20px;font-size:18.5px;line-height:1.62;color:var(--r-dim);max-width:36em;text-wrap:pretty}
.doc2 .dh .lede b{color:var(--r-ink)}
.doc2 .dh .lede .up,.doc2 .dh .lede b.up{color:var(--r-gi)}
.doc2 .dh .lede .down,.doc2 .dh .lede b.down{color:var(--r-red)}
.doc2 .dh-actions{margin-top:32px;gap:12px}
.doc2 .dh-actions .sub{margin-top:4px;font-size:13.5px;color:var(--r-dim2)}
.doc2 .dh .dh-actions .sub a{color:var(--r-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--r-line2)}
.doc2 .dh .dh-actions .sub a:hover{text-decoration-color:var(--r-ink)}
.doc2 .dh-note{margin-top:16px;font-size:13px;color:var(--r-dim2)}
.doc2 .dh .dh-note a{color:var(--r-ink);font-weight:600}
/* the figures under the first screen: one quiet bar, hairlines between them */
.doc2 .dh-facts{grid-column:1/-1;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0;margin-top:44px;max-width:none;
  background:var(--r-paper);border:1px solid var(--r-line);border-radius:16px;box-shadow:var(--r-sh1);overflow:hidden}
.doc2 .dh-facts .fact{padding:20px 24px 18px;background:none;border:0;border-radius:0;box-shadow:-1px 0 0 var(--r-line)}
.doc2 .dh-facts .fact b{font:500 30px/1.1 var(--mono);letter-spacing:-.035em;color:var(--r-ink)}
.doc2 .dh-facts .fact b.up{color:var(--r-gi)}.doc2 .dh-facts .fact b.down{color:var(--r-red)}.doc2 .dh-facts .fact b.dim{color:var(--r-dim)}
.doc2 .dh-facts .fact span{margin-top:8px;font:500 13.5px/1.35 var(--sans);letter-spacing:0;text-transform:none;color:var(--r-dim2)}
.doc2 .dh-facts .fact small{color:var(--r-dim2)}
.doc2 .dh-facts .fact b.dim{padding-top:5px;font:700 19px/1.3 var(--display);letter-spacing:-.012em;color:var(--r-ink)}
.doc2 .dh-crumb:not(:has(a)){display:none}
/* buttons: the landing's green, no glow */
.doc2 .cta{min-height:48px;padding:0 22px;border-radius:10px;background:var(--r-go);color:#04120b;font-weight:700;font-size:15px;
  box-shadow:inset 0 -1px 0 rgba(4,18,11,.12);transition:background .18s,transform .18s var(--ease),border-color .18s,box-shadow .18s}
.doc2 .cta:hover{background:var(--r-goh);box-shadow:inset 0 -1px 0 rgba(4,18,11,.12);text-decoration:none}
.doc2 .cta:active{transform:translateY(1px)}
.doc2 .cta svg{transition:transform .22s var(--ease)}
.doc2 .cta:hover svg{transform:translateX(3px)}
.doc2 .cta.ghost,.doc2 .dh .cta.ghost,.doc2 .dr-card .cta.ghost{background:var(--r-paper);color:var(--r-ink);border:1px solid var(--r-line2);box-shadow:var(--r-sh1)}
.doc2 .cta.ghost:hover,.doc2 .dh .cta.ghost:hover,.doc2 .dr-card .cta.ghost:hover{background:var(--r-paper);border-color:var(--r-ink)}
.doc2 .dc .cta.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.22);box-shadow:none}
.doc2 .dc .cta.ghost:hover{background:transparent;border-color:rgba(255,255,255,.6)}

/* ── the pictures beside the headline ── */
.doc2 .dh-art{grid-column:2;grid-row:1/span 6;align-self:center;justify-self:end;padding:0;gap:14px}
/* a mark on a white tile (brand kit, thank you) */
.doc2 .dh-mark{width:148px;height:148px;border-radius:34px;background:var(--r-paper);border:1px solid var(--r-line);box-shadow:var(--r-sh2)}
.doc2 .dh-mark svg{width:60px;height:60px;color:var(--r-gi)}
/* a coin (kept for any page still passing one) */
.doc2 .dh-coin{background:var(--r-paper);border:1px solid var(--r-line);box-shadow:var(--r-sh2)}
.doc2 .dh-coin::before{border-color:var(--r-line)}
.doc2 .dh-coin::after{display:none}
.doc2 .dh-coin.mono b{color:var(--r-ink)}
.doc2 .dh-venue{background:var(--r-paper);border-color:var(--r-line);color:var(--r-ink);box-shadow:var(--r-sh1)}
.doc2 .dh-venue i{background:var(--r-dot);box-shadow:none}
.doc2 .dh-live{font:500 12.5px var(--sans);letter-spacing:0;text-transform:none;color:var(--r-dim2)}
.doc2 .dh-live i{background:var(--r-dot)}
/* status */
.doc2 .dh-pill{height:40px;padding:0 16px;font-size:14.5px;background:var(--r-mint);color:var(--r-gi)}
.doc2 .dh-pill.warn{background:var(--r-rose);color:var(--r-red)}
.doc2 .dh-pill.wait{background:var(--r-amber);color:#9a5b00}
html[data-theme="dark"] .doc2 .dh-pill.wait{color:#f5a524}
.doc2 .dh-pill .dot{box-shadow:none}
.doc2 .sp{width:340px;padding:22px 22px 20px;border-radius:20px;background:var(--r-paper);border:1px solid var(--r-line);box-shadow:var(--r-sh3)}
.doc2 .sp small{display:block;margin-top:14px;font-size:13px;color:var(--r-dim2)}
.doc2 .sp small b{font:500 13px var(--mono);color:var(--r-ink)}
.doc2 .sp .sp-rows{margin-top:16px;border-top:1px solid var(--r-line)}
.doc2 .sp .sp-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--r-line);font-size:13.5px;color:var(--r-ink2)}
.doc2 .sp .sp-row i{width:8px;height:8px;border-radius:50%;flex:0 0 auto;background:var(--r-dot)}
.doc2 .sp .sp-row i.bad{background:var(--r-red)}.doc2 .sp .sp-row i.wait{background:#f5a524}
/* a real screen in the landing page's device frame, with one live figure on a card */
.doc2 .dh-shot{position:relative;width:560px;max-width:100%;margin:0 0 26px}
.doc2 .dh-shot .fr{padding:9px;border-radius:20px;background:#14141c;border:1px solid #2b2b3c;box-shadow:0 40px 90px -30px rgba(20,23,31,.55),0 0 0 1px rgba(255,255,255,.03) inset}
html[data-theme="dark"] .doc2 .dh-shot .fr{box-shadow:0 40px 90px -30px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.04) inset}
.doc2 .dh-shot img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px;background:#0d0d14}
.doc2 .dh-chip{position:absolute;left:-30px;bottom:-26px;display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;border-radius:14px;
  background:var(--r-paper);border:1px solid var(--r-line);box-shadow:var(--r-sh3)}
.doc2 .dh-chip .ic{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--r-mint);color:var(--r-gi)}
.doc2 .dh-chip .ic svg{width:19px;height:19px}
.doc2 .dh-chip b{display:block;font:500 21px/1.1 var(--mono);letter-spacing:-.03em;color:var(--r-ink);font-variant-numeric:tabular-nums}
.doc2 .dh-chip span{display:block;margin-top:2px;font-size:12.5px;color:var(--r-dim2)}
/* one panel look for the live figures: a white card, a title row, hairline rows */
.doc2 .rp,.doc2 .tp{width:410px;max-width:100%;border-radius:20px;background:var(--r-paper);border:1px solid var(--r-line);box-shadow:var(--r-sh3);overflow:hidden;color:var(--r-ink);text-align:left}
.doc2 .rp-head,.doc2 .tp-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--r-line)}
.doc2 .rp-logo{width:38px;height:38px;border-radius:50%;flex:0 0 auto}
.doc2 .rp-logo.mono{display:grid;place-items:center;background:var(--r-soft);font:600 11px var(--mono);color:var(--r-ink)}
.doc2 .rp-id b{display:block;font:700 16px/1.2 var(--display);letter-spacing:-.01em;color:var(--r-ink)}
.doc2 .rp-id span{display:block;margin-top:2px;font-size:12.5px;color:var(--r-dim2)}
.doc2 .rp-live{margin-left:auto;display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 10px;border-radius:999px;background:var(--r-mint);color:var(--r-gi);font:600 12px var(--sans);white-space:nowrap}
.doc2 .rp-live i{width:7px;height:7px;border-radius:50%;background:var(--r-dot)}
.doc2 .rp-live em{font-style:normal}
.doc2 .rp [hidden]{display:none!important}
.doc2 .rp.stale .rp-row>div:not(.rp-end),.doc2 .rp.stale .rp-odds{display:none}
.doc2 .rp.stale .rp-row{grid-template-columns:minmax(0,1fr)}
.doc2 .rp.stale .rp-end{text-align:left}
.doc2 .rp-body{position:relative;isolation:isolate;padding:18px 20px 20px}
.doc2 .rp-k{display:block;font-size:12.5px;line-height:1.3;color:var(--r-dim2)}
.doc2 .rp-ptb{position:relative;display:block;width:max-content;max-width:100%;margin-top:6px;font:500 40px/1.05 var(--mono);letter-spacing:-.045em;color:var(--r-ink);font-variant-numeric:tabular-nums}
.doc2 .rp-ptb::after{content:"";position:absolute;inset:-3px -8px;z-index:-1;border-radius:8px;background:var(--r-mint);opacity:0;pointer-events:none}
.doc2 .rp-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;margin-top:18px}
.doc2 .rp-end{text-align:right}
.doc2 .rp-v{display:block;margin-top:4px;font:500 18px/1.2 var(--mono);letter-spacing:-.02em;color:var(--r-ink);font-variant-numeric:tabular-nums}
.doc2 .rp-row small{display:block;margin-top:3px;font:500 12.5px var(--sans);color:var(--r-dim2)}
.doc2 .rp-row small.up{color:var(--r-gi)}.doc2 .rp-row small.down{color:var(--r-red)}
.doc2 .rp-odds{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.doc2 .rp-odds span{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 14px;border-radius:10px;font:600 14px var(--sans)}
.doc2 .rp-odds .u{background:var(--r-mint);color:var(--r-gi)}
.doc2 .rp-odds .d{background:var(--r-rose);color:var(--r-red)}
.doc2 .rp-odds b{font:500 14px var(--mono);font-variant-numeric:tabular-nums}
.doc2 .rp-bar{height:4px;margin-top:16px;border-radius:99px;background:var(--r-soft);overflow:hidden}
.doc2 .rp-bar i{display:block;width:100%;height:100%;border-radius:inherit;background:var(--r-ink);transform-origin:0 50%;transition:transform 1s linear}
.doc2 .rp-foot,.doc2 .tp-foot{padding:14px 20px 16px;border-top:1px solid var(--r-line)}
.doc2 .rp-split{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--r-dim)}
.doc2 .rp-split b{font:500 13px var(--mono);color:var(--r-ink)}
.doc2 .rp-meter{display:flex;height:6px;margin:9px 0 9px;border-radius:99px;overflow:hidden;background:var(--r-redsoft)}
.doc2 .rp-meter i{display:block;width:var(--u,50%);background:var(--r-dot);box-shadow:1px 0 0 var(--r-paper);transform-origin:0 50%}
.doc2 .rp-foot small,.doc2 .tp-foot{font-size:12.5px;color:var(--r-dim2)}
.doc2 .tp-foot b{font:500 12.5px var(--mono);color:var(--r-ink)}
.doc2 .tp-head b{font:700 15px var(--display);letter-spacing:-.01em;color:var(--r-ink)}
.doc2 .tp-head .ci{width:22px;height:22px;border-radius:50%;flex:0 0 auto;margin-right:-2px}
.doc2 .tp-head span{margin-left:auto;font-size:12.5px;color:var(--r-dim2);white-space:nowrap}
.doc2 .tp-head .file{display:inline-flex;align-items:center;gap:9px;font:500 13.5px var(--mono);color:var(--r-ink)}
.doc2 .tp-head .file svg{width:17px;height:17px;color:var(--r-dim2)}
.doc2 .tp table{width:100%;min-width:0;border-collapse:collapse;font-size:13px}
.doc2 .tp.tp-file{width:468px}
.doc2 .tp.tp-file th,.doc2 .tp.tp-file td{padding:10px 14px}
.doc2 .tp.tp-file th:first-child,.doc2 .tp.tp-file td:first-child{padding-left:20px}
.doc2 .tp th,.doc2 .tp td{padding:10px 20px;border-bottom:1px solid var(--r-line);text-align:left;white-space:nowrap}
.doc2 .tp tr:last-child td{border-bottom:0}
.doc2 .tp th{background:none;font:500 12px var(--sans);letter-spacing:0;text-transform:none;color:var(--r-dim2)}
.doc2 .tp td{color:var(--r-ink2);font-variant-numeric:tabular-nums}
.doc2 .tp td.m{font-family:var(--mono);font-size:12.5px}
.doc2 .tp td.up{color:var(--r-gi);font-weight:600}.doc2 .tp td.down{color:var(--r-red);font-weight:600}
.doc2 .tp td.up::before,.doc2 .tp td.down::before{content:none}
.doc2 .tp td .ci{width:20px;height:20px;border-radius:50%;vertical-align:-5px;margin-right:8px}
.doc2 .tp .bar{display:inline-block;width:64px;height:5px;margin-right:9px;border-radius:99px;vertical-align:2px;background:var(--r-redsoft);overflow:hidden}
.doc2 .tp .bar i{display:block;height:100%;width:var(--u,50%);background:var(--r-dot)}
/* the latest graded calls, a tick or a cross on each */
.doc2 .tp .res{display:inline-flex;align-items:center;gap:7px}
.doc2 .tp .res i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%}
.doc2 .tp .res i svg{width:12px;height:12px}
.doc2 .tp .res.ok i{background:var(--r-mint);color:var(--r-gi)}
.doc2 .tp .res.no i{background:var(--r-rose);color:var(--r-red)}
.doc2 .tp .call{font-weight:600}
.doc2 .tp .call.up{color:var(--r-gi)}.doc2 .tp .call.down{color:var(--r-red)}
/* a code window for the developer page */
.doc2 .kp{width:470px;max-width:100%;border-radius:18px;background:#0f1117;border:1px solid #23262f;box-shadow:var(--r-sh3);overflow:hidden;text-align:left}
.doc2 .kp-head{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid #1d2029}
.doc2 .kp-head i{width:10px;height:10px;border-radius:50%;background:#2a2e38}
.doc2 .kp-head span{margin-left:10px;font:500 12px var(--mono);color:#8b91a0}
.doc2 .kp-head em{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font:500 11.5px var(--sans);font-style:normal;color:#8b91a0}
.doc2 .kp-head em::before{content:"";width:6px;height:6px;border-radius:50%;background:#00c46e}
.doc2 .kp pre{margin:0;padding:16px 18px 18px;background:none;border:0;border-radius:0;overflow-x:auto;font:500 12.5px/1.75 var(--mono);color:#d7dae2;white-space:pre}
.doc2 .kp .c{color:#8b91a0}.doc2 .kp .k{color:#c9ced9}.doc2 .kp .s{color:#8fe0b8}.doc2 .kp .n{color:#f2c98a}.doc2 .kp .p{color:#8b91a0}

/* ── the page itself: white paper on the landing's canvas ── */
.doc2 .dm p,.doc2 .dm li{color:var(--r-ink2)}
.doc2 .dm h2{font-family:var(--display);font-weight:700;font-size:clamp(24px,2.3vw,29px);line-height:1.18;letter-spacing:-.022em;color:var(--r-ink);margin:60px 0 14px;text-wrap:balance}
.doc2 .dm>h2:first-child,.doc2 .dm>p:first-child+h2{margin-top:0}
.doc2 .dm h3{font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:-.012em;color:var(--r-ink)}
.doc2 .dm .lede{color:var(--r-dim)}
.doc2 .dm .note{color:var(--r-dim2)}
.doc2 .dm p a:not(.cta),.doc2 .dm li a:not(.cta),.doc2 .dm .note a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(0,122,67,.35)}
html[data-theme="dark"] .doc2 .dm p a:not(.cta),html[data-theme="dark"] .doc2 .dm li a:not(.cta),html[data-theme="dark"] .doc2 .dm .note a{text-decoration-color:rgba(47,224,143,.4)}
.doc2 .dm p a:not(.cta):hover,.doc2 .dm li a:not(.cta):hover,.doc2 .dm .note a:hover{text-decoration-color:currentColor}
.doc2 .dm .eyebrow{text-transform:none;color:var(--r-dim)}
.doc2 .dm .eyebrow::before{background:var(--r-dot)}
/* cards: white paper, a hairline, a soft lift */
.doc2 .dm .card{background:var(--r-paper);color:var(--r-ink2);border:1px solid var(--r-line);border-radius:16px;padding:24px 26px;box-shadow:var(--r-sh1)}
html[data-theme="dark"] .doc2 .dm .card{border-color:var(--r-line)}
.doc2 .dm .card h3{color:var(--r-ink);font-size:17px}
.doc2 .dm .card h3:not(:first-child){border-top:1px solid var(--r-line)}
.doc2 .dm .card p,.doc2 .dm .card li{color:var(--r-ink2)}
.doc2 .dm .card .dim,.doc2 .dm .card p.dim{color:var(--r-dim)}
.doc2 .dm .card a{color:var(--r-gi)}
.doc2 .dm .card a.cta{color:#04120b}
.doc2 .dm .card a.cta.ghost{color:var(--r-ink)}
.doc2 .dm .card .ico{background:var(--r-mint);color:var(--r-gi)}
.doc2 .dm .card .row{border-color:var(--r-line)}
.doc2 .dm .row .what{color:var(--r-ink)}
.doc2 .dm .card .row .detail,.doc2 .dm .row .detail{color:var(--r-dim2)}
/* figures: one panel, hairlines between them */
.doc2 .dm .stat{background:var(--r-paper);border:1px solid var(--r-line);border-radius:16px;padding:20px 22px 18px;color:var(--r-ink2)}
.doc2 .dm .grid{gap:0;margin:20px 0;background:var(--r-paper);border:1px solid var(--r-line);border-radius:16px;overflow:hidden;box-shadow:var(--r-sh1);
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.doc2 .dm .grid:has(>:nth-child(3):last-child),.doc2 .dm .grid:has(>:nth-child(5):last-child),.doc2 .dm .grid:has(>:nth-child(6):last-child),.doc2 .dm .grid:has(>:nth-child(9):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
.doc2 .dm .grid:has(>:nth-child(4):last-child),.doc2 .dm .grid:has(>:nth-child(8):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
.doc2 .dm .grid:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.doc2 .dm .grid>.stat,.doc2 .dm .grid>.card{margin:0;background:none;border:0;border-radius:0;box-shadow:-1px 0 0 var(--r-line),0 -1px 0 var(--r-line)}
.doc2 .dm .stat b{font:500 28px/1.1 var(--mono);letter-spacing:-.035em;color:var(--r-ink)}
.doc2 .dm .stat b.up,.doc2 .dm .stat b.neon{color:var(--r-gi)}.doc2 .dm .stat b.down{color:var(--r-red)}
.doc2 .dm .stat span{margin-top:8px;font:500 13.5px/1.35 var(--sans);letter-spacing:0;text-transform:none;color:var(--r-dim2)}
/* the rail: an "On this page" list with no box, then white cards */
.doc2 .dr-card{background:var(--r-paper);color:var(--r-ink2);border:1px solid var(--r-line);border-radius:16px;padding:20px 22px;box-shadow:var(--r-sh1)}
html[data-theme="dark"] .doc2 .dr-card{border-color:var(--r-line)}
.doc2 .dr-card b.h{margin-bottom:8px;font:700 15px/1.3 var(--display);letter-spacing:-.01em;text-transform:none;color:var(--r-ink)}
.doc2 .dr-card p{color:var(--r-dim)}
.doc2 .dr-card .li{border-top-color:var(--r-line);color:var(--r-dim)}
.doc2 .dr-card .li b{color:var(--r-ink)}
.doc2 .dr-card .li+p{color:var(--r-dim2)}
.doc2 .dr-links a{border-top-color:var(--r-line)!important;color:var(--r-ink2)!important}
.doc2 .dr-links a:hover{color:var(--r-ink)!important}
.doc2 .dr-links a::after{border-color:var(--r-faint)}
.doc2 .dr-links a:hover::after{border-color:var(--r-ink)}
@media(min-width:1061px){
  .doc2 .dr-card.toccard{background:none;border:0;box-shadow:none;padding:2px 0 6px;margin-bottom:22px}
  .doc2 .toc b{margin-bottom:10px;font:600 13px var(--sans);letter-spacing:0;text-transform:none;color:var(--r-ink)}
  .doc2 .toc a{color:var(--r-dim);border-left-color:var(--r-line)}
  .doc2 .toc a:hover{color:var(--r-ink)}
  .doc2 .toc a.on{color:var(--r-ink);font-weight:600}
  .doc2 .toc a::before{background:var(--r-ink)}
}
/* tables, chips, code */
.doc2 .dm .scroll,.doc2 .dm .tw{background:var(--r-paper);border-color:var(--r-line);box-shadow:var(--r-sh1)}
.doc2 .dm th{font:600 12.5px var(--sans);letter-spacing:0;text-transform:none;color:var(--r-dim2);background:none}
.doc2 .dm td{color:var(--r-ink2)}
.doc2 .dm th,.doc2 .dm td{border-bottom-color:var(--r-line)}
.doc2 .dm td.up{color:var(--r-gi)}.doc2 .dm td.down{color:var(--r-red)}
.doc2 .dm .links a,.doc .doc2 .dm .links a{background:var(--r-paper);color:var(--r-ink);border:1px solid var(--r-line2);border-radius:10px;min-height:42px;box-shadow:var(--r-sh1)}
.doc2 .dm .links a:hover{border-color:var(--r-ink);color:var(--r-ink)}
.doc2 .dm pre{background:#0f1117;border-color:#0f1117}
html[data-theme="dark"] .doc2 .dm pre{background:#0c0d12;border-color:var(--r-line)}
.doc2 .dm .swatch{background:var(--r-paper);border-color:var(--r-line)}
.doc2 .dm .log{border-left-color:var(--r-line)}
.doc2 .dm .log .when{color:var(--r-gi)}
.doc2 .dm .log .when::before{background:var(--r-dot);box-shadow:0 0 0 4px var(--bg)}
.doc2 .dm .faq,.doc2 .dm .faq details{border-color:var(--r-line)}
.doc2 .dm .faq summary{font-family:var(--sans);color:var(--r-ink)}
.doc2 .dm .faq summary:hover{color:var(--r-gi)}
.doc2 .dm .faq .a{color:var(--r-dim)}
.doc2 .dm h2 .num{color:var(--r-dim2)}

/* the short centred title some pages lead with (pricing) */
.doc2 .dslim-k{text-transform:none;letter-spacing:.01em;font-size:13px;color:var(--r-dim)}
.doc2 .dslim-k::before{background:var(--r-dot);box-shadow:none}
.doc2 .dslim h1{font-family:var(--display);font-weight:800;letter-spacing:-.03em;color:var(--r-ink);text-wrap:balance}
.doc2 .dslim-l{color:var(--r-dim);text-wrap:pretty}

/* pricing: the top-ups become white cards like the plans above them */
.doc2 .dm .tu{background:var(--r-paper);color:var(--r-ink);border:1px solid var(--r-line);border-radius:16px;box-shadow:var(--r-sh1)}
html[data-theme="dark"] .doc2 .dm .tu{border-color:var(--r-line)}
.doc2 .dm .tu .cr{color:var(--r-ink)}
.doc2 .dm .tu .act{margin-top:8px;font:500 13.5px var(--sans);letter-spacing:0;text-transform:none;color:var(--r-dim2)}
.doc2 .dm .tu .act::first-letter{text-transform:uppercase}
.doc2 .dm .tu .usd{margin:18px 0 18px;font:700 26px/1 var(--display);letter-spacing:-.02em;color:var(--r-ink)}
.doc2 .dm .tu .gift-mini{color:var(--r-dim)}
.doc2 .dm .tu .gift-mini:hover{color:var(--r-gi)}

/* ── the closing band: the landing page's own, without the glow ── */
.doc2 .dc{margin-top:88px;border-radius:28px;background:#0b0b12;border-color:#0b0b12}
html[data-theme="dark"] .doc2 .dc{background:#0d0d14;border-color:var(--r-line)}
.doc2 .dc::before{display:none}
.doc2 .dc h2{font-family:var(--display);font-weight:800;letter-spacing:-.03em;text-wrap:balance}
.doc2 .dc p{color:#a8a8b8}
.doc2 .dc .cta{box-shadow:none}
.doc2 .dc-side{background:#101018;border:1px solid #20202f;border-radius:16px}
.doc2 .dc-side b.h{margin-bottom:8px;font:600 13.5px var(--sans);letter-spacing:0;text-transform:none;color:#a8a8b8}
.doc2 .dc-side .li{border-top-color:#20202f;color:#c6c9d3}
.doc2 .dfine{color:var(--r-dim2)}

/* card titles the page styles wrote in white for the old dark cards */
.doc2 .dm .why .card b,.doc2 .dm .tnext .card b{color:var(--r-ink)}
/* the thank-you page's review box stays a dark brand moment with Delta, without the green and blue glow */
.doc2 .dm .tprv::before,.doc2 .dm .tprv::after{display:none}
.doc2 .dm .tprv{background:#0e0f15;border-color:#1f2130}
.doc2 .dm .tprv h2{color:#fff}
.doc2 .dm .tprv p{color:#a3a9b8}
.doc.doc2 .dm .tprv-go{box-shadow:none}
.doc2 .dm .tprv-min{color:#8b92a3}

/* ── the weekly season ── */
.doc2 .dh-clock{width:340px;padding:20px 20px 18px;border-radius:20px;background:var(--r-paper);border:1px solid var(--r-line);box-shadow:var(--r-sh3)}
.doc2 .dh-clock .lab{margin-bottom:14px;font:700 15px var(--display);letter-spacing:-.01em;text-transform:none;color:var(--r-ink)}
.doc2 .dh-clock .cd div{padding:0;background:none;border:0}
.doc2 .dh-clock .cd b{color:#f4f5f8}
.doc2 .dh-clock .cd b.fl{color:#f4f5f8;box-shadow:0 8px 16px -8px rgba(20,23,31,.55)}
.doc2 .dh-clock .cd .fl .t,.doc2 .dh-clock .cd .fl .ft{background:linear-gradient(#2a2e38,#22252d)}
.doc2 .dh-clock .cd .fl .b,.doc2 .dh-clock .cd .fl .fb{background:linear-gradient(#1f2229,#191b21)}
.doc2 .dh-clock .cd span{margin-top:8px;font:500 12px var(--sans);letter-spacing:0;text-transform:none;color:var(--r-dim2)}
.doc2 .dh-clock .bar{height:4px;background:var(--r-soft);margin:18px 0 10px}
.doc2 .dh-clock .bar i{background:var(--r-ink)}
.doc2 .dh-clock .foot{font-size:12.5px;color:var(--r-dim2)}
.doc2 .dm .pz .place{font:600 13px var(--sans);letter-spacing:0;text-transform:none;color:var(--r-dim)}
.doc2 .dm .pz .place i{box-shadow:none}
.doc2 .dm .rest{background:var(--r-paper);border-color:var(--r-line);box-shadow:var(--r-sh1);color:var(--r-ink2)}
.doc2 .dm .rest b{color:var(--r-ink)}
.doc2 .dm .rules{gap:0;background:var(--r-paper);border:1px solid var(--r-line);border-radius:16px;overflow:hidden;box-shadow:var(--r-sh1)}
.doc2 .dm .rules .card{margin:0;border:0;border-radius:0;box-shadow:-1px 0 0 var(--r-line),0 -1px 0 var(--r-line);padding:22px 24px 20px}
.doc2 .dm .rules .n{color:var(--r-dim2);letter-spacing:.02em}
.doc2 .dm .rules b{color:var(--r-ink)}
.doc2 .dm .rules p{color:var(--r-dim)}
.doc2 .dm .card.empty b{color:var(--r-ink)}
.doc2 .dm .card.empty p{color:var(--r-dim)}

/* the motion kit's pointer light, quieter on the new paper: a whisper of green on white, a soft sheen on dark, a fine edge */
.doc2 .tl-spot{background:radial-gradient(280px circle at var(--tl-mx,50%) var(--tl-my,50%),rgba(0,196,110,.06),transparent 64%)}
.doc2 .tl-edge{background:radial-gradient(200px circle at var(--tl-mx,50%) var(--tl-my,50%),rgba(20,23,31,.26),transparent 62%)}
html[data-theme="dark"] .doc2 .tl-spot{background:radial-gradient(280px circle at var(--tl-mx,50%) var(--tl-my,50%),rgba(255,255,255,.045),transparent 64%)}
html[data-theme="dark"] .doc2 .tl-edge{background:radial-gradient(200px circle at var(--tl-mx,50%) var(--tl-my,50%),rgba(255,255,255,.26),transparent 62%)}

/* ── arriving ── */
@media (prefers-reduced-motion:no-preference){
  .doc2 .rp-meter i{transform:scaleX(0);transition:transform 1.1s var(--ease) .5s}
  .doc2 .dh.in .rp-meter i{transform:none}
  .doc2 .rp-live i{animation:rdPing 2s var(--ease) infinite}
  .doc2 .dh-shot .fr{transform:translateY(14px) scale(.985);opacity:0;transition:transform .9s var(--ease) .15s,opacity .7s var(--ease) .15s}
  .doc2 .dh.in .dh-shot .fr{transform:none;opacity:1}
  .doc2 .dh-chip{transform:translateY(12px);opacity:0;transition:transform .8s var(--back) .7s,opacity .5s var(--ease) .7s}
  .doc2 .dh.in .dh-chip{transform:none;opacity:1}
  .doc2 .rp-ptb.tick::after{animation:rdTick 1.1s var(--ease)}
}
@keyframes rdPing{0%{box-shadow:0 0 0 0 rgba(0,196,110,.55)}100%{box-shadow:0 0 0 8px rgba(0,196,110,0)}}
@keyframes rdTick{0%{opacity:1}100%{opacity:0}}

/* ── smaller screens ── */
@media(max-width:1060px){
  .doc2 .dh-in{grid-template-columns:minmax(0,1fr);padding:40px 0 44px}
  .doc2 .dh-art{grid-column:1;grid-row:auto;order:10;justify-self:start;align-self:start;margin-top:40px;flex-direction:column;align-items:flex-start}
  .doc2 .dh-facts{order:11}
  .doc2 .dh-note{order:12}
  .doc2 .dh-mark{width:96px;height:96px;border-radius:24px}.doc2 .dh-mark svg{width:42px;height:42px}
  .doc2 .dh-shot{margin-left:0}
  .doc2 .dh-chip{left:16px}
  .doc2 .dr-card.toccard{background:transparent;border:0;box-shadow:none}
  .doc2 .toc b{font:600 13px var(--sans);letter-spacing:0;text-transform:none;color:var(--r-ink)}
  .doc2 .toc a{background:var(--r-paper);border-color:var(--r-line2);color:var(--r-ink2)}
  .doc2 .toc a.on{background:var(--r-ink);border-color:var(--r-ink);color:var(--r-paper)}
}
@media(max-width:760px){
  .doc2 .dh-in{padding:30px 0 36px}
  .doc2 .dh h1{font-size:clamp(32px,8.8vw,42px);line-height:1.06}
  .doc2 .dh .lede{font-size:16.5px}
  .doc2 .dh-art{margin-top:32px;width:100%}
  .doc2 .rp,.doc2 .tp,.doc2 .kp,.doc2 .sp,.doc2 .dh-shot,.doc2 .dh-clock{width:100%}
  .doc2 .rp-ptb{font-size:34px}
  .doc2 .dh-chip{left:12px;bottom:-22px;padding:10px 14px 10px 10px}
  .doc2 .dh-facts{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}
  .doc2 .dh-facts .fact{padding:16px 16px 14px;box-shadow:-1px 0 0 var(--r-line),0 -1px 0 var(--r-line)}
  .doc2 .dh-facts .fact b{font-size:23px}
  .doc2 .dm .grid,.doc2 .dm .grid:has(>:nth-child(3):last-child),.doc2 .dm .grid:has(>:nth-child(4):last-child),.doc2 .dm .grid:has(>:nth-child(5):last-child),.doc2 .dm .grid:has(>:nth-child(6):last-child),.doc2 .dm .grid:has(>:nth-child(8):last-child),.doc2 .dm .grid:has(>:nth-child(9):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
  .doc2 .dm .grid.podium{grid-template-columns:minmax(0,1fr)}
  .doc2 .dm .stat b{font-size:23px}
  .doc2 .dm .rules{grid-template-columns:minmax(0,1fr)}
  .doc2 .dc{border-radius:20px;margin-top:64px}
  .doc2 .tp th,.doc2 .tp td{padding:9px 14px}
}

/* (rd6) 2026-09-27, owner: "you removed a lot of the cool motion effects? why? we want those ... it just looks more
   minimalistic nothing cool". The motion comes back, drawn for the light pages instead of the old black box: light that
   drifts behind the headline, a sheen that sweeps across it, a price line that draws itself and keeps a live dot, a
   ticker of every coin's live price under the first screen, panels that tilt toward the pointer and float, prices that
   roll in green or red as they change, and a green edge that follows the cursor round every card. */
body{overflow-x:clip}
.doc2 .dh-in{position:relative;z-index:1}
/* the living light behind the headline, the full width of the window */
.doc2 .dh-bg{display:block;position:absolute;top:-26px;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);z-index:0;pointer-events:none;overflow:hidden;border-radius:0}
.doc2 .dh-bg .glow{position:absolute;border-radius:50%;opacity:1}
.doc2 .dh-bg .glow.a{width:860px;height:860px;left:calc(50% - 960px);top:-470px;background:radial-gradient(circle,rgba(0,214,120,.2),rgba(0,214,120,.07) 40%,transparent 68%)}
.doc2 .dh-bg .glow.b{width:940px;height:940px;left:calc(50% + 40px);top:-300px;background:radial-gradient(circle,rgba(56,150,255,.16),rgba(56,150,255,.05) 42%,transparent 68%)}
.doc2 .dh-bg .beam{position:absolute;left:-30%;top:-20%;width:24%;height:140%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);transform:skewX(-18deg);opacity:.6}
.doc2 .dh-bg .line{position:absolute;left:0;bottom:0;width:100%;height:52%;overflow:visible;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.16),rgba(0,0,0,.4) 38%,#000 66%);mask-image:linear-gradient(90deg,rgba(0,0,0,.16),rgba(0,0,0,.4) 38%,#000 66%)}
.doc2 .dh-bg .line .stroke{fill:none;stroke:#00c46e;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.4;stroke-dasharray:1;stroke-dashoffset:0}
.doc2 .dh-bg .line .area{fill:url(#rdArea);opacity:1}
.doc2 .dh-bg .tip{position:absolute;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:#00c46e;box-shadow:0 0 0 0 rgba(0,196,110,.5);opacity:0}
html[data-theme="dark"] .doc2 .dh-bg .tip{background:#00ff88}
html[data-theme="dark"] .doc2 .dh-bg .glow.a{background:radial-gradient(circle,rgba(0,255,136,.13),rgba(0,255,136,.04) 40%,transparent 68%)}
html[data-theme="dark"] .doc2 .dh-bg .glow.b{background:radial-gradient(circle,rgba(0,168,255,.11),rgba(0,168,255,.03) 42%,transparent 68%)}
html[data-theme="dark"] .doc2 .dh-bg .beam{background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);opacity:1}
html[data-theme="dark"] .doc2 .dh-bg .line .stroke{stroke:#00ff88;opacity:.35}

/* the live ticker under the first screen: every coin's price and Polymarket's Up price, gliding */
.doc2 .tk{position:relative;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:var(--r-paper);border-bottom:1px solid var(--r-line);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.doc2 .tk-track{display:flex;width:max-content}
.doc2 .tk-set{display:flex}
.doc2 .tk-i,.doc .doc2 .tk-i{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-right:1px solid var(--r-line);color:var(--r-ink);font:500 13.5px var(--sans);white-space:nowrap;text-decoration:none}
.doc2 .tk-i:hover{background:var(--r-soft);text-decoration:none}
.doc2 .tk-i img{width:20px;height:20px;border-radius:50%}
.doc2 .tk-i b{font:700 13.5px var(--display);letter-spacing:-.005em;color:var(--r-ink)}
.doc2 .tk-p{font:500 13.5px var(--mono);font-variant-numeric:tabular-nums;color:var(--r-ink2)}
.doc2 .tk-u{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;font:600 12px var(--mono);background:var(--r-soft);color:var(--r-dim)}
.doc2 .tk-u.up{background:var(--r-mint);color:var(--r-gi)}.doc2 .tk-u.down{background:var(--r-rose);color:var(--r-red)}

/* the picture beside the headline floats, and leans toward the pointer */
.doc2 .dh-art{perspective:1200px}
.doc2 .dh-art>*{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .6s var(--ease);will-change:transform}

/* a price that changes rolls in, green up, red down */
.doc2 .rd-roll,.rdl .rd-roll{display:inline-block;animation:rdRoll .55s var(--ease)}
.doc2 .rd-roll.up,.rdl .rd-roll.up{color:var(--r-gi)}.doc2 .rd-roll.down,.rdl .rd-roll.down{color:var(--r-red)}

/* the pointer's light: a green edge round every card, a soft wash inside it */
.doc2 .tl-spot{background:radial-gradient(300px circle at var(--tl-mx,50%) var(--tl-my,50%),rgba(0,196,110,.13),transparent 64%)}
.doc2 .tl-edge{background:radial-gradient(230px circle at var(--tl-mx,50%) var(--tl-my,50%),rgba(0,196,110,.9),transparent 60%)}
html[data-theme="dark"] .doc2 .tl-spot{background:radial-gradient(300px circle at var(--tl-mx,50%) var(--tl-my,50%),rgba(0,255,136,.1),transparent 64%)}
html[data-theme="dark"] .doc2 .tl-edge{background:radial-gradient(230px circle at var(--tl-mx,50%) var(--tl-my,50%),rgba(0,255,136,.7),transparent 60%)}
.doc2 .dm .card,.doc2 .dr-card:not(.toccard),.doc2 .dm .grid,.doc2 .dm .tu,.doc2 .dm .why .card{transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .25s}
.doc2 .dm .card:hover,.doc2 .dr-card:not(.toccard):hover,.doc2 .dm .grid:hover,.doc2 .dm .tu:hover{transform:translateY(-3px);box-shadow:var(--r-sh2)}
.doc2 .dm .grid>.card:hover{transform:none;box-shadow:-1px 0 0 var(--r-line),0 -1px 0 var(--r-line)}

@keyframes rdDriftA{50%{transform:translate(110px,60px) scale(1.1)}}
@keyframes rdDriftB{50%{transform:translate(-130px,50px) scale(1.07)}}
@keyframes rdBeam{0%,45%{transform:translateX(0) skewX(-18deg)}100%{transform:translateX(620%) skewX(-18deg)}}
@keyframes rdDraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes rdAreaIn{from{opacity:0}to{opacity:1}}
@keyframes rdTipIn{to{opacity:1}}
@keyframes rdTip{0%{box-shadow:0 0 0 0 rgba(0,196,110,.55)}100%{box-shadow:0 0 0 12px rgba(0,196,110,0)}}
@keyframes rdFloat{50%{translate:0 -7px}}
@keyframes rdTicker{to{transform:translateX(-50%)}}
@keyframes rdRoll{0%{transform:translateY(60%);opacity:0}100%{transform:none;opacity:1}}
@media (prefers-reduced-motion:no-preference){
  .doc2 .dh-bg .glow.a{animation:rdDriftA 18s ease-in-out infinite alternate}
  .doc2 .dh-bg .glow.b{animation:rdDriftB 23s ease-in-out infinite alternate}
  .doc2 .dh-bg .beam{animation:rdBeam 11s var(--ease) 1.2s infinite}
  .doc2 .dh-bg .line .stroke{animation:rdDraw 5.5s cubic-bezier(.45,.05,.2,1) .25s both}
  .doc2 .dh-bg .line .area{animation:rdAreaIn 2s ease 3.8s both}
  .doc2 .dh-bg .tip{animation:rdTipIn .4s ease 5.6s forwards,rdTip 2.2s var(--ease) 6s infinite}
  .doc2 .dh-art>*{animation:rdFloat 7s ease-in-out 1.4s infinite}
  .doc2 .tk-track{animation:rdTicker 56s linear infinite}
  .doc2 .tk:hover .tk-track{animation-play-state:paused}
}
@media (prefers-reduced-motion:reduce){
  .doc2 .dh-bg .tip{opacity:1}
  .doc2 .tk{overflow-x:auto}
  .doc2 .tk-track>[aria-hidden]{display:none}
}
@media(max-width:760px){
  .doc2 .dh-bg{top:-16px}
  .doc2 .tk-i{padding:12px 20px;font-size:13px}
  .doc2 .dh-bg .glow.a{left:-420px;top:-420px}
  .doc2 .dh-bg .glow.b{left:auto;right:-520px}
}