.carousel-3d-wrapper{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:0 40px 40px;overflow:visible}.carousel-layout{grid-template-columns:55% 45%;align-items:center;gap:48px;display:grid}.carousel-left{flex-direction:column;gap:24px;display:flex}.carousel-right{justify-content:flex-start;align-items:center;padding-left:40px;display:flex}.carousel-info{text-align:left;width:100%;max-width:500px;animation:.8s cubic-bezier(.22,.61,.36,1) fadeInUp}.carousel-icon-wrapper{background:var(--brand-primary-light);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;display:inline-flex}.carousel-icon{width:32px;height:32px;color:var(--brand-primary)}.carousel-title{color:var(--text-primary);margin-bottom:20px;font-size:2rem;font-weight:800;line-height:1.2;animation:.8s cubic-bezier(.22,.61,.36,1) fadeInTitle}.carousel-title .highlight{color:var(--brand-primary)}.carousel-description{color:var(--text-secondary);margin-bottom:32px;font-size:1.0625rem;line-height:1.65}.carousel-buttons{flex-wrap:wrap;gap:16px;display:flex}.carousel-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;min-width:180px;padding:15px 32px;font-size:1rem;font-weight:700;transition:all .4s cubic-bezier(.22,.61,.36,1);display:inline-flex}.carousel-btn span{display:inline-block}.carousel-btn svg{flex-shrink:0;width:20px;height:20px}.carousel-launch-btn{color:#fff;background:var(--brand-primary);box-shadow:0 10px 30px #ff6b3540}.carousel-launch-btn:hover{background:#ff8152;transform:translateY(-2px);box-shadow:0 15px 40px #ff6b3559}.carousel-launch-btn:active{transform:translateY(0)}.carousel-discover-btn{color:#fff;background:var(--text-primary);box-shadow:0 10px 30px #00000026}.carousel-discover-btn:hover{background:#1a1a1a;transform:translateY(-2px);box-shadow:0 15px 40px #00000040}.carousel-discover-btn:active{transform:translateY(0)}.carousel-3d-container{perspective:1000px;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;width:100%;height:350px;position:relative;overflow:visible}.carousel-3d-container:active{cursor:grabbing}.carousel-3d{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;transition:transform 1s cubic-bezier(.22,.61,.36,1);position:relative}.carousel-item{width:260px;height:300px;transform-style:preserve-3d;cursor:pointer;will-change:transform,opacity;backface-visibility:hidden;transition:all 1s cubic-bezier(.22,.61,.36,1);position:absolute;top:50%;left:50%}.carousel-item-content{box-sizing:border-box;background:#fff;border:none;border-radius:24px;width:100%;height:100%;padding:8px;position:relative;overflow:hidden;box-shadow:0 25px 70px #00000040}.carousel-item-image{object-fit:contain;width:100%;height:100%;transition:transform .8s cubic-bezier(.22,.61,.36,1)}.carousel-item-active{z-index:10;opacity:1;pointer-events:auto;transform:translate(-50%,-50%)translateZ(0)scale(1)}.carousel-item-active .carousel-item-content{box-shadow:0 35px 90px #ff6b3559}.carousel-item-active:hover .carousel-item-image{transform:scale(1.03)}.carousel-item-next{z-index:5;opacity:.68;pointer-events:auto;transform:translate(-50%,-50%)translate(220px)translateZ(-150px)rotateY(-26deg)scale(.74)}.carousel-item-next:hover{opacity:.85;transform:translate(-50%,-50%)translate(220px)translateZ(-140px)rotateY(-26deg)scale(.78)}.carousel-item-prev{z-index:5;opacity:.68;pointer-events:auto;transform:translate(-50%,-50%)translate(-220px)translateZ(-150px)rotateY(26deg)scale(.74)}.carousel-item-prev:hover{opacity:.85;transform:translate(-50%,-50%)translate(-220px)translateZ(-140px)rotateY(26deg)scale(.78)}.carousel-item-next-2{z-index:2;opacity:.3;pointer-events:none;transform:translate(-50%,-50%)translate(370px)translateZ(-280px)rotateY(-35deg)scale(.52)}.carousel-item-prev-2{z-index:2;opacity:.3;pointer-events:none;transform:translate(-50%,-50%)translate(-370px)translateZ(-280px)rotateY(35deg)scale(.52)}.carousel-item-hidden{z-index:1;opacity:0;pointer-events:none;transform:translate(-50%,-50%)translateZ(-500px)scale(.3)}.carousel-arrow{cursor:pointer;z-index:20;width:56px;height:56px;color:var(--brand-primary);background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.22,.61,.36,1);display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 8px 24px #00000026}.carousel-arrow:hover{background:var(--brand-primary);color:#fff;transform:translateY(-50%)scale(1.1);box-shadow:0 12px 32px #ff6b3566}.carousel-arrow:active{transform:translateY(-50%)scale(.95)}.carousel-arrow-left{left:20px}.carousel-arrow-right{right:20px}.carousel-arrow svg{transition:transform .3s}.carousel-arrow-left:hover svg{transform:translate(-2px)}.carousel-arrow-right:hover svg{transform:translate(2px)}.carousel-indicators-wrapper{justify-content:center;align-items:center;gap:10px;padding:0 16px;display:flex}.carousel-indicator{border:2px solid var(--border-primary);cursor:pointer;touch-action:manipulation;background:0 0;border-radius:50%;width:10px;height:10px;padding:0;transition:all .4s cubic-bezier(.22,.61,.36,1)}.carousel-indicator:hover{border-color:var(--brand-primary);transform:scale(1.2)}.carousel-indicator:active{transform:scale(1)}.carousel-indicator-active{background:var(--brand-primary);border-color:var(--brand-primary);border-radius:6px;width:32px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInTitle{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.carousel-3d-wrapper{padding:0 32px 32px}.carousel-layout{grid-template-columns:1fr 1fr;gap:36px}.carousel-right{padding-left:24px}.carousel-3d-container{height:330px}.carousel-item{width:250px;height:290px}.carousel-item-next{transform:translate(-50%,-50%)translate(210px)translateZ(-145px)rotateY(-25deg)scale(.73)}.carousel-item-prev{transform:translate(-50%,-50%)translate(-210px)translateZ(-145px)rotateY(25deg)scale(.73)}}@media (max-width:1024px){.carousel-3d-wrapper{padding:0 24px 28px}.carousel-layout{grid-template-columns:1fr 1fr;gap:28px}.carousel-right{padding-left:16px}.carousel-title{font-size:1.75rem}.carousel-description{font-size:1rem}.carousel-launch-btn{padding:14px 30px;font-size:.95rem}.carousel-3d-container{perspective:900px;height:310px}.carousel-arrow{width:48px;height:48px}.carousel-arrow-left{left:10px}.carousel-arrow-right{right:10px}.carousel-item{width:240px;height:280px}.carousel-item-next{transform:translate(-50%,-50%)translate(190px)translateZ(-140px)rotateY(-24deg)scale(.72)}.carousel-item-prev{transform:translate(-50%,-50%)translate(-190px)translateZ(-140px)rotateY(24deg)scale(.72)}.carousel-item-next-2,.carousel-item-prev-2{opacity:0;pointer-events:none;transform:translate(-50%,-50%)translateZ(-280px)scale(.4)}}@media (max-width:768px){.carousel-3d-wrapper{padding:0 16px 24px}.carousel-layout{grid-template-columns:1fr;gap:32px}.carousel-right{justify-content:center;padding-left:0}.carousel-info{text-align:center;max-width:100%;padding:0}.carousel-buttons{justify-content:center}.carousel-title{font-size:1.5rem}.carousel-description{font-size:.95rem;line-height:1.5}.carousel-launch-btn{padding:12px 24px;font-size:.9rem}.carousel-3d-container{perspective:800px;max-width:100%;height:350px}.carousel-arrow{width:44px;height:44px}.carousel-arrow-left{left:10px}.carousel-arrow-right{right:10px}.carousel-item{width:260px;height:300px}.carousel-item-active{transform:translate(-50%,-50%)translateZ(0)scale(1)}.carousel-item-next{opacity:.6;transform:translate(-50%,-50%)translate(150px)translateZ(-130px)rotateY(-25deg)scale(.7)}.carousel-item-prev{opacity:.6;transform:translate(-50%,-50%)translate(-150px)translateZ(-130px)rotateY(25deg)scale(.7)}.carousel-item-next:hover,.carousel-item-prev:hover{opacity:.8}.carousel-indicators-wrapper{gap:8px;margin-top:28px}.carousel-indicator{width:8px;height:8px}.carousel-indicator-active{width:24px}}@media (max-width:640px){.carousel-3d-wrapper{padding:0 12px 20px}.carousel-info{margin-top:28px}.carousel-icon-wrapper{width:50px;height:50px;margin-bottom:16px}.carousel-icon{width:26px;height:26px}.carousel-title{margin-bottom:12px;font-size:1.35rem}.carousel-description{margin-bottom:24px;font-size:.9rem}.carousel-3d-container{perspective:700px;max-width:100%;height:300px}.carousel-arrow{width:40px;height:40px}.carousel-arrow-left{left:5px}.carousel-arrow-right{right:5px}.carousel-item{width:220px;height:260px}.carousel-item-active{transform:translate(-50%,-50%)translateZ(0)scale(1)}.carousel-item-next{opacity:.5;transform:translate(-50%,-50%)translate(110px)translateZ(-110px)rotateY(-20deg)scale(.65)}.carousel-item-prev{opacity:.5;transform:translate(-50%,-50%)translate(-110px)translateZ(-110px)rotateY(20deg)scale(.65)}.carousel-indicators-wrapper{margin-top:24px}}@media (max-width:480px){.carousel-3d-wrapper{padding:0 8px 16px}.carousel-3d-container{perspective:600px;height:280px}.carousel-arrow{width:36px;height:36px}.carousel-arrow-left{left:3px}.carousel-arrow-right{right:3px}.carousel-item{width:200px;height:240px}.carousel-item-active{transform:translate(-50%,-50%)translateZ(0)scale(1)}.carousel-item-next{opacity:.45;transform:translate(-50%,-50%)translate(95px)translateZ(-95px)rotateY(-18deg)scale(.6)}.carousel-item-prev{opacity:.45;transform:translate(-50%,-50%)translate(-95px)translateZ(-95px)rotateY(18deg)scale(.6)}.carousel-info{margin-top:24px}.carousel-title{font-size:1.25rem}.carousel-launch-btn{padding:10px 20px;font-size:.85rem}.carousel-indicators-wrapper{margin-top:20px}}@media (max-width:360px){.carousel-3d-wrapper{padding:0 6px 12px}.carousel-3d-container{height:260px}.carousel-arrow{width:32px;height:32px}.carousel-arrow-left{left:2px}.carousel-arrow-right{right:2px}.carousel-item{width:180px;height:220px}.carousel-item-active{transform:translate(-50%,-50%)translateZ(0)scale(1)}.carousel-item-next{opacity:.4;transform:translate(-50%,-50%)translate(85px)translateZ(-85px)rotateY(-15deg)scale(.58)}.carousel-item-prev{opacity:.4;transform:translate(-50%,-50%)translate(-85px)translateZ(-85px)rotateY(15deg)scale(.58)}.carousel-info{margin-top:20px}.carousel-title{font-size:1.15rem}.carousel-description{font-size:.85rem}.carousel-indicators-wrapper{margin-top:18px}}
