html,body{overflow-x:hidden;max-width:100%;}
:root{--navy:#1a2744;--teal:#0f7a6b;--gold:#e8a020;--cream:#faf7f2}
body{font-family:Arial,sans-serif;background:var(--cream);margin:0;color:#222;line-height:1.7}
.hero{padding:110px 8%;background:linear-gradient(rgba(26,39,68,.88),rgba(15,122,107,.8));color:#fff}
.container{max-width:1200px;margin:auto;padding:60px 8%}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,.08);display:flex;flex-direction:column;height:100%}
.card h3{color:var(--navy)}
.card p{flex:1;color:#444}
.card a{margin-top:16px;color:var(--teal);font-weight:600;text-decoration:none}
.card a:hover{text-decoration:underline}
.cta{background:var(--navy);color:#fff;text-align:center;padding:60px 8%}
.btn{display:inline-block;background:var(--gold);padding:12px 24px;border-radius:30px;color:#fff;text-decoration:none}

.bg-primary,.bg-success,[style*="background:#2"],[style*="background-color:#2"]{color:#fff!important}
.bg-primary *,.bg-success *{color:#fff!important}
.stories-preview,.stories-preview *{color:#222!important}