:root{
  --navy:#0E2A47;
  --navy-2:#21303F;
  --navy-3:#1B4468;
  --blue:#3B6EA5;
  --blue-light:#C7D8E8;
  --blue-pale:#8FB4D6;
  --orange:#F0A868;
  --orange-dark:#C05621;
  --off-white:#F4F7FA;
  --white:#FFFFFF;
  --grey:#667487;
  --line:#DDE3EA;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Carlito,Calibri,Arial,sans-serif;
  color:var(--navy-2);
  background:var(--white);
  line-height:1.6;
}
.wrap{max-width:1060px;margin:0 auto;padding:0 24px;}

/* ---------- Nav ---------- */
header{
  position:sticky;top:0;z-index:50;
  background:var(--navy);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;max-width:1060px;margin:0 auto;}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;}
.brand img{height:52px;width:auto;display:block;}
.brand span{color:var(--white);font-weight:800;font-size:1.05rem;letter-spacing:.02em;white-space:nowrap;}
@media(max-width:420px){.brand span{display:none;}}
nav.links{display:flex;gap:26px;align-items:center;}
nav.links a{color:var(--blue-light);text-decoration:none;font-size:.95rem;}
nav.links a:hover{color:var(--white);}
nav.links a.btn, nav.links a.btn:hover{color:#000;}
.btn{
  display:inline-block;background:var(--orange);color:#000;
  font-weight:700;text-decoration:none;padding:11px 22px;border-radius:6px;
}
.btn:hover{background:#f5b87f;}
.btn.big{font-size:1.1rem;padding:15px 32px;}
@media(max-width:760px){nav.links a:not(.btn){display:none;}}

/* ---------- Hero ---------- */
.hero{background:var(--navy);color:var(--white);padding:84px 0 64px;}
.hero-flex{display:flex;gap:48px;align-items:center;}
.hero-flex > div:first-child{flex:1.6;}
.hero-logo{
  flex:1;display:flex;align-items:center;justify-content:center;min-width:220px;
}
.hero-logo img{width:100%;max-width:340px;height:auto;}
@media(max-width:820px){.hero-logo{display:none;}}
.kicker{
  color:var(--blue-pale);letter-spacing:.28em;font-size:.8rem;
  text-transform:uppercase;margin-bottom:22px;
}
.hero h1{font-size:clamp(2.1rem,5.4vw,3.4rem);line-height:1.15;font-weight:800;max-width:820px;color:var(--white);}
.hero h1 .price{color:var(--orange);}
.hero p.sub{color:var(--blue-light);max-width:640px;font-size:1.15rem;margin:26px 0 36px;}
.stats{
  display:flex;gap:56px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.18);
  margin-top:52px;padding-top:30px;
}
.stats b{display:block;font-size:2rem;color:var(--white);}
.stats b small{font-size:1rem;color:var(--blue-pale);}
.stats span{color:var(--blue-pale);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;}

/* ---------- Sections ---------- */
section{padding:76px 0;}
section h1{font-size:clamp(1.9rem,3.8vw,2.5rem);font-weight:800;color:var(--navy);margin-bottom:14px;}
section h2{font-size:clamp(1.6rem,3.4vw,2.2rem);font-weight:800;color:var(--navy);margin-bottom:14px;}
section p.lead{color:var(--grey);max-width:640px;font-size:1.08rem;margin-bottom:40px;}
.alt{background:var(--off-white);}

/* cards */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;}
.card{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:26px;}
.card h3{color:var(--navy);font-size:1.05rem;margin-bottom:8px;}
.card h3::before{content:"";display:inline-block;width:10px;height:10px;background:var(--orange-dark);margin-right:10px;border-radius:2px;}
.card p{color:var(--grey);font-size:.95rem;}

/* comparison */
.compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;align-items:stretch;}
.col{border:1px solid var(--line);border-radius:10px;padding:30px;background:var(--white);display:flex;flex-direction:column;}
.col.featured{background:var(--navy);border-color:var(--navy);color:var(--white);}
.col h3{font-size:1.15rem;margin-bottom:4px;}
.col .tag{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--grey);margin-bottom:18px;}
.col.featured .tag{color:var(--orange);}
.col .money{font-size:1.7rem;font-weight:800;color:var(--navy);margin-bottom:16px;}
.col.featured .money{color:var(--orange);}
.col ul{list-style:none;flex:1;}
.col li{padding:8px 0;border-top:1px solid var(--line);font-size:.93rem;color:var(--grey);}
.col.featured li{border-top:1px solid rgba(255,255,255,.15);color:var(--blue-light);}
.col li::before{content:"— ";color:var(--blue-pale);}

/* pricing */
.price-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;}
.panel{border:1px solid var(--line);border-radius:10px;padding:34px;background:var(--white);}
.panel .amount{font-size:2.4rem;font-weight:800;color:var(--navy);}
.panel .amount small{font-size:1.1rem;color:var(--grey);font-weight:600;}
.panel .when{color:var(--orange-dark);font-weight:700;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;margin:4px 0 18px;}
.panel ul{list-style:none;}
.panel li{padding:9px 0;border-top:1px solid var(--line);color:var(--grey);font-size:.95rem;}
.panel li::before{content:"✓";color:var(--orange-dark);font-weight:700;margin-right:10px;}
.note{margin-top:26px;color:var(--grey);font-size:.92rem;max-width:720px;}

/* process */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;counter-reset:step;}
.step{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:26px;}
.step::before{
  counter-increment:step;content:counter(step,decimal-leading-zero);
  display:block;color:var(--orange-dark);font-weight:800;font-size:1.4rem;margin-bottom:10px;
}
.step h3{color:var(--navy);font-size:1.02rem;margin-bottom:8px;}
.step p{color:var(--grey);font-size:.93rem;}

/* faq */
details{border:1px solid var(--line);border-radius:8px;background:var(--white);margin-bottom:12px;}
summary{cursor:pointer;padding:18px 22px;font-weight:700;color:var(--navy);list-style:none;display:flex;justify-content:space-between;align-items:center;}
summary::after{content:"+";color:var(--orange-dark);font-size:1.3rem;font-weight:400;}
details[open] summary::after{content:"–";}
details p{padding:0 22px 18px;color:var(--grey);font-size:.96rem;}

/* about */
.about{display:flex;gap:44px;align-items:center;flex-wrap:wrap;}
.about img{width:190px;max-width:38vw;height:auto;flex-shrink:0;}
.about > div{flex:1;min-width:260px;}
@media(max-width:640px){
  .about{flex-direction:column;}
  .about img{margin:0 auto;}
}

/* contact */
.contact{background:var(--navy);color:var(--white);text-align:center;padding:90px 0;}
.contact h2{color:var(--white);}
.contact p{color:var(--blue-light);max-width:560px;margin:14px auto 36px;font-size:1.1rem;}
.contact .email{display:block;margin-top:18px;color:var(--blue-pale);font-size:.95rem;}
.contact .email a{color:var(--blue-light);}

footer{background:var(--navy-2);color:var(--blue-pale);font-size:.85rem;padding:26px 0;}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;}
footer a{color:inherit;}