:root{--ink:#0c1921;--paper:#f8f6f1;--cream:#ede7dc;--orange:#ff5c22;--gold:#ffc53d;--muted:#52616a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font-family:Arial,Helvetica,sans-serif}nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 7vw;border-bottom:1px solid #ddd5c8}nav a{color:var(--ink);text-decoration:none;font-weight:700}.brand{letter-spacing:1px}.brand span{color:var(--orange)}.hero{background:var(--ink);color:white;display:grid;grid-template-columns:1.5fr .7fr;grid-gap:4rem;gap:4rem;padding:8rem 12vw}.eyebrow{color:var(--orange);font-size:.75rem;font-weight:800;letter-spacing:.12em}h1{font-size:clamp(2.8rem,6vw,5.4rem);line-height:.95;letter-spacing:-.06em;margin:.5rem 0 1.5rem;max-width:800px}h2{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.04em;margin:.3rem 0 1rem}.lede{font-size:1.15rem;line-height:1.6;max-width:650px;color:#d5dde1}.button{display:inline-block;background:var(--orange);border:0;color:white;text-decoration:none;padding:1rem 1.35rem;font-weight:800;margin-top:1.6rem;cursor:pointer;font-size:1rem}.button:hover{background:#e44c16}.button:disabled{opacity:.6;cursor:wait}.hero-card{align-self:center;background:#18303b;padding:2rem;display:grid;grid-gap:.7rem;gap:.7rem;border-top:5px solid var(--gold)}.hero-card p{color:var(--gold);font-size:.72rem;font-weight:700;letter-spacing:.1em;margin:0}.hero-card strong{font-size:1.35rem}.hero-card span{color:#c9d3d8;line-height:1.4}.hero-card hr{width:100%;border:0;border-top:1px solid #48606a;margin:1rem 0}.trust{display:flex;justify-content:center;gap:4rem;padding:2rem;background:var(--gold)}.trust div{display:flex;align-items:center;gap:.7rem;font-weight:700}.trust b{font-size:1.3rem}.diagnostic{max-width:1050px;margin:auto;padding:7rem 1.5rem}.section-intro{max-width:620px}.section-intro p:not(.eyebrow){color:var(--muted);line-height:1.5}form{margin-top:3rem;grid-template-columns:1fr 1fr;grid-gap:1.25rem;gap:1.25rem;background:var(--cream);padding:2rem}form,label{display:grid}label{font-weight:700;grid-gap:.5rem;gap:.5rem}.wide{grid-column:span 2}input,textarea{border:1px solid #c8c1b8;background:white;padding:.85rem;font:inherit;color:var(--ink);resize:vertical}.error{color:#a22516;font-weight:700}.result{margin-top:2rem;border:1px solid #d8d1c7;background:white;padding:2rem}.result h3{font-size:1.5rem;margin:.8rem 0 1.5rem}.urgency{display:inline-block;padding:.35rem .6rem;color:white;font-weight:800;font-size:.82rem}.stop-driving{background:#b32719}.schedule-soon{background:#bd7600}.monitor{background:#287744}.result-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}.result h4{margin-bottom:.5rem}.result li{line-height:1.5;margin-bottom:.4rem}.safety{background:#fff0db;padding:1rem;line-height:1.5}.demo{font-size:.9rem;color:var(--muted)}.footer-cta{background:#18303b;color:white;text-align:center;padding:6rem 1.5rem}.footer-cta h2{max-width:700px;margin:auto}.footer-cta p{color:#cbd5d9}footer{text-align:center;color:var(--muted);font-size:.85rem;padding:2rem}@media(max-width:700px){nav{padding:0 1.25rem;font-size:.8rem}.hero{padding:5rem 1.5rem;gap:2rem}.hero,.trust{grid-template-columns:1fr}.trust{display:grid;grid-gap:.8rem;gap:.8rem;padding:1.5rem}.diagnostic{padding:4rem 1.25rem}form{grid-template-columns:1fr;padding:1.25rem}.wide{grid-column:auto}.result-grid{grid-template-columns:1fr}}.code-lookup{margin:1.5rem 0;padding:1.5rem;background:#f1f6f5;border-left:5px solid #18303b}.code-lookup h4{font-size:1.25rem;margin:.3rem 0}.code-lookup>p{line-height:1.5}.tree{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin-top:1.25rem}.tree section{background:white;border:1px solid #d8e1df;padding:1rem}.tree h5{margin:0 0 .8rem;font-size:1rem}.tree p{font-size:.92rem;line-height:1.45;margin:.65rem 0}@media(max-width:700px){.tree{grid-template-columns:1fr}}.vin-row{display:flex;gap:.7rem}.vin-row input{min-width:0;flex:1 1}.vin-button{border:0;background:#18303b;color:white;font:inherit;font-weight:800;padding:.75rem 1rem;cursor:pointer;white-space:nowrap}.vin-button:hover{background:#0c1921}label small{font-weight:400;color:var(--muted);line-height:1.35}.vin-status{grid-column:span 2;margin:0;color:#18303b;font-weight:700}@media(max-width:700px){.vin-status{grid-column:auto}.vin-row{flex-direction:column}}:root{--ink:#eaf4ff;--paper:#04070c;--cream:#0b1522;--orange:#168bff;--gold:#47b5ff;--muted:#9dafc4}body{background:radial-gradient(circle at 80% 0,#102b48 0,transparent 28rem),#04070c;color:var(--ink)}nav{background:rgba(3,7,13,.96);border-bottom:1px solid #1d4e82}nav a{color:#eaf4ff}.brand{display:flex;align-items:center;gap:.65rem}.brand span{color:#eaf4ff}.nav-logo{height:46px;width:46px;object-fit:cover;border-radius:50%;border:1px solid #2b9cff;box-shadow:0 0 14px rgba(22,139,255,.65)}.hero{background:linear-gradient(120deg,#02050a 5%,#071728 65%,#0d3157);padding-top:6rem;padding-bottom:6rem}.hero-card{background:rgba(2,7,14,.85);border:1px solid #247ec5;border-top:5px solid #2aa4ff;box-shadow:0 0 32px rgba(20,133,255,.22);overflow:hidden}.hero-logo{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid #2a98ec;box-shadow:0 0 26px rgba(14,129,255,.45)}.hero-card p{color:#54b7ff}.hero-card span,.lede{color:#c6d8e8}.trust{background:linear-gradient(90deg,#06213a,#0b4175,#06213a);color:#eaf4ff;border-top:1px solid #1d78bc;border-bottom:1px solid #1d78bc}.diagnostic{background:transparent}.section-intro p:not(.eyebrow){color:#a9bfd1}form{background:#0a1521;border:1px solid #1b5687;box-shadow:0 18px 45px rgba(0,0,0,.28)}input,textarea{background:#03080e;border-color:#245e91;color:#eef7ff}.vin-button{background:#126fbc}.vin-button:hover{background:#168bff}.vin-status{color:#74c5ff}.result{background:#08131f;border-color:#24638f;box-shadow:0 15px 45px rgba(0,0,0,.3)}.code-lookup{background:#071b2b;border-left-color:#2b9cff}.tree section{background:#050c14;border-color:#1f5f91}.safety{background:#15210f;color:#e9f6db;border-left:3px solid #a9d34f}.footer-cta{background:linear-gradient(120deg,#02050a,#092844)}footer{background:#02050a;color:#86a0b7}.demo{color:#9dafc4}@media(max-width:700px){.nav-logo{height:38px;width:38px}.brand span{font-size:.7rem}.hero-logo{max-width:330px;margin:auto}}:root{color-scheme:dark}select{border:1px solid #245e91;background:#03080e;color:#eef7ff;padding:.85rem;font:inherit}select:disabled{opacity:.55;cursor:not-allowed}.vehicle-options-status{grid-column:span 2;margin:0;color:#74c5ff;font-weight:700}@media(max-width:700px){.vehicle-options-status{grid-column:auto}}