.demo-mp{--primary:var(--color-primary,#e97563);color:#1a1a2e;font-family:system-ui,-apple-system,sans-serif}.demo-mp-nav{z-index:50;background:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.demo-mp-nav a{color:#555;border-radius:6px;padding:.5rem 1rem;text-decoration:none;transition:color .2s,background .2s}.demo-mp-nav a:hover{color:var(--primary)}.demo-mp-nav .active{color:var(--primary);font-weight:600}.demo-mp-hero{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary)60%,#1a1a2e));color:#fff;text-align:center;padding:5rem 2rem}.demo-mp-hero h1{margin-bottom:1rem;font-size:3rem;font-weight:700}.demo-mp-hero p{opacity:.9;max-width:600px;margin:0 auto;font-size:1.25rem}.demo-mp-section{max-width:800px;margin:0 auto;padding:4rem 2rem}.demo-mp-section h2{color:var(--primary);margin-bottom:1.5rem;font-size:2rem;font-weight:700}.demo-mp-section p{color:#444;margin-bottom:1rem;font-size:1.1rem;line-height:1.7}.demo-mp-footer{color:#ccc;text-align:center;background:#1a1a2e;padding:2rem;font-size:.9rem}