:root {
      --cd-primary: #0071e3;
      --cd-primary-hover: #0077ed;
      --cd-success: #3fc77d;
      --cd-ink: #1a1d21;
      --cd-muted: #6c757d;
      --cd-surface: #f7f9fc;
    }
    .features-home-lp {
      font-family: inherit;
      color: var(--cd-ink);
      -webkit-font-smoothing: antialiased;
    }
    .features-home-lp .btn-primary {
      --bs-btn-bg: var(--cd-primary);
      --bs-btn-border-color: var(--cd-primary);
      --bs-btn-hover-bg: var(--cd-primary-hover);
      font-weight: 500;
      padding: 0.65rem 1.35rem;
    }
    .features-home-lp .btn-outline-primary {
      --bs-btn-color: var(--cd-primary);
      --bs-btn-border-color: var(--cd-primary);
      font-weight: 500;
    }
    .features-home-lp .hero-gradient {
      position: relative;
      background-color: #fbfbfd;
      background-image:
        radial-gradient(ellipse 88% 72% at 85% 6%, rgba(0, 113, 227, 0.12) 0%, transparent 56%),
        radial-gradient(ellipse 72% 58% at 4% 88%, rgba(52, 199, 89, 0.1) 0%, transparent 52%),
        radial-gradient(ellipse 45% 38% at 50% 45%, rgba(0, 113, 227, 0.04) 0%, transparent 62%),
        linear-gradient(180deg, #e9f0fb 0%, #ffffff 44%, #f6fcf9 100%);
      border-bottom: 1px solid rgba(0, 0, 0, 0.055);
      overflow: visible;
    }
    .features-home-lp .hero-badge {
      font-size: 0.8rem;
      font-weight: 600;
      letter-spacing: 0.02em;
      color: var(--cd-primary);
      background: rgba(0, 113, 227, 0.1);
      border-radius: 999px;
      padding: 0.35rem 0.85rem;
      display: inline-block;
    }
    .features-home-lp .display-heading {
      font-weight: 700;
      letter-spacing: -0.02em;
      line-height: 1.12;
    }
    .features-home-lp .lead-tight {
      max-width: 40rem;
      color: var(--cd-muted);
      font-size: 1.05rem;
    }
    .features-home-lp .floating-card {
      border-radius: 1rem;
      box-shadow: 0 0.35rem 1.75rem rgba(0, 40, 100, 0.07), 0 0 0 1px rgba(255, 255, 255, 0.8) inset;
      border: 1px solid rgba(0, 0, 0, 0.055);
      background: #fff;
    }
    .features-home-lp .icon-circle {
      width: 3rem;
      height: 3rem;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 1.35rem;
    }
    .features-home-lp .section-alt {
      background: var(--cd-surface);
    }
    .features-home-lp .cta-band {
      position: relative;
      overflow: hidden;
      background:
        radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.2), transparent 16rem),
        radial-gradient(circle at 82% 90%, rgba(63, 199, 125, 0.34), transparent 18rem),
        linear-gradient(145deg, #005fd0 0%, #0071e3 42%, #0087ff 68%, #01428d 100%);
      color: #fff;
      border-radius: 1.45rem;
      box-shadow:
        0 1.25rem 3rem rgba(0, 40, 100, 0.18),
        0 0 0 1px rgba(255, 255, 255, 0.16) inset;
    }
    .features-home-lp .cta-band::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.07) 1px, transparent 1px);
      background-size: 42px 42px;
      mask-image: radial-gradient(circle at 50% 38%, #000 0%, transparent 72%);
      pointer-events: none;
    }
    .features-home-lp .cta-band > * {
      position: relative;
      z-index: 1;
    }
    .features-home-lp .cta-band h2 {
      letter-spacing: -0.03em;
    }
    .features-home-lp .cta-band .btn-light {
      font-weight: 600;
      color: var(--cd-primary);
      border: 0;
      box-shadow: 0 0.75rem 1.5rem rgba(0, 40, 100, 0.18);
    }
    .features-home-lp .cta-band .btn-outline-light {
      border-color: rgba(255, 255, 255, 0.5);
      background: rgba(255, 255, 255, 0.08);
      backdrop-filter: blur(10px);
    }
    .features-home-lp .cta-band .btn {
      border-radius: 999px;
      padding: 0.72rem 1.2rem;
    }
    .features-home-lp .stats-strip {
      border-top: 1px solid rgba(0, 0, 0, 0.06);
      border-bottom: 1px solid rgba(0, 0, 0, 0.06);
      background: linear-gradient(180deg, #fbfbfd 0%, #f7fafc 48%, #ffffff 100%);
    }
    .features-home-lp .home-chip {
      display: inline-block;
      font-size: 0.75rem;
      font-weight: 500;
      padding: 0.4rem 0.85rem;
      border-radius: 999px;
      background: #fff;
      border: 1px solid rgba(0, 0, 0, 0.08);
      color: var(--cd-muted);
    }
    .features-home-lp .home-flow-marker {
      width: 2.25rem;
      height: 2.25rem;
      border-radius: 50%;
      background: linear-gradient(135deg, #0071e3, #2aab6f);
      color: #fff;
      font-weight: 700;
      font-size: 0.85rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
    .features-home-lp .rollout-strip .home-flow-marker,
    .features-home-lp .rollout-timeline-marker {
      width: 2.35rem;
      height: 2.35rem;
      font-size: 0.82rem;
      line-height: 1;
      background: linear-gradient(145deg, #0071e3, #2aab6f);
      box-shadow:
        0 0.45rem 1rem rgba(0, 113, 227, 0.24),
        0 0 0 4px rgba(255, 255, 255, 0.95),
        0 0 0 5px rgba(0, 113, 227, 0.08);
    }
    .features-home-lp .rollout-timeline-marker {
      position: relative;
      z-index: 2;
    }
    .features-home-lp .home-quote {
      border-left: 4px solid var(--cd-primary);
      padding: 1.15rem 1.35rem;
      background: rgba(0, 113, 227, 0.06);
      border-radius: 0 0.75rem 0.75rem 0;
    }
    .features-home-lp .faq-shell {
      background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(248, 252, 255, 0.82));
      border-radius: 1.45rem;
      border: 1px solid rgba(0, 113, 227, 0.08);
      box-shadow:
        0 1rem 2.6rem rgba(0, 40, 100, 0.08),
        0 1px 0 rgba(255, 255, 255, 0.95) inset;
      padding: 1.2rem;
    }
    @media (min-width: 768px) {
      .features-home-lp .faq-shell {
        padding: 1.5rem;
      }
    }
    .features-home-lp .faq-shell .accordion-item {
      border: 1px solid rgba(0, 113, 227, 0.08) !important;
      border-radius: 1rem !important;
      overflow: hidden;
      margin-bottom: 0.7rem;
      background: rgba(255, 255, 255, 0.82);
      box-shadow: 0 0.45rem 1.1rem rgba(0, 40, 100, 0.04);
    }
    .features-home-lp .faq-shell .accordion-item:last-child {
      margin-bottom: 0;
    }
    .features-home-lp .faq-shell .accordion-button {
      font-weight: 650;
      font-size: 0.95rem;
      line-height: 1.45;
      padding: 1rem 1.15rem;
      color: #111827;
      background: transparent;
      box-shadow: none;
    }
    .features-home-lp .faq-shell .accordion-button:not(.collapsed) {
      color: #0f2742;
      background:
        linear-gradient(135deg, rgba(0, 113, 227, 0.1), rgba(63, 199, 125, 0.08));
      box-shadow: none;
    }
    .features-home-lp .faq-shell .accordion-button:focus {
      border-color: transparent;
      box-shadow: 0 0 0 0.2rem rgba(0, 113, 227, 0.12);
    }
    @media (min-width: 768px) {
      .features-home-lp .faq-shell .accordion-button {
        padding: 1.05rem 1.25rem;
      }
    }
    .features-home-lp .faq-shell .accordion-body {
      padding: 0.9rem 1.15rem 1.2rem;
      line-height: 1.65;
      background: rgba(255, 255, 255, 0.72);
    }
    @media (min-width: 768px) {
      .features-home-lp .faq-shell .accordion-body {
        padding: 0.95rem 1.25rem 1.25rem;
      }
    }
    .features-home-lp .home-cap-card {
      border-radius: 0.75rem;
      border: 1px solid rgba(0, 0, 0, 0.06);
      background: #fff;
      height: 100%;
      transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }
    .features-home-lp .home-cap-card:hover {
      border-color: rgba(0, 113, 227, 0.25);
      box-shadow: 0 0.35rem 1.25rem rgba(0, 40, 100, 0.06);
    }
    .features-home-lp .home-cap-icon {
      width: 2.85rem;
      height: 2.85rem;
      border-radius: 0.75rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 1.35rem;
      background: linear-gradient(135deg, rgba(0, 113, 227, 0.12), rgba(0, 113, 227, 0.06));
      color: var(--cd-primary);
      margin-bottom: 0.5rem;
    }
    .features-home-lp .quote-featured {
      position: relative;
      overflow: hidden;
      padding: 1.5rem 1.75rem 1.55rem 4.25rem;
      background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(248, 252, 255, 0.82)),
        radial-gradient(circle at 8% 20%, rgba(0, 113, 227, 0.12), transparent 12rem);
      border: 1px solid rgba(0, 113, 227, 0.11);
      box-shadow:
        0 1rem 2.6rem rgba(0, 40, 100, 0.08),
        0 1px 0 rgba(255, 255, 255, 0.95) inset;
    }
    .features-home-lp .hero-visual-zone {
      position: relative;
      isolation: isolate;
      min-height: 400px;
      perspective: 1200px;
    }
    @media (min-width: 992px) {
      .features-home-lp .hero-visual-zone { min-height: 460px; }
    }
    .features-home-lp .hero-logo-orbit {
      min-height: clamp(410px, 40vw, 500px);
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: visible;
      max-width: 1120px;
      margin-inline: auto;
    }
    .features-home-lp .hero-logo-orbit__copy {
      position: relative;
      z-index: 4;
      max-width: 50rem;
      padding: 2.25rem 2rem;
      border-radius: 2rem;
      background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0) 72%);
      backdrop-filter: blur(2px);
    }
    .features-home-lp .hero-logo-orbit__copy .lead {
      max-width: 41rem;
      margin-inline: auto;
    }
    .features-home-lp .hero-logo-orbit .hero-chip-backfield {
      inset: 0 1rem;
      opacity: 0.82;
    }
    .features-home-lp .hero-logo-orbit .hero-channel-float {
      inset: 4.5rem 7.25rem;
      z-index: 3;
    }
    .features-home-lp .hero-logo-orbit .hero-channel-float__mark {
      will-change: transform;
      transition:
        transform 0.22s ease-out,
        box-shadow 0.45s ease;
    }
    @media (max-width: 991.98px) {
      .features-home-lp .hero-logo-orbit {
        min-height: 470px;
      }
      .features-home-lp .hero-logo-orbit__copy {
        max-width: 42rem;
      }
      .features-home-lp .hero-logo-orbit .hero-channel-float {
        inset: 4.8rem 5rem;
      }
    }
    @media (max-width: 575.98px) {
      .features-home-lp .hero-logo-orbit {
        min-height: 480px;
      }
      .features-home-lp .hero-logo-orbit__copy {
        padding: 1.5rem 0.35rem;
        background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.1) 76%);
      }
      .features-home-lp .hero-logo-orbit .hero-channel-float {
        inset: 5.25rem 3.75rem;
      }
    }
    /* Whole tile drifts (margin + absolute layout); logos stay fixed on the block. Hover still uses transform on the same element. */
    @keyframes cd-hero-chip-drift {
      0%,
      100% {
        margin-left: 0;
        margin-top: 0;
      }
      33% {
        margin-left: 4px;
        margin-top: -7px;
      }
      66% {
        margin-left: -3px;
        margin-top: 5px;
      }
    }
    .features-home-lp .hero-chip-backfield {
      position: absolute;
      inset: -48px -36px -52px -36px;
      z-index: 1;
      pointer-events: none;
      transform: translateZ(-18px);
      transform-style: preserve-3d;
    }
    .features-home-lp .hero-channel-float {
      position: absolute;
      inset: -36px -26px -40px -26px;
      z-index: 3;
      pointer-events: none;
      transform: translateZ(12px);
      transform-style: preserve-3d;
    }
    .features-home-lp .hero-channel-float__mark {
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0.55rem 0.65rem;
      min-width: 4.15rem;
      min-height: 4.15rem;
      border-radius: 1rem;
      margin: 0;
      animation: cd-hero-chip-drift 5.2s ease-in-out infinite;
      transition:
        transform 0.65s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.45s ease;
      transform: translate3d(0, 0, 0) scale(1);
      overflow: visible;
      border: 1px solid rgba(255, 255, 255, 0.22);
    }
    .features-home-lp .hero-channel-float__mark::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      background: linear-gradient(
        155deg,
        rgba(255, 255, 255, 0.52) 0%,
        rgba(255, 255, 255, 0.12) 38%,
        rgba(255, 255, 255, 0) 52%
      );
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset;
      pointer-events: none;
      z-index: 1;
      opacity: 0.92;
    }
    .features-home-lp .hero-channel-float__mark-inner {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      z-index: 2;
    }
    .features-home-lp .hero-channel-float__mark--amazon {
      animation-delay: -0.4s;
      animation-duration: 4.8s;
    }
    .features-home-lp .hero-channel-float__mark--shopify {
      animation-delay: -1.1s;
      animation-duration: 5.5s;
    }
    .features-home-lp .hero-channel-float__mark--bol {
      animation-delay: -0.8s;
      animation-duration: 4.6s;
    }
    .features-home-lp .hero-channel-float__mark--kaufland {
      animation-delay: -1.6s;
      animation-duration: 5.8s;
    }
    .features-home-lp .hero-channel-float__mark--otto {
      animation-delay: -2s;
      animation-duration: 5.1s;
    }
    .features-home-lp .hero-channel-float__mark--carrier {
      min-width: 3.75rem;
      min-height: 3.75rem;
      padding: 0.48rem 0.55rem;
      border-radius: 0.9rem;
    }
    .features-home-lp .hero-channel-float__mark--carrier img,
    .features-home-lp .hero-channel-float__mark--carrier .hero-channel-float__wordmark {
      width: auto;
      max-width: 3.25rem;
      max-height: 1rem;
    }
    .features-home-lp .hero-channel-float__mark--dhl {
      animation-delay: -2.4s;
      animation-duration: 5.4s;
    }
    .features-home-lp .hero-channel-float__mark--ups {
      animation-delay: -0.9s;
      animation-duration: 4.9s;
    }
    .features-home-lp .hero-channel-float__mark--dpd {
      animation-delay: -1.75s;
      animation-duration: 5.6s;
    }
    .features-home-lp .hero-channel-float__mark--postnl {
      animation-delay: -2.85s;
      animation-duration: 5.2s;
    }
    .features-home-lp .hero-channel-float__mark img,
    .features-home-lp .hero-channel-float__mark .hero-channel-float__wordmark {
      display: block;
      width: 2.15rem;
      height: auto;
      max-height: 2.15rem;
      object-fit: contain;
    }
    .features-home-lp .hero-channel-float__mark--bol img,
    .features-home-lp .hero-channel-float__mark--kaufland img,
    .features-home-lp .hero-channel-float__mark--otto img,
    .features-home-lp .hero-channel-float__mark--postnl img,
    .features-home-lp .hero-channel-float__mark--bigcommerce img,
    .features-home-lp .hero-channel-float__mark--bol .hero-channel-float__wordmark,
    .features-home-lp .hero-channel-float__mark--kaufland .hero-channel-float__wordmark,
    .features-home-lp .hero-channel-float__mark--otto .hero-channel-float__wordmark,
    .features-home-lp .hero-channel-float__mark--postnl .hero-channel-float__wordmark,
    .features-home-lp .hero-channel-float__mark--bigcommerce .hero-channel-float__wordmark {
      width: auto;
      max-width: 4.35rem;
      max-height: 1.2rem;
    }
    /* Background fill: smaller chips behind the Operations mock */
    .features-home-lp .hero-channel-float__mark--back {
      min-width: 3.15rem;
      min-height: 3.15rem;
      padding: 0.36rem 0.42rem;
      border-radius: 0.85rem;
      opacity: 0.93;
      animation-duration: 6.9s;
      border-color: rgba(255, 255, 255, 0.2);
    }
    .features-home-lp .hero-chip-backfield .hero-channel-float__mark img,
    .features-home-lp .hero-chip-backfield .hero-channel-float__mark .hero-channel-float__wordmark {
      max-width: 2.7rem;
      max-height: 0.82rem;
    }
    .features-home-lp .hero-chip-backfield .hero-channel-float__mark:nth-child(1) img {
      width: 1.8rem;
      max-width: 1.8rem;
      max-height: 1.8rem;
    }
    .features-home-lp .hero-chip-backfield .hero-channel-float__mark:nth-child(1) {
      left: 4%;
      top: 6%;
      animation-delay: -0.35s;
      background: linear-gradient(145deg, #f4edfc 0%, #e8dff8 50%, #dccfef 100%);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.7) inset,
        0 -2px 6px rgba(80, 40, 120, 0.12) inset,
        0 3px 8px rgba(0, 0, 0, 0.07),
        0 0.45rem 1.05rem rgba(127, 84, 179, 0.22),
        0 18px 36px rgba(0, 40, 100, 0.1);
    }
    .features-home-lp .hero-chip-backfield .hero-channel-float__mark:nth-child(2) {
      right: 6%;
      top: 4%;
      animation-delay: -1.1s;
      background: linear-gradient(145deg, #f8f8f4 0%, #ecece6 100%);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.75) inset,
        0 -2px 6px rgba(0, 0, 0, 0.06) inset,
        0 3px 8px rgba(0, 0, 0, 0.08),
        0 0.45rem 1rem rgba(0, 0, 0, 0.08),
        0 16px 32px rgba(0, 40, 100, 0.09);
    }
    .features-home-lp .hero-chip-backfield .hero-channel-float__mark:nth-child(3) {
      left: 2%;
      top: 38%;
      animation-delay: -2.2s;
      background: linear-gradient(145deg, #2d2d2d 0%, #121212 100%);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.18) inset,
        0 -2px 6px rgba(0, 0, 0, 0.35) inset,
        0 3px 8px rgba(0, 0, 0, 0.2),
        0 0.5rem 1.15rem rgba(0, 0, 0, 0.28),
        0 18px 34px rgba(0, 40, 100, 0.12);
    }
    .features-home-lp .hero-chip-backfield .hero-channel-float__mark:nth-child(4) {
      right: 2%;
      top: 34%;
      animation-delay: -0.85s;
      background: linear-gradient(145deg, #ff7a3d 0%, #ff5a00 50%, #e04e00 100%);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.35) inset,
        0 -2px 6px rgba(0, 0, 0, 0.15) inset,
        0 3px 8px rgba(0, 0, 0, 0.1),
        0 0.5rem 1.15rem rgba(255, 90, 0, 0.35),
        0 16px 32px rgba(0, 40, 100, 0.1);
    }
    .features-home-lp .hero-chip-backfield .hero-channel-float__mark:nth-child(5) {
      left: 10%;
      bottom: 6%;
      animation-delay: -1.65s;
      background: linear-gradient(145deg, #ff8f5c 0%, #f56400 55%, #d45500 100%);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.35) inset,
        0 -2px 6px rgba(0, 0, 0, 0.12) inset,
        0 3px 8px rgba(0, 0, 0, 0.09),
        0 0.5rem 1.1rem rgba(245, 100, 0, 0.32),
        0 16px 30px rgba(0, 40, 100, 0.09);
    }
    .features-home-lp .hero-chip-backfield .hero-channel-float__mark:nth-child(6) {
      right: 8%;
      bottom: 8%;
      animation-delay: -2.9s;
      background: linear-gradient(145deg, #8b5cf6 0%, #6d28d9 55%, #5b21b6 100%);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.3) inset,
        0 -2px 6px rgba(0, 0, 0, 0.2) inset,
        0 3px 8px rgba(0, 0, 0, 0.12),
        0 0.5rem 1.1rem rgba(109, 40, 217, 0.32),
        0 16px 32px rgba(0, 40, 100, 0.11);
    }
    .features-home-lp .hero-chip-backfield .hero-channel-float__mark:nth-child(7) {
      left: 14%;
      top: 14%;
      animation-delay: -0.5s;
      background: linear-gradient(145deg, #e91e8c 0%, #cd0076 50%, #a8005c 100%);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.35) inset,
        0 -2px 6px rgba(0, 0, 0, 0.18) inset,
        0 3px 8px rgba(0, 0, 0, 0.1),
        0 0.5rem 1.1rem rgba(205, 0, 118, 0.3),
        0 16px 30px rgba(0, 40, 100, 0.1);
    }
    .features-home-lp .hero-chip-backfield .hero-channel-float__mark:nth-child(8) {
      right: 14%;
      bottom: 22%;
      animation-delay: -3.4s;
      background: linear-gradient(145deg, #ff8a50 0%, #f26322 50%, #c94e1a 100%);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.4) inset,
        0 -2px 6px rgba(0, 0, 0, 0.12) inset,
        0 3px 8px rgba(0, 0, 0, 0.09),
        0 0.5rem 1.05rem rgba(242, 99, 34, 0.32),
        0 16px 30px rgba(0, 40, 100, 0.09);
    }
    .features-home-lp .hero-chip-backfield .hero-channel-float__mark:nth-child(9) {
      left: -4%;
      top: 20%;
      animation-delay: -1.25s;
      background: linear-gradient(145deg, #ffd54a 0%, #ffc72c 52%, #f0b400 100%);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.55) inset,
        0 -2px 6px rgba(0, 0, 0, 0.08) inset,
        0 3px 8px rgba(0, 0, 0, 0.08),
        0 0.45rem 1.05rem rgba(240, 180, 0, 0.35),
        0 16px 30px rgba(0, 40, 100, 0.1);
    }
    .features-home-lp .hero-chip-backfield .hero-channel-float__mark:nth-child(10) {
      left: 26%;
      bottom: 2%;
      animation-delay: -2.05s;
      background: linear-gradient(145deg, #5c2483 0%, #4d148c 50%, #3a0f6b 100%);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.22) inset,
        0 -2px 6px rgba(0, 0, 0, 0.3) inset,
        0 3px 8px rgba(0, 0, 0, 0.18),
        0 0.5rem 1.15rem rgba(77, 20, 140, 0.38),
        0 18px 34px rgba(0, 40, 100, 0.12);
    }
    .features-home-lp .hero-chip-backfield .hero-channel-float__mark:nth-child(11) {
      right: 26%;
      top: 10%;
      animation-delay: -0.65s;
      background: linear-gradient(145deg, #1447cc 0%, #0033a0 50%, #002880 100%);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.25) inset,
        0 -2px 6px rgba(0, 0, 0, 0.22) inset,
        0 3px 8px rgba(0, 0, 0, 0.12),
        0 0.5rem 1.1rem rgba(0, 51, 160, 0.35),
        0 16px 32px rgba(0, 40, 100, 0.12);
    }
    .features-home-lp .hero-chip-backfield .hero-channel-float__mark:nth-child(12) {
      right: -2%;
      top: 48%;
      left: auto;
      animation-delay: -3.1s;
      background: linear-gradient(145deg, #ffe866 0%, #f6d300 50%, #d4b400 100%);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.6) inset,
        0 -2px 6px rgba(0, 0, 0, 0.08) inset,
        0 3px 8px rgba(0, 0, 0, 0.07),
        0 0.45rem 1rem rgba(246, 211, 0, 0.35),
        0 16px 30px rgba(0, 40, 100, 0.09);
    }
    .features-home-lp .hero-chip-backfield .hero-channel-float__mark:nth-child(12) svg text {
      fill: #1a1a47;
    }
    .features-home-lp .hero-chip-backfield .hero-channel-float__mark:nth-child(13) {
      right: 32%;
      bottom: 4%;
      animation-delay: -1.85s;
      background: linear-gradient(145deg, #2ee4a8 0%, #00b67a 50%, #009463 100%);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.35) inset,
        0 -2px 6px rgba(0, 0, 0, 0.12) inset,
        0 3px 8px rgba(0, 0, 0, 0.09),
        0 0.5rem 1.05rem rgba(0, 182, 122, 0.3),
        0 16px 30px rgba(0, 40, 100, 0.09);
    }
    .features-home-lp .hero-chip-backfield .hero-channel-float__mark:nth-child(14) {
      left: 6%;
      bottom: 28%;
      animation-delay: -2.65s;
      background: linear-gradient(145deg, #ff335f 0%, #e10240 52%, #b80233 100%);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.32) inset,
        0 -2px 6px rgba(0, 0, 0, 0.18) inset,
        0 3px 8px rgba(0, 0, 0, 0.1),
        0 0.5rem 1.1rem rgba(225, 2, 64, 0.32),
        0 16px 32px rgba(0, 40, 100, 0.1);
    }
    .features-home-lp .hero-chip-backfield .hero-channel-float__mark:nth-child(15) {
      right: 4%;
      bottom: 30%;
      animation-delay: -0.95s;
      background: linear-gradient(145deg, #ff5a5a 0%, #e30018 50%, #b80012 100%);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.32) inset,
        0 -2px 6px rgba(0, 0, 0, 0.18) inset,
        0 3px 8px rgba(0, 0, 0, 0.1),
        0 0.5rem 1.1rem rgba(227, 0, 24, 0.32),
        0 16px 32px rgba(0, 40, 100, 0.1);
    }
    .features-home-lp .hero-chip-backfield .hero-channel-float__mark:nth-child(16) {
      right: 20%;
      bottom: -6%;
      left: auto;
      animation-delay: -3.55s;
      background: linear-gradient(145deg, #5fd4ff 0%, #00a0e4 50%, #007fb5 100%);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.45) inset,
        0 -2px 6px rgba(0, 0, 0, 0.12) inset,
        0 3px 8px rgba(0, 0, 0, 0.09),
        0 0.5rem 1.05rem rgba(0, 160, 228, 0.32),
        0 16px 32px rgba(0, 40, 100, 0.1);
    }
    .features-home-lp .hero-chip-backfield .hero-channel-float__mark:nth-child(17) {
      left: 23%;
      top: -4%;
      animation-delay: -1.45s;
      background: linear-gradient(145deg, #2f8de4 0%, #0875d1 50%, #005fa8 100%);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.34) inset,
        0 -2px 6px rgba(0, 0, 0, 0.14) inset,
        0 3px 8px rgba(0, 0, 0, 0.1),
        0 0.5rem 1.05rem rgba(8, 117, 209, 0.3),
        0 16px 30px rgba(0, 40, 100, 0.1);
    }
    .features-home-lp .hero-chip-backfield .hero-channel-float__mark:nth-child(18) {
      right: 18%;
      top: 24%;
      animation-delay: -2.35s;
      background: linear-gradient(145deg, #1277ff 0%, #0053c2 50%, #003f94 100%);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.3) inset,
        0 -2px 6px rgba(0, 0, 0, 0.16) inset,
        0 3px 8px rgba(0, 0, 0, 0.1),
        0 0.5rem 1.1rem rgba(0, 83, 194, 0.34),
        0 16px 32px rgba(0, 40, 100, 0.11);
    }
    .features-home-lp .hero-chip-backfield .hero-channel-float__mark:nth-child(19) {
      left: 33%;
      bottom: 12%;
      animation-delay: -3.25s;
      background: linear-gradient(145deg, #00a0df 0%, #0072ce 50%, #0056a1 100%);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.32) inset,
        0 -2px 6px rgba(0, 0, 0, 0.13) inset,
        0 3px 8px rgba(0, 0, 0, 0.1),
        0 0.5rem 1.05rem rgba(0, 114, 206, 0.32),
        0 16px 30px rgba(0, 40, 100, 0.1);
    }
    .features-home-lp .hero-chip-backfield .hero-channel-float__mark:nth-child(20) {
      right: 34%;
      top: -2%;
      animation-delay: -0.75s;
      background: linear-gradient(145deg, #111827 0%, #020617 52%, #000 100%);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.18) inset,
        0 -2px 6px rgba(0, 0, 0, 0.38) inset,
        0 3px 8px rgba(0, 0, 0, 0.18),
        0 0.5rem 1.1rem rgba(2, 6, 23, 0.28),
        0 16px 32px rgba(0, 40, 100, 0.11);
    }
    .features-home-lp .hero-chip-backfield .hero-channel-float__mark:nth-child(21) {
      left: 44%;
      bottom: -4%;
      animation-delay: -2.75s;
      background: linear-gradient(145deg, #ffd05d 0%, #f4a000 52%, #d68100 100%);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.5) inset,
        0 -2px 6px rgba(0, 0, 0, 0.09) inset,
        0 3px 8px rgba(0, 0, 0, 0.08),
        0 0.45rem 1rem rgba(244, 160, 0, 0.32),
        0 16px 30px rgba(0, 40, 100, 0.09);
    }
    .features-home-lp .hero-chip-backfield .hero-channel-float__mark:nth-child(22) {
      right: 42%;
      bottom: 18%;
      animation-delay: -3.75s;
      background: linear-gradient(145deg, #ff2e53 0%, #d60b2f 52%, #a70725 100%);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.32) inset,
        0 -2px 6px rgba(0, 0, 0, 0.16) inset,
        0 3px 8px rgba(0, 0, 0, 0.1),
        0 0.5rem 1.05rem rgba(214, 11, 47, 0.32),
        0 16px 30px rgba(0, 40, 100, 0.1);
    }
    @media (max-width: 575.98px) {
      .features-home-lp .hero-chip-backfield .hero-channel-float__mark:nth-child(n + 13) {
        display: none;
      }
      .features-home-lp .hero-chip-backfield {
        opacity: 0.88;
      }
    }
    /* Brand tiles — kept toward the orbit edge so the Operations mock stays readable */
    .features-home-lp .hero-channel-float__mark--amazon {
      left: -18%;
      top: -6%;
      background: linear-gradient(145deg, #ffb84d 0%, #ff9900 50%, #e88b00 100%);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.55) inset,
        0 -3px 8px rgba(0, 0, 0, 0.1) inset,
        0 5px 12px rgba(0, 0, 0, 0.1),
        0 0.55rem 1.45rem rgba(255, 153, 0, 0.42),
        0 22px 48px rgba(0, 40, 100, 0.17);
    }
    .features-home-lp .hero-channel-float__mark--shopify {
      right: -18%;
      top: -5%;
      background: linear-gradient(145deg, #a8d46a 0%, #95bf47 45%, #6b9e2f 100%);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.5) inset,
        0 -3px 8px rgba(0, 0, 0, 0.12) inset,
        0 5px 12px rgba(0, 0, 0, 0.09),
        0 0.55rem 1.45rem rgba(107, 158, 47, 0.4),
        0 22px 48px rgba(0, 40, 100, 0.16);
    }
    .features-home-lp .hero-channel-float__mark--shopify img {
      filter: brightness(0) invert(1) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.12));
    }
    .features-home-lp .hero-channel-float__mark--bol {
      left: -22%;
      bottom: -2%;
      background: linear-gradient(145deg, #1a1aff 0%, #0000a4 55%, #000070 100%);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.28) inset,
        0 -3px 8px rgba(0, 0, 0, 0.22) inset,
        0 5px 12px rgba(0, 0, 0, 0.12),
        0 0.55rem 1.45rem rgba(0, 0, 164, 0.38),
        0 22px 48px rgba(0, 40, 100, 0.15);
    }
    .features-home-lp .hero-channel-float__mark--kaufland {
      right: -16%;
      bottom: -4%;
      background: linear-gradient(145deg, #ff3b30 0%, #e30613 50%, #b1050f 100%);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.32) inset,
        0 -3px 8px rgba(0, 0, 0, 0.15) inset,
        0 5px 12px rgba(0, 0, 0, 0.1),
        0 0.55rem 1.45rem rgba(227, 6, 19, 0.4),
        0 22px 48px rgba(0, 40, 100, 0.15);
    }
    .features-home-lp .hero-channel-float__mark--otto {
      left: -8%;
      top: -16%;
      background: linear-gradient(145deg, #ff4d5e 0%, #e31837 50%, #b9122b 100%);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.32) inset,
        0 -3px 8px rgba(0, 0, 0, 0.14) inset,
        0 5px 12px rgba(0, 0, 0, 0.1),
        0 0.55rem 1.45rem rgba(227, 24, 55, 0.4),
        0 22px 48px rgba(0, 40, 100, 0.15);
    }
    .features-home-lp .hero-visual-zone:hover .hero-channel-float__mark--amazon {
      transform: translate3d(-6px, -8px, 0) rotate(6deg) scale(1.06);
    }
    .features-home-lp .hero-visual-zone:hover .hero-channel-float__mark--shopify {
      transform: translate3d(6px, -8px, 0) rotate(-7deg) scale(1.06);
    }
    .features-home-lp .hero-visual-zone:hover .hero-channel-float__mark--bol {
      transform: translate3d(-8px, 8px, 0) rotate(-4deg) scale(1.06);
    }
    .features-home-lp .hero-visual-zone:hover .hero-channel-float__mark--kaufland {
      transform: translate3d(8px, 8px, 0) rotate(5deg) scale(1.06);
    }
    .features-home-lp .hero-visual-zone:hover .hero-channel-float__mark--otto {
      transform: translate3d(-8px, -6px, 0) rotate(-5deg) scale(1.06);
    }
    /* Carrier tiles (palette hints for UI only—not official brand assets) */
    .features-home-lp .hero-channel-float__mark--dhl {
      left: -14%;
      top: 26%;
      background: linear-gradient(145deg, #ffe14a 0%, #ffcc00 45%, #e6b800 100%);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.55) inset,
        0 -3px 8px rgba(0, 0, 0, 0.08) inset,
        0 5px 12px rgba(0, 0, 0, 0.08),
        0 0.5rem 1.25rem rgba(230, 184, 0, 0.38),
        0 22px 44px rgba(0, 40, 100, 0.14);
    }
    .features-home-lp .hero-channel-float__mark--ups {
      right: -14%;
      top: 28%;
      background: linear-gradient(145deg, #5c3318 0%, #351c15 50%, #24120e 100%);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.22) inset,
        0 -3px 8px rgba(0, 0, 0, 0.28) inset,
        0 5px 12px rgba(0, 0, 0, 0.15),
        0 0.5rem 1.25rem rgba(53, 28, 21, 0.42),
        0 22px 44px rgba(0, 40, 100, 0.15);
    }
    .features-home-lp .hero-channel-float__mark--dpd {
      left: 4%;
      bottom: -12%;
      background: linear-gradient(145deg, #ff3355 0%, #dc0032 50%, #a80026 100%);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.32) inset,
        0 -3px 8px rgba(0, 0, 0, 0.15) inset,
        0 5px 12px rgba(0, 0, 0, 0.1),
        0 0.5rem 1.25rem rgba(220, 0, 50, 0.38),
        0 22px 44px rgba(0, 40, 100, 0.14);
    }
    .features-home-lp .hero-channel-float__mark--postnl {
      right: -12%;
      top: -14%;
      background: linear-gradient(145deg, #ff9a3d 0%, #ec7404 45%, #c75f00 100%);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.35) inset,
        0 -3px 8px rgba(0, 0, 0, 0.1) inset,
        0 5px 12px rgba(0, 0, 0, 0.09),
        0 0.5rem 1.25rem rgba(236, 116, 4, 0.4),
        0 22px 44px rgba(0, 40, 100, 0.14);
    }
    .features-home-lp .hero-channel-float__mark--bigcommerce {
      right: 5%;
      bottom: -16%;
      background: linear-gradient(145deg, #3439e8 0%, #1217bd 52%, #080c8f 100%);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.28) inset,
        0 -3px 8px rgba(0, 0, 0, 0.2) inset,
        0 5px 12px rgba(0, 0, 0, 0.12),
        0 0.55rem 1.35rem rgba(18, 23, 189, 0.36),
        0 22px 44px rgba(0, 40, 100, 0.14);
    }
    .features-home-lp .hero-channel-float__mark--maersk {
      left: 38%;
      top: -18%;
      background: linear-gradient(145deg, #78d9ff 0%, #35b8e8 50%, #1595c5 100%);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.45) inset,
        0 -3px 8px rgba(0, 0, 0, 0.1) inset,
        0 5px 12px rgba(0, 0, 0, 0.08),
        0 0.5rem 1.25rem rgba(53, 184, 232, 0.38),
        0 22px 44px rgba(0, 40, 100, 0.14);
    }
    .features-home-lp .hero-visual-zone:hover .hero-channel-float__mark--dhl {
      transform: translate3d(-8px, 4px, 0) rotate(-4deg) scale(1.06);
    }
    .features-home-lp .hero-visual-zone:hover .hero-channel-float__mark--ups {
      transform: translate3d(8px, 4px, 0) rotate(5deg) scale(1.06);
    }
    .features-home-lp .hero-visual-zone:hover .hero-channel-float__mark--dpd {
      transform: translate3d(4px, 8px, 0) rotate(3deg) scale(1.06);
    }
    .features-home-lp .hero-visual-zone:hover .hero-channel-float__mark--postnl {
      transform: translate3d(6px, -6px, 0) rotate(-4deg) scale(1.06);
    }
    .features-home-lp .hero-visual-zone:hover .hero-channel-float__mark--bigcommerce {
      transform: translate3d(7px, 7px, 0) rotate(4deg) scale(1.06);
    }
    .features-home-lp .hero-visual-zone:hover .hero-channel-float__mark--maersk {
      transform: translate3d(-6px, -8px, 0) rotate(-5deg) scale(1.06);
    }
    .features-home-lp .hero-blob {
      position: absolute;
      border-radius: 50%;
      filter: blur(56px);
      opacity: 0.5;
      pointer-events: none;
      z-index: 0;
    }
    .features-home-lp .hero-blob-a {
      width: 240px;
      height: 240px;
      background: rgba(0, 113, 227, 0.35);
      top: -40px;
      right: 5%;
    }
    .features-home-lp .hero-blob-b {
      width: 200px;
      height: 200px;
      background: rgba(63, 199, 125, 0.3);
      bottom: -20px;
      left: 0;
    }
    .features-home-lp .hero-mock {
      position: relative;
      z-index: 2;
      border-radius: 1.15rem;
      background: #fff;
      box-shadow:
        0 1.25rem 3rem rgba(0, 40, 100, 0.11),
        0 0 0 1px rgba(0, 0, 0, 0.04),
        0 2.25rem 4.5rem rgba(0, 40, 100, 0.09);
      overflow: hidden;
    }
    .features-home-lp .hero-mock-head {
      background: linear-gradient(180deg, #f4f7fb 0%, #fff 100%);
      border-bottom: 1px solid rgba(0, 0, 0, 0.05);
      padding: 0.75rem 1rem;
    }
    .features-home-lp .hero-mock-dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      display: inline-block;
      margin-right: 6px;
      vertical-align: middle;
    }
    .features-home-lp .hero-mock-body {
      padding: 1.15rem 1.15rem 1.25rem;
    }
    /* Hero mock — animated “Live sync” block */
    .features-home-lp .hero-live-sync {
      border-radius: 0.75rem;
      padding: 0.65rem 0.75rem 0.85rem;
      background: linear-gradient(135deg, rgba(0, 113, 227, 0.06) 0%, rgba(63, 199, 125, 0.05) 100%);
      border: 1px solid rgba(0, 113, 227, 0.1);
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.85) inset;
    }
    .features-home-lp .hero-live-sync__sub {
      font-size: 0.7rem;
      line-height: 1.2;
    }
    .features-home-lp .hero-live-sync__glyph {
      position: relative;
      width: 2.35rem;
      height: 2.35rem;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: linear-gradient(145deg, rgba(0, 113, 227, 0.14), rgba(0, 113, 227, 0.06));
      border: 1px solid rgba(0, 113, 227, 0.18);
    }
    .features-home-lp .hero-live-sync__glyph-ring {
      position: absolute;
      inset: -3px;
      border-radius: 50%;
      border: 2px solid rgba(0, 113, 227, 0.22);
      border-top-color: rgba(63, 199, 125, 0.65);
      border-right-color: rgba(0, 113, 227, 0.45);
      animation: cd-live-sync-orbit 2.8s linear infinite;
    }
    .features-home-lp .hero-live-sync__glyph-icon {
      position: relative;
      font-size: 1.05rem;
      color: var(--cd-primary);
      animation: cd-live-sync-spin 2.4s linear infinite;
    }
    .features-home-lp .hero-live-sync__dots {
      display: inline-flex;
      align-items: center;
      gap: 5px;
    }
    .features-home-lp .hero-live-sync__dot {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--cd-primary);
      opacity: 0.38;
      animation: cd-live-sync-node 1.35s ease-in-out infinite;
      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9);
    }
    .features-home-lp .hero-live-sync__dot:nth-child(1) {
      background: #0071e3;
      animation-delay: 0s;
    }
    .features-home-lp .hero-live-sync__dot:nth-child(2) {
      background: #34c759;
      animation-delay: 0.18s;
    }
    .features-home-lp .hero-live-sync__dot:nth-child(3) {
      background: #ff9500;
      animation-delay: 0.36s;
    }
    .features-home-lp .hero-live-sync__dot:nth-child(4) {
      background: #af52de;
      animation-delay: 0.54s;
    }
    @keyframes cd-live-sync-orbit {
      to {
        transform: rotate(360deg);
      }
    }
    @keyframes cd-live-sync-spin {
      to {
        transform: rotate(-360deg);
      }
    }
    @keyframes cd-live-sync-node {
      0%,
      100% {
        opacity: 0.34;
        transform: scale(1);
      }
      40% {
        opacity: 1;
        transform: scale(1.2);
      }
    }
    .features-home-lp .hero-live-sync__badge {
      animation: cd-live-sync-badge 2.5s ease-in-out infinite;
    }
    @keyframes cd-live-sync-badge {
      0%,
      100% {
        box-shadow: 0 0 0 0 rgba(52, 199, 89, 0.35);
      }
      50% {
        box-shadow: 0 0 0 6px rgba(52, 199, 89, 0);
      }
    }
    .features-home-lp .hero-live-sync__track {
      position: relative;
      height: 7px;
      border-radius: 999px;
      background: linear-gradient(90deg, rgba(0, 113, 227, 0.12), rgba(63, 199, 125, 0.14));
      overflow: hidden;
      box-shadow: 0 1px 2px rgba(0, 40, 100, 0.06) inset;
    }
    .features-home-lp .hero-live-sync__shimmer {
      position: absolute;
      inset: 0 -60%;
      background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.75) 40%,
        rgba(0, 113, 227, 0.35) 50%,
        rgba(63, 199, 125, 0.4) 55%,
        rgba(255, 255, 255, 0.65) 60%,
        transparent 100%
      );
      animation: cd-live-sync-shimmer 2.2s ease-in-out infinite;
    }
    @keyframes cd-live-sync-shimmer {
      0% {
        transform: translateX(-30%);
      }
      100% {
        transform: translateX(30%);
      }
    }
    .features-home-lp .hero-live-sync__packet {
      position: absolute;
      top: 50%;
      left: 8%;
      width: 9px;
      height: 9px;
      margin-top: -4.5px;
      border-radius: 50%;
      background: linear-gradient(145deg, #fff, #e8f2ff);
      box-shadow:
        0 0 0 2px rgba(0, 113, 227, 0.35),
        0 2px 6px rgba(0, 40, 100, 0.18);
      animation: cd-live-sync-packet 2.6s ease-in-out infinite;
    }
    @keyframes cd-live-sync-packet {
      0% {
        left: 6%;
        opacity: 0.85;
      }
      50% {
        left: 52%;
        opacity: 1;
      }
      100% {
        left: 94%;
        opacity: 0.85;
      }
    }
    .features-home-lp .hero-live-sync__labels {
      display: flex;
      justify-content: space-between;
      margin-top: 0.35rem;
      padding: 0 2px;
    }
    .features-home-lp .hero-live-sync__labels span {
      flex: 1;
      height: 3px;
      border-radius: 999px;
      margin: 0 3px;
      background: rgba(0, 113, 227, 0.15);
      transform-origin: center bottom;
      animation: cd-live-sync-tick 1.8s ease-in-out infinite;
    }
    .features-home-lp .hero-live-sync__labels span:nth-child(1) {
      animation-delay: 0s;
    }
    .features-home-lp .hero-live-sync__labels span:nth-child(2) {
      animation-delay: 0.35s;
      background: rgba(63, 199, 89, 0.22);
    }
    .features-home-lp .hero-live-sync__labels span:nth-child(3) {
      animation-delay: 0.7s;
      background: rgba(255, 149, 0, 0.22);
    }
    @keyframes cd-live-sync-tick {
      0%,
      100% {
        opacity: 0.45;
        transform: scaleY(1);
      }
      30% {
        opacity: 1;
        transform: scaleY(2.2);
      }
    }
    .features-home-lp .hero-mini-bar {
      height: 6px;
      border-radius: 999px;
      background: linear-gradient(90deg, rgba(0, 113, 227, 0.2), rgba(0, 113, 227, 0.55));
    }
    .features-home-lp .section-kicker {
      font-size: 0.68rem;
      font-weight: 600;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: var(--cd-primary);
      margin-bottom: 0.45rem;
    }
    .features-home-lp .pillar-card-inner {
      overflow: hidden;
      position: relative;
      border-radius: 1.35rem;
      padding: 1.45rem 1.45rem 1.35rem;
      height: 100%;
      background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(248, 252, 255, 0.78)),
        #fff;
      border: 1px solid rgba(0, 113, 227, 0.08);
      box-shadow:
        0 1rem 2.4rem rgba(0, 40, 100, 0.08),
        0 1px 0 rgba(255, 255, 255, 0.95) inset;
      transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
    }
    .features-home-lp .pillar-card-inner::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 4px;
      border-radius: 0;
      opacity: 0.95;
    }
    .features-home-lp .pillar-card-inner::after {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 12% 16%, rgba(0, 113, 227, 0.1), transparent 12rem),
        linear-gradient(120deg, rgba(255, 255, 255, 0.72), transparent 38%);
      opacity: 0.9;
      pointer-events: none;
    }
    .features-home-lp .pillar-card-wrap:nth-child(1) .pillar-card-inner::before {
      background: linear-gradient(90deg, #0071e3, #4da3ff);
    }
    .features-home-lp .pillar-card-wrap:nth-child(2) .pillar-card-inner::before {
      background: linear-gradient(90deg, #3fc77d, #7fddaa);
    }
    .features-home-lp .pillar-card-wrap:nth-child(3) .pillar-card-inner::before {
      background: linear-gradient(90deg, #e5a54b, #f0c46c);
    }
    .features-home-lp .pillar-card-wrap:hover .pillar-card-inner {
      box-shadow:
        0 1.3rem 3rem rgba(0, 40, 100, 0.12),
        0 1px 0 rgba(255, 255, 255, 0.95) inset;
      transform: translateY(-4px);
      border-color: rgba(0, 113, 227, 0.12);
    }
    .features-home-lp .pillar-card-inner > * {
      position: relative;
      z-index: 1;
    }
    .features-home-lp .pillar-card-inner .icon-circle {
      width: 3.15rem;
      height: 3.15rem;
      border-radius: 1rem;
      box-shadow:
        0 0.65rem 1.35rem rgba(0, 40, 100, 0.08),
        0 1px 0 rgba(255, 255, 255, 0.9) inset;
    }
    .features-home-lp .pillar-card-inner h3 {
      letter-spacing: -0.03em;
    }
    .features-home-lp .pillar-card-cta {
      display: inline-flex;
      align-items: center;
      width: fit-content;
      padding: 0.52rem 0.72rem;
      border-radius: 999px;
      background: rgba(0, 113, 227, 0.075);
      color: #0071e3;
      transition:
        background 0.2s ease,
        transform 0.2s ease;
    }
    .features-home-lp .pillar-card-wrap:nth-child(2) .pillar-card-cta {
      background: rgba(63, 199, 125, 0.095);
      color: #248a3d;
    }
    .features-home-lp .pillar-card-wrap:nth-child(3) .pillar-card-cta {
      background: rgba(229, 165, 75, 0.12);
      color: #9a650f;
    }
    .features-home-lp .pillar-card-wrap:hover .pillar-card-cta {
      transform: translateX(2px);
    }
    .features-home-lp .benefit-card {
      border-radius: 1rem;
      border: 1px solid rgba(0, 0, 0, 0.05);
      background: #fff;
      padding: 1.35rem 1.35rem 1.5rem;
      height: 100%;
      box-shadow: 0 0.25rem 1rem rgba(0, 40, 100, 0.04);
      transition: box-shadow 0.2s ease;
    }
    .features-home-lp .benefit-card:hover {
      box-shadow: 0 0.5rem 1.5rem rgba(0, 40, 100, 0.08);
    }
    .features-home-lp .benefit-icon {
      width: 2.75rem;
      height: 2.75rem;
      border-radius: 0.75rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 1.25rem;
      background: rgba(0, 113, 227, 0.09);
      color: var(--cd-primary);
    }
    .features-home-lp .channels-panel {
      border-radius: 1rem;
      background: linear-gradient(145deg, #ffffff 0%, #f7fafc 100%);
      border: 1px solid rgba(0, 0, 0, 0.06);
      box-shadow: 0 0.5rem 2rem rgba(0, 40, 100, 0.05);
      padding: 1.75rem 1.5rem;
      position: relative;
      overflow: hidden;
    }
    .features-home-lp .channels-panel::after {
      content: "";
      position: absolute;
      inset: 0;
      background-image: radial-gradient(rgba(0, 113, 227, 0.06) 1px, transparent 1px);
      background-size: 18px 18px;
      opacity: 0.5;
      pointer-events: none;
    }
    .features-home-lp .channels-panel-inner {
      position: relative;
      z-index: 1;
    }
    .features-home-lp .cd-home-channels-more {
      border-style: dashed;
      background: rgba(0, 0, 0, 0.04);
    }
    .features-home-lp a.home-chip {
      text-decoration: none;
      color: inherit;
    }
    .features-home-lp a.home-chip:hover {
      color: inherit;
    }
    .features-home-lp .home-chip {
      background: #fff;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
    }
    .features-home-lp .quote-visual {
      position: relative;
      padding: 1.75rem 1.75rem 1.75rem 3.25rem;
    }
    .features-home-lp .quote-visual.quote-featured {
      padding: 1.5rem 1.75rem 1.55rem 4.25rem;
    }
    .features-home-lp .quote-visual .bi-quote {
      position: absolute;
      left: 1.25rem;
      top: 1.25rem;
      width: 2.25rem;
      height: 2.25rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 0.8rem;
      font-size: 1.35rem;
      color: #0071e3;
      background: rgba(0, 113, 227, 0.09);
      border: 1px solid rgba(0, 113, 227, 0.12);
      line-height: 1;
    }
    .features-home-lp .quote-featured p {
      letter-spacing: -0.02em;
      font-size: clamp(1rem, 1.35vw, 1.18rem) !important;
      line-height: 1.55 !important;
    }
    .features-home-lp .rollout-strip {
      position: relative;
      border-top: none;
      background:
        radial-gradient(circle at 50% 0%, rgba(0, 113, 227, 0.1), transparent 30rem),
        radial-gradient(circle at 18% 80%, rgba(63, 199, 125, 0.08), transparent 24rem),
        linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
      overflow: hidden;
    }
    .features-home-lp .rollout-strip::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(0, 40, 100, 0.022) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 40, 100, 0.022) 1px, transparent 1px);
      background-size: 46px 46px;
      mask-image: radial-gradient(circle at 50% 28%, #000 0%, transparent 72%);
      pointer-events: none;
    }
    @media (min-width: 992px) {
      .features-home-lp .rollout-strip {
        padding-top: 4rem !important;
        padding-bottom: 4.25rem !important;
      }
    }
    .features-home-lp .rollout-strip .container {
      z-index: 1;
    }
    .features-home-lp .rollout-strip-lead {
      max-width: 36rem;
      margin-left: auto;
      margin-right: auto;
      line-height: 1.55;
    }
    .features-home-lp .rollout-timeline {
      max-width: 50rem;
      padding: 0.9rem 1rem;
      border-radius: 1.5rem;
      background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.66));
      border: 1px solid rgba(0, 113, 227, 0.08);
      box-shadow:
        0 1rem 2.6rem rgba(0, 40, 100, 0.07),
        0 1px 0 rgba(255, 255, 255, 0.95) inset;
    }
    .features-home-lp .rollout-timeline-item {
      display: grid;
      grid-template-columns: 2.9rem minmax(0, 1fr);
      gap: 0 0.85rem;
      position: relative;
      padding-bottom: 0.75rem;
      margin: 0;
    }
    .features-home-lp .rollout-timeline-item:last-child {
      padding-bottom: 0;
    }
    .features-home-lp .rollout-timeline-axis {
      display: flex;
      justify-content: center;
      padding-top: 0.15rem;
    }
    .features-home-lp .rollout-timeline-item:not(:last-child)::after {
      content: "";
      position: absolute;
      left: calc(1.45rem - 1px);
      top: 2.9rem;
      bottom: -0.05rem;
      width: 2px;
      border-radius: 999px;
      background: linear-gradient(
        180deg,
        rgba(0, 113, 227, 0.26) 0%,
        rgba(0, 113, 227, 0.1) 100%
      );
      z-index: 0;
      pointer-events: none;
    }
    @media (min-width: 576px) {
      .features-home-lp .rollout-timeline-item {
        grid-template-columns: 3.05rem minmax(0, 1fr);
        gap: 0 0.95rem;
        padding-bottom: 0.8rem;
      }
      .features-home-lp .rollout-timeline-item:not(:last-child)::after {
        left: calc(1.525rem - 1px);
      }
    }
    .features-home-lp .flow-card-rollout {
      position: relative;
      padding: 1.05rem 1.25rem !important;
      background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(248, 252, 255, 0.82)) !important;
      border: 1px solid rgba(0, 113, 227, 0.08) !important;
      border-radius: 1rem !important;
      box-shadow:
        0 0.55rem 1.5rem rgba(0, 40, 100, 0.06),
        0 0 0 1px rgba(255, 255, 255, 0.88) inset !important;
      transition:
        transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.28s ease,
        border-color 0.22s ease;
    }
    .features-home-lp .flow-card-rollout--timeline {
      border-left-width: 0 !important;
      border-left-style: solid !important;
      border-left-color: #0071e3 !important;
    }
    .features-home-lp .flow-card-rollout--timeline::after {
      content: "";
      position: absolute;
      left: 0;
      top: 0.9rem;
      bottom: 0.9rem;
      width: 3px;
      border-radius: 999px;
      background: linear-gradient(180deg, #0071e3, #3fc77d);
    }
    .features-home-lp .flow-card-rollout--timeline::before {
      display: none;
    }
    .features-home-lp .flow-card-rollout:hover {
      transform: translateY(-3px);
      box-shadow:
        0 0.85rem 2.25rem rgba(0, 40, 100, 0.1),
        0 0 0 1px rgba(255, 255, 255, 0.92) inset !important;
    }
    .features-home-lp .flow-card-rollout--timeline:hover {
      border-top-color: rgba(0, 113, 227, 0.16) !important;
      border-right-color: rgba(0, 113, 227, 0.16) !important;
      border-bottom-color: rgba(0, 113, 227, 0.16) !important;
    }
    .features-home-lp .flow-card-rollout .flow-card-rollout-body {
      font-size: 0.9375rem;
      line-height: 1.62;
    }
    .features-home-lp .flow-card-rollout .link-primary {
      font-weight: 500;
      text-underline-offset: 0.15em;
    }

    /* Homepage rollout — clean journey cards */
    .features-home-lp .rollout-timeline {
      max-width: 72rem;
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 1rem;
      padding: 0 !important;
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
    }
    .features-home-lp .rollout-timeline-item {
      display: flex;
      flex-direction: column;
      gap: 0.85rem;
      padding: 0 !important;
      min-width: 0;
    }
    .features-home-lp .rollout-timeline-item::after {
      display: none !important;
    }
    .features-home-lp .rollout-timeline-axis {
      justify-content: flex-start;
      padding-top: 0;
      padding-left: 0.15rem;
    }
    .features-home-lp .rollout-strip .home-flow-marker,
    .features-home-lp .rollout-timeline-marker {
      width: 2.25rem;
      height: 2.25rem;
      font-size: 0.8rem;
      box-shadow:
        0 0.55rem 1.2rem rgba(0, 113, 227, 0.2),
        0 0 0 4px rgba(255, 255, 255, 0.95),
        0 0 0 5px rgba(0, 113, 227, 0.08);
    }
    .features-home-lp .flow-card-rollout--timeline {
      height: 100%;
      padding: 1.25rem 1.2rem 1.3rem !important;
      border-left: 1px solid rgba(0, 113, 227, 0.08) !important;
      border-radius: 1.2rem !important;
    }
    .features-home-lp .flow-card-rollout--timeline::after {
      left: 1.2rem;
      right: 1.2rem;
      top: 0;
      bottom: auto;
      width: auto;
      height: 3px;
      border-radius: 0 0 999px 999px;
    }
    .features-home-lp .flow-card-rollout h3 {
      font-size: 1rem;
      letter-spacing: -0.02em;
    }
    .features-home-lp .flow-card-rollout .flow-card-rollout-body {
      font-size: 0.86rem;
      line-height: 1.58;
    }
    @media (max-width: 991.98px) {
      .features-home-lp .rollout-timeline {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    @media (max-width: 575.98px) {
      .features-home-lp .rollout-timeline {
        grid-template-columns: 1fr;
      }
      .features-home-lp .rollout-timeline-item {
        gap: 0.65rem;
      }
    }
    @media (prefers-reduced-motion: reduce) {
      .features-home-lp .flow-card-rollout {
        transition: none;
      }
      .features-home-lp .flow-card-rollout:hover {
        transform: none;
      }
    }
    .features-home-lp .explore-panel {
      border-radius: 1rem;
      border: 1px solid rgba(0, 113, 227, 0.12);
      background: linear-gradient(135deg, rgba(0, 113, 227, 0.04) 0%, #fff 55%);
    }

    /* Homepage — efficiency gain chart */
    .features-home-lp .cd-efficiency-gain {
      position: relative;
      overflow: hidden;
      background:
        radial-gradient(circle at 12% 12%, rgba(0, 113, 227, 0.08), transparent 32rem),
        radial-gradient(circle at 92% 80%, rgba(63, 199, 125, 0.1), transparent 30rem),
        #ffffff;
    }
    .features-home-lp .cd-efficiency-gain__shell {
      position: relative;
      border-radius: 1.5rem;
      padding: 1.25rem;
      background:
        linear-gradient(135deg, rgba(0, 113, 227, 0.08), rgba(63, 199, 125, 0.08)),
        #f8fbff;
      border: 1px solid rgba(0, 113, 227, 0.12);
      box-shadow: 0 1rem 3rem rgba(0, 40, 100, 0.08);
    }
    .features-home-lp .cd-efficiency-gain__metric {
      height: 100%;
      min-height: 7rem;
      padding: 1rem;
      border-radius: 1rem;
      background: rgba(255, 255, 255, 0.82);
      border: 1px solid rgba(0, 0, 0, 0.06);
      box-shadow: 0 0.45rem 1.2rem rgba(0, 40, 100, 0.05);
    }
    .features-home-lp .cd-efficiency-gain__metric span {
      display: block;
      color: #0071e3;
      font-size: clamp(1.85rem, 4vw, 2.65rem);
      font-weight: 800;
      line-height: 1;
      letter-spacing: -0.04em;
    }
    .features-home-lp .cd-efficiency-gain__metric small {
      display: block;
      margin-top: 0.65rem;
      color: var(--cd-muted);
      line-height: 1.45;
    }
    .features-home-lp .cd-efficiency-gain__metric--wide {
      min-height: auto;
      display: flex;
      align-items: center;
      gap: 1rem;
    }
    .features-home-lp .cd-efficiency-gain__metric--wide small {
      margin-top: 0;
    }
    .features-home-lp .cd-efficiency-gain__chart-card {
      position: relative;
      overflow: hidden;
      border-radius: 1.35rem;
      padding: 1rem;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.88)),
        #fff;
      border: 1px solid rgba(0, 0, 0, 0.07);
      box-shadow:
        0 1.25rem 3rem rgba(0, 40, 100, 0.11),
        0 0 0 1px rgba(255, 255, 255, 0.9) inset;
    }
    .features-home-lp .cd-efficiency-gain__chart-card::before {
      content: "";
      position: absolute;
      inset: -35% -20% auto auto;
      width: 18rem;
      height: 18rem;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(63, 199, 125, 0.2), transparent 68%);
      pointer-events: none;
    }
    .features-home-lp .cd-efficiency-gain__chart-header {
      position: relative;
      z-index: 1;
      margin-bottom: 0.85rem;
    }
    .features-home-lp .cd-efficiency-gain__chart-header strong {
      display: block;
      color: var(--cd-ink);
      font-size: 1.15rem;
      letter-spacing: -0.02em;
    }
    .features-home-lp .cd-efficiency-gain__chart-label {
      display: block;
      color: var(--cd-muted);
      font-size: 0.76rem;
      font-weight: 600;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }
    .features-home-lp .cd-efficiency-gain__chart-badge {
      display: inline-flex;
      align-items: center;
      gap: 0.4rem;
      flex-shrink: 0;
      padding: 0.45rem 0.7rem;
      border-radius: 999px;
      color: #1f7a3d;
      background: rgba(63, 199, 125, 0.13);
      border: 1px solid rgba(63, 199, 125, 0.24);
      font-size: 0.85rem;
      font-weight: 700;
    }
    .features-home-lp .cd-efficiency-gain__chart-wrap {
      position: relative;
      border-radius: 1rem;
      background: linear-gradient(180deg, #f9fbff 0%, #ffffff 100%);
      border: 1px solid rgba(0, 0, 0, 0.055);
      padding: 0.5rem;
    }
    .features-home-lp .cd-efficiency-gain__chart {
      display: block;
      width: 100%;
      height: auto;
      min-height: 15rem;
    }
    .features-home-lp .cd-efficiency-gain__grid line {
      stroke: rgba(0, 40, 100, 0.08);
      stroke-width: 1;
    }
    .features-home-lp .cd-efficiency-gain__area {
      fill: rgba(63, 199, 125, 0.16);
    }
    .features-home-lp .cd-efficiency-gain__line {
      fill: none;
      stroke-width: 8;
      stroke-linecap: round;
      filter: drop-shadow(0 8px 10px rgba(0, 113, 227, 0.18));
    }
    .features-home-lp .cd-efficiency-gain__points circle {
      fill: #ffffff;
      stroke: #3fc77d;
      stroke-width: 5;
      filter: drop-shadow(0 4px 8px rgba(31, 122, 61, 0.18));
    }
    .features-home-lp .cd-efficiency-gain__points circle:first-child {
      stroke: #0071e3;
    }
    .features-home-lp .cd-efficiency-gain__labels text {
      fill: rgba(26, 29, 33, 0.48);
      font-size: 16px;
      font-weight: 600;
      text-anchor: middle;
    }
    .features-home-lp .cd-efficiency-gain__labels text:nth-last-child(-n + 2) {
      text-anchor: end;
      font-size: 14px;
    }
    .features-home-lp .cd-efficiency-gain__callout {
      position: absolute;
      right: 4.5%;
      top: 12%;
      min-width: 8.5rem;
      padding: 0.75rem 0.9rem;
      border-radius: 0.9rem;
      background: rgba(255, 255, 255, 0.92);
      border: 1px solid rgba(63, 199, 125, 0.22);
      box-shadow: 0 0.7rem 1.75rem rgba(0, 40, 100, 0.1);
      backdrop-filter: blur(10px);
    }
    .features-home-lp .cd-efficiency-gain__callout span {
      display: block;
      color: var(--cd-muted);
      font-size: 0.72rem;
      font-weight: 600;
    }
    .features-home-lp .cd-efficiency-gain__callout strong {
      color: #248a3d;
      display: block;
      font-size: 1.45rem;
      line-height: 1.1;
    }
    .features-home-lp .cd-efficiency-gain__chart-footer {
      position: relative;
      z-index: 1;
      display: flex;
      flex-wrap: wrap;
      gap: 0.55rem;
      margin-top: 0.85rem;
    }
    .features-home-lp .cd-efficiency-gain__chart-footer span {
      display: inline-flex;
      align-items: center;
      gap: 0.4rem;
      padding: 0.45rem 0.7rem;
      border-radius: 999px;
      color: var(--cd-muted);
      background: rgba(0, 113, 227, 0.06);
      font-size: 0.78rem;
      font-weight: 600;
    }
    .features-home-lp .cd-efficiency-gain__chart-footer i {
      color: #3fc77d;
    }
    @keyframes cd-efficiency-line-draw {
      from {
        stroke-dashoffset: 760;
      }
      to {
        stroke-dashoffset: 0;
      }
    }
    @keyframes cd-efficiency-area-rise {
      from {
        opacity: 0;
        transform: scaleY(0.15);
      }
      to {
        opacity: 1;
        transform: scaleY(1);
      }
    }
    @keyframes cd-efficiency-point-pop {
      0% {
        opacity: 0;
        transform: scale(0.2);
      }
      68% {
        opacity: 1;
        transform: scale(1.18);
      }
      100% {
        opacity: 1;
        transform: scale(1);
      }
    }
    @keyframes cd-efficiency-point-pulse {
      0%,
      100% {
        filter: drop-shadow(0 4px 8px rgba(31, 122, 61, 0.18));
      }
      50% {
        filter: drop-shadow(0 0 14px rgba(63, 199, 125, 0.52));
      }
    }
    @keyframes cd-efficiency-callout-in {
      from {
        opacity: 0;
        transform: translate3d(0.75rem, 0.75rem, 0) scale(0.94);
      }
      to {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
      }
    }
    @keyframes cd-efficiency-badge-float {
      0%,
      100% {
        transform: translateY(0);
      }
      50% {
        transform: translateY(-3px);
      }
    }
    main.features-home-lp section.cd-reveal .cd-efficiency-gain__area {
      opacity: 0;
      transform: scaleY(0.15);
      transform-box: fill-box;
      transform-origin: center bottom;
    }
    main.features-home-lp section.cd-reveal .cd-efficiency-gain__line {
      stroke-dasharray: 760;
      stroke-dashoffset: 760;
    }
    main.features-home-lp section.cd-reveal .cd-efficiency-gain__points circle {
      opacity: 0;
      transform: scale(0.2);
      transform-box: fill-box;
      transform-origin: center;
    }
    main.features-home-lp section.cd-reveal .cd-efficiency-gain__callout,
    main.features-home-lp section.cd-reveal .cd-efficiency-gain__chart-badge {
      opacity: 0;
    }
    main.features-home-lp section.cd-reveal--visible .cd-efficiency-gain__area {
      animation: cd-efficiency-area-rise 1s 0.18s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    }
    main.features-home-lp section.cd-reveal--visible .cd-efficiency-gain__line {
      animation: cd-efficiency-line-draw 1.55s 0.26s cubic-bezier(0.65, 0, 0.35, 1) forwards;
    }
    main.features-home-lp section.cd-reveal--visible .cd-efficiency-gain__points circle {
      animation:
        cd-efficiency-point-pop 0.48s cubic-bezier(0.22, 1, 0.36, 1) forwards,
        cd-efficiency-point-pulse 2.6s ease-in-out infinite;
    }
    main.features-home-lp section.cd-reveal--visible .cd-efficiency-gain__points circle:nth-child(1) {
      animation-delay: 0.32s, 1.6s;
    }
    main.features-home-lp section.cd-reveal--visible .cd-efficiency-gain__points circle:nth-child(2) {
      animation-delay: 0.58s, 1.85s;
    }
    main.features-home-lp section.cd-reveal--visible .cd-efficiency-gain__points circle:nth-child(3) {
      animation-delay: 0.84s, 2.1s;
    }
    main.features-home-lp section.cd-reveal--visible .cd-efficiency-gain__points circle:nth-child(4) {
      animation-delay: 1.1s, 2.35s;
    }
    main.features-home-lp section.cd-reveal--visible .cd-efficiency-gain__points circle:nth-child(5) {
      animation-delay: 1.36s, 2.6s;
    }
    main.features-home-lp section.cd-reveal--visible .cd-efficiency-gain__callout {
      animation: cd-efficiency-callout-in 0.65s 1.45s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    }
    main.features-home-lp section.cd-reveal--visible .cd-efficiency-gain__chart-badge {
      animation:
        cd-efficiency-callout-in 0.6s 1.25s cubic-bezier(0.22, 1, 0.36, 1) forwards,
        cd-efficiency-badge-float 2.8s 2s ease-in-out infinite;
    }
    @media (min-width: 992px) {
      .features-home-lp .cd-efficiency-gain__shell {
        padding: 2.5rem;
      }
      .features-home-lp .cd-efficiency-gain__chart-card {
        padding: 1.35rem;
      }
    }
    @media (max-width: 575.98px) {
      .features-home-lp .cd-efficiency-gain__shell {
        border-radius: 1.15rem;
        padding: 1rem;
      }
      .features-home-lp .cd-efficiency-gain__metric--wide {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.35rem;
      }
      .features-home-lp .cd-efficiency-gain__callout {
        right: 0.75rem;
        top: 0.85rem;
        min-width: 7.5rem;
        padding: 0.6rem 0.7rem;
      }
      .features-home-lp .cd-efficiency-gain__callout strong {
        font-size: 1.2rem;
      }
      .features-home-lp .cd-efficiency-gain__chart-footer {
        align-items: stretch;
        flex-direction: column;
      }
    }
    @media (prefers-reduced-motion: reduce) {
      main.features-home-lp section.cd-reveal .cd-efficiency-gain__area,
      main.features-home-lp section.cd-reveal .cd-efficiency-gain__points circle,
      main.features-home-lp section.cd-reveal .cd-efficiency-gain__callout,
      main.features-home-lp section.cd-reveal .cd-efficiency-gain__chart-badge {
        opacity: 1;
        transform: none;
      }
      main.features-home-lp section.cd-reveal .cd-efficiency-gain__line {
        stroke-dasharray: none;
        stroke-dashoffset: 0;
      }
      main.features-home-lp section.cd-reveal--visible .cd-efficiency-gain__area,
      main.features-home-lp section.cd-reveal--visible .cd-efficiency-gain__line,
      main.features-home-lp section.cd-reveal--visible .cd-efficiency-gain__points circle,
      main.features-home-lp section.cd-reveal--visible .cd-efficiency-gain__callout,
      main.features-home-lp section.cd-reveal--visible .cd-efficiency-gain__chart-badge {
        animation: none !important;
      }
    }

    /* Homepage — proof engine diagram */
    .features-home-lp .cd-proof-engine {
      overflow: hidden;
      background:
        linear-gradient(180deg, #ffffff 0%, #f7fbff 48%, #ffffff 100%);
      border-top: 1px solid rgba(0, 0, 0, 0.04);
      border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }
    .features-home-lp .cd-proof-engine__shell {
      position: relative;
      border-radius: 1.5rem;
      padding: 1rem;
      background:
        radial-gradient(circle at 28% 24%, rgba(0, 113, 227, 0.12), transparent 24rem),
        radial-gradient(circle at 76% 82%, rgba(63, 199, 125, 0.12), transparent 24rem),
        #ffffff;
      border: 1px solid rgba(0, 113, 227, 0.1);
      box-shadow: 0 1rem 3rem rgba(0, 40, 100, 0.07);
    }
    .features-home-lp .cd-proof-engine__diagram {
      position: relative;
      min-height: 24rem;
      border-radius: 1.25rem;
      overflow: hidden;
      background:
        linear-gradient(135deg, rgba(0, 113, 227, 0.05), rgba(63, 199, 125, 0.06)),
        #fbfdff;
      border: 1px solid rgba(0, 0, 0, 0.055);
    }
    .features-home-lp .cd-proof-engine__diagram svg {
      display: block;
      width: 100%;
      height: auto;
      min-height: 24rem;
      overflow: visible;
    }
    .features-home-lp .cd-proof-engine__links path {
      fill: none;
      stroke: rgba(0, 113, 227, 0.24);
      stroke-width: 3;
      stroke-linecap: round;
      stroke-dasharray: 10 12;
    }
    .features-home-lp .cd-proof-engine__nodes circle {
      fill: rgba(255, 255, 255, 0.96);
      stroke: rgba(0, 113, 227, 0.18);
      stroke-width: 2;
      filter: drop-shadow(0 0.65rem 1rem rgba(0, 40, 100, 0.1));
    }
    .features-home-lp .cd-proof-engine__nodes text,
    .features-home-lp .cd-proof-engine__hub text {
      text-anchor: middle;
      font-weight: 700;
      pointer-events: none;
    }
    .features-home-lp .cd-proof-engine__nodes text:first-of-type {
      fill: var(--cd-muted);
      font-size: 16px;
    }
    .features-home-lp .cd-proof-engine__nodes text:last-of-type {
      fill: #0071e3;
      font-size: 21px;
    }
    .features-home-lp .cd-proof-engine__hub circle {
      fill: url("#proofHubGradient");
    }
    .features-home-lp .cd-proof-engine__hub-logo {
      pointer-events: none;
    }
    .features-home-lp .cd-proof-engine__hub text:first-of-type {
      fill: #ffffff;
      font-size: 24px;
      letter-spacing: -0.02em;
    }
    .features-home-lp .cd-proof-engine__hub text:last-of-type {
      fill: rgba(255, 255, 255, 0.78);
      font-size: 15px;
    }
    .features-home-lp .cd-proof-engine__orbit {
      position: absolute;
      display: inline-flex;
      align-items: center;
      min-height: 2.4rem;
      padding: 0.45rem 0.8rem;
      border-radius: 999px;
      color: #1f7a3d;
      background: rgba(255, 255, 255, 0.88);
      border: 1px solid rgba(63, 199, 125, 0.22);
      box-shadow: 0 0.55rem 1.4rem rgba(0, 40, 100, 0.09);
      font-size: 0.78rem;
      font-weight: 700;
      backdrop-filter: blur(10px);
    }
    .features-home-lp .cd-proof-engine__orbit--one {
      left: 9%;
      top: 47%;
    }
    .features-home-lp .cd-proof-engine__orbit--two {
      right: 11%;
      top: 45%;
    }
    .features-home-lp .cd-proof-engine__orbit--three {
      left: 42%;
      bottom: 8%;
    }
    .features-home-lp .cd-proof-engine__insights {
      display: grid;
      gap: 0.7rem;
    }
    .features-home-lp .cd-proof-engine__insight {
      display: flex;
      gap: 0.9rem;
      align-items: flex-start;
      padding: 0.9rem 0.95rem;
      border-radius: 1rem;
      background: rgba(255, 255, 255, 0.86);
      border: 1px solid rgba(0, 0, 0, 0.06);
      box-shadow: 0 0.5rem 1.5rem rgba(0, 40, 100, 0.06);
    }
    .features-home-lp .cd-proof-engine__insight-number {
      flex: 0 0 auto;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 4.1rem;
      min-height: 2.45rem;
      padding: 0.35rem 0.55rem;
      border-radius: 0.85rem;
      background: rgba(0, 113, 227, 0.08);
      border: 1px solid rgba(0, 113, 227, 0.11);
      color: #0071e3;
      font-size: 1.15rem;
      font-weight: 800;
      line-height: 1;
      letter-spacing: -0.04em;
    }
    .features-home-lp .cd-proof-engine__insight h3 {
      font-size: 0.9rem;
      line-height: 1.25;
    }
    .features-home-lp .cd-proof-engine__insight p {
      line-height: 1.45;
    }
    .features-home-lp .cd-proof-engine__verdict {
      display: flex;
      align-items: center;
      gap: 0.8rem;
      padding: 0.95rem 1rem;
      border-radius: 1rem;
      color: #fff;
      background: linear-gradient(135deg, #0071e3, #2aab6f);
      box-shadow: 0 0.75rem 1.8rem rgba(0, 113, 227, 0.18);
      font-weight: 700;
      line-height: 1.45;
    }
    .features-home-lp .cd-proof-engine__verdict i {
      font-size: 1.35rem;
      flex: 0 0 auto;
    }
    @keyframes cd-proof-link-flow {
      to {
        stroke-dashoffset: -44;
      }
    }
    @keyframes cd-proof-node-pop {
      from {
        opacity: 0;
        transform: scale(0.72);
      }
      to {
        opacity: 1;
        transform: scale(1);
      }
    }
    @keyframes cd-proof-node-fade {
      from {
        opacity: 0;
      }
      to {
        opacity: 1;
      }
    }
    @keyframes cd-proof-orbit-float {
      0%,
      100% {
        transform: translateY(0);
      }
      50% {
        transform: translateY(-8px);
      }
    }
    main.features-home-lp section.cd-reveal .cd-proof-engine__links path {
      stroke-dashoffset: 0;
    }
    main.features-home-lp section.cd-reveal .cd-proof-engine__nodes > g,
    main.features-home-lp section.cd-reveal .cd-proof-engine__hub {
      opacity: 0;
    }
    main.features-home-lp section.cd-reveal .cd-proof-engine__orbit,
    main.features-home-lp section.cd-reveal .cd-proof-engine__insight,
    main.features-home-lp section.cd-reveal .cd-proof-engine__verdict {
      opacity: 0;
      transform: translateY(0.75rem);
    }
    main.features-home-lp section.cd-reveal--visible .cd-proof-engine__links path {
      animation: cd-proof-link-flow 1.25s linear infinite;
    }
    main.features-home-lp section.cd-reveal--visible .cd-proof-engine__hub {
      animation: cd-proof-node-fade 0.65s 0.1s ease forwards;
    }
    main.features-home-lp section.cd-reveal--visible .cd-proof-engine__nodes > g {
      animation: cd-proof-node-fade 0.5s ease forwards;
    }
    main.features-home-lp section.cd-reveal--visible .cd-proof-engine__nodes > g:nth-child(1) {
      animation-delay: 0.35s;
    }
    main.features-home-lp section.cd-reveal--visible .cd-proof-engine__nodes > g:nth-child(2) {
      animation-delay: 0.45s;
    }
    main.features-home-lp section.cd-reveal--visible .cd-proof-engine__nodes > g:nth-child(3) {
      animation-delay: 0.55s;
    }
    main.features-home-lp section.cd-reveal--visible .cd-proof-engine__nodes > g:nth-child(4) {
      animation-delay: 0.65s;
    }
    main.features-home-lp section.cd-reveal--visible .cd-proof-engine__nodes > g:nth-child(5) {
      animation-delay: 0.75s;
    }
    main.features-home-lp section.cd-reveal--visible .cd-proof-engine__orbit {
      opacity: 1;
      animation: cd-proof-orbit-float 3.4s ease-in-out infinite;
    }
    main.features-home-lp section.cd-reveal--visible .cd-proof-engine__orbit--two {
      animation-delay: 0.35s;
    }
    main.features-home-lp section.cd-reveal--visible .cd-proof-engine__orbit--three {
      animation-delay: 0.7s;
    }
    main.features-home-lp section.cd-reveal--visible .cd-proof-engine__insight,
    main.features-home-lp section.cd-reveal--visible .cd-proof-engine__verdict {
      opacity: 1;
      transform: translateY(0);
      transition:
        opacity 0.5s ease,
        transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
    }
    main.features-home-lp section.cd-reveal--visible .cd-proof-engine__insight:nth-child(1) {
      transition-delay: 0.15s;
    }
    main.features-home-lp section.cd-reveal--visible .cd-proof-engine__insight:nth-child(2) {
      transition-delay: 0.25s;
    }
    main.features-home-lp section.cd-reveal--visible .cd-proof-engine__insight:nth-child(3) {
      transition-delay: 0.35s;
    }
    main.features-home-lp section.cd-reveal--visible .cd-proof-engine__verdict {
      transition-delay: 0.45s;
    }
    @media (min-width: 992px) {
      .features-home-lp .cd-proof-engine__shell {
        padding: 1.35rem;
      }
    }
    @media (max-width: 575.98px) {
      .features-home-lp .cd-proof-engine__diagram {
        min-height: 20rem;
      }
      .features-home-lp .cd-proof-engine__diagram svg {
        min-height: 20rem;
        transform: scale(1.08);
        transform-origin: center;
      }
      .features-home-lp .cd-proof-engine__orbit {
        display: none;
      }
      .features-home-lp .cd-proof-engine__insight {
        flex-direction: column;
        gap: 0.65rem;
      }
      .features-home-lp .cd-proof-engine__insight-number {
        min-width: 0;
      }
    }
    @media (prefers-reduced-motion: reduce) {
      main.features-home-lp section.cd-reveal .cd-proof-engine__nodes > g,
      main.features-home-lp section.cd-reveal .cd-proof-engine__hub,
      main.features-home-lp section.cd-reveal .cd-proof-engine__orbit,
      main.features-home-lp section.cd-reveal .cd-proof-engine__insight,
      main.features-home-lp section.cd-reveal .cd-proof-engine__verdict {
        opacity: 1;
        transform: none;
      }
      main.features-home-lp section.cd-reveal--visible .cd-proof-engine__links path,
      main.features-home-lp section.cd-reveal--visible .cd-proof-engine__nodes > g,
      main.features-home-lp section.cd-reveal--visible .cd-proof-engine__hub,
      main.features-home-lp section.cd-reveal--visible .cd-proof-engine__orbit {
        animation: none !important;
      }
      main.features-home-lp section.cd-reveal--visible .cd-proof-engine__insight,
      main.features-home-lp section.cd-reveal--visible .cd-proof-engine__verdict {
        transition: none !important;
      }
    }

    /* Homepage — control room panel */
    .features-home-lp .cd-home-control-room {
      background:
        radial-gradient(circle at 80% 18%, rgba(0, 113, 227, 0.1), transparent 28rem),
        radial-gradient(circle at 12% 86%, rgba(63, 199, 125, 0.08), transparent 26rem),
        #ffffff;
    }
    .features-home-lp .cd-home-control-room__score {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.85rem;
    }
    .features-home-lp .cd-home-control-room__score div {
      min-height: 7rem;
      padding: 1rem;
      border-radius: 1rem;
      background: linear-gradient(135deg, rgba(0, 113, 227, 0.08), rgba(63, 199, 125, 0.08));
      border: 1px solid rgba(0, 113, 227, 0.12);
    }
    .features-home-lp .cd-home-control-room__score span {
      display: block;
      color: #0071e3;
      font-size: clamp(1.8rem, 4vw, 2.45rem);
      font-weight: 800;
      letter-spacing: -0.04em;
      line-height: 1;
    }
    .features-home-lp .cd-home-control-room__score small {
      display: block;
      margin-top: 0.65rem;
      color: var(--cd-muted);
      line-height: 1.45;
    }
    .features-home-lp .cd-home-control-room__panel {
      overflow: hidden;
      border-radius: 1.35rem;
      background:
        linear-gradient(145deg, rgba(18, 25, 36, 0.96), rgba(0, 55, 112, 0.92)),
        #101722;
      border: 1px solid rgba(255, 255, 255, 0.14);
      box-shadow: 0 1.25rem 3rem rgba(0, 40, 100, 0.18);
      color: #fff;
    }
    .features-home-lp .cd-home-control-room__topbar {
      display: flex;
      align-items: center;
      gap: 0.45rem;
      padding: 1rem 1.15rem;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      color: rgba(255, 255, 255, 0.72);
      font-size: 0.78rem;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }
    .features-home-lp .cd-home-control-room__topbar span {
      width: 0.65rem;
      height: 0.65rem;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.32);
    }
    .features-home-lp .cd-home-control-room__topbar span:nth-child(1) {
      background: #ff5f57;
    }
    .features-home-lp .cd-home-control-room__topbar span:nth-child(2) {
      background: #febc2e;
    }
    .features-home-lp .cd-home-control-room__topbar span:nth-child(3) {
      background: #28c840;
    }
    .features-home-lp .cd-home-control-room__topbar strong {
      margin-left: auto;
    }
    .features-home-lp .cd-home-control-room__grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 0.85rem;
      padding: 1rem;
    }
    .features-home-lp .cd-home-control-room__tile,
    .features-home-lp .cd-home-control-room__alert {
      border-radius: 1rem;
      background: rgba(255, 255, 255, 0.08);
      border: 1px solid rgba(255, 255, 255, 0.12);
      box-shadow: 0 0.75rem 1.8rem rgba(0, 0, 0, 0.12);
    }
    .features-home-lp .cd-home-control-room__tile {
      min-height: 8rem;
      padding: 1rem;
    }
    .features-home-lp .cd-home-control-room__tile--large {
      grid-column: span 2;
      grid-row: span 2;
      min-height: 17rem;
    }
    .features-home-lp .cd-home-control-room__tile--wide {
      grid-column: span 2;
      display: grid;
      gap: 0.65rem;
    }
    .features-home-lp .cd-home-control-room__tile-header {
      display: flex;
      justify-content: space-between;
      gap: 1rem;
      color: rgba(255, 255, 255, 0.72);
      font-size: 0.82rem;
      font-weight: 700;
    }
    .features-home-lp .cd-home-control-room__tile-header strong {
      color: #3fc77d;
    }
    .features-home-lp .cd-home-control-room__value {
      display: block;
      color: #fff;
      font-size: 2rem;
      font-weight: 800;
      line-height: 1;
      letter-spacing: -0.04em;
    }
    .features-home-lp .cd-home-control-room__tile small {
      display: block;
      margin-top: 0.65rem;
      color: rgba(255, 255, 255, 0.65);
      line-height: 1.45;
    }
    .features-home-lp .cd-home-control-room__radar {
      position: relative;
      width: min(13rem, 82%);
      aspect-ratio: 1;
      margin: 1.25rem auto 0;
      border-radius: 50%;
      background:
        radial-gradient(circle, rgba(63, 199, 125, 0.2) 0 6%, transparent 7%),
        repeating-radial-gradient(circle, rgba(255, 255, 255, 0.13) 0 1px, transparent 1px 33%),
        conic-gradient(from 210deg, rgba(63, 199, 125, 0.46), transparent 35%, rgba(0, 113, 227, 0.18), transparent 68%);
      border: 1px solid rgba(255, 255, 255, 0.16);
    }
    .features-home-lp .cd-home-control-room__radar span,
    .features-home-lp .cd-home-control-room__radar i {
      position: absolute;
      border-radius: 50%;
    }
    .features-home-lp .cd-home-control-room__radar span {
      width: 0.7rem;
      height: 0.7rem;
      background: #3fc77d;
      box-shadow: 0 0 0 0.35rem rgba(63, 199, 125, 0.12);
    }
    .features-home-lp .cd-home-control-room__radar span:nth-child(1) {
      left: 27%;
      top: 31%;
    }
    .features-home-lp .cd-home-control-room__radar span:nth-child(2) {
      right: 25%;
      top: 44%;
    }
    .features-home-lp .cd-home-control-room__radar span:nth-child(3) {
      left: 48%;
      bottom: 24%;
    }
    .features-home-lp .cd-home-control-room__radar i {
      inset: 50% auto auto 50%;
      width: 46%;
      height: 2px;
      background: linear-gradient(90deg, rgba(63, 199, 125, 0.92), transparent);
      transform-origin: left center;
    }
    .features-home-lp .cd-home-control-room__lane {
      display: flex;
      justify-content: space-between;
      gap: 1rem;
      padding-bottom: 0.55rem;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      color: rgba(255, 255, 255, 0.68);
      font-size: 0.82rem;
    }
    .features-home-lp .cd-home-control-room__lane:last-child {
      border-bottom: 0;
      padding-bottom: 0;
    }
    .features-home-lp .cd-home-control-room__lane strong {
      color: #fff;
    }
    .features-home-lp .cd-home-control-room__alert {
      grid-column: 1 / -1;
      display: flex;
      align-items: center;
      gap: 0.75rem;
      padding: 1rem;
      color: rgba(255, 255, 255, 0.82);
      font-weight: 700;
    }
    .features-home-lp .cd-home-control-room__alert i {
      color: #3fc77d;
      font-size: 1.3rem;
    }
    @keyframes cd-control-room-sweep {
      to {
        transform: rotate(360deg);
      }
    }
    @keyframes cd-control-room-tile-in {
      from {
        opacity: 0;
        transform: translateY(0.85rem) scale(0.98);
      }
      to {
        opacity: 1;
        transform: translateY(0) scale(1);
      }
    }
    main.features-home-lp section.cd-reveal .cd-home-control-room__tile,
    main.features-home-lp section.cd-reveal .cd-home-control-room__alert {
      opacity: 0;
    }
    main.features-home-lp section.cd-reveal--visible .cd-home-control-room__tile,
    main.features-home-lp section.cd-reveal--visible .cd-home-control-room__alert {
      animation: cd-control-room-tile-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    }
    main.features-home-lp section.cd-reveal--visible .cd-home-control-room__tile:nth-child(2) {
      animation-delay: 0.08s;
    }
    main.features-home-lp section.cd-reveal--visible .cd-home-control-room__tile:nth-child(3) {
      animation-delay: 0.16s;
    }
    main.features-home-lp section.cd-reveal--visible .cd-home-control-room__tile:nth-child(4) {
      animation-delay: 0.24s;
    }
    main.features-home-lp section.cd-reveal--visible .cd-home-control-room__alert {
      animation-delay: 0.32s;
    }
    main.features-home-lp section.cd-reveal--visible .cd-home-control-room__radar i {
      animation: cd-control-room-sweep 4.5s linear infinite;
    }

    /* Homepage — growth loop */
    .features-home-lp .cd-home-growth-loop {
      background: #fbfdff;
    }
    .features-home-lp .cd-home-growth-loop__shell {
      overflow: hidden;
      border-radius: 1.5rem;
      padding: 1.15rem;
      background:
        radial-gradient(circle at 12% 24%, rgba(63, 199, 125, 0.12), transparent 22rem),
        radial-gradient(circle at 86% 72%, rgba(0, 113, 227, 0.11), transparent 24rem),
        #ffffff;
      border: 1px solid rgba(0, 113, 227, 0.1);
      box-shadow: 0 1rem 3rem rgba(0, 40, 100, 0.07);
    }
    .features-home-lp .cd-home-growth-loop__visual {
      position: relative;
      min-height: 25rem;
      border-radius: 1.25rem;
      background:
        linear-gradient(135deg, rgba(0, 113, 227, 0.07), rgba(63, 199, 125, 0.09)),
        #f8fbff;
      border: 1px solid rgba(0, 0, 0, 0.055);
    }
    .features-home-lp .cd-home-growth-loop__visual::before {
      content: "";
      position: absolute;
      inset: 4rem;
      border-radius: 50%;
      border: 2px dashed rgba(0, 113, 227, 0.22);
    }
    .features-home-lp .cd-home-growth-loop__center,
    .features-home-lp .cd-home-growth-loop__step {
      position: absolute;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      box-shadow: 0 0.85rem 2rem rgba(0, 40, 100, 0.1);
    }
    .features-home-lp .cd-home-growth-loop__center {
      left: 50%;
      top: 50%;
      width: 10.5rem;
      height: 10.5rem;
      flex-direction: column;
      border-radius: 50%;
      color: #fff;
      background: linear-gradient(135deg, #0071e3, #2aab6f);
      transform: translate(-50%, -50%);
    }
    .features-home-lp .cd-home-growth-loop__center span {
      font-size: 0.78rem;
      font-weight: 700;
      opacity: 0.78;
      text-transform: uppercase;
      letter-spacing: 0.08em;
    }
    .features-home-lp .cd-home-growth-loop__center strong {
      max-width: 7rem;
      font-size: 1.25rem;
      line-height: 1.2;
    }
    .features-home-lp .cd-home-growth-loop__step {
      width: 7rem;
      height: 7rem;
      flex-direction: column;
      gap: 0.4rem;
      border-radius: 1.35rem;
      color: var(--cd-ink);
      background: rgba(255, 255, 255, 0.9);
      border: 1px solid rgba(0, 113, 227, 0.13);
      font-weight: 800;
    }
    .features-home-lp .cd-home-growth-loop__step i {
      color: #0071e3;
      font-size: 1.55rem;
    }
    .features-home-lp .cd-home-growth-loop__step--one {
      left: 10%;
      top: 14%;
    }
    .features-home-lp .cd-home-growth-loop__step--two {
      right: 11%;
      top: 15%;
    }
    .features-home-lp .cd-home-growth-loop__step--three {
      right: 12%;
      bottom: 13%;
    }
    .features-home-lp .cd-home-growth-loop__step--four {
      left: 11%;
      bottom: 14%;
    }
    .features-home-lp .cd-home-growth-loop__facts {
      display: grid;
      gap: 0.85rem;
    }
    .features-home-lp .cd-home-growth-loop__facts div {
      display: flex;
      align-items: center;
      gap: 1rem;
      padding: 1rem;
      border-radius: 1rem;
      background: #fff;
      border: 1px solid rgba(0, 0, 0, 0.06);
      box-shadow: 0 0.5rem 1.5rem rgba(0, 40, 100, 0.05);
    }
    .features-home-lp .cd-home-growth-loop__facts strong {
      min-width: 5.5rem;
      color: #0071e3;
      font-size: 1.7rem;
      font-weight: 800;
      line-height: 1;
      letter-spacing: -0.04em;
    }
    .features-home-lp .cd-home-growth-loop__facts span {
      color: var(--cd-muted);
      line-height: 1.5;
    }
    @keyframes cd-growth-loop-spin {
      to {
        transform: rotate(360deg);
      }
    }
    @keyframes cd-growth-step-float {
      0%,
      100% {
        transform: translateY(0);
      }
      50% {
        transform: translateY(-8px);
      }
    }
    main.features-home-lp section.cd-reveal--visible .cd-home-growth-loop__visual::before {
      animation: cd-growth-loop-spin 18s linear infinite;
    }
    main.features-home-lp section.cd-reveal--visible .cd-home-growth-loop__step {
      animation: cd-growth-step-float 3.6s ease-in-out infinite;
    }
    main.features-home-lp section.cd-reveal--visible .cd-home-growth-loop__step--two {
      animation-delay: 0.3s;
    }
    main.features-home-lp section.cd-reveal--visible .cd-home-growth-loop__step--three {
      animation-delay: 0.6s;
    }
    main.features-home-lp section.cd-reveal--visible .cd-home-growth-loop__step--four {
      animation-delay: 0.9s;
    }
    @media (min-width: 992px) {
      .features-home-lp .cd-home-growth-loop__shell {
        padding: 1.35rem 2rem 1.35rem 1.35rem;
      }
    }
    @media (max-width: 991.98px) {
      .features-home-lp .cd-home-control-room__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .features-home-lp .cd-home-control-room__tile--large,
      .features-home-lp .cd-home-control-room__tile--wide {
        grid-column: span 2;
      }
    }
    @media (max-width: 575.98px) {
      .features-home-lp .cd-home-control-room__score,
      .features-home-lp .cd-home-control-room__grid {
        grid-template-columns: 1fr;
      }
      .features-home-lp .cd-home-control-room__tile--large,
      .features-home-lp .cd-home-control-room__tile--wide,
      .features-home-lp .cd-home-control-room__alert {
        grid-column: auto;
      }
      .features-home-lp .cd-home-control-room__topbar strong {
        display: none;
      }
      .features-home-lp .cd-home-growth-loop__visual {
        min-height: 22rem;
      }
      .features-home-lp .cd-home-growth-loop__visual::before {
        inset: 3rem;
      }
      .features-home-lp .cd-home-growth-loop__center {
        width: 8.5rem;
        height: 8.5rem;
      }
      .features-home-lp .cd-home-growth-loop__step {
        width: 5.7rem;
        height: 5.7rem;
        border-radius: 1rem;
        font-size: 0.78rem;
      }
      .features-home-lp .cd-home-growth-loop__facts div {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.45rem;
      }
    }
    @media (prefers-reduced-motion: reduce) {
      main.features-home-lp section.cd-reveal .cd-home-control-room__tile,
      main.features-home-lp section.cd-reveal .cd-home-control-room__alert {
        opacity: 1;
      }
      main.features-home-lp section.cd-reveal--visible .cd-home-control-room__tile,
      main.features-home-lp section.cd-reveal--visible .cd-home-control-room__alert,
      main.features-home-lp section.cd-reveal--visible .cd-home-control-room__radar i,
      main.features-home-lp section.cd-reveal--visible .cd-home-growth-loop__visual::before,
      main.features-home-lp section.cd-reveal--visible .cd-home-growth-loop__step {
        animation: none !important;
      }
    }

    /* Homepage — premium dark contrast blocks */
    .features-home-lp .cd-proof-engine,
    .features-home-lp .cd-home-control-room,
    .features-home-lp .cd-home-growth-loop {
      position: relative;
      color: #f7fbff;
      background:
        radial-gradient(circle at 14% 12%, rgba(0, 113, 227, 0.28), transparent 28rem),
        radial-gradient(circle at 88% 76%, rgba(63, 199, 125, 0.18), transparent 30rem),
        linear-gradient(180deg, #05070d 0%, #0b111c 52%, #06080f 100%);
      border-top: 1px solid rgba(255, 255, 255, 0.08);
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      isolation: isolate;
    }
    .features-home-lp .cd-proof-engine::before,
    .features-home-lp .cd-home-control-room::before,
    .features-home-lp .cd-home-growth-loop::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      background:
        linear-gradient(120deg, rgba(255, 255, 255, 0.08), transparent 18%, transparent 72%, rgba(255, 255, 255, 0.045)),
        radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.09), transparent 26rem);
      pointer-events: none;
    }
    .features-home-lp .cd-proof-engine .section-kicker,
    .features-home-lp .cd-home-control-room .section-kicker,
    .features-home-lp .cd-home-growth-loop .section-kicker {
      color: #7cc8ff;
    }
    .features-home-lp .cd-proof-engine h2,
    .features-home-lp .cd-home-control-room h2,
    .features-home-lp .cd-home-growth-loop h2,
    .features-home-lp .cd-proof-engine h3,
    .features-home-lp .cd-home-growth-loop h3 {
      color: #ffffff;
    }
    .features-home-lp .cd-proof-engine .text-muted,
    .features-home-lp .cd-home-control-room .text-muted,
    .features-home-lp .cd-home-growth-loop .text-muted {
      color: rgba(247, 251, 255, 0.68) !important;
    }
    .features-home-lp .cd-proof-engine__shell,
    .features-home-lp .cd-home-growth-loop__shell {
      background:
        radial-gradient(circle at 18% 18%, rgba(0, 113, 227, 0.22), transparent 24rem),
        radial-gradient(circle at 82% 84%, rgba(63, 199, 125, 0.18), transparent 24rem),
        rgba(255, 255, 255, 0.055);
      border: 1px solid rgba(255, 255, 255, 0.12);
      box-shadow:
        0 1.5rem 4rem rgba(0, 0, 0, 0.42),
        0 0 0 1px rgba(255, 255, 255, 0.055) inset;
      backdrop-filter: blur(18px);
    }
    .features-home-lp .cd-proof-engine__diagram,
    .features-home-lp .cd-home-growth-loop__visual {
      background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.095), rgba(255, 255, 255, 0.035)),
        radial-gradient(circle at 36% 18%, rgba(0, 113, 227, 0.22), transparent 19rem),
        rgba(255, 255, 255, 0.045);
      border: 1px solid rgba(255, 255, 255, 0.12);
      box-shadow:
        0 1rem 2.5rem rgba(0, 0, 0, 0.28),
        0 0 0 1px rgba(255, 255, 255, 0.035) inset;
    }
    .features-home-lp .cd-proof-engine__links path {
      stroke: rgba(124, 200, 255, 0.36);
    }
    .features-home-lp .cd-proof-engine__nodes circle {
      fill: rgba(8, 14, 24, 0.92);
      stroke: rgba(124, 200, 255, 0.34);
      filter: drop-shadow(0 0.75rem 1.25rem rgba(0, 0, 0, 0.26));
    }
    .features-home-lp .cd-proof-engine__nodes text:first-of-type {
      fill: rgba(247, 251, 255, 0.66);
    }
    .features-home-lp .cd-proof-engine__nodes text:last-of-type {
      fill: #8fdcff;
    }
    .features-home-lp .cd-proof-engine__orbit,
    .features-home-lp .cd-proof-engine__insight,
    .features-home-lp .cd-home-growth-loop__step,
    .features-home-lp .cd-home-growth-loop__facts div,
    .features-home-lp .cd-home-control-room__score div {
      background: rgba(255, 255, 255, 0.082);
      border: 1px solid rgba(255, 255, 255, 0.13);
      box-shadow:
        0 0.9rem 2rem rgba(0, 0, 0, 0.24),
        0 0 0 1px rgba(255, 255, 255, 0.035) inset;
      backdrop-filter: blur(14px);
    }
    .features-home-lp .cd-proof-engine__orbit {
      color: #bff3d4;
    }
    .features-home-lp .cd-proof-engine__insight-number,
    .features-home-lp .cd-home-growth-loop__facts strong,
    .features-home-lp .cd-home-control-room__score span {
      color: #8fdcff;
      text-shadow: 0 0 24px rgba(0, 113, 227, 0.26);
    }
    .features-home-lp .cd-home-growth-loop__facts span,
    .features-home-lp .cd-home-control-room__score small {
      color: rgba(247, 251, 255, 0.68);
    }
    .features-home-lp .cd-home-growth-loop__visual::before {
      border-color: rgba(124, 200, 255, 0.32);
    }
    .features-home-lp .cd-home-growth-loop__step {
      color: #ffffff;
    }
    .features-home-lp .cd-home-growth-loop__step i {
      color: #8fdcff;
    }
    .features-home-lp .cd-home-growth-loop__center {
      box-shadow:
        0 1rem 2.5rem rgba(0, 113, 227, 0.28),
        0 0 0 1px rgba(255, 255, 255, 0.18) inset;
    }
    .features-home-lp .cd-home-control-room__panel {
      background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.035)),
        radial-gradient(circle at 30% 0%, rgba(0, 113, 227, 0.24), transparent 22rem),
        #080e18;
      box-shadow:
        0 1.35rem 3.4rem rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(255, 255, 255, 0.055) inset;
    }
    .features-home-lp .cd-home-control-room__tile,
    .features-home-lp .cd-home-control-room__alert {
      background: rgba(255, 255, 255, 0.075);
      border-color: rgba(255, 255, 255, 0.13);
    }

    /* Homepage — proof engine in light Apple-style */
    .features-home-lp .cd-proof-engine {
      color: var(--cd-ink);
      background:
        radial-gradient(circle at 12% 18%, rgba(0, 113, 227, 0.1), transparent 28rem),
        radial-gradient(circle at 88% 78%, rgba(63, 199, 125, 0.1), transparent 30rem),
        linear-gradient(180deg, #ffffff 0%, #f7fbff 52%, #ffffff 100%);
      border-top: 1px solid rgba(0, 0, 0, 0.045);
      border-bottom: 1px solid rgba(0, 0, 0, 0.055);
    }
    .features-home-lp .cd-proof-engine::before {
      background:
        linear-gradient(120deg, rgba(255, 255, 255, 0.7), transparent 24%, transparent 74%, rgba(255, 255, 255, 0.55)),
        radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.92), transparent 28rem);
    }
    .features-home-lp .cd-proof-engine .section-kicker {
      color: #0071e3;
    }
    .features-home-lp .cd-proof-engine h2,
    .features-home-lp .cd-proof-engine h3 {
      color: var(--cd-ink);
    }
    .features-home-lp .cd-proof-engine .text-muted {
      color: var(--cd-muted) !important;
    }
    .features-home-lp .cd-proof-engine__shell {
      background:
        radial-gradient(circle at 24% 24%, rgba(0, 113, 227, 0.08), transparent 24rem),
        radial-gradient(circle at 78% 78%, rgba(63, 199, 125, 0.09), transparent 24rem),
        rgba(255, 255, 255, 0.74);
      border: 1px solid rgba(0, 113, 227, 0.1);
      box-shadow:
        0 1.25rem 3.5rem rgba(0, 40, 100, 0.08),
        0 1px 0 rgba(255, 255, 255, 0.9) inset;
      backdrop-filter: blur(18px);
    }
    .features-home-lp .cd-proof-engine__diagram {
      background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(248, 252, 255, 0.7)),
        radial-gradient(circle at 50% 40%, rgba(0, 113, 227, 0.08), transparent 16rem);
      border: 1px solid rgba(0, 113, 227, 0.1);
      box-shadow:
        0 1rem 2.4rem rgba(0, 40, 100, 0.07),
        0 1px 0 rgba(255, 255, 255, 0.95) inset;
    }
    .features-home-lp .cd-proof-engine__links path {
      stroke: rgba(0, 113, 227, 0.22);
    }
    .features-home-lp .cd-proof-engine__nodes circle {
      fill: rgba(255, 255, 255, 0.96);
      stroke: rgba(0, 113, 227, 0.18);
      filter: drop-shadow(0 0.65rem 1rem rgba(0, 40, 100, 0.09));
    }
    .features-home-lp .cd-proof-engine__nodes text:first-of-type {
      fill: rgba(26, 29, 33, 0.58);
    }
    .features-home-lp .cd-proof-engine__nodes text:last-of-type {
      fill: #0071e3;
    }
    .features-home-lp .cd-proof-engine__orbit,
    .features-home-lp .cd-proof-engine__insight {
      background: rgba(255, 255, 255, 0.82);
      border: 1px solid rgba(0, 113, 227, 0.1);
      box-shadow:
        0 0.65rem 1.45rem rgba(0, 40, 100, 0.07),
        0 1px 0 rgba(255, 255, 255, 0.92) inset;
      color: var(--cd-ink);
    }
    .features-home-lp .cd-proof-engine__insight-number {
      color: #0071e3;
      text-shadow: none;
      background: rgba(0, 113, 227, 0.08);
      border: 1px solid rgba(0, 113, 227, 0.11);
    }
    .features-home-lp .cd-proof-engine__verdict {
      background: linear-gradient(135deg, #0071e3, #2aab6f);
      box-shadow: 0 0.75rem 1.8rem rgba(0, 113, 227, 0.18);
    }

    /* Homepage — growth loop in light Apple-style */
    .features-home-lp .cd-home-growth-loop {
      color: var(--cd-ink);
      background:
        radial-gradient(circle at 12% 24%, rgba(63, 199, 125, 0.1), transparent 28rem),
        radial-gradient(circle at 86% 72%, rgba(0, 113, 227, 0.1), transparent 30rem),
        linear-gradient(180deg, #ffffff 0%, #f7fbff 52%, #ffffff 100%);
      border-top: 1px solid rgba(0, 0, 0, 0.045);
      border-bottom: 1px solid rgba(0, 0, 0, 0.055);
    }
    .features-home-lp .cd-home-growth-loop::before {
      background:
        linear-gradient(120deg, rgba(255, 255, 255, 0.72), transparent 24%, transparent 74%, rgba(255, 255, 255, 0.55)),
        radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.92), transparent 28rem);
    }
    .features-home-lp .cd-home-growth-loop .section-kicker {
      color: #0071e3;
    }
    .features-home-lp .cd-home-growth-loop h2,
    .features-home-lp .cd-home-growth-loop h3 {
      color: var(--cd-ink);
    }
    .features-home-lp .cd-home-growth-loop .text-muted {
      color: var(--cd-muted) !important;
    }
    .features-home-lp .cd-home-growth-loop__shell {
      background:
        radial-gradient(circle at 18% 18%, rgba(63, 199, 125, 0.08), transparent 24rem),
        radial-gradient(circle at 82% 84%, rgba(0, 113, 227, 0.08), transparent 24rem),
        rgba(255, 255, 255, 0.76);
      border: 1px solid rgba(0, 113, 227, 0.1);
      box-shadow:
        0 1.25rem 3.5rem rgba(0, 40, 100, 0.08),
        0 1px 0 rgba(255, 255, 255, 0.92) inset;
      backdrop-filter: blur(18px);
    }
    .features-home-lp .cd-home-growth-loop__visual {
      background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(248, 252, 255, 0.7)),
        radial-gradient(circle at 50% 40%, rgba(0, 113, 227, 0.08), transparent 16rem);
      border: 1px solid rgba(0, 113, 227, 0.1);
      box-shadow:
        0 1rem 2.4rem rgba(0, 40, 100, 0.07),
        0 1px 0 rgba(255, 255, 255, 0.95) inset;
    }
    .features-home-lp .cd-home-growth-loop__visual::before {
      border-color: rgba(0, 113, 227, 0.2);
    }
    .features-home-lp .cd-home-growth-loop__step,
    .features-home-lp .cd-home-growth-loop__facts div {
      background: rgba(255, 255, 255, 0.84);
      border: 1px solid rgba(0, 113, 227, 0.1);
      box-shadow:
        0 0.65rem 1.45rem rgba(0, 40, 100, 0.07),
        0 1px 0 rgba(255, 255, 255, 0.92) inset;
      color: var(--cd-ink);
    }
    .features-home-lp .cd-home-growth-loop__step i {
      color: #0071e3;
    }
    .features-home-lp .cd-home-growth-loop__facts strong {
      color: #0071e3;
      text-shadow: none;
    }
    .features-home-lp .cd-home-growth-loop__facts span {
      color: var(--cd-muted);
    }

    /* Homepage — two-way split: sellers vs fulfillment */
    .features-home-lp .cd-home-audience-split {
      position: relative;
      overflow: hidden;
      background:
        radial-gradient(circle at 10% 16%, rgba(0, 113, 227, 0.08), transparent 24rem),
        radial-gradient(circle at 90% 82%, rgba(63, 199, 125, 0.09), transparent 26rem),
        #fbfdff !important;
    }
    .features-home-lp .cd-home-audience-split::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(0, 40, 100, 0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 40, 100, 0.025) 1px, transparent 1px);
      background-size: 44px 44px;
      mask-image: radial-gradient(circle at 50% 34%, #000 0%, transparent 72%);
      pointer-events: none;
    }
    .features-home-lp .cd-home-audience-split__card {
      overflow: hidden;
      border: 1px solid rgba(0, 0, 0, 0.08);
      background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(248, 252, 255, 0.8)),
        #fff;
      box-shadow:
        0 1rem 2.6rem rgba(0, 40, 100, 0.08),
        0 1px 0 rgba(255, 255, 255, 0.95) inset;
      transition:
        border-color 0.2s ease,
        box-shadow 0.25s ease,
        transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
    }
    .features-home-lp .cd-home-audience-split__card::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 12% 12%, rgba(0, 113, 227, 0.12), transparent 12rem),
        linear-gradient(120deg, rgba(255, 255, 255, 0.72), transparent 36%);
      pointer-events: none;
      opacity: 0.9;
    }
    .features-home-lp .cd-home-audience-split__card--fc::before {
      background:
        radial-gradient(circle at 12% 12%, rgba(63, 199, 125, 0.13), transparent 12rem),
        linear-gradient(120deg, rgba(255, 255, 255, 0.72), transparent 36%);
    }
    .features-home-lp .cd-home-audience-split__card > * {
      position: relative;
      z-index: 1;
    }
    .features-home-lp .cd-home-audience-split__card:hover {
      border-color: rgba(0, 113, 227, 0.22);
      box-shadow:
        0 1.25rem 3rem rgba(0, 40, 100, 0.12),
        0 1px 0 rgba(255, 255, 255, 0.95) inset;
      transform: translateY(-4px);
    }
    .features-home-lp .cd-home-audience-split__card--fc:hover {
      border-color: rgba(52, 199, 89, 0.35);
    }
    .features-home-lp .cd-home-audience-split__card:focus-visible {
      outline: 2px solid rgba(0, 113, 227, 0.45);
      outline-offset: 3px;
    }
    .features-home-lp .cd-home-audience-split__icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 3rem;
      height: 3rem;
      border-radius: 1rem;
      font-size: 1.35rem;
      box-shadow: 0 0.65rem 1.35rem rgba(0, 40, 100, 0.08);
    }
    .features-home-lp .cd-home-audience-split__icon--sellers {
      color: #0071e3;
      background: rgba(0, 113, 227, 0.1);
      border: 1px solid rgba(0, 113, 227, 0.14);
    }
    .features-home-lp .cd-home-audience-split__icon--fc {
      color: #248a3d;
      background: rgba(52, 199, 89, 0.12);
      border: 1px solid rgba(52, 199, 89, 0.2);
    }
    .features-home-lp .cd-home-audience-split__cta {
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
      color: #0071e3;
      width: fit-content;
      padding: 0.55rem 0.75rem;
      border-radius: 999px;
      background: rgba(0, 113, 227, 0.075);
      transition:
        background 0.2s ease,
        transform 0.2s ease;
    }
    .features-home-lp .cd-home-audience-split__card--fc .cd-home-audience-split__cta {
      color: #248a3d;
      background: rgba(63, 199, 125, 0.095);
    }
    .features-home-lp .cd-home-audience-split__card:hover .cd-home-audience-split__cta {
      transform: translateX(2px);
    }

    /* Homepage — compact trust rail */
    .features-home-lp .stats-strip {
      background:
        radial-gradient(circle at 12% 16%, rgba(0, 113, 227, 0.08), transparent 22rem),
        radial-gradient(circle at 88% 84%, rgba(63, 199, 125, 0.08), transparent 24rem),
        linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
      border-top: 1px solid rgba(0, 0, 0, 0.035) !important;
      border-bottom: 1px solid rgba(0, 0, 0, 0.045) !important;
    }
    .features-home-lp .stats-strip .row {
      padding: 0rem 0.75rem 1.3rem 0.75rem;
      margin: 0px 10px;
      border-radius: 1.5rem;
      background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.66)),
        radial-gradient(circle at 16% 18%, rgba(0, 113, 227, 0.08), transparent 18rem);
      border: 1px solid rgba(0, 113, 227, 0.08);
      box-shadow:
        0 1rem 2.6rem rgba(0, 40, 100, 0.07),
        0 1px 0 rgba(255, 255, 255, 0.95) inset;
      backdrop-filter: blur(14px);
    }
    .features-home-lp .stats-strip .stat-tile {
      display: grid !important;
      grid-template-columns: auto minmax(0, 1fr);
      grid-template-rows: auto auto;
      align-items: center !important;
      justify-content: flex-start !important;
      column-gap: 0.85rem !important;
      row-gap: 0.1rem !important;
      min-height: 4.85rem;
      padding: 0.85rem 1rem !important;
      text-align: left !important;
      border-radius: 1.05rem !important;
      background: rgba(255, 255, 255, 0.72) !important;
      border: 1px solid rgba(0, 113, 227, 0.07) !important;
      box-shadow: none !important;
    }
    .features-home-lp .stats-strip .stat-tile:hover {
      background: rgba(255, 255, 255, 0.9) !important;
      box-shadow: 0 0.55rem 1.4rem rgba(0, 40, 100, 0.07) !important;
    }
    .features-home-lp .stats-strip .stat-icon {
      grid-row: 1 / span 2;
      width: 2.65rem !important;
      height: 2.65rem !important;
      border-radius: 0.9rem !important;
      background:
        linear-gradient(145deg, rgba(0, 113, 227, 0.12), rgba(63, 199, 125, 0.09)) !important;
      color: #0071e3 !important;
      box-shadow:
        0 0.45rem 1.1rem rgba(0, 113, 227, 0.1),
        0 1px 0 rgba(255, 255, 255, 0.9) inset;
    }
    .features-home-lp .stats-strip .stat-tile > .text-muted,
    .features-home-lp .stats-strip .stat-tile > strong {
      display: block;
    }
    .features-home-lp .stats-strip .stat-tile > .text-muted {
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.03em;
    }
    .features-home-lp .stats-strip .stat-tile > strong {
      color: #111827 !important;
      font-size: 0.86rem;
      letter-spacing: -0.01em;
    }
    @media (max-width: 575.98px) {
      .features-home-lp .stats-strip .stat-tile {
        align-items: flex-start !important;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        justify-items: center;
        text-align: center !important;
      }
      .features-home-lp .stats-strip .stat-icon {
        grid-row: auto;
      }
    }
    @media (prefers-reduced-motion: reduce) {
      .features-home-lp .cd-home-audience-split__card,
      .features-home-lp .cd-home-audience-split__card:hover {
        transition: none;
        transform: none;
      }
    }
    .features-home-lp .persona-card {
      border: 1px solid rgba(0, 0, 0, 0.06);
      box-shadow: 0 0.75rem 2.5rem rgba(0, 40, 100, 0.08);
    }
    /* Homepage — customer story cards (subset of customer-cases index) */
    .features-home-lp .cd-home-customer-stories {
      position: relative;
      overflow: hidden;
      background:
        radial-gradient(circle at 12% 18%, rgba(0, 113, 227, 0.08), transparent 28rem),
        radial-gradient(circle at 88% 78%, rgba(63, 199, 125, 0.08), transparent 28rem),
        linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
    }
    .features-home-lp .cd-home-customer-stories::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(0, 40, 100, 0.022) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 40, 100, 0.022) 1px, transparent 1px);
      background-size: 46px 46px;
      mask-image: radial-gradient(circle at 50% 32%, #000 0%, transparent 72%);
      pointer-events: none;
    }
    .features-home-lp .cd-home-customer-stories > .container {
      position: relative;
      z-index: 1;
    }
    .features-home-lp .cd-home-cc-card {
      border-radius: 1.45rem;
      border: 1px solid rgba(0, 113, 227, 0.09);
      background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(248, 252, 255, 0.82)),
        #fff;
      box-shadow:
        0 1rem 2.5rem rgba(0, 40, 100, 0.08),
        0 1px 0 rgba(255, 255, 255, 0.95) inset;
      padding: 0.65rem;
      overflow: hidden;
      transition:
        box-shadow 0.25s ease,
        border-color 0.2s ease,
        transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
    }
    .features-home-lp .cd-home-cc-card__media {
      flex-shrink: 0;
      overflow: hidden;
      border-radius: 1rem;
      background: rgba(0, 0, 0, 0.04);
    }
    .features-home-lp .cd-home-cc-card__media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      transform: scale(1.01);
      transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
    }
    .features-home-lp .cd-home-cc-card__body {
      padding: 1.25rem 1.15rem 1.05rem;
    }
    .features-home-lp .cd-home-cc-card:hover {
      border-color: rgba(0, 113, 227, 0.18);
      box-shadow:
        0 1.35rem 3rem rgba(0, 40, 100, 0.12),
        0 1px 0 rgba(255, 255, 255, 0.95) inset;
      transform: translateY(-4px);
    }
    .features-home-lp .cd-home-cc-card:hover .cd-home-cc-card__media img {
      transform: scale(1.055);
    }
    .features-home-lp .cd-home-cc-card__badge {
      display: inline-block;
      font-size: 0.65rem;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: #0071e3;
      background: rgba(0, 113, 227, 0.09);
      border: 1px solid rgba(0, 113, 227, 0.14);
      border-radius: 999px;
      padding: 0.32rem 0.62rem;
      margin-bottom: 0.75rem;
      align-self: flex-start;
    }
    .features-home-lp .cd-home-cc-card__title {
      letter-spacing: -0.02em;
      line-height: 1.35;
      margin-bottom: 0.75rem;
      padding-right: 0.5rem;
    }
    .features-home-lp .cd-home-cc-card__cta {
      display: inline-flex;
      align-items: center;
      width: fit-content;
      padding: 0.48rem 0.65rem;
      border-radius: 999px;
      background: rgba(0, 113, 227, 0.075);
      transition:
        background 0.2s ease,
        transform 0.2s ease;
    }
    .features-home-lp .cd-home-cc-card:hover .cd-home-cc-card__cta {
      background: rgba(0, 113, 227, 0.11);
      transform: translateX(2px);
    }
    .features-home-lp .cd-home-cc-card__title a:hover {
      color: #0071e3 !important;
    }
    .features-home-lp .cd-home-cc-card .stretched-link:focus {
      outline: 2px solid rgba(0, 113, 227, 0.45);
      outline-offset: 2px;
    }
    .features-home-lp .cd-home-customer-stories .btn-outline-primary {
      border-radius: 999px;
      padding: 0.65rem 1rem;
      background: rgba(255, 255, 255, 0.78);
      box-shadow: 0 0.65rem 1.4rem rgba(0, 40, 100, 0.07);
    }
    main.features-home-lp section.cd-reveal--visible .cd-home-cc-stagger > .col {
      animation: cd-fade-up 0.6s cubic-bezier(0.22, 1, 0.36, 1) backwards;
    }
    main.features-home-lp section.cd-reveal--visible .cd-home-cc-stagger > .col:nth-child(1) {
      animation-delay: 0.04s;
    }
    main.features-home-lp section.cd-reveal--visible .cd-home-cc-stagger > .col:nth-child(2) {
      animation-delay: 0.08s;
    }
    main.features-home-lp section.cd-reveal--visible .cd-home-cc-stagger > .col:nth-child(3) {
      animation-delay: 0.12s;
    }
    @media (prefers-reduced-motion: reduce) {
      main.features-home-lp section.cd-reveal--visible .cd-home-cc-stagger > .col {
        animation: none !important;
      }
      .features-home-lp .cd-home-cc-card:hover {
        transform: none;
      }
      .features-home-lp .hero-channel-float__mark,
      .features-home-lp .hero-visual-zone:hover .hero-channel-float__mark {
        animation: none !important;
        margin: 0 !important;
        transition: none;
        transform: none;
      }
      .features-home-lp .hero-chip-backfield,
      .features-home-lp .hero-channel-float {
        transform: none !important;
      }
      .features-home-lp .hero-live-sync__glyph-ring,
      .features-home-lp .hero-live-sync__glyph-icon,
      .features-home-lp .hero-live-sync__dot,
      .features-home-lp .hero-live-sync__badge,
      .features-home-lp .hero-live-sync__shimmer,
      .features-home-lp .hero-live-sync__packet,
      .features-home-lp .hero-live-sync__labels span {
        animation: none !important;
      }
      .features-home-lp .hero-live-sync__packet {
        left: 50% !important;
        margin-left: -4.5px;
        opacity: 1;
      }
      .features-home-lp .cd-home-portal-split,
      .features-home-lp .cd-home-portal-split__metrics div,
      .features-home-lp .cd-home-portal-split__chart span,
      .features-home-lp .cd-home-portal-split__leaderboard p {
        animation: none !important;
      }
    }
    @media (max-width: 767.98px) {
      .features-home-lp .display-4 {
        font-size: 1.85rem;
      }
    }

    /* Homepage redesign — dark rounded hero inspired by the product UI. */
    .features-home-lp .cd-home-showcase-section {
      background:
        radial-gradient(circle at 16% 4%, rgba(0, 113, 227, 0.12), transparent 24rem),
        linear-gradient(180deg, #f6f9fd 0%, #eef5fb 42%, #ffffff 100%);
      border-bottom: 0;
      overflow: hidden;
    }
    .features-home-lp .cd-home-showcase {
      position: relative;
      isolation: isolate;
      overflow: hidden;
      min-height: clamp(620px, 68vw, 760px);
      padding: clamp(2rem, 4.5vw, 4.75rem) clamp(1.35rem, 4.5vw, 4.5rem) clamp(13rem, 22vw, 20rem);
      background:
        radial-gradient(circle at 82% 16%, rgba(0, 113, 227, 0.28), transparent 24rem),
        radial-gradient(circle at 76% 88%, rgba(63, 199, 125, 0.34), transparent 26rem),
        linear-gradient(135deg, #08172a 0%, #10243c 46%, #0e3743 100%);
      box-shadow:
        0 2.25rem 4.5rem rgba(0, 40, 100, 0.18),
        0 1px 0 rgba(255, 255, 255, 0.16) inset;
      transition:
        background 0.28s ease,
        box-shadow 0.28s ease;
    }
    .features-home-lp .cd-home-showcase.is-preview-dark {
      background:
        radial-gradient(circle at 76% 22%, rgba(0, 113, 227, 0.14), transparent 22rem),
        radial-gradient(circle at 82% 86%, rgba(63, 199, 125, 0.16), transparent 24rem),
        linear-gradient(135deg, #f8fbff 0%, #eef6ff 48%, #effbf5 100%);
      box-shadow:
        0 2.25rem 4.5rem rgba(0, 40, 100, 0.13),
        0 1px 0 rgba(255, 255, 255, 0.95) inset;
    }
    .features-home-lp .cd-home-showcase::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      background-image:
        linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
      background-size: 52px 52px;
      mask-image: radial-gradient(circle at 64% 45%, #000 0%, transparent 68%);
      pointer-events: none;
    }
    .features-home-lp .cd-home-showcase__content {
      position: relative;
      z-index: 2;
    }
    .features-home-lp .cd-home-showcase__glow {
      position: absolute;
      border-radius: 50%;
      filter: blur(44px);
      opacity: 0.72;
      pointer-events: none;
    }
    .features-home-lp .cd-home-showcase__glow--blue {
      width: 20rem;
      height: 20rem;
      left: 34%;
      top: 10%;
      background: rgba(0, 113, 227, 0.24);
    }
    .features-home-lp .cd-home-showcase__glow--green {
      width: 23rem;
      height: 23rem;
      right: -5rem;
      bottom: 4rem;
      background: rgba(63, 199, 125, 0.28);
    }
    .features-home-lp .cd-home-showcase__eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 0.45rem;
      padding: 0.44rem 0.82rem;
      border: 1px solid rgba(255, 255, 255, 0.16);
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.08);
      color: rgba(255, 255, 255, 0.78);
      font-size: 0.78rem;
      font-weight: 700;
      letter-spacing: 0.02em;
      backdrop-filter: blur(12px);
    }
    .features-home-lp .cd-home-showcase.is-preview-dark .cd-home-showcase__eyebrow {
      border-color: rgba(0, 113, 227, 0.12);
      background: rgba(255, 255, 255, 0.76);
      color: #0071e3;
      box-shadow: 0 0.7rem 1.5rem rgba(0, 40, 100, 0.08);
    }
    .features-home-lp .cd-home-showcase__eyebrow::before {
      content: "";
      width: 0.48rem;
      height: 0.48rem;
      border-radius: 50%;
      background: #3fc77d;
      box-shadow: 0 0 0 0.32rem rgba(63, 199, 125, 0.14);
    }
    .features-home-lp .cd-home-showcase__title {
      max-width: 48rem;
      font-size: clamp(2.55rem, 6vw, 5.45rem);
      line-height: 0.98;
      letter-spacing: -0.06em;
      text-wrap: balance;
    }
    .features-home-lp .cd-home-showcase.is-preview-dark .cd-home-showcase__title {
      color: #102033 !important;
    }
    .features-home-lp .cd-home-showcase__lead {
      max-width: 38rem;
      color: rgba(255, 255, 255, 0.88);
      font-size: clamp(1rem, 1.4vw, 1.18rem);
      line-height: 1.65;
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.18);
    }
    .features-home-lp .cd-home-showcase.is-preview-dark .cd-home-showcase__lead {
      color: rgba(16, 32, 51, 0.82);
      text-shadow: none;
    }
    .features-home-lp .cd-home-showcase__primary,
    .features-home-lp .cd-home-showcase__secondary {
      border-radius: 0.86rem;
      padding: 0.78rem 1.35rem;
      font-weight: 700;
    }
    .features-home-lp .cd-home-showcase__primary {
      box-shadow: 0 1rem 1.8rem rgba(0, 113, 227, 0.3);
    }
    .features-home-lp .cd-home-showcase__secondary {
      color: #0071e3;
      border: 0;
      background: rgba(255, 255, 255, 0.95);
      box-shadow: 0 1rem 1.8rem rgba(0, 0, 0, 0.16);
    }
    .features-home-lp .cd-home-showcase__proof {
      max-width: 22rem;
      margin-left: auto;
      padding-top: clamp(0.5rem, 3vw, 2.3rem);
      color: rgba(255, 255, 255, 0.78);
      font-size: 0.95rem;
      line-height: 1.55;
    }
    .features-home-lp .cd-home-showcase__avatars {
      display: flex;
      margin-bottom: 0.75rem;
    }
    .features-home-lp .cd-home-showcase__avatars span {
      width: 2.4rem;
      height: 2.4rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-left: -0.45rem;
      border: 2px solid rgba(255, 255, 255, 0.88);
      border-radius: 50%;
      background: linear-gradient(145deg, #ffffff, #e8f3ff);
      color: #0071e3;
      font-size: 0.66rem;
      font-weight: 800;
      box-shadow: 0 0.7rem 1.3rem rgba(0, 0, 0, 0.16);
    }
    .features-home-lp .cd-home-showcase__avatars span:first-child {
      margin-left: 0;
    }
    .features-home-lp .cd-home-showcase__avatars span:nth-child(2n) {
      color: #168f54;
      background: linear-gradient(145deg, #f4fff9, #dff7ec);
    }
    .features-home-lp .cd-home-showcase__stars {
      color: #ffc857;
      font-size: 1rem;
      letter-spacing: 0.08em;
      line-height: 1;
      margin-bottom: 0.35rem;
      text-shadow: 0 0.45rem 1.1rem rgba(255, 200, 87, 0.22);
    }
    .features-home-lp .cd-home-product-window {
      position: absolute;
      left: clamp(1rem, 4.5vw, 4.4rem);
      right: clamp(1rem, 4.5vw, 4.4rem);
      bottom: clamp(-6.5rem, -7vw, -4rem);
      z-index: 3;
      border-radius: 1.25rem;
      background: #ffffff;
      box-shadow:
        0 2.5rem 5rem rgba(0, 0, 0, 0.28),
        0 0 0 1px rgba(255, 255, 255, 0.85) inset;
    }
    .features-home-lp .cd-home-product-window__bar {
      display: flex;
      align-items: center;
      gap: 0.44rem;
      min-height: 2.55rem;
      padding: 0 1rem;
      border-bottom: 1px solid rgba(15, 23, 42, 0.08);
      background: linear-gradient(180deg, #f8fafc, #eef3f8);
      border-radius: 1.25rem 1.25rem 0 0;
    }
    .features-home-lp .cd-home-product-window__bar > span {
      width: 0.58rem;
      height: 0.58rem;
      border-radius: 50%;
      background: #ff6b6b;
    }
    .features-home-lp .cd-home-product-window__bar > span:nth-child(2) {
      background: #f4c95d;
    }
    .features-home-lp .cd-home-product-window__bar > span:nth-child(3) {
      background: #3fc77d;
    }
    .features-home-lp .cd-home-product-window__address {
      flex: 1 1 auto;
      max-width: 24rem;
      margin: 0 auto;
      padding: 0.28rem 0.8rem;
      border-radius: 999px;
      background: #ffffff;
      color: #94a3b8;
      font-size: 0.72rem;
      text-align: center;
      box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.06) inset;
    }
    .features-home-lp .cd-home-product-window__body {
      display: grid;
      grid-template-columns: minmax(10rem, 13rem) minmax(0, 1fr);
      min-height: clamp(17rem, 24vw, 23rem);
      overflow: hidden;
    }
    .features-home-lp .cd-home-product-window__sidebar {
      display: flex;
      flex-direction: column;
      gap: 0.48rem;
      padding: 1.2rem 0.85rem;
      border-right: 1px solid rgba(15, 23, 42, 0.08);
      background: #f8fbff;
      color: #64748b;
      font-size: 0.78rem;
      font-weight: 700;
    }
    .features-home-lp .cd-home-product-window__brand {
      display: flex;
      align-items: center;
      gap: 0.55rem;
      margin-bottom: 0.75rem;
      color: #0f172a;
    }
    .features-home-lp .cd-home-product-window__brand-mark {
      width: 1.9rem;
      height: 1.9rem;
      border-radius: 0.62rem;
      background:
        radial-gradient(circle at 50% 50%, #ffffff 0 24%, transparent 25%),
        linear-gradient(145deg, #0071e3, #3fc77d);
      box-shadow: 0 0.65rem 1.3rem rgba(0, 113, 227, 0.22);
    }
    .features-home-lp .cd-home-product-window__sidebar span {
      display: flex;
      align-items: center;
      gap: 0.55rem;
      padding: 0.62rem 0.72rem;
      border-radius: 0.7rem;
    }
    .features-home-lp .cd-home-product-window__sidebar .is-active {
      color: #0071e3;
      background: rgba(0, 113, 227, 0.1);
    }
    .features-home-lp .cd-home-product-window__main {
      padding: clamp(1rem, 2.5vw, 1.55rem);
      background:
        radial-gradient(circle at 88% 12%, rgba(0, 113, 227, 0.08), transparent 17rem),
        #ffffff;
    }
    .features-home-lp .cd-home-product-window__topline,
    .features-home-lp .cd-home-product-window__workspace {
      display: flex;
      justify-content: space-between;
      gap: 1rem;
    }
    .features-home-lp .cd-home-product-window__kicker {
      display: inline-block;
      margin-bottom: 0.32rem;
      color: #0071e3;
      font-size: 0.68rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.06em;
    }
    .features-home-lp .cd-home-product-window__topline h2 {
      margin: 0;
      color: #0f172a;
      font-size: clamp(1.25rem, 2vw, 1.75rem);
      font-weight: 800;
      letter-spacing: -0.04em;
    }
    .features-home-lp .cd-home-product-window__topline button {
      align-self: flex-start;
      border: 0;
      border-radius: 0.65rem;
      padding: 0.55rem 0.82rem;
      background: #0071e3;
      color: #fff;
      font-size: 0.74rem;
      font-weight: 800;
    }
    .features-home-lp .cd-home-product-window__metrics {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.85rem;
      margin: 1.15rem 0;
    }
    .features-home-lp .cd-home-product-window__metrics div,
    .features-home-lp .cd-home-product-window__table,
    .features-home-lp .cd-home-product-window__panel {
      border: 1px solid rgba(15, 23, 42, 0.08);
      border-radius: 1rem;
      background: rgba(255, 255, 255, 0.9);
      box-shadow: 0 0.75rem 1.8rem rgba(0, 40, 100, 0.07);
    }
    .features-home-lp .cd-home-product-window__metrics div {
      padding: 0.82rem;
    }
    .features-home-lp .cd-home-product-window__metrics span,
    .features-home-lp .cd-home-product-window__table span,
    .features-home-lp .cd-home-product-window__panel p {
      color: #64748b;
      font-size: 0.74rem;
    }
    .features-home-lp .cd-home-product-window__metrics strong {
      display: block;
      color: #0f172a;
      font-size: clamp(1.25rem, 2.4vw, 2rem);
      line-height: 1.08;
      letter-spacing: -0.05em;
    }
    .features-home-lp .cd-home-product-window__metrics small {
      color: #168f54;
      font-weight: 800;
    }
    .features-home-lp .cd-home-product-window__workspace {
      align-items: stretch;
    }
    .features-home-lp .cd-home-product-window__table {
      flex: 1 1 auto;
      padding: 0.25rem;
    }
    .features-home-lp .cd-home-product-window__table div {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto 0.72rem;
      align-items: center;
      gap: 0.7rem;
      padding: 0.74rem 0.78rem;
      border-bottom: 1px solid rgba(15, 23, 42, 0.06);
    }
    .features-home-lp .cd-home-product-window__table div:last-child {
      border-bottom: 0;
    }
    .features-home-lp .cd-home-product-window__table strong {
      color: #0f172a;
      font-size: 0.82rem;
    }
    .features-home-lp .cd-home-product-window__table em {
      width: 0.72rem;
      height: 0.72rem;
      border-radius: 50%;
      background: #0071e3;
    }
    .features-home-lp .cd-home-product-window__table .is-green {
      background: #3fc77d;
    }
    .features-home-lp .cd-home-product-window__table .is-yellow {
      background: #ffc857;
    }
    .features-home-lp .cd-home-product-window__panel {
      flex: 0 0 13rem;
      padding: 1rem;
      background:
        radial-gradient(circle at 90% 20%, rgba(63, 199, 125, 0.2), transparent 8rem),
        linear-gradient(145deg, #f8fbff, #ffffff);
    }
    .features-home-lp .cd-home-product-window__panel-icon {
      width: 2.25rem;
      height: 2.25rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 0.72rem;
      border-radius: 0.8rem;
      background: rgba(63, 199, 125, 0.12);
      color: #168f54;
    }
    .features-home-lp .cd-home-product-window__panel strong {
      display: block;
      color: #0f172a;
      font-size: 0.92rem;
      margin-bottom: 0.25rem;
    }
    .features-home-lp .cd-home-product-window__panel p {
      margin: 0;
      line-height: 1.45;
    }
    .features-home-lp .cd-home-product-window__chip {
      position: absolute;
      display: inline-flex;
      align-items: center;
      gap: 0.45rem;
      padding: 0.58rem 0.78rem;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.96);
      color: #0f172a;
      font-size: 0.76rem;
      font-weight: 800;
      box-shadow: 0 1rem 2.2rem rgba(0, 0, 0, 0.16);
    }
    .features-home-lp .cd-home-product-window__chip i {
      color: #0071e3;
    }
    .features-home-lp .cd-home-product-window__chip--left {
      left: 1.6rem;
      top: 5.3rem;
      transform: translateX(-35%);
    }
    .features-home-lp .cd-home-product-window__chip--right {
      right: 1.3rem;
      top: 6rem;
      transform: translateX(34%);
    }
    @media (max-width: 991.98px) {
      .features-home-lp .cd-home-showcase {
        min-height: auto;
        padding-bottom: 2rem;
      }
      .features-home-lp .cd-home-showcase__proof {
        max-width: none;
        margin-left: 0;
        padding-top: 0;
      }
      .features-home-lp .cd-home-product-window {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        margin-top: 2.25rem;
      }
      .features-home-lp .cd-home-product-window__chip {
        display: none;
      }
    }
    @media (max-width: 767.98px) {
      .features-home-lp .cd-home-showcase {
        border-radius: 1.65rem !important;
      }
      .features-home-lp .cd-home-product-window__body {
        grid-template-columns: 1fr;
      }
      .features-home-lp .cd-home-product-window__sidebar {
        display: none;
      }
      .features-home-lp .cd-home-product-window__metrics {
        grid-template-columns: 1fr;
      }
      .features-home-lp .cd-home-product-window__workspace,
      .features-home-lp .cd-home-product-window__topline {
        flex-direction: column;
      }
      .features-home-lp .cd-home-product-window__panel {
        flex: 1 1 auto;
      }
    }

    /* Product mock update — closer to the real ChannelDock dark/light dashboard. */
    .features-home-lp .cd-home-product-window {
      background: transparent;
      box-shadow: none;
    }
    .features-home-lp .cd-home-product-window__theme-card {
      position: absolute;
      right: 1.4rem;
      bottom: 1.2rem;
      width: min(72%, 45rem);
      height: 84%;
      border-radius: 1.05rem;
      background:
        linear-gradient(90deg, #f8f8f8 0 13%, transparent 13%),
        linear-gradient(180deg, #ffffff 0 12%, transparent 12%),
        linear-gradient(180deg, #ffffff, #f4f4f4);
      box-shadow:
        0 2rem 4rem rgba(0, 0, 0, 0.2),
        0 0 0 1px rgba(255, 255, 255, 0.75) inset;
      transform: translate(2.25rem, 1.6rem) rotate(1.25deg);
      opacity: 0.72;
    }
    .features-home-lp .cd-home-product-window__theme-card span {
      position: absolute;
      left: 17%;
      right: 4%;
      height: 0.75rem;
      border-radius: 999px;
      background: rgba(18, 24, 38, 0.06);
    }
    .features-home-lp .cd-home-product-window__theme-card span:nth-child(1) {
      top: 20%;
      width: 76%;
    }
    .features-home-lp .cd-home-product-window__theme-card span:nth-child(2) {
      top: 34%;
      width: 60%;
    }
    .features-home-lp .cd-home-product-window__theme-card span:nth-child(3) {
      top: 52%;
      width: 68%;
      height: 7rem;
      border-radius: 0.8rem;
    }
    .features-home-lp .cd-home-product-window__shell {
      position: relative;
      z-index: 2;
      display: grid;
      grid-template-columns: minmax(8.8rem, 10.5rem) minmax(0, 1fr);
      min-height: clamp(21rem, 31vw, 28.5rem);
      overflow: hidden;
      border-radius: 1.05rem;
      background: #17191f;
      color: #f8fafc;
      box-shadow:
        0 2.5rem 5rem rgba(0, 0, 0, 0.32),
        0 0 0 1px rgba(255, 255, 255, 0.09) inset;
    }
    .features-home-lp .cd-home-product-window__shell .cd-home-product-window__sidebar {
      display: flex;
      padding: 0.72rem 0.62rem;
      border-right: 1px solid rgba(255, 255, 255, 0.05);
      background: #050607;
      color: #b6bac2;
      font-size: 0.58rem;
      font-weight: 650;
    }
    .features-home-lp .cd-home-product-window__shell .cd-home-product-window__brand {
      gap: 0.42rem;
      margin-bottom: 0.8rem;
      color: #ffffff;
      font-size: 0.86rem;
    }
    .features-home-lp .cd-home-product-window__shell .cd-home-product-window__brand-mark {
      width: 1.55rem;
      height: 1.55rem;
      border-radius: 50%;
      background:
        radial-gradient(circle at 50% 50%, #050607 0 28%, transparent 29%),
        conic-gradient(from 45deg, #ffffff, #ced4da, #ffffff, #f8fafc);
      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.14);
    }
    .features-home-lp .cd-home-product-window__sidebar small {
      display: block;
      margin: 0.55rem 0 0.18rem;
      color: #747984;
      font-size: 0.5rem;
      font-weight: 700;
    }
    .features-home-lp .cd-home-product-window__shell .cd-home-product-window__sidebar span {
      gap: 0.45rem;
      padding: 0.42rem 0.46rem;
      border-radius: 0.16rem;
      color: #d8dbe0;
    }
    .features-home-lp .cd-home-product-window__shell .cd-home-product-window__sidebar .is-active {
      color: #ffffff;
      background: #1d2026;
    }
    .features-home-lp .cd-home-product-window__app {
      min-width: 0;
      background: #191b20;
    }
    .features-home-lp .cd-home-product-window__shell .cd-home-product-window__bar {
      display: grid;
      grid-template-columns: auto minmax(8rem, 17rem) auto;
      gap: 0.7rem;
      min-height: 2.15rem;
      padding: 0 0.88rem;
      border-bottom: 1px solid rgba(255, 255, 255, 0.05);
      border-radius: 0;
      background: #1d2026;
      color: #d8dbe0;
      font-size: 0.66rem;
    }
    .features-home-lp .cd-home-product-window__search {
      display: flex;
      align-items: center;
      gap: 0.42rem;
      padding: 0.28rem 0.55rem;
      border-radius: 0.3rem;
      background: #22252c;
      color: #777d88;
      line-height: 1;
    }
    .features-home-lp .cd-home-product-window__actions {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 0.58rem;
      color: #cfd3da;
    }
    .features-home-lp .cd-home-product-window__actions span {
      width: 0.74rem;
      height: 0.74rem;
      border-radius: 50%;
      background: linear-gradient(#c73b49 0 33%, #ffffff 33% 66%, #234c96 66%);
      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.16);
    }
    .features-home-lp .cd-home-product-window__shell .cd-home-product-window__main {
      padding: 1.05rem 1.15rem 1rem;
      background: #191b20;
    }
    .features-home-lp .cd-home-product-window__heading {
      display: flex;
      justify-content: space-between;
      gap: 1rem;
      margin-bottom: 1rem;
    }
    .features-home-lp .cd-home-product-window__heading h2 {
      margin: 0 0 0.18rem;
      color: #ffffff;
      font-size: 1.12rem;
      font-weight: 800;
      letter-spacing: -0.03em;
    }
    .features-home-lp .cd-home-product-window__heading p {
      margin: 0;
      color: #a7acb6;
      font-size: 0.56rem;
    }
    .features-home-lp .cd-home-product-window__theme-toggle {
      display: flex;
      gap: 0.42rem;
      align-items: flex-start;
    }
    .features-home-lp .cd-home-product-window__theme-toggle span {
      width: 1.05rem;
      height: 1.05rem;
      border-radius: 50%;
      border: 1px solid rgba(255, 255, 255, 0.13);
    }
    .features-home-lp .cd-home-product-window__theme-toggle .is-light {
      background: #ffffff;
    }
    .features-home-lp .cd-home-product-window__theme-toggle .is-dark {
      background: #0b0c0f;
      box-shadow: 0 0 0 3px rgba(61, 190, 120, 0.14);
    }
    .features-home-lp .cd-home-product-window__filters {
      display: grid;
      grid-template-columns: 2.1fr 1fr;
      gap: 0.55rem;
      margin-bottom: 0.65rem;
    }
    .features-home-lp .cd-home-product-window__filters span {
      padding: 0.38rem 0.55rem;
      border: 1px solid rgba(255, 255, 255, 0.06);
      border-radius: 0.3rem;
      background: #23262d;
      color: #d4d7dd;
      font-size: 0.54rem;
    }
    .features-home-lp .cd-home-product-window__shell .cd-home-product-window__metrics {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 0.5rem;
      margin: 0 0 0.62rem;
    }
    .features-home-lp .cd-home-product-window__shell .cd-home-product-window__metrics div {
      position: relative;
      padding: 0.62rem 0.72rem;
      border: 1px solid rgba(255, 255, 255, 0.055);
      border-radius: 0.28rem;
      background: #202329;
      box-shadow: none;
    }
    .features-home-lp .cd-home-product-window__shell .cd-home-product-window__metrics span {
      color: #9da3ad;
      font-size: 0.52rem;
    }
    .features-home-lp .cd-home-product-window__shell .cd-home-product-window__metrics strong {
      color: #ffffff;
      font-size: 0.92rem;
      letter-spacing: -0.03em;
    }
    .features-home-lp .cd-home-product-window__shell .cd-home-product-window__metrics small {
      position: absolute;
      top: 0.58rem;
      right: 0.58rem;
      color: #3fc77d;
      font-size: 0.58rem;
    }
    .features-home-lp .cd-home-product-window__shell .cd-home-product-window__workspace {
      display: grid;
      grid-template-columns: minmax(0, 1.35fr) minmax(12rem, 0.75fr);
      gap: 0.55rem;
      align-items: stretch;
    }
    .features-home-lp .cd-home-product-window__chart-card,
    .features-home-lp .cd-home-product-window__leaderboard {
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.055);
      border-radius: 0.28rem;
      background: #202329;
      box-shadow: none;
    }
    .features-home-lp .cd-home-product-window__tabs {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      border-bottom: 1px solid rgba(255, 255, 255, 0.055);
    }
    .features-home-lp .cd-home-product-window__tabs span {
      padding: 0.52rem 0.4rem;
      color: #d8dbe0;
      font-size: 0.55rem;
      text-align: center;
      background: #2a2d34;
    }
    .features-home-lp .cd-home-product-window__tabs .is-active {
      color: #3fc77d;
      background: #202329;
    }
    .features-home-lp .cd-home-product-window__chart {
      display: flex;
      align-items: flex-end;
      gap: 0.52rem;
      height: 8.3rem;
      padding: 1.2rem 1rem 0.55rem;
      background:
        linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px) 0 0 / 100% 33.333%,
        #202329;
    }
    .features-home-lp .cd-home-product-window__chart span {
      flex: 1 1 0;
      height: var(--h);
      min-width: 0.7rem;
      border-radius: 0.08rem 0.08rem 0 0;
      background:
        linear-gradient(180deg, rgba(63, 199, 125, 0.98), rgba(63, 199, 125, 0.82)),
        repeating-linear-gradient(180deg, transparent 0 12px, rgba(0, 0, 0, 0.14) 12px 15px);
      box-shadow: 0 -0.18rem 0 #20a862 inset;
    }
    .features-home-lp .cd-home-product-window__channels {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 0.42rem;
      padding: 0 0.8rem 0.82rem;
    }
    .features-home-lp .cd-home-product-window__channels span {
      padding: 0.34rem 0.42rem;
      border-radius: 0.2rem;
      background: #303541;
      color: #d7dbe3;
      font-size: 0.5rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .features-home-lp .cd-home-product-window__leaderboard {
      padding: 0.82rem;
    }
    .features-home-lp .cd-home-product-window__leaderboard strong {
      display: block;
      margin-bottom: 0.52rem;
      color: #ffffff;
      font-size: 0.7rem;
    }
    .features-home-lp .cd-home-product-window__leaderboard div {
      display: grid;
      grid-template-columns: 1.25rem minmax(0, 1fr) auto;
      align-items: center;
      gap: 0.54rem;
      padding: 0.43rem 0;
      border-top: 1px solid rgba(255, 255, 255, 0.055);
    }
    .features-home-lp .cd-home-product-window__leaderboard span {
      width: 1.05rem;
      height: 1.05rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      background: #3a404b;
      color: #ffffff;
      font-size: 0.48rem;
      font-weight: 800;
    }
    .features-home-lp .cd-home-product-window__leaderboard div:nth-child(2) span {
      background: #f5b21a;
    }
    .features-home-lp .cd-home-product-window__leaderboard div:nth-child(3) span {
      background: #aeb4bb;
    }
    .features-home-lp .cd-home-product-window__leaderboard div:nth-child(4) span {
      background: #c77a32;
    }
    .features-home-lp .cd-home-product-window__leaderboard p,
    .features-home-lp .cd-home-product-window__leaderboard em {
      margin: 0;
      color: #eef1f5;
      font-size: 0.52rem;
      font-style: normal;
    }
    .features-home-lp .cd-home-product-window__leaderboard em {
      color: #c8cdd5;
      font-weight: 800;
    }
    .features-home-lp .cd-home-product-window__chip {
      background: rgba(32, 35, 41, 0.94);
      color: #ffffff;
      box-shadow: 0 1rem 2.2rem rgba(0, 0, 0, 0.26);
      backdrop-filter: blur(10px);
    }
    .features-home-lp .cd-home-product-window__chip i {
      color: #3fc77d;
    }
    .features-home-lp .cd-home-product-window__chip--left {
      top: auto;
      left: 2rem;
      bottom: 1.3rem;
      transform: translate(-36%, 0);
      background: rgba(255, 255, 255, 0.96);
      color: #101318;
    }
    .features-home-lp .cd-home-product-window__chip--left i {
      color: #f5b21a;
    }
    .features-home-lp .cd-home-product-window__chip--right {
      top: 1.2rem;
      right: 1.2rem;
      transform: translateX(36%);
    }
    @media (max-width: 991.98px) {
      .features-home-lp .cd-home-product-window__theme-card {
        display: none;
      }
      .features-home-lp .cd-home-product-window__shell {
        min-height: auto;
      }
    }
    @media (max-width: 767.98px) {
      .features-home-lp .cd-home-product-window__shell {
        grid-template-columns: 1fr;
      }
      .features-home-lp .cd-home-product-window__shell .cd-home-product-window__sidebar {
        display: none;
      }
      .features-home-lp .cd-home-product-window__shell .cd-home-product-window__metrics,
      .features-home-lp .cd-home-product-window__filters,
      .features-home-lp .cd-home-product-window__shell .cd-home-product-window__workspace {
        grid-template-columns: 1fr;
      }
      .features-home-lp .cd-home-product-window__channels,
      .features-home-lp .cd-home-product-window__tabs {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    /* Half-and-half light/dark product preview. */
    .features-home-lp .cd-home-product-window--split {
      left: 50%;
      right: auto;
      top: clamp(20rem, 32vw, 25rem);
      bottom: auto;
      width: min(94%, 64rem);
      transform: translate3d(-50%, var(--cd-home-portal-parallax, 0px), 0);
      border-radius: 1.25rem;
      background: transparent;
      box-shadow: none;
      will-change: transform;
    }
    .features-home-lp .cd-home-mode-split {
      position: relative;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      overflow: hidden;
      min-height: clamp(23rem, 32vw, 30rem);
      border: 1px solid rgba(255, 255, 255, 0.14);
      border-radius: 1.25rem;
      background: #111318;
      box-shadow:
        0 2.4rem 5rem rgba(0, 0, 0, 0.34),
        0 0 0 1px rgba(255, 255, 255, 0.05) inset;
    }
    .features-home-lp .cd-home-mode-split::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 3;
      pointer-events: none;
      background:
        linear-gradient(90deg, transparent calc(50% - 1px), rgba(255, 255, 255, 0.9) 50%, transparent calc(50% + 1px)),
        radial-gradient(circle at 50% 8%, rgba(255, 255, 255, 0.22), transparent 14rem);
      opacity: 0.72;
    }
    .features-home-lp .cd-home-mode-pane {
      --pane-bg: #f6f7f8;
      --pane-surface: #ffffff;
      --pane-card: #ffffff;
      --pane-sidebar: #ffffff;
      --pane-sidebar-active: #eaf7ef;
      --pane-line: rgba(15, 23, 42, 0.075);
      --pane-text: #101318;
      --pane-muted: #68707c;
      --pane-search: #f1f2f4;
      --pane-chart-grid: rgba(15, 23, 42, 0.06);
      --pane-channel: #f1f3f6;
      position: relative;
      display: grid;
      grid-template-columns: minmax(5.8rem, 7rem) minmax(0, 1fr);
      min-width: 0;
      background: var(--pane-bg);
      color: var(--pane-text);
    }
    .features-home-lp .cd-home-mode-pane--dark {
      --pane-bg: #191b20;
      --pane-surface: #1d2026;
      --pane-card: #202329;
      --pane-sidebar: #050607;
      --pane-sidebar-active: #1d2026;
      --pane-line: rgba(255, 255, 255, 0.06);
      --pane-text: #ffffff;
      --pane-muted: #a5abb5;
      --pane-search: #22252c;
      --pane-chart-grid: rgba(255, 255, 255, 0.045);
      --pane-channel: #303541;
    }
    .features-home-lp .cd-home-mode-pane__label {
      position: absolute;
      top: 0.7rem;
      z-index: 5;
      display: inline-flex;
      align-items: center;
      gap: 0.38rem;
      padding: 0.36rem 0.58rem;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.9);
      color: #101318;
      font-size: 0.58rem;
      font-weight: 850;
      box-shadow: 0 0.8rem 1.6rem rgba(0, 0, 0, 0.15);
    }
    .features-home-lp .cd-home-mode-pane--light .cd-home-mode-pane__label {
      left: 0.78rem;
    }
    .features-home-lp .cd-home-mode-pane--dark .cd-home-mode-pane__label {
      right: 0.78rem;
      background: rgba(15, 17, 22, 0.9);
      color: #ffffff;
    }
    .features-home-lp .cd-home-mode-pane__label i {
      color: #3fc77d;
    }
    .features-home-lp .cd-home-mode-pane--light .cd-home-mode-pane__label i {
      color: #f5b21a;
    }
    .features-home-lp .cd-home-mode-pane__sidebar {
      display: flex;
      flex-direction: column;
      gap: 0.2rem;
      padding: 2.8rem 0.52rem 0.7rem;
      border-right: 1px solid var(--pane-line);
      background: var(--pane-sidebar);
      color: var(--pane-muted);
      font-size: 0.52rem;
      line-height: 1.2;
    }
    .features-home-lp .cd-home-mode-pane__brand {
      display: flex;
      align-items: center;
      gap: 0.34rem;
      min-width: 0;
      margin-bottom: 0.62rem;
      color: var(--pane-text);
      font-size: 0.66rem;
      font-weight: 850;
    }
    .features-home-lp .cd-home-mode-pane__brand span {
      width: 1.18rem;
      height: 1.18rem;
      flex: 0 0 auto;
      border-radius: 50%;
      background:
        radial-gradient(circle at 50% 50%, var(--pane-sidebar) 0 28%, transparent 29%),
        conic-gradient(from 45deg, var(--pane-text), #cad1dc, var(--pane-text));
      box-shadow: 0 0 0 1px var(--pane-line);
    }
    .features-home-lp .cd-home-mode-pane__brand strong {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .features-home-lp .cd-home-mode-pane__sidebar small {
      margin-top: 0.42rem;
      color: var(--pane-muted);
      font-size: 0.46rem;
      opacity: 0.75;
    }
    .features-home-lp .cd-home-mode-pane__sidebar p {
      display: flex;
      align-items: center;
      gap: 0.32rem;
      margin: 0;
      padding: 0.34rem 0.36rem;
      border-radius: 0.28rem;
      color: var(--pane-text);
      font-weight: 700;
      opacity: 0.86;
    }
    .features-home-lp .cd-home-mode-pane__sidebar p.is-active {
      background: var(--pane-sidebar-active);
      color: #29af6f;
      opacity: 1;
    }
    .features-home-lp .cd-home-mode-pane__app {
      min-width: 0;
      background: var(--pane-bg);
    }
    .features-home-lp .cd-home-mode-pane__topbar {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      gap: 0.48rem;
      align-items: center;
      min-height: 2.2rem;
      padding: 0 0.7rem;
      border-bottom: 1px solid var(--pane-line);
      background: var(--pane-surface);
      color: var(--pane-muted);
      font-size: 0.56rem;
    }
    .features-home-lp .cd-home-mode-pane__topbar span {
      display: flex;
      align-items: center;
      gap: 0.34rem;
      min-width: 0;
      padding: 0.28rem 0.45rem;
      border-radius: 0.28rem;
      background: var(--pane-search);
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .features-home-lp .cd-home-mode-pane__main {
      padding: 0.88rem;
    }
    .features-home-lp .cd-home-mode-pane__heading {
      display: flex;
      justify-content: space-between;
      margin-bottom: 0.72rem;
    }
    .features-home-lp .cd-home-mode-pane__heading h2 {
      margin: 0 0 0.12rem;
      color: var(--pane-text);
      font-size: 0.9rem;
      font-weight: 850;
      letter-spacing: -0.03em;
    }
    .features-home-lp .cd-home-mode-pane__heading p {
      margin: 0;
      color: var(--pane-muted);
      font-size: 0.48rem;
    }
    .features-home-lp .cd-home-mode-pane__filters {
      display: grid;
      grid-template-columns: 1.5fr 1fr;
      gap: 0.4rem;
      margin-bottom: 0.52rem;
    }
    .features-home-lp .cd-home-mode-pane__filters span,
    .features-home-lp .cd-home-mode-pane__metrics div,
    .features-home-lp .cd-home-mode-pane__chart-card,
    .features-home-lp .cd-home-mode-pane__leaderboard {
      border: 1px solid var(--pane-line);
      border-radius: 0.36rem;
      background: var(--pane-card);
    }
    .features-home-lp .cd-home-mode-pane__filters span {
      padding: 0.32rem 0.42rem;
      color: var(--pane-text);
      font-size: 0.47rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .features-home-lp .cd-home-mode-pane__metrics {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.4rem;
      margin-bottom: 0.52rem;
    }
    .features-home-lp .cd-home-mode-pane__metrics div {
      padding: 0.48rem 0.54rem;
    }
    .features-home-lp .cd-home-mode-pane__metrics span {
      display: block;
      color: var(--pane-muted);
      font-size: 0.46rem;
    }
    .features-home-lp .cd-home-mode-pane__metrics strong {
      display: block;
      color: var(--pane-text);
      font-size: 0.75rem;
      letter-spacing: -0.03em;
      line-height: 1.1;
    }
    .features-home-lp .cd-home-mode-pane__content {
      display: grid;
      grid-template-columns: minmax(0, 1.35fr) minmax(6.8rem, 0.75fr);
      gap: 0.45rem;
    }
    .features-home-lp .cd-home-mode-pane__chart-card,
    .features-home-lp .cd-home-mode-pane__leaderboard {
      overflow: hidden;
    }
    .features-home-lp .cd-home-mode-pane__tabs {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      border-bottom: 1px solid var(--pane-line);
      background: var(--pane-search);
    }
    .features-home-lp .cd-home-mode-pane__tabs span {
      padding: 0.38rem 0.25rem;
      color: var(--pane-muted);
      font-size: 0.46rem;
      text-align: center;
    }
    .features-home-lp .cd-home-mode-pane__tabs .is-active {
      color: #25b76f;
      background: var(--pane-card);
      font-weight: 800;
    }
    .features-home-lp .cd-home-mode-pane__chart {
      display: flex;
      align-items: flex-end;
      gap: 0.34rem;
      height: clamp(6.5rem, 9vw, 8.3rem);
      padding: 0.85rem 0.72rem 0.45rem;
      background:
        linear-gradient(var(--pane-chart-grid) 1px, transparent 1px) 0 0 / 100% 33.333%,
        var(--pane-card);
    }
    .features-home-lp .cd-home-mode-pane__chart span {
      flex: 1 1 0;
      height: var(--h);
      min-width: 0.42rem;
      border-radius: 0.1rem 0.1rem 0 0;
      background:
        linear-gradient(180deg, rgba(64, 202, 128, 0.98), rgba(50, 184, 113, 0.88)),
        repeating-linear-gradient(180deg, transparent 0 10px, rgba(0, 0, 0, 0.13) 10px 13px);
      box-shadow: 0 -0.14rem 0 #20a862 inset;
    }
    .features-home-lp .cd-home-mode-pane__channels {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 0.32rem;
      padding: 0 0.62rem 0.62rem;
    }
    .features-home-lp .cd-home-mode-pane__channels span {
      padding: 0.26rem 0.32rem;
      border-radius: 0.2rem;
      background: var(--pane-channel);
      color: var(--pane-muted);
      font-size: 0.42rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .features-home-lp .cd-home-mode-pane__leaderboard {
      padding: 0.58rem;
    }
    .features-home-lp .cd-home-mode-pane__leaderboard strong {
      display: block;
      margin-bottom: 0.36rem;
      color: var(--pane-text);
      font-size: 0.56rem;
    }
    .features-home-lp .cd-home-mode-pane__leaderboard p {
      display: grid;
      grid-template-columns: 0.9rem minmax(0, 1fr) auto;
      gap: 0.28rem;
      align-items: center;
      margin: 0;
      padding: 0.32rem 0;
      border-top: 1px solid var(--pane-line);
      color: var(--pane-text);
      font-size: 0.43rem;
      white-space: nowrap;
    }
    .features-home-lp .cd-home-mode-pane__leaderboard span {
      width: 0.76rem;
      height: 0.76rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      background: #f5b21a;
      color: #ffffff;
      font-size: 0.38rem;
      font-weight: 850;
    }
    .features-home-lp .cd-home-mode-pane__leaderboard p:nth-child(3) span {
      background: #9ba3ad;
    }
    .features-home-lp .cd-home-mode-pane__leaderboard p:nth-child(4) span {
      background: #c77a32;
    }
    .features-home-lp .cd-home-mode-pane__leaderboard em {
      color: var(--pane-muted);
      font-style: normal;
      font-weight: 850;
    }
    @media (max-width: 991.98px) {
      .features-home-lp .cd-home-product-window--split {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        margin-top: 2.25rem;
        /* Scroll parallax disabled on mobile / tablet — see features-home-orbit.js */
        --cd-home-portal-parallax: 0px !important;
        transform: translate3d(0, 0, 0);
      }
      .features-home-lp .cd-home-mode-split {
        min-height: 0;
      }
      .features-home-lp .cd-home-mode-pane {
        grid-template-columns: minmax(4.8rem, 5.6rem) minmax(0, 1fr);
      }
      .features-home-lp .cd-home-mode-pane__content {
        grid-template-columns: 1fr;
      }
      .features-home-lp .cd-home-mode-pane__leaderboard {
        display: none;
      }
    }
    @media (max-width: 767.98px) {
      .features-home-lp .cd-home-mode-split {
        grid-template-columns: 1fr;
      }
      .features-home-lp .cd-home-mode-split::before {
        background: linear-gradient(180deg, transparent calc(50% - 1px), rgba(255, 255, 255, 0.9) 50%, transparent calc(50% + 1px));
      }
      .features-home-lp .cd-home-mode-pane {
        grid-template-columns: 1fr;
      }
      .features-home-lp .cd-home-mode-pane__sidebar {
        display: none;
      }
      .features-home-lp .cd-home-mode-pane__main {
        padding-top: 3rem;
      }
    }

    /* Single portal split: left half light mode, right half dark mode. */
    .features-home-lp .cd-home-portal-split {
      position: relative;
      display: grid;
      grid-template-columns: minmax(7rem, 8.8rem) minmax(0, 1fr);
      overflow: hidden;
      min-height: clamp(23rem, 32vw, 29rem);
      border: 1px solid rgba(255, 255, 255, 0.16);
      border-radius: 1.25rem;
      background: linear-gradient(90deg, #f6f7f8 0 50%, #191b20 50% 100%);
      box-shadow:
        0 2.4rem 5rem rgba(0, 0, 0, 0.34),
        0 0 0 1px rgba(255, 255, 255, 0.05) inset;
      animation: cd-home-portal-float 7s ease-in-out infinite;
      transform-origin: 50% 100%;
    }
    .features-home-lp .cd-home-portal-split::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      pointer-events: none;
      background:
        radial-gradient(circle at 72% 12%, rgba(63, 199, 125, 0.08), transparent 13rem),
        linear-gradient(180deg, rgba(255, 255, 255, 0.34), transparent 42%);
      mix-blend-mode: soft-light;
    }
    .features-home-lp .cd-home-portal-split::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 50%;
      z-index: 6;
      width: 1px;
      background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.95), transparent);
      box-shadow: 0 0 1.4rem rgba(255, 255, 255, 0.38);
      pointer-events: none;
    }
    .features-home-lp .cd-home-portal-split__label {
      position: absolute;
      top: 0.7rem;
      z-index: 7;
      display: inline-flex;
      align-items: center;
      gap: 0.38rem;
      padding: 0.36rem 0.58rem;
      border-radius: 999px;
      font-size: 0.58rem;
      font-weight: 850;
      box-shadow: 0 0.8rem 1.6rem rgba(0, 0, 0, 0.15);
    }
    .features-home-lp .cd-home-portal-split__label--light {
      left: 0.78rem;
      background: rgba(255, 255, 255, 0.92);
      color: #101318;
    }
    .features-home-lp .cd-home-portal-split__label--light i {
      color: #f5b21a;
    }
    .features-home-lp .cd-home-portal-split__label--dark {
      right: 0.78rem;
      background: rgba(15, 17, 22, 0.9);
      color: #ffffff;
    }
    .features-home-lp .cd-home-portal-split__label--dark i {
      color: #3fc77d;
    }
    .features-home-lp .cd-home-portal-split__sidebar {
      position: relative;
      z-index: 3;
      display: flex;
      flex-direction: column;
      gap: 0.2rem;
      padding: 2.9rem 0.62rem 0.8rem;
      border-right: 1px solid rgba(15, 23, 42, 0.075);
      background: #ffffff;
      color: #68707c;
      font-size: 0.52rem;
      line-height: 1.2;
    }
    .features-home-lp .cd-home-portal-split__brand {
      display: flex;
      align-items: center;
      min-width: 0;
      margin-bottom: 0.62rem;
      color: #101318;
      font-size: 0.66rem;
      font-weight: 850;
    }
    .features-home-lp .cd-home-portal-split__brand img {
      display: block;
      width: auto;
      max-width: 6.8rem;
      height: 1.35rem;
      object-fit: contain;
      transition: filter 0.22s ease;
    }
    .features-home-lp .cd-home-portal-split__brand span {
      width: 1.18rem;
      height: 1.18rem;
      flex: 0 0 auto;
      border-radius: 50%;
      background:
        radial-gradient(circle at 50% 50%, #ffffff 0 28%, transparent 29%),
        conic-gradient(from 45deg, #101318, #cad1dc, #101318);
      box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.08);
    }
    .features-home-lp .cd-home-portal-split__brand strong {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .features-home-lp .cd-home-portal-split__sidebar small {
      margin-top: 0.42rem;
      color: #68707c;
      font-size: 0.46rem;
      opacity: 0.75;
    }
    .features-home-lp .cd-home-portal-split__sidebar p {
      display: flex;
      align-items: center;
      gap: 0.32rem;
      margin: 0;
      padding: 0.34rem 0.36rem;
      border-radius: 0.28rem;
      color: #101318;
      font-weight: 700;
      opacity: 0.86;
    }
    .features-home-lp .cd-home-portal-split__sidebar p.is-active {
      background: #eaf7ef;
      color: #29af6f;
      opacity: 1;
    }
    .features-home-lp .cd-home-portal-split__app {
      position: relative;
      z-index: 2;
      min-width: 0;
      background: linear-gradient(90deg, #f6f7f8 0 calc(50% - 4.4rem), #191b20 calc(50% - 4.4rem) 100%);
    }
    .features-home-lp .cd-home-portal-split__topbar {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      gap: 0.48rem;
      align-items: center;
      min-height: 2.25rem;
      padding: 0 0.78rem;
      border-bottom: 1px solid rgba(128, 137, 151, 0.16);
      background: linear-gradient(90deg, #ffffff 0 calc(50% - 4.4rem), #1d2026 calc(50% - 4.4rem) 100%);
      color: #68707c;
      font-size: 0.56rem;
    }
    .features-home-lp .cd-home-portal-split__topbar > i {
      color: #101318;
    }
    .features-home-lp .cd-home-portal-split__topbar span {
      display: flex;
      align-items: center;
      gap: 0.34rem;
      width: min(100%, 18rem);
      min-width: 0;
      padding: 0.28rem 0.45rem;
      border-radius: 0.28rem;
      background: linear-gradient(90deg, #f1f2f4 0 50%, #22252c 50% 100%);
      color: #8b929d;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .features-home-lp .cd-home-portal-split__topbar div {
      display: inline-flex;
      gap: 0.42rem;
      color: #d8dbe0;
    }
    .features-home-lp .cd-home-portal-split__main {
      padding: 0.92rem;
      background: linear-gradient(90deg, #f6f7f8 0 calc(50% - 4.4rem), #191b20 calc(50% - 4.4rem) 100%);
    }
    .features-home-lp .cd-home-portal-split__heading {
      display: flex;
      justify-content: space-between;
      margin-bottom: 0.72rem;
    }
    .features-home-lp .cd-home-portal-split__heading h2 {
      margin: 0 0 0.12rem;
      color: #101318;
      font-size: 0.95rem;
      font-weight: 850;
      letter-spacing: -0.03em;
    }
    .features-home-lp .cd-home-portal-split__heading p {
      margin: 0;
      color: #68707c;
      font-size: 0.48rem;
    }
    .features-home-lp .cd-home-portal-split__filters {
      display: grid;
      grid-template-columns: 1.55fr 1fr;
      gap: 0.42rem;
      margin-bottom: 0.54rem;
    }
    .features-home-lp .cd-home-portal-split__filters span,
    .features-home-lp .cd-home-portal-split__metrics div,
    .features-home-lp .cd-home-portal-split__chart-card,
    .features-home-lp .cd-home-portal-split__leaderboard,
    .features-home-lp .cd-home-portal-split__stock {
      border-radius: 0.36rem;
      box-shadow: 0 0.7rem 1.4rem rgba(0, 0, 0, 0.04);
      transition:
        background 0.22s ease,
        color 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease;
    }
    .features-home-lp .cd-home-portal-split__filters span:first-child,
    .features-home-lp .cd-home-portal-split__metrics div:nth-child(-n + 2),
    .features-home-lp .cd-home-portal-split__chart-card,
    .features-home-lp .cd-home-portal-split__stock {
      border: 1px solid rgba(15, 23, 42, 0.075);
      background: #ffffff;
      color: #101318;
    }
    .features-home-lp .cd-home-portal-split__filters span:last-child,
    .features-home-lp .cd-home-portal-split__metrics div:nth-child(n + 3),
    .features-home-lp .cd-home-portal-split__leaderboard {
      border: 1px solid rgba(255, 255, 255, 0.06);
      background: #202329;
      color: #ffffff;
      box-shadow: none;
    }
    .features-home-lp .cd-home-portal-split__filters span {
      padding: 0.32rem 0.42rem;
      font-size: 0.47rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .features-home-lp .cd-home-portal-split__metrics {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 0.42rem;
      margin-bottom: 0.54rem;
    }
    .features-home-lp .cd-home-portal-split__metrics div {
      padding: 0.5rem 0.56rem;
      min-height: 3rem;
      animation: cd-home-portal-card-in 0.72s cubic-bezier(0.22, 1, 0.36, 1) both;
    }
    .features-home-lp .cd-home-portal-split__metrics div:nth-child(2) {
      animation-delay: 0.06s;
    }
    .features-home-lp .cd-home-portal-split__metrics div:nth-child(3) {
      animation-delay: 0.12s;
    }
    .features-home-lp .cd-home-portal-split__metrics div:nth-child(4) {
      animation-delay: 0.18s;
    }
    .features-home-lp .cd-home-portal-split__metrics span {
      display: block;
      color: #78808b;
      font-size: 0.46rem;
    }
    .features-home-lp .cd-home-portal-split__metrics div:nth-child(n + 3) span {
      color: #9fa6b1;
    }
    .features-home-lp .cd-home-portal-split__metrics strong {
      display: block;
      color: inherit;
      font-size: 0.82rem;
      letter-spacing: -0.03em;
      line-height: 1.1;
    }
    .features-home-lp .cd-home-portal-split__content {
      display: grid;
      grid-template-columns: minmax(0, 1.2fr) minmax(7rem, 0.82fr);
      gap: 0.48rem;
    }
    .features-home-lp .cd-home-portal-split__chart-card,
    .features-home-lp .cd-home-portal-split__leaderboard,
    .features-home-lp .cd-home-portal-split__stock {
      overflow: hidden;
    }
    .features-home-lp .cd-home-portal-split__tabs {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      border-bottom: 1px solid rgba(15, 23, 42, 0.075);
      background: #f1f3f6;
    }
    .features-home-lp .cd-home-portal-split__tabs span {
      padding: 0.38rem 0.25rem;
      color: #68707c;
      font-size: 0.46rem;
      text-align: center;
    }
    .features-home-lp .cd-home-portal-split__tabs .is-active {
      color: #25b76f;
      background: #ffffff;
      font-weight: 850;
    }
    .features-home-lp .cd-home-portal-split__chart {
      display: flex;
      align-items: flex-end;
      gap: 0.36rem;
      height: clamp(6.5rem, 9vw, 8.2rem);
      padding: 0.85rem 0.72rem 0.45rem;
      background:
        linear-gradient(rgba(15, 23, 42, 0.06) 1px, transparent 1px) 0 0 / 100% 33.333%,
        #ffffff;
    }
    .features-home-lp .cd-home-portal-split__chart span {
      flex: 1 1 0;
      height: var(--h);
      min-width: 0.42rem;
      border-radius: 0.1rem 0.1rem 0 0;
      background:
        linear-gradient(180deg, rgba(64, 202, 128, 0.98), rgba(50, 184, 113, 0.88)),
        repeating-linear-gradient(180deg, transparent 0 10px, rgba(0, 0, 0, 0.13) 10px 13px);
      box-shadow:
        0 -0.14rem 0 #20a862 inset,
        0 0.45rem 0.9rem rgba(63, 199, 125, 0.18);
      animation: cd-home-chart-rise 1.1s cubic-bezier(0.22, 1, 0.36, 1) both;
      transform-origin: 50% 100%;
    }
    .features-home-lp .cd-home-portal-split__chart span:nth-child(2) {
      animation-delay: 0.06s;
    }
    .features-home-lp .cd-home-portal-split__chart span:nth-child(3) {
      animation-delay: 0.12s;
    }
    .features-home-lp .cd-home-portal-split__chart span:nth-child(4) {
      animation-delay: 0.18s;
    }
    .features-home-lp .cd-home-portal-split__chart span:nth-child(5) {
      animation-delay: 0.24s;
    }
    .features-home-lp .cd-home-portal-split__chart span:nth-child(6) {
      animation-delay: 0.3s;
    }
    .features-home-lp .cd-home-portal-split__chart span:nth-child(7) {
      animation-delay: 0.36s;
    }
    .features-home-lp .cd-home-portal-split__channels {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 0.32rem;
      padding: 0 0.62rem 0.62rem;
    }
    .features-home-lp .cd-home-portal-split__channels span {
      padding: 0.26rem 0.32rem;
      border-radius: 0.2rem;
      background: #f1f3f6;
      color: #68707c;
      font-size: 0.42rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .features-home-lp .cd-home-portal-split__leaderboard {
      padding: 0.6rem;
    }
    .features-home-lp .cd-home-portal-split__leaderboard strong,
    .features-home-lp .cd-home-portal-split__stock strong {
      display: block;
      margin-bottom: 0.36rem;
      color: inherit;
      font-size: 0.56rem;
    }
    .features-home-lp .cd-home-portal-split__leaderboard p {
      display: grid;
      grid-template-columns: 0.9rem minmax(0, 1fr) auto;
      gap: 0.28rem;
      align-items: center;
      margin: 0;
      padding: 0.32rem 0;
      border-top: 1px solid rgba(255, 255, 255, 0.06);
      color: #f4f6f8;
      font-size: 0.43rem;
      white-space: nowrap;
      overflow: hidden;
      animation: cd-home-portal-card-in 0.65s cubic-bezier(0.22, 1, 0.36, 1) both;
    }
    .features-home-lp .cd-home-portal-split__leaderboard p:nth-child(3) {
      animation-delay: 0.08s;
    }
    .features-home-lp .cd-home-portal-split__leaderboard p:nth-child(4) {
      animation-delay: 0.16s;
    }
    .features-home-lp .cd-home-portal-split__leaderboard span {
      width: 0.76rem;
      height: 0.76rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      background: #f5b21a;
      color: #ffffff;
      font-size: 0.38rem;
      font-weight: 850;
    }
    .features-home-lp .cd-home-portal-split__leaderboard p:nth-child(3) span {
      background: #9ba3ad;
    }
    .features-home-lp .cd-home-portal-split__leaderboard p:nth-child(4) span {
      background: #c77a32;
    }
    .features-home-lp .cd-home-portal-split__leaderboard em {
      color: #a5abb5;
      font-style: normal;
      font-weight: 850;
    }
    .features-home-lp .cd-home-portal-split__stock {
      grid-column: 1 / -1;
      padding: 0.55rem 0.62rem;
    }
    .features-home-lp .cd-home-portal-split__stock span {
      display: block;
      height: 0.42rem;
      margin-top: 0.32rem;
      border-radius: 999px;
      background: #eef1f4;
    }
    .features-home-lp .cd-home-portal-split__stock span:last-child {
      width: 72%;
    }
    @keyframes cd-home-portal-float {
      0%,
      100% {
        transform: translate3d(0, 0, 0) rotate(0deg);
      }
      50% {
        transform: translate3d(0, -7px, 0) rotate(0.25deg);
      }
    }
    @keyframes cd-home-chart-rise {
      0% {
        transform: scaleY(0.18);
        opacity: 0.45;
      }
      100% {
        transform: scaleY(1);
        opacity: 1;
      }
    }
    @keyframes cd-home-portal-card-in {
      0% {
        transform: translate3d(0, 8px, 0);
        opacity: 0;
      }
      100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
      }
    }
    @media (max-width: 991.98px) {
      .features-home-lp .cd-home-portal-split {
        min-height: 0;
        grid-template-columns: minmax(5.8rem, 7rem) minmax(0, 1fr);
      }
      .features-home-lp .cd-home-portal-split__content {
        grid-template-columns: 1fr;
      }
      .features-home-lp .cd-home-portal-split__leaderboard,
      .features-home-lp .cd-home-portal-split__stock {
        display: none;
      }
    }
    @media (max-width: 767.98px) {
      .features-home-lp .cd-home-portal-split {
        grid-template-columns: 1fr;
      }
      .features-home-lp .cd-home-portal-split::before {
        left: 50%;
      }
      .features-home-lp .cd-home-portal-split__sidebar {
        display: none;
      }
      .features-home-lp .cd-home-portal-split__app,
      .features-home-lp .cd-home-portal-split__main,
      .features-home-lp .cd-home-portal-split__topbar {
        background-position: center;
      }
      .features-home-lp .cd-home-portal-split__main {
        padding-top: 3rem;
      }
      .features-home-lp .cd-home-portal-split__metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    /* Homepage integrations spotlight */
    .features-home-lp .cd-home-integrations-spotlight {
      position: relative;
      overflow: hidden;
      background:
        radial-gradient(circle at 12% 18%, rgba(0, 113, 227, 0.08), transparent 24rem),
        radial-gradient(circle at 86% 80%, rgba(63, 199, 125, 0.09), transparent 24rem),
        linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
      border-top: 1px solid rgba(0, 0, 0, 0.04);
      border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    }
    .features-home-lp .cd-home-integrations-panel {
      position: relative;
      overflow: hidden;
      padding: clamp(1.25rem, 3vw, 2rem);
      border: 1px solid rgba(0, 113, 227, 0.1);
      border-radius: 1.6rem;
      background:
        radial-gradient(circle at 84% 16%, rgba(0, 113, 227, 0.1), transparent 15rem),
        rgba(255, 255, 255, 0.82);
      box-shadow:
        0 1.5rem 3rem rgba(0, 40, 100, 0.09),
        0 1px 0 rgba(255, 255, 255, 0.95) inset;
      backdrop-filter: blur(14px);
    }
    .features-home-lp .cd-home-integrations-panel__count {
      display: flex;
      align-items: baseline;
      gap: 0.85rem;
      margin-bottom: 1.1rem;
    }
    .features-home-lp .cd-home-integrations-panel__count strong {
      color: #0071e3;
      font-size: clamp(2.6rem, 6vw, 5rem);
      line-height: 0.9;
      letter-spacing: -0.07em;
    }
    .features-home-lp .cd-home-integrations-panel__count span {
      max-width: 18rem;
      color: #556273;
      font-weight: 700;
      line-height: 1.35;
    }
    .features-home-lp .cd-home-integrations-grid {
      display: grid;
      grid-template-columns: repeat(9, minmax(0, 1fr));
      gap: 0.6rem;
      margin-bottom: 0.65rem;
    }
    .features-home-lp .cd-home-integrations-grid span {
      min-height: 4.1rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(0, 113, 227, 0.09);
      border-radius: 1rem;
      background: #ffffff;
      color: #0071e3;
      font-size: 0.86rem;
      font-weight: 900;
      box-shadow: 0 0.7rem 1.4rem rgba(0, 40, 100, 0.06);
    }
    .features-home-lp .cd-home-integrations-grid img {
      max-width: 2rem;
      max-height: 2rem;
    }
    .features-home-lp .cd-home-integration-tile {
      height: 100%;
      padding: 1rem;
      border: 1px solid rgba(0, 113, 227, 0.08);
      border-radius: 1rem;
      background: rgba(255, 255, 255, 0.78);
      box-shadow: 0 0.65rem 1.35rem rgba(0, 40, 100, 0.055);
    }
    .features-home-lp .cd-home-integration-tile i {
      width: 2rem;
      height: 2rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 0.65rem;
      border-radius: 0.7rem;
      background: rgba(0, 113, 227, 0.09);
      color: #0071e3;
    }
    .features-home-lp .cd-home-integration-tile strong,
    .features-home-lp .cd-home-integration-tile span {
      display: block;
    }
    .features-home-lp .cd-home-integration-tile strong {
      color: #111827;
      font-size: 0.9rem;
      letter-spacing: -0.02em;
    }
    .features-home-lp .cd-home-integration-tile span {
      color: #64748b;
      font-size: 0.78rem;
      line-height: 1.42;
      margin-top: 0.2rem;
    }
    @media (max-width: 991.98px) {
      .features-home-lp .cd-home-integrations-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
      }
    }
    @media (max-width: 575.98px) {
      .features-home-lp .cd-home-integrations-panel__count {
        display: block;
      }
      .features-home-lp .cd-home-integrations-panel__count span {
        display: block;
        margin-top: 0.45rem;
      }
      .features-home-lp .cd-home-integrations-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }

    /* Final hero crop: keep copy clear and let the portal disappear into the fold. */
    @media (min-width: 992px) {
      .features-home-lp .cd-home-showcase-section {
        padding-bottom: 1.25rem !important;
      }
      .features-home-lp .cd-home-showcase {
        min-height: clamp(460px, 42vw, 520px);
        max-height: clamp(460px, 42vw, 520px);
        padding-top: 0;
        padding-bottom: 0;
      }
      .features-home-lp .cd-home-showcase__content {
        height: 100%;
      }
      .features-home-lp .cd-home-showcase .row {
        min-height: clamp(460px, 42vw, 520px);
        align-items: center !important;
      }
      .features-home-lp .cd-home-showcase__title {
        max-width: 29rem;
        font-size: clamp(1.95rem, 3.1vw, 2.9rem);
        line-height: 1.05;
        letter-spacing: -0.045em;
        margin-bottom: 0.65rem !important;
      }
      .features-home-lp .cd-home-showcase__lead {
        max-width: 23.5rem;
        font-size: 0.78rem;
        line-height: 1.38;
        margin-bottom: 0.9rem !important;
      }
      .features-home-lp .cd-home-showcase__eyebrow {
        font-size: 0.68rem;
        padding: 0.34rem 0.68rem;
      }
      .features-home-lp .cd-home-showcase__primary,
      .features-home-lp .cd-home-showcase__secondary {
        padding: 0.54rem 0.9rem;
        font-size: 0.78rem;
      }
      .features-home-lp .cd-home-showcase .row {
        position: relative;
        z-index: 8;
      }
      .features-home-lp .cd-home-product-window--split {
        left: auto;
        right: clamp(-0.75rem, 2vw, 1.25rem);
        top: clamp(10.8rem, 15.5vw, 13rem);
        width: min(56%, 44rem);
        transform: translate3d(0, var(--cd-home-portal-parallax, 0px), 0);
        z-index: 12;
        pointer-events: auto;
      }
      .features-home-lp .cd-home-portal-split {
        min-height: clamp(20rem, 27vw, 24rem);
      }
    }

    /* Light-only portal preview. */
    .features-home-lp .cd-home-portal-split {
      background: #f6f7f8;
    }
    .features-home-lp .cd-home-portal-split::before {
      display: none;
    }
    .features-home-lp .cd-home-portal-split__label--light {
      left: auto;
      right: 0.78rem;
    }
    .features-home-lp .cd-home-portal-split__app,
    .features-home-lp .cd-home-portal-split__main {
      background: #f6f7f8;
    }
    .features-home-lp .cd-home-portal-split__topbar {
      background: #ffffff;
    }
    .features-home-lp .cd-home-portal-split__topbar > i,
    .features-home-lp .cd-home-portal-split__topbar div {
      color: #101318;
    }
    .features-home-lp .cd-home-portal-split__topbar span {
      background: #f1f2f4;
      color: #8b929d;
    }
    .features-home-lp .cd-home-portal-split__filters span:last-child,
    .features-home-lp .cd-home-portal-split__metrics div:nth-child(n + 3),
    .features-home-lp .cd-home-portal-split__leaderboard {
      border: 1px solid rgba(15, 23, 42, 0.075);
      background: #ffffff;
      color: #101318;
      box-shadow: 0 0.7rem 1.4rem rgba(0, 0, 0, 0.04);
    }
    .features-home-lp .cd-home-portal-split__metrics div:nth-child(n + 3) span {
      color: #78808b;
    }
    .features-home-lp .cd-home-portal-split__leaderboard p {
      border-top: 1px solid rgba(15, 23, 42, 0.075);
      color: #101318;
    }
    .features-home-lp .cd-home-portal-split__leaderboard em {
      color: #78808b;
    }

    .features-home-lp .cd-home-theme-toggle__input {
      position: absolute;
      width: 1px;
      height: 1px;
      overflow: hidden;
      clip: rect(0 0 0 0);
      clip-path: inset(50%);
      white-space: nowrap;
    }
    .features-home-lp .cd-home-theme-toggle {
      position: absolute;
      top: -4rem;
      left: 50%;
      right: auto;
      z-index: 20;
      display: inline-grid;
      grid-template-columns: 1fr 1fr;
      gap: 0.12rem;
      min-width: 10.6rem;
      padding: 0.22rem;
      border: 1px solid rgba(255, 255, 255, 0.14);
      border-radius: 999px;
      background: rgba(8, 18, 32, 0.62);
      color: rgba(255, 255, 255, 0.72);
      font-size: 0.72rem;
      font-weight: 800;
      box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.18);
      cursor: pointer;
      backdrop-filter: blur(14px);
      transform: translateX(-50%);
    }
    .features-home-lp .cd-home-theme-toggle::before {
      content: "";
      position: absolute;
      top: 0.22rem;
      bottom: 0.22rem;
      left: 0.22rem;
      z-index: -1;
      width: calc(50% - 0.22rem);
      border-radius: 999px;
      background: #ffffff;
      box-shadow: 0 0.55rem 1.2rem rgba(0, 0, 0, 0.16);
      transition: transform 0.22s ease;
    }
    .features-home-lp .cd-home-theme-toggle span {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.34rem;
      min-height: 2rem;
      transition: color 0.22s ease;
    }
    .features-home-lp .cd-home-theme-toggle span:first-child {
      color: #101318;
    }
    .features-home-lp .cd-home-theme-toggle__input:checked + .cd-home-theme-toggle::before {
      transform: translateX(100%);
    }
    .features-home-lp .cd-home-theme-toggle__input:checked + .cd-home-theme-toggle span:first-child {
      color: rgba(255, 255, 255, 0.72);
    }
    .features-home-lp .cd-home-theme-toggle__input:checked + .cd-home-theme-toggle span:last-child {
      color: #101318;
    }
    .features-home-lp .cd-home-theme-toggle__input:focus-visible + .cd-home-theme-toggle {
      outline: 3px solid rgba(0, 113, 227, 0.45);
      outline-offset: 3px;
    }
    .features-home-lp .cd-home-portal-split__label--dark {
      display: none;
    }
    .features-home-lp .cd-home-theme-toggle__input:checked ~ .cd-home-portal-split {
      background: #191b20;
    }
    .features-home-lp .cd-home-portal-split.is-dark {
      background: #191b20;
    }
    .features-home-lp .cd-home-theme-toggle__input:checked ~ .cd-home-portal-split .cd-home-portal-split__label--light {
      display: none;
    }
    .features-home-lp .cd-home-portal-split.is-dark .cd-home-portal-split__label--light {
      display: none;
    }
    .features-home-lp .cd-home-theme-toggle__input:checked ~ .cd-home-portal-split .cd-home-portal-split__label--dark {
      display: inline-flex;
    }
    .features-home-lp .cd-home-portal-split.is-dark .cd-home-portal-split__label--dark {
      display: inline-flex;
    }
    .features-home-lp .cd-home-theme-toggle__input:checked ~ .cd-home-portal-split .cd-home-portal-split__sidebar {
      border-right-color: rgba(255, 255, 255, 0.06);
      background: #050607;
      color: #a5abb5;
    }
    .features-home-lp .cd-home-portal-split.is-dark .cd-home-portal-split__sidebar {
      border-right-color: rgba(255, 255, 255, 0.06);
      background: #050607;
      color: #a5abb5;
    }
    .features-home-lp .cd-home-theme-toggle__input:checked ~ .cd-home-portal-split .cd-home-portal-split__brand,
    .features-home-lp .cd-home-theme-toggle__input:checked ~ .cd-home-portal-split .cd-home-portal-split__sidebar p,
    .features-home-lp .cd-home-theme-toggle__input:checked ~ .cd-home-portal-split .cd-home-portal-split__heading h2 {
      color: #ffffff;
    }
    .features-home-lp .cd-home-portal-split.is-dark .cd-home-portal-split__brand,
    .features-home-lp .cd-home-portal-split.is-dark .cd-home-portal-split__sidebar p,
    .features-home-lp .cd-home-portal-split.is-dark .cd-home-portal-split__heading h2 {
      color: #ffffff;
    }
    .features-home-lp .cd-home-theme-toggle__input:checked ~ .cd-home-portal-split .cd-home-portal-split__brand span {
      background:
        radial-gradient(circle at 50% 50%, #050607 0 28%, transparent 29%),
        conic-gradient(from 45deg, #ffffff, #cad1dc, #ffffff);
      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.14);
    }
    .features-home-lp .cd-home-theme-toggle__input:checked ~ .cd-home-portal-split .cd-home-portal-split__brand img {
      filter: brightness(0) invert(1);
    }
    .features-home-lp .cd-home-portal-split.is-dark .cd-home-portal-split__brand span {
      background:
        radial-gradient(circle at 50% 50%, #050607 0 28%, transparent 29%),
        conic-gradient(from 45deg, #ffffff, #cad1dc, #ffffff);
      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.14);
    }
    .features-home-lp .cd-home-portal-split.is-dark .cd-home-portal-split__brand img {
      filter: brightness(0) invert(1);
    }
    .features-home-lp .cd-home-theme-toggle__input:checked ~ .cd-home-portal-split .cd-home-portal-split__sidebar p.is-active {
      background: #1d2026;
      color: #3fc77d;
    }
    .features-home-lp .cd-home-portal-split.is-dark .cd-home-portal-split__sidebar p.is-active {
      background: #1d2026;
      color: #3fc77d;
    }
    .features-home-lp .cd-home-theme-toggle__input:checked ~ .cd-home-portal-split .cd-home-portal-split__app,
    .features-home-lp .cd-home-theme-toggle__input:checked ~ .cd-home-portal-split .cd-home-portal-split__main {
      background: #191b20;
    }
    .features-home-lp .cd-home-portal-split.is-dark .cd-home-portal-split__app,
    .features-home-lp .cd-home-portal-split.is-dark .cd-home-portal-split__main {
      background: #191b20;
    }
    .features-home-lp .cd-home-theme-toggle__input:checked ~ .cd-home-portal-split .cd-home-portal-split__topbar {
      border-bottom-color: rgba(255, 255, 255, 0.06);
      background: #1d2026;
      color: #a5abb5;
    }
    .features-home-lp .cd-home-portal-split.is-dark .cd-home-portal-split__topbar {
      border-bottom-color: rgba(255, 255, 255, 0.06);
      background: #1d2026;
      color: #a5abb5;
    }
    .features-home-lp .cd-home-theme-toggle__input:checked ~ .cd-home-portal-split .cd-home-portal-split__topbar > i,
    .features-home-lp .cd-home-theme-toggle__input:checked ~ .cd-home-portal-split .cd-home-portal-split__topbar div {
      color: #d8dbe0;
    }
    .features-home-lp .cd-home-portal-split.is-dark .cd-home-portal-split__topbar > i,
    .features-home-lp .cd-home-portal-split.is-dark .cd-home-portal-split__topbar div {
      color: #d8dbe0;
    }
    .features-home-lp .cd-home-theme-toggle__input:checked ~ .cd-home-portal-split .cd-home-portal-split__topbar span {
      background: #22252c;
      color: #8b929d;
    }
    .features-home-lp .cd-home-portal-split.is-dark .cd-home-portal-split__topbar span {
      background: #22252c;
      color: #8b929d;
    }
    .features-home-lp .cd-home-theme-toggle__input:checked ~ .cd-home-portal-split .cd-home-portal-split__heading p,
    .features-home-lp .cd-home-theme-toggle__input:checked ~ .cd-home-portal-split .cd-home-portal-split__metrics span,
    .features-home-lp .cd-home-theme-toggle__input:checked ~ .cd-home-portal-split .cd-home-portal-split__tabs span,
    .features-home-lp .cd-home-theme-toggle__input:checked ~ .cd-home-portal-split .cd-home-portal-split__channels span,
    .features-home-lp .cd-home-theme-toggle__input:checked ~ .cd-home-portal-split .cd-home-portal-split__leaderboard em {
      color: #a5abb5;
    }
    .features-home-lp .cd-home-portal-split.is-dark .cd-home-portal-split__heading p,
    .features-home-lp .cd-home-portal-split.is-dark .cd-home-portal-split__metrics span,
    .features-home-lp .cd-home-portal-split.is-dark .cd-home-portal-split__tabs span,
    .features-home-lp .cd-home-portal-split.is-dark .cd-home-portal-split__channels span,
    .features-home-lp .cd-home-portal-split.is-dark .cd-home-portal-split__leaderboard em {
      color: #a5abb5;
    }
    .features-home-lp .cd-home-theme-toggle__input:checked ~ .cd-home-portal-split .cd-home-portal-split__filters span,
    .features-home-lp .cd-home-theme-toggle__input:checked ~ .cd-home-portal-split .cd-home-portal-split__metrics div,
    .features-home-lp .cd-home-theme-toggle__input:checked ~ .cd-home-portal-split .cd-home-portal-split__chart-card,
    .features-home-lp .cd-home-theme-toggle__input:checked ~ .cd-home-portal-split .cd-home-portal-split__leaderboard,
    .features-home-lp .cd-home-theme-toggle__input:checked ~ .cd-home-portal-split .cd-home-portal-split__stock {
      border-color: rgba(255, 255, 255, 0.06);
      background: #202329;
      color: #ffffff;
      box-shadow: none;
    }
    .features-home-lp .cd-home-portal-split.is-dark .cd-home-portal-split__filters span,
    .features-home-lp .cd-home-portal-split.is-dark .cd-home-portal-split__metrics div,
    .features-home-lp .cd-home-portal-split.is-dark .cd-home-portal-split__chart-card,
    .features-home-lp .cd-home-portal-split.is-dark .cd-home-portal-split__leaderboard,
    .features-home-lp .cd-home-portal-split.is-dark .cd-home-portal-split__stock {
      border-color: rgba(255, 255, 255, 0.06);
      background: #202329;
      color: #ffffff;
      box-shadow: none;
    }
    .features-home-lp .cd-home-theme-toggle__input:checked ~ .cd-home-portal-split .cd-home-portal-split__tabs {
      border-bottom-color: rgba(255, 255, 255, 0.06);
      background: #2a2d34;
    }
    .features-home-lp .cd-home-portal-split.is-dark .cd-home-portal-split__tabs {
      border-bottom-color: rgba(255, 255, 255, 0.06);
      background: #2a2d34;
    }
    .features-home-lp .cd-home-theme-toggle__input:checked ~ .cd-home-portal-split .cd-home-portal-split__tabs .is-active {
      background: #202329;
      color: #3fc77d;
    }
    .features-home-lp .cd-home-portal-split.is-dark .cd-home-portal-split__tabs .is-active {
      background: #202329;
      color: #3fc77d;
    }
    .features-home-lp .cd-home-theme-toggle__input:checked ~ .cd-home-portal-split .cd-home-portal-split__chart {
      background:
        linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px) 0 0 / 100% 33.333%,
        #202329;
    }
    .features-home-lp .cd-home-portal-split.is-dark .cd-home-portal-split__chart {
      background:
        linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px) 0 0 / 100% 33.333%,
        #202329;
    }
    .features-home-lp .cd-home-theme-toggle__input:checked ~ .cd-home-portal-split .cd-home-portal-split__channels span,
    .features-home-lp .cd-home-theme-toggle__input:checked ~ .cd-home-portal-split .cd-home-portal-split__stock span {
      background: #303541;
    }
    .features-home-lp .cd-home-portal-split.is-dark .cd-home-portal-split__channels span,
    .features-home-lp .cd-home-portal-split.is-dark .cd-home-portal-split__stock span {
      background: #303541;
    }
    .features-home-lp .cd-home-theme-toggle__input:checked ~ .cd-home-portal-split .cd-home-portal-split__leaderboard p {
      border-top-color: rgba(255, 255, 255, 0.06);
      color: #ffffff;
    }
    .features-home-lp .cd-home-portal-split.is-dark .cd-home-portal-split__leaderboard p {
      border-top-color: rgba(255, 255, 255, 0.06);
      color: #ffffff;
    }
    @media (max-width: 991.98px) {
      .features-home-lp .cd-home-theme-toggle {
        top: 0.75rem;
        left: 50%;
        right: auto;
      }
    }

    @media (min-width: 992px) and (max-width: 1199.98px) {
      .features-home-lp .cd-home-showcase {
        min-height: auto;
        max-height: none;
        padding: 2rem 2rem 1.75rem;
      }

      .features-home-lp .cd-home-showcase .row {
        min-height: 0;
      }

      .features-home-lp .cd-home-showcase__title {
        max-width: 34rem;
      }

      .features-home-lp .cd-home-showcase__lead {
        max-width: 36rem;
      }

      .features-home-lp .cd-home-product-window--split {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        width: 100%;
        margin-top: 3.25rem;
        transform: translate3d(0, 0, 0);
      }

      .features-home-lp .cd-home-theme-toggle {
        top: 0.75rem;
      }

      .features-home-lp .cd-home-portal-split {
        min-height: 22rem;
      }
    }

    /* Mobile hero polish: keep the opening panel spacious without feeling oversized. */
    @media (max-width: 767.98px) {
      .features-home-lp .cd-home-showcase-section {
        padding-top: 0.85rem !important;
        padding-bottom: 1.15rem !important;
      }

      .features-home-lp .cd-home-showcase {
        border-radius: 1.35rem !important;
        padding: 1.45rem 1.35rem 1.2rem;
        background:
          radial-gradient(circle at 18% 0%, rgba(0, 113, 227, 0.32), transparent 13rem),
          radial-gradient(circle at 88% 92%, rgba(63, 199, 125, 0.36), transparent 15rem),
          linear-gradient(145deg, #09192d 0%, #10243c 48%, #0d3a41 100%);
        box-shadow:
          0 1.2rem 2.6rem rgba(0, 40, 100, 0.16),
          0 1px 0 rgba(255, 255, 255, 0.16) inset;
      }

      .features-home-lp .cd-home-showcase::before {
        background-size: 36px 36px;
        opacity: 0.72;
      }

      .features-home-lp .cd-home-showcase__eyebrow {
        max-width: 100%;
        padding: 0.38rem 0.68rem;
        font-size: 0.7rem;
        line-height: 1.25;
      }

      .features-home-lp .cd-home-showcase__title {
        max-width: 20rem;
        font-size: clamp(2.1rem, 8.9vw, 2.75rem);
        line-height: 1.04;
        letter-spacing: -0.048em;
        margin-bottom: 0.85rem !important;
      }

      .features-home-lp .cd-home-showcase__lead {
        max-width: 23rem;
        font-size: 0.95rem;
        line-height: 1.55;
        color: rgba(255, 255, 255, 0.76);
        margin-bottom: 1.25rem !important;
      }

      .features-home-lp .cd-home-showcase__primary,
      .features-home-lp .cd-home-showcase__secondary {
        min-height: 3rem;
        border-radius: 0.9rem;
        padding: 0.72rem 0.7rem;
        font-size: 0.9rem;
      }

      .features-home-lp .cd-home-showcase__actions {
        flex-direction: row !important;
      }

      .features-home-lp .cd-home-showcase__actions .btn {
        flex: 1 1 0;
        white-space: nowrap;
      }

      .features-home-lp .cd-home-product-window--split {
        margin-top: 1.35rem;
      }

      .features-home-lp .cd-home-theme-toggle {
        display: none;
      }

      .features-home-lp .cd-home-portal-split {
        border-radius: 1rem;
        box-shadow:
          0 1.2rem 2.5rem rgba(0, 0, 0, 0.24),
          0 0 0 1px rgba(255, 255, 255, 0.06) inset;
      }

      .features-home-lp .cd-home-portal-split__topbar {
        min-height: 2.05rem;
        padding-inline: 0.64rem;
      }

      .features-home-lp .cd-home-portal-split__main {
        padding: 0.75rem;
      }

      .features-home-lp .cd-home-portal-split__heading h2 {
        font-size: 0.9rem;
      }

      .features-home-lp .cd-home-portal-split__metrics {
        gap: 0.5rem;
      }

      .features-home-lp .cd-home-portal-split__metrics div {
        min-height: 2.8rem;
        padding: 0.5rem 0.58rem;
      }

      .features-home-lp .cd-home-portal-split__chart {
        height: clamp(6rem, 34vw, 7.6rem);
      }
    }

    @media (max-width: 380px) {
      .features-home-lp .cd-home-showcase {
        padding-inline: 1.1rem;
      }

      .features-home-lp .cd-home-showcase__title {
        font-size: 2rem;
      }

      .features-home-lp .cd-home-portal-split__heading p,
      .features-home-lp .cd-home-portal-split__channels {
        display: none;
      }
    }