@font-face {
      font-family: "Garet";
      src: url("/fonts/Garet-Book.woff2") format("woff2");
      font-weight: 400 600;
      font-style: normal;
      font-display: swap;
    }

@font-face {
      font-family: "Garet";
      src: url("/fonts/Garet-Heavy.woff2") format("woff2");
      font-weight: 700 900;
      font-style: normal;
      font-display: swap;
    }

html[data-rise-scope="dashboard"] #global-three-bg,
    html[data-rise-scope="dashboard"] .hero-spotlight__bg {
      display: none !important;
    }

html {
      scroll-behavior: smooth;
      background: var(--bg-page);
      font-family: var(--rise-font-sans, Inter, ui-sans-serif, system-ui, sans-serif);
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

body {
      font-family: var(--rise-font-sans, Inter, ui-sans-serif, system-ui, sans-serif);
      background: var(--bg-page);
      color: var(--text);
      overflow-x: hidden;
      display: flex;
      flex-direction: column;
      min-height: 100vh;
      min-height: 100dvh;
      font-size: 15px;
      line-height: 1.5;
      letter-spacing: -0.011em;
    }

#global-three-bg {
      position: fixed;
      inset: 0;
      z-index: 0;
      pointer-events: none;
    }

.noise {
      display: none !important;
    }

.wrap {
      position: relative;
      z-index: 3;
    }

html[data-route^="user-"] .nav-links > li.nav-links__item--docs,
    html[data-route="ai-suite-studio"] .nav-links > li.nav-links__item--docs {
      display: none !important;
    }

/** AI Suite: hide primary-nav entries until launch (beats `… .nav-links__item--pub { display: list-item }`). */
html[data-rise-scope="public"] .nav-links > li.nav-links__item--pub.nav-links__item--pub-suite,
    html[data-rise-scope="dashboard"] .nav-links > li.nav-links__item--pub.nav-links__item--pub-suite,
    html[data-rise-scope="dashboard"] .nav-links > li.nav-links__item--dashboard-suite {
      display: none !important;
    }

html[data-rise-scope="dashboard"] .nav-links > li.nav-links__item--swap-public {
      display: none !important;
    }

html[data-rise-scope="public"] .nav-links__item--dashboard-suite,
    html[data-rise-scope="public"] .nav-links__item--dashboard-trade,
    html[data-rise-scope="public"] .nav-links__item--dashboard-swap,
    html[data-rise-scope="public"] .nav-links__item--dashboard-sports,
    html[data-rise-scope="public"] .nav-links__item--dashboard-predictions,
    html[data-rise-scope="public"] .nav-links__item--dashboard-docs {
      display: none !important;
    }

html[data-rise-scope="dashboard"] .nav-links__item--dashboard-suite a {
      min-width: auto;
      padding: 0.4rem 0.48rem;
    }

html[data-rise-scope="dashboard"] .nav-links__item--dashboard-suite .nav-link-text {
      font-size: 0.68rem;
      font-weight: 650;
      line-height: 1.15;
      text-align: center;
      max-width: 4.6rem;
    }

html[data-rise-scope="dashboard"] .nav-links__item--dashboard-suite a[aria-current="page"],
    html[data-rise-scope="dashboard"] .nav-links__item--dashboard-trade a[aria-current="page"],
    html[data-rise-scope="dashboard"] .nav-links__item--dashboard-swap a[aria-current="page"],
    html[data-rise-scope="dashboard"] .nav-links__item--dashboard-sports a[aria-current="page"],
    html[data-rise-scope="dashboard"] .nav-links__item--dashboard-predictions a[aria-current="page"],
    html[data-rise-scope="dashboard"] .nav-links__item--dashboard-docs a[aria-current="page"] {
      color: var(--text);
      background: color-mix(in srgb, var(--cyan) 14%, transparent);
      outline: 1px solid color-mix(in srgb, var(--cyan) 38%, transparent);
    }

html[data-rise-scope="dashboard"] .nav-links__item--dashboard-predictions a {
      min-width: auto;
      padding: 0.4rem 0.48rem;
    }

html[data-rise-scope="dashboard"] .nav-links__item--dashboard-predictions .nav-link-text {
      font-size: 0.68rem;
      font-weight: 650;
      line-height: 1.15;
      text-align: center;
      max-width: 4.6rem;
    }

html[data-rise-scope="dashboard"] .nav-links__item--dashboard-docs a {
      min-width: auto;
      padding: 0.4rem 0.48rem;
    }

html[data-rise-scope="dashboard"] .nav-links__item--dashboard-docs .nav-link-text {
      font-size: 0.68rem;
      font-weight: 650;
      line-height: 1.15;
      text-align: center;
      max-width: 4.6rem;
    }

html[data-rise-scope="dashboard"] .nav-links__item--dashboard-trade a {
      min-width: auto;
      padding: 0.4rem 0.48rem;
    }

html[data-rise-scope="dashboard"] .nav-links__item--dashboard-trade .nav-link-text {
      font-size: 0.68rem;
      font-weight: 650;
      line-height: 1.15;
      text-align: center;
      max-width: 4.6rem;
    }

html[data-rise-scope="dashboard"] .nav-links__item--dashboard-swap a {
      min-width: auto;
      padding: 0.4rem 0.48rem;
    }

html[data-rise-scope="dashboard"] .nav-links__item--dashboard-swap .nav-link-text {
      font-size: 0.68rem;
      font-weight: 650;
      line-height: 1.15;
      text-align: center;
      max-width: 4.6rem;
    }

html[data-rise-scope="dashboard"] .nav-links__item--dashboard-sports a {
      min-width: auto;
      padding: 0.4rem 0.48rem;
    }

html[data-rise-scope="dashboard"] .nav-links__item--dashboard-sports .nav-link-text {
      font-size: 0.68rem;
      font-weight: 650;
      line-height: 1.15;
      text-align: center;
      max-width: 4.6rem;
    }

html[data-rise-scope="dashboard"] .nav-links__item--trade-public a {
      min-width: auto;
      padding: 0.4rem 0.48rem;
    }

html[data-rise-scope="dashboard"] .nav-links__item--trade-public .nav-link-text {
      font-size: 0.68rem;
      font-weight: 650;
      line-height: 1.15;
      text-align: center;
      max-width: 4.6rem;
    }

main {
      padding-top: var(--header-offset);
      display: flex;
      flex-direction: column;
      min-height: 100dvh;
      box-sizing: border-box;
    }

@media (max-width: 767px) {
      html:not([data-route="ai-suite-studio"]) .wrap {
        min-height: 100svh;
        display: flex;
        flex-direction: column;
      }
      html:not([data-route="ai-suite-studio"]) main {
        min-height: 0 !important;
        flex: 1 0 auto;
      }
      html:not([data-route="ai-suite-studio"]) footer {
        margin-top: auto;
      }
    }

@media (max-width: 639px) {
      /* Narrow screens: same stepped copy rail + one stacked preview column as desktop (not five previews in document flow). */
      .rise-stack__arch {
        display: flex;
        flex-direction: column;
        align-items: stretch;
      }
      /* Relative (not sticky): sticky + z-index kept the preview above the stepped copy rail,
         so body text scrolled underneath the card and looked broken on phones. */
      .rise-stack__arch-right {
        order: -1;
        position: relative;
        top: auto;
        z-index: 1;
        width: 100%;
        max-width: 26rem;
        margin: 0 auto 0.65rem;
        min-height: 0;
        height: auto;
      }
      .rise-stack__arch-sticky {
        position: relative;
        height: auto;
        min-height: 0;
      }
      .rise-stack__arch-frame {
        position: absolute;
        inset: 0;
        transform: none;
        height: 100%;
        max-height: none;
        margin: 0 auto;
        max-width: 100%;
      }
      .rise-stack__arch-left--steps {
        position: relative;
        --rise-arch-step: min(88svh, 720px);
        min-height: calc(5 * var(--rise-arch-step));
      }
      .rise-stack__arch-left--steps .rise-stack__arch-info {
        position: absolute;
        left: 0;
        right: 0;
        height: var(--rise-arch-step);
        min-height: 0;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        padding: clamp(0.65rem, 2vh, 1rem) 0;
      }
      .rise-stack__arch-left--steps .rise-stack__arch-info:nth-child(1) {
        top: 0;
      }
      .rise-stack__arch-left--steps .rise-stack__arch-info:nth-child(2) {
        top: calc(1 * var(--rise-arch-step));
      }
      .rise-stack__arch-left--steps .rise-stack__arch-info:nth-child(3) {
        top: calc(2 * var(--rise-arch-step));
      }
      .rise-stack__arch-left--steps .rise-stack__arch-info:nth-child(4) {
        top: calc(3 * var(--rise-arch-step));
      }
      .rise-stack__arch-left--steps .rise-stack__arch-info:nth-child(5) {
        top: calc(4 * var(--rise-arch-step));
      }
      .rise-stack__arch-info {
        min-height: 0;
        padding: 0.5rem 0 1.25rem;
        display: block;
      }
      .rise-stack__arch-content {
        max-width: none;
      }
    }

/* Author `display:flex` wins over the HTML `hidden` UA rule in Chromium  without this,
       every panel stays in the layout and stacks like shingles. */

.rise-stack__product-sheet__split-main {
      display: flex;
      flex-direction: column;
      gap: clamp(0.42rem, 1.25vw, 0.62rem);
      min-width: 0;
    }

.rise-stack__product-sheet__split-main .rise-stack__product-sheet__kicker {
      border-top: none;
      padding-top: 0;
      margin-bottom: 0.28rem;
    }

/* Light home: keep hero motion layers off (calmer / perf). Dark home uses video + hero.css instead. */
html[data-theme="light"][data-route="home"]:not([data-rise-scope="dashboard"]) .hero-spotlight__bg,
    html[data-theme="light"][data-route="home"]:not([data-rise-scope="dashboard"]) .hero-glow-blobs,
    html[data-theme="light"][data-route="home"]:not([data-rise-scope="dashboard"]) .hero-spotlight__aurora,
    html[data-theme="light"][data-route="home"]:not([data-rise-scope="dashboard"]) .hero-spotlight__warp,
    html[data-theme="light"][data-route="home"]:not([data-rise-scope="dashboard"]) .hero-spotlight__vignette,
    html[data-theme="light"][data-route="home"]:not([data-rise-scope="dashboard"]) .hero-spotlight__sweep {
      display: none !important;
    }

html[data-route="home"] .page-stub {
      display: none !important;
    }

html[data-route="overview"] .page-home-content,
    html[data-route="products"] .page-home-content,
    html[data-route="ai-suite"] .page-home-content,
    html[data-route="ai-suite-studio"] .page-home-content,
    html[data-route="automated-trading"] .page-home-content,
    html[data-route="prediction-markets"] .page-home-content,
    html[data-route="events-betting"] .page-home-content,
    html[data-route="swap"] .page-home-content,
    html[data-route="dashboard-swap"] .page-home-content,
    html[data-route="dashboard-sports-betting"] .page-home-content,
    html[data-route="dashboard-sports-activity"] .page-home-content,
    html[data-route="dashboard-sports-owner-settle"] .page-home-content,
    html[data-route="dashboard-sports-match"] .page-home-content,
    html[data-route="dashboard-prediction-markets"] .page-home-content,
    html[data-route="dashboard-settings"] .page-home-content,
    html[data-route="demo"] .page-home-content,
    html[data-route="documentation"] .page-home-content,
    html[data-route="user-dashboard"] .page-home-content {
      display: none !important;
    }

html[data-route]:not([data-route="home"]) .page-home-content,
    html[data-route]:not([data-route="home"]) .page-home-content * {
      animation-play-state: paused !important;
    }

html[data-route]:not([data-route="home"]) body {
      padding-top: calc(var(--header-offset) + clamp(0.9rem, 2.2vw, 1.35rem)) !important;
    }

/* Dashboard: cancel non-home body top padding only. */

html[data-rise-scope="dashboard"] body {
      padding-top: 0 !important;
    }

/*
      Public AI Suite workspace: "Hard non-home" body padding (header + extra clamp) STACKS with
      main { padding-top: var(--header-offset) }  ~2x nav height + breathing room = huge gap before
      the left rail / Code & chat. Reserve the bar only once on main.
    */

html[data-route="ai-suite-studio"]:not([data-route="home"]) body {
      padding-top: 0 !important;
    }

html[data-route="ai-suite-studio"]:not([data-rise-embed="1"]) body {
      height: 100dvh;
      max-height: 100dvh;
      overflow: hidden;
    }

html[data-route="ai-suite-studio"]:not([data-rise-embed="1"]) .wrap {
      padding-top: 0 !important;
      margin-top: 0 !important;
      flex: 1 1 auto;
      min-height: 0;
      display: flex;
      flex-direction: column;
      overflow: hidden;
    }

