.demo-page{background:var(--pro-canvas)}.demo-head{display:flex;flex-direction:column;align-items:center;gap:18px;max-width:760px;margin:0 auto;padding:48px var(--pl-side) 40px;text-align:center}.demo-title{font-size:56px;text-wrap:balance}.demo-head .pl-hero-sub{width:auto}.demo-stage{padding:0 var(--pl-side)}.demo-video-frame{max-width:1040px;margin:0 auto;padding:12px;background:var(--pro-surface);border:1px solid var(--pro-border);border-radius:var(--pro-radius-lg);box-shadow:var(--pro-shadow-card)}.demo-video-wrapper{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--pro-radius);background:var(--pro-ink)}.demo-video{position:absolute;inset:0;width:100%;height:100%;border:0}.demo-features-band{margin-top:72px}.demo-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;width:100%;max-width:1040px}.demo-feature{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:26px;text-align:left;background:var(--pro-surface);border:1px solid var(--pro-border);border-radius:var(--pro-radius-lg);box-shadow:var(--pro-shadow-card)}.demo-feature-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--pro-radius);background:var(--pro-brand-tint);color:var(--pro-brand-deep)}.demo-feature h3{margin:0;font-size:18px;font-weight:700;color:var(--pro-ink)}.demo-feature p{margin:0;font-size:15.5px;line-height:1.55;color:var(--pro-body)}@media (max-width: 768px){.demo-head{padding-top:32px}.demo-title{font-size:38px}.demo-video-frame{padding:8px}.demo-features-band{margin-top:48px}.demo-features{grid-template-columns:minmax(0,1fr)}}