:root{
  --ml-primary:#d4a017;    /* calming golden yellow */
  --ml-dark:#0b1220;
  --ml-muted:#6c757d;
  --ml-soft:#fffaf0;       /* warm soft cream */
  --ml-border:#f2e6b8;
  --ml-success:#c9a227;    /* muted amber accent */
}

html { scroll-behavior: smooth; }

.hero-badge {
    background: rgba(212, 160, 23, .10);
    color: var(--ml-primary);
    border: 1px solid rgba(212, 160, 23, .20);
    font-weight: 600;
}

.hero {
    background:
      radial-gradient(
        900px 500px at 15% 10%,
        rgba(255, 215, 102, .24),
        transparent 55%
      ),
      radial-gradient(
        800px 450px at 85% 25%,
        rgba(255, 193, 7, .16),
        transparent 55%
      ),
      linear-gradient(
        180deg,
        #fffdf7 0%,
        var(--ml-soft) 100%
      );

    padding-top: 6.25rem;
    padding-bottom: 4.25rem;
    border-bottom: 1px solid var(--ml-border);
}

.underline-gradient {
    background: linear-gradient(
      90deg,
      rgba(255, 215, 102, .55),
      rgba(212, 160, 23, .30)
    );
    height: 10px;
    border-radius: 999px;
    width: 140px;
}

.icon-pill {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(212, 160, 23, .10);
    border: 1px solid rgba(212, 160, 23, .18);
    color: var(--ml-primary);
}

.card {
    border-color: var(--ml-border);
    border-radius: 1rem;
}

.shadow-soft {
    box-shadow: 0 12px 28px rgba(15, 23, 42, .08);
}

.pricing-featured {
    border: 2px solid rgba(212, 160, 23, .32);
    box-shadow: 0 14px 34px rgba(212, 160, 23, .14);
    transform: translateY(-4px);
}

.section-container-background-image--parallax {
    background-attachment: fixed;
    position: relative;
    overflow: hidden;
}

@media (max-width: 991.98px), (prefers-reduced-motion: reduce) {
    .section-container-background-image--parallax {
      background-attachment: scroll;
    }
}