:root{--navy:#0b2d4f;--blue:#17639f;--gold:#d69a22;--text:#233447;--muted:#6f7f90}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:#f5f7fb}.navbar{background:linear-gradient(90deg,var(--navy),var(--blue))!important;box-shadow:0 5px 18px rgba(8,39,67,.18)}.navbar-brand{letter-spacing:.4px}.hero{padding:100px 20px;text-align:center;color:#fff;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.13),transparent 32%),linear-gradient(135deg,#082743,#17639f)}.hero h1{max-width:900px;margin:0 auto 18px;font-size:clamp(34px,6vw,58px);font-weight:800;letter-spacing:-1px}.hero p{max-width:760px;margin:0 auto 28px;font-size:18px;opacity:.9}.hero .btn{border-radius:10px;padding:12px 28px;font-weight:700;box-shadow:0 10px 24px rgba(0,0,0,.16)}.feature-box{height:100%;padding:28px;background:#fff;border:1px solid #e2e9f1;border-radius:16px;box-shadow:0 10px 30px rgba(20,45,75,.08);text-align:center}.feature-box h3{color:var(--navy);font-weight:750}.feature-box p{color:var(--muted);margin-bottom:0}footer{margin-top:55px;padding:24px;text-align:center;color:#dce9f4;background:var(--navy)}@media(max-width:767px){.hero{padding:72px 16px}.feature-box{margin-bottom:14px}}