/* Marketing site at elfmio.com — the app icon, full screen. */
* { box-sizing: border-box; margin: 0; }
body.marketing {
  color: white;
  font-family: system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  line-height: 1.55;
}

.mk-hero {
  background: linear-gradient(135deg, #8B7BFF 0%, #6357DC 55%, #4032AC 100%);
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
  padding: 2rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom));
  text-align: center;
}
.mk-hero main {
  display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: center;
}
.mk-daisy { display: block; height: clamp(11rem, 30vh, 17rem); margin-bottom: 1.5rem; }
.mk-hero h1 { font-size: clamp(2.8rem, 8vw, 4.5rem); font-weight: 800; letter-spacing: -0.02em; }
.mk-tagline { font-size: clamp(1.2rem, 3.5vw, 1.6rem); margin-top: 0.4rem; opacity: 0.85; }
.mk-cta {
  background: white; border-radius: 999px; color: #4032AC; display: inline-block;
  font-weight: 700; margin-top: 2.5rem; padding: 0.9rem 2.4rem; text-decoration: none;
  box-shadow: 0 8px 24px rgb(0 0 0 / 0.25);
}
.mk-cta:hover { filter: brightness(0.96); }

.mk-footer { font-size: 0.85rem; opacity: 0.6; }