.compat-page{padding-top:5rem;background:var(--bg-color);color:var(--text-primary);min-height:100vh}.compat-hero-interactive{padding:2.5rem 0 5rem}.compat-hero-copy{text-align:center;max-width:780px;margin:0 auto 3rem}.compat-eyebrow-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.38rem .95rem;background:#ffffff;border:1px solid rgba(0,0,0,.08);border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-secondary);box-shadow:0 1px 2px rgba(0,0,0,.03);margin-bottom:1.5rem}.compat-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--text-primary)}.compat-main-heading{font-size:clamp(2.4rem,5.5vw,4rem);font-weight:700;line-height:1.05;letter-spacing:-2px;color:var(--text-primary);margin-bottom:1.25rem}.compat-heading-accent{background:linear-gradient(135deg,#1d1d1f,#52525b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.compat-hero-desc{font-size:clamp(1rem,1.6vw,1.15rem);color:var(--text-secondary);line-height:1.6;max-width:600px;margin:0 auto}.compat-finder-card{background:#ffffff;border:1px solid rgba(0,0,0,.08);border-radius:22px;box-shadow:0 20px 48px -12px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.02);overflow:hidden;max-width:1040px;margin:0 auto}.compat-brand-tabs{display:flex;background:#fafafc;border-bottom:1px solid rgba(0,0,0,.08);overflow-x:auto;scrollbar-width:none;padding:.4rem;gap:.35rem}.compat-brand-tabs::-webkit-scrollbar{display:none}.brand-tab-btn{border:none;background:transparent;padding:.65rem 1.15rem;font-size:.84rem;font-weight:600;color:var(--text-secondary);border-radius:12px;cursor:pointer;white-space:nowrap;transition:all .18s ease;display:inline-flex;align-items:center}.brand-tab-btn:hover{color:var(--text-primary);background:rgba(0,0,0,.03)}.brand-tab-btn.active{background:#ffffff;color:var(--text-primary);box-shadow:0 1px 4px rgba(0,0,0,.08)}.compat-active-panel{padding:2.5rem}@media (max-width:768px){.compat-active-panel{padding:1.5rem}}.active-panel-grid{display:grid;grid-template-columns:1.25fr 1fr;grid-gap:3rem;gap:3rem;align-items:center}@media (max-width:900px){.active-panel-grid{grid-template-columns:1fr;gap:2rem}}.panel-primary-info{display:flex;flex-direction:column;gap:1.25rem}.panel-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.panel-brand-sub{font-size:.68rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#94a3b8;display:block;margin-bottom:.25rem}.panel-brand-title{font-size:1.6rem;letter-spacing:-.5px}.panel-brand-title,.panel-verified-badge{font-weight:700;color:var(--text-primary)}.panel-verified-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;padding:.3rem .65rem;border-radius:100px;background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.06);flex-shrink:0}.panel-summary-text{font-size:.95rem;color:var(--text-secondary);line-height:1.65}.panel-formats-box{background:#fafafc;border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}@media (max-width:600px){.panel-formats-box{flex-direction:column;align-items:flex-start;gap:.85rem}.format-box-divider{display:none}}.format-highlight-item{display:flex;flex-direction:column;gap:.2rem}.format-type-lbl{font-size:.65rem;font-weight:700;letter-spacing:.75px;text-transform:uppercase;color:#94a3b8}.format-ext-val{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.15rem;font-weight:800;color:var(--text-primary)}.format-box-divider{width:1px;height:32px;background:rgba(0,0,0,.08)}.panel-specs-col{gap:1.25rem;background:#ffffff;border:1px solid rgba(0,0,0,.07);border-radius:16px;padding:1.5rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}.panel-spec-row,.panel-specs-col{display:flex;flex-direction:column}.panel-spec-row{gap:.25rem}.spec-row-lbl{font-size:.65rem;font-weight:700;letter-spacing:.75px;text-transform:uppercase;color:#94a3b8}.spec-row-val{font-size:.9rem;font-weight:600;color:var(--text-primary)}.panel-model-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.2rem}.panel-chip{font-size:.72rem;font-weight:600;padding:.2rem .55rem;border-radius:6px;background:#fafafc;border:1px solid rgba(0,0,0,.06);color:var(--text-secondary)}.panel-action-btn{margin-top:.5rem;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;background:var(--text-primary);color:var(--bg-color);border-radius:100px;font-size:.85rem;font-weight:600;text-decoration:none;transition:opacity .2s ease}.panel-action-btn:hover{opacity:.88}.compat-all-brands-section{padding:5rem 0 3rem;border-top:1px solid rgba(0,0,0,.06)}.section-title-wrap{text-align:center;max-width:600px;margin:0 auto 3rem}.section-mini-tag{display:inline-block;font-size:.68rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.5rem}.section-title-wrap h2{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;letter-spacing:-1px;color:var(--text-primary);margin-bottom:.5rem}.section-title-wrap p{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.all-brands-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.25rem;gap:1.25rem}@media (max-width:960px){.all-brands-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.all-brands-grid{grid-template-columns:1fr}}.brand-overview-card{background:#ffffff;border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:1.75rem;display:flex;flex-direction:column;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 4px 16px -4px rgba(0,0,0,.04);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.brand-overview-card:hover{transform:translateY(-2px);border-color:rgba(0,0,0,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 24px -8px rgba(0,0,0,.06)}.brand-overview-card.highlighted{border-color:var(--text-primary)}.card-top-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.card-brand-heading{font-size:1.15rem;font-weight:700;color:var(--text-primary);letter-spacing:-.2px}.card-ext-pill{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.75rem;font-weight:800;padding:.2rem .55rem;border-radius:6px;background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.06);color:var(--text-primary)}.card-notes-p{font-size:.88rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.card-tested-models{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;gap:.45rem}.models-label{font-size:.65rem;font-weight:700;letter-spacing:.75px;color:#94a3b8}.models-chips-wrap{display:flex;flex-wrap:wrap;gap:.35rem}.micro-chip{font-size:.7rem;font-weight:600;padding:.18rem .5rem;border-radius:4px;background:#fafafc;border:1px solid rgba(0,0,0,.06);color:var(--text-secondary)}.compat-specs-section{padding:5rem 0 3rem;border-top:1px solid rgba(0,0,0,.06)}.compat-specs-table{background:#ffffff;border:1px solid rgba(0,0,0,.08);border-radius:18px;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 4px 16px -4px rgba(0,0,0,.04);max-width:900px;margin:0 auto}.compat-spec-row{display:grid;grid-template-columns:110px 1fr;align-items:center;padding:1.35rem 1.75rem;border-bottom:1px solid rgba(0,0,0,.06);transition:background .15s ease}.compat-spec-row:last-child{border-bottom:none}.compat-spec-row:hover{background:#fafafc}@media (max-width:600px){.compat-spec-row{grid-template-columns:1fr;gap:.75rem}}.compat-spec-ext-box{display:flex;align-items:center}.spec-ext-name{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.95rem;font-weight:800;color:var(--text-primary);background:rgba(0,0,0,.04);padding:.25rem .6rem;border-radius:6px;border:1px solid rgba(0,0,0,.07)}.compat-spec-details{display:flex;flex-direction:column;gap:.25rem}.compat-spec-head strong{font-size:.95rem;font-weight:700;color:var(--text-primary)}.compat-spec-text{font-size:.88rem;color:var(--text-secondary);line-height:1.55;margin:0}.compat-cta-banner{text-align:center;padding:4.5rem 2rem;margin:4rem 0 5rem;border-radius:24px;background:var(--text-primary);color:#ffffff}.compat-cta-banner h2{font-size:clamp(2rem,3.5vw,2.75rem);font-weight:700;letter-spacing:-1.2px;margin-bottom:.75rem;color:#ffffff}.compat-cta-banner p{font-size:1rem;color:#a1a1aa;margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.btn-compat-white{display:inline-flex;align-items:center;padding:.85rem 2rem;background:#ffffff;color:#111113;border-radius:100px;font-size:.92rem;font-weight:600;text-decoration:none;transition:opacity .2s ease,transform .2s ease}.btn-compat-white:hover{opacity:.9;transform:translateY(-1px)}