/* Scalenet, v15 (2026-10-11): three quiet rows. The tools the team works with, as a background that drifts sideways;
   the clients' logos, on plates of their own colour, turning slowly; what two clients wrote. No row is a link.
   The site's own "Pause motion" control and the visitor's reduced-motion setting stop every row. */

/* ---- the tools: a background, not a wall of tiles. Their names only, in large outlined letters that drift slowly ---- */
.band15{border-top:1px solid #4562892e;margin-top:80px;padding-top:34px}
.band15 .eyebrow{margin-bottom:4px}
.band15 .band15-run{display:block;overflow:hidden;margin-inline:calc(clamp(22px,5vw,76px)*-1);padding-block:12px 16px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
.band15-track{display:flex;width:max-content;animation:band15 150s linear infinite}
.band15-set{display:flex;align-items:center;gap:clamp(24px,3.2vw,52px);padding-inline-end:clamp(24px,3.2vw,52px)}
.band15-set span{font-size:clamp(38px,5.4vw,78px);line-height:1.16;font-weight:600;letter-spacing:-.045em;white-space:nowrap;color:transparent;-webkit-text-stroke:1px #7fa0ff3d}
.band15-set span:nth-of-type(3n+1){color:#7fa0ff12;-webkit-text-stroke-color:#7fa0ff30}
.band15-set i{flex:none;width:8px;height:8px;transform:rotate(45deg);background:#295cff66;border-radius:1px}
@keyframes band15{to{transform:translateX(-50%)}}

/* ---- the clients ---- */
.proof15{padding-block:112px 124px;border-top:1px solid #4562892e;overflow:hidden}
.proof15 .eyebrow{margin-bottom:12px}
.proof15-line{margin:0 0 44px;max-width:620px;font-size:18px;line-height:1.6;color:#a9b6d1}
.logos15{overflow:hidden;margin-inline:calc(clamp(22px,5vw,76px)*-1);padding-block:6px 4px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.logos15-track{display:flex;width:max-content;animation:logos15 64s linear infinite}
.logos15:hover .logos15-track{animation-play-state:paused}
.logos15-set{display:flex;align-items:flex-start;gap:26px;padding-inline-end:26px}
.logo15{margin:0;flex:none;display:grid;gap:12px;justify-items:center}
.logo15 .plate{height:104px;padding:16px 22px;border-radius:20px;display:grid;place-items:center;background:#fff;box-shadow:0 18px 40px #02061a66}
.logo15.dark .plate{background:#000;box-shadow:0 0 0 1px #ffffff29,0 18px 40px #02061a66}
.logo15 img{display:block;height:72px;width:auto}
.logo15 figcaption{font-size:11px;font-weight:600;letter-spacing:.1em;color:#8196bd;text-transform:uppercase}
@keyframes logos15{to{transform:translateX(-50%)}}

/* ---- their words ---- */
.voices15-label{margin:86px 0 26px}
.voices15{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,430px),1fr));gap:24px}
.voice15{margin:0;padding:34px 34px 28px;border:1px solid #4562894d;border-radius:26px;background:linear-gradient(180deg,#0e1838d9,#0a1230d9);display:grid;gap:24px;align-content:space-between}
.voice15 blockquote{margin:0;font-size:17.5px;line-height:1.72;color:#e3e8f4;text-align:start}
.voice15 blockquote p{margin:0 0 14px}
.voice15 blockquote p:last-child{margin-bottom:0}
.voice15 .stars{color:#f4c35f;letter-spacing:4px;font-size:16px}
.voice15 .who{display:flex;align-items:center;gap:16px}
.voice15 .face{flex:none;width:66px;height:66px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #070c20,0 0 0 4px #295cff}
.voice15 .face.mark{display:grid;place-items:center;background:#295cff24;color:#a9bfff;font:700 44px/1 Georgia,"Times New Roman",serif;padding-top:16px;box-sizing:border-box}
.voice15 .who b{display:block;font-size:15.5px;font-weight:600;color:#f2f2ed}
.voice15 .who b:empty{display:none}
.voice15 .who span{display:block;font-size:13.5px;color:#93a7cc}
.voice15 .who .note{margin-top:3px;font-size:12px;color:#6f84ab}

@media(max-width:720px){
  .band15{margin-top:56px}
  .proof15{padding-block:78px 86px}
  .proof15-line{font-size:16.5px;margin-bottom:32px}
  .logo15 .plate{height:84px;padding:13px 17px;border-radius:17px}
  .logo15 img{height:58px}
  .logos15-set{gap:18px;padding-inline-end:18px}
  .voices15-label{margin-top:62px}
  .voice15{padding:26px 22px 22px;border-radius:22px}
  .voice15 blockquote{font-size:16.5px}
}
@media(prefers-reduced-motion:reduce){.band15-track,.logos15-track{animation:none}.logos15{overflow-x:auto}}