/* Mobile mini-demos: preview and control are kept in one viewport. Desktop design unchanged. */
@media (max-width: 800px){
 body.mn-demo-v2 #solution .solution-grid,
 body.mn-demo-v2 .solution .solution-grid{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;}
 body.mn-demo-v2 #solution .solution-copy,
 body.mn-demo-v2 .solution .solution-copy{display:contents!important;}
 body.mn-demo-v2 .solution-copy>.small-label{order:0!important;margin:0 0 8px!important;}
 body.mn-demo-v2 .solution-copy>.h2{order:1!important;font-size:clamp(25px,6vw,34px)!important;line-height:1.4!important;margin:0!important;}
 body.mn-demo-v2 .solution-copy>.sub{order:2!important;margin:10px 0!important;font-size:12px!important;line-height:1.75!important;}
 body.mn-demo-v2 .solution-copy>.check-list{order:3!important;margin:0 0 9px!important;display:grid!important;gap:5px!important;}
 body.mn-demo-v2 .solution-copy>.check-list li{font-size:11px!important;line-height:1.65!important;padding-top:3px!important;padding-bottom:3px!important;}
 body.mn-demo-v2 #solutionArt{order:4!important;width:100%!important;height:clamp(267px,42svh,336px)!important;min-height:0!important;max-height:336px!important;border-radius:23px 23px 0 0!important;margin:0!important;overflow:hidden!important;}
 body.mn-demo-v2 #solutionArt .phone{width:clamp(118px,17.4svh,155px)!important;max-width:44vw!important;transform:rotate(1deg)!important;position:relative!important;z-index:2!important;}
 body.mn-demo-v2 #solutionArt .app-icon-fly,body.mn-demo-v2 #solutionArt .solution-note{display:none!important;}
 body.mn-demo-v2 .solution-copy>.interactive-demo-controls{order:5!important;box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;padding:11px 12px 12px!important;border-radius:0 0 23px 23px!important;border:1px solid #d9eae4!important;border-top:0!important;background:#fff!important;box-shadow:0 14px 28px #20574f10!important;display:grid!important;gap:6px!important;}
 body.mn-demo-v2 .interactive-demo-controls .demo-hint{margin:0!important;font-size:10px!important;justify-content:center!important;line-height:1.4!important;}
 body.mn-demo-v2 #demoAddApp{width:100%!important;max-width:none!important;min-height:45px!important;padding:9px 10px!important;margin:0!important;font-size:12px!important;justify-content:center!important;}
 body.mn-demo-v2 .interactive-demo-controls .demo-status{font-size:10px!important;line-height:1.6!important;text-align:center!important;margin:0!important;min-height:16px!important;}
 body.mn-demo-v2 .solution-copy>.button{order:6!important;align-self:flex-start!important;margin-top:16px!important;}
}
@media(max-width:390px){
 body.mn-demo-v2 #solutionArt{height:clamp(250px,39svh,310px)!important;}
 body.mn-demo-v2 #solutionArt .phone{width:clamp(112px,16svh,140px)!important;}
}
@media(max-height:700px) and (max-width:800px){
 body.mn-demo-v2 #solutionArt{height:245px!important;}
 body.mn-demo-v2 #solutionArt .phone{width:114px!important;}
}
/* Hero: two REAL screenshots, including the kana-index contact list; responsive layout. */
body.mn-hero-double-mock .hero-stage .mn-hero-kana-phone{position:absolute!important;left:5%!important;top:150px!important;width:37%!important;max-width:207px!important;z-index:4!important;transform:rotate(-7deg)!important;filter:drop-shadow(0 18px 19px #25454b4b)!important;}
body.mn-hero-double-mock .hero-stage>.hero-phone{right:0!important;top:25px!important;width:39%!important;max-width:220px!important;z-index:3!important;}
body.mn-hero-double-mock .hero-stage>.hero-sticker{left:auto!important;right:0!important;bottom:0!important;z-index:5!important;max-width:55%!important;}
body.mn-hero-double-mock .hero-stage .mn-hero-kana-phone .screen img{display:block!important;aspect-ratio:688/1536!important;object-fit:contain!important;width:100%!important;height:auto!important;}
@media(max-width:720px){
 body.mn-hero-double-mock .hero-stage{height:490px!important;max-width:490px!important;margin:auto!important;}
 body.mn-hero-double-mock .hero-stage .hero-photo{width:72%!important;height:340px!important;top:20px!important;left:5%!important;}
 body.mn-hero-double-mock .hero-stage>.hero-phone{width:37%!important;max-width:165px!important;top:58px!important;right:2%!important;}
 body.mn-hero-double-mock .hero-stage .mn-hero-kana-phone{width:39%!important;max-width:178px!important;top:128px!important;left:1%!important;}
 body.mn-hero-double-mock .hero-stage>.hero-sticker{bottom:6px!important;right:2%!important;max-width:53%!important;}
}
@media(max-width:410px){
 body.mn-hero-double-mock .hero-stage{height:420px!important;}
 body.mn-hero-double-mock .hero-stage .hero-photo{height:284px!important;}
 body.mn-hero-double-mock .hero-stage>.hero-phone{width:38%!important;top:48px!important;}
 body.mn-hero-double-mock .hero-stage .mn-hero-kana-phone{width:41%!important;top:104px!important;}
}