.demo-v4{--bg:#f8fafc;--bg-muted:#f1f5f9;--primary:var(--primary-hex);--line:var(--line-hex);--radius:var(--radius-md);--radius-full:999px;--font-body:var(--font-sans);--shadow-sm:0 1px 3px rgba(31,36,51,.07),0 1px 2px rgba(31,36,51,.04);--shadow-lg:0 16px 40px rgba(31,36,51,.12),0 4px 10px rgba(31,36,51,.06);display:block;background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}.demo-v4 *,.demo-v4 :after,.demo-v4 :before{box-sizing:border-box}.demo-v4 a{text-decoration:none}.demo-v4 :focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.demo-v4 .num{font-variant-numeric:tabular-nums}.demo-v4 .dv-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.demo-v4 .dv-step-title{font-size:18px}.demo-v4 .dv-h1,.demo-v4 .dv-step-title{font-family:var(--font-display);font-weight:800;color:var(--ink)}.demo-v4 .dv-h1{margin:0}.demo-v4 .dv-pulse{width:12px;height:12px;border-radius:999px;background:var(--primary);animation:dvPulse 1.1s ease-in-out infinite}@keyframes dvPulse{0%,to{box-shadow:0 0 0 0 rgba(2,118,177,.35);opacity:1}50%{box-shadow:0 0 0 6px rgba(2,118,177,0);opacity:.65}}.demo-v4 .dv-spin{animation:dvSpin .8s linear infinite}@keyframes dvSpin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.demo-v4 .dv-pulse,.demo-v4 .dv-spin{animation:none}}@media (max-width:880px){.demo-v4 .dv-hero-cols{grid-template-columns:1fr!important;gap:24px!important}}@media (max-width:560px){.demo-v4 .dv-len-cards,.demo-v4 .dv-seg{grid-template-columns:1fr!important;flex-direction:column}.demo-v4 .dv-drawer-panel{width:100vw!important;max-width:100vw!important}}