.hero{align-items:flex-start;height:100svh;padding-top:70px;padding-bottom:0;display:flex;position:relative;overflow:hidden}.hero-grid-background{z-index:0;background:linear-gradient(#fbfbfc 0%,#e8e8ed 100%);position:absolute;inset:0}.grid-pattern{background-image:linear-gradient(90deg,#00000014 1px,#0000 1px),linear-gradient(#00000014 1px,#0000 1px);background-size:40px 40px;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 55% at 50% 45%,#0009 20%,#0006 50%,#00000026 75%,#0000 100%);mask-image:radial-gradient(60% 55% at 50% 45%,#0009 20%,#0006 50%,#00000026 75%,#0000 100%)}.hero-gradient-overlay{z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);height:200px;position:absolute;bottom:0;left:0;right:0}.floating-shapes{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.shape{opacity:.08;position:absolute}.shape-svg{justify-content:center;align-items:center;width:40px;height:40px;display:flex}.shape-svg svg{color:#000;width:100%;height:100%}.float-ltr-1{opacity:0;animation:25s linear infinite float-left-to-right}.float-ltr-2{opacity:0;animation:28s linear 3s infinite float-left-to-right}.float-ltr-3{opacity:0;animation:26s linear 7s infinite float-left-to-right}.float-ltr-4{opacity:0;animation:24s linear 11s infinite float-left-to-right}.float-ltr-5{opacity:0;animation:29s linear 4s infinite float-left-to-right}.float-ltr-6{opacity:0;animation:31s linear 10s infinite float-left-to-right}.float-rtl-1{opacity:0;animation:30s linear 2s infinite float-right-to-left}.float-rtl-2{opacity:0;animation:32s linear 5s infinite float-right-to-left}.float-rtl-3{opacity:0;animation:29s linear 9s infinite float-right-to-left}@keyframes float-left-to-right{0%{opacity:.08;transform:translate(-100px)}to{opacity:.08;transform:translate(calc(100vw + 100px))}}@keyframes float-right-to-left{0%{opacity:.08;transform:translate(calc(100vw + 100px))}to{opacity:.08;transform:translate(-100px)}}.hero-container{z-index:10;text-align:center;flex-direction:column;justify-content:space-between;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 2rem;display:flex;position:relative}.hero-content{flex-shrink:0;max-width:1100px;margin-top:auto;margin-bottom:auto;padding-top:5rem}.hero-tagline{color:#1d1d1f;background:linear-gradient(135deg,#000 0%,#434343 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;min-height:1.3em;margin-bottom:1.5rem;font-size:4.5rem;font-weight:700;line-height:1.3}.hero-tagline span:after{-webkit-text-fill-color:#1d1d1f}.no-cursor span:after{display:none!important}.try-idirect{-webkit-text-fill-color:#1d1d1f;align-items:center;gap:.5rem;display:inline-flex}.hero-text-fade-in{animation:.5s forwards fadeIn}.hero-slide-up{animation:.6s forwards slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-text-fade-out{animation:.5s forwards fadeOut}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.hero-subtitle{color:#6e6e73;min-height:1.4em;margin-bottom:0;font-size:1.75rem;font-weight:500;line-height:1.4}.hero-cta{color:#fff;background:#000;border:none;border-radius:24px;margin-top:2rem;padding:12px 32px;font-size:1.1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.hero-cta:hover{background:#2d2d2d;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.hero-image{flex-shrink:0;width:100%;max-width:1400px;margin-top:auto;margin-bottom:0}.hero-visual{justify-content:center;align-items:flex-end;display:flex}.route-map{width:100%;max-width:1300px;position:relative}.route-map-image{backface-visibility:hidden;will-change:transform,opacity;border-bottom:none;border-radius:20px 20px 0 0;width:100%;height:auto;display:block;transform:translateY(60px);box-shadow:0 0 0 1px #0000001a,0 0 0 10px #fff,0 -10px 40px #0000001a}.route-map-image.image-transition{animation:.6s cubic-bezier(.4,0,.2,1) imageSwitch}@keyframes imageSwitch{0%{opacity:1;transform:translateY(60px)}50%{opacity:0;transform:translateY(200px)}to{opacity:1;transform:translateY(60px)}}.hero-desktop-only{display:block}.hero-mobile-only{display:none!important}.ba-slider{cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:pan-y;backface-visibility:hidden;will-change:transform;border-radius:20px 20px 0 0;width:100%;position:relative;overflow:hidden;transform:translateY(60px);box-shadow:0 0 0 1px #0000001a,0 0 0 10px #fff,0 -10px 40px #0000001a}.ba-layer{width:100%}.ba-layer img{width:100%;height:auto;display:block}.ba-after{position:relative}.ba-before{width:100%;clip-path:inset(0 calc(100% - var(--slider-position))0 0);position:absolute;top:0;left:0}.ba-divider{top:0;bottom:0;left:var(--slider-position);z-index:10;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%)}.ba-divider-line{background:#fff;flex:1;width:3px;box-shadow:0 0 4px #0000004d}.ba-divider-handle{color:#333;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 2px 8px #00000040}.ba-divider-handle svg{width:18px;height:18px}.ba-label{color:#fff;z-index:5;pointer-events:none;letter-spacing:.3px;background:#0000008c;border-radius:6px;padding:4px 14px;font-size:.8rem;font-weight:600;position:absolute;top:16px}.ba-label-before{left:16px}.ba-label-after{right:16px}.ba-cursor{z-index:11;pointer-events:none;position:absolute;transform:translate(-10%,4px)}.ba-cursor-img{object-fit:contain;width:32px;height:32px}.ba-cursor-img.ba-cursor-tilted{transform:rotate(-15deg)}.ba-cursor-fade-out{animation:.3s forwards cursorFadeOut}@keyframes cursorFadeOut{0%{opacity:1}to{opacity:0}}.ba-slider-wap{cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:pan-y;border-radius:12px 12px 0 0;flex-shrink:0;width:calc(100vw - 4rem);height:50svh;position:relative;overflow:hidden;transform:translateY(40px);box-shadow:0 0 0 1px #0000001a,0 0 0 7px #fff,0 -10px 40px #0000001a}.ba-wap-layer{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.ba-wap-layer img{object-fit:cover;object-position:75% 20%;transform-origin:75%;width:100%;height:100%;display:block;transform:scale(1.3)}.ba-wap-after{z-index:1}.ba-wap-before{z-index:2;clip-path:inset(0 calc(100% - var(--slider-position))0 0)}.ba-wap-divider{top:0;bottom:0;left:var(--slider-position);z-index:10;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%)}.ba-wap-divider-line{background:#fff;flex:1;width:3px;box-shadow:0 0 4px #0000004d}.ba-wap-divider-handle{color:#333;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 2px 8px #00000040}.ba-wap-divider-handle svg{width:16px;height:16px}.ba-wap-label{color:#fff;z-index:20;pointer-events:none;letter-spacing:.3px;background:#0000008c;border-radius:5px;padding:3px 10px;font-size:.7rem;font-weight:600;position:absolute;top:12px}.ba-wap-label-before{left:12px}.ba-wap-label-after{right:12px}.features{z-index:5;padding:80px 0;position:relative}.features-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.feature-card{text-align:left;background:#f5f7fa;border-radius:16px;padding:2rem;position:relative}.feature-hot-badge{color:#fff;letter-spacing:.5px;background:#e8450e;border-radius:4px;padding:3px 8px;font-size:.7rem;font-weight:700;position:absolute;top:12px;right:12px}.feature-icon{border-radius:28px;justify-content:center;align-items:center;width:96px;height:96px;margin-bottom:1rem;display:inline-flex}.feature-icon img{object-fit:contain;width:70%;height:70%}.feature-card h3{color:#000;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.feature-card p{color:#666;font-size:.9rem;line-height:1.6}.pain-points{z-index:5;padding:80px 0;position:relative}.pain-points-grid{opacity:0;grid-template-columns:repeat(3,1fr);gap:2rem;transition:opacity .6s,transform .6s;display:grid;transform:translateY(30px)}.pain-points-grid.visible{opacity:1;transform:translateY(0)}.pain-point-item{background:#fff;border:2px solid #f0f0f0;border-radius:10px;padding:2rem;transition:transform .3s,box-shadow .3s}.pain-point-item:hover{border-color:#000}.pain-point-icon{color:#fff;background:#000;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1rem;display:inline-flex}.pain-point-item h3{color:#000;margin-bottom:.75rem;font-size:1.3rem;font-weight:600}.pain-point-item p{color:#666;font-size:.95rem;line-height:1.6}.pain-points-cta{text-align:center;margin-top:3rem}.pain-points-cta a{color:#000;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:gap .3s;display:inline-flex}.pain-points-cta a:hover{gap:.75rem}@media (max-width:1024px){.hero{height:70svh}.hero-content{padding-top:3rem}.hero-tagline{font-size:3.5rem}.ba-slider{transform:translateY(40px)}}@media (max-width:850px){.hero{height:auto;padding-top:80px}.hero-container{justify-content:flex-start;gap:2rem;padding-top:3rem}.hero-tagline{font-size:2.8rem}.hero-subtitle{font-size:1.3rem}.hero-content{min-height:220px;margin-top:0;margin-bottom:3rem}.hero-image{align-self:stretch}.floating-shapes{display:none}.route-map-image{border-radius:12px 12px 0 0;transform:translateY(40px);box-shadow:0 0 0 1px #0000001a,0 0 0 7px #fff,0 -10px 40px #0000001a}.features-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.feature-card{padding:1.2rem 1.5rem}.feature-card h3{font-size:1.2rem}.pain-points-grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width:640px){.hero-desktop-only{display:none}.hero-mobile-only{display:block!important}}@media (max-width:480px){.hero{height:100svh;padding-top:70px}.hero-container{justify-content:space-between;gap:0;padding-top:0}.hero-tagline{font-size:2rem}.hero-subtitle{font-size:1.1rem}.hero-content{margin-top:auto;margin-bottom:auto;padding-top:4rem}.hero-image{margin-top:auto}.features-grid{grid-template-columns:1fr}.feature-card{padding:.8rem 1rem}.feature-icon{width:60px;height:60px;margin-bottom:.2rem}.feature-card h3{font-size:1.1rem}.feature-card p{font-size:.85rem}}
.pricing-preview{padding:80px 0}.pricing-cards{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem;display:grid}.pricing-card{background:#fff;border:2px solid #f0f0f0;border-radius:16px;flex-direction:column;padding:2.5rem 2rem;transition:border-color .3s;display:flex;position:relative}.pricing-card:hover,.pricing-card.popular{border-color:#000}.popular-badge{color:#fff;letter-spacing:.5px;background:#000;border-radius:0 0 8px 8px;padding:.35rem 1rem;font-size:.75rem;font-weight:600;position:absolute;top:-1px;right:24px}.pricing-card-name{color:#1d1d1f;margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.pricing-card-subtitle{color:#666;margin:0 0 1.5rem;font-size:.9rem}.pricing-card-price{align-items:baseline;gap:.15rem;margin-bottom:.25rem;display:flex}.pricing-card-currency{color:#666;font-size:1rem;font-weight:500}.pricing-card-amount{color:#1d1d1f;font-size:2.5rem;font-weight:700;line-height:1}.pricing-card-period{color:#666;margin-left:.15rem;font-size:.9rem}.pricing-card-orders{color:#999;margin:0 0 1.5rem;font-size:.85rem}.pricing-card-highlights{flex-direction:column;flex:1;gap:.65rem;margin:0 0 2rem;padding:0;list-style:none;display:flex}.pricing-card-highlights li{color:#333;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.pricing-card-highlights li svg{color:#000;flex-shrink:0}.pricing-card-cta{text-align:center;color:#1d1d1f;background:#fff;border:1px solid #00000026;border-radius:8px;width:100%;padding:.75rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s;display:block}.pricing-card-cta:hover{background:#f5f5f5;border-color:#0000004d}.pricing-card.popular .pricing-card-cta{color:#fff;background:#1d1d1f;border-color:#1d1d1f}.pricing-card.popular .pricing-card-cta:hover{background:#333}.pricing-view-all{text-align:center;margin-top:2rem}.pricing-view-all-link{color:#000;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:gap .3s;display:inline-flex}.pricing-view-all-link:hover{gap:.75rem}@media (max-width:850px){.pricing-cards{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}.pricing-card{padding:2rem 1.5rem}}@media (max-width:480px){.pricing-preview{padding:60px 0}.pricing-cards{gap:1rem;margin-top:2rem}}