.hero-bg__img--left{animation:1.2s ease-out slideInLeft}.hero-bg__img--right{animation:1.2s ease-out slideInRight}.hero-line{display:inline-block;opacity:0;transform:translateY(20px);animation:.8s ease-out forwards fadeInUp}.hero-line--1{animation-delay:.2s}.hero-line--2{animation-delay:.4s}.hero-line--3{animation-delay:.6s}.hero-description{opacity:0;animation:1s ease-out .8s forwards fadeIn}.hero-btn:hover{background-color:#00e6f7;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,204,221,.3)}.hero-btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,204,221,.2)}@keyframes shinePass{0%{left:-100%}100%{left:200%}}@media (prefers-reduced-motion:reduce){.btn-shine,.hero-bg__img--left,.hero-bg__img--right,.hero-btn,.hero-description,.hero-line,.icon-svg{animation:none!important;transition:none!important}}.hero-overlay{position:absolute;bottom:0;left:0;width:100%;height:150px;z-index:1;background:linear-gradient(to bottom,rgba(0,0,0,0) 0,#000 100%)}.close-video:hover,.faq-icon,.text-highlight{color:#0cd}.btn-shine,.hero-progress-line,.hero-slide-bg{top:0;height:100%;position:absolute}.hero-btn:hover .icon-arrow,.icon-calendar{opacity:1;transform:translateX(0) rotate(0)}.icon-arrow{opacity:0;transform:translateX(-10px) rotate(-45deg)}.hero-btn:hover .icon-calendar{opacity:0;transform:translateX(10px) rotate(45deg)}.btn-shine{pointer-events:none;left:-100%;width:50%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-20deg);transition:none}.hero-btn:hover .btn-shine{animation:.8s ease-in shinePass}@keyframes slideInLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.download-dashboard-section{background-color: #000;color: #fff;padding: 40px 40px 0px;text-align: center}.dashboard-content{max-width: 100%;margin: 0 auto;display: flex;flex-direction: column;align-items: center}.download-dashboard-section h2{font-size: clamp(43.2px, 3.183vw, 48px);font-weight: 700;line-height: 1.2;margin-bottom: 40px}.download-dashboard-section .highlight{color: #00CCDD}.dashboard-link{display: inline-flex;align-items: center;color: #00CCDD;font-size: clamp(14.4px, 1.061vw, 16px);font-weight: 500;margin-bottom: 54px;text-decoration: none;transition: all 0.3s ease;gap: 4px;border-bottom: solid;padding-bottom: 5px}.dashboard-link:hover{color: #00ffff}.dashboard-image{width: 100%}.responsive-img{width: 100%;height: auto;border-radius: 8px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3)}@media (max-width: 768px){.download-dashboard-section h2{font-size: clamp(21.6px, 1.592vw, 24px)}.dashboard-link{font-size: 14px}.dashboard-image{max-width: 95%}}@media (max-width: 480px){.download-dashboard-section{padding: 30px 0 50px}.download-dashboard-section h2{font-size: clamp(18.0px, 1.326vw, 20px)}}.popup-overlay{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.85);z-index: 1000;justify-content: center;align-items: center;backdrop-filter: blur(5px);animation: fadeIn 0.3s ease-out;padding: 20px}@keyframes fadeIn{from{opacity: 0}to{opacity: 1}}.popup-content{background-color: #121212;padding: 40px;border-radius: 12px;width: 100%;max-width: 550px;position: relative;box-shadow: 0 0 30px rgba(0, 204, 221, 0.3);border: 1px solid rgba(0, 204, 221, 0.2);color: #ffffff;animation: slideUp 0.4s ease-out}.popup-content h3{margin-top: 0;font-size: clamp(21.6px, 1.592vw, 24px);background: linear-gradient(90deg, #00CCDD, #00E5FF);-webkit-background-clip: text;background-clip: text;color: transparent;margin-bottom: 10px;font-weight: 700;letter-spacing: 0.5px}.popup-content p{color: #aaaaaa;margin-bottom: 20px;font-size: 16px;line-height: 1.5}@keyframes slideUp{from{transform: translateY(30px);opacity: 0}to{transform: translateY(0);opacity: 1}}.close-popup{position: absolute;top: 15px;right: 20px;font-size: 24px;cursor: pointer;color: #00CCDD;transition: all 0.3s;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border-radius: 50%}.close-popup:hover{background-color: rgba(0, 204, 221, 0.2);transform: rotate(90deg)}#download-form{display: flex;flex-direction: column;gap: 25px;margin: 30px 0 20px}#user-email{padding: 16px;border: 2px solid #333333;background-color: #1e1e1e;border-radius: 6px;font-size: clamp(14.4px, 1.061vw, 16px);color: #ffffff;transition: all 0.3s;margin-bottom: 10px}#user-email:focus{border-color: #00CCDD;box-shadow: 0 0 15px rgba(0, 204, 221, 0.3);outline: none}#user-email::placeholder{color: #666666}.download-button{background: linear-gradient(90deg, #00CCDD, #00E5FF);color: #000000;border: none;padding: 16px 24px;border-radius: 6px;cursor: pointer;font-weight: bold;transition: all 0.3s;text-transform: uppercase;letter-spacing: 1px;position: relative;overflow: hidden;font-size: 16px}.download-button:hover{transform: translateY(-2px);box-shadow: 0 5px 15px rgba(0, 204, 221, 0.4)}.download-button:active{transform: translateY(1px)}.download-button::after{content: '';position: absolute;top: -50%;left: -50%;width: 200%;height: 200%;background: rgba(255, 255, 255, 0.1);transform: rotate(30deg);transition: all 0.5s;opacity: 0}.download-button:hover::after{opacity: 1;transform: rotate(30deg) translate(10%, 10%)}#download-message{text-align: center;color: #00CCDD;font-weight: bold;margin-top: 25px;display: none;animation: pulse 1.5s infinite;font-size: 18px}@keyframes pulse{0%{opacity: 0.7}50%{opacity: 1}100%{opacity: 0.7}}@media (max-width: 768px){.popup-content{max-width: 90%;padding: 30px 25px}}@media (max-width: 480px){.popup-content{padding: 25px 20px}.popup-content h3{font-size: clamp(18px, 1.326vw, 20px)}.popup-content p{font-size: 14px}#download-form{gap: 20px}}.integration-hero-section{background-color: #000;color: #fff;padding: 80px 40px;text-align: center}@media (max-width: 768px){.integration-hero-section{padding: 80px 20px}}.integration-hero-container{max-width: clamp(1152px, 85%, 1280px);margin: 0 auto}.integration-hero-section h2{font-size: clamp(43.2px, 3.183vw, 48px);font-weight: 700;line-height: 1.2;margin-bottom: 30px}.integration-hero-subtitle{font-size: clamp(14.40px, 1.06vw, 16px);line-height: 1.6;color: rgba(255, 255, 255, 0.8);max-width: 600px;margin: 0 auto 50px}.features-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px}.feature-card{background-color: #1a1a1a;padding: 40px;border-radius: 8px;text-align: left}.feature-icon-space{margin-bottom: 24px}.feature-icon-space svg{width: 48px;height: 48px}.feature-card h2{font-size: clamp(23.4px, 1.724vw, 26px);font-weight: 700;margin-bottom: 20px;line-height: 1.3}.feature-card p{font-size: clamp(14.40px, 1.06vw, 16px);line-height: 1.6;color: rgba(255, 255, 255, 0.8)}@media (max-width: 1090px){.integration-hero-section{padding: 80px 40px}.download-dashboard-section{padding: 80px 40px 80px}}@media (max-width: 1024px){.features-grid{grid-template-columns: repeat(3, 1fr)}}@media (max-width: 768px){.features-grid{grid-template-columns: 1fr}.integration-hero-section h2{font-size: 20px}.hero-subtitle{font-size: clamp(14.4px, 1.061vw, 16px);margin-bottom: 60px}.feature-card{padding: 30px}}@media (max-width: 480px){.integration-hero-section{padding: 60px 20px}.integration-hero-section h2{font-size: clamp(25.2px, 1.857vw, 28px)}.feature-card h2{font-size: clamp(18.0px, 1.326vw, 20px)}}.modern-hero-slider{background: #000;min-height: 100vh;position: relative;overflow: hidden}.hero-slider-container{position: relative;width: 100%;height: 100vh}.hero-slide{position: absolute;width: 100%;height: 100%;opacity: 0;transition: opacity 0.5s ease;display: flex;align-items: center}.hero-slide.active{opacity: 1;padding: 0 40px}.hero-slide-content{position: relative;z-index: 2;max-width: clamp(1152px, 85%, 1280px);margin: 0 auto;width: 100%}.hero-slide-text{max-width: 600px}.hero-subtitle{color: #00CCDD;font-size: clamp(16.2px, 1.194vw, 18px);font-weight: 600;margin-bottom: 20px;display: block;opacity: 0;transform: translateY(20px)}.hero-text-line{display: block;font-size: clamp(57.6px, 4.244vw, 64px);font-weight: 700;line-height: 1.1;color: #fff;opacity: 0;transform: translateY(40px)}.hero-slide-text p{color: rgba(255, 255, 255, 0.8);font-size: clamp(14.4px, 1.061vw, 16px);line-height: 1.6;margin-top: 30px;opacity: 0;transform: translateY(20px)}.hero-slide-progress{display: flex;align-items: center;gap: 15px;margin-top: 60px;opacity: 0}.hero-progress-number{font-size: clamp(21.6px, 1.592vw, 24px);font-weight: 600;color: #fff}.hero-progress-bar{width: 200px;height: 2px;background: rgba(255, 255, 255, 0.2);position: relative}.hero-progress-line{position: absolute;left: 0;top: 0;height: 100%;width: 0;background: #00CCDD;animation: heroProgressLine 4s linear}.hero-slide-count{color: rgba(255, 255, 255, 0.5);font-size: clamp(21.6px, 1.592vw, 24px)}.hero-slide-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1}.hero-slide-bg img{width: 100%;height: 100%;object-fit: cover}@keyframes heroProgressLine{from{width: 0}to{width: 100%}}.hero-slide.active .hero-subtitle{animation: heroFadeInUp 0.8s forwards 0.2s}.hero-slide.active .hero-text-line:nth-child(1){animation: heroFadeInUp 0.8s forwards 0.2s}.hero-slide.active .hero-text-line:nth-child(2){animation: heroFadeInUp 0.8s forwards 0.2s}.hero-slide.active .hero-slide-text p{animation: heroFadeInUp 0.8s forwards 0.2s}.hero-slide.active .hero-slide-progress{animation: heroFadeIn 0.8s forwards 0.2s}@keyframes heroFadeInUp{from{opacity: 0}to{opacity: 1}}@keyframes heroFadeIn{from{opacity: 0}to{opacity: 1}}@media (max-width: 992px){.hero-text-line{font-size: clamp(43.2px, 3.183vw, 48px)}}@media (max-width: 768px){.hero-text-line{font-size: clamp(32.4px, 2.388vw, 36px)}.hero-slide-text p{font-size: 14px}}.faq-section{background-color: #000;padding: 80px 0 20px;color: #fff}.faq-container{max-width: 1000px;margin: 0 auto;padding: 0 24px}.faq-header{text-align: center;margin-bottom: 60px}.faq-label{display: inline-block;color: #00CCDD;font-size: clamp(16.2px, 1.194vw, 18px);font-weight: 700;margin-bottom: 16px;text-transform: uppercase;letter-spacing: 1px}.faq-title{font-size: clamp(37.8px, 2.785vw, 42px);color: #fff;font-weight: 700}.faq-item{border: 2px solid rgba(0, 204, 221, 0.2);padding: 0 30px;border-radius: 12px;margin-bottom: 20px;transition: all 0.3s ease}.faq-item:hover{border-color: rgba(0, 204, 221, 0.4);box-shadow: 0 4px 20px rgba(0, 204, 221, 0.1)}.faq-question{width: 100%;display: flex;justify-content: space-between;align-items: center;padding: 25px 0;background: none;border: none;color: #fff;font-size: clamp(16.2px, 1.194vw, 18px);text-align: left;cursor: pointer;transition: all 0.3s ease;font-weight: 600}.faq-icon{transition: transform 0.3s ease;color: #00CCDD}.faq-item.active{border-color: #00CCDD}.faq-item.active .faq-icon{transform: rotate(180deg)}.faq-answer{max-height: 0;overflow: hidden;transition: all 0.3s ease;padding: 0;color: rgba(255, 255, 255, 0.7);font-size: clamp(14.4px, 1.061vw, 16px);line-height: 1.8;font-weight: 400}.faq-item.active .faq-answer{max-height: 300px;padding-bottom: 25px}@keyframes slideDown{from{opacity: 0;transform: translateY(-10px)}to{opacity: 1;transform: translateY(0)}}.faq-item.active .faq-answer{animation: slideDown 0.3s ease forwards}@media (max-width: 768px){.faq-title{font-size: clamp(32.4px, 2.388vw, 36px)}.faq-question{font-size: clamp(18.0px, 1.326vw, 20px);padding: 24px 0}.faq-answer{font-size: clamp(14.4px, 1.061vw, 16px)}}.consultation-section{background-color: #000;color: #fff}.consultation-container{padding: 40px 40px;margin: 0 auto}.consultation-grid{display: grid;grid-template-columns: 1fr 1fr;max-width: clamp(1152px, 85%, 1280px);margin: 0 auto;gap: 60px;align-items: center}.consultation-image{position: relative}.consultation-image img{width: 110%;height: auto;display: block}.consultation-content{padding-left: 60px}.consultation-title{font-size: clamp(28.8px, 2.122vw, 32px);line-height: 1.2;margin-bottom: 24px;font-weight: 700}.consultation-title .highlight{color: #00CCDD;font-style: italic}.consultation-description{font-size: clamp(16.2px, 1.194vw, 18px);line-height: 1.6;color: rgba(255, 255, 255, 0.8);margin-bottom: 25px}.consultation-features{display: flex;flex-direction: column;gap: 20px;margin-bottom: 40px}.feature-item{display: flex;align-items: center;gap: 16px;font-size: clamp(16.2px, 1.194vw, 18px)}.feature-icon{flex-shrink: 0}.book-call-btn{display: inline-block;color: #fff;text-decoration: none;font-size: clamp(16.2px, 1.194vw, 18px);font-weight: 500;position: relative}.book-call-btn::after{content: '';position: absolute;left: 0;bottom: -4px;width: 100%;height: 2px;background: #fff;transition: transform 0.3s ease;transform-origin: right}.book-call-btn:hover::after{transform: scaleX(0);transform-origin: left}@media (max-width: 1024px){.consultation-grid{grid-template-columns: 1fr;gap: 40px}.consultation-content{padding-left: 0}.consultation-title{font-size: clamp(32.4px, 2.388vw, 36px)}}@media (max-width: 768px){.consultation-section{padding: 60px 0}.consultation-container{padding: 0 20px}.consultation-title{font-size: clamp(28.8px, 2.122vw, 32px)}.consultation-description,.feature-item{font-size: clamp(14.4px, 1.061vw, 16px)}}.container{position: relative;z-index: 2;max-width: 1100px;margin: 0 auto}.integration-map{position: relative;min-height: 100vh;display: flex;justify-content: center;align-items: center;background-color: #000;padding: 100px 0}.vertical-line{position: absolute;width: 2px;height: 42.4%;background: linear-gradient(to bottom, rgba(255, 255, 255, 0.36), #0f0e0e);overflow: hidden;top: 102px}.scroll-line{position: absolute;width: 100%;height: 100%;top: -100%}.integration-nodes{display: flex;flex-direction: column;align-items: center;gap: 80px;position: relative;z-index: 2}.node{background: #1A1A1A;padding: 20px 40px;border-radius: 10px}.node img{height: 40px;width: auto}.integration-services{display: flex;flex-direction: column;gap: 30px}.service-row{display: flex;justify-content: center;gap: 20px;flex-wrap: wrap}.connection-lines{position: absolute;width: 100%;height: 150px;top: 48%;left: 0;pointer-events: none;z-index: 1}.horizontal-line{position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 76%;height: 2px;background: rgba(255, 255, 255, 0.36)}.branch-lines{position: absolute;top: 0;width: 100%;height: 100%}.branch-line{position: absolute;width: 2px;height: 100px;background: linear-gradient(to bottom, rgba(255, 255, 255, 0.36), #000000);transform-origin: top}.integration-services{margin-top: 100px;width: 90%;margin-left: auto;margin-right: auto}.service-row{display: flex;justify-content: space-between;margin-bottom: 30px;flex-wrap: wrap}.service{background: #1A1A1A;color: white;padding: 5px;border-radius: 8px;font-size: 14px;border: 1px solid rgba(255, 255, 255, 0.1);cursor: pointer;transition: all 0.3s;position: relative;width: 170px;align-content: center;text-align: center;line-height: 1.6}.integration-nodes{display: flex;flex-direction: column;align-items: center;gap: 60px;position: relative;width: 100%;max-width: clamp(1152px, 85%, 1280px);margin: 0 auto;padding: 0 20px}.cargowise-section{position: relative;padding: 0 0 60px;background: #000;overflow: hidden;display: flex;align-items: center}.glare-effect{position: absolute;top: -200%;left: -200%;width: 400%;height: 400%;background: linear-gradient(to bottom right,rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0) 40%,rgba(255, 255, 255, 0.4) 45%,rgba(255, 255, 255, 0.7) 50%,rgba(255, 255, 255, 0.4) 55%,rgba(255, 255, 255, 0) 60%,rgba(255, 255, 255, 0) 100%);transform: rotate(45deg);animation: none;pointer-events: none;z-index: 1}.content-wrapper{display: grid;grid-template-columns: 1fr 1.5fr;align-items: center;padding: 50px 0}.globe-animation{position: relative;width: 120%;aspect-ratio: 1;display: flex;justify-content: center;align-items: center;z-index: 2;top: 100px}.globe-animation::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: #00CCDD;transform: scale(0,0);transform-origin: top left}.globe-animation img{width: 100%;height: 100%;object-fit: cover;transform: translateX(21px)}.play-button{position: absolute;cursor: pointer;transition: transform 0.3s ease}.play-button:hover{transform: scale(1.1)}.info-content{color: white;transform: translateX(50px);padding: 60px 120px;background-color: #222222;grid-column: 2 / 3;grid-row: 1 / 2}.info-content h2{font-size: clamp(28.8px, 2.122vw, 32px);margin-bottom: 30px;line-height: 1.2}.info-content p{font-size: clamp(14.4px, 1.061vw, 16px);line-height: 1.6;color: rgba(255,255,255,0.8)}@keyframes glareSwipe{0%{transform: translate(-150%, -150%) rotate(45deg)}100%{transform: translate(150%, 150%) rotate(45deg)}}@keyframes animate-overlay-right{0%{transform: scale(0,0)}20%{transform: scale(0.1,1)}50%{transform: scale(1,1)}100%{transform: translateX(101%)}}.video-overlay{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.9);z-index: 9999;justify-content: center;align-items: center}.video-overlay.active{display: flex}.video-container{position: relative;width: 80%;max-width: 900px;aspect-ratio: 16/9;background: #000}#youtube-player{position: absolute;top: 0;left: 0;width: 100%;height: 100%}.close-video{position: absolute;top: -40px;right: -40px;background: none;border: none;color: white;font-size: clamp(28.8px, 2.122vw, 32px);cursor: pointer;padding: 10px}.close-video:hover{color: #00CCDD}.content-wrapper.reverse{grid-template-columns: 1.5fr 1fr}.content-wrapper.reverse .globe-animation{grid-column: 2 / 3;grid-row: 1 / 2}.content-wrapper.reverse .info-content{grid-column: 1 / 2;grid-row: 1 / 2;transform: translateX(-50px)}.second-section{margin: 50px 0}.second-section .info-content{transform: translateX(-50px)}.steps-timeline{position: relative}.steps-timeline::before{content: '';position: absolute;left: 15px;top: 0;width: 2px;height: 100%;background: rgba(150, 150, 150, 0.36)}.cta-button{position: relative;overflow: hidden}.shine{position: absolute;top: 0;left: -100%;width: 50%;height: 100%;background: linear-gradient(120deg,transparent,rgba(255, 255, 255, 0.6),transparent);transform: skewX(-20deg);transition: 0.1s;pointer-events: none}.cta-button:hover .shine{animation: shine 0.8s ease-in}@keyframes shine{0%{left: -100%}100%{left: 200%}}@media (max-width: 1090px){.integrations-slider, .hero-slide, .steps-container, .consultation-container{padding: 16px 40px !important}.hero-text-line{font-size: clamp(39.6px, 2.918vw, 44px)}}@media (max-width: 1024px){.slider-content{grid-template-columns: 1fr;gap: 40px;height: auto;padding: 40px 0}.title{font-size: 2.5rem;margin-bottom: 40px}.right-column{height: 550px}}@media (max-width: 768px){.integrations-slider{padding: 60px 20px}.title{font-size: clamp(28.8px, 2.122vw, 32px)}}@media (max-width: 991px){.cargowise-section{padding: 60px 0}.cargowise-section .container{padding: 0 20px}.content-wrapper, .content-wrapper.reverse{display: flex;flex-direction: column;gap: 0;grid-template-columns: 1fr}.content-wrapper .info-content,.content-wrapper.reverse .info-content{order: 1;padding: 40px;width: 100%;transform: none}.content-wrapper .globe-animation,.content-wrapper.reverse .globe-animation,.content-wrapper .globe-animation.second-globe{order: 2;width: 100%;max-width: 500px;margin: 0 auto;position: relative;left: 0 !important}.info-content h2{font-size: clamp(28.8px, 2.122vw, 32px);margin-bottom: 20px}.info-content p{font-size: clamp(14.4px, 1.061vw, 16px)}.video-overlay .video-container{width: 90%;height: auto;aspect-ratio: 16/9}}@media (max-width: 767px){.cargowise-section{padding: 40px 0}.globe-animation{max-width: 100%}.info-content h2{font-size: clamp(25.2px, 1.857vw, 28px)}.info-content p{font-size: 15px;line-height: 1.5}.play-button{width: 40px;height: 40px}.play-button svg{width: 40px;height: 40px}.video-overlay .video-container{width: 95%}.close-video{top: -40px;right: 0;font-size: clamp(27.0px, 1.99vw, 30px)}}@media (max-width: 480px){.cargowise-section .container{padding: 0 15px}.info-content{padding: 30px}.info-content h2{font-size: clamp(21.6px, 1.592vw, 24px)}.info-content p{font-size: 14px}}