.catalog-hero__cta { align-items: flex-start; }
.quick-demo-cta { flex: 1 1 16rem; max-inline-size: 27rem; min-inline-size: 0; }
.quick-demo-cta__capacity { margin: 0 0 .85rem; padding: .85rem 1rem; border: 1px solid var(--border, #dce3eb); border-radius: 12px; background: var(--surface, #fff); }
.quick-demo-cta__cap-heading { margin: 0 0 .35rem; font-weight: 650; font-size: 1rem; }
.quick-demo-cta__cap-summary, .quick-demo-cta__cap-eta { margin: 0 0 .35rem; font-size: .9rem; line-height: 1.5; color: var(--muted, #5c6b7a); }
.quick-demo-cta__cap-sessions { margin: .5rem 0 0; padding: 0; list-style: none; font-size: .85rem; color: var(--text, #172b4d); }
.quick-demo-cta__cap-sessions li { display: flex; justify-content: space-between; gap: 1rem; padding: .2rem 0; }
.quick-demo__capacity { margin: 0 0 16px; padding: 12px 14px; border: 1px solid var(--border, #dce3ea); border-radius: 10px; }
.quick-demo__cap-sessions { margin: 8px 0 0; padding: 0; list-style: none; }
.quick-demo__cap-sessions li { display: flex; justify-content: space-between; gap: 1rem; font-size: .9rem; }
.quick-demo__queue { margin: 12px 0; }
.quick-demo__steps { margin: 12px 0 8px; padding: 0; list-style: none; }
.quick-demo__steps li { display: flex; align-items: center; gap: 8px; margin: 0 0 6px; font-size: .95rem; }
.quick-demo__steps li[data-qd-step-status="pending"] { color: var(--muted, #5c6b7a); }
.quick-demo__steps li[data-qd-step-status="current"] { font-weight: 650; }
.quick-demo__step-mark { inline-size: 1.25rem; text-align: center; }
.quick-demo-cta__button { min-block-size: 44px; max-inline-size: 100%; white-space: normal; }
.quick-demo-cta__button:focus-visible,
.quick-demo-cta__dialog button:focus-visible { outline: 3px solid currentColor; outline-offset: 4px; }
.quick-demo-cta__description { font-size: .875rem; line-height: 1.6; margin: .5rem 0 0; }
.quick-demo-cta__dialog { border: 1px solid var(--border, #dce3eb); border-radius: 12px; padding: 1.5rem; max-inline-size: min(28rem, calc(100vw - 3rem)); color: var(--text, #172b4d); background: var(--surface, #fff); }
.quick-demo-cta__dialog::backdrop { background: rgb(15 23 42 / 35%); }
.quick-demo-cta__dialog p { margin-block: 0 1.25rem; }
@media (max-width: 600px) {
  .quick-demo-cta { flex-basis: 100%; max-inline-size: 100%; }
  .quick-demo-cta__button { inline-size: 100%; }
}