.card.fruity{--accent:#ffb366;grid-column:1/-1;min-height:365px}.fruity .card-inner{min-height:363px;background:linear-gradient(90deg,#141a22 0%,#141a22f5 40%,#141a2266 70%,#141a2244 100%)}.fruity .card-copy{margin-top:55px;max-width:60%;position:relative;z-index:2}.fruity .card-copy h2{font-size:38px;letter-spacing:-1.3px}.fruity .card-copy p{margin-bottom:18px;color:#b8c6d5}.fruity-badges{display:flex;gap:8px;margin:0 0 15px}.fruity-badges span{display:inline-flex;padding:5px 9px;font-size:9px;letter-spacing:1px;border:1px solid #ffb3663b;border-radius:5px;background:#ffb36610;color:#ffb366}.fruity-badges span:first-child{color:#98d9b7;background:#98d9b70d;border-color:#98d9b737}.fruity .launch{color:#ffb366}.fruity-visual{background:radial-gradient(ellipse at 90% 20%,#ffb36612,transparent 70%),#141a22}.fruity-playlist{position:absolute;top:72px;right:35px;width:48%;height:225px;border:1px solid #ffb3662b;border-radius:10px;overflow:hidden;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),#53607220 calc(20% - 1px),#53607220 20%),repeating-linear-gradient(0deg,transparent 0,transparent 44px,#53607220 44px,#53607220 45px),#10151c;transform:perspective(850px) rotateY(-8deg) rotateX(3deg);box-shadow:0 20px 70px #0006}.fruity-bars{position:absolute;inset:0 0 auto;height:22px;background:#1b2431;border-bottom:1px solid #303945}.fruity-clip{position:absolute;height:33px;border-radius:3px;border-top:3px solid #b69c73;background:repeating-linear-gradient(90deg,#3e3427 0,#3e3427 8px,#81674d 9px,#3e3427 10px)}.fruity-clip.one{left:4%;top:33px;width:38%;background:#30443f;border-color:#96b6a1}.fruity-clip.two{left:47%;top:33px;width:44%;background:#30443f;border-color:#96b6a1}.fruity-clip.three{left:4%;top:79px;width:25%}.fruity-clip.four{left:34%;top:79px;width:57%}.fruity-playhead{position:absolute;top:15px;bottom:0;width:1px;left:66%;background:#a8d9b88c;z-index:2}.fruity-playhead:before{content:'';position:absolute;top:0;left:-4px;width:9px;height:7px;background:#a8d9b8;clip-path:polygon(0 0,100% 0,50% 100%)}.fruity-notes{position:absolute;left:4%;top:140px;right:9%;height:57px;background:#131a22;border:1px solid #283340;border-radius:3px}.fruity-notes b{position:absolute;width:15%;height:5px;left:3%;top:36px;background:#ffb366b3;border-radius:1px}.fruity-notes b:nth-child(2){left:22%;top:28px}.fruity-notes b:nth-child(3){left:41%;top:18px}.fruity-notes b:nth-child(4){left:61%;top:8px}.fruity-notes b:nth-child(5){left:80%;top:21px}@media(max-width:1000px){.fruity .card-copy h2{font-size:32px}.fruity .card-copy{max-width:70%}.fruity-playlist{right:20px;opacity:.7;width:47%}}@media(max-width:700px){.card.fruity{min-height:425px}.fruity .card-inner{min-height:423px;background:linear-gradient(180deg,#141a2200,#141a22e8 60%,#141a22 100%)}.fruity .card-copy{margin-top:130px;max-width:100%}.fruity-playlist{top:52px;width:90%;right:-7%;height:210px;opacity:.5}.fruity .card-copy h2{font-size:29px}.fruity .download{margin-left:0;margin-top:12px}.fruity-badges{margin-bottom:12px}}@media(prefers-reduced-motion:reduce){.fruity-playlist{transform:none}}