.mn-home-h1 { font-size: var(--mn-text-hero); line-height: var(--mn-leading-10); letter-spacing: var(--mn-tracking-minus-2); }
.mn-home-h2 { font-size: var(--mn-text-display); letter-spacing: var(--mn-tracking-minus-1); text-wrap: balance; }
.mn-home-lede { margin: 0; color: var(--mn-muted); font: var(--mn-weight-regular) var(--mn-text-lead)/var(--mn-leading-15) var(--mn-font-body); }

.mn-home-hero { padding-top: var(--mn-space-20); }
.mn-home-sub {
  margin: var(--mn-space-6) 0 0; max-width: var(--mn-measure-56);
  color: var(--mn-muted); font: var(--mn-weight-regular) var(--mn-text-lead)/var(--mn-leading-15) var(--mn-font-body);
}
.mn-home-cta { margin-top: var(--mn-space-8); display: flex; align-items: center; gap: var(--mn-space-6); flex-wrap: wrap; }
.mn-home-cta .mn-btn { padding: var(--mn-space-4) var(--mn-space-6); font-size: var(--mn-text-body); }
.mn-home-cta-note { margin: 0; color: var(--mn-muted); font-size: var(--mn-text-sm); }

.mn-home-browser {
  margin-top: var(--mn-space-16); overflow: hidden;
  border: var(--mn-border-1) solid var(--mn-hairline); border-bottom: 0;
  border-radius: var(--mn-radius-lg) var(--mn-radius-lg) 0 0; box-shadow: var(--mn-shadow-card);
}
.mn-home-browser-bar {
  display: flex; align-items: center; gap: var(--mn-space-2); height: var(--mn-size-10);
  padding-inline: var(--mn-space-4); background: var(--mn-chrome); border-bottom: var(--mn-border-1) solid var(--mn-hairline);
}
.mn-home-browser-bar i { width: var(--mn-size-3); height: var(--mn-size-3); border-radius: var(--mn-radius-pill); background: var(--mn-hairline-strong); }
.mn-home-browser-bar span {
  margin-inline: auto; padding: var(--mn-space-1) var(--mn-space-12); border-radius: var(--mn-radius-sm);
  background: var(--mn-white); color: var(--mn-muted); font-size: var(--mn-text-xs);
}
.mn-home-browser img { display: block; width: 100%; height: auto; max-height: var(--mn-size-155); object-fit: cover; object-position: left top; }

.mn-home-does { padding-block: var(--mn-size-24); border-top: var(--mn-border-1) solid var(--mn-hairline); }
.mn-home-does-inner { display: grid; gap: var(--mn-space-12); }
.mn-home-does-body {
  margin: 0; max-width: var(--mn-measure-32); color: var(--mn-muted);
  font: var(--mn-weight-regular) var(--mn-text-statement-sub)/var(--mn-leading-15) var(--mn-font-body);
}

.mn-home-grows-body { display: grid; gap: var(--mn-space-6); }
.mn-home-grows-body .mn-feature-links { margin: 0; }

.mn-home-does + .mn-marquee { padding-bottom: var(--mn-size-24); }

.mn-home-features { border-top: var(--mn-border-1) solid var(--mn-hairline); }
.mn-home-features-inner { display: grid; gap: var(--mn-space-12); }
.mn-home-index { display: none; }
.mn-home-index ol { list-style: none; margin: 0; padding: 0; display: grid; }
.mn-home-index a {
  display: block; padding: var(--mn-space-3) 0; border-bottom: var(--mn-border-1) solid var(--mn-hairline);
  color: var(--mn-muted); text-decoration: none;
  font: var(--mn-weight-medium) var(--mn-text-sm)/var(--mn-leading-13) var(--mn-font-display);
  transition: color var(--mn-dur-sm) var(--mn-ease-standard);
}
.mn-home-index a.is-on, .mn-home-index a:hover { color: var(--mn-ink); }
.mn-home-feature {
  display: grid; gap: var(--mn-space-8); align-items: center;
  padding-block: var(--mn-space-14); border-bottom: var(--mn-border-1) solid var(--mn-hairline);
}
.mn-home-feature:last-child { border-bottom: 0; }
.mn-home-feature-copy { display: grid; gap: var(--mn-space-4); min-width: 0; }
.mn-home-eyebrow {
  margin: 0; color: var(--mn-violet);
  font: var(--mn-weight-semibold) var(--mn-text-xs)/var(--mn-leading-10) var(--mn-font-display);
  letter-spacing: var(--mn-tracking-8); text-transform: uppercase;
}
.mn-home-h3 {
  margin: 0; color: var(--mn-ink); text-wrap: balance;
  font: var(--mn-weight-semibold) var(--mn-text-price)/var(--mn-leading-11) var(--mn-font-display);
  letter-spacing: var(--mn-tracking-minus-1);
}

