/* The website's neutral surfaces and typography, on the authored 1920 × 1080 canvas. */
:root { color-scheme: dark; --deck-face: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif; --deck-ease: cubic-bezier(.22,1,.36,1); }
html, body { background: #0c0c0e; }
.deck-slide { background: #101012 !important; color: #f5f5f7 !important; font-family: var(--deck-face) !important; padding: 82px 112px !important; gap: 36px !important; }
.deck-slide * { box-sizing: border-box; }
.deck-slide .deck-title { font-weight: 700 !important; letter-spacing: -.045em; line-height: 1.12 !important; }
.deck-slide .ik-ignite { color: #a7a7b0 !important; animation: none !important; }
.deck-slide .deck-kicker { color: #98989f !important; font-size: 17px !important; font-weight: 600 !important; letter-spacing: .15em !important; }
.deck-slide .deck-panel { background: #18181b !important; border-color: #ffffff15 !important; border-radius: 24px !important; box-shadow: none !important; }
.deck-slide :is([style*="color:#5d5d66"], [style*="color: #5d5d66"]), .deck-slide :is([style*="color:#4e4e57"], [style*="color: #4e4e57"]) { color: #878790 !important; }
.deck-slide :is([style*="color:#3fdc6f"], [style*="color: #3fdc6f"]) { color: #b8cbbd !important; }
.deck-slide :is([style*="color:#ff5a5f"], [style*="color: #ff5a5f"]) { color: #dc999b !important; }
.deck-slide :is([style*="font-weight:900"], [style*="font-weight: 900"]) { font-weight: 800 !important; }
.deck-slide :is([style*="animation:dkGlow"], [style*="animation: dkGlow"]) { animation: none !important; background: #f3f3f5 !important; color: #151517 !important; box-shadow: none !important; letter-spacing: .06em !important; }
.deck-slide :is([style*="animation:dkBob"], [style*="animation: dkBob"]) { animation: none !important; color: #a5a5ae !important; }
.deck-slide :is([style*="background:rgba(63,220,111"], [style*="background: rgba(63,220,111"]) { background: #ffffff06 !important; border-color: #ffffff17 !important; }
.deck-slide :is([style*="letter-spacing:.2em"], [style*="letter-spacing: .2em"]), .deck-slide :is([style*="letter-spacing:.22em"], [style*="letter-spacing: .22em"]) { letter-spacing: .1em !important; }
.deck-slide a { transition: color 180ms, background 180ms; }
.deck-slide a:focus-visible, .deck-slide button:focus-visible { outline: 3px solid #c4a2ec; outline-offset: 5px; }
.deck-platforms { opacity: .85; mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); }
.slide-03 { gap: 28px !important; }
.slide-03 > .ik-stagger { padding: 10px 30px; border: 1px solid #ffffff12; border-radius: 24px; background: #17171a; }
.slide-03 > .ik-stagger > div > span:first-child { width: 360px !important; color: #f4f4f5 !important; letter-spacing: -.045em; }
.slide-03 > div:nth-child(4) > div:first-child { flex-wrap: wrap !important; gap: 10px 20px !important; }
.slide-04 .deck-panel { padding: 36px !important; min-height: 285px; }
.slide-04 .deck-panel > div:first-child { font-size: 64px !important; color: #f4f4f5 !important; letter-spacing: -.055em; margin-bottom: 10px; }
.slide-05 { padding: 30px 40px !important; gap: 18px !important; }
.slide-05 > div:nth-child(2) { width: 1840px !important; height: 952px !important; border-radius: 28px !important; border-color: #ffffff18 !important; }
.slide-06 .deck-panel { padding: 30px !important; }
.slide-06 .deck-panel :is([style*="font-size:26px"], [style*="font-size: 26px"]) { font-size: 24px !important; font-weight: 500 !important; line-height: 1.45 !important; }
.slide-06 .deck-panel :is([style*="font-size:30px"], [style*="font-size: 30px"]) { font-size: 27px !important; }
.slide-07 { padding: 58px 90px !important; gap: 48px !important; }
.slide-07 > div:last-child { width: 900px !important; }
.slide-07 > div:last-child > div { border: 1px solid #ffffff17 !important; background: #18181b !important; box-shadow: none !important; border-radius: 24px !important; }
.slide-07 .deck-title { font-size: 68px !important; }
.slide-07 > div:last-child :is([style*="font-size:24px"], [style*="font-size: 24px"]) { font-size: 23px !important; }
.slide-08 .ik-stagger { padding: 42px 28px 150px !important; background: #17171a; border: 1px solid #ffffff12; border-radius: 28px; }
.slide-08 .ik-stagger :is([style*="border-radius:50%"], [style*="border-radius: 50%"]) { border: 1px solid #ffffff20 !important; background: #ffffff06 !important; color: #f4f4f6 !important; }
.slide-08 .ik-stagger > div:last-child { background: #17171a !important; }
.slide-09 > div:last-child { border-color: #ffffff18 !important; border-radius: 24px !important; background: #17171a; }
.slide-09 > div:last-child > div:nth-child(5n) { background: #ffffff05 !important; border-color: #ffffff14 !important; color: #d4eadb !important; }
.slide-10 .deck-panel { padding: 32px !important; }
.slide-10 .deck-panel :is([style*="font-size:24px"], [style*="font-size: 24px"]) { font-size: 23px !important; font-weight: 500 !important; line-height: 1.4 !important; }
.slide-11 { gap: 26px !important; }
.slide-12 .deck-panel { align-items: flex-start !important; text-align: left !important; padding: 22px !important; gap: 24px !important; overflow: hidden; }
.slide-12 .deck-panel > div:first-child { width: 100% !important; height: 245px !important; border-radius: 16px !important; }
.slide-12 .deck-panel > div:first-child > div { filter: grayscale(.7) !important; }
.slide-12 .deck-panel > div:last-child { justify-content: flex-start !important; gap: 16px !important; }
.slide-12 .deck-panel :is([style*="font-size:30px"], [style*="font-size: 30px"]) { font-size: 26px !important; letter-spacing: -.04em; white-space: nowrap; }
.slide-12 .deck-panel :is([style*="font-size:16px"], [style*="font-size: 16px"]) { font-size: 13px !important; letter-spacing: .08em !important; color: #98989f !important; }
.slide-13 { gap: 30px !important; }
.slide-13 > .deck-title { font-size: 108px !important; }
.slide-13 > .deck-title .ik-ignite { color: #f4f4f6 !important; }
.slide-13 .deck-panel { padding: 22px 26px !important; }
/* Cover: a focused brand and headline, with the raise anchored below. */
.slide-01 { display: flex !important; align-items: center !important; justify-content: center !important; gap: 0 !important; padding: 90px 96px 190px !important; }
.cover-copy { align-self: center; width: 100%; text-align: center; }
.cover-kicker { display: flex; justify-content: center; align-items: center; gap: 12px; text-transform: uppercase; }
.cover-kicker i, .deck-status i { width: 7px; height: 7px; border-radius: 50%; background: #83c29b; display: inline-block; }
.cover-logo { display: block; width: 600px; max-width: 100%; height: auto; margin: 28px auto 38px; }
.cover-copy h1 { font-size: 96px; font-weight: 700; line-height: 1.06; letter-spacing: -.045em; white-space: nowrap; margin: 0 0 28px; }
.cover-copy h1 span { color: #a9a9b2; }
.cover-copy p { max-width: 850px; font-size: 26px; line-height: 1.6; color: #919199; margin: 0 auto; }
.cover-partner { display: flex; justify-content: center; align-items: center; gap: 24px; margin-top: 30px; }
.cover-partner > span { font-size: 17px; color: #919199; }
.cover-partner img { width: 112px; height: 66px; object-fit: contain; }
.cover-raise { position: absolute; left: 96px; right: 96px; bottom: 66px; display: flex; align-items: center; gap: 55px; border-top: 1px solid #ffffff12; padding-top: 32px; }
.cover-raise > span { color: #85858d; font-size: 17px; margin-right: auto; }.cover-raise > div { display: flex; align-items: baseline; gap: 15px; }.cover-raise strong { font-size: 36px; letter-spacing: -.04em; font-weight: 600; }.cover-raise div span { font-size: 17px; color: #8e8e97; }
/* Website-inspired header. It stays outside the scaled slide canvas. */
.deck-header { position: fixed; inset: 0 0 auto; z-index: 2147483001; height: 72px; display: flex; align-items: center; gap: 20px; padding: 0 190px 0 22px; background: #0c0c0ef2; border-bottom: 1px solid #ffffff0e; font-family: var(--deck-face); }
.deck-menu { width: 36px; height: 36px; display: grid; place-items: center; background: transparent; border: 0; border-radius: 9px; color: #9999a3; cursor: pointer; }.deck-menu:hover { background: #ffffff08; }.deck-menu svg { transition: transform .36s var(--deck-ease); }.deck-menu[aria-expanded=false] svg { transform: rotate(180deg); }
.deck-brand img { display: block; width: 130px; height: 45px; object-fit: contain; }.deck-header-name { border-left: 1px solid #ffffff14; padding-left: 22px; font-size: 12px; color: #9999a3; }.deck-status { display: flex; align-items: center; gap: 8px; font-size: 11px; color: #96969e; margin-left: auto; }.deck-status i { width: 5px; height: 5px; }
.ik-book { top: 17px !important; right: 24px !important; padding: 12px 18px !important; background: #f3f3f5 !important; color: #151517 !important; border: 1px solid #ffffff18; font: 700 12px var(--deck-face) !important; letter-spacing: 0 !important; box-shadow: none !important; animation: none !important; z-index: 2147483002 !important; }.ik-book svg { width: 15px; height: 15px; }.ik-book:hover { transform: none !important; background: #dedee4 !important; }
.deck-jump { display: none; font: 500 12px var(--deck-face); color: #dddde3; background: #1b1b1e; border: 1px solid #ffffff16; border-radius: 9px; padding: 9px; min-width: 0; }
@keyframes deckReveal { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: no-preference) {
  section[data-deck-active]::after { display: none; }
  section[data-deck-active] > *, section[data-deck-active] .ik-stagger > * { animation: deckReveal 480ms var(--deck-ease) both; animation-delay: 0s; }
  section[data-deck-active] > *:nth-child(2) { animation-delay: 40ms; }
  section[data-deck-active] > *:nth-child(3) { animation-delay: 80ms; }
  section[data-deck-active] > *:nth-child(4) { animation-delay: 120ms; }
  section[data-deck-active] > .ik-stagger { animation: none; }
}
@media (max-width: 900px) {
  .deck-header { height: 60px; padding: 0 112px 0 14px; gap: 12px; }.deck-brand img { width: 94px; height: 32px; }.deck-menu, .deck-header-name, .deck-status { display: none; }.deck-jump { display: block; flex: 1; max-width: 170px; }.ik-book { top: 13px !important; right: 12px !important; padding: 10px 12px !important; font-size: 11px !important; }.ik-book svg { display: none; }
}
@media (prefers-reduced-motion: reduce) { .deck-slide *, .deck-slide *::after, .deck-slide *::before, .deck-menu svg { animation: none !important; transition: none !important; } }
@media print { .deck-header, .ik-book { display: none !important; }.deck-slide * { animation: none !important; transition: none !important; } }
/* Colour roles survive React's serialization of inline hex values to RGB. */
.deck-slide .deck-positive { color: #b8cbbd !important; }
.deck-slide .deck-negative { color: #dc999b !important; }
.deck-slide .deck-muted { color: #878790 !important; }
.deck-slide .deck-solid-cta { color: #17171a !important; background: #f3f3f5 !important; animation: none !important; box-shadow: none !important; letter-spacing: .06em !important; }
.deck-slide .deck-title .ik-ignite { color: #a7a7b0 !important; }
.slide-13 > .deck-title .ik-ignite { color: #f4f4f6 !important; }
.slide-11 .ramp-external { background: #aaa3bd !important; }.slide-11 .ramp-partner { background: #8bac97 !important; }.slide-11 .ramp-owned { background: #809db7 !important; }
.slide-11 > div:nth-child(2) > div:last-child > span:nth-child(1) > span { background: #809db7 !important; }.slide-11 > div:nth-child(2) > div:last-child > span:nth-child(2) > span { background: #8bac97 !important; }.slide-11 > div:nth-child(2) > div:last-child > span:nth-child(3) > span { background: #aaa3bd !important; }
/* Portrait reading mode: keep real text readable instead of shrinking a slide. */
@media screen and (max-width: 900px) {
  .deck-slide { padding: 30px 20px !important; gap: 24px !important; min-height: 100%; }
  .deck-slide:not([data-deck-active]) { display: none !important; }
  .deck-slide[data-deck-active] { display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; }
  .deck-slide :where(div,span,b,strong,a,button):not(:where(.dm,.dm *)) { font-size: 14px !important; letter-spacing: 0 !important; line-height: 1.5 !important; min-width: 0; }
  .deck-slide .deck-title, .deck-slide .deck-title * { font-size: 32px !important; line-height: 1.12 !important; letter-spacing: -.045em !important; }
  .deck-slide .deck-kicker { font-size: 10px !important; letter-spacing: .12em !important; }
  .deck-slide > div { width: 100% !important; max-width: 100% !important; }
  .deck-slide .deck-panel { padding: 22px !important; width: auto !important; max-width: 100%; min-height: 0; }
  .deck-slide > .ik-stagger { gap: 18px !important; }
  .slide-02 > div:first-child { gap: 24px !important; }
  .slide-02 > div:nth-child(2) { height: 430px !important; flex: none !important; }
  .slide-02 > div:first-child > div:nth-child(4) { gap: 15px !important; }
  .slide-02 > div:first-child > div:last-child { flex-wrap: wrap; gap: 16px !important; }
  .slide-02 button { padding: 12px 20px !important; }.slide-02 [style*="white-space: nowrap"] { white-space: normal !important; }
  .slide-03 > .ik-stagger { padding: 10px 20px !important; gap: 0 !important; }
  .slide-03 > .ik-stagger > div { flex-direction: column; gap: 12px !important; padding: 22px 0 !important; }
  .slide-03 > .ik-stagger > div > span:first-child { width: auto !important; font-size: 40px !important; line-height: 1 !important; }.slide-03 > .ik-stagger > div > span:first-child span { margin-left: 6px; }
  .slide-03 [style*="white-space: nowrap"] { white-space: normal !important; }.slide-03 > div:nth-child(4) > div:first-child { display: grid !important; }.slide-03 > div:nth-child(4) > div:first-child > span:nth-child(2n+3) { display: none; }.slide-03 > div:nth-child(4) > div:last-child { font-size: 10px !important; }
  .slide-04 > .ik-stagger, .slide-06 > .ik-stagger, .slide-10 > .ik-stagger, .slide-12 > .ik-stagger { grid-template-columns: 1fr !important; }
  .slide-04 .deck-panel > div:first-child { font-size: 38px !important; }.slide-04 .deck-panel > div:nth-child(2) { font-size: 19px !important; }
  .slide-06 .deck-panel, .slide-10 .deck-panel { gap: 16px !important; }
  .slide-06 .deck-panel > div:first-child > span:last-child, .slide-10 .deck-panel > div:first-child > span:last-child { font-size: 24px !important; }
  .slide-06 .deck-panel [style*="font-size: 26px"], .slide-06 .deck-panel [style*="font-size: 30px"], .slide-10 .deck-panel [style*="font-size: 24px"] { font-size: 15px !important; }
  .slide-07 > div:last-child { width: 100% !important; gap: 18px !important; }
  .slide-07 > div:last-child > div > div { padding: 18px !important; }
  .slide-07 > div:last-child > div > div:first-child > span { font-size: 9px !important; letter-spacing: .07em !important; }
  .slide-07 > div:last-child [style*="font-size: 24px"] { font-size: 14px !important; }
  .slide-07 [style*="white-space: nowrap"] { white-space: normal !important; }
  .slide-07 > div:last-child > div:last-child { flex-wrap: wrap; gap: 12px !important; }
  .slide-07 > div:last-child > div:last-child > span:last-child { font-size: 30px !important; }
  .slide-08 .ik-stagger { padding: 24px !important; }
  .slide-08 .ik-stagger > div:first-child { grid-template-columns: 1fr !important; gap: 10px !important; }
  .slide-08 .ik-stagger > div:first-child > div:nth-child(even) { padding: 0 !important; justify-content: center; transform: rotate(90deg); }
  .slide-08 .ik-stagger > div:first-child > div:nth-child(odd) { gap: 8px !important; }
  .slide-08 .ik-stagger [style*="min-height: 66px"] { min-height: 0 !important; font-size: 18px !important; }
  .slide-08 .ik-stagger [style*="border-radius: 50%"] { width: 44px !important; height: 44px !important; font-size: 18px !important; }
  .slide-08 .ik-stagger > svg { display: none; }.slide-08 .ik-stagger > div:last-child { position: static !important; transform: none !important; margin-top: 24px; padding: 0 !important; font-size: 11px !important; text-align: center; white-space: normal !important; }
  .slide-09 > div:last-child { grid-template-columns: 1.5fr repeat(4,1fr) !important; }
  .slide-09 > div:last-child > div { padding: 14px 5px !important; font-size: 11px !important; overflow-wrap: anywhere; }
  .slide-09 > div:last-child > div:nth-child(-n+5) { font-size: 8px !important; }
  .slide-11 > div:nth-child(2) { flex-direction: column; align-items: flex-start !important; gap: 20px !important; }
  .slide-11 > div:nth-child(2) > div:last-child { gap: 10px !important; flex-wrap: wrap; }.slide-11 > div:nth-child(2) > div:last-child > span { font-size: 11px !important; gap: 6px !important; }
  .slide-11 > div:nth-child(3) > div { height: 280px !important; }
  .slide-11 :is(.ramp-external,.ramp-partner,.ramp-owned) { width: 36px !important; flex-shrink: 1; }
  .slide-11 > div:nth-child(4) > div > div { font-size: 10px !important; }.slide-11 > div:last-child { flex-direction: column; gap: 12px !important; }
  .slide-12 .deck-panel { gap: 18px !important; }.slide-12 .deck-panel > div:first-child { height: 240px !important; }.slide-12 .deck-panel > div:nth-child(2) > div:first-child { font-size: 22px !important; }.slide-12 .deck-panel > div:nth-child(2) > div:last-child { font-size: 11px !important; }.slide-12 .deck-panel > div:last-child { min-height: 50px !important; }
  .slide-13 > .deck-title, .slide-13 > .deck-title * { font-size: 46px !important; }
  .slide-13 > div:nth-child(4) > div:first-child { flex-direction: column; gap: 12px; }.slide-13 > div:nth-child(4) > div:first-child > span:last-child { font-size: 10px !important; }
  .slide-13 > div:nth-child(4) > .ik-stagger { grid-template-columns: 1fr !important; }.slide-13 .deck-panel > div:first-child { font-size: 28px !important; }
  .slide-13 > .ik-stagger { flex-direction: column; margin-top: 0 !important; }.slide-13 > div:last-child { flex-direction: column; gap: 12px !important; }.slide-13 > div:last-child > div { display: none; }
  .slide-01 { padding-top: 34px !important; }
  .cover-logo { width: 280px; margin: 26px auto; }.cover-copy h1 { font-size: clamp(16px, 5vw, 28px); }.cover-copy h1 span { font: inherit !important; }.cover-copy p { font-size: 16px; }.cover-partner { margin-top: 26px; }.cover-partner img { width: 82px; height: 46px; }
  .cover-raise { position: static; flex-wrap: wrap; gap: 12px 26px; padding-top: 22px; }.cover-raise > span { width: 100%; }.cover-raise strong { font-size: 26px !important; }
  .slide-05 { padding: 18px 10px !important; gap: 16px !important; }.slide-05 > div:nth-child(2) { width: 100% !important; height: 620px !important; flex: none; border-radius: 18px !important; }
  .dm { --z: 1; }.dm-top { display: none; }.dm-wallet { top: 12px; right: 10px; }.dm-timer { top: 16px; left: 12px; transform: none; min-width: 105px; }
  .dm-hand.is-dealer { top: 110px; }.dm-hand.is-nova { top: 330px; }.dm-mid { top: 240px; white-space: nowrap; }.dm-card-face { width: 58px; height: 82px; font-size: 24px; }.dm-card-face small { font-size: 11px; }.dm-cards { min-height: 82px; }
  .dm-cam, .dm:has(.dm-player-bar:hover) .dm-cam, .dm:has(.dm-player-bar:focus-within) .dm-cam { width: 70px; height: 68px; left: 10px; bottom: 64px; }
  .dm-vote, .dm:has(.dm-player-bar:hover) .dm-vote, .dm:has(.dm-player-bar:focus-within) .dm-vote { width: 172px; bottom: 64px; padding: 8px; }.dm-vote-q { font-size: 10px; }.dm-vote-n { font-size: 8px; }.dm-vote-opt { font-size: 11px; padding: 0 6px; }.dm-vote-opt em { font-size: 9px; }
  .dm-play-pill, .dm:has(.dm-player-bar:hover) .dm-play-pill, .dm:has(.dm-player-bar:focus-within) .dm-play-pill { right: 10px; bottom: 9px; z-index: 51; font-size: 11px; padding: 10px 12px; }.dm-play-pill span { margin-left: 8px; }
  .dm-player-bar { opacity: 1; transform: none; padding: 0 8px; justify-content: flex-start; }.dm-player-status { display: none; }.dm .dm-utils button { width: 37px; height: 44px; font-size: 20px; }
  .dm-panel { top: 76px; bottom: 58px; width: calc(100% - 34px); }.dm-panel-head { gap: 6px; }.dm-panel-head > b { font-size: 11px; }.dm-panel-tabs button { padding: 7px 12px; }.dm.is-drawer .dm-drawer-handle { right: calc(100% - 34px); }
  .dm-notify { top: 72px; max-width: calc(100% - 24px); width: 310px; padding: 9px; gap: 8px; }.dm-notify b { font-size: 11px; }.dm-notify small { font-size: 10px; }.dm-notify button { padding: 8px 12px; font-size: 12px; }
  .dm-mybet { top: 100px; right: 10px; width: 165px; }.dm-mybet-q { font-size: 11px; }.dm-start span { font-size: 11px; text-align: center; }.dm-start button { font-size: 17px; }
  .dm .dm-wheel { right: 8px; bottom: 64px; }.dm-info { width: calc(100% - 24px); font-size: 12px; bottom: 62px; }
}