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

:root{font-family:Manrope,Arial,sans-serif;color:#17263a;background:#f4f5f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.shell{max-width:1380px;margin:auto;padding:0 42px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce2e3}.brand{display:flex;align-items:center;gap:13px;font-size:18px;font-weight:800;letter-spacing:-.07em;color:#142941}.brand strong{font-weight:500;letter-spacing:.08em;font-size:13px;margin-left:4px}.brand-mark{width:35px;height:35px;display:grid;place-items:center;border-radius:8px;background:#daef74;color:#173026;font-size:22px;letter-spacing:-.12em;padding-right:3px}.topbar-note{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#87919b;font-weight:800}.hero{min-height:313px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:48px 0 42px}.eyebrow,.step{font-family:'DM Sans',Arial,sans-serif;font-size:11px;letter-spacing:.16em;font-weight:700;color:#7d8b99}.eyebrow{display:flex;align-items:center;gap:10px;color:#63913e}.pulse{width:8px;height:8px;border-radius:50%;background:#98c93d;box-shadow:0 0 0 5px #e6f2d1}.hero h1{font-size:clamp(38px,5vw,66px);letter-spacing:-.065em;line-height:1.08;margin:20px 0 16px;font-weight:800}.hero h1 em{font-style:normal;color:#85929d}.hero p{max-width:580px;margin:0;color:#6d7a85;font-size:14px;line-height:1.8}.hero-index{width:226px;height:183px;background:#eaf0e8;border-radius:28px;display:flex;flex-direction:column;justify-content:space-between;padding:24px;color:#8ea09b;flex:none;transform:rotate(-7deg)}.hero-index span:first-child{font-size:80px;font-weight:800;line-height:1;letter-spacing:-.1em;color:#c2d5c1}.hero-index span:last-child{font-size:10px;letter-spacing:.13em;font-weight:700}.panel{background:#fff;border:1px solid #e3e7e5;border-radius:20px;box-shadow:0 14px 50px rgba(23,38,58,.035);padding:27px 30px;margin-bottom:16px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:25px}.section-heading h2{margin:5px 0 0;font-size:23px;letter-spacing:-.045em;line-height:1.25}.help,.auction-meta{color:#98a3ab;font-size:12px;font-weight:600}.load-form{display:flex;gap:10px}.load-form input{flex:1;min-width:0;height:54px;border:1px solid #dce3e2;border-radius:11px;padding:0 17px;background:#fbfcfb;color:#1d3043;outline:none;font-size:13px}.load-form input:focus,.field input:focus,.field select:focus{border-color:#8eb848;box-shadow:0 0 0 3px #ecf5d9}.load-form input::placeholder,.field input::placeholder{color:#a4afb4}.primary-button{border:0;border-radius:11px;background:#172b40;color:#fff;padding:0 26px;font-size:13px;font-weight:700;min-width:155px}.primary-button:hover{background:#2a4356}.primary-button:disabled{opacity:.65;cursor:wait}.primary-button span{margin-left:12px;font-size:18px;color:#d9ee83}.upload-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px;color:#88949d;font-size:12px}.upload-button{color:#4e7a3c;font-weight:800;cursor:pointer;border-bottom:1px solid #aacb94}.upload-button:hover{color:#254f23}.upload-help{color:#a4afb4}.upload-line input{position:absolute;width:1px;height:1px;opacity:0}.status{font-size:12px;color:#778894;margin:16px 0 0;min-height:17px}.status.error{color:#b85d4a}.status.success{color:#4a8139}.filter-panel{padding-bottom:24px}.text-button{border:0;background:none;padding:8px 0;color:#587e42;font-size:12px;font-weight:800}.text-button:hover{text-decoration:underline}.filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 22px}.field{display:block}.field>span{display:block;color:#71808b;font-size:12px;font-weight:700;margin:0 0 9px}.field input,.field select{width:100%;height:46px;border:1px solid #dfe5e4;border-radius:10px;background:#fbfcfb;color:#1d3043;outline:none;padding:0 13px;font-size:13px;font-weight:700}.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%2379848D' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.input-wrap{position:relative}.input-wrap span{position:absolute;right:15px;top:12px;color:#8d9a9f;font-size:13px}.input-wrap input{padding-right:38px}.check-line{display:flex;align-items:center;gap:12px;margin-top:24px;color:#405064;font-size:13px;font-weight:700;cursor:pointer}.check-line input{position:absolute;opacity:0}.check-ui{display:block;width:19px;height:19px;border:1.5px solid #b3c0c1;border-radius:5px;flex:none}.check-line input:checked+.check-ui{background:#94bf51;border-color:#94bf51;box-shadow:inset 0 0 0 4px white}.check-line input:focus-visible+.check-ui{outline:3px solid #cde2a6}.check-line small{font-size:11px;font-weight:500;color:#98a3ab;margin-left:7px}.filter-footnote{font-size:11px;color:#9aa6ad;margin:18px 0 0}.results-section{margin:40px 0 70px}.results-heading{margin-bottom:20px}.result-actions{display:flex;align-items:center;gap:22px}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.summary-item{background:#ebefed;border-radius:12px;padding:17px 20px}.summary-item strong{font-size:24px;font-weight:800;letter-spacing:-.07em;display:block}.summary-item span{font-size:11px;color:#7b8991;font-weight:700}.results-empty{background:white;border:1px dashed #d5dcda;border-radius:17px;min-height:146px;display:grid;place-items:center;padding:22px;text-align:center;color:#8a989f;font-size:13px;line-height:1.7}.result-list{display:flex;flex-direction:column;gap:10px}.car-card{display:grid;grid-template-columns:50px minmax(215px,1.8fr) minmax(190px,1.2fr) minmax(115px,.7fr) minmax(105px,.65fr) 72px;align-items:center;gap:18px;background:#fff;border:1px solid #e2e7e5;border-radius:16px;padding:21px 23px}.rank-number{font-family:'DM Sans',Arial,sans-serif;font-size:13px;color:#8fa1a4;font-weight:800}.car-name{font-size:15px;font-weight:800;line-height:1.45;letter-spacing:-.025em}.car-sub{color:#94a0a7;font-size:11px;font-weight:700;margin-top:5px}.rating{display:grid;grid-template-columns:65px 1fr;gap:4px;align-items:center;font-size:10px;color:#84919a}.rating b{font-size:12px;color:#7daa42;letter-spacing:1px;white-space:nowrap}.rating .off{color:#d9e0dd}.metric strong{display:block;font-size:14px;white-space:nowrap}.metric span{display:block;font-size:10px;color:#9ca7ad;margin-top:4px}.score{text-align:center}.score strong{font-size:22px;letter-spacing:-.07em}.score span{font-size:10px;color:#9ca7ad}.card-bottom{grid-column:2/-1;border-top:1px solid #edf0ef;padding-top:11px;margin-top:-2px;display:flex;justify-content:space-between;gap:12px;align-items:center;color:#7e8c94;font-size:11px}.nuance{background:#eff4e6;color:#58763d;border-radius:7px;padding:5px 8px;font-weight:700}.risk{background:#fff1e8;color:#a35a36;border-radius:7px;padding:5px 8px;font-weight:700}.detail-link{color:#567d3e;font-weight:800;text-decoration:none;white-space:nowrap}.detail-link:hover{text-decoration:underline}.inspection-detail{grid-column:2/-1;color:#7d8a92;font-size:11px}.inspection-detail summary{cursor:pointer;font-weight:700}.inspection-detail p{line-height:1.7;margin:10px 0 0;white-space:pre-wrap}footer{border-top:1px solid #dce2e3;padding:23px 0 35px;color:#9ba6ad;font-size:11px;line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.car-card{grid-template-columns:32px minmax(180px,1fr) minmax(160px,1fr) minmax(90px,.6fr);gap:12px}.metric.mileage,.score{display:none}.card-bottom,.inspection-detail{grid-column:2/-1}}@media(max-width:700px){.shell{padding:0 16px}.topbar{height:66px}.topbar-note,.hero-index,.help{display:none}.hero{min-height:auto;padding:47px 0 30px}.hero h1{font-size:40px}.hero p{font-size:13px}.panel{padding:22px 18px;border-radius:16px}.section-heading h2{font-size:20px}.load-form{display:block}.load-form input{width:100%}.primary-button{height:48px;width:100%;margin-top:10px}.filter-grid{grid-template-columns:1fr 1fr;gap:15px}.summary{grid-template-columns:repeat(2,1fr)}.car-card{grid-template-columns:28px 1fr auto;padding:16px;gap:8px}.car-name{font-size:14px}.rating-group{grid-column:2/-1;grid-row:2}.metric.price{grid-column:2;grid-row:3}.metric.mileage{display:block;grid-column:3;grid-row:3;text-align:right}.score{display:block;grid-column:3;grid-row:1}.score strong{font-size:18px}.card-bottom,.inspection-detail{grid-column:2/-1}.results-section{margin-top:32px}.result-actions{display:block;text-align:right}.auction-meta{display:block}.check-line small{display:block;margin:2px 0 0}}@media(max-width:440px){.filter-grid{grid-template-columns:1fr}.hero h1{font-size:34px}}


.car-card{grid-template-columns:200px 34px minmax(215px,1.8fr) minmax(190px,1.2fr) minmax(115px,.7fr) minmax(105px,.65fr) 72px}
.car-photo{width:200px;height:150px;border-radius:10px;overflow:hidden;background:#eef1ed;display:grid;place-items:center;position:relative}
.car-title{min-width:0;overflow-wrap:anywhere}
.car-photo img{width:100%;height:100%;object-fit:cover;display:block}
.car-auction{display:flex;flex-wrap:wrap;gap:5px 12px}.car-auction .detail-link{white-space:normal}
.car-photo,.car-name{color:inherit;text-decoration:none}.car-name:hover{text-decoration:underline}.car-photo:focus-visible,.car-name:focus-visible{outline:3px solid #8eb848;outline-offset:3px}
.car-photo.photo-missing:after{content:"Фото недоступно";font-family:'DM Sans',Arial,sans-serif;font-size:10px;color:#9aa59e;text-align:center}
.car-photo.photo-missing img{display:none}
.car-card .card-bottom,.car-card .inspection-detail{grid-column:3/-1}
@media(max-width:1200px){.car-card{grid-template-columns:160px 30px minmax(0,1fr) minmax(145px,1fr) minmax(90px,.6fr);gap:12px}.car-photo{width:160px;height:120px}.car-card>.metric.mileage,.car-card>.score{display:none}.car-card .card-bottom,.car-card .inspection-detail{grid-column:3/-1}}
@media(max-width:700px){.car-card{grid-template-columns:24px minmax(0,1fr) auto;padding:14px;gap:12px 8px}.car-photo{grid-column:1/-1;grid-row:1;width:100%;height:auto;aspect-ratio:16/9}.car-card>.rank-number{grid-column:1;grid-row:2}.car-card>.car-title{grid-column:2/-1;grid-row:2}.car-card>.rating-group{grid-column:2/-1;grid-row:3}.car-card>.metric.price{grid-column:2;grid-row:4}.car-card>.metric.mileage{display:block;grid-column:3;grid-row:4;text-align:right}.car-card>.score{display:none}.car-card .card-bottom,.car-card .inspection-detail{grid-column:2/-1}}
.auction-list{display:flex;flex-wrap:wrap;gap:8px;margin:-8px 0 17px}.auction-chip{display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:9px;background:#f0f4eb;color:#536b46;font-size:11px;font-weight:700}.auction-chip small{color:#84918a;font-weight:600}.secondary-button{border:1px solid #d6dfd8;border-radius:11px;background:#f6f8f6;color:#40554a;padding:0 17px;font-size:12px;font-weight:800;white-space:nowrap}.secondary-button:hover{background:#edf3e9;border-color:#bdcdb8}.secondary-button:disabled{opacity:.65;cursor:wait}@media(max-width:700px){.secondary-button{height:44px;width:100%;margin-top:8px}}
.car-photo.photo-missing:after{content:"Нет URL фото"}.car-photo.photo-error:after{content:"Фото не загрузилось"}.car-photo.photo-error img{display:none}