:root{font-family:Segoe UI,Arial,sans-serif;color:#152a34;background:#edf2ef;--blue:#b5d5ed}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}header,main,footer{max-width:1240px;margin:auto}header{padding:25px 45px;display:flex;align-items:center;justify-content:space-between;gap:25px;height:110px}.brand{font-size:27px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;gap:2px}.brand span{color:#527a9d}.brand b{background:#152a34;color:#b5d5ed;border-radius:12px;padding:0 7px;margin-right:7px;font-size:32px}nav{display:flex;gap:25px;font-size:14px}select{padding:10px;border-radius:25px;border:1px solid #adbfc7;background:transparent;font:inherit}main{padding:0 45px}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:75px;padding:55px 0}.eyebrow{letter-spacing:2px;font-size:11px;font-weight:700}h1{font-weight:500;font-size:clamp(44px,5vw,70px);line-height:1.08;letter-spacing:-2.5px;margin:23px 0;max-width:680px}.lead{font-size:18px;line-height:1.7;max-width:560px}.button{display:inline-block;margin-top:15px;padding:17px 24px;background:#152a34;color:#fff;border-radius:30px;font-size:14px}.conversation{position:relative;border-radius:160px 160px 30px 30px;background:#ccdde3;min-height:370px;align-self:center;overflow:hidden}.conversation span{position:absolute;top:60px;left:40px;border-radius:20px;background:#fff;padding:18px;font-size:25px;transform:rotate(-7deg)}.conversation b{font-size:160px;font-weight:400;position:absolute;left:43%;top:95px;color:#527a9d}.conversation i{position:absolute;right:30px;bottom:65px;background:#152a34;color:#fff;padding:18px 26px;border-radius:20px;font-style:normal;transform:rotate(8deg)}.conversation p{position:absolute;bottom:7px;left:25px;letter-spacing:1px;font-size:9px}.status{border-left:4px solid #527a9d;padding:18px 22px;border-radius:12px;background:#dde7eb;font-size:14px;line-height:1.7}.approach{padding:40px 0 55px}h2{font-size:34px;font-weight:500;letter-spacing:-1px;line-height:1.2}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:35px}.cards article{border-top:1px solid #b6c6cb;padding-top:20px}.cards span{font-size:12px;color:#527a9d}h3{font-size:22px;font-weight:500}.cards p,.method p,.next p,.scenario p{font-size:15px;line-height:1.8}.method{background:#152a34;color:#fff;border-radius:30px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:65px}.method h2{margin-top:20px}.method ol{padding-left:25px;line-height:1.7}.method li{padding:15px 0;border-bottom:1px solid #50616b}.outline{background:transparent;color:#fff;border:1px solid #b5d5ed}.scenario{padding:55px 0}.scenario h2{max-width:900px}.next{border-top:1px solid #b6c6cb;padding:25px 0 45px;display:grid;grid-template-columns:1fr 1fr;gap:50px}footer{padding:30px 45px;border-top:1px solid #b6c6cb;display:flex;justify-content:space-between;align-items:center;font-size:12px}a:focus-visible,select:focus-visible{outline:3px solid #527a9d;outline-offset:4px}@media(max-width:700px){header{padding:20px;height:85px}header nav{display:none}main{padding:0 22px}.hero{grid-template-columns:1fr;gap:25px;padding:25px 0}.conversation{min-height:260px;max-width:400px;width:100%;margin:auto}.conversation span{top:35px}.conversation b{top:65px;font-size:110px}.conversation i{bottom:50px}.cards{grid-template-columns:1fr;gap:15px}.method{grid-template-columns:1fr;gap:15px;padding:25px}.next{grid-template-columns:1fr;gap:0}h2{font-size:30px}footer{padding:25px 22px;flex-wrap:wrap;gap:20px}}
