.marki-hub{--hdr:60px;--ease:cubic-bezier(.2,.7,.2,1);--bar-mut:#c4cce0;color:var(--ink);font-size:16px;line-height:1.6}.marki-hub *,.marki-hub :before,.marki-hub :after{box-sizing:border-box}.marki-hub [hidden]{display:none!important}.marki-hub h1,.marki-hub h2,.marki-hub h3{letter-spacing:-.03em;margin:0;font-weight:800;line-height:1.04}.marki-hub p{margin:0}.marki-hub .sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.marki-hub .mono{font-family:var(--font-mono),ui-monospace,monospace;letter-spacing:.09em;text-transform:uppercase;color:var(--mut);font-size:11px;font-weight:400}.marki-hub .eyebrow{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.marki-hub .sec{padding-block:clamp(40px,5vw,72px)}.marki-hub .sec-head{border-top:1px solid var(--line);padding-top:20px;display:block}.marki-hub .sec-title{max-width:26ch;margin-top:clamp(14px,2vw,24px);font-size:clamp(24px,3.2vw,40px);font-weight:250}.marki-hub .sec-title b{font-weight:800}.marki-hub .lead{color:var(--body);max-width:64ch;margin-top:14px;font-size:15.5px}.marki-hub .hero{padding-top:clamp(28px,4vw,54px);padding-bottom:clamp(28px,4vw,48px);position:relative;overflow:hidden}.marki-hub .hero:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 1px 1px,#1a1d1f17 1px,#0000 1.5px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 90% at 90% 20%,#000 0,#0000 100%);mask-image:radial-gradient(60% 90% at 90% 20%,#000 0,#0000 100%)}.marki-hub .hero .container{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:clamp(24px,4vw,64px);display:grid;position:relative}@media (max-width:980px){.marki-hub .hero .container{grid-template-columns:1fr}}.marki-hub .hero h1{max-width:20ch;margin-top:18px;font-size:clamp(34px,5vw,64px);font-weight:250}.marki-hub .hero h1 b{font-weight:800}.marki-hub .hero .lead{max-width:56ch;margin-top:16px;font-size:clamp(15px,1.2vw,17px)}.marki-hub .finder{gap:10px;max-width:640px;margin-top:22px;display:flex}.marki-hub .finder label{border:1px solid var(--ink);background:var(--white);flex:1;align-items:center;gap:10px;height:54px;padding:0 16px;transition:box-shadow .18s;display:flex}.marki-hub .finder label:focus-within{box-shadow:0 0 0 3px var(--acc-wash)}.marki-hub .finder input{min-width:0;font:600 16px var(--font-sans),sans-serif;color:var(--ink);appearance:none;background:0 0;border:0;outline:0;flex:1}.marki-hub .finder input::placeholder{color:var(--mut);font-weight:500}.marki-hub .finder input::-webkit-search-cancel-button{-webkit-appearance:none}.marki-hub .finder svg{width:18px;height:18px;stroke:var(--mut);fill:none;stroke-width:1.8px;stroke-linecap:round;flex:none}.marki-hub .finder .btn{height:54px}.marki-hub .stats{grid-template-columns:repeat(4,auto);justify-content:start;gap:clamp(18px,3vw,44px);margin-top:26px;display:grid}.marki-hub .stat .v{letter-spacing:-.04em;font-size:clamp(28px,3vw,42px);font-weight:200;line-height:1}.marki-hub .stat .l{margin-top:4px}.marki-hub .hero .eyebrow .mono,.marki-hub .stat .l{white-space:nowrap}.marki-hub .hero .eyebrow{flex-wrap:nowrap;min-width:0}.marki-hub .hero .eyebrow .mono{text-overflow:ellipsis;max-width:100%;overflow:hidden}.marki-hub .glance{background:var(--white);border:1px solid var(--line);padding:22px 24px 18px;position:relative;box-shadow:0 18px 44px #14181a0f}.marki-hub .glance .gl-k:before{content:"";background:var(--acc);vertical-align:0;width:9px;height:9px;margin-right:9px;display:inline-block}.marki-hub .glance h2{margin-top:12px;font-size:clamp(22px,2vw,30px)}.marki-hub .gtabs{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.marki-hub .gtabs button{background:var(--bg);height:40px;font:600 14px var(--font-sans),sans-serif;color:var(--ink);cursor:pointer;border:1px solid #0000;padding:0 16px;transition:border-color .15s,background .15s,color .15s}.marki-hub .gtabs button:hover{border-color:var(--line-dark)}.marki-hub .gtabs button[aria-selected=true]{background:var(--ink);color:#fff}.marki-hub .gaxis{color:var(--mut);justify-content:space-between;margin-top:14px;font-size:13px;display:flex}.marki-hub .gchart{border-bottom:1px solid var(--line);grid-template-columns:repeat(6,1fr);align-items:end;gap:14px;height:262px;margin-top:4px;padding-top:40px;padding-bottom:34px;display:grid;position:relative}.marki-hub .gchart:before{content:"";background:repeating-linear-gradient(to top,var(--line-2) 0 1px,transparent 1px 25%);pointer-events:none;position:absolute;inset:40px 0 34px}.marki-hub .gbar{height:calc(var(--h)*100%);background:var(--bar-mut);z-index:1;min-height:6px;text-decoration:none;transition:background .15s;display:block;position:relative}.marki-hub .gbar:hover,.marki-hub .gbar:focus-visible{background:var(--acc)}.marki-hub .gbar .v{font:800 15px var(--font-sans),sans-serif;color:var(--ink);white-space:nowrap;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.marki-hub .gbar .n{font:500 14px var(--font-sans),sans-serif;color:var(--ink);white-space:nowrap;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.marki-hub .gbar:hover .v,.marki-hub .gbar:hover .n,.marki-hub .gbar:focus-visible .v,.marki-hub .gbar:focus-visible .n{color:var(--acc)}.marki-hub .gfoot{color:var(--mut);margin-top:12px;font-size:13px}@media (max-width:980px){.marki-hub .glance{margin-top:6px}.marki-hub .gchart{gap:8px}.marki-hub .gbar .n{font-size:12px}}@media (max-width:420px){.marki-hub .gbar .n{font-size:10.5px}.marki-hub .gbar .v{font-size:12px}.marki-hub .glance{padding:18px 16px 14px}}.marki-hub .lenses{top:var(--hdr);z-index:40;background:var(--bg);border-block:1px solid var(--line);position:sticky}.marki-hub .lenses .container{scrollbar-width:none;align-items:center;gap:6px;height:58px;display:flex;overflow-x:auto}.marki-hub .lenses .container::-webkit-scrollbar{display:none}.marki-hub .lens{border:1px solid var(--line);background:var(--white);height:38px;font:600 13px var(--font-sans),sans-serif;color:var(--ink);white-space:nowrap;cursor:pointer;align-items:center;gap:8px;padding:0 16px;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.marki-hub .lens .num{font-family:var(--font-mono),monospace;color:var(--mut);font-size:10.5px}.marki-hub .lens:hover{border-color:var(--ink)}.marki-hub .lens[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.marki-hub .lens[aria-pressed=true] .num{color:#ffffffb3}.marki-hub .lens-why{color:var(--body);white-space:nowrap;margin-left:auto;font-size:13px}@media (max-width:980px){.marki-hub .lens-why{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}}.marki-hub .grid-sec{padding-top:8px}.marki-hub .grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px;display:grid}@media (max-width:1180px){.marki-hub .grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:820px){.marki-hub .grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.marki-hub .grid{grid-template-columns:1fr}}.marki-hub .card{--c:var(--acc);background:var(--white);border:1px solid var(--line);transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .2s;flex-direction:column;display:flex;position:relative}.marki-hub .card:hover,.marki-hub .card:focus-within{border-color:var(--c);z-index:6;transform:translateY(-3px);box-shadow:0 18px 40px #14181a1a}.marki-hub .card:before{content:"";background:var(--c);height:4px}.marki-hub .pic{background:linear-gradient(160deg,color-mix(in srgb,var(--c) 10%,#fff),var(--bg));place-items:end center;height:164px;padding:40px 18px 12px;display:grid;position:relative}.marki-hub .pic-img{display:contents}.marki-hub .pic img{object-fit:contain;filter:drop-shadow(0 10px 14px #14181a29);width:auto;max-width:92%;height:108px;transition:transform .35s var(--ease);display:block}.marki-hub .card:hover .pic img{transform:scale(1.04)}.marki-hub .pic .st{z-index:2;position:absolute;top:12px;left:12px}.marki-hub .pic-noimg{text-align:center;align-self:center;line-height:1.7}.marki-hub .rank{font:200 26px var(--font-sans),sans-serif;letter-spacing:-.04em;color:var(--mut);position:absolute;top:8px;right:12px}.marki-hub .body{flex-direction:column;flex:1;gap:10px;padding:16px 18px 18px;display:flex}.marki-hub .card h3{letter-spacing:-.02em;color:var(--c);font-size:22px}.marki-hub .card h3 a{color:inherit;text-decoration:none}.marki-hub .card h3 a:after{content:"";z-index:1;position:absolute;inset:0}.marki-hub .card .line{color:var(--body);justify-content:space-between;gap:10px;font-size:13px;display:flex}.marki-hub .card .line b{color:var(--ink);font-weight:800}.marki-hub .price{flex-direction:column;line-height:1.2;display:flex}.marki-hub .price b{letter-spacing:-.03em;color:var(--ink);font-size:22px;font-weight:250}.marki-hub .price span{color:var(--mut);margin-top:3px;font-size:12px}.marki-hub .bar{background:var(--line-2);height:4px;margin-top:2px;position:relative}.marki-hub .bar i{width:var(--w);background:var(--c);position:absolute;inset:0 auto 0 0}.marki-hub .foot{border-top:1px solid var(--line-2);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex}.marki-hub .foot .warr{font-size:12.5px;font-weight:700}.marki-hub .foot .warr small{color:var(--mut);font-size:11px;font-weight:500;display:block}.marki-hub .peekwrap{pointer-events:none;z-index:3;position:absolute;inset:0;overflow:hidden}.marki-hub .peek{background:var(--ink);color:#fff;transition:transform .3s var(--ease);padding:12px 18px;font-size:12.5px;position:absolute;inset:auto 0 0;transform:translateY(100%)}.marki-hub .peek b{color:#fff;font-weight:800}.marki-hub .peek span span{color:var(--mut-dark)}.marki-hub .card:hover .peek{transform:none}@media (hover:none){.marki-hub .peekwrap{display:none}}@media (prefers-reduced-motion:reduce){.marki-hub .card,.marki-hub .pic img,.marki-hub .peek{transition:none}}.marki-hub .st{font-family:var(--font-mono),monospace;letter-spacing:.08em;text-transform:uppercase;padding:3px 7px;font-size:10px}.marki-hub .st-oferta{background:var(--win-wash);color:var(--win)}.marki-hub .st-bez-sieci{background:var(--warn-wash);color:var(--warn)}.marki-hub .st-nadchodzi{background:var(--acc-wash);color:var(--acc-deep)}.marki-hub .drives{z-index:2;flex-wrap:wrap;gap:4px;display:flex;position:relative}.marki-hub .drives span{font-family:var(--font-mono),monospace;letter-spacing:.04em;border:1px solid var(--line);color:var(--body);background:var(--white);padding:2px 6px;font-size:10px}.marki-hub .drives span:before{content:"";background:var(--d);vertical-align:1px;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.marki-hub .drives.bodies span{background:var(--bg);border-color:var(--line-2);color:var(--ink);font-weight:600}.marki-hub .drives.bodies span:before{content:none}.marki-hub .tip{cursor:pointer;outline-offset:2px;position:relative}.marki-hub .tip:after{z-index:20;background:var(--ink);color:#fff;width:max-content;max-width:min(260px,70vw);font:500 12px/1.45 var(--font-sans),sans-serif;letter-spacing:0;text-transform:none;pointer-events:none;padding:9px 11px;display:none;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 10px 24px #14181a2e}.marki-hub .tip:hover:after,.marki-hub .tip:focus:after{display:block}.marki-hub .tip[data-d=benzyna]:after{content:"PB — benzyna. Klasyczny silnik spalinowy: tankujesz na stacji, niczego nie ładujesz."}.marki-hub .tip[data-d=diesel]:after{content:"D — diesel. Silnik wysokoprężny; w tej bazie głównie auta użytkowe i terenowe."}.marki-hub .tip[data-d=hybryda]:after{content:"HEV — hybryda klasyczna. Silnik benzynowy plus mały akumulator ładowany w czasie jazdy. Nie podłączasz do gniazdka."}.marki-hub .tip[data-d=phev]:after{content:"PHEV — hybryda plug-in. Ładujesz z gniazdka, zwykle 60–120 km na prądzie, potem jedzie jak hybryda na benzynie."}.marki-hub .tip[data-d=ev]:after{content:"EV — auto elektryczne. Tylko bateria i silnik elektryczny; ładujesz w domu lub na ładowarce."}.marki-hub .tip[data-d=ev-reev]:after{content:"REEV — elektryczny z generatorem zasięgu. Koła zawsze napędza prąd, mały silnik spalinowy tylko doładowuje baterię."}.marki-hub .tip[data-d=benzyna-lpg]:after{content:"LPG — benzyna z fabryczną instalacją gazową. Tańsze tankowanie, dwa zbiorniki."}.marki-hub .tip[data-d=do-potwierdzenia]:after{content:"Napęd do potwierdzenia — importer nie opublikował jeszcze pełnej specyfikacji dla Polski."}.marki-hub .tip[data-b=suv]:after{content:"SUV i crossovery — podwyższone auta rodzinne, największa grupa w bazie."}.marki-hub .tip[data-b=teren]:after{content:"SUV terenowy — rama, reduktor lub blokady; auto do jazdy poza asfaltem."}.marki-hub .tip[data-b=sedan]:after{content:"Sedan i liftback — klasyczne nadwozie z osobnym bagażnikiem."}.marki-hub .tip[data-b=hatch]:after{content:"Hatchback — kompakt lub auto miejskie z klapą bagażnika."}.marki-hub .tip[data-b=kombi]:after{content:"Kombi i shooting brake — wydłużone nadwozie z dużym bagażnikiem."}.marki-hub .tip[data-b=mpv]:after{content:"MPV i minibus — auta wielomiejscowe, 6–9 osób."}.marki-hub .tip[data-b=sport]:after{content:"Coupé i roadster — dwudrzwiowe nadwozia sportowe."}.marki-hub .tip[data-b=van]:after{content:"Dostawczy — vany i podwozia z kabiną, zwykle ceny netto."}.marki-hub .tip[data-b=pickup]:after{content:"Pickup — otwarta skrzynia ładunkowa, często napęd 4×4."}.marki-hub .tip[data-b=truck]:after{content:"Ciężarowy — kategoria N2/N3, powyżej 3,5 t DMC."}.marki-hub .grid .card:nth-child(4n) .tip:after{left:auto;right:0}@media (max-width:1180px){.marki-hub .grid .card:nth-child(4n) .tip:after{left:0;right:auto}.marki-hub .grid .card:nth-child(3n) .tip:after{left:auto;right:0}}@media (max-width:820px){.marki-hub .grid .card:nth-child(3n) .tip:after{left:0;right:auto}.marki-hub .grid .card:nth-child(2n) .tip:after{left:auto;right:0}}.marki-hub .soon{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px;display:grid}@media (max-width:980px){.marki-hub .soon{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.marki-hub .soon{grid-template-columns:1fr}}.marki-hub .soon a{--c:var(--acc);border:1px dashed var(--line-dark);background:var(--white);color:inherit;grid-template-columns:1fr 96px;align-items:center;gap:12px;padding:18px;text-decoration:none;transition:border-color .15s;display:grid}.marki-hub .soon a:hover{border-style:solid;border-color:var(--c)}.marki-hub .soon h3{color:var(--c);font-size:20px}.marki-hub .soon p{color:var(--body);margin-top:4px;font-size:13px}.marki-hub .soon-img{display:contents}.marki-hub .soon img{object-fit:contain;justify-self:end;width:auto;max-width:96px;height:70px;display:block}.marki-hub .paths{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px;display:grid}@media (max-width:820px){.marki-hub .paths{grid-template-columns:1fr}}.marki-hub .path{background:var(--ink);color:#fff;flex-direction:column;gap:10px;min-height:200px;padding:24px;text-decoration:none;display:flex;position:relative;overflow:hidden}.marki-hub .path .mono{color:var(--mut-dark)}.marki-hub .path h3{letter-spacing:-.03em;color:#fff;font-size:22px;font-weight:250}.marki-hub .path h3 b{font-weight:800}.marki-hub .path p{color:var(--mut-dark);max-width:34ch;font-size:13.5px}.marki-hub .path .go{margin-top:auto;font-size:13.5px;font-weight:700}.marki-hub .path:after{content:"";background:var(--acc);opacity:.18;width:120px;height:120px;transition:transform .4s var(--ease);border-radius:50%;position:absolute;bottom:-30px;right:-30px}.marki-hub .path:hover:after{transform:scale(1.6)}.marki-hub .path:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
