.cat-hero{background:linear-gradient(135deg,var(--navy-900),var(--navy-800));color:var(--ivory-50);border-radius:var(--radius-2xl);padding:clamp(28px,4vw,var(--space-16));margin-top:var(--space-6);position:relative;overflow:hidden}
.cat-hero .eyebrow{color:var(--gold-300)}.cat-hero h1{color:var(--ivory-50);font-size:clamp(1.8rem,4vw,2.5rem);margin:var(--space-3) 0}
.cat-hero p{color:var(--sand-200);max-width:52ch;line-height:1.8}
.cat-hero .hstats{display:flex;gap:var(--space-8);margin-top:var(--space-6);flex-wrap:wrap}
.cat-hero .hstats div b{display:block;font-size:1.5rem;color:var(--gold-300);font-weight:700}
.cat-hero .hstats div span{font-size:.8rem;color:var(--sand-200)}
.filter-chips{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-8)}
.filter-chips button{font-size:.85rem;font-weight:600;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--text-secondary);background:var(--bg-elevated);min-height:40px}
.filter-chips button.on{background:var(--navy-900);color:var(--ivory-50);border-color:var(--navy-900)}
.model-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}
@media(max-width:900px){.model-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.model-grid{grid-template-columns:repeat(2,1fr)}}
.mcard{display:block;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-e1);text-align:start;transition:box-shadow var(--duration-base),transform var(--duration-base)}
.mcard:hover{box-shadow:var(--shadow-e2);transform:translateY(-3px)}
.mcard .ico{width:52px;height:52px;border-radius:var(--radius-md);background:var(--bg-sunken);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}
.mcard .ico svg{width:28px;height:28px;stroke:var(--navy-800)}
.mcard h3{font-size:1.05rem}.mcard p{color:var(--text-secondary);font-size:.82rem;margin-top:2px}
.mcard .go{margin-top:var(--space-3);color:var(--link);font-weight:600;font-size:.85rem;display:inline-flex;gap:4px;align-items:center}.mcard .go svg{width:15px;height:15px}
.content-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}
@media(max-width:820px){.content-cards{grid-template-columns:1fr}}
.ccard{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-e1);transition:box-shadow var(--duration-base),transform var(--duration-base)}
.ccard:hover{box-shadow:var(--shadow-e2);transform:translateY(-3px)}
.ccard .m{aspect-ratio:16/9;background:linear-gradient(135deg,var(--navy-800),var(--navy-700));display:flex;align-items:center;justify-content:center}
.ccard .m svg{width:40px;height:40px;stroke:rgba(224,197,143,.6)}
.ccard .b{padding:var(--space-5)}.ccard h3{font-size:1rem;line-height:1.4}.ccard p{color:var(--text-secondary);font-size:.85rem;margin-top:var(--space-2)}
.ccard .meta{margin-top:var(--space-3);font-size:.72rem;color:var(--text-tertiary)}