.demo-main { max-width: 1040px; margin-inline: auto; padding: 36px 24px 70px; }
.demo-intro { max-width: 760px; margin: 0 auto 26px; }
.demo-intro .page-title { font-size: clamp(27px, 4vw, 42px); margin: 12px 0; line-height: 1.3; }
.demo-intro p, .demo-parent-note { color: var(--muted); line-height: 1.7; }
.demo-badge { font-size: 13px; font-weight: 750; color: var(--emerald) !important; }
.trail-preview { overflow: hidden; background: var(--white); border: 1px solid var(--line); border-radius: 24px; }
.trail-preview > img { display:block; width:100%; height:auto; }
.trail-preview-copy { padding:24px; line-height:1.7; }
.trail-preview-copy .sales-button { display:inline-flex; align-items:center; min-height:44px; margin-block:8px; }
.demo-parent-note { margin-top:24px; }
.demo-parent-note a { display:inline-block; padding-block:10px; min-height:44px; }
@media(max-width:600px) { .demo-main { padding:24px 16px 48px; } .trail-preview-copy { padding:18px; } }