@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@font-face{font-family:BigShoulders;src:url(/fonts/BigShouldersDisplayThin-Bold_2.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--navy-blue: #002B5B;--light-blue: #6DB3CE;--text-main: #333333;--text-light: #666666;--bg-light: #F8F9FA}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Helvetica Neue,Helvetica,Arial,Microsoft JhengHei,sans-serif;color:var(--text-main);line-height:1.8;background-color:#fff;overflow-x:hidden}section{scroll-margin-top:90px}.section-title{color:var(--navy-blue);font-size:2.2rem;margin-bottom:40px;position:relative;padding-bottom:5px;text-align:center}.section-title:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:72px;height:4px;background-color:var(--light-blue)}.title-left{text-align:left}.title-left:after{left:0;transform:none}.section-container{max-width:1000px;margin:0 auto}@media(max-width:768px){section{scroll-margin-top:55px}.section-title{font-size:1.8rem}}header{position:sticky;top:0;background-color:#fffffff2;backdrop-filter:blur(5px);box-shadow:0 2px 15px #00000014;z-index:1000;padding:8px 5%;display:flex;justify-content:space-between;align-items:center;transition:background-color .45s ease,box-shadow .45s ease}header.menu-open{background-color:transparent;box-shadow:none}header.menu-open .company-name{color:#fff}header.menu-open .brand-container img{background-color:#fff}header.menu-open .menu-toggle span{background-color:#fff}.brand-container{display:flex;align-items:center;gap:15px;text-decoration:none;flex-shrink:0}.brand-container img{height:45px;width:auto;padding:5px;border-radius:8px;background-color:transparent;transition:all .45s ease}.company-name{font-family:BigShoulders,sans-serif;color:var(--navy-blue);font-size:1.6rem;font-weight:400;letter-spacing:1px;white-space:nowrap;transition:color .45s ease}nav.nav-desktop{display:flex;gap:25px;align-items:center;margin-right:25%;transition:margin-right .4s ease}nav.nav-desktop a{text-decoration:none;color:var(--navy-blue);font-weight:600;font-size:1rem;transition:color .3s ease}nav.nav-desktop a:hover{color:var(--light-blue)}nav.nav-desktop .lang-switch{border:1.5px solid var(--navy-blue);border-radius:4px;padding:4px 12px;font-size:.85rem;font-weight:700;letter-spacing:.5px;transition:all .3s ease;white-space:nowrap}nav.nav-desktop .lang-switch:hover{background-color:var(--navy-blue);color:#fff!important}.header-right-mobile{display:none;align-items:center;gap:12px}.lang-switch-mobile{text-decoration:none;color:var(--navy-blue);border:1.5px solid var(--navy-blue);border-radius:4px;padding:3px 10px;font-size:.8rem;font-weight:700;letter-spacing:.5px;transition:all .45s ease;white-space:nowrap;z-index:1002}header.menu-open .lang-switch-mobile{color:#fff;border-color:#fff}.dropdown{position:relative;display:flex;align-items:center;height:100%}.dropdown-toggle{display:flex;align-items:center;gap:5px}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(15px);background-color:#fff;min-width:240px;box-shadow:0 10px 30px #0000001a;border-radius:8px;padding:10px 0;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000}.dropdown-menu:before{content:"";position:absolute;top:-20px;left:0;width:100%;height:20px}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%) translateY(10px)}nav.nav-desktop .dropdown-menu a{display:block;padding:12px 25px;color:var(--text-main);font-weight:500;font-size:.95rem;white-space:nowrap;transition:background-color .3s ease,color .3s ease,padding-left .3s ease}nav.nav-desktop .dropdown-menu a:hover{color:var(--navy-blue);background-color:var(--bg-light);padding-left:30px}nav.nav-desktop .dropdown-menu a[data-en]:after{content:attr(data-en);display:block;font-size:.75rem;color:#8bbcd4;font-weight:400;opacity:0;max-height:0;overflow:hidden;transform:translateY(-5px);transition:all .3s ease}nav.nav-desktop .dropdown-menu a[data-en]:hover:after{opacity:1;max-height:20px;margin-top:4px;transform:translateY(0)}.menu-toggle{display:none;position:relative;width:28px;height:20px;cursor:pointer;z-index:1002}.menu-toggle span{position:absolute;left:0;display:block;height:2px;width:100%;background-color:var(--navy-blue);transition:all .45s ease;border-radius:2px}.menu-toggle span:nth-child(1){top:0}.menu-toggle span:nth-child(2){top:9px}.menu-toggle span:nth-child(3){bottom:0}.menu-toggle.active span:nth-child(1){top:9px;transform:rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){bottom:9px;transform:rotate(-45deg)}.side-menu{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--navy-blue);z-index:999;padding:90px 5% 40px;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:all .45s ease;overflow-y:auto}.side-menu.active{opacity:1;visibility:visible}.side-menu>a,.mobile-dropdown-toggle{text-decoration:none;color:#fff;font-weight:400;font-size:1.1rem;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.2);letter-spacing:1px}.side-menu>a:first-child{border-top:1px solid rgba(255,255,255,.2)}.mobile-dropdown{width:100%}.mobile-dropdown-toggle{display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:color .3s ease}.mobile-dropdown.open .mobile-dropdown-toggle{color:var(--light-blue)}.mobile-arrow{position:relative;width:20px;height:20px}.mobile-arrow:before,.mobile-arrow:after{content:"";position:absolute;top:50%;left:50%;background-color:currentColor;transform:translate(-50%,-50%);transition:transform .3s ease,opacity .3s ease;border-radius:2px}.mobile-arrow:before{width:14px;height:2px}.mobile-arrow:after{width:2px;height:14px}.mobile-dropdown.open .mobile-arrow:after{transform:translate(-50%,-50%) scaleY(0);opacity:0}.mobile-submenu{max-height:0;overflow:hidden;transition:max-height .4s ease;background-color:#00000026}.side-menu .mobile-submenu a{display:block;text-decoration:none;color:#ffffffd9;font-weight:400;font-size:1rem;padding:12px 0 12px 25px;border-bottom:1px solid rgba(255,255,255,.1);letter-spacing:1px;line-height:1.4}.side-menu .mobile-submenu a:last-child{border-bottom:none}.side-menu .mobile-submenu a[data-en]:after{content:attr(data-en);display:block;font-size:.75rem;color:#fff6;margin-top:2px;letter-spacing:.5px}.banner-section{width:100%;background-color:var(--navy-blue);overflow:hidden}.banner-section img{width:100%;height:auto;display:block;aspect-ratio:3264 / 680;object-fit:cover;object-position:center}@media(max-width:1450px){nav.nav-desktop{margin-right:10%}}@media(max-width:1250px){nav.nav-desktop{margin-right:0}}@media(max-width:768px){header{flex-direction:row;justify-content:space-between;align-items:center;padding:8px 5%}.brand-container{flex-direction:row;gap:8px;flex:none}.brand-container img{height:38px;padding:3px}.company-name{font-size:1.3rem}nav.nav-desktop{display:none}.header-right-mobile{display:flex}.menu-toggle{display:block}.banner-section img{aspect-ratio:3264 / 884}}html[lang=en] nav.nav-desktop{margin-right:25%;gap:20px}@media(max-width:1450px){html[lang=en] nav.nav-desktop{margin-right:5%}}@media(max-width:1300px){html[lang=en] nav.nav-desktop{margin-right:0;gap:15px}html[lang=en] nav.nav-desktop a{font-size:.95rem}html[lang=en] .company-name{font-size:1.4rem}}@media(max-width:1100px){html[lang=en] nav.nav-desktop{gap:12px}html[lang=en] nav.nav-desktop a{font-size:.9rem}html[lang=en] .brand-container img{height:40px}html[lang=en] .company-name{font-size:1.25rem}}footer{background-color:var(--navy-blue);color:#fff;padding:60px 5% 20px}.footer-container{display:flex;flex-direction:column;align-items:center;gap:30px;margin-bottom:40px}.footer-info{max-width:600px}.footer-columns{width:100%;max-width:550px;display:flex;gap:0}.footer-columns.one-col{justify-content:center}.footer-columns.two-col{justify-content:center;gap:0}.footer-col{flex:1;padding:0 30px;display:flex;flex-direction:column}.email-block{margin-top:auto}.tw-steps{margin:auto 0}.tw-email{margin-top:0}.footer-col-divider{border-left:1px solid rgba(255,255,255,.2)}.footer-logos{display:flex;align-items:center;justify-content:center;gap:25px;margin-bottom:25px;flex-wrap:wrap}.footer-main-logo{height:80px;background-color:#fff;border-radius:8px;padding:10px;box-shadow:0 4px 15px #0003}.footer-distributor-logo{height:80px;width:auto;max-width:280px;object-fit:contain;background-color:transparent}.footer-info h4{font-family:BigShoulders,sans-serif;font-size:1.8rem;font-weight:400;letter-spacing:1px;margin-bottom:15px}.footer-info p{color:#fffc;margin-bottom:10px;line-height:1.6}.social-icons{display:flex;gap:15px;justify-content:center;margin-top:25px}.social-icon{display:block;width:40px;height:40px;border-radius:50%;background-color:#fff;padding:8px;transition:all .3s ease;box-shadow:0 4px 10px #0003}.social-icon img{width:100%;height:100%;object-fit:contain;display:block}.social-icon:hover{transform:translateY(-4px);box-shadow:0 6px 15px #ffffff4d}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.2);padding-top:20px;font-size:.9rem;color:#fff9}@media(max-width:768px){.footer-container{flex-direction:column}}