/* Layout: an estimated power curve is the hero. Proof first, then models table, services, process, prices, FAQ, booking. */
:root{
  --bg:#F2F3F5; --surface:#FFFFFF; --ink:#16181D; --muted:#5C616C; --line:#D9DCE2;
  --accent:#BF0011; --accent-ink:#FFFFFF; --accent-soft:#FBE3E5; --stock:#8A909C; --good:#17844B;
  --f-display:"Russo One","Arial Black",system-ui,sans-serif;
  --f-body:"Golos Text","Segoe UI",system-ui,-apple-system,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Consolas,monospace;
  --wrap:1120px; --r:14px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0F1114; --surface:#181B21; --ink:#ECEDF0; --muted:#9BA0AA; --line:#2A2E36;
  --accent:#F2414B; --accent-ink:#0F1114; --accent-soft:#3A1519; --stock:#6E7480; --good:#4CC98A; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0F1114; --surface:#181B21; --ink:#ECEDF0; --muted:#9BA0AA; --line:#2A2E36;
  --accent:#F2414B; --accent-ink:#0F1114; --accent-soft:#3A1519; --stock:#6E7480; --good:#4CC98A; color-scheme:dark}

*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--f-body);padding-inline:20px}
.wrap{max-width:var(--wrap);margin-inline:auto}
h1,h2,h3{font-family:var(--f-display);font-weight:400;line-height:1.1;text-wrap:balance;margin:0}
h1{font-size:clamp(2.1rem,5.4vw,3.8rem);text-transform:uppercase}
h2{font-size:clamp(1.6rem,3.4vw,2.4rem);text-transform:uppercase}
h3{font-family:var(--f-body);font-weight:700;font-size:1.12rem}
p{margin:0}
a{color:var(--accent)}
.hl{color:var(--accent)}
.eyebrow{font:600 .78rem/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.lead{color:var(--muted);font-size:1.12rem;max-width:58ch}
section{padding-block:clamp(56px,8vw,96px);border-top:1px solid var(--line)}
.sec-head{display:grid;gap:14px;margin-bottom:40px;max-width:740px}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:600 1rem/1 var(--f-body);padding:16px 26px;border-radius:10px;border:2px solid var(--accent);background:var(--accent);color:var(--accent-ink);text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px -12px var(--accent)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn.ghost:hover{border-color:var(--ink);box-shadow:none}

header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);margin-inline:-20px;padding:14px 20px;border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{font:400 1.2rem/1 var(--f-display);color:var(--ink);text-decoration:none;text-transform:uppercase;display:flex;align-items:center;gap:10px}
.logo svg{color:var(--accent);flex:none}
nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0}
nav a{color:var(--muted);text-decoration:none;font-weight:500}
nav a:hover{color:var(--ink)}
.top-right{display:flex;align-items:center;gap:18px}
.top-phone{font:600 .95rem var(--f-mono);white-space:nowrap}
.top .btn{padding:11px 18px;font-size:.92rem}

@media (max-width:560px){.top-phone{display:none}}

/* hero */
.hero{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding-block:60px 80px;border-top:0}
.hero > *{min-width:0}
.hero-copy{display:grid;gap:26px}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px}
.facts{display:flex;flex-wrap:wrap;gap:28px}
.facts div{display:grid;gap:2px}
.facts strong{font:400 1.5rem/1.1 var(--f-display)}
.facts span{color:var(--muted);font-size:.9rem}
@media (max-width:920px){.hero{grid-template-columns:1fr;gap:40px;padding-block:40px 64px}}

/* dyno sheet */
.dyno{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;display:grid;gap:14px;box-shadow:0 30px 60px -45px rgba(0,0,0,.6)}
.dyno-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.dyno-car{display:grid;gap:4px}
.dyno-car strong{font-size:1.05rem}
.dyno-car span{font:400 .78rem var(--f-mono);color:var(--muted)}
.legend{display:flex;gap:16px;font:400 .78rem var(--f-mono);color:var(--muted)}
.legend i{display:inline-block;width:18px;height:3px;border-radius:2px;vertical-align:middle;margin-right:6px}
.dyno svg{width:100%;height:auto;display:block}
.dyno text{font-family:var(--f-mono);font-size:10px;fill:var(--muted)}
.dyno-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px dashed var(--line);padding-top:14px}
.dyno-nums div{display:grid;gap:2px}
.dyno-nums span{font-size:.78rem;color:var(--muted)}
.dyno-nums strong{font:600 1rem var(--f-mono);font-variant-numeric:tabular-nums}
.dyno-nums em{font-style:normal;color:var(--accent)}
@media (prefers-reduced-motion:no-preference){
  .draw{stroke-dasharray:600;stroke-dashoffset:600;animation:draw 1.8s .3s ease-out forwards}
  @keyframes draw{to{stroke-dashoffset:0}}
}

