.product-demo{padding-block:80px 100px;border-top:1px solid var(--line)}
.product-demo h2{font-size:clamp(32px,4vw,52px);line-height:1.3}
.demo-intro{max-width:720px;font-size:16px;line-height:1.9;color:var(--muted);margin:24px 0 40px}
.demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.demo-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.demo-steps button{width:100%;min-height:64px;border:1px solid var(--line);border-radius:14px;background:transparent;color:var(--ink);font:inherit;font-size:16px;text-align:left;padding:16px;cursor:pointer}
.demo-steps button span{font-size:12px;margin-right:12px}
.demo-steps button[aria-pressed=true]{background:var(--lime);border-color:var(--lime);font-weight:700}
.demo-steps button:focus-visible{outline:3px solid #657d16;outline-offset:3px}
.demo-explanation{font-size:16px;line-height:1.9;margin-top:24px;color:var(--muted)}
.demo-panel{background:var(--sage);border-radius:24px;padding:32px;min-height:370px}
.demo-label{font-size:12px;color:var(--muted);margin:0 0 20px}.demo-panel h3{font-size:24px;line-height:1.4;margin:0 0 12px}
.demo-status{display:inline-block;background:var(--cream);border-radius:40px;padding:6px 14px;font-size:13px;margin:0}
.demo-panel dl{margin:24px 0}.demo-panel dl>div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:12px 0;font-size:14px;line-height:1.6}.demo-panel dt{color:var(--muted)}.demo-panel dd{margin:0;text-align:right}
#demo-note{font-size:14px;line-height:1.8;margin:0}
@media(max-width:760px){.demo-layout{grid-template-columns:1fr;gap:24px}.product-demo{padding-block:64px}.demo-panel{padding:24px}.demo-steps button{padding:14px;font-size:15px}}