html[data-route="ai-suite-studio"]:not([data-rise-embed="1"]) main {
      padding-top: 0 !important;
      flex: 1 1 auto !important;
      min-height: 0 !important;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

html[data-route="ai-suite-studio"]:not([data-rise-embed="1"]) main > .page-ai-suite-studio {
      flex: 1 1 auto;
      min-height: 0;
      overflow: hidden;
      /* Same clearance as dashboard hubs (e.g. /dashboard/automated-trading): below fixed nav, then content. */
      padding-top: var(--header-offset);
      box-sizing: border-box;
      /* Push left/right rail *inner* content down only; main column / prompt (#suite-studio-build) stay flush. */
      --suite-studio-rail-content-offset: clamp(0.65rem, 1.5vw, 1.35rem);
    }

html[data-route="ai-suite-studio"]:not([data-rise-embed="1"]) main > footer {
      flex-shrink: 0;
    }

/*
      DevTools: the gap is `padding-top` on <main> (clears fixed nav but paints empty full-width strip, often white).
      Remove it from main; put the same offset on each route shell so clearance sits inside the page background.
    */

html[data-rise-scope="dashboard"] main {
      padding-top: 0 !important;
    }

/* Public AI Suite: global main { padding-top } was the full-width strip; shell padding is on .suite-studio below. */

html[data-rise-scope="public"][data-route="ai-suite-studio"] main {
      padding-top: 0 !important;
    }

html[data-rise-scope="dashboard"] main > .page-home-content,
    html[data-rise-scope="dashboard"] main > .page-ai-suite,
    html[data-rise-scope="dashboard"] main > .page-user-dashboard,
    html[data-rise-scope="dashboard"] main > .page-stub,
    html[data-rise-scope="dashboard"] main > .page-trade-hub,
    html[data-rise-scope="dashboard"] main > .page-events-rail,
    html[data-rise-scope="dashboard"] main > .page-rise-swap,
    html[data-rise-scope="dashboard"] main > .page-rise-dashboard-swap,
    html[data-rise-scope="dashboard"] main > .page-sports-pools,
    html[data-rise-scope="dashboard"] main > .page-sports-owner-settle,
    html[data-rise-scope="dashboard"] main > .page-sports-match,
    html[data-rise-scope="dashboard"] main > .page-documentation-hub,
    html[data-rise-scope="dashboard"] main > .page-rise-settings {
      padding-top: var(--header-offset);
      /* Keep dashboard route shells stable while async modules hydrate. */
      min-height: calc(100dvh - var(--header-offset));
    }

html[data-route="ai-suite-studio"]:not([data-rise-embed="1"]) .page-ai-suite-studio > .suite-studio {
      padding-top: 0 !important;
      box-sizing: border-box;
      flex: 1 1 auto;
      min-height: 0 !important;
      max-height: 100%;
      overflow: hidden;
      background: var(--bg-page);
    }

html[data-route="ai-suite-studio"]:not([data-rise-embed="1"])
      .page-ai-suite-studio
      > .suite-studio
      > .suite-studio__rail--nav {
      padding-top: var(--suite-studio-rail-content-offset, clamp(0.65rem, 1.5vw, 1.35rem)) !important;
      padding-left: 0.85rem;
      padding-right: 0.85rem;
      padding-bottom: 1rem;
    }

html[data-route="ai-suite-studio"]:not([data-rise-embed="1"])
      .page-ai-suite-studio
      > .suite-studio
      > .suite-studio__rail--settings {
      padding-top: var(--suite-studio-rail-content-offset, clamp(0.65rem, 1.5vw, 1.35rem)) !important;
      padding-left: 0.9rem;
      padding-right: 0.9rem;
      padding-bottom: 1.25rem;
    }

html[data-route="ai-suite-studio"]:not([data-rise-embed="1"])
      .page-ai-suite-studio
      > .suite-studio
      > .suite-studio__main {
      flex: 1 1 auto;
      min-height: 0;
      overflow: hidden;
      padding-top: 0 !important;
      padding-left: 1.35rem;
      padding-right: 1.35rem;
      padding-bottom: 1rem;
    }

html[data-route="ai-suite-studio"]:not([data-rise-embed="1"]) .suite-studio__main-mid {
      flex: 1 1 auto;
      min-height: 0;
      overflow: hidden;
    }

html[data-route="ai-suite-studio"]:not([data-rise-embed="1"]) .suite-studio__code-chat {
      flex: 1 1 auto !important;
      min-height: 0 !important;
      max-height: none !important;
      height: auto !important;
      overflow-x: hidden;
      overflow-y: auto;
      overscroll-behavior: contain;
      -webkit-overflow-scrolling: touch;
    }

html[data-route="ai-suite-studio"]:not([data-rise-embed="1"]) .suite-studio__rail--nav {
      min-height: 0;
      max-height: 100%;
      overflow: auto;
    }

@media (max-width: 900px) {
      html[data-route="ai-suite-studio"]:not([data-rise-embed="1"]) .page-ai-suite-studio > .suite-studio {
        min-height: 0 !important;
      }
    }

html[data-route="products"] .page-merch-hub {
      display: block;
      flex: 1 1 auto;
      min-height: 35vh;
    }

html[data-route="products"] .page-stub {
      display: none !important;
    }

html[data-route="overview"] .page-stub,
    html[data-route="demo"] .page-stub {
      display: block;
      flex: 1 1 auto;
      min-height: 35vh;
    }

html[data-route="events-betting"] .page-stub {
      display: none !important;
    }

html[data-route="prediction-markets"] .page-stub {
      display: none !important;
    }

html[data-route="documentation"] .page-stub,
    html[data-route="ai-suite"] .page-stub,
    html[data-route="ai-suite-studio"] .page-stub,
    html[data-route="automated-trading"] .page-stub,
    html[data-route="swap"] .page-stub,
    html[data-route="dashboard-swap"] .page-stub,
    html[data-route="dashboard-sports-betting"] .page-stub,
    html[data-route="dashboard-prediction-markets"] .page-stub,
    html[data-route="dashboard-settings"] .page-stub,
    html[data-route="user-dashboard"] .page-stub {
      display: none !important;
    }

html[data-route="user-dashboard"] .page-user-dashboard {
      display: block;
      flex: 1 1 auto;
    }

html[data-route="user-dashboard"] .user-portal__dash-top--hero {
      position: relative;
      justify-content: center;
      text-align: center;
      margin-bottom: 1.35rem;
      padding: 0.35rem 0 0.5rem;
      overflow: hidden;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }

html[data-route="user-dashboard"] .user-portal__dash-top--hero::before {
      display: none;
    }

html[data-route="user-dashboard"] .user-portal__dash-heading--magic {
      position: relative;
      z-index: 1;
      flex: none;
      width: 100%;
      max-width: 28rem;
      margin-inline: auto;
      font-size: clamp(1.45rem, 4.5vw, 2.05rem);
      font-weight: 850;
      letter-spacing: 0.04em;
      line-height: 1.18;
      color: var(--text);
    }

html[data-route="user-dashboard"] .user-portal__dash-heading--magic .user-portal__dash-heading__shine {
      display: inline-block;
      color: var(--text);
    }

html[data-route="user-dashboard"] .user-portal__dash-heading__char {
      display: inline-block;
      background: none !important;
      color: var(--text) !important;
      -webkit-text-fill-color: var(--text) !important;
      animation: none !important;
      transform: none !important;
    }

html[data-route="user-dashboard"] .user-portal__dash-heading__char--space {
      width: 0.38em;
      background: none !important;
      color: transparent !important;
      -webkit-text-fill-color: transparent !important;
      animation: none !important;
    }

@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
      html[data-route="user-dashboard"] .user-portal__dash-heading__char:not(.user-portal__dash-heading__char--space) {
        color: var(--cyan);
        background: none !important;
        -webkit-text-fill-color: var(--cyan);
      }
    }

@media (prefers-reduced-motion: reduce) {
      html[data-route="user-dashboard"] .user-portal__dash-heading__char:not(.user-portal__dash-heading__char--space) {
        animation: none !important;
        background-position: 50% 50%;
      }
      html[data-route="user-dashboard"] .user-portal__dash-heading__char--space {
        animation: none !important;
      }
      html[data-route="user-dashboard"] .user-portal__dash-top--hero::before {
        animation: none;
      }
    }

html[data-route="user-dashboard"] .dash-product-grid--products {
      gap: 1.05rem;
    }

html[data-route="ai-suite"] .page-ai-suite {
      display: block;
      flex: 1 1 auto;
    }

html[data-rise-scope="public"][data-route="ai-suite"] .page-ai-suite {
      max-width: none;
      padding-top: 0.6rem;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }

html[data-route="ai-suite-studio"] .page-ai-suite {
      display: none !important;
    }

html[data-route="ai-suite-studio"] .page-ai-suite-studio {
      display: flex;
    }

html[data-route="ai-suite-studio"] .suite-studio__access-gate {
      display: none !important;
    }

html[data-rise-embed="1"] .nav,
    html[data-rise-embed="1"] #global-three-bg,
    html[data-rise-embed="1"] footer#contact {
      display: none !important;
    }

html[data-rise-embed="1"] {
      --header-offset: 0px;
    }

html[data-rise-embed="1"],
    html[data-rise-embed="1"] body {
      height: 100%;
      min-height: 100%;
    }

html[data-rise-embed="1"] .wrap,
    html[data-rise-embed="1"] main {
      flex: 1 1 auto;
      min-height: 0;
    }

html[data-rise-embed="1"] main {
      padding-top: 0;
      min-height: 100%;
    }

html[data-rise-embed="1"][data-route="ai-suite-studio"] .page-ai-suite-studio {
      min-height: 100%;
    }

html[data-rise-embed="1"][data-route="ai-suite-studio"] .suite-studio {
      min-height: min(100dvh, 100%);
    }

html[data-rise-embed="1"][data-route="automated-trading"] .page-trade-hub {
      flex: 1 1 auto !important;
      display: flex !important;
      flex-direction: column;
      min-height: 100%;
      width: 100%;
      max-width: none;
      padding-top: 0;
      padding-bottom: 0;
    }

html[data-rise-embed="1"][data-route="prediction-markets"] .page-prediction-markets,
    html[data-rise-embed="1"][data-route="events-betting"] .page-events-rail {
      flex: 1 1 auto !important;
      display: flex !important;
      flex-direction: column;
      min-height: 100%;
      width: 100%;
      max-width: none;
      margin: 0;
      padding-left: 0;
      padding-right: 0;
      padding-top: 0;
      padding-bottom: 0;
    }

html[data-rise-embed="1"][data-route="products"] .page-merch-hub {
      flex: 1 1 auto !important;
      display: flex !important;
      flex-direction: column;
      min-height: 100%;
      width: 100%;
      max-width: none;
      margin: 0;
      padding: 0;
    }

/*
      AI Suite non-embed: far-left tool rail + main + optional right column (preview or voice settings).
    */

html[data-route="ai-suite-studio"]:not([data-rise-embed="1"]) .suite-studio {
      grid-template-columns: minmax(200px, 260px) minmax(0, 1fr) minmax(260px, 340px);
    }

html[data-route="ai-suite-studio"]:not([data-rise-embed="1"]) .suite-studio__main-tagline {
      display: none;
    }

html[data-route="ai-suite-studio"]:not([data-rise-embed="1"])[data-rise-suite-engine="images"] .suite-studio,
    html[data-route="ai-suite-studio"]:not([data-rise-embed="1"])[data-rise-suite-engine="videos"] .suite-studio,
    html[data-route="ai-suite-studio"]:not([data-rise-embed="1"])[data-rise-suite-engine="projects"] .suite-studio {
      grid-template-columns: minmax(200px, 260px) minmax(0, 1fr);
    }

html[data-route="ai-suite-studio"]:not([data-rise-embed="1"])[data-rise-suite-engine="images"] #suiteStudioRightRail,
    html[data-route="ai-suite-studio"]:not([data-rise-embed="1"])[data-rise-suite-engine="videos"] #suiteStudioRightRail,
    html[data-route="ai-suite-studio"]:not([data-rise-embed="1"])[data-rise-suite-engine="projects"] #suiteStudioRightRail {
      display: none !important;
    }

html[data-route="ai-suite-studio"]:not([data-rise-embed="1"])[data-rise-suite-engine="code-chat"][data-suite-code-hide-right="1"] .suite-studio {
      grid-template-columns: minmax(200px, 260px) minmax(0, 1fr);
    }

html[data-route="ai-suite-studio"]:not([data-rise-embed="1"])[data-rise-suite-engine="code-chat"][data-suite-code-hide-right="1"] #suiteStudioRightRail {
      display: none !important;
    }

html[data-route="ai-suite-studio"]:not([data-rise-embed="1"])[data-rise-suite-engine="code-chat"]:not([data-suite-code-hide-right="1"]) .suite-studio {
      grid-template-columns: minmax(200px, 260px) minmax(0, 1fr) minmax(280px, min(44vw, 520px));
    }

html[data-route="ai-suite-studio"]:not([data-rise-embed="1"])[data-rise-suite-engine="code-chat"]:not([data-suite-code-hide-right="1"]) #suiteStudioRightSettingsMount {
      display: none !important;
    }

html[data-route="ai-suite-studio"]:not([data-rise-embed="1"])[data-rise-suite-engine="code-chat"]:not([data-suite-code-hide-right="1"]) .suite-studio__code-preview-rail {
      margin-top: 0;
      padding-top: 0;
      border-top: 0;
      flex: 1 1 auto;
    }

@media (max-width: 1100px) {
      .suite-studio {
        grid-template-columns: minmax(180px, 200px) minmax(0, 1fr) minmax(220px, 260px);
      }
      html[data-route="ai-suite-studio"]:not([data-rise-embed="1"]) .suite-studio {
        grid-template-columns: minmax(180px, 200px) minmax(0, 1fr) minmax(220px, 260px);
      }
      html[data-route="ai-suite-studio"]:not([data-rise-embed="1"])[data-rise-suite-engine="images"] .suite-studio,
      html[data-route="ai-suite-studio"]:not([data-rise-embed="1"])[data-rise-suite-engine="videos"] .suite-studio,
      html[data-route="ai-suite-studio"]:not([data-rise-embed="1"])[data-rise-suite-engine="projects"] .suite-studio {
        grid-template-columns: minmax(180px, 200px) minmax(0, 1fr);
      }
      html[data-route="ai-suite-studio"]:not([data-rise-embed="1"])[data-rise-suite-engine="code-chat"][data-suite-code-hide-right="1"] .suite-studio {
        grid-template-columns: minmax(180px, 200px) minmax(0, 1fr);
      }
      html[data-route="ai-suite-studio"]:not([data-rise-embed="1"])[data-rise-suite-engine="code-chat"]:not([data-suite-code-hide-right="1"]) .suite-studio {
        grid-template-columns: minmax(180px, 200px) minmax(0, 1fr) minmax(220px, 320px);
      }
    }

@media (max-width: 900px) {
      .suite-studio {
        grid-template-columns: 1fr;
        grid-template-rows: auto minmax(0, 1fr) auto;
        min-height: min(100dvh - var(--header-offset), auto);
      }
      html[data-route="ai-suite-studio"]:not([data-rise-embed="1"]) .suite-studio {
        grid-template-columns: 1fr;
        grid-template-rows: minmax(0, 1fr) auto;
      }
      .suite-studio__rail--nav {
        border-right: none;
        border-bottom: 1px solid var(--hero-border);
      }
      .suite-studio__rail--settings {
        border-left: none;
        border-top: 1px solid var(--hero-border);
        max-height: min(42dvh, 22rem);
      }
      html[data-route="ai-suite-studio"][data-rise-suite-engine="projects"]:not([data-rise-embed="1"]) .suite-studio {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto minmax(0, 1fr) !important;
      }
    }

html[data-route="ai-suite-studio"][data-rise-suite-engine="speech"] .suite-studio__main[data-suite-speech-layout="1"] #suiteStudioCodeChat {
      display: none !important;
    }

html[data-route="ai-suite-studio"][data-rise-suite-engine="speech"] .suite-studio__main[data-suite-speech-layout="1"] #suiteStudioToolOutput {
      flex: 1 1 auto;
      min-height: 12rem;
      border: 0;
      margin: 0;
      padding: 0;
    }

html[data-route="ai-suite-studio"][data-rise-suite-engine="videos"]:not([data-rise-embed="1"]) #suiteStudioToolOutput,
    html[data-route="ai-suite-studio"][data-rise-suite-engine="speech"]:not([data-rise-embed="1"]) #suiteStudioToolOutput {
      padding-top: 0;
    }

