/* /hub, Ansamble Hub (Boris 2026-10-29, third pass): the sides of a business, numbers not opinions, not a chat */
.hb-hero .join{margin-top:28px}
.hb-hero .hb-film{margin:36px auto 0;max-width:1100px;animation-delay:.3s}
.hb-sides{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}
.hb-sides li{display:grid;gap:8px;align-content:start;padding:24px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.hb-sides .i{width:26px;height:26px;color:var(--accent)}
.hb-sides b{font-size:20px;letter-spacing:-.02em}
.hb-sides span{font-size:15px;line-height:1.5;color:var(--ink2)}
.hb-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}
.hb-steps li{display:grid;gap:8px;align-content:start;padding:24px;border-radius:20px;background:var(--ink);color:#fff}
.hb-steps .n{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);font-weight:800}
.hb-steps b{font-size:20px;letter-spacing:-.02em}
.hb-steps span{font-size:15px;line-height:1.5;color:rgba(255,255,255,.75)}
.hb-vs{margin-top:32px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line);overflow:hidden}
.hb-vs-r{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr) minmax(0,1fr);gap:16px;padding:16px 24px;border-top:1px solid var(--line);font-size:16px;line-height:1.4}
.hb-vs-r:first-child{border-top:0}
.hb-vs-h{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.hb-vs-r>span:last-child{font-weight:700;color:var(--ink)}
.hb-vs-r>span:nth-child(2){color:var(--ink2)}
@media (max-width:900px){
  .hb-sides,.hb-steps{grid-template-columns:1fr;gap:12px}
  .hb-sides li,.hb-steps li{padding:20px}
  .hb-vs-r{grid-template-columns:minmax(0,.6fr) minmax(0,1fr) minmax(0,1fr);gap:10px;padding:14px 16px;font-size:14px}
}