*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#1d2d44;background:#fff}
.hero{min-height:90vh;background:linear-gradient(rgba(6,24,51,.75),rgba(6,24,51,.75)),url('https://images.unsplash.com/photo-1436491865332-7a61a109cc05?auto=format&fit=crop&w=1800&q=80') center/cover;color:#fff}
nav{display:flex;justify-content:space-between;align-items:center;padding:22px 8%}
.logo{font-size:28px;font-weight:bold}
ul{list-style:none;display:flex;gap:24px;padding:0}a{color:#fff;text-decoration:none}
.hero-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:72vh;padding:20px}
.hero h1{font-size:56px;max-width:900px;margin:0}
.hero p{font-size:22px;opacity:.95}
.btn{background:#caa24a;color:#fff;padding:14px 28px;border-radius:6px;margin-top:18px;display:inline-block}
section{padding:70px 8%}
h2{text-align:center}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:30px}
.card{background:#fff;border:1px solid #e4e4e4;border-radius:10px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.05)}
footer{background:#0c2340;color:#fff;text-align:center;padding:24px}
@media(max-width:768px){.hero h1{font-size:36px}.hero p{font-size:18px}nav{flex-direction:column}}