/* Exchange → casino flows investigation — scoped under .exchange-casino-flows */

.exchange-casino-flows {
  position: relative;
  isolation: isolate;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width: 100vw;
  overflow-x: hidden;
  --bg:#06090d;--card:#0e131b;--navy:#111c32;--ink:#ffffff;--grey:#aab0bc;--muted:#7e8696;--line:rgba(255,255,255,0.10);--line2:rgba(255,255,255,0.06);--pink:#f93f9c;--pink-soft:#f788c0;--magenta:#af3e76;--teal:#00d8dd;--cta:#93254b;--cta-hover:#af3e76;--grad:linear-gradient(96deg,#f93f9c 0%,#af3e76 46%,#00d8dd 100%);--font:'DM Sans',system-ui,sans-serif;--mono:'JetBrains Mono',ui-monospace,monospace;--cta-border:#621832;
  background:var(--bg);color:var(--grey);font-family:var(--font);font-weight:400;font-size:19px;line-height:1.65;letter-spacing:0.1px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.exchange-casino-flows .inv-progress-track {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  z-index: 120;
  background: transparent;
  pointer-events: none;
}

.exchange-casino-flows .inv-progress-fill {
  height: 100%;
  width: 0%;
  background: linear-gradient(96deg, #f93f9c, #af3e76, #00d8dd);
}

.exchange-casino-flows * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.exchange-casino-flows a {
  color:var(--pink-soft);text-decoration:none;border-bottom:1px solid rgba(247,136,192,0.35)
}

.exchange-casino-flows a:hover {
  color:var(--pink);border-bottom-color:var(--pink)
}

.exchange-casino-flows .wrap {
  max-width:700px;margin:0 auto;padding:0 24px
}

.exchange-casino-flows .wide {
  max-width:880px;margin:0 auto;padding:0 24px
}

.exchange-casino-flows header.masthead {
  border-bottom:1px solid var(--line2);padding:20px 0
}

.exchange-casino-flows .masthead .wide {
  display:flex;align-items:center;justify-content:space-between
}

.exchange-casino-flows .logo {
  font-weight:700;font-size:19px;color:var(--ink);letter-spacing:-0.3px;border:none
}

.exchange-casino-flows .logo:hover {
  border:none
}

.exchange-casino-flows .logo .dot {
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent
}

.exchange-casino-flows .masthead-tag {
  font-size:10px;line-height:12px;letter-spacing:1px;text-transform:uppercase;font-weight:500;color:var(--muted)
}

.exchange-casino-flows .hero {
  padding:72px 0 0
}

.exchange-casino-flows .kicker {
  font-size:11px;line-height:12px;letter-spacing:1.6px;text-transform:uppercase;font-weight:500;color:var(--pink);display:flex;align-items:center;gap:12px
}

.exchange-casino-flows .kicker::after {
  content:"";flex:0 0 48px;height:1px;background:var(--grad)
}

.exchange-casino-flows h1 {
  font-weight:500;font-size:50px;line-height:1.07;letter-spacing:-1.2px;color:var(--ink);margin:22px 0 0;text-wrap:balance
}

.exchange-casino-flows .standfirst {
  font-size:22px;line-height:1.45;font-style:italic;color:var(--grey);margin:26px 0 0;max-width:640px;text-wrap:pretty
}

.exchange-casino-flows .byline {
  margin:30px 0 0;padding:14px 0;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);font-size:12px;letter-spacing:1.2px;text-transform:uppercase;font-weight:500;color:var(--muted)
}

.exchange-casino-flows .byline b {
  color:var(--ink);font-weight:500
}

.exchange-casino-flows .byline span {
  color:var(--line)
}

.exchange-casino-flows .leadstat {
  margin:56px 0 0;display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center
}

.exchange-casino-flows .leadstat .fig {
  font-weight:500;font-size:104px;line-height:0.95;letter-spacing:-3px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap
}

.exchange-casino-flows .leadstat .cap {
  font-size:15px;line-height:1.5;letter-spacing:0.3px;color:var(--grey);max-width:290px;border-left:1px solid var(--line);padding-left:24px;text-wrap:pretty
}

.exchange-casino-flows .leadstat .cap em {
  color:var(--ink);font-style:normal
}

.exchange-casino-flows article {
  padding:64px 0 0
}

.exchange-casino-flows h2 {
  font-weight:500;font-size:32px;line-height:1.2;letter-spacing:-0.7px;color:var(--ink);margin:64px 0 22px;text-wrap:balance
}

.exchange-casino-flows p {
  margin:0 0 24px;text-wrap:pretty
}

.exchange-casino-flows strong {
  color:var(--ink);font-weight:500
}

.exchange-casino-flows .drop::first-letter {
  float:left;font-size:74px;line-height:0.82;font-weight:500;color:var(--ink);padding:6px 12px 0 0
}

.exchange-casino-flows figure {
  margin:40px auto;max-width:880px;padding:0
}

.exchange-casino-flows figure .chart {
  background:var(--card);border:1px solid var(--line2);border-radius:14px;padding:20px 18px 12px;position:relative;overflow:hidden
}

.exchange-casino-flows figure .chart::before {
  content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad)
}

