/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
.feature-grid {
  box-sizing: border-box;
  width: 100%;
  background-color: var(--color-bg, #ffffff);
  padding-block: var(--spacing-7, 3rem);
  padding-inline: max( var(--spacing-gutter), calc((100% - var(--container-content)) / 2) );
}
.feature-grid__header {
  margin-inline: auto;
  margin-bottom: var(--spacing-6, 2.5rem);
  display: grid;
  width: 100%;
  max-width: var(--container-content);
  gap: var(--spacing-3, 0.75rem);
}
.feature-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);
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--color-accent-ink, #8a6b00);
  font-family: var(--font-mono);
}
.feature-grid__kicker:empty {
  display: none;
}
.feature-grid__title {
  margin: 0px;
  width: 100%;
  font-family: var(--font-sans, "Montserrat", "Avenir Next", "Segoe UI", sans-serif);
  font-size: var(--text-xl, clamp(2rem, 5vw, 3rem));
  line-height: var(--tw-leading, var(--text-xl--line-height, 1.1));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--color-text-strong, #0d263d);
  font-family: var(--font-display);
  font-size: clamp(1.65rem, 4vw, 2.35rem);
  line-height: 1.15;
  letter-spacing: -0.02em;
  white-space: pre-line;
}
.feature-grid__text {
  margin: 0px;
  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-body, #3b4a57);
}
.feature-grid__text:empty {
  display: none;
}
@media (min-width: 640px) and (max-width: 899.98px) {
  .feature-grid__title, .feature-grid__text {
    max-width: 36rem;
  }
}
.feature-grid__blocks {
  margin-inline: auto;
  margin-bottom: var(--spacing-4, 1rem);
  width: 100%;
  max-width: var(--container-content);
  overflow: hidden;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-border-light, rgb(13 38 61 / 0.18));
}
.feature-grid__blocks-head {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2, 0.25rem);
  padding-inline: var(--spacing-5, 1.25rem);
  padding-block: var(--spacing-4, 1rem);
  text-align: left;
  background: color-mix(in srgb, #fce8c2 88%, white);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-primary-soft) 88%, white);
  }
}
.feature-grid__blocks-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-accent-ink, #8a6b00);
  font-family: var(--font-display);
}
.feature-grid__blocks-note {
  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);
  --tw-tracking: 0.14em;
  letter-spacing: 0.14em;
  color: var(--color-nav, #0d263d);
  text-transform: uppercase;
  font-family: var(--font-mono);
}
.feature-grid__blocks-note:empty {
  display: none;
}
.feature-grid__blocks-list {
  margin: 0px;
  display: grid;
  list-style-type: none;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0px;
  padding: 0px;
  background: #ffffff;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in srgb, var(--color-bg) 94%, var(--color-accent-ink) 6% );
  }
}
.feature-grid__block {
  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;
  }
  border-color: var(--color-border-light, rgb(13 38 61 / 0.18));
}
.feature-grid__block-label {
  margin: 0px;
  margin-bottom: var(--spacing-2, 0.25rem);
  font-size: var(--text-xs, clamp(0.5625rem, 0.5rem + 0.25vw, 0.625rem));
  line-height: var(--tw-leading, var(--text-xs--line-height, 1.2));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  --tw-tracking: 0.14em;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--color-accent-ink, #8a6b00);
  font-family: var(--font-mono);
}
.feature-grid__block-title {
  margin: 0px;
  font-family: var(--font-sans, "Montserrat", "Avenir Next", "Segoe UI", sans-serif);
  font-size: var(--text-md, clamp(1.125rem, 1.05rem + 0.45vw, 1.25rem));
  line-height: var(--tw-leading, var(--text-md--line-height, 1.65));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--color-text-strong, #0d263d);
  font-family: var(--font-display);
}
.feature-grid__block-text {
  margin: 0px;
  margin-top: var(--spacing-2, 0.25rem);
  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-body, #3b4a57);
}
.feature-grid__values {
  margin: 0px;
  margin-inline: auto;
  display: grid;
  width: 100%;
  max-width: var(--container-content);
  list-style-type: none;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: var(--spacing-3, 0.75rem);
  padding: 0px;
}
.feature-grid__value {
  margin: 0px;
  background-color: var(--color-bg, #ffffff);
  padding-inline: var(--spacing-5, 1.25rem);
  padding-block: var(--spacing-5, 1.25rem);
}
.feature-grid__value[data-accent] {
  border-color: transparent;
  background: color-mix(in srgb, #fce8c2 88%, white);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-primary-soft) 88%, white);
  }
}
.feature-grid__value-title {
  margin: 0px;
  font-family: var(--font-sans, "Montserrat", "Avenir Next", "Segoe UI", sans-serif);
  font-size: var(--text-md, clamp(1.125rem, 1.05rem + 0.45vw, 1.25rem));
  line-height: var(--tw-leading, var(--text-md--line-height, 1.65));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--color-text-strong, #0d263d);
  font-family: var(--font-display);
}
.feature-grid__value-text {
  margin: 0px;
  margin-top: var(--spacing-2, 0.25rem);
  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-body, #3b4a57);
}
@media (min-width: 640px) {
  .feature-grid__blocks-head {
    flex-direction: row;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--spacing-4, 1rem);
  }
  .feature-grid__blocks-note {
    flex-shrink: 0;
    text-align: right;
  }
}
@media (min-width: 900px) {
  .feature-grid__header {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
    column-gap: var(--spacing-4);
    row-gap: var(--spacing-3);
    margin-bottom: var(--spacing-6);
  }
  .feature-grid__kicker {
    grid-column: 1 / 3;
    grid-row: 1;
  }
  .feature-grid__title {
    grid-column: 1 / 3;
    grid-row: 2;
  }
  .feature-grid__text {
    grid-column: 3;
    grid-row: 2;
    align-self: start;
  }
  .feature-grid__blocks {
    margin-bottom: var(--spacing-4);
  }
  .feature-grid__blocks-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .feature-grid__block {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
    padding-inline: var(--spacing-5, 1.25rem);
    padding-block: var(--spacing-5, 1.25rem);
    &:last-child {
      border-right-style: var(--tw-border-style);
      border-right-width: 0px;
    }
    border-color: var(--color-border-light, rgb(13 38 61 / 0.18));
  }
  .feature-grid__values {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--spacing-4);
  }
}
@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;
    }
  }
}