:root {
  --mm-ink: #172033;
  --mm-muted: #657083;
  --mm-blue: #a4e9ff;
  --mm-blue-deep: #63d7f7;
  --mm-violet: #8b75ff;
  --mm-pink: #ff9fda;
  --mm-mint: #a5f0cb;
  --mm-sun: #f7e995;
  --mm-paper: #f8fbff;
  --mm-white: #fff;
  --mm-line: rgba(23, 32, 51, .11);
  --mm-shadow: 0 24px 70px rgba(74, 112, 157, .16);
  --mm-radius: 28px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  color: var(--mm-ink);
  background: var(--mm-paper);
  font-synthesis: none;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0; min-width: 320px; overflow-x: hidden; background: var(--mm-paper); color: var(--mm-ink); }
body.mm-menu-open { overflow: hidden; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, summary { font: inherit; }
button { color: inherit; }
p { margin: 0; }
h1, h2, h3 { margin: 0; letter-spacing: -.045em; }
.mm-shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.mm-skip { position: fixed; z-index: 200; top: 8px; left: 8px; padding: 10px 14px; border-radius: 10px; background: var(--mm-ink); color: #fff; transform: translateY(-140%); }
.mm-skip:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid #5f49ff; outline-offset: 4px; }

.mm-header { position: fixed; z-index: 100; inset: 0 0 auto; height: 74px; display: flex; align-items: center; transition: background .25s ease, box-shadow .25s ease; }
.mm-header.mm-scrolled { background: rgba(248, 251, 255, .84); box-shadow: 0 1px 0 var(--mm-line); backdrop-filter: blur(18px); }
.mm-nav-wrap { display: flex; align-items: center; justify-content: space-between; }
.mm-brand { display: inline-flex; gap: 10px; align-items: center; font-weight: 800; letter-spacing: -.03em; white-space: nowrap; }
.mm-brand img { width: 38px; height: 38px; border-radius: 11px; box-shadow: 0 7px 20px rgba(105, 199, 231, .25); }
.mm-nav { display: flex; align-items: center; gap: 30px; font-size: 14px; font-weight: 650; }
.mm-nav a { color: #445064; transition: color .2s ease; }
.mm-nav a:hover { color: var(--mm-violet); }
.mm-nav-cta { padding: 11px 17px; border: 1px solid var(--mm-ink); border-radius: 999px; color: #fff; background: var(--mm-ink); box-shadow: 0 8px 22px rgba(23,32,51,.13); }
.mm-nav a.mm-nav-cta:hover { color: #fff; transform: translateY(-1px); }
.mm-menu { display: none; width: 42px; height: 42px; padding: 10px; border: 0; border-radius: 12px; background: #fff; box-shadow: 0 8px 22px rgba(55, 87, 130, .12); }
.mm-menu span { display: block; height: 2px; margin: 4px 0; border-radius: 9px; background: var(--mm-ink); transition: transform .2s ease, opacity .2s ease; }

.mm-hero { position: relative; min-height: 760px; overflow: hidden; padding: 144px 0 84px; background: linear-gradient(135deg, #f9fdff 0%, #effbff 48%, #f9f6ff 100%); }
.mm-hero::before { content: ""; position: absolute; inset: 0; opacity: .42; background-image: linear-gradient(rgba(56,95,130,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(56,95,130,.045) 1px, transparent 1px); background-size: 40px 40px; mask-image: linear-gradient(to bottom, #000, transparent 92%); }
.mm-orb { position: absolute; border-radius: 50%; filter: blur(3px); pointer-events: none; }
.mm-orb-a { width: 520px; height: 520px; right: -150px; top: 10px; background: radial-gradient(circle at 35% 35%, rgba(164,233,255,.88), rgba(171,146,255,.32) 50%, transparent 72%); }
.mm-orb-b { width: 360px; height: 360px; left: -170px; bottom: -100px; background: radial-gradient(circle, rgba(255,159,218,.33), transparent 70%); }
.mm-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.02fr .98fr; align-items: center; gap: 60px; }
.mm-eyebrow, .mm-kicker { text-transform: uppercase; letter-spacing: .16em; font-size: 12px; font-weight: 850; }
.mm-eyebrow { display: inline-flex; align-items: center; gap: 9px; padding: 8px 12px; border: 1px solid rgba(80,168,205,.25); border-radius: 999px; color: #33748c; background: rgba(255,255,255,.7); }
.mm-eyebrow span { width: 7px; height: 7px; border-radius: 50%; background: var(--mm-blue-deep); box-shadow: 0 0 0 5px rgba(99,215,247,.18); }
.mm-hero h1 { max-width: 650px; margin-top: 22px; font-size: clamp(50px, 6.2vw, 86px); line-height: .99; font-weight: 900; }
.mm-hero h1 em { font-style: normal; color: transparent; background: linear-gradient(90deg, #2aaccd 0%, #7765f6 54%, #dd72bc 100%); background-clip: text; -webkit-background-clip: text; }
.mm-lead { max-width: 590px; margin-top: 26px; color: var(--mm-muted); font-size: 18px; line-height: 1.8; }
.mm-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.mm-button { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 0 22px; border-radius: 16px; font-weight: 780; transition: transform .2s ease, box-shadow .2s ease; }
.mm-button-primary { color: #fff; background: var(--mm-ink); box-shadow: 0 14px 32px rgba(23,32,51,.18); }
.mm-button-primary:hover { transform: translateY(-2px); box-shadow: 0 18px 38px rgba(23,32,51,.24); }
.mm-button-primary svg { width: 20px; fill: currentColor; }
.mm-button-ghost { border: 1px solid var(--mm-line); background: rgba(255,255,255,.82); }
.mm-button-ghost:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(74,112,157,.12); }
.mm-meta { display: grid; grid-template-columns: repeat(4, auto); width: fit-content; gap: 0; margin: 38px 0 0; }
.mm-meta div { padding: 0 20px; border-left: 1px solid var(--mm-line); }
.mm-meta div:first-child { padding-left: 0; border-left: 0; }
.mm-meta dt { margin-bottom: 5px; color: #8590a0; font-size: 11px; }
.mm-meta dd { margin: 0; font-size: 14px; font-weight: 800; }

.mm-hero-visual { position: relative; height: 555px; }
.mm-phone { position: absolute; overflow: hidden; padding: 7px; border: 1px solid rgba(255,255,255,.9); border-radius: 38px; background: #111827; box-shadow: 0 35px 80px rgba(52,75,119,.25); }
.mm-phone img { width: 100%; height: 100%; object-fit: cover; border-radius: 31px; }
.mm-phone-main { z-index: 3; width: 270px; height: 504px; right: 8%; top: 8px; transform: rotate(2.5deg); }
.mm-phone-main img { object-position: center; }
.mm-phone-back { z-index: 1; width: 224px; height: 418px; left: 6%; top: 80px; transform: rotate(-9deg); opacity: .82; }
.mm-phone-top { position: absolute; z-index: 2; top: 12px; left: 50%; width: 74px; height: 19px; transform: translateX(-50%); border-radius: 999px; background: #111827; }
.mm-phone-top span { position: absolute; right: 10px; top: 7px; width: 5px; height: 5px; border-radius: 50%; background: #475569; }
.mm-float-card { position: absolute; z-index: 4; left: 6%; bottom: 10px; display: flex; gap: 11px; align-items: center; width: 245px; padding: 14px 16px; border: 1px solid rgba(255,255,255,.85); border-radius: 18px; background: rgba(255,255,255,.88); box-shadow: 0 18px 50px rgba(66,91,133,.2); backdrop-filter: blur(16px); color: #657083; font-size: 12px; line-height: 1.45; }
.mm-float-card strong { display: block; color: var(--mm-ink); font-size: 14px; }
.mm-float-icon { display: grid; flex: 0 0 42px; height: 42px; place-items: center; border-radius: 14px; background: linear-gradient(135deg, var(--mm-blue), #ad8cff 65%, var(--mm-pink)); color: #fff; font-size: 26px; font-weight: 850; }
.mm-candy { position: absolute; z-index: 2; width: 23px; height: 23px; transform: rotate(45deg); border-radius: 8px; box-shadow: 0 8px 20px rgba(89,76,200,.16); }
.mm-candy::before, .mm-candy::after { content: ""; position: absolute; background: inherit; width: 14px; height: 14px; border-radius: 5px; }
.mm-candy::before { left: -11px; top: 4px; }
.mm-candy::after { right: -11px; top: 4px; }
.mm-candy-one { right: 2%; top: 45px; background: #9a82ff; }
.mm-candy-two { left: 12%; top: 18px; background: #80e5f8; transform: rotate(18deg) scale(.75); }

.mm-intro { padding: 80px 0; background: #fff; border-block: 1px solid var(--mm-line); }
.mm-intro-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; align-items: start; }
.mm-kicker { color: #5d8192; }
.mm-intro h2, .mm-section h2, .mm-download h2 { margin-top: 12px; font-size: clamp(36px, 4.5vw, 58px); line-height: 1.08; }
.mm-intro-copy > p { color: var(--mm-muted); font-size: 17px; line-height: 1.9; }
.mm-checks { display: flex; flex-wrap: wrap; gap: 10px; margin: 25px 0 0; padding: 0; list-style: none; }
.mm-checks li { position: relative; padding: 10px 14px 10px 35px; border-radius: 999px; background: #f2f8fb; font-size: 13px; font-weight: 750; }
.mm-checks li::before { content: "✓"; position: absolute; left: 13px; color: #31a680; font-weight: 900; }

.mm-section { padding: 118px 0; }
.mm-section-head { display: flex; justify-content: space-between; align-items: end; gap: 40px; margin-bottom: 50px; }
.mm-section-head > p { max-width: 410px; color: var(--mm-muted); line-height: 1.75; }
.mm-feature-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px; }
.mm-feature { position: relative; grid-column: span 2; min-height: 330px; overflow: hidden; padding: 30px; border: 1px solid rgba(255,255,255,.7); border-radius: var(--mm-radius); box-shadow: inset 0 0 0 1px rgba(23,32,51,.035); }
.mm-feature-wide { grid-column: span 3; }
.mm-tone-blue { background: linear-gradient(145deg, #d8f6ff, #f2fbff); }
.mm-tone-violet { background: linear-gradient(145deg, #e8e2ff, #f7f4ff); }
.mm-tone-mint { background: linear-gradient(145deg, #d9f8e9, #f5fcf8); }
.mm-tone-pink { background: linear-gradient(145deg, #ffe1f2, #fff6fb); }
.mm-tone-sun { background: linear-gradient(145deg, #fbf3b9, #fffdf0); }
.mm-number { position: absolute; right: 24px; top: 22px; color: rgba(23,32,51,.28); font: 800 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.mm-feature-icon { display: grid; width: 58px; height: 58px; place-items: center; border-radius: 18px; background: rgba(255,255,255,.62); box-shadow: 0 10px 25px rgba(62,84,115,.09); }
.mm-feature-icon svg { width: 30px; fill: none; stroke: var(--mm-ink); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.mm-feature h3 { margin-top: 55px; font-size: 24px; }
.mm-feature p { max-width: 460px; margin-top: 12px; color: #586476; line-height: 1.75; }

.mm-unlimited { padding: 0 0 42px; }
.mm-unlimited-panel { position: relative; min-height: 430px; overflow: hidden; display: grid; grid-template-columns: 1.15fr .85fr; align-items: end; gap: 70px; padding: 62px; border-radius: 38px; background: #16172a; color: #fff; box-shadow: var(--mm-shadow); }
.mm-unlimited-panel::before { content: "∞"; position: absolute; right: -30px; top: -120px; color: rgba(164,233,255,.08); font-size: 430px; font-weight: 900; line-height: 1; }
.mm-unlimited-copy { position: relative; z-index: 1; align-self: center; }
.mm-unlimited-copy .mm-kicker { color: var(--mm-blue); }
.mm-unlimited-copy h2 { margin-top: 15px; font-size: clamp(39px, 5vw, 64px); line-height: 1.08; }
.mm-unlimited-copy h2 span { color: var(--mm-blue); }
.mm-unlimited-copy > p:last-child { max-width: 620px; margin-top: 22px; color: #b8bece; line-height: 1.85; }
.mm-benefits { position: relative; z-index: 1; display: grid; gap: 12px; }
.mm-benefits div { display: flex; align-items: center; justify-content: space-between; padding: 18px 20px; border: 1px solid rgba(255,255,255,.09); border-radius: 16px; background: rgba(255,255,255,.055); }
.mm-benefits strong { font-size: 15px; }
.mm-benefits span { color: #9ea6ba; font-size: 12px; }
.mm-spark-field i { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: var(--mm-pink); box-shadow: 0 0 22px currentColor; }
.mm-spark-field i:nth-child(1) { left: 8%; top: 14%; color: var(--mm-pink); }
.mm-spark-field i:nth-child(2) { left: 45%; top: 9%; color: var(--mm-blue); background: var(--mm-blue); }
.mm-spark-field i:nth-child(3) { left: 53%; bottom: 10%; color: var(--mm-violet); background: var(--mm-violet); }
.mm-spark-field i:nth-child(4) { right: 5%; top: 42%; color: var(--mm-sun); background: var(--mm-sun); }
.mm-spark-field i:nth-child(5) { left: 30%; bottom: 7%; color: var(--mm-mint); background: var(--mm-mint); }

.mm-shots-section { overflow: hidden; }
.mm-shot-track { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; padding: 5px 5px 26px; margin-inline: -5px; }
.mm-shot { width: 100%; margin: 0; padding: 7px; overflow: hidden; border: 1px solid var(--mm-line); border-radius: 28px; background: #101727; box-shadow: 0 18px 40px rgba(58,83,122,.13); cursor: zoom-in; transition: transform .25s ease, box-shadow .25s ease; }
.mm-shot:hover { transform: translateY(-7px); box-shadow: 0 26px 50px rgba(58,83,122,.19); }
.mm-shot img { width: 100%; height: auto; aspect-ratio: 300 / 533; border-radius: 21px; object-fit: contain; }
.mm-swipe-hint { display: none; margin-top: 7px; color: #8390a2; font-size: 12px; }
.mm-swipe-hint span { color: var(--mm-violet); }

.mm-reviews-section { background: #eef8fc; }
.mm-review-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.mm-review { padding: 27px; border: 1px solid rgba(76,121,147,.12); border-radius: 22px; background: rgba(255,255,255,.8); box-shadow: 0 10px 28px rgba(68,109,134,.06); }
.mm-review:nth-child(2), .mm-review:nth-child(5) { transform: translateY(18px); }
.mm-review-head { display: flex; align-items: center; gap: 12px; }
.mm-avatar { display: grid; width: 43px; height: 43px; flex: 0 0 43px; place-items: center; border-radius: 15px; background: linear-gradient(135deg, var(--mm-blue), #d5c4ff); color: #465a70; font: 800 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.mm-review-head h3 { font-size: 15px; letter-spacing: -.02em; }
.mm-review-head time { display: block; margin-top: 4px; color: #8c97a6; font-size: 11px; font-variant-numeric: tabular-nums; }
.mm-review > p { margin-top: 20px; color: #4f5b6c; line-height: 1.82; font-size: 14px; }

.mm-faq-section { background: #fff; }
.mm-faq-layout { display: grid; grid-template-columns: .7fr 1.3fr; gap: 80px; align-items: start; }
.mm-faq-sticky { position: sticky; top: 120px; }
.mm-faq-sticky h2 { margin-top: 12px; }
.mm-faq-sticky > p:last-child { margin-top: 22px; color: var(--mm-muted); line-height: 1.7; }
.mm-faq-list { border-top: 1px solid var(--mm-line); }
.mm-faq-list details { border-bottom: 1px solid var(--mm-line); }
.mm-faq-list summary { position: relative; display: flex; gap: 18px; align-items: center; padding: 25px 40px 25px 0; cursor: pointer; font-weight: 780; list-style: none; }
.mm-faq-list summary::-webkit-details-marker { display: none; }
.mm-faq-list summary span { color: #9aa4b2; font: 750 11px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.mm-faq-list summary::after { content: "+"; position: absolute; right: 5px; top: 50%; width: 24px; height: 24px; transform: translateY(-50%); display: grid; place-items: center; border-radius: 50%; background: #f0f6f9; color: #657083; }
.mm-faq-list details[open] summary::after { content: "−"; }
.mm-faq-list details p { padding: 0 42px 25px 34px; color: var(--mm-muted); line-height: 1.85; }

.mm-download { padding: 30px 0 110px; background: #fff; }
.mm-download-card { position: relative; overflow: hidden; display: grid; grid-template-columns: auto 1fr auto; gap: 50px; align-items: center; padding: 55px 60px; border-radius: 36px; background: linear-gradient(120deg, #95e4f9 0%, #b7ecff 35%, #d2c5ff 72%, #f1b9df 100%); }
.mm-download-card::after { content: ""; position: absolute; width: 300px; height: 300px; right: -80px; top: -190px; border: 50px solid rgba(255,255,255,.3); border-radius: 50%; }
.mm-download-brand { position: relative; z-index: 1; display: flex; align-items: center; gap: 14px; }
.mm-download-brand img { width: 92px; height: 92px; border-radius: 26px; box-shadow: 0 17px 40px rgba(90,96,161,.22); }
.mm-download-brand span, .mm-download-brand strong { display: block; }
.mm-download-brand span { color: rgba(23,32,51,.62); font-size: 12px; }
.mm-download-brand strong { margin-top: 5px; font-size: 18px; }
.mm-download-copy { position: relative; z-index: 1; }
.mm-download-copy .mm-kicker { color: rgba(23,32,51,.62); }
.mm-download-copy h2 { font-size: clamp(34px, 4vw, 52px); }
.mm-download-copy > p:last-child { margin-top: 14px; color: rgba(23,32,51,.67); font-size: 13px; }
.mm-download-action { position: relative; z-index: 1; display: grid; gap: 10px; justify-items: center; }
.mm-button-light { min-width: 190px; background: #fff; color: var(--mm-ink); box-shadow: 0 16px 36px rgba(81,101,150,.15); }
.mm-button-light:hover { transform: translateY(-2px); box-shadow: 0 20px 42px rgba(81,101,150,.2); }
.mm-download-action small { color: rgba(23,32,51,.55); }

.mm-footer { padding: 28px 0; border-top: 1px solid var(--mm-line); background: #fff; color: #7d8795; font-size: 12px; }
.mm-footer .mm-shell { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.mm-footer-brand { display: flex; align-items: center; gap: 8px; color: var(--mm-ink); font-weight: 760; }
.mm-footer-brand img { width: 27px; height: 27px; border-radius: 8px; }
.mm-footer button { padding: 0; border: 0; background: none; color: #4e6172; font: inherit; font-weight: 750; cursor: pointer; }

.mm-lightbox { width: min(480px, calc(100% - 28px)); max-height: calc(100vh - 28px); padding: 0; overflow: visible; border: 0; border-radius: 30px; background: #111827; box-shadow: 0 35px 100px rgba(0,0,0,.4); }
.mm-lightbox::backdrop { background: rgba(12,18,31,.75); backdrop-filter: blur(8px); }
.mm-lightbox img { width: 100%; max-height: calc(100vh - 40px); border-radius: 26px; object-fit: contain; }
.mm-lightbox-close { position: absolute; z-index: 2; right: -12px; top: -12px; display: grid; width: 40px; height: 40px; padding: 0; place-items: center; border: 3px solid #fff; border-radius: 50%; background: var(--mm-ink); color: #fff; font-size: 25px; cursor: pointer; }

@media (max-width: 980px) {
  .mm-hero { padding-top: 125px; }
  .mm-hero-grid { grid-template-columns: 1fr 430px; gap: 20px; }
  .mm-hero h1 { font-size: 58px; }
  .mm-hero-visual { transform: scale(.88); transform-origin: center right; }
  .mm-feature { grid-column: span 3; }
  .mm-unlimited-panel { grid-template-columns: 1fr; gap: 32px; padding: 50px; }
  .mm-review-grid { grid-template-columns: repeat(2, 1fr); }
  .mm-review:nth-child(2), .mm-review:nth-child(5) { transform: none; }
  .mm-download-card { grid-template-columns: auto 1fr; }
  .mm-download-action { grid-column: 1 / -1; justify-items: stretch; }
}

@media (max-width: 760px) {
  .mm-shell { width: min(100% - 30px, 620px); }
  .mm-header { height: 66px; }
  .mm-menu { display: block; }
  .mm-menu[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
  .mm-menu[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .mm-menu[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
  .mm-nav { position: fixed; z-index: -1; inset: 0; display: grid; align-content: center; justify-items: center; gap: 26px; padding: 80px 24px; background: rgba(248,251,255,.98); opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility .2s ease; font-size: 20px; }
  .mm-nav.mm-open { z-index: 99; opacity: 1; visibility: visible; }
  .mm-menu { position: relative; z-index: 101; }
  .mm-nav-cta { font-size: 14px; }
  .mm-hero { min-height: auto; padding: 110px 0 45px; }
  .mm-hero-grid { grid-template-columns: 1fr; }
  .mm-hero h1 { font-size: clamp(45px, 14vw, 64px); }
  .mm-lead { font-size: 16px; }
  .mm-actions { display: grid; }
  .mm-button { width: 100%; }
  .mm-meta { grid-template-columns: repeat(2, 1fr); width: 100%; row-gap: 20px; }
  .mm-meta div:nth-child(3) { padding-left: 0; border-left: 0; }
  .mm-hero-visual { width: min(100%, 430px); height: 515px; margin: 24px auto 0; transform: none; }
  .mm-phone-main { width: 252px; height: 470px; right: 2%; }
  .mm-phone-back { width: 188px; height: 351px; left: 1%; top: 88px; }
  .mm-float-card { left: 2%; bottom: 2px; }
  .mm-intro, .mm-section { padding: 80px 0; }
  .mm-intro-grid, .mm-faq-layout { grid-template-columns: 1fr; gap: 35px; }
  .mm-section-head { display: block; }
  .mm-section-head > p { margin-top: 18px; }
  .mm-feature { grid-column: 1 / -1; min-height: 290px; }
  .mm-feature h3 { margin-top: 40px; }
  .mm-unlimited-panel { min-height: auto; padding: 38px 25px; border-radius: 28px; }
  .mm-unlimited-copy h2 { font-size: 40px; }
  .mm-shot-track { display: flex; overflow-x: auto; margin-right: -15px; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: #bed4de transparent; }
  .mm-shot { flex: 0 0 200px; scroll-snap-align: start; }
  .mm-swipe-hint { display: block; }
  .mm-review-grid { grid-template-columns: 1fr; }
  .mm-faq-sticky { position: static; }
  .mm-faq-list summary { line-height: 1.55; }
  .mm-download { padding-bottom: 70px; }
  .mm-download-card { display: block; padding: 32px 24px; border-radius: 28px; }
  .mm-download-copy { margin-top: 28px; }
  .mm-download-action { margin-top: 28px; }
  .mm-footer .mm-shell { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 410px) {
  .mm-brand span { font-size: 14px; }
  .mm-hero-visual { height: 455px; }
  .mm-phone-main { width: 220px; height: 411px; }
  .mm-phone-back { width: 160px; height: 299px; }
  .mm-float-card { width: 220px; padding: 11px 13px; }
  .mm-meta div { padding-inline: 13px; }
  .mm-feature-grid { display: block; }
  .mm-feature + .mm-feature { margin-top: 14px; }
  .mm-review { padding: 23px; }
  .mm-faq-list details p { padding-left: 0; padding-right: 5px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}