*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5f7fb;color:#172033;line-height:1.6}.top{padding:18px 6%;background:#10233f;color:#fff}.top b{font-size:20px}.top small{display:block;opacity:.75}.hero,section{max-width:1100px;margin:auto;padding:42px 6%}.hero>span,.head>span{font-size:12px;font-weight:800;letter-spacing:1.5px;color:#1677c8}.hero h1{font-size:clamp(38px,7vw,64px);line-height:1.05;margin:12px 0}.hero em{font-style:normal;color:#1677c8}.hero p{font-size:18px;color:#59677a}.head h2{margin:5px 0 20px;font-size:30px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card,.section{background:#fff;border-radius:16px;padding:20px;box-shadow:0 3px 18px #e1e6ee}.card h3{margin:5px 0}.card p{color:#617083}.card button,.calc-btn{border:0;background:#1677c8;color:#fff;border-radius:9px;padding:11px 14px;font-weight:800}.section{margin-bottom:25px}.modal{display:none;position:fixed;inset:0;background:#0008;align-items:center;justify-content:center;padding:15px;z-index:10}.modal.show{display:flex}.box{background:#fff;border-radius:18px;max-width:620px;width:100%;padding:28px;position:relative}.x{position:absolute;right:15px;top:10px;border:0;background:none;font-size:30px}.field{margin:12px 0}.field label{display:block;font-weight:700;font-size:13px;margin-bottom:5px}.field input,.field select{width:100%;padding:11px;border:1px solid #ccd5e1;border-radius:8px;font-size:15px}.calc-btn{width:100%}.result{margin-top:18px;padding:16px;background:#eef6ff;border-radius:10px}footer{text-align:center;padding:35px;color:#697588}footer a{color:#1677c8}