:root{--mazda-red: #910a13;--mazda-red-light: #b3121e;--mazda-red-dark: #6b070e;--mazda-black: #1a1a1a;--mazda-charcoal: #2d2d2d;--mazda-slate: #4a4a4a;--mazda-steel: #8a8a8a;--mazda-silver: #c0c0c0;--mazda-light: #e8e8e8;--mazda-offwhite: #f7f7f5;--mazda-white: #ffffff;--bg-primary: var(--mazda-offwhite);--bg-card: var(--mazda-white);--bg-header: var(--mazda-black);--bg-highlight: rgba(145, 10, 19, .07);--bg-diff: rgba(145, 10, 19, .12);--bg-diff-alt: rgba(145, 10, 19, .07);--bg-sticky: var(--mazda-white);--text-primary: var(--mazda-black);--text-secondary: var(--mazda-slate);--text-muted: var(--mazda-steel);--text-on-dark: var(--mazda-white);--text-accent: var(--mazda-red);--border: #e0ddd9;--border-light: #f0eeeb;--border-dark: #c8c5c0;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--header-h: 64px;--table-header-h: 48px;--cell-h: 52px;--sticky-col-w: 160px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.45, 0, .15, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:.9375rem;line-height:1.5;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100dvh;overflow-x:hidden}#root{min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2;color:var(--text-primary)}a{color:var(--mazda-red);text-decoration:none;transition:color .2s var(--ease-out)}a:hover{color:var(--mazda-red-light)}img{max-width:100%;height:auto;display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::selection{background:var(--mazda-red);color:var(--mazda-white)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--mazda-silver);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--mazda-steel)}.app{display:flex;flex-direction:column;min-height:100dvh}.header{position:sticky;top:0;z-index:100;background:var(--bg-header);color:var(--text-on-dark);border-bottom:1px solid rgba(255,255,255,.08)}.header__inner{max-width:1280px;margin:0 auto;padding:0 20px;height:var(--header-h);display:flex;align-items:center;justify-content:space-between}.header__brand{display:flex;align-items:center;gap:12px}.header__logo{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--mazda-red);color:var(--mazda-white);flex-shrink:0}.header__titles{display:flex;flex-direction:column;gap:1px}.header__title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--mazda-white);line-height:1.2;margin:0}.header__subtitle{font-size:.7rem;font-weight:500;letter-spacing:.15em;color:var(--mazda-silver);line-height:1}.header__meta{display:flex;align-items:center;gap:16px}.header__year{font-size:.8125rem;font-weight:500;color:var(--mazda-silver);letter-spacing:.02em;display:flex;align-items:center;gap:6px}.header__year:before{content:"";display:block;width:4px;height:4px;border-radius:50%;background:var(--mazda-red)}.header__count{font-size:.75rem;font-weight:400;color:var(--mazda-steel);background:#ffffff0f;padding:3px 10px;border-radius:100px}.main{max-width:1280px;width:100%;margin:0 auto;padding:0 20px 60px;flex:1}.intro{padding:28px 0 24px}.intro__text{font-size:.9375rem;color:var(--text-secondary);line-height:1.6;max-width:640px}.intro__text strong{color:var(--text-primary);font-weight:600}.table-wrapper{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;margin:0 -20px;padding:0 20px;scrollbar-width:thin}.compare-table{width:100%;border-collapse:separate;border-spacing:0;min-width:min(720px,100vw);table-layout:auto}.sticky-col{position:sticky;left:0;z-index:2;background:var(--bg-sticky)}.trim-header{padding:0;vertical-align:top;min-width:130px;width:130px;background:var(--bg-card);position:relative}.trim-header:first-of-type{border-radius:var(--radius-md) 0 0 0}.trim-header:last-of-type{border-radius:0 var(--radius-md) 0 0}.trim-header+.trim-header:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:1px;background:var(--border-light)}.trim-header__btn{all:unset;display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:16px 8px 10px;cursor:pointer;text-align:center;transition:background .2s var(--ease-out);border-radius:var(--radius-md) var(--radius-md) 0 0;position:relative}.trim-header__btn:hover{background:var(--bg-highlight)}.trim-header__btn:focus-visible{outline:2px solid var(--mazda-red);outline-offset:-2px}.trim-header__badge{font-size:.625rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:100px;line-height:1.4;color:var(--mazda-white)}.trim-header__badge--base{background:var(--mazda-slate)}.trim-header__badge--popular{background:#1a7f5a}.trim-header__badge--value{background:#2a6b9c}.trim-header__badge--style{background:var(--mazda-charcoal)}.trim-header__badge--premium{background:#6a3f8a}.trim-header__badge--luxury{background:#8a6a2a}.trim-header__badge--performance{background:var(--mazda-red)}.trim-header__badge--flagship{background:#1a1a1a;border:1px solid rgba(255,255,255,.15)}.trim-header__name{font-size:.8125rem;font-weight:600;color:var(--text-primary);line-height:1.2;letter-spacing:-.01em}.trim-header__price{font-size:.8125rem;font-weight:500;color:var(--text-secondary);letter-spacing:-.01em}.trim-header__select{all:unset;display:flex;align-items:center;justify-content:center;width:100%;padding:4px 0 10px;cursor:pointer;color:var(--mazda-silver);transition:color .2s var(--ease-out);position:relative}.trim-header__select:before{content:"";position:absolute;left:20%;right:20%;top:0;height:1px;background:var(--border-light)}.trim-header__select:hover{color:var(--mazda-red)}.trim-header__select:focus-visible{outline:2px solid var(--mazda-red);outline-offset:-2px}.trim-header--selected .trim-header__select{color:var(--mazda-red)}.trim-header--selected .trim-header__btn{background:var(--bg-highlight)}.category-row{border:none}.category-label{font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:20px 16px 8px;background:var(--bg-card);border-bottom:1px solid var(--border)}.category-row:first-of-type .category-label{padding-top:12px}.spec-row{transition:background .2s var(--ease-out)}.spec-row:nth-child(2n of:not(.category-row)){background:var(--bg-primary)}.spec-label{font-size:.8125rem;font-weight:400;color:var(--text-secondary);padding:0 16px;height:var(--cell-h);white-space:nowrap;background:var(--bg-sticky);text-align:left;border-bottom:1px solid var(--border-light);vertical-align:middle;position:sticky;left:0;z-index:2}.spec-label:after{content:"";position:absolute;right:-8px;top:0;bottom:0;width:8px;background:linear-gradient(90deg,rgba(0,0,0,.06),transparent);pointer-events:none}.spec-label__text{display:inline-block}.spec-label--diff{font-weight:600;color:var(--mazda-red)}.spec-label--diff:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--mazda-red);margin-right:8px;vertical-align:middle;position:relative;top:-1px}.spec-cell{padding:0 8px;height:var(--cell-h);text-align:center;vertical-align:middle;border-bottom:1px solid var(--border-light);background:inherit;transition:background .2s var(--ease-out),box-shadow .2s var(--ease-out)}.spec-cell__text{font-size:.8125rem;font-weight:400;color:var(--text-primary);line-height:1.3}.spec-row--diff .spec-cell{background:var(--bg-diff)}.spec-row--diff:nth-child(2n of:not(.category-row)) .spec-cell{background:var(--bg-diff-alt)}.spec-cell--diff .spec-cell__text{font-weight:500;color:var(--text-primary)}.spec-cell--focused{box-shadow:inset 0 -2px 0 0 var(--mazda-red);background:#910a1308!important}.check{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%}.check--yes{background:#910a131a;color:var(--mazda-red)}.check--no{background:transparent;color:var(--mazda-silver)}.cta{margin-top:32px;padding:20px 0;border-top:1px solid var(--border-light)}.cta__text{font-size:.75rem;color:var(--text-muted);line-height:1.5;max-width:480px}@media(max-width:768px){.header__title{font-size:1.125rem}.header__inner{padding:0 16px}.main{padding:0 16px 40px}.intro{padding:20px 0 16px}.intro__text{font-size:.875rem}.table-wrapper{margin:0 -16px;padding:0 16px}.trim-header{min-width:120px;width:120px}.trim-header__btn{padding:12px 6px 8px}.trim-header__name,.trim-header__price{font-size:.75rem}.trim-header__select{padding:2px 0 8px}.spec-label{font-size:.75rem;padding:0 12px;--sticky-col-w: 140px;max-width:140px;min-width:140px}.spec-cell{padding:0 6px}.spec-cell__text{font-size:.75rem}.category-label{font-size:.625rem;padding:16px 12px 6px}.sticky-col{max-width:140px;min-width:140px}}@media(max-width:420px){.header__inner{padding:0 12px}.header__title{font-size:1rem}.header__subtitle{font-size:.625rem}.header__meta{gap:10px}.header__count{display:none}.main{padding:0 12px 32px}.table-wrapper{margin:0 -12px;padding:0 12px}.trim-header{min-width:110px;width:110px}.trim-header__badge{font-size:.5625rem;padding:1px 6px}.spec-label{--sticky-col-w: 120px;max-width:120px;min-width:120px;font-size:.6875rem;padding:0 8px}.sticky-col{max-width:120px;min-width:120px}.spec-cell{padding:0 4px}.spec-cell__text{font-size:.6875rem}.intro{padding:16px 0 12px}}