:root{--accent:#ff4d00;--accent2:#ff8a00;--paper:#f4f3ef;--dark:#141816}
body{background:radial-gradient(circle at 8% 14%,rgba(255,77,0,.07),transparent 21%),var(--paper)}
.utility-bar{height:34px;padding:0 4vw;background:#111412;color:#aeb5b0;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.055em;text-transform:uppercase}
.utility-status{color:#fff}.utility-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4ee27a;box-shadow:0 0 0 5px rgba(78,226,122,.12);margin-right:8px}
.brand-mark{background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 8px 24px rgba(255,77,0,.22)}
.button{transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-accent{background:linear-gradient(135deg,var(--accent),#ff7119);box-shadow:0 12px 30px rgba(255,77,0,.22)}
.hero{min-height:calc(100vh - 110px)}.hero-shade{background:linear-gradient(90deg,rgba(9,12,10,.96),rgba(9,12,10,.82) 48%,rgba(9,12,10,.14) 85%)}.hero-lead{font-size:19px}.hero-caption{color:#aeb5b0;font-size:12px;margin:17px 0 0}.draft-label{border-left:3px solid var(--accent);font-weight:800}
.trust-strip{background:#fff;display:grid;grid-template-columns:repeat(4,1fr);padding:0 max(4vw,calc((100vw - 1280px)/2));border-bottom:1px solid var(--line)}
.trust-strip div{min-height:145px;padding:29px 26px;border-left:1px solid var(--line);display:flex;flex-direction:column}.trust-strip div:last-child{border-right:1px solid var(--line)}.trust-strip b{color:var(--accent);font-size:10px}.trust-strip strong{font-size:17px;margin-top:auto}.trust-strip span{color:var(--muted);font-size:12px;margin-top:7px}
.service-card{border-radius:10px;box-shadow:0 8px 35px rgba(22,25,23,.04);transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgba(22,25,23,.1)}.service-main{background:linear-gradient(145deg,#161b18,#2c332f)}
.vehicle-section{padding:105px max(4vw,calc((100vw - 1280px)/2));background:#191e1b;color:#fff;display:grid;grid-template-columns:.72fr 1.28fr;gap:75px}
.vehicle-intro h2{font-size:clamp(40px,5vw,72px);line-height:.94;letter-spacing:-.055em;margin:0}.vehicle-intro>p:last-child{color:#aeb5b0;line-height:1.7;margin-top:30px}
.vehicle-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#3b413e;border:1px solid #3b413e}.vehicle-grid article{background:#1e2421;padding:30px;min-height:235px;display:flex;flex-direction:column;transition:background .2s}.vehicle-grid article:hover{background:#282f2b}.vehicle-grid span{font-size:10px;color:var(--accent)}.vehicle-grid h3{font-size:25px;margin:28px 0 10px}.vehicle-grid p{font-size:13px;color:#adb3af;line-height:1.6}.vehicle-grid a{color:#fff;font-size:12px;font-weight:800;margin-top:auto}.vehicle-grid a:hover{color:var(--accent)}
.case{border-radius:11px;overflow:hidden;box-shadow:0 14px 44px rgba(20,24,22,.08)}.case img{transition:transform .55s}.case:hover img{transform:scale(1.035)}
.calculator{border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.choice-grid span,.check-grid span{border-radius:7px}.choice-grid input:checked+span,.check-grid input:checked+span{background:#fff7f3}.production-images img{border-radius:10px}
.faq{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px}.faq-heading h2{font-size:clamp(40px,5vw,68px);margin:0}.faq-heading>p:last-child{color:var(--muted);line-height:1.7}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;padding:24px 0;font-size:18px;font-weight:800;display:flex;justify-content:space-between}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--accent);font-size:25px;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:var(--muted);line-height:1.7;margin:0 50px 24px 0}
.cta{background:linear-gradient(120deg,#1a201d,#303a35);position:relative;overflow:hidden}.cta:after{content:"АТ";position:absolute;right:3%;bottom:-55px;color:rgba(255,255,255,.035);font-size:220px;font-weight:900}.cta>*{position:relative;z-index:1}
@media(max-width:900px){.utility-bar{display:none}.trust-strip{grid-template-columns:1fr 1fr}.vehicle-section,.faq{grid-template-columns:1fr}.vehicle-section{gap:45px}.vehicle-grid{max-width:720px}}
@media(max-width:580px){.trust-strip,.vehicle-grid{grid-template-columns:1fr}.trust-strip div{min-height:115px}.vehicle-section{padding:75px 5vw}.vehicle-grid article{min-height:210px}.faq{gap:35px}}
