.hero-badge-card{ background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:var(--radius-lg); padding:32px; }
.hero-badge-card h3{ font-size:28px; font-weight:700; color:#fff; margin-bottom:10px; }
.hero-badge-card p{ color:#C7D0E3; font-size:14px; line-height:1.6; margin-bottom:20px; }
.hero-badge-card .spec-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.hero-badge-card .spec .lbl{ font-family:var(--font-body); font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.5); }
.hero-badge-card .spec .val{ font-family:var(--font-display); font-size:16px; font-weight:600; color:#fff; margin-top:2px; }

.manifold-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.manifold-card{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); overflow:hidden;
  display:flex; flex-direction:column; transition:transform .2s, box-shadow .2s;
  scroll-margin-top:90px;
}
.manifold-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-lg); }
.manifold-card .mc-photo{
  aspect-ratio:1; background:var(--bg-2); border-bottom:1px solid var(--line);
  display:flex; align-items:center; justify-content:center; padding:18px;
}
.manifold-card .mc-photo img{ width:100%; height:100%; object-fit:contain; }
.manifold-card .mc-header{
  background:linear-gradient(135deg, #0E2A5E, #1B4A8C);
  padding:24px 22px; position:relative; overflow:hidden;
}
.manifold-card .mc-header::before{
  content:""; position:absolute; inset:0;
  background:repeating-linear-gradient(45deg, rgba(255,255,255,.03) 0 2px, transparent 2px 20px);
}
.manifold-card .mc-num{
  position:absolute; top:16px; right:20px;
  font-family:var(--font-display); font-size:56px; font-weight:700;
  color:rgba(255,255,255,.08); line-height:1; letter-spacing:-.04em;
}
.manifold-card .mc-badge{
  display:inline-flex; align-items:center; gap:6px;
  background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.2);
  border-radius:999px; padding:4px 12px;
  font-family:var(--font-body); font-size:10px; letter-spacing:.12em; color:#fff;
  margin-bottom:12px;
}
.manifold-card .mc-header h3{ color:#fff; font-size:24px; font-weight:700; position:relative; }
.manifold-card .mc-header p{ color:rgba(255,255,255,.7); font-size:13px; margin-top:4px; position:relative; }
.manifold-card .mc-body{ padding:24px; flex:1; }
.manifold-card .mc-body ul{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:7px; }
.manifold-card .mc-body li{ font-size:13.5px; color:var(--ink-2); padding-left:16px; position:relative; }
.manifold-card .mc-body li::before{ content:""; position:absolute; left:0; top:8px; width:5px; height:5px; background:var(--red); border-radius:50%; }
.manifold-card .mc-body .mc-cta{
  display:inline-flex; align-items:center; gap:8px;
  font-family:var(--font-display); font-weight:700; font-size:13px;
  color:var(--navy); text-transform:uppercase; letter-spacing:.04em;
}
.manifold-card .mc-body .mc-cta:hover{ color:var(--red); }

.mount-grid{ display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.mount-card{ background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); padding:28px; }
.mount-card h3{ font-size:19px; font-weight:600; margin-bottom:14px; }
.mount-card ul{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:8px; }
.mount-card li{ font-size:14px; color:var(--ink-2); padding-left:16px; position:relative; }
.mount-card li::before{ content:""; position:absolute; left:0; top:8px; width:5px; height:5px; background:var(--navy); border-radius:50%; }

.mat-table{ width:100%; border-collapse:collapse; font-size:14px; }
.mat-table th{ background:var(--navy); color:#fff; padding:12px 16px; text-align:left; font-family:var(--font-display); font-weight:600; font-size:13px; }
.mat-table td{ padding:11px 16px; border-bottom:1px solid var(--line); color:var(--ink-2); }
.mat-table tr:last-child td{ border-bottom:none; }
.mat-table tr:nth-child(even) td{ background:var(--bg-2); }
.mat-tag{ background:var(--navy-50); color:var(--navy); font-size:11px; font-family:var(--font-body); letter-spacing:.06em; padding:2px 8px; border-radius:4px; white-space:nowrap; display:inline-block; margin:2px; }

@media(max-width:900px){
  .manifold-grid{ grid-template-columns:1fr; }
  .mount-grid{ grid-template-columns:1fr; }
}
