.mori-demo{margin:34px 0;border-top:1px solid var(--border);padding-top:28px}.mori-demo>.demo-heading{font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:500;line-height:1.25;letter-spacing:-.025em;margin:0 0 20px}.demo-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.demo-controls button,.gift-reveal{font:inherit;font-size:max(14px,.74rem);line-height:1.4;min-height:44px;cursor:pointer;border:1px solid var(--border);border-radius:9px;padding:10px 16px;color:var(--text);background:var(--surface)}.demo-controls button[aria-pressed=true]{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.mori-demo button:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.demo-panel{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:32px;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:18px;margin:0}.demo-panel:not([hidden])+.demo-panel{margin-top:20px}.demo-visual{margin:0;min-width:0;text-align:center}.demo-phone{display:block;width:166px;max-width:100%;height:auto;margin:0 auto;border:5px solid #303a33;border-radius:22px;box-shadow:var(--shadow)}.demo-visual figcaption{font:400 max(12px,.57rem)/1.5 system-ui,sans-serif;color:var(--muted);margin-top:12px}.demo-copy h3{font-size:1.25rem;line-height:1.25;font-weight:500;margin:0 0 16px;letter-spacing:-.02em}.demo-copy p{font-size:max(14px,.79rem);line-height:1.6;margin:12px 0;color:var(--muted)}.demo-copy .demo-detail{font:400 max(12px,.62rem)/1.6 system-ui,sans-serif;margin-top:20px}.demo-gift-card{display:grid;justify-items:center;align-content:center;min-height:340px;padding:18px;background:var(--surface-alt);border:1px solid var(--border);border-radius:18px}.demo-gift-card img{display:block;width:192px;max-width:100%;height:auto}.demo-gift-card blockquote{font-size:.8rem;line-height:1.5;margin:0;max-width:23ch}.demo-gift-card .gift-seal{font-size:max(12px,.62rem);letter-spacing:.06em;color:var(--muted);margin-bottom:4px}.gift-reveal{margin-top:8px}.mori-demo [hidden]{display:none!important}
@media(max-width:620px){.demo-panel{grid-template-columns:1fr;gap:24px;padding:20px}.demo-phone{width:142px}.demo-gift-card{min-height:260px;max-width:340px;margin:auto}.demo-gift-card img{width:160px}.demo-copy h3{font-size:1.1rem}.demo-copy p{font-size:max(14px,.74rem)}.demo-controls button{flex:1;padding:10px;font-size:max(14px,.68rem)}.mori-demo>.demo-heading{font-size:1.35rem}.demo-copy .demo-detail{font-size:max(12px,.6rem)}}
@media(forced-colors:active){.demo-controls button[aria-pressed=true]{border:3px solid Highlight}}