:root{
  --navy:#081a3c; --navy2:#0d2452; --orange:#f59530; --orange2:#ffb055;
  --cream:#fff8ee; --white:#fff; --ink:#0a1530;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Quicksand',sans-serif;background:var(--navy);color:var(--white);overflow-x:hidden}
h1,h2,h3,.logo{font-family:'Nunito',sans-serif}
a{color:inherit}
nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;
  padding:13px 5vw;background:linear-gradient(180deg,rgba(8,26,60,.88),rgba(8,26,60,.62));backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.09)}
.logo{font-weight:900;font-size:1.15rem;color:#fff;text-decoration:none}
.nav-links{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.nav-links a{text-decoration:none;font-weight:700;font-size:.92rem;color:#d5def5;min-height:44px;display:flex;align-items:center}
.nav-cta{background:linear-gradient(135deg,var(--orange),var(--orange2));color:var(--ink);font-weight:700;
  padding:10px 20px;border-radius:999px;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.hero-plate{position:relative;z-index:1;min-height:88vh;display:flex;align-items:center;
  padding:120px 6vw 48px;background-color:var(--navy);background-position:right center;background-size:cover;background-repeat:no-repeat}
.hero-plate::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(8,26,60,.92) 0%,rgba(8,26,60,.62) 46%,rgba(8,26,60,.12) 68%,transparent 82%)}
.hero-copy{position:relative;z-index:2;width:min(540px,54%)}
.hero-copy h1,.hero-copy .sub{text-shadow:0 8px 28px rgba(0,0,0,.45)}
.hero-mobile{display:none;width:100%;border-radius:16px;margin-top:22px}
.wrap{position:relative;z-index:1;max-width:980px;margin:0 auto;padding:20px 6vw 80px}
footer{position:relative;z-index:1;padding:28px 6vw 40px;color:#8ea0c4;font-size:.85rem;font-weight:600}
@media (max-width:700px){
  .hero-plate{min-height:auto;background-image:none !important;flex-direction:column;align-items:stretch;padding:96px 5vw 12px}
  .hero-plate::before{display:none}
  .hero-copy{width:100%}
  .hero-mobile{display:block}
  .grid{grid-template-columns:1fr}
  nav{padding:10px 4vw}
  .wrap{padding:12px 5vw 56px}
}
h1{font-size:clamp(2rem,5vw,3.4rem);font-weight:900;line-height:1.12;text-wrap:balance}
h1 .grad{background:linear-gradient(92deg,var(--orange),#ffd166 55%,var(--orange2));-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{margin-top:18px;font-size:1.12rem;color:#cfd9f2;font-weight:600;max-width:640px}
.cta-row{margin-top:28px;display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 28px;border-radius:999px;
  font-weight:800;text-decoration:none;font-size:1.02rem}
.btn-primary{background:linear-gradient(135deg,var(--orange),var(--orange2));color:var(--ink)}
.btn-ghost{border:2px solid rgba(255,255,255,.35);color:#fff}
.grid{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.grid img{width:100%;border-radius:14px;background:var(--cream);display:block}
.card{margin-top:48px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:28px 26px}
.card h2{font-size:1.35rem;margin-bottom:12px}
.card ul{margin:8px 0 0 18px;color:#d5def5;font-weight:600;line-height:1.7}
.fine{margin-top:22px;color:#9aabcc;font-size:.88rem;font-weight:600;line-height:1.55;max-width:640px}
.secondaries{margin-top:14px;font-weight:700;color:#cfd9f2}
.secondaries a{color:var(--orange2)}