@charset "UTF-8";.hero-banner{position:relative;height:100vh;width:100vw;overflow:hidden}.hero-banner .video-swiper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-banner .video-swiper .swiper-wrapper{width:100%;height:100%}.hero-banner .video-swiper .swiper-slide{display:flex;justify-content:center;align-items:center}.hero-banner .video-swiper .swiper-slide video{display:block;width:100%;height:100%;object-fit:cover}.hero-banner .hero-container{position:relative;z-index:2;max-width:1440px;margin:0 auto;height:100%;padding:0 80px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:#fff}.hero-banner .hero-content{max-width:600px}.hero-banner .hero-content .brand-logo{height:36px;margin-bottom:24px}.hero-banner .hero-content .hero-title{font-size:48px;font-weight:400;margin-bottom:16px}.hero-banner .hero-content .hero-title sup{font-size:.5em;vertical-align:super}.hero-banner .hero-content .hero-subtitle{font-size:24px;line-height:1.6;font-weight:500;margin-bottom:32px}.hero-banner .hero-content .hero-buttons{display:flex;gap:16px;margin-bottom:24px}.hero-banner .hero-content .hero-buttons .btn{padding:10px 24px;border-radius:32px;font-weight:500;text-decoration:none;font-size:16px;transition:all .3s ease}.hero-banner .hero-content .hero-buttons .btn.btn-white{background:#fff;color:#000}.hero-banner .hero-content .hero-buttons .btn.btn-white:hover{background:#c69cfa}.hero-banner .hero-content .hero-buttons .btn.btn-outline{border:1px solid #fff;color:#fff}.hero-banner .hero-content .hero-buttons .btn.btn-outline:hover{background:#fff;color:#000}.hero-banner .hero-content .swiper-video-pagination{display:flex;gap:8px;margin-top:16px}.hero-banner .hero-content .swiper-video-pagination span{width:10px;height:10px;border-radius:50%;background-color:#fff6;transition:background-color .3s ease}.hero-banner .hero-content .swiper-video-pagination span.swiper-pagination-bullet-active{background-color:#fff}@media (max-width: 1024px){.hero-banner .hero-container{padding:0 40px;align-items:flex-start;text-align:left}.hero-banner .hero-content .hero-title{font-size:36px}.hero-banner .hero-content .hero-subtitle{font-size:20px}.hero-banner .hero-content .hero-buttons{flex-direction:column;gap:12px}.hero-banner .hero-content .hero-buttons .btn{width:auto;text-align:left}.hero-banner .hero-content .swiper-video-pagination{justify-content:flex-start}}@media (max-width: 768px){.hero-banner .hero-container{padding:0 24px}.hero-banner .hero-content .hero-title{font-size:28px}.hero-banner .hero-content .hero-subtitle{font-size:18px}}