.swiper{width:340px;height:520px;padding:10px}.swiper-slide{color:#333;background:#fff;border:1px solid #e0e0e0;border-radius:24px;flex-direction:column;padding:25px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001a}.card-header{z-index:2;margin-bottom:25px;position:relative}.card-label{color:#ff5e00;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;font-size:.75rem;font-weight:700;display:block}.card-title{color:#1a1a1a;font-size:1.8rem;font-weight:700;line-height:1.2}.info-icon{color:#ff5e00;cursor:pointer;background:#ff5e001a;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;transition:background .3s;display:flex;position:absolute;top:0;right:0}.info-icon:hover{background:#ff5e0033}.metric-box{z-index:2;background:#f8f9fa;border:1px solid #eee;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:15px;transition:transform .3s,border-color .3s;display:flex;position:relative}.metric-box:hover{background:#fff;border-color:#ff5e00;transform:translateY(-2px)}.metric-info{flex-direction:column;gap:4px;max-width:65%;display:flex}.metric-label{color:#ff5e00;font-size:.85rem;font-weight:600}.metric-desc{color:#666;font-size:.7rem;line-height:1.3}.metric-value{color:#111;text-align:right;font-size:1.5rem;font-weight:700}.metric-value span{color:#ff5e00;font-size:1rem}.graph-container{z-index:1;opacity:.2;width:100%;height:60px;position:absolute;bottom:60px;left:0}.graph-line{fill:none;stroke:#ff5e00;stroke-width:4px;stroke-linecap:round}.card-footer{color:#555;z-index:2;border-top:1px solid #eee;align-items:center;gap:10px;margin-top:auto;padding-top:15px;font-size:.7rem;display:flex;position:relative}.card-footer strong{color:#111}.check-icon{color:#ff5e00;background:#ff5e001a;border-radius:50%;padding:4px;font-size:10px}
.testimonial-carousel .swiper{width:100%;padding-top:50px;padding-bottom:50px}.testimonial-carousel .swiper-slide{opacity:.4;background-color:#1a1a1a;background-position:50%;background-size:cover;border:1px solid #ffffff1a;border-radius:24px;width:320px;height:480px;transition:transform .5s,opacity .5s;overflow:hidden;transform:scale(.85);box-shadow:0 10px 30px #0003}.testimonial-carousel .swiper-slide-active{opacity:1;border-color:hsla(var(--primary)/.3);transform:scale(1);box-shadow:0 20px 50px #f503}.testimonial-card-content{color:#fff;flex-direction:column;justify-content:flex-end;width:100%;height:100%;padding:24px;display:flex;position:relative}.testimonial-card-content:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(#0000 0%,#000000b3 40%,#000000f2 80%);height:70%;position:absolute;bottom:0;left:0;right:0}.testimonial-card-image{object-fit:cover;z-index:-1;width:100%;height:100%;transition:transform .5s;position:absolute;top:0;left:0}.swiper-slide-active .testimonial-card-image{transform:scale(1.05)}.testimonial-card-name{margin-bottom:4px;font-size:1.5rem;font-weight:700}.testimonial-card-affiliation{color:#a0a0a0;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:.8rem}.testimonial-card-quote{color:#dcdcdc;scrollbar-width:thin;scrollbar-color:hsl(var(--primary))transparent;max-height:150px;font-size:.9rem;line-height:1.6;position:relative;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 80%,#0000 100%);mask-image:linear-gradient(#000 80%,#0000 100%)}.testimonial-card-quote::-webkit-scrollbar{width:4px}.testimonial-card-quote::-webkit-scrollbar-thumb{background-color:hsl(var(--primary));border-radius:2px}.testimonial-card-quote::-webkit-scrollbar-track{background-color:#0000}.testimonial-carousel .swiper-pagination-bullet{background-color:#ffffff80;width:8px;height:8px;transition:background-color .3s,width .3s}.testimonial-carousel .swiper-pagination-bullet-active{background-color:hsl(var(--primary));border-radius:4px;width:24px}.testimonial-carousel .swiper-button-next,.testimonial-carousel .swiper-button-prev{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0000004d;border-radius:50%;width:44px;height:44px;transition:background-color .3s}.testimonial-carousel .swiper-button-next:hover,.testimonial-carousel .swiper-button-prev:hover{background-color:#00000080}.testimonial-carousel .swiper-button-next:after,.testimonial-carousel .swiper-button-prev:after{font-size:20px;font-weight:700}
.btn-wrapper{background-color:#111;border-radius:16px;justify-content:center;align-items:flex-start;width:fit-content;max-width:100%;padding:6px;transition:box-shadow .2s ease-in-out;display:flex;position:relative;box-shadow:0 1.5px #ffffff2b,inset 0 0 2px #00000014}.btn-wrapper:after{content:"";pointer-events:none;width:50%;height:0;position:absolute;transform:rotate(15deg);box-shadow:-20px 0 100px 10px #fff9}.btn{background-color:#010405;background-image:radial-gradient(circle at 50% -100%,#7f8f9b99 0%,#00000012 75%),conic-gradient(#ffffff14 .25turn,#ffffff1f .25turn .5turn,#ffffff14 .5turn .75turn,#ffffff1f .75turn)top left/4px 4px repeat;cursor:pointer;z-index:20;border:none;border-radius:10px;justify-content:center;align-items:center;width:230px;height:60px;transition:box-shadow .15s ease-in-out;display:flex;position:relative;box-shadow:inset .5px .5px #ffffff7d,inset 0 0 1px 2px #0000008f,inset 0 0 6px #ffffff96,inset 0 -2px #1a1a1a,0 3px 2px #0000001f,0 7px 5px #00000021,4px 13px 10px #00000024,10px 22px 18px #00000024,20px 42px 33px #00000026,60px 50px 80px #00000026,0 3px 3px #0000001a}@media (max-width:300px){.btn{width:100%;min-width:180px}.btn-text{font-size:14px}}.btn-icon{transform-origin:50%;background-color:#8c8c8c;border-radius:5px;grid-template-rows:repeat(7,auto);grid-template-columns:repeat(7,auto);gap:3px;margin:5px;padding:5px;transition:aspect-ratio .15s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out,transform .15s ease-in-out;display:grid;box-shadow:inset 0 1px #ffffff4f}.pixel{background-color:#ffffff21;border-radius:1px;width:3px;height:3px;transition:background-color .15s ease-in-out,box-shadow .15s ease-in-out}.pixel:nth-child(9),.pixel:nth-child(10),.pixel:nth-child(11),.pixel:nth-child(17),.pixel:nth-child(18),.pixel:nth-child(19),.pixel:nth-child(25),.pixel:nth-child(26),.pixel:nth-child(27),.pixel:nth-child(31),.pixel:nth-child(32),.pixel:nth-child(33),.pixel:nth-child(37),.pixel:nth-child(38),.pixel:nth-child(39){background-color:#ffffff80;animation:1.2s ease-in-out infinite pulse}.pixel:nth-child(9){animation-delay:0s}.pixel:nth-child(10){animation-delay:.1s}.pixel:nth-child(11){animation-delay:.2s}.pixel:nth-child(17){animation-delay:.3s}.pixel:nth-child(18){animation-delay:.4s}.pixel:nth-child(19){animation-delay:.5s}.pixel:nth-child(25){animation-delay:.6s}.pixel:nth-child(26){animation-delay:.7s}.pixel:nth-child(27){animation-delay:.8s}.pixel:nth-child(31){animation-delay:.9s}.pixel:nth-child(32){animation-delay:1s}.pixel:nth-child(33){animation-delay:1.1s}.pixel:nth-child(37){animation-delay:1.2s}.pixel:nth-child(38){animation-delay:1.3s}.pixel:nth-child(39){animation-delay:1.4s}@keyframes pulse{0%,to{background-color:#fff;box-shadow:0 0 3px 1px #fff}50%{background-color:#fff;box-shadow:0 0 1px 1px #0000000f}}.btn-text{color:#fff;-webkit-user-select:none;user-select:none;justify-content:center;align-items:flex-start;gap:1px;width:80%;font-family:Montserrat,sans-serif;font-size:16px;font-weight:400;line-height:16px;transition:text-shadow .15s ease-in-out,color .15s ease-in-out,gap .15s ease-in-out,font-weight .15s ease-in-out;display:flex}.btn-letter{animation:2s ease-in-out infinite letter-anim;display:inline-block}@keyframes letter-anim{50%{color:#ffffff61}}#corner-1{transition:transform .15s ease-in-out;position:absolute;top:0;left:0;transform:translate(-24px,-24px)rotate(-90deg)}#corner-2{transition:transform .15s ease-in-out;position:absolute;top:0;right:0;transform:translate(24px,-24px)rotate(0)}#corner-3{transition:transform .15s ease-in-out;position:absolute;bottom:0;right:0;transform:translate(24px,24px)rotate(90deg)}#corner-4{transition:transform .15s ease-in-out;position:absolute;bottom:0;left:0;transform:translate(-24px,24px)rotate(180deg)}.line{fill:#444}.btn-wrapper:has(.btn:hover){box-shadow:0 1.5px #ffffff2b,inset 0 0 2px #00000014,0 0 4px 3px hsla(var(--primary)/.85)inset,0 0 16px 8px hsla(var(--primary)/.1)}.btn-wrapper:has(.btn:hover) #corner-1{transform:translate(-16px,-16px)rotate(-90deg)}.btn-wrapper:has(.btn:hover) #corner-2{transform:translate(16px,-16px)rotate(0)}.btn-wrapper:has(.btn:hover) #corner-3{transform:translate(16px,16px)rotate(90deg)}.btn-wrapper:has(.btn:hover) #corner-4{transform:translate(-16px,16px)rotate(180deg)}.btn-wrapper:has(.btn:hover) .pixel{background-color:#ffffff21;animation:none}:is(.btn-wrapper:has(.btn:hover) .pixel:nth-child(4),.btn-wrapper:has(.btn:hover) .pixel:nth-child(10),.btn-wrapper:has(.btn:hover) .pixel:nth-child(11),.btn-wrapper:has(.btn:hover) .pixel:nth-child(12),.btn-wrapper:has(.btn:hover) .pixel:nth-child(16),.btn-wrapper:has(.btn:hover) .pixel:nth-child(18),.btn-wrapper:has(.btn:hover) .pixel:nth-child(24),.btn-wrapper:has(.btn:hover) .pixel:nth-child(25),.btn-wrapper:has(.btn:hover) .pixel:nth-child(26),.btn-wrapper:has(.btn:hover) .pixel:nth-child(32),.btn-wrapper:has(.btn:hover) .pixel:nth-child(34),.btn-wrapper:has(.btn:hover) .pixel:nth-child(37),.btn-wrapper:has(.btn:hover) .pixel:nth-child(38),.btn-wrapper:has(.btn:hover) .pixel:nth-child(39),.btn-wrapper:has(.btn:hover) .pixel:nth-child(40),.btn-wrapper:has(.btn:hover) .pixel:nth-child(46)){animation:.25s ease-in-out forwards pixel-form}.btn-wrapper:has(.btn:hover) .pixel:nth-child(4){animation-delay:50ms}.btn-wrapper:has(.btn:hover) .pixel:nth-child(10){animation-delay:.1s}.btn-wrapper:has(.btn:hover) .pixel:nth-child(11){animation-delay:.15s}.btn-wrapper:has(.btn:hover) .pixel:nth-child(12){animation-delay:.2s}.btn-wrapper:has(.btn:hover) .pixel:nth-child(16){animation-delay:.25s}.btn-wrapper:has(.btn:hover) .pixel:nth-child(18){animation-delay:.3s}.btn-wrapper:has(.btn:hover) .pixel:nth-child(24){animation-delay:.35s}.btn-wrapper:has(.btn:hover) .pixel:nth-child(25){animation-delay:.4s}.btn-wrapper:has(.btn:hover) .pixel:nth-child(26){animation-delay:.45s}.btn-wrapper:has(.btn:hover) .pixel:nth-child(32){animation-delay:.5s}.btn-wrapper:has(.btn:hover) .pixel:nth-child(34){animation-delay:.55s}.btn-wrapper:has(.btn:hover) .pixel:nth-child(37){animation-delay:.6s}.btn-wrapper:has(.btn:hover) .pixel:nth-child(38){animation-delay:.65s}.btn-wrapper:has(.btn:hover) .pixel:nth-child(39){animation-delay:.7s}.btn-wrapper:has(.btn:hover) .pixel:nth-child(40){animation-delay:.75s}.btn-wrapper:has(.btn:hover) .pixel:nth-child(46){animation-delay:.8s}.btn-wrapper:has(.btn:hover) .btn-letter{animation:none}.btn-wrapper:has(.btn:hover) .btn-text{gap:3px;font-weight:500}@keyframes pixel-form{0%{opacity:0;background-color:#ffffff21;transform:scale(.2)}60%{opacity:1;background-color:#fff;transform:scale(1.5)}to{opacity:1;background-color:hsl(var(--primary));transform:scale(1)}}.btn-wrapper:has(.btn:active){box-shadow:0 1.5px #ffffff2b,inset 0 0 2px #00000014,0 0 4px 3px hsla(var(--primary)/.75)inset,0 0 32px 2px hsla(var(--primary)/.55)}.btn-wrapper:has(.btn:active) #corner-1{transform:translate(-10px,-10px)rotate(-90deg)}.btn-wrapper:has(.btn:active) #corner-2{transform:translate(10px,-10px)rotate(0)}.btn-wrapper:has(.btn:active) #corner-3{transform:translate(10px,10px)rotate(90deg)}.btn-wrapper:has(.btn:active) #corner-4{transform:translate(-10px,10px)rotate(180deg)}.btn-wrapper:has(.btn:active) .btn{box-shadow:inset .5px .5px #ffffff7d,inset 0 0 1px 2px #0000008f,inset 0 0 6px #ffffff96,inset 0 -2px #1a1a1a,0 3px 2px #0000001f,0 7px 5px #00000021,4px 13px 10px #00000024,10px 22px 18px #00000024,20px 42px 33px #00000026,60px 50px 80px #00000026,0 3px 3px #0000001a,0px 0px 120px hsla(var(--primary)/.8),-4px -4px 8px hsla(var(--primary)/.93),4px 4px 16px hsla(var(--primary)/.93)}.btn-wrapper:has(.btn:active) .line{fill:hsla(var(--primary)/.53)}.btn-wrapper:has(.btn:active) .btn-text{color:#fff;text-shadow:0 0 2px hsla(var(--primary)/1);filter:drop-shadow(0 0 2px #000);gap:1px}.btn-wrapper:has(.btn:active) .btn-icon{box-shadow:0 0 5px 0px hsla(var(--primary)/.4)inset,0 0 16px -6px #fffa;animation:none}:is(.btn-wrapper:has(.btn:active) .pixel:nth-child(4),.btn-wrapper:has(.btn:active) .pixel:nth-child(10),.btn-wrapper:has(.btn:active) .pixel:nth-child(11),.btn-wrapper:has(.btn:active) .pixel:nth-child(12),.btn-wrapper:has(.btn:active) .pixel:nth-child(16),.btn-wrapper:has(.btn:active) .pixel:nth-child(18),.btn-wrapper:has(.btn:active) .pixel:nth-child(24),.btn-wrapper:has(.btn:active) .pixel:nth-child(25),.btn-wrapper:has(.btn:active) .pixel:nth-child(26),.btn-wrapper:has(.btn:active) .pixel:nth-child(32),.btn-wrapper:has(.btn:active) .pixel:nth-child(34),.btn-wrapper:has(.btn:active) .pixel:nth-child(37),.btn-wrapper:has(.btn:active) .pixel:nth-child(38),.btn-wrapper:has(.btn:active) .pixel:nth-child(39),.btn-wrapper:has(.btn:active) .pixel:nth-child(40),.btn-wrapper:has(.btn:active) .pixel:nth-child(46)){box-shadow:0 0 1px 1px #ffffff80,0 0 2px 2px hsl(var(--primary))}:is(.btn-wrapper:has(.btn:focus),.btn-wrapper:has(.btn:focus-visible)){box-shadow:0 1.5px #ffffff2b,inset 0 0 2px #00000014,0 0 4px 3px hsla(var(--primary)/.75)inset,0 0 32px 2px hsla(var(--primary)/.55)}:is(.btn-wrapper:has(.btn:focus) .btn,.btn-wrapper:has(.btn:focus-visible) .btn){box-shadow:inset .5px .5px #ffffff7d,inset 0 0 1px 2px #0000008f,inset 0 0 6px #ffffff96,inset 0 -2px #1a1a1a,0 3px 2px #0000001f,0 7px 5px #00000021,4px 13px 10px #00000024,10px 22px 18px #00000024,20px 42px 33px #00000026,60px 50px 80px #00000026,0 3px 3px #0000001a,0px 0px 120px hsla(var(--primary)/.8),-4px -4px 8px hsla(var(--primary)/.93),4px 4px 16px hsla(var(--primary)/.93)}:is(.btn-wrapper:has(.btn:focus) .line,.btn-wrapper:has(.btn:focus-visible) .line){fill:hsla(var(--primary)/.53)}:is(.btn-wrapper:has(.btn:focus) .btn-text,.btn-wrapper:has(.btn:focus-visible) .btn-text){color:#fff;text-shadow:0 0 2px hsl(var(--primary));filter:drop-shadow(0 0 2px #000);gap:1px}:is(.btn-wrapper:has(.btn:focus) .btn-icon,.btn-wrapper:has(.btn:focus-visible) .btn-icon){box-shadow:0 0 5px 0px hsla(var(--primary)/.4)inset,0 0 16px -6px #fffa;animation:none}:is(.btn-wrapper:has(.btn:focus) .pixel,.btn-wrapper:has(.btn:focus-visible) .pixel){background-color:#ffffff21;animation:none}:is(.btn-wrapper:has(.btn:focus) .pixel:nth-child(4),.btn-wrapper:has(.btn:focus-visible) .pixel:nth-child(4),.btn-wrapper:has(.btn:focus) .pixel:nth-child(10),.btn-wrapper:has(.btn:focus-visible) .pixel:nth-child(10),.btn-wrapper:has(.btn:focus) .pixel:nth-child(11),.btn-wrapper:has(.btn:focus-visible) .pixel:nth-child(11),.btn-wrapper:has(.btn:focus) .pixel:nth-child(12),.btn-wrapper:has(.btn:focus-visible) .pixel:nth-child(12),.btn-wrapper:has(.btn:focus) .pixel:nth-child(16),.btn-wrapper:has(.btn:focus-visible) .pixel:nth-child(16),.btn-wrapper:has(.btn:focus) .pixel:nth-child(18),.btn-wrapper:has(.btn:focus-visible) .pixel:nth-child(18),.btn-wrapper:has(.btn:focus) .pixel:nth-child(24),.btn-wrapper:has(.btn:focus-visible) .pixel:nth-child(24),.btn-wrapper:has(.btn:focus) .pixel:nth-child(25),.btn-wrapper:has(.btn:focus-visible) .pixel:nth-child(25),.btn-wrapper:has(.btn:focus) .pixel:nth-child(26),.btn-wrapper:has(.btn:focus-visible) .pixel:nth-child(26),.btn-wrapper:has(.btn:focus) .pixel:nth-child(32),.btn-wrapper:has(.btn:focus-visible) .pixel:nth-child(32),.btn-wrapper:has(.btn:focus) .pixel:nth-child(34),.btn-wrapper:has(.btn:focus-visible) .pixel:nth-child(34),.btn-wrapper:has(.btn:focus) .pixel:nth-child(37),.btn-wrapper:has(.btn:focus-visible) .pixel:nth-child(37),.btn-wrapper:has(.btn:focus) .pixel:nth-child(38),.btn-wrapper:has(.btn:focus-visible) .pixel:nth-child(38),.btn-wrapper:has(.btn:focus) .pixel:nth-child(39),.btn-wrapper:has(.btn:focus-visible) .pixel:nth-child(39),.btn-wrapper:has(.btn:focus) .pixel:nth-child(40),.btn-wrapper:has(.btn:focus-visible) .pixel:nth-child(40),.btn-wrapper:has(.btn:focus) .pixel:nth-child(46),.btn-wrapper:has(.btn:focus-visible) .pixel:nth-child(46)){box-shadow:0 0 1px 1px #ffffff80,0 0 2px 2px hsl(var(--primary));background-color:hsl(var(--primary))}.card{transform-origin:top;min-width:230px;max-width:260px;color:hsl(var(--primary-foreground));opacity:0;z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none;background:#000c;border:1px solid #333;border-radius:8px;padding:16px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:300;line-height:1.4;transition:opacity .2s cubic-bezier(.68,-.55,.27,1.55),transform .4s cubic-bezier(.68,-.55,.27,1.55);position:absolute;top:110%;left:50%;transform:translate(-50%)scaleY(0)rotateX(-90deg)}.card-header{text-align:start;perspective:150px;transform-style:preserve-3d;background:0 0;border-bottom:1px solid #444;padding:.25em 0}.card-header:before{content:"";width:230px;height:5px;box-shadow:0 0 8px 2px hsla(var(--primary-foreground)/.8),0 5px 36px 14px hsla(var(--primary)/.8);filter:drop-shadow(0 5px 38px hsl(var(--primary)))blur(3px);transform-origin:top;background-color:#fff;border-radius:3px;transition:transform .2s ease-in-out;position:absolute;top:-16px;left:-16px;transform:rotateX(60deg)scale(1)}.card-header span{letter-spacing:.05em;color:#fff;text-shadow:0 0 8px #ffffff61;font-size:1.2em;font-weight:500}.card-body{justify-content:space-between;align-items:center;padding:.5em 0;display:flex}.btn:focus~.card,.btn:focus-visible~.card{opacity:1;pointer-events:auto;transform:translate(-50%)scaleY(1)rotateX(0)}.btn-wrapper:has(.btn:focus) .card-header:before{animation:.25s ease-in-out forwards bar-anim}.btn-wrapper:has(.btn:focus-visible) .card-header:before{animation:.25s ease-in-out forwards bar-anim}@keyframes bar-anim{0%{transform:rotateX(90deg)scale(1.5,.8)}to{transform:rotateX(60deg)scale(1)}}:is(.btn-wrapper:has(.btn:focus) #corner-3,.btn-wrapper:has(.btn:focus-visible) #corner-3){transform:translate(24px,126px)rotate(90deg)}:is(.btn-wrapper:has(.btn:focus) #corner-4,.btn-wrapper:has(.btn:focus-visible) #corner-4){transform:translate(-24px,126px)rotate(180deg)}:is(.btn-wrapper:has(.btn:focus):hover #corner-3,.btn-wrapper:has(.btn:focus-visible):hover #corner-3){transform:translate(16px,120px)rotate(90deg)}:is(.btn-wrapper:has(.btn:focus):hover #corner-4,.btn-wrapper:has(.btn:focus-visible):hover #corner-4){transform:translate(-16px,120px)rotate(180deg)}