/* models table */
.table-box{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
table{border-collapse:collapse;width:100%;min-width:640px;font-variant-numeric:tabular-nums}
th,td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--line);white-space:nowrap}
th{font:600 .74rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--bg)}
tbody tr:last-child td{border-bottom:0}
td.num{font-family:var(--f-mono)}
td .up{color:var(--accent);font-weight:600}
.table-note{margin-top:14px;color:var(--muted);font-size:.9rem}

/* car picker */
.picker{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px;align-items:start}
@media (max-width:900px){.picker{grid-template-columns:1fr}}
.pick-form,.pick-res{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:grid;gap:16px}
.brands{display:flex;flex-wrap:wrap;gap:8px}
.brands button{font:500 .85rem var(--f-body);color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:999px;padding:7px 13px;cursor:pointer}
.brands button:hover{border-color:var(--ink)}
.brands button[aria-pressed="true"]{border-color:var(--accent);color:var(--accent)}
.hits{list-style:none;margin:-8px 0 0;padding:6px;border:1.5px solid var(--line);border-radius:10px;display:grid;gap:2px;max-height:260px;overflow:auto}
.hits button{width:100%;text-align:left;font:inherit;font-size:.92rem;color:var(--ink);background:none;border:0;border-radius:8px;padding:9px 10px;cursor:pointer;display:flex;justify-content:space-between;gap:10px}
.hits button:hover,.hits button:focus-visible{background:var(--accent-soft)}
.hits small{font-family:var(--f-mono);color:var(--muted);white-space:nowrap}
.hits .none{padding:9px 10px;color:var(--muted);font-size:.9rem}
.pick-res{gap:22px}
.res-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.res-head > div:first-child{min-width:0}
.res-head h3{font-family:var(--f-display);font-weight:400;font-size:1.4rem;text-transform:uppercase;line-height:1.15}
.r-meta{font:400 .82rem var(--f-mono);color:var(--muted);margin-top:4px}
.seg{display:inline-flex;border:1.5px solid var(--line);border-radius:10px;padding:3px;gap:3px}
.seg button{font:600 .88rem var(--f-body);border:0;background:none;color:var(--muted);padding:8px 14px;border-radius:7px;cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink)}
.seg button:disabled{opacity:.4;cursor:not-allowed}
.bars{display:grid;gap:20px}
.bar-row{display:grid;gap:7px}
.bar-lbl{display:flex;justify-content:space-between;gap:10px;font-weight:600}
.bar-lbl b{font:600 .95rem var(--f-mono);color:var(--accent)}
.track{height:30px;background:var(--bg);border-radius:6px;overflow:hidden}
.track i{display:flex;align-items:center;justify-content:flex-end;height:100%;border-radius:6px;padding-right:10px;transition:width .5s ease;min-width:84px}
.track i span{font:600 .85rem var(--f-mono);white-space:nowrap}
.b-stock{background:var(--stock);color:var(--surface)}
.b-tuned{background:var(--accent);color:var(--accent-ink)}
.r-note{color:var(--muted);font-size:.92rem;padding:12px 14px;border-radius:10px;background:var(--bg)}
.res-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px}
.res-foot > div{display:grid}
.res-foot strong{font:400 1.6rem/1.1 var(--f-display)}
@media (prefers-reduced-motion:reduce){.track i{transition:none}}

