:root{
  --bg:#fff8ef;
  --ink:#122036;
  --muted:#41567a;
  --brand:#ff7a59;
  --brand2:#ffd166;
  --sea:#42c2ff;
  --card:#ffffff;
  --line:#e9d8be;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#fff6e9 0%,#fff 60%);color:var(--ink);line-height:1.6}
.container{width:min(1120px,92%);margin:0 auto}

.hero{position:relative;min-height:68vh;background:url('https://images.unsplash.com/photo-1559339352-11d035aa65de?auto=format&fit=crop&w=1800&q=80') center/cover no-repeat;display:flex;align-items:center}
.overlay{position:absolute;inset:0;background:linear-gradient(120deg,rgba(10,20,40,.7),rgba(10,20,40,.35))}
.hero-content{position:relative;z-index:2;padding:3rem 0;color:#fff}
.eyebrow{margin:0 0 .7rem;color:#bff1ff;font-size:.8rem;letter-spacing:.14em;font-weight:800}
h1{margin:.2rem 0;font-size:clamp(2rem,5vw,4rem);line-height:1.05}
.subtitle{max-width:56ch;color:#eaf6ff}
.hero-cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.2rem}

.btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.05rem;border-radius:.8rem;text-decoration:none;font-weight:800;background:linear-gradient(120deg,var(--brand),#ffa96b);color:#fff;border:1px solid transparent;box-shadow:0 10px 24px rgba(255,122,89,.28)}
.btn:hover{transform:translateY(-1px)}
.btn.ghost{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.45);box-shadow:none}

.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-top:-2rem;position:relative;z-index:3}
.stats article{background:var(--card);border:1px solid var(--line);border-radius:1rem;padding:1rem;box-shadow:0 8px 20px rgba(0,0,0,.06)}
.stats h3{margin:.1rem 0 .3rem;font-size:1.4rem;color:#0f2b4b}
.stats p{margin:0;color:var(--muted)}

.section{padding:4.5rem 0}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;align-items:center}
.two-col img{width:100%;border-radius:1rem;display:block;border:1px solid var(--line)}
h2{font-size:clamp(1.6rem,3.2vw,2.5rem);line-height:1.15;margin:0 0 .8rem}
.list{padding-left:1.2rem;margin:0;color:#243c60}
.list li{margin:.4rem 0}

.bright{background:linear-gradient(120deg,#e7f7ff 0%,#fff6de 100%);border-top:1px solid #d7eaf6;border-bottom:1px solid #f1dfbd}
.reviews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}
.review{background:#fff;border:1px solid #d8ebf6;border-radius:1rem;padding:1rem;box-shadow:0 8px 18px rgba(45,88,120,.08)}
.review p{margin:.1rem 0 .6rem}
.review span{font-size:.9rem;color:var(--muted)}

.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.info-card{background:#fff;border:1px solid var(--line);border-radius:1rem;padding:1rem}
.info-card h3{margin:.1rem 0 .45rem}
.info-card a{color:#0f4f8a;text-decoration:none;font-weight:700}

.faq details{background:#fff;border:1px solid var(--line);border-radius:.8rem;padding:.8rem 1rem;margin:.6rem 0}
.faq summary{cursor:pointer;font-weight:700}
.faq p{color:var(--muted)}

.final-cta{padding:1rem 0 4rem}
.cta-box{background:linear-gradient(120deg,#fff,#fff7ec);border:1px solid var(--line);border-radius:1rem;padding:1.5rem;text-align:center;box-shadow:0 10px 24px rgba(0,0,0,.06)}
.cta-box p{color:var(--muted)}

footer{border-top:1px solid var(--line);padding:1rem 0 2rem;color:#5e6f91;background:#fffdf9}

@media (max-width:980px){
  .stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem}
  .two-col,.reviews,.info-grid{grid-template-columns:1fr}
}
