html, body { background: var(--bg) !important; color: var(--text) !important; }
header, .site-header, nav, .nav, .top-nav, .site-nav,
footer, .site-footer { background-color: var(--surface) !important; color: var(--text) !important; }
.hero, .hero-reseller, .section, section, .content, .main, .page, .page-wrap { background: var(--surface-2) !important; color: var(--text) !important; }
.card, .panel, .box, .well, .tile, .stat-card { background: var(--surface) !important; color: var(--text) !important; border: 1px solid var(--border) !important; }
:root:not([data-mode="dark"]) .hero .stat-card, :root:not([data-mode="dark"]) .hero-reseller .stat-card { background: #ffffff !important; color: var(--text) !important; border-color: var(--border) !important; }
.btn-primary, .btn, button, input[type="submit"], .button { background: var(--primary) !important; color: #fff !important; border-color: transparent !important; }
.btn-outline, .button-outline, .btn.secondary, button.secondary { background: transparent !important; color: var(--text) !important; border: 1px solid var(--border) !important; }
a { color: var(--link) !important; } a:hover, a:focus { color: var(--link-hover) !important; }
.container, .header-inner, .hero-inner, .band-inner { max-width: min(1200px, 100%); padding-left: 16px; padding-right: 16px; padding-bottom:32px; padding-top:16px; margin-bottom: 16px; box-sizing: border-box; }


/* Simple icon helpers for new SEO pages */
.icon-bullet {
  display: inline-block;
  margin-right: 0.4rem;
  font-weight: 600;
}

.icon-heading {
  display: inline-block;
  margin-right: 0.35rem;
}

.icon-check {
  display: inline-block;
  margin-right: 0.35rem;
  font-weight: 600;
}


/* Active nav link styling */
.nav a.active {
  color: var(--primary);
  font-weight: 600;
  border-bottom: 2px solid var(--primary);
}


/* Softer header nav appearance */
.nav a {
  font-size: 0.95rem;
  padding: 0.35rem 0.65rem;
  font-weight: 500;
}

.nav .btn-outline.small {
  padding: 0.35rem 0.85rem;
  border-radius: 999px;
  font-size: 0.9rem;
}


/* Center-align nav link text for a softer look */
.nav a {
  text-align: center;
}