@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#07131c;--ink:#ecf5f8;--muted:#a3b6c2;--line:#263843;--cyan:#56d8ec;--light:#f3f7f8;--dark:#10212c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,a{outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.12;letter-spacing:-.04em}h1{font-size:clamp(3.15rem,7vw,6.7rem);max-width:1050px;margin:0 0 26px;font-weight:700}h2{font-size:clamp(2.25rem,4.5vw,4.5rem);font-weight:700;margin-bottom:24px}h3{font-size:1.45rem;letter-spacing:-.025em}.wrap{width:min(1220px,calc(100% - 48px));margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--cyan);font-size:.78rem;font-weight:800;margin-bottom:22px}.muted{color:var(--muted)}.lead{font-size:clamp(1.1rem,1.7vw,1.4rem);max-width:700px;color:#b7cbd4}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px;border-bottom:1px solid var(--line)}.brand{font:800 1.55rem Manrope,Arial,sans-serif;letter-spacing:-.06em;display:flex;align-items:center;gap:9px}.brand-symbol{display:inline-grid;place-items:center;background:var(--cyan);color:var(--bg);width:32px;height:32px;border-radius:7px;font-size:20px;line-height:1}.navlinks{display:flex;align-items:center;gap:34px;font-size:.94rem}.navlinks a:hover,.footer a:hover{color:var(--cyan)}.navlinks a[aria-current]{color:var(--cyan)}.nav-cta{border:1px solid #5a7887;border-radius:100px;padding:10px 18px}.hero{padding:95px 0 120px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:610px;height:610px;right:-240px;top:20px;border:1px solid #2a4654;border-radius:50%;box-shadow:0 0 0 95px #0a1b2540,0 0 0 190px #0b1d2640;pointer-events:none}.hero .wrap{position:relative;z-index:1}.hero .lead{margin-bottom:36px}.actions{display:flex;gap:13px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:15px 23px;border-radius:100px;font-weight:700;background:var(--cyan);color:#061820;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px);background:#a1edf7}.btn.ghost{background:transparent;color:var(--ink);border:1px solid #627985}.btn.ghost:hover{background:#18303b}.index{display:flex;gap:35px;margin-top:76px;border-top:1px solid var(--line);padding-top:22px;color:#adc2cd;font-size:.88rem}.index strong{color:#fff;margin-right:8px}.section{padding:106px 0}.section.light{background:var(--light);color:var(--dark)}.section.light .muted,.section.light .lead{color:#586b75}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.section-intro{max-width:640px;margin-bottom:48px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{padding:32px;border:1px solid #d5e0e4;background:white;min-height:310px;display:flex;flex-direction:column;align-items:flex-start}.card.dark{background:#0d202b;border-color:#28404d}.card .number{font:700 .84rem Manrope;color:#16879a;margin-bottom:auto}.card.dark .number{color:var(--cyan)}.card p{margin:0;color:#62727b}.card.dark p{color:var(--muted)}.textlink{font-weight:700;border-bottom:1px solid currentColor;padding-bottom:4px;display:inline-block;margin-top:22px}.band{background:#113846;color:#fff;padding:92px 0}.band h2{max-width:800px}.rule-list{border-top:1px solid var(--line)}.rule{display:grid;grid-template-columns:56px 1fr 1.2fr;gap:28px;padding:30px 0;border-bottom:1px solid var(--line);align-items:start}.rule strong{color:var(--cyan)}.rule h3,.rule p{margin:0}.rule p{color:var(--muted)}.pagehero{padding:90px 0 92px}.pagehero h1{font-size:clamp(3.2rem,6.5vw,6rem)}.quote{font:600 clamp(1.7rem,3vw,2.9rem)/1.28 Manrope;letter-spacing:-.035em;max-width:890px}.contactgrid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px}.contactbox{padding:36px;background:#102b38;border:1px solid #315060}.contactbox a{display:block;font:600 clamp(1.25rem,2.4vw,2rem) Manrope;margin:14px 0 30px;overflow-wrap:anywhere}.footer{padding:58px 0 32px;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;gap:35px;padding-bottom:55px}.footerlinks{display:flex;gap:28px;flex-wrap:wrap}.fine{border-top:1px solid var(--line);padding-top:22px;font-size:.85rem;color:#8ca3af;display:flex;justify-content:space-between;gap:15px}ul.clean{list-style:none;padding:0;margin:0}ul.clean li{padding:12px 0;border-bottom:1px solid #d9e3e6}@media(max-width:760px){.wrap{width:min(100% - 36px,1220px)}.nav{min-height:78px;align-items:flex-start;padding:18px 0;flex-wrap:wrap}.navlinks{width:100%;gap:18px;overflow:auto;font-size:.82rem;white-space:nowrap}.nav-cta{padding:6px 11px}.hero{padding:75px 0 85px}.hero:after{opacity:.45}.index{flex-wrap:wrap;gap:13px 25px;margin-top:55px}.split,.contactgrid{grid-template-columns:1fr;gap:38px}.cards{grid-template-columns:1fr}.card{min-height:240px}.section{padding:74px 0}.rule{grid-template-columns:35px 1fr;gap:12px}.rule p{grid-column:2}.footer-top,.fine{flex-direction:column}.pagehero{padding:72px 0}.band{padding:72px 0}}
/* Teltronic store-inspired identity */
:root{--bg:#101117;--ink:#f5f7fb;--muted:#b8c2cf;--line:#343846;--cyan:#72a6ec;--light:#f4f6fa;--dark:#17161b;--red:#dd1931}
body{background:var(--bg)}.brand{display:inline-flex;align-items:center}.brand img{display:block;width:178px;height:auto;object-fit:contain}.brand-symbol{display:none}.nav{border-bottom-color:#343846}.navlinks a[aria-current],.navlinks a:hover,.footer a:hover{color:#8ab8fa}.nav-cta{border-color:#5972a0}.eyebrow{color:#85b3f4}.btn{background:#3766ad;color:#fff}.btn:hover{background:#507fc3}.btn.ghost{border-color:#7790b8}.btn.ghost:hover{background:#28334a}.hero{background:radial-gradient(circle at 83% 42%,#213c69 0%,#151b2b 30%,#101117 68%)}.hero:after{border-color:#4e77ab;box-shadow:0 0 0 95px #3a5f9530,0 0 0 190px #426ca719}.hero h1{max-width:1000px}.hero h1::first-line{color:#fff}.hero .index strong,.rule strong{color:#9dc4ff}.section.light{background:var(--light)}.section.light .eyebrow,.card .number{color:#315995}.card{border-color:#dce2ec;border-top:3px solid #4776b9}.card.dark{background:#171e2c}.band{background:linear-gradient(125deg,#1b3763,#131926 80%);border-top:3px solid var(--red)}.contactbox{background:#1a2740;border-color:#3c5781}.textlink:hover{color:#4776b9}.pagehero{background:radial-gradient(circle at 95% 40%,#223b65,#101117 60%)}.fine{color:#a2afc3}
.route-track{--route-progress:0;position:fixed;z-index:10;right:clamp(10px,2.5vw,40px);top:116px;bottom:54px;width:42px;pointer-events:none;filter:drop-shadow(0 2px 8px #0008)}.route-line{position:absolute;top:12px;bottom:12px;left:20px;width:2px;background:repeating-linear-gradient(to bottom,#5478b1 0 10px,transparent 10px 19px);opacity:.8}.route-progress{position:absolute;top:0;left:0;width:2px;height:var(--route-fill, 0px);background:#487dc4;box-shadow:0 0 9px #5e9ff288}.route-start,.route-end{position:absolute;left:16px;width:10px;height:10px;border:2px solid #edf2fb;border-radius:50%;background:#315995}.route-start{top:0}.route-end{bottom:0;background:#376bad}.route-satellite{position:absolute;top:calc(12px + var(--route-y, 0px));left:-19px;width:80px;height:80px;padding:2px;filter:drop-shadow(0 2px 3px #000c) drop-shadow(0 0 2px #fff9);transition:top .12s linear}
@media(max-width:760px){.brand img{width:148px}.route-track{right:3px;top:145px;bottom:24px;width:28px;opacity:.78}.route-line{left:14px}.route-start,.route-end{left:10px}.route-satellite{left:-13px;width:54px;height:54px;padding:0;top:calc(12px + var(--route-y, 0px))}.wrap{width:min(100% - 52px,1220px)}.hero .wrap,.pagehero .wrap{padding-right:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.route-satellite{transition:none}.btn{transition:none}}

.section.light .contactbox{color:#fff}.section.light .contactbox a:not(.btn){color:#fff}.section.light .contactbox a:not(.btn):hover{color:#b9d5ff}.section.light .contactbox .eyebrow{color:#afd0ff}.contactbox .service-email{font-size:clamp(1.1rem,1.8vw,1.45rem);margin-bottom:34px}.contactgrid h3{margin-top:34px}
/* Editorial presentation inspired by the pace of the reference site */
.navlinks{gap:23px}.story-hero{position:relative;overflow:hidden;background:#101117;padding:104px 0 42px;min-height:min(790px,90vh);display:flex;align-items:center}.story-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 83% 34%,#274b81 0,#172945 21%,transparent 51%),linear-gradient(125deg,transparent 50%,#335d9730 50.3%,transparent 51%);pointer-events:none}.story-hero .wrap{position:relative;z-index:1}.story-hero h1{max-width:1140px;font-size:clamp(3.7rem,8.8vw,8.8rem);line-height:1.04;letter-spacing:-.075em;margin:0 0 68px}.story-hero h1 em{font-style:normal;color:#84b3f6}.hero-bottom{display:flex;gap:55px;align-items:end;justify-content:space-between}.hero-bottom .lead{max-width:620px;margin:0}.hero-bottom .btn{flex-shrink:0}.hero-rule{margin-top:105px;border-top:1px solid #62738b;display:flex;gap:55px;padding:16px 0;color:#b6c7db;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:700}.statement{background:#e9eef7;color:#172131;padding:120px 0 130px}.statement h2{font-size:clamp(2.7rem,6vw,6.4rem);max-width:1100px;margin:0 0 42px}.statement p:last-child{max-width:640px;font-size:1.27rem;color:#45556c;margin-left:auto}.editorial-head{display:grid;grid-template-columns:1fr 2fr;gap:35px;align-items:start;padding-bottom:70px}.editorial-head h2{margin:0}.editorial-row{display:grid;grid-template-columns:90px 1.15fr 1fr;gap:35px;align-items:baseline;padding:32px 0;border-top:1px solid #bac7d7}.editorial-row:last-of-type{border-bottom:1px solid #bac7d7}.editorial-row span{font:800 1rem Manrope;color:#315995}.editorial-row h3{font-size:clamp(1.55rem,2.5vw,2.5rem);margin:0}.editorial-row p{margin:0;color:#536478}.editorial .textlink{margin-top:38px}.video-feature{background:#151d2c}.video-feature .split{margin-bottom:60px}.video-shell{aspect-ratio:16/9;background:#0a0d14;overflow:hidden;border:1px solid #344f75}.video-shell iframe{display:block;width:100%;height:100%;border:0}.video-feature>.wrap>.video-shell{max-width:1050px;margin-left:auto}.video-gallery{background:#111722}.video-gallery .lead{margin-bottom:50px}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 22px}.video-grid article:first-child{grid-column:1/-1;max-width:1050px}.video-grid .video-num{display:block;color:#91b9ef;font-size:.75rem;font-weight:800;letter-spacing:.17em;margin-bottom:12px}.video-grid article>a{display:inline-block;margin-top:14px;color:#dbe9ff;border-bottom:1px solid #789dcc}.video-grid article>a:hover{color:#fff}.system-hero{min-height:660px}.system-hero .hero-bottom{max-width:1000px}.video-feature .eyebrow,.video-gallery .eyebrow{color:#98c3ff}
@media(max-width:900px){.navlinks{gap:15px;font-size:.82rem}.editorial-head{grid-template-columns:1fr}.editorial-row{grid-template-columns:46px 1fr;gap:12px}.editorial-row p{grid-column:2}.hero-bottom{align-items:start;flex-direction:column;gap:30px}.story-hero{min-height:auto;padding:90px 0 35px}.story-hero h1{margin-bottom:50px}.hero-rule{margin-top:80px}.statement{padding:85px 0}}
@media(max-width:760px){.navlinks{gap:19px}.story-hero h1{font-size:clamp(3.25rem,12vw,5.4rem)}.hero-rule{gap:18px;flex-wrap:wrap;font-size:.7rem}.statement h2{font-size:clamp(2.5rem,9vw,4.3rem)}.statement p:last-child{font-size:1.1rem}.editorial-head{padding-bottom:40px}.video-grid{grid-template-columns:1fr;gap:34px}.video-grid article:first-child{grid-column:auto}.video-feature .split{margin-bottom:35px}}
/* Product-led, light/dark fleet direction */
.topbar{background:#142334;color:#ced9e6;font-size:.77rem}.topbar .wrap{min-height:31px;display:flex;justify-content:space-between;align-items:center;gap:20px}.topbar a:hover{color:#fff}header.wrap{width:100%;max-width:none;background:#fff;color:#142334;position:relative;z-index:12}header.wrap .nav{width:min(1220px,calc(100% - 48px));margin:auto;min-height:78px;border:none}.navlinks{gap:19px;font-size:.85rem;font-weight:700}.navlinks a:hover,.navlinks a[aria-current]{color:#24599d}.nav-cta{border:0;background:#dd1931;color:#fff!important;border-radius:4px;padding:11px 18px}.nav-cta:hover{background:#b91126;color:#fff!important}.shop-link{color:#2a5b9d}.brand img{width:190px}.fleet-hero{background:radial-gradient(ellipse at 80% 40%,#254878 0,#152d4f 36%,#0d1e33 78%);color:#fff;padding:105px 0 112px}.fleet-hero-grid{display:grid;grid-template-columns:1fr .95fr;gap:65px;align-items:center}.fleet-hero h1{font-size:clamp(3rem,5.3vw,5.7rem);letter-spacing:-.065em;margin:0 0 28px;max-width:670px}.fleet-hero h1 span{color:#a8ccff}.fleet-hero .lead{font-size:1.25rem;max-width:610px;color:#d3e1ef;margin-bottom:32px}.fleet-hero .btn,.fleet-solution .btn,.fleet-final .btn{background:#dd1931;color:#fff;border-radius:4px}.fleet-hero .btn:hover,.fleet-solution .btn:hover,.fleet-final .btn:hover{background:#b91126}.fleet-hero .btn.ghost{background:transparent;border:1px solid #a9c3e1}.fleet-hero-media{background:#213b60;padding:12px;box-shadow:0 32px 65px #05122385}.fleet-hero-media .video-shell{border:0}.fleet-hero-media p{color:#d3e1ef;margin:9px 8px 0;font-size:.82rem}.fleet-proof{background:#e9eef5;color:#294363}.fleet-proof .wrap{display:flex;justify-content:space-between;gap:25px;padding:22px 0;font-size:.76rem;letter-spacing:.16em;font-weight:800}.fleet-benefits{background:#fff;color:#142334}.fleet-section-heading{display:grid;grid-template-columns:1fr 2fr;gap:16px 40px;margin-bottom:54px}.fleet-section-heading .eyebrow{color:#315995}.fleet-section-heading h2{margin:0;max-width:750px}.fleet-section-heading>p:last-child{grid-column:2;max-width:700px;color:#566476;margin:0;font-size:1.1rem}.fleet-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.fleet-benefit-grid article{border:1px solid #d6dfe9;padding:33px;min-height:315px;display:flex;flex-direction:column}.fleet-benefit-grid article>span{color:#285b9d;font-weight:800;margin-bottom:38px}.fleet-benefit-grid h3{margin:0 0 15px}.fleet-benefit-grid p{color:#5e6e7e}.fleet-benefit-grid article>a{margin-top:auto;color:#215590;font-weight:800}.fleet-solution{background:#f0f4f9;color:#142334}.fleet-split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.fleet-solution p:not(.eyebrow){color:#566476;font-size:1.12rem;margin-bottom:32px}.fleet-panel{min-height:420px;background:linear-gradient(145deg,#2b558d,#0d233f 75%);color:#fff;padding:35px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:18px 18px 0 #d9e4f0}.fleet-panel-kicker,.fleet-panel-meta{letter-spacing:.16em;font-size:.75rem;font-weight:800;color:#b4d2fa}.fleet-panel strong{font:700 clamp(2rem,3.3vw,3.5rem)/1.14 Manrope;letter-spacing:-.05em}.fleet-use{background:#fff;color:#142334}.fleet-use h2{margin-bottom:45px}.fleet-use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.fleet-use-grid a{background:#f0f4f9;min-height:290px;padding:30px;display:flex;flex-direction:column;transition:transform .2s,background .2s}.fleet-use-grid a:hover{transform:translateY(-4px);background:#e4edf8}.fleet-use-grid span{color:#315995;font-size:.75rem;font-weight:800;letter-spacing:.1em;margin-bottom:38px}.fleet-use-grid p{color:#5d6d7d}.fleet-use-grid b{margin-top:auto;color:#285b9d}.fleet-final{background:#112e52;border-top:0}.fleet-final>div>p:not(.eyebrow){color:#cddbeb;font-size:1.15rem;max-width:550px}.system-hero{background:radial-gradient(ellipse at 80% 40%,#254878,#0d1e33 78%)}.system-hero .btn{background:#dd1931;border-radius:4px}.pagehero{background:radial-gradient(ellipse at 90% 40%,#254878,#0d1e33 70%)}.route-track{right:12px;opacity:.85}
@media(max-width:1000px){.fleet-hero-grid{gap:35px}.navlinks{gap:12px;font-size:.75rem}.brand img{width:155px}.fleet-split{gap:45px}}
@media(max-width:760px){.topbar span{display:none}.topbar .wrap{justify-content:flex-end}.navlinks{gap:17px}.shop-link{padding-right:5px}.fleet-hero{padding:66px 0 78px}.fleet-hero-grid,.fleet-split{grid-template-columns:1fr;gap:45px}.fleet-hero h1{font-size:clamp(3rem,11vw,4.7rem)}.fleet-hero .lead{font-size:1.1rem}.fleet-proof .wrap{flex-wrap:wrap;gap:10px 20px}.fleet-section-heading{display:block}.fleet-section-heading>p:last-child{margin-top:22px}.fleet-benefit-grid,.fleet-use-grid{grid-template-columns:1fr}.fleet-benefit-grid article,.fleet-use-grid a{min-height:240px}.fleet-panel{min-height:340px;box-shadow:10px 10px 0 #d9e4f0}.route-track{right:3px}}

.topbar .wrap{gap:22px}.panel-login-link{font-weight:700;color:#e9f2ff}.panel-login-link:hover{color:#fff;text-decoration:underline}.topbar-phone{white-space:nowrap}.panel-nav-link{color:#24599d}.login-redirect{min-height:100vh;display:grid;place-items:center;padding:35px;background:#f3f6fa;color:#142334;text-align:center}.login-redirect>div{max-width:680px}.login-redirect img{width:190px;height:auto}.login-redirect h1{font-size:clamp(2rem,5vw,3.6rem);margin:35px 0 16px}.login-redirect p{font-size:1.15rem;color:#5a697c}.login-redirect .btn{margin-top:18px;border-radius:4px;background:#dd1931;color:#fff}@media(max-width:760px){.topbar .wrap{justify-content:space-between;align-items:center}.panel-login-link{font-size:.73rem;line-height:1.25}.topbar-phone{font-size:.71rem}.panel-nav-link{display:none}}

/* Wspolna nawigacja: pokazuj tylko czerwony przycisk Kontakt. */
.navlinks a[href="/kontakt/"]:not(.nav-cta){display:none}

.system-hero h1 {
  font-size: clamp(3.2rem, 6.5vw, 6rem);
  line-height: 1.12;
  letter-spacing: -.04em;
}