.mn-home-scan { list-style: none; margin: var(--mn-space-2) 0 0; padding: 0; display: grid; gap: var(--mn-space-3); }
.mn-home-scan li {
  padding-left: var(--mn-space-4); border-left: var(--mn-border-1) solid var(--mn-hairline-strong);
  color: var(--mn-muted); font: var(--mn-weight-medium) var(--mn-text-title)/var(--mn-leading-13) var(--mn-font-display);
}
.mn-home-scan li.is-on { color: var(--mn-ink); border-left-color: var(--mn-violet); }
.mn-home-panel {
  margin: 0; min-width: 0; overflow: hidden;
  padding: var(--mn-space-6) 0 0 var(--mn-space-6); background: var(--mn-surface);
  border: var(--mn-border-1) solid var(--mn-hairline); border-radius: var(--mn-radius-lg);
}
.mn-home-frame {
  aspect-ratio: 16 / 11; background-color: var(--mn-white); background-repeat: no-repeat;
  border: var(--mn-border-1) solid var(--mn-hairline); border-right: 0; border-bottom: 0;
  border-radius: var(--mn-radius-md) 0 0 0; box-shadow: var(--mn-shadow-sm);
}

.mn-home-frame { background-size: cover; background-position: left top; }
.mn-home-frame--morning   { background-image: url("/static/home/morning.webp"); }
.mn-home-frame--memory    { background-image: url("/static/home/memory.webp"); }
.mn-home-frame--templates { background-image: url("/static/home/templates.webp"); }
.mn-home-frame--dictation { background-image: url("/static/home/dictation.webp"); }

.mn-home-protect { background: var(--mn-dark); color: var(--mn-dark-fg); padding-block: var(--mn-size-24); }
.mn-home-protect-lede {
  margin: var(--mn-space-6) 0 0; max-width: var(--mn-measure-56); color: var(--mn-lilac-grey);
  font: var(--mn-weight-regular) var(--mn-text-lead)/var(--mn-leading-15) var(--mn-font-body);
}
.mn-home-points { list-style: none; margin: var(--mn-space-16) 0 0; padding: 0; display: grid; gap: var(--mn-space-8); }

.mn-home-points li { display: grid; align-content: start; gap: var(--mn-space-3); padding-top: var(--mn-space-6); border-top: var(--mn-border-1) solid var(--mn-dark-rule); }
.mn-home-points h3 { margin: 0; color: var(--mn-dark-fg); font: var(--mn-weight-semibold) var(--mn-text-h3)/var(--mn-leading-12) var(--mn-font-display); }
.mn-home-points p { margin: 0; color: var(--mn-lilac-grey); }

.mn-home-protect-link { margin-top: var(--mn-space-12); }
.mn-home-protect-link a { color: var(--mn-dark-fg); }
.mn-home-protect-link a:hover, .mn-home-protect-link a:focus-visible { color: var(--mn-white); }

.mn-home-signup { padding-block: var(--mn-size-24); }
.mn-home-signup-inner { display: grid; gap: var(--mn-space-12); align-items: start; }
.mn-home-signup-copy { display: grid; gap: var(--mn-space-6); }
.mn-home-price { margin: 0; max-width: var(--mn-measure-56); color: var(--mn-violet-ink); font-weight: var(--mn-weight-semibold); }
.mn-home-offer { padding: var(--mn-space-8); border-radius: var(--mn-radius-lg); background: var(--mn-violet); color: var(--mn-white); }
.mn-home-offer .mn-form-wrap { margin-top: 0; max-width: none; }

@media (min-width: 861px) {
  .mn-home-hero { padding-top: var(--mn-size-24); }
  .mn-home-does-inner { grid-template-columns: 5fr 7fr; align-items: start; }
  .mn-home-features-inner { grid-template-columns: var(--mn-size-50) 1fr; }
  .mn-home-index {
    display: block; position: sticky; top: calc(var(--mn-nav-h) + var(--mn-space-8));
    align-self: start; padding-block: var(--mn-space-18);
  }
  .mn-home-feature { grid-template-columns: 5fr 7fr; gap: var(--mn-space-12); padding-block: var(--mn-space-18); }
  .mn-home-points { grid-template-columns: repeat(3, 1fr); }
  .mn-home-signup-inner { grid-template-columns: 7fr 5fr; }
}