:root{
  --blue-900:#0a2a48;
  --blue-700:#12406b;
  --blue-500:#1f6aa5;
  --sand:#f7f6f2;
  --ink:#0b0f14;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--sand)}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.site-header{position:sticky;top:0;background:white;border-bottom:1px solid #e7e7e7;z-index:30}
.nav{display:flex;justify-content:space-between;align-items:center;height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:700}
.brand-logo{width:40px;height:40px;border-radius:8px}
.menu a{margin-left:18px;text-decoration:none;color:var(--ink);font-weight:600}
.hero{padding:68px 0;background:linear-gradient(180deg,#ffffff, #eef5fb)}
.hero-grid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:32px;align-items:center}
.hero-copy h1{font-size:40px;line-height:1.1;margin:0 0 12px;color:var(--blue-900)}
.hero-copy p{font-size:18px;margin:0 0 18px;color:#2b3642}
.cta-row{display:flex;gap:12px;margin-top:8px;margin-bottom:12px}
.btn{display:inline-block;padding:12px 18px;border-radius:10px;text-decoration:none;border:1px solid var(--blue-700);font-weight:700}
.btn.primary{background:var(--blue-700);color:white;border-color:var(--blue-700)}
.btn.ghost{background:transparent;color:var(--blue-700)}
.btn.small{padding:10px 14px;font-size:14px}
.trust{list-style:none;padding:0;margin:8px 0 0;display:flex;gap:18px;color:#394b5d;font-size:14px}
.hero-art .wave-card{background:linear-gradient(180deg, #d6e8f7, #bcd6ea);border-radius:20px;padding:28px;box-shadow:0 10px 30px rgba(10,42,72,.15)}
.hero-art img{width:100%;height:auto;display:block}
.about{background:white}
.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:start}
.about-card{background:#f2f7fb;border:1px solid #dce9f5;padding:20px;border-radius:16px}
.bullets{margin:12px 0 0}
.bullets li{margin-bottom:8px}
.newsletter .form{display:flex;gap:10px;flex-wrap:wrap}
.form input[type=email], .form input[type=text]{flex:1;min-width:220px;padding:12px 14px;border-radius:10px;border:1px solid #c0d3e6}
.form button{cursor:pointer}
.contact{background:linear-gradient(180deg,#eef5fb,#ffffff)}
.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:start}
.contact-card{background:white;border:1px solid #eaeef3;padding:20px;border-radius:16px;box-shadow:0 6px 18px rgba(10,42,72,.08)}
.site-footer{padding:20px 0;border-top:1px solid #e7e7e7;background:white}
.footer-grid{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.foot-brand{display:flex;align-items:center;gap:10px}
.foot-brand img{width:28px;height:28px;border-radius:6px}
.foot-links a{margin-left:14px;text-decoration:none;color:#2b3642}
@media (max-width: 900px){
  .hero-grid, .about-grid, .contact-grid{grid-template-columns:1fr}
}