*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;color:#142735;line-height:1.6}
.container{width:88%;max-width:1200px;margin:auto}
.nav{height:90px;display:flex;align-items:center;justify-content:space-between}
.logo{height:65px;max-width:240px;object-fit:contain}
nav a{margin:12px;text-decoration:none;color:#22323d}
.cta{background:#08745c;color:white;padding:13px 28px;border-radius:6px;text-decoration:none;display:inline-block}
.secondary{border:1px solid white;color:white;padding:13px 28px;border-radius:6px;margin-left:10px;text-decoration:none}
.hero{min-height:90vh;background:linear-gradient(90deg,#061f35ee,#061f3570),url('assets/hero.jpg') center/cover;display:flex;align-items:center}
.hero-content{color:white;width:88%;max-width:1200px;margin:auto}
.eyebrow{letter-spacing:2px;font-size:13px}
h1{font-size:64px;max-width:700px;line-height:1.1}
.subtitle{font-size:20px;max-width:600px}
.section{padding:80px 0}
.gray{background:#f5f7f8;max-width:none;padding-left:6%;padding-right:6%}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:25px}
.cards div{background:white;padding:30px;border-radius:14px;box-shadow:0 8px 25px #0001}
.tags span{display:inline-block;background:#e5f1ee;padding:14px 20px;border-radius:30px;margin:8px}
.dark{background:#092d45;color:white}
.dark .cards div{color:#142735}
footer{background:#061b2b;color:white;text-align:center;padding:35px}
@media(max-width:700px){nav{display:none}h1{font-size:42px}}