/* SEO-friendly, mobile-first modern styles */
:root{
  --bg:#0b0f1a;
  --fg:#e5e7eb;
  --muted:#9ca3af;
  --accent:#60a5fa;
  --card:#111827;
  --pad:1rem;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg)}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.wrap{max-width:1100px;margin:0 auto;padding:0 var(--pad)}
.header{position:sticky;top:0;background:rgba(11,15,26,.7);backdrop-filter:saturate(150%) blur(8px);border-bottom:1px solid rgba(255,255,255,.06);z-index:50}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:56px}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:700;letter-spacing:.2px}
.brand img{height:28px;width:auto}
.nav a{margin-left:1rem;color:var(--fg);opacity:.85}
.nav a:hover{opacity:1}
.hero{min-height:68vh;background:url('/hero.jpg') center/cover no-repeat;display:flex;align-items:flex-end;border-bottom:1px solid rgba(255,255,255,.08)}
.hero .overlay{width:100%;background:linear-gradient(to top, rgba(11,15,26,.9), rgba(11,15,26,.1));padding:4rem var(--pad) 1.5rem}
.main{padding:2.25rem 0}
h1{font-size:clamp(1.8rem, 4vw, 3rem);margin:1rem 0 0.25rem;font-weight:800;letter-spacing:.2px;text-align:center}
p.lead{max-width:760px;margin:.35rem auto 0;color:var(--muted);text-align:center}
.footer{border-top:1px solid rgba(255,255,255,.08);padding:1.1rem 0;color:var(--muted);font-size:.95rem}
.small{font-size:.95rem;color:var(--muted)}
.btn{display:inline-block;background:var(--accent);color:#0b0f1a;padding:.7rem 1rem;border-radius:10px;font-weight:700}
.center{display:flex;justify-content:center;gap:.75rem;margin-top:1.25rem}
.visually-hidden{position:absolute;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}