.demo-root{--d-ground:#0d0d0c;--d-surface:#171714;--d-ink:#f7f5f0;--d-ink-muted:#a3a099;--d-line:#f7f5f01f;--d-panel:#f4f1ea;--d-panel-alt:#eae5d9;--d-panel-ink:#14140f;--d-panel-ink-muted:#57554c;--d-panel-line:#14140f1f;--d-accent:#d4ff4f;--d-accent-deep:#a4cc27;--d-accent-glow:#d4ff4f47;--d-on-accent:#14140f;--d-radius:22px;--d-btn-radius:999px;--d-font-display:var(--font-poppins), ui-sans-serif, system-ui, sans-serif;--d-font-body:var(--font-inter), ui-sans-serif, system-ui, sans-serif;background:var(--d-ground);color:var(--d-ink);font-family:var(--d-font-body)}.demo-display{font-family:var(--d-font-display);font-optical-sizing:auto}.demo-hero-backdrop{background:radial-gradient(60% 70% at 50% 0%, var(--d-accent-glow) 0%, transparent 65%), var(--d-ground)}.demo-video-ring{background:linear-gradient(150deg, var(--d-accent) 0%, color-mix(in srgb, var(--d-accent) 25%, transparent) 38%, var(--d-line) 62%, var(--d-accent-deep) 100%);box-shadow:0 30px 90px -30px var(--d-accent-glow)}.demo-sheen:after{content:"";background:linear-gradient(105deg,#0000 35%,#ffffff12 50%,#0000 65%);animation:5.5s ease-in-out infinite demo-sheen;position:absolute;inset:0;transform:translate(-100%)}@keyframes demo-sheen{0%,55%{transform:translate(-100%)}to{transform:translate(100%)}}.demo-rise{animation:.7s cubic-bezier(.22,1,.36,1) both demo-rise}@keyframes demo-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.demo-rise,.demo-sheen:after{animation:none}.demo-rise{opacity:1;transform:none}}.demo-light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.demo-paper{isolation:isolate;position:relative}.demo-paper:before{content:"";z-index:-1;opacity:.05;pointer-events:none;background-image:url(/noise.svg);background-size:160px 160px;position:absolute;inset:0}.store-plate,.store-plate-dark{isolation:isolate;transition:border-color .25s;position:relative}.store-plate:before,.store-plate-dark:before{content:"";z-index:-1;background:var(--d-accent);opacity:.07;pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.store-plate{background:var(--d-panel-alt);border:1px solid var(--d-panel-line)}.group:hover .store-plate{border-color:var(--d-accent-deep)}.store-plate-dark{background:var(--d-surface);border:1px solid var(--d-line)}.store-plate-dark:before{opacity:.09}.group:hover .store-plate-dark{border-color:var(--d-accent)}.group:hover .store-plate:before,.group:hover .store-plate-dark:before{opacity:.16}.demo-hero-track{--demo-hero-h:clamp(400px, 42vw, 452px)}.demo-hero-track .swiper{width:100%;height:var(--demo-hero-h)}.demo-hero-track .swiper-slide{height:var(--demo-hero-h);align-items:center;display:flex}.demo-hero-track .swiper-slide:not(.swiper-slide-active){pointer-events:none}.store-index{border-bottom:2px solid #0000;transition:color .2s,border-color .2s,opacity .2s}.demo-rail{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.demo-rail::-webkit-scrollbar{display:none}.demo-rail>*{scroll-snap-align:start}@media (min-width:640px){.demo-rail{scroll-snap-type:none}}