/* Scoped layout for the homepage Why Vista section. */
#main #why-vista { padding:104px 0 !important; }
#main #why-vista .center-head {
  display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  gap:20px 64px; align-items:end;
  width:100%; max-width:none !important; text-align:left;
  margin:0 0 52px !important;
}
#main #why-vista .center-head .eyebrow {
  grid-column:1 / -1; font-size:13px !important; line-height:1.6; letter-spacing:.1em !important;
}
#main #why-vista .center-head h2 {
  max-width:20ch; margin:0 !important;
  font-size:clamp(34px,3.7vw,52px) !important; line-height:1.12 !important;
}
#main #why-vista .center-head > p { max-width:42ch; margin:0 !important; font-size:18px !important; line-height:1.7 !important; }
#main #why-vista .feature-switcher {
  display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr) !important;
  gap:40px !important; align-items:start !important;
}
#main #why-vista .switch-list { display:grid; grid-template-columns:minmax(0,1fr) !important; gap:16px !important; min-width:0; }
#main #why-vista .switch-btn {
  display:grid; grid-template-columns:36px minmax(0,1fr); align-items:start;
  gap:18px; width:100%; min-width:0; min-height:0; margin:0;
  padding:26px !important; text-align:left;
  border:1px solid #dce3eb !important; border-radius:18px !important;
  background:#fff !important; box-shadow:none !important;
}
#main #why-vista .switch-btn.active { border-color:#258caa !important; background:#eff8fa !important; }
#main #why-vista .switch-btn > span {
  display:grid; place-items:center; width:36px; height:36px;
  border-radius:10px; background:#edf1f6; color:#536880; font-size:13px;
}
#main #why-vista .switch-btn.active > span { background:#10213f; color:#fff; }
#main #why-vista .switch-btn b { display:block; font-size:19px; line-height:1.35; color:#10213f; }
#main #why-vista .switch-btn small { display:block !important; margin-top:8px; font-size:15px; line-height:1.65; color:#526176; }
#main #why-vista .switch-visual.visual-frame {
  display:block !important; width:100% !important; max-width:100% !important;
  height:auto !important; min-height:0 !important; aspect-ratio:auto !important;
  padding:20px !important; border:1px solid #dce3eb !important; border-radius:24px !important;
  background:#fff !important; box-shadow:0 12px 36px rgba(16,33,63,.05) !important;
}
#main #why-vista .switch-visual > img { position:static !important; width:100% !important; height:auto !important; margin:0 !important; border-radius:14px !important; object-fit:contain !important; }
#main #why-vista .tab-pane { display:none !important; position:static !important; padding:0 !important; background:transparent !important; transform:none !important; }
#main #why-vista .tab-pane.active { display:block !important; }
#main #why-vista .pane-card { position:static !important; width:100% !important; max-width:100% !important; padding:28px 8px 8px !important; margin:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; }
#main #why-vista .pane-card h3 { margin:10px 0 20px; font-size:25px !important; line-height:1.3 !important; }
#main #why-vista .signal-list { margin-top:0; gap:10px; }
#main #why-vista .signal-list span { border:0; padding:8px 0; background:transparent; font-size:15px; }
#main #why-vista .workflow-list { display:grid; gap:12px; font-size:15px; line-height:1.6; }
#main #why-vista .person-card { flex-wrap:wrap; gap:12px; padding:16px 0; }
#main #why-vista .person-card b { font-size:16px; }
#main #why-vista .person-card small { font-size:14px; line-height:1.6; }
@media(max-width:980px) {
  #main #why-vista .center-head { grid-template-columns:minmax(0,1fr); gap:20px; margin-bottom:36px !important; }
  #main #why-vista .center-head h2 { max-width:23ch; }
  #main #why-vista .center-head > p { max-width:64ch; }
  #main #why-vista .feature-switcher { grid-template-columns:minmax(0,1fr) !important; gap:28px !important; }
}
@media(max-width:600px) {
  #main #why-vista { padding:64px 0 !important; }
  #main #why-vista .switch-btn { padding:20px !important; gap:14px; }
  #main #why-vista .switch-visual.visual-frame { padding:14px !important; border-radius:20px !important; }
  #main #why-vista .pane-card { padding:24px 4px 4px !important; }
  #main #why-vista .pane-card h3 { font-size:22px !important; }
}