.mes-page{background:var(--color-bg);color:var(--color-text);min-block-size:65vh;padding-block-end:var(--space-16)}.mes-hero{background:radial-gradient(64rem 26rem at 15% 0%, var(--color-primary-100) 0%, transparent 62%), radial-gradient(48rem 22rem at 92% 8%, var(--color-primary-50) 0%, transparent 58%), linear-gradient(180deg, var(--color-bg-subtle) 0%, var(--color-surface) 100%);border-block-end:1px solid var(--color-border);padding-block:var(--space-8) var(--space-10);padding-inline:var(--space-4);position:relative;overflow:hidden}@media (min-width:768px){.mes-hero{padding-block:var(--space-12) var(--space-12);padding-inline:var(--space-6)}}.mes-hero-inner{max-inline-size:var(--container-xl);margin-inline:auto}.mes-breadcrumb{align-items:center;gap:var(--space-1-5);font-size:var(--text-xs);color:var(--color-text-secondary);flex-wrap:wrap;margin-block-end:var(--space-5);margin-inline:0;padding:0;list-style:none;display:flex}.mes-breadcrumb a{color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}.mes-breadcrumb a:hover{color:var(--color-primary-700)}.mes-breadcrumb-sep{color:var(--color-text-tertiary);-webkit-user-select:none;user-select:none}.mes-breadcrumb [aria-current=page]{color:var(--color-text);font-weight:var(--font-semibold)}.mes-hero-grid{gap:var(--space-6);grid-template-columns:1fr;align-items:end;display:grid}@media (min-width:1024px){.mes-hero-grid{gap:var(--space-8);grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}}.mes-eyebrow{align-items:center;gap:var(--space-2);padding-block:var(--space-1-5);padding-inline:var(--space-3-5);border-radius:var(--radius-full);background:var(--color-primary-50);border:1px solid var(--color-primary-200);color:var(--color-primary-700);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase;margin-block-end:var(--space-4);display:inline-flex}.mes-eyebrow-dot{inline-size:var(--space-2);block-size:var(--space-2);border-radius:var(--radius-full);background:var(--color-primary-600);box-shadow:0 0 0 3px var(--color-primary-100)}.mes-hero-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-extrabold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text);margin:0 0 var(--space-3)}@media (min-width:768px){.mes-hero-title{font-size:var(--text-4xl)}}.mes-hero-title-accent{color:var(--color-primary-700)}.mes-hero-lead{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);max-inline-size:64ch;margin:0}.mes-stats-card{gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-sm);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mes-stat-item{gap:var(--space-1);padding-inline:var(--space-2);border-inline-start:2px solid var(--color-primary-200);flex-direction:column;display:flex}.mes-stat-value{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--font-extrabold);color:var(--color-text);line-height:1.1}@media (min-width:768px){.mes-stat-value{font-size:var(--text-2xl)}}.mes-stat-label{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:var(--font-medium)}.mes-container{max-inline-size:var(--container-xl);padding-inline:var(--space-4);gap:var(--space-6);flex-direction:column;margin-block-start:var(--space-6);margin-inline:auto;display:flex}@media (min-width:768px){.mes-container{padding-inline:var(--space-6);gap:var(--space-8);margin-block-start:var(--space-8)}}.mes-brand-strip{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.mes-brand-pill{align-items:center;gap:var(--space-2);min-block-size:2.5rem;padding-block:var(--space-1-5);padding-inline:var(--space-3-5);border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);text-decoration:none;display:inline-flex}.mes-brand-pill:hover{border-color:var(--color-primary-300);background:var(--color-primary-50);color:var(--color-primary-700)}.mes-brand-pill[data-active=true]{background:var(--color-primary-600);border-color:var(--color-primary-600);color:var(--color-text-on-primary);box-shadow:var(--shadow-xs)}.mes-brand-pill-count{font-family:var(--font-mono);font-size:var(--text-2xs);padding-block:.125rem;padding-inline:var(--space-1-5);border-radius:var(--radius-full);background:var(--color-bg-muted);color:var(--color-text-secondary)}.mes-brand-pill[data-active=true] .mes-brand-pill-count{color:var(--color-text-on-primary);background:#ffffff38}.mes-workbench{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-5);box-shadow:var(--shadow-md);gap:var(--space-5);flex-direction:column;display:flex}@media (min-width:768px){.mes-workbench{padding:var(--space-6)}}.mes-controls-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:640px){.mes-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.mes-controls-grid{grid-template-columns:1fr 1.15fr 1.45fr 1.25fr}}.mes-field{gap:var(--space-1-5);flex-direction:column;display:flex}.mes-label{align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-secondary);display:flex}.mes-step-badge{border-radius:var(--radius-full);background:var(--color-primary-100);block-size:1.25rem;inline-size:1.25rem;color:var(--color-primary-700);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--font-extrabold);justify-content:center;align-items:center;display:inline-flex}.mes-select,.mes-search-input{inline-size:100%;min-block-size:var(--touch-target);padding-block:var(--space-2-5);padding-inline:var(--space-3-5);border-radius:var(--radius-lg);border:1.5px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.mes-select:focus,.mes-search-input:focus{border-color:var(--color-primary-600);box-shadow:0 0 0 3px var(--color-primary-100);outline:none}.mes-select:disabled{background:var(--color-bg-muted);color:var(--color-text-tertiary);cursor:not-allowed}.mes-search-wrap{align-items:center;display:flex;position:relative}.mes-search-input{padding-inline-end:var(--space-9)}.mes-search-clear{border-radius:var(--radius-full);background:var(--color-bg-muted);block-size:1.75rem;inline-size:1.75rem;color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-xs);border:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-inline-end:var(--space-2)}.mes-search-clear:hover{background:var(--color-border);color:var(--color-text)}.mes-quick-models{align-items:center;gap:var(--space-2);border-block-start:1px dashed var(--color-border);flex-wrap:wrap;padding-block-start:var(--space-3);display:flex}.mes-quick-label{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-text-secondary);margin-inline-end:var(--space-1)}.mes-quick-chip{min-block-size:2rem;padding-block:var(--space-1);padding-inline:var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-subtle);border:1px solid var(--color-border);color:var(--color-text);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);align-items:center;display:inline-flex}.mes-quick-chip:hover{border-color:var(--color-primary-300);background:var(--color-primary-50);color:var(--color-primary-700)}.mes-quick-chip[data-active=true]{background:var(--color-primary-50);border-color:var(--color-primary-600);color:var(--color-primary-700);font-weight:var(--font-bold)}.mes-summary-grid{gap:var(--space-5);grid-template-columns:1fr;display:grid}@media (min-width:1024px){.mes-summary-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}}.mes-arch-card,.mes-rec-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm);gap:var(--space-4);flex-direction:column;display:flex}.mes-rec-card{background:linear-gradient(155deg, var(--color-surface) 0%, var(--color-primary-50) 100%);border-color:var(--color-primary-200)}.mes-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);flex-wrap:wrap;display:flex}.mes-card-kicker{font-size:var(--text-2xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-primary-700)}.mes-card-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-extrabold);color:var(--color-text);margin:var(--space-0-5) 0 0}.mes-ecu-pill-counter{align-items:center;gap:var(--space-1-5);padding-block:var(--space-1);padding-inline:var(--space-3);border-radius:var(--radius-full);background:var(--color-primary-100);color:var(--color-primary-700);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-extrabold);display:inline-flex}.mes-req-list{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mes-req-box{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);gap:var(--space-1-5);flex-direction:column;display:flex}.mes-req-box-label{font-size:var(--text-2xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-secondary)}.mes-req-box-chips{gap:var(--space-1-5);flex-wrap:wrap;align-items:center;display:flex}.mes-sgw-alert{align-items:flex-start;gap:var(--space-2-5);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-warning-50);border:1px solid var(--color-warning-500);color:var(--color-warning-700);font-size:var(--text-xs);line-height:var(--leading-snug);font-weight:var(--font-medium);display:flex}.mes-rec-grid{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (min-width:640px){.mes-rec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.mes-product-item{justify-content:space-between;gap:var(--space-2-5);padding:var(--space-3-5);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);flex-direction:column;text-decoration:none;display:flex}.mes-product-item:hover{border-color:var(--color-primary-500);box-shadow:var(--shadow-md);transform:translateY(-1px)}.mes-product-top{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.mes-product-role{font-size:var(--text-2xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding-block:.15rem;padding-inline:var(--space-2);border-radius:var(--radius-sm);background:var(--color-primary-50);color:var(--color-primary-700);border:1px solid var(--color-primary-200)}.mes-product-sku{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary)}.mes-product-name{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text);line-height:var(--leading-snug);margin:0}.mes-product-reason{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-snug);margin:0}.mes-product-cta{align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-primary-700);margin-block-start:auto;display:inline-flex}.mes-sys-filter-bar{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.mes-sys-pill{align-items:center;gap:var(--space-1-5);min-block-size:2.375rem;padding-block:var(--space-1-5);padding-inline:var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--font-bold);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);display:inline-flex}.mes-sys-pill:hover{border-color:var(--color-primary-300);color:var(--color-text)}.mes-sys-pill[data-active=true]{background:var(--color-text);border-color:var(--color-text);color:var(--color-surface)}.mes-sys-pill-count{font-family:var(--font-mono);font-size:var(--text-2xs);padding-block:.1rem;padding-inline:var(--space-1-5);border-radius:var(--radius-sm);background:var(--color-bg-muted);color:var(--color-text-secondary)}.mes-sys-pill[data-active=true] .mes-sys-pill-count{color:var(--color-surface);background:#fff3}.mes-table-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);overflow:hidden}.mes-table-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);padding-block:var(--space-4);padding-inline:var(--space-5);background:var(--color-bg-subtle);border-block-end:1px solid var(--color-border);flex-wrap:wrap;display:flex}.mes-table-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-extrabold);color:var(--color-text);margin:0}.mes-legend-inline{gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.mes-legend-item{align-items:center;gap:var(--space-1-5);display:inline-flex}.mes-legend-dot{border-radius:var(--radius-full);block-size:.5rem;inline-size:.5rem}.mes-legend-dot--free{background:var(--color-success-600)}.mes-legend-dot--reg{background:var(--color-primary-600)}.mes-table-wrapper{max-inline-size:100%;overflow-x:auto;container-type:inline-size}.mes-table-wrapper:focus-visible{outline:2px solid var(--color-primary-600);outline-offset:-2px}.mes-table{border-collapse:collapse;text-align:start;inline-size:100%}.mes-table thead th{z-index:1;background:var(--color-bg-muted);color:var(--color-text-secondary);font-size:var(--text-2xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);padding-block:var(--space-3);padding-inline:var(--space-4);border-block-end:1px solid var(--color-border);white-space:nowrap;position:sticky;inset-block-start:0}.mes-table tbody tr{border-block-end:1px solid var(--color-border);transition:background-color var(--duration-fast) var(--ease-out)}.mes-table tbody tr:last-child{border-block-end:none}.mes-table tbody tr:hover{background:var(--color-bg-subtle)}.mes-table td{padding-block:var(--space-3-5);padding-inline:var(--space-4);vertical-align:middle;font-size:var(--text-sm)}.mes-ecu-name-wrap{gap:var(--space-1);flex-direction:column;display:flex}.mes-ecu-name{font-weight:var(--font-bold);color:var(--color-text);line-height:var(--leading-snug)}.mes-ecu-meta{align-items:center;gap:var(--space-1-5);flex-wrap:wrap;display:flex}.mes-proto-chip{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-text-secondary);background:var(--color-bg-muted);padding-block:.1rem;padding-inline:var(--space-1-5);border-radius:var(--radius-xs)}.mes-lic-badge{align-items:center;gap:var(--space-1);font-size:var(--text-2xs);font-weight:var(--font-bold);padding-block:.1rem;padding-inline:var(--space-2);border-radius:var(--radius-full);display:inline-flex}.mes-lic-badge--reg{background:var(--color-primary-50);color:var(--color-primary-700);border:1px solid var(--color-primary-200)}.mes-lic-badge--free{background:var(--color-success-50);color:var(--color-success-700);border:1px solid var(--color-success-500)}.mes-sys-badge{padding-block:var(--space-1);padding-inline:var(--space-2-5);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-bold);white-space:nowrap;background:var(--color-bg-muted);color:var(--color-text);border:1px solid var(--color-border);align-items:center;display:inline-flex}.mes-sys-badge[data-sys=motor]{background:var(--color-error-50);color:var(--color-error-700);border-color:#fecaca}.mes-sys-badge[data-sys=proxi]{background:var(--color-primary-50);color:var(--color-primary-700);border-color:var(--color-primary-200)}.mes-sys-badge[data-sys=body]{background:var(--color-info-50);color:var(--color-info-700);border-color:#bfdbfe}.mes-sys-badge[data-sys=abs],.mes-sys-badge[data-sys=airbag]{background:var(--color-warning-50);color:var(--color-warning-700);border-color:#fde68a}.mes-sys-badge[data-sys=servis],.mes-sys-badge[data-sys=eps]{background:var(--color-success-50);color:var(--color-success-700);border-color:#bbf7d0}.mes-chip-row{gap:var(--space-1-5);flex-wrap:wrap;align-items:center;display:flex}.mes-int-chip{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-bold);padding-block:.2rem;padding-inline:var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.mes-int-chip[data-int=ELM]{background:var(--color-info-50);color:var(--color-info-700);border-color:#93c5fd}.mes-int-chip[data-int=KL]{background:var(--color-warning-50);color:var(--color-warning-700);border-color:#fcd34d}.mes-ad-chip{align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-extrabold);padding-block:.2rem;padding-inline:var(--space-2-5);border-radius:var(--radius-sm);white-space:nowrap;display:inline-flex}.mes-ad-chip[data-ad=A1]{color:#166534;background:#dcfce7;border:1px solid #86efac}.mes-ad-chip[data-ad=A2]{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.mes-ad-chip[data-ad=A3]{color:#854d0e;background:#fef9c3;border:1px solid #fde047}.mes-ad-chip[data-ad=A4]{color:#6b21a8;background:#f3e8ff;border:1px solid #d8b4fe}.mes-ad-chip[data-ad=A5]{color:#1e40af;background:#dbeafe;border:1px solid #93c5fd}.mes-ad-chip[data-ad=A6]{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1}.mes-ad-chip[data-ad="3-Pin"]{color:#fff;background:#1e293b;border:1px solid #0f172a}.mes-ad-chip[data-ad=PIN]{background:var(--color-bg-muted);color:var(--color-text);border:1px solid var(--color-border-strong)}.mes-ad-direct{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-success-700)}.mes-cmd-chip{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--font-bold);padding-block:.15rem;padding-inline:var(--space-1-5);border-radius:var(--radius-xs);background:var(--color-bg-muted);color:var(--color-text-secondary);border:1px solid var(--color-border)}.mes-cmd-chip[data-highlight=true]{background:var(--color-primary-50);color:var(--color-primary-700);border-color:var(--color-primary-200)}@container not (min-width:720px){.mes-table thead{display:none}.mes-table,.mes-table tbody,.mes-table tr,.mes-table td{inline-size:100%;display:block}.mes-table tbody tr{padding:var(--space-4);border-block-end:1px solid var(--color-border)}.mes-table td{justify-content:space-between;align-items:center;gap:var(--space-2);padding-block:var(--space-2);border-block-end:1px dashed var(--color-border);flex-wrap:wrap;padding-inline:0;display:flex}.mes-table td:first-child{padding-block-start:0;padding-block-end:var(--space-3);display:block}.mes-table td:last-child{border-block-end:none;padding-block-end:0}.mes-table td:before{content:attr(data-label);font-size:var(--text-2xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-secondary)}.mes-table td:first-child:before{display:none}}.mes-section-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-xs)}.mes-section-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-extrabold);color:var(--color-text);margin:0 0 var(--space-2)}.mes-section-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-5);max-inline-size:72ch}.mes-adapter-grid{gap:var(--space-3-5);grid-template-columns:1fr;display:grid}@media (min-width:640px){.mes-adapter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.mes-adapter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.mes-adapter-box{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.mes-adapter-box-head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.mes-adapter-pinmap{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-text)}.mes-adapter-target{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.mes-faq-list{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (min-width:768px){.mes-faq-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.mes-faq-item{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4)}.mes-faq-q{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-2)}.mes-faq-a{font-size:var(--text-xs);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin:0}.mes-empty-state{padding:var(--space-10) var(--space-4);text-align:center;color:var(--color-text-secondary);font-size:var(--text-sm)}