:root {
  --ov-bg: #0e1a2b;
  --ov-bg-alt: #11233a;
  --ov-accent: #c7a34b;
  --ov-accent-2: #6aa9ff;
  --ov-text: #e9f0fa;
  --ov-muted: #b7c3d4;
}

/* Layout wrappers */
#hero-overview {
  background: linear-gradient(180deg, rgba(17,35,58,.85), rgba(17,35,58,.95));
  color: var(--ov-text);
}
#hero-overview .hero-wrap {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 2rem;
  align-items: center;
  padding: clamp(1rem, 3vw, 2rem) 0;
}
#hero-overview .hero-copy .eyebrow {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--ov-accent);
  font-weight: 600;
  margin: 0 0 .25rem 0;
}
#hero-overview .lead { color: var(--ov-muted); }
#hero-overview .hero-media img { width: 100%; height: auto; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,.35); }

.quick-nav { border-top: 1px solid rgba(255,255,255,.08); border-bottom: 1px solid rgba(255,255,255,.08); }
.quick-nav ul { display: flex; flex-wrap: wrap; gap: .75rem 1rem; padding: .75rem 0; }
.quick-nav a { color: var(--ov-text); text-decoration: none; padding: .35rem .6rem; border-radius: 8px; border: 1px solid transparent; }
.quick-nav a:hover, .quick-nav a:focus { border-color: var(--ov-accent); background: rgba(199,163,75,.08); outline: none; }

.content-section { background: var(--ov-bg); color: var(--ov-text); }
.content-section.alt { background: var(--ov-bg-alt); }
.content-section .section-inner { padding: clamp(1.25rem, 3.5vw, 2.5rem) 0; }
.content-section .section-inner.grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 2rem; align-items: center; }
.content-section .media img { width: 100%; height: auto; border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,.3); }

.feature-list { display: grid; gap: .6rem; margin: 1rem 0 0; }
.inline-cta { display: flex; gap: .75rem; margin-top: 1rem; flex-wrap: wrap; }

.steps { display: grid; gap: .5rem; margin-top: .75rem; }
.levels-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: .75rem; }
.level-card { background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08); border-radius: 12px; padding: 1rem; }

.tips-list { display: grid; gap: .5rem; margin-top: .75rem; }

.newsletter-block, .feedback-block { margin-top: 1.5rem; padding: 1rem; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08); border-radius: 12px; }
.newsletter-form .field, .feedback-form .field { display: grid; gap: .35rem; margin-bottom: .75rem; }
.newsletter-form input[type=email], .feedback-form input[type=text], .feedback-form textarea, .site-search input[type=search] { width: 100%; padding: .65rem .75rem; border-radius: 10px; border: 1px solid rgba(255,255,255,.18); background: rgba(7,14,24,.55); color: var(--ov-text); }
.site-search { display: flex; gap: .5rem; margin-top: 1rem; flex-wrap: wrap; }
.site-search button { padding: .65rem .9rem; border-radius: 10px; border: 1px solid var(--ov-accent); background: transparent; color: var(--ov-text); cursor: pointer; }
.site-search button:hover { background: rgba(199,163,75,.1); }

.overview-cta { display: inline-flex; align-items: center; gap: .5rem; padding: .65rem 1rem; border-radius: 999px; color: #0b1422; background: linear-gradient(180deg, #ffd78b, #c7a34b); text-decoration: none; font-weight: 700; border: 1px solid rgba(0,0,0,.2); box-shadow: 0 4px 14px rgba(0,0,0,.25); }
.overview-cta:hover { filter: brightness(1.05); }
.overview-cta.outline { background: transparent; color: var(--ov-text); border: 1px solid var(--ov-accent); box-shadow: none; }

.visually-hidden { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }

/* Responsive */
@media (max-width: 1024px) {
  #hero-overview .hero-wrap, .content-section .section-inner.grid { grid-template-columns: 1fr; }
  .levels-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  .levels-grid { grid-template-columns: 1fr; }
  .quick-nav ul { gap: .5rem; }
}