.exchange-casino-flows figure svg {
  display:block;width:100%;height:auto
}

.exchange-casino-flows figcaption {
  margin:12px 4px 0;font-size:11px;line-height:1.6;letter-spacing:1.2px;text-transform:uppercase;font-weight:500;color:var(--muted)
}

.exchange-casino-flows figcaption b {
  color:var(--grey);font-weight:500
}

.exchange-casino-flows .fig-breakout {
  margin-left:calc(50% - min(50vw - 24px, 416px));margin-right:calc(50% - min(50vw - 24px, 416px))
}

.exchange-casino-flows .method {
  margin:80px auto 0;max-width:880px;background:var(--navy);border-radius:14px;padding:40px 40px 36px
}

.exchange-casino-flows .method .mk {
  font-size:11px;letter-spacing:1.6px;text-transform:uppercase;font-weight:500;color:var(--teal);margin:0 0 16px;display:flex;align-items:center;gap:12px
}

.exchange-casino-flows .method .mk::after {
  content:"";flex:0 0 48px;height:1px;background:rgba(0,216,221,0.4)
}

.exchange-casino-flows .method h3 {
  font-weight:500;font-size:22px;line-height:26px;letter-spacing:-0.1px;color:var(--ink);margin:0 0 16px
}

.exchange-casino-flows .method p {
  font-size:15px;line-height:1.7;letter-spacing:0.2px;color:var(--grey);margin:0 0 14px
}

.exchange-casino-flows .method p:last-child {
  margin:0
}

.exchange-casino-flows footer.colophon {
  margin:72px 0 0;border-top:1px solid var(--line2);padding:48px 0 80px
}

.exchange-casino-flows .colophon .wrap {
  display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:space-between
}

.exchange-casino-flows .colophon p {
  font-size:15px;line-height:1.6;letter-spacing:0.2px;color:var(--muted);margin:0;max-width:460px;text-wrap:pretty
}

.exchange-casino-flows .btn {
  display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font);font-weight:500;font-size:15px;line-height:22px;letter-spacing:-0.1px;border-radius:4px;padding:12px 20px;border:1px solid transparent;cursor:pointer;white-space:nowrap;text-decoration:none;background:var(--cta);color:var(--ink);transition:background .15s ease
}

.exchange-casino-flows .btn:hover {
  background:var(--cta-hover);border:1px solid transparent;color:var(--ink)
}

.exchange-casino-flows .btn-outline {
  background:transparent;color:var(--ink);border:1px solid var(--cta-border)
}

