.demo-root{min-height:100vh;font-family:var(--font-inter), sans-serif;flex-direction:column;line-height:1.6;display:flex}.demo-root h1,.demo-root h2,.demo-root h3,.demo-root h4{font-family:var(--font-manrope), sans-serif;letter-spacing:-.02em;font-weight:700;line-height:1.15}.demo-niche-cleaning{--demo-canvas:#faf9f5;--demo-ink:#18392f;--demo-action:#245b43;--demo-panel:#fff;--demo-border:#d7ded8;--demo-muted:#3d5a50;--demo-action-fg:#fff;background-color:var(--demo-canvas);color:var(--demo-ink)}.demo-niche-plumbing{--demo-canvas:#f5f7fa;--demo-ink:#142b43;--demo-action:#a84412;--demo-panel:#fff;--demo-border:#d6dfe7;--demo-muted:#38516d;--demo-action-fg:#fff;background-color:var(--demo-canvas);color:var(--demo-ink)}.demo-niche-electrical{--demo-canvas:#f7f8f8;--demo-ink:#22292b;--demo-action:#14605b;--demo-panel:#fff;--demo-border:#d6dedd;--demo-muted:#435154;--demo-action-fg:#fff;background-color:var(--demo-canvas);color:var(--demo-ink)}.demo-container{width:100%;max-width:1160px;margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem}.demo-btn-primary{background-color:var(--demo-action);min-height:44px;color:var(--demo-action-fg);cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:transform .15s,opacity .15s,filter .15s;display:inline-flex}.demo-btn-primary:hover{filter:brightness(.95)}.demo-btn-primary:active{transform:scale(.98)}.demo-btn-primary:focus-visible{outline:2px solid var(--demo-action);outline-offset:4px}.demo-btn-secondary{background-color:var(--demo-panel);min-height:44px;color:var(--demo-ink);border:1px solid var(--demo-border);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:transform .15s,border-color .15s;display:inline-flex}.demo-btn-secondary:hover{border-color:var(--demo-action)}.demo-btn-secondary:active{transform:scale(.98)}.demo-btn-secondary:focus-visible{outline:2px solid var(--demo-ink);outline-offset:4px}.demo-panel{background-color:var(--demo-panel);border:1px solid var(--demo-border);border-radius:12px;padding:1.5rem}.demo-input{border:1px solid var(--demo-border);background-color:var(--demo-panel);width:100%;min-height:44px;color:var(--demo-ink);border-radius:6px;padding:.625rem .875rem;font-size:.875rem;transition:border-color .15s;display:block}.demo-input:focus{border-color:var(--demo-action);box-shadow:0 0 0 2px var(--demo-action);outline:none}.demo-input:disabled{opacity:.5;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.demo-btn-primary,.demo-btn-secondary,.demo-input{transition:none;transform:none}}