.comp-hero {
      background: var(--black);
      padding: 200px 0 120px;
      color: var(--white);
      text-align: center;
    }

    .comp-hero h1 {
      font-size: clamp(2.5rem, 5vw, 4.5rem);
      font-weight: 900;
      margin-bottom: 24px;
    }

    .timeline {
      max-width: 800px;
      margin: 100px auto;
      position: relative;
    }

    .timeline::before {
      content: '';
      position: absolute;
      left: 40px;
      top: 0;
      bottom: 0;
      width: 2px;
      background: var(--neutral-200);
    }

    .time-step {
      position: relative;
      padding-left: 100px;
      margin-bottom: 48px;
    }

    .time-num {
      position: absolute;
      left: 16px;
      top: 0;
      width: 48px;
      height: 48px;
      background: var(--deep-blue);
      color: var(--white);
      border-radius: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 800;
      border: 4px solid var(--white);
    }