html[data-route="ai-suite-studio"][data-rise-suite-engine="speech"] .suite-studio__tool-pane--bare#suiteStudioOutputSpeech {
      display: flex;
      flex-direction: column;
      height: 100%;
      min-height: 0;
      gap: 0;
    }

html[data-route="ai-suite-studio"][data-rise-suite-engine="speech"] #suiteStudioOutputSpeech .suite-studio__videos-hub-main {
      display: flex;
      flex-direction: column;
      flex: 1 1 auto;
      min-height: 0;
    }

html[data-route="ai-suite-studio"][data-rise-suite-engine="speech"] #suiteStudioSpeechTranscript {
      flex: 1 1 auto;
      min-height: 14rem;
      resize: vertical;
      font-size: 0.95rem;
      line-height: 1.5;
      padding: 0.75rem 0.85rem;
      border-radius: 0.45rem;
    }

.suite-studio__videos-hub-main {
      min-width: 0;
      flex: 1 1 auto;
      min-height: 0;
    }

.suite-studio__videos-hub-main-h {
      margin: 0 0 0.2rem;
      font-size: 1.15rem;
      font-weight: 800;
      letter-spacing: -0.02em;
    }

.suite-studio__videos-hub-main-lead {
      margin: 0 0 0.65rem;
      font-size: 0.8rem;
      color: var(--text-muted);
      line-height: 1.4;
    }

.suite-studio__videos-hub-card-body {
      padding: 0.45rem 0.5rem 0.55rem;
    }

html[data-route="ai-suite-studio"][data-rise-suite-engine="code-chat"] .suite-studio__code-preview-rail:not([hidden]):not(.is-revealed) {
      transform: translateX(calc(100% + 1.25rem));
      opacity: 0;
      pointer-events: none;
      max-height: 0;
      margin-top: 0;
      padding-top: 0;
      border-top-color: transparent;
      overflow: hidden;
    }

html[data-route="ai-suite-studio"][data-rise-suite-engine="code-chat"] .suite-studio__code-preview-rail.is-revealed {
      transform: translateX(0);
      opacity: 1;
      pointer-events: auto;
      max-height: none;
      margin-top: 0.65rem;
      padding-top: 0.65rem;
      border-top-color: var(--hero-border);
      overflow: visible;
      transition:
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.35s ease,
        max-height 0.45s ease,
        margin 0.35s ease,
        padding 0.35s ease,
        border-color 0.25s ease;
    }

.suite-studio__preview-body {
      position: relative;
      flex: 1 1 auto;
      min-height: 12rem;
      border: 1px solid var(--hero-border);
      border-radius: 0.45rem;
      overflow: hidden;
      background: color-mix(in srgb, var(--bg-page) 72%, var(--bg-elevated));
    }

html[data-route="ai-suite-studio"]:not([data-rise-embed="1"]) .suite-studio__workspace-top {
      display: none !important;
    }

html[data-route="ai-suite-studio"][data-rise-suite-engine]:not([data-rise-suite-engine="code-chat"]) #suiteStudioMainHeroCluster {
      display: none !important;
    }

html[data-route="ai-suite-studio"][data-suite-hero-mode="center"]:not([data-rise-embed="1"]) .suite-studio__main-mid {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      grid-template-rows: minmax(0, 1fr) auto auto;
      align-items: stretch;
      min-height: 0;
    }

html[data-route="ai-suite-studio"][data-suite-hero-mode="center"] .suite-studio__main-mid:has(.suite-studio__main-hero.is-collapsed) {
      grid-template-rows: auto minmax(0, 1fr) auto;
    }

html[data-route="ai-suite-studio"][data-suite-hero-mode="center"]:not([data-rise-embed="1"]) .suite-studio__main-hero-cluster {
      min-height: 0;
      justify-content: center;
      align-items: center;
    }

html[data-route="ai-suite-studio"][data-suite-hero-mode="center"]:not([data-rise-embed="1"])
      .suite-studio__main-hero-cluster
      .suite-studio__main-mid-spacer--top,
    html[data-route="ai-suite-studio"][data-suite-hero-mode="center"]:not([data-rise-embed="1"])
      .suite-studio__main-hero-cluster
      .suite-studio__main-mid-spacer--bottom {
      flex: 0 0 0 !important;
      max-height: 0 !important;
      min-height: 0 !important;
      overflow: hidden;
    }

html[data-route="ai-suite-studio"][data-suite-hero-mode="center"] .suite-studio__main-mid:has(.suite-studio__main-hero.is-collapsed) .suite-studio__main-hero-cluster {
      min-height: 0;
    }

html[data-route="ai-suite-studio"][data-suite-hero-mode="center"] .suite-studio__main-logo-shell--p5 {
      height: min(36vh, 300px);
      min-height: 11rem;
    }

html[data-route="ai-suite-studio"]:not([data-rise-embed="1"]) .suite-studio__main-mid-spacer--top {
      flex: 0 0 0 !important;
      max-height: 0 !important;
      min-height: 0 !important;
    }

html[data-route="ai-suite-studio"]:not([data-rise-embed="1"])
      .suite-studio__main-mid:has(.suite-studio__main-hero.is-collapsed)
      .suite-studio__main-mid-spacer--top {
      flex: 0 0 0 !important;
      max-height: 0 !important;
    }

html[data-route="ai-suite-studio"] .suite-studio__main-hero {
      overflow: visible;
      margin-top: clamp(2rem, 14vh, 9rem);
    }

html[data-route="ai-suite-studio"]:not([data-rise-embed="1"]) .suite-studio__main-hero {
      margin-top: 0 !important;
    }

html[data-route="ai-suite-studio"] .suite-studio__main-hero-inner {
      max-width: min(100%, 54rem);
      width: 100%;
      transform: none;
    }

html[data-route="ai-suite-studio"] .suite-studio__main-tagline {
      max-width: 24rem;
      margin-inline: auto;
    }

html[data-route="ai-suite-studio"] .suite-studio__main-hero.is-collapsed {
      margin-top: 0;
      overflow: hidden;
    }

html[data-route="ai-suite-studio"] .suite-studio__code-chat {
      margin-bottom: 0.28rem;
      flex: 1 1 auto;
      min-height: 0;
      height: auto;
      max-height: none;
    }

html[data-route="ai-suite-studio"] .suite-studio__code-chat::before {
      content: "";
      display: block;
      flex: 1 1 0;
      min-height: 0;
      align-self: stretch;
    }

html[data-route="ai-suite-studio"]:not([data-rise-embed="1"])
      .suite-studio__main-mid:has(.suite-studio__tool-output:not([hidden]))
      .suite-studio__main-mid-spacer--bottom {
      flex: 0 0 0 !important;
      max-height: 0 !important;
      min-height: 0 !important;
      overflow: hidden;
    }

html[data-route="ai-suite-studio"] .suite-studio__tool-output:not([hidden]) {
      margin-bottom: 0.28rem;
      flex: 1 1 auto;
      min-height: clamp(200px, 26vh, 300px);
      height: auto;
      max-height: none;
    }

html[data-route="ai-suite-studio"]
      .suite-studio__main-mid:has(.suite-studio__tool-output:not([hidden]))
      .suite-studio__prompt {
      margin-top: auto;
    }

html[data-route="ai-suite-studio"][data-suite-hero-mode="center"]:not([data-rise-embed="1"])
      .suite-studio__main-mid
      .suite-studio__code-chat:not([hidden]) {
      flex: none !important;
      min-height: clamp(140px, 16vh, 200px) !important;
      /* Taller scroll viewport (WhatsApp/ChatGPT-style); still scrolls for long threads. */
      max-height: min(50dvh, 480px) !important;
      height: auto !important;
    }

html[data-route="ai-suite-studio"][data-suite-hero-mode="center"]:not([data-rise-embed="1"])[data-rise-suite-engine="images"]
      .suite-studio__main-mid
      .suite-studio__code-chat:not([hidden]) {
      flex: 1 1 auto !important;
      min-height: 0 !important;
      max-height: none !important;
      height: auto !important;
    }

html[data-route="ai-suite-studio"][data-suite-hero-mode="center"]:not([data-rise-embed="1"])
      .suite-studio__main-mid
      .suite-studio__tool-output:not([hidden]) {
      flex: none !important;
      min-height: clamp(140px, 16vh, 200px) !important;
      max-height: min(36vh, 300px) !important;
      height: auto !important;
    }

html[data-route="ai-suite-studio"][data-suite-hero-mode="center"]:not([data-rise-embed="1"])[data-rise-suite-engine="videos"]
      .suite-studio__main-mid
      .suite-studio__tool-output:not([hidden]),
    html[data-route="ai-suite-studio"][data-suite-hero-mode="center"]:not([data-rise-embed="1"])[data-rise-suite-engine="speech"]
      .suite-studio__main-mid
      .suite-studio__tool-output:not([hidden]) {
      flex: 1 1 auto !important;
      min-height: 0 !important;
      max-height: none !important;
      height: auto !important;
      align-self: stretch;
      overflow-y: auto;
    }

html[data-route="ai-suite-studio"][data-rise-suite-engine="videos"]:not([data-rise-embed="1"]) #suiteStudioOutputVideos,
    html[data-route="ai-suite-studio"][data-rise-suite-engine="speech"]:not([data-rise-embed="1"]) #suiteStudioOutputSpeech {
      flex: 1 1 auto;
      min-height: 0;
      width: 100%;
      display: flex;
      flex-direction: column;
      padding-top: var(--suite-studio-rail-content-offset, clamp(0.65rem, 1.5vw, 1.35rem));
      box-sizing: border-box;
    }

html[data-route="ai-suite-studio"][data-rise-suite-engine="videos"]:not([data-rise-embed="1"]) .suite-studio__videos-hub,
    html[data-route="ai-suite-studio"][data-rise-suite-engine="speech"]:not([data-rise-embed="1"]) #suiteStudioOutputSpeech .suite-studio__videos-hub {
      flex: 1 1 auto;
      min-height: 0;
    }

html[data-route="ai-suite-studio"][data-rise-suite-engine="videos"]:not([data-rise-embed="1"]) .suite-studio__videos-plan,
    html[data-route="ai-suite-studio"][data-rise-suite-engine="speech"]:not([data-rise-embed="1"]) #suiteStudioOutputSpeech .suite-studio__videos-plan {
      flex: 0 0 auto;
    }

html[data-route="ai-suite-studio"][data-rise-suite-engine="images"]:not([data-rise-embed="1"]) .suite-studio__main-mid {
      display: flex !important;
      flex-direction: column !important;
      flex: 1 1 auto !important;
      min-height: 0 !important;
      grid-template-columns: unset !important;
      grid-template-rows: unset !important;
    }

html[data-route="ai-suite-studio"][data-rise-suite-engine="images"]:not([data-rise-embed="1"]) .suite-studio__code-chat::before {
      display: none !important;
    }

html[data-route="ai-suite-studio"][data-rise-suite-engine="images"]:not([data-rise-embed="1"]) .suite-studio__code-chat {
      justify-content: flex-start;
      flex: 1 1 auto !important;
      min-height: 0 !important;
      max-height: none !important;
      height: auto !important;
      overflow-y: auto;
    }

html[data-route="ai-suite-studio"][data-suite-hero-mode="center"]:not([data-rise-embed="1"])[data-rise-suite-engine="videos"]
      .suite-studio__main-mid,
    html[data-route="ai-suite-studio"][data-suite-hero-mode="center"]:not([data-rise-embed="1"])[data-rise-suite-engine="speech"]
      .suite-studio__main-mid {
      display: flex !important;
      flex-direction: column !important;
      flex: 1 1 auto !important;
      min-height: 0 !important;
      grid-template-columns: unset !important;
      grid-template-rows: unset !important;
    }

html[data-route="ai-suite-studio"][data-suite-hero-mode="center"]
      .suite-studio__main-mid:has(.suite-studio__main-hero.is-collapsed)
      .suite-studio__code-chat:not([hidden]),
    html[data-route="ai-suite-studio"][data-suite-hero-mode="center"]
      .suite-studio__main-mid:has(.suite-studio__main-hero.is-collapsed)
      .suite-studio__tool-output:not([hidden]) {
      flex: none !important;
      min-height: 0 !important;
      max-height: none !important;
      height: auto !important;
      align-self: stretch;
      overflow-y: auto;
    }

html[data-route="ai-suite-studio"][data-suite-hero-mode="center"][data-rise-suite-engine="images"]
      .suite-studio__main-mid:has(.suite-studio__main-hero.is-collapsed)
      .suite-studio__code-chat:not([hidden]) {
      flex: 1 1 auto !important;
    }

html[data-route="ai-suite-studio"][data-rise-suite-engine="projects"]:not([data-rise-embed="1"])
      .suite-studio__workspace-util {
      display: none !important;
    }

html[data-route="ai-suite-studio"][data-rise-suite-engine="projects"]:not([data-rise-embed="1"]) #suite-studio-build {
      display: none !important;
    }

html[data-route="ai-suite-studio"][data-rise-suite-engine="projects"]:not([data-rise-embed="1"])
      .suite-studio__main-hero-cluster {
      display: none !important;
    }

html[data-route="ai-suite-studio"][data-rise-suite-engine="projects"]:not([data-rise-embed="1"]) #suiteStudioRightRail {
      display: none !important;
    }

/*
      Projects: two columns (tool rail + main). A single 1fr column stacked nav above the workspace
      because the grid still has two in-flow children — use the same split as images/videos.
    */

html[data-route="ai-suite-studio"][data-rise-suite-engine="projects"]:not([data-rise-embed="1"]) .suite-studio {
      grid-template-columns: minmax(200px, 260px) minmax(0, 1fr) !important;
      grid-template-rows: minmax(0, 1fr);
      align-items: stretch;
    }

html[data-route="ai-suite-studio"][data-rise-suite-engine="projects"]:not([data-rise-embed="1"]) .suite-studio__main {
      overflow: hidden;
      flex: 1 1 auto;
      min-height: 0;
    }

html[data-route="ai-suite-studio"][data-rise-suite-engine="projects"]:not([data-rise-embed="1"])
      .suite-studio__main-mid {
      display: flex !important;
      flex-direction: column !important;
      flex: 1 1 auto !important;
      min-height: 0 !important;
      height: 100%;
    }

html[data-route="ai-suite-studio"][data-rise-suite-engine="projects"]:not([data-rise-embed="1"])
      .suite-studio__main-mid
      .suite-studio__tool-output:not([hidden]) {
      flex: 1 1 auto !important;
      min-height: 0 !important;
      max-height: none !important;
      height: auto !important;
    }

