.tic-home-intl-container{min-height:100vh;font-family:SFPro}@keyframes hero-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.hero-skeleton .skeleton-block{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:600px 100%;animation:hero-shimmer 1.4s linear infinite;border-radius:8px}.hero-skeleton{width:100%;min-height:680px;background:url(/images/ticnote/home/slide-bg.webp) no-repeat 50%/cover;display:flex;align-items:center}.hero-skeleton .hero-skeleton-inner{width:1120px;max-width:100%;margin:0 auto;padding:100px 0 80px;display:flex;align-items:center;justify-content:space-between;gap:40px}.hero-skeleton .hero-skeleton-left{flex:1;max-width:520px}.hero-skeleton .skeleton-block.title-block{height:56px;width:80%;margin-bottom:16px}.hero-skeleton .skeleton-block.highlight-block{height:52px;width:60%;margin-bottom:28px}.hero-skeleton .skeleton-block.desc-block{height:18px;width:100%;margin-bottom:10px}.hero-skeleton .skeleton-block.desc-block.short{width:70%;margin-bottom:40px}.hero-skeleton .skeleton-block.btn-block{height:52px;width:180px;border-radius:16px}.hero-skeleton .skeleton-block.btn-block.outline{width:160px}.hero-skeleton .skeleton-block.image-block{height:480px;width:540px;border-radius:20px}.hero-skeleton .skeleton-btns{display:flex;gap:16px}.hero-skeleton .hero-skeleton-right{flex-shrink:0}.hero-carousel-section{width:100%;overflow:hidden}.hero-carousel-section .slick-list,.hero-carousel-section .slick-slide,.hero-carousel-section .slick-slide>div,.hero-carousel-section .slick-slider,.hero-carousel-section .slick-track{height:100%}.hero-carousel-section .hero-slide{width:100%;height:48vw;min-height:680px;background:url(/images/ticnote/home/slide-bg.webp) no-repeat 50%/cover;display:flex!important;align-items:center}.hero-carousel-section .hero-inner{display:flex;align-items:flex-start;justify-content:space-between;max-width:100%;width:1120px;margin:0 auto;padding:200px 0 0;gap:46px}.hero-carousel-section .hero-left{flex:1;max-width:520px}.hero-carousel-section .hero-left .hero-title{font-size:48px;line-height:62px;color:#101010;margin:0 0 32px}.hero-carousel-section .hero-left .hero-desc{font-size:18px;line-height:30px;color:#101010;margin-bottom:56px;max-width:440px}.hero-carousel-section .hero-left .hero-btns{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.hero-carousel-section .hero-left .hero-btns .btn-device{display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 24px;background:#101010;color:#fff;border:none;border-radius:16px;font-size:17px;font-weight:400;cursor:pointer;transition:background .2s ease,color .2s ease}.hero-carousel-section .hero-left .hero-btns .btn-device:hover{background:linear-gradient(180deg,#101010,#01484F);box-shadow:0 7px 24px -3px rgba(0,146,154,.2)}.hero-carousel-section .hero-left .hero-btns .btn-how{display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 24px;background:#79f2f2;color:#101010;border:1px solid #79f2f2;border-radius:16px;font-size:17px;font-weight:400;cursor:pointer;transition:background .2s ease,color .2s ease}.hero-carousel-section .hero-left .hero-btns .btn-how:hover{background:#26b2bf;border:1px solid #26b2bf}.hero-carousel-section :global(.hero-dots){bottom:28px}.hero-carousel-section :global(.hero-dots) li{width:24px;height:4px;margin:0 4px}.hero-carousel-section :global(.hero-dots) li button{width:24px;height:4px;border-radius:2px;background:rgba(16,16,16,.2);opacity:1}.hero-carousel-section :global(.hero-dots) li.slick-active button{background:#101010;width:40px}@media(max-width:1200px){.hero-carousel-section .hero-inner,.hero-carousel-section .hero-skeleton-inner,.hero-skeleton .hero-inner,.hero-skeleton .hero-skeleton-inner{width:100%;padding:120px 24px 60px}.hero-carousel-section .hero-right,.hero-carousel-section .skeleton-block.image-block,.hero-skeleton .hero-right,.hero-skeleton .skeleton-block.image-block{width:400px}.hero-carousel-section .hero-left .hero-title,.hero-carousel-section .hero-left .skeleton-block.title-block,.hero-skeleton .hero-skeleton-left .hero-title,.hero-skeleton .hero-skeleton-left .skeleton-block.title-block{font-size:40px}.hero-carousel-section .hero-left .hero-highlight,.hero-skeleton .hero-skeleton-left .hero-highlight{font-size:36px}}@media(max-width:1024px){.hero-carousel-section .hero-inner,.hero-carousel-section .hero-skeleton-inner,.hero-skeleton .hero-inner,.hero-skeleton .hero-skeleton-inner{width:100%;padding:180px 24px 60px}.hero-carousel-section .hero-right,.hero-carousel-section .skeleton-block.image-block,.hero-skeleton .hero-right,.hero-skeleton .skeleton-block.image-block{width:400px}.hero-carousel-section .hero-left .hero-title,.hero-carousel-section .hero-left .skeleton-block.title-block,.hero-skeleton .hero-skeleton-left .hero-title,.hero-skeleton .hero-skeleton-left .skeleton-block.title-block{font-size:40px}.hero-carousel-section .hero-left .hero-highlight,.hero-skeleton .hero-skeleton-left .hero-highlight{font-size:36px}}@media(max-width:768px){.hero-skeleton{background:url(/images/ticnote/home/slide-bg-mobile.png) no-repeat 50%/cover;min-height:auto}.hero-skeleton .hero-skeleton-inner{flex-direction:column;padding:68px 20px 300px;gap:32px}.hero-skeleton .hero-skeleton-left{max-width:100%;width:100%}.hero-skeleton .skeleton-block.title-block{width:100%;height:40px}.hero-skeleton .skeleton-block.highlight-block{width:80%;height:36px}.hero-skeleton .skeleton-block.image-block{width:100%;height:280px}.hero-skeleton .hero-skeleton-right{width:100%}.hero-carousel-section .hero-slide{min-height:auto;background:url(/images/ticnote/home/slide-bg-mobile.png) no-repeat 50%/cover;height:680px}.hero-carousel-section .hero-inner{flex-direction:column;padding:68px 20px 300px;gap:32px;text-align:center}.hero-carousel-section .hero-left{max-width:100%}.hero-carousel-section .hero-left .hero-title{font-size:32px;line-height:42px;margin-bottom:20px}.hero-carousel-section .hero-left .hero-highlight{font-size:28px}.hero-carousel-section .hero-left .hero-desc{font-size:16px;line-height:24px;margin-bottom:28px;max-width:100%}.hero-carousel-section .hero-left .hero-btns{justify-content:center;flex-direction:row;flex-wrap:nowrap}.hero-carousel-section .hero-left .hero-btns .btn-device,.hero-carousel-section .hero-left .hero-btns .btn-how{font-size:14px;line-height:16px;padding:0 16px}.hero-carousel-section .hero-right{width:100%;display:none}.hero-carousel-section .hero-right .hero-product-img{max-width:320px}}