/* VEXO / GADGET PLAYGROUND — independent Shopify theme layer */
:root{--bg:#f6f4ee;--panel:#ffffff;--white:#23231f;--muted:#696861;--blue:#ff6337;--blue2:#ff8c46;--line:rgba(29,29,29,.13);--orange:#ff6337;--ink:#1c1c18;--cream:#f6f4ee}body{background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}h1,h2,h3{font-weight:700}a,button{-webkit-tap-highlight-color:transparent}.shell{width:min(1390px,calc(100% - 80px))}.site-header{background:#f8f7f2!important;border-bottom:1px solid #d8d7d0!important;color:#171715!important;box-shadow:none!important}.nav-shell{min-height:81px!important}.desktop-nav a{color:#272722!important;font-weight:800!important;font-size:11px!important;letter-spacing:.08em}.icon-link{color:#1c1c18!important}.arcade-logo{font-family:'Space Grotesk',sans-serif;font-size:34px;font-weight:700;letter-spacing:-.095em;line-height:1}.arcade-logo-dot{color:var(--orange)}.arcade-logo-sub{display:block;font-size:9px;font-weight:900;letter-spacing:.22em;margin-top:3px}.wordmark{display:block;line-height:1!important}.announcement{background:var(--ink)!important;color:white!important;letter-spacing:.12em}.announcement a{color:#ffb49c}.mobile-nav{background:#fff!important;color:#111!important}.mobile-menu-button span{background:#151515!important}.arcade-hero{position:relative;overflow:hidden;background:#f6f4ee;padding:68px 0 15px;isolation:isolate}.arcade-dotfield{position:absolute;inset:0;opacity:.55;background-image:radial-gradient(#d4d0c6 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(90deg,transparent 0%,black 47%,black 100%);z-index:-1}.arcade-hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:38px;align-items:center;min-height:585px}.arcade-overline,.arcade-label{font-size:11px;font-weight:900;letter-spacing:.16em}.arcade-overline{display:flex;align-items:center;gap:12px}.arcade-index{color:#99968e;margin-left:22px}.live-dot{background:var(--orange);width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 5px #ff633720;animation:ping 2.5s infinite}.arcade-copy h1{font-size:clamp(64px,7.2vw,122px);font-weight:700;letter-spacing:-.105em;line-height:.91;margin:35px 0 25px}.arcade-copy h1 span{color:#bcb8aa}.arcade-copy h1 i,.arcade-section-heading h2 i,.arcade-feature-copy h2 i{font-style:normal;color:var(--orange)}.arcade-copy p{max-width:495px;font-size:18px;line-height:1.65;color:#525048}.arcade-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}.arcade-btn,.arcade-btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:5px;min-height:53px;padding:0 24px;font-size:11px;letter-spacing:.09em;font-weight:900;transition:transform .2s,background .2s,box-shadow .2s}.arcade-btn{color:#fff;background:var(--orange);border:2px solid var(--orange)}.arcade-btn:hover{background:#e94f29;box-shadow:6px 6px 0 #1b1b18;transform:translate(-3px,-3px)}.arcade-btn-outline{border:2px solid #1b1b18;color:#1b1b18}.arcade-btn-outline:hover{background:#24231f;color:white}.arcade-proof{margin-top:55px;display:flex;gap:30px;flex-wrap:wrap;font-size:10px;letter-spacing:.085em;font-weight:800;color:#838074}.arcade-display{height:560px;position:relative;border:2px solid #23221d;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 50% 38%,#ffe2cd,#ffc495 39%,#fc9870 82%);transform-style:preserve-3d;transition:transform .25s ease;box-shadow:15px 15px 0 #22221e}.display-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff4d 1px,transparent 1px),linear-gradient(90deg,#ffffff4d 1px,transparent 1px);background-size:45px 45px;mask-image:radial-gradient(circle,black,transparent 75%)}.display-corner{position:absolute;font-size:25px;font-weight:500;z-index:4}.tl{left:18px;top:9px}.tr{right:18px;top:9px}.bl{left:18px;bottom:10px}.br{right:18px;bottom:10px}.arcade-hero-picture{position:absolute;inset:55px 20px 55px;display:grid;place-items:center;animation:float 6s ease-in-out infinite}.hero-gadget{width:90%;height:85%;object-fit:contain;filter:drop-shadow(10px 25px 20px #38221d55)}.demo-gadget{width:275px;height:310px;position:relative;transform:rotate(-14deg);filter:drop-shadow(24px 30px 15px #55382864)}.demo-rim{position:absolute;inset:0;background:linear-gradient(140deg,#353632,#0e100f 52%,#74766e);padding:20px;border-radius:55px 55px 65px 65px;border:7px solid #c8c6b9;box-shadow:inset 4px 4px 7px #ffffff77}.demo-screen{height:100%;background:radial-gradient(circle at center,#43514b,#171e1d 66%);border-radius:35px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.demo-screen span{position:absolute;top:23px;color:#d6f6dc;font-size:16px;letter-spacing:.22em;font-weight:900}.demo-screen b{position:absolute;bottom:22px;color:#a5f5ac;font-size:56px}.demo-radar{width:165px;height:165px;border:1px solid #b8d6c05e;border-radius:50%;position:relative;display:grid;place-items:center}.demo-radar i{position:absolute;border:1px solid #a4fbc58c;border-radius:50%;width:70%;height:70%}.demo-radar i:nth-child(2){width:38%;height:38%}.demo-radar i:nth-child(3){width:8px;height:8px;background:#a8ffcb}.demo-knob{position:absolute;right:-15px;top:90px;background:#e0ddd2;height:40px;width:14px;border-radius:5px}.display-sticker{position:absolute;z-index:5;border:1px solid #161616;padding:10px 14px;font-size:10px;letter-spacing:.07em;font-weight:900;background:#f7f5ed;box-shadow:4px 4px 0 #151515}.sticker-a{top:38px;left:24px;transform:rotate(-5deg)}.sticker-a span{color:var(--orange)}.sticker-b{bottom:35px;right:25px;transform:rotate(5deg)}.sticker-b b{color:var(--orange)}.display-vertical{position:absolute;right:7px;top:50%;writing-mode:vertical-rl;font-weight:900;font-size:9px;letter-spacing:.17em;transform:translateY(-50%)}.arcade-bottom{display:flex;justify-content:space-between;border-top:1px solid #cec9bd;padding:23px 0 18px;font-size:10px;letter-spacing:.11em;font-weight:900}.arcade-marquee{overflow:hidden;background:#1e1f1c;color:#fff;border-top:2px solid #1e1f1c;border-bottom:2px solid #1e1f1c;white-space:nowrap;padding:14px 0}.arcade-marquee-track{display:flex;width:max-content;gap:52px;animation:marquee 26s linear infinite}.arcade-marquee-track span{font-size:14px;letter-spacing:.14em;font-weight:900}.arcade-categories{background:#f8f7f3;padding-top:110px;padding-bottom:100px}.arcade-section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:37px}.arcade-section-heading h2,.arcade-feature-copy h2{font-size:clamp(40px,4.8vw,75px);letter-spacing:-.08em;line-height:1;margin:20px 0 0}.arcade-section-heading p{color:#68665e;max-width:270px;line-height:1.6}.arcade-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.arcade-category{min-width:0;border:2px solid #24251e;border-radius:10px;min-height:430px;padding:18px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s;background:#ffe2c5}.arcade-category-2{background:#e2eedc}.arcade-category-3{background:#d7e2f3}.arcade-category-4{background:#eee3fb}.arcade-category:hover{transform:translate(-4px,-6px);box-shadow:8px 9px 0 #24251e}.zone-top,.zone-bottom{display:flex;justify-content:space-between;gap:10px}.zone-num{font-size:10px;letter-spacing:.16em;font-weight:900}.zone-arrow{height:30px;width:30px;border:1px solid #1c1c1c;border-radius:50%;display:grid;place-items:center;font-size:19px;transition:transform .2s,background .2s}.arcade-category:hover .zone-arrow{background:#1c1c1c;color:white;transform:rotate(45deg)}.zone-image{display:grid;place-items:center;flex:1;min-height:220px;position:relative}.zone-image img{max-width:90%;max-height:218px;object-fit:contain;filter:drop-shadow(0 14px 12px #27272737);transition:transform .35s}.arcade-category:hover .zone-image img{transform:scale(1.08) rotate(-4deg)}.zone-symbol{font-family:'Space Grotesk',sans-serif;font-size:120px;line-height:1;transform:rotate(-15deg);text-shadow:9px 13px 0 #00000016;transition:transform .3s}.arcade-category:hover .zone-symbol{transform:rotate(8deg) scale(1.08)}.zone-bottom{align-items:end;gap:15px}.zone-bottom h3{font-size:27px;letter-spacing:-.06em;line-height:1;margin:0 0 9px}.zone-bottom p{font-size:12px;line-height:1.4;color:#57564d;margin:0}.zone-enter{font-weight:900;font-size:9px;letter-spacing:.05em;white-space:nowrap}.zone-note{border-bottom:1px solid #aaa9a1;padding:27px 0 10px;font-size:10px;letter-spacing:.1em;font-weight:900;display:flex;align-items:center;gap:10px}.pulse-star{font-size:20px;color:var(--orange)}.zone-right{margin-left:auto;color:#85837d}.product-section{background:#fff;padding:110px 0}.section-top h2{color:#1c1c18!important;font-size:clamp(38px,5vw,70px)!important}.section-top h2 em{color:var(--orange)!important}.section-top .kicker,.kicker{color:#8a8377!important}.section-top p,.text-link{color:#25251e!important}.product-card{background:#f8f7f3!important;border:1px solid #dedad1!important;border-radius:10px!important;overflow:hidden;transition:transform .25s,box-shadow .25s}.product-card:hover{transform:translateY(-6px);box-shadow:6px 7px 0 #1b1b18}.product-visual{background:#eeeae3!important}.product-info,.product-info a,.price{color:#25251e!important}.quick-arrow{background:#ff6337!important;color:white!important}.product-category{color:#827e72!important}.arcade-feature{background:#e8edda;padding:90px 0}.arcade-feature-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.arcade-feature-icon{height:360px;position:relative;display:grid;place-items:center;overflow:hidden}.arcade-feature-icon>span{position:relative;z-index:2;background:#22231e;color:#fff;font-size:160px;font-weight:900;letter-spacing:-.1em;border-radius:30px;width:230px;height:230px;display:grid;place-items:center;transform:rotate(-10deg);box-shadow:15px 17px 0 #ff6337}.f-ring{position:absolute;border:1px dashed #292a26;border-radius:50%;height:345px;width:345px;animation:spin 20s linear infinite}.ring2{height:290px;width:290px;animation-direction:reverse}.arcade-feature-copy p{font-size:16px;color:#63635c;line-height:1.7;max-width:430px;margin:24px 0}.value-props,.footer,.site-footer{background:#22231f!important;color:#f8f7f3!important}.footer a,.site-footer a{color:inherit}.empty-edit{color:#24241e!important}.empty-edit h3,.empty-edit p{color:#24241e!important}.button-primary{background:var(--orange)!important;color:white!important}.template-product main,.template-collection main,.template-cart main,.template-page main,.template-search main{background:#f8f7f3}.arcade-motion-switch{position:fixed;bottom:18px;right:18px;z-index:50;padding:9px 13px;border:1px solid #302f29;border-radius:99px;background:#fff;color:#222;box-shadow:0 2px 8px #0002;font-weight:900;font-size:10px;letter-spacing:.06em}.arcade-motion-switch:focus-visible{outline:3px solid #ff6337;outline-offset:3px}.arcade-motion-off *{animation:none!important;transition:none!important}.arcade-motion-off .arcade-display{transform:none!important}@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{50%{box-shadow:0 0 0 9px #ff633710}}@media(max-width:1100px){.arcade-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.arcade-hero-grid{gap:25px}.arcade-display{height:480px}.arcade-copy h1{font-size:clamp(62px,7vw,92px)}.zone-image{min-height:205px}.arcade-category{min-height:380px}}@media(max-width:740px){.shell{width:calc(100% - 36px)}.arcade-hero{padding-top:42px}.arcade-hero-grid{grid-template-columns:1fr;gap:45px}.arcade-copy h1{font-size:clamp(59px,15vw,100px);margin:20px 0}.arcade-copy p{font-size:15px}.arcade-proof{margin-top:27px;gap:14px}.arcade-display{height:390px;box-shadow:7px 7px 0 #22221e;margin-right:7px}.demo-gadget{transform:rotate(-12deg) scale(.72)}.arcade-bottom{font-size:9px;gap:15px}.arcade-categories,.product-section{padding:70px 0}.arcade-section-heading{display:block}.arcade-section-heading h2{font-size:46px}.arcade-section-heading p{margin-top:16px}.arcade-category-grid{gap:11px}.arcade-category{min-height:310px;padding:12px}.zone-image{min-height:150px}.zone-symbol{font-size:83px}.zone-bottom h3{font-size:19px}.zone-bottom p{font-size:11px}.zone-enter{display:none}.zone-right{display:none}.arcade-feature-inner{grid-template-columns:1fr;gap:25px}.arcade-feature-icon{height:250px}.arcade-feature-icon>span{font-size:100px;width:160px;height:160px}.arcade-feature-copy h2{font-size:50px}.arcade-feature{padding:55px 0}.nav-shell{min-height:66px!important}.arcade-logo{font-size:29px}}@media(max-width:365px){.arcade-category-grid{grid-template-columns:1fr}.arcade-category{min-height:270px}.arcade-copy h1{font-size:57px}.arcade-btn,.arcade-btn-outline{font-size:10px;padding:0 15px;min-height:49px}.display-sticker{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.arcade-display{transform:none!important}}

/* VEXO 2.1: illustrated and animated shopping zones */
.zone-art{width:min(100%,290px);height:auto;max-height:230px;overflow:visible;filter:drop-shadow(0 10px 3px rgba(34,30,27,.08));transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.arcade-category:hover .zone-art{transform:scale(1.09)}
.dog-tail{transform-origin:238px 157px;animation:vexo-wag .75s ease-in-out infinite alternate}
.dog-head{transform-origin:110px 124px;animation:vexo-nod 2.9s ease-in-out infinite}
.dog-body{animation:vexo-dog-hop 3.5s ease-in-out infinite}
.paw-spark,.trend-spark{animation:vexo-spark 2s ease-in-out infinite alternate}.paw-spark-two{animation-delay:.9s}
.house-float{animation:vexo-house 5s ease-in-out infinite}.smart-window{animation:vexo-light 3s ease-in-out infinite alternate}.window-two{animation-delay:1.3s}.wifi-arcs{transform-origin:158px 43px;animation:vexo-wifi 2.7s ease-in-out infinite}
.headphone-bob{animation:vexo-bob 3.7s ease-in-out infinite}.tech-orbit{animation:vexo-spark 1.9s ease-in-out infinite alternate}
.trending-star{transform-origin:160px 129px;animation:vexo-prize 4s ease-in-out infinite}.trend-spark{animation-delay:.4s}
@keyframes vexo-wag{from{transform:rotate(-18deg)}to{transform:rotate(18deg)}}
@keyframes vexo-nod{0%,80%,100%{transform:rotate(0deg)}90%{transform:rotate(6deg)}}
@keyframes vexo-dog-hop{0%,72%,100%{transform:translateY(0)}80%{transform:translateY(-5px)}}
@keyframes vexo-spark{from{opacity:.4;transform:scale(.83)}to{opacity:1;transform:scale(1.05)}}
@keyframes vexo-house{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes vexo-light{from{fill:#ffd375}to{fill:#fff5b7}}
@keyframes vexo-wifi{0%,100%{opacity:.45;transform:scale(.94)}60%{opacity:1;transform:scale(1.08)}}
@keyframes vexo-bob{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(4deg) translateY(-9px)}}
@keyframes vexo-prize{0%,100%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(7deg) translateY(-8px)}}
@media (prefers-reduced-motion:reduce){.zone-art,.zone-art *{animation:none!important;transition:none!important}}
.arcade-motion-off .zone-art,.arcade-motion-off .zone-art *{animation:none!important}