.mp-page{max-width:1180px;margin:0 auto;padding:26px 20px 64px}.mp-breadcrumb{display:flex;gap:8px;align-items:center;font-size:13px;color:#a9b4c1;margin:4px 0 20px}.mp-breadcrumb a{color:#c4b5fd}.mp-hero{display:grid;grid-template-columns:1fr minmax(360px,.9fr);align-items:center;gap:28px;padding:30px;border:1px solid #4c2b77;border-radius:22px;background:radial-gradient(circle at 80% 10%,#5b21b633,transparent 38%),#0c131c}.mp-hero h1{font-size:clamp(34px,5vw,68px);line-height:.98;margin:12px 0 16px}.mp-hero p{font-size:17px;line-height:1.6;color:#c7d0da;max-width:720px}.mp-hero img,.mp-shot-grid img{width:100%;height:auto;border-radius:15px;border:1px solid #4b2d6d;box-shadow:0 20px 70px #0008}.mp-badge{display:inline-flex;padding:7px 10px;border:1px solid #7145aa;border-radius:999px;background:#241238;color:#d9c7ff;font-weight:800;font-size:12px}.mp-page section{margin:42px 0}.mp-page h2{font-size:clamp(26px,3vw,40px);margin:0 0 20px}.mp-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mp-feature-grid article,.mp-faq article,.mp-rule{border:1px solid #273343;border-radius:16px;background:#0d151f;padding:19px}.mp-feature-grid h3,.mp-faq h3{margin:8px 0;font-size:17px}.mp-feature-grid p,.mp-faq p,.mp-rule p{margin:0;color:#bac4ce;line-height:1.55}.mp-icon{font-size:28px}.mp-rule{border-color:#5b367f;background:#171020}.mp-shot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mp-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mp-bottom{justify-content:center;margin-top:36px}@media(max-width:850px){.mp-hero{grid-template-columns:1fr;padding:20px}.mp-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-shot-grid{grid-template-columns:1fr}.mp-faq{grid-template-columns:1fr}}@media(max-width:520px){.mp-page{padding:16px 12px 44px}.mp-feature-grid{grid-template-columns:1fr}.mp-hero p{font-size:15px}}

/* 2026-09-30 accessible FAQ accordion */
.mp-faq details{border:1px solid #273343;border-radius:16px;background:#0d151f;overflow:hidden}
.mp-faq summary{list-style:none;cursor:pointer;padding:18px 48px 18px 19px;font-weight:850;line-height:1.4;position:relative;user-select:none}
.mp-faq summary::-webkit-details-marker{display:none}
.mp-faq summary::after{content:'+';position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:24px;line-height:1;color:#c4b5fd;transition:transform .18s ease}
.mp-faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.mp-faq details p{margin:0;padding:0 19px 18px;color:#bac4ce;line-height:1.55}
.mp-faq details[open]{border-color:#5b367f;background:#14101c}
.mp-faq summary:focus-visible{outline:2px solid #a78bfa;outline-offset:-3px;border-radius:14px}