@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

:root{--ink:#111315;--muted:#697078;--line:#e8eaed;--soft:#f6f7f8;--white:#fff;--accent:#111315;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"DM Sans",Arial,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.site-header{height:76px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font:800 17px Manrope;letter-spacing:-.03em}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#111;color:#fff}.brand .muted{font-weight:500;color:#92979c;margin-left:4px}.nav nav{display:flex;gap:28px;font-size:14px;font-weight:600}.nav nav a:hover,.text-link:hover{opacity:.55}
.hero{background:linear-gradient(180deg,#fff 0%,#f7f8f9 100%);border-bottom:1px solid var(--line)}.hero-inner{padding:110px 0 90px}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:700;color:#8a9096;text-transform:uppercase}.hero h1,.page-head h1,.engine-hero h1{font:800 clamp(44px,7vw,78px)/.98 Manrope;letter-spacing:-.055em;margin:18px 0}.hero h1 span{color:#969ca2}.lead{font-size:19px;line-height:1.6;color:var(--muted);max-width:620px}.search{display:flex;max-width:760px;border:1px solid #dfe2e5;border-radius:14px;padding:5px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.05)}.search input{min-width:0;flex:1;border:0;outline:0;padding:15px 16px;font:inherit}.search button{border:0;border-radius:10px;background:#111;color:#fff;padding:0 22px;font-weight:700;cursor:pointer}.hero-search{margin-top:30px}.stats{display:flex;gap:60px;margin-top:60px}.stats div{display:flex;flex-direction:column}.stats strong{font:700 28px Manrope}.stats span{font-size:12px;color:var(--muted);margin-top:3px}
.section{padding:76px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.section-head h2{font:800 34px Manrope;letter-spacing:-.04em;margin:8px 0 0}.text-link{font-weight:700;font-size:14px}.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.brand-card{min-height:130px;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:52px 1fr 20px;align-items:center;gap:15px;transition:.2s}.brand-card:hover,.model-card:hover,.year-card:hover,.engine-row:hover{background:var(--soft)}.brand-logo{width:52px;height:52px;display:grid;place-items:center;border-radius:12px;background:#f5f5f5;overflow:hidden}.brand-logo img{width:100%;height:100%;object-fit:cover}.brand-card strong{display:block;font-size:16px}.brand-card span:not(.arrow){display:block;color:var(--muted);font-size:12px;margin-top:5px}.arrow{font-size:20px;color:#999}.page-head{padding:75px 0 55px;border-bottom:1px solid var(--line);background:#fafafa}.page-head h1{font-size:clamp(42px,6vw,68px);margin:12px 0}.page-head p{color:var(--muted);font-size:17px}.breadcrumb{font-size:12px;color:#8a9096;margin-bottom:28px}.breadcrumb a:hover{color:#111}
.model-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.model-card,.year-card{position:relative;border:1px solid var(--line);border-radius:14px;padding:22px;min-height:130px;transition:.2s}.model-card h3{font:700 20px Manrope;margin:12px 0}.model-card .arrow{position:absolute;right:18px;bottom:18px}.year-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.year-card{min-height:110px;display:flex;flex-direction:column;justify-content:center}.year-card strong{font:700 20px Manrope}.year-card span:not(.arrow){font-size:13px;color:var(--muted);margin-top:7px}.year-card .arrow{position:absolute;right:20px;top:42px}
.engine-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}.engine-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;padding:24px 18px;border-bottom:1px solid var(--line);transition:.2s}.engine-row h3{font:700 21px Manrope;margin:7px 0}.engine-row p{margin:0;color:var(--muted);font-size:13px}.numbers{display:flex;align-items:center;gap:13px;font:700 22px Manrope}.numbers span{color:#aaa}.numbers small,.power-grid small{font:600 11px DM Sans;color:#888}
.engine-hero{padding:45px 0 65px;background:#f7f8f9;border-bottom:1px solid var(--line)}.engine-title{display:flex;justify-content:space-between;align-items:center;gap:30px}.engine-title h1{font-size:clamp(42px,6vw,68px);margin:10px 0 4px}.engine-title h2{font:600 clamp(20px,3vw,30px) Manrope;color:#747b82;margin:0}.hero-brand-img{width:110px;height:110px;object-fit:cover;border-radius:20px}.power-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px;border:1px solid #dedfe1;background:#fff}.power-grid>div{padding:24px;border-right:1px solid #dedfe1}.power-grid>div:last-child{border:0}.power-grid span{display:block;color:#858b91;font-size:12px;margin-bottom:10px}.power-grid strong{font:800 30px Manrope}.power-grid .accent strong{color:#111}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{border:1px solid var(--line);border-radius:16px;padding:30px}.panel h2{font:800 28px Manrope;letter-spacing:-.04em;margin:8px 0 25px}.spec{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;padding:14px 0;border-top:1px solid var(--line);font-size:14px}.spec span{color:#7d848a}.spec strong{font-weight:600}.chart{width:100%;display:block;border-radius:10px;background:#f6f7f8}.chart-placeholder{min-height:250px;display:grid;place-items:center;background:#f6f7f8;border-radius:10px;color:#9aa0a6}.subblock{margin-top:25px;padding-top:22px;border-top:1px solid var(--line)}.subblock p{line-height:1.7;color:#555}
.result-list{border-top:1px solid var(--line)}.result{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px;border-bottom:1px solid var(--line)}.result:hover{background:#fafafa}.result h3{margin:6px 0 2px;font:700 20px Manrope}.result p{margin:0;color:var(--muted)}.result-power{font:700 18px Manrope;white-space:nowrap}.result-power small{font:500 11px;color:#888}.empty{padding:50px 0;color:var(--muted)}
.site-footer{border-top:1px solid var(--line);background:#fafafa;margin-top:40px}.footer-grid{padding:50px 0;display:flex;justify-content:space-between;gap:40px}.footer-grid p{color:var(--muted);font-size:13px}.footer-grid>div:last-child{display:flex;gap:20px;font-size:13px;font-weight:600}.footer-bottom{border-top:1px solid var(--line);padding:18px 0;color:#969ba0;font-size:12px}
@media(max-width:900px){.brand-grid{grid-template-columns:repeat(2,1fr)}.model-grid{grid-template-columns:repeat(2,1fr)}.year-grid{grid-template-columns:repeat(2,1fr)}.power-grid{grid-template-columns:repeat(2,1fr)}.power-grid>div:nth-child(2){border-right:0}.detail-grid{grid-template-columns:1fr}.power-grid>div{border-bottom:1px solid #dedfe1}.footer-grid{flex-direction:column}}
@media(max-width:620px){.container{width:min(var(--max),calc(100% - 28px))}.site-header{height:66px}.nav nav{gap:14px;font-size:13px}.brand{font-size:15px}.hero-inner{padding:70px 0 60px}.hero h1{font-size:44px}.lead{font-size:16px}.search{border-radius:12px}.search button{padding:0 15px}.stats{gap:24px;margin-top:42px}.stats strong{font-size:21px}.section{padding:55px 0}.section-head{align-items:start;gap:15px;flex-direction:column}.brand-grid,.model-grid,.year-grid{grid-template-columns:1fr}.brand-card{min-height:105px}.page-head{padding:55px 0 40px}.engine-row{grid-template-columns:1fr}.numbers{justify-content:flex-start}.engine-title{align-items:flex-start;flex-direction:column}.hero-brand-img{width:76px;height:76px}.power-grid{grid-template-columns:1fr 1fr}.power-grid>div{padding:18px}.power-grid strong{font-size:23px}.panel{padding:22px}.spec{grid-template-columns:1fr}.result{align-items:flex-start;flex-direction:column}.result-power{font-size:16px}.footer-grid>div:last-child{flex-direction:column;gap:10px}}