@font-face{font-family:'Archivo Black';src:url(../fonts/archivo-black-latin-400-normal.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Archivo Black';src:url(../fonts/archivo-black-latin-ext-400-normal.woff2) format('woff2');font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Oswald;font-weight:500;src:url(../fonts/oswald-latin-500-normal.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:Oswald;font-weight:500;src:url(../fonts/oswald-latin-ext-500-normal.woff2) format('woff2');font-display:swap;unicode-range:U+0100-02AF,U+1E00-1E9F}
@font-face{font-family:Inter;font-weight:400;src:url(../fonts/inter-latin-400-normal.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2192}
@font-face{font-family:Inter;font-weight:400;src:url(../fonts/inter-latin-ext-400-normal.woff2) format('woff2');font-display:swap;unicode-range:U+0100-02AF,U+1E00-1E9F}
@font-face{font-family:Inter;font-weight:600;src:url(../fonts/inter-latin-600-normal.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2192}
@font-face{font-family:Inter;font-weight:600;src:url(../fonts/inter-latin-ext-600-normal.woff2) format('woff2');font-display:swap;unicode-range:U+0100-02AF,U+1E00-1E9F}

:root{--y:#F4B400;--k:#111;--g:#4A4A4A;--line:#E2E2E2;--soft:#F7F5F0}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--k);background:#fff;font-size:17px;line-height:1.6}
img{max-width:100%;display:block}
a{color:inherit}
.w{max-width:1240px;margin:0 auto;padding:0 24px}
.ab{font-family:'Archivo Black',Impact,sans-serif;text-transform:uppercase;letter-spacing:-.5px;line-height:1}
.os{font-family:Oswald,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:1.5px;font-weight:500}
.sr{position:absolute;left:-9999px}

/* header */
.top{background:#000;color:#BDBDBD;font-size:13px}
.top .w{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 20px;padding:8px 24px}
.top a{color:var(--y);text-decoration:none}
header{background:var(--k);color:#fff;position:sticky;top:0;z-index:50}
header .w{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}
.brand svg{width:64px;height:auto;flex:none}
.brand b{font-family:'Archivo Black';font-size:20px;letter-spacing:.5px;display:block;line-height:1.1}
.brand small{display:block;font-size:11px;color:#9A9A9A;letter-spacing:1.5px;text-transform:uppercase}
header nav ul{list-style:none;margin:0;padding:0;display:flex;gap:28px}
header nav a{font-family:Oswald;text-transform:uppercase;letter-spacing:1.5px;font-size:15px;text-decoration:none;color:#fff;padding:10px 0;display:block}
header nav a:hover,header nav a[aria-current]{color:var(--y)}
.hcall{font-family:Oswald;letter-spacing:1px;color:var(--k);background:var(--y);text-decoration:none;padding:10px 16px;font-size:16px;white-space:nowrap}
.burger{display:none;background:none;border:2px solid #444;color:#fff;width:46px;height:46px;font-size:22px;cursor:pointer}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--k);color:var(--y);font-family:Oswald;text-transform:uppercase;letter-spacing:2px;font-size:17px;padding:16px 28px;text-decoration:none;border:3px solid var(--k);min-height:48px}
.btn:hover{background:#000}
.btn.o{background:transparent;color:var(--k)}
.btn.o:hover{background:var(--k);color:var(--y)}
.btn.y{background:var(--y);color:var(--k);border-color:var(--y)}

/* hero */
.hero{position:relative;background:var(--k);color:#fff;overflow:hidden}
.hero picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,17,17,.96) 0%,rgba(17,17,17,.85) 38%,rgba(17,17,17,.25) 70%,rgba(17,17,17,0) 100%)}
.hero .w{position:relative;z-index:2;padding-top:96px;padding-bottom:110px}
.hero .kick{color:var(--y);font-size:16px}
.hero h1{font-size:clamp(44px,6.4vw,84px);margin:16px 0 22px;max-width:720px}
.hero h1 span{color:var(--y)}
.hero p{font-size:19px;color:#DADADA;max-width:540px;margin:0 0 32px}
.hero .btn.o{color:#fff;border-color:#fff}
.hero .btn.o:hover{background:#fff;color:var(--k)}
.cta-row{display:flex;flex-wrap:wrap;gap:12px}

/* stripe */
.stripe{background:var(--y)}
.stripe ul{list-style:none;margin:0;padding:24px 24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.stripe li{font-family:Oswald;text-transform:uppercase;letter-spacing:1.2px;font-size:17px;border-left:4px solid var(--k);padding-left:14px;line-height:1.3}
.stripe small{display:block;font-family:Inter;text-transform:none;letter-spacing:0;font-size:13px;color:#3a2e00}

/* sections */
.sec{padding:88px 0 24px}
.sec h2{font-family:'Archivo Black';text-transform:uppercase;font-size:clamp(32px,4vw,50px);margin:0 0 6px;line-height:1.05}
.sub{display:block;color:#7A5C00;margin-bottom:36px;font-size:16px}
.head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px}

/* cars */
.cars{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}
.car{border:3px solid var(--k);display:flex;flex-direction:column;text-decoration:none;color:var(--k);background:#fff;transition:transform .15s}
.car:hover{transform:translateY(-3px)}
.car .ph{aspect-ratio:4/3;position:relative;background:#222;overflow:hidden}
.car .ph img{width:100%;height:100%;object-fit:cover}
.car .noph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#9A9A9A;font-size:14px}
.car .noph svg{width:110px;opacity:.9}
.price{position:absolute;right:0;bottom:0;background:var(--y);font-family:'Archivo Black';font-size:24px;padding:8px 16px}
.badge{position:absolute;left:0;top:0;background:var(--k);color:var(--y);font-family:Oswald;letter-spacing:1.5px;text-transform:uppercase;font-size:13px;padding:6px 12px}
.car .b{padding:18px 20px 20px}
.car h3{font-family:Oswald;text-transform:uppercase;letter-spacing:.8px;font-size:22px;margin:0 0 10px;line-height:1.2;font-weight:500}
.spec{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;font-size:14px;color:var(--g)}

/* steps */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:3px solid var(--k)}
.steps li{padding:30px;border-right:3px solid var(--k)}
.steps li:last-child{border-right:none}
.steps .n{font-family:'Archivo Black';font-size:60px;color:var(--y);-webkit-text-stroke:2px var(--k);line-height:1;display:block}
.steps h3{font-family:Oswald;text-transform:uppercase;letter-spacing:1px;font-size:21px;margin:14px 0 6px;font-weight:500}
.steps p{margin:0;color:#333;font-size:15px}

/* why */
.why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.why div{background:var(--soft);padding:28px;border-top:5px solid var(--y)}
.why h3{font-family:Oswald;text-transform:uppercase;letter-spacing:1px;font-size:20px;margin:0 0 8px;font-weight:500}
.why p{margin:0;color:#444;font-size:15px}

/* cta block */
.cta{margin-top:88px;background:var(--k);color:#fff}
.cta .w{display:grid;grid-template-columns:1fr 1fr;gap:56px;padding:80px 24px;align-items:center}
.cta h2{font-family:'Archivo Black';text-transform:uppercase;font-size:clamp(34px,4.4vw,54px);line-height:1;margin:0 0 18px;color:var(--y)}
.cta p{color:#CFCFCF;font-size:18px}
.form{background:#fff;color:var(--k);padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form label{display:flex;flex-direction:column;font-size:13px;font-weight:600;color:#333;gap:4px}
.form input,.form textarea,.form select{font:inherit;font-size:16px;border:none;border-bottom:2px solid var(--k);padding:10px 2px;background:transparent;border-radius:0}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--y)}
.form .full{grid-column:1/-1}
.form button{grid-column:1/-1;cursor:pointer;justify-content:center}
.form .note{grid-column:1/-1;font-size:13px;color:#666;margin:0}

/* faq */
.faq{max-width:860px}
.faq details{border:3px solid var(--k);margin-bottom:12px;background:#fff}
.faq summary{cursor:pointer;padding:18px 22px;font-weight:600;font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";font-family:'Archivo Black';color:#7A5C00}
.faq details[open] summary:after{content:"–"}
.faq details p{margin:0;padding:0 22px 20px;color:#333}

/* article */
.article{max-width:820px}
.article h2{font-size:clamp(26px,3vw,36px);margin:48px 0 14px}
.article p,.article li{color:#2b2b2b}
.article ul{padding-left:22px}

/* detail page */
.crumbs{font-size:14px;color:#666;padding:20px 0}
.crumbs a{color:#666}
.detail{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:start}
.detail .main{border:3px solid var(--k)}
.detail h1{font-family:Oswald;text-transform:uppercase;font-weight:500;letter-spacing:.5px;font-size:clamp(30px,3.6vw,44px);line-height:1.1;margin:0 0 10px}
.bigprice{font-family:'Archivo Black';font-size:44px;background:var(--y);display:inline-block;padding:6px 18px;margin:8px 0 22px}
.tbl{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:16px}
.tbl th,.tbl td{text-align:left;padding:10px 0;border-bottom:1px solid var(--line)}
.tbl th{color:#666;font-weight:400;width:45%}
.incl{list-style:none;padding:0;margin:0 0 26px}
.incl li{padding:6px 0 6px 30px;position:relative}
.incl li:before{content:"";position:absolute;left:0;top:12px;width:16px;height:9px;border-left:3px solid var(--k);border-bottom:3px solid var(--k);transform:rotate(-45deg)}
.contact-btns{display:flex;flex-direction:column;gap:10px}
.contact-btns .btn{justify-content:center}

/* contact page */
.cgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.cgrid div{border:3px solid var(--k);padding:28px}
.cgrid h3{font-family:Oswald;text-transform:uppercase;letter-spacing:1px;font-weight:500;font-size:20px;margin:0 0 8px}

/* footer */
footer{background:var(--y);margin-top:88px}
footer .w{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;padding:56px 24px 30px;font-size:15px}
footer h4{font-family:Oswald;text-transform:uppercase;letter-spacing:1.5px;font-weight:500;margin:0 0 10px;font-size:16px}
footer ul{list-style:none;margin:0;padding:0}
footer li{padding:2px 0}
footer .brand{color:var(--k)}footer .brand small{color:#5a4500}
.copy{border-top:2px solid var(--k);font-size:13px;padding:16px 24px 26px;max-width:1240px;margin:0 auto}

/* sticky mobile call */
.mcall{display:none}

@media (max-width:980px){
  header nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--k);padding:10px 24px 20px}
  header nav.open{display:block}
  header nav ul{flex-direction:column;gap:0}
  header nav a{padding:14px 0;border-bottom:1px solid #2a2a2a}
  .burger{display:block}
  .hcall{display:none}
  .stripe ul{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr 1fr}
  .steps li:nth-child(2){border-right:none}
  .steps li:nth-child(-n+2){border-bottom:3px solid var(--k)}
  .why{grid-template-columns:1fr}
  .cta .w,.detail{grid-template-columns:1fr}
  .cgrid{grid-template-columns:1fr}
  footer .w{grid-template-columns:1fr 1fr}
  .hero:after{background:linear-gradient(180deg,rgba(17,17,17,.55) 0%,rgba(17,17,17,.92) 55%)}
  .hero .w{padding-top:180px;padding-bottom:70px}
}
@media (max-width:600px){
  body{font-size:16px}
  .brand svg{width:52px}.brand b{font-size:17px}
  .stripe ul{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .steps li{border-right:none!important;border-bottom:3px solid var(--k)}
  .steps li:last-child{border-bottom:none}
  .form{grid-template-columns:1fr;padding:22px}
  footer .w{grid-template-columns:1fr}
  .mcall{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:60}
  .mcall a{text-align:center;padding:15px;font-family:Oswald;text-transform:uppercase;letter-spacing:1.5px;text-decoration:none}
  .mcall a:first-child{background:var(--y);color:var(--k)}
  .mcall a:last-child{background:#7360F2;color:#fff}
  body{padding-bottom:54px}
  .bigprice{font-size:34px}
}