/* Page-specific one-off classes (hashed via hash-style-blocks.mjs) */
    .hero-sub-detail {
      color: #b0b0b0;
      font-size: 1rem;
      margin-top: -8px;
      margin-bottom: 24px;
    }
    .about-icon {
      font-size: 24px;
      width: 24px;
      height: 24px;
    }
    .index-logos-row {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 24px;
      margin-top: 16px;
      opacity: 0.7;
    }
    .index-cta-orange {
      background: linear-gradient(135deg, rgba(255, 152, 0, 0.08) 0%, rgba(255, 152, 0, 0.02) 100%);
      border: 2px solid rgba(255, 152, 0, 0.3);
      border-radius: 12px;
      padding: 32px 40px;
      margin-bottom: 40px;
      text-align: center;
    }

    /* Fix cascade: components.css (.service-icon green) loads after utils.css,
       overriding add-on icon colors. Re-apply with double-class specificity. */
    .service-icon.u-service-icon-orange {
      color: #000;
      background: linear-gradient(135deg, #ff9800 0%, rgba(255, 152, 0, 0.8) 100%);
    }
    .service-icon.u-service-icon-orange-alt {
      color: #000;
      background: linear-gradient(135deg, #ff9900 0%, rgba(255, 153, 0, 0.8) 100%);
    }
    .service-icon.u-service-icon-purple {
      color: #000;
      background: linear-gradient(135deg, #b388ff 0%, rgba(179, 136, 255, 0.8) 100%);
    }