:root{
  --bg:#ffffff; --text:#0f172a; --muted:#475569; --brand:#1d4ed8; --light:#f1f5f9;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;height:100%;font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e2e8f0;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:16px}
.topnav a{padding:6px 8px;border-radius:6px}
.topnav a:hover{background:#f1f5f9}
.brand{display:flex;align-items:center;gap:12px;font-weight:700}
.logo-img{height:100px;width:auto;display:block}
.logo-sm-img{height:60px;width:auto;display:block}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:14px;background:var(--brand);color:#fff;border:none;cursor:pointer;font-weight:600;font-size:16px}
.btn:hover{opacity:.9}
.hero{position:relative;display:grid;place-items:center;min-height:70vh;background:url('hero.jpg') center/cover no-repeat;text-align:center;padding:64px 20px}
.hero::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.45)}
.hero .inner{position:relative;z-index:1;color:#fff;max-width:900px}
.hero h1{font-size:clamp(36px,6vw,60px);margin:0 0 16px;text-shadow:0 2px 4px rgba(0,0,0,.5)}
.hero p{font-size:clamp(18px,2.5vw,22px);margin:0 auto 24px;color:#e2e8f0;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.grid{display:grid;gap:16px}
@media(min-width:900px){.grid.cols-3{grid-template-columns:repeat(3,1fr)}}
.card{border:1px solid #e2e8f0;border-radius:16px;padding:20px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05)}
section{padding:64px 0}
h2{font-size:28px;margin:0 0 16px}
.muted{color:var(--muted)}
footer{background:#0f172a;color:#cbd5e1;padding:32px 0;margin-top:auto}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.footer-links{margin-top:12px;text-align:center;font-size:14px;color:#94a3b8}
.footer-links a{margin:0 8px;color:#cbd5e1;text-decoration:none}
.footer-links a:hover{text-decoration:underline}