/* Market pages (/cfd/, /crypto/, /futures/, /prediction-markets/) — everything
   the homepage sheet does not already define. Tokens come from base.css. */
h1,h2,h3,h4{text-wrap:balance}
p,li,.lead{text-wrap:pretty}
.mk-page main{position:relative;z-index:1}
.mk-head{max-width:760px;margin-bottom:clamp(28px,4vw,52px)}
.mk-head .eyebrow{display:block;margin-bottom:var(--space-3)}
.mk-head .lead{margin-top:var(--space-4)}
.mk-more{margin-top:var(--space-8);text-align:center}

/* ---------- hero ---------- */
.mh{padding:calc(68px + clamp(36px,4vw,64px)) 0 clamp(80px,7vw,110px)}
.mh .bg{inset:0;-webkit-mask-image:none;mask-image:none}
.mh .bg__scrim{background:radial-gradient(70% 60% at 30% 40%,rgba(3,6,12,.55) 0%,transparent 75%)}
.mh .hero-cta{justify-content:flex-start}
.mh-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.mh-copy{max-width:600px}
.mh-copy h1{font-size:clamp(32px,4vw,54px)}
.mh-copy .lead{max-width:56ch}
.mh-crumb{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:var(--space-6)}
.mh-crumb a{color:rgba(255,255,255,.7);text-decoration:none}
.mh-crumb a:hover{color:#fff}
.mh-crumb b{color:#fff;font-weight:600}
.mh-visual{position:relative;min-height:460px;display:grid;place-items:center;perspective:1400px}
.mh-stage{position:relative;width:100%;max-width:620px}
/* floating symbol tiles: white cards, like every tile on the site */
.mh-float{position:absolute;z-index:3;width:60px;height:60px;border-radius:16px;background:#fff;border:1px solid rgba(15,23,42,.08);display:grid;place-items:center;box-shadow:0 24px 44px -20px rgba(0,0,0,.55);animation:mh-drift 6s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -1.3s)}
@keyframes mh-drift{from{transform:translateY(-8px) rotate(-3deg)}to{transform:translateY(10px) rotate(3deg)}}
.mh-float img{width:36px;height:36px}
.mh-float[style*="--i:0"]{left:-9%;top:16%}
.mh-float[style*="--i:1"]{right:-8%;top:4%}
.mh-float[style*="--i:2"]{left:-7%;bottom:12%}
.mh-float[style*="--i:3"]{right:-9%;top:44%}
.mh-float[style*="--i:4"]{left:34%;top:-15%}
.mh-soon{position:absolute;z-index:4;top:-12px;right:-12px;background:#fff;color:var(--dv-blue-deep);font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-pill);padding:8px 14px;box-shadow:0 12px 24px -12px rgba(0,0,0,.5)}
/* the scene: a terminal that trades, passes and gets paid, on a loop */
.hs{position:relative;z-index:2;width:100%;max-width:620px;border-radius:24px;background:linear-gradient(160deg,#0f1a2e 0%,#0a1220 60%,#070c16 100%);border:1px solid rgba(255,255,255,.12);box-shadow:0 50px 90px -40px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.08);color:#fff;font-family:var(--font-body);transform-style:preserve-3d;will-change:transform;overflow:visible}
.hs-soon{top:-12px;right:-12px}
.hs-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 10px;border-bottom:1px solid rgba(255,255,255,.08)}
.hs-sym{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:600}
.hs-sym img{width:22px;height:22px}
.hs-sym small{font-size:11px;font-weight:500;color:rgba(255,255,255,.5);margin-left:4px}
.hs-tf{display:inline-flex;gap:2px;background:rgba(255,255,255,.06);border-radius:999px;padding:3px}
.hs-tf span{font-family:var(--font-mono);font-size:11px;color:rgba(255,255,255,.55);padding:4px 9px;border-radius:999px}
.hs-tf span.is-on{background:#fff;color:var(--ink-1)}
.hs-chart{position:relative;height:300px;overflow:hidden;background:#0d1524;border-top:1px solid rgba(147,184,255,.13);border-bottom:1px solid rgba(147,184,255,.13)}
.hs-chart svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.hs-plot{fill:#0d1524}
.hs-grid line{stroke:rgba(147,184,255,.055);stroke-width:1;vector-effect:non-scaling-stroke}
.hs-scale-edge{stroke:rgba(147,184,255,.13);stroke-width:1;vector-effect:non-scaling-stroke}
.hs-cross{stroke:rgba(147,184,255,.38);stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}
.hs-pscale text,.hs-tscale text{fill:rgba(226,234,250,.68);font:500 11px 'Inter',system-ui,sans-serif}
.hs-pscale text{text-anchor:start}
.hs-tscale text{text-anchor:middle}
.hs-pscale line,.hs-tscale line{stroke:rgba(147,184,255,.13);vector-effect:non-scaling-stroke}
.hs-target{stroke:#10b981;stroke-width:1;stroke-dasharray:4 4;opacity:.8;vector-effect:non-scaling-stroke}
.hs-floor{stroke:#ef4444;stroke-width:1;stroke-dasharray:4 4;opacity:.7;vector-effect:non-scaling-stroke}
.hs-target-l{fill:#10b981;font:600 10px 'Inter',system-ui,sans-serif}
.hs-floor-l{fill:#ef4444;font:600 10px 'Inter',system-ui,sans-serif}
.hs-candles rect{rx:0}
.hs-candles .up{fill:#10b981}.hs-candles .dn{fill:#ef4444}
.hs-candles line.up{stroke:#10b981;stroke-width:1;vector-effect:non-scaling-stroke}.hs-candles line.dn{stroke:#ef4444;stroke-width:1;vector-effect:non-scaling-stroke}
.hs-line{fill:none;stroke:#5b8bff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.hs-area{fill:url(#hsFade);opacity:.8}
.hs-tag{position:absolute;right:0;width:10.7%;top:50%;transform:translateY(-50%);background:#3b62c9;color:#fff;font:600 11px 'Inter',system-ui,sans-serif;padding:3px 0 3px 6px;border-radius:3px 0 0 3px;white-space:nowrap;overflow:hidden}
.hs-illu{position:absolute;right:8px;bottom:5px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.3)}
.hs-bottom{padding:12px 18px 16px}
.hs-pos{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px 14px;opacity:0}
.hs-pos-sym{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:13px}
.hs-pos-sym img{width:18px;height:18px}
.hs-pos-side{font-size:12px;color:rgba(255,255,255,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hs-pos-pnl{font-family:var(--font-mono);font-size:16px;font-weight:600;color:#5ee0b0}
.hs-pos-eq{display:grid;text-align:right;line-height:1.1}
.hs-pos-eq small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.hs-pos-eq b{font-family:var(--font-mono);font-size:13px}
.hs-ticket{position:absolute;right:18px;bottom:24%;width:230px;background:#fff;color:var(--ink-1);border-radius:16px;padding:14px;box-shadow:0 30px 50px -20px rgba(0,0,0,.6);opacity:0;z-index:3}
.hs-ticket-h{display:block;font-family:var(--font-display);font-weight:600;font-size:14px;margin-bottom:8px}
.hs-ticket-r{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;font-family:var(--font-mono);font-size:11px;color:var(--ink-2);margin-bottom:12px}
.hs-ticket-r span:first-child{grid-column:1/-1;color:var(--ink-1);font-weight:600}
.hs-ticket-btn{position:relative;display:flex;align-items:center;justify-content:center;height:36px;border-radius:10px;background:var(--dv-green);color:#fff;font-weight:700;font-size:13px;overflow:hidden}
.hs-ticket-btn i{position:absolute;width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.6);transform:scale(0);opacity:0}
.hs-stamp{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%) rotate(-6deg);display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:3px solid #5ee0b0;color:#5ee0b0;border-radius:12px;font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:.02em;background:rgba(7,12,22,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;z-index:4;white-space:nowrap}
.hs-stamp svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.hs-payout{position:absolute;right:-22px;bottom:-66px;width:224px;background:#fff;color:var(--ink-1);border-radius:18px;padding:14px 16px;box-shadow:0 34px 60px -24px rgba(0,0,0,.65);opacity:0;z-index:5}
.hs-payout-h{display:block;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.hs-payout b{display:block;font-family:var(--font-mono);font-size:24px;font-weight:600;color:var(--dv-green);margin:4px 0 2px}
.hs-payout small{display:block;font-size:11px;color:var(--ink-3)}
.hs-payout-steps{display:flex;justify-content:space-between;margin-top:10px;position:relative}
.hs-payout-steps::before{content:"";position:absolute;left:6px;right:6px;top:5px;height:2px;background:var(--dv-blue-soft)}
.hs-payout-steps i{position:relative;font-style:normal;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding-top:14px}
.hs-payout-steps i::before{content:"";position:absolute;left:50%;top:0;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#fff;border:2px solid var(--dv-blue-soft);box-sizing:border-box;transition:background .3s,border-color .3s}
.hs-payout-steps i.is-on::before{background:var(--dv-green);border-color:var(--dv-green)}
.hs-payout-steps i.is-on{color:var(--ink-1)}
@media(max-width:960px){
  .mh-grid{grid-template-columns:1fr}
  .mh-visual{min-height:0;order:1;margin-top:28px}
  .hs{max-width:560px}
  .mh-float{width:48px;height:48px}
  .mh-float img{width:28px;height:28px}
  .mh-float[style*="--i:4"]{display:none}
  .hs-payout{right:-6px;bottom:-22px;width:200px}
  .mh-float[style*="--i:0"]{left:-2%}.mh-float[style*="--i:1"]{right:-2%}.mh-float[style*="--i:2"]{left:-1%}.mh-float[style*="--i:3"]{right:-2%}
}
@media(max-width:560px){
  .hs-payout{position:relative;right:auto;bottom:auto;margin:14px 0 0 auto;width:220px}
  .hs{aspect-ratio:auto}
  .hs-chart{height:220px}
  .mh-float[style*="--i:0"]{display:none}
  .mh-float[style*="--i:1"]{top:-34px;right:4%}
  .mh-float[style*="--i:2"]{left:-4px;bottom:-14px}
  .hs-ticket{width:190px;padding:12px}
  .hs-stamp{font-size:14px;padding:8px 12px}
  .hs-pos{grid-template-columns:auto 1fr auto}
  .hs-pos-eq{display:none}
  .mh-float[style*="--i:3"]{display:none}
}

/* ---------- what you trade ---------- */
.mk-classes{padding-bottom:0}
.mk-classgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4);margin-bottom:var(--space-9)}
.mk-class{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px 22px 24px;overflow:hidden;transition:transform var(--dur-base) var(--ease-emphasis),box-shadow var(--dur-base),border-color var(--dur-base)}
.mk-class::after{content:"";position:absolute;inset:auto -30% -50% auto;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(74,111,165,.10),transparent 70%);opacity:0;transition:opacity var(--dur-slow)}
.mk-class:hover{transform:translateY(-4px);box-shadow:0 30px 60px -40px rgba(15,23,42,.35);border-color:rgba(74,111,165,.35)}
.mk-class:hover::after{opacity:1}
.mk-spark{position:absolute;right:16px;top:18px;width:150px;height:46px;fill:none;stroke:var(--dv-blue);stroke-width:2;stroke-linecap:round;opacity:.55;stroke-dasharray:260;stroke-dashoffset:260}
.mk-class.is-live .mk-spark{animation:mk-spark 5s var(--ease-standard) infinite}
@keyframes mk-spark{0%{stroke-dashoffset:260}45%,70%{stroke-dashoffset:0}100%{stroke-dashoffset:-260}}
.mk-class.is-live .mk-icons i{animation:mk-ico 4.2s var(--ease-emphasis) infinite}
.mk-class.is-live .mk-icons i:nth-child(2){animation-delay:1.4s}
.mk-class.is-live .mk-icons i:nth-child(3){animation-delay:2.8s}
@keyframes mk-ico{0%,12%{transform:translateY(0) scale(1)}18%{transform:translateY(-6px) scale(1.12);box-shadow:0 12px 20px -10px rgba(74,111,165,.6)}30%,100%{transform:translateY(0) scale(1)}}
.mk-icons{display:flex;margin-bottom:18px;height:44px;position:relative;z-index:1}
.mk-icons i{width:44px;height:44px;border-radius:14px;background:var(--dv-blue-soft);border:2px solid #fff;display:grid;place-items:center;margin-left:-10px;transition:transform var(--dur-base) var(--ease-emphasis)}
.mk-icons i:first-child{margin-left:0}
.mk-icons i img{width:30px;height:30px}
.mk-icons i.mono svg{width:22px;height:22px;fill:none;stroke:var(--dv-blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mk-class:hover .mk-icons i:nth-child(2){transform:translateX(6px)}
.mk-class:hover .mk-icons i:nth-child(3){transform:translateX(12px)}
.mk-count{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}
.mk-count b{font-size:34px;font-weight:600;color:var(--ink-1);line-height:1}
.mk-count small,.mk-count .solo{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.mk-class h3{font-size:19px;margin-bottom:6px}
.mk-class p{font-size:14px;color:var(--ink-2)}
.mk-marquee{margin-top:0}

/* ---------- programs ---------- */
.pg{color:#fff}
.pg-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(20px,4vw,56px);align-items:end;margin-bottom:var(--space-9);position:relative}
.pg-head h2{margin-top:var(--space-3)}
@media(max-width:860px){.pg-head{grid-template-columns:1fr}}
.pg-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,48px);position:relative}
@media(max-width:900px){.pg-grid{grid-template-columns:1fr}}
.pg-lbl{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55);margin:var(--space-6) 0 var(--space-3)}
.pg-lbl:first-child{margin-top:0}
.pg-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.pg-tab{appearance:none;cursor:pointer;text-align:left;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:16px;padding:14px 16px;font:inherit;transition:background var(--dur-quick),border-color var(--dur-quick),transform var(--dur-base) var(--ease-emphasis)}
.pg-tab b{display:block;font-family:var(--font-display);font-weight:600;font-size:16px}
.pg-tab small{display:block;font-size:12px;color:rgba(255,255,255,.6);margin-top:2px}
.pg-tab:hover{background:rgba(255,255,255,.1)}
.pg-tab.is-on{background:#fff;color:var(--ink-1);border-color:#fff;transform:translateY(-2px)}
.pg-tab.is-on small{color:var(--ink-3)}
.pg-sizes{display:flex;flex-wrap:wrap;gap:8px}
.pg-size{appearance:none;cursor:pointer;font:inherit;font-family:var(--font-mono);font-size:14px;font-weight:500;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-pill);padding:9px 16px;transition:background var(--dur-quick),color var(--dur-quick)}
.pg-size:hover{background:rgba(255,255,255,.12)}
.pg-size.is-on{background:#5ee0b0;color:var(--dv-black);border-color:#5ee0b0}
.pg-note{margin-top:var(--space-6);font-size:13px;color:rgba(255,255,255,.55);max-width:52ch}
.pg-card{background:#fff;color:var(--ink-1);border-radius:24px;padding:clamp(20px,2.6vw,32px);box-shadow:0 40px 80px -40px rgba(0,0,0,.6);transition:transform var(--dur-base) var(--ease-emphasis)}
.pg-card.is-pulse{animation:pg-pulse .5s var(--ease-emphasis)}
@keyframes pg-pulse{0%{transform:scale(1)}40%{transform:scale(1.015)}100%{transform:scale(1)}}
.pg-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:var(--space-5)}
.pg-card-top>span:first-child{font-family:var(--font-display);font-weight:600;font-size:18px}
.pg-fee{text-align:right}
.pg-fee b{display:block;font-family:var(--font-mono);font-size:30px;font-weight:600;line-height:1;color:var(--dv-blue-deep)}
.pg-fee small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.pg-bar{position:relative;height:10px;border-radius:5px;background:var(--dv-blue-soft);margin:var(--space-4) 0;overflow:visible}
.pg-bar::before{content:"";position:absolute;left:50%;top:-4px;bottom:-4px;width:2px;background:var(--ink-1);border-radius:1px}
.pg-bar i{position:absolute;top:0;bottom:0;border-radius:5px;transition:width var(--dur-slow) var(--ease-emphasis)}
.pg-bar .loss{right:50%;background:linear-gradient(90deg,#fca5a5,#ef4444)}
.pg-bar .gain{left:50%;background:linear-gradient(90deg,#00b67a,#5ee0b0)}
.pg-bar em{position:absolute;top:-6px;width:2px;height:22px;background:var(--dv-amber);transition:left var(--dur-slow) var(--ease-emphasis)}
.pg-figs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:var(--space-5)}
.pg-figs div{background:var(--dv-blue-soft);border-radius:12px;padding:10px 12px;min-width:0}
.pg-figs small{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.pg-figs b{display:block;font-family:var(--font-mono);font-size:15px;font-weight:600;margin-top:2px;white-space:nowrap}
.pg-figs div:first-child b{color:var(--dv-red)}
.pg-figs div:nth-child(3) b{color:var(--dv-green)}
@media(max-width:560px){.pg-figs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pg-specs{list-style:none;margin:0 0 var(--space-5);padding:0;border-top:1px solid var(--line)}
.pg-specs li{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--line-2);font-size:14px}
.pg-specs li span{color:var(--ink-3)}
.pg-specs li b{font-weight:600;text-align:right;max-width:60%}
.pg-cta{width:100%;justify-content:center}
.pg-fine{margin-top:var(--space-4);font-size:12px;color:var(--ink-3)}

/* ---------- platform ---------- */
.pf-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:center}
@media(max-width:900px){.pf-grid{grid-template-columns:1fr}}
.pf-copy .eyebrow{display:block;margin-bottom:var(--space-3)}
.pf-copy .lead{margin-top:var(--space-4)}
.pf-notes{list-style:none;margin:var(--space-7) 0 0;padding:0;display:grid;gap:12px}
.pf-notes li{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px}
.pf-notes b{display:block;font-family:var(--font-display);font-weight:600;font-size:16px;margin-bottom:4px}
.pf-notes p{font-size:14px;color:var(--ink-2)}
.pf-vis{position:relative;background:var(--dv-black);color:#fff;border-radius:24px;padding:clamp(18px,2.4vw,28px);box-shadow:0 40px 80px -40px rgba(7,12,22,.7);overflow:hidden}
.pf-vis::after{content:"";position:absolute;right:-20%;top:-40%;width:70%;height:170%;background:linear-gradient(100deg,transparent,rgba(147,184,255,.12),transparent);transform:rotate(14deg);pointer-events:none}
.pf-vis>*{position:relative;z-index:1}
.pf-tag{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.pf-cost{margin-top:var(--space-5);font-size:14px;color:rgba(255,255,255,.7);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.pf-rt{font-family:var(--font-mono);font-size:12px;color:rgba(255,255,255,.55)}
.pf-rt b{color:#5ee0b0;font-size:15px}
.pf-cost b{color:#fff;font-weight:600}
.pf-ctl{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:var(--space-5)}
.pf-ctl .pf-switch{margin-bottom:0}
.pf-types{display:inline-flex;gap:4px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-pill);padding:4px}
.pf-types button{appearance:none;cursor:pointer;font:inherit;font-weight:600;font-size:12px;color:rgba(255,255,255,.7);background:transparent;border:0;border-radius:var(--radius-pill);padding:7px 12px;transition:background var(--dur-base),color var(--dur-base)}
.pf-types button.is-on{background:#5ee0b0;color:var(--dv-black)}
.pf-switch{display:inline-flex;gap:4px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-pill);padding:4px;margin-bottom:var(--space-5)}
.pf-switch button{appearance:none;cursor:pointer;font:inherit;font-weight:600;font-size:13px;color:rgba(255,255,255,.7);background:transparent;border:0;border-radius:var(--radius-pill);padding:8px 14px;display:inline-flex;align-items:center;gap:8px;transition:background var(--dur-base),color var(--dur-base)}
.pf-switch button.is-on{background:#fff;color:var(--ink-1)}
.pf-tape{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-family:var(--font-mono);font-size:22px;font-weight:600;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px 16px}
.pf-sym{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:14px;font-weight:600}
.pf-bid{color:#fca5a5}.pf-ask{color:#5ee0b0}.pf-sep{color:rgba(255,255,255,.35)}
.pf-tape .pf-tag{margin-left:auto}
.pf-tape .tick{animation:pf-tick .4s var(--ease-emphasis)}
@keyframes pf-tick{0%{opacity:.4;transform:translateY(-3px)}100%{opacity:1;transform:none}}
.pf-rows{list-style:none;margin:var(--space-5) 0 0;padding:0;display:grid;gap:8px}
.pf-rows li{display:grid;grid-template-columns:96px 1fr 92px;align-items:center;gap:12px;font-size:13px;opacity:0;transform:translateY(6px);animation:pf-row .45s var(--ease-emphasis) forwards;animation-delay:calc(var(--k) * 60ms)}
@keyframes pf-row{to{opacity:1;transform:none}}
.pf-rows li span{font-weight:600}
.pf-rows li i{height:6px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden;display:block}
.pf-rows li i b{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,#93b8ff,#5ee0b0);transition:width .9s var(--ease-emphasis)}
.mk-live.is-live .pf-rows li i b{width:var(--w)}
.pf-rows li em.tick{animation:pf-tick .4s var(--ease-emphasis)}
.pf-rows li em{font-style:normal;font-family:var(--font-mono);text-align:right;color:rgba(255,255,255,.8)}
.pf-bookhead,.pc-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:var(--space-4);font-weight:600;font-size:14px}
.pf-bookhead span:first-child,.pc-head span:first-child{display:inline-flex;align-items:center;gap:8px}
.pf-lad-rows{list-style:none;margin:0;padding:0;font-family:var(--font-mono);font-size:14px}
.pf-lad{display:grid;grid-template-columns:1fr 44px 96px;align-items:center;gap:10px;height:30px;position:relative}
.pf-lad .pf-bar{display:block;height:14px;border-radius:3px;justify-self:end;width:40px;transition:width .6s var(--ease-emphasis)}
.pf-lad.ask .pf-bar{background:rgba(252,165,165,.45)}
.pf-lad.bid .pf-bar{background:rgba(94,224,176,.45)}
.pf-lad .pf-qty{color:rgba(255,255,255,.7);text-align:right}
.pf-lad .pf-px{text-align:right;font-weight:500}
.pf-lad.ask .pf-px{color:#fca5a5}.pf-lad.bid .pf-px{color:#5ee0b0}
.pf-lad.mid{grid-template-columns:1fr;height:36px;margin:4px 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.pf-lad.mid .pf-px{font-size:18px;font-weight:600;color:#fff;display:flex;justify-content:flex-end;gap:8px}
.pf-lad.mid .pf-px .dir{font-size:12px}
.pf-vis>.pf-soon{position:absolute;top:16px;right:16px;z-index:2}
.pc-sides{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pc-sides button{appearance:none;cursor:default;font:inherit;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:16px;text-align:left;position:relative;overflow:hidden}
.pc-sides small{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.pc-sides b{display:block;font-family:var(--font-mono);font-size:34px;font-weight:600;margin:6px 0 10px;transition:transform .3s var(--ease-emphasis)}
.pc-sides b.tick{animation:pf-tick .4s var(--ease-emphasis)}
.pc-sides i{display:block;height:6px;border-radius:3px;background:rgba(255,255,255,.1);overflow:hidden}
.pc-sides i::after{content:"";display:block;height:100%;width:calc(var(--p) * 1%);transition:width .6s var(--ease-emphasis)}
.pc-yes i::after{background:#5ee0b0}.pc-no i::after{background:#fca5a5}
.pc-settle{margin-top:12px;display:flex;justify-content:center;align-items:center;height:44px;border-radius:12px;background:rgba(94,224,176,.12);border:1px solid rgba(94,224,176,.35);color:#5ee0b0;font-weight:600;font-size:14px;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s var(--ease-emphasis)}
.pc-settle.is-on{opacity:1;transform:none}
.pf-contract.is-settled .pc-yes{box-shadow:inset 0 0 0 2px #5ee0b0}

/* ---------- rules bento ---------- */
.rt-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:var(--space-6)}
.rt-tab{appearance:none;cursor:pointer;text-align:left;font:inherit;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 18px;min-width:170px;transition:background var(--dur-base),color var(--dur-base),transform var(--dur-base) var(--ease-emphasis),box-shadow var(--dur-base)}
.rt-tab b{display:block;font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--ink-1)}
.rt-tab small{display:block;font-size:12px;color:var(--ink-3);margin-top:2px}
.rt-tab:hover{transform:translateY(-2px);box-shadow:0 20px 40px -30px rgba(15,23,42,.35)}
.rt-tab.is-on{background:var(--dv-black);border-color:var(--dv-black)}
.rt-tab.is-on b{color:#fff}.rt-tab.is-on small{color:rgba(255,255,255,.6)}
.rt-panels{position:relative}
.rt-grid[hidden]{display:none}
.rt{position:relative;opacity:0;transform:translateY(14px);animation:rt-in .5s var(--ease-emphasis) forwards;animation-delay:calc(var(--k) * 55ms)}
@keyframes rt-in{to{opacity:1;transform:none}}
.rt-ico{position:absolute;right:18px;top:18px;z-index:2;width:38px;height:38px;border-radius:12px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;box-shadow:0 10px 20px -12px rgba(15,23,42,.35)}
.rt-ico svg{width:20px;height:20px;fill:none;stroke:var(--dv-blue-deep);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rv-target .line{position:absolute;left:16px;right:16px;top:34px;border-top:2px dashed var(--dv-green)}
.rv-target .bar{position:absolute;left:50%;bottom:20px;width:26px;height:30%;margin-left:-13px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--dv-blue),var(--dv-blue-deep))}
.is-live .rv-target .bar{animation:rv-target 3.4s var(--ease-standard) infinite}
@keyframes rv-target{0%,15%{height:30%}55%,80%{height:62%}100%{height:30%}}
.rv-split svg{width:90px;height:90px;transform:rotate(-90deg)}
.rv-split circle{fill:none;stroke-width:10}
.rv-split .bg{stroke:rgba(15,23,42,.08)}
.rv-split .arc{stroke:var(--dv-green);stroke-dasharray:239;stroke-dashoffset:239}
.is-live .rv-split .arc{animation:rv-split 3s var(--ease-standard) infinite}
@keyframes rv-split{0%{stroke-dashoffset:239}45%,80%{stroke-dashoffset:var(--off,48)}100%{stroke-dashoffset:239}}
.rv-split b{position:absolute;font-family:var(--font-mono);font-size:16px;font-weight:600;color:var(--ink-1)}
.rv-addon .tog{position:absolute;width:64px;height:34px;border-radius:17px;background:rgba(15,23,42,.12);top:34px;left:50%;margin-left:-32px}
.rv-addon .tog b{position:absolute;left:3px;top:3px;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 4px 10px -4px rgba(15,23,42,.5)}
.is-live .rv-addon .tog{animation:rv-tog 3s var(--ease-emphasis) infinite}
.is-live .rv-addon .tog b{animation:rv-togb 3s var(--ease-emphasis) infinite}
@keyframes rv-tog{0%,35%{background:rgba(15,23,42,.12)}45%,85%{background:var(--dv-green)}100%{background:rgba(15,23,42,.12)}}
@keyframes rv-togb{0%,35%{left:3px}45%,85%{left:33px}100%{left:3px}}
.rt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
@media(max-width:960px){.rt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.rt-grid{grid-template-columns:1fr}}
.rt{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;transition:transform var(--dur-base) var(--ease-emphasis),box-shadow var(--dur-base)}
.rt:hover{transform:translateY(-4px);box-shadow:0 30px 60px -40px rgba(15,23,42,.35)}
.rt h3{font-size:18px;margin-top:18px}
.rt-val{display:block;font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--dv-blue-deep);margin:6px 0 8px}
.rt p{font-size:14px;color:var(--ink-2)}
.rt-addon{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:12px;font-weight:600;color:var(--dv-blue-deep);background:var(--dv-blue-soft);border:1px solid rgba(74,111,165,.25);border-radius:var(--radius-pill);padding:5px 11px 5px 8px}
.rt-addon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.rv{position:relative;height:120px;border-radius:16px;background:var(--dv-blue-soft);overflow:hidden;display:grid;place-items:center}
.rv .lbl{position:absolute;left:14px;right:14px;bottom:10px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);display:flex;justify-content:space-between}
/* drawdown */
.rv-dd .track{position:absolute;left:16px;right:16px;top:44px;height:14px;border-radius:7px;background:rgba(15,23,42,.08);overflow:visible}
.rv-dd .fill{position:absolute;left:0;top:0;bottom:0;width:100%;border-radius:7px;background:linear-gradient(90deg,#00b67a,#5ee0b0)}
.rv-dd .floor{position:absolute;left:70%;top:-8px;height:30px;width:2px;background:var(--dv-red)}
.is-live .rv-dd .fill{animation:rv-dd 4s var(--ease-standard) infinite}
@keyframes rv-dd{0%{width:100%}45%{width:74%}60%{width:86%}100%{width:100%}}
/* daily gauge */
.rv-daily svg{width:120px;height:70px}
.rv-daily path{fill:none;stroke-width:10;stroke-linecap:round}
.rv-daily .bg{stroke:rgba(15,23,42,.08)}
.rv-daily .arc{stroke:var(--dv-amber);stroke-dasharray:151;stroke-dashoffset:151}
.is-live .rv-daily .arc{animation:rv-daily 3.6s var(--ease-standard) infinite}
@keyframes rv-daily{0%{stroke-dashoffset:151}50%{stroke-dashoffset:40}70%{stroke-dashoffset:40}100%{stroke-dashoffset:151}}
/* days */
.rv-days{display:flex;gap:8px;flex-wrap:wrap;padding:0 22px;align-content:center}
.rv-days i{width:22px;height:22px;border-radius:7px;background:rgba(15,23,42,.08)}
.is-live .rv-days i:nth-child(-n+5){animation:rv-day 5s var(--ease-standard) infinite;animation-delay:calc(var(--n) * .35s)}
@keyframes rv-day{0%,8%{background:rgba(15,23,42,.08)}18%,80%{background:#00b67a}100%{background:rgba(15,23,42,.08)}}
/* news clock */
.rv-news svg{width:84px;height:84px}
.rv-news .face{fill:#fff;stroke:rgba(15,23,42,.12);stroke-width:2}
.rv-news .window{fill:rgba(185,28,28,.16)}
.rv-news .hand{stroke:var(--ink-1);stroke-width:3;stroke-linecap:round;transform-origin:50px 50px}
.is-live .rv-news .hand{animation:rv-hand 6s linear infinite}
.is-live .rv-news .window{animation:rv-window 6s linear infinite}
@keyframes rv-hand{to{transform:rotate(360deg)}}
@keyframes rv-window{0%,40%{fill:rgba(185,28,28,.14)}50%,60%{fill:rgba(185,28,28,.42)}70%,100%{fill:rgba(185,28,28,.14)}}
/* weekend */
.rv-week{display:flex;gap:6px}
.rv-week i{width:28px;height:36px;border-radius:9px;background:#fff;border:1px solid rgba(15,23,42,.1);display:grid;place-items:center;font-size:11px;font-weight:600;color:var(--ink-2);font-style:normal}
.rv-week i.we{background:rgba(185,28,28,.08);color:var(--dv-red)}
.rt--weekend .rt-val{color:var(--dv-amber)}
.is-live .rv-week i.we{animation:rv-we 3s var(--ease-standard) infinite}
.mk-page--crypto .rv-week i.we{background:var(--dv-green-soft);color:var(--dv-green)}
.mk-page--crypto .is-live .rv-week i.we{animation-name:rv-we-ok}
@keyframes rv-we{0%,60%{transform:none}70%{transform:translateY(-6px)}80%,100%{transform:none}}
@keyframes rv-we-ok{0%,60%{transform:none;box-shadow:none}70%{transform:translateY(-6px);box-shadow:0 8px 14px -8px rgba(0,182,122,.6)}80%,100%{transform:none}}
/* active */
.rv-active b{font-size:44px;font-weight:600;color:var(--ink-1);line-height:1}
.rv-active small{position:absolute;bottom:14px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.rv-active .pulse{position:absolute;width:90px;height:90px;border-radius:50%;border:2px solid var(--dv-green);opacity:0}
.is-live .rv-active .pulse{animation:rv-pulse 2.4s ease-out infinite}
@keyframes rv-pulse{0%{transform:scale(.6);opacity:.8}100%{transform:scale(1.5);opacity:0}}
/* risk */
.rv-risk .full{position:absolute;left:16px;right:16px;top:50px;height:14px;border-radius:7px;background:rgba(15,23,42,.08)}
.rv-risk .slice{position:absolute;left:16px;top:44px;height:26px;width:2%;min-width:14px;border-radius:7px;background:var(--dv-blue);display:grid;place-items:center;font-size:11px;font-weight:600;color:#fff;overflow:visible}
.rv-risk .slice span{position:absolute;left:100%;margin-left:8px;color:var(--dv-blue-deep);white-space:nowrap}
.is-live .rv-risk .slice{animation:rv-risk 3s var(--ease-emphasis) infinite}
@keyframes rv-risk{0%,20%{transform:scaleY(1)}30%,50%{transform:scaleY(1.3)}60%,100%{transform:scaleY(1)}}
/* consistency */
.rv-cons{display:flex;align-items:flex-end;gap:8px;height:120px;padding:18px 20px 22px}
.rv-cons i{flex:1;height:var(--h);border-radius:6px 6px 2px 2px;background:var(--dv-blue);opacity:.75;transform-origin:bottom}
.rv-cons i:nth-child(4){background:var(--dv-amber);opacity:1}
.rv-cons .cap{position:absolute;left:20px;right:20px;top:36px;border-top:2px dashed var(--dv-red)}
.is-live .rv-cons i:nth-child(4){animation:rv-cons 3.2s var(--ease-standard) infinite}
@keyframes rv-cons{0%,30%{transform:scaleY(1)}50%,70%{transform:scaleY(.62)}90%,100%{transform:scaleY(1)}}
/* cap per question */
.rv-cap{display:grid;gap:10px;padding:0 20px;width:100%}
.rv-cap .q{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px;font-size:11px;font-weight:600;color:var(--ink-3);font-style:normal}
.rv-cap .q b{display:block;height:10px;border-radius:5px;background:var(--dv-blue);width:var(--w);opacity:.8}
.rv-cap .q:nth-child(2) b{background:var(--dv-amber)}
.rv-cap .line{position:absolute;right:20px;top:14px;bottom:14px;border-left:2px dashed var(--dv-red);padding-left:6px;font-size:11px;font-weight:600;color:var(--dv-red);font-style:normal}
.is-live .rv-cap .q:nth-child(2) b{animation:rv-cap 3s var(--ease-standard) infinite}
@keyframes rv-cap{0%,25%{width:100%}45%,70%{width:78%}90%,100%{width:100%}}
/* no daily */
.rv-nodaily svg{width:100%;height:70px}
.rv-nodaily .path{fill:none;stroke:var(--dv-blue);stroke-width:3;stroke-linecap:round;stroke-dasharray:180;stroke-dashoffset:180}
.is-live .rv-nodaily .path{animation:rv-draw 4s var(--ease-standard) infinite}
@keyframes rv-draw{0%{stroke-dashoffset:180}55%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:-180}}
/* settle */
.rv-settle .card{width:110px;height:64px;border-radius:12px;background:#fff;border:1px solid rgba(15,23,42,.1);display:grid;place-items:center;font-style:normal;font-weight:600;color:var(--dv-green);grid-auto-flow:column;gap:8px}
.rv-settle .card b{font-family:var(--font-mono)}
.rv-settle .stamp{position:absolute;right:18px;top:14px;transform:rotate(12deg);border:2px solid var(--dv-blue);color:var(--dv-blue);border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-style:normal;opacity:0}
.is-live .rv-settle .stamp{animation:rv-stamp 3.6s var(--ease-emphasis) infinite}
@keyframes rv-stamp{0%,35%{opacity:0;transform:rotate(12deg) scale(1.6)}45%,85%{opacity:1;transform:rotate(12deg) scale(1)}100%{opacity:0}}
/* one account */
.rv-one .id{width:96px;height:60px;border-radius:12px;background:#fff;border:1px solid rgba(15,23,42,.1);display:grid;gap:8px;align-content:center;padding:0 14px}
.rv-one .id span{height:8px;border-radius:4px;background:rgba(15,23,42,.1)}
.rv-one .id span:first-child{width:60%}
.rv-one .tick{position:absolute;right:22px;bottom:18px;width:32px;height:32px;border-radius:50%;background:var(--dv-green);display:grid;place-items:center;transform:scale(0)}
.rv-one .tick svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.is-live .rv-one .tick{animation:rv-tick 3s var(--ease-emphasis) infinite}
@keyframes rv-tick{0%,30%{transform:scale(0)}45%,85%{transform:scale(1)}100%{transform:scale(0)}}
/* contracts */
.rv-contracts{display:flex;gap:6px;align-items:center;padding:0 22px}
.rv-contracts i{flex:1;height:30px;border-radius:6px;background:rgba(15,23,42,.08)}
.is-live .rv-contracts i{animation:rv-lot 4s var(--ease-standard) infinite;animation-delay:calc(var(--n) * .25s)}
.rv-contracts i:nth-child(n+7){opacity:.4}
@keyframes rv-lot{0%,10%{background:rgba(15,23,42,.08)}20%,70%{background:var(--dv-blue)}85%,100%{background:rgba(15,23,42,.08)}}
/* payout */
.rv-payout .track{position:absolute;left:20px;right:20px;top:46px;height:6px;border-radius:3px;background:rgba(15,23,42,.08)}
.rv-payout .track b{display:block;height:100%;width:0;border-radius:3px;background:var(--dv-green)}
.is-live .rv-payout .track b{animation:rv-pay 4s var(--ease-standard) infinite}
@keyframes rv-pay{0%{width:0}30%{width:50%}45%{width:50%}70%,85%{width:100%}100%{width:100%}}
/* soon */
.rv-soon .ring{position:absolute;width:70px;height:70px;border-radius:50%;border:3px solid var(--dv-blue);border-top-color:transparent}
.is-live .rv-soon .ring{animation:rv-spin 1.6s linear infinite}
@keyframes rv-spin{to{transform:rotate(360deg)}}
.rv-soon span{font-family:var(--font-display);font-weight:700;color:var(--dv-blue-deep)}

/* ---------- journey ---------- */
.jn-wrap{position:relative}
.jn-line{position:absolute;left:22px;right:22px;top:33px;height:2px;background:rgba(74,111,165,.18);z-index:1;pointer-events:none}
.jn-line i{position:absolute;left:0;top:-5px;width:12px;height:12px;border-radius:50%;background:var(--dv-blue);box-shadow:0 0 0 4px rgba(74,111,165,.18);transform:translateX(-50%)}
.jn-wrap.is-live .jn-line i{animation:jn-dot 8s var(--ease-standard) infinite}
@keyframes jn-dot{0%{left:0}30%{left:33%}55%{left:66%}85%,100%{left:100%}}
@media(max-width:900px){.jn-line{display:none}}
.jn li.is-on{background:#fff;box-shadow:0 30px 60px -40px rgba(15,23,42,.35);outline:1px solid rgba(74,111,165,.35)}
.jn li{transition:background var(--dur-base),box-shadow var(--dur-base)}
.jn{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);counter-reset:jn}
@media(max-width:900px){.jn{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.jn{grid-template-columns:1fr}}
.jn li{position:relative;background:var(--dv-blue-soft);border-radius:22px;padding:22px}
.jn li::after{content:"";position:absolute;right:-14px;top:36px;width:12px;height:12px;border-top:2px solid var(--dv-blue);border-right:2px solid var(--dv-blue);transform:rotate(45deg);opacity:.5}
.jn li:last-child::after{display:none}
@media(max-width:900px){.jn li::after{display:none}}
.jn-n{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--dv-blue)}
.jn h3{font-size:18px;margin-top:10px}
.jn b{display:block;font-family:var(--font-mono);font-size:13px;color:var(--dv-blue-deep);margin:4px 0 8px}
.jn p{font-size:14px;color:var(--ink-2)}
.mk-ledger{margin-top:var(--space-6);display:flex;align-items:center;gap:clamp(14px,2vw,28px);flex-wrap:wrap;background:var(--dv-black);color:#fff;border-radius:18px;padding:14px 20px}
.mk-ledger-live{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.mk-ledger-live i{width:8px;height:8px;border-radius:50%;background:#3ddc84;box-shadow:0 0 10px rgba(61,220,132,.8)}
.mk-ledger-row{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:14px;transition:opacity .26s,transform .26s}
.mk-ledger-row b{color:#5ee0b0}
.mk-ledger-row.is-out{opacity:0;transform:translateY(-6px)}
.mk-ledger-row.is-in{opacity:0;transform:translateY(6px)}
.mk-ledger-stats{display:inline-flex;gap:14px;font-size:13px;color:rgba(255,255,255,.7)}
.mk-ledger-stats b{font-weight:500}
.mk-ledger>a{margin-left:auto;display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:600;font-size:14px;text-decoration:none}
.mk-ledger>a svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ---------- other markets ---------- */
.svcs--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1180px){.svcs--4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.svcs--4{grid-template-columns:1fr}}
.svc.is-current{border-color:var(--dv-blue);box-shadow:0 0 0 3px rgba(74,111,165,.15)}

@media(prefers-reduced-motion:reduce){
  .is-live .rv *,.is-live .rv-dd .fill,.is-live .rv-daily .arc,.mh-float{animation:none!important}
  .hs-pos,.hs-ticket,.hs-stamp,.hs-payout{opacity:1}
}

/* The homepage locks the configurator to its tallest variant so it never resizes
   when a visitor switches market. On a single-market page that lock is empty space. */
.mk-page #compare .cf-panel{min-height:0!important}
.mk-page #compare .cf-specs{min-height:0!important}

/* ---------- rule scenes (built by rules-scenes.js) ---------- */
.rv[data-rv]{display:block;position:relative;height:150px;padding:12px 14px;overflow:hidden;background:var(--dv-blue-soft);border-radius:16px;place-items:stretch}
.rv[data-rv]>*{justify-self:stretch;align-self:auto}
.rv-day,.rv-meter,.rv-cal,.rv-week,.rv-splitbar,.rv-qs,.rv-slots,.rv-steps{width:100%;box-sizing:border-box}
.rv-svg{position:absolute;left:0;right:0;top:8px;width:100%;height:110px}
.rv-line{fill:none;stroke:var(--dv-blue);stroke-width:2;stroke-linecap:round}
.rv-fill{stroke:none}
.rv-dot{fill:var(--dv-blue-deep)}
.rv-ping{fill:none;stroke:var(--dv-blue);stroke-width:1.5;opacity:.7}
.rv-tline{stroke:var(--dv-green);stroke-width:1.4;stroke-dasharray:4 4}
.rv-tlabel{fill:var(--dv-green);font:600 9px var(--font-mono)}
.rv-floor{stroke:var(--dv-red);stroke-width:1.4;stroke-dasharray:4 4}
.rv-flabel{fill:var(--dv-red);font:600 9px var(--font-mono)}
.rv-hwm{stroke:rgba(15,23,42,.25);stroke-width:1;stroke-dasharray:2 3}
.rv-daysep{stroke:rgba(15,23,42,.14);stroke-width:1;stroke-dasharray:3 3}
.rv-read{position:absolute;left:14px;bottom:10px;line-height:1.15;z-index:2}
.rv-read small{display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.rv-read b{font-family:var(--font-mono);font-size:15px;font-weight:600;color:var(--ink-1)}
.rv-read b.bad{color:var(--dv-red)}
.rv-chip{position:absolute;right:12px;bottom:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:5px 10px;border-radius:999px;background:#fff;color:var(--ink-1);border:1px solid var(--line);box-shadow:0 8px 16px -10px rgba(15,23,42,.35);transition:opacity .3s,transform .3s var(--ease-emphasis)}
.rv-chip.ok{background:var(--dv-green);color:#fff;border-color:var(--dv-green)}
.rv-chip.ev{top:12px;right:12px;bottom:auto;background:#fff;color:var(--dv-red)}
.rv-chip.ev i{width:7px;height:7px;border-radius:50%;background:var(--dv-red);box-shadow:0 0 8px rgba(185,28,28,.6)}
.rv-chip.hide{opacity:0;transform:translateY(6px);pointer-events:none}
/* daily */
.rv-day{position:relative;height:6px;border-radius:3px;background:rgba(15,23,42,.1);margin:22px 0 34px}
.rv-day span{position:absolute;top:10px;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.rv-day span:nth-of-type(1){left:0}.rv-day span:nth-of-type(2){left:50%;transform:translateX(-50%)}.rv-day span:nth-of-type(3){right:0}
.rv-day i{position:absolute;top:-5px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--dv-blue-deep);box-shadow:0 0 0 4px rgba(74,111,165,.2)}
.rv-meter{position:relative;height:12px;border-radius:6px;background:rgba(15,23,42,.1);overflow:visible}
.rv-meter i{display:block;height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,#f59e0b,#ef4444);transition:background .3s}
.rv-meter i.hot{box-shadow:0 0 12px rgba(239,68,68,.5)}
.rv-meter em{position:absolute;right:0;top:-18px;font:600 10px var(--font-mono);color:var(--dv-red)}
/* ticket */
.rv-tk{position:absolute;left:14px;right:14px;top:12px;background:#fff;border-radius:12px;padding:10px 12px;box-shadow:0 14px 28px -16px rgba(15,23,42,.4);font-size:12px}
.rv-tk-h{display:flex;align-items:center;gap:7px;font-weight:600;margin-bottom:6px}
.rv-tk-h img{width:16px;height:16px}
.rv-tk-row{display:flex;align-items:baseline;gap:6px;font-family:var(--font-mono);font-size:12px;margin-bottom:3px}
.rv-tk-row small{font-family:var(--font-body);color:var(--ink-3);font-size:10px;min-width:30px}
.rv-tk-row b{font-size:14px}
.rv-tk-row b.bad{color:var(--dv-red)}.rv-tk-row b.ok{color:var(--dv-green)}
.rv-tk-btn{display:block;margin-top:6px;text-align:center;font-weight:700;font-size:11px;padding:6px;border-radius:8px;background:rgba(15,23,42,.08);color:var(--ink-3);transition:background .3s,color .3s}
.rv-tk-btn.on{background:var(--dv-green);color:#fff}
/* calendar */
.rv-cal{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:8px}
.rv-cal i{height:34px;border-radius:8px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-style:normal;line-height:1.05;transition:background .3s,border-color .3s}
.rv-cal i b{font:600 10px var(--font-mono);color:var(--ink-2)}
.rv-cal i small{font-size:8px;color:var(--ink-4);text-transform:uppercase}
.rv-cal i.ok{background:var(--dv-green-soft);border-color:var(--dv-green)}.rv-cal i.ok b{color:var(--dv-green)}
.rv-cal i.low b{color:var(--ink-4)}
.rv-cal i.neg{background:rgba(185,28,28,.06)}.rv-cal i.neg b{color:var(--dv-red)}
/* clock */
.rv-clock{position:absolute;left:14px;top:12px;width:96px;height:96px}
.rv-clock .face{fill:#fff;stroke:rgba(15,23,42,.12);stroke-width:2}
.rv-clock .win{fill:rgba(185,28,28,.35)}
.rv-clock .hand{stroke:var(--ink-1);stroke-width:3;stroke-linecap:round}
.rv-clock .pin{fill:var(--ink-1)}
.rv-mini{position:absolute;left:14px;right:14px;bottom:12px;background:#fff;border-radius:10px;padding:8px 10px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;box-shadow:0 10px 20px -12px rgba(15,23,42,.35);border-left:3px solid rgba(15,23,42,.15)}
.rv-mini b{font-weight:600;color:var(--ink-1)}
.rv-mini span{font-family:var(--font-mono);color:var(--ink-3);font-size:10px;text-align:right}
.rv-mini.ok{border-left-color:var(--dv-green)}.rv-mini.ok span{color:var(--dv-green)}
.rv-mini.bad{border-left-color:var(--dv-red)}.rv-mini.bad span{color:var(--dv-red)}
.rv--news .rv-mini{left:120px}
/* week */
.rv-week{position:relative;display:flex;gap:5px;margin:8px 0 56px}
.rv-week i{flex:1;height:34px;border-radius:8px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-size:10px;font-weight:600;font-style:normal;color:var(--ink-2);transition:background .3s,color .3s,transform .3s}
.rv-week i.we{background:rgba(185,28,28,.07);color:var(--dv-red)}
.rv-week i.we.ok{background:var(--dv-green-soft);color:var(--dv-green)}
.rv-week i.now{transform:translateY(-3px);box-shadow:0 8px 14px -8px rgba(15,23,42,.4)}
.rv-week em{position:absolute;left:0;bottom:-10px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--dv-blue-deep)}
/* split */
.rv-splitbar{display:flex;height:16px;border-radius:8px;overflow:hidden;background:rgba(15,23,42,.1);margin:28px 0 0}
.rv-splitbar i{display:block;height:100%;background:linear-gradient(90deg,#00b67a,#5ee0b0);transition:width .2s}
.rv-splitbar em{display:block;height:100%;background:rgba(15,23,42,.25)}
.rv--pair .rv-mini:only-of-type{top:50%;bottom:auto;transform:translateY(-50%)}
/* pair */
.rv--pair .rv-mini:first-of-type{bottom:auto;top:14px}
.rv--pair .rv-mini:nth-of-type(2){bottom:14px}
.rv-stamp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);border:3px solid var(--dv-red);color:var(--dv-red);border-radius:8px;padding:4px 10px;font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.04em;background:rgba(255,255,255,.85);z-index:3;white-space:nowrap;transition:opacity .25s,transform .25s var(--ease-emphasis)}
.rv-stamp.hide{opacity:0;transform:translate(-50%,-50%) rotate(-8deg) scale(1.5)}
/* consistency bars */
.rv-bars{position:absolute;left:14px;right:14px;top:14px;height:88px;display:flex;align-items:flex-end;gap:6px}
.rv-bars i{flex:1;height:0;border-radius:5px 5px 2px 2px;background:var(--dv-blue);opacity:.8;position:relative;transition:height .5s var(--ease-emphasis);font-style:normal}
.rv-bars i b{position:absolute;left:0;right:0;top:-14px;text-align:center;font:600 8px var(--font-mono);color:var(--ink-3)}
.rv-bars i.over{background:var(--dv-amber);opacity:1}
.rv-capline{position:absolute;left:0;right:0;top:36%;border-top:2px dashed var(--dv-red);font:600 9px var(--font-mono);color:var(--dv-red);text-align:right;padding-top:1px;font-style:normal}
/* ring */
.rv-ringsvg{position:absolute;left:14px;top:14px;width:120px;height:120px;transform:rotate(-90deg)}
.rv-ringsvg circle{fill:none;stroke-width:8}
.rv-ringsvg .bg{stroke:rgba(15,23,42,.08)}
.rv-ringsvg .arc{stroke:var(--dv-green);stroke-dasharray:251;stroke-dashoffset:0;stroke-linecap:round;transition:stroke .3s}
.rv-ringsvg .arc.hot{stroke:var(--dv-red)}
.rv-ringread{position:absolute;left:14px;top:14px;width:120px;height:120px;display:grid;place-content:center;text-align:center;line-height:1.05}
.rv-ringread b{font-family:var(--font-mono);font-size:26px;font-weight:600;color:var(--ink-1)}
.rv-ringread small{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
/* slots */
.rv-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:8px}
.rv-slots i{height:22px;border-radius:6px;background:#fff;border:1px solid var(--line);transition:background .25s}
.rv-slots i.on{background:var(--dv-blue);border-color:var(--dv-blue)}
.rv--slots .rv-mini{left:auto;width:52%}
.rv--slots .rv-read{bottom:14px}
/* cap */
.rv-qs{display:grid;gap:9px;padding-top:4px}
.rv-qs div{display:grid;grid-template-columns:88px 1fr 78px;align-items:center;gap:8px;font-size:11px;font-weight:600;color:var(--ink-2)}
.rv-qs i{display:block;height:8px;border-radius:4px;background:rgba(15,23,42,.1);overflow:hidden}
.rv-qs i b{display:block;height:100%;width:0;border-radius:4px;background:var(--dv-green);transition:width .7s var(--ease-emphasis)}
.rv-qs div.capped i b{background:var(--dv-amber)}
.rv-qs em{font:600 10px var(--font-mono);color:var(--ink-3);text-align:right;font-style:normal;white-space:nowrap}
.rv-qs div.capped em{color:var(--dv-amber)}
/* contract */
.rv-contract{position:absolute;left:14px;right:14px;top:16px;height:118px;perspective:800px}
.rv-contract span{position:absolute;inset:0;background:#fff;border-radius:12px;padding:12px;display:grid;align-content:center;gap:4px;backface-visibility:hidden;box-shadow:0 14px 28px -16px rgba(15,23,42,.4);transition:transform .6s var(--ease-emphasis)}
.rv-contract span img{width:22px;height:22px}
.rv-contract span b{font-size:13px;color:var(--ink-1)}
.rv-contract span em{font:600 12px var(--font-mono);font-style:normal;color:var(--dv-blue-deep)}
.rv-contract .b{transform:rotateY(180deg);background:var(--dv-green);box-shadow:none}
.rv-contract .b b,.rv-contract .b em{color:#fff}
.rv-contract.flip .f{transform:rotateY(180deg)}.rv-contract.flip .b{transform:rotateY(0)}
/* payout steps */
.rv-steps{position:relative;display:flex;justify-content:space-between;margin:34px 6px 0}
.rv-steps::before{content:"";position:absolute;left:8px;right:8px;top:6px;height:2px;background:rgba(15,23,42,.12)}
.rv-steps i{position:relative;font-style:normal;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding-top:16px}
.rv-steps i::before{content:"";position:absolute;left:50%;top:0;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:#fff;border:2px solid rgba(15,23,42,.15);box-sizing:border-box;transition:background .3s,border-color .3s}
.rv-steps i.on{color:var(--ink-1)}.rv-steps i.on::before{background:var(--dv-blue-deep);border-color:var(--dv-blue-deep)}
.rv-steps i.ok::before{background:var(--dv-green);border-color:var(--dv-green)}

/* ---------- 21. 9. evening: blue everywhere the homepage is blue ---------- */
.mk-page #compare .cf-lbl em{color:var(--ink-1)}
.rt-tab.is-on{background:linear-gradient(180deg,#4f7df0,#2554d4);border-color:transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 10px 26px rgba(37,84,212,.34)}
.rt-tab.is-on b{color:#fff}.rt-tab.is-on small{color:rgba(255,255,255,.75)}
.rt-ico{background:linear-gradient(180deg,#4f7df0,#2554d4);border-color:transparent;box-shadow:0 10px 20px -10px rgba(37,84,212,.6)}
.rt-ico svg{stroke:#fff}
.rt-addon{background:linear-gradient(180deg,#4f7df0,#2554d4);color:#fff;border-color:transparent;box-shadow:0 8px 18px -10px rgba(37,84,212,.6)}
/* scene boxes on the homepage tile blue */
.rv[data-rv]{background:linear-gradient(160deg,var(--dv-blue) 0%,var(--dv-blue-deep) 100%);color:#fff}
.rv[data-rv]::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.14) 1px,transparent 1px);background-size:14px 14px;pointer-events:none}
.rv-line{stroke:#fff}
.rv-dot{fill:#fff}.rv-ping{stroke:#fff}
.rv[data-rv] .rv-fill{fill:rgba(255,255,255,.18)!important}
.rv-tline{stroke:#5ee0b0}.rv-tlabel{fill:#5ee0b0}
.rv-floor{stroke:#fca5a5}.rv-flabel{fill:#fca5a5}
.rv-hwm{stroke:rgba(255,255,255,.4)}.rv-daysep{stroke:rgba(255,255,255,.3)}
.rv-read small{color:rgba(255,255,255,.65)}.rv-read b{color:#fff}.rv-read b.bad{color:#fca5a5}
.rv-day{background:rgba(255,255,255,.2)}.rv-day span{color:rgba(255,255,255,.65)}.rv-day i{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.25)}
.rv-meter{background:rgba(255,255,255,.2)}.rv-meter em{color:#fca5a5}
.rv-cal i,.rv-week i,.rv-slots i{border-color:transparent}
.rv-cal i.ok{background:#e6f7f1}.rv-cal i.neg{background:#fde8e8}
.rv-week i.we{background:#fde8e8}.rv-week i.we.ok{background:#e6f7f1}
.rv-week em{background:#fff}
.rv-splitbar{background:rgba(255,255,255,.2)}.rv-splitbar em{background:rgba(255,255,255,.35)}
.rv-bars i{background:#fff;opacity:.85}.rv-bars i b{color:rgba(255,255,255,.75)}.rv-bars i.over{background:#f5b60b;opacity:1}
.rv-capline{border-top-color:#fca5a5;color:#fca5a5}
.rv-ringsvg .bg{stroke:rgba(255,255,255,.2)}.rv-ringsvg .arc{stroke:#5ee0b0}.rv-ringsvg .arc.hot{stroke:#fca5a5}
.rv-ringread b{color:#fff}.rv-ringread small{color:rgba(255,255,255,.65)}
.rv-slots i{background:rgba(255,255,255,.25)}.rv-slots i.on{background:#fff}
.rv-qs div{color:#fff}.rv-qs i{background:rgba(255,255,255,.2)}.rv-qs i b{background:#5ee0b0}.rv-qs div.capped i b{background:#f5b60b}.rv-qs em{color:rgba(255,255,255,.75)}.rv-qs div.capped em{color:#f5b60b}
.rv-steps::before{background:rgba(255,255,255,.25)}.rv-steps i{color:rgba(255,255,255,.65)}.rv-steps i.on{color:#fff}.rv-steps i::before{background:rgba(255,255,255,.35);border-color:transparent}
.rv-clock .face{fill:#fff}
.rv-chip{border-color:transparent}
.rv-tk,.rv-mini,.rv-contract .f,.rv-cal i,.rv-week i{color:var(--ink-1)}
.rv-tk-h{color:var(--ink-1)}.rv-tk-row b{color:var(--ink-1)}.rv-tk-row small{color:var(--ink-3)}
.rv-chip{color:var(--ink-1)}.rv-chip.ok{color:#fff}

/* ---------- platform panel: white card, like the spread tile on the homepage ---------- */
.pf-vis{background:#fff;color:var(--ink-1);border:1px solid var(--line);box-shadow:0 30px 60px -40px rgba(15,23,42,.35)}
.pf-vis::after{display:none}
.pf-tag{color:var(--ink-3)}
.pf-cost{color:var(--ink-2)}.pf-cost b{color:var(--ink-1)}
.pf-rt{color:var(--ink-3)}.pf-rt b{color:var(--dv-green)}
.pf-switch,.pf-types{background:var(--dv-blue-soft);border-color:transparent}
.pf-switch button,.pf-types button{color:var(--ink-2)}
.pf-switch button.is-on,.pf-types button.is-on{background:linear-gradient(180deg,#4f7df0,#2554d4);color:#fff;box-shadow:0 8px 18px -10px rgba(37,84,212,.6)}
.pf-tape{background:var(--dv-blue-soft);border-color:transparent}
.pf-bid{color:var(--dv-red)}.pf-ask{color:var(--dv-green)}.pf-sep{color:var(--ink-4)}
.pf-rows li i{background:rgba(15,23,42,.08)}
.pf-rows li em{color:var(--ink-2)}
.pf-rows.is-muted li i b{background:rgba(15,23,42,.18)}
.pf-rows.is-muted li em,.pf-rows.is-muted li span{color:var(--ink-4)}
.pf-bookhead,.pc-head{color:var(--ink-1)}
.pf-lad .pf-qty{color:var(--ink-3)}
.pf-lad.ask .pf-px{color:var(--dv-red)}.pf-lad.bid .pf-px{color:var(--dv-green)}
.pf-lad.ask .pf-bar{background:rgba(185,28,28,.25)}.pf-lad.bid .pf-bar{background:rgba(0,182,122,.3)}
.pf-lad.mid{border-color:var(--line)}.pf-lad.mid .pf-px{color:var(--ink-1)}
.pc-sides button{background:var(--dv-blue-soft);border-color:transparent;color:var(--ink-1)}
.pc-sides small{color:var(--ink-3)}
.pc-sides i{background:rgba(15,23,42,.1)}
.pc-settle{background:var(--dv-green-soft);border-color:rgba(0,182,122,.35);color:var(--dv-green)}
.pf-contract.is-settled .pc-yes{box-shadow:inset 0 0 0 2px var(--dv-green)}
.pf-cost{justify-content:flex-start;gap:6px 14px}
.pf-cost .pf-rt{margin-left:auto}

/* ---------- prediction: probability chart in the hero ---------- */
.hs--prob .hs-line{stroke:#5ee0b0;stroke-width:2.2}
.hs--prob .hs-area{opacity:1}
.hs--prob .hs-target{stroke:#5ee0b0;opacity:.9}
/* ---------- category cards with real photos ---------- */
.mk-class.has-img{color:#fff;border-color:transparent;background:#0b1221 var(--img) center/cover no-repeat;min-height:250px;display:flex;flex-direction:column;justify-content:flex-end}
.mk-class.has-img::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,12,22,.15) 0%,rgba(7,12,22,.55) 45%,rgba(7,12,22,.92) 100%);z-index:0}
.mk-class.has-img::after{display:none}
.mk-class.has-img>*{position:relative;z-index:1}
.mk-class.has-img .mk-spark{display:none}
.mk-class.has-img .mk-icons i{background:rgba(255,255,255,.92);border-color:transparent}
.mk-class.has-img h3{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.mk-class.has-img p{color:rgba(255,255,255,.85);text-shadow:0 1px 8px rgba(0,0,0,.6)}
.mk-class.has-img .mk-count small,.mk-class.has-img .mk-count .solo{color:#5ee0b0}
.mk-class.has-img:hover{transform:translateY(-4px) scale(1.01)}
/* ---------- prediction rule scenes ---------- */
.rv-id{position:absolute;left:14px;top:14px;width:150px;height:100px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 14px 28px -16px rgba(15,23,42,.4)}
.rv-id .ava{position:absolute;left:14px;top:16px;width:34px;height:34px;border-radius:50%;background:var(--dv-blue-soft);border:2px solid var(--dv-blue)}
.rv-id .ln{position:absolute;left:58px;height:8px;border-radius:4px;background:rgba(15,23,42,.12)}
.rv-id .ln.a{top:22px;width:70px}.rv-id .ln.b{top:38px;width:50px}
.rv-id .scan{position:absolute;left:0;right:0;top:0;height:3px;background:var(--dv-green);box-shadow:0 0 12px rgba(0,182,122,.8)}
.rv-checks{position:absolute;left:178px;right:14px;top:16px;display:grid;gap:8px}
.rv-checks i{font-style:normal;font-size:11px;font-weight:600;color:rgba(255,255,255,.5);padding-left:22px;position:relative;transition:color .3s}
.rv-checks i::before{content:"";position:absolute;left:0;top:1px;width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.35);box-sizing:border-box;transition:background .3s,border-color .3s}
.rv-checks i.on{color:#fff}.rv-checks i.on::before{background:#fff;border-color:#fff}
.rv-checks i.ok::before{background:#5ee0b0;border-color:#5ee0b0}
.rv-pscale{position:relative;height:10px;border-radius:5px;background:rgba(255,255,255,.2);margin:30px 6px 60px}
.rv-pscale i{position:absolute;left:97%;right:0;top:0;bottom:0;border-radius:0 5px 5px 0;background:#fca5a5}
.rv-pscale .cap{position:absolute;left:97%;top:-22px;transform:translateX(-50%);font:600 10px var(--font-mono);color:#fca5a5;font-style:normal}
.rv-pscale .pin{position:absolute;top:-6px;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:#fff;box-shadow:0 6px 14px -6px rgba(0,0,0,.5)}
.rv-pscale span{position:absolute;top:16px;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.rv-pscale span:nth-of-type(1){left:0}.rv-pscale span:nth-of-type(2){left:50%;transform:translateX(-50%)}.rv-pscale span:nth-of-type(3){right:0}
.rv-mini u{text-decoration:none;font-family:var(--font-mono);color:var(--dv-blue-deep);margin-left:4px}
.rv-contract .f .bar{display:block;height:6px;border-radius:3px;background:rgba(15,23,42,.1);overflow:hidden;margin-top:6px}
.rv-contract .f .bar u{display:block;height:100%;width:63%;background:var(--dv-green)}
.rv-stamp.ok{border-color:#5ee0b0;color:#5ee0b0;background:rgba(7,12,22,.7)}
.rv-daylbl{fill:rgba(255,255,255,.55);font:600 9px var(--font-mono)}
.rv-chip.strike{text-decoration:line-through;color:var(--ink-3)}
.rv-pscale{margin-top:40px}
.rv-pscale .cap{top:-20px;left:auto;right:0;transform:none}
.rv--settle .rv-stamp.ok{top:auto;bottom:10px;left:auto;right:12px;transform:rotate(-6deg);font-size:12px;padding:3px 9px}
.rv--settle .rv-stamp.ok.hide{transform:rotate(-6deg) scale(1.5)}

.hs-bottom{padding-bottom:18px}
@media(max-width:560px){.hs-chart{height:220px}}
.hs-payout{bottom:auto;top:calc(100% - 22px);right:-22px}
.mh-visual{padding-bottom:110px}
@media(max-width:560px){.hs-payout{position:relative;top:auto;right:auto}.mh-visual{padding-bottom:0}}

.hs-payout-steps i{font-size:8px;letter-spacing:.03em}