@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap');
  body { font-family: 'Inter', sans-serif; scroll-behavior: smooth; }

   /* MOBILE timeline */
  .timeline-mobile { position: relative; }
  .timeline-mobile::before{
    content:"";
    position:absolute;
    top:0; bottom:0;
    left: 18px;
    width:2px;
    background: linear-gradient(to bottom, #e2e8f0 0%, #2563eb 50%, #e2e8f0 100%);
  }

  .dot{
    width:40px;height:40px;border-radius:9999px;
    background:#fff;border:2px solid #2563eb;color:#2563eb;
    display:flex;align-items:center;justify-content:center;
    font-weight:800; box-shadow: 0 0 15px rgba(37,99,235,.10);
  }
  .dot.final{ background:#2563eb; color:#fff; }

  /* DESKTOP timeline */
  .timeline-desktop{ position: relative; }
  .timeline-desktop::before{
    content:"";
    position:absolute;
    top:0; bottom:0;
    left:50%;
    transform: translateX(-50%);
    width:2px;
    background: linear-gradient(to bottom, #e2e8f0 0%, #2563eb 50%, #e2e8f0 100%);
  }
  .dot-center{
    position:absolute;
    left:50%;
    transform: translateX(-50%);
    z-index:2;
  }