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

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

.oa-wrap{
  display:flex;
  align-items:stretch;
  width:100%;
}

.oa-table-card{
  flex:1 1 auto;
  min-width:0;
  background:#fff;
  border:1px solid #e6e9f2;
  border-radius:14px;
  padding:32px 34px;
  box-shadow:0 16px 34px rgba(20,30,70,.06);
}

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

.oa-table th{
  text-align:left;
  font-weight:700;
  font-size:.8rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#132a55;
  padding:0 12px 14px 0;
  border-bottom:2px solid #132a55;
}

.oa-table td{
  padding:20px 12px 20px 0;
  border-bottom:1px solid #e6e9f2;
  color:#1c2b57;
  font-size:.92rem;
  line-height:1.55;
  vertical-align:middle;
}
.oa-table tbody tr:last-child td{border-bottom:none;padding-bottom:0;}
.oa-table td:first-child{width:46%;}

.oa-row-label{
  display:flex;align-items:center;gap:14px;
  font-weight:600;font-size:.98rem;color:#132a55;
}
.oa-row-icon{width:26px;height:26px;flex:0 0 auto;color:#132a55;}

.oa-brand-card{
  flex:0 0 250px;
  margin-left:-34px;
  z-index:2;
  background:#6a63d1;
  color:#fff;
  padding:34px 26px 30px 34px;
  box-shadow:0 20px 40px rgba(66,53,170,.28);
  clip-path:polygon(
    6% 0%, 2% 7%, 8% 13%, 3% 20%, 8% 27%, 2% 34%,
    7% 41%, 3% 48%, 8% 55%, 2% 62%, 7% 69%, 3% 76%,
    8% 83%, 2% 90%, 6% 96%, 4% 100%,
    100% 100%, 100% 0%
  );
}

.oa-brand-card h3{
  font-family:"IBM Plex Sans",sans-serif;
  font-weight:700;
  font-size:1.6rem;
  margin:0 0 .7rem;
}

.oa-brand-card hr{
  border:none;
  border-top:2px solid rgba(255,255,255,.55);
  width:56%;
  margin:0 0 22px;
}

.oa-brand-card ul{list-style:none;margin:0;padding:0;}
.oa-brand-card li{
  font-size:.92rem;
  line-height:1.6;
  padding:16px 0;
  border-top:1px solid rgba(255,255,255,.28);
}
.oa-brand-card li:first-child{border-top:none;padding-top:0;}