
:root{--brandblue:#087dff;--branddark:#17202d;--brandsilver:#bfc7d1} .nav .logo{width:auto;min-width:265px}.wordmark{display:block;font-weight:800;font-size:clamp(22px,2.2vw,30px);line-height:1;letter-spacing:-1.3px;color:#17202d;white-space:nowrap}.wordmark b{color:#087dff}.wordmark small{font-size:inherit;font-weight:500;letter-spacing:-1px}.wordmark-sub{display:block;margin-top:7px;font-size:10px;letter-spacing:.08em;color:#56616d;font-weight:600}.drive-scroll{height:290vh;position:relative;background:#f7f9fc}.drive-stage{height:100vh;min-height:620px;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 78% 66%,#dce5ee 0%,#f5f7fa 44%,#fff 84%)}.drive-content{position:absolute;z-index:3;left:max(6vw,24px);top:15%;width:min(40vw,560px);transition:opacity .1s}.drive-eyebrow{font-size:11px;letter-spacing:.19em;font-weight:800;color:#087dff}.drive-content h2,.drive-next h2{font-size:clamp(38px,5.2vw,78px);line-height:1.05;letter-spacing:-.06em;color:#17202d;margin:24px 0}.drive-content h2 em{color:#087dff;font-style:normal}.drive-content p{font-size:clamp(14px,1.4vw,18px);max-width:440px;color:#5b6775}.drive-hint{display:inline-block;margin-top:20px;color:#6d7c8a;font-size:12px;letter-spacing:.08em}.drive-car{position:absolute;z-index:4;bottom:12%;left:41%;width:66%;transform:translate3d(0,0,0);will-change:transform,opacity;filter:drop-shadow(0 24px 17px #18212e35)}.drive-car img{display:block;width:100%;height:auto}.drive-tagline{position:absolute;left:32%;top:62%;font-size:clamp(6px,.68vw,13px);color:#e5ebf3;white-space:nowrap;letter-spacing:.01em;pointer-events:none}.drive-road{position:absolute;z-index:2;left:0;right:0;bottom:10%;height:2px;background:linear-gradient(90deg,transparent,#9faebd 20%,#9faebd 80%,transparent);opacity:.55}.drive-stripes{position:absolute;right:4%;top:-10%;height:120%;width:30%;transform:skewX(-24deg);opacity:.13;display:flex;gap:18px}.drive-stripes i{height:100%;width:26%;background:#087dff}.drive-stripes i+ i{background:#bfc7d1}.drive-next{position:absolute;z-index:5;top:28%;left:50%;width:min(800px,90vw);text-align:center;transform:translate(-50%,35px);opacity:0;pointer-events:none}.drive-next h2{margin:22px 0 35px}.drive-flow{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.drive-flow span{padding:14px 20px;border:1px solid #d5e1ee;background:#fff;border-radius:12px;font-weight:700;font-size:13px;color:#17202d}.drive-link{display:inline-block;margin-top:34px;color:#087dff;font-weight:800}.drive-scroll~section .kicker{color:#087dff}@media(max-width:800px){.drive-scroll{height:245vh}.drive-stage{min-height:0}.drive-content{left:7%;top:13%;width:85%}.drive-content h2{font-size:clamp(36px,9vw,60px);margin:15px 0}.drive-content p{font-size:14px;max-width:350px}.drive-car{left:17%;width:118%;bottom:19%}.drive-tagline{font-size:1.25vw}.drive-road{bottom:18%}.drive-next{top:27%}.drive-next h2{font-size:clamp(36px,8vw,60px)}}@media(prefers-reduced-motion:reduce){.drive-scroll{height:auto}.drive-stage{height:auto;min-height:700px;position:relative}.drive-car{transform:none!important;opacity:1!important}.drive-content{opacity:1!important}.drive-next{display:none!important}}

/* V6: cohesive brand design */
:root{--navy:#17202d;--deep:#121a27;--teal:#087dff;--pale:#eef5ff;--line:#e0e7ef}
.nav .logo{width:300px;min-width:220px;max-width:44vw}.nav .logo img{width:100%;height:auto;display:block}
.drive-stage{background:radial-gradient(ellipse at 78% 66%,#e6ecf5 0%,#f7f9fd 48%,#fff 84%)}
.drive-car{left:43%;width:68%;bottom:12%;filter:drop-shadow(0 16px 12px #18212e2c)}
.drive-car img{width:100%;height:auto;object-fit:contain}
.drive-hint,.drive-tagline{display:none!important}
.drive-stripes{opacity:.16}
.drive-scroll:before{content:'';position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(#087dff,#bfc7d1);z-index:1}
.section .card,.scope-card,.role-item{position:relative;overflow:hidden}
.section .card:after,.scope-card:after,.role-item:after{content:'';position:absolute;top:0;right:18px;width:35px;height:100%;transform:skewX(-25deg);background:linear-gradient(90deg,#087dff16 0 45%,#bfc7d12e 45% 85%,transparent 85%);pointer-events:none}
.darksec,.cta{position:relative;overflow:hidden}.darksec:after,.cta:after{content:'';position:absolute;right:8%;top:-35%;height:170%;width:160px;transform:skewX(-25deg);background:linear-gradient(90deg,#087dff22 0 46%,transparent 46% 57%,#bfc7d117 57% 100%);pointer-events:none}
.btn{background:#087dff}.btn:hover{box-shadow:0 15px 30px #087dff33}.btn.dark{background:#17202d}
@media(max-width:800px){.nav .logo{width:255px}.drive-car{left:20%;width:120%;bottom:20%}}
@media(prefers-reduced-motion:reduce){.drive-car{transform:none!important}}

/* Full-resolution source retained to avoid jagged cutout edges */
.drive-car{left:42%;width:72%;bottom:17%;filter:none;overflow:hidden;border-radius:12px;mask-image:linear-gradient(90deg,transparent 0%,black 9%,black 91%,transparent 100%)}
.drive-car img{width:100%;display:block}
@media(max-width:800px){.drive-car{left:20%;width:130%;bottom:24%}}

/* V8: restore intact photograph; strongly feather the rectangular edges */
.drive-stage{background:radial-gradient(ellipse at 82% 67%,#e7edf4 0%,#f7f9fc 55%,#ffffff 90%)}
.drive-car{left:41%;width:74%;bottom:14%;overflow:visible;border-radius:0;filter:none;
  -webkit-mask-image:radial-gradient(ellipse 75% 68% at 55% 55%, #000 49%,rgba(0,0,0,.95) 63%,rgba(0,0,0,.55) 81%,transparent 100%);
  mask-image:radial-gradient(ellipse 75% 68% at 55% 55%, #000 49%,rgba(0,0,0,.95) 63%,rgba(0,0,0,.55) 81%,transparent 100%);
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
}
.drive-car img{width:100%;height:auto;display:block;object-fit:contain}
.drive-road{display:none}
.drive-stripes{opacity:.13}
@media(max-width:800px){.drive-car{left:10%;width:142%;bottom:20%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 23%,#000 82%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 23%,#000 82%,transparent 100%)}}

/* V9: jednolity znak marki z grafiki samochodu */
.nav .logo{width:320px;min-width:0;max-width:42vw;flex-shrink:0}.nav .logo img,footer .logo img{display:block;width:100%;height:auto;object-fit:contain}footer .logo{width:280px!important}@media(max-width:950px){.nav .logo{width:285px;max-width:65vw}}@media(max-width:620px){.nav .logo{width:235px;max-width:70vw}footer .logo{width:235px!important}}
