#hero-bg-inner{
  background-image:
    linear-gradient(90deg,rgba(12,11,10,.95) 0%,rgba(12,11,10,.82) 32%,rgba(12,11,10,.42) 60%,rgba(12,11,10,.12) 100%),
    linear-gradient(180deg,rgba(12,11,10,.5) 0%,rgba(12,11,10,0) 24%,rgba(12,11,10,0) 66%,rgba(12,11,10,.65) 100%),
    url('../images/img-smartflow.png');
}
.levels{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:clamp(28px,3vw,40px)}
.level{
  border:1px solid var(--line-d);border-top:2px solid var(--yellow);
  border-radius:8px;padding:26px 26px 30px;background:var(--ink-2);
  transition:border-color .3s ease, transform .3s ease;
}
.level:hover{border-color:rgba(255,194,68,.4);transform:translateY(-4px)}
.level .tier{font-family:var(--sans);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--yellow)}
.level h4{font-weight:600;font-size:19px;margin:12px 0 10px;line-height:1.2}
.level p{font-size:14px;line-height:1.62;color:var(--muted-d)}
.levels-note{font-family:var(--sans);font-size:13px;color:rgba(246,244,241,.5);margin-top:22px;text-align:center}
.unified .dims.trio{grid-template-columns:repeat(3,1fr)}
.sf-note{
  font-family:var(--sans);font-size:14px;line-height:1.62;
  color:rgba(246,244,241,.55);margin-top:20px;max-width:60ch;
  padding-left:16px;border-left:2px solid var(--line-d);
}
@media(max-width:860px){.levels{grid-template-columns:1fr}.unified .dims.trio{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.unified .dims.trio{grid-template-columns:1fr}}