@font-face{font-family:Inter;src:url(inter0.ttf) format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url(inter1.ttf) format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Bebas;src:url(bebas-bold.woff) format('woff');font-weight:700;font-style:normal;font-display:swap}
:root{color-scheme:dark;--line:#393939;--muted:#aaa}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:#000;color:#fff;font:16px/1.5 Inter,Arial,sans-serif}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:4px}
button,input{font:inherit}
button,a,input{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #fff;outline-offset:5px}
[hidden]{display:none!important}
.visually-hidden,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link:focus{position:absolute;z-index:5;background:#fff;color:#000;padding:12px}
.header{border-bottom:1px solid var(--line)}
.header-inner{max-width:1200px;margin:auto;height:80px;display:flex;align-items:center;padding:0 44px}
.logo{margin-right:auto;display:flex}
.logo img{width:86px;height:auto;display:block}
.header-city,.header-phone{height:100%;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--line);padding:0 30px;text-transform:uppercase;font-size:14px;color:#ccc}
.header-phone{border-right:1px solid var(--line)}
.menu-button{display:none;border:0;border-right:1px solid var(--line);background:none;color:#ccc;height:100%;padding:0 20px;text-transform:uppercase;font-size:14px}
.navigation{max-width:1200px;margin:auto;padding:20px;display:flex;gap:25px;border-top:1px solid var(--line)}
.hero{max-width:1200px;height:510px;margin:auto;position:relative;isolation:isolate}
.hero-wordmark{position:absolute;inset:35px 0 auto;z-index:-1;display:block}
.hero-wordmark img{width:100%;height:auto;display:block}
h1{font-size:19px;line-height:1.55;text-transform:uppercase;text-align:center;font-weight:600;margin:0;padding:162px 20px 0}
h1 span{font-weight:400}
.scroll{position:absolute;top:256px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:0;text-transform:uppercase;font-size:12px;color:#ccc}
.scroll-line{height:148px;border-left:2px dotted #ccc}
.scroll img{display:block;margin-top:-1px}
.scroll>span:last-child{margin-top:12px}
.section{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1fr;padding:74px 20px 60px;gap:20px}
h2{font:700 40px/1 Bebas,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;margin:0;letter-spacing:-.3px}
.dealers{min-height:550px;position:relative}
.dealers::after{content:'';position:absolute;left:0;right:0;bottom:0;border-bottom:1px solid var(--line)}
.request-intro{margin:16px 0 23px}
.field{display:block}
.field input{width:100%;height:66px;color:#fff;background:transparent;border:0;border-bottom:1px solid #808080;border-radius:0;padding:12px 0;outline-offset:-2px;font-size:14px}
.field input::placeholder{color:#929292;opacity:1}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.4;margin:20px 0;cursor:pointer}
.consent input{width:20px;height:20px;flex-shrink:0;margin:0;accent-color:#fff}
.submit{width:100%;min-height:50px;border:1px solid #fff;background:#fff;color:#000;font-weight:600;transition:background .2s}
.submit:hover{background:#ddd}
.submit:disabled{opacity:.6;cursor:wait}
.form-status{margin:12px 0 0;font-size:14px;min-height:0}
.form-status:empty{display:none}
.form-status[data-error=true]{color:#ffb1b1}
.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.contacts{padding-bottom:50px;min-height:340px}
dl{margin:5px 0 0}dl>div+div{margin-top:24px}dt{color:#aaa}dd{margin:0}
.map{height:385px;position:relative;border-block:1px solid var(--line);background:#181818}
.map-placeholder{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:12px}
.map-placeholder p{margin:0 0 8px;font-size:20px}.map-placeholder>a{color:#ccc;font-size:14px}
.map-button{background:#fff;color:#000;border:0;padding:12px 25px}
.map iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(1)}
.map .map-external{position:absolute;bottom:12px;right:12px;background:#000;color:#fff;padding:8px 12px;font-size:12px}
.footer{max-width:1200px;margin:36px auto 0;overflow:hidden;height:230px}
.footer img{width:100%;height:auto;display:block;opacity:.35}
@media(max-width:1199px){.dealers::after{left:0;right:0}}
@media(max-width:959px){.header-inner{padding:0 24px;height:70px}.header-city,.header-phone{padding:0 20px;font-size:12px}.hero{height:430px}.hero-wordmark{top:35px}h1{padding-top:125px;font-size:16px}.scroll{top:215px}.scroll-line{height:130px}h2{font-size:36px}.section{padding-inline:24px;gap:25px}.request-intro{font-size:14px}.contacts dd{font-size:14px}.footer{height:180px}}
@media(max-width:639px){.header-inner{height:59px;padding:0 20px}.logo img{width:58px}.header-city,.header-phone{display:none}.menu-button{display:block}.navigation{flex-direction:column;gap:15px}.hero{height:460px;overflow:hidden}.hero-wordmark{width:380px;left:50%;top:18px;transform:translateX(-50%)}h1{font-size:14px;line-height:1.4;padding-top:165px;max-width:310px;margin:auto}h1 span{display:block;color:#ccc}.scroll{top:275px}.scroll-line{height:105px}.scroll>span:last-child{margin-top:14px}.section{padding:55px 20px;grid-template-columns:1fr;gap:45px}h2{font-size:34px}.dealers{min-height:0}.dealers>h2{grid-row:2;padding-top:35px;padding-bottom:25px;border-top:1px solid var(--line)}.request{grid-row:1}.request-intro{font-size:14px;margin:16px 0 25px}.field input{height:72px}.consent{font-size:13px;line-height:1.45;margin-block:22px}.submit{min-height:52px}.contacts{gap:35px}.contacts dl{margin:0}.contacts dd{font-size:14px}.contacts dl>div+div{margin-top:28px}.map{height:320px}.footer{margin-top:35px;height:110px}.footer img{min-height:100%;object-fit:cover}.navigation a{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
