*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#132033;background:#f5f7fb}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 7%;background:#fff;box-shadow:0 2px 12px #0001}.logo{font-weight:700;color:#0b3a70}nav a,.login{margin-left:22px;text-decoration:none;color:#334}.login,.cta{background:#0b66c3;color:white;padding:10px 18px;border-radius:8px}.hero{min-height:520px;background:linear-gradient(120deg,#062b55,#0b66c3);color:white;display:flex;align-items:center;padding:70px 7%}.hero-content{max-width:720px}.hero h1{font-size:58px;line-height:1.05;margin:0 0 22px}.hero p{font-size:20px;line-height:1.6;max-width:650px}.hero ul{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0;list-style:none;margin:30px 0}.hero li:before{content:"✓ ";color:#9ee6ff}.section,.why,.contact{padding:70px 7%;text-align:center}.section h2,.why h2,.contact h2{font-size:34px;margin-bottom:35px}.cards,.features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card,.features div{background:white;padding:30px;border-radius:16px;box-shadow:0 8px 25px #00000012;text-align:left}.icon{font-size:32px;color:#0b66c3}.card h3{color:#0b3a70}.features{grid-template-columns:repeat(4,1fr)}.contact{background:white}footer{display:flex;justify-content:space-between;gap:30px;padding:35px 7%;background:#071e3a;color:white}

@media(max-width:800px){.topbar{display:block}nav{margin:18px 0}.hero h1{font-size:42px}.cards,.features,.hero ul{grid-template-columns:1fr}footer{display:block}}