/* ──────────────────────────────────────────────────────────────
   10 gradients — generated by designlang
   https://webflow.com
   2026-06-25T08:28:55.785Z
   ────────────────────────────────────────────────────────────── */

:root {
  --grad-1: linear-gradient(90deg, rgb(255, 255, 255) 30%, rgba(0, 0, 0, 0));
  --grad-2: linear-gradient(90deg, rgb(8, 8, 8) 30%, rgba(0, 0, 0, 0));
  --grad-3: linear-gradient(rgb(255, 255, 255) 0%, color(srgb 1 1 1 / 0.85) 30%, color(srgb 1 1 1 / 0.4) 65%, color(srgb 1 1 1 / 0.1) 90%, rgba(0, 0, 0, 0) 100%);
  --grad-4: linear-gradient(color(srgb 1 1 1 / 0.6), color(srgb 1 1 1 / 0.33));
  --grad-5: linear-gradient(rgb(8, 8, 8), rgb(8, 8, 8));
  --grad-6: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));
  --grad-7: linear-gradient(rgba(255, 255, 255, 0.16), rgba(0, 0, 0, 0.25) 59%, rgba(0, 0, 0, 0.5));
  --grad-8: radial-gradient(circle farthest-side at 0% 0%, rgb(202, 177, 255) 5%, rgb(20, 110, 245) 10%, rgb(8, 8, 8) 20%);
  --grad-9: linear-gradient(170deg, color(srgb 0.0313726 0.0313726 0.0313726 / 0.7), color(srgb 0.0313726 0.0313726 0.0313726 / 0.05) 75%);
  --grad-10: linear-gradient(rgba(0, 0, 0, 0) 10%, rgb(8, 8, 8));
}

/* 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 · brand */
.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 · complex */
.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;
}

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

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

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

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