@font-face{font-family:Aileron;font-weight:300;font-display:swap;src:url(/fonts/Aileron-Light.otf) format("opentype")}
@font-face{font-family:Aileron;font-weight:400;font-display:swap;src:url(/fonts/Aileron-Regular.otf) format("opentype")}
@font-face{font-family:Aileron;font-weight:700;font-display:swap;src:url(/fonts/Aileron-Bold.otf) format("opentype")}
:root,[data-theme=zi]{--bg-0:#fff;--bg-1:#F4F6F9;--bg-2:#E9EDF3;--line:#E2E6EE;--ink:#0E1330;--ink-2:#5C6480;--accent:#273773;--action:#273773;--on-action:#fff;--action-hover:#1D2A5C;--tag:#E8EFF8;--on-tag:#273773;--focus:#4D8CC9;--glass-top:rgba(255,255,255,.8);--glass-bottom:rgba(246,248,252,.72);--glass-ink:#0E1330;--glass-ink-2:#404558;--glass-line:rgba(14,19,48,.1);--glass-action:#273773;--on-glass-action:#fff}
[data-theme=noapte]{--bg-0:#0A0F24;--bg-1:#111836;--bg-2:#18204A;--line:rgba(179,206,232,.14);--ink:#EEF2F9;--ink-2:#9FAAC6;--accent:#B3CEE8;--action:#fff;--on-action:#0A0F24;--action-hover:#DCE6F3;--tag:rgba(179,206,232,.14);--on-tag:#CFE0F2;--focus:#B3CEE8;--glass-top:rgba(24,32,70,.62);--glass-bottom:rgba(10,15,36,.74);--glass-ink:#fff;--glass-ink-2:rgba(255,255,255,.68);--glass-line:rgba(255,255,255,.12);--glass-action:#fff;--on-glass-action:#0A0F24}
:root{--studio:#fff;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--r-m:12px;--r-s:8px;--r-tag:6px}
*{box-sizing:border-box}html{background:var(--bg-0);transition:background .35s}
body{margin:0;font:400 16px/1.55 Aileron,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--bg-0);transition:background .35s,color .35s;font-variant-numeric:tabular-nums}
.pn-root{container:pn/inline-size}
h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:300;text-wrap:balance}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.pn-in{padding-inline:clamp(16px,4.5cqi,64px)}
.small{font-size:14px}.pn-muted{color:var(--ink-2)}.pn-lbl{font-size:12px;color:var(--ink-2);display:block}
.pn-d1{font-size:clamp(34px,4.8cqi,70px);font-weight:300;letter-spacing:-.035em;line-height:1.03}
.pn-d2{font-size:clamp(26px,3cqi,44px);font-weight:300;letter-spacing:-.03em;line-height:1.08}
.pn-h20{font-size:20px;font-weight:300;letter-spacing:-.02em}
/* header */
.pn-hdr{position:sticky;top:0;z-index:20;background:var(--bg-0);border-bottom:1px solid var(--line)}
.pn-hdr__row{display:flex;align-items:center;gap:var(--s5);padding-block:var(--s5)}
.pn-logo{display:block}.pn-logo img{height:28px;width:auto}
.pn-logo--noapte{display:none!important}[data-theme=noapte] .pn-logo--noapte{display:block!important}[data-theme=noapte] .pn-logo--zi{display:none!important}
.pn-blogo img{height:26px;width:auto;max-width:120px;object-fit:contain;object-position:left}.pn-blogo{margin-bottom:var(--s3);display:block;min-height:26px}
.pn-nav{display:flex;gap:var(--s5);font-size:14px;color:var(--ink-2);flex:1}.pn-nav a:hover{color:var(--ink)}
.pn-tools{display:flex;align-items:center;gap:var(--s3);margin-left:auto;font-size:14px}.pn-phone{font-size:14px}
.pn-ibtn{font:inherit;font-size:13px;color:var(--ink);background:none;border:0;padding:var(--s2) var(--s3);border-radius:0 var(--r-tag) 0 0;cursor:pointer}.pn-ibtn:hover{background:var(--tag)}
/* buttons / fields */
.pn-btn{font:inherit;font-size:14px;display:inline-flex;justify-content:center;align-items:center;gap:var(--s2);padding:12px var(--s5);border:1px solid var(--action);background:var(--action);color:var(--on-action);border-radius:0 var(--r-s) 0 0;cursor:pointer;transition:background .15s,color .15s}
.pn-btn:hover{background:var(--action-hover);border-color:var(--action-hover)}
.pn-btn--ghost{background:transparent;color:var(--ink);border-color:var(--ink-2)}.pn-btn--ghost:hover{background:var(--tag);color:var(--ink);border-color:var(--ink)}
.pn-btn--full{width:100%}.pn-btn--lg{padding:16px var(--s6)}
.pn-btn--glass{background:var(--glass-action);color:var(--on-glass-action);border-color:var(--glass-action)}
.pn-link{font:inherit;font-size:14px;color:var(--accent);background:none;border:0;padding:0;cursor:pointer}.pn-link:hover{text-decoration:underline}
.pn-input,.pn-select{width:100%;font:inherit;color:var(--ink);background:var(--bg-0);border:1px solid var(--line);border-radius:0 var(--r-s) 0 0;padding:10px 12px;margin-top:4px}
.pn-input:disabled,.pn-select:disabled{background:var(--bg-2)}
.pn-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.02em;padding:5px 9px;background:var(--tag);color:var(--on-tag);border-radius:0 var(--r-tag) 0 0;align-self:start}
/* home */
.pn-intro{padding-block:var(--s2) var(--s5)}.pn-intro h1{font-size:clamp(20px,1.9cqi,26px);letter-spacing:-.015em}
.pn-hero{position:relative;border-radius:clamp(48px,6.5cqi,104px) clamp(48px,6.5cqi,104px) 0 0;background:radial-gradient(120% 90% at 80% 0,#273773 0,#0A0F24 70%,#05070F);color:#fff;padding:clamp(32px,8cqi,120px) clamp(20px,5cqi,72px) clamp(24px,4cqi,56px);display:grid;gap:var(--s7);min-height:min(740px,60cqi)}
.pn-hero h2{max-width:14ch;align-self:end}
.pn-dock{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;background:linear-gradient(var(--glass-top),var(--glass-bottom));color:var(--glass-ink);border-radius:0 var(--r-m) 0 0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),inset 0 1px 0 rgba(255,255,255,.22);backdrop-filter:blur(16px);padding:var(--s3);gap:var(--s3)}
.pn-dock .pn-btn{grid-column:1/-1;justify-self:end;min-width:200px}.pn-dock .pn-lbl{color:var(--glass-ink-2)}.pn-dock .pn-select{background:transparent;color:var(--glass-ink);border-color:var(--glass-line)}
.pn-dock option{color:#0E1330;background:#fff}
.pn-sec{padding-top:var(--s9)}.pn-sechead{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s5);margin-bottom:var(--s6);flex-wrap:wrap}
.pn-tiles{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}
.pn-tiles--top{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--s3);border:0;margin-bottom:var(--s6)}
.pn-tile{display:flex;flex-direction:column;gap:var(--s1);padding:var(--s5) var(--s4);border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.pn-tile:hover{background:var(--bg-1)}
.pn-tiles--top .pn-tile{background:var(--bg-1);border:0;border-radius:0 var(--r-m) 0 0}.pn-tiles--top .pn-tile:hover{background:var(--bg-2)}
/* listing */
.pn-crumb{display:flex;gap:var(--s2);flex-wrap:wrap;font-size:13px;color:var(--ink-2);padding-top:var(--s5)}.pn-crumb a:hover{color:var(--ink)}
.pn-lhead{padding-block:var(--s6) var(--s5);display:grid;gap:var(--s2)}
.pn-list{display:grid;grid-template-columns:272px 1fr;gap:var(--s6);padding-bottom:var(--s7)}
.pn-filters{display:grid;gap:var(--s5);align-content:start;position:sticky;top:96px;background:var(--bg-1);padding:var(--s5);border-radius:0 var(--r-m) 0 0}
.pn-fs{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--s2)}.pn-fs legend{width:100%;margin-bottom:var(--s2)}
.pn-chip input{position:absolute;opacity:0}.pn-chip span{display:block;font-size:13px;padding:7px 12px;background:var(--bg-0);border:1px solid var(--line);border-radius:0 var(--r-tag) 0 0;cursor:pointer}
.pn-chip input:checked+span{background:var(--tag);color:var(--on-tag);border-color:var(--accent)}.pn-chip input:focus-visible+span{outline:2px solid var(--focus)}
.pn-cars{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s5);margin-top:var(--s4)}.pn-list .pn-cars{grid-template-columns:repeat(3,1fr)}
.pn-car{display:flex;flex-direction:column;gap:var(--s2);position:relative}.pn-car[hidden]{display:none}
.pn-car__ph{background:var(--studio);border:1px solid var(--line);aspect-ratio:4/3;border-radius:0 var(--r-m) 0 0;overflow:hidden;display:block}.pn-car__ph img{width:100%;height:100%;object-fit:contain}
.pn-car .pn-tag{margin-top:var(--s2)}.pn-car__model{font-size:16px;font-weight:700;letter-spacing:-.005em}.pn-car__model a::after{content:"";position:absolute;inset:0;z-index:1}
.pn-car__row{display:grid;grid-template-columns:3fr 1fr;gap:var(--s2);margin-top:auto;padding-top:var(--s2)}.pn-car__row .pn-btn{position:relative;z-index:2;padding-inline:var(--s3)}
.pn-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s1) var(--s2)}.pn-price__amount{font-size:18px;font-weight:700}.pn-price span{font-size:13px}
.pn-pager{display:flex;flex-wrap:wrap;gap:var(--s2);justify-content:center;align-items:center;margin-top:var(--s7);font-size:14px}.pn-pager[hidden]{display:none}
.pn-pager button,.pn-pager__cur{font:inherit;min-width:44px;min-height:44px;padding:0 var(--s3);border-radius:0 var(--r-s) 0 0;border:1px solid var(--line);background:none;color:var(--ink);cursor:pointer}.pn-pager button:hover{background:var(--tag)}.pn-pager__cur{display:inline-flex;align-items:center;justify-content:center;background:var(--action);color:var(--on-action);border-color:var(--action)}.pn-pager__gap{color:var(--ink-2)}
.pn-empty{padding:var(--s7) 0;color:var(--ink-2)}
/* product */
.pn-prod{display:grid;grid-template-columns:7fr 5fr;gap:var(--s7);padding-block:var(--s6)}
.pn-prod__ph{background:var(--studio);border:1px solid var(--line);border-radius:0 var(--r-m) 0 0;aspect-ratio:4/3;overflow:hidden}.pn-prod__ph img{width:100%;height:100%;object-fit:contain}
.pn-prod__info{display:flex;flex-direction:column;gap:var(--s4);align-items:flex-start}.pn-prod .pn-d2{font-size:clamp(26px,3cqi,40px)}
.pn-specs{margin:var(--s5) 0;display:grid;grid-template-columns:repeat(2,1fr);gap:0 var(--s7)}.pn-specs div{display:flex;justify-content:space-between;gap:var(--s4);padding:var(--s3) 0;border-bottom:1px solid var(--line)}.pn-specs dt{color:var(--ink-2)}.pn-specs dd{margin:0;text-align:right}
.pn-prose{max-width:68ch}
/* footer + drawer */
.pn-ftr{background:var(--bg-1);margin-top:var(--s9);padding-block:var(--s7) var(--s6);border-top:1px solid var(--line);font-size:13px;line-height:1.6}
.pn-ftr__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--s5)}.pn-ftr__grid>div{display:flex;flex-direction:column;gap:var(--s2);align-items:flex-start}
.pn-drawer{margin:0 0 0 auto;height:100dvh;max-height:100dvh;width:480px;max-width:100%;border:0;padding:var(--s5);background:var(--bg-0);color:var(--ink);container:pn/inline-size}
.pn-drawer::backdrop{background:rgba(5,7,15,.55)}.pn-drawer__x{position:absolute;right:var(--s3);top:var(--s3);margin:0}.pn-drawer__x button{font-size:24px;background:none;border:0;color:var(--ink);cursor:pointer}
.pn-form{display:grid;gap:var(--s4)}.pn-chk{display:flex;gap:var(--s2);font-size:13px;color:var(--ink-2)}.pn-hp{position:absolute;left:-9999px}
.pn-status{min-height:1.5em}.pn-status.ok{color:var(--accent)}
@container pn (max-width:1040px){.pn-cars{grid-template-columns:repeat(3,1fr)}.pn-list{grid-template-columns:240px 1fr}.pn-list .pn-cars{grid-template-columns:repeat(2,1fr)}.pn-tiles{grid-template-columns:repeat(3,1fr)}.pn-nav{display:none}.pn-dock{grid-template-columns:1fr 1fr}}
@container pn (max-width:760px){.pn-cars,.pn-list .pn-cars{grid-template-columns:repeat(2,1fr);gap:var(--s5) var(--s3)}.pn-list,.pn-prod{grid-template-columns:1fr}.pn-filters{position:static}.pn-sec{padding-top:var(--s8)}.pn-hero{border-radius:44px 44px 0 0}.pn-dock{grid-template-columns:1fr}.pn-tiles{grid-template-columns:repeat(2,1fr)}.pn-specs{grid-template-columns:1fr}.pn-ftr__grid{grid-template-columns:1fr}.pn-phone{display:none}.pn-hdr__row{padding-block:var(--s4)}.pn-tools .pn-ibtn{display:none}.pn-car__model{font-size:15px}}
@media(max-width:760px){.pn-drawer{width:100%;height:auto;max-height:90dvh;margin:auto 0 0;border-radius:0 var(--r-m) 0 0}}
@media(max-width:520px){.pn-cars,.pn-list .pn-cars{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.pn-dock__more{display:contents}.pn-more-btn,.pn-ftoggle{display:none}
@container pn (max-width:760px){
.pn-hero{min-height:0;gap:var(--s5);padding:var(--s6) var(--s4) var(--s4)}.pn-hero h2{font-size:30px;max-width:none}
.pn-dock{grid-template-columns:1fr 1fr;padding:var(--s3);gap:var(--s2)}
.pn-dock .pn-select{padding:8px 10px}
.pn-more-btn{display:block;grid-column:1/-1;justify-self:start;color:var(--glass-ink);text-decoration:underline}
.pn-dock__more{display:none;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:var(--s2)}.pn-dock__more.open{display:grid}
.pn-dock .pn-btn{min-width:0;width:100%}
.pn-filters{padding:var(--s3) var(--s4)}.pn-ftitle{display:none}
.pn-ftoggle{display:flex;justify-content:space-between;align-items:center;width:100%;font:inherit;color:var(--ink);background:none;border:0;padding:var(--s2) 0;cursor:pointer}
.pn-ftoggle::after{content:"+";font-size:22px;line-height:1}.pn-ftoggle[aria-expanded=true]::after{content:"–"}
.pn-filters__body{display:none;gap:var(--s5);padding-top:var(--s3)}.pn-filters.open .pn-filters__body{display:grid}
.pn-lhead{padding-block:var(--s4) var(--s3)}.pn-tiles--top{display:flex;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1*clamp(16px,4.5cqi,64px)) var(--s4);padding-inline:clamp(16px,4.5cqi,64px);gap:var(--s2)}.pn-tiles--top .pn-tile{flex:0 0 150px;padding:var(--s3)}.pn-list{gap:var(--s4)}
}
.pn-consent{position:fixed;left:var(--s4);right:var(--s4);bottom:var(--s4);z-index:20;max-width:560px;background:var(--bg-1);color:var(--ink);padding:var(--s4) var(--s5);border-radius:0 var(--r-m) 0 0;box-shadow:inset 0 0 0 1px var(--line),0 8px 32px rgba(5,7,15,.25);display:grid;gap:var(--s3)}.pn-consent[hidden]{display:none}.pn-consent__row{display:flex;gap:var(--s2)}
.pn-field{display:block}.pn-fs2{border:0;padding:0;margin:0;display:grid;gap:var(--s2)}.pn-row2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}.pn-chk label{cursor:pointer}