.hero-stage .scene-tag{border:1px solid color-mix(in oklab, var(--gold) 34%, transparent);background:linear-gradient(150deg, color-mix(in oklab, var(--card) 82%, transparent), color-mix(in oklab, var(--background) 55%, transparent));-webkit-backdrop-filter:blur(14px);box-shadow:0 28px 60px -22px color-mix(in oklab, var(--background) 95%, transparent), 0 0 34px -10px color-mix(in oklab, var(--gold) 38%, transparent), inset 0 1px 0 color-mix(in oklab, var(--foreground) 14%, transparent);isolation:isolate;border-radius:4px}.hero-stage .scene-tag:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-bright), transparent);height:1px;position:absolute;top:-1px;left:12%;right:12%}.hero-stage .scene-tag:after{content:"";z-index:-1;border:1px solid color-mix(in oklab, var(--gold) 16%, transparent);background:color-mix(in oklab, var(--background) 40%, transparent);border-radius:4px;position:absolute;inset:7px -7px -7px 7px}.hero-stage .scene-tag strong{color:var(--gold-bright);text-shadow:0 0 18px color-mix(in oklab, var(--gold) 45%, transparent)}.hero-stage .scene-depth-back.scene-tag{filter:blur(.3px)saturate(.9);opacity:.9}.scene-niche-system{z-index:18;pointer-events:none;transform-style:preserve-3d;position:absolute;inset:0}.scene-niche-lines{opacity:.58;width:104%;height:88%;filter:drop-shadow(0 0 7px color-mix(in oklab, var(--gold) 22%, transparent));position:absolute;inset:8% -2% 4%;overflow:visible}.scene-niche-lines path{fill:none;stroke:color-mix(in oklab, var(--gold) 28%, transparent);stroke-width:.8px;stroke-dasharray:2 8;animation:14s linear infinite hero-niche-dash}.scene-niche-lines circle{fill:var(--gold-bright);filter:drop-shadow(0 0 8px var(--gold))}.scene-niche{transform-style:preserve-3d;flex-direction:column;align-items:center;display:flex;position:absolute}.scene-object{object-fit:contain;width:100%;height:auto;filter:drop-shadow(0 24px 18px color-mix(in oklab, var(--background) 92%, transparent)) drop-shadow(0 0 12px color-mix(in oklab, var(--gold) 26%, transparent));display:block}.scene-niche small{border-left:1px solid color-mix(in oklab, var(--gold) 48%, transparent);background:color-mix(in oklab, var(--background) 72%, transparent);color:var(--muted-foreground);letter-spacing:.14em;text-transform:uppercase;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);margin-top:-3px;padding:3px 6px;font-size:7px;font-weight:750;line-height:1}.scene-niche-phone{z-index:17;width:112px;transform:translate3d(calc(var(--scene-x) * -10px), calc(var(--scene-y) * -7px), -28px) rotate(-8deg) rotateY(8deg);filter:blur(.15px);animation:8.8s ease-in-out -2.4s infinite hero-niche-phone;top:25%;left:3%}.scene-niche-game{z-index:19;width:144px;transform:translate3d(calc(var(--scene-x) * 10px), calc(var(--scene-y) * 7px), 12px) rotate(7deg) rotateY(-8deg);animation:10.5s ease-in-out -5.2s infinite hero-niche-game;top:22%;right:-1%}.scene-niche-bike{z-index:12;opacity:.62;filter:blur(.45px)saturate(.72)brightness(.78);width:170px;transform:translate3d(calc(var(--scene-x) * -7px), calc(var(--scene-y) * -5px), -70px) rotate(-7deg) rotateY(-9deg);animation:11.6s ease-in-out -7s infinite hero-niche-bike;bottom:35%;left:-5%}.scene-best-sellers{z-index:21;border:1px solid color-mix(in oklab, var(--gold) 25%, transparent);background:linear-gradient(135deg, color-mix(in oklab, var(--card) 76%, transparent), color-mix(in oklab, var(--background) 64%, transparent));width:166px;box-shadow:0 22px 44px -22px color-mix(in oklab, var(--background) 94%, transparent), 0 0 22px -14px color-mix(in oklab, var(--gold) 38%, transparent), inset 0 1px 0 color-mix(in oklab, var(--foreground) 8%, transparent);-webkit-backdrop-filter:blur(13px)saturate(108%);backdrop-filter:blur(13px)saturate(108%);transform:translate3d(calc(var(--scene-x) * 17px), calc(var(--scene-y) * 11px), 48px) rotate(2deg);padding:9px 10px;animation:9.4s ease-in-out -3.1s infinite hero-best-float;position:absolute;bottom:18%;right:7%}.scene-best-sellers:before{content:"";background:var(--gold-bright);width:46px;height:1px;box-shadow:0 0 13px var(--gold);position:absolute;top:-1px;left:14px}.scene-best-sellers span{color:var(--gold-bright);letter-spacing:.14em;text-transform:uppercase;font-size:8px;font-weight:800;display:block}.scene-best-sellers strong{color:var(--foreground);font-family:var(--font-display);white-space:nowrap;align-items:center;gap:5px;margin-top:5px;font-size:10px;font-weight:600;display:flex}.scene-best-sellers i{background:var(--gold);width:3px;height:3px;box-shadow:0 0 8px var(--gold);border-radius:50%}@keyframes hero-niche-dash{to{stroke-dashoffset:-100px}}@keyframes hero-niche-phone{0%,to{translate:0;rotate:0deg}50%{translate:3px -8px;rotate:1deg}}@keyframes hero-niche-game{0%,to{translate:0;rotate:0deg}52%{translate:-4px 7px;rotate:-1.2deg}}@keyframes hero-niche-bike{0%,to{translate:0;rotate:0deg}48%{translate:5px -9px;rotate:1.3deg}}@keyframes hero-best-float{0%,to{translate:0;rotate:0deg}50%{translate:-3px -7px;rotate:-.8deg}}@media (width<=639px){.scene-niche-lines{opacity:.48;width:116%;inset:12% -8% 5%}.scene-niche-phone{width:73px;top:28%;left:-1%}.scene-niche-game{width:92px;top:27%;right:-2%}.scene-niche-bike{opacity:.58;filter:blur(.4px)saturate(.7)brightness(.76);width:122px;bottom:33%;left:-14%}.scene-niche small{margin-top:-5px;font-size:5.5px}.scene-best-sellers{width:138px;padding:7px 8px;bottom:20%;right:2%}.scene-best-sellers span{font-size:6.5px}.scene-best-sellers strong{gap:4px;margin-top:4px;font-size:8px}}@media (prefers-reduced-motion:reduce){.scene-niche-lines path,.scene-niche,.scene-best-sellers{animation:none}}.portal-gold,.portal-green,.portal-orange{--hr-acc:var(--gold)}.portal-green{--hr-acc:var(--emerald)}.portal-orange{--hr-acc:var(--orange)}.portal-gold,.portal-green,.portal-orange{box-shadow:inset 0 1px 0 color-mix(in oklab, var(--foreground) 10%, transparent), 0 40px 80px -40px color-mix(in oklab, var(--hr-acc) 30%, transparent)}.portal-gold:after,.portal-green:after,.portal-orange:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(120% 70% at 85% 0%, color-mix(in oklab, var(--hr-acc) 16%, transparent), transparent 60%);position:absolute;inset:0}.hr-comm{aspect-ratio:300/220;z-index:1;width:min(62%,420px);position:absolute;top:7%;right:4%}.hr-comm-lines{width:100%;height:100%;position:absolute;inset:0}.hr-comm-lines path{fill:none;stroke:color-mix(in oklab, var(--gold) 45%, transparent);stroke-width:1px;stroke-dasharray:4 5;animation:6s linear infinite hr-dash}@keyframes hr-dash{to{stroke-dashoffset:-90px}}.hr-node{color:var(--foreground);border:1px solid color-mix(in oklab, var(--gold) 35%, transparent);background:linear-gradient(150deg, color-mix(in oklab, var(--card) 88%, transparent), color-mix(in oklab, var(--background) 70%, transparent));box-shadow:0 16px 34px -16px color-mix(in oklab, var(--background) 95%, transparent), 0 0 22px -10px color-mix(in oklab, var(--gold) 50%, transparent);border-radius:3px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;font-weight:600;animation:8s ease-in-out infinite hr-bob;display:flex;position:absolute;transform:translate(-50%,-50%)}.hr-node svg{color:var(--gold-bright)}.hr-node-core{border-color:color-mix(in oklab, var(--gold) 60%, transparent);flex-direction:column;gap:6px;padding:14px 16px;top:50%;left:50%}.hr-node-core b{letter-spacing:.16em;text-transform:uppercase;color:var(--gold-bright);font-size:10px}.hr-n1{animation-delay:-1s;top:18%;left:16%}.hr-n2{animation-delay:-3s;top:21%;left:84%}.hr-n3{animation-delay:-5s;top:81%;left:20%}.hr-n4{animation-delay:-2s;top:78%;left:82%}@keyframes hr-bob{50%{transform:translate(-50%,calc(-50% - 6px))}}.hr-dash{z-index:1;border:1px solid color-mix(in oklab, var(--emerald) 35%, transparent);background:linear-gradient(160deg, color-mix(in oklab, var(--card) 92%, transparent), color-mix(in oklab, var(--background) 80%, transparent));width:220px;box-shadow:0 24px 50px -20px color-mix(in oklab, var(--background) 95%, transparent), 0 0 30px -12px color-mix(in oklab, var(--emerald) 55%, transparent);border-radius:6px;padding:10px;font-size:10px;position:absolute;top:50px;right:22px;overflow:hidden;transform:perspective(700px)rotateY(-12deg)rotateX(4deg)}.hr-dash-top{border-bottom:1px solid color-mix(in oklab, var(--emerald) 20%, transparent);color:var(--muted-foreground);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;padding-bottom:8px;font-size:8.5px;font-weight:600;display:flex}.hr-dash-top img{border-radius:4px;width:18px;height:18px}.hr-dash-top i{background:var(--emerald);width:6px;height:6px;box-shadow:0 0 10px var(--emerald);border-radius:99px;margin-left:auto;animation:1.8s ease-in-out infinite hr-pulse}@keyframes hr-pulse{50%{opacity:.3}}.hr-dash-row{border-bottom:1px dashed color-mix(in oklab, var(--foreground) 10%, transparent);color:var(--foreground);justify-content:space-between;padding:6px 0;display:flex}.hr-dash-row em{color:var(--emerald);font-style:normal;font-weight:700}.hr-dash-bars{align-items:flex-end;gap:4px;height:34px;margin-top:8px;display:flex}.hr-dash-bars span{background:linear-gradient(to top, color-mix(in oklab, var(--emerald) 25%, transparent), var(--emerald));border-radius:1px;flex:1;animation:3.2s ease-in-out infinite hr-bar}.hr-dash-bars span:first-child{height:40%}.hr-dash-bars span:nth-child(2){height:65%;animation-delay:-.5s}.hr-dash-bars span:nth-child(3){height:50%;animation-delay:-1s}.hr-dash-bars span:nth-child(4){height:85%;animation-delay:-1.5s}.hr-dash-bars span:nth-child(5){height:60%;animation-delay:-2s}.hr-dash-bars span:nth-child(6){height:95%;animation-delay:-2.5s}@keyframes hr-bar{50%{transform:scaleY(.7)}}.hr-dash-bars span{transform-origin:bottom}.hr-dash-scan{background:linear-gradient(transparent, color-mix(in oklab, var(--emerald) 14%, transparent), transparent);height:30%;animation:4s linear infinite hr-scan;position:absolute;top:-30%;left:0;right:0}@keyframes hr-scan{to{top:110%}}.hr-logo{z-index:2;object-fit:cover;border-radius:14px;width:58px;height:58px;position:absolute;top:28px;left:28px}.hr-logo-green{box-shadow:0 0 0 1px color-mix(in oklab, var(--emerald) 50%, transparent), 0 14px 34px -8px color-mix(in oklab, var(--emerald) 55%, transparent)}.hr-logo-orange{box-shadow:0 14px 34px -8px color-mix(in oklab, var(--orange) 60%, transparent)}.portal-green .portal-number,.portal-orange .portal-number{opacity:.35}.hr-store{z-index:1;perspective:700px;width:230px;height:150px;position:absolute;top:46px;right:20px}.hr-prod{width:92px;height:104px;color:var(--orange);border:1px solid color-mix(in oklab, var(--orange) 35%, transparent);background:linear-gradient(160deg, color-mix(in oklab, var(--card) 92%, transparent), color-mix(in oklab, var(--background) 75%, transparent));box-shadow:0 20px 40px -18px color-mix(in oklab, var(--background) 95%, transparent), 0 0 26px -12px color-mix(in oklab, var(--orange) 60%, transparent);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:6px;animation:9s ease-in-out infinite hr-float;display:flex;position:absolute}.hr-prod small{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground);font-size:8.5px;font-weight:700}.hr-p1{top:34px;left:0;transform:rotateY(18deg)}.hr-p2{z-index:2;animation-delay:-3s;top:0;left:70px}.hr-p3{animation-delay:-6s;top:40px;left:140px;transform:rotateY(-18deg)}@keyframes hr-float{50%{translate:0 -7px}}@media (width<=1023px){.hr-comm{width:78%;top:10%;right:3%}.hr-dash{width:190px;top:64px;right:14px}.hr-store{transform-origin:100% 0;top:60px;right:10px;transform:scale(.86)}.hr-logo{width:48px;height:48px;top:22px;left:20px}}@media (prefers-reduced-motion:reduce){.hr-comm-lines path,.hr-node,.hr-dash-top i,.hr-dash-bars span,.hr-dash-scan,.hr-prod{animation:none}}.portal-gold .portal-content,.portal-green .portal-content,.portal-orange .portal-content{background:linear-gradient(to top, var(--background) 30%, color-mix(in oklab, var(--background) 70%, transparent) 75%, transparent)}.hr-logo{width:46px;height:46px;top:22px;left:auto;right:22px}.hr-dash{width:250px;top:26px;left:32px;right:auto}.hr-store{top:24px;left:28px;right:auto}@media (width>=1024px){.portal-green,.portal-orange{min-height:420px!important}.hr-dash{top:30px;left:48px}.hr-store{transform-origin:0 0;top:14px;left:48px;transform:scale(.9)}}@media (width<=1023px){.portal-gold,.portal-green,.portal-orange{min-height:580px!important}.hr-comm{width:86%;top:44px;left:50%;right:auto;translate:-50%}.hr-dash{width:calc(100% - 100px);max-width:250px;top:34px;left:24px}.hr-store{top:40px;left:24px;transform:none}.hr-logo{width:42px;height:42px;top:20px;left:auto;right:20px}.hr-node{padding:6px 8px;font-size:10px}}.portal-green .portal-number,.portal-orange .portal-number{display:none}.portrait-scene .portrait-image{max-height:640px}@media (width>=1024px){.portrait-scene .portrait-image{max-height:92vh}}.hf{z-index:25;will-change:transform;pointer-events:none;animation:9s ease-in-out infinite hf-float;position:absolute}.hf-body{border:1px solid color-mix(in oklab, var(--gold) 34%, transparent);background:linear-gradient(145deg, color-mix(in oklab, var(--card) 72%, transparent), color-mix(in oklab, var(--background) 82%, transparent));-webkit-backdrop-filter:blur(14px)saturate(1.2);box-shadow:0 28px 50px -22px color-mix(in oklab, var(--background) 95%, transparent), 0 0 34px -14px color-mix(in oklab, var(--gold) 55%, transparent), inset 0 1px 0 color-mix(in oklab, var(--gold-bright) 28%, transparent);align-items:center;gap:10px;display:flex;position:relative;overflow:hidden}.hf-body:before{content:"";pointer-events:none;background:linear-gradient(115deg, transparent 30%, color-mix(in oklab, var(--gold-bright) 14%, transparent) 48%, transparent 62%);animation:7s ease-in-out infinite hf-sheen;position:absolute;inset:0;transform:translate(-120%)}.hf small{letter-spacing:.22em;text-transform:uppercase;color:color-mix(in oklab, var(--foreground) 62%, transparent);font-size:8.5px;font-weight:700;display:block}.hf strong{font-family:var(--font-display);color:var(--gold-bright);line-height:1}.hf span{color:var(--foreground);font-size:11px;font-weight:600;line-height:1.2}@keyframes hf-float{0%,to{transform:translate3d(0,0,140px) rotate(var(--r,0deg))}50%{transform:translate3d(var(--dx,0px),-10px,140px) rotate(calc(var(--r,0deg) * .6))}}@keyframes hf-sheen{0%,60%{transform:translate(-120%)}85%,to{transform:translate(120%)}}.hf-stat{--r:-5deg;--dx:4px;top:16%;left:0}.hf-stat .hf-body{border-radius:18px;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 18px 16px}.hf-stat strong{font-size:40px}.hf-stat span{color:color-mix(in oklab, var(--foreground) 62%, transparent)}.hf-bar{background:linear-gradient(90deg, var(--gold-bright), transparent);border-radius:2px;width:64px;height:2px;margin-top:8px;display:block}.hf-pill{--r:4deg;--dx:-3px;animation-duration:10s;animation-delay:-3s;top:9%;right:4%}.hf-pill .hf-body{border-radius:999px;padding:8px 14px}.hf-dot{background:var(--gold-bright);width:6px;height:6px;box-shadow:0 0 10px var(--gold);border-radius:50%}.hf-items{--r:3deg;--dx:-5px;animation-duration:11s;animation-delay:-5s;top:46%;right:0}.hf-items .hf-body{border-radius:14px;padding:11px 15px}.hf-items svg{fill:none;width:26px;height:26px;stroke:var(--gold-bright);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;background:color-mix(in oklab, var(--gold) 14%, transparent);border-radius:8px;padding:5px}.hf-items strong{font-size:22px;display:block}.hf-items span{color:color-mix(in oklab, var(--foreground) 62%, transparent);font-size:10.5px}.hf-best{--r:0deg;--dx:0px;width:280px;margin-left:-140px;animation-duration:12s;animation-delay:-2s;bottom:7%;left:50%}.hf-best .hf-body{border-radius:16px;flex-direction:column;gap:8px;padding:10px 12px 12px}.hf-niches{gap:6px;width:100%;display:flex}.hf-niches span{border:1px solid color-mix(in oklab, var(--gold) 22%, transparent);background:color-mix(in oklab, var(--background) 50%, transparent);border-radius:10px;flex:1;justify-content:center;align-items:center;gap:5px;padding:6px 4px;font-size:10.5px;display:flex}.hf-niches svg{width:13px;height:13px;color:var(--gold-bright)}@media (width<=639px){.hf-stat{top:20%;left:1%}.hf-stat strong{font-size:28px}.hf-stat .hf-body{padding:10px 13px 12px}.hf-pill{top:10%;right:1%}.hf-pill span{font-size:10px}.hf-items{top:50%;right:0}.hf-items strong{font-size:17px}.hf-items .hf-body{padding:8px 11px}.hf-best{z-index:32;width:min(88%,320px);margin-left:0;animation-name:hf-best-mobile-float;bottom:48px;translate:-50%}.hf-best .hf-body{box-shadow:0 16px 30px -22px color-mix(in oklab, var(--background) 78%, transparent), 0 0 22px -16px color-mix(in oklab, var(--gold) 42%, transparent), inset 0 1px 0 color-mix(in oklab, var(--gold-bright) 22%, transparent);border-radius:14px;gap:9px;padding:11px 12px 12px}.hf-best small{font-size:8px}.hf-niches{gap:5px}.hf-niches span{gap:4px;min-width:0;padding:7px 3px;font-size:10px}.hf-niches svg{flex:none;width:12px;height:12px}}@keyframes hf-best-mobile-float{0%,to{transform:translateZ(90px)}50%{transform:translate3d(0,-4px,90px)}}@media (prefers-reduced-motion:reduce){.hf,.hf-body:before{animation:none!important}}.hf{z-index:30}@media (width>=640px){.hf-pill{top:15%}.hf-best{width:270px;margin-left:0;bottom:20%;left:auto;right:2%}}.portrait-scene{transform-style:flat!important}.hub-arrow{animation:1.6s ease-in-out infinite hub-arrow;display:inline-block}@keyframes hub-arrow{50%{transform:translateY(5px)}}@media (prefers-reduced-motion:reduce){.hub-arrow{animation:none}}