@media (max-width: 1100px) {
      html[data-route="ai-suite-studio"][data-rise-suite-engine="projects"]:not([data-rise-embed="1"]) .suite-studio {
        grid-template-columns: minmax(180px, 200px) minmax(0, 1fr) !important;
      }
    }

html[data-route="ai-suite-studio"][data-rise-suite-engine="projects"]:not([data-rise-embed="1"]) #suiteStudioOutputProjects {
      flex: 1 1 auto;
      min-height: 0;
      width: 100%;
    }

.suite-studio__chat-msg--terminal {
      align-self: flex-start;
      max-width: min(96%, 82ch);
      padding: 0;
      /* Let long assistant replies grow the thread; the #suiteStudioCodeChat column scrolls (overflow:hidden clipped HTML). */
      overflow: visible;
      border-radius: 0.55rem;
      border: 1px solid rgba(52, 211, 153, 0.38);
      background: linear-gradient(165deg, #0f172a 0%, #070b14 55%, #0a1628 100%);
      box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.45),
        0 10px 36px rgba(0, 0, 0, 0.35),
        0 0 42px rgba(16, 185, 129, 0.06);
      color: #d1fae5;
    }

html[data-route="ai-suite-studio"] .suite-studio__prompt {
      margin-top: -0.55rem;
      padding-top: 0.15rem;
      flex: 0 0 auto;
      width: 100%;
      box-sizing: border-box;
    }

html[data-route="ai-suite"] .page-ai-suite {
      max-width: min(1040px, 100%);
      margin-left: auto;
      margin-right: auto;
      padding: 1.15rem 0.8rem 1.35rem;
      box-sizing: border-box;
    }

html[data-route="ai-suite"] .suite-hub__hero.rise-hub-hero {
      margin-bottom: clamp(0.95rem, 2vw, 1.35rem);
      margin-top: 0;
      padding: clamp(0.35rem, 1vw, 0.6rem) 0;
      border: none;
      border-radius: 0;
      box-shadow: none;
      background: transparent;
      overflow: visible;
      isolation: auto;
    }

html[data-route="ai-suite"] .suite-hub__hero.rise-hub-hero::before,
    html[data-route="ai-suite"] .suite-hub__hero.rise-hub-hero::after {
      display: none;
      content: none;
    }

html[data-route="ai-suite"] .rise-hub-hero--suite .rise-hub-hero__title {
      font-size: clamp(1.15rem, 2.75vw, 1.48rem);
      margin-bottom: 0.42rem;
    }

html[data-route="ai-suite"] .rise-hub-hero--suite .rise-hub-hero__lead,
    html[data-route="ai-suite"] .suite-hub__subtitle.rise-hub-hero__lead {
      font-size: clamp(0.78rem, 1.15vw, 0.9rem);
      line-height: 1.48;
      max-width: 38rem;
    }

html[data-route="ai-suite"] .rise-hub-hero--suite .rise-hub-hero__eyebrow {
      font-size: 0.56rem;
      margin-bottom: 0.32rem;
      letter-spacing: 0.14em;
    }

html[data-route="ai-suite"] .rise-hub-hero__stats {
      margin-top: 0.58rem;
      gap: 0.3rem;
    }

html[data-route="ai-suite"] .rise-hub-hero__stat {
      padding: 0.26rem 0.48rem;
      font-size: 0.56rem;
      letter-spacing: 0.055em;
    }

html[data-route="ai-suite"] .rise-hub-hero__links {
      margin-top: 0.62rem;
      gap: 0.38rem;
    }

html[data-route="ai-suite"] .rise-hub-hero__link {
      padding: 0.34rem 0.68rem;
      font-size: 0.7rem;
    }

html[data-route="ai-suite"] .suite-hub__preview-stage {
      margin: -0.25rem 0 0.72rem;
      padding: clamp(0.5rem, 1.25vw, 0.65rem);
    }

html[data-route="ai-suite"] .suite-hub__preview-stage .rise-stack__product-preview__shot-frame {
      max-height: min(260px, 48vw);
    }

@media (min-width: 720px) {
      html[data-route="ai-suite"] .suite-hub__preview-stage .rise-stack__product-preview__shot-frame {
        max-height: min(300px, 34vw);
      }
    }

html[data-route="ai-suite"] .suite-hub__section,
    html[data-route="automated-trading"] .suite-hub__section,
    html[data-route="prediction-markets"] .suite-hub__section,
    html[data-route="events-betting"] .suite-hub__section {
      margin-top: 1.15rem;
      padding-top: 0.95rem;
    }

html[data-route="ai-suite"] .suite-hub__section-title,
    html[data-route="automated-trading"] .suite-hub__section-title,
    html[data-route="prediction-markets"] .suite-hub__section-title,
    html[data-route="events-betting"] .suite-hub__section-title {
      font-size: clamp(0.92rem, 1.5vw, 1.02rem);
      margin-bottom: 0.38rem;
    }

html[data-route="ai-suite"] .suite-hub__section-lead,
    html[data-route="automated-trading"] .suite-hub__section-lead,
    html[data-route="prediction-markets"] .suite-hub__section-lead,
    html[data-route="events-betting"] .suite-hub__section-lead {
      font-size: 0.78rem;
      line-height: 1.48;
      margin-bottom: 0.72rem;
    }

html[data-route="ai-suite"] .suite-hub__grid,
    html[data-route="automated-trading"] .suite-hub__grid,
    html[data-route="prediction-markets"] .suite-hub__grid,
    html[data-route="events-betting"] .suite-hub__grid {
      gap: 0.55rem;
    }

html[data-route="ai-suite"] .suite-hub__grid--four,
    html[data-route="automated-trading"] .suite-hub__grid--four,
    html[data-route="prediction-markets"] .suite-hub__grid--four,
    html[data-route="events-betting"] .suite-hub__grid--four {
      gap: 0.55rem;
    }

html[data-route="ai-suite"] .suite-hub__card,
    html[data-route="automated-trading"] .suite-hub__card,
    html[data-route="prediction-markets"] .suite-hub__card,
    html[data-route="events-betting"] .suite-hub__card {
      padding: 0.65rem 0.72rem 0.72rem;
    }

html[data-route="ai-suite"] .suite-hub__card h3,
    html[data-route="automated-trading"] .suite-hub__card h3,
    html[data-route="prediction-markets"] .suite-hub__card h3,
    html[data-route="events-betting"] .suite-hub__card h3 {
      font-size: 0.8rem;
      gap: 0.45rem;
      margin-bottom: 0.32rem;
    }

html[data-route="ai-suite"] .suite-hub__card--lane h3 svg,
    html[data-route="automated-trading"] .suite-hub__card--lane h3 svg,
    html[data-route="prediction-markets"] .suite-hub__card--lane h3 svg,
    html[data-route="events-betting"] .suite-hub__card--lane h3 svg {
      width: 2.25rem;
      height: 2.25rem;
      padding: 0.34rem;
      border-radius: 0.52rem;
    }

html[data-route="ai-suite"] .suite-hub__card--persona h3 svg,
    html[data-route="ai-suite"] .suite-hub__card--governance h3 svg,
    html[data-route="automated-trading"] .suite-hub__card--persona h3 svg,
    html[data-route="automated-trading"] .suite-hub__card--governance h3 svg,
    html[data-route="prediction-markets"] .suite-hub__card--persona h3 svg,
    html[data-route="prediction-markets"] .suite-hub__card--governance h3 svg,
    html[data-route="events-betting"] .suite-hub__card--persona h3 svg,
    html[data-route="events-betting"] .suite-hub__card--governance h3 svg {
      width: 2rem;
      height: 2rem;
      padding: 0.3rem;
    }

html[data-route="ai-suite"] .suite-hub__card--impact h3 svg,
    html[data-route="automated-trading"] .suite-hub__card--impact h3 svg,
    html[data-route="prediction-markets"] .suite-hub__card--impact h3 svg,
    html[data-route="events-betting"] .suite-hub__card--impact h3 svg {
      width: 1.75rem;
      height: 1.75rem;
      padding: 0.24rem;
    }

html[data-route="ai-suite"] .suite-hub__card p,
    html[data-route="automated-trading"] .suite-hub__card p,
    html[data-route="prediction-markets"] .suite-hub__card p,
    html[data-route="events-betting"] .suite-hub__card p {
      font-size: 0.74rem;
      line-height: 1.45;
    }

html[data-route="ai-suite"] .suite-hub__stack-grid,
    html[data-route="automated-trading"] .suite-hub__stack-grid,
    html[data-route="prediction-markets"] .suite-hub__stack-grid,
    html[data-route="events-betting"] .suite-hub__stack-grid {
      gap: 0.48rem;
    }

html[data-route="ai-suite"] .suite-hub__stack-card,
    html[data-route="automated-trading"] .suite-hub__stack-card,
    html[data-route="prediction-markets"] .suite-hub__stack-card,
    html[data-route="events-betting"] .suite-hub__stack-card {
      padding: 0.65rem 0.68rem 0.72rem;
    }

html[data-route="ai-suite"] .suite-hub__stack-card-head,
    html[data-route="automated-trading"] .suite-hub__stack-card-head,
    html[data-route="prediction-markets"] .suite-hub__stack-card-head,
    html[data-route="events-betting"] .suite-hub__stack-card-head {
      margin-bottom: 0.42rem;
    }

html[data-route="ai-suite"] .suite-hub__stack-card-icon,
    html[data-route="automated-trading"] .suite-hub__stack-card-icon,
    html[data-route="prediction-markets"] .suite-hub__stack-card-icon,
    html[data-route="events-betting"] .suite-hub__stack-card-icon {
      width: 2.2rem;
      height: 2.2rem;
      padding: 0.34rem;
    }

html[data-route="ai-suite"] .suite-hub__stack-card h3,
    html[data-route="automated-trading"] .suite-hub__stack-card h3,
    html[data-route="prediction-markets"] .suite-hub__stack-card h3,
    html[data-route="events-betting"] .suite-hub__stack-card h3 {
      font-size: 0.78rem;
    }

html[data-route="ai-suite"] .suite-hub__stack-card p,
    html[data-route="automated-trading"] .suite-hub__stack-card p,
    html[data-route="prediction-markets"] .suite-hub__stack-card p,
    html[data-route="events-betting"] .suite-hub__stack-card p {
      font-size: 0.7rem;
    }

html[data-route="ai-suite"] .suite-hub__stack-card-step,
    html[data-route="automated-trading"] .suite-hub__stack-card-step,
    html[data-route="prediction-markets"] .suite-hub__stack-card-step,
    html[data-route="events-betting"] .suite-hub__stack-card-step {
      font-size: 0.52rem;
    }

html[data-route="ai-suite"] .suite-hub__steps li,
    html[data-route="automated-trading"] .suite-hub__steps li,
    html[data-route="prediction-markets"] .suite-hub__steps li,
    html[data-route="events-betting"] .suite-hub__steps li {
      padding: 0.55rem 0.72rem 0.62rem 2.1rem;
      font-size: 0.74rem;
      line-height: 1.48;
    }

html[data-route="ai-suite"] .suite-hub__steps li::before,
    html[data-route="automated-trading"] .suite-hub__steps li::before,
    html[data-route="prediction-markets"] .suite-hub__steps li::before,
    html[data-route="events-betting"] .suite-hub__steps li::before {
      width: 1.15rem;
      height: 1.15rem;
      font-size: 0.62rem;
      left: 0.55rem;
      top: 0.62rem;
    }

html[data-route="ai-suite"] .suite-hub__cta-row,
    html[data-route="automated-trading"] .suite-hub__cta-row,
    html[data-route="prediction-markets"] .suite-hub__cta-row,
    html[data-route="events-betting"] .suite-hub__cta-row {
      margin-top: 0.72rem;
      gap: 0.4rem;
    }

html[data-route="ai-suite"] .suite-hub__cta,
    html[data-route="automated-trading"] .suite-hub__cta,
    html[data-route="prediction-markets"] .suite-hub__cta,
    html[data-route="events-betting"] .suite-hub__cta {
      padding: 0.38rem 0.72rem;
      font-size: 0.74rem;
    }

html[data-route="ai-suite"] .product-showcase-strip,
    html[data-route="automated-trading"] .product-showcase-strip,
    html[data-route="prediction-markets"] .product-showcase-strip,
    html[data-route="events-betting"] .product-showcase-strip {
      margin: 0.48rem 0 0.62rem;
      gap: 0.42rem;
    }

html[data-route="ai-suite"] .product-showcase-strip__card,
    html[data-route="automated-trading"] .product-showcase-strip__card,
    html[data-route="prediction-markets"] .product-showcase-strip__card,
    html[data-route="events-betting"] .product-showcase-strip__card {
      padding: 0.55rem 0.62rem;
    }

html[data-route="ai-suite"] .product-showcase-strip__kicker,
    html[data-route="automated-trading"] .product-showcase-strip__kicker,
    html[data-route="prediction-markets"] .product-showcase-strip__kicker,
    html[data-route="events-betting"] .product-showcase-strip__kicker {
      font-size: 0.55rem;
      margin-bottom: 0.18rem;
    }

html[data-route="ai-suite"] .product-showcase-strip__text,
    html[data-route="automated-trading"] .product-showcase-strip__text,
    html[data-route="prediction-markets"] .product-showcase-strip__text,
    html[data-route="events-betting"] .product-showcase-strip__text {
      font-size: 0.72rem;
      line-height: 1.42;
    }

html[data-route="automated-trading"] .page-trade-hub,
    html[data-route="prediction-markets"] .page-prediction-markets,
    html[data-route="events-betting"] .page-events-rail {
      max-width: min(1040px, 100%);
      margin-left: auto;
      margin-right: auto;
      padding: 1.15rem 0.8rem 1.35rem;
      box-sizing: border-box;
    }

html[data-route="automated-trading"] .trade-hub__hero.rise-hub-hero {
      margin-bottom: clamp(0.95rem, 2vw, 1.35rem);
      margin-top: 0;
      padding: clamp(0.35rem, 1vw, 0.6rem) 0;
      border: none;
      border-radius: 0;
      box-shadow: none;
      background: transparent;
      overflow: visible;
      isolation: auto;
    }

html[data-route="automated-trading"] .trade-hub__hero.rise-hub-hero::before,
    html[data-route="automated-trading"] .trade-hub__hero.rise-hub-hero::after {
      display: none;
      content: none;
    }

html[data-route="automated-trading"] .rise-hub-hero--trade .rise-hub-hero__title {
      font-size: clamp(1.15rem, 2.75vw, 1.48rem);
      margin-bottom: 0.42rem;
    }

