body {
  font-family: Bahnschrift, 'DIN Alternate', 'Franklin Gothic Medium', 'Nimbus Sans Narrow', sans-serif-condensed, sans-serif;
    background-color: #0029f5;

    background-image:
      radial-gradient(60% 45% at 50% 0%,
        rgba(111, 66, 193, 0.28) 0%,
        rgba(111, 66, 193, 0.00) 70%),
      -webkit-gradient(linear,
        left top, left bottom,
        from(#0029f5),
        color-stop(55%, #0029f5),
        color-stop(82%, #1a1ee0),
        to(hsl(0 0% 96%)));

    background-image:
      radial-gradient(60% 45% at 50% 0%,
        rgba(111, 66, 193, 0.28) 0%,
        rgba(111, 66, 193, 0.00) 70%),
      linear-gradient(to bottom,
        #0029f5 0%,
        #0029f5 55%,
        #1a1ee0 82%,
        hsl(0 0% 96%) 100%);
  
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.btn-ctfn {
  --bs-btn-font-weight: 700;
  --bs-btn-color: #fff;

  --bs-btn-hover-color: #fff;
  --bs-btn-active-color: #fff;

  background-image: var(--bs-gradient);
  -webkit-box-shadow: var(--bs-box-shadow-sm);
          box-shadow: var(--bs-box-shadow-sm);
}

.btn-ctfn-outline {
  --bs-btn-font-weight: 700;
  background-image: none;
  -webkit-box-shadow: var(--bs-box-shadow-sm);
          box-shadow: var(--bs-box-shadow-sm);
}

.btn-ctfn {
  --bs-btn-font-weight: 700;
  --bs-btn-color: #fff;

  --bs-btn-bg: #6f42c1;
  --bs-btn-border-color: #6f42c1;

  /* Hover: slightly darker + a hair more saturation */
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #643bb2;
  --bs-btn-hover-border-color: #643bb2;

  /* Active: clearly pressed */
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #5b34a4;
  --bs-btn-active-border-color: #5b34a4;

  /* Focus ring */
  --bs-btn-focus-shadow-rgb: 111, 66, 193;

  /* Keep Bootstrap’s subtle gloss gradient */
  background-image: var(--bs-gradient); /* same as .bg-gradient */ /* :contentReference[oaicite:1]{index=1} */
  -webkit-box-shadow: var(--bs-box-shadow-sm);
          box-shadow: var(--bs-box-shadow-sm);

  -webkit-transition: -webkit-transform 120ms ease, -webkit-box-shadow 120ms ease, -webkit-filter 120ms ease;

  transition: -webkit-transform 120ms ease, -webkit-box-shadow 120ms ease, -webkit-filter 120ms ease;

  transition: transform 120ms ease, box-shadow 120ms ease, filter 120ms ease;

  transition: transform 120ms ease, box-shadow 120ms ease, filter 120ms ease, -webkit-transform 120ms ease, -webkit-box-shadow 120ms ease, -webkit-filter 120ms ease;
}

.btn-ctfn:hover {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: var(--bs-box-shadow);
          box-shadow: var(--bs-box-shadow);
}

.btn-ctfn:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-box-shadow: var(--bs-box-shadow-sm);
          box-shadow: var(--bs-box-shadow-sm);
}

.btn-ctfn-outline {
  --bs-btn-font-weight: 700;

  --bs-btn-color: #6f42c1;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: rgba(111, 66, 193, 0.55);

  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6f42c1;
  --bs-btn-hover-border-color: #6f42c1;

  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #5b34a4;
  --bs-btn-active-border-color: #5b34a4;

  --bs-btn-focus-shadow-rgb: 111, 66, 193;

  -webkit-box-shadow: var(--bs-box-shadow-sm);

          box-shadow: var(--bs-box-shadow-sm);
  -webkit-transition: -webkit-transform 120ms ease, -webkit-box-shadow 120ms ease;
  transition: -webkit-transform 120ms ease, -webkit-box-shadow 120ms ease;
  transition: transform 120ms ease, box-shadow 120ms ease;
  transition: transform 120ms ease, box-shadow 120ms ease, -webkit-transform 120ms ease, -webkit-box-shadow 120ms ease;
}

.btn-ctfn-outline:hover {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: var(--bs-box-shadow);
          box-shadow: var(--bs-box-shadow);
}

.btn-ctfn-outline:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-box-shadow: var(--bs-box-shadow-sm);
          box-shadow: var(--bs-box-shadow-sm);
}

/* TODO: use bootstrap classes for this */
footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  --bs-dark: #36454f;
  --bs-dark-rgb: 54, 69, 79;
}

footer small {
  font-size: 0.75rem;
}

section h2 {
  letter-spacing: 0.03em;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;
  font-weight: normal;
}

.podlink-cta__icon {
  width: 1.5rem;
  height: 1.5rem;

  fill: currentColor;
  stroke: currentColor;
}