/* MietMoment on Newways: original product, shared type, generous image stages. */
.nw-page-mietmoment { --mm-ink:var(--show-ink,#192117); --mm-green:#285f43; --mm-paper:var(--show-paper,#faf9f6); --mm-sage:#edf2e8; --mm-muted:#526052; }
.nw-page-mietmoment main :is(.mm-hero,.mm-features,.mm-control,.mm-store,.mm-project) { padding-block:clamp(3.5rem,7vw,7rem); }
.nw-page-mietmoment main .mm-hero { padding-top:clamp(8rem,10vw,10rem); padding-bottom:0; background:var(--mm-paper); }
.mm-heading { text-align:center; }
.mm-brand { display:flex; align-items:center; justify-content:center; gap:.8rem; font:650 1.35rem/1.2 var(--font-display); color:var(--mm-ink); }
.mm-brand img { display:block; width:52px; height:52px; border-radius:13px; }
.nw-page-mietmoment .mm-eyebrow { font:500 .875rem/1.5 var(--font-body); color:var(--mm-muted); margin:1.25rem 0; }
.nw-page-mietmoment main .mm-hero h1 { font:650 clamp(2.65rem,5.4vw,5.5rem)/1.04 var(--font-display); letter-spacing:-.045em; max-width:22ch; margin:0 auto; color:var(--mm-ink); }
.nw-page-mietmoment main :is(h1,h2,h3)>span { color:var(--mm-green); font:inherit; }
.nw-page-mietmoment main h2 { font:650 clamp(2.1rem,4vw,4.2rem)/1.08 var(--font-display); letter-spacing:-.04em; color:var(--mm-ink); }
.nw-page-mietmoment .mm-lead { font:400 clamp(1.1rem,1.6vw,1.35rem)/1.5 var(--font-body); max-width:48ch; color:var(--mm-muted); margin:1.5rem auto; }
.mm-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.5rem 1.75rem; }
.mm-actions .link-go { font-size:.9rem; }
.mm-device { display:block; background:#1b241d; border:6px solid #1b241d; border-radius:34px; overflow:hidden; box-shadow:0 22px 44px -20px #102b1d55; }
.mm-device img { display:block; width:100%; height:auto; object-fit:contain; }
.mm-hero-stage { position:relative; height:clamp(450px,44vw,600px); margin-top:3rem; background:var(--mm-sage); border-radius:26px 26px 0 0; overflow:hidden; isolation:isolate; }
.mm-car { position:absolute; width:79%; max-width:1050px; max-height:88%; height:auto; object-fit:contain; object-position:left bottom; bottom:3%; left:0; }
.mm-hero-device { position:absolute; width:clamp(190px,19vw,244px); bottom:9%; right:12%; transform:rotate(4deg); }
.nw-page-mietmoment .mm-hero-stage figcaption { position:absolute; bottom:0; left:0; right:0; margin:0; padding:1rem 1.25rem; text-align:center; font:.75rem/1.5 var(--font-body); color:var(--mm-muted); background:var(--mm-sage); }
.nw-page-mietmoment main .mm-features { background:#fff; }
.mm-features .mm-heading { margin-bottom:2rem; }
.mm-tabs { display:flex; justify-content:center; flex-wrap:wrap; gap:.5rem; margin:0 auto 2rem; }
.mm-tour [hidden] { display:none!important; }
.mm-tabs button { border:1px solid #c4d0c0; background:#fff; color:var(--mm-ink); border-radius:100px; min-height:46px; padding:.7rem 1.35rem; font:550 .95rem/1.3 var(--font-body); cursor:pointer; transition:background .2s,color .2s; }
.mm-tabs button[aria-selected="true"] { background:var(--mm-green); border-color:var(--mm-green); color:#fff; }
.mm-tabs button:hover:not([aria-selected="true"]) { background:var(--mm-sage); }
.nw-page-mietmoment :is(.mm-tabs button,.mm-panel,.mm-device):focus-visible { outline:3px solid #9a8730; outline-offset:5px; }
.mm-panel { display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,6vw,6rem); align-items:center; background:var(--mm-paper); padding:clamp(1.75rem,4vw,4rem); border-radius:24px; margin-top:1.5rem; }
.mm-tour[data-mm-ready] .mm-panel { animation:mm-enter .3s ease-out both; }
.mm-feature-copy { max-width:30rem; }
.nw-page-mietmoment .mm-feature-index { color:var(--mm-muted); font:.8rem/1.5 var(--font-body); margin-bottom:1.25rem; }
.nw-page-mietmoment main .mm-feature-copy h3 { font:650 clamp(1.9rem,3.4vw,3.25rem)/1.1 var(--font-display); letter-spacing:-.04em; color:var(--mm-ink); margin:0 0 1.5rem; }
.nw-page-mietmoment .mm-feature-copy>p:not(.mm-feature-index) { font-size:1.1rem; line-height:1.65; color:var(--mm-muted); max-width:35ch; }
.nw-page-mietmoment .mm-feature-copy .mm-feature-detail { font-size:.9375rem; margin-top:2rem; }
.mm-feature-detail strong { color:var(--mm-ink); font-weight:600; }
.mm-screen-stage { margin:0; display:flex; flex-direction:column; align-items:center; gap:1rem; }
.mm-screen-stage .mm-device { width:min(100%,258px); }
.nw-page-mietmoment .mm-screen-stage figcaption { text-align:center; color:var(--mm-muted); font:.75rem/1.5 var(--font-body); margin:0; }
.nw-page-mietmoment main .mm-control { background:var(--mm-sage); }
.mm-control-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(2rem,6vw,6rem); align-items:center; }
.mm-tablet-stage { margin:0; text-align:center; }
.mm-tablet { width:min(100%,460px); margin:auto; border:9px solid #27332a; border-radius:25px; overflow:hidden; box-shadow:0 25px 50px -30px #122b1b70; }
.mm-tablet img { width:100%; height:auto; display:block; }
.nw-page-mietmoment .mm-tablet-stage figcaption { color:var(--mm-muted); font:.8rem/1.5 var(--font-body); margin:1rem 0 0; }
.mm-control-copy>p:not(.over),.mm-ai>p:not(.mm-eyebrow) { font-size:1.05rem; line-height:1.65; color:var(--mm-muted); margin-top:1.5rem; max-width:42ch; }
.mm-ai { border-top:1px solid #c0cebc; padding-top:1.5rem; margin-top:2rem; }
.nw-page-mietmoment .mm-ai .mm-eyebrow { margin:0 0 .75rem; }
.nw-page-mietmoment main .mm-ai h3 { font:600 clamp(1.5rem,2.1vw,2rem)/1.12 var(--font-display); letter-spacing:-.025em; color:var(--mm-ink); }
.nw-page-mietmoment main .mm-store { background:#fff; }
.mm-store-grid { display:grid; grid-template-columns:1.2fr .8fr; align-items:center; gap:clamp(2rem,6vw,6rem); }
.nw-page-mietmoment main .mm-price { font:650 clamp(2.75rem,4.5vw,4.5rem)/1.1 var(--font-display); letter-spacing:-.04em; color:var(--mm-ink); margin:2rem 0 1rem; }
.nw-page-mietmoment .mm-price span { font:500 1rem/1.5 var(--font-body); color:var(--mm-muted); letter-spacing:0; }
.mm-store-grid p { line-height:1.65; color:var(--mm-muted); }
.nw-page-mietmoment .mm-store-detail { font-size:.8125rem; line-height:1.6; color:var(--mm-muted); max-width:52ch; margin:1rem 0 0; }
.mm-store-card { text-align:center; background:var(--mm-paper); border-radius:24px; padding:clamp(1.5rem,3.5vw,3rem); }
.mm-store-card>img { width:88px; height:88px; border-radius:20px; margin:0 auto 1rem; }
.nw-page-mietmoment main .mm-store-card h3 { font:650 1.6rem/1.2 var(--font-display); color:var(--mm-ink); }
.mm-store-state { display:flex; flex-direction:column; gap:.3rem; background:#203527; color:#fff; border-radius:14px; padding:1rem 1.5rem; margin:1.5rem 0; }
.mm-store-state strong { font:600 1.2rem/1.2 var(--font-display); }
.mm-store-state>span { font:.875rem/1.5 var(--font-body); }
.mm-store-card>p:not(.mm-store-detail) { font-size:.9rem; }
.nw-page-mietmoment .mm-documentation-note { margin-top:2.5rem; font:.75rem/1.6 var(--font-body); color:var(--mm-muted); }
.nw-page-mietmoment main .mm-project { background:#243523; }
.mm-project-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(2rem,7vw,7rem); align-items:center; }
.nw-page-mietmoment main .mm-project h2 { color:#fff; font-size:clamp(2rem,3.7vw,3.6rem); }
.mm-project-grid>div>p:not(.over) { color:#dce4d5; max-width:48ch; font-size:1.1rem; line-height:1.65; margin:1.5rem 0 2rem; }
.mm-project-facts { margin:0; }
.mm-project-facts>div { border-top:1px solid #ffffff38; padding:1.5rem 0; }
.mm-project-facts dt { color:#fff; font:600 1.05rem/1.4 var(--font-body); margin-bottom:.5rem; }
.mm-project-facts dd { color:#dce4d5; font:.9375rem/1.65 var(--font-body); margin:0; }
@keyframes mm-enter { from { opacity:.5; transform:translateY(8px); } to { opacity:1; transform:none; } }
@media(max-width:999px) {
 .mm-hero-stage { height:470px; }
 .mm-hero-device { right:8%; width:190px; }
 .mm-car { width:84%; left:0; bottom:9%; }
 .mm-panel { gap:2rem; }
 .mm-control-grid,.mm-project-grid { gap:2rem; }
 .mm-tablet { border-width:7px; border-radius:19px; }
 .mm-store-grid { grid-template-columns:1fr 1fr; gap:2rem; }
}
@media(max-width:699px) {
 .nw-page-mietmoment main .mm-hero { padding-top:7.25rem; }
 .mm-brand img { width:44px; height:44px; border-radius:11px; }
 .nw-page-mietmoment main .mm-hero h1 { font-size:clamp(2rem,8.1vw,3.2rem); line-height:1.07; }
 .nw-page-mietmoment .mm-lead { font-size:1.05rem; margin:1.25rem auto; }
 .mm-actions { flex-direction:column; gap:.5rem; }
 .mm-actions .link-go { font-size:.8125rem; }
 .mm-hero-stage { height:435px; margin-top:1.5rem; border-radius:18px 18px 0 0; padding:0; }
 .mm-hero-device { width:156px; right:10%; bottom:13%; border-width:4px; border-radius:23px; transform:rotate(3deg); }
 .mm-car { width:100%; max-width:none; left:0; bottom:12%; }
 .nw-page-mietmoment .mm-hero-stage figcaption { padding:.85rem; font-size:.6875rem; }
 .mm-tabs { gap:.5rem; margin-bottom:1.5rem; }
 .mm-tabs button { flex:1 1 calc(50% - .5rem); min-height:46px; padding:.6rem .75rem; font-size:.875rem; }
 .mm-panel { grid-template-columns:1fr; padding:1.5rem; border-radius:18px; gap:2rem; }
 .mm-feature-copy { text-align:left; }
 .nw-page-mietmoment main .mm-feature-copy h3 { font-size:1.85rem; margin-bottom:1rem; }
 .nw-page-mietmoment .mm-feature-copy>p:not(.mm-feature-index) { font-size:1rem; }
 .nw-page-mietmoment .mm-feature-copy .mm-feature-detail { font-size:.875rem; margin-top:1rem; }
 .mm-screen-stage .mm-device { width:230px; max-width:100%; border-width:5px; border-radius:28px; }
 .mm-control-grid,.mm-store-grid,.mm-project-grid { grid-template-columns:1fr; gap:2.5rem; }
 .mm-control-copy { grid-row:1; }
 .mm-tablet { max-width:330px; }
 .mm-store-card { max-width:420px; width:100%; margin:auto; }
 .mm-project-facts>div { padding-block:1.25rem; }
}
@media(prefers-reduced-motion:reduce) { .mm-tour[data-mm-ready] .mm-panel { animation:none; } .mm-tabs button { transition:none; } }