.dp-demo{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:24px 20px 72px}.dp-demo>.dp-demo-body-copy>h1{font-family:var(--font-serif), Georgia, serif;letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(2rem,5vw,3rem);font-weight:400;line-height:1.1}.dp-demo-section>h2,.dp-demo-cta>h2{font-family:var(--font-serif), Georgia, serif;margin:40px 0 12px;font-size:1.6rem;font-weight:400}.dp-demo-body-copy>.kicker,.dp-demo-section>.kicker{text-transform:uppercase;letter-spacing:.08em;color:#8a8578;margin:0 0 8px;font-size:12px}.dp-demo-intro>p,.dp-demo-section>p,.dp-demo-cta>p{margin:0 0 18px;font-size:17px;line-height:1.7}.dp-demo-intro{max-width:640px;margin-bottom:56px}.dp-demo-section{margin-top:72px}.dp-demo-section:first-of-type{margin-top:0}.dp-demo-section>p,.dp-demo-section>h2,.dp-demo-section>.kicker{max-width:640px}.dp-demo-section>p.dp-demo-hint{color:var(--color-ink-3);margin:14px 0 0;font-size:13px;line-height:20px}.dp-demo-hint a{color:var(--color-ink-2);text-underline-offset:2px;text-decoration:underline}.dp-demo-hint a:hover{color:var(--color-ink)}.dp-demo-frame{border:1px solid var(--rule-strong);border-radius:var(--radius-lg);background:var(--color-bg);box-shadow:var(--shadow-md);margin-top:28px;overflow:hidden}.dp-demo-chrome{border-bottom:1px solid var(--rule);background:var(--color-bg-soft);align-items:center;gap:14px;padding:10px 16px;display:flex}.dp-demo-dots{flex-shrink:0;gap:6px;display:inline-flex}.dp-demo-dots i{background:var(--color-ink-4);border-radius:50%;width:8px;height:8px}.dp-demo-path{font-family:var(--font-mono);letter-spacing:.2px;color:var(--color-ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.dp-demo-body{background:var(--color-bg)}.dp-demo-body--scroll{overscroll-behavior:contain;max-height:640px;overflow-y:auto}@media (max-width:720px){.dp-demo-body--scroll{max-height:520px}}.dp-demo-cta{border:1px solid var(--rule-strong);border-radius:var(--radius-lg);background:var(--color-surface);text-align:center;margin-top:88px;padding:40px}.dp-demo-cta>h2{margin:0 0 12px}.dp-demo-cta>p{max-width:520px;color:var(--color-ink-2);margin:0 auto 28px}@media (max-width:720px){.dp-demo-cta{padding:28px 20px}}