:root{--blue:#1d65ef;--navy:#10233f;--green:#36dc99;--paper:#f4f8fc;--ice:#e6f0fc;--ink:#10203a}
body{background:var(--paper);color:var(--ink);font-family:Inter,sans-serif}.scroll-progress{background:linear-gradient(90deg,var(--blue),var(--green))}.back-home{background:#10233fe9;color:white}.page-wipe i{background:var(--blue)}
.log-nav{height:78px;display:flex;align-items:center;padding:0 4vw;position:absolute;inset:0 0 auto;z-index:30}.log-logo{display:flex;align-items:center;gap:10px;margin-right:auto}.log-logo span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--navy);color:white;font-weight:900}.log-logo strong{font-family:"Space Grotesk"}.log-nav nav{display:flex;gap:23px;font-size:12px;font-weight:800}.log-btn{margin-left:30px;background:var(--navy);color:white;padding:13px 18px;border-radius:14px;font-weight:800;font-size:12px}
.log-hero{min-height:100vh;padding:125px 5vw 55px;display:grid;grid-template-columns:.82fr 1.18fr;gap:36px;align-items:center}.log-copy>span,.log-heading>span,.log-cta span{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.15em}.log-copy h1{font:700 clamp(55px,6.7vw,108px)/.91 "Space Grotesk";letter-spacing:-.055em;margin:18px 0}.log-copy h1 em{font-style:normal;color:var(--blue)}.log-copy p{color:#617088;line-height:1.75;max-width:600px}.log-primary{display:inline-flex;margin-top:26px;background:var(--navy);color:white;padding:16px 21px;border-radius:14px;font-weight:900}.log-proof{display:flex;gap:10px;margin-top:28px}.log-proof div{background:white;border:1px solid #10233f12;padding:14px;border-radius:14px;min-width:110px}.log-proof strong,.log-proof small{display:block}.log-proof strong{font-size:22px}.log-proof small{color:#6c7c91}.truck-card{height:700px;position:relative;overflow:hidden;border-radius:38px}.truck-card img{width:100%;height:100%;object-fit:cover;transition:1s var(--ease)}.truck-card:hover img{transform:scale(1.045)}.truck-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#07162ec7)}.truck-hud{position:absolute;z-index:3;left:24px;right:24px;bottom:24px;background:#07162edc;color:white;border:1px solid #ffffff1a;padding:20px;border-radius:20px;backdrop-filter:blur(12px)}.truck-hud span,.truck-hud strong,.truck-hud small{display:block}.truck-hud span{color:var(--green);font-size:10px;letter-spacing:.16em}.truck-hud strong{font-size:24px;margin:7px 0}.truck-hud i{display:block;height:3px;background:linear-gradient(90deg,var(--green),var(--blue));margin:12px 0}.truck-speed{position:absolute;z-index:4;right:25px;top:25px;background:white;padding:12px 14px;border-radius:15px}.truck-speed b{font-size:30px}.truck-speed small{display:block;color:#6a778a}
.route-section,.fleet-section{padding:120px 0}.route-section{background:white}.log-heading{display:grid;grid-template-columns:.25fr 1.15fr .6fr;gap:30px;align-items:end;margin-bottom:42px}.log-heading h2{font:700 clamp(47px,5.8vw,89px)/.94 "Space Grotesk";letter-spacing:-.055em;margin:0}.log-heading p{color:#637086;line-height:1.7}.route-app{display:grid;grid-template-columns:210px 1fr 290px;gap:14px}.route-list{display:flex;flex-direction:column;gap:8px}.route-list button{display:grid;grid-template-columns:36px 1fr;text-align:left;border:1px solid #10233f16;background:white;padding:16px;border-radius:15px;cursor:pointer}.route-list b{grid-row:1/3;color:#9aa7ba}.route-list span{font-weight:900}.route-list small{color:#76869b;margin-top:4px}.route-list button.active{background:var(--navy);color:white}.route-list button.active b{color:var(--green)}.route-map{min-height:610px;background:var(--navy);border-radius:28px;position:relative;overflow:hidden}.map-grid{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 40px,#ffffff08 41px),repeating-linear-gradient(0deg,transparent 0 40px,#ffffff08 41px)}.route-map svg{position:absolute;inset:0;width:100%;height:100%}.country{fill:#203d66;stroke:#75a1d7;stroke-width:2}.route-shadow{fill:none;stroke:#0008;stroke-width:13}.route-line{fill:none;stroke:var(--green);stroke-width:5;stroke-linecap:round;stroke-dasharray:13 9;animation:routeDash 1s linear infinite}.route-point{fill:white;stroke:var(--green);stroke-width:6}.route-map #truckMarker{fill:var(--green);stroke:#062035;stroke-width:2;filter:drop-shadow(0 0 10px var(--green))}.city{position:absolute;color:white;font-size:10px;font-weight:900;letter-spacing:.12em}.city-start{left:31%;top:63%}.city-end{right:13%;top:24%}.map-status{position:absolute;left:20px;bottom:20px;background:#06152be8;color:white;padding:16px;border-radius:15px}.map-status small,.map-status strong,.map-status span{display:block}.map-status small{color:var(--green)}.map-status strong{font-size:21px;margin:5px 0}.map-status span{color:#9db4d2}.shipment-panel{background:var(--ice);border-radius:22px;padding:20px;display:flex;flex-direction:column}.shipment-panel>span{color:var(--blue);font:800 10px "Space Grotesk";letter-spacing:.1em}.shipment-panel h3{font:700 29px "Space Grotesk"}.shipment-panel ul{list-style:none;padding:0;margin:0}.shipment-panel li{padding:12px 0;border-bottom:1px solid #10233f15}.shipment-panel small,.shipment-panel b{display:block}.shipment-panel small{color:#7c8999}.shipment-panel b{margin-top:4px}.green{color:#08a96a}.route-progress{height:8px;background:#bdcde0;border-radius:99px;margin-top:auto;overflow:hidden}.route-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--blue),var(--green))}.shipment-panel button{border:0;background:var(--navy);color:white;padding:14px;margin-top:12px;border-radius:13px;font-weight:900;cursor:pointer}.shipment-panel .reset-route{background:transparent;color:var(--navy);border:1px solid #10233f24;margin-top:7px}
.quote-section{padding:120px 0;background:#eaf2fc}.quote-app{display:grid;grid-template-columns:300px 1fr 300px;gap:16px}.quote-form,.quote-result{background:white;border-radius:22px;padding:20px}.quote-form{display:flex;flex-direction:column;gap:16px}.quote-form label{font-size:11px;font-weight:800;color:#65748b}.quote-form select,.quote-form input[type=range]{width:100%;margin-top:7px}.quote-form select{border:1px solid #10233f1e;padding:12px;background:white;font-weight:800}.quote-form span{display:flex;align-items:center;gap:10px}.quote-form input[type=range]{accent-color:var(--blue)}.quote-check{display:flex;align-items:center;gap:9px}.quote-check input{accent-color:var(--blue)}.quote-visual{background:var(--navy);border-radius:24px;color:white;padding:28px;display:flex;flex-direction:column}.quote-road{height:180px;position:relative;display:flex;align-items:center}.quote-road i{display:block;width:100%;height:6px;background:linear-gradient(90deg,var(--blue),var(--green));border-radius:99px}.mini-truck{position:absolute;left:2%;font-size:45px;color:var(--green);transform:translateY(-8px);animation:miniDrive 5s ease-in-out infinite}.quote-route{display:flex;justify-content:space-between;font-weight:900}.quote-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:auto}.quote-metrics div{background:#ffffff0c;padding:13px;border-radius:14px}.quote-metrics small,.quote-metrics b{display:block}.quote-metrics small{color:#9bb0cb}.quote-metrics b{margin-top:5px}.quote-result{display:flex;flex-direction:column}.quote-result>span{color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.12em}.quote-result>strong{font:700 42px "Space Grotesk";margin:15px 0}.quote-result>p{color:#6d7a8d;line-height:1.6}.quote-result ul{list-style:none;padding:0;margin:15px 0}.quote-result li{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #10233f14;font-size:12px}.quote-result button{margin-top:auto;border:0;background:var(--blue);color:white;padding:14px;border-radius:13px;font-weight:900;cursor:pointer}
.fleet-section{background:white}.fleet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.fleet-card{background:#f3f7fc;border:1px solid #10233f12;text-align:left;padding:24px;min-height:250px;border-radius:20px;cursor:pointer}.fleet-card.active{background:var(--navy);color:white}.fleet-card b{color:var(--blue)}.fleet-card.active b{color:var(--green)}.fleet-card h3{font:700 27px "Space Grotesk";margin:48px 0 10px}.fleet-card p{color:#69788e;line-height:1.6}.fleet-card.active p{color:#aec0d8}.fleet-card span{font-weight:900}.log-cta{padding:120px 0;background:var(--navy);color:white}.log-cta h2{font:700 clamp(49px,6vw,95px)/.94 "Space Grotesk";max-width:1150px;margin:18px 0}.log-cta .log-primary{background:var(--green);color:var(--navy)}
@keyframes routeDash{to{stroke-dashoffset:-22}}@keyframes miniDrive{0%,100%{left:2%}50%{left:86%}}
@media(max-width:1100px){.log-nav nav{display:none}.log-hero{grid-template-columns:1fr}.truck-card{height:650px}.log-heading{grid-template-columns:1fr}.route-app{grid-template-columns:180px 1fr}.shipment-panel{grid-column:1/-1;min-height:340px}.quote-app{grid-template-columns:1fr 1fr}.quote-result{grid-column:1/-1;min-height:380px}.fleet-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.log-nav{padding:0 14px}.log-nav nav,.log-btn{display:none}.log-hero{padding-top:105px}.log-copy h1{font-size:52px}.truck-card{height:520px}.route-section,.quote-section,.fleet-section{padding:80px 0}.route-app{grid-template-columns:1fr}.route-list{display:grid;grid-template-columns:repeat(2,1fr)}.route-map{min-height:500px}.quote-app{grid-template-columns:1fr}.quote-visual{min-height:420px}.quote-metrics{grid-template-columns:1fr}.fleet-grid{grid-template-columns:1fr}.log-proof{display:grid;grid-template-columns:repeat(3,1fr)}.log-proof div{min-width:0}.city-start{left:28%}.city-end{right:8%}}
/* V6 — mapa Polski i krajów sąsiednich */
.route-map{min-height:650px;background:linear-gradient(145deg,#0d2544,#102f55)}
.route-map svg{padding:18px 12px 58px}
.country{fill:#1e3c62;stroke:#6d98c9;stroke-width:2;vector-effect:non-scaling-stroke}.country.poland{fill:#294e79;stroke:#8ab9ed;stroke-width:3}.country.neighbor{fill:#173252}.country-label{fill:#8ca7c8;font:700 13px Inter,sans-serif;letter-spacing:.08em;text-anchor:middle}.country-label.main{fill:#bcd6f2;font-size:18px}
.context-cities circle{fill:#9cb8d7}.context-cities text{fill:#a9bfd8;font:600 11px Inter,sans-serif}.route-city.start-label circle{fill:rgba(54,220,153,.14);stroke:#36dc99;stroke-width:3}.route-city.start-label text,.route-city-label{fill:#fff;font:800 13px Inter,sans-serif;letter-spacing:.08em;paint-order:stroke;stroke:#10233f;stroke-width:5;stroke-linejoin:round}
.map-legend{position:absolute;right:18px;bottom:18px;display:flex;gap:12px;flex-wrap:wrap;padding:10px 12px;background:#07162edb;color:#c8d8eb;border:1px solid #ffffff17;border-radius:12px;font-size:10px;font-weight:700}.map-legend span{display:flex;align-items:center;gap:6px}.map-legend i{width:10px;height:10px;border-radius:50%;display:inline-block}.legend-start{background:#fff;border:3px solid var(--green)}.legend-end{background:var(--green)}.legend-route{width:24px!important;height:4px!important;border-radius:99px!important;background:linear-gradient(90deg,var(--blue),var(--green))}
.map-status{z-index:3}.route-line,.route-shadow{vector-effect:non-scaling-stroke}
.city{display:none}
@media(max-width:720px){.route-map{min-height:570px}.route-map svg{padding:8px 0 78px}.map-legend{left:12px;right:12px;bottom:12px;justify-content:center}.map-status{left:12px;top:12px;bottom:auto}}


/* V7 transport meta */
.road-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 4px}.road-meta div{background:#fff;border:1px solid #10233f14;padding:10px;border-radius:12px}.road-meta small,.road-meta b{display:block}.road-meta small{color:#7c8999;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.road-meta b{margin-top:4px;font-size:12px}

/* V8 transport milestones */
.route-milestones{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.milestone{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:12px;background:#fff;border:1px solid #10233f14;font-size:11px;font-weight:800;color:#607082}.milestone i{width:10px;height:10px;border-radius:50%;background:#d5dde8;flex:0 0 auto}.milestone.active,.milestone.done{color:#10233f}.milestone.active i{background:#5ea7ff}.milestone.done i{background:#33c17d}