.beams-container{width:100%;height:100%;position:relative}
.card-swap-container{transform-origin:100% 100%;perspective:900px;position:absolute;bottom:0;right:0;overflow:visible;transform:translate(5%,20%)}.card{transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;background:#000;border:1px solid #fff3;border-radius:12px;outline:1px solid #0000;position:absolute;top:50%;left:50%;transform:translateZ(0)}@media (max-width:768px){.card-swap-container{transform:scale(.75)translate(25%,25%)}}@media (max-width:480px){.card-swap-container{transform:scale(.55)translate(25%,25%)}}
.features-section{-webkit-backdrop-filter:blur(10px);background:0 0;border-top:1px solid #ffffff0d;border-radius:24px;margin:2rem;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #000c,0 8px 32px #00000080,inset 0 0 0 1px #ffffff14}.features-container{perspective:1000px;justify-content:center;align-items:center;width:100%;height:500px;display:flex;position:relative}.features-section .card-swap-container{margin:0 auto;display:block;transform-origin:50%!important;position:relative!important;transform:none!important}.feature-card{-webkit-backdrop-filter:blur(20px);text-align:center;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform-style:preserve-3d;backface-visibility:hidden;will-change:auto;image-rendering:-webkit-optimize-contrast;background:linear-gradient(135deg,#141414f2 0%,#0f0f0ffa 40%,#0a0a0a 100%);border:1px solid #ffffff26;outline:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;padding:2.5rem 2rem;transition:background .3s,border-color .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #000c,0 8px 32px #00000080,inset 0 0 0 1px #ffffff14;position:absolute!important}.feature-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%);height:1px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.feature-card:hover:before{opacity:1}.feature-card:hover{background:linear-gradient(135deg,#191919fa 0%,#141414 40%,#0f0f0f 100%);border-color:#ffffff40;box-shadow:0 30px 60px -15px #000000e6,0 12px 40px #0009,inset 0 0 0 1px #ffffff1f}.feature-card-gradient{opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:200%;height:200%;transition:opacity .4s;position:absolute;top:-50%;left:-50%}.feature-card:hover .feature-card-gradient{opacity:1}.feature-icon{object-fit:contain;filter:brightness(0)invert();opacity:.9;width:60px;min-width:60px;height:60px;min-height:60px;margin:0 auto 1.5rem;display:block}.feature-card-content{z-index:1;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}@media (max-width:768px){.features-container{height:400px}.features-section .card-swap-container{transform:scale(.8)!important}}@media (max-width:480px){.features-container{height:350px}.features-section .card-swap-container{transform:scale(.65)!important}}