:root{--navy:#0B1F36;--gold:#C49300;--bg:#f5f7fb;--muted:#6b7280}
*{box-sizing:border-box}
body{margin:0;font-family:Inter, Poppins, sans-serif;background:var(--bg);color:var(--navy);-webkit-font-smoothing:antialiased}
.header{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#fff;border-bottom:1px solid #e6e9ee}
.header img{height:64px}
.top-cta{margin-left:auto;display:flex;gap:12px;align-items:center}
nav{background:linear-gradient(90deg,rgba(11,31,54,0.95),rgba(8,40,80,0.95));padding:10px;color:#fff;position:sticky;top:0;z-index:50}
nav .container{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:18px}
nav a{color:#fff;text-decoration:none;font-weight:600}
.launch{background:#F3E6C2;color:var(--navy);text-align:center;padding:8px;font-weight:700}
.hero{position:relative;overflow:hidden;height:520px}
.hero img{width:100%;height:520px;object-fit:cover;display:block}
.hero .overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;max-width:980px}
.btn{background:var(--gold);color:#fff;padding:12px 18px;border-radius:8px;text-decoration:none;font-weight:700}
.btn-outline{background:transparent;border:2px solid #fff;color:#fff;padding:10px 16px;border-radius:8px;text-decoration:none;font-weight:700}
.container{max-width:1100px;margin:20px auto;padding:0 18px}
.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:18px}
.card{background:#fff;padding:18px;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,0.06);margin-top:14px}
.how{display:flex;gap:12px;justify-content:space-between;margin-top:12px}
.how .step{flex:1;background:#fff;padding:12px;border-radius:8px;text-align:center}
.testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.footer{background:var(--navy);color:#fff;padding:20px;text-align:center;margin-top:20px}
@media(max-width:820px){.hero{height:320px}.hero img{height:320px}.how{flex-direction:column}}