.demo-selector{scroll-margin-top:24px;margin:28px 0}.demo-selector>p{color:#536176;margin-bottom:18px}.demo-selector-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.demo-option{display:block;border:1px solid #eadfe2;background:#fff;border-radius:24px;padding:26px;text-decoration:none;color:#07172b;transition:transform .15s,border-color .15s}.demo-option:hover{transform:translateY(-3px);border-color:#e82570}.demo-option:focus-visible{outline:3px solid #e82570;outline-offset:3px}.demo-option.cleaning-demo{background:#e8f6ed;border-color:#cce6d9}.demo-mark{display:block;font-size:32px;color:#e82570;line-height:1;margin-bottom:14px}.cleaning-demo .demo-mark,.cleaning-demo b{color:#08705c}.demo-kind{font-size:13px;font-weight:700;color:#647080}.demo-option h3{font-size:24px;margin:6px 0 10px}.demo-option p{font-size:15px;line-height:1.6;color:#536176;margin-bottom:18px}.demo-option b{color:#e82570}.demo-selector>small{display:block;color:#647080;font-size:13px;margin-top:14px}@media(max-width:600px){.demo-selector-grid{grid-template-columns:1fr;gap:12px}.demo-option{padding:22px}.demo-option h3{font-size:22px}}@media(prefers-reduced-motion:reduce){.demo-option{transition:none}}