.speed-section {
      min-height: 760px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 96px 24px 110px;
      overflow: hidden;
      position: relative;
      background:
        radial-gradient(circle at 50% 62%, rgba(95, 92, 255, 0.08), transparent 28%),
        linear-gradient(180deg, #fff 0%, #fff 65%, #fbfbff 100%);
    }

    .speed-content {
      width: min(100%, 1720px);
      text-align: center;
      position: relative;
      z-index: 2;
    }

    .speed-title {
      margin: 0;
      font-weight: 500;
 
      line-height: 0.95;
      font-size: clamp(48px, 7.5vw, 122px);
    }

    .speed-title span {
      background: linear-gradient(90deg, #07072f, #5b58f5 46%, #ec4ca2 76%, #ff8b4e);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }

    .cta-row {
      margin-top: 54px;
      display: flex;
      justify-content: center;
    }

    .cta-button {
      border: 0;
      outline: 0;
      cursor: pointer;
      padding: 20px 42px;
      border-radius: 999px;
      background: #5b58f5;
      color: white;
      font-size: clamp(18px, 1.6vw, 28px);
      font-weight: 650;
      display: inline-flex;
      align-items: center;
      gap: 14px;
      box-shadow: 0 22px 45px rgba(91, 88, 245, 0.28);
      transition: transform .25s ease, box-shadow .25s ease;
    }

    .cta-button:hover {
      transform: translateY(-3px);
      box-shadow: 0 30px 65px rgba(91, 88, 245, 0.36);
    }

    .avatar-ribbon {
      margin-top: 92px;
      height: 280px;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .avatar-track {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 1220px;
    }

    .avatar {
      width: var(--size);
      height: var(--size);
      border-radius: 50%;
      margin-left: calc(var(--overlap) * -1);
      border: 8px solid #fff;
      overflow: hidden;
      background: #f3f3f8;
      position: relative;
      z-index: var(--z);
      transform: translateY(var(--y));
      box-shadow:
        0 24px 55px rgba(20, 20, 40, .14),
        inset 0 0 0 1px rgba(91,88,245,.08);
      animation: float 5.4s ease-in-out infinite;
      animation-delay: var(--delay);
    }

    .avatar:first-child { margin-left: 0; }

    .avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transform: scale(1.08);
    }

    .avatar.ava-hero {
      border-width: 10px;
      box-shadow:
        0 30px 80px rgba(91, 88, 245, .22),
        0 0 0 1px rgba(91,88,245,.16);
    }

    .orb {
      width: var(--size);
      height: var(--size);
      border-radius: 50%;
      margin-left: calc(var(--overlap) * -1);
      background: var(--bg);
      transform: translateY(var(--y));
      z-index: var(--z);
      box-shadow: 0 18px 45px rgba(15,15,30,.08);
      animation: float 5.4s ease-in-out infinite;
      animation-delay: var(--delay);
    }

    @keyframes float {
      0%, 100% { transform: translateY(var(--y)) scale(1); }
      50% { transform: translateY(calc(var(--y) - 10px)) scale(1.025); }
    }

    @media (max-width: 1000px) {
      .speed-section { min-height: 700px; padding: 72px 18px 90px; }
      .avatar-ribbon { margin-top: 70px; transform: scale(.78); }
      .cta-row { margin-top: 38px; }
    }

    @media (max-width: 640px) {
      .speed-title { font-size: clamp(44px, 15vw, 72px); }
      .speed-title br { display: none; }
      .avatar-ribbon { transform: scale(.56); margin-top: 40px; }
      .cta-button { padding: 16px 28px; }
    }