html[data-route="automated-trading"] .rise-hub-hero--trade .rise-hub-hero__lead,
    html[data-route="automated-trading"] .trade-hub__subtitle.rise-hub-hero__lead {
      font-size: clamp(0.78rem, 1.15vw, 0.9rem);
      line-height: 1.48;
      max-width: 38rem;
    }

html[data-route="automated-trading"] .trade-hub__kicker {
      font-size: 0.56rem;
      margin-bottom: 0.32rem;
      letter-spacing: 0.14em;
    }

html[data-route="automated-trading"] .rise-hub-hero__stats {
      margin-top: 0.58rem;
      gap: 0.3rem;
    }

html[data-route="automated-trading"] .rise-hub-hero__stat {
      padding: 0.26rem 0.48rem;
      font-size: 0.56rem;
      letter-spacing: 0.055em;
    }

html[data-route="automated-trading"] .trade-hub__hero-botlink {
      margin-top: 0.55rem;
      font-size: 0.72rem;
    }

html[data-route="automated-trading"] .trade-hub__hero-botlink-note {
      font-size: 0.68rem;
    }

html[data-route="prediction-markets"] .pm-feed-header.pm-feed-header--flat .pm-feed-kicker,
    html[data-route="events-betting"] .pm-feed-header.pm-feed-header--flat .pm-feed-kicker {
      font-size: 0.56rem;
      letter-spacing: 0.14em;
      margin-bottom: 0.32rem;
    }

html[data-route="prediction-markets"] .pm-feed-header.pm-feed-header--flat .pm-feed-title,
    html[data-route="events-betting"] .pm-feed-header.pm-feed-header--flat .pm-feed-title {
      font-size: clamp(1.15rem, 2.75vw, 1.48rem);
      margin-bottom: 0.42rem;
    }

html[data-route="prediction-markets"] .pm-feed-header.pm-feed-header--flat .pm-feed-sub,
    html[data-route="events-betting"] .pm-feed-header.pm-feed-header--flat .pm-feed-sub {
      font-size: clamp(0.78rem, 1.15vw, 0.9rem);
      line-height: 1.48;
      max-width: 38rem;
    }

html[data-route="events-betting"] .pm-card {
      border-left-color: color-mix(in srgb, #fb7185 65%, #ea580c);
    }

html[data-route="events-betting"] .pm-filter-btn.is-active {
      color: #fb7185;
      border-color: color-mix(in srgb, #fb7185 45%, var(--hero-border));
      background: color-mix(in srgb, #fb7185 12%, var(--bg-elevated));
      box-shadow: 0 0 18px color-mix(in srgb, #fb7185 22%, transparent);
    }

html[data-route="automated-trading"] .page-trade-hub {
      display: block;
      flex: 1 1 auto;
      max-width: 1360px;
      padding-left: 1rem;
      padding-right: 1rem;
    }

html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="automated-trading"] .page-trade-hub {
      max-width: none;
      padding-top: 0.6rem;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }

html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="automated-trading"] .page-trade-hub .trade-hub__hero .rise-hub-hero__visual {
      width: 100%;
      max-width: none;
      margin-left: 0;
      margin-right: auto;
    }

html[data-rise-scope="dashboard"][data-route="automated-trading"] .trade-hub__hero,
    html[data-rise-scope="dashboard"][data-route="automated-trading"] #trade-hub-bots {
      display: none !important;
    }

html[data-rise-scope="dashboard"][data-route="automated-trading"] .page-trade-hub {
      max-width: none;
      width: 100%;
      padding-left: 0.7rem;
      padding-right: 0.7rem;
    }

html[data-rise-scope="dashboard"][data-route="automated-trading"] #trade-hub-choose {
      display: none !important;
    }

html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="prediction-markets"] .page-prediction-markets {
      padding-top: 0.6rem;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }

html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="events-betting"] .page-events-rail {
      padding-top: 0.6rem;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }

@media (max-width: 760px) {
      html[data-route="automated-trading"] #tradeHubDashboardDesk.trade-desk {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-areas:
          "desk-kpis"
          "desk-alerts"
          "desk-chart"
          "desk-bot"
          "desk-log" !important;
        gap: 0.6rem !important;
        min-height: auto;
      }
      html[data-route="automated-trading"] #tradeHubDashboardDesk > section:nth-child(2),
      html[data-route="automated-trading"] #tradeHubDashboardDesk > .trade-desk__pane {
        min-width: 0;
      }
      html[data-route="automated-trading"] .trade-desk__pane {
        padding: 0.55rem;
        border-radius: 0.55rem;
      }
      html[data-route="automated-trading"] .trade-desk__pane-h {
        font-size: 0.88rem;
      }
      html[data-route="automated-trading"] .trade-desk__kpis {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 0.45rem;
      }
      html[data-route="automated-trading"] .trade-kpi {
        min-height: 82px;
        padding: 0.58rem;
      }
      html[data-route="automated-trading"] .trade-kpi__value {
        font-size: 1rem;
      }
      html[data-route="automated-trading"] .trade-desk__live {
        padding: 0.58rem 0.62rem;
      }
      html[data-route="automated-trading"] .trade-desk__live-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.4rem;
      }
      html[data-route="automated-trading"] .trade-desk__live-list {
        overflow-x: auto;
      }
      html[data-route="automated-trading"] .trade-desk__live-list table {
        min-width: 520px;
      }
      html[data-route="automated-trading"] .trade-desk__alerts {
        max-height: 44dvh;
      }
      html[data-route="automated-trading"] .trade-alert {
        padding: 0.5rem 0.52rem;
      }
      html[data-route="automated-trading"] .trade-desk__alerts-search-form {
        grid-template-columns: 1fr auto;
      }
      html[data-route="automated-trading"] .trade-desk__alerts-search-input {
        min-height: 40px;
        font-size: 16px;
      }
      html[data-route="automated-trading"] .trade-desk__alerts-search-btn,
      html[data-route="automated-trading"] .trade-kpi__chain-btn,
      html[data-route="automated-trading"] .trade-desk__chart-load-btn,
      html[data-route="automated-trading"] [data-rise-desk-action] {
        min-height: 40px;
      }
      html[data-route="automated-trading"] .trade-desk__fills-table-wrap {
        overflow-x: auto;
      }
      html[data-route="automated-trading"] .trade-desk__fills-table {
        min-width: 760px;
      }
      html[data-route="automated-trading"] .trade-desk__exec-log-snapshot-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.38rem;
      }
    }

html[data-route="automated-trading"]:is(
      [data-rise-scope="dashboard"],
      [data-rise-scope="public"][data-rise-trade-access="1"]
    ) #tradeHubDashboardDesk.trade-desk {
      display: grid !important;
      grid-template-columns: minmax(170px, 0.52fr) minmax(0, 2.55fr) minmax(170px, 0.52fr) !important;
      grid-template-areas:
        "desk-kpis desk-kpis desk-kpis"
        "desk-alerts desk-chart desk-bot"
        "desk-log desk-log desk-log";
      align-content: start;
    }

html[data-route="automated-trading"]:is(
      [data-rise-scope="dashboard"],
      [data-rise-scope="public"][data-rise-trade-access="1"]
    ) #tradeHubDashboardDesk > .trade-desk__kpis {
      grid-area: desk-kpis;
    }

html[data-route="automated-trading"]:is(
      [data-rise-scope="dashboard"],
      [data-rise-scope="public"][data-rise-trade-access="1"]
    ) #tradeHubDashboardDesk > section:nth-child(2) {
      grid-area: desk-alerts;
    }

html[data-route="automated-trading"]:is(
      [data-rise-scope="dashboard"],
      [data-rise-scope="public"][data-rise-trade-access="1"]
    ) #tradeHubDashboardDesk > .trade-desk__pane.trade-desk__mid {
      grid-area: desk-chart;
    }

html[data-route="automated-trading"]:is(
      [data-rise-scope="dashboard"],
      [data-rise-scope="public"][data-rise-trade-access="1"]
    ) #tradeHubDashboardDesk > .trade-desk__pane--bot {
      grid-area: desk-bot;
    }

html[data-route="automated-trading"]:is(
      [data-rise-scope="dashboard"],
      [data-rise-scope="public"][data-rise-trade-access="1"]
    ) #tradeHubDashboardDesk > .trade-desk__pane--desk-log {
      grid-area: desk-log;
    }

html[data-route="automated-trading"]:is(
      [data-rise-scope="dashboard"],
      [data-rise-scope="public"][data-rise-trade-access="1"]
    ) .trade-desk__pane--desk-log .trade-desk__exec-log-stack {
      padding: 0.55rem 0.7rem 0.65rem;
    }

html[data-route="automated-trading"]:is(
      [data-rise-scope="dashboard"],
      [data-rise-scope="public"][data-rise-trade-access="1"]
    ) .trade-desk__kpis {
      grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
      position: static;
      top: auto;
      z-index: auto;
      align-self: start;
      padding: 0;
      margin: 0 0 0.35rem;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
    }

@media (max-width: 900px) {
      html[data-route="automated-trading"]:is(
        [data-rise-scope="dashboard"],
        [data-rise-scope="public"][data-rise-trade-access="1"]
      ) #tradeHubDashboardDesk.trade-desk {
        grid-template-columns: 1fr !important;
        grid-template-areas:
          "desk-kpis"
          "desk-alerts"
          "desk-chart"
          "desk-bot"
          "desk-log";
      }
      html[data-route="automated-trading"]:is(
        [data-rise-scope="dashboard"],
        [data-rise-scope="public"][data-rise-trade-access="1"]
      ) .trade-desk__kpis {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 0.4rem;
      }
      html[data-route="automated-trading"]:is(
        [data-rise-scope="dashboard"],
        [data-rise-scope="public"][data-rise-trade-access="1"]
      ) .trade-kpi {
        min-height: 84px;
        padding: 0.5rem;
        gap: 0.2rem;
      }
      html[data-route="automated-trading"]:is(
        [data-rise-scope="dashboard"],
        [data-rise-scope="public"][data-rise-trade-access="1"]
      ) .trade-kpi__label {
        font-size: 0.64rem;
        letter-spacing: 0.04em;
      }
      html[data-route="automated-trading"]:is(
        [data-rise-scope="dashboard"],
        [data-rise-scope="public"][data-rise-trade-access="1"]
      ) .trade-kpi__value {
        font-size: 0.96rem;
        line-height: 1.2;
      }
      html[data-route="automated-trading"]:is(
        [data-rise-scope="dashboard"],
        [data-rise-scope="public"][data-rise-trade-access="1"]
      ) .trade-kpi__chain-btn {
        min-height: 30px;
        font-size: 0.68rem;
        padding: 0.28rem 0.4rem;
        justify-content: flex-start;
      }
      html[data-route="automated-trading"]:is(
        [data-rise-scope="dashboard"],
        [data-rise-scope="public"][data-rise-trade-access="1"]
      ) .trade-kpi__chain-filter {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.22rem;
      }
      html[data-route="automated-trading"]:is(
        [data-rise-scope="dashboard"],
        [data-rise-scope="public"][data-rise-trade-access="1"]
      ) .trade-kpi__chain-btn-ico {
        width: 13px;
        height: 13px;
        flex: 0 0 13px;
      }
      html[data-route="automated-trading"]:is(
        [data-rise-scope="dashboard"],
        [data-rise-scope="public"][data-rise-trade-access="1"]
      ) .trade-kpi__chain-btn[data-rise-chain-filter="eth"] {
        font-size: 0;
      }
      html[data-route="automated-trading"]:is(
        [data-rise-scope="dashboard"],
        [data-rise-scope="public"][data-rise-trade-access="1"]
      ) .trade-kpi__chain-btn[data-rise-chain-filter="eth"]::after {
        content: "ETH";
        font-size: 0.68rem;
        font-weight: 800;
        letter-spacing: 0.04em;
        line-height: 1;
      }
    }

.trade-alert__head-main {
      flex: 1;
      min-width: 0;
    }

.trade-alert__safety-body {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
    }

.trade-desk__chart-load-btn {
      position: absolute;
      top: 10px;
      right: 10px;
      z-index: 2;
      border: 1px solid color-mix(in srgb, var(--hero-border) 72%, transparent);
      background: color-mix(in srgb, var(--bg-elevated) 90%, #000 10%);
      color: var(--text-main);
      border-radius: 10px;
      padding: 0.36rem 0.6rem;
      font-size: 0.72rem;
      letter-spacing: 0.03em;
      cursor: pointer;
    }

html[data-route="automated-trading"]:not([data-rise-embed="1"]):not([data-rise-trade-access="1"]) #trade-hub-bots,
    html[data-route="automated-trading"]:not([data-rise-embed="1"]):not([data-rise-trade-access="1"]) #trade-hub-choose {
      display: none;
    }

html[data-route="automated-trading"]:not([data-rise-embed="1"]):not([data-rise-trade-access="1"]) .trade-hub__access-gate {
      display: block;
    }

html[data-route="dashboard-sports-betting"] .page-sports-pools:not(.page-sports-pools--pm),
    html[data-route="dashboard-sports-activity"] .page-sports-pools:not(.page-sports-pools--pm),
    html[data-route="dashboard-prediction-markets"] .page-sports-pools.page-sports-pools--pm {
      display: block;
    }

html:not([data-route="dashboard-prediction-markets"]) .page-sports-pools.page-sports-pools--pm {
      display: none !important;
    }

html[data-route="dashboard-prediction-markets"] .page-sports-pools:not(.page-sports-pools--pm) {
      display: none !important;
    }

html[data-route="dashboard-prediction-markets"] .pub-page,
    html[data-route="dashboard-prediction-markets"] .page-home-content,
    html[data-route="dashboard-prediction-markets"] #rise-sports-today-strip-host,
    html[data-route="dashboard-prediction-markets"] #rise-sports-flagstrip-bottom,
    html[data-route="dashboard-prediction-markets"] .page-prediction-market-detail {
      display: none !important;
    }

html[data-route="dashboard-sports-match"] .page-sports-pools {
      display: none !important;
    }

html[data-route="dashboard-sports-match"] .page-sports-match {
      display: block;
    }

/*
 * Prediction-market detail page visibility.
 * On this route we hide every dashboard surface except `.page-prediction-market-detail`.
 * Mirrors the `dashboard-sports-match` pattern above so the routing model stays uniform.
 */
html[data-route="dashboard-prediction-market-detail"] .page-sports-pools,
html[data-route="dashboard-prediction-market-detail"] .page-sports-pools--pm,
html[data-route="dashboard-prediction-market-detail"] .page-sports-match,
html[data-route="dashboard-prediction-market-detail"] .page-events-rail,
html[data-route="dashboard-prediction-market-detail"] .page-home-content,
html[data-route="dashboard-prediction-market-detail"] .pub-page,
html[data-route="dashboard-prediction-market-detail"] #rise-sports-today-strip-host,
html[data-route="dashboard-prediction-market-detail"] #rise-sports-flagstrip-bottom {
      display: none !important;
    }

