/* Custom Block: PBXware & gloCOM v8 Release Promo */
/* ════════════════════════════════════════════════════════
       ANIMATIONS
       ════════════════════════════════════════════════════════ */

    /* Slow gradient background drift — applied to intro and CTA sections */
    @keyframes gradDrift {
      0%   { background-position: 0% 50%; }
      50%  { background-position: 100% 50%; }
      100% { background-position: 0% 50%; }
    }

    /* Floating balloon — for circles using translate(50%, -50%) */
    @keyframes floatNeg {
      0%, 100% { transform: translate(50%, -50%) translateY(0px); }
      50%       { transform: translate(50%, -50%) translateY(-22px); }
    }

    /* Floating balloon — for circles using translate(50%, 50%) */
    @keyframes floatPos {
      0%, 100% { transform: translate(50%, 50%) translateY(0px); }
      50%       { transform: translate(50%, 50%) translateY(-18px); }
    }

    /* Shimmer sweep on pill badges */
    @keyframes shimmer {
      0%   { background-position: -200% center; }
      100% { background-position: 200% center; }
    }

    /* Subtle glow pulse on the intro section badge */
    @keyframes glowPulse {
      0%, 100% { box-shadow: 0 0 0 0 rgba(80, 181, 255, 0); }
      50%       { box-shadow: 0 0 18px 4px rgba(80, 181, 255, 0.22); }
    }

    /* Fade-slide-up for intro pillar cards (staggered via delay) */
    @keyframes riseUp {
      from { opacity: 0; transform: translateY(20px); }
      to   { opacity: 1; transform: translateY(0); }
    }

    /* Apply float to animated circle elements */
    .cb-v8-release-promo .anim-float-neg { animation: floatNeg 9s ease-in-out infinite; }
    .cb-v8-release-promo .anim-float-pos { animation: floatPos 11s ease-in-out infinite; }

    /* ════════════════════════════════════════════════════════
       SECTION BACKGROUND OVERRIDES
       ════════════════════════════════════════════════════════ */

    /* Animated dark gradient — intro + CTA */
    .cb-v8-release-promo .sec-anim-dark {
      background: linear-gradient(135deg, #09122e, #0d1f58, #0b2268, #09122e) !important;
      background-size: 300% 300% !important;
      animation: gradDrift 18s ease infinite;
    }

    /* Static dark gradient for mid-page dark sections */
    .cb-v8-release-promo .sec-dark {
      background: linear-gradient(135deg, #09122e 0%, #0d1f58 55%, #0f2260 100%) !important;
    }

    /* Light sections */
    .cb-v8-release-promo .sec-light {
      background: linear-gradient(160deg, #ffffff 0%, #f0f5ff 100%) !important;
    }

    /* CTA gradient — dark navy to primary blue */
    .cb-v8-release-promo .sec-cta {
      background: linear-gradient(135deg, #0b163f 0%, #0f2060 40%, #175cff 100%) !important;
    }

    /* ════════════════════════════════════════════════════════
       TEXT ON DARK SECTIONS
       ════════════════════════════════════════════════════════ */
    .cb-v8-release-promo .bg-bicomthemeone .block4 .title,
    .cb-v8-release-promo .bg-bicomthemeone .block4 .description,
    .cb-v8-release-promo .bg-bicomthemeone .block4 .subtitle,
    .cb-v8-release-promo .bg-bicomthemeone .block2 h3,
    .cb-v8-release-promo .bg-bicomthemeone .block2 h4,
    .cb-v8-release-promo .bg-bicomthemeone .block2 p,
    .cb-v8-release-promo .bg-bicomthemeone .block2 li,
    .cb-v8-release-promo .bg-bicomthemeone .block2 ul,
    .cb-v8-release-promo .bg-bicomthemeone .block3 p { color: #fff !important; }
    .cb-v8-release-promo .bg-bicomthemeone .block2 ul li::marker { color: rgba(255,255,255,.35); }

    .cb-v8-release-promo .bg-primary .block4 .title,
    .cb-v8-release-promo .bg-primary .block4 .description,
    .cb-v8-release-promo .bg-primary .block4 .subtitle,
    .cb-v8-release-promo .bg-primary .block3 p { color: #fff !important; }

    /* Prevent dark-section text rule from bleeding into white-bg AI visuals */
    .cb-v8-release-promo .bg-bicomthemeone .block2 .ai-visual--ai-callflow,
    .cb-v8-release-promo .bg-bicomthemeone .block2 .ai-visual--ai-callflow h4,
    .cb-v8-release-promo .bg-bicomthemeone .block2 .ai-visual--ai-callflow p,
    .cb-v8-release-promo .bg-bicomthemeone .block2 .ai-visual--ai-callflow small { color: unset !important; }

    /* CRM visual — dark section (glassmorphism) */
    .cb-v8-release-promo .bg-bicomthemeone .ai-visual--crm-multi {
      background: rgba(255,255,255,.06) !important;
      border: 1px solid rgba(255,255,255,.13) !important;
      box-shadow: 0 6px 32px rgba(0,0,0,.25) !important;
    }
    .cb-v8-release-promo .bg-bicomthemeone .ai-visual--crm-multi .crm-header {
      background: linear-gradient(135deg, rgba(23,92,255,.9) 0%, rgba(80,181,255,.7) 100%) !important;
    }
    .cb-v8-release-promo .bg-bicomthemeone .ai-visual--crm-multi .crm-user {
      background: rgba(255,255,255,.1) !important;
      border: 1px solid rgba(255,255,255,.2) !important;
      color: rgba(255,255,255,.9) !important;
    }
    .cb-v8-release-promo .bg-bicomthemeone .ai-visual--crm-multi .crm-channels { color: rgba(255,255,255,.4) !important; }
    .cb-v8-release-promo .bg-bicomthemeone .ai-visual--crm-multi .crm-line {
      background: linear-gradient(to right, rgba(255,255,255,.18), rgba(255,255,255,.05)) !important;
    }
    .cb-v8-release-promo .bg-bicomthemeone .ai-visual--crm-multi .crm-badge {
      background: rgba(255,255,255,.1) !important;
      border: 1px solid rgba(255,255,255,.18) !important;
      color: rgba(255,255,255,.85) !important;
      box-shadow: none !important;
    }
    .cb-v8-release-promo .bg-bicomthemeone .ai-visual--crm-multi .crm-badge sup { color: #50b5ff !important; }
    .cb-v8-release-promo .bg-bicomthemeone .ai-visual--crm-multi .crm-autolog {
      background: rgba(255,255,255,.05) !important;
      border-color: rgba(255,255,255,.12) !important;
      color: rgba(255,255,255,.5) !important;
    }
    .cb-v8-release-promo .bg-bicomthemeone .ai-visual--crm-multi .crm-footer {
      background: rgba(255,255,255,.04) !important;
      border-top-color: rgba(255,255,255,.08) !important;
      color: rgba(255,255,255,.45) !important;
    }

    /* EP visual — light section (white card) */
    .cb-v8-release-promo .bg-white .ai-visual--event-flow,
    .cb-v8-release-promo .sec-light .ai-visual--event-flow {
      background: #fff !important;
      border: 1px solid rgba(var(--bs-primary-rgb),.12) !important;
      backdrop-filter: none !important;
      box-shadow: 0 6px 28px rgba(11,22,63,.1) !important;
    }
    .cb-v8-release-promo .bg-white .ai-visual--event-flow .ep-node,
    .cb-v8-release-promo .sec-light .ai-visual--event-flow .ep-node {
      border: 1px solid rgba(var(--bs-primary-rgb),.18) !important;
      background: rgba(var(--bs-primary-rgb),.05) !important;
      color: var(--bs-primary) !important;
    }
    .cb-v8-release-promo .bg-white .ai-visual--event-flow .ep-source,
    .cb-v8-release-promo .sec-light .ai-visual--event-flow .ep-source {
      background: linear-gradient(135deg, #0b163f 0%, #175cff 100%) !important;
      color: #fff !important;
      border-color: transparent !important;
    }
    .cb-v8-release-promo .bg-white .ai-visual--event-flow .ep-broker,
    .cb-v8-release-promo .sec-light .ai-visual--event-flow .ep-broker {
      background: rgba(var(--bs-primary-rgb),.05) !important;
      color: var(--bs-primary) !important;
    }
    .cb-v8-release-promo .bg-white .ai-visual--event-flow .ep-arrow,
    .cb-v8-release-promo .sec-light .ai-visual--event-flow .ep-arrow { color: rgba(var(--bs-primary-rgb),.3) !important; }
    .cb-v8-release-promo .bg-white .ai-visual--event-flow .ep-pill,
    .cb-v8-release-promo .sec-light .ai-visual--event-flow .ep-pill {
      background: rgba(var(--bs-primary-rgb),.07) !important;
      border: 1px solid rgba(var(--bs-primary-rgb),.18) !important;
      color: var(--bs-primary) !important;
    }
    .cb-v8-release-promo .bg-white .ai-visual--event-flow .ep-dest,
    .cb-v8-release-promo .sec-light .ai-visual--event-flow .ep-dest {
      background: rgba(var(--bs-primary-rgb),.04) !important;
      border: 1px solid rgba(var(--bs-primary-rgb),.12) !important;
      color: #555 !important;
    }
    .cb-v8-release-promo .bg-white .ai-visual--event-flow .ep-footnote,
    .cb-v8-release-promo .sec-light .ai-visual--event-flow .ep-footnote { color: #999 !important; }

    /* ════════════════════════════════════════════════════════
       INTRO SECTION
       ════════════════════════════════════════════════════════ */

    /* Version/release pill */
    .cb-v8-release-promo .v8-pill {
      display: inline-flex; align-items: center; gap: .5rem;
      background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.2);
      border-radius: 999px; padding: .28rem .9rem;
      font-size: .74rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase;
      color: rgba(255,255,255,.88); margin-bottom: 1.25rem;
      animation: glowPulse 4s ease-in-out infinite;
    }
    .cb-v8-release-promo .v8-pill-dot {
      width: 7px; height: 7px; border-radius: 50%;
      background: #50b5ff; flex-shrink: 0;
    }

    /* Intro title and description on dark */
    .cb-v8-release-promo .intro-title { color: #fff !important; }
    .cb-v8-release-promo .intro-desc  { color: rgba(255,255,255,.8) !important; }

    /* Clickable pillar cards in intro section */
    .cb-v8-release-promo .pillar-cards {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: .65rem;
      margin-top: 2.5rem;
    }
    .cb-v8-release-promo .pillar-card {
      display: flex; flex-direction: column; align-items: center; justify-content: center;
      text-align: center; gap: .4rem;
      background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12);
      border-radius: .75rem; padding: 1.1rem .75rem;
      text-decoration: none; color: rgba(255,255,255,.88);
      transition: background .2s ease, border-color .2s ease, transform .2s ease;
      cursor: pointer;
    }
    .cb-v8-release-promo .pillar-card:hover {
      background: rgba(255,255,255,.12); border-color: rgba(80,181,255,.4);
      transform: translateY(-3px); color: #fff; text-decoration: none;
    }
    .cb-v8-release-promo .pillar-card-num {
      width: 26px; height: 26px; border-radius: 50%;
      background: rgba(23,92,255,.55); border: 1px solid rgba(80,181,255,.35);
      color: #fff; font-size: .68rem; font-weight: 800;
      display: flex; align-items: center; justify-content: center;
      flex-shrink: 0;
    }
    .cb-v8-release-promo .pillar-card-label {
      font-size: .8rem; font-weight: 600; line-height: 1.3;
    }
    .cb-v8-release-promo .pillar-card-arrow {
      font-size: .72rem; color: rgba(80,181,255,.6); margin-top: .1rem;
    }
    @media (max-width: 991px) {
      .cb-v8-release-promo .pillar-cards { grid-template-columns: repeat(3, 1fr); }
    }
    @media (max-width: 575px) {
      .cb-v8-release-promo .pillar-cards { grid-template-columns: repeat(2, 1fr); }
    }

    /* ════════════════════════════════════════════════════════
       PILLAR BADGES
       ════════════════════════════════════════════════════════ */
    .cb-v8-release-promo .pillar-badge {
      display: inline-flex; align-items: center; gap: .45rem;
      border-radius: 999px; padding: .28rem .9rem;
      font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
      margin-bottom: .75rem;
    }
    .cb-v8-release-promo .pillar-badge::before {
      content: ''; width: 5px; height: 5px; border-radius: 50%; flex-shrink: 0;
    }
    /* For light sections */
    .cb-v8-release-promo .pillar-badge-blue {
      background: rgba(var(--bs-primary-rgb), .07);
      border: 1px solid rgba(var(--bs-primary-rgb), .2);
      color: var(--bs-primary);
    }
    .cb-v8-release-promo .pillar-badge-blue::before { background: var(--bs-primary); }
    /* For dark sections — white */
    .cb-v8-release-promo .pillar-badge-light {
      background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.22);
      color: rgba(255,255,255,.9);
    }
    .cb-v8-release-promo .pillar-badge-light::before { background: rgba(255,255,255,.75); }

    /* Green — light section */
    .cb-v8-release-promo .pillar-badge-green {
      background: rgba(92,201,167,.1); border: 1px solid rgba(92,201,167,.3);
      color: #1f7d5e;
    }
    .cb-v8-release-promo .pillar-badge-green::before { background: #5cc9a7; }

    /* Green — dark section */
    .cb-v8-release-promo .pillar-badge-green-dark {
      background: rgba(92,201,167,.14); border: 1px solid rgba(92,201,167,.32);
      color: rgba(92,201,167,.95);
    }
    .cb-v8-release-promo .pillar-badge-green-dark::before { background: #5cc9a7; }

    /* Yellow — light section */
    .cb-v8-release-promo .pillar-badge-yellow {
      background: rgba(255,177,22,.1); border: 1px solid rgba(255,177,22,.3);
      color: #9a6200;
    }
    .cb-v8-release-promo .pillar-badge-yellow::before { background: #ffb116; }

    /* Yellow — dark section */
    .cb-v8-release-promo .pillar-badge-yellow-dark {
      background: rgba(255,177,22,.12); border: 1px solid rgba(255,177,22,.3);
      color: rgba(255,177,22,.95);
    }
    .cb-v8-release-promo .pillar-badge-yellow-dark::before { background: #ffb116; }

    /* ════════════════════════════════════════════════════════
       PARTNER BENEFIT CALLOUT
       ════════════════════════════════════════════════════════ */
    .cb-v8-release-promo .ai-provider-callout {
      margin: .9rem 0 .75rem;
      padding: .65rem .9rem .65rem 1rem;
      background: rgba(var(--bs-primary-rgb),.05);
      border: 1px solid rgba(var(--bs-primary-rgb),.14);
      border-left: 3px solid rgba(var(--bs-primary-rgb),.45);
      border-radius: 0 .5rem .5rem 0;
    }
    .cb-v8-release-promo .ai-provider-callout-label {
      font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em;
      color: var(--bs-primary); margin-bottom: .3rem;
    }
    .cb-v8-release-promo .ai-provider-callout-sub {
      font-size: .83rem; color: #555; line-height: 1.55; margin: 0;
    }
    .cb-v8-release-promo .partner-benefit {
      margin-top: 1.25rem;
      padding: .8rem 1rem .8rem 1.1rem;
      border-left: 3px solid #5cc9a7;
      background: rgba(92,201,167,.07);
      border-radius: 0 .5rem .5rem 0;
    }
    .cb-v8-release-promo .partner-benefit .pb-label {
      display: block;
      font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em;
      color: #1f7d5e; margin-bottom: .35rem;
    }
    .cb-v8-release-promo .partner-benefit p { margin: 0; font-size: .93rem; }

    /* Partner benefit on dark sections */
    .cb-v8-release-promo .bg-bicomthemeone .block2 .partner-benefit {
      background: rgba(92,201,167,.08);
      border-left-color: rgba(92,201,167,.5);
    }
    .cb-v8-release-promo .bg-bicomthemeone .block2 .partner-benefit .pb-label {
      color: rgba(92,201,167,.88) !important;
    }

    /* ════════════════════════════════════════════════════════
       BLOCK9 CARDS
       ════════════════════════════════════════════════════════ */
    .cb-v8-release-promo .block9 .cbox { transition: transform .2s ease, box-shadow .2s ease; }
    .cb-v8-release-promo .block9 .cbox:hover {
      transform: translateY(-4px);
      box-shadow: 0 14px 36px rgba(var(--bs-primary-rgb), .13) !important;
    }
    .cb-v8-release-promo .block9 .cbox-content { border-top: 2px solid var(--bs-primary) !important; }
    .cb-v8-release-promo .block9 .cbox-content h4 { color: var(--bs-bicomthemeone, #0b163f); font-size: 1.05rem; }

    /* Reset text color inside white cards on dark sections */
    .cb-v8-release-promo .bg-bicomthemeone .block9 .cbox-content,
    .cb-v8-release-promo .bg-bicomthemeone .block9 .cbox-content h4,
    .cb-v8-release-promo .bg-bicomthemeone .block9 .cbox-content p,
    .cb-v8-release-promo .bg-bicomthemeone .block9 .cbox-content li,
    .cb-v8-release-promo .bg-bicomthemeone .block9 .cbox-content span { color: #0b163f !important; }

    /* Bottom-of-section shadow overlay */
    .cb-v8-release-promo .sec-shadow-overlay {
      position: absolute; inset: 0; pointer-events: none; z-index: 1;
    }


    /* ════════════════════════════════════════════════════════
       AI VISUAL SHARED
       ════════════════════════════════════════════════════════ */
    .cb-v8-release-promo .ai-visual {
      border-radius: .9rem; overflow: hidden;
      font-family: inherit; line-height: 1.4;
    }

    /* ── Visual: CRM Multi ────────────────────────────────── */
    .cb-v8-release-promo .ai-visual--crm-multi {
      background: #fff; border: 1px solid rgba(var(--bs-primary-rgb),.12);
      font-size: .78rem;
      box-shadow: 0 6px 28px rgba(11,22,63,.1);
    }
    .cb-v8-release-promo .ai-visual--crm-multi .crm-header {
      background: linear-gradient(135deg, #0b163f 0%, #175cff 100%);
      color: #fff; padding: .65rem 1rem; font-weight: 700; font-size: .82rem;
      display: flex; align-items: center; gap: .5rem;
    }
    .cb-v8-release-promo .ai-visual--crm-multi .crm-body { padding: .75rem 1rem; display: flex; flex-direction: column; gap: .5rem; }
    .cb-v8-release-promo .ai-visual--crm-multi .crm-row { display: flex; align-items: center; gap: .4rem; }
    .cb-v8-release-promo .ai-visual--crm-multi .crm-user {
      background: rgba(var(--bs-primary-rgb),.07); border: 1px solid rgba(var(--bs-primary-rgb),.18);
      border-radius: .35rem; padding: .25rem .5rem; flex: 0 0 88px;
      font-weight: 600; color: var(--bs-primary); font-size: .72rem; text-align: center;
    }
    .cb-v8-release-promo .ai-visual--crm-multi .crm-channels { font-size: .63rem; color: #999; flex: 0 0 auto; white-space: nowrap; }
    .cb-v8-release-promo .ai-visual--crm-multi .crm-line { flex: 1; height: 1px; background: linear-gradient(to right, rgba(var(--bs-primary-rgb),.22), rgba(var(--bs-primary-rgb),.05)); }
    .cb-v8-release-promo .ai-visual--crm-multi .crm-badge {
      background: #fff; border: 1px solid rgba(var(--bs-primary-rgb),.18); border-radius: .35rem;
      padding: .2rem .5rem; font-size: .72rem; color: #333; flex: 0 0 auto; white-space: nowrap;
      box-shadow: 0 1px 4px rgba(var(--bs-primary-rgb),.07);
    }
    .cb-v8-release-promo .ai-visual--crm-multi .crm-badge sup { color: var(--bs-primary); font-size: .6rem; font-weight: 700; margin-left: .1rem; }
    .cb-v8-release-promo .ai-visual--crm-multi .crm-autolog {
      margin-top: .2rem; padding: .35rem .5rem; background: rgba(var(--bs-primary-rgb),.04);
      border-radius: .3rem; font-size: .67rem; color: #666; text-align: center;
      border: 1px dashed rgba(var(--bs-primary-rgb),.15);
    }
    .cb-v8-release-promo .ai-visual--crm-multi .crm-footer {
      background: rgba(var(--bs-primary-rgb),.04); padding: .45rem 1rem;
      border-top: 1px solid rgba(var(--bs-primary-rgb),.08);
      font-size: .67rem; color: #666; text-align: center;
    }

    /* ── Visual: Event Publisher Flow ─────────────────────── */
    .cb-v8-release-promo .ai-visual--event-flow {
      background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.13);
      padding: 1rem .85rem .85rem; display: flex; flex-direction: column; gap: .25rem;
      font-size: .78rem; backdrop-filter: blur(8px);
      box-shadow: 0 6px 32px rgba(0,0,0,.25);
    }
    .cb-v8-release-promo .ai-visual--event-flow .ep-node {
      border: 1px solid rgba(255,255,255,.18); border-radius: .5rem; padding: .5rem .75rem;
      background: rgba(255,255,255,.08); text-align: center; font-weight: 600; color: rgba(255,255,255,.9);
    }
    .cb-v8-release-promo .ai-visual--event-flow .ep-source {
      background: linear-gradient(135deg, rgba(23,92,255,.9), rgba(80,181,255,.7)) !important;
      color: #fff !important; border-color: rgba(255,255,255,.2) !important;
      font-size: .85rem; padding: .6rem .75rem !important;
    }
    .cb-v8-release-promo .ai-visual--event-flow .ep-broker { background: rgba(255,255,255,.1) !important; }
    .cb-v8-release-promo .ai-visual--event-flow .ep-arrow { text-align: center; color: rgba(255,255,255,.28); font-size: 1rem; line-height: 1; padding: .05rem 0; user-select: none; }
    .cb-v8-release-promo .ai-visual--event-flow .ep-pills { display: flex; gap: .25rem; justify-content: center; flex-wrap: wrap; }
    .cb-v8-release-promo .ai-visual--event-flow .ep-pill {
      background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18);
      border-radius: 999px; padding: .1rem .5rem; font-size: .68rem; color: rgba(255,255,255,.85); font-weight: 500;
    }
    .cb-v8-release-promo .ai-visual--event-flow .ep-destinations { display: grid; grid-template-columns: 1fr 1fr; gap: .3rem; }
    .cb-v8-release-promo .ai-visual--event-flow .ep-dest {
      background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12);
      border-radius: .35rem; padding: .3rem .5rem; text-align: center; font-size: .7rem; color: rgba(255,255,255,.78);
    }
    .cb-v8-release-promo .ai-visual--event-flow .ep-footnote { font-size: .64rem; color: rgba(255,255,255,.38); text-align: center; margin-top: .1rem; }

    /* ── Visual: CC Lite Flow (glassmorphism, matches EP style) */
    .cb-v8-release-promo .ai-visual--cc-flow {
      background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.13);
      padding: 1rem .85rem .85rem; display: flex; flex-direction: column; gap: .28rem;
      font-size: .78rem; backdrop-filter: blur(8px);
      box-shadow: 0 6px 32px rgba(0,0,0,.25);
    }
    .cb-v8-release-promo .ai-visual--cc-flow .ccf-base {
      border: 1px solid rgba(255,255,255,.18); border-radius: .5rem; padding: .5rem .75rem;
      background: rgba(255,255,255,.08); text-align: center; font-weight: 600;
      color: rgba(255,255,255,.82); font-size: .73rem;
    }
    .cb-v8-release-promo .ai-visual--cc-flow .ccf-addon {
      background: linear-gradient(135deg, rgba(23,92,255,.88), rgba(80,181,255,.65)) !important;
      color: #fff !important; border: 1px solid rgba(255,255,255,.2) !important;
      border-radius: .5rem; padding: .6rem .75rem;
      text-align: center; font-weight: 700; font-size: .88rem;
    }
    .cb-v8-release-promo .ai-visual--cc-flow .ccf-subtitle {
      text-align: center; font-size: .62rem; color: rgba(255,255,255,.38);
      text-transform: uppercase; letter-spacing: .07em;
    }
    .cb-v8-release-promo .ai-visual--cc-flow .ccf-arrow { text-align: center; color: rgba(255,255,255,.28); font-size: 1rem; line-height: 1; user-select: none; }
    .cb-v8-release-promo .ai-visual--cc-flow .ccf-features { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: .3rem; }
    .cb-v8-release-promo .ai-visual--cc-flow .ccf-feat {
      background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.11);
      border-radius: .5rem; padding: .55rem .4rem; text-align: center;
    }
    .cb-v8-release-promo .ai-visual--cc-flow .ccf-feat-title { font-size: .72rem; font-weight: 700; color: rgba(255,255,255,.9); margin-bottom: .2rem; }
    .cb-v8-release-promo .ai-visual--cc-flow .ccf-feat-desc { font-size: .6rem; color: rgba(255,255,255,.42); line-height: 1.3; }
    .cb-v8-release-promo .ai-visual--cc-flow .ccf-footer {
      border-top: 1px solid rgba(255,255,255,.08); padding-top: .4rem;
      font-size: .64rem; color: rgba(255,255,255,.38); text-align: center;
    }

    /* ── Visual: AI Call Flow ──────────────────────────────── */
    .cb-v8-release-promo .ai-visual--ai-callflow {
      background: #fff; border: 1px solid rgba(var(--bs-primary-rgb),.12);
      padding: 1rem .85rem .85rem; display: flex; flex-direction: column; gap: .2rem;
      font-size: .78rem;
      box-shadow: 0 8px 40px rgba(0,0,0,.35);
    }
    .cb-v8-release-promo .ai-visual--ai-callflow .cf-node {
      border: 1px solid rgba(var(--bs-primary-rgb),.2); border-radius: .5rem; padding: .45rem .6rem;
      background: rgba(var(--bs-primary-rgb),.05); text-align: center; font-weight: 600;
      color: var(--bs-primary); font-size: .75rem;
    }
    .cb-v8-release-promo .ai-visual--ai-callflow .cf-central {
      background: linear-gradient(135deg, #0b163f 0%, #175cff 100%) !important;
      color: #fff !important; border-color: transparent !important;
      padding: .6rem .75rem !important; font-size: .82rem !important; border-radius: .6rem !important;
    }
    .cb-v8-release-promo .ai-visual--ai-callflow .cf-outcome {
      background: rgba(var(--bs-primary-rgb),.05) !important; font-weight: 500 !important;
      font-size: .7rem !important; color: #444 !important; border-color: rgba(var(--bs-primary-rgb),.12) !important;
    }
    .cb-v8-release-promo .ai-visual--ai-callflow .cf-human { background: #f0fdf4 !important; border-color: #86efac !important; color: #166534 !important; font-size: .7rem !important; }
    .cb-v8-release-promo .ai-visual--ai-callflow .cf-arrow { text-align: center; color: rgba(var(--bs-primary-rgb),.28); font-size: .95rem; line-height: 1; padding: .05rem 0; user-select: none; }
    .cb-v8-release-promo .ai-visual--ai-callflow .cf-branches { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: .28rem; }
    .cb-v8-release-promo .ai-visual--ai-callflow .cf-branch-arrow { text-align: center; color: rgba(var(--bs-primary-rgb),.22); font-size: .82rem; line-height: 1; user-select: none; }
    .cb-v8-release-promo .ai-visual--ai-callflow .cf-providers {
      margin-top: .5rem; border-top: 1px solid rgba(var(--bs-primary-rgb),.12);
      padding-top: .5rem; display: flex; flex-direction: column; gap: .3rem;
    }
    .cb-v8-release-promo .ai-visual--ai-callflow .cf-provider-heading {
      font-size: .62rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em;
      color: rgba(var(--bs-primary-rgb),.6); margin-bottom: .1rem;
    }
    .cb-v8-release-promo .ai-visual--ai-callflow .cf-provider-list {
      display: flex; gap: .25rem; flex-wrap: wrap;
    }
    .cb-v8-release-promo .ai-visual--ai-callflow .cf-provider {
      background: rgba(var(--bs-primary-rgb),.08); border: 1px solid rgba(var(--bs-primary-rgb),.2);
      border-radius: .3rem; padding: .12rem .5rem; font-size: .69rem; color: var(--bs-primary); font-weight: 600;
    }

    /* ── Visual: gloCOM Next ──────────────────────────────── */
    .cb-v8-release-promo .ai-visual--glocom-next {
      background: linear-gradient(160deg, #f0f4ff 0%, #e8efff 100%);
      border: 1px solid rgba(var(--bs-primary-rgb),.1);
      padding: .85rem .75rem .75rem; font-size: .75rem;
      box-shadow: 0 6px 28px rgba(11,22,63,.1);
    }
    .cb-v8-release-promo .ai-visual--glocom-next .gn-label { text-align: center; font-size: .62rem; color: rgba(var(--bs-primary-rgb),.65); font-weight: 700; text-transform: uppercase; letter-spacing: .06em; margin-bottom: .55rem; }
    .cb-v8-release-promo .ai-visual--glocom-next .gn-apps { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; }
    .cb-v8-release-promo .ai-visual--glocom-next .gn-app { border-radius: .6rem; overflow: hidden; border: 1px solid rgba(var(--bs-primary-rgb),.12); box-shadow: 0 2px 12px rgba(11,22,63,.1); }
    .cb-v8-release-promo .ai-visual--glocom-next .gn-app-dark  { background: #192035; }
    .cb-v8-release-promo .ai-visual--glocom-next .gn-app-light { background: #fff; }
    .cb-v8-release-promo .ai-visual--glocom-next .gn-app-bar { padding: .32rem .5rem; display: flex; align-items: center; gap: .3rem; font-size: .62rem; font-weight: 700; letter-spacing: .02em; }
    .cb-v8-release-promo .gn-app-dark  .gn-app-bar { background: rgba(255,255,255,.07); color: rgba(255,255,255,.78); }
    .cb-v8-release-promo .gn-app-light .gn-app-bar { background: rgba(var(--bs-primary-rgb),.06); color: var(--bs-primary); }
    .cb-v8-release-promo .ai-visual--glocom-next .gn-app-bar-dot { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; }
    .cb-v8-release-promo .gn-app-dark  .gn-app-bar-dot { background: rgba(255,255,255,.22); }
    .cb-v8-release-promo .gn-app-light .gn-app-bar-dot { background: var(--bs-primary); }
    .cb-v8-release-promo .ai-visual--glocom-next .gn-app-body { display: flex; gap: .38rem; padding: .45rem .5rem; min-height: 88px; }
    .cb-v8-release-promo .ai-visual--glocom-next .gn-sidebar { flex: 0 0 18px; display: flex; flex-direction: column; gap: .28rem; padding-top: .1rem; }
    .cb-v8-release-promo .ai-visual--glocom-next .gn-nav-dot { width: 14px; height: 14px; border-radius: .2rem; }
    .cb-v8-release-promo .gn-app-dark  .gn-nav-dot         { background: rgba(255,255,255,.1); }
    .cb-v8-release-promo .gn-app-dark  .gn-nav-dot.active  { background: var(--bs-primary); }
    .cb-v8-release-promo .gn-app-light .gn-nav-dot         { background: rgba(var(--bs-primary-rgb),.09); }
    .cb-v8-release-promo .gn-app-light .gn-nav-dot.active  { background: var(--bs-primary); }
    .cb-v8-release-promo .ai-visual--glocom-next .gn-main { flex: 1; display: flex; flex-direction: column; gap: .22rem; }
    .cb-v8-release-promo .ai-visual--glocom-next .gn-bar { height: 5px; border-radius: 999px; }
    .cb-v8-release-promo .gn-app-dark  .gn-bar        { background: rgba(255,255,255,.1); }
    .cb-v8-release-promo .gn-app-dark  .gn-bar.accent { background: var(--bs-primary); width: 65%; }
    .cb-v8-release-promo .gn-app-light .gn-bar        { background: rgba(var(--bs-primary-rgb),.09); }
    .cb-v8-release-promo .gn-app-light .gn-bar.accent { background: var(--bs-primary); width: 65%; }
    .cb-v8-release-promo .ai-visual--glocom-next .gn-call-chip { margin-top: auto; background: #22c55e; border-radius: .25rem; padding: .12rem .3rem; font-size: .57rem; font-weight: 700; color: #fff; align-self: flex-start; }
    .cb-v8-release-promo .ai-visual--glocom-next .gn-connector { display: flex; align-items: center; justify-content: center; gap: .35rem; margin: .4rem 0; }
    .cb-v8-release-promo .ai-visual--glocom-next .gn-conn-line { flex: 1; height: 1px; background: linear-gradient(to right, transparent, rgba(var(--bs-primary-rgb),.28), transparent); }
    .cb-v8-release-promo .ai-visual--glocom-next .gn-conn-label { font-size: .62rem; color: rgba(var(--bs-primary-rgb),.65); font-weight: 700; white-space: nowrap; }
    .cb-v8-release-promo .ai-visual--glocom-next .gn-crm-strip { border-radius: .4rem; padding: .3rem .55rem; font-size: .62rem; border: 1px solid rgba(var(--bs-primary-rgb),.15); background: rgba(255,255,255,.7); color: var(--bs-primary); display: flex; align-items: center; gap: .4rem; }
    .cb-v8-release-promo .ai-visual--glocom-next .gn-crm-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--bs-primary); flex-shrink: 0; }

    @media (prefers-reduced-motion: reduce) {
      .cb-v8-release-promo .anim-float-neg, .cb-v8-release-promo .anim-float-pos { animation: none; }
      .cb-v8-release-promo .v8-pill { animation: none; }
      .cb-v8-release-promo .sec-anim-dark { animation: none; }
    }

    /* ════════════════════════════════════════════════════════
       MOBILE PERFORMANCE
       ════════════════════════════════════════════════════════ */
    @media (max-width: 768px) {
      /* Kill backdrop-filter — single biggest GPU cost on mobile */
      .cb-v8-release-promo .pillar-nav-bar,
      .cb-v8-release-promo .ai-visual--crm-multi, .cb-v8-release-promo .ai-visual--ai-callflow,
      .cb-v8-release-promo .ai-visual--cc-flow, .cb-v8-release-promo .ai-visual--v8-release,
      .cb-v8-release-promo .ai-visual--event-flow, .cb-v8-release-promo .ai-visual--cc-wallboard,
      .cb-v8-release-promo .ai-visual--glocom-next { backdrop-filter: none !important; }

      /* Kill all continuous animations */
      .cb-v8-release-promo .anim-float-neg, .cb-v8-release-promo .anim-float-pos { animation: none !important; }
      .cb-v8-release-promo .sec-anim-dark { animation: none !important; background: #0b163f !important; }
      .cb-v8-release-promo .v8-pill { animation: none !important; }

      /* Remove decorative radial glow layers */
      .cb-v8-release-promo .sec-blue-glow { display: none !important; }
      .cb-v8-release-promo .temp1-balloon, .cb-v8-release-promo .temp2-balloon, .cb-v8-release-promo .temp3-balloon,
      .cb-v8-release-promo .temp4-balloon, .cb-v8-release-promo .temp5-balloon, .cb-v8-release-promo .temp6-balloon,
      .cb-v8-release-promo .temp3-balloon-two { display: none !important; }
    }

    /* Defer rendering of off-screen slides */
    .cb-v8-release-promo .pillar-slide:not(.active) {
      content-visibility: auto;
      contain-intrinsic-size: 0 600px;
    }

    @media (max-width: 767px) {
      .cb-v8-release-promo .ai-visual--crm-multi .crm-user { width: 70px; font-size: .67rem; }
      .cb-v8-release-promo .ai-visual--glocom-next .gn-apps { grid-template-columns: 1fr; }
      .cb-v8-release-promo .ai-visual--cc-flow .ccf-features { grid-template-columns: 1fr; }
    }

    /* ════════════════════════════════════════════════════════
       PILLAR SLIDER
       ════════════════════════════════════════════════════════ */

    @keyframes slideEnter {
      from { opacity: 0; transform: translateY(10px); }
      to   { opacity: 1; transform: translateY(0); }
    }

    .cb-v8-release-promo .pillar-slides { background: transparent; margin: 0; padding: 0; }
    .cb-v8-release-promo .pillar-slide { display: none; background: transparent; margin: 0; padding: 0; }
    .cb-v8-release-promo .pillar-slide.active {
      display: block;
      animation: slideEnter .38s cubic-bezier(.25,.46,.45,.94) both;
    }
    /* Prevent the slide wrapper exposing a white gap around dark block1 sections */
    .cb-v8-release-promo .pillar-slide .block.block1 {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
      border-top: none !important;
      border-bottom: none !important;
    }

    .cb-v8-release-promo .pillar-nav-bar {
      position: sticky; top: 0; z-index: 100;
      background: rgba(16,23,62,.97); backdrop-filter: blur(16px);
      border-top: 1px solid rgba(255,255,255,.2);
      border-bottom: 1px solid rgba(255,255,255,.2);
      padding: .72rem 0;
    }
    .cb-v8-release-promo .pillar-nav-inner {
      display: flex; align-items: center; gap: .5rem;
    }
    .cb-v8-release-promo .pillar-nav-tabs {
      display: flex; gap: .2rem; justify-content: center; flex: 1; flex-wrap: wrap;
    }
    .cb-v8-release-promo .pillar-nav-tab {
      background: transparent; border: 1px solid transparent; border-radius: 999px;
      padding: .32rem .95rem; font-size: .78rem; font-weight: 600;
      color: rgba(255,255,255,.9); cursor: pointer; transition: all .18s ease;
      white-space: nowrap; font-family: inherit; line-height: 1.4;
    }
    .cb-v8-release-promo .pillar-nav-tab:hover { color: rgba(255,255,255,.85); border-color: rgba(255,255,255,.2); }
    .cb-v8-release-promo .pillar-nav-tab.active {
      background: rgba(80,181,255,.15); border-color: rgba(80,181,255,.45); color: rgba(80,181,255,1);
    }
    .cb-v8-release-promo .pillar-nav-arrow {
      flex-shrink: 0;
      background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.15);
      border-radius: 50%; width: 34px; height: 34px;
      display: flex; align-items: center; justify-content: center;
      color: rgba(255,255,255,.7); cursor: pointer; transition: all .18s ease;
      font-size: .9rem; font-family: inherit; line-height: 1;
    }
    .cb-v8-release-promo .pillar-nav-arrow:hover {
      background: rgba(23,92,255,.75); border-color: rgba(80,181,255,.4); color: #fff;
    }
    .cb-v8-release-promo .pillar-nav-arrow:disabled {
      opacity: .3; cursor: default; pointer-events: none;
    }

    @media (max-width: 767px) {
      .cb-v8-release-promo .pillar-nav-tab { font-size: .66rem; padding: .24rem .55rem; }
      .cb-v8-release-promo .pillar-nav-tabs { gap: .12rem; }
    }

    /* ── Visual: v8 Platform Overview ─────────────────────── */
    .cb-v8-release-promo .ai-visual--v8-overview {
      background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.13);
      padding: 1rem .85rem .85rem; display: flex; flex-direction: column; gap: .35rem;
      font-size: .78rem; backdrop-filter: blur(8px);
      box-shadow: 0 6px 32px rgba(0,0,0,.25);
    }
    .cb-v8-release-promo .v8ov-platform-node {
      background: linear-gradient(135deg, rgba(23,92,255,.9) 0%, rgba(80,181,255,.7) 100%);
      border-radius: .55rem; padding: .75rem 1rem;
      text-align: center; font-weight: 700; font-size: .9rem; color: #fff;
    }
    .cb-v8-release-promo .v8ov-platform-node small {
      display: block; font-weight: 400; font-size: .7rem; opacity: .78; margin-top: .18rem;
    }
    .cb-v8-release-promo .v8ov-divider {
      display: flex; align-items: center; gap: .3rem;
      font-size: .6rem; color: rgba(255,255,255,.3); text-transform: uppercase; letter-spacing: .07em;
    }
    .cb-v8-release-promo .v8ov-divider-line { flex: 1; height: 1px; border-top: 1px dashed rgba(255,255,255,.15); }
    .cb-v8-release-promo .v8ov-pillars { display: grid; grid-template-columns: repeat(5, 1fr); gap: .28rem; }
    .cb-v8-release-promo .v8ov-pillar {
      background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.11);
      border-radius: .45rem; padding: .55rem .3rem; text-align: center;
    }
    .cb-v8-release-promo .v8ov-pillar-num {
      width: 18px; height: 18px; border-radius: 50%;
      background: rgba(23,92,255,.65); border: 1px solid rgba(80,181,255,.3);
      font-size: .58rem; font-weight: 800; color: #fff;
      display: flex; align-items: center; justify-content: center; margin: 0 auto .28rem;
    }
    .cb-v8-release-promo .v8ov-pillar-name { font-size: .64rem; font-weight: 700; color: rgba(255,255,255,.85); line-height: 1.3; }
    .cb-v8-release-promo .v8ov-footer {
      border-top: 1px solid rgba(255,255,255,.07); padding-top: .4rem;
      font-size: .62rem; color: rgba(255,255,255,.32); text-align: center; margin-top: .1rem;
    }

    /* Pillar card subtitle line */
    .cb-v8-release-promo .pillar-card-desc {
      font-size: .67rem; color: rgba(255,255,255,.42); line-height: 1.3; text-align: center;
    }

    /* ════════════════════════════════════════════════════════
       CONTENT TYPOGRAPHY ENHANCEMENTS
       ════════════════════════════════════════════════════════ */

    .cb-v8-release-promo .text-lede {
      font-size: 1rem; font-weight: 500; line-height: 1.6; margin-bottom: .7rem;
    }
    .cb-v8-release-promo .bg-bicomthemeone .block2 .text-lede { color: rgba(255,255,255,.92) !important; }
    .cb-v8-release-promo .bg-bicomthemeone .block2 .stat-num { color: #50b5ff !important; }
    .cb-v8-release-promo .bg-bicomthemeone .block2 h4 { color: rgba(255,255,255,.97) !important; }
    .cb-v8-release-promo .sec-blue-glow {
      position: absolute; inset: 0; pointer-events: none; z-index: 0;
      background: radial-gradient(ellipse 55% 45% at 80% 10%, rgba(80,181,255,.07) 0%, transparent 70%),
                  radial-gradient(ellipse 35% 30% at 15% 85%, rgba(80,181,255,.04) 0%, transparent 65%);
    }

    .cb-v8-release-promo .feat-chips { display: flex; flex-wrap: wrap; gap: .35rem; margin: .85rem 0; }
    .cb-v8-release-promo .feat-chip {
      background: rgba(var(--bs-primary-rgb),.07);
      border: 1px solid rgba(var(--bs-primary-rgb),.18);
      border-radius: 999px;
      padding: .22rem .72rem;
      font-size: .76rem; font-weight: 600; color: var(--bs-primary);
      white-space: nowrap;
    }
    .cb-v8-release-promo .feat-chip sup { font-size: .6rem; font-weight: 700; opacity: .75; margin-left: .1rem; }
    .cb-v8-release-promo .bg-bicomthemeone .block2 .feat-chip {
      background: rgba(80,181,255,.1);
      border-color: rgba(80,181,255,.28);
      color: rgba(80,181,255,.9);
      color: rgba(255,255,255,.88);
    }

    .cb-v8-release-promo .stat-row {
      display: flex; gap: 1.5rem; flex-wrap: wrap; margin: 1rem 0 .25rem;
      padding: .75rem 1rem;
      background: rgba(var(--bs-primary-rgb),.05);
      border: 1px solid rgba(var(--bs-primary-rgb),.1);
      border-radius: .6rem;
    }
    .cb-v8-release-promo .stat-item { display: flex; flex-direction: column; gap: .06rem; }
    .cb-v8-release-promo .stat-num { font-size: 1.35rem; font-weight: 800; line-height: 1; color: var(--bs-primary); }
    .cb-v8-release-promo .stat-label { font-size: .67rem; color: #888; font-weight: 500; line-height: 1.3; }
    .cb-v8-release-promo .bg-bicomthemeone .block2 .stat-row {
      background: rgba(255,255,255,.05);
      border-color: rgba(255,255,255,.1);
    }
    .cb-v8-release-promo .bg-bicomthemeone .block2 .stat-num { color: #50b5ff !important; }
    .cb-v8-release-promo .bg-bicomthemeone .block2 .stat-label { color: rgba(255,255,255,.5) !important; }

    .cb-v8-release-promo .feat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .35rem .85rem; margin: .85rem 0; }
    .cb-v8-release-promo .feat-row { display: flex; align-items: flex-start; gap: .5rem; font-size: .84rem; line-height: 1.45; }
    .cb-v8-release-promo .feat-icon {
      flex-shrink: 0; margin-top: .3rem;
      width: 14px; height: 14px; border-radius: 50%;
      background: rgba(var(--bs-primary-rgb),.1);
      border: 1px solid rgba(var(--bs-primary-rgb),.22);
      display: flex; align-items: center; justify-content: center;
    }
    .cb-v8-release-promo .feat-icon::after {
      content: ''; width: 4px; height: 4px; border-radius: 50%; background: var(--bs-primary); display: block;
    }

    .cb-v8-release-promo .cc-feats { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: .5rem; margin: 1rem 0; }
    .cb-v8-release-promo .cc-feat-tile {
      background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12);
      border-radius: .55rem; padding: .75rem .65rem;
    }
    .cb-v8-release-promo .cc-feat-title { font-size: .82rem; font-weight: 700; color: rgba(255,255,255,.95); margin-bottom: .28rem; }
    .cb-v8-release-promo .cc-feat-body { font-size: .72rem; color: rgba(255,255,255,.5); line-height: 1.4; }

    /* ── Overview slide: numbered editorial statements ────── */
    .cb-v8-release-promo .v8-statements { display: flex; flex-direction: column; gap: .55rem; margin: 1.1rem 0; }
    .cb-v8-release-promo .v8-stmt {
      display: flex; align-items: flex-start; gap: .8rem;
      padding: .65rem .9rem;
      background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.09);
      border-left: 3px solid rgba(80,181,255,.5); border-radius: 0 .5rem .5rem 0;
    }
    .cb-v8-release-promo .v8-milestone-note {
      font-size: .78rem;
      color: rgba(80,181,255,.65);
      line-height: 1.6;
      margin: .4rem 0 1rem;
      padding-left: .75rem;
      border-left: 2px solid rgba(80,181,255,.28);
    }
    .cb-v8-release-promo .v8-stmt-num {
      font-size: .62rem; font-weight: 800; color: rgba(80,181,255,.7);
      letter-spacing: .06em; flex-shrink: 0; padding-top: .22rem; font-family: inherit;
    }
    .cb-v8-release-promo .v8-stmt p { margin: 0; font-size: .88rem; color: rgba(255,255,255,.82); line-height: 1.5; }

    /* ── Overview visual: v8 release card ────────────────── */
    .cb-v8-release-promo .ai-visual--v8-release {
      background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.13);
      padding: 1.5rem 1.25rem 1.1rem; display: flex; flex-direction: column; gap: .85rem;
      font-size: .78rem; backdrop-filter: blur(8px); box-shadow: 0 8px 40px rgba(0,0,0,.3);
    }
    .cb-v8-release-promo .v8r-hero {
      display: flex; align-items: flex-end; gap: .75rem;
      padding-bottom: .8rem; border-bottom: 1px solid rgba(255,255,255,.1);
    }
    .cb-v8-release-promo .v8r-version {
      font-size: 3.6rem; font-weight: 900; line-height: .9; letter-spacing: -.04em;
      background: linear-gradient(135deg, #fff 20%, rgba(80,181,255,.85) 80%);
      -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
    }
    .cb-v8-release-promo .v8r-info { display: flex; flex-direction: column; gap: .2rem; padding-bottom: .15rem; }
    .cb-v8-release-promo .v8r-product { font-size: .84rem; font-weight: 700; color: rgba(255,255,255,.88); }
    .cb-v8-release-promo .v8r-tagline { font-size: .7rem; color: rgba(255,255,255,.4); }
    .cb-v8-release-promo .v8r-outcomes { display: flex; flex-direction: column; gap: .44rem; }
    .cb-v8-release-promo .v8r-outcome { display: flex; align-items: flex-start; gap: .55rem; font-size: .8rem; color: rgba(255,255,255,.75); line-height: 1.4; }
    .cb-v8-release-promo .v8r-outcome-dot { width: 5px; height: 5px; border-radius: 50%; background: #50b5ff; flex-shrink: 0; margin-top: .38rem; }
    .cb-v8-release-promo .v8r-timeline {
      border-top: 1px solid rgba(255,255,255,.08); padding-top: .6rem;
      display: flex; align-items: center; gap: .2rem;
    }
    .cb-v8-release-promo .v8r-year { font-size: .6rem; color: rgba(255,255,255,.25); white-space: nowrap; }
    .cb-v8-release-promo .v8r-tick { flex: 1; height: 1px; background: rgba(255,255,255,.08); }
    .cb-v8-release-promo .v8r-year-current {
      font-size: .72rem; font-weight: 800; color: #50b5ff;
      background: rgba(80,181,255,.12); border: 1px solid rgba(80,181,255,.28);
      border-radius: .3rem; padding: .1rem .42rem; white-space: nowrap;
    }

.cb-v8-release-promo-test-page {
   font-size: .72rem;  
}