/* ============================================================
   REFINE.CSS — site-wide "simple & clean" pass
   Loaded AFTER each page's inline <style> so it overrides.
   Goal: fewer effects, less gradient, calmer color, even spacing.
   Safe to remove this one <link> to revert everything.
   ============================================================ */

/* ---------- 1. Stop decorative animations ---------- */
.orb, .orb-1, .orb-2, .orb-3,
.hero-orb, .hero-orb-1, .hero-orb-2,
.cta-orb1, .cta-orb2,
.marquee-track,
.fcard, .fc1, .fc2,
.grad-text,
.stat-ghost,
.pulse-dot, .eyebrow-pill .dot,
.bc, .sc { animation: none !important; }

/* keep the gradient text, just hold it still */
.grad-text { background-position: 0 0 !important; }

/* soften / quiet the glowing blobs so color is restrained */
.orb, .hero-orb { opacity: .35 !important; }
.hero-grid, .hero-line { opacity: .4 !important; }

/* ---------- 2. Remove shiny sweeps & spinning borders ---------- */
.btn-gold::before, .btn-cta::before, .btn::before,
.mag-btn::before { display: none !important; }

.bc::before, .sc::before, .bc::after { display: none !important; }

/* clean, consistent card hover (gentle lift, soft shadow) */
.bc, .sc, .pi, .tc,
.don-card, .trust-chip {
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}
.bc:hover, .sc:hover, .pi:hover, .tc:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 28px -14px rgba(15, 23, 42, .22) !important;
}
.pi:hover .pi-ico { transform: none !important; }   /* no rotate wobble */

/* hero floating cards sit still */
.fc1, .fc2 { transform: none !important; }

/* kill 3D tilt */
.tilt-card { transform: none !important; }

/* remove the marquee strip entirely (decorative noise) */
.marquee-wrap { display: none !important; }

/* ---------- 3. Flatten heavy gradients to clean surfaces ---------- */
/* light sections -> plain white / soft grey */
.why-sec        { background: #ffffff !important; }
#campaigns      { background: var(--g50, #f8fafc) !important; }
#impact         { background: #ffffff !important; }
#articles       { background: #ffffff !important; }
#framework      { background: var(--g50, #f8fafc) !important; }
#apply          { background: var(--g50, #f8fafc) !important; }

/* dark sections -> solid (no multi-stop gradients) */
.stats-bar      { background: var(--navy-dark, #0d1a47) !important; }
.spon-sec       { background: var(--ink, #070d1e) !important; }
.cta-sec        { background: var(--navy, #1e3a8a) !important; }
.prog-block.dark{ background: var(--navy-dark, #0d1a47) !important; }
.prog-block.light{ background: var(--g50, #f8fafc) !important; }

/* clip-path notch on programs section removed for a clean straight edge */
.prog-sec { clip-path: none !important; margin-top: 0 !important; }

/* ---------- 4. Even spacing rhythm (desktop) ---------- */
@media (min-width: 769px) {
  .sec, .why-sec, .prog-sec, .spon-sec, .don-sec, .cta-sec,
  #campaigns, #impact, #framework, #apply, #team {
    padding-top: 6.5rem !important;
    padding-bottom: 6.5rem !important;
  }
  .scr-sec { padding-top: 5.5rem !important; padding-bottom: 5.5rem !important; }
}

/* ---------- 5. Restrained accents ---------- */
/* slightly thinner, calmer eyebrow pills */
.eyebrow-pill { background: rgba(245,158,11,.08) !important; }

/* soften big card shadows used around the site */
.don-card { box-shadow: 0 10px 30px -16px rgba(30,58,138,.18) !important; }

/* ---------- 6. Accessibility: respect reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}