.banner-right-box{position:relative;z-index:100!important}.hero-cards-container{aspect-ratio:830/620;justify-content:center;align-items:center;width:100%;max-width:830px;margin:80px auto 0;display:flex;position:relative}@media (max-width:1400px){.hero-cards-container{max-width:700px}}@media (max-width:1199px){.hero-cards-container{max-width:600px;margin-top:50px}}@media (max-width:768px){.hero-cards-container{max-width:90%;margin-top:80px}}.card-swap-container{perspective:1200px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:visible}.card{transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;display:flex;position:absolute;overflow:hidden;box-shadow:0 40px 80px #0009;width:100%!important;height:100%!important;top:50%!important;left:50%!important}.browser-header{background:#2a2a2a;border-bottom:1px solid #ffffff0d;flex-shrink:0;align-items:center;height:32px;padding:0 16px;display:flex}.browser-dots{gap:8px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.browser-url-bar{background:#ffffff0d;border-radius:4px;flex-grow:1;max-width:300px;height:20px;margin-left:20px}.card-content{color:#fff;flex-direction:column;flex-grow:1;display:flex;position:relative;overflow:hidden}.card-image{object-fit:cover;width:100%;height:100%}.card-overlay{background:linear-gradient(#0000,#000000e6);padding:30px;position:absolute;bottom:0;left:0;right:0}.card-overlay h3{color:#fff;margin:0;font-size:28px;font-weight:600}.card-overlay p{opacity:.9;color:#d1d1d1;margin:10px 0 0;font-size:16px}@media (max-width:575px){.card-overlay{padding:15px}.card-overlay h3{font-size:18px}.card-overlay p{font-size:13px}}