.product-category-tabs{scrollbar-width:thin;gap:8px;margin-bottom:24px;padding:6px 0 16px;display:flex;overflow-x:auto}.product-category-tabs button{border:1px solid var(--line);min-height:44px;color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border-radius:100px;flex-shrink:0;align-items:center;gap:10px;padding:10px 18px;font-size:13px;display:inline-flex}.product-category-tabs button[aria-selected=true]{background:color-mix(in srgb, var(--blue) 12%, transparent);border-color:var(--blue);color:var(--ink)}.product-category-tabs button:hover{color:var(--ink)}.product-category-tabs button:focus-visible,.product-catalog [role=tabpanel]:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.product-category-tabs button span{opacity:.7;font-size:10px}.product-catalog .products-grid>div{min-width:0}.product-catalog .products-grid .product-card{height:100%}
.products-hero.products-hero-with-art{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,52px);max-width:none;display:grid}.products-hero-with-art h1{font-size:clamp(40px,4.6vw,62px)}.products-hero-copy{min-width:0}.product-universe{isolation:isolate;aspect-ratio:1;--universe-panel:color-mix(in srgb, var(--surface) 94%, #9780dc);--universe-edge:color-mix(in srgb, var(--blue) 26%, var(--line));width:100%;max-width:480px;margin-inline:auto;position:relative;container-type:inline-size}.universe-aura{background:radial-gradient(at 55%,#9866e829,#0000 65%);position:absolute;inset:6% -3%}.universe-orbit{border:1px solid color-mix(in srgb, var(--blue) 15%, transparent);border-radius:50%;position:absolute;transform:rotate(-32deg)}.universe-orbit-outer{inset:9% 1% 10%}.universe-orbit-inner{border-style:dashed;inset:18% -3% 19%;transform:rotate(-32deg)scaleY(.65)}.universe-star{color:var(--blue);position:absolute}.universe-star-one{top:8%;right:13%}.universe-star-two{color:#82b5dd;font-size:18px;bottom:17%;left:10%}.universe-work,.universe-play,.universe-life{border:1px solid var(--universe-edge);background:var(--universe-panel);position:absolute;overflow:hidden;box-shadow:0 18px 40px -18px #130b394d,inset 0 1px #ffffff12}.universe-work{z-index:2;border-radius:12px;width:61%;height:38%;top:9%;left:1%;transform:rotate(-9deg)}.universe-window-bar{border-bottom:1px solid var(--universe-edge);align-items:center;gap:4px;height:15%;padding-inline:6%;display:flex}.universe-window-bar>span{background:color-mix(in srgb, var(--blue) 55%, transparent);border-radius:50%;width:4px;height:4px}.universe-window-bar>i{background:var(--line);border-radius:3px;width:28%;height:3px;margin-left:auto}.universe-work-body{height:85%;display:flex}.universe-work-rail{width:16%;color:var(--blue);border-right:1px solid var(--universe-edge);flex-direction:column;align-items:center;gap:12%;padding-block:7%;display:flex}.universe-work-rail>i{background:var(--line);border-radius:2px;width:30%;height:3px}.universe-work-content{flex:1;padding:6%}.universe-scene-label{color:var(--muted);justify-content:space-between;gap:8px;font-size:clamp(8px,2.2cqi,11px);display:flex}.universe-chart{border-bottom:1px solid var(--universe-edge);align-items:flex-end;gap:7%;height:56%;margin-top:8%;display:flex}.universe-chart i{transform-origin:bottom;background:linear-gradient(#b09aef,#7b5cca44);border-radius:3px 3px 0 0;flex:1}.universe-chart i:nth-child(2n){background:linear-gradient(#8baff0,#647bc544)}.universe-work-lines{gap:10%;margin-top:8%;display:flex}.universe-work-lines i{background:var(--line);border-radius:2px;width:25%;height:3px}.universe-play{z-index:1;color:#e4dafa;background:#1b1731;border-radius:18px;width:66%;height:61%;top:26%;left:22%;transform:rotate(7deg)}.universe-play-header{align-items:center;gap:9px;height:16%;padding-inline:7%;font-size:clamp(8px,2.2cqi,11px);display:flex}.universe-play-header>i{background:#a2bff3;border-radius:50%;width:5px;height:5px;margin-left:auto;box-shadow:0 0 9px #a2bff366}.universe-game-scene{background:radial-gradient(at 50% 45%,#6041a45c,#0000 70%),#151127;height:68%;position:relative;overflow:hidden}.universe-planet{aspect-ratio:1;background:linear-gradient(145deg,#d1b5fa,#8c66d2 48%,#342246 85%);border-radius:50%;width:34%;position:absolute;top:10%;left:35%;box-shadow:0 0 34px #a37adc22}.universe-planet>div{border:5px solid #b998e76b;border-top-color:#ddc1fcbd;border-radius:50%;position:absolute;inset:30% -38%;transform:rotate(-28deg)}.universe-game-grid{background-image:linear-gradient(#a489d829 1px,#0000 1px),linear-gradient(90deg,#a489d829 1px,#0000 1px);background-size:25px 22px;position:absolute;inset:63% -30% -40%;transform:perspective(100px)rotateX(50deg);-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.universe-game-star{background:#dac9ff;border-radius:50%;width:3px;height:3px;position:absolute}.star-a{top:18%;left:17%}.star-b{top:40%;right:16%}.star-c{top:60%;left:26%}.universe-ship{filter:drop-shadow(0 6px 9px #9c85fc33);width:23%;height:auto;position:absolute;bottom:2%;left:29%;transform:rotate(16deg)}.universe-play-footer{color:#b9a2ee;justify-content:center;align-items:center;gap:7%;height:16%;font-size:11px;display:flex}.universe-play-footer i{background:#b9a2ee30;width:16%;height:1px}.universe-life{z-index:3;border-radius:20px;width:28%;height:49%;padding:8% 4% 4%;bottom:6%;right:0;transform:rotate(-7deg)}.universe-phone-notch{background:var(--universe-edge);border-radius:10px;width:30%;height:3%;position:absolute;top:5%;left:35%}.universe-life-heading{color:var(--blue);text-align:center;flex-direction:column;align-items:center;gap:6px;font-size:clamp(8px,1.9cqi,10px);display:flex}.universe-life-ring{aspect-ratio:1;border:4px solid color-mix(in srgb, var(--blue) 17%, transparent);width:60%;color:var(--blue);border-top-color:#ab8bdd;border-right-color:#ab8bdd;border-radius:50%;place-items:center;margin:10% auto 12%;display:grid;transform:rotate(-20deg)}.universe-life-ring svg{transform:rotate(20deg)}.universe-life-task{align-items:center;gap:8%;margin-top:7%;display:flex}.universe-life-task>span{width:13px;height:13px;color:var(--blue);background:color-mix(in srgb, var(--blue) 12%, transparent);border-radius:4px;place-items:center;display:grid}.universe-life-task>i{background:var(--universe-edge);border-radius:3px;width:65%;height:3px}.universe-life-task:last-of-type>i{width:40%}.universe-phone-home{background:var(--universe-edge);border-radius:3px;width:30%;height:2px;position:absolute;bottom:4%;left:35%}.universe-caption{letter-spacing:.17em;color:var(--muted);justify-content:center;align-items:center;gap:14px;font-size:9px;display:flex;position:absolute;bottom:-2%;left:10%;right:10%}.universe-caption i{background:var(--blue);border-radius:50%;width:3px;height:3px}@keyframes universe-work-drift{50%{transform:translateY(-5px)rotate(-7deg)}}@keyframes universe-life-drift{50%{transform:translateY(5px)rotate(-5deg)}}@keyframes universe-ship-drift{50%{transform:translate(4px,-5px)rotate(12deg)}}@keyframes universe-chart-rise{0%{opacity:0;transform:scaleY(.15)}to{opacity:1;transform:scaleY(1)}}@media (prefers-reduced-motion:no-preference){.universe-work{animation:8s ease-in-out infinite universe-work-drift}.universe-life{animation:9s ease-in-out infinite universe-life-drift}.universe-ship{animation:6s ease-in-out infinite universe-ship-drift}.universe-chart i{animation:1.2s ease-out both universe-chart-rise}}@media (max-width:900px){.products-hero.products-hero-with-art{grid-template-columns:minmax(0,1fr);gap:28px}.products-hero-with-art h1{font-size:clamp(36px,7vw,62px)}.product-universe{width:min(100%,390px)}}@media (max-width:480px){.product-universe{width:min(100%,320px)}.universe-life{border-radius:14px}.universe-play{border-radius:13px}.universe-life-ring{border-width:3px}.universe-life-ring svg{width:17px;height:17px}.universe-life-heading{gap:4px}.universe-life-heading svg{width:13px;height:13px}.universe-life-task>span{width:10px;height:10px}.universe-life-task svg{width:8px;height:8px}}