*{box-sizing:border-box}body{margin:0;background:#f6f8fa;color:#172b35;font:16px/1.7 system-ui,sans-serif}header,main,footer{max-width:1080px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:24px;align-items:center;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px;font-weight:750;color:#155e75}.brand img{width:40px;height:40px}nav{display:flex;gap:20px;flex-wrap:wrap}a{color:#155e75;text-decoration:none}a:hover{text-decoration:underline}.hero{padding:65px 0}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.13em;color:#155e75}h1{font-size:42px;line-height:1.15;letter-spacing:-.03em;margin:18px 0 24px}h2{font-size:23px;margin:34px 0 10px}p{max-width:900px;color:#4b606b;overflow-wrap:anywhere}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}article{background:white;border:1px solid #dce4e8;border-radius:18px;padding:22px}article h2{margin-top:0;font-size:21px}footer{border-top:1px solid #dce4e8;color:#60717b;font-size:13px}hr{border:0;border-top:1px solid #dce4e8;margin:48px 0}@media(max-width:700px){h1{font-size:32px}.cards{grid-template-columns:1fr}.hero{padding:28px 0}header,main,footer{padding:18px}}