/* Hide default footer */
.md-footer { display:none !important; }

/* Theme tokens */
:root { --bg:#0B0F14; --surface:#0F172A; --teal:#14B8A6; --amber:#F59E0B; }

/* Background */
.md-main { background: linear-gradient(180deg, var(--bg), #0B111A); }

/* Hero layout — responsive and contained */
.hero {
  display:grid; grid-template-columns: 1.1fr 0.9fr; gap:2rem;
  align-items:center; padding:3rem 1rem; border-radius:1rem;
  background: radial-gradient(1200px 600px at 70% -100px, rgba(20,184,166,.12), transparent),
              linear-gradient(0deg, rgba(255,255,255,.02), rgba(255,255,255,0));
  border:1px solid rgba(255,255,255,.06);
  max-width: 1100px; margin: 0 auto;
}
.hero-text h1 { margin:0 0 .25rem 0; font-weight:600; letter-spacing:.2px; color:#E5E7EB; }
.hero-text p  { opacity:.88; color:#D1D5DB; margin:0 0 .9rem 0; line-height:1.55; }
.hero .cta {
  display:inline-block; padding:.65rem 1rem; border-radius:.75rem; background:var(--teal);
  color:#041014; font-weight:600; text-decoration:none;
}
.hero-art { display:flex; justify-content:center; }
.hero-art img {
  width: clamp(280px, 42vw, 520px);
  max-width: 100%;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 10px 24px rgba(20,184,166,.25));
}

/* Tiles */
.tiles { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:1rem; margin-top:1.5rem; }
.tile  {
  background: rgba(255,255,255,.02); border:1px solid rgba(255,255,255,.06);
  border-radius:1rem; padding:1rem; color:#E5E7EB;
}

@media (max-width: 960px){
  .hero{grid-template-columns:1fr;}
  .tiles{grid-template-columns:1fr;}
}