.demo-label{display:inline-block;margin:0 0 20px;padding:7px 12px;border:1px solid var(--accent);border-radius:6px;color:var(--accent);font-weight:700;font-size:13px}
.demo-hero{padding:40px 0 72px}
.demo-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:64px;align-items:center;margin-top:36px}
.demo-hero h1{font-family:var(--font-display);font-size:clamp(34px,4.7vw,68px);line-height:1.1;letter-spacing:-.04em;margin:0 0 24px}
.demo-lead{max-width:55ch;font-size:clamp(17px,1.6vw,22px);line-height:1.6;color:var(--fg-muted);margin:0 0 30px}
.demo-brief{padding:clamp(26px,3vw,46px);border-radius:16px;background:#261b17;color:#f8efdf;border-top:4px solid var(--accent)}
.demo-platform{display:block;font-family:var(--font-display);font-size:clamp(38px,5vw,70px);color:#efaaa0;margin-bottom:30px}
.demo-brief h2{font-size:25px;line-height:1.3;margin:0 0 16px;color:inherit}
.demo-brief p{font-size:16px;line-height:1.65}
.demo-brief .demo-note{border-top:1px solid #6a5146;padding-top:20px;margin-top:24px;font-size:14px;color:#d7c5b5}
.demo-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:40px}
.demo-steps article{border-top:2px solid var(--accent);padding-top:22px}
.demo-steps h3{font-size:24px;margin:0 0 14px}
.demo-steps p,.demo-next p{font-size:17px;line-height:1.65;color:var(--fg-muted)}
.demo-next{background:var(--surface-0);border-top:1px solid var(--border)}
.demo-next h2{font-size:clamp(28px,3vw,40px);margin:0}
.demo-next p{max-width:65ch;margin:20px 0 28px}
.demo-lineup-heading{margin-top:40px;font-size:20px;color:var(--fg-muted)}
.lineup .lineup-row.demo-lineup-row{min-height:160px;background:var(--surface-0);border-top:2px solid var(--accent)}
.demo-lineup-row .lu-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.demo-lineup-row .demo-label{margin:0;font-size:12px}
.lineup .demo-lineup-row:hover,.lineup .demo-lineup-row:focus-visible{background:#261b17}
.lineup .demo-lineup-row:hover .demo-label,.lineup .demo-lineup-row:focus-visible .demo-label{color:#f8efdf;border-color:#d7c5b5}
.lineup .demo-lineup-row:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:800px){.demo-hero{padding:24px 0 44px}.demo-hero-grid,.demo-steps{grid-template-columns:1fr;gap:28px}.demo-hero-grid{margin-top:28px}.demo-hero h1{overflow-wrap:normal}.demo-brief{border-radius:8px}.demo-platform{margin-bottom:20px}.lineup .lineup-row.demo-lineup-row{min-height:140px}}