: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;flex-wrap:wrap;justify-content:flex-end}.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(auto-fit,minmax(180px,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-filters{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.vehicle-search{display:flex;align-items:center;gap:.5rem;padding:0 .8rem;background:var(--bg-card);border:1px solid var(--border);border-radius:6px}.vehicle-search:focus-within{border-color:var(--accent)}.vehicle-search input{width:100%;padding:.7rem 0;font-family:var(--font);font-size:.85rem;color:var(--text);background:transparent;border:0;outline:0}.brand-filter{display:flex;flex-wrap:wrap;gap:.4rem;overflow:visible}.brand-filter-btn{flex:0 0 auto;padding:.3rem .65rem;font-family:var(--font);font-size:.72rem;font-weight:600;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);border-radius:999px;cursor:pointer}.brand-filter-btn:hover{color:var(--text);border-color:var(--text-dim)}.brand-filter-btn.active{color:var(--accent);background:var(--accent-dim);border-color:var(--accent)}.vehicle-count{font-size:.75rem;color:var(--text-dim)}.vehicle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.vehicle-empty{grid-column:1 / -1;padding:2rem 1rem;text-align:center;color:var(--text-secondary)}.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}.parts-group{margin-top:.5rem;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.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}.diagram{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem}.diagram svg{width:100%;height:auto;display:block}.hotspot{position:absolute;transform:translate(-50%,-50%);font-family:var(--font);font-size:.68rem;font-weight:600;padding:.2rem .45rem;border-radius:999px;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer}.hotspot:disabled{opacity:.35;cursor:default}.hotspot:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.part-cost{color:var(--text-secondary);font-size:.78rem;margin-top:.25rem}.parts-tools{margin-top:1rem}.check-form,.choice-row{display:flex;flex-wrap:wrap;gap:.5rem}.check-form select,.check-form input{flex:1;min-width:12rem}.verdict{margin-top:1rem;padding:1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card)}.verdict.compatible{border-color:var(--green)}.verdict.partial{border-color:var(--orange)}.verdict.incompatible{border-color:var(--red)}.verdict-label{font-weight:700;margin-bottom:.35rem}.universal-card,.identify-result{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:.75rem}.universal-rule{color:var(--text-secondary);font-size:.85rem;margin:.35rem 0}.choice-btn{font-family:var(--font);background:var(--bg-card);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.7rem 1rem;cursor:pointer}.choice-btn:hover{border-color:var(--accent);color:var(--accent)}.blog-title{font-size:1.85rem;line-height:1.2;margin:.6rem 0 1rem;max-width:40rem}.blog-list{display:flex;flex-direction:column;gap:.75rem}.blog-card{text-align:left;font-family:var(--font);color:var(--text);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;cursor:pointer;display:flex;flex-direction:column;gap:.3rem}.blog-card span{color:var(--text-secondary);font-size:.85rem}.blog-card:hover{border-color:var(--accent)}.blog-body{max-width:42rem}.blog-body h2{font-size:1.25rem;margin:1.8rem 0 .2rem}.blog-body p{color:var(--text-secondary);line-height:1.7;margin:.85rem 0}.blog-body a{color:var(--accent)}.blog-figure{margin:1.25rem 0 1.4rem}.blog-figure img{width:100%;display:block;border-radius:12px;background:#111}.blog-figure figcaption{margin-top:.55rem;color:var(--text-dim);font-size:.82rem;line-height:1.5}.blog-figure figcaption a{color:var(--text-secondary)}.choice-shape{display:flex;flex-direction:column;align-items:center;gap:.35rem;min-width:6.5rem}.conn-icon{width:64px;height:48px;display:block}.shape-note{flex:1 0 100%;margin:.25rem 0 0;color:var(--text-secondary);font-size:.8rem}.connector-card .conn-icon,.identify-result .conn-icon{margin-bottom:.45rem}.vehicle-links{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.vehicle-links button{font-family:var(--font);font-size:.75rem;color:var(--accent);background:var(--accent-dim);border:none;border-radius:999px;padding:.25rem .55rem;cursor:pointer}