.phoenix-demo-page { padding: 48px 0 60px; }
.phoenix-demo-intro h1 { margin: 10px 0; font-size: clamp(30px, 4vw, 48px); }
.phoenix-demo-intro > p:last-child { max-width: 850px; color: var(--muted); margin-bottom: 28px; }
.phoenix-demo-frame { display: block; width: calc(100% - 32px); max-width: 1640px; height: 1060px; margin: 0 auto; border: 1px solid #2a3238; border-radius: 14px; background: #090b0d; }
.phoenix-demo-bottom { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 24px; }
.phoenix-demo-bottom p { max-width: 850px; font-size: 13px; color: var(--muted); }
.phoenix-demo-bottom .button { flex-shrink: 0; }
body:has(.phoenix-demo-page) .support-shortcuts { position: static; width: fit-content; max-width: calc(100% - 32px); margin: 20px auto; flex-direction: row; flex-wrap: wrap; justify-content: center; }
body:has(.phoenix-demo-page) .floating-cart { display: none; }
@media (max-width: 800px) { .phoenix-demo-page { padding-top: 25px; } .phoenix-demo-frame { width: calc(100% - 16px); height: 1450px; } .phoenix-demo-bottom { display: block; } }