*{box-sizing:border-box}body{margin:0;color:#16364a;background:#f4f8fa;font:18px/1.6 system-ui,sans-serif}a{color:#17618a}header,main,footer{max-width:1000px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-weight:750;letter-spacing:2px}.brand img{width:52px;height:52px;object-fit:contain}nav{display:flex;gap:16px}main{padding-top:60px;padding-bottom:64px}article{max-width:740px}h1{font-size:clamp(32px,6vw,58px);line-height:1.15;letter-spacing:-1.5px;margin:20px 0}p{max-width:680px}.badge{display:inline-block;padding:6px 14px;background:#e1eee9;border-radius:20px;color:#255a48;font-size:15px}.button{display:inline-block;background:#195d83;color:white;border-radius:12px;padding:14px 30px;text-decoration:none;font-weight:650;margin:18px 0}.note{font-size:16px;color:#4a6270}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}.features section{background:white;padding:24px;border:1px solid #dbe6ec;border-radius:16px}.features h2{font-size:20px;margin:0 0 10px}.features p{font-size:16px;margin:0}footer{border-top:1px solid #dbe6ec;font-size:15px;display:flex;gap:24px;flex-wrap:wrap}a:focus-visible{outline:3px solid #3394b9;outline-offset:4px}@media(max-width:600px){header,main,footer{padding:20px}main{padding-top:30px}.features{grid-template-columns:1fr;gap:12px;margin-top:32px}.brand{font-size:16px;letter-spacing:1px}.brand img{width:40px;height:40px}nav{font-size:15px;gap:10px}}