.timeline { position: relative; padding: 0; }
    .timeline::before {
      content: '';
      position: absolute;
      left: 28px;
      top: 0;
      bottom: 0;
      width: 2px;
      background: var(--gray-200);
    }
    .timeline-item {
      display: flex;
      gap: 20px;
      align-items: flex-start;
      padding: 0 0 32px 0;
      position: relative;
      z-index: 1;
    }
    .timeline-dot {
      width: 58px;
      height: 58px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      flex-shrink: 0;
      border: 3px solid var(--white);
      box-shadow: 0 0 0 2px var(--gray-200);
    }
    .timeline-content { flex: 1; padding-top: 10px; }
    .timeline-content h4 { margin-bottom: 6px; }
    .timeline-content p { font-size: 0.9rem; line-height: 1.65; }
    .pension-calc {
      background: var(--navy);
      border-radius: var(--radius-xl);
      padding: 36px;
      color: white;
    }
    .pension-bar {
      background: rgba(255,255,255,0.1);
      border-radius: 4px;
      height: 12px;
      overflow: hidden;
      margin: 8px 0 16px;
    }
    .pension-bar-fill {
      height: 100%;
      border-radius: 4px;
    }