html[data-route="dashboard-prediction-market-detail"] .page-prediction-market-detail {
      display: block;
    }

.page-prediction-market-detail {
      display: none;
    }

html[data-route="dashboard-settings"] .page-rise-settings {
      display: block;
      flex: 1 1 auto;
    }

html[data-route="dashboard-sports-betting"] .page-rise-settings,
    html[data-route="dashboard-sports-activity"] .page-rise-settings,
    html[data-route="dashboard-sports-match"] .page-rise-settings,
    html[data-route="dashboard-sports-owner-settle"] .page-rise-settings,
    html[data-route="dashboard-prediction-markets"] .page-rise-settings {
      display: none !important;
    }

html[data-route="dashboard-sports-owner-settle"] .page-sports-pools,
    html[data-route="dashboard-sports-owner-settle"] .page-sports-match {
      display: none !important;
    }

html[data-route="dashboard-sports-owner-settle"] .page-sports-owner-settle {
      display: block;
    }

html[data-route="dashboard-sports-betting"] .page-sports-owner-settle,
    html[data-route="dashboard-sports-activity"] .page-sports-owner-settle,
    html[data-route="dashboard-sports-match"] .page-sports-owner-settle {
      display: none !important;
    }

html[data-route="swap"] .page-rise-swap {
      display: block;
    }

html[data-route="dashboard-swap"] .page-rise-dashboard-swap {
      display: block;
    }

html[data-rise-scope="public"][data-route="swap"] .page-rise-swap {
      padding-top: 0;
    }

.rise-swap__row-main {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 0.65rem;
    }

/* `display:inline-flex` on .tokpill beats the HTML hidden attribute otherwise — only ONE pill per row visible */

#riseEthSwapRoot .rise-swap__row-main {
      align-items: center;
    }

html[data-route="swap"] #global-three-bg {
      opacity: 0.45;
    }

html[data-route="prediction-markets"] .page-prediction-markets {
      display: block;
      flex: 1 1 auto;
    }

html[data-route="events-betting"] .page-events-rail {
      display: block;
      flex: 1 1 auto;
    }

html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="prediction-markets"] .page-prediction-markets {
      padding-top: 0.35rem;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }

html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="events-betting"] .page-events-rail {
      padding-top: 0.35rem;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }

html[data-rise-scope="public"]:not([data-route="home"]) .page-ai-suite,
    html[data-rise-scope="public"]:not([data-route="home"]) .page-trade-hub,
    html[data-rise-scope="public"]:not([data-route="home"]) .page-prediction-markets,
    html[data-rise-scope="public"]:not([data-route="home"]) .page-events-rail,
    html[data-rise-scope="public"]:not([data-route="home"]) .page-rise-swap {
      padding-top: 0 !important;
    }

html[data-rise-scope="public"][data-route="ai-suite"] .page-ai-suite {
      max-width: min(1040px, calc(100vw - 1rem));
      margin-left: auto;
      margin-right: auto;
      padding: clamp(0.5rem, 1.4vw, 0.85rem) 0.45rem 0.9rem;
    }

html[data-rise-scope="public"][data-route="ai-suite"] .page-ai-suite > *:not(.suite-hub__hero):not(.suite-hub__preview-stage):not(.suite-showcase-pillars):not(.suite-hub__section) {
      display: none !important;
    }

html[data-rise-scope="public"][data-route="ai-suite"] .suite-hub__hero.rise-hub-hero {
      margin-bottom: 0.5rem;
      padding: 0;
      border: none;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }

html[data-rise-scope="public"][data-route="ai-suite"] .suite-hub__preview-stage {
      margin: 0 !important;
      padding: clamp(0.45rem, 1.2vw, 0.68rem);
      border-radius: 0.85rem;
      border-color: color-mix(in srgb, var(--cyan) 45%, var(--hero-border));
      box-shadow:
        0 16px 48px color-mix(in srgb, #020617 38%, transparent),
        0 0 0 1px color-mix(in srgb, var(--cyan) 28%, transparent) inset;
    }

html[data-rise-scope="public"][data-route="automated-trading"] .page-trade-hub {
      max-width: min(1040px, calc(100vw - 1rem));
      margin-left: auto;
      margin-right: auto;
      padding: clamp(0.5rem, 1.4vw, 0.85rem) 0.45rem 0.9rem;
    }

html[data-rise-scope="public"][data-route="automated-trading"]:not([data-rise-trade-access="1"]) .page-trade-hub > *:not(.trade-hub__hero):not(.suite-showcase-pillars):not(.suite-hub__section) {
      display: none !important;
    }

html[data-rise-scope="public"][data-route="automated-trading"] .trade-hub__hero.rise-hub-hero {
      margin: 0 0 0.5rem;
      padding: 0;
      border: none;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }

html[data-rise-scope="public"][data-route="automated-trading"] .trade-hub__hero .rise-hub-hero__inner {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 0.85rem;
    }

html[data-rise-scope="public"][data-route="automated-trading"] .trade-hub__hero .rise-hub-hero__copy {
      text-align: start;
      max-width: 70rem;
      margin: 0;
    }

html[data-rise-scope="public"][data-route="automated-trading"] .trade-hub__hero .rise-hub-hero__visual {
      width: 100%;
      max-width: none;
      margin-left: auto;
      margin-right: auto;
    }

html[data-rise-scope="dashboard"][data-route="automated-trading"] .page-trade-hub > *:not(#tradeHubDashboardDesk) {
      display: none !important;
    }

html[data-route="automated-trading"]:is(
      [data-rise-scope="dashboard"],
      [data-rise-scope="public"][data-rise-trade-access="1"]
    ) #tradeHubDashboardDesk {
      display: block !important;
      margin-top: 0.25rem;
    }

/* Dashboard route stability: reserve desk canvas before async modules paint. */
html[data-rise-scope="dashboard"][data-route="automated-trading"] #tradeHubDashboardDesk {
      min-height: clamp(34rem, 70vh, 62rem);
    }

html[data-rise-scope="dashboard"][data-route="prediction-markets"] .page-prediction-markets > *:not(.pm-hub):not(.pm-detail) {
      display: none !important;
    }

html[data-rise-scope="dashboard"][data-route="prediction-markets"]:not([data-pm-detail="1"]) .pm-hub {
      display: block !important;
      margin-top: 0.25rem;
    }

/* Prediction board/detail should hold space from first paint. */
html[data-rise-scope="dashboard"][data-route="prediction-markets"] .pm-hub {
      min-height: clamp(34rem, 70vh, 62rem);
    }

html[data-rise-scope="dashboard"][data-route="prediction-markets"][data-pm-detail="1"] .pm-detail {
      min-height: clamp(34rem, 70vh, 62rem);
    }

html[data-rise-scope="dashboard"][data-route="events-betting"] .page-events-rail > *:not(.pm-layout) {
      display: none !important;
    }

html[data-rise-scope="dashboard"][data-route="events-betting"] .pm-layout {
      display: grid !important;
      margin-top: 0.25rem;
    }

/* Events board gets the same reserved viewport to avoid post-load growth. */
html[data-rise-scope="dashboard"][data-route="events-betting"] .pm-layout {
      min-height: clamp(34rem, 70vh, 62rem);
    }

html[data-rise-scope="public"][data-route="prediction-markets"] .page-prediction-markets {
      max-width: min(1040px, calc(100vw - 1rem));
      margin-left: auto;
      margin-right: auto;
      padding: clamp(0.5rem, 1.4vw, 0.85rem) 0.45rem 0.9rem;
    }

html[data-rise-scope="public"][data-route="prediction-markets"] .pm-skip-link {
      display: none !important;
    }

html[data-rise-scope="public"][data-route="prediction-markets"] .page-prediction-markets > *:not(.pm-feed-header):not(.suite-showcase-pillars):not(.suite-hub__section):not(.rise-public-page-preview):not(.pm-skip-link) {
      display: none !important;
    }

html[data-rise-scope="public"][data-route="prediction-markets"] .pm-hub {
      display: none !important;
    }

html[data-rise-scope="public"][data-route="prediction-markets"] .pm-feed-header.pm-feed-header--flat {
      margin: 0 0 0.5rem;
      padding: 0;
      border: none;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      text-align: left;
      max-width: none;
    }

html[data-rise-scope="public"][data-route="events-betting"] .page-events-rail {
      max-width: min(1040px, calc(100vw - 1rem));
      margin-left: auto;
      margin-right: auto;
      padding: clamp(0.5rem, 1.4vw, 0.85rem) 0.45rem 0.9rem;
    }

html[data-rise-scope="public"][data-route="events-betting"] .pm-skip-link {
      display: none !important;
    }

html[data-rise-scope="public"][data-route="events-betting"] .page-events-rail > *:not(.pm-feed-header):not(.suite-showcase-pillars):not(.suite-hub__section):not(.rise-public-page-preview):not(.pm-skip-link) {
      display: none !important;
    }

html[data-rise-scope="public"][data-route="events-betting"] .pm-feed-header.pm-feed-header--flat {
      margin: 0 0 0.5rem;
      padding: 0;
      border: none;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      text-align: left;
      max-width: none;
    }

html[data-rise-scope="public"][data-route="prediction-markets"] .pm-feed-header {
      margin: 0 0 0.85rem;
      padding: 0;
      text-align: start;
      border: none;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }

html[data-rise-scope="public"][data-route="events-betting"] .pm-feed-header {
      margin: 0 0 0.85rem;
      padding: 0;
      text-align: start;
      border: none;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }

html[data-rise-scope="public"][data-route="prediction-markets"] .rise-public-page-preview,
    html[data-rise-scope="public"][data-route="events-betting"] .rise-public-page-preview {
      display: block !important;
      max-width: min(1480px, calc(100vw - 1rem));
      padding-top: 0;
      margin-left: auto;
      margin-right: auto;
    }

html[data-rise-scope="public"][data-route="prediction-markets"] .rise-public-page-preview__frame,
    html[data-rise-scope="public"][data-route="events-betting"] .rise-public-page-preview__frame {
      border-width: 1px;
      border-color: color-mix(in srgb, var(--cyan) 30%, var(--hero-border));
      border-radius: 1rem;
      box-shadow:
        0 36px 110px color-mix(in srgb, #020617 52%, transparent),
        0 0 0 1px color-mix(in srgb, var(--cyan) 24%, transparent) inset;
    }

.ev-betslip__pick-body {
      display: flex;
      align-items: flex-start;
      gap: 0.55rem;
      padding: 0.65rem 0.75rem;
      border-radius: 0.55rem;
      border: 1px solid color-mix(in srgb, hsl(265 88% 56%) 35%, var(--hero-border));
      background: color-mix(in srgb, hsl(265 88% 56%) 10%, var(--bg-elevated));
    }

html[data-pm-detail="1"] .pm-hub {
      display: none !important;
    }

html[data-rise-embed="1"][data-route="prediction-markets"] .pm-detail {
      display: none !important;
    }

html[data-route="documentation"] .page-documentation-hub {
      display: block;
      flex: 1 1 auto;
      padding-top: 0.7rem;
    }

html[data-route="documentation"] .doc-hub__title {
      margin-bottom: 0;
    }

html[data-route="documentation"] .doc-hub__lead {
      margin-top: 0;
    }

html[data-route="documentation"] a.doc-card:hover {
      transform: none;
    }

html[data-rise-scope="public"][data-route="ai-suite"] .page-ai-suite,
    html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="automated-trading"] .page-trade-hub,
    html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="prediction-markets"] .page-prediction-markets,
    html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="events-betting"] .page-events-rail {
      position: relative;
      isolation: isolate;
    }

html[data-rise-scope="public"][data-route="ai-suite"] .page-ai-suite::before,
    html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="automated-trading"] .page-trade-hub::before,
    html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="prediction-markets"] .page-prediction-markets::before,
    html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="events-betting"] .page-events-rail::before {
      content: none;
      display: none;
    }

html[data-rise-scope="public"][data-route="ai-suite"] .suite-hub__section,
    html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="automated-trading"] .trade-hub__bots {
      margin-top: 1.25rem;
      border: 1px solid color-mix(in srgb, var(--hero-border) 74%, transparent);
      border-radius: 1rem;
      background: linear-gradient(165deg, color-mix(in srgb, var(--bg-elevated) 88%, transparent), color-mix(in srgb, var(--bg-page) 84%, transparent));
      box-shadow:
        0 1px 0 color-mix(in srgb, #ffffff 9%, transparent) inset,
        0 24px 70px rgba(0, 0, 0, 0.38);
      padding: clamp(1rem, 2.2vw, 1.5rem);
    }

html[data-rise-scope="public"][data-route="ai-suite"] .suite-hub__section {
      margin-top: 0.65rem;
      padding: clamp(0.55rem, 1.15vw, 0.82rem);
      border-radius: 0.85rem;
      box-shadow:
        0 1px 0 color-mix(in srgb, #ffffff 9%, transparent) inset,
        0 12px 34px rgba(0, 0, 0, 0.35);
    }

html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="automated-trading"] .suite-hub__section,
    html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="prediction-markets"] .suite-hub__section {
      margin-top: 0.65rem;
      padding: clamp(0.55rem, 1.15vw, 0.82rem);
      border-radius: 0.85rem;
      border: 1px solid color-mix(in srgb, var(--hero-border) 74%, transparent);
      background: linear-gradient(165deg, color-mix(in srgb, var(--bg-elevated) 88%, transparent), color-mix(in srgb, var(--bg-page) 84%, transparent));
      box-shadow:
        0 1px 0 color-mix(in srgb, #ffffff 9%, transparent) inset,
        0 12px 34px rgba(0, 0, 0, 0.35);
    }

html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="events-betting"] .suite-hub__section {
      margin-top: 0.65rem;
      padding: 0;
      border: none;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }

html[data-rise-scope="public"][data-route="ai-suite"] .suite-hub__section::after {
      display: none;
    }

html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="automated-trading"] .suite-hub__section::after,
    html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="prediction-markets"] .suite-hub__section::after,
    html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="events-betting"] .suite-hub__section::after {
      display: none;
    }

