:root{ --container:1080px; --radius:16px;
  --s1:6px; --s2:10px; --s3:16px; --s4:20px; --s5:24px; --s6:32px; --s7:40px; --s8:56px; --s9:72px; }

html[data-theme="light"]{
  --bg:#ffffff; --surface:#ffffff; --card:#ffffff; --border:rgba(0,0,0,.10);
  --text:#111418; --muted:#596273; --brand:#22c55e; --tint:rgba(34,197,94,.10);
}
html[data-theme="dark"]{
  --bg:#0b0c0f; --surface:#0b0c0f; --card:#111319; --border:rgba(255,255,255,.12);
  --text:#e6e8ef; --muted:#a6adbb; --brand:#22c55e; --tint:rgba(34,197,94,.14);
}

*{box-sizing:border-box} html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.55}

.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:20px}
.section{padding-block:var(--s8)}
.center{text-align:center}.muted{color:var(--muted)}

/* Buttons */
.btn{display:inline-block;padding:12px 18px;border-radius:999px;border:1px solid var(--border);text-decoration:none;color:var(--text);background:var(--surface)}
.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 1px 0 rgba(0,0,0,.1),0 8px 24px var(--tint)}
.btn + .btn{margin-left:12px}.btn-row.center{display:flex;justify-content:center;gap:12px}

/* Header: centered, no border, solid bg */
.site-header{background:var(--bg);position:sticky;top:0;z-index:10}
.site-header .brand{display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:var(--s4)}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:22px;text-decoration:none;color:var(--text)}
.logo-mark{font-size:22px}.tagline{color:var(--muted);font-size:14px;margin-top:6px}
.primary-nav{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;padding:var(--s3) 0 var(--s4)}
.nav-link{color:var(--text);text-decoration:none;padding:8px 10px;border-radius:10px}
.nav-link.active,.nav-link:hover{background:var(--tint);color:var(--brand)}

/* Hero */
.hero .title{font-size:38px;margin:0 0 10px}.hero .lead{color:var(--muted);max-width:720px;margin:0 auto var(--s4)}
.hero .cta-row{display:flex;justify-content:center;gap:12px}

/* Grids & cards */
.programs-grid{display:grid;gap:20px}.programs-grid.three{grid-template-columns:repeat(3,1fr)}
@media (max-width:980px){.programs-grid.three{grid-template-columns:1fr}}
.program-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.program-card .body{padding:16px}

/* 4-col features */
.features-grid.four{display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}
@media (max-width:980px){.features-grid.four{grid-template-columns:1fr}}
.feature{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}

/* 2-col blocks */
.grid.two{display:grid;gap:20px;grid-template-columns:1fr 1fr}
@media (max-width:980px){.grid.two{grid-template-columns:1fr}}

/* CTA */
.cta{background:linear-gradient(0deg,var(--tint),rgba(0,0,0,0))}
.lead{font-size:18px;color:var(--muted)}

/* Footer: centered, solid bg, no border */
.site-footer{background:var(--bg);padding:var(--s6) 0;color:var(--text)}
.site-footer .foot-grid{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;text-align:center}
.logo-row{display:flex;align-items:center;gap:8px}
.fineprint{width:100%}.fineprint a{color:var(--text);text-decoration:none;opacity:.8}.fineprint a:hover{opacity:1;text-decoration:underline}

/* Custom icon list */
.custom-icon-list{list-style:none;padding:0;margin:0}
.custom-icon-list li{display:flex;align-items:center;gap:12px;padding:6px 0;font-size:14px;line-height:1}
.custom-icon-list .status-green{color:#151617}
.custom-icon-list .status-green::before{content:'\2714';background:#2F6A00;color:#fff;display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;font-size:8px;flex-shrink:0;margin-top:2px}
.custom-icon-list .status-orange{color:#151617}
.custom-icon-list .status-orange::before{content:'\2212';background:#FF5000;color:#fff;display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;font-size:8px;flex-shrink:0;margin-top:2px}
.custom-icon-list .status-red{color:#151617}
.custom-icon-list .status-red::before{content:'\2716';background:#FF0000;color:#fff;display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;font-size:8px;flex-shrink:0;margin-top:2px}

/* Ensure premium cards are white for contrast */
.premium .program-card{background:#fff;color:#151617}
.premium .program-card .muted{color:#3d4148}

/* Home custom grids */
.grid.four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.card.center .h2{font-size:28px;font-weight:700}
@media (max-width: 900px){ .grid.four{grid-template-columns:repeat(2,1fr)} }
@media (max-width: 640px){ .grid.four{grid-template-columns:1fr} .grid.two{grid-template-columns:1fr} }


/* Utility: section titles */
.section-title{font-size:22px;font-weight:700;margin:0 0 16px}
.section-title.center{text-align:center}

/* === Disable sticky header (requested) === */
.site-header{ position:static; top:auto; }
.site-header.is-sticky{ position:static; top:auto; }
.site-main{ padding-top:0; } /* in case space was reserved for sticky */
