.v-demo{background-color:var(--color-surface-muted);min-height:100vh}.v-demo__banner{z-index:var(--z-modal);background-image:linear-gradient(to right,var(--amber-500),var(--orange-500));color:var(--color-text-inverse);position:fixed;top:0;left:0;right:0}@media (min-width:768px){.v-demo__banner-offset{margin-left:var(--sidebar-width)}}.v-demo__banner-inner{padding:var(--space-2)var(--space-4);justify-content:space-between;align-items:center;display:flex}.v-demo__banner-text{align-items:center;gap:var(--space-2);display:flex}.v-demo__badge{padding:var(--space-0-5)var(--space-2);border-radius:var(--radius-md);background-color:color-mix(in srgb,var(--white)20%,transparent);font-size:var(--text-xs);font-weight:var(--font-semibold)}.v-demo__banner-long{font-size:var(--text-sm);display:none}.v-demo__banner-short{font-size:var(--text-sm)}@media (min-width:640px){.v-demo__banner-long{display:inline}.v-demo__banner-short{display:none}}.v-demo__banner-actions{gap:var(--space-2);display:flex}.v-demo__banner-button{padding:var(--space-1)var(--space-3);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:background-color var(--duration-normal)var(--ease-default);border:none}.v-demo__banner-button--primary{background-color:var(--color-surface);color:var(--orange-600)}.v-demo__banner-button--primary:hover{background-color:var(--color-surface-active)}.v-demo__banner-button--ghost{background-color:color-mix(in srgb,var(--white)10%,transparent);color:inherit;display:none}.v-demo__banner-button--ghost:hover{background-color:color-mix(in srgb,var(--white)20%,transparent)}@media (min-width:640px){.v-demo__banner-button--ghost{display:block}}.v-demo__main{padding-top:var(--space-10)}@media (min-width:768px){.v-demo__main{padding-left:var(--sidebar-width)}}.v-demo__content{min-height:calc(100dvh - var(--space-10) - var(--space-16))}.v-demo__cta{right:var(--space-4);bottom:var(--space-4);z-index:var(--z-floating);position:fixed}@media (min-width:768px){.v-demo__cta{display:none}}.v-demo__cta-button{padding:var(--space-3)var(--space-6);border-radius:var(--radius-full);background-image:linear-gradient(to right,var(--blue-600),var(--purple-600));box-shadow:var(--shadow-lg);color:var(--color-text-inverse);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:box-shadow var(--duration-normal)var(--ease-default),transform var(--duration-normal)var(--ease-default);border:none}.v-demo__cta-button:hover{box-shadow:var(--shadow-xl);transform:scale(1.05)}.v-demo__hero{padding:var(--space-8)var(--space-6);background-image:linear-gradient(to bottom,var(--color-primary-subtle),var(--color-surface))}.v-demo__hero-inner{text-align:center;max-width:56rem;margin-inline:auto}.v-demo__hero-title{margin-bottom:var(--space-2);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text)}.v-demo__hero-desc{color:var(--gray-600)}