/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
.step-grid {
  box-sizing: border-box;
  width: 100%;
  background-color: var(--color-nav, #0d263d);
  padding-block: var(--spacing-7, 3rem);
  color: var(--color-text-on-nav, rgb(250 250 250 / 0.95));
  min-width: 0;
  padding-inline: max( var(--spacing-gutter), calc((100% - var(--container-content)) / 2) );
}
.step-grid__header {
  margin-inline: auto;
  margin-bottom: var(--spacing-6, 2.5rem);
  width: 100%;
  max-width: var(--container-content);
  min-width: 0;
}
.step-grid__kicker {
  margin: 0px;
  font-size: var(--text-sm, clamp(0.6875rem, 0.625rem + 0.3vw, 0.8125rem));
  line-height: var(--tw-leading, var(--text-sm--line-height, 1.2));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--color-accent, #78b8c2);
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-family: var(--font-mono);
}
.step-grid__kicker:empty {
  display: none;
}
.step-grid__title {
  margin: 0px;
  margin-top: var(--spacing-3, 0.75rem);
  width: 100%;
  font-family: var(--font-sans, "Montserrat", "Avenir Next", "Segoe UI", sans-serif);
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--color-text-on-nav, rgb(250 250 250 / 0.95));
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 4.5vw, 2.75rem);
  line-height: 1.12;
  letter-spacing: -0.02em;
}
.step-grid__list {
  margin: 0px;
  margin-inline: auto;
  box-sizing: border-box;
  display: grid;
  width: 100%;
  max-width: var(--container-content);
  list-style-type: none;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  padding: 0px;
  min-width: 0;
  border-color: var(--color-border-on-navy, rgb(250 250 250 / 0.2));
}
.step-grid__item {
  margin: 0px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  padding-inline: var(--spacing-5, 1.25rem);
  padding-block: var(--spacing-5, 1.25rem);
  &:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  min-width: 0;
  border-color: var(--color-border-on-navy, rgb(250 250 250 / 0.2));
  background: rgb(250 250 250 / 0.08);
}
.step-grid__n {
  margin: 0px;
  margin-bottom: var(--spacing-3, 0.75rem);
  font-size: var(--text-sm, clamp(0.6875rem, 0.625rem + 0.3vw, 0.8125rem));
  line-height: var(--tw-leading, var(--text-sm--line-height, 1.2));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  --tw-tracking: 0.14em;
  letter-spacing: 0.14em;
  color: var(--color-accent, #78b8c2);
  text-transform: uppercase;
  font-family: var(--font-mono);
}
.step-grid__item-title {
  margin: 0px;
  font-family: var(--font-sans, "Montserrat", "Avenir Next", "Segoe UI", sans-serif);
  font-size: var(--text-lg, clamp(1.375rem, 1.1rem + 1.8vw, 1.875rem));
  line-height: var(--tw-leading, var(--text-lg--line-height, 1.2));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--color-text-on-nav, rgb(250 250 250 / 0.95));
  font-family: var(--font-display);
}
.step-grid__item-text {
  margin: 0px;
  margin-top: var(--spacing-3, 0.75rem);
  width: 100%;
  font-size: var(--text-base, clamp(1rem, 0.95rem + 0.3vw, 1.125rem));
  line-height: var(--tw-leading, var(--text-base--line-height, 1.5));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-text-on-nav-muted, rgb(250 250 250 / 0.72));
}
@media (min-width: 640px) and (max-width: 899.98px) {
  .step-grid__item-text {
    max-width: 36rem;
  }
}
@media (min-width: 900px) {
  .step-grid__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .step-grid__item {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
    &:last-child {
      border-right-style: var(--tw-border-style);
      border-right-width: 0px;
    }
    border-color: var(--color-border-on-navy, rgb(250 250 250 / 0.2));
  }
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-font-weight: initial;
      --tw-border-style: solid;
      --tw-tracking: initial;
    }
  }
}