/* v5→v7 use case merge: homepage use-case section */
.usecase-static-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}
.usecase-static-card{padding:18px;border-radius:28px;background:linear-gradient(180deg,#081427,#0b1830);border:1px solid rgba(34,198,186,.2);box-shadow:0 22px 60px rgba(6,16,32,.22);color:#fff}
.usecase-static-card h3{font-size:1.55rem;color:#fff;margin:8px 0 10px;line-height:1.15}
.usecase-static-card p{color:#b9cad9;line-height:1.6;margin:0}
.usecase-static-card .video-shell{margin:10px 0 12px}
.usecase-static-card .usecase-tag{display:inline-flex;align-items:center;gap:8px;color:#9de5da;letter-spacing:.16em;font-size:.76rem;text-transform:uppercase;font-weight:900}
.usecase-static-card .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.usecase-static-card .actions a{flex:1 1 160px;padding:12px 16px;text-align:center}

/* ensure shell matches source build */
.video-shell{position:relative;border-radius:22px;overflow:hidden;border:1px solid rgba(183,204,215,.24);background:#000}
.video-shell video{display:block;width:100%;height:auto;min-height:240px;object-fit:cover}
.video-caption{padding:18px 0 0}

/* reduce audio toggle size globally to ~1/7 the oversized current treatment */
.video-audio-toggle{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;justify-content:center;padding:4px 6px !important;min-width:54px;height:24px;font-size:9px !important;line-height:1 !important;letter-spacing:0 !important;z-index:2;border-radius:999px !important;box-shadow:0 6px 16px rgba(31,183,173,.14),0 1px 0 rgba(255,255,255,.2) inset !important}

@media (max-width: 1024px){
  .usecase-static-grid{grid-template-columns:1fr;gap:20px}
}

/* Homepage throughput cards pulled from v7 and compacted for v5 base */
.v306-throughput{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:20px;
}
.v306-throughput article{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  padding:16px 18px;
  min-height:0;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(245,248,250,.94));
  border:1px solid rgba(182,202,214,.78);
  box-shadow:0 16px 34px rgba(9,18,34,.05);
}
.v306-throughput small{
  display:block;
  color:#176f67;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:800;
  font-size:.74rem;
  margin-bottom:6px;
}
.v306-throughput strong{
  display:block;
  font-size:clamp(1.95rem,3vw,2.25rem);
  line-height:1;
  color:#0e1a2c;
  margin-bottom:8px;
  letter-spacing:-.04em;
}
.v306-throughput span{
  display:block;
  color:#465b73;
  line-height:1.48;
  font-size:.95rem;
}

@media (max-width:1100px){
  .v306-throughput{
    grid-template-columns:1fr;
    gap:12px;
  }
  .v306-throughput article{
    padding:15px 16px;
  }
}

@media (max-width:760px){
  .v306-throughput strong{font-size:1.9rem;}
  .v306-throughput span{font-size:.92rem;}
}