/* page-specific additions on top of vision.css (title/body/reveal system reused as-is) */

.wwa-note{
  font-family:"IBM Plex Sans",sans-serif;
  font-style:italic;
  font-weight:400;
  color:#28417c;
  font-size:clamp(15px,1.15vw,17px);
  line-height:1.75;
  margin-top:1.6rem;
  opacity:0;
  transform:translateY(24px);
  transition:opacity .8s ease .9s, transform .8s ease .9s;
}

.vision-visual{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .9s ease .5s, transform .9s ease .5s;
}

.vision-scene.revealed .wwa-note,
.vision-scene.revealed .vision-visual{
  opacity:1;
  transform:translateY(0);
}

.wwa-table-wrap{width:100%;}

.wwa-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  font-family:"IBM Plex Sans",sans-serif;
}

.wwa-table th{
  font-weight:600;
  font-size:.85rem;
  color:#132a55;
  text-align:center;
  padding:0 10px 14px;
  border-bottom:2px solid #132a55;
}
.wwa-table th:first-child{border-bottom:none;}

.wwa-table td{
  padding:16px 10px;
  text-align:center;
  vertical-align:middle;
  color:#132a55;
  font-size:1.1rem;
  border-bottom:1px solid #e2e5ee;
}
.wwa-table tbody tr:last-child td{border-bottom:none;}

.wwa-table th:first-child,
.wwa-table td:first-child{
  text-align:left;
  width:32%;
}

.wwa-row-label{
  display:flex;align-items:center;gap:10px;
  font-size:.85rem;font-weight:500;
  white-space:nowrap;
}
.wwa-row-icon{width:24px;height:24px;flex:0 0 auto;color:#132a55;}

.wwa-brand-head,
.wwa-brand-cell{
  background:#6a63d1;
  color:#fff;
}
.wwa-brand-head{
  border-radius:12px 12px 0 0;
  padding-top:16px;
  font-size:1rem;
  letter-spacing:.03em;
}
.wwa-brand-cell{
  font-weight:700;
  font-size:1.2rem;
  border-bottom:1px solid rgba(255,255,255,.25);
}
.wwa-table tbody tr:last-child .wwa-brand-cell{
  border-radius:0 0 12px 12px;
  padding-bottom:16px;
  border-bottom:none;
}

.wwa-legend{
  display:flex;flex-wrap:wrap;gap:20px;
  margin-top:18px;
  font-family:"IBM Plex Sans",sans-serif;
  font-size:.78rem;
  color:#132a55;
}