.bannerpage{position:relative;width:100%;height:110vh;overflow:hidden;min-height:850px}@media(max-width:768px){.bannerpage{min-height:700px;height:110svh}}.bannerpage canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important;z-index:0}.banner-content{position:relative;z-index:2;width:100%;height:100%;max-width:1400px;margin:0 auto;padding:0 60px;pointer-events:none}@media(max-width:768px){.banner-content{padding:24px}}.banner-content *{pointer-events:auto}.slider-inner{width:100%;height:100%;position:relative}.banner-slide{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;padding-top:80px}@media(max-width:768px){.banner-slide{padding-top:100px;padding-bottom:120px;justify-content:center}}.slide-badge-wrap{display:flex;align-items:center;gap:8px;margin-bottom:20px}.slide-badge-wrap .badge-icon{width:20px;height:20px;flex-shrink:0}@media(max-width:768px){.slide-badge-wrap .badge-icon{width:14px;height:14px}}.slide-badge-wrap .badge-text{font-weight:500;font-size:clamp(14px,2vw,20px);line-height:1.4;background:linear-gradient(90deg,#37b34a,#d6de23 97.6%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;font-family:Poppins,sans-serif}@media(max-width:768px){.slide-badge-wrap .badge-text{font-size:18px}}.slide-title-container{margin-bottom:8px}.slide-title-line{display:block;font-size:clamp(28px,5vw,54px);font-weight:700;color:#fff;position:relative;line-height:1.2;margin:0;padding:2px 0;letter-spacing:-.5px;font-family:Poppins,sans-serif;white-space:nowrap}@media(max-width:768px){.slide-title-line{font-size:clamp(22px,6vw,32px);letter-spacing:-.3px}}.slide-desc{color:hsla(0,0%,100%,.8);font-size:clamp(11px,1.4vw,17px);line-height:1.8;max-width:900px;margin:16px 0 0}@media(max-width:768px){.slide-desc{font-size:18px;line-height:1.8;max-width:100%;margin:10px 0 0}}.banner-bottom-bar{position:absolute;bottom:10vh;left:0;right:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:25px 60px}@media(max-width:768px){.banner-bottom-bar{bottom:80px;padding:15px 24px;justify-content:center;gap:20px;z-index:10}}.banner-left-info{display:flex;align-items:center;gap:15px}@media(max-width:768px){.banner-left-info{display:none}}.indicator-counter{height:28px;overflow:hidden;line-height:28px}.indicator-counter ul{list-style:none;padding:0;margin:0}.indicator-counter li{display:block;height:28px;font-size:22px;color:#fff;font-weight:300;font-family:Poppins,sans-serif;letter-spacing:1px}.progress-track{width:150px;height:2px;background:hsla(0,0%,100%,.25);position:relative;overflow:hidden;border-radius:1px}@media(max-width:560px){.progress-track{width:60px}}@media(max-width:420px){.progress-track{display:none}}.progress-fill{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#37b34a,#d6de23);transform:scaleX(0);transform-origin:left center;border-radius:1px}.indicator-total{font-size:22px;color:hsla(0,0%,100%,.35);font-weight:300;font-family:Poppins,sans-serif;letter-spacing:1px}@media(max-width:420px){.indicator-total{display:none}}.banner-controls{display:flex;align-items:center;gap:20px;position:absolute;left:50%;transform:translateX(-50%)}@media(max-width:768px){.banner-controls{position:static;transform:none;gap:12px}}.ctrl-next,.ctrl-prev{width:44px;height:44px;background:hsla(0,0%,100%,.1);backdrop-filter:blur(4px);border:1px solid hsla(0,0%,100%,.15);border-radius:50%;cursor:pointer;position:relative;transition:background .3s ease,transform .2s ease;padding:0}.ctrl-next:hover,.ctrl-prev:hover{background:hsla(0,0%,100%,.25);transform:scale(1.08)}.ctrl-next:after,.ctrl-next:before,.ctrl-prev:after,.ctrl-prev:before{position:absolute;content:"";height:2px;background:#fff;width:10px;border-radius:2px}@media(max-width:768px){.ctrl-next,.ctrl-prev{width:34px;height:34px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15)}}.ctrl-next:before{transform:rotate(45deg);top:calc(50% - 4px);left:calc(50% - 3px)}.ctrl-next:after{transform:rotate(-45deg);top:calc(50% + 3px);left:calc(50% - 3px)}.ctrl-prev:before{transform:rotate(-45deg);top:calc(50% - 4px);left:calc(50% - 6px)}.ctrl-prev:after{transform:rotate(45deg);top:calc(50% + 3px);left:calc(50% - 6px)}.banner-route-btn{display:flex;align-items:center;background:#fff;color:#000;padding:14px 30px;cursor:pointer;transition:background .3s ease}.banner-route-btn:hover{background:#f0f0f0}.banner-route-btn:hover .route-arrow:before{width:110px}.banner-route-btn .route-text{font-size:18px;font-weight:300;letter-spacing:-.5px;margin:0 80px 0 0;white-space:nowrap;font-family:Poppins,sans-serif}@media(max-width:1190px){.banner-route-btn .route-text{margin-right:15px}}@media(max-width:560px){.banner-route-btn .route-text{font-size:14px;display:none}}.banner-route-btn .route-arrow{width:40px;height:40px;background:#fff;border:1px solid #ddd;border-radius:50%;position:relative;padding:0;cursor:pointer;flex-shrink:0}.banner-route-btn .route-arrow:before{position:absolute;content:"";width:80px;height:2px;background:#000;top:50%;right:20px;transition:width .3s ease}@media(max-width:1190px){.banner-route-btn .route-arrow:before{display:none}}.banner-route-btn .route-arrow:after{position:absolute;content:"";top:calc(50% - 4px);border:5px solid rgba(0,0,0,0);border-left:6px solid #000;left:calc(50% - 2px)}@media(max-width:420px){.banner-route-btn{padding:8px 16px}}