@media (max-width: 900px) {
    .topbar {
      position: relative !important;
      z-index: 2147480000 !important;
      overflow: visible !important;
    }
    .topbar .topnav {
      display: none !important;
      pointer-events: none !important;
    }
    #mobileMenuToggle,
    .mobile-menu-toggle {
      display: inline-flex !important;
      pointer-events: auto !important;
      touch-action: manipulation !important;
      position: relative !important;
      z-index: 2147483002 !important;
      -webkit-tap-highlight-color: rgba(147, 21, 246, 0.18) !important;
      cursor: pointer !important;
    }
    .mobile-native-nav {
      display: none !important;
    }
    #mobileNavCheck:checked ~ #mobileNativeNav,
    #mobileNativeNav.mobile-open {
      display: flex !important;
      position: fixed !important;
      top: 76px !important;
      left: 12px !important;
      right: 12px !important;
      z-index: 2147483001 !important;
      flex-direction: column !important;
      gap: 8px !important;
      padding: 14px !important;
      background: rgba(255,255,255,0.99) !important;
      border: 1px solid var(--line-soft) !important;
      border-radius: 18px !important;
      box-shadow: 0 22px 60px rgba(53,33,87,0.28) !important;
      -webkit-backdrop-filter: blur(12px) !important;
      backdrop-filter: blur(12px) !important;
      pointer-events: auto !important;
    }
    html.mobile-nav-force-closed #mobileNativeNav,
    html.mobile-nav-force-closed #mobileNavCheck:checked ~ #mobileNativeNav,
    body.mobile-nav-force-closed #mobileNativeNav,
    body.mobile-nav-force-closed #mobileNavCheck:checked ~ #mobileNativeNav {
      display: none !important;
      visibility: hidden !important;
      opacity: 0 !important;
      pointer-events: none !important;
    }
    #mobileNativeNav a,
    #mobileNativeNav .mobile-native-nav-link {
      display: block !important;
      width: 100% !important;
      box-sizing: border-box !important;
      padding: 15px 16px !important;
      border-radius: 13px !important;
      background: #fff !important;
      border: 1px solid rgba(214,208,232,0.90) !important;
      color: var(--ink) !important;
      font-family: 'Poppins', sans-serif !important;
      font-size: 15px !important;
      font-weight: 600 !important;
      text-decoration: none !important;
      pointer-events: auto !important;
      touch-action: manipulation !important;
      cursor: pointer !important;
      -webkit-tap-highlight-color: rgba(147, 21, 246, 0.16) !important;
      position: relative !important;
      z-index: 2147483002 !important;
    }
    #mobileNativeNav a:active,
    #mobileNativeNav a.active {
      background: var(--ink) !important;
      color: var(--paper) !important;
    }
    body:has(.screen:target) .screen { display: none !important; }
    body:has(.screen:target) .screen:target { display: block !important; }
  }

  /* Marketing O+O popup brand cards */
  .channel-popup-family-grid {
    gap: 14px !important;
  }
  .channel-popup-family-logo {
    min-height: 108px !important;
    padding: 6px !important;
  }
  .channel-popup-family-logo img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 92px !important;
    object-fit: contain !important;
  }

  /* Process five-stat row */
  .scale-metrics-strip.process-five-metrics,
  #processScaleStrip.process-five-metrics {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  @media (max-width: 1050px) {
    .scale-metrics-strip.process-five-metrics,
    #processScaleStrip.process-five-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  }
  @media (max-width: 560px) {
    .scale-metrics-strip.process-five-metrics,
    #processScaleStrip.process-five-metrics { grid-template-columns: 1fr !important; }
  }

  /* Diagnostic More Stats accordion */
  .more-stats-accordion {
    max-width: 1180px;
    margin: 0 auto 34px;
  }
  .more-stats-summary {
    list-style: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    user-select: none;
  }
  .more-stats-summary::-webkit-details-marker { display: none; }
  .more-stats-chevron {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(147, 21, 246, 0.10);
    color: var(--copper-deep);
    font-weight: 800;
    transition: transform 0.18s ease;
  }
  .more-stats-accordion[open] .more-stats-chevron { transform: rotate(180deg); }
  .diagnostic-more-stats-grid {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Diagnostic logo strip restyled to feel closer to Pricing partner section */
  #screen-intro .trusted-by-strip {
    max-width: 1180px;
    margin: 78px auto 0;
    padding: 38px 34px 34px;
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(53, 33, 87, 0.98) 0%, rgba(93, 57, 154, 0.96) 58%, rgba(111, 75, 178, 0.96) 100%);
    border: 1px solid rgba(147, 21, 246, 0.22);
    box-shadow: 0 20px 36px rgba(53, 33, 87, 0.18);
    overflow: hidden;
  }
  #screen-intro .trusted-by-label {
    font-family: 'Poppins', sans-serif;
    font-size: clamp(24px, 3vw, 34px);
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 26px;
  }
  #screen-intro .logo-marquee {
    padding: 12px 0;
  }
  #screen-intro .logo-track {
    gap: 24px !important;
  }
  #screen-intro .logo-item {
    height: 102px !important;
    min-width: 190px;
    padding: 18px 24px;
    border-radius: 16px;
    background: rgba(255,255,255,0.96);
    border: 1px solid rgba(255,255,255,0.28);
    box-shadow: 0 10px 20px rgba(0,0,0,0.10);
  }
  #screen-intro .logo-item img {
    max-height: 74px !important;
    max-width: 180px !important;
  }
  @media (max-width: 720px) {
    #screen-intro .trusted-by-strip { padding: 30px 20px; }
    #screen-intro .logo-item { min-width: 160px; height: 88px !important; padding: 14px 18px; }
  }


  /* ==================== V49 TARGETED UPDATES ==================== */
  /* O+O brand hover enlargement inside Seven Channels popup */
  .channel-popup-panel,
  .channel-popup-body,
  .channel-popup-grid,
  .channel-popup-card,
  .channel-popup-family-grid {
    overflow: visible !important;
  }
  .channel-popup-family-logo {
    position: relative;
    overflow: visible !important;
    isolation: isolate;
  }
  .channel-popup-family-logo img {
    transition: transform 0.22s ease, filter 0.22s ease;
    transform-origin: center center;
    position: relative;
    z-index: 1;
  }
  .channel-popup-family-logo:hover {
    z-index: 200;
  }
  .channel-popup-family-logo:hover img {
    transform: scale(4);
    z-index: 300;
    filter: drop-shadow(0 22px 32px rgba(53,33,87,0.30));
  }
  @media (hover: none) {
    .channel-popup-family-logo:hover img { transform: none; filter: none; }
  }

  /* Diagnostic More Stats accordion refinement */
  #screen-intro .more-stats-accordion {
    max-width: 1180px;
    margin: -18px auto 34px !important;
  }
  #screen-intro .more-stats-summary {
    margin-bottom: 18px !important;
    padding-left: 2px;
    gap: 8px;
  }
  #screen-intro .more-stats-summary .label {
    font-family: 'Poppins', sans-serif;
    font-size: clamp(26px, 3.5vw, 38px);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: var(--ink);
  }
  #screen-intro .more-stats-chevron {
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--copper-deep) !important;
    font-size: 26px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform-origin: center;
  }

  /* Diagnostic partner carousel cloned toward Pricing partner treatment */
  #screen-intro .trusted-by-strip {
    max-width: 1180px;
    margin: 84px auto 0 !important;
    padding: 44px 38px 38px !important;
    border-radius: 24px !important;
    background: linear-gradient(135deg, #352157 0%, #5D399A 58%, #6F4BB2 100%) !important;
    border: 1px solid rgba(147, 21, 246, 0.24) !important;
    box-shadow: 0 24px 44px rgba(53, 33, 87, 0.20) !important;
    position: relative;
    overflow: hidden !important;
  }
  #screen-intro .trusted-by-strip::before {
    content: '';
    position: absolute;
    top: -28%;
    right: -10%;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(147,21,246,0.34) 0%, transparent 68%);
    pointer-events: none;
  }
  #screen-intro .trusted-by-strip::after {
    content: '';
    position: absolute;
    bottom: -34%;
    left: -12%;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(201,252,181,0.16) 0%, transparent 70%);
    pointer-events: none;
  }
  #screen-intro .trusted-by-label {
    position: relative;
    z-index: 1;
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(30px, 4vw, 46px) !important;
    line-height: 1.04 !important;
    font-weight: 800 !important;
    letter-spacing: -0.04em !important;
    color: #FFFFFF !important;
    text-align: center !important;
    margin: 0 auto 32px !important;
    max-width: 820px;
  }
  #screen-intro .logo-marquee {
    position: relative;
    z-index: 1;
    padding: 14px 0 !important;
    overflow: hidden;
  }
  #screen-intro .logo-track {
    gap: 22px !important;
    align-items: center;
  }
  #screen-intro .logo-item {
    height: 112px !important;
    min-width: 210px !important;
    padding: 20px 26px !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,0.98) !important;
    border: 1px solid rgba(255,255,255,0.32) !important;
    box-shadow: 0 16px 28px rgba(0,0,0,0.13) !important;
  }
  #screen-intro .logo-item img {
    max-height: 84px !important;
    max-width: 190px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
  }
  @media (max-width: 720px) {
    #screen-intro .trusted-by-strip { padding: 34px 22px 30px !important; margin-top: 64px !important; }
    #screen-intro .trusted-by-label { font-size: clamp(25px, 8vw, 34px) !important; }
    #screen-intro .logo-item { min-width: 170px !important; height: 92px !important; padding: 14px 18px !important; }
    #screen-intro .logo-item img { max-height: 68px !important; max-width: 150px !important; }
  }

  /* Owned & Operated popup: use new readable screenshot brand images */
  .channel-popup-family-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
  .channel-popup-family-logo {
    min-height: 132px !important;
    padding: 8px !important;
    border-radius: 14px !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(53,33,87,0.10) !important;
    box-shadow: 0 10px 24px rgba(53,33,87,0.08) !important;
  }
  .channel-popup-family-logo img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 116px !important;
    object-fit: contain !important;
    background: #fff;
  }
  @media (max-width: 720px) {
    .channel-popup-family-grid { grid-template-columns: 1fr !important; }
  }

  /* Diagnostic "More stats" should match the Choose your depth label styling */
  #screen-intro .more-stats-accordion {
    max-width: 1180px;
    margin: -8px auto 34px !important;
  }
  #screen-intro .more-stats-summary {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-bottom: 18px !important;
    padding-left: 0 !important;
  }
  #screen-intro .more-stats-summary .label {
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.14em !important;
    color: var(--copper) !important;
    font-family: inherit !important;
    line-height: 1 !important;
    margin: 0 !important;
  }
  #screen-intro .more-stats-chevron {
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--copper) !important;
    font-size: 12px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
  }

  /* Diagnostic bottom banner: exact clone of Pricing section styling */
  #screen-intro .trusted-by-strip {
    margin: 12px -40px 0 !important;
    padding: 28px 40px 28px !important;
    background: #FFFFFF !important;
    border-radius: 14px !important;
    border: 1px solid var(--line-soft) !important;
    box-shadow: none !important;
    max-width: none !important;
    overflow: visible !important;
    position: static !important;
  }
  #screen-intro .trusted-by-strip::before,
  #screen-intro .trusted-by-strip::after {
    content: none !important;
    display: none !important;
  }
  #screen-intro .trusted-by-label {
    position: static !important;
    z-index: auto !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.18em !important;
    color: var(--ink-mute) !important;
    font-weight: 600 !important;
    text-align: center !important;
    margin-bottom: 26px !important;
    max-width: none !important;
    line-height: normal !important;
    font-family: inherit !important;
  }
  #screen-intro .logo-marquee {
    overflow: hidden !important;
    position: relative !important;
    padding: 0 !important;
    mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%) !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%) !important;
  }
  #screen-intro .logo-track {
    display: flex !important;
    align-items: center !important;
    gap: 80px !important;
    width: max-content !important;
    animation: scroll-marquee 50s linear infinite !important;
  }
  #screen-intro .logo-item {
    flex-shrink: 0 !important;
    height: 81px !important;
    min-width: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }
  #screen-intro .logo-item img {
    max-height: 81px !important;
    max-width: 212px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
  }
  @media (max-width: 720px) {
    #screen-intro .trusted-by-strip { margin: 8px -20px 0 !important; padding: 24px 20px 22px !important; }
  }

  /* Diagnostic partner section: clone Pricing screenshot structure/typography */
  #screen-intro .trusted-by-strip {
    margin: 86px -40px 0 !important;
    padding: 0 0 30px !important;
    background: #FFFFFF !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    max-width: none !important;
    overflow: hidden !important;
    position: relative !important;
  }
  #screen-intro .trusted-by-strip::before,
  #screen-intro .trusted-by-strip::after { content: none !important; display: none !important; }
  #screen-intro .trusted-by-label.pricing-partner-heading {
    text-align: left !important;
    max-width: 1180px !important;
    margin: 0 auto 40px !important;
    padding: 0 40px !important;
    color: var(--ink) !important;
    position: relative !important;
    z-index: 1 !important;
  }
  #screen-intro .pricing-partner-eyebrow {
    font-family: 'Poppins', sans-serif !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: 0.22em !important;
    color: var(--purple-mid) !important;
    margin-bottom: 18px !important;
  }
  #screen-intro .pricing-partner-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(38px, 4.8vw, 60px) !important;
    line-height: 1.03 !important;
    font-weight: 800 !important;
    letter-spacing: -0.055em !important;
    color: var(--ink) !important;
    text-transform: none !important;
  }
  #screen-intro .pricing-partner-title span { color: var(--copper) !important; }
  #screen-intro .logo-marquee {
    overflow: hidden !important;
    position: relative !important;
    padding: 0 !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
  }
  #screen-intro .logo-track {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    width: max-content !important;
    animation: scroll-marquee 50s linear infinite !important;
  }
  #screen-intro .logo-item {
    flex: 0 0 140px !important;
    width: 140px !important;
    height: 110px !important;
    padding: 18px !important;
    border-radius: 10px !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(53,33,87,0.10) !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  #screen-intro .logo-item img {
    max-height: 70px !important;
    max-width: 104px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    transition: none !important;
    transform: none !important;
  }
  @media (max-width: 720px) {
    #screen-intro .trusted-by-strip { margin: 64px -20px 0 !important; padding-bottom: 24px !important; }
    #screen-intro .trusted-by-label.pricing-partner-heading { padding: 0 24px !important; margin-bottom: 28px !important; }
    #screen-intro .pricing-partner-title { font-size: clamp(32px, 10vw, 44px) !important; }
    #screen-intro .logo-item { flex-basis: 132px !important; width: 132px !important; height: 104px !important; }
  }

  /* More stats arrow alignment */
  #screen-intro .more-stats-summary { align-items: center !important; }
  #screen-intro .more-stats-summary .label { line-height: 1 !important; }
  #screen-intro .more-stats-chevron {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    transform: translateY(0) !important;
    position: relative !important;
    top: 0 !important;
    margin-top: 0 !important;
  }
  #screen-intro .more-stats-accordion[open] .more-stats-chevron { transform: rotate(180deg) !important; }

  /* Owned & Operated brand screenshot cards: reduce top/bottom whitespace and balance side padding */
  .channel-popup-family-logo {
    min-height: 112px !important;
    padding: 5px 14px !important;
    overflow: visible !important;
  }
  .channel-popup-family-logo img {
    width: 100% !important;
    height: 100% !important;
    max-height: 102px !important;
    object-fit: contain !important;
  }
  .channel-popup-family-logo:hover img {
    transform: scale(4) !important;
  }

  /* Channel popup containment and rounded top corners */
  .channel-popup-panel {
    border-radius: 18px !important;
    overflow-x: hidden !important;
  }
  .channel-popup-panel * { box-sizing: border-box; }
  .channel-popup-body { overflow-x: hidden !important; }
  .channel-popup-examples { overflow: hidden !important; max-width: 100% !important; }
  .channel-popup-examples-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    gap: 14px !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }
  .channel-popup-examples-grid .ad-example {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
  .channel-popup-examples-grid .ad-example-url,
  .channel-popup-examples-grid .ad-example-title,
  .channel-popup-examples-grid .ad-example-body {
    overflow-wrap: anywhere !important;
  }

  .journey-product-link rect,
  .journey-product-link text { transition: transform 0.18s ease, filter 0.18s ease; }
  .journey-product-link:hover rect { filter: drop-shadow(0 6px 14px rgba(147,21,246,0.35)); }

  /* Diagnostic lower section: from Choose your depth through partner carousel */
  #screen-intro .diagnostic-lower-white {
    background: #FFFFFF;
    margin: 0 -40px 0;
    padding: 44px 40px 36px;
    border-top: 1px solid rgba(53,33,87,0.06);
  }
  #screen-intro .diagnostic-lower-white .depth-section,
  #screen-intro .diagnostic-lower-white .trusted-by-strip {
    max-width: 1180px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  @media (max-width: 720px) {
    #screen-intro .diagnostic-lower-white {
      margin-left: -20px;
      margin-right: -20px;
      padding: 36px 20px 28px;
    }
  }

  /* More Stats arrow: center it to the word Stats */
  #screen-intro .more-stats-summary {
    align-items: center !important;
  }
  #screen-intro .more-stats-summary .label {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
  }
  #screen-intro .more-stats-chevron {
    align-self: center !important;
    line-height: 1 !important;
    transform: translateY(-1px) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  #screen-intro .more-stats-accordion[open] .more-stats-chevron {
    transform: translateY(-1px) rotate(180deg) !important;
  }

  /* O+O Our Brands cards: balanced padding and contained hover direction */
  .channel-popup-family-grid {
    overflow: visible !important;
    gap: 14px !important;
  }
  .channel-popup-family-logo {
    min-height: 116px !important;
    padding: 6px 12px !important;
    overflow: visible !important;
    position: relative !important;
    isolation: isolate;
  }
  .channel-popup-family-logo img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 104px !important;
    object-fit: contain !important;
    transform-origin: center center !important;
    transition: transform 0.22s ease, filter 0.22s ease !important;
    position: relative !important;
    z-index: 1 !important;
  }
  .channel-popup-family-logo:hover { z-index: 300 !important; }
  .channel-popup-family-logo:nth-child(odd):hover img {
    transform: translateX(26%) scale(4) !important;
    z-index: 400 !important;
    filter: drop-shadow(0 22px 32px rgba(53,33,87,0.30));
  }
  .channel-popup-family-logo:nth-child(even):hover img {
    transform: translateX(-34%) scale(4) !important;
    z-index: 400 !important;
    filter: drop-shadow(0 22px 32px rgba(53,33,87,0.30));
  }
  @media (hover: none) {
    .channel-popup-family-logo:nth-child(odd):hover img,
    .channel-popup-family-logo:nth-child(even):hover img {
      transform: none !important;
      filter: none !important;
    }
  }

  /* Diagnostic lower section should run full-width from Choose your depth through the bottom */
  #screen-intro .diagnostic-lower-white {
    background: #FFFFFF !important;
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 44px max(40px, calc((100vw - 1180px) / 2)) 36px !important;
    border-top: 1px solid rgba(53,33,87,0.06) !important;
    box-sizing: border-box !important;
  }
  #screen-intro .diagnostic-lower-white .depth-section,
  #screen-intro .diagnostic-lower-white .trusted-by-strip {
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  @media (max-width: 720px) {
    #screen-intro .diagnostic-lower-white {
      padding: 36px 20px 28px !important;
    }
  }

  /* More Stats should match the reference: arrow visually centered to the word Stats */
  #screen-intro .more-stats-summary {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
  }
  #screen-intro .more-stats-summary .label {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
    margin: 0 !important;
  }
  #screen-intro .more-stats-chevron {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    line-height: 1 !important;
    font-size: 12px !important;
    margin-left: 1px !important;
    position: relative !important;
    top: -1px !important;
    transform: none !important;
    vertical-align: middle !important;
  }
  #screen-intro .more-stats-accordion[open] .more-stats-chevron {
    transform: rotate(180deg) !important;
  }

  /* Marketing > Owned and Operated > Our Brands hover enlargements */
  .channel-popup-panel,
  .channel-popup-body,
  .channel-popup-grid,
  .channel-popup-card,
  .channel-popup-family-grid,
  .channel-popup-family-logo {
    overflow: visible !important;
  }
  .channel-popup-family-grid {
    gap: 14px !important;
  }
  .channel-popup-family-logo {
    position: relative !important;
    isolation: isolate !important;
    min-height: 116px !important;
    padding: 8px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #FFFFFF !important;
    border-radius: 12px !important;
  }
  .channel-popup-family-logo img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100px !important;
    object-fit: contain !important;
    box-sizing: border-box !important;
    background: #FFFFFF !important;
    padding: 8px !important;
    border-radius: 12px !important;
    transform-origin: center center !important;
    transition: transform 0.22s ease, filter 0.22s ease !important;
    position: relative !important;
    z-index: 1 !important;
  }
  .channel-popup-family-logo:hover {
    z-index: 300 !important;
  }
  .channel-popup-family-logo:hover img {
    filter: drop-shadow(0 22px 32px rgba(53,33,87,0.30)) !important;
    z-index: 400 !important;
  }
  /* Left column cards pop slightly right; right column cards pop left so they stay centered and do not clip */
  .channel-popup-family-logo:nth-child(odd):hover img {
    transform: translateX(18%) scale(4) !important;
  }
  .channel-popup-family-logo:nth-child(even):hover img {
    transform: translateX(-42%) scale(4) !important;
  }
  @media (hover: none) {
    .channel-popup-family-logo:hover img,
    .channel-popup-family-logo:nth-child(odd):hover img,
    .channel-popup-family-logo:nth-child(even):hover img {
      transform: none !important;
      filter: none !important;
    }
  }

  /* Remove any unwanted horizontal scrollbar introduced by full-bleed diagnostic styles */
  html, body {
    overflow-x: hidden !important;
  }

  /* Diagnostic lower section: full-bleed white background without causing overflow */
  #screen-intro .diagnostic-lower-white {
    background: #FFFFFF !important;
    width: auto !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 44px 0 36px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }
  #screen-intro .diagnostic-lower-white > :not(.trusted-by-strip) {
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    box-sizing: border-box !important;
  }
  #screen-intro .diagnostic-lower-white > .trusted-by-strip {
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  @media (max-width: 720px) {
    #screen-intro .diagnostic-lower-white {
      padding: 36px 0 28px !important;
    }
    #screen-intro .diagnostic-lower-white > :not(.trusted-by-strip) {
      padding-left: 20px !important;
      padding-right: 20px !important;
    }
  }

  /* More Stats: physically move the chevron up so it is centered with the text */
  #screen-intro .more-stats-summary {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
  }
  #screen-intro .more-stats-summary .label {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
    margin: 0 !important;
  }
  #screen-intro .more-stats-chevron {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    top: -3px !important;
    margin-left: 2px !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    transform: none !important;
  }
  #screen-intro .more-stats-accordion[open] .more-stats-chevron {
    transform: rotate(180deg) !important;
  }

  /* Diagnostic tab bottom partner section: make it match Pricing's mechanics and scale */
  #screen-intro .trusted-by-strip {
    margin: 72px calc(50% - 50vw) 0 !important;
    padding: 0 0 30px !important;
    background: #FFFFFF !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    max-width: none !important;
    overflow: hidden !important;
    position: relative !important;
  }
  #screen-intro .trusted-by-strip::before,
  #screen-intro .trusted-by-strip::after {
    content: none !important;
    display: none !important;
  }
  #screen-intro .trusted-by-label.pricing-partner-heading {
    text-align: left !important;
    max-width: 1180px !important;
    margin: 0 auto 40px !important;
    padding: 0 40px !important;
    color: var(--ink) !important;
    position: relative !important;
    z-index: 1 !important;
  }
  #screen-intro .pricing-partner-eyebrow {
    font-family: 'Poppins', sans-serif !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: 0.22em !important;
    color: var(--purple-mid) !important;
    margin-bottom: 18px !important;
  }
  #screen-intro .pricing-partner-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(38px, 4.8vw, 60px) !important;
    line-height: 1.03 !important;
    font-weight: 800 !important;
    letter-spacing: -0.055em !important;
    color: var(--ink) !important;
    text-transform: none !important;
  }
  #screen-intro .pricing-partner-title span {
    color: var(--copper) !important;
  }
  #screen-intro .logo-marquee {
    overflow: hidden !important;
    position: relative !important;
    padding: 0 !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
  }
  #screen-intro .logo-track {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    width: max-content !important;
    animation: scroll-marquee 50s linear infinite !important;
    will-change: transform !important;
  }
  #screen-intro .logo-marquee:hover .logo-track {
    animation-play-state: paused !important;
  }
  #screen-intro .logo-item {
    flex: 0 0 140px !important;
    width: 140px !important;
    height: 110px !important;
    padding: 18px !important;
    border-radius: 10px !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(53,33,87,0.10) !important;
    box-shadow: 0 0 0 rgba(53,33,87,0) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: box-shadow 0.25s ease, transform 0.25s ease !important;
  }
  #screen-intro .logo-item img {
    max-height: 70px !important;
    max-width: 104px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    transition: transform 0.25s ease !important;
    transform: none !important;
  }
  #screen-intro .logo-item:hover {
    box-shadow: 0 14px 28px rgba(53,33,87,0.12) !important;
    transform: translateY(-2px) !important;
  }
  #screen-intro .logo-item:hover img {
    transform: scale(1.08) !important;
  }
  @media (max-width: 720px) {
    #screen-intro .trusted-by-strip {
      margin-top: 64px !important;
      padding-bottom: 24px !important;
    }
    #screen-intro .trusted-by-label.pricing-partner-heading {
      padding: 0 24px !important;
      margin-bottom: 28px !important;
    }
    #screen-intro .pricing-partner-title {
      font-size: clamp(32px, 10vw, 44px) !important;
    }
    #screen-intro .logo-item {
      flex-basis: 132px !important;
      width: 132px !important;
      height: 104px !important;
    }
  }

  /* Tiny final nudge: move More Stats chevron up slightly */
  #screen-intro .more-stats-chevron {
    position: relative !important;
    top: -5px !important;
  }
  #screen-intro .more-stats-accordion[open] .more-stats-chevron {
    transform: rotate(180deg) !important;
  }


  html { scrollbar-width: auto; scrollbar-color: #9315F6 rgba(53,33,87,0.12); }
  *::-webkit-scrollbar { width: 14px !important; height: 14px !important; }
  *::-webkit-scrollbar-track { background: rgba(53,33,87,0.10) !important; border-radius: 999px; }
  *::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #9315F6 0%, #B56BEE 100%) !important; border: 3px solid rgba(255,255,255,0.72) !important; border-radius: 999px !important; }
  *::-webkit-scrollbar-button { display: initial !important; width: 14px !important; height: 14px !important; background: rgba(53,33,87,0.08) !important; }
  .journey-svg g[onclick="openExampleAdsPopup()"] rect,
  .journey-svg g[onclick="openLandingPagesPopup()"] rect,
  .journey-svg g[onclick="openFlowVideoPopup()"] rect { width: 160px !important; height: 26px !important; rx: 13px !important; }
  .iphone-frame { padding: 14px !important; border-radius: 48px !important; background: linear-gradient(145deg, #050407 0%, #342647 52%, #08050d 100%) !important; box-shadow: inset 0 0 0 2px rgba(255,255,255,0.14), inset 0 0 0 8px rgba(0,0,0,0.72), 0 28px 60px rgba(0,0,0,0.42) !important; }
  .iphone-frame::after { content: ''; position: absolute; inset: 0; border-radius: 48px; border: 10px solid #07050c; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12); pointer-events: none; z-index: 5; }
  .iphone-frame::before { z-index: 6 !important; }
  .iphone-screen { border-radius: 34px !important; overflow: hidden !important; background: #000 !important; z-index: 1; }
  .iphone-screen video { position: relative; z-index: 1; object-fit: contain !important; }
  .flow-placeholder { position: absolute; inset: 0; z-index: 4; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 24px; background: linear-gradient(135deg, rgba(53,33,87,0.94) 0%, rgba(93,57,154,0.96) 100%); color: #fff; }
  .flow-placeholder-title { font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 800; margin-bottom: 8px; }
  .flow-placeholder-copy { font-size: 13px; line-height: 1.5; color: rgba(255,255,255,0.78); }
  .flow-trade-selector { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; max-width: 560px; }
  .flow-trade-chip { border: 1px solid rgba(255,255,255,0.22); background: rgba(255,255,255,0.10); color: rgba(255,255,255,0.86); border-radius: 9999px; padding: 9px 13px; font-family: 'Poppins', sans-serif; font-size: 12px; font-weight: 700; cursor: pointer; transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease; }
  .flow-trade-chip.active { background: var(--mint); color: var(--purple-deep); border-color: var(--mint); }
  #mobileMenuToggle { -webkit-tap-highlight-color: transparent; touch-action: manipulation; pointer-events: auto !important; appearance: none; -webkit-appearance: none; }
  @media (max-width: 900px) { .topbar { overflow: visible !important; z-index: 70000 !important; } .topbar .topnav { pointer-events: auto !important; } .topbar.nav-open .topnav { display: flex !important; } .topnav-link { pointer-events: auto !important; touch-action: manipulation; } }

  .journey-svg g[onclick="openExampleAdsPopup()"] rect,
  .journey-svg g[onclick="openLandingPagesPopup()"] rect,
  .journey-svg g[onclick="openFlowVideoPopup()"] rect { width: 180px !important; height: 28px !important; rx: 14px !important; }
  .journey-svg g[onclick="openExampleAdsPopup()"] text,
  .journey-svg g[onclick="openLandingPagesPopup()"] text,
  .journey-svg g[onclick="openFlowVideoPopup()"] text { transform: translateX(10px); }

  html { scrollbar-width: auto !important; scrollbar-color: #9315F6 rgba(53,33,87,0.12) !important; }
  *::-webkit-scrollbar,
  .landing-popup-panel::-webkit-scrollbar,
  .product-detail-panel::-webkit-scrollbar,
  .channel-popup-panel::-webkit-scrollbar,
  .flow-video-panel::-webkit-scrollbar { width: 16px !important; height: 16px !important; }
  *::-webkit-scrollbar-track,
  .landing-popup-panel::-webkit-scrollbar-track,
  .product-detail-panel::-webkit-scrollbar-track,
  .channel-popup-panel::-webkit-scrollbar-track,
  .flow-video-panel::-webkit-scrollbar-track { background: rgba(53,33,87,0.10) !important; border-radius: 999px !important; }
  *::-webkit-scrollbar-thumb,
  .landing-popup-panel::-webkit-scrollbar-thumb,
  .product-detail-panel::-webkit-scrollbar-thumb,
  .channel-popup-panel::-webkit-scrollbar-thumb,
  .flow-video-panel::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #9315F6 0%, #B56BEE 100%) !important; border: 5px solid rgba(255,255,255,0.78) !important; border-radius: 999px !important; }
  *::-webkit-scrollbar-button,
  .landing-popup-panel::-webkit-scrollbar-button,
  .product-detail-panel::-webkit-scrollbar-button,
  .channel-popup-panel::-webkit-scrollbar-button,
  .flow-video-panel::-webkit-scrollbar-button { display: block !important; width: 16px !important; height: 16px !important; background: rgba(53,33,87,0.10) !important; }

  .iphone-frame { position: relative !important; overflow: visible !important; isolation: isolate !important; border-radius: 48px !important; padding: 15px !important; background: linear-gradient(145deg, #050407 0%, #2b2037 52%, #08050d 100%) !important; box-shadow: inset 0 0 0 2px rgba(255,255,255,0.12), inset 0 0 0 8px rgba(0,0,0,0.76), 0 28px 60px rgba(0,0,0,0.44) !important; }
  .iphone-frame::after { content: '' !important; position: absolute !important; inset: 0 !important; border-radius: 48px !important; border: 10px solid #07050c !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.14) !important; pointer-events: none !important; z-index: 20 !important; }
  .iphone-frame::before { z-index: 25 !important; }
  .iphone-screen { position: relative !important; z-index: 1 !important; overflow: hidden !important; border-radius: 34px !important; background: #000 !important; clip-path: inset(0 round 34px) !important; -webkit-clip-path: inset(0 round 34px) !important; }
  .iphone-screen video { position: relative !important; z-index: 1 !important; width: 100% !important; height: 100% !important; display: block !important; object-fit: contain !important; background: #000 !important; border-radius: 34px !important; clip-path: inset(0 round 34px) !important; -webkit-clip-path: inset(0 round 34px) !important; overflow: hidden !important; }

  @media (max-width: 900px) {
    .topbar { position: sticky !important; top: 0 !important; z-index: 90000 !important; isolation: isolate !important; }
    .mobile-menu-toggle { display: inline-flex !important; position: relative !important; z-index: 90003 !important; pointer-events: auto !important; touch-action: manipulation !important; cursor: pointer !important; }
    .topnav { pointer-events: auto !important; }
    .topbar.nav-open .topnav, .topbar[data-mobile-open="true"] .topnav { display: flex !important; position: absolute !important; top: calc(100% + 10px) !important; left: 0 !important; right: 0 !important; z-index: 90002 !important; flex-direction: column !important; align-items: stretch !important; gap: 6px !important; padding: 12px !important; background: rgba(255,255,255,0.98) !important; border: 1px solid var(--line-soft) !important; border-radius: 16px !important; box-shadow: 0 20px 42px rgba(53,33,87,0.16) !important; backdrop-filter: blur(14px) !important; -webkit-backdrop-filter: blur(14px) !important; }
    .topbar.nav-open .topnav-link, .topbar[data-mobile-open="true"] .topnav-link { display: block !important; width: 100% !important; padding: 13px 14px !important; min-height: 44px !important; pointer-events: auto !important; touch-action: manipulation !important; }
  }

  .journey-svg g[onclick="openExampleAdsPopup()"] rect,
  .journey-svg g[onclick="openLandingPagesPopup()"] rect,
  .journey-svg g[onclick="openFlowVideoPopup()"] rect { width: 144px !important; height: 22.4px !important; rx: 11.2px !important; }
  .journey-svg g[onclick="openExampleAdsPopup()"] text,
  .journey-svg g[onclick="openLandingPagesPopup()"] text,
  .journey-svg g[onclick="openFlowVideoPopup()"] text { font-size: 9px !important; }
  html { scrollbar-width: auto !important; scrollbar-color: #9315F6 rgba(53,33,87,0.12) !important; }
  *::-webkit-scrollbar,
  .landing-popup-panel::-webkit-scrollbar,
  .product-detail-panel::-webkit-scrollbar,
  .channel-popup-panel::-webkit-scrollbar,
  .flow-video-panel::-webkit-scrollbar { width: 16px !important; height: 16px !important; }
  *::-webkit-scrollbar-track,
  .landing-popup-panel::-webkit-scrollbar-track,
  .product-detail-panel::-webkit-scrollbar-track,
  .channel-popup-panel::-webkit-scrollbar-track,
  .flow-video-panel::-webkit-scrollbar-track { background: rgba(53,33,87,0.10) !important; border-radius: 999px !important; }
  *::-webkit-scrollbar-thumb,
  .landing-popup-panel::-webkit-scrollbar-thumb,
  .product-detail-panel::-webkit-scrollbar-thumb,
  .channel-popup-panel::-webkit-scrollbar-thumb,
  .flow-video-panel::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #9315F6 0%, #B56BEE 100%) !important; border: 5px solid rgba(255,255,255,0.78) !important; border-radius: 999px !important; }
  *::-webkit-scrollbar-button,
  .landing-popup-panel::-webkit-scrollbar-button,
  .product-detail-panel::-webkit-scrollbar-button,
  .channel-popup-panel::-webkit-scrollbar-button,
  .flow-video-panel::-webkit-scrollbar-button { display: block !important; width: 16px !important; height: 16px !important; background: rgba(53,33,87,0.10) !important; }
  .iphone-frame { position: relative !important; overflow: visible !important; isolation: isolate !important; border-radius: 50px !important; padding: 15px !important; background: linear-gradient(145deg, #050407 0%, #2b2037 52%, #08050d 100%) !important; box-shadow: inset 0 0 0 2px rgba(255,255,255,0.12), inset 0 0 0 8px rgba(0,0,0,0.76), 0 28px 60px rgba(0,0,0,0.44) !important; }
  .iphone-frame::after { content: '' !important; position: absolute !important; inset: 0 !important; border-radius: 50px !important; border: 10px solid #07050c !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.14) !important; pointer-events: none !important; z-index: 30 !important; }
  .iphone-frame::before { z-index: 35 !important; }
  .iphone-screen { position: relative !important; z-index: 1 !important; overflow: hidden !important; border-radius: 36px !important; background: #000 !important; clip-path: inset(0 round 36px) !important; -webkit-clip-path: inset(0 round 36px) !important; }
  .iphone-screen video { position: relative !important; z-index: 1 !important; width: 100% !important; height: 100% !important; display: block !important; object-fit: cover !important; background: #000 !important; border-radius: 36px !important; clip-path: inset(0 round 36px) !important; -webkit-clip-path: inset(0 round 36px) !important; overflow: hidden !important; }
  .iphone-screen::after { content: '' !important; position: absolute !important; inset: 0 !important; border-radius: 36px !important; pointer-events: none !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.10), inset 0 0 0 7px #000 !important; z-index: 20 !important; }
  @media (max-width: 900px) {
    .topbar { position: sticky !important; top: 0 !important; z-index: 90000 !important; overflow: visible !important; isolation: isolate !important; }
    .mobile-menu-toggle { display: inline-flex !important; position: relative !important; z-index: 90003 !important; pointer-events: auto !important; touch-action: manipulation !important; cursor: pointer !important; -webkit-tap-highlight-color: rgba(147,21,246,0.14) !important; }
    .topnav { display: none !important; pointer-events: auto !important; }
    body.mobile-nav-open .topbar .topnav,
    .topbar.nav-open .topnav { display: flex !important; position: absolute !important; top: calc(100% + 10px) !important; left: 0 !important; right: 0 !important; z-index: 90002 !important; flex-direction: column !important; align-items: stretch !important; gap: 6px !important; padding: 12px !important; background: rgba(255,255,255,0.98) !important; border: 1px solid var(--line-soft) !important; border-radius: 16px !important; box-shadow: 0 20px 42px rgba(53,33,87,0.16) !important; backdrop-filter: blur(14px) !important; -webkit-backdrop-filter: blur(14px) !important; }
    body.mobile-nav-open .topbar .topnav-link,
    .topbar.nav-open .topnav-link { display: block !important; width: 100% !important; padding: 13px 14px !important; min-height: 44px !important; pointer-events: auto !important; touch-action: manipulation !important; }
  }

  .iphone-frame.hvac-mode {
    position: relative !important; width: min(100%, 310px) !important; aspect-ratio: 9 / 19.5 !important;
    border-radius: 44px !important; padding: 12px !important;
    background: linear-gradient(145deg, #16101f 0%, #3b2b4e 42%, #0c0712 100%) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12), inset 0 0 0 5px rgba(0,0,0,0.65), 0 28px 60px rgba(0,0,0,0.42) !important;
    overflow: visible !important;
  }
  .iphone-frame.hvac-mode::before { display:block !important; content:'' !important; position:absolute !important; top:14px !important; left:50% !important; transform:translateX(-50%) !important; width:96px !important; height:24px !important; border-radius:999px !important; background:#050407 !important; z-index:6 !important; }
  .iphone-frame.hvac-mode::after { display:block !important; content:'' !important; position:absolute !important; inset:0 !important; border-radius:44px !important; pointer-events:none !important; z-index:5 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.18), inset 0 0 0 5px rgba(0,0,0,0.72), inset 0 0 18px rgba(255,255,255,0.05) !important; }
  .iphone-frame.hvac-mode .iphone-screen { position:relative !important; width:100% !important; height:100% !important; border-radius:34px !important; overflow:hidden !important; clip-path:inset(0 round 34px) !important; background:#000 !important; z-index:1 !important; }
  .iphone-frame.hvac-mode .iphone-screen video { width:100% !important; height:100% !important; border-radius:30px !important; clip-path:inset(0 round 30px) !important; object-fit:contain !important; background:#000 !important; }

  .landing-popup-panel, .product-detail-panel, .channel-popup-panel, .flow-video-panel { scrollbar-width:auto !important; scrollbar-color:#9315F6 rgba(53,33,87,0.12) !important; }
  .landing-popup-panel::-webkit-scrollbar, .product-detail-panel::-webkit-scrollbar, .channel-popup-panel::-webkit-scrollbar, .flow-video-panel::-webkit-scrollbar { width:24px !important; height:24px !important; }
  .landing-popup-panel::-webkit-scrollbar-track, .product-detail-panel::-webkit-scrollbar-track, .channel-popup-panel::-webkit-scrollbar-track, .flow-video-panel::-webkit-scrollbar-track { background:rgba(53,33,87,0.10) !important; border-radius:999px !important; }
  .landing-popup-panel::-webkit-scrollbar-thumb, .product-detail-panel::-webkit-scrollbar-thumb, .channel-popup-panel::-webkit-scrollbar-thumb, .flow-video-panel::-webkit-scrollbar-thumb { background:linear-gradient(180deg,#9315F6 0%,#B56BEE 100%) !important; border:8px solid rgba(255,255,255,0.78) !important; border-radius:999px !important; min-height:48px !important; }
  .landing-popup-panel::-webkit-scrollbar-button, .product-detail-panel::-webkit-scrollbar-button, .channel-popup-panel::-webkit-scrollbar-button, .flow-video-panel::-webkit-scrollbar-button { display:block !important; width:24px !important; height:24px !important; background-color:rgba(53,33,87,0.10) !important; background-repeat:no-repeat !important; background-position:center !important; background-size:9px 9px !important; }
  .landing-popup-panel::-webkit-scrollbar-button:vertical:decrement, .product-detail-panel::-webkit-scrollbar-button:vertical:decrement, .channel-popup-panel::-webkit-scrollbar-button:vertical:decrement, .flow-video-panel::-webkit-scrollbar-button:vertical:decrement { background-image: linear-gradient(45deg, transparent 50%, #6B5B85 50%), linear-gradient(135deg, #6B5B85 50%, transparent 50%) !important; background-position: calc(50% - 3px) 55%, calc(50% + 3px) 55% !important; }
  .landing-popup-panel::-webkit-scrollbar-button:vertical:increment, .product-detail-panel::-webkit-scrollbar-button:vertical:increment, .channel-popup-panel::-webkit-scrollbar-button:vertical:increment, .flow-video-panel::-webkit-scrollbar-button:vertical:increment { background-image: linear-gradient(225deg, transparent 50%, #6B5B85 50%), linear-gradient(315deg, #6B5B85 50%, transparent 50%) !important; background-position: calc(50% - 3px) 45%, calc(50% + 3px) 45% !important; }

  @media (max-width:900px) {
    .topbar { position:sticky !important; top:0 !important; z-index:70000 !important; }
    .mobile-menu-toggle { display:inline-flex !important; pointer-events:auto !important; cursor:pointer !important; }
    .topnav { display:none !important; position:absolute !important; top:calc(100% + 10px) !important; left:0 !important; right:0 !important; z-index:70001 !important; pointer-events:auto !important; flex-direction:column !important; align-items:stretch !important; gap:6px !important; padding:12px !important; background:rgba(255,255,255,0.98) !important; border:1px solid var(--line-soft) !important; border-radius:16px !important; box-shadow:0 18px 44px rgba(53,33,87,0.18) !important; }
    #mobileNavCheck:checked + .topbar .topnav, .topbar.nav-open .topnav, body.mobile-nav-open .topnav { display:flex !important; }
    .topnav-link { display:block !important; width:100% !important; text-align:left !important; pointer-events:auto !important; cursor:pointer !important; touch-action:manipulation !important; -webkit-tap-highlight-color:rgba(147,21,246,0.14) !important; padding:13px 14px !important; }
  }

  .landing-popup-panel,
  .product-detail-panel,
  .channel-popup-panel,
  .flow-video-panel {
    scrollbar-width: auto;
    scrollbar-color: #9315F6 rgba(53,33,87,0.10);
  }
  .landing-popup-panel::-webkit-scrollbar,
  .product-detail-panel::-webkit-scrollbar,
  .channel-popup-panel::-webkit-scrollbar,
  .flow-video-panel::-webkit-scrollbar { width: 18px !important; height: 18px !important; }
  .landing-popup-panel::-webkit-scrollbar-track,
  .product-detail-panel::-webkit-scrollbar-track,
  .channel-popup-panel::-webkit-scrollbar-track,
  .flow-video-panel::-webkit-scrollbar-track { background: rgba(53,33,87,0.08) !important; border-radius: 999px !important; }
  .landing-popup-panel::-webkit-scrollbar-thumb,
  .product-detail-panel::-webkit-scrollbar-thumb,
  .channel-popup-panel::-webkit-scrollbar-thumb,
  .flow-video-panel::-webkit-scrollbar-thumb {
    background: #9315F6 !important;
    border: 5px solid rgba(255,255,255,0.82) !important;
    background-clip: content-box !important;
    border-radius: 999px !important;
  }
  .landing-popup-panel::-webkit-scrollbar-button,
  .product-detail-panel::-webkit-scrollbar-button,
  .channel-popup-panel::-webkit-scrollbar-button,
  .flow-video-panel::-webkit-scrollbar-button {
    width: 18px !important; height: 18px !important; display: block !important; background-color: rgba(53,33,87,0.08) !important;
  }
  .iphone-frame .iphone-screen { position: relative !important; overflow: hidden !important; border-radius: 34px !important; clip-path: inset(0 round 34px) !important; background: #000 !important; }
  .iphone-frame .iphone-screen video,
  .iphone-frame.hvac-mode .iphone-screen video {
    width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; border-radius: 32px !important; clip-path: inset(0 round 32px) !important; background: #000 !important;
  }
  .iphone-frame::after,
  .iphone-frame.hvac-mode::after { z-index: 20 !important; pointer-events: none !important; }
  @media (max-width: 900px) {
    #mobileMenuToggle { position: relative !important; z-index: 1000001 !important; pointer-events: auto !important; touch-action: manipulation !important; }
    .topbar { overflow: visible !important; z-index: 1000000 !important; }
    .topbar.nav-open .topnav,
    .topbar[data-mobile-open="true"] .topnav,
    body.mobile-nav-open .topbar .topnav,
    #mobileNavCheck:checked + .topbar .topnav {
      display: flex !important; position: absolute !important; top: calc(100% + 10px) !important; left: 0 !important; right: 0 !important; z-index: 1000002 !important; pointer-events: auto !important;
    }
    .topbar.nav-open .topnav-link,
    body.mobile-nav-open .topbar .topnav-link,
    #mobileNavCheck:checked + .topbar .topnav-link { pointer-events: auto !important; touch-action: manipulation !important; cursor: pointer !important; }
  }

  .journey-svg g[onclick*="openExampleAdsPopup"] rect,
  .journey-svg g[onclick*="openLandingPagesPopup"] rect,
  .journey-svg g[onclick*="openFlowVideoPopup"] rect { width:160px!important; height:28px!important; fill:#9315F6!important; stroke:none!important; }
  .journey-svg g[onclick*="openExampleAdsPopup"] text,
  .journey-svg g[onclick*="openLandingPagesPopup"] text,
  .journey-svg g[onclick*="openFlowVideoPopup"] text { font-size:11px!important; font-weight:700!important; fill:#FFFFFF!important; text-anchor:middle!important; }
  .landing-popup-panel,.product-detail-panel,.channel-popup-panel,.flow-video-panel{ scrollbar-width:auto!important; scrollbar-color:#9315F6 rgba(53,33,87,0.10)!important; }
  .landing-popup-panel::-webkit-scrollbar,.product-detail-panel::-webkit-scrollbar,.channel-popup-panel::-webkit-scrollbar,.flow-video-panel::-webkit-scrollbar{ width:21px!important; height:21px!important; }
  .landing-popup-panel::-webkit-scrollbar-button,.product-detail-panel::-webkit-scrollbar-button,.channel-popup-panel::-webkit-scrollbar-button,.flow-video-panel::-webkit-scrollbar-button{ width:21px!important; height:21px!important; display:block!important; background:rgba(53,33,87,0.10)!important; }
  .landing-popup-panel::-webkit-scrollbar-track,.product-detail-panel::-webkit-scrollbar-track,.channel-popup-panel::-webkit-scrollbar-track,.flow-video-panel::-webkit-scrollbar-track{ background:rgba(53,33,87,0.08)!important; border-radius:999px!important; }
  .landing-popup-panel::-webkit-scrollbar-thumb,.product-detail-panel::-webkit-scrollbar-thumb,.channel-popup-panel::-webkit-scrollbar-thumb,.flow-video-panel::-webkit-scrollbar-thumb{ background:#9315F6!important; border:7px solid rgba(255,255,255,0.84)!important; background-clip:content-box!important; border-radius:999px!important; }
  .iphone-frame,.iphone-frame.hvac-mode{ position:relative!important; width:min(100%,310px)!important; aspect-ratio:9/19.5!important; border-radius:50px!important; padding:15px!important; background:linear-gradient(145deg,#050407 0%,#2b2037 52%,#08050d 100%)!important; box-shadow:inset 0 0 0 2px rgba(255,255,255,0.12), inset 0 0 0 8px rgba(0,0,0,0.76), 0 28px 60px rgba(0,0,0,0.44)!important; overflow:visible!important; isolation:isolate!important; }
  .iphone-frame::before,.iphone-frame.hvac-mode::before{ content:''!important; position:absolute!important; top:14px!important; left:50%!important; transform:translateX(-50%)!important; width:96px!important; height:24px!important; border-radius:999px!important; background:#050407!important; z-index:35!important; display:block!important; }
  .iphone-frame::after,.iphone-frame.hvac-mode::after{ content:''!important; position:absolute!important; inset:0!important; border-radius:50px!important; border:10px solid #07050c!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,0.14)!important; pointer-events:none!important; z-index:30!important; display:block!important; }
  .iphone-screen,.iphone-frame.hvac-mode .iphone-screen{ position:relative!important; width:100%!important; height:100%!important; overflow:hidden!important; border-radius:36px!important; clip-path:inset(0 round 36px)!important; -webkit-clip-path:inset(0 round 36px)!important; background:#000!important; z-index:1!important; }
  .iphone-screen video,.iphone-frame.hvac-mode .iphone-screen video{ position:absolute!important; inset:0!important; width:100%!important; height:100%!important; min-width:100%!important; min-height:100%!important; object-fit:cover!important; object-position:center center!important; border-radius:34px!important; clip-path:inset(0 round 34px)!important; -webkit-clip-path:inset(0 round 34px)!important; background:#000!important; display:block!important; }
  .iphone-screen::after{ content:''!important; position:absolute!important; inset:0!important; border-radius:36px!important; pointer-events:none!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,0.10), inset 0 0 0 7px #000!important; z-index:20!important; }
  @media (max-width:900px){ .topbar{position:sticky!important; top:0!important; overflow:visible!important; z-index:1000000!important;} #mobileMenuToggle{display:inline-flex!important; position:relative!important; z-index:1000003!important; pointer-events:auto!important; touch-action:manipulation!important;} .topnav{display:none!important;} .topbar.nav-open .topnav, body.mobile-nav-open .topbar .topnav{display:flex!important; position:absolute!important; top:calc(100% + 10px)!important; left:0!important; right:0!important; z-index:1000002!important; flex-direction:column!important; align-items:stretch!important; gap:6px!important; padding:12px!important; background:rgba(255,255,255,0.98)!important; border:1px solid var(--line-soft)!important; border-radius:16px!important; box-shadow:0 18px 44px rgba(53,33,87,0.18)!important; pointer-events:auto!important;} .topbar.nav-open .topnav-link, body.mobile-nav-open .topbar .topnav-link{display:block!important; width:100%!important; min-height:46px!important; text-align:left!important; pointer-events:auto!important; touch-action:manipulation!important; cursor:pointer!important; padding:13px 14px!important; -webkit-appearance:none!important; appearance:none!important;} }

  /* Revert the three journey action pills to the v32 lime outline aesthetic. */
  .journey-svg g[onclick*="openExampleAdsPopup"] rect,
  .journey-svg g[onclick*="openLandingPagesPopup"] rect,
  .journey-svg g[onclick*="openFlowVideoPopup"] rect {
    width: 160px !important;
    height: 28px !important;
    rx: 14px !important;
    fill: rgba(255,255,255,0.16) !important;
    stroke: #C9FCB5 !important;
    stroke-width: 1.5px !important;
  }
  .journey-svg g[onclick*="openExampleAdsPopup"] text,
  .journey-svg g[onclick*="openLandingPagesPopup"] text,
  .journey-svg g[onclick*="openFlowVideoPopup"] text {
    x: 80px !important;
    y: 19px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    fill: #C9FCB5 !important;
    text-anchor: middle !important;
    dominant-baseline: auto !important;
    transform: none !important;
  }

  /* Popup scrollbar: 15% wider track than v33 and 10% thinner purple thumb. */
  .landing-popup-panel,
  .product-detail-panel,
  .channel-popup-panel,
  .flow-video-panel {
    scrollbar-width: auto !important;
    scrollbar-color: #9315F6 rgba(53,33,87,0.10) !important;
  }
  .landing-popup-panel::-webkit-scrollbar,
  .product-detail-panel::-webkit-scrollbar,
  .channel-popup-panel::-webkit-scrollbar,
  .flow-video-panel::-webkit-scrollbar {
    width: 24px !important;
    height: 24px !important;
  }
  .landing-popup-panel::-webkit-scrollbar-track,
  .product-detail-panel::-webkit-scrollbar-track,
  .channel-popup-panel::-webkit-scrollbar-track,
  .flow-video-panel::-webkit-scrollbar-track {
    background: rgba(53,33,87,0.08) !important;
    border-radius: 999px !important;
  }
  .landing-popup-panel::-webkit-scrollbar-thumb,
  .product-detail-panel::-webkit-scrollbar-thumb,
  .channel-popup-panel::-webkit-scrollbar-thumb,
  .flow-video-panel::-webkit-scrollbar-thumb {
    background: #9315F6 !important;
    border: 9px solid rgba(255,255,255,0.84) !important;
    background-clip: content-box !important;
    border-radius: 999px !important;
    min-height: 48px !important;
  }
  .landing-popup-panel::-webkit-scrollbar-button,
  .product-detail-panel::-webkit-scrollbar-button,
  .channel-popup-panel::-webkit-scrollbar-button,
  .flow-video-panel::-webkit-scrollbar-button {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    background-color: rgba(53,33,87,0.10) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 9px 9px !important;
  }

  /* Mobile nav: CSS-first fallback. The checkbox/label opens the menu without JS. */
  @media (max-width: 900px) {
    .topbar {
      position: sticky !important;
      top: 0 !important;
      overflow: visible !important;
      z-index: 1000000 !important;
      isolation: isolate !important;
    }
    .mobile-menu-toggle {
      display: inline-flex !important;
      position: relative !important;
      z-index: 1000003 !important;
      pointer-events: auto !important;
      touch-action: manipulation !important;
      cursor: pointer !important;
      -webkit-tap-highlight-color: transparent !important;
    }
    .topnav {
      display: none !important;
      position: absolute !important;
      top: calc(100% + 10px) !important;
      left: 0 !important;
      right: 0 !important;
      z-index: 1000002 !important;
      flex-direction: column !important;
      align-items: stretch !important;
      gap: 6px !important;
      padding: 12px !important;
      background: rgba(255,255,255,0.98) !important;
      border: 1px solid var(--line-soft) !important;
      border-radius: 16px !important;
      box-shadow: 0 18px 44px rgba(53,33,87,0.18) !important;
      pointer-events: auto !important;
    }
    #mobileNavCheck:checked + .topbar .topnav,
    .topbar.nav-open .topnav,
    body.mobile-nav-open .topbar .topnav {
      display: flex !important;
    }
    .topnav-link {
      display: block !important;
      width: 100% !important;
      min-height: 46px !important;
      text-align: left !important;
      pointer-events: auto !important;
      touch-action: manipulation !important;
      cursor: pointer !important;
      padding: 13px 14px !important;
      -webkit-appearance: none !important;
      appearance: none !important;
      position: relative !important;
      z-index: 1000004 !important;
    }
  }

  .mobile-native-nav { display: none; }
  @media (max-width: 900px) {
    .topbar { z-index: 2147482500 !important; overflow: visible !important; }
    .topbar .topnav { display: none !important; }
    #mobileMenuToggle, .mobile-menu-toggle {
      pointer-events: auto !important;
      touch-action: manipulation !important;
      position: relative !important;
      z-index: 2147483001 !important;
      -webkit-tap-highlight-color: rgba(147, 21, 246, 0.12) !important;
    }
    #mobileNavCheck:checked ~ .mobile-native-nav,
    body.mobile-nav-open .mobile-native-nav {
      display: flex !important;
      position: fixed !important;
      top: 74px !important;
      left: 12px !important;
      right: 12px !important;
      z-index: 2147483000 !important;
      flex-direction: column !important;
      gap: 8px !important;
      padding: 14px !important;
      background: rgba(255,255,255,0.98) !important;
      border: 1px solid var(--line-soft) !important;
      border-radius: 18px !important;
      box-shadow: 0 22px 60px rgba(53,33,87,0.26) !important;
      -webkit-backdrop-filter: blur(12px) !important;
      backdrop-filter: blur(12px) !important;
      pointer-events: auto !important;
    }
    .mobile-native-nav-link {
      display: block !important;
      width: 100% !important;
      box-sizing: border-box !important;
      padding: 14px 16px !important;
      border-radius: 12px !important;
      font-family: 'Poppins', sans-serif !important;
      font-size: 15px !important;
      font-weight: 600 !important;
      color: var(--ink) !important;
      text-decoration: none !important;
      background: rgba(248,245,252,0.86) !important;
      border: 1px solid rgba(214,208,232,0.7) !important;
      pointer-events: auto !important;
      touch-action: manipulation !important;
      -webkit-tap-highlight-color: rgba(147,21,246,0.16) !important;
    }
    .mobile-native-nav-link:active,
    .mobile-native-nav-link.active { background: var(--ink) !important; color: var(--paper) !important; }
  }