:root{--blue:#003b70;--red:#d71920;--light:#f3f7fb}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--light);color:#17324d}header{background:var(--blue);color:white;padding:18px 7%;display:flex;justify-content:space-between}.brand{font-weight:800;font-size:24px}.brand span{color:#fff;border-left:3px solid var(--red);padding-left:10px;margin-left:8px}nav a{color:#fff;margin-left:20px;text-decoration:none}main{max-width:1100px;margin:auto;padding:60px 24px}.hero{background:white;padding:48px;border-top:6px solid var(--red);box-shadow:0 8px 30px #003b7020}.hero h1{color:var(--blue);font-size:42px;margin-top:0}.button{display:inline-block;background:var(--red);color:white;padding:12px 20px;text-decoration:none;border-radius:4px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:25px}.grid article{background:white;padding:24px;border-bottom:4px solid var(--blue)}