html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="automated-trading"] .trade-hub__flow {
      border-radius: 0.95rem;
      border-style: solid;
      border-width: 1px;
      border-color: color-mix(in srgb, var(--cyan) 34%, var(--hero-border));
      background: linear-gradient(160deg, color-mix(in srgb, var(--cyan) 11%, var(--bg-elevated)), color-mix(in srgb, var(--bg-page) 88%, transparent));
      box-shadow: 0 20px 54px color-mix(in srgb, #0f172a 24%, transparent);
    }

html[data-rise-scope="public"][data-route="ai-suite"] .suite-showcase-pillars {
      margin-top: 0.15rem;
      margin-bottom: 0.35rem;
    }

html[data-rise-scope="public"][data-route="ai-suite"] .suite-showcase-pillars .product-showcase-strip__kicker {
      color: color-mix(in srgb, var(--cyan) 65%, var(--text-muted));
    }

html[data-rise-scope="public"][data-route="ai-suite"] .suite-showcase-spotlight .suite-hub__stack-grid {
      margin-top: 0.55rem;
    }

html[data-rise-scope="public"][data-route="ai-suite"] .suite-showcase-spotlight .suite-hub__stack-card {
      border-radius: 0.9rem;
    }

html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="prediction-markets"] .pm-feed-header {
      border: none;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      padding: 0;
    }

html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="prediction-markets"] .pm-layout,
    html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="events-betting"] .pm-layout {
      margin-top: 1rem;
      gap: 1.1rem;
    }

html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="prediction-markets"] .pm-preview,
    html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="events-betting"] .pm-preview {
      border: 1px solid color-mix(in srgb, var(--hero-border) 72%, transparent);
      border-radius: 1rem;
      background: linear-gradient(162deg, color-mix(in srgb, var(--bg-elevated) 92%, transparent), color-mix(in srgb, var(--bg-page) 86%, transparent));
      box-shadow: 0 20px 60px color-mix(in srgb, #020617 30%, transparent);
      padding: 0.95rem;
      position: sticky;
      top: calc(var(--header-offset) + 0.9rem);
    }

html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="prediction-markets"] .pm-spot,
    html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="prediction-markets"] .pm-feed-tile,
    html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="events-betting"] .ev-match-card {
      border-radius: 0.92rem;
      border: 1px solid color-mix(in srgb, var(--hero-border) 72%, transparent);
      background: linear-gradient(162deg, color-mix(in srgb, var(--bg-elevated) 91%, transparent), color-mix(in srgb, var(--bg-page) 86%, transparent));
      box-shadow: 0 14px 42px color-mix(in srgb, #020617 18%, transparent);
      transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
    }

html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="prediction-markets"] .pm-spot:hover,
    html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="prediction-markets"] .pm-feed-tile:hover,
    html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="events-betting"] .ev-match-card:hover {
      transform: translateY(-3px);
      border-color: color-mix(in srgb, var(--cyan) 40%, var(--hero-border));
      box-shadow: 0 22px 50px color-mix(in srgb, var(--cyan) 17%, transparent);
    }

html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="prediction-markets"] .pm-filter-btn,
    html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="events-betting"] .pm-filter-btn,
    html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="events-betting"] .ev-mode-pill {
      border-radius: 999px;
      border-color: color-mix(in srgb, var(--hero-border) 70%, transparent);
      background: color-mix(in srgb, var(--bg-elevated) 88%, transparent);
      min-height: 2rem;
      padding-inline: 0.78rem;
    }

html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="prediction-markets"] .pm-filter-btn.is-active,
    html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="events-betting"] .pm-filter-btn.is-active,
    html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="events-betting"] .ev-mode-pill.is-active {
      border-color: color-mix(in srgb, var(--cyan) 55%, var(--hero-border));
      background: color-mix(in srgb, var(--cyan) 16%, var(--bg-elevated));
      color: var(--text);
      box-shadow: 0 0 0 1px color-mix(in srgb, var(--cyan) 22%, transparent);
    }

html[data-route="home"] #rise-stack.rise-stack {
      position: relative;
      overflow: clip;
    }

html[data-route="home"] #rise-stack.rise-stack::before,
    html[data-route="home"] #rise-stack.rise-stack::after {
      content: "";
      position: absolute;
      pointer-events: none;
      z-index: 0;
      border-radius: 999px;
      filter: blur(24px);
      opacity: 0.7;
      animation: riseStackFloatOrb 12s ease-in-out infinite;
    }