.exchange-casino-flows .btn-outline:hover {
  background:rgba(147,37,75,0.16);border:1px solid var(--cta-border);color:var(--ink)
}

.exchange-casino-flows .cta-group {
  display:flex;flex-wrap:wrap;gap:12px
}

.exchange-casino-flows .mcp {
  margin:64px auto 0;max-width:880px;background-image:var(--grad);background-origin:border-box;border:1px solid transparent;border-radius:16px;padding:1px
}

.exchange-casino-flows .mcp-in {
  background:linear-gradient(150deg,#0c1626 0%,#0a0f18 60%);border-radius:15px;padding:36px 38px;display:grid;grid-template-columns:1fr auto;gap:28px 40px;align-items:center
}

.exchange-casino-flows .mcp-eyebrow {
  font-size:10px;line-height:12px;letter-spacing:1.6px;text-transform:uppercase;font-weight:500;color:var(--teal);display:flex;align-items:center;gap:10px;margin:0 0 14px
}

.exchange-casino-flows .mcp-eyebrow::before {
  content:"";width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 12px var(--teal)
}

.exchange-casino-flows .mcp h3 {
  font-weight:500;font-size:26px;line-height:1.2;letter-spacing:-0.5px;color:var(--ink);margin:0 0 10px;text-wrap:balance
}

.exchange-casino-flows .mcp p {
  font-size:15px;line-height:1.6;letter-spacing:0.2px;color:var(--grey);margin:0;max-width:440px
}

.exchange-casino-flows .mcp code {
  font-family:var(--mono);font-size:13px;color:var(--pink-soft);background:rgba(247,136,192,0.10);border:1px solid rgba(247,136,192,0.18);border-radius:5px;padding:2px 7px
}

@media(max-width:640px) {
.exchange-casino-flows .mcp-in {
  grid-template-columns:1fr;padding:26px 22px;gap:22px
}

.exchange-casino-flows .mcp .btn {
  justify-self:start
}

.exchange-casino-flows .mcp h3 {
  font-size:22px
}
}

@media(max-width:920px) {
.exchange-casino-flows .fig-breakout {
  margin-left:0;margin-right:0
}
}

@media(max-width:640px) {
.exchange-casino-flows {
  font-size:17px
}

.exchange-casino-flows .hero {
  padding:52px 0 0
}

.exchange-casino-flows h1 {
  font-size:34px;letter-spacing:-0.8px
}

.exchange-casino-flows .standfirst {
  font-size:19px
}

.exchange-casino-flows .leadstat {
  grid-template-columns:1fr;gap:16px
}

.exchange-casino-flows .leadstat .fig {
  font-size:68px;letter-spacing:-2px
}

.exchange-casino-flows .leadstat .cap {
  border-left:none;padding-left:0;border-top:1px solid var(--line);padding-top:16px;max-width:none
}

.exchange-casino-flows h2 {
  font-size:27px
}

.exchange-casino-flows .drop::first-letter {
  font-size:58px
}

.exchange-casino-flows .method {
  padding:28px 22px
}

.exchange-casino-flows figure .chart {
  padding:14px 10px 8px;border-radius:10px
}

.exchange-casino-flows .scrollbox {
  overflow-x:auto;-webkit-overflow-scrolling:touch
}

.exchange-casino-flows .scrollbox svg {
  min-width:640px
}
}

@media print {
.exchange-casino-flows {
  background:#fff;color:#333
}

.exchange-casino-flows h1, .exchange-casino-flows h2, .exchange-casino-flows strong, .exchange-casino-flows .method h3 {
  color:#111
}

.exchange-casino-flows .leadstat .fig {
  -webkit-text-fill-color:initial;background:none;color:#c9285f
}

.exchange-casino-flows figure .chart {
  border-color:#ddd
}
}

.exchange-casino-flows a.btn {
  border-bottom: none;
}
.exchange-casino-flows a.btn:hover {
  border-bottom: none;
}