:root{
  --bg:#f6f3f1;
  --teal:#006b6f;
  --gold:#af8f32;
  --text:#1a2124;
  --card:#ffffffcc;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  background:var(--bg);
  color:var(--text);
}
.container{max-width:1100px;margin:0 auto;padding:28px;}
nav{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px 0;
}
nav img{height:44px}
.nav-links a{color:var(--text);text-decoration:none;margin-left:16px;font-weight:600}
.hero{
  border:2px solid rgba(0,107,111,.25);
  border-radius:22px;
  overflow:hidden;
  background:#fff;
  box-shadow: 0 8px 30px rgba(0,0,0,.06);
}
.hero img{width:100%;display:block}
.grid{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap:22px;
  margin-top:22px;
}
.card{
  background:var(--card);
  border:1px solid rgba(0,107,111,.18);
  border-radius:18px;
  padding:20px;
}
.card h2{margin:0 0 10px 0;font-size:22px}
ul{margin:10px 0 0 18px;line-height:1.6}
.badges{
  display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:flex-start;
  margin-top:14px;
}
.badges img{height:54px}
.cta{
  display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;
  margin-top:18px;
  padding:16px 18px;
  border-radius:16px;
  background:var(--teal);
  color:white;
}
.cta a{color:white;text-decoration:none;font-weight:700}
small.muted{color:rgba(255,255,255,.85)}
.flyer{
  width:100%;
  border-radius:18px;
  border:1px solid rgba(0,107,111,.18);
  box-shadow: 0 6px 22px rgba(0,0,0,.06);
}
footer{
  padding:28px 0 18px 0;
  color:#475055;
  font-size:14px;
}
@media (max-width: 900px){
  .grid{grid-template-columns:1fr}
  .nav-links{display:none}
}