.arttek-site .banner-carousel{display:block;position:relative;width:100%;padding:0;background:#0a1f36;color:#fff;overflow:hidden;isolation:isolate;--arttek-outline-ink:#e7f1db;--arttek-outline-stroke:#adc791;--arttek-outline-hover:#153f62;--arttek-outline-hover-stroke:#d4e9bb;--arttek-button-focus:#c8e99e;}
.banner-carousel .banner-stage{position:relative;width:100%;height:600px}
.banner-carousel .banner-slide{position:absolute;inset:0;width:100%;height:100%;background-size:cover;background-position:center;overflow:hidden}
.banner-carousel .banner-slide[hidden]{display:none!important}
.banner-carousel .banner-slide-1{background-image:var(--banner-bg-1)}
.banner-carousel .banner-slide-2{background-image:var(--banner-bg-2);color:#14212f}
.banner-carousel .banner-slide-3{background-image:var(--banner-bg-3)}
.banner-carousel .banner-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:58px;align-items:center;height:100%;padding-top:44px;padding-bottom:40px}
.banner-carousel .banner-first-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:46px}
.banner-carousel .banner-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;position:relative;z-index:1}
.banner-carousel .banner-kicker{font-size:14px;font-weight:500;line-height:1.7;letter-spacing:.9px;color:#bfdf95;margin:0 0 16px}
.banner-carousel .banner-title{font-size:46px;font-weight:700;line-height:1.35;letter-spacing:.2px;color:inherit;margin:0 0 18px;overflow-wrap:normal}
.banner-carousel .banner-title span{font-weight:400}
.banner-carousel .banner-slide-3 .banner-title{font-size:39px}
.banner-carousel .banner-subtitle{font-size:21px;font-weight:400;line-height:1.75;letter-spacing:.4px;color:#d6e3ec;margin:0 0 24px}
.banner-carousel .banner-slide-light .banner-kicker{color:#4e7d18}
.banner-carousel .banner-slide-light .banner-subtitle{color:#435449}
.banner-carousel .banner-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px;width:100%;padding:0;margin:0 0 28px;list-style:none}
.banner-carousel .banner-benefits li{position:relative;padding:0 0 0 22px;font-size:15px;font-weight:400;line-height:1.65;letter-spacing:.15px;color:#e5edf1;margin:0;min-width:0}
.banner-carousel .banner-benefits li:before{content:'✓';position:absolute;left:0;top:0;color:#b7dc8a;font-weight:500}
.banner-carousel .banner-links{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px;margin-top:8px}
.banner-carousel .banner-button{display:inline-flex;justify-content:center;align-items:center;min-height:var(--arttek-button-height);padding:var(--arttek-button-py) var(--arttek-button-px);width:auto;max-width:100%;font-size:15px;font-weight:600;line-height:1.6;letter-spacing:.3px;background:var(--arttek-button-bg,var(--arttek-button-primary));color:#fff;border:1px solid var(--arttek-button-stroke,var(--arttek-button-primary));border-radius:4px;text-align:center;gap:8px;box-sizing:border-box;white-space:normal;transition:background-color .18s,border-color .18s,color .18s}
.banner-carousel .banner-button:hover{background:var(--arttek-button-hover);border-color:var(--arttek-button-hover);--arttek-button-bg:var(--arttek-button-hover);--arttek-button-stroke:var(--arttek-button-hover)}
.banner-carousel .banner-slide-light .banner-button{background:var(--arttek-button-bg,var(--arttek-button-primary));border-color:var(--arttek-button-stroke,var(--arttek-button-primary));color:#fff}
.banner-carousel .banner-text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--arttek-link-current-ink,var(--arttek-link-dark-ink));font-size:15px;line-height:1.6;letter-spacing:.3px;border-bottom:1px solid var(--arttek-link-current-line,var(--arttek-link-dark-line));font-weight:600;padding:8px 0;gap:8px;box-sizing:border-box;max-width:100%;text-decoration:none;transition:color .18s,border-color .18s;}
.banner-carousel .banner-slide-light .banner-text-link{color:var(--arttek-link-current-ink,var(--arttek-link-ink));border-color:var(--arttek-link-current-line,var(--arttek-link-line));font-size:15px;font-weight:600;line-height:1.6;letter-spacing:.3px;min-height:44px;padding:8px 0;display:inline-flex;align-items:center;gap:8px;box-sizing:border-box;max-width:100%;text-decoration:none;border-bottom:1px solid var(--arttek-link-current-line,var(--arttek-link-line));transition:color .18s,border-color .18s;}
.banner-carousel a:focus-visible,.banner-carousel button:focus-visible{outline:2px solid var(--arttek-button-focus);outline-offset:3px}
.banner-carousel.is-light a:focus-visible,.banner-carousel.is-light button:focus-visible{outline-color:#365f10;outline:2px solid var(--arttek-button-focus);outline-offset:3px}
.banner-carousel .banner-visual{width:100%;min-width:0;position:relative;display:flex;align-items:center;justify-content:center}
.banner-carousel .banner-laptop{align-self:end;margin-bottom:-40px;overflow:visible}
.banner-carousel .banner-laptop-viewport{width:100%;aspect-ratio:1400/880;position:relative;overflow:hidden}
.banner-carousel .banner-laptop-viewport>.brxe-html{position:static;display:block;width:100%;height:100%}
.banner-carousel .banner-laptop-video{display:block;position:absolute;left:0;top:0;width:156%;max-width:none;height:100%;object-fit:fill;mask-image:url('laptop-silhouette.svg');mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:url('laptop-silhouette.svg');-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}
.banner-carousel .banner-time-products{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.3fr);gap:28px;align-items:center;justify-items:center}
.banner-carousel .banner-control-product{max-width:159px;width:100%;height:auto;max-height:356px;object-fit:contain}
.banner-carousel .banner-gps-product{max-width:321px;width:100%;height:auto;object-fit:contain}
.banner-carousel .banner-equipment-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:center;justify-items:center}
.banner-carousel .banner-equipment-photo{width:100%;max-width:312px;height:auto;object-fit:contain;box-shadow:0 14px 30px #00101c35}
.banner-carousel .banner-controls{width:100%;max-width:none;height:64px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:15px;color:#fff;border-top:1px solid #ffffff1c}
.banner-carousel .banner-pagination{display:flex;flex-direction:row;align-items:center;gap:8px;width:auto}
.banner-carousel button{appearance:none;font-family:inherit;cursor:pointer;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:40px;min-height:40px;padding:5px 10px;background:transparent;border:1px solid #7e99ad;color:#d7e3ed;border-radius:4px;line-height:1.4;letter-spacing:.2px}
.banner-carousel .banner-arrow{font-size:27px;padding:1px 10px}
.banner-carousel .banner-dot{font-size:14px;font-weight:500}
.banner-carousel .banner-dot.is-active{background:#6aa823;border-color:#6aa823;color:#fff}
.banner-carousel .banner-pause{font-size:14px;min-width:64px;margin-left:12px}
.banner-carousel.is-light .banner-controls{color:#14212f;background:#f5f8f2;border-top-color:#d9e4cd}
.banner-carousel.is-light button{color:#355719;border-color:#9aaf87}
.banner-carousel.is-light .banner-dot.is-active{color:#fff;border-color:#4e7d18;background:#4e7d18}
.banner-carousel .banner-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.banner-carousel .banner-slide.is-active .banner-copy{animation:banner-copy-in .5s ease-out both}
.banner-carousel .banner-slide.is-active .banner-time-products img,.banner-carousel .banner-slide.is-active .banner-equipment-photo{animation:banner-image-in .7s ease-out both}
.banner-carousel .banner-slide.is-active .banner-visual img:nth-child(2){animation-delay:.15s}
@keyframes banner-copy-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes banner-image-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(min-width:1500px){.banner-carousel .banner-grid{max-width:1360px}.banner-carousel .banner-first-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.banner-carousel .banner-laptop-viewport{width:calc(100% + 120px);margin-left:-80px}.banner-carousel .banner-title{font-size:48px}.banner-carousel .banner-slide-3 .banner-title{font-size:43px}}
@media(max-width:1100px){.banner-carousel .banner-pause{font-size:13px}.banner-carousel .banner-stage{height:590px}.banner-carousel .banner-grid{gap:32px;padding-top:38px;padding-bottom:38px}.banner-carousel .banner-title{font-size:35px}.banner-carousel .banner-slide-3 .banner-title{font-size:32px}.banner-carousel .banner-subtitle{font-size:18px}.banner-carousel .banner-benefits{gap:9px 14px}.banner-carousel .banner-benefits li{font-size:13px;padding-left:18px}.banner-carousel .banner-kicker{font-size:13px}.banner-carousel .banner-time-products{gap:18px}.banner-carousel .banner-equipment-photos{gap:12px}.banner-carousel .banner-button{font-size:15px;padding:var(--arttek-button-py) var(--arttek-button-px);min-height:var(--arttek-button-height);font-weight:600;line-height:1.6;letter-spacing:.3px;border-radius:4px;gap:8px;justify-content:center;text-align:center;box-sizing:border-box;max-width:100%;display:inline-flex;align-items:center;white-space:normal;border:1px solid var(--arttek-button-stroke,var(--arttek-button-primary));background:var(--arttek-button-bg,var(--arttek-button-primary));color:#fff;transition:background-color .18s,border-color .18s,color .18s}.banner-carousel .banner-laptop{align-self:center;margin-bottom:0}}
@media(max-width:767px){.banner-carousel .banner-stage{height:680px}.banner-carousel .banner-grid,.banner-carousel .banner-first-grid{grid-template-columns:1fr;grid-template-rows:auto auto;gap:20px;align-content:center;padding-top:26px;padding-bottom:26px}.banner-carousel .banner-copy{width:100%}.banner-carousel .banner-title{font-size:32px;line-height:1.4;margin-bottom:12px}.banner-carousel .banner-slide-3 .banner-title{font-size:30px}.banner-carousel .banner-kicker{font-size:13px;line-height:1.6;margin-bottom:11px;letter-spacing:.45px}.banner-carousel .banner-subtitle{font-size:17px;line-height:1.7;margin-bottom:18px}.banner-carousel .banner-benefits{gap:8px 16px;margin-bottom:18px}.banner-carousel .banner-benefits li{font-size:13px;line-height:1.7}.banner-carousel .banner-links{gap:12px;margin-top:0}.banner-carousel .banner-button{min-height:var(--arttek-button-height);font-size:15px;padding:var(--arttek-button-py) var(--arttek-button-px);font-weight:600;line-height:1.6;letter-spacing:.3px;border-radius:4px;gap:8px;justify-content:center;text-align:center;box-sizing:border-box;max-width:100%;display:inline-flex;align-items:center;white-space:normal;border:1px solid var(--arttek-button-stroke,var(--arttek-button-primary));background:var(--arttek-button-bg,var(--arttek-button-primary));color:#fff;transition:background-color .18s,border-color .18s,color .18s}.banner-carousel .banner-text-link{font-size:15px;font-weight:600;line-height:1.6;letter-spacing:.3px;min-height:44px;padding:8px 0;display:inline-flex;align-items:center;gap:8px;box-sizing:border-box;max-width:100%;text-decoration:none;color:var(--arttek-link-current-ink,var(--arttek-link-dark-ink));border-bottom:1px solid var(--arttek-link-current-line,var(--arttek-link-dark-line));transition:color .18s,border-color .18s;}.banner-carousel .banner-visual{width:100%;max-width:480px;justify-self:center}.banner-carousel .banner-first-grid .banner-visual{order:0;max-width:400px}.banner-carousel .banner-first-grid .banner-copy{order:1}.banner-carousel .banner-time-products{max-width:420px;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:22px;margin-top:8px}.banner-carousel .banner-control-product{max-height:255px;width:auto;max-width:100%}.banner-carousel .banner-gps-product{max-width:250px}.banner-carousel .banner-equipment-photos{max-width:480px;gap:12px;margin-top:20px}.banner-carousel .banner-controls{height:60px;gap:10px}.banner-carousel .banner-pagination{gap:6px}.banner-carousel .banner-pause{margin-left:4px;min-width:58px}.banner-carousel button{min-width:36px;min-height:40px}.banner-carousel .banner-slide-2{background-position:center}.banner-carousel .banner-laptop{margin:0}}
@media(max-width:360px){.banner-carousel .banner-title{font-size:28px}.banner-carousel .banner-slide-3 .banner-title{font-size:27px}.banner-carousel .banner-grid{gap:16px}.banner-carousel .banner-benefits li{font-size:13px}.banner-carousel .banner-controls{gap:7px}.banner-carousel .banner-kicker{font-size:13px}}
@media(prefers-reduced-motion:reduce){.banner-carousel .banner-slide.is-active .banner-copy,.banner-carousel .banner-slide.is-active img{animation:none!important}}

.banner-carousel .banner-slide-light{--arttek-outline-ink:#41671c;--arttek-outline-stroke:#9ab280;--arttek-outline-hover:#eaf2e0;--arttek-outline-hover-stroke:#4e7d18;--arttek-button-focus:#6aa823}
