/* ──────────────────────────────────────────────────────────────
   6 gradients — generated by designlang
   https://framer.com
   2026-06-25T08:25:38.710Z
   ────────────────────────────────────────────────────────────── */

:root {
  --grad-1: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  --grad-2: linear-gradient(90deg, rgb(230, 243, 255) 0%, rgb(0, 153, 255) 72.274%, rgb(0, 102, 255) 99.5706%);
  --grad-3: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 96.7656%);
  --grad-4: linear-gradient(173deg, rgb(255, 255, 255) 32%, rgba(0, 0, 0, 0.1) 74%);
  --grad-5: linear-gradient(90deg, rgba(0, 153, 255, 0.1) 0%, rgba(28, 28, 28, 0.5) 61%);
  --grad-6: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
}

/* linear · brand */
.grad-1    { background-image: var(--grad-1); }
.grad-text-1 {
  background-image: var(--grad-1);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

/* linear · bold */
.grad-2    { background-image: var(--grad-2); }
.grad-text-2 {
  background-image: var(--grad-2);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

/* linear · brand */
.grad-3    { background-image: var(--grad-3); }
.grad-text-3 {
  background-image: var(--grad-3);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

/* linear · brand */
.grad-4    { background-image: var(--grad-4); }
.grad-text-4 {
  background-image: var(--grad-4);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

/* linear · brand */
.grad-5    { background-image: var(--grad-5); }
.grad-text-5 {
  background-image: var(--grad-5);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

/* linear · brand */
.grad-6    { background-image: var(--grad-6); }
.grad-text-6 {
  background-image: var(--grad-6);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}