.milestone-section {
      position: relative;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 60px 10vw;
    }
    .milestone-content {
      text-align: center;
      z-index: 2;
    }
    .milestone-heading {
      font-size: 3em;
      font-family: 'Pathway Gothic One', sans-serif;
    }
    .milestone-description {
      font-size: 1.2em;
      opacity: 0.7;
      margin-top: 10px;
    }
    .milestone-item {
      position: absolute;
      width: 40vw;
      max-width: 500px;
      background: rgba(255, 255, 255, 0.05);
      padding: 20px;
      border-radius: 10px;
      opacity: 0;
      transform: translateY(100px);
      transition: 0.6s ease;
    }
    .milestone-item.left {
      left: 10vw;
    }
    .milestone-item.right {
      right: 10vw;
    }
    .milestone-item.active {
      opacity: 1;
      transform: translateY(0);
    }
    .milestone-title {
      font-family: 'Pathway Gothic One', sans-serif;
      font-size: 1.5em;
      margin-bottom: 10px;
    }
    .milestone-number {
      font-size: 2em;
      opacity: 0.5;
    }
    .zigzag-line {
      position: absolute;
      width: 4px;
      left: 50%;
      top: 0;
      bottom: 0;
      transform: translateX(-50%);
      background: linear-gradient(to bottom, #fff 10%, transparent 10%) repeat-y;
      background-size: 4px 40px;
      opacity: 0.1;
    }
    .milestone-marker {
      position: absolute;
      left: 50%;
      width: 20px;
      height: 20px;
      background: #fff;
      border-radius: 50%;
      transform: translateX(-50%);
      z-index: 2;
    }