/* CRADLE V89-R6 bounded presentation and console-cleanup layer. */

.capability-theme-v89r6-0 {
  --capability-accent: #d85cff;
  --capability-index: 0;
  --capability-art: url('/assets/capabilities/cards/autonomous-development.jpg');
}

.capability-theme-v89r6-1 {
  --capability-accent: #8d69ff;
  --capability-index: 1;
  --capability-art: url('/assets/capabilities/cards/project-understanding.jpg');
}

.capability-theme-v89r6-2 {
  --capability-accent: #a44eff;
  --capability-index: 2;
  --capability-art: url('/assets/capabilities/cards/blueprint-intelligence.jpg');
}

.capability-theme-v89r6-3 {
  --capability-accent: #745cff;
  --capability-index: 3;
  --capability-art: url('/assets/capabilities/cards/ai-eyes.jpg');
}

.capability-theme-v89r6-4 {
  --capability-accent: #f05cff;
  --capability-index: 4;
  --capability-art: url('/assets/capabilities/cards/ai-hands.jpg');
}

.capability-theme-v89r6-5 {
  --capability-accent: #9a58ff;
  --capability-index: 5;
  --capability-art: none;
}

.commercial-price-free-v89r6 {
  align-items: center;
}

.commercial-price-free-v89r6 strong {
  font-size: clamp(2rem, 3.4vw, 3.4rem);
  letter-spacing: .035em;
  line-height: 1;
}

.mobile-nav-actions-v89r6 {
  display: none;
}

@media (max-width: 760px), (max-width: 900px) and (pointer: coarse) {
  body.mobile-v89-lite .primary-links {
    padding-bottom: 12px;
  }

  body.mobile-v89-lite .mobile-nav-actions-v89r6 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 8px;
    padding-top: 12px;
    border-top: 1px solid rgba(185, 121, 255, .18);
  }

  body.mobile-v89-lite .mobile-nav-actions-v89r6 .button {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding-inline: 14px;
    border-radius: 12px;
    font-size: 12px;
  }

  body.mobile-v89-lite .mobile-nav-actions-v89r6 .button-arrow-circle {
    width: 24px;
    height: 24px;
  }

  body.mobile-v89-lite .brand-logo-stage {
    display: grid;
    place-items: center;
  }

  body.mobile-v89-lite .brand-logo-spin {
    position: relative;
    inset: auto;
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    transform: none !important;
  }

  body.mobile-v89-lite .brand-logo-stage .brand-icon-image {
    position: absolute;
    inset: 50% auto auto 50%;
    width: 92%;
    height: 92%;
    object-position: 50% 50%;
    transform: translate(-50%, -50%) !important;
  }

  body.mobile-v89-lite .brand-logo-stage .brand-icon-back,
  body.mobile-v89-lite .brand-logo-reflection {
    display: none !important;
  }

  body.mobile-v89-lite .commercial-price-free-v89r6 strong {
    font-size: clamp(2rem, 10vw, 2.75rem);
  }
}

.footer-bottom {
  justify-content: center;
  text-align: center;
}

@media (max-width: 760px), (max-width: 900px) and (pointer: coarse) {
  body.mobile-v89-lite .nav-shell > .nav-actions {
    display: none !important;
  }
}