/* Home page */


*, *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body { margin: 0; background: var(--surface-page); }
    @keyframes dca-fade-up { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
    @keyframes dca-drawer-in { from { transform: translateX(100%); } to { transform: none; } }
    @keyframes dca-tagline { 0%,100% { opacity: 0; } 12%,88% { opacity: 1; } }
    @keyframes dca-pop { from { opacity: 0; transform: scale(0.96) translateY(8px); } to { opacity: 1; transform: none; } }
    .dca-mega { animation: dca-fade-up 200ms cubic-bezier(0.16,1,0.3,1); }
    @media (max-width: 1024px) {
      .dca-hero-grid { grid-template-columns: 1fr !important; }
      .dca-hero-card { display: none !important; }
    }
    @media (max-width: 960px) {
      .dca-nav-desktop { display: none !important; }
      .dca-nav-burger { display: inline-flex !important; }
    }
    @media (max-width: 760px) {
      .dca-split { grid-template-columns: 1fr !important; }
      .dca-section { padding-top: 64px !important; padding-bottom: 64px !important; }
      .dca-h2 { font-size: 34px !important; }
      .dca-hero-h1 { font-size: 40px !important; }
    }
    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }
    }

/* ── Layout fixes ─────────────────────────────────────────────── */
/* Benefits ("What You Will Gain") — 3 cards per row (responsive) */
.dca-benefits-grid { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 900px) { .dca-benefits-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .dca-benefits-grid { grid-template-columns: 1fr; } }

/* Certification Programs — equal-height cards + uniform navy header.
   Cards are wrapped in a React scope-host div, so the grid item is the wrapper. */
.dca-cert-grid { align-items: stretch; }
.dca-cert-grid > * { display: flex; }                                        /* grid item stretches */
.dca-cert-grid article { height: 100%; width: 100%; }
.dca-cert-grid article > :first-child { min-height: 121px; box-sizing: border-box; } /* navy header */
.dca-cert-grid article > :last-child  { flex: 1 1 auto; }                     /* white body grows */
.dca-cert-grid article > :last-child > :last-child { margin-top: auto; }      /* CTA pinned to bottom */
/* Card lift on hover (the original applied this via runtime style-hover, which the static export dropped) */
.dca-cert-grid article { transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.dca-cert-grid article:hover { transform: translateY(-4px) !important; border-color: var(--gold-500) !important; box-shadow: var(--shadow-lg) !important; }