:root{--bg:#0b0e11;--panel:#12171c;--panel2:#182028;--line:#28323c;--text:#f3f5f7;--muted:#9ba8b4;--orange:#f06a22;--green:#4ad295;--yellow:#f0c85a;--red:#ef6b6b;--radius:18px}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--text);background:radial-gradient(circle at 82% 5%, #1b252f 0, transparent 32rem), var(--bg);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0e11d1;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px clamp(20px,5vw,70px);display:flex;position:sticky;top:0}.brand{letter-spacing:.08em;font-size:19px;font-weight:900}.brand span{color:var(--orange)}nav{color:#c7d0d8;align-items:center;gap:22px;font-size:14px;display:flex}.nav-cta{background:var(--orange);color:#111;border-radius:999px;padding:10px 14px;font-weight:800}.nav-link-button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.nav-link-button:hover,nav a:hover{color:#fff}.nav-link-button:disabled{opacity:.6}main{min-height:calc(100vh - 150px)}.container{width:min(1160px,100% - 40px);margin:0 auto}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;padding:100px 0 72px;display:grid}.eyebrow{color:var(--orange);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:900}h1{letter-spacing:-.055em;max-width:850px;margin:18px 0 24px;font-size:clamp(48px,7vw,88px);line-height:.93}h2{letter-spacing:-.04em;margin:10px 0 16px;font-size:clamp(30px,4vw,48px)}h3{margin:0 0 8px;font-size:20px}p{color:#c3ccd4;line-height:1.65}.lede{max-width:720px;font-size:20px}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.btn{border:1px solid var(--line);background:var(--panel2);color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:14px 18px;font-weight:800;display:inline-flex}.btn.primary{background:var(--orange);border-color:var(--orange);color:#111}.btn:hover{transform:translateY(-1px)}.hero-card{border:1px solid var(--line);background:linear-gradient(145deg,#1a2128,#10151a);border-radius:28px;padding:26px;box-shadow:0 30px 80px #00000061}.mock-car{background:linear-gradient(155deg,#3d4852,#161b20 55%,#0d1013);border-radius:18px;align-items:end;height:230px;padding:22px;display:flex;position:relative;overflow:hidden}.mock-car:before{content:"YOUR CAR";color:#ffffff0d;font-size:72px;font-weight:900;position:absolute;top:38px;right:-10px;transform:rotate(-8deg)}.statline{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.stat{border:1px solid var(--line);background:#0d1115;border-radius:12px;padding:14px}.stat b{font-size:18px;display:block}.stat span{color:var(--muted);font-size:11px}.section{padding:62px 0}.grid3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:#12171ce6;padding:22px}.card p:last-child{margin-bottom:0}.step{color:var(--orange);letter-spacing:.12em;font-size:12px;font-weight:900}.page-head{padding:58px 0 28px}.page-head h1{margin-bottom:12px;font-size:clamp(42px,5vw,65px)}.page-head p{max-width:750px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field{flex-direction:column;gap:8px;display:flex}.field.full{grid-column:1/-1}.field label{color:#cfd7de;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800}.field input,.field textarea,.field select{border:1px solid var(--line);width:100%;color:var(--text);background:#0f1418;border-radius:11px;outline:none;padding:13px 14px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--orange)}.panel{border:1px solid var(--line);background:#12171ceb;border-radius:22px;margin-bottom:20px;padding:24px}.panel-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.muted{color:var(--muted)}.pills{flex-wrap:wrap;gap:9px;display:flex}.pill{border:1px solid var(--line);color:#cdd5dc;cursor:pointer;background:#0f1418;border-radius:999px;padding:10px 13px}.pill.active{border-color:var(--orange);color:#fff;background:#f06a221f}.slider-row{grid-template-columns:150px 1fr 44px;align-items:center;gap:15px;margin:13px 0;display:grid}.slider-row input{accent-color:var(--orange)}.build-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:16px;display:grid}.build-card{background:var(--panel);border:1px solid var(--line);border-radius:22px;overflow:hidden}.build-card.featured{border-color:var(--orange);box-shadow:0 0 0 1px #f06a2233,0 30px 80px #00000040}.build-top{border-bottom:1px solid var(--line);padding:20px}.build-top .type{color:var(--orange);letter-spacing:.12em;font-size:11px;font-weight:900}.price{letter-spacing:-.04em;margin-top:12px;font-size:32px;font-weight:900}.score{color:var(--muted);font-size:12px}.items{padding:8px 20px 20px}.item{border-bottom:1px solid #ffffff0f;padding:15px 0}.item:last-child{border-bottom:0}.item-title{justify-content:space-between;gap:12px;font-size:14px;font-weight:800;display:flex}.item p{margin:7px 0;font-size:13px}.badge{letter-spacing:.06em;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;display:inline-flex}.verified{color:var(--green);background:#4ad29526}.check{color:var(--yellow);background:#f0c85a24}.conflict{color:var(--red);background:#ef6b6b24}.unknown{color:#bbc4cc;background:#9ba8b421}.notice{color:#b9c5cf;background:#121920;border:1px solid #3a4650;border-radius:12px;padding:14px 16px;font-size:13px;line-height:1.5}.loading{text-align:center;padding:50px}.spinner{border:3px solid #303943;border-top-color:var(--orange);border-radius:50%;width:30px;height:30px;margin:0 auto 14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}footer{border-top:1px solid #ffffff14;justify-content:space-between;gap:20px;padding:28px clamp(20px,5vw,70px);font-size:12px;display:flex}@media (max-width:850px){.hero{grid-template-columns:1fr;padding-top:65px}.grid3,.build-grid,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.slider-row{grid-template-columns:110px 1fr 36px}.topbar{padding:14px 16px}.topbar nav{gap:10px;font-size:12px}.topbar nav a:first-child{display:inline-flex}.nav-cta{padding:9px 11px}footer{flex-direction:column}}.whatif-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;display:grid}.sticky-panel{position:sticky;top:92px}.ask-panel textarea{border:1px solid var(--line);width:100%;color:var(--text);resize:vertical;background:#0f1418;border-radius:13px;outline:none;padding:15px;font-size:17px;line-height:1.5}.ask-panel textarea:focus{border-color:var(--orange)}.budgetbar{border:1px solid var(--line);background:#0c1115;border-radius:99px;height:8px;margin:12px 0 8px;overflow:hidden}.budgetbar span{background:var(--orange);height:100%;display:block}.delta-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0;display:grid}.delta-grid>div{border:1px solid var(--line);background:#0e1317;border-radius:12px;padding:14px}.delta-grid span{letter-spacing:.08em;color:var(--muted);text-transform:uppercase;font-size:10px;display:block}.delta-grid b{margin-top:4px;font-size:20px;display:block}.cost-up{color:var(--yellow)}.cost-down{color:var(--green)}.change-list{gap:12px;display:grid}.change-card{border:1px solid var(--line);background:#0e1317;border-radius:14px;padding:15px}.change-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.impact{letter-spacing:.06em;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900}.impact.positive{color:var(--green);background:#4ad29521}.impact.neutral{color:#c3ccd4;background:#9ba8b41f}.impact.caution{color:var(--yellow);background:#f0c85a21}.impact.conflict{color:var(--red);background:#ef6b6b21}.before-after{grid-template-columns:1fr 1fr;gap:14px;margin-top:12px;display:grid}.before-after>div{background:#0a0e11;border-radius:10px;padding:12px}.before-after span{letter-spacing:.11em;color:var(--muted);font-size:9px;font-weight:900}.before-after p{margin:5px 0 0;font-size:13px}.two-col{grid-template-columns:1fr 1fr;gap:20px;display:grid}.history-row{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff12;grid-template-columns:1fr auto;gap:10px;padding:12px 0;display:grid}.history-row span{color:#c7d0d8;font-size:12px;line-height:1.4}.history-row b{color:var(--orange);font-size:12px}button:disabled{opacity:.6;cursor:not-allowed}@media (max-width:900px){.whatif-layout{grid-template-columns:1fr}.sticky-panel{position:static}.delta-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}}.vin-panel{border:1px solid var(--line);background:#0e1317;border-radius:16px;padding:18px}.vin-panel h3{margin-top:7px}.vin-panel p{margin-bottom:0}.vin-controls{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:16px 0 12px;display:grid}.vin-controls input{border:1px solid var(--line);width:100%;min-width:0;color:var(--text);letter-spacing:.08em;text-transform:uppercase;background:#090d10;border-radius:11px;padding:13px 14px}.feedback-launcher{z-index:35;background:var(--orange);color:#111;cursor:pointer;border:1px solid #fff3;border-radius:999px;padding:11px 15px;font-weight:900;position:fixed;bottom:18px;right:18px;box-shadow:0 12px 36px #00000059}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030507c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.feedback-modal{border:1px solid var(--line);background:var(--panel);border-radius:22px;width:min(580px,100%);max-height:calc(100vh - 40px);padding:24px;overflow:auto;box-shadow:0 28px 90px #0009}.feedback-modal h2{margin-top:7px;font-size:32px}.feedback-form{gap:16px;display:grid}.icon-button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#0e1317;border-radius:50%;width:38px;height:38px;font-size:24px;line-height:1}.visualization-compare{grid-template-columns:1fr 1fr;gap:16px;display:grid}.visualization-compare figure{border:1px solid var(--line);background:#090d10;border-radius:16px;margin:0;overflow:hidden}.visualization-compare img{aspect-ratio:3/2;object-fit:cover;width:100%;display:block}.visualization-compare figcaption{color:var(--muted);letter-spacing:.1em;padding:11px 13px;font-size:10px;font-weight:900}.scene-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.scene-option{text-align:left;border:1px solid var(--line);color:var(--text);cursor:pointer;background:#0e1317;border-radius:13px;flex-direction:column;gap:5px;padding:15px;display:flex}.scene-option span{color:var(--muted);font-size:12px}.scene-option.active{border-color:var(--orange);background:#f06a221f}.visualization-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.visualization-gallery img{aspect-ratio:3/2;object-fit:cover;border-radius:12px;width:100%;display:block}@media (max-width:560px){.container{width:min(100% - 28px,1160px)}h1{font-size:clamp(38px,13vw,54px)}h2{font-size:clamp(28px,9vw,40px)}.page-head{padding-top:38px}.delta-grid,.before-after,.vin-controls,.visualization-compare,.scene-grid,.visualization-gallery{grid-template-columns:1fr}.btn{min-height:44px}.topbar{gap:10px}.brand{font-size:14px}.topbar nav{gap:8px}.topbar nav a,.nav-link-button{font-size:11px}.nav-cta{display:none}.feedback-launcher{bottom:12px;right:12px}.feedback-modal,.panel{padding:18px}}.parts-budget-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.parts-budget-grid .card strong{margin-top:8px;font-size:24px;display:block}.parts-sections{gap:20px;display:grid}.parts-section-head{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.parts-section-head h2{margin-bottom:8px;font-size:clamp(25px,3vw,36px)}.parts-target{border:1px solid var(--line);text-align:right;background:#0e1317;border-radius:12px;min-width:150px;padding:14px}.parts-target span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;display:block}.parts-target strong{margin-top:5px;font-size:22px;display:block}.parts-suggestion-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.part-suggestion{border:1px solid var(--line);background:#0e1317;border-radius:16px;flex-direction:column;padding:18px;display:flex}.part-suggestion.recommended{border-color:var(--orange);box-shadow:0 0 0 1px #f06a222e}.part-suggestion h3{margin-top:14px}.part-suggestion .actions{margin-top:auto;padding-top:12px}.part-suggestion-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.parts-pick{color:var(--orange);letter-spacing:.08em;font-size:10px;font-weight:900}.part-number{margin:2px 0;font-size:12px}.parts-over{color:var(--yellow);font-size:12px;font-weight:800}.fitment-box{background:#f0c85a0f;border:1px solid #f0c85a52;border-radius:10px;margin:12px 0;padding:11px}.fitment-box strong{color:var(--yellow);letter-spacing:.08em;font-size:10px}.fitment-box p{margin:5px 0 0;font-size:12px}.part-suggestion ul{color:#c3ccd4;padding-left:18px;font-size:13px;line-height:1.55}.parts-success{border-color:#4ad29580;margin-bottom:18px}@media (max-width:950px){.parts-budget-grid,.parts-suggestion-grid{grid-template-columns:1fr 1fr}}@media (max-width:620px){.parts-budget-grid,.parts-suggestion-grid{grid-template-columns:1fr}.parts-section-head{display:block}.parts-target{text-align:left;margin:14px 0}.part-suggestion .actions .btn{width:100%}}.coverage-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:18px;display:grid}.coverage-card{border:1px solid var(--line);background:#0e1317;border-radius:12px;flex-direction:column;gap:5px;padding:14px;display:flex}.coverage-card strong{font-size:14px}.coverage-card span{color:var(--orange);font-size:12px;font-weight:800}.coverage-card small{color:var(--muted)}.health-layout{grid-template-columns:1fr 1fr;gap:18px;display:grid}.health-score-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.health-light{border:7px solid #ffffff14;border-radius:50%;width:56px;height:56px;box-shadow:0 0 28px}.health-light.healthy{color:var(--green);background:var(--green)}.health-light.attention{color:var(--yellow);background:var(--yellow)}.health-light.urgent{color:var(--red);background:var(--red)}.health-light.unknown{color:var(--muted);background:var(--muted)}.health-code-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.health-severity{text-transform:uppercase;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900}.health-severity.info{color:var(--green);background:#4ad29521}.health-severity.attention{color:var(--yellow);background:#f0c85a21}.health-severity.urgent{color:var(--red);background:#ef6b6b21}.health-history{gap:2px;display:grid}.compare-sort{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.compare-sort select{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:10px;padding:11px}.compare-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));align-items:start;gap:16px;margin-bottom:40px;display:grid}.compare-card{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:20px}.compare-card.active{border-color:var(--orange);box-shadow:0 0 0 1px #f06a222e}.compare-card h2{font-size:27px}.compare-metrics{grid-template-columns:1fr 1fr;gap:8px;margin:18px 0;display:grid}.compare-metrics>div{border:1px solid var(--line);background:#0e1317;border-radius:10px;padding:11px}.compare-metrics span{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:10px;display:block}.compare-metrics strong{margin-top:5px;display:block}.alpha-feature-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.alpha-steps{color:#c3ccd4;padding-left:22px;line-height:1.9}@media (max-width:950px){.alpha-feature-grid{grid-template-columns:1fr 1fr}}@media (max-width:720px){.health-layout,.alpha-feature-grid,.compare-grid{grid-template-columns:1fr}.health-score-row{align-items:flex-start}.topbar nav a[href=\/parts-coverage]{display:none}}