*{box-sizing:border-box}body{margin:0;background:#f8fbff;color:#20364f;font:17px/1.8 system-ui,sans-serif}a{color:#235aa1;text-underline-offset:4px}header,main,footer{max-width:1140px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px;align-items:center}header strong{font-size:26px}.hero{padding:44px 0 32px;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}h1{font-size:clamp(30px,4vw,44px);line-height:1.3;margin:16px 0}h2{font-size:24px;line-height:1.5}.lead{color:#526d86}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.button{padding:12px 22px;border:1px solid #b9cee8;border-radius:12px;text-decoration:none;background:white}.primary{background:#245ba3;color:white;border-color:#245ba3}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{background:white;border:1px solid #d8e5f4;border-radius:20px;padding:26px;margin:20px 0}.grid .card{margin:0}.hero img{width:100%;height:auto}details{padding:16px 0;border-bottom:1px solid #e1eaf4}summary{cursor:pointer;font-weight:600}footer{border-top:1px solid #d8e5f4;margin-top:36px}nav{display:flex;gap:16px;flex-wrap:wrap}a:focus-visible,summary:focus-visible{outline:3px solid #86afe2;outline-offset:4px}@media(max-width:640px){.hero,.grid{grid-template-columns:1fr}.hero{padding-top:12px;gap:16px}.hero img{max-height:210px}header,main,footer{padding:18px}.card{padding:20px}.actions a{flex:1;text-align:center}}