:root {
  --mi-ink: #18332d;
  --mi-paper: #f5f0e6;
  --mi-accent: #c75632;
  --mi-gold: #dcae55;
  --mi-muted: #61716c;
}

html { background: #fff; scroll-behavior: smooth; }
body { background: #fff; margin: 0; min-width: 320px; }
body, button, input, textarea { -webkit-font-smoothing: antialiased; }

.mi-landing { color: var(--mi-ink); font-family: Georgia, "Times New Roman", serif; margin: 0 auto; max-width: 1120px; padding: clamp(1.25rem, 4vw, 4rem); }
.mi-landing *, .mi-landing *::before, .mi-landing *::after { box-sizing: border-box; }
.mi-hero { background: var(--mi-paper); border-radius: 1.5rem; overflow: hidden; padding: clamp(2rem, 7vw, 6.5rem); position: relative; }
.mi-hero::after { background: var(--mi-gold); border-radius: 50%; content: ""; height: 16rem; opacity: .16; position: absolute; right: -5rem; top: -6rem; width: 16rem; }
.mi-mark { align-items: center; background: var(--mi-ink); border-radius: 50%; color: var(--mi-paper); display: flex; font-size: 1.35rem; height: 3rem; justify-content: center; margin-bottom: 3rem; width: 3rem; }
.mi-eyebrow, .mi-kicker { color: var(--mi-accent); font-family: system-ui, sans-serif; font-size: .77rem; font-weight: 800; letter-spacing: .16em; margin: 0 0 1rem; text-transform: uppercase; }
.mi-landing h1 { font-size: clamp(3.8rem, 11vw, 8rem); letter-spacing: -.065em; line-height: .82; margin: 0; max-width: 9ch; }
.mi-deck { color: var(--mi-muted); font-family: system-ui, sans-serif; font-size: clamp(1.1rem, 2vw, 1.35rem); line-height: 1.65; margin: 2rem 0; max-width: 620px; }
.mi-actions { display: flex; flex-wrap: wrap; gap: .85rem; margin-top: 2rem; }
.mi-button { border-radius: 999px; display: inline-block; font-family: system-ui, sans-serif; font-size: .92rem; font-weight: 750; padding: .95rem 1.35rem; text-decoration: none; }
.mi-button-primary { background: var(--mi-accent); color: #fff; }
.mi-button-primary:hover { background: #a94429; color: #fff; transform: translateY(-1px); }
.mi-button-secondary { border: 1px solid #a8b0a9; color: var(--mi-ink); }
.mi-button-disabled { background: #dedbd3; color: #6f746f; cursor: not-allowed; }
.mi-note { color: var(--mi-muted); font-family: system-ui, sans-serif; font-size: .78rem; margin: 1rem 0 0; }
.mi-story { max-width: 760px; padding: clamp(4rem, 9vw, 8rem) clamp(1rem, 4vw, 3rem); }
.mi-story h2, .mi-audio h2 { font-size: clamp(2.2rem, 5vw, 4.25rem); letter-spacing: -.045em; line-height: 1; margin: 0 0 1.5rem; }
.mi-story > p:last-child, .mi-audio p { color: var(--mi-muted); font-family: system-ui, sans-serif; font-size: 1.05rem; line-height: 1.75; }
.mi-audio { align-items: center; background: var(--mi-ink); border-radius: 1.5rem; color: #fff; display: grid; gap: 2rem; grid-template-columns: minmax(0, 1.5fr) minmax(220px, .7fr); padding: clamp(2rem, 6vw, 4.5rem); }
.mi-audio p { color: #c7d2ce; margin-bottom: 0; }
.mi-status { border: 1px solid #58716a; border-radius: 1rem; font-family: system-ui, sans-serif; font-size: .88rem; line-height: 1.4; padding: 1.25rem; }
.mi-status-dot { background: var(--mi-gold); border-radius: 50%; display: inline-block; height: .65rem; margin-right: .5rem; width: .65rem; }
@media (max-width: 680px) { .mi-audio { grid-template-columns: 1fr; } .mi-mark { margin-bottom: 2rem; } }
@media (prefers-reduced-motion: no-preference) { .mi-button { transition: background .18s ease, transform .18s ease; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }