html { scroll-behavior: smooth; }
    body {
      background:
        radial-gradient(circle at 10% 20%, rgba(37,99,235,0.08), transparent 20%),
        radial-gradient(circle at 90% 10%, rgba(37,99,235,0.06), transparent 18%),
        linear-gradient(180deg, #fdfcfb 0%, #fdfcfb 100%);
    }
    .stripe-bg {
      background-image:
        linear-gradient(90deg, rgba(37,99,235,0.05) 0, rgba(37,99,235,0.05) 1px, transparent 1px, transparent 84px),
        linear-gradient(180deg, rgba(37,99,235,0.03) 0, rgba(37,99,235,0.03) 1px, transparent 1px, transparent 84px);
      background-size: 84px 84px, 84px 84px;
    }
    .masonry {
      column-gap: 1.5rem;
    }
    @media (min-width: 768px) {
      .masonry { column-count: 2; }
    }
    @media (min-width: 1280px) {
      .masonry { column-count: 3; }
    }
    .masonry-item {
      break-inside: avoid;
      margin-bottom: 1.5rem;
    }
    .blur-orb {
      filter: blur(60px);
      opacity: .45;
      pointer-events: none;
    }