.ss2-split-hero { margin-top: var(--space-7); display: flex; align-items: center; gap: var(--space-4); max-width: 520px; }
.ss2-profile-card { flex: 1; background: var(--white); border-radius: var(--radius-lg); padding: var(--space-5); box-shadow: var(--shadow-md); display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
.ss2-profile-card svg { color: var(--emerald); }
.ss2-profile-card strong { font-size: 1rem; color: var(--navy); }
.ss2-profile-card span { font-size: 0.75rem; color: var(--text-muted); }
.ss2-connector-line { width: 40px; height: 2px; background: var(--gradient-brand); flex-shrink: 0; }

.ss2-cards-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-4); }
.ss2-card { background: var(--white); border: 1px solid rgba(11,43,51,0.07); border-radius: var(--radius-md); padding: var(--space-4); box-shadow: var(--shadow-sm); }
.ss2-card h4 { font-size: 0.95rem; font-weight: 700; color: var(--navy); margin-bottom: 6px; }
.ss2-card p { font-size: 0.85rem; color: var(--text-secondary); line-height: 1.6; }

.ss2-staff-section { background: var(--white); padding: var(--space-8) 0; border-top: 1px solid rgba(11,43,51,0.06); border-bottom: 1px solid rgba(11,43,51,0.06); }

.ss2-connect-table { background: var(--white); border-radius: var(--radius-lg); border: 1px solid rgba(11,43,51,0.08); overflow: hidden; box-shadow: var(--shadow-sm); }
.connect-head, .connect-row { display: grid; grid-template-columns: 1fr 1fr 2fr; gap: var(--space-3); padding: 16px 20px; }
.connect-head { background: var(--light-grey); font-size: 0.8rem; font-weight: 700; color: var(--text-secondary); }
.connect-row { border-top: 1px solid rgba(11,43,51,0.06); font-size: 0.88rem; color: var(--text-secondary); align-items: center; }
.layer-name { font-weight: 700; color: var(--navy); }

.ss2-faq-section { max-width: 760px; padding-bottom: var(--space-8); }

@media (max-width: 900px) {
  .ss2-cards-grid { grid-template-columns: repeat(2, 1fr); }
  .connect-head, .connect-row { grid-template-columns: 0.8fr 0.8fr 1.4fr; font-size: 0.78rem; padding: 12px; }
}
@media (max-width: 560px) {
  .ss2-cards-grid { grid-template-columns: 1fr; }
  .ss2-split-hero { flex-direction: column; }
  .ss2-connector-line { width: 2px; height: 30px; }
}
