/* Make the landing hero light and remove gradients */
body { background:#fff; color:#111; }
section[class*="hero"], .hero, .page-header, .banner, .gradient { background:none !important; }

h1, .display-1, .hero-title {
  font-weight:800; letter-spacing:-.02em;
  font-size:clamp(34px,6vw,64px); line-height:1.05; color:#111;
}
.subhead, .lead, .hero-subtitle { font-size:clamp(18px,2.4vw,28px); color:#6b7280; }

.hero, .hero-section, section[class*="hero"] { padding:96px 0 64px; text-align:center; }

/* URL input + button */
.audit-form { display:flex; gap:12px; max-width:720px; margin:18px auto 8px; }
.audit-form input[type=url]{
  flex:1; border:1px solid #e5e7eb; border-radius:12px; padding:18px 20px; font-size:18px;
}
.audit-form button{
  border:0; border-radius:12px; padding:18px 28px; font-size:18px; font-weight:700; background:#f8af2c;
}
.audit-form button:hover{ filter:brightness(.95); }

/* trust logos row */
.trust { display:flex; gap:28px; justify-content:center; align-items:center; flex-wrap:wrap; margin-top:28px; opacity:.9; }
.trust img { height:28px; }

/* Light landing overrides */
#audit, #premium-support, .hero, .hero-section { background:#fff!important }
h1, .hero h1 { color:#111!important }
.subhead, .hero p, .lead { color:#6b7280!important }

.audit-form { display:flex; gap:12px; max-width:720px; margin:18px auto 8px }
.audit-form input[type=url]{ flex:1; border:1px solid #e5e7eb; border-radius:12px; padding:18px 20px; font-size:18px }
.audit-form button{ border:0; border-radius:12px; padding:18px 28px; font-weight:700; font-size:18px; background:#f8af2c }
.audit-form button:hover{ filter:brightness(.95) }

.trust{ display:flex; gap:28px; justify-content:center; align-items:center; flex-wrap:wrap; margin-top:28px; opacity:.9 }
.trust img{ height:28px }


/* Make nav visible from first paint, on white */
#frontend-local-navbar{
  position: sticky; top:0; z-index:50;
  background:#fff !important;
  color:#0f172a !important;          /* slate-900 */
  border-bottom:1px solid #e5e7eb;   /* subtle divider */
  opacity:1 !important;
  mix-blend-mode: normal !important;
}
/* Links + hover */
#frontend-local-navbar a{ color:#0f172a !important; }
#frontend-local-navbar a:hover{ opacity:.8; }

/* “Dashboard” button */
#frontend-local-navbar .mx-3 a{
  background:#0f172a !important; color:#fff !important;
  border-color:transparent !important;
}

/* Mobile menu should be light too */
@media (max-width:1024px){
  #frontend-local-navbar .site-nav-container{
    background:#fff !important; color:#0f172a !important;
  }
  #frontend-local-navbar .mobile-nav-trigger span>span{
    background:#0f172a !important;
  }
}