/* ── HERO ── */
  .heroQsm {
    background: linear-gradient(108deg, #0f2d36 55%, #00526a 100%);
    height: 40px;
    display: flex;
    align-items: center;
    padding: 2.5rem 3rem;
    position: relative;
    overflow: hidden;
  }

  .heroQsm::before {
    content: '';
    position: absolute;
    top: 0; right: 0;
    width: 42%;
    height: 100%;
    background: var(--primary);
    opacity: 0.12;
    clip-path: polygon(18% 0, 100% 0, 100% 100%, 0% 100%);
  }