/* UI Overrides to match reference design while keeping fonts/colors */

/* Primary nav polish */
.primary-nav { position: sticky; top: calc(36px + 72px); z-index: 950; background:#fff; border-bottom:1px solid var(--medium-gray); }
.primary-nav .container { display:flex; align-items:center; justify-content: space-between; gap:16px; }
.primary-nav .nav-list { list-style:none; display:flex; gap:18px; align-items:center; padding:10px 0; margin:0; }
.primary-nav .nav-list a { color: var(--secondary-color); font-weight:700; }
.primary-nav .nav-list a:hover { color: var(--primary-color); }

/* Top announcement spacing fix on small screens */
@media(max-width: 992px){ .top-announcement .container{ gap:8px; font-size:0.95rem; } }

/* Hero split layout and right consultation card */
.hero-overlay.hero-split{ flex-direction:row; justify-content:space-between; align-items:stretch; gap:24px; padding:20px; }
.hero-overlay .hero-copy{ display:flex; flex-direction:column; justify-content:center; align-items:flex-start; text-align:left; padding:20px; max-width:760px; }
.hero-overlay .hero-copy h1{ color:#fff; }
.hero-overlay .hero-copy p{ color:#f1f3f5; max-width:680px; }
.desktop-only{ display:block; }
.mobile-only{ display:none; }
.consultation-card{ width:420px; max-width:96vw; background:#fff; color:var(--secondary-color); border-radius:16px; box-shadow:0 24px 56px rgba(0,0,0,0.25); padding:18px; align-self:center; }
.consultation-card h3{ margin:6px 0 8px; color:var(--secondary-color); }
.consultation-card .form-row{ grid-template-columns: 1fr 1fr; gap:10px; }
.consultation-card .form-group label{ font-size:.95rem; }
.consultation-card .checkbox-inline{ display:flex; align-items:center; gap:8px; }
.consultation-card .btn{ margin-top:6px; }

/* Benefits strip spacing */
.benefits-strip{ background:#fff; border-top:1px solid var(--medium-gray); border-bottom:1px solid var(--medium-gray); }
.benefits-list{ list-style:none; display:flex; gap:28px; align-items:center; justify-content:center; padding:12px 0; flex-wrap:wrap; }
.benefits-list li{ display:flex; align-items:center; gap:8px; font-weight:700; color:var(--secondary-color); }
.benefits-list i{ color:var(--primary-color); }

/* Responsive rules */
@media(max-width: 1200px){ .consultation-card{ width:380px; } }
@media(max-width: 992px){
  .hero-overlay.hero-split{ flex-direction:column; align-items:center; }
  .hero-overlay .hero-copy{ align-items:center; text-align:center; }
  .desktop-only{ display:none; }
  .mobile-only{ display:block; }
}
@media(max-width: 576px){ .primary-nav .nav-list{ gap:12px; overflow:auto; } }