*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#102d43;background:#f6fafb}header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 6%;background:white;flex-wrap:wrap}.brand{font-size:24px;font-weight:900;letter-spacing:2px;color:#102d43}.brand span{color:#008f9e}a{color:inherit;text-decoration:none}nav{display:flex;gap:18px;flex-wrap:wrap;font-size:14px}section{padding:56px 6%}.hero{background:linear-gradient(135deg,#102d43,#006c7c);color:white;padding:100px 6%}h1{font-size:clamp(36px,6vw,76px);max-width:900px;line-height:1.05;margin:20px 0}h2{font-size:26px}p{line-height:1.65}small{font-weight:bold;letter-spacing:1px;text-transform:uppercase}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}article{background:white;padding:28px;border-top:4px solid #009da9;border-radius:8px;box-shadow:0 5px 20px #102d4310}strong{font-size:22px}.btn{display:inline-block;background:#007e8c;color:white;padding:14px 20px;border-radius:5px;font-weight:bold;margin-top:12px}.hero .btn{background:white;color:#102d43}footer{background:#102d43;color:white;padding:48px 6%}footer a{text-decoration:underline}footer .btn{text-decoration:none}