/* Inner-page system. Homepage stays on homepage-wave1.css and does not load this file. */

body[data-page]:not([data-page="home"]){
  --text:#f4fbfb;
  --muted:#c5dde2;
  --line:rgba(25,240,255,0.22);
  --radius:14px;
  --max:1180px;
  font-family:Outfit, ui-sans-serif, system-ui, "Segoe UI", sans-serif;
  color:var(--text);
  background:
    radial-gradient(900px 420px at 12% 0%, rgba(25,240,255,0.08), transparent 60%),
    #031019;
}

body[data-page]:not([data-page="home"]) h1,
body[data-page]:not([data-page="home"]) h2,
body[data-page]:not([data-page="home"]) .section-head h2{
  font-family:"Source Serif 4", Georgia, serif;
  font-weight:500;
  letter-spacing:-0.03em;
  background:none;
  -webkit-background-clip:border-box;
  background-clip:border-box;
  color:#f4fbfb;
  text-shadow:none;
}

body[data-page]:not([data-page="home"]) h1{font-size:clamp(36px, 4vw, 52px);line-height:1.08}
body[data-page]:not([data-page="home"]) h2{font-size:clamp(28px, 3vw, 36px);line-height:1.15}
body[data-page]:not([data-page="home"]) h3{font-size:20px;line-height:1.3;color:#f4fbfb}

.topbar{
  position:sticky;
  top:0;
  background:rgba(3,16,25,0.92);
  border-bottom:1px solid rgba(25,240,255,0.18);
  backdrop-filter:blur(12px);
  font-family:Outfit, "Segoe UI", ui-sans-serif, system-ui, -apple-system, sans-serif;
}
.topbar .dropdown-caret{font-size:11px;opacity:0.9}
.topbar .wrap{
  max-width:1180px;
  padding-left:28px;
  padding-right:28px;
}
.topbar .site-header{position:static;padding:10px 0}
.topbar .brand-logo-image{
  height:100px;
  max-width:400px;
  filter:none;
}
.topbar .brand-wordmark:hover .brand-logo-image{
  transform:none;
  filter:none;
}
.topbar .nav-link{
  font-weight:560;
  font-size:14px;
  letter-spacing:0.01em;
  border-radius:8px;
}
body[data-page]:not([data-page="home"]) .nav-link:focus-visible,
body[data-page]:not([data-page="home"]) .btn:focus-visible,
body[data-page]:not([data-page="home"]) a:focus-visible,
body[data-page]:not([data-page="home"]) button:focus-visible,
body[data-page]:not([data-page="home"]) input:focus-visible,
body[data-page]:not([data-page="home"]) textarea:focus-visible,
body[data-page]:not([data-page="home"]) select:focus-visible{
  outline:2px solid #19f0ff;
  outline-offset:3px;
}

body[data-page]:not([data-page="home"]) .hero{
  min-height:0;
  padding:48px 0 28px;
  background:
    linear-gradient(180deg, rgba(3,16,25,0.2), #031019 92%),
    radial-gradient(520px 240px at 80% 20%, rgba(25,240,255,0.12), transparent 70%);
}
body[data-page]:not([data-page="home"]) .hero::before{display:none}
body[data-page="company"] .about-story-hero{
  background:
    radial-gradient(520px 240px at 80% 20%, rgba(25,240,255,0.12), transparent 70%),
    #031019;
}
body[data-page]:not([data-page="home"]) .pageHead{padding:36px 0 8px}
body[data-page="programs-events"] .wrap .pageHead{
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:clamp(28px, 4vw, 42px);
}
body[data-page="programs-events"] .pageHead p{margin-left:auto;margin-right:auto}
body[data-page]:not([data-page="home"]) .pageHead p,
body[data-page]:not([data-page="home"]) .lead{color:#c5dde2;font-size:17px;line-height:1.6}

body[data-page]:not([data-page="home"]) .card,
body[data-page]:not([data-page="home"]) .heroCard,
body[data-page]:not([data-page="home"]) .resource,
body[data-page]:not([data-page="home"]) .callout{
  border-radius:14px;
  border:1px solid rgba(25,240,255,0.22);
  background:rgba(8,29,44,0.72);
  box-shadow:none;
}

body[data-page]:not([data-page="home"]) .btn.primary,
body[data-page]:not([data-page="home"]) .btn-primary{
  background:#19f0ff;
  color:#03202b;
  border-color:#19f0ff;
  border-radius:999px;
  font-weight:600;
  box-shadow:none;
}
.topbar .impact-btn{
  min-width:0;
  margin-left:8px;
  padding:10px 14px;
  border-radius:8px;
  border:1px solid rgba(25,240,255,0.45);
  background:#031019;
  color:#f4fbfb;
  box-shadow:none;
  font-weight:600;
  font-size:14px;
}
body[data-page]:not([data-page="home"]) .btn{
  border-radius:999px;
  font-weight:600;
}
body[data-page]:not([data-page="home"]) .band{
  background:rgba(8,29,44,0.9);
  color:#f4fbfb;
  border:1px solid rgba(25,240,255,0.22);
  border-radius:14px;
  box-shadow:none;
}
body[data-page]:not([data-page="home"]) .band h3,
body[data-page]:not([data-page="home"]) .band p{color:#f4fbfb}
body[data-page]:not([data-page="home"]) .band p{color:#c5dde2}
body[data-page]:not([data-page="home"]) .band .btn{color:#f4fbfb}
body[data-page]:not([data-page="home"]) .band .btn.primary{color:#03202b}

body[data-page]:not([data-page="home"]) .footer-prep{
  border-top:1px solid rgba(25,240,255,0.18);
  background:#031019;
  padding:48px 0 28px;
}
body[data-page]:not([data-page="home"]) .footer-logo span{color:#19f0ff;letter-spacing:0.08em}
body[data-page]:not([data-page="home"]) .footer-columns h4{
  font-family:Outfit, sans-serif;
  font-size:13px;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:#19f0ff;
}
body[data-page]:not([data-page="home"]) .footer-columns a,
body[data-page]:not([data-page="home"]) .footer-columns p{line-height:1.55}

body[data-page]:not([data-page="home"]) .form input,
body[data-page]:not([data-page="home"]) .form textarea,
body[data-page]:not([data-page="home"]) .form select{
  width:100%;
  min-height:44px;
  border-radius:12px;
  border:1px solid rgba(25,240,255,0.28);
  background:rgba(3,16,25,0.65);
  color:#f4fbfb;
  padding:12px 14px;
  font:inherit;
}
body[data-page]:not([data-page="home"]) .breadcrumbs{color:#c5dde2;font-size:14px;padding-top:18px}
body[data-page]:not([data-page="home"]) .breadcrumbs a{color:#19f0ff}

body[data-page="products"] .grid-4{grid-template-columns:repeat(2, minmax(0, 1fr))}
body[data-page="products"] .product-role{color:#19f0ff;font-size:14px;font-weight:600;margin:0 0 8px}
body[data-page="products"] .tag{
  background:transparent;
  color:#19f0ff;
  border:1px solid rgba(25,240,255,0.35);
  font-weight:600;
}
body[data-page="products"] .cta-band,
body[data-page="products"] .cta-band h2{
  background:rgba(8,29,44,0.9);
  color:#f4fbfb;
  border-radius:14px;
}
body[data-page="products"] .cta-band p{color:#c5dde2}

@media (max-width: 768px){
  .topbar .wrap{padding-left:18px;padding-right:18px}
}
@media (max-width: 900px){
  body[data-page]:not([data-page="home"]) .footer-columns{grid-template-columns:1fr 1fr;gap:28px 20px}
}
@media (max-width: 720px){
  body[data-page]:not([data-page="home"]) .hero,
  body[data-page]:not([data-page="home"]) .pageHead{padding-top:28px}
  body[data-page]:not([data-page="home"]) .footer-columns{grid-template-columns:1fr}
  body[data-page]:not([data-page="home"]) .band{grid-template-columns:1fr}
  body[data-page]:not([data-page="home"]) .heroCtas .btn,
  body[data-page]:not([data-page="home"]) .band .btn{width:100%}
  body[data-page="products"] .grid-4,
  body[data-page="products"] .hero-grid,
  body[data-page="products"] .split,
  body[data-page="products"] .grid-3,
  body[data-page="products"] .hero-points{grid-template-columns:1fr}
}

html:has(body[data-page="impact"]){height:auto}
body[data-page="impact"]{height:auto;background:#031019;color:#f4fbfb}
body[data-page="impact"] .impact-page section{padding:56px 0;border-top:1px solid rgba(25,240,255,0.14)}
body[data-page="impact"] .impact-hero{padding-top:72px}
body[data-page="impact"] .impact-kicker{color:#19f0ff;letter-spacing:0.08em;text-transform:uppercase;font-size:13px}
body[data-page="impact"] .split-grid,
body[data-page="impact"] .impact-core-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:28px}
body[data-page="impact"] .impact-core-grid{grid-template-columns:1fr 1fr}
body[data-page="impact"] .mock-portrait,
body[data-page="impact"] .core-illustration{
  min-height:180px;border:1px dashed rgba(25,240,255,0.35);border-radius:14px;
  display:grid;place-items:center;color:#c5dde2;
}
body[data-page="impact"] .spotlight-metrics,
body[data-page="impact"] .partner-pills{display:flex;flex-wrap:wrap;gap:10px}
body[data-page="impact"] .spotlight-metrics span,
body[data-page="impact"] .partner-pills span{
  border:1px solid rgba(25,240,255,0.28);border-radius:999px;padding:8px 12px;color:#c5dde2;
}
body[data-page="impact"] .impact-download-btn,
body[data-page="impact"] .btn{border-radius:999px}
@media (max-width: 800px){
  body[data-page="impact"] .split-grid,
  body[data-page="impact"] .impact-core-grid{grid-template-columns:1fr}
  body[data-page="impact"] .site-nav{flex-wrap:wrap;gap:12px 16px}
}

@media (prefers-reduced-motion: reduce){
  body[data-page]:not([data-page="home"]) *{transition:none !important;scroll-behavior:auto !important}
}