.demo-page{background:var(--pale)}.demo-header{display:flex;justify-content:space-between;align-items:center;padding:20px max(20px,calc((100vw - 920px)/2));background:#fff;border-bottom:1px solid var(--celeste);gap:15px}.demo-page main{max-width:1000px;padding:35px 30px;min-height:75vh}.demo-hero{display:grid;grid-template-columns:1fr 170px;gap:25px;align-items:center;padding:28px 0}.demo-hero h1{margin:14px 0}.demo-hero p{line-height:1.7}.demo-mouse .study-mouse{width:170px;max-width:100%}.demo-pitch{background:#fff;border:1px solid var(--celeste);border-top:4px solid var(--gold);border-radius:20px;padding:28px;margin:30px 0}.demo-pitch h2{margin:10px 0}.demo-pitch p{line-height:1.7;color:var(--muted)}.demo-pitch strong{font-size:20px;color:var(--corporate)}.demo-top{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:13px}.demo-source{margin-top:18px;padding:15px;background:var(--pale);border-radius:12px}.demo-source summary{cursor:pointer;font-weight:600;font-size:13px}.demo-access-hint{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:20px 0;font-size:13px}.demo-results{text-align:center;padding:25px 0}.demo-results .demo-mouse{margin:auto;width:160px}.demo-results h1{margin:16px 0}.demo-results p{line-height:1.7}.demo-footer{text-align:center;padding:20px;font-size:11px;color:var(--muted)}.demo-header .brand{font-size:14px}.demo-page .question-card h2{margin-bottom:20px}@media(max-width:600px){.demo-page main{padding:25px 18px}.demo-hero{grid-template-columns:1fr}.demo-hero .demo-mouse{display:none}.demo-pitch{padding:22px}.demo-access-hint{flex-direction:column;align-items:stretch}.demo-header{padding:16px}.demo-header .brand{font-size:11px}.demo-header .btn{font-size:10px}.demo-pitch strong{font-size:17px}}

.demo-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;align-items:stretch;margin:18px 0 8px;width:100%;min-width:0}.demo-actions .btn{display:flex;box-sizing:border-box;align-items:center;justify-content:center;width:100%;max-width:100%;min-width:0;min-height:48px;height:auto;margin:0;padding:13px 18px;line-height:1.5;white-space:normal;text-align:center;overflow-wrap:anywhere}.demo-actions .secondary{background:#fff;color:var(--corporate);border:1px solid var(--celeste)}.demo-access-hint{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.demo-access-hint .demo-actions{margin:0}@media(max-width:600px){.demo-actions{grid-template-columns:minmax(0,1fr);gap:12px}.demo-actions .btn{font-size:13px}}