@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap");*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:linear-gradient(135deg,#edf6f1,#eef1fb 48%,#f2edf8);color:#1e1e1e}a{color:inherit;text-decoration:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes supportPulse{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.02)}to{transform:translateY(0) scale(1)}}@keyframes supportTextSpin{0%{opacity:0;transform:translateY(6px) rotateX(-65deg)}to{opacity:1;transform:translateY(0) rotateX(0deg)}}@keyframes flipHintFloat{0%,to{transform:translateZ(0);opacity:.74}50%{transform:translate3d(0,-3px,0);opacity:1}}@keyframes stallFloat{0%{transform:translateZ(0) scale(var(--stall-scale,1))}50%{transform:translate3d(0,-12px,0) scale(var(--stall-scale,1))}to{transform:translateZ(0) scale(var(--stall-scale,1))}}.stall-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:16px;gap:16px;padding:18px;border:1px solid rgba(15,76,129,.12);border-radius:8px;background:linear-gradient(180deg,rgba(248,251,255,.82),hsla(0,0%,100%,.38)),repeating-linear-gradient(90deg,rgba(15,76,129,.04) 0 1px,transparent 1px 38px)}.stall-card{--stall-accent:#0f4c81;position:relative;z-index:1;min-height:248px;border-radius:8px;perspective:1200px;transform-origin:bottom center;animation:stallPop .62s cubic-bezier(.2,.9,.3,1.2) var(--stall-delay,0s) both;transition:transform .24s ease,filter .24s ease}.stall-card:focus,.stall-card:hover{z-index:8;transform:translateY(-10px);filter:drop-shadow(0 18px 22px rgba(15,76,129,.16))}.stall-flip{position:relative;min-height:248px;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.2,.8,.2,1)}.stall-card:focus .stall-flip,.stall-card:hover .stall-flip{transform:rotateY(180deg)}.stall-face{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:8px}.stall-front{display:flex;align-items:center;justify-content:center;z-index:2}.stall-front-inner{width:100%}.stall-back{padding:18px 14px;border:1px solid rgba(15,76,129,.18);background:linear-gradient(145deg,hsla(0,0%,100%,.97),rgba(248,251,255,.92)),linear-gradient(180deg,color-mix(in srgb,var(--stall-accent),#fff 84%),#fffdf9);box-shadow:0 14px 28px rgba(15,76,129,.1);transform:rotateY(180deg)}.stall-back,.stall-back-copy{display:flex;align-items:center;justify-content:center}.stall-back-copy{flex-direction:column;gap:10px;color:#1e1e1e;text-align:center}.stall-back-value{max-width:150px;font-size:1rem;font-weight:700;line-height:1.35;color:color-mix(in srgb,var(--stall-accent),#1e1e1e 30%)}.stall-back-emoji{display:grid;place-items:center;width:72px;height:72px;border-radius:20px;background:color-mix(in srgb,var(--stall-accent),#fff 90%);border:2px solid color-mix(in srgb,var(--stall-accent),#1e1e1e 10%);box-shadow:0 10px 20px rgba(15,76,129,.16);font-size:2rem;line-height:1}.stall-front-icon{opacity:1;transform:translateX(-50%) scale(.82) rotate(-4deg)}.stall-awning{position:relative;z-index:2;height:44px;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid rgba(15,76,129,.22);border-radius:8px 8px 5px 5px;box-shadow:0 8px 0 rgba(15,76,129,.08)}.stall-awning span:nth-child(odd){background:var(--stall-accent)}.stall-awning span:nth-child(2n){background:#fffdf9}.stall-awning span{position:relative}.stall-awning span:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:18px;border-radius:0 0 999px 999px;background:inherit}.stall-body{position:relative;width:82%;min-height:112px;margin:0 auto;padding:22px 12px 12px;border:1px solid rgba(15,76,129,.18);border-top:0;border-radius:0 0 8px 8px;background:hsla(0,0%,100%,.76);box-shadow:inset 0 -18px 0 rgba(15,76,129,.04)}.stall-body:after,.stall-body:before{content:"";position:absolute;top:-3px;bottom:0;width:5px;background:rgba(15,76,129,.16)}.stall-body:before{left:9px}.stall-body:after{right:9px}.stall-sign{width:min(100%,146px);min-height:54px;margin:0 auto 14px;padding:6px 10px;border-radius:6px;color:#1e1e1e;background:rgba(255,253,249,.92);border:1px solid rgba(15,76,129,.12);font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;line-height:1.15;transition:opacity .22s ease,transform .22s ease;font-size:clamp(.98rem,1vw,1.1rem)}.stall-sign-long{font-size:.84rem;letter-spacing:-.01em}.flip-hint{position:absolute;top:10px;right:10px;z-index:4;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:rgba(93,32,92,.2);border:1px solid rgba(93,32,92,.34);box-shadow:0 8px 18px rgba(93,32,92,.24);animation:flipHintFloat 1.8s ease-in-out infinite}.flip-hint-stall{top:12px;right:12px}.flip-hint-icon{display:block;flex:0 0 auto;position:relative;width:15px;height:15px}.flip-hint-icon:after,.flip-hint-icon:before{content:"";position:absolute}.flip-hint-icon:before{inset:1px;border:2px solid hsla(0,0%,100%,.94);border-right-color:transparent;border-radius:50%}.flip-hint-icon:after{right:-1px;top:1px;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid hsla(0,0%,100%,.94);transform:rotate(18deg)}.stall-icon{position:absolute;left:50%;top:38px;width:76px;height:54px;display:grid;place-items:center;border-radius:8px;background:hsla(0,0%,100%,.94);border:2px solid var(--stall-accent);transform:translateX(-50%) scale(.65) rotate(-6deg);opacity:0;transition:opacity .22s ease,transform .22s ease;box-shadow:0 12px 22px rgba(15,76,129,.16)}.stall-icon:after,.stall-icon:before{content:"";position:absolute}.stall-icon-hotdog:before{width:58px;height:16px;border-radius:999px;background:#ff7a00;box-shadow:0 0 0 8px #ff7a00;transform:rotate(-9deg)}.stall-icon-hotdog:after{width:43px;height:6px;border-radius:999px;background:repeating-linear-gradient(90deg,#ffe46b 0 8px,transparent 8px 13px);transform:rotate(-9deg)}.stall-icon-cotton:before{width:42px;height:42px;border-radius:50% 48% 52% 44%;background:radial-gradient(circle at 35% 30%,#ffd6ef,#ff8dc8 72%);box-shadow:-13px 9px 0 #ffaed8,13px 9px 0 #ffc4e5}.stall-icon-cotton:after{width:7px;height:32px;border-radius:999px;background:#d7a36a;top:28px}.stall-icon-drink:before{width:34px;height:42px;border-radius:5px 5px 10px 10px;background:linear-gradient(180deg,#ffe46b 0 26%,#38b6c1 26% 100%);border:2px solid #0f4c81}.stall-icon-drink:after{width:5px;height:36px;border-radius:999px;background:#ff7a00;transform:translate(18px,-18px) rotate(16deg)}.stall-icon-box:before{width:46px;height:38px;border-radius:6px;background:linear-gradient(90deg,transparent 44%,#0f4c81 44% 56%,transparent 56%),linear-gradient(180deg,transparent 42%,#0f4c81 42% 54%,transparent 54%),#ff7a00;border:2px solid #0f4c81}.stall-icon-box:after{width:54px;height:10px;border-radius:5px;background:#3c8d5a;transform:translateY(-22px)}.stall-icon-question:before{content:"?";width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff4b8,#f6b34a 72%);color:#5d4037;font-size:1.7rem;font-weight:800}.stall-card:focus .stall-sign,.stall-card:hover .stall-sign{opacity:0;transform:translateY(-8px) scale(.86)}.stall-card:focus .stall-front-icon,.stall-card:hover .stall-front-icon{opacity:0;transform:translateX(-50%) scale(.62) rotate(-8deg)}.stall-shelf{display:flex;justify-content:center;gap:8px}.stall-shelf i{width:18px;height:18px;border-radius:6px;background:color-mix(in srgb,var(--stall-accent),#fff 34%);border:1px solid rgba(15,76,129,.12)}.stall-counter{height:14px;margin-top:15px;border-radius:5px;background:linear-gradient(90deg,rgba(15,76,129,.18),rgba(255,122,0,.18))}.magnet-panel,.split-band{width:100%;display:flex;gap:18px;align-items:center;justify-content:space-between;padding:22px;border:1px solid rgba(255,122,0,.28);border-radius:8px;background:linear-gradient(120deg,rgba(255,253,249,.98),rgba(248,251,255,.9)),linear-gradient(90deg,rgba(255,122,0,.22),rgba(15,76,129,.12));box-shadow:0 18px 45px rgba(15,76,129,.12)}.app-callout{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:18px;border:1px solid rgba(15,76,129,.12);background:linear-gradient(135deg,hsla(0,0%,100%,.96),rgba(248,251,255,.9)),linear-gradient(90deg,rgba(15,76,129,.06),rgba(255,122,0,.08));box-shadow:0 16px 34px rgba(15,76,129,.08)}.hero-actions-block{max-width:100%}.hero-stat-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.app-callout-badge{flex:0 0 auto;display:inline-flex;width:-moz-fit-content;width:fit-content;padding:8px 12px;border-radius:999px;background:rgba(15,76,129,.1);color:#0f4c81;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.promo-code-highlight{color:#ff7a00;font-weight:700}.support-poster-thumb{position:relative;margin-top:14px;max-width:260px;border-radius:12px;overflow:hidden;border:1px solid rgba(15,76,129,.16);box-shadow:0 12px 24px rgba(15,76,129,.14);cursor:pointer}.support-poster-image{display:block;width:100%;height:auto}.support-poster-zoom{position:absolute!important;top:50%;left:50%;transform:translate(-50%,-50%);animation:none!important;z-index:5;border:0;cursor:pointer;width:52px;height:52px;background:rgba(93,32,92,.9)!important;border-color:hsla(0,0%,100%,.72)!important;box-shadow:0 10px 22px rgba(0,0,0,.28)!important}.zoom-hint-icon{position:relative;width:18px;height:18px;display:block}.zoom-hint-icon:after,.zoom-hint-icon:before{content:"";position:absolute}.zoom-hint-icon:before{inset:0;border:2.5px solid #fff;border-radius:50%}.zoom-hint-icon:after{width:9px;height:2.5px;right:-6px;bottom:-1px;border-radius:999px;background:#fff;transform:rotate(45deg);transform-origin:left center}.magnet-panel{border-color:rgba(25,26,117,.16);color:#1e1e1e;background:radial-gradient(circle at right top,rgba(95,45,145,.08),transparent 36%),linear-gradient(120deg,#f1f2f6,#f5f7fb 55%,#f1f2f6);background-color:#f1f2f6;opacity:1;box-shadow:0 18px 46px rgba(15,76,129,.16);align-items:center}.magnet-panel *{opacity:1}.magnet-panel .MuiTypography-root{color:#1e1e1e}.magnet-panel .MuiTypography-colorTextSecondary{color:#4a4a4a}.magnet-panel-copy{flex:1 1 auto;max-width:900px;display:flex;flex-direction:column;justify-content:center}.magnet-panel-copy .MuiTypography-h5-root{margin:8px 0 10px}.magnet-panel-metric{flex:0 0 260px;padding:18px;border-radius:18px;border:1px solid rgba(15,76,129,.12);background:#f1f2f6;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.7)}.magnet-panel-metric .MuiTypography-h6-root{margin:8px 0}.split-band{width:100%;align-items:stretch;border-color:rgba(15,76,129,.22);background:linear-gradient(145deg,#f1f2f6,#f5f7fb),linear-gradient(90deg,rgba(15,76,129,.08),rgba(95,45,145,.06));padding:0;gap:0;overflow:hidden}.split-band-main{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;min-height:220px;padding:28px 30px;background:radial-gradient(circle at left top,rgba(59,124,103,.08),transparent 36%),linear-gradient(145deg,#f1f2f6,#f5f7fb);border-right:1px solid rgba(15,76,129,.08)}.split-band-main .MuiTypography-h5-root{margin:10px 0 12px}.number-badge{flex:0 0 42%;min-width:320px;padding:28px 30px;border-radius:0;background:radial-gradient(circle at right top,rgba(25,26,117,.1),transparent 34%),linear-gradient(145deg,#f1f2f6,#f5f7fb);border-left:1px solid rgba(15,76,129,.08);box-shadow:none;display:flex;flex-direction:column;justify-content:center}.benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:18px}.benefit-item{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:hsla(0,0%,100%,.78);border:1px solid rgba(15,76,129,.08)}.benefit-item-dot{flex:0 0 auto;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#ff7a00,#0f4c81);box-shadow:0 0 0 6px rgba(255,122,0,.1)}.benefit-item .MuiTypography-root{font-size:.96rem;font-weight:600;color:#24303c}.card-grid-item{display:flex}.card-grid-item .MuiCardContent-root{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:24px 28px!important}.card-grid-item .MuiChip-root{margin-bottom:12px!important}.card-grid-item .MuiTypography-overline-root{margin-bottom:8px}.card-grid-item .MuiTypography-h5-root,.card-grid-item .MuiTypography-h6-root{margin-bottom:10px;line-height:1.15}.card-grid-item .MuiTypography-root{text-align:left}.flip-stat{width:100%;min-height:112px;perspective:900px}.flip-stat-inner{position:relative;width:100%;min-height:112px;transform-style:preserve-3d;transition:transform .52s cubic-bezier(.2,.8,.2,1)}.flip-stat:focus .flip-stat-inner,.flip-stat:hover .flip-stat-inner{transform:rotateY(180deg)}.flip-stat-face{position:absolute;inset:0;padding:18px 22px;border-radius:8px;border:1px solid rgba(15,76,129,.18);background:hsla(0,0%,100%,.86);-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;box-shadow:0 14px 28px rgba(15,76,129,.08)}.flip-stat-front{background:linear-gradient(135deg,hsla(0,0%,100%,.94),rgba(248,251,255,.78))}.flip-stat-back{transform:rotateY(180deg);background:linear-gradient(135deg,hsla(0,0%,100%,.98),rgba(248,251,255,.95));color:#1e1e1e}.flip-stat-back .MuiTypography-body2-root{padding-right:20px;line-height:1.45}.mystery-toy{position:relative;flex:0 0 180px;height:150px;width:180px;margin-inline:auto}.box-base{z-index:1;background:linear-gradient(90deg,rgba(15,76,129,.18),transparent 50%,rgba(255,122,0,.18)),#fffdf9;box-shadow:0 12px 24px rgba(15,76,129,.12)}.box-base,.box-front{position:absolute;left:42px;bottom:18px;width:96px;height:58px;border-radius:7px;border:2px solid rgba(15,76,129,.24)}.box-front{z-index:4;background:linear-gradient(90deg,rgba(15,76,129,.18),rgba(255,253,249,.94) 32%,rgba(255,253,249,.96) 68%,rgba(255,122,0,.18)),#fffdf9;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.45)}.box-front:after{content:"";position:absolute;z-index:1;left:50%;top:52%;width:156px;height:60px;transform:translate(-50%,-50%);background-image:url(/images/cluemart-logo.png);background-repeat:no-repeat;background-position:50%;background-size:contain;filter:drop-shadow(0 2px 2px rgba(15,76,129,.18));opacity:.95}.box-lid{position:absolute;left:36px;bottom:72px;z-index:5;width:108px;height:18px;border-radius:5px;background:#ff7a00;transform-origin:left center;animation:lidPop 2.8s ease-in-out infinite}.clui-peek{position:absolute;left:52px;bottom:74px;z-index:3;width:78px;height:60px;background-image:url(/images/clui.png);background-size:118px auto;background-position:center 0;background-repeat:no-repeat;border-radius:36px 36px 24px 24px;animation:cluiPeek 2.8s ease-in-out infinite;filter:drop-shadow(0 12px 12px rgba(15,76,129,.16));overflow:hidden}.expand-card,.lift-card,.pop-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.lift-card:hover,.pop-card:hover{transform:translateY(-7px);box-shadow:0 20px 42px rgba(15,76,129,.12)}.expand-card{overflow:hidden}.expand-card:hover{transform:translateY(-8px) scale(1.015);border-color:rgba(255,122,0,.55)!important;box-shadow:0 20px 42px rgba(15,76,129,.12)}.expand-note{display:grid;grid-template-rows:0fr;opacity:0;max-height:0;margin-top:0;transition:opacity .22s ease,max-height .26s ease,margin-top .22s ease}.expand-note-open{opacity:1;max-height:140px;margin-top:12px;grid-template-rows:1fr}.expand-card:hover .expand-note{opacity:1;max-height:120px;margin-top:12px}.expand-card .MuiCardContent-root{min-height:100%}.expand-card .expand-note-open{min-height:78px}.expand-card:hover .wins-note,.wins-note{margin-top:0}.brand-ribbon{width:100%;height:8px;border-radius:999px;background:url(/images/banner-horizontal.webp) 50%/cover no-repeat;box-shadow:0 8px 18px rgba(15,76,129,.14)}.scroll-reveal{animation:revealBoth linear both;animation-timeline:view();animation-range:entry 5% cover 34%}@keyframes revealBoth{0%{opacity:0;transform:translateY(44px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes stallPop{0%{opacity:0;transform:translateY(28px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lidPop{0%,28%,to{transform:rotate(0deg)}42%,72%{transform:rotate(-42deg) translate(-14px,-8px)}}@keyframes cluiPeek{0%,24%,to{transform:translateY(26px) scale(.88) rotate(-3deg);opacity:0}40%{transform:translateY(-2px) scale(1.02) rotate(1deg);opacity:1}70%{transform:translateY(0) scale(1) rotate(-2deg);opacity:1}82%{transform:translateY(12px) scale(.94) rotate(-3deg);opacity:.45}}@supports not (animation-timeline:view()){.scroll-reveal{animation:fadeUp .62s ease both}}@media (max-width:900px){.scroll-reveal{animation-range:entry 0 cover 20%}.hero-stat-grid{grid-template-columns:1fr}.mystery-toy{margin-inline:auto}.box-base,.box-front{left:50%;transform:translateX(-50%)}.box-lid{left:calc(50% - 54px);transform:none;transform-origin:left center;animation:lidPopMobile 2.8s ease-in-out infinite}.clui-peek{left:50%;animation:cluiPeekMobile 2.8s ease-in-out infinite}.stall-row{grid-template-columns:repeat(2,minmax(0,1fr))}.app-callout,.magnet-panel,.split-band{align-items:flex-start;flex-direction:column}.magnet-panel-metric{width:100%;flex:1 1 auto}.number-badge{min-width:0;width:100%;border-left:0;border-top:1px solid rgba(15,76,129,.08)}.split-band-main{border-right:0}.benefit-grid{grid-template-columns:1fr}.stall-card,.stall-flip{min-height:260px}}@keyframes lidPopMobile{0%,22%,to{transform:rotate(0deg)}34%{transform:rotate(-6deg)}46%{transform:rotate(-34deg) translate(-20px,-12px)}70%{transform:rotate(-20deg) translate(-10px,-5px)}}@keyframes cluiPeekMobile{0%,24%,to{transform:translateX(-50%) translateY(26px) scale(.88) rotate(-3deg);opacity:0}40%{transform:translateX(-50%) translateY(-2px) scale(1.02) rotate(1deg);opacity:1}70%{transform:translateX(-50%) translateY(0) scale(1) rotate(-2deg);opacity:1}82%{transform:translateX(-50%) translateY(12px) scale(.94) rotate(-3deg);opacity:.45}}@media (max-width:640px){.stall-row{grid-template-columns:1fr}.flip-hint-stall{top:58px}.brand-ribbon{width:100%}}