.retail-industry{--retail-accent:color-mix(in oklch, var(--primary), #6359b5 38%);--retail-soft:color-mix(in oklch, #6c68a9, var(--background) 94%);--retail-shelf:color-mix(in oklch, var(--retail-accent), transparent 92%)}@supports (color:lab(0% 0 0)){.retail-industry{--retail-accent:color-mix(in oklch, var(--primary), lab(42.4433% 22.2526 -48.2919) 38%);--retail-soft:color-mix(in oklch, lab(46.6401% 13.6243 -34.8686), var(--background) 94%)}}.dark .retail-industry{--retail-soft:color-mix(in oklch, #514e80, var(--background) 88%)}@supports (color:lab(0% 0 0)){.dark .retail-industry{--retail-soft:color-mix(in oklch, lab(35.2784% 10.8166 -27.9132), var(--background) 88%)}}@layer utilities{.retail-shelf-bg{background-image:repeating-linear-gradient(180deg, transparent, transparent 31px, var(--retail-shelf) 31px, var(--retail-shelf) 32px);background-size:100% 32px}.retail-hero-glow{background:radial-gradient(ellipse 65% 50% at 0% 0%, color-mix(in oklch, var(--retail-accent), transparent 82%), transparent 55%), radial-gradient(ellipse 45% 40% at 100% 20%, color-mix(in oklch, var(--primary), transparent 90%), transparent 50%)}.retail-panel{border:1px solid color-mix(in oklch, var(--retail-accent), var(--border) 65%);background:linear-gradient(160deg, color-mix(in oklch, var(--card), var(--retail-soft) 35%) 0%, var(--card) 55%);box-shadow:0 0 0 1px color-mix(in oklch, var(--border), transparent 15%), 0 20px 48px -36px color-mix(in oklch, var(--retail-accent), transparent 78%)}.retail-pain-card{border:1px solid color-mix(in oklch, var(--retail-accent), var(--border) 70%);background:var(--card);box-shadow:0 12px 32px -28px color-mix(in oklch, var(--retail-accent), transparent 80%)}.retail-bento-feature{border:1px solid color-mix(in oklch, var(--retail-accent), var(--border) 62%);background:var(--card);transition:border-color .2s,box-shadow .2s,transform .2s}.retail-bento-feature:hover{border-color:color-mix(in oklch, var(--retail-accent), transparent 45%);box-shadow:0 18px 40px -32px color-mix(in oklch, var(--retail-accent), transparent 65%)}.retail-dark-band{border-block:1px solid color-mix(in oklch, var(--retail-accent), transparent 75%);background:radial-gradient(ellipse 70% 80% at 50% 120%, color-mix(in oklch, var(--primary), transparent 88%), transparent 55%), linear-gradient(180deg, color-mix(in oklch, #191928, var(--background) 15%) 0%, color-mix(in oklch, #10101c, var(--background) 8%) 100%)}@supports (color:lab(0% 0 0)){.retail-dark-band{background:radial-gradient(ellipse 70% 80% at 50% 120%, color-mix(in oklch, var(--primary), transparent 88%), transparent 55%), linear-gradient(180deg, color-mix(in oklch, lab(9.19814% 3.74068 -10.5484), var(--background) 15%) 0%, color-mix(in oklch, lab(5.06674% 2.39314 -7.99928), var(--background) 8%) 100%)}}.dark .retail-dark-band{background:radial-gradient(ellipse 70% 80% at 50% 120%, color-mix(in oklch, var(--primary), transparent 78%), transparent 55%), linear-gradient(180deg, #0c0c16 0%, #03060d 100%)}@supports (color:lab(0% 0 0)){.dark .retail-dark-band{background:radial-gradient(ellipse 70% 80% at 50% 120%, color-mix(in oklch, var(--primary), transparent 78%), transparent 55%), linear-gradient(180deg, lab(3.57552% 1.4687 -5.10729) 0%, lab(1.51253% .181951 -3.16651) 100%)}}.retail-stack-old{border:1px dashed color-mix(in oklch, var(--muted-foreground), transparent 55%);background:color-mix(in oklch, var(--muted), var(--card) 40%)}.retail-stack-new{border:1px solid color-mix(in oklch, var(--primary), transparent 55%);background:color-mix(in oklch, var(--primary), var(--card) 94%)}}