/* Vehicle illustrations stay free of brand labels; operational data belongs to the UI. */
.vehicle-art{display:block;max-width:100%;overflow:visible;pointer-events:none}
.hero{min-height:960px;max-height:none}
.hero-fleet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;right:4%;top:106px;width:min(430px,48%);height:auto;transform:rotate(-5deg);pointer-events:none;isolation:isolate}
.hero-fleet:before{content:"";position:absolute;inset:-20px;background:radial-gradient(ellipse,#e4c38415,transparent 68%);z-index:-1}
.hero-fleet-tile{padding:14px 7px;border:1px solid #d3c49a42;border-radius:13px;background:linear-gradient(140deg,#15262aea,#1c3031dd);box-shadow:0 12px 22px #0003;backdrop-filter:blur(12px)}
.hero-fleet-tile:nth-child(2),.hero-fleet-tile:nth-child(5){transform:translateY(16px)}
.hero-fleet .vehicle-art{width:100%;height:auto;aspect-ratio:600/320;filter:drop-shadow(0 4px 5px #0005)}
.hero-copy{right:6%;bottom:54px}
.login-panel{justify-content:center;padding-top:130px;padding-bottom:160px}
.login-panel>.brand.large{position:absolute;top:65px;left:12%;margin:0}
.login-content h2{font-size:clamp(31px,2.65vw,45px);line-height:1.12}
.login-content>p{font-size:14px;line-height:1.8}
.login-button{min-height:58px;font-size:14px;text-transform:none;letter-spacing:.1px}
.login-content .login-footnote{font-size:12px;line-height:1.6}
.access-line{font-size:12px;line-height:1.6}
.login-footer{bottom:38px;border-color:#88999040}
.map-body{grid-template-columns:245px 1fr;min-height:585px}
.map-side{padding:28px 20px}
.map-canvas{min-height:585px}
.search-label,.result-count{font-size:13px}.search-box{min-height:46px}.search-box input{font-size:12px}.demo-hint{font-size:11px;line-height:1.7}
.status-filters button{min-height:44px;font-size:12px}
.map-cars{inset:58px 32% 48px 5%;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:18px 9px;transform:rotate(-5deg)}
.map-canvas:before{inset:43px 30% 34px 3%;transform:rotate(-5deg)}
.map-car{min-height:67px;padding:8px 2px 16px;border-radius:7px;background:#1e302d;border-color:#788d7a44}
.map-car svg{width:37px;height:72px;max-height:calc(100% - 8px);filter:drop-shadow(1px 3px 3px #0008)}
.map-car>span{font-size:9px;bottom:3px;color:#b5c6b8;line-height:1.2}
.map-car:before{content:"";position:absolute;top:4px;right:4px;width:5px;height:5px;border-radius:50%;background:#91b59e}
.map-car[data-status="PDI"]:before{background:#a6c5dd}.map-car[data-status="Rezerwacja"]:before{background:#e5c587}
.map-car.selected{border-color:#e6c788;box-shadow:0 0 0 3px #e6c78824;background:#4c5035}
.map-car.selected:after{top:-7px;width:7px;height:7px}
.map-car:focus-visible{outline:2px solid #f8deb0;outline-offset:3px}
.lot-label{transform:none;font-size:10px;left:26px;top:17px}
.dealership-building{width:23%;right:8px;height:180px;transform:rotate(-5deg);opacity:.8}
.lot-road{right:22%;top:44%;opacity:.65}
.vehicle-card{width:26%;min-width:180px;right:15px;bottom:26px;padding:20px 15px 16px;border-radius:12px;background:#132322f5;box-shadow:0 14px 30px #0004}
.vehicle-card h3{font-size:21px;line-height:1.2;margin-top:10px}.vehicle-card small{font-size:9px;letter-spacing:.6px;display:block;padding-right:20px}
.vehicle-card-art{width:100%;height:100px;margin:10px 0;display:block;filter:drop-shadow(0 5px 5px #0004)}
.vehicle-meta{display:flex;flex-direction:column;gap:7px;font-size:11px;margin:12px 0}.vehicle-tag{font-size:11px;gap:8px;flex-wrap:wrap}
.vehicle-card .card-close{width:36px;height:36px;font-size:24px;right:3px;top:2px;border-radius:50%;display:grid;place-items:center}.card-close:hover{background:#ffffff12;color:#fff}
.map-empty{bottom:24px;z-index:4;line-height:1.7}.map-table-wrap{max-height:585px}
.workflow-stage{max-width:570px;margin-top:30px}
.journey-car{height:220px;gap:0;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at center,#d6be7d0b,transparent 67%);overflow:hidden}
.journey-car>.vehicle-art{width:300px;height:155px;max-width:85%;transform:none!important;filter:drop-shadow(0 12px 10px #0005);z-index:1;transition:translate .7s ease,opacity .7s ease}
.journey-car>span{font-size:12px;padding:8px 16px;margin-top:3px;z-index:2;line-height:1.4}
.journey-ring{width:300px;height:140px;left:50%;top:18px;transform:translateX(-50%)!important;border:1px solid #dcbc8029;border-radius:22px}
.journey-ring:after{content:"";position:absolute;left:-50%;right:-50%;top:calc(50% - 1px);height:1px;border-top:1px dashed #bfcbb923;z-index:-1}
.workflow-sticky[data-active="3"] .journey-car>.vehicle-art{translate:70px 0;opacity:.55}
.journey-notification{min-height:94px;padding:20px;align-items:flex-start}.journey-notification strong{font-size:14px;line-height:1.5}.journey-notification p{font-size:12px;line-height:1.7}.journey-notification>small{padding-top:8px;font-size:8px}
.workflow-heading>p{font-size:14px;line-height:1.7}.journey-footer{font-size:9px;line-height:1.5;gap:16px}
@media(max-width:1150px){.hero{grid-template-columns:65% 35%;min-height:920px}.hero-fleet{width:340px;max-width:72%;top:100px;right:6%}.login-panel{padding-left:9%;padding-right:9%}.login-panel>.brand.large{left:9%;font-size:34px}.login-panel>.brand.large svg{width:35px}.map-body{grid-template-columns:220px 1fr}.map-cars{right:34%;gap:16px 6px}.map-car svg{width:32px;height:63px}.vehicle-card{right:12px;min-width:170px}.workflow-sticky{padding-right:36px}.journey-car>.vehicle-art{width:270px;height:145px}}
@media(max-width:1000px){.map-body{grid-template-columns:1fr}.map-side{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;border-right:0;border-bottom:1px solid #b9ccb320;padding:24px}.search-label{grid-column:1}.search-box{grid-column:1;margin-top:9px}.demo-hint{grid-column:1;margin-top:8px}.result-count{grid-column:2;grid-row:1;border:0;padding:0;margin:0}.status-filters{grid-column:2;grid-row:2/5;gap:4px;display:grid;grid-template-columns:1fr 1fr}.status-filters button{font-size:11px;justify-content:flex-start;padding:10px}.map-tip{display:none}.map-cars{inset:60px 32% 48px 6%;gap:18px 10px}.map-car svg{width:37px;height:72px}.vehicle-card{width:27%;right:18px}.hero-copy h1{font-size:55px}.hero-copy>.hero-benefit-copy{font-size:13px}.login-content h2{font-size:32px}.login-content>p{font-size:13px}.login-panel>.brand.large{font-size:30px}.workflow-sticky{padding-right:25px}.journey-car{height:190px}.journey-car>.vehicle-art{width:235px;height:123px}.journey-ring{width:230px;height:125px}}
@media(max-width:800px){.hero{height:auto;grid-template-columns:1fr;min-height:0}.hero-scene{min-height:950px;height:auto;max-height:none}.hero-fleet{width:400px;max-width:75%;right:7%;top:105px}.hero-copy h1{font-size:70px}.hero-copy>p{font-size:17px}.hero-copy>.hero-benefit-copy{font-size:14px}.login-panel{min-height:560px;padding:135px 35px 115px}.login-panel>.brand.large{left:35px;top:38px;font-size:34px}.login-content{max-width:540px;width:100%;margin:auto}.login-content h2{font-size:36px}.login-content>p{font-size:15px}.login-footer{left:35px;right:35px;bottom:25px}.workflow-sticky{padding-right:24px}.journey-notification{padding:15px;gap:10px}.journey-notification strong{font-size:12px}.journey-notification p{font-size:11px}.journey-notification>small{display:none}.journey-car>.vehicle-art{width:220px}.journey-footer{font-size:8px}}
@media(max-width:580px){.hero-scene{min-height:1010px;height:auto;max-height:none}.hero-fleet{width:calc(100% - 50px);max-width:360px;top:105px;right:25px;gap:8px;transform:rotate(-3deg)}.hero-fleet-tile{padding:15px 5px;border-radius:10px}.hero-copy{left:25px;right:25px;bottom:40px}.hero-copy h1{font-size:53px}.hero-copy>p{font-size:16px}.hero-copy>.hero-benefit-copy{font-size:13px}.login-panel{min-height:540px;padding:130px 25px 110px}.login-panel>.brand.large{left:25px;top:34px;font-size:34px}.login-footer{left:25px;right:25px}.login-content h2{font-size:34px}.login-button{min-height:58px}.map-side{padding:20px;display:block}.result-count{margin:18px 0 10px}.status-filters{grid-template-columns:1fr 1fr;gap:6px}.status-filters button{font-size:11px;min-height:44px}.map-canvas{min-height:795px;overflow:hidden}.map-canvas:before{inset:42px 13px 290px;transform:none;box-shadow:none;background:#1a2e29}.map-cars{inset:53px 23px auto;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(6,65px);gap:11px 10px;transform:none}.map-car{min-height:65px;padding:5px 3px 13px}.map-car svg{width:26px;height:50px;max-height:100%}.map-car>span{font-size:8px}.map-car.selected:after{display:none}.dealership-building,.lot-road,.map-scale{display:none}.lot-label{left:23px;top:17px;font-size:9px}.map-compass{right:22px;top:9px}.vehicle-card{width:auto;min-width:0;left:23px;right:23px;bottom:23px;padding:16px 17px;min-height:220px}.vehicle-card h3{font-size:22px}.vehicle-card-art{position:absolute;right:9px;top:45px;width:43%;height:97px;margin:0}.vehicle-meta{max-width:55%;font-size:10px;gap:8px;margin:15px 0}.vehicle-tag{font-size:11px;padding-top:13px}.vehicle-card small{font-size:8px}.map-empty{left:18px;right:18px;bottom:30px}.app-toolbar{flex-wrap:wrap;gap:14px}.view-switch button{min-height:36px;min-width:55px;font-size:12px}.app-bottom{font-size:10px;flex-direction:column;gap:3px}.workflow-sticky{position:relative;top:auto;min-height:0;max-height:none;height:auto;padding:34px 0 24px;box-shadow:none}.workflow-heading h2{font-size:36px}.workflow-heading>p{font-size:13px}.workflow-stage{margin-top:24px}.journey-car{height:210px}.journey-car>.vehicle-art{width:290px;height:148px}.journey-ring{width:280px;height:140px}.journey-notification{min-height:88px;padding:17px}.journey-notification strong{font-size:13px}.journey-notification p{font-size:12px}.journey-footer{font-size:8px}.workflow-steps{padding-top:0}.workflow-step{min-height:45svh;padding:40px 0}.workflow-sticky[data-active="3"] .journey-car>.vehicle-art{translate:30px 0}}
@media(max-width:370px){.hero-scene{min-height:1060px}.hero-copy h1{font-size:46px}.hero-copy>p{font-size:15px}.hero-copy{left:21px;right:21px}.hero-fleet{right:21px;width:calc(100% - 42px)}.map-cars{left:16px;gap:11px 7px}.map-side{padding:17px}.vehicle-card-art{width:40%}.vehicle-meta{font-size:9px}.journey-car>.vehicle-art{width:245px}.journey-ring{width:240px}.workflow-heading h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.journey-car>.vehicle-art{transition:none}.hero-fleet{animation:none}}
.motion-paused .journey-car>.vehicle-art{transition:none}

@media(max-width:580px) and (min-height:760px){.workflow-sticky{position:sticky;top:0;padding:20px 0 16px}.workflow-heading h2{font-size:28px;margin:10px 0}.workflow-heading>p{font-size:11px;line-height:1.6}.workflow-stage{margin-top:16px}.journey-car{height:150px}.journey-car>.vehicle-art{width:245px;height:112px}.journey-ring{width:250px;height:102px;top:8px}.journey-car>span{font-size:10px;padding:6px 12px}.journey-notification{min-height:80px;padding:13px}.journey-notification strong{font-size:12px}.journey-notification p{font-size:11px}.journey-footer{margin-top:12px}.workflow-step{min-height:65svh}}
