*{box-sizing:border-box}body{margin:0;font:16px/1.65 Inter,Arial,sans-serif;color:#17263c;background:#f7faff}a{color:#155ec5}header,footer{background:#102440;color:white;padding:20px max(5%,calc((100% - 1120px)/2))}header a,footer a{color:white;text-decoration:none;margin-right:19px}header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px}.brand{font-weight:800;font-size:23px}main{max-width:1120px;margin:auto;padding:55px 24px}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:35px;align-items:center;padding:40px 0 75px}h1{font-size:clamp(35px,5vw,58px);line-height:1.12;margin:10px 0}h2{font-size:29px;line-height:1.25}p{color:#526176}.hero p{font-size:19px}.pill{color:#1266d3;font-weight:bold}.btn,button{background:#1667dc;border:0;border-radius:12px;color:white;padding:15px 24px;font-size:16px;font-weight:700;cursor:pointer;display:inline-block;text-decoration:none}.panel,.tile{background:white;border:1px solid #e1eaf6;border-radius:20px;padding:30px;box-shadow:0 12px 35px #14365b0b}.signal{font-size:95px;text-align:center;color:#1667dc}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0 75px}.tile b{font-size:20px}.form{max-width:760px;margin:40px auto 75px}label{display:block;margin:12px 0 6px;font-weight:600}input,select{width:100%;padding:14px;border:1px solid #b7c8df;border-radius:10px;font:inherit}button{margin-top:20px}#result{margin-top:24px;padding:20px;border-radius:12px;background:#edf4ff;display:none}footer{font-size:14px}footer p{color:#b8c9df}.muted{font-size:13px}@media(max-width:700px){.hero{grid-template-columns:1fr}.tiles{grid-template-columns:1fr}header nav a{display:inline-block;margin-bottom:7px}}