.mat-page{padding:80px 0 120px}.mat-page .section-header{margin-bottom:64px}.mat-page .section-header p{max-width:640px}.mat-category{margin-bottom:72px}.mat-category__title{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:28px;padding-bottom:12px;border-bottom:1px solid var(--border)}.mat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}.mat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s}.mat-card:hover{border-color:rgba(77,166,224,.45);box-shadow:var(--shadow-card)}.mat-card__preview{background:#0a1428;display:flex;align-items:center;justify-content:center;padding:36px 28px;min-height:160px;position:relative}.mat-card__preview--checkerboard{background-image:linear-gradient(45deg,#111c35 25%,transparent 25%),linear-gradient(-45deg,#111c35 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#111c35 75%),linear-gradient(-45deg,transparent 75%,#111c35 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;background-color:#0d1630}.mat-card__preview img,.mat-card__preview svg{max-width:100%;max-height:100px;object-fit:contain}.mat-card__zip-icon{display:flex;flex-direction:column;align-items:center;gap:8px}.mat-card__zip-icon svg{width:48px;height:48px;color:var(--gold)}.mat-card__zip-icon span{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--gold);text-transform:uppercase}.mat-card__body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1;gap:6px}.mat-card__name{font-size:15px;font-weight:600;color:var(--white);line-height:1.3}.mat-card__desc{font-size:13px;color:var(--text-muted);line-height:1.5;flex:1;margin-bottom:4px}.mat-card__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.mat-card__badge{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:4px;background:var(--blue-dim);color:var(--blue)}.mat-card__badge--zip{background:rgba(245,184,0,.12);color:var(--gold)}.mat-card__download{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-sm);background:0 0;border:1px solid var(--border);color:var(--white);font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s,color .15s;align-self:flex-start}.mat-card__download:hover{background:var(--blue-dim);border-color:var(--blue);color:var(--blue)}.mat-card__download--primary{background:var(--gold);border-color:var(--gold);color:#0d1b3e;font-weight:600}.mat-card__download--primary:hover{background:#d9a400;border-color:#d9a400;color:#0d1b3e}.mat-card__download svg{width:15px;height:15px;flex-shrink:0}.mat-card--wide{grid-column:1/-1;max-width:640px}.mat-card__preview--image{padding:0;min-height:200px;background:#0a1428}.mat-card__preview--image img{max-height:none;width:100%;height:auto;display:block;object-fit:cover}.mat-note{margin-top:48px;padding:20px 24px;background:var(--blue-dim);border:1px solid var(--border);border-radius:var(--radius);display:flex;gap:14px;align-items:flex-start;color:var(--text-muted);font-size:14px;line-height:1.6}.mat-note svg{width:18px;height:18px;flex-shrink:0;margin-top:2px;stroke:var(--blue)}.mat-note a{color:var(--blue);text-decoration:underline}