:root{--ink:#171714;--gold:#98721a;--gold2:#c69a35;--soft:#f8f2e5;--bg:#f8f7f4;--line:#e3ded4;--muted:#68645c;--red:#a33c31;--green:#277442}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,sans-serif}.hidden{display:none!important}button,input,select,textarea{font:inherit}button{cursor:pointer}header{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:20}header img{width:190px;display:block}header nav{display:flex;gap:10px;align-items:center}header nav a,header nav button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:9px;padding:10px 13px;text-decoration:none;font-size:12px;font-weight:800}main{width:min(1180px,calc(100% - 32px));margin:auto}.hero{min-height:580px;display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}.eyebrow{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.16em}.hero h1{font:800 clamp(45px,6vw,78px)/1.01 Manrope,sans-serif;letter-spacing:-.055em;margin:18px 0}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{max-width:680px;color:var(--muted);font-size:17px;line-height:1.7}.hero-actions{display:flex;gap:10px;margin-top:25px}.primary,.secondary{border-radius:9px;padding:13px 18px;font-weight:800;border:0}.primary{background:var(--ink);color:#fff}.primary:hover{background:var(--gold)}.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.passport{min-height:340px;border-radius:28px;padding:35px;background:linear-gradient(145deg,#171714,#463a1c 70%,#98721a);color:#fff;box-shadow:0 30px 70px rgba(23,23,20,.18);display:flex;flex-direction:column;justify-content:space-between;transform:rotate(1deg)}.passport span,.passport small{color:#e7d6aa;font-weight:700;letter-spacing:.12em}.passport strong{font:800 clamp(30px,4vw,46px) Manrope,sans-serif}.road{height:70px;border-top:2px solid rgba(255,255,255,.25);display:flex;justify-content:space-around;padding-top:25px}.road i{height:5px;width:14%;background:#fff;border-radius:9px}.search-section{background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:end;margin-bottom:28px}.search-section h2,.section-head h2{font:800 32px Manrope,sans-serif;margin:10px 0}.search-section p{color:var(--muted);line-height:1.6}.search-section form{display:grid;grid-template-columns:1fr auto;gap:8px}.search-section input,.form-grid input,.form-grid select,.form-grid textarea,#authForm input{width:100%;border:1px solid var(--line);background:#fff;border-radius:9px;padding:13px;outline:none;text-transform:none}.search-section input{text-transform:uppercase;font-size:18px;font-weight:800;letter-spacing:.07em}.message,.empty{padding:22px;border-radius:14px;margin:20px 0}.message{background:#fff0ed;color:var(--red)}.empty{background:#fff;border:1px solid var(--line);text-align:center}.garage{padding:60px 0}.section-head{display:flex;justify-content:space-between;align-items:end}.vehicle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.vehicle-card,.report-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px}.vehicle-card h3{font:800 21px Manrope,sans-serif;margin:8px 0}.vehicle-card p{color:var(--muted);font-size:13px}.vehicle-card button{width:100%;margin-top:14px}.report{display:grid;gap:18px;margin:25px 0 70px}.report-hero{background:#171714;color:#fff;border-radius:20px;padding:28px;display:flex;justify-content:space-between;gap:20px}.report-hero h2{font:800 34px Manrope,sans-serif;margin:5px 0}.report-hero p{color:#ccc5b9;margin:5px 0}.status{display:inline-flex;padding:6px 9px;border-radius:99px;background:var(--soft);color:#745713;font-size:10px;font-weight:800;text-transform:uppercase}.status.verified{background:#eaf6ed;color:var(--green)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{padding:17px;background:#fff;border:1px solid var(--line);border-radius:12px}.stat span{display:block;color:var(--muted);font-size:11px}.stat b{display:block;font-size:20px;margin-top:8px}.report-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:18px}.actions{display:grid;gap:9px}.actions button{text-align:left}.timeline{display:grid;gap:12px}.event{border-left:3px solid var(--gold);background:#fff;border-radius:0 12px 12px 0;padding:16px 18px}.event-head{display:flex;justify-content:space-between;gap:10px}.event h3{margin:6px 0;font-size:16px}.event p{color:var(--muted);font-size:13px;line-height:1.55}.event small{color:var(--muted)}.event a{color:var(--gold);font-weight:700}.trust{padding:65px 0}.trust>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.trust article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px}.trust article b{color:var(--gold)}.trust article p{color:var(--muted);font-size:13px;line-height:1.5}footer{background:#171714;color:#fff;padding:32px max(22px,calc((100vw - 1180px)/2));display:grid;gap:8px}footer span,footer small{color:#bdb7aa}.modal{position:fixed;inset:0;background:rgba(12,12,10,.6);z-index:50;padding:22px;display:grid;place-items:center;overflow:auto}.modal-card{position:relative;width:min(760px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:18px;padding:28px}.modal-card.small{width:min(440px,100%)}.x{position:absolute;right:17px;top:15px;border:0;background:#f1efe9;width:35px;height:35px;border-radius:50%;font-size:20px}.modal-card h2{font:800 28px Manrope,sans-serif}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#f1efe9;padding:4px;border-radius:10px;margin:20px 0}.tabs button{border:0;background:transparent;padding:11px;border-radius:8px;font-weight:800}.tabs .active{background:#fff;color:var(--gold)}#authForm{display:grid;gap:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:grid;gap:7px;font-size:12px;font-weight:800}.form-grid textarea{min-height:95px;resize:vertical}.form-grid .wide{grid-column:1/-1}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start}.check input{width:auto}.form-message,#authMessage{color:var(--red);font-size:12px}@media(max-width:800px){header{height:65px}header img{width:150px}header nav a{display:none}.hero{grid-template-columns:1fr;gap:10px;padding:50px 0}.passport{min-height:260px}.search-section,.report-layout{grid-template-columns:1fr}.vehicle-grid,.trust>div{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.report-hero{display:block}}@media(max-width:520px){main{width:min(100% - 24px,1180px)}.hero h1{font-size:42px}.hero-actions{display:grid}.search-section{padding:20px}.search-section form{grid-template-columns:1fr}.vehicle-grid,.trust>div,.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.section-head{display:block}.section-head button{margin-bottom:15px}.report-hero h2{font-size:27px}.modal{padding:10px}.modal-card{padding:22px 17px}header nav button{padding:9px;font-size:10px}}
/* Vehicle History 2026-08-15 — simple, elegant interaction layer */
.search-section form{grid-template-columns:1fr 1fr auto!important}.privacy-note,.upload-field{background:#fff9eb;border:1px solid #ead39b;border-radius:12px;padding:14px}.upload-field small{color:var(--muted);font-weight:500}.record-chooser,.approval-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.record-chooser h2,.approval-card h2{margin:0 0 14px;font:800 22px Manrope,sans-serif}.record-chips{display:flex;flex-wrap:wrap;gap:9px}.record-chips button,.approval-card button{border:1px solid #d9c58e;background:#fffaf0;color:#5e4510;border-radius:999px;padding:11px 15px;font-weight:800}.record-chips button:hover{background:var(--gold);color:#fff}.approval-card>div{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:12px 0}.approval-card span{margin-right:auto}.vehicle-card{transition:transform .2s,box-shadow .2s}.vehicle-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(23,23,20,.08)}
@media(max-width:800px){.search-section form{grid-template-columns:1fr!important}.record-chips{display:grid;grid-template-columns:1fr 1fr}.record-chips button{border-radius:12px;text-align:left}.approval-card>div{align-items:stretch;flex-wrap:wrap}.approval-card span{width:100%}}
@media(max-width:420px){.record-chips{grid-template-columns:1fr}.hero{min-height:auto}.hero h1{font-size:38px}.passport{display:none}.report-hero{border-radius:14px}.stats{grid-template-columns:1fr 1fr}}