:root{--ink:#0f172a;--ink2:#334155;--muted:#64748b;--bg:#f8fafc;--card:#fff;--brand:#334155;--brand-2:#475569}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--ink);background:var(--bg)}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
.site-header{background:#fff;border-bottom:1px solid #e5e7eb}
.logo{display:inline-block;padding:16px 0;font-weight:700;color:var(--ink);text-decoration:none}

/* Hero */
.hero{position:relative;min-height:60vh;display:flex;align-items:center;
  background:linear-gradient(180deg,rgba(2,6,23,.55),rgba(2,6,23,.55)),url('/images/hero.jpg') center/cover no-repeat}
.hero-inner{text-align:center;color:#fff;padding:64px 0}
.hero h1{font-size:44px;line-height:1.1;margin:0 0 8px}
.tagline{font-size:20px;margin:0 0 12px;opacity:.95}
.lead{max-width:760px;margin:0 auto 24px;opacity:.95}

.cta{display:inline-block;border-radius:999px;padding:12px 20px;text-decoration:none;
  font-weight:600;background:var(--brand);color:#fff}
.cta:hover{background:var(--brand-2)}

/* Features */
.features{margin-top:-40px;margin-bottom:28px}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{background:var(--card);border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 20px rgba(2,6,23,.06);padding:22px 20px}
.card h3{margin:0 0 6px}
.card p{margin:0;color:var(--muted)}

/* Spotlight */
.spotlight-cta{margin:12px 0 40px;text-align:center}

/* Footer */
.site-footer{padding:28px 0;color:var(--ink2);text-align:center;border-top:1px solid #e5e7eb;background:#fff}
.site-footer .disclaimer{max-width:940px;margin:0 auto 8px;font-size:13px;line-height:1.5;color:#64748b}

@media (max-width:640px){.hero{min-height:54vh}.hero h1{font-size:34px}.tagline{font-size:18px}}