:root{--bg: #0c0c10;--bg-card: #16161d;--bg-input: #1e1e28;--border: #2a2a36;--text: #eaeaf0;--text-secondary: #9898a8;--text-dim: #5a5a6e;--accent: #c8ff2e;--accent-dim: rgba(200, 255, 46, .12);--green: #22c55e;--orange: #f59e0b;--red: #ef4444;--blue: #38bdf8;--radius: 10px;--font: "Space Grotesk", -apple-system, system-ui, sans-serif;--mono: "JetBrains Mono", "SF Mono", monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}.hidden{display:none!important}.header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;max-width:1000px;margin:0 auto}.logo{font-size:1.2rem;font-weight:700;color:var(--accent);text-decoration:none;display:flex;align-items:center;gap:.3rem}.header-nav{display:flex;gap:.25rem}.nav-tab{font-family:var(--font);font-size:.78rem;font-weight:600;padding:.4rem .9rem;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .12s}.nav-tab:hover{color:var(--text)}.nav-tab.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.hero{text-align:center;padding:2.5rem 1.5rem 2rem;max-width:600px;margin:0 auto}.hero h1{font-size:clamp(1.8rem,4.5vw,2.6rem);font-weight:700;line-height:1.2;letter-spacing:-.02em}.hero em{color:var(--accent);font-style:normal;text-decoration:underline;text-decoration-color:var(--accent-dim);text-underline-offset:4px}.hero p{margin-top:.6rem;color:var(--text-secondary);font-size:1rem;line-height:1.5}.main{max-width:1000px;margin:0 auto;padding:0 2rem 4rem}@media(max-width:640px){.header,.main{padding-left:1rem;padding-right:1rem}}.step-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:1rem}.step-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.back-btn{font-family:var(--font);font-size:.8rem;font-weight:500;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:.35rem .7rem;cursor:pointer;transition:all .12s}.back-btn:hover{color:var(--text);border-color:var(--text-dim)}.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}@media(max-width:500px){.type-grid{grid-template-columns:1fr}}.type-card{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);padding:2rem 1rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .15s;font-family:var(--font)}.type-card:hover{border-color:var(--accent);transform:translateY(-2px)}.type-icon{font-size:2.5rem}.type-name{font-size:.9rem;font-weight:600;color:var(--text)}.vehicle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.vehicle-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;cursor:pointer;transition:all .12s}.vehicle-card:hover{border-color:var(--accent)}.vehicle-brand{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}.vehicle-model{font-size:1.05rem;font-weight:600;margin-top:.15rem}.vehicle-meta{font-size:.75rem;color:var(--text-dim);margin-top:.3rem}.vehicle-title{display:flex;flex-direction:column}.vt-brand{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}.vt-model{font-size:1.3rem;font-weight:700}.parts-list{display:flex;flex-direction:column;gap:1rem}.part-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.part-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;cursor:pointer;transition:background .1s}.part-header:hover{background:var(--bg-input)}.part-name{font-weight:600;font-size:1rem}.part-specs{font-size:.78rem;color:var(--text-secondary);margin-top:.15rem}.part-badges{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.badge{font-size:.65rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;white-space:nowrap}.badge-connector{background:#38bdf81f;color:var(--blue);border:1px solid rgba(56,189,248,.25)}.badge-protocol{background:#a855f71f;color:#a855f7;border:1px solid rgba(168,85,247,.25)}.badge-voltage{background:#c8ff2e1a;color:var(--accent);border:1px solid rgba(200,255,46,.2)}.chevron{color:var(--text-dim);font-size:.8rem;transition:transform .2s}.part-card.open .chevron{transform:rotate(180deg)}.part-body{display:none;border-top:1px solid var(--border);padding:1rem 1.25rem}.part-card.open .part-body{display:block}.part-section-label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:.5rem;margin-top:1rem}.part-section-label:first-child{margin-top:0}.oem-row{display:flex;align-items:center;justify-content:space-between;padding:.6rem .8rem;background:var(--bg-input);border-radius:6px}.oem-name{font-size:.85rem;font-weight:500}.oem-price{font-size:.9rem;font-weight:700;color:var(--text)}.compat-list{display:flex;flex-direction:column;gap:.5rem}.compat-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.6rem .8rem;background:var(--bg-input);border-radius:6px;border-left:3px solid var(--green)}.compat-info{flex:1}.compat-name{font-size:.85rem;font-weight:500}.compat-note{font-size:.72rem;color:var(--text-secondary);margin-top:.15rem}.compat-seller{font-size:.65rem;color:var(--text-dim);margin-top:.2rem}.compat-right{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.compat-price{font-size:.9rem;font-weight:700;color:var(--green)}.savings{font-size:.65rem;color:var(--green);background:#22c55e1a;padding:.1rem .4rem;border-radius:3px}.no-compat{font-size:.8rem;color:var(--text-dim);font-style:italic;padding:.5rem 0}.connector-details{margin-top:3rem;border-top:1px solid var(--border);padding-top:1rem}.connector-summary{font-size:.85rem;font-weight:600;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;padding:.5rem 0}.connector-summary:before{content:"+ ";color:var(--text-dim)}.connector-details[open] .connector-summary:before{content:"− "}.guide-intro{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem;line-height:1.5}.connector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.connector-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.conn-name{font-weight:600;font-size:.95rem;color:var(--blue)}.conn-pins{font-size:.75rem;color:var(--text-dim);margin-top:.15rem}.conn-use{font-size:.8rem;color:var(--text-secondary);margin-top:.4rem}.conn-vehicles{font-size:.7rem;color:var(--text-dim);margin-top:.5rem;border-top:1px solid var(--border);padding-top:.5rem}.stats{margin-top:1rem;display:flex;gap:.5rem;justify-content:center;align-items:center;flex-wrap:wrap}.stat{font-size:.8rem;color:var(--text-secondary)}.stat strong{color:var(--accent)}.stat-dot{color:var(--text-dim);font-size:.7rem}.buy-btn{font-family:var(--font);font-size:.72rem;font-weight:600;color:var(--bg);background:var(--accent);padding:.25rem .6rem;border-radius:4px;text-decoration:none;transition:opacity .12s;white-space:nowrap}.buy-btn:hover{opacity:.85}.buy-search{background:var(--bg-input);color:var(--accent);border:1px solid var(--accent)}.seller-badge{font-size:.65rem;font-weight:600;padding:.15rem .4rem;border-radius:3px;display:inline-block}.conn-match{font-size:.65rem;color:var(--green);margin-left:.3rem}.compat-meta{display:flex;align-items:center;gap:.3rem;margin-top:.25rem;flex-wrap:wrap}.part-link{font-size:.72rem;color:var(--accent);text-decoration:none;margin-left:.5rem}.part-link:hover{text-decoration:underline}.missing-cta{margin-top:1.5rem;text-align:center;color:var(--text-dim);font-size:.85rem}.link-btn{background:none;border:none;color:var(--accent);font-family:var(--font);font-size:.85rem;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.suggest-link{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.request-form{max-width:600px;display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.3rem;flex:1}.form-group label{font-size:.75rem;font-weight:600;color:var(--text-secondary)}.form-group .hint{font-weight:400;color:var(--text-dim)}.form-row{display:flex;gap:1rem}@media(max-width:500px){.form-row{flex-direction:column}}input[type=text],input[type=email],textarea,select{font-family:var(--font);font-size:.85rem;padding:.6rem .8rem;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text);outline:none;transition:border-color .12s}input:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:100px}select{cursor:pointer}.btn{font-family:var(--font);font-weight:600;font-size:.85rem;border:none;border-radius:6px;cursor:pointer;padding:.65rem 1.5rem;transition:all .12s}.btn-primary{background:var(--accent);color:var(--bg)}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:default}.pipeline-steps{display:flex;flex-direction:column;gap:.75rem;max-width:500px}.pipe-step{display:flex;gap:.75rem;align-items:flex-start}.pipe-num{width:24px;height:24px;background:var(--accent-dim);color:var(--accent);font-size:.75rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.pipe-step strong{font-size:.85rem}.pipe-step p{font-size:.78rem;color:var(--text-secondary);margin-top:.1rem}.footer{text-align:center;padding:2.5rem 2rem;color:var(--text-dim);font-size:.75rem}.disclosure{margin-top:.5rem;font-size:.65rem;color:var(--text-dim);opacity:.7;max-width:400px;margin-left:auto;margin-right:auto;line-height:1.4}