.hero-arc-scene{--arc-radius:-800px;position:absolute;bottom:0;left:0;right:0;width:100%;height:60vh;display:flex;justify-content:center;align-items:flex-end;overflow:hidden;pointer-events:none;contain:paint layout size}.hero-arc-wheel{position:absolute;width:0;height:0;bottom:-600px;left:50%;animation:heroArcRotate 120s linear infinite}.hero-arc-item{position:absolute;top:50%;left:50%;width:120px;height:240px;margin-left:-60px;margin-top:-120px;transform-origin:center center}.hero-arc-card{width:100%;height:100%;background:#000;border-radius:24px;border:5px solid #2a2a2a;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 15px 40px rgba(0,0,0,.6);transition:transform .3s ease;position:relative}.hero-arc-card:before{content:"";position:absolute;top:10px;left:50%;transform:translateX(-50%);width:40px;height:5px;background:#111;border-radius:10px;z-index:10}.hero-arc-screen{width:100%;height:100%;display:flex;align-items:flex-start;justify-content:center;padding:50px 20px 20px;box-sizing:border-box;text-align:center;position:relative;background:linear-gradient(180deg,#1a1a1a,#000)}.hero-arc-text{font-size:18px;font-weight:700;color:#fff;position:relative;z-index:2;direction:rtl;line-height:1.4}@keyframes heroArcRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.hero-arc-scene{height:50vh;bottom:20px}.hero-arc-wheel{bottom:-180px;animation:heroArcRotate 80s linear infinite}.hero-arc-item{width:85px;height:170px;margin-left:-42.5px;margin-top:-85px}.hero-arc-card{border-radius:18px;border-width:3px}.hero-arc-card:before{top:7px;width:28px;height:3px}.hero-arc-screen{padding:26px 8px 8px}.hero-arc-text{font-size:12px}}