/* Mudi7 Remote only: light and dark, native UI previews. */
.m7-hero,.m7-section,.m7-facts,.m7-footer-note{--m7-green:#146451;--m7-muted:#475a53;--m7-line:#c8dcd1;box-sizing:border-box}
html.dark .m7-hero,html.dark .m7-section,html.dark .m7-facts,html.dark .m7-footer-note{--m7-green:#95e9cc;--m7-muted:#b6c9c0;--m7-line:#344b41}
.m7-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:2rem;align-items:center;padding:2.25rem;border-radius:28px;background:#e7f2eb;border:1px solid var(--m7-line)}
html.dark .m7-hero{background:#152c24}.m7-hero-copy{min-width:0}.m7-icon{width:88px!important;height:88px!important;border-radius:22px;margin:0 0 1.5rem!important}
.prose .m7-kicker{color:var(--m7-green);font-size:.77rem;font-weight:750;text-transform:uppercase;letter-spacing:.09em;margin:0 0 .85rem;line-height:1.5}
.prose .m7-hero h2{font-size:clamp(2.4rem,4.8vw,3.8rem);line-height:1.04;letter-spacing:-.045em;margin:.6rem 0 1.5rem;border:0;padding:0}
.prose .m7-hero p{font-size:1rem;line-height:1.7}.prose .m7-hero .m7-required{font-size:.82rem;color:var(--m7-muted);margin:1.25rem 0 0}
.m7-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.4rem 0 0}.prose a.m7-primary,.prose a.m7-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:46px;box-sizing:border-box;padding:.7rem 1rem;border-radius:12px;text-decoration:none;font-size:.875rem;font-weight:700;line-height:1.35}
.prose a.m7-primary{background:#155d4b;color:#fff!important;border:1px solid #155d4b}.prose a.m7-secondary{color:#155d4b!important;border:1px solid #9ebfb1;background:#ffffff70}
html.dark .prose a.m7-primary{background:#bff2dc;color:#132e23!important;border-color:#bff2dc}html.dark .prose a.m7-secondary{color:#bff2dc!important;border-color:#618375;background:#13271f}
.prose a.m7-primary:hover,.prose a.m7-secondary:hover{filter:brightness(.93)}.prose a:focus-visible,.m7-support a:focus-visible{outline:3px solid #009d81;outline-offset:4px}
.m7-phone,.m7-screen{margin:0!important;min-width:0;text-align:center}.m7-device-frame{position:relative;width:100%;max-width:270px;margin:0 auto;border:5px solid #202822;border-radius:31px;background:#000;box-shadow:0 0 0 1px #6f8176,0 18px 42px #152d2928;box-sizing:border-box;overflow:hidden}.m7-device-frame img{width:100%;height:auto;display:block;margin:0!important;border:0;border-radius:0;box-shadow:none}.m7-dynamic-island{position:absolute;z-index:1;top:1.35%;left:50%;transform:translateX(-50%);width:32%;height:3.7%;border-radius:999px;background:#000;box-shadow:inset 0 0 0 1px #151515;pointer-events:none}.m7-dynamic-island::after{content:"";position:absolute;right:10%;top:50%;transform:translateY(-50%);width:7%;aspect-ratio:1;border-radius:50%;background:#0a1014;box-shadow:inset 0 0 2px #171e29}
.m7-phone figcaption,.m7-screen figcaption{font-size:.72rem;color:var(--m7-muted);margin-top:1rem;line-height:1.5}
.m7-facts{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:1.4rem .6rem;border-bottom:1px solid var(--m7-line);color:var(--m7-green);font-size:.8rem;font-weight:700}
.m7-section{margin:4rem 0!important;scroll-margin-top:7rem}.prose .m7-section h2{font-size:clamp(1.8rem,3.2vw,2.5rem);line-height:1.15;letter-spacing:-.035em;margin:0 0 1.5rem;padding:0;border:0}.prose .m7-section h3{font-size:1.12rem;margin:1rem 0 .8rem;line-height:1.35}.prose .m7-section p{line-height:1.75;color:var(--m7-muted)}
.m7-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}.m7-card{min-width:0;padding:1.3rem;border:1px solid var(--m7-line);border-radius:18px;background:#f4f8f5}.m7-card p{font-size:.9rem;margin:0!important}.m7-number{font-size:.75rem;font-weight:750;letter-spacing:.1em;color:var(--m7-green)}html.dark .m7-card{background:#18271f}
.m7-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.75rem;align-items:center}.m7-split>div{min-width:0}.m7-note{border-left:3px solid var(--m7-green);padding:.8rem 1rem;font-size:.85rem;background:#e7f2eb;color:var(--m7-muted);line-height:1.65}html.dark .m7-note{background:#182e25}
.m7-local{padding:2rem;background:#102d29;border-radius:22px;color:#fff}.prose .m7-local h2{color:#fff}.prose .m7-local p{color:#d4e4de}.prose .m7-local .m7-kicker,.prose .m7-local a{color:#a3ebcc}.m7-connection{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:2rem 0;padding:1.5rem .75rem;border-top:1px solid #4a655b;border-bottom:1px solid #4a655b;font-weight:650;font-size:.9rem}.m7-link{font-size:.8rem;color:#a3ebcc;text-align:center}.m7-link small{display:block;margin-top:.4rem;color:#d4e4de;font-weight:400}
.m7-compatibility{padding:1.75rem;border:1px solid var(--m7-line);border-radius:20px}.m7-compatibility li{margin-bottom:.85rem;line-height:1.75}.m7-price{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem;background:#def2e5;border:1px solid #b9d8c5;border-radius:22px;align-items:center}.prose .m7-price p{color:#355344}.m7-amount{font-size:3rem;color:#153e29;letter-spacing:-.045em;display:block;margin:1rem 0;line-height:1.2}.prose .m7-price .m7-price-note{font-size:.8rem}.m7-footer-note{font-size:.8rem;line-height:1.8;color:var(--m7-muted);padding:1.5rem 0;border-top:1px solid var(--m7-line);margin-top:2.5rem}html.dark .m7-price{background:#1d392a;border-color:#41634e}html.dark .prose .m7-price p{color:#c3dbc9}html.dark .m7-amount{color:#c5f2d5}
.m7-support{max-width:760px;padding:6rem 1.5rem 4rem;margin:auto;box-sizing:border-box}.m7-support h1{line-height:1.1;letter-spacing:-.04em}.m7-support .prose{padding:0;max-width:100%}.m7-support .m7-contact{padding:1.5rem;border-radius:18px;background:#e7f2eb;border:1px solid #b9d8c5;margin:2rem 0}.m7-contact a{overflow-wrap:anywhere}.m7-support .m7-contact h2{margin-top:0}html.dark .m7-support .m7-contact{background:#183126;border-color:#41634e}
@media(max-width:760px){.m7-hero{padding:1.5rem;gap:1.5rem}.m7-grid{grid-template-columns:1fr}.m7-card{padding:1.3rem}.m7-split{gap:1.5rem}.m7-price{padding:1.5rem;gap:1.5rem}.m7-section{margin:3rem 0!important}}
@media(max-width:560px){.m7-hero,.m7-split,.m7-price{grid-template-columns:1fr}.m7-hero{padding:1.4rem}.prose .m7-hero h2{font-size:3rem}.m7-phone{margin-top:1rem!important}.m7-device-frame{max-width:255px}.m7-split .m7-screen{order:2}.m7-facts{justify-content:flex-start;gap:.75rem 1.4rem}.m7-local,.m7-compatibility{padding:1.25rem}.m7-connection{flex-direction:column;gap:1rem}.m7-support{padding:5rem 1rem 3rem}.m7-icon{width:72px!important;height:72px!important}.m7-actions a{width:100%}}
.prose .m7-amount{background:none;font-weight:800}