.mpm-page{--mpm-accent:#77dce1}
html[data-theme=light] .mpm-page{--mpm-accent:#146e78}
.mpm-accent{color:var(--mpm-accent)}
.mpm-page .product-hero{gap:54px;grid-template-columns:1fr 1fr}
.mpm-page .app-icon{border-radius:12px}
.mpm-page .hero-copy>.eyebrow{margin-bottom:20px;font-size:.68rem}
.mpm-page .product-hero h1{font-size:clamp(3.6rem,6.5vw,6rem);line-height:1.02}
.mpm-hero-art{margin:0;background:#10212a;border:1px solid #304851;border-radius:18px;padding:23px 24px 17px;min-width:0;color:#e6f6f5;overflow:hidden}
.mpm-hero-art .art-label{font-size:.6rem;color:#c0d7d9;letter-spacing:.11em;gap:20px}
.mpm-phones{aspect-ratio:1 / 1.2;max-height:576px;position:relative;margin-top:26px}
.mpm-device{border:5px solid #3d515b;border-radius:27px;overflow:hidden;box-shadow:0 22px 36px #0005;position:absolute;background:#081521;width:53%;max-width:250px}
.mpm-device img{display:block;width:100%;height:auto}
.device-front{top:26px;left:3%;transform:rotate(-7deg);z-index:2}
.device-back{right:2%;top:7px;transform:rotate(7deg)}
.mpm-art-note{position:absolute;bottom:3px;right:0;z-index:3;display:flex;align-items:center;gap:9px;background:#c7f1e4;color:#142c2e;border:1px solid #92cfc4;border-radius:8px;padding:12px 15px;font-size:.78rem;box-shadow:0 8px 20px #0003;transform:rotate(-3deg)}
.connection-dot{width:7px;height:7px;border-radius:50%;background:#176957}
.mpm-hero-art figcaption{font-size:.7rem;color:#bacfd1;text-align:center;margin-top:19px}
.preview-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px;padding-top:17px;border-top:1px solid #304851}
.preview-state{font-size:.7rem;color:#c2dfe0;display:flex;align-items:center;gap:8px}
.preview-state::before{content:'';width:6px;height:6px;background:#77dce1;border-radius:50%}
.preview-motion-button{min-height:40px;padding:8px 12px;border:1px solid #55767d;border-radius:7px;background:#18323b;color:#e6f6f5;font-size:.73rem}
.preview-motion-button:hover{background:#25444d}
.preview-motion-button:focus-visible{outline:3px solid #dbfc70;outline-offset:3px}
.mpm-hero-art .preview-controls+figcaption{margin-top:13px;line-height:1.5}
.feature-number{font:11px/1.6 Arial,Helvetica,sans-serif;letter-spacing:.1em;color:var(--mpm-accent);display:block;margin-bottom:20px}
.mpm-page .feature h3{margin-bottom:13px}
.mpm-page .feature p{font-size:.94rem;line-height:1.7}
.mpm-page .feature-grid{row-gap:42px}
.mpm-gallery,.mpm-downloads{background:var(--surface);border-block:1px solid var(--line)}
.mpm-shot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.mpm-shot-grid figure{margin:0;min-width:0}
.shot-link{display:block;border:1px solid #40505a;border-radius:15px;overflow:hidden;transition:transform .18s;box-shadow:0 12px 25px #0002;background:#081521}
.shot-link:hover{transform:translateY(-4px)}
.shot-link img{width:100%;height:auto;display:block}
.mpm-shot-grid figcaption{margin-top:20px;line-height:1.5}
.mpm-shot-grid figcaption strong{font-size:.93rem;display:block;margin-bottom:5px;letter-spacing:-.025em}
.mpm-shot-grid figcaption span{font-size:.78rem;color:var(--muted)}
.mpm-fineprint{font-size:.78rem;line-height:1.7;margin-top:28px;max-width:840px}
.mpm-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;margin-top:52px}
.mpm-steps article{border-top:1px solid var(--line);padding-top:24px}
.mpm-steps h3{margin:21px 0 15px}
.mpm-steps p{font-size:.94rem;line-height:1.75}
.mpm-callout{border:1px solid var(--line);border-radius:12px;padding:25px 30px;margin-top:40px;display:flex;align-items:center;gap:40px;background:var(--surface)}
.mpm-callout p{font-size:.88rem;line-height:1.7;flex:1}
.mpm-callout strong{color:var(--text)}
.mpm-callout a{flex:0 0 auto}
.mpm-editions{gap:24px}
.mpm-editions .download-card{background:var(--bg);padding:32px}
.edition-icon{border-radius:13px;margin-bottom:26px;width:52px;height:52px}
.edition-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;width:100%}
.pro-label{color:var(--mpm-accent);font-size:.62rem;letter-spacing:.08em;padding-top:6px}
.edition-list{padding-left:18px;color:var(--muted);font-size:.94rem;line-height:1.8;margin:0 0 27px}
.mpm-editions .download-price{margin:0 0 20px}
.mpm-editions .store-pending{margin-top:auto;min-height:74px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:12px 18px}
.mpm-editions .store-pending span{font-size:.75rem;color:var(--muted)}
.mpm-editions .store-pending strong{font-size:1.15rem;line-height:1.5;color:var(--text)}
.mpm-editions .download-card>.edition-note{font-size:.75rem;line-height:1.65;max-width:none;margin:14px 0 0}
.mpm-release-note{margin-top:25px;font-size:.82rem;line-height:1.75;max-width:930px}
.mpm-release-note p+p{margin-top:12px}
.mpm-release-note a{color:var(--text);text-decoration:underline;text-underline-offset:4px}
.mpm-closing{text-align:center;padding:28px 0 90px}
.mpm-closing p{margin:22px 0 26px}
.mpm-lightbox{padding:18px;border:1px solid var(--line);border-radius:15px;color:var(--text);background:var(--bg);max-width:min(600px,calc(100% - 32px));max-height:92dvh;box-shadow:var(--shadow)}
.mpm-lightbox::backdrop{background:#000c}
.mpm-lightbox>img{display:block;width:auto;max-width:100%;max-height:75dvh;margin:0 auto;height:auto;border-radius:9px}
.lightbox-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:15px}
.lightbox-heading h2{font-size:1rem;letter-spacing:-.02em;line-height:1.4}
.lightbox-heading button{min-height:44px;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:8px 12px;white-space:nowrap}
.mpm-page [hidden]{display:none!important}
.mpm-page .nav-links{gap:23px}
.mpm-page .hero-copy,.mpm-page .download-card{min-width:0}

@media(max-width:1100px){.mpm-page .product-hero{gap:32px}.mpm-hero-art{padding:20px 17px 17px}.mpm-page .nav-links{gap:17px}.mpm-page .nav-actions>a{display:none}.mpm-shot-grid{gap:18px}.mpm-callout{align-items:flex-start;flex-direction:column;gap:18px}}
@media(min-width:621px) and (max-width:850px){.mpm-page .product-hero{grid-template-columns:1fr;gap:38px}.mpm-page .hero-copy{max-width:620px}.mpm-page .product-hero h1{font-size:4.6rem}.mpm-hero-art{width:100%;max-width:570px;margin:auto}.mpm-page .hero-copy>p{max-width:600px}.mpm-page .nav{gap:16px}}
@media(max-width:800px){.mpm-shot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px}.mpm-steps{gap:25px}.mpm-steps h3{font-size:1.3rem}.mpm-page .value-strip .container{grid-template-columns:1fr 1fr}.mpm-editions .download-card{padding:26px}}
@media(max-width:620px){.mpm-page .product-hero{grid-template-columns:1fr;gap:38px}.mpm-page .product-hero h1{font-size:clamp(3.8rem,15vw,5.3rem)}.mpm-page .hero-note{gap:10px;font-size:.64rem;letter-spacing:.015em}.mpm-page .hero-note span+span{padding-left:10px}.mpm-hero-art{padding:20px 16px 17px}.mpm-device{border-width:4px;border-radius:22px}.mpm-hero-art .art-label{font-size:.52rem;gap:10px}.mpm-art-note{padding:10px 12px;font-size:.7rem}.mpm-page .feature-grid{grid-template-columns:1fr;gap:30px}.mpm-steps{grid-template-columns:1fr;gap:32px;margin-top:35px}.mpm-steps h3{font-size:1.5rem;margin:15px 0 12px}.mpm-shot-grid{gap:27px 15px}.mpm-shot-grid figcaption{margin-top:13px}.mpm-shot-grid figcaption strong{font-size:.84rem}.mpm-shot-grid figcaption span{font-size:.72rem}.shot-link{border-radius:10px}.mpm-page .value-strip span{font-size:.75rem;gap:9px}.mpm-callout{padding:22px}.mpm-closing{padding-bottom:65px}.mpm-page .nav-links{gap:0}.mpm-page:not(.has-js) .header{height:auto}.mpm-page:not(.has-js) .nav{flex-wrap:wrap;padding-block:20px}.mpm-page:not(.has-js) .nav-links{display:flex;position:static;order:3;flex-basis:100%;padding:0;flex-direction:row;flex-wrap:wrap;gap:0 20px;border:0}}
@media(prefers-reduced-motion:reduce){.shot-link{transition:none}.shot-link:hover{transform:none}}