.top-tg{color:var(--accent);display:grid;place-items:center;width:38px;height:38px;border-radius:10px;border:1.5px solid var(--line)}
.top-tg:hover{border-color:var(--accent)}
.tg-link{font:600 1.05rem var(--f-mono);color:var(--accent);text-decoration:none}
.tg-link:hover{text-decoration:underline}
.consent{display:flex!important;gap:10px;align-items:flex-start;font-size:.86rem;font-weight:400;line-height:1.45;color:var(--muted)}
.consent input{width:20px;height:20px;padding:0;margin:1px 0 0;flex:none;accent-color:var(--accent)}
.legal-links{display:flex;flex-wrap:wrap;gap:6px 18px}
.legal-links a{color:var(--muted)}
.legal-links a:hover{color:var(--accent)}
footer .wrap{flex-direction:column;align-items:flex-start;gap:10px}
footer .row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;width:100%}
.svc-wide{grid-column:1/-1;grid-template-columns:1fr auto;align-items:end;gap:20px;border:2px solid var(--accent)}
.svc-wide-text{display:grid;gap:12px;min-width:0}
.svc-wide .from{border-top:0;padding-top:0;white-space:nowrap}
@media (max-width:640px){.svc-wide{grid-template-columns:1fr}}
.yrev{display:grid;gap:12px}
.yrev-ph{display:grid;justify-items:center;text-align:center;gap:16px;padding:40px 24px;border:1.5px dashed var(--line);border-radius:var(--r);background:var(--surface)}
.yrev-ph svg{color:var(--accent)}
.yrev-ph p{max-width:56ch;color:var(--muted)}
.yrev-ph b{color:var(--ink)}
.yrev-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.yrev-frame{width:100%;max-width:760px;height:720px;margin-inline:auto;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:#fff}
.yrev-frame iframe{width:100%;height:100%;border:0;display:block}
.yrev-off{justify-self:center;background:none;border:0;color:var(--muted);font:inherit;font-size:.85rem;text-decoration:underline;cursor:pointer}
.works{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (max-width:900px){.works{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.works{grid-template-columns:1fr}}
.work{position:relative;display:grid;grid-template-rows:auto 1fr;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);overflow:hidden}
.work-img{aspect-ratio:4/3;max-width:100%;background:var(--bg);display:grid;place-items:center;color:var(--muted);overflow:hidden}
.work-img img{width:100%;height:100%;object-fit:cover;display:block}
.work-img svg{opacity:.5}
.work-body{display:grid;gap:10px;align-content:start;padding:20px}
.work-body h3{font-size:1.1rem}
.work-meta{font:400 .8rem var(--f-mono);color:var(--muted)}
.work-tags{display:flex;flex-wrap:wrap;gap:6px}
.work-tags span{font:600 .74rem var(--f-mono);padding:4px 8px;border-radius:6px;background:var(--accent-soft);color:var(--accent)}
.work-body p{color:var(--muted);font-size:.94rem}
.work-res{display:flex;flex-wrap:wrap;gap:6px 14px;padding-top:10px;border-top:1px solid var(--line);font:600 .9rem var(--f-mono)}
.work-res em{font-style:normal;color:var(--accent)}
.work-sample{position:absolute;top:12px;left:12px;z-index:1;font:700 .72rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;padding:5px 9px;border-radius:6px;background:var(--ink);color:var(--bg)}
.works-empty{color:var(--muted)}
.logo{--logo-red:#C30017;--logo-ink:#000;flex:none}
.logo .logo-svg{height:52px;width:auto;display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .logo{--logo-red:#F2414B;--logo-ink:#ECEDF0}}
:root[data-theme="dark"] .logo{--logo-red:#F2414B;--logo-ink:#ECEDF0}
@media (max-width:560px){.logo .logo-svg{height:40px}}
nav a{white-space:nowrap}
nav ul{gap:22px!important}
.top .wrap{max-width:1360px}
@media (max-width:1480px){.top-phone{display:none!important}}
@media (max-width:1180px){nav{display:none}}
.more-link{font-weight:600;text-decoration:none}
.more-link:hover{text-decoration:underline}
.cat{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 24px}
@media (max-width:900px){.cat{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.cat{grid-template-columns:1fr}}
.cat div{display:grid;gap:6px;align-content:start;min-width:0}
.cat h3 a{color:var(--ink);text-decoration:none}
.cat h3 a:hover{color:var(--accent)}
.cat ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.cat li a{color:var(--muted);text-decoration:none;font-size:.95rem}
.cat li a:hover{color:var(--accent)}

.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:900px){.grid3{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.grid3{grid-template-columns:1fr}}
.svc{display:grid;gap:12px;align-content:start;padding:26px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.svc .tag{justify-self:start;font:600 .74rem var(--f-mono);padding:5px 10px;border-radius:6px;background:var(--accent-soft);color:var(--accent)}
.svc p{color:var(--muted);font-size:.96rem}
.svc .from{font:600 .95rem var(--f-mono);padding-top:6px;border-top:1px solid var(--line)}

.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
@media (max-width:960px){.steps{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.steps{grid-template-columns:1fr}}
.steps li{display:grid;gap:8px;align-content:start;padding-top:18px;border-top:3px solid var(--accent)}
.steps .n{font:600 .82rem var(--f-mono);color:var(--accent)}
.steps p{color:var(--muted);font-size:.94rem}

.why{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:900px){.why{grid-template-columns:1fr}}
@media (max-width:520px){.why{grid-template-columns:1fr}}
.why div{display:grid;gap:8px;align-content:start}
.why strong{font:400 2rem/1 var(--f-display);color:var(--accent)}
.why p{color:var(--muted);font-size:.95rem}

.faq{display:grid;gap:12px;max-width:860px}
details{border:1px solid var(--line);border-radius:12px;background:var(--surface)}
summary{cursor:pointer;list-style:none;padding:20px 56px 20px 22px;font-weight:600;position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font:600 1.4rem/1 var(--f-mono);color:var(--accent);transition:transform .2s}
details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
details p{padding:0 22px 22px;color:var(--muted);max-width:68ch}

.contact{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.contact > *{min-width:0}
@media (max-width:900px){.contact{grid-template-columns:1fr}}
.contact-copy{display:grid;gap:22px}
.checks{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.checks li{display:flex;gap:10px}
.checks li::before{content:"✓";color:var(--good);font-weight:700}
.reach{display:grid;gap:6px;padding:18px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}
.reach span{font-size:.85rem;color:var(--muted)}
.reach strong{font:600 1.05rem var(--f-mono);user-select:all}
form{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:30px;display:grid;gap:16px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:520px){.row2{grid-template-columns:1fr}}
label{display:grid;gap:6px;font-size:.9rem;font-weight:500}
input,select,textarea{font:inherit;font-size:1rem;color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:10px;padding:13px 14px;width:100%}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}
textarea{min-height:80px;resize:vertical}
.fine{font-size:.8rem;color:var(--muted)}
.ok{padding:18px;border-radius:12px;background:var(--accent-soft);display:grid;gap:6px}
.err{color:var(--accent);font-size:.85rem}

footer{border-top:1px solid var(--line);padding-block:32px;color:var(--muted);font-size:.88rem}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}

/* inner pages */
.consent{display:flex!important;gap:10px;align-items:flex-start;font-size:.86rem;font-weight:400;line-height:1.45;color:var(--muted)}
.consent input{width:20px;height:20px;padding:0;margin:1px 0 0;flex:none;accent-color:var(--accent)}
.legal-links{display:flex;flex-wrap:wrap;gap:6px 18px}
.legal-links a{color:var(--muted)}
.legal-links a:hover{color:var(--accent)}
footer .wrap{flex-direction:column;align-items:flex-start;gap:10px}
footer .row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;width:100%}
.doc{max-width:800px;display:grid;gap:14px;padding-bottom:56px}
.doc h1{font-size:clamp(1.6rem,3.6vw,2.4rem);margin-bottom:6px}
.doc h2{font-family:var(--f-body);font-weight:700;text-transform:none;font-size:1.2rem;margin-top:18px}
.doc ul{margin:0;padding-left:22px;display:grid;gap:6px}
.doc-meta{font:400 .85rem var(--f-mono);color:var(--muted)}
.doc td,.doc th{white-space:normal;vertical-align:top;font-size:.92rem}

.top-tg{color:var(--accent);display:grid;place-items:center;width:38px;height:38px;border-radius:10px;border:1.5px solid var(--line)}
.top-tg:hover{border-color:var(--accent)}
.tg-link{font:600 1.05rem var(--f-mono);color:var(--accent);text-decoration:none}
.tg-link:hover{text-decoration:underline}

.crumbs{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:28px 0 0;font-size:.88rem;color:var(--muted)}
.crumbs li+li::before{content:"›";margin-right:6px}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--accent)}
.page-hero{display:grid;gap:20px;padding-block:28px 56px;border-top:0}
.page-hero h1{font-size:clamp(1.9rem,4.6vw,3.2rem)}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chips span{font:600 .85rem var(--f-mono);padding:8px 12px;border-radius:8px;background:var(--surface);border:1px solid var(--line)}
.chips b{color:var(--accent)}
.eng{display:grid;gap:20px}
.eng-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:26px;display:grid;gap:16px}
.eng-card h2{font-size:clamp(1.2rem,2.4vw,1.6rem)}
.eng-meta{font:400 .82rem var(--f-mono);color:var(--muted)}
.eng-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:640px){.eng-stats{grid-template-columns:1fr}}
.stat{border:1px solid var(--line);border-radius:10px;padding:14px;display:grid;gap:4px;background:var(--bg)}
.stat.on{border-color:var(--accent)}
.stat span{font:600 .74rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.stat strong{font:600 1.05rem var(--f-mono);font-variant-numeric:tabular-nums}
.stat em{font-style:normal;font:600 .85rem var(--f-mono);color:var(--accent)}
.eng-card p{color:var(--muted);max-width:70ch}
.eng-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px}
.eng-foot strong{font:400 1.4rem var(--f-display)}
.links{display:flex;flex-wrap:wrap;gap:10px}
.links a{padding:9px 14px;border:1.5px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none;font-size:.92rem}
.links a:hover{border-color:var(--accent);color:var(--accent)}
.cta{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:30px}
.cta p{color:var(--muted)}