.preview-intro h1{font-size:clamp(34px,4.3vw,52px)}.preview-intro .intro{font-size:17px;max-width:720px}.demo-media{max-width:940px;margin:30px 0 14px;border:1px solid var(--line);background:#fff}.demo-screen{background:#f7f9fa;aspect-ratio:1629/970;padding:12px}.demo-screen img{display:block;width:100%;height:100%;object-fit:contain}.demo-caption{padding:20px 24px 0;display:flex;align-items:baseline;gap:20px}.demo-caption .eyebrow{white-space:nowrap;font-size:14px}.demo-caption p{font-size:18px}.demo-controls{display:flex;flex-wrap:wrap;gap:10px;padding:18px 24px 24px}.demo-controls .btn{font-size:14px;min-height:44px}.demo-controls .btn:disabled{opacity:.4;cursor:default}.demo-controls #preview-play{border-color:var(--blue);background:#edf7fa}.demo-controls #preview-play[aria-pressed=true]{background:#f4f8e8;border-color:#a6db19}@media(max-width:600px){.demo-screen{padding:5px}.demo-caption{padding:16px 14px 0;gap:12px;align-items:start}.demo-caption p{font-size:16px}.demo-controls{padding:14px;gap:8px}.demo-controls .btn{padding:10px 12px}.preview-intro h1{font-size:36px}}