*{box-sizing:border-box;margin:0;padding:0}
body{background:#fff;color:#1a2a4a;font-family:'Montserrat',system-ui,"Segoe UI",Roboto,sans-serif;line-height:1.6}
.nw{white-space:nowrap}
.btn{border-radius:4px;display:inline-block;font-weight:600;margin-right:.5rem;padding:.7rem 1.4rem;text-decoration:none;transition:background 0.2s,color 0.2s,box-shadow 0.2s,text-decoration .2s}
.btn.primary{background:#ff6b35;color:#fff}
.btn.primary:hover{background:#e65a2e;box-shadow:0 4px 12px #ff6b354d;text-decoration:underline}
.btn.secondary{background:transparent;border:2px solid #ff6b35;color:#ff6b35}
.btn.secondary:hover{background:#ff6b35;box-shadow:0 4px 12px #ff6b354d;color:#fff;text-decoration:underline}
.hero{align-items:baseline;background:url(hero.png) no-repeat center right;background-size:cover;display:flex;min-height:90vh;position:relative}
.hero .overlay .logo{width:240px}
.hero .overlay{background:#ffffffd9;border-radius:8px;margin-left:20px;margin-top:20px;max-width:580px;padding:1rem}
.hero h1{color:#1a2a4a;font-size:1.7rem;margin-bottom:1rem}
.hero p{color:#1a2a4a;font-size:1rem;margin-bottom:1.5rem}
.hero-cta{display:flex;flex-wrap:wrap}
.divider{line-height:0}
.divider svg{display:block;height:3rem;width:100%}
.divider-tint path{fill:#f0f4f8}
.features{background:#fff;padding:2rem;text-align:center}
.features h2{color:#1a2a4a;font-size:2rem;margin-bottom:2rem}
.feature-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.feature-icon{color:#1a2a4a;margin-bottom:1rem;width:48px}
.why{background:#f0f4f8;padding:2rem}
.why-list{list-style:none;margin:0 auto;max-width:800px}
.how{background:#fff;padding:2rem}
.how-list{margin:0 auto;max-width:800px}
.cta-footer{background:#f0f4f8;padding:2rem;text-align:center}
.cta-footer h2{color:#1a2a4a;font-size:2rem;margin-bottom:1.5rem}
.cta-footer h3{color:#1a2a4a;font-size:1.3rem;font-weight:400;margin-top:1.5rem}
.site-footer{background:#fff;color:#1a2a4a;font-size:.9rem;padding:1.5rem 2rem;text-align:center}
.why h2,.how h2{color:#1a2a4a;font-size:2rem;margin-bottom:2rem;text-align:center}
.why-list li,.how-list li{color:#333;margin-bottom:1.5rem}
.why-list strong,.how-list strong{color:#1a2a4a}
@media (max-width: 780px) {
  .hero .overlay{background:#fffffff2;margin-left:0;margin-top:0;max-width:100%!important}
  .hero h1{font-size:1.45rem}
  .hero p{font-size:.9rem}
}