html[data-route="home"] #rise-stack.rise-stack::before {
      width: min(44vw, 580px);
      height: min(44vw, 580px);
      left: -14vw;
      top: 9vh;
      background: radial-gradient(circle at 30% 30%, color-mix(in srgb, #8b5cf6 50%, transparent), transparent 70%);
    }

html[data-route="home"] #rise-stack.rise-stack::after {
      width: min(40vw, 520px);
      height: min(40vw, 520px);
      right: -12vw;
      top: 22vh;
      background: radial-gradient(circle at 60% 40%, color-mix(in srgb, #22d3ee 50%, transparent), transparent 70%);
      animation-delay: -5s;
    }

html[data-route="home"] .rise-stack__mosaic-breakout {
      position: relative;
      z-index: 1;
    }

html[data-route="home"] .rise-stack__arch {
      position: relative;
      border: 1px solid color-mix(in srgb, var(--hero-border) 66%, transparent);
      border-radius: 1.1rem;
      background:
        linear-gradient(158deg, color-mix(in srgb, var(--bg-elevated) 74%, transparent), color-mix(in srgb, var(--bg-page) 92%, transparent));
      box-shadow:
        0 1px 0 color-mix(in srgb, #ffffff 12%, transparent) inset,
        0 28px 84px color-mix(in srgb, #020617 42%, transparent);
      backdrop-filter: blur(14px) saturate(1.15);
      -webkit-backdrop-filter: blur(14px) saturate(1.15);
      padding: clamp(0.65rem, 1.5vw, 1rem) clamp(0.55rem, 1.4vw, 0.9rem) clamp(1.1rem, 2.8vw, 1.75rem);
    }

html[data-route="home"] .rise-stack__arch::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      pointer-events: none;
      background:
        linear-gradient(120deg, transparent 8%, color-mix(in srgb, var(--cyan) 11%, transparent) 32%, transparent 58%),
        radial-gradient(90% 80% at 0% 0%, color-mix(in srgb, #8b5cf6 15%, transparent), transparent 62%);
      opacity: 0.78;
      animation: riseStackShimmer 8.5s linear infinite;
      mix-blend-mode: screen;
    }

html[data-route="home"] .rise-stack__arch-info {
      position: relative;
      perspective: 1200px;
    }

html[data-route="home"] .rise-stack__arch-info::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0.1rem;
      height: 1px;
      background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--arch-accent) 34%, var(--hero-border)), transparent);
      opacity: 0.66;
    }

html[data-route="home"] .rise-stack__arch-left--steps .rise-stack__arch-info:last-child::after {
      display: none;
    }

html[data-route="home"] .rise-stack__arch-content {
      overflow: hidden;
      isolation: isolate;
      transform-style: preserve-3d;
      --arch-rx: 0deg;
      --arch-ry: 0deg;
      border-radius: 1rem;
      border: 1px solid color-mix(in srgb, var(--arch-accent) 34%, var(--hero-border));
      background:
        radial-gradient(120% 140% at 14% 6%, color-mix(in srgb, var(--arch-accent) 22%, transparent), transparent 54%),
        linear-gradient(156deg, color-mix(in srgb, var(--bg-elevated) 88%, transparent), color-mix(in srgb, var(--bg-page) 90%, transparent));
      box-shadow:
        0 1px 0 color-mix(in srgb, #ffffff 16%, transparent) inset,
        0 16px 42px color-mix(in srgb, #020617 34%, transparent),
        0 0 0 1px color-mix(in srgb, var(--arch-accent) 8%, transparent) inset;
      padding: clamp(1.02rem, 2.2vw, 1.32rem);
      transform: translateZ(0);
      will-change: transform;
      transition: transform 0.56s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.4s ease, box-shadow 0.5s ease, filter 0.4s ease, background-position 0.55s ease;
      animation: rise-stack-card-float 7.2s ease-in-out infinite, riseStackAurora 11.4s ease-in-out infinite;
      animation-delay: calc(var(--rise-card-i, 0) * -0.75s);
    }

html[data-route="home"] .rise-stack__arch-content::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background: linear-gradient(
        110deg,
        transparent 15%,
        color-mix(in srgb, #ffffff 17%, transparent) 38%,
        transparent 62%
      );
      transform: translateX(-100%);
      transition: transform 0.8s ease;
      opacity: 0.6;
    }

html[data-route="home"] .rise-stack__arch-content::after {
      content: "";
      position: absolute;
      inset: -55%;
      pointer-events: none;
      z-index: 0;
      border-radius: inherit;
      background:
        conic-gradient(
          from 0deg at 50% 50%,
          transparent 0deg,
          color-mix(in srgb, var(--arch-accent) 42%, transparent) 66deg,
          transparent 132deg,
          color-mix(in srgb, var(--cyan) 34%, transparent) 222deg,
          transparent 292deg,
          color-mix(in srgb, #ffffff 26%, transparent) 360deg
        );
      mix-blend-mode: screen;
      filter: blur(16px);
      opacity: 0.34;
      transform: rotate(0deg) scale(1.02);
      transform-origin: 50% 50%;
      animation: rise-stack-card-glow-spin 12s linear infinite;
      transition: opacity 0.34s ease, transform 0.4s ease;
    }

html[data-route="home"] .rise-stack__arch-left--steps .rise-stack__arch-info:nth-child(1) .rise-stack__arch-content {
      --rise-card-i: 0;
    }

html[data-route="home"] .rise-stack__arch-left--steps .rise-stack__arch-info:nth-child(2) .rise-stack__arch-content {
      --rise-card-i: 1;
    }

html[data-route="home"] .rise-stack__arch-left--steps .rise-stack__arch-info:nth-child(3) .rise-stack__arch-content {
      --rise-card-i: 2;
    }

html[data-route="home"] .rise-stack__arch-left--steps .rise-stack__arch-info:nth-child(4) .rise-stack__arch-content {
      --rise-card-i: 3;
    }

html[data-route="home"] .rise-stack__arch-info.is-active .rise-stack__arch-content,
    html[data-route="home"] .rise-stack__arch-info:hover .rise-stack__arch-content {
      transform:
        perspective(980px)
        rotateX(var(--arch-rx))
        rotateY(var(--arch-ry))
        translateY(-4px)
        scale(1.012);
      border-color: color-mix(in srgb, var(--arch-accent) 68%, var(--hero-border));
      box-shadow:
        0 1px 0 color-mix(in srgb, #ffffff 22%, transparent) inset,
        0 28px 64px color-mix(in srgb, #020617 38%, transparent),
        0 36px 92px color-mix(in srgb, var(--arch-accent) 38%, transparent);
      filter: saturate(1.07);
    }

html[data-route="home"] .rise-stack__arch-info.is-active .rise-stack__arch-content::before,
    html[data-route="home"] .rise-stack__arch-info:hover .rise-stack__arch-content::before {
      transform: translateX(100%);
    }

html[data-route="home"] .rise-stack__arch-info.is-active .rise-stack__arch-content::after,
    html[data-route="home"] .rise-stack__arch-info:hover .rise-stack__arch-content::after {
      opacity: 0.76;
      transform: rotate(12deg) scale(1.06);
    }

html[data-route="home"] .rise-stack__arch-kicker {
      font-size: 0.65rem;
      letter-spacing: 0.17em;
      font-weight: 820;
      margin: 0 0 0.5rem;
      color: color-mix(in srgb, var(--arch-accent) 92%, rgba(226, 232, 240, 0.92));
    }

html[data-route="home"] .rise-stack__arch-h {
      margin: 0;
      font-size: clamp(1.35rem, 2.9vw, 1.78rem);
      line-height: 1.08;
      text-wrap: balance;
      letter-spacing: -0.028em;
      text-shadow: 0 8px 28px color-mix(in srgb, #020617 46%, transparent);
    }

html[data-route="home"] .rise-stack__arch-desc {
      margin: 0.56rem 0 0.95rem;
      font-size: clamp(0.9rem, 1.7vw, 0.98rem);
      line-height: 1.54;
      color: rgba(226, 232, 240, 0.9);
      text-wrap: pretty;
    }

html[data-route="home"] .rise-stack__arch-meta {
      margin: -0.15rem 0 0.92rem;
      padding: 0;
      list-style: none;
      display: flex;
      flex-wrap: wrap;
      gap: 0.42rem;
    }

html[data-route="home"] .rise-stack__arch-meta li {
      padding: 0.26rem 0.56rem;
      border-radius: 999px;
      font-size: 0.66rem;
      line-height: 1;
      font-weight: 760;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      color: color-mix(in srgb, #ffffff 84%, var(--arch-accent));
      border: 1px solid color-mix(in srgb, var(--arch-accent) 44%, rgba(255, 255, 255, 0.22));
      background: color-mix(in srgb, var(--arch-accent) 16%, rgba(2, 6, 23, 0.56));
      box-shadow: 0 1px 0 color-mix(in srgb, #ffffff 20%, transparent) inset;
    }

html[data-route="home"] .rise-stack__arch-kicker,
    html[data-route="home"] .rise-stack__arch-h,
    html[data-route="home"] .rise-stack__arch-desc,
    html[data-route="home"] .rise-stack__arch-meta,
    html[data-route="home"] .rise-stack__arch-actions {
      opacity: 0.76;
      transform: translateY(8px) translateZ(0);
      transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.38s ease;
    }

html[data-route="home"] .rise-stack__arch-h {
      transition-delay: 0.04s;
    }

html[data-route="home"] .rise-stack__arch-desc {
      transition-delay: 0.08s;
    }

html[data-route="home"] .rise-stack__arch-meta {
      transition-delay: 0.12s;
    }

html[data-route="home"] .rise-stack__arch-actions {
      transition-delay: 0.16s;
    }

html[data-route="home"] .rise-stack__arch-info.is-active .rise-stack__arch-kicker,
    html[data-route="home"] .rise-stack__arch-info.is-active .rise-stack__arch-h,
    html[data-route="home"] .rise-stack__arch-info.is-active .rise-stack__arch-desc,
    html[data-route="home"] .rise-stack__arch-info.is-active .rise-stack__arch-meta,
    html[data-route="home"] .rise-stack__arch-info.is-active .rise-stack__arch-actions,
    html[data-route="home"] .rise-stack__arch-info:hover .rise-stack__arch-kicker,
    html[data-route="home"] .rise-stack__arch-info:hover .rise-stack__arch-h,
    html[data-route="home"] .rise-stack__arch-info:hover .rise-stack__arch-desc,
    html[data-route="home"] .rise-stack__arch-info:hover .rise-stack__arch-meta,
    html[data-route="home"] .rise-stack__arch-info:hover .rise-stack__arch-actions {
      opacity: 1;
      transform: translateY(0) translateZ(18px);
      animation: riseArchLiftIn 0.56s cubic-bezier(0.22, 1, 0.36, 1);
    }

html[data-route="home"] .rise-stack__arch-actions {
      gap: 0.5rem;
    }

html[data-route="home"] .rise-stack__arch-cta {
      position: relative;
      overflow: hidden;
      isolation: isolate;
      border-radius: 0.82rem;
      min-height: 2.2rem;
      padding: 0.58rem 0.88rem;
      font-size: 0.79rem;
      font-weight: 800;
      letter-spacing: 0.01em;
      border-color: color-mix(in srgb, var(--arch-accent) 64%, rgba(255, 255, 255, 0.2));
      background:
        linear-gradient(150deg, color-mix(in srgb, var(--arch-accent) 40%, rgba(2, 6, 23, 0.72)), color-mix(in srgb, var(--arch-accent) 20%, rgba(2, 6, 23, 0.9)));
      box-shadow:
        0 1px 0 color-mix(in srgb, #ffffff 24%, transparent) inset,
        0 14px 30px color-mix(in srgb, var(--arch-accent) 30%, transparent);
      transition: transform 0.24s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.24s ease, border-color 0.24s ease;
    }

html[data-route="home"] .rise-stack__arch-cta::after {
      content: "";
      position: absolute;
      inset: -40% -30%;
      pointer-events: none;
      z-index: 0;
      background: linear-gradient(
        112deg,
        transparent 28%,
        color-mix(in srgb, #ffffff 72%, transparent) 48%,
        transparent 68%
      );
      transform: translateX(-130%) rotate(8deg);
      opacity: 0;
      transition: transform 0.65s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.34s ease;
    }

html[data-route="home"] .rise-stack__arch-cta::before {
      content: "";
      position: absolute;
      inset: -42% -28%;
      pointer-events: none;
      background: linear-gradient(
        108deg,
        transparent 20%,
        color-mix(in srgb, #ffffff 56%, transparent) 46%,
        transparent 66%
      );
      transform: translateX(-125%) rotate(6deg);
      opacity: 0.8;
      animation: riseStackCtaSheen 3.8s ease-in-out infinite;
    }

html[data-route="home"] .rise-stack__arch-cta svg {
      transition: transform 0.34s cubic-bezier(0.22, 1, 0.36, 1);
      will-change: transform;
    }

html[data-route="home"] .rise-stack__arch-cta:hover {
      transform: translateY(-2px) scale(1.03);
      box-shadow:
        0 1px 0 color-mix(in srgb, #ffffff 30%, transparent) inset,
        0 20px 40px color-mix(in srgb, #020617 38%, transparent),
        0 22px 46px color-mix(in srgb, var(--arch-accent) 40%, transparent);
    }

html[data-route="home"] .rise-stack__arch-cta:hover::after {
      transform: translateX(122%) rotate(8deg);
      opacity: 0.9;
    }

html[data-route="home"] .rise-stack__arch-cta:active {
      transform: translateY(0) scale(0.992);
    }

html[data-route="home"] .rise-stack__arch-cta:hover svg {
      transform: translateX(5px);
    }

html[data-route="home"] .rise-stack__arch-right {
      isolation: isolate;
    }

html[data-route="home"] .rise-stack__arch-right::before {
      content: "";
      position: absolute;
      inset: -7% -7%;
      z-index: 0;
      pointer-events: none;
      border-radius: 1.2rem;
      background: radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--cyan) 18%, transparent), transparent 70%);
      filter: blur(16px);
      opacity: 0.9;
      animation: riseStackPulse 6.2s ease-in-out infinite;
    }

html[data-route="home"] .rise-stack__arch-sticky {
      position: relative;
      z-index: 1;
    }

html[data-route="home"] .rise-stack__arch-frame {
      --rise-arch-z: 0;
      border-radius: 1.05rem;
      border-color: color-mix(in srgb, var(--arch-accent, #64748b) 36%, var(--hero-border));
      box-shadow:
        0 18px 58px color-mix(in srgb, #020617 44%, transparent),
        0 0 0 1px color-mix(in srgb, #ffffff 12%, transparent) inset;
      animation: riseStackArchFloat 7.5s ease-in-out infinite;
      transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.34s ease, border-color 0.3s ease, filter 0.3s ease;
    }

html[data-route="home"] .rise-stack__arch-frame[data-rise-arch-z="5"] { --rise-arch-z: 5; }

html[data-route="home"] .rise-stack__arch-frame[data-rise-arch-z="4"] { --rise-arch-z: 4; }

html[data-route="home"] .rise-stack__arch-frame[data-rise-arch-z="3"] { --rise-arch-z: 3; }

html[data-route="home"] .rise-stack__arch-frame[data-rise-arch-z="2"] { --rise-arch-z: 2; }

html[data-route="home"] .rise-stack__arch-right:hover .rise-stack__arch-frame {
      transform: translateY(-3px) scale(1.006);
      border-color: color-mix(in srgb, var(--arch-accent, #64748b) 58%, var(--hero-border));
      box-shadow:
        0 24px 70px color-mix(in srgb, #020617 48%, transparent),
        0 0 0 1px color-mix(in srgb, #ffffff 18%, transparent) inset,
        0 0 30px color-mix(in srgb, var(--cyan) 22%, transparent);
      filter: saturate(1.04);
    }

html[data-route="home"] .rise-stack__arch-frame[data-rise-product="trade"] {
      animation-delay: -1.1s;
    }

html[data-route="home"] .rise-stack__arch-frame[data-rise-product="predict"] {
      animation-delay: -2.3s;
    }

html[data-route="home"] .rise-stack__arch-frame[data-rise-product="bet"] {
      animation-delay: -3.7s;
    }

html[data-route="home"] .rise-stack__arch-frame .rise-stack__product-preview__chrome {
      backdrop-filter: blur(9px);
      -webkit-backdrop-filter: blur(9px);
      background: linear-gradient(180deg, color-mix(in srgb, var(--bg-elevated) 82%, transparent), color-mix(in srgb, var(--bg-page) 78%, transparent));
    }

html[data-route="home"] .rise-stack__arch-frame .rise-stack__product-preview__canvas--shot {
      background: linear-gradient(180deg, color-mix(in srgb, #0f172a 55%, transparent), color-mix(in srgb, #020617 26%, transparent));
    }

@media (max-width: 639px) {
      html[data-route="home"] .rise-stack__arch {
        border-radius: 0.9rem;
      }
      html[data-route="home"] .rise-stack__arch-content {
        max-width: none;
        border-radius: 0.82rem;
        padding: 0.88rem 0.9rem;
        animation-duration: 10.5s;
      }
      html[data-route="home"] .rise-stack__arch-h {
        font-size: clamp(1.22rem, 7.2vw, 1.46rem);
      }
      html[data-route="home"] .rise-stack__arch-cta {
        width: 100%;
        justify-content: center;
        font-size: 0.81rem;
        min-height: 2.28rem;
        letter-spacing: 0.008em;
      }
    }

@media (prefers-reduced-motion: reduce) {
      html[data-route="home"] #rise-stack.rise-stack::before,
      html[data-route="home"] #rise-stack.rise-stack::after,
      html[data-route="home"] .rise-stack__arch::before,
      html[data-route="home"] .rise-stack__arch-right::before,
      html[data-route="home"] .rise-stack__arch-frame {
        animation: none !important;
      }
      html[data-route="home"] .rise-stack__arch-content,
      html[data-route="home"] .rise-stack__arch-content::before,
      html[data-route="home"] .rise-stack__arch-content::after,
      html[data-route="home"] .rise-stack__arch-cta::before,
      html[data-route="home"] .rise-stack__arch-cta::after {
        animation: none !important;
      }
      html[data-route="home"] .rise-stack__arch-content::before,
      html[data-route="home"] .rise-stack__arch-content::after,
      html[data-route="home"] .rise-stack__arch-cta::before,
      html[data-route="home"] .rise-stack__arch-cta::after {
        display: none;
      }
      html[data-route="home"] .rise-stack__arch-kicker,
      html[data-route="home"] .rise-stack__arch-h,
      html[data-route="home"] .rise-stack__arch-desc,
      html[data-route="home"] .rise-stack__arch-meta,
      html[data-route="home"] .rise-stack__arch-actions {
        opacity: 1;
        transform: none;
        transition: none;
        animation: none !important;
      }
      html[data-route="home"] .rise-stack__arch-cta svg {
        transition: none;
        transform: none !important;
      }
      html[data-route="home"] .rise-stack__arch-cta:hover,
      html[data-route="home"] .rise-stack__arch-cta:active,
      html[data-route="home"] .rise-stack__arch-info.is-active .rise-stack__arch-content,
      html[data-route="home"] .rise-stack__arch-info:hover .rise-stack__arch-content,
      html[data-route="home"] .rise-stack__arch-right:hover .rise-stack__arch-frame {
        transform: none;
        filter: none;
      }
    }

html[data-route="ai-suite"] .suite-hub__preview-stage .rise-hub-hero__visual-wrap,
    html[data-route="automated-trading"] .page-trade-hub .rise-hub-hero__visual-wrap,
    html:is([data-route="prediction-markets"], [data-route="events-betting"]) .rise-public-page-preview__frame {
      border: 1px solid color-mix(in srgb, var(--cyan) 30%, var(--hero-border)) !important;
      border-radius: 0.95rem !important;
      background: linear-gradient(165deg, color-mix(in srgb, var(--bg-elevated) 90%, transparent), color-mix(in srgb, var(--bg-page) 84%, transparent)) !important;
      box-shadow: none !important;
      overflow: hidden !important;
    }

html:is([data-route="prediction-markets"], [data-route="events-betting"]) .rise-public-page-preview__frame {
      position: relative;
      padding-top: 1.9rem;
    }

html:is([data-route="prediction-markets"], [data-route="events-betting"]) .rise-public-page-preview__frame::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 1.9rem;
      border-bottom: 1px solid color-mix(in srgb, var(--cyan) 24%, var(--hero-border));
      background: color-mix(in srgb, var(--bg-elevated) 92%, transparent);
      pointer-events: none;
      z-index: 1;
    }

html:is([data-route="prediction-markets"], [data-route="events-betting"]) .rise-public-page-preview__frame::after {
      content: "";
      position: absolute;
      top: 0.62rem;
      left: 0.74rem;
      width: 0.52rem;
      height: 0.52rem;
      border-radius: 50%;
      background: #fb7185;
      box-shadow: 0.82rem 0 0 #fbbf24, 1.64rem 0 0 #34d399;
      pointer-events: none;
      z-index: 2;
    }

html[data-route="ai-suite"] .page-ai-suite,
    html[data-route="automated-trading"] .page-trade-hub,
    html[data-route="prediction-markets"] .page-prediction-markets,
    html[data-route="events-betting"] .page-events-rail {
      margin-left: auto !important;
      margin-right: auto !important;
    }

html[data-route="automated-trading"] .trade-hub__hero .rise-hub-hero__visual,
    html:is([data-route="prediction-markets"], [data-route="events-betting"]) .rise-public-page-preview,
    html[data-route="ai-suite"] .suite-hub__preview-stage {
      margin-left: auto !important;
      margin-right: auto !important;
    }

html[data-route="ai-suite"] .suite-hub__preview-stage,
    html[data-route="automated-trading"] .trade-hub__hero .rise-hub-hero__visual,
    html:is([data-route="prediction-markets"], [data-route="events-betting"]) .rise-public-page-preview {
      width: 100% !important;
      max-width: min(1480px, calc(100vw - 1rem)) !important;
    }

html[data-route="ai-suite"] .suite-hub__preview-stage {
      padding: 0 !important;
      border: none !important;
      background: transparent !important;
      box-shadow: none !important;
    }

html[data-route="ai-suite"] .suite-hub__preview-stage .rise-stack__product-preview__shot-frame,
    html[data-route="automated-trading"] .trade-hub__hero .rise-stack__product-preview__shot-frame {
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
      aspect-ratio: 16 / 9 !important;
    }

html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="ai-suite"] .rise-hub-hero__eyebrow,
    html:is([data-rise-scope="public"], [data-rise-scope="dashboard"])[data-route="automated-trading"] .trade-hub__kicker,
    html:is([data-rise-scope="public"], [data-rise-scope="dashboard"]):is([data-route="prediction-markets"], [data-route="events-betting"]) .pm-feed-kicker {
      display: none !important;
    }

.portfolio-clone {
          --pf-kicker: 0.58rem;
          --pf-kicker-spacing: 0.28em;
          --pf-title: clamp(1.05rem, 2.15vw, 1.42rem);
          --pf-title-lh: 1.12;
          --pf-title-ls: -0.025em;
          --pf-body: clamp(0.78rem, 1.18vw, 0.93rem);
          --pf-body-lh: 1.52;
          --pf-body-max: 44rem;
          --pf-cta: 0.72rem;
          --pf-cta-spacing: 0.07em;
          max-width: 1680px;
          margin: 0 auto;
          padding: clamp(3rem, 7vw, 7rem) clamp(1rem, 2.8vw, 2.5rem);
        }

.portfolio-clone__lead {
          margin: 0;
          max-width: var(--pf-body-max);
          font-size: var(--pf-body);
          line-height: var(--pf-body-lh);
          color: #ffffff;
        }

.portfolio-item__desc {
          margin: 0;
          font-size: var(--pf-body);
          line-height: var(--pf-body-lh);
          color: #ffffff;
          max-width: var(--pf-body-max);
        }

.portfolio-modal {
          --pf-kicker: 0.58rem;
          --pf-kicker-spacing: 0.28em;
          --pf-title: clamp(1.05rem, 2.15vw, 1.42rem);
          --pf-title-lh: 1.12;
          --pf-title-ls: -0.025em;
          --pf-body: clamp(0.78rem, 1.18vw, 0.93rem);
          --pf-body-lh: 1.52;
          --pf-body-max: 44rem;
          --pf-cta: 0.72rem;
          --pf-cta-spacing: 0.07em;
          --pf-tag: 0.56rem;
          --pf-tag-spacing: 0.08em;
          --pf-stat-value: clamp(0.95rem, 1.5vw, 1.08rem);
          --pf-stat-label: 0.55rem;
          --pf-stat-label-spacing: 0.1em;
          position: fixed;
          inset: 0;
          z-index: 120;
          display: none;
          opacity: 0;
          transition: opacity 0.28s ease;
        }

.portfolio-modal__text {
          margin: 0;
          max-width: var(--pf-body-max);
          color: rgba(255, 255, 255, 0.68);
          font-size: var(--pf-body);
          line-height: var(--pf-body-lh);
        }