/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: Arial, Helvetica, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-orange-500: oklch(70.5% 0.213 47.604);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-zinc-300: oklch(87.1% 0.006 286.286);
    --color-zinc-500: oklch(55.2% 0.016 285.938);
    --color-zinc-600: oklch(44.2% 0.017 285.786);
    --color-neutral-100: oklch(97% 0 none);
    --color-neutral-800: oklch(26.9% 0 none);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-md: 28rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --text-9xl: 8rem;
    --text-9xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --tracking-normal: 0em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-xs: 0.125rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --blur-md: 12px;
    --aspect-video: 16 / 9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-brand-blue-deep: #0857b0;
    --color-brand-blue-light: #4095ff;
    --color-brand-gray: #475569;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .case-featured {
    width: 100%;
    background-color: #F9F9F9;
    & > div {
      margin-inline: auto;
      max-width: var(--container-7xl);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 12);
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 16);
      }
    }
    & .splide__track {
      overflow: hidden;
      border-radius: var(--radius-2xl);
    }
    & .splide__slide {
      height: auto;
    }
    & .splide__slide > article {
      display: grid;
      min-height: calc(var(--spacing) * 155);
      grid-template-columns: repeat(1, minmax(0, 1fr));
      overflow: hidden;
      border-radius: var(--radius-2xl);
      background-color: var(--color-white);
      @media (width >= 64rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    & .case-featured-overview {
      display: flex;
      min-height: 100%;
      align-items: center;
      justify-content: center;
      background-color: #033A7B;
      padding: calc(var(--spacing) * 8);
      text-align: center;
      color: var(--color-white);
      @media (width >= 40rem) {
        padding: calc(var(--spacing) * 12);
      }
      @media (width >= 64rem) {
        padding: calc(var(--spacing) * 16);
      }
    }
    & .case-featured-overview > div {
      width: 100%;
      max-width: var(--container-xl);
    }
    & .case-featured-overview h2 {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      @media (width >= 40rem) {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
      }
    }
    & .case-featured-overview p {
      margin-top: calc(var(--spacing) * 5);
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: color-mix(in srgb, #fff 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 60%, transparent);
      }
    }
    & .case-featured-categories {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      column-gap: calc(var(--spacing) * 2);
      row-gap: var(--spacing);
    }
    & .case-featured-categories i {
      font-size: 3px;
      --tw-leading: 1;
      line-height: 1;
      color: color-mix(in srgb, #fff 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 60%, transparent);
      }
    }
    & .case-featured-overview > div > div {
      margin-top: calc(var(--spacing) * 10);
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: calc(var(--spacing) * 4);
    }
    & .case-featured-overview > div > div > div {
      width: auto;
      max-width: 100%;
      border-radius: var(--radius-2xl);
      padding: calc(var(--spacing) * 5);
      text-align: center;
    }
    & .case-featured-overview > div > div > div:first-child {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in oklab, #ABC9FF 30%, transparent);
      background-color: color-mix(in srgb, #fff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
    & .case-featured-overview > div > div > div:last-child {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in oklab, #FFE2AB 30%, transparent);
      background-color: color-mix(in oklab, #FFBB3E 20%, transparent);
    }
    & .case-featured-overview strong {
      display: block;
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
    }
    & .case-featured-overview > div > div > div:first-child strong {
      color: #98DCFF;
    }
    & .case-featured-overview > div > div > div:last-child strong {
      color: #FFDB98;
    }
    & .case-featured-overview > div > div > div span {
      margin-top: calc(var(--spacing) * 3);
      display: block;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      white-space: nowrap;
      color: #9D9D9D;
    }
    & .case-featured-detail {
      display: flex;
      flex-direction: column;
      background-color: var(--color-white);
      padding: calc(var(--spacing) * 8);
      @media (width >= 40rem) {
        padding: calc(var(--spacing) * 12);
      }
    }
    & .case-featured-detail h2 {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #033A7B;
    }
    & .case-featured-detail > .case-featured-company {
      margin-top: calc(var(--spacing) * 5);
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      column-gap: calc(var(--spacing) * 2);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: #656565;
    }
    & .case-featured-company i {
      font-size: 6px;
      --tw-leading: 1;
      line-height: 1;
      color: color-mix(in srgb, #000 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 40%, transparent);
      }
    }
    & .case-featured-detail h3 {
      margin-top: calc(var(--spacing) * 8);
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: var(--color-black);
      @media (width >= 40rem) {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
      }
    }
    & .case-featured-detail > p:not(.case-featured-company) {
      margin-top: calc(var(--spacing) * 6);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: #656565;
    }
    & .case-featured-detail > div {
      margin-top: calc(var(--spacing) * 8);
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: calc(var(--spacing) * 3);
      border-radius: var(--radius-2xl);
      background-color: color-mix(in oklab, #C4C4C4 20%, transparent);
      padding: calc(var(--spacing) * 5);
    }
    & .case-featured-detail > div strong {
      display: block;
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
    }
    & .case-featured-detail > div > div:nth-child(1) strong {
      color: #3E94FC;
    }
    & .case-featured-detail > div > div:nth-child(2) strong {
      color: #0C5BB9;
    }
    & .case-featured-detail > div > div:nth-child(3) strong {
      color: #FF4800;
    }
    & .case-featured-detail > div span {
      margin-top: calc(var(--spacing) * 2);
      display: block;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & .case-featured-detail > a {
      margin-top: auto;
      display: inline-flex;
      width: fit-content;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      border-radius: calc(infinity * 1px);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: #2A7EE1;
      padding-inline: calc(var(--spacing) * 8);
      padding-block: calc(var(--spacing) * 3);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: #3084E9;
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          background-color: #3084E9;
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
    & .splide__arrows {
      pointer-events: none;
      position: absolute;
      inset-inline: calc(var(--spacing) * 4);
      top: calc(1 / 2 * 100%);
      z-index: 10;
      display: flex;
      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      justify-content: space-between;
    }
    & .splide__arrow {
      pointer-events: auto;
      display: flex;
      width: calc(var(--spacing) * 10);
      height: calc(var(--spacing) * 10);
      align-items: center;
      justify-content: center;
      border-radius: calc(infinity * 1px);
      background-color: color-mix(in srgb, #fff 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
      }
      color: #033A7B;
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    & .splide__pagination {
      bottom: calc(var(--spacing) * 4);
    }
  }
  .floating-contact {
    position: fixed;
    top: calc(1 / 2 * 100%);
    right: calc(var(--spacing) * 6);
    z-index: 40;
    display: none;
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    overflow: visible;
    border-radius: var(--radius-lg);
    background-color: var(--color-white);
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 48rem) {
      display: block;
    }
    &.is-bottom {
      top: auto;
      bottom: calc(var(--spacing) * 6);
      --tw-translate-y: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    & > a, & > button {
      position: relative;
      display: flex;
      width: calc(var(--spacing) * 12);
      height: calc(var(--spacing) * 12);
      align-items: center;
      justify-content: center;
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
      border-color: #E8EDF4;
      color: #5F5C5B;
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          background-color: #2072D4;
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
      &:focus-visible {
        z-index: 10;
      }
      &:focus-visible {
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
      }
      &:focus-visible {
        outline-offset: 2px;
      }
      &:focus-visible {
        outline-color: #2072D4;
      }
    }
    & > a:first-child {
      border-top-left-radius: var(--radius-lg);
      border-top-right-radius: var(--radius-lg);
    }
    & > button {
      display: none;
      border-bottom-right-radius: var(--radius-lg);
      border-bottom-left-radius: var(--radius-lg);
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
    & > button.is-visible {
      display: flex;
    }
    & i {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    & span {
      pointer-events: none;
      position: absolute;
      top: calc(1 / 2 * 100%);
      right: calc(100% + 0.75rem);
      display: none;
      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      border-radius: var(--radius-lg);
      background-color: #151515;
      padding-inline: calc(var(--spacing) * 3);
      padding-block: calc(var(--spacing) * 2);
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      white-space: nowrap;
      color: var(--color-white);
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    & > a:hover span, & > a:focus-visible span, & > button:hover span, & > button:focus-visible span {
      display: block;
    }
  }
  .home-contact {
    width: 100%;
    background-color: var(--color-white);
    & > div {
      margin-inline: auto;
      display: grid;
      max-width: var(--container-7xl);
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 12);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 16);
      @media (width >= 64rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      @media (width >= 64rem) {
        align-items: flex-start;
      }
      @media (width >= 64rem) {
        gap: calc(var(--spacing) * 20);
      }
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 24);
      }
    }
    & > div > div:first-child > div:first-child {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 4);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: #151515;
    }
    & > div > div:first-child > div:first-child::before {
      content: "";
      display: block;
      height: calc(var(--spacing) * 4);
      width: 1px;
      background-color: #151515;
    }
    & h2 {
      margin-top: calc(var(--spacing) * 5);
      max-width: calc(var(--spacing) * 96);
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #151515;
      @media (width >= 40rem) {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
      }
      @media (width >= 64rem) {
        font-size: 64px;
      }
    }
    & h2 span {
      color: #2072D4;
    }
    & > div > div:first-child > p {
      margin-top: calc(var(--spacing) * 7);
      max-width: var(--container-xl);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      color: #68707C;
    }
    & ul {
      margin-top: calc(var(--spacing) * 9);
      display: grid;
      gap: calc(var(--spacing) * 4);
    }
    & li {
      position: relative;
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 2);
    }
    & li > span {
      display: flex;
      width: calc(var(--spacing) * 11);
      height: calc(var(--spacing) * 11);
      flex-shrink: 0;
      align-items: center;
      justify-content: center;
      border-radius: var(--radius-lg);
      background-color: #F5F5F5;
      color: #808080;
    }
    & li > span i {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    & li > div {
      min-width: 0px;
    }
    & li > div > a, & li > div > span {
      display: block;
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: #5F5C5B;
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          color: #2072D4;
        }
      }
    }
    & li > div > span {
      cursor: default;
    }
    & li small {
      margin-top: var(--spacing);
      display: block;
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      color: #808080;
    }
    & li:has([role="tooltip"]) > div > [role="tooltip"] {
      pointer-events: none;
      position: absolute;
      top: calc(1 / 2 * 100%);
      left: 100%;
      z-index: 10;
      margin-left: calc(var(--spacing) * 3);
      display: none;
      width: calc(var(--spacing) * 36);
      height: calc(var(--spacing) * 36);
      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      place-items: center;
      border-radius: var(--radius-lg);
      background-color: var(--color-white);
      padding: calc(var(--spacing) * 3);
      text-align: center;
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: #5F5C5B;
      --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      @media (width < 64rem) {
        top: 100%;
      }
      @media (width < 64rem) {
        right: 0px;
      }
      @media (width < 64rem) {
        left: auto;
      }
      @media (width < 64rem) {
        margin-top: calc(var(--spacing) * 3);
      }
      @media (width < 64rem) {
        margin-left: 0px;
      }
      @media (width < 64rem) {
        --tw-translate-y: 0px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
    & li:has([role="tooltip"]) > div > [role="tooltip"] img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
    & li:has([role="tooltip"]) > div {
      position: relative;
    }
    & li:has([role="tooltip"]):hover > div > [role="tooltip"], & li:has([role="tooltip"]):focus-within > div > [role="tooltip"] {
      display: grid;
    }
    & > div > div:last-child {
      border-radius: var(--radius-2xl);
      background-color: #DEEAFF;
      padding: calc(var(--spacing) * 6);
      --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      @media (width >= 40rem) {
        padding: calc(var(--spacing) * 9);
      }
      @media (width >= 64rem) {
        margin-top: calc(var(--spacing) * 10);
      }
      @media (width >= 64rem) {
        padding: calc(var(--spacing) * 10);
      }
    }
    & > div > div:last-child > div h3 {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #151515;
    }
    & > div > div:last-child > div p {
      margin-top: calc(var(--spacing) * 3);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
      color: #5F6876;
    }
    & [data-fluentform]:empty {
      margin-top: calc(var(--spacing) * 8);
      display: grid;
      min-height: calc(var(--spacing) * 64);
      place-items: center;
      border-radius: var(--radius-lg);
      border-style: var(--tw-border-style);
      border-width: 1px;
      --tw-border-style: dashed;
      border-style: dashed;
      border-color: #9ABCE7;
      background-color: color-mix(in srgb, #fff 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
      }
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: #68707C;
    }
    & [data-fluentform]:empty::before {
      content: "表单将由 Fluent Forms 加载";
    }
    & form {
      margin-top: calc(var(--spacing) * 8);
      display: grid;
      gap: calc(var(--spacing) * 4);
    }
    & label {
      display: grid;
      gap: calc(var(--spacing) * 2);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: #3E4652;
    }
    & input, & textarea {
      width: 100%;
      border-radius: var(--radius-lg);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: transparent;
      background-color: var(--color-white);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 3);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: #151515;
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-outline-style: none;
      outline-style: none;
      &::placeholder {
        color: #9BA3AE;
      }
      &:focus {
        border-color: #2072D4;
      }
    }
    & textarea {
      resize: vertical;
    }
    & button {
      margin-top: calc(var(--spacing) * 2);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: calc(var(--spacing) * 3);
      border-radius: var(--radius-lg);
      background-color: #2072D4;
      padding-inline: calc(var(--spacing) * 6);
      padding-block: calc(var(--spacing) * 4);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--color-white);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          background-color: #083E7F;
        }
      }
      &:focus-visible {
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
      }
      &:focus-visible {
        outline-offset: 2px;
      }
      &:focus-visible {
        outline-color: #083E7F;
      }
    }
    & button i {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    & > div > div:last-child > small {
      margin-top: calc(var(--spacing) * 5);
      display: block;
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
      color: #68707C;
    }
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .nav-menu {
    display: flex;
    flex-direction: column;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: --color-brand-gray;
    @media (width >= 64rem) {
      flex-direction: row;
    }
    @media (width >= 64rem) {
      align-items: center;
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 10);
    }
    & .menu-item {
      position: relative;
      width: 100%;
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
      border-color: var(--color-slate-100);
      @media (width >= 64rem) {
        width: auto;
      }
      @media (width >= 64rem) {
        border-style: var(--tw-border-style);
        border-width: 0px;
      }
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 3);
      }
      & > a {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        padding-inline: calc(var(--spacing) * 3);
        padding-block: calc(var(--spacing) * 3);
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        &:hover {
          @media (hover: hover) {
            color: --color-brand-blue-deep;
          }
        }
        @media (width >= 64rem) {
          width: auto;
        }
        @media (width >= 64rem) {
          padding: 0px;
        }
      }
    }
    & .menu-item-has-children {
      & > a {
        display: flex;
        align-items: center;
        gap: var(--spacing);
        &::after {
          content: "";
          border: solid currentColor;
          border-width: 0 1px 1px 0;
          display: inline-block;
          padding: 2px;
          transform: rotate(45deg);
          margin-left: 4px;
          transition: transform 0.2s ease;
        }
      }
      &:hover {
        & > a::after {
          @media (width >= 64rem) {
            transform: rotate(-135deg);
          }
        }
        & .sub-menu {
          @media (width >= 64rem) {
            visibility: visible;
          }
          @media (width >= 64rem) {
            --tw-translate-y: 0px;
            translate: var(--tw-translate-x) var(--tw-translate-y);
          }
          @media (width >= 64rem) {
            opacity: 100%;
          }
        }
      }
      &.is-submenu-open {
        & > a::after {
          transform: rotate(-135deg);
        }
        & .sub-menu {
          display: block;
        }
      }
    }
    & .sub-menu {
      display: none;
      width: 100%;
      border-radius: var(--radius-lg);
      background-color: var(--color-slate-50);
      padding: calc(var(--spacing) * 2);
      @media (width >= 64rem) {
        visibility: hidden;
      }
      @media (width >= 64rem) {
        position: absolute;
      }
      @media (width >= 64rem) {
        top: 100%;
      }
      @media (width >= 64rem) {
        left: calc(1 / 2 * 100%);
      }
      @media (width >= 64rem) {
        display: block;
      }
      @media (width >= 64rem) {
        width: calc(var(--spacing) * 48);
      }
      @media (width >= 64rem) {
        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
      @media (width >= 64rem) {
        --tw-translate-y: calc(var(--spacing) * 3);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
      @media (width >= 64rem) {
        border-radius: var(--radius-2xl);
      }
      @media (width >= 64rem) {
        background-color: var(--color-white);
      }
      @media (width >= 64rem) {
        opacity: 0%;
      }
      @media (width >= 64rem) {
        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
      @media (width >= 64rem) {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
      @media (width >= 64rem) {
        --tw-ring-color: var(--color-slate-200);
      }
      @media (width >= 64rem) {
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
      }
      @media (width >= 64rem) {
        --tw-duration: 200ms;
        transition-duration: 200ms;
      }
      & .menu-item {
        padding: 0px;
        & a {
          display: block;
          border-radius: var(--radius-xl);
          padding-inline: calc(var(--spacing) * 4);
          padding-block: calc(var(--spacing) * 3);
          color: --color-brand-gray;
          &:hover {
            @media (hover: hover) {
              background-color: var(--color-blue-50);
            }
          }
          &:hover {
            @media (hover: hover) {
              color: --color-brand-blue-deep;
            }
          }
        }
      }
    }
  }
  .visible {
    visibility: visible;
  }
  .home-client-cases {
    width: 100%;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.05) 0%, rgba(255, 255, 255, 1) 100%);
    & > div {
      margin-inline: auto;
      max-width: var(--container-7xl);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 12);
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 20);
      }
    }
    & > div > div:first-child {
      display: flex;
      flex-direction: column;
      gap: calc(var(--spacing) * 6);
      @media (width >= 64rem) {
        flex-direction: row;
      }
      @media (width >= 64rem) {
        align-items: flex-end;
      }
      @media (width >= 64rem) {
        justify-content: space-between;
      }
    }
    & > div > div:first-child > div > div {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      --tw-tracking: var(--tracking-widest);
      letter-spacing: var(--tracking-widest);
      color: var(--color-neutral-800);
      text-transform: uppercase;
    }
    & > div > div:first-child > div > div::before {
      content: "";
      display: block;
      height: calc(var(--spacing) * 4);
      width: 1px;
      background-color: var(--color-black);
    }
    & h2 {
      margin-top: calc(var(--spacing) * 4);
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      white-space: nowrap;
      color: #313131;
      @media (width >= 40rem) {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
      }
      @media (width >= 64rem) {
        font-size: 64px;
      }
    }
    & h2 strong {
      color: #0857B4;
    }
    & > div > div:first-child > div > p {
      margin-top: calc(var(--spacing) * 4);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      color: #5F5C5B;
    }
    & > div > div:first-child > a {
      display: inline-flex;
      width: fit-content;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      border-radius: calc(infinity * 1px);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: #0857B4;
      padding-inline: calc(var(--spacing) * 8);
      padding-block: calc(var(--spacing) * 3.5);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: #0857B4;
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          background-color: #0857B4;
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
    & > div > div:first-child > a i {
      display: inline-block;
      width: calc(var(--spacing) * 2);
      text-align: center;
    }
    & > div > div:nth-child(2) {
      margin-top: calc(var(--spacing) * 12);
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 6);
      @media (width >= 48rem) {
        grid-template-columns: repeat(12, minmax(0, 1fr));
      }
    }
    & > div > div:nth-child(2) > article {
      position: relative;
      min-height: calc(var(--spacing) * 90);
      overflow: hidden;
      border-radius: var(--radius-3xl);
      color: var(--color-white);
      @media (width >= 48rem) {
        grid-column: span 4 / span 4;
      }
    }
    & > div > div:nth-child(2) > article:first-child {
      min-height: calc(var(--spacing) * 125);
      @media (width >= 48rem) {
        grid-column: span 12 / span 12;
      }
    }
    & > div > div:nth-child(2) > article::after {
      content: "";
      position: absolute;
      inset: 0px;
      z-index: 1;
      --tw-gradient-position: to bottom;
      @supports (background-image: linear-gradient(in lab, red, red)) {
        --tw-gradient-position: to bottom in oklab;
      }
      background-image: linear-gradient(var(--tw-gradient-stops));
      --tw-gradient-from: color-mix(in srgb, #fff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      --tw-gradient-via: rgba(8,87,176,0.4);
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
      --tw-gradient-to: rgba(8,87,176,0.95);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
    & > div > div:nth-child(2) > article > img {
      position: absolute;
      inset: 0px;
      display: block;
      height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: center;
    }
    & > div > div:nth-child(2) > article > div {
      position: relative;
      z-index: 10;
      display: flex;
      height: 100%;
      min-height: calc(var(--spacing) * 90);
      flex-direction: column;
      justify-content: flex-end;
      padding: calc(var(--spacing) * 6);
      @media (width >= 40rem) {
        padding: calc(var(--spacing) * 8);
      }
    }
    & > div > div:nth-child(2) > article:first-child > div {
      min-height: calc(var(--spacing) * 125);
    }
    & > div > div:nth-child(2) > article > div > a {
      position: absolute;
      top: calc(var(--spacing) * 6);
      right: calc(var(--spacing) * 6);
      display: inline-flex;
      align-items: center;
      gap: calc(var(--spacing) * 2);
      border-radius: calc(infinity * 1px);
      padding-inline: calc(var(--spacing) * 5);
      padding-block: calc(var(--spacing) * 2);
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          opacity: 90%;
        }
      }
      @media (width >= 40rem) {
        top: calc(var(--spacing) * 8);
      }
      @media (width >= 40rem) {
        right: calc(var(--spacing) * 8);
      }
    }
    & > div > div:nth-child(2) > article:first-child > div > a {
      background-color: rgba(208,208,208,0.8);
      color: #313131;
    }
    & > div > div:nth-child(2) > article:not(:first-child) > div > a {
      background-color: #00468A;
      color: var(--color-white);
    }
    & > div > div:nth-child(2) > article > div > a i {
      display: inline-block;
      width: calc(var(--spacing) * 2);
      text-align: center;
    }
    & > div > div:nth-child(2) > article:first-child > div > div {
      display: grid;
      align-items: flex-end;
      gap: calc(var(--spacing) * 12);
      @media (width >= 64rem) {
        grid-template-columns: minmax(0,1.35fr) minmax(0,1fr);
      }
    }
    & > div > div:nth-child(2) > article:first-child > div > div > div:first-child > a {
      margin-right: calc(var(--spacing) * 2);
      margin-bottom: calc(var(--spacing) * 4);
      display: inline-flex;
      width: fit-content;
      border-radius: calc(infinity * 1px);
      background-color: #0F5FBD;
      padding-inline: calc(var(--spacing) * 5);
      padding-block: calc(var(--spacing) * 2);
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--color-white);
      text-decoration-line: none;
    }
    & > div > div:nth-child(2) > article:first-child h3 {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--color-white);
      @media (width >= 40rem) {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
      }
    }
    & > div > div:nth-child(2) > article:first-child p {
      margin-top: calc(var(--spacing) * 4);
      max-width: var(--container-3xl);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: var(--leading-relaxed);
      line-height: var(--leading-relaxed);
      color: color-mix(in srgb, #fff 85%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 85%, transparent);
      }
      @media (width >= 40rem) {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
      }
    }
    & > div > div:nth-child(2) > article:first-child > div > div > div:last-child {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: calc(var(--spacing) * 4);
    }
    & > div > div:nth-child(2) > article:not(:first-child) > div > div {
      display: flex;
      flex-direction: column;
    }
    & > div > div:nth-child(2) > article:not(:first-child) > div > div > div:first-child {
      margin-bottom: calc(var(--spacing) * 4);
      display: flex;
      min-width: 0px;
      align-items: center;
      overflow: hidden;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      white-space: nowrap;
    }
    & > div > div:nth-child(2) > article:not(:first-child) > div > div > div:first-child a {
      color: color-mix(in srgb, #fff 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 80%, transparent);
      }
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
    & > div > div:nth-child(2) > article:not(:first-child) > div > div > div:first-child a:nth-child(n+4) {
      display: none;
    }
    & > div > div:nth-child(2) > article:not(:first-child) > div > div > div:first-child a + a::before {
      content: "·";
      margin-inline: calc(var(--spacing) * 2);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: color-mix(in srgb, #fff 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 80%, transparent);
      }
    }
    & > div > div:nth-child(2) > article:not(:first-child) h3 {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--color-white);
    }
    & > div > div:nth-child(2) > article:not(:first-child) > div > div > div:last-child {
      margin-top: calc(var(--spacing) * 6);
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: calc(var(--spacing) * 4);
    }
    & > div > div:nth-child(2) strong {
      display: block;
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #FFBD00;
    }
    & > div > div:nth-child(2) strong + span {
      margin-top: calc(var(--spacing) * 2);
      display: block;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: var(--color-white);
    }
  }
  .process {
    width: 100%;
    background-color: color-mix(in oklab, #C4C4C4 20%, transparent);
    & > div {
      margin-inline: auto;
      max-width: var(--container-7xl);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 8);
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 12);
      }
    }
    & > div > div:first-child > div {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 4);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: var(--color-black);
    }
    & > div > div:first-child > div::before {
      content: "";
      display: block;
      height: calc(var(--spacing) * 4);
      width: 1px;
      background-color: var(--color-black);
    }
    & h2 {
      margin-top: calc(var(--spacing) * 7);
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #0857B4;
      @media (width >= 40rem) {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
      }
    }
    & h2 span {
      display: block;
      color: #FF0000;
    }
    & > div > div:last-child {
      position: relative;
      margin-top: calc(var(--spacing) * 12);
    }
    & > div > div:last-child::before {
      content: "";
      position: absolute;
      inset-inline: 0px;
      top: 0px;
      z-index: 0;
      height: calc(var(--spacing) * 14);
      border-radius: calc(infinity * 1px);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in oklab, #033A7B 20%, transparent);
      background-color: var(--color-white);
    }
    & > div > div:last-child::after {
      content: "";
      position: absolute;
      inset-inline: calc(var(--spacing) * 3);
      top: calc(var(--spacing) * 3);
      z-index: 0;
      height: calc(var(--spacing) * 8);
      border-radius: calc(infinity * 1px);
      background-color: color-mix(in oklab, #CDD8E5 20%, transparent);
    }
    & > div > div:last-child > div {
      position: relative;
      z-index: 10;
      overflow-x: auto;
      padding-bottom: calc(var(--spacing) * 5);
    }
    & > div > div:last-child > div > div {
      position: relative;
      display: grid;
      min-width: var(--container-4xl);
      grid-auto-columns: minmax(0, 1fr);
      grid-auto-flow: column;
    }
    & > div > div:last-child > div > div > article {
      position: relative;
      z-index: 10;
      display: grid;
      grid-template-rows: 3.5rem max-content max-content;
      align-content: flex-start;
      align-items: flex-start;
      justify-items: center;
      padding-inline: calc(var(--spacing) * 4);
      text-align: center;
    }
    & > div > div:last-child > div > div > article > span {
      display: flex;
      height: calc(var(--spacing) * 14);
      align-items: center;
      justify-content: center;
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #033A7B;
    }
    & > div > div:last-child > div > div > article > strong {
      margin-top: calc(var(--spacing) * 4);
      align-self: flex-start;
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--color-black);
    }
    & > div > div:last-child > div > div > article > p {
      margin-top: calc(var(--spacing) * 2);
      max-width: calc(var(--spacing) * 40);
      align-self: flex-start;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
      color: #333333;
    }
    @media (max-width: 767px) {
      & > div > div:last-child > div > div {
        min-width: 0;
        grid-template-columns: repeat(6, calc((100vw - 2rem) / 2));
      }
    }
  }
  .brand-matters {
    width: 100%;
    background-color: #F9F9F9;
    & > div {
      margin-inline: auto;
      max-width: var(--container-7xl);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 8);
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 12);
      }
    }
    & > div > div:first-child > div {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 4);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: var(--color-black);
    }
    & > div > div:first-child > div::before {
      content: "";
      display: block;
      height: calc(var(--spacing) * 4);
      width: 1px;
      background-color: var(--color-black);
    }
    & h2 {
      margin-top: calc(var(--spacing) * 7);
      display: flex;
      flex-wrap: wrap;
      column-gap: calc(var(--spacing) * 3);
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #0857B4;
      @media (width >= 40rem) {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
      }
    }
    & h2 span {
      color: #FF0000;
    }
    & > div > div:first-child > p {
      margin-top: calc(var(--spacing) * 6);
      max-width: var(--container-4xl);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      color: #585858;
      @media (width >= 64rem) {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
      }
    }
    & > div > div:last-child {
      margin-top: calc(var(--spacing) * 12);
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 6);
      @media (width >= 64rem) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }
    & article {
      position: relative;
    }
    & article::before {
      content: "";
      position: absolute;
      top: -1px;
      right: calc(var(--spacing) * -2);
      bottom: -1px;
      left: -1px;
      border-radius: var(--radius-2xl);
      background-color: #3A90F7;
      --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    & article > div {
      position: relative;
      z-index: 10;
      display: flex;
      height: 100%;
      flex-direction: column;
      border-radius: var(--radius-2xl);
      background-color: var(--color-white);
      padding: calc(var(--spacing) * 6);
      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      @media (width >= 40rem) {
        padding: calc(var(--spacing) * 8);
      }
    }
    & article > div > div:first-child {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 4);
    }
    & img {
      height: calc(var(--spacing) * 11);
      width: calc(var(--spacing) * 11);
      flex-shrink: 0;
      object-fit: contain;
    }
    & h3 {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #3C93FA;
    }
    & article p {
      margin-top: calc(var(--spacing) * 7);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & article > div > div:last-child {
      margin-top: auto;
      display: inline-flex;
      flex-direction: column;
      padding-top: calc(var(--spacing) * 8);
      color: #FF6E00;
    }
    & article strong {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
    }
    & article span {
      margin-top: calc(var(--spacing) * 2);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: #585858;
    }
  }
  .about-founders {
    width: 100%;
    background-color: color-mix(in oklab, #E7D7CB 30%, transparent);
    & > div {
      margin-inline: auto;
      max-width: var(--container-7xl);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 16);
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 20);
      }
    }
    & > div > div:first-child {
      max-width: var(--container-4xl);
    }
    & > div > div:first-child > p:first-child {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: var(--color-black);
    }
    & > div > div:first-child > p:first-child::before {
      display: block;
      height: calc(var(--spacing) * 4);
      width: 1px;
      background-color: var(--color-black);
      content: "";
    }
    & h2 {
      margin-top: calc(var(--spacing) * 6);
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #0857B4;
      @media (width >= 64rem) {
        font-size: var(--text-6xl);
        line-height: var(--tw-leading, var(--text-6xl--line-height));
      }
    }
    & h2 span {
      color: #FF6A00;
    }
    & h2 + p {
      margin-top: calc(var(--spacing) * 6);
      max-width: var(--container-3xl);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: #5F5C5B;
    }
    & > div > div:last-child {
      margin-top: calc(var(--spacing) * 12);
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 8);
      @media (width >= 64rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    & article {
      position: relative;
      border-radius: var(--radius-2xl);
      padding: calc(var(--spacing) * 6);
      @media (width >= 64rem) {
        padding: calc(var(--spacing) * 8);
      }
      background-color: var(--founder-color);
    }
    & article::before {
      position: absolute;
      top: 1px;
      right: calc(var(--spacing) * 3);
      bottom: 1px;
      left: 0px;
      border-radius: var(--radius-2xl);
      background-color: var(--color-white);
      content: "";
    }
    & article > * {
      position: relative;
      z-index: 10;
    }
    & article > div:first-child {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 5);
    }
    & img {
      width: calc(var(--spacing) * 28);
      height: calc(var(--spacing) * 28);
      flex-shrink: 0;
      border-radius: calc(infinity * 1px);
      object-fit: cover;
    }
    & h3 {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: color-mix(in srgb, #000 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 80%, transparent);
      }
    }
    & h3 + p {
      margin-top: calc(var(--spacing) * 3);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & article > div:last-child {
      margin-top: calc(var(--spacing) * 8);
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: 0;
        margin-block-end: 0;
      }
    }
    & article > div:last-child p {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: #656565;
    }
  }
  .home-about {
    width: 100%;
    overflow: hidden;
    background-color: #F5F7FA;
    & > div {
      margin-inline: auto;
      display: grid;
      max-width: var(--container-7xl);
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 14);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 16);
      @media (width >= 64rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      @media (width >= 64rem) {
        align-items: flex-start;
      }
      @media (width >= 64rem) {
        gap: calc(var(--spacing) * 16);
      }
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 24);
      }
    }
    & > div > div:first-child > div:first-child {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 4);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: #151515;
    }
    & > div > div:first-child > div:first-child::before {
      content: "";
      display: block;
      height: calc(var(--spacing) * 4);
      width: 1px;
      background-color: #151515;
    }
    & h2 {
      margin-top: calc(var(--spacing) * 5);
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #111827;
      @media (width >= 40rem) {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
      }
      @media (width >= 64rem) {
        font-size: 56px;
      }
    }
    & > div > div:first-child > div:nth-of-type(2) {
      margin-top: calc(var(--spacing) * 7);
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
      }
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      color: #5D6572;
    }
    & > div > div:first-child > div:last-child {
      margin-top: calc(var(--spacing) * 9);
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 4);
      @media (width >= 40rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    & > div > div:first-child > div:last-child article {
      min-height: calc(var(--spacing) * 47.5);
      border-radius: var(--radius-lg);
      background-color: var(--color-white);
      padding: calc(var(--spacing) * 5);
      --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    & > div > div:first-child > div:last-child article > span {
      display: flex;
      width: calc(var(--spacing) * 11);
      height: calc(var(--spacing) * 11);
      align-items: center;
      justify-content: center;
      border-radius: var(--radius-lg);
      background-color: #F0F2F5;
      color: #4097FE;
    }
    & > div > div:first-child > div:last-child article > span svg {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
    }
    & > div > div:first-child > div:last-child h3 {
      margin-top: calc(var(--spacing) * 5);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: #151515;
    }
    & > div > div:first-child > div:last-child article > p {
      margin-top: calc(var(--spacing) * 2);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
      color: #707783;
    }
    & > div > div:last-child {
      position: relative;
      margin-inline: auto;
      margin-bottom: calc(var(--spacing) * 16);
      width: calc(100% - 2rem);
      max-width: calc(var(--spacing) * 142.5);
      @media (width >= 64rem) {
        margin-inline: 0px;
      }
      @media (width >= 64rem) {
        margin-top: calc(var(--spacing) * 9);
      }
      @media (width >= 64rem) {
        margin-bottom: 0px;
      }
      @media (width >= 64rem) {
        width: 100%;
      }
    }
    & > div > div:last-child > img {
      display: block;
      aspect-ratio: 4/5;
      width: 100%;
      border-radius: var(--radius-lg);
      object-fit: cover;
    }
    & > div > div:last-child > div:first-of-type {
      position: absolute;
      top: calc(var(--spacing) * 8);
      right: 0px;
      display: flex;
      min-height: calc(var(--spacing) * 20);
      width: calc(var(--spacing) * 28);
      --tw-translate-x: calc(1 / 2 * 100%);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      flex-direction: column;
      justify-content: center;
      border-radius: var(--radius-lg);
      background-color: #083E7F;
      padding-inline: calc(var(--spacing) * 4);
      color: var(--color-white);
      @media (width >= 40rem) {
        top: calc(var(--spacing) * 10);
      }
    }
    & > div > div:last-child > div:first-of-type strong {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
    }
    & > div > div:last-child > div:first-of-type span {
      margin-top: calc(var(--spacing) * 2);
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      color: color-mix(in srgb, #fff 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 80%, transparent);
      }
    }
    & > div > div:last-child > div:last-child {
      position: absolute;
      bottom: calc(var(--spacing) * 6);
      left: calc(var(--spacing) * -4);
      display: flex;
      min-height: calc(var(--spacing) * 22);
      width: calc(100% - 1rem);
      align-items: center;
      gap: calc(var(--spacing) * 4);
      border-radius: var(--radius-lg);
      background-color: var(--color-white);
      padding-inline: calc(var(--spacing) * 5);
      padding-block: calc(var(--spacing) * 5);
      --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      @media (width >= 40rem) {
        bottom: calc(var(--spacing) * 10);
      }
      @media (width >= 40rem) {
        left: calc(var(--spacing) * -12);
      }
      @media (width >= 40rem) {
        width: calc(var(--spacing) * 107.5);
      }
      @media (width >= 40rem) {
        padding-inline: calc(var(--spacing) * 7);
      }
    }
    & > div > div:last-child > div:last-child > img {
      height: calc(var(--spacing) * 12);
      width: calc(var(--spacing) * 24);
      flex-shrink: 0;
      object-fit: contain;
      @media (width >= 40rem) {
        width: calc(var(--spacing) * 28);
      }
    }
    & > div > div:last-child > div:last-child > div {
      min-width: 0px;
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
      border-color: #E5E7EB;
      padding-left: calc(var(--spacing) * 4);
    }
    & > div > div:last-child > div:last-child strong {
      display: block;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: #171717;
      @media (width >= 40rem) {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
      }
    }
    & > div > div:last-child > div:last-child span {
      margin-top: calc(var(--spacing) * 2);
      display: block;
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      color: #7A808A;
      @media (width >= 40rem) {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
      }
    }
  }
  .category-listing {
    width: 100%;
    background-color: #F8F8F8;
    & > div {
      margin-inline: auto;
      display: grid;
      max-width: var(--container-7xl);
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 8);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 12);
      @media (width >= 64rem) {
        grid-template-columns: repeat(12, minmax(0, 1fr));
      }
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 16);
      }
    }
    & > div > div:first-child {
      min-width: 0px;
      @media (width >= 64rem) {
        grid-column: span 9 / span 9;
      }
    }
    & > div > aside {
      min-width: 0px;
      @media (width >= 64rem) {
        grid-column: span 3 / span 3;
      }
    }
    & > div > div:first-child > div:first-child {
      border-radius: var(--radius-2xl);
      background-color: var(--color-white);
      padding: calc(var(--spacing) * 5);
    }
    & h2 {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: var(--color-black);
    }
    & > div > div:first-child > div:first-child > div {
      position: relative;
      display: grid;
      grid-template-columns: 5rem 1fr;
      gap: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 4);
      padding-right: calc(var(--spacing) * 9);
      &:first-child {
        padding-top: 0px;
      }
      &:last-child {
        padding-bottom: 0px;
      }
    }
    & > div > div:first-child > div:first-child > div + div {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
      border-color: color-mix(in srgb, #000 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
    }
    & > div > div:first-child > div:first-child strong {
      padding-top: calc(var(--spacing) * 2);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: #5C5C5C;
    }
    & > div > div:first-child > div:first-child div div {
      display: flex;
      max-height: calc(var(--spacing) * 40);
      flex-wrap: wrap;
      gap: calc(var(--spacing) * 2);
      overflow: hidden;
      @media (width >= 40rem) {
        max-height: calc(var(--spacing) * 20);
      }
    }
    & > div > div:first-child > div:first-child > div.is-expanded div {
      max-height: none;
    }
    & > div > div:first-child > div:first-child button {
      display: none;
    }
    & > div > div:first-child > div:first-child > div.is-overflowing button {
      position: absolute;
      top: calc(var(--spacing) * 6);
      right: var(--spacing);
      display: flex;
      width: calc(var(--spacing) * 7);
      height: calc(var(--spacing) * 7);
      align-items: center;
      justify-content: center;
      border-radius: calc(infinity * 1px);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: color-mix(in srgb, #000 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 40%, transparent);
      }
      transition-property: transform, translate, scale, rotate;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          color: #0857B4;
        }
      }
    }
    & > div > div:first-child > div:first-child > div.is-expanded button {
      rotate: 180deg;
    }
    & > div > div:first-child > div:first-child a {
      padding-inline: calc(var(--spacing) * 2);
      padding-block: calc(var(--spacing) * 2);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          color: #0857B4;
        }
      }
    }
    & > div > div:first-child > div:nth-child(2) {
      margin-top: calc(var(--spacing) * 8);
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 5);
      @media (width >= 40rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      @media (width >= 80rem) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }
    & > div > div:first-child > div:nth-child(2) article {
      overflow: hidden;
      border-radius: var(--radius-2xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #000 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
      background-color: var(--color-white);
    }
    & > div > div:first-child > div:nth-child(2) article img {
      aspect-ratio: 3/2;
      width: 100%;
      object-fit: cover;
    }
    & > div > div:first-child > div:nth-child(2) article > div {
      padding: calc(var(--spacing) * 4);
    }
    & > div > div:first-child > div:nth-child(2) h3 {
      overflow: hidden;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
      @media (width >= 40rem) {
        height: 2.8em;
      }
      display: -webkit-box;
      line-height: 1.4;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
    & > div > div:first-child > div:nth-child(2) article p {
      margin-top: calc(var(--spacing) * 3);
      overflow: hidden;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: color-mix(in srgb, #000 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 40%, transparent);
      }
      @media (width >= 40rem) {
        height: 6em;
      }
      display: -webkit-box;
      line-height: 1.5;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
    }
    & > div > div:first-child > div:nth-child(2) article div div {
      margin-top: calc(var(--spacing) * 6);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: calc(var(--spacing) * 4);
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      color: color-mix(in srgb, #000 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 40%, transparent);
      }
    }
  }
  .case-detail-process {
    width: 100%;
    background-color: #F9F9F9;
    & > div {
      margin-inline: auto;
      max-width: var(--container-7xl);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 16);
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 20);
      }
    }
    & > div > div:first-child {
      max-width: var(--container-4xl);
    }
    & > div > div:first-child > p:first-child {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: var(--color-black);
    }
    & > div > div:first-child > p:first-child::before {
      display: block;
      height: calc(var(--spacing) * 4);
      width: 1px;
      background-color: var(--color-black);
      content: "";
    }
    & h2 {
      margin-top: calc(var(--spacing) * 6);
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #0857B4;
      @media (width >= 64rem) {
        font-size: var(--text-6xl);
        line-height: var(--tw-leading, var(--text-6xl--line-height));
      }
    }
    & h2 span {
      color: #FF0000;
    }
    & h2 + p {
      margin-top: calc(var(--spacing) * 6);
      max-width: var(--container-3xl);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: #5F5C5B;
    }
    & > div > div:last-child {
      position: relative;
      margin-top: calc(var(--spacing) * 10);
      display: grid;
      gap: calc(var(--spacing) * 8);
    }
    & > div > div:last-child::before {
      position: absolute;
      top: calc(var(--spacing) * -8);
      bottom: calc(var(--spacing) * -8);
      left: calc(var(--spacing) * 3);
      display: none;
      width: calc(var(--spacing) * 18);
      border-radius: calc(infinity * 1px);
      background-color: color-mix(in oklab, #CDD8E5 20%, transparent);
      @media (width >= 48rem) {
        display: block;
      }
      content: "";
    }
    & > div > div:last-child::after {
      position: absolute;
      top: calc(var(--spacing) * -6);
      bottom: calc(var(--spacing) * -6);
      left: calc(var(--spacing) * 6);
      display: none;
      width: calc(var(--spacing) * 12);
      border-radius: calc(infinity * 1px);
      background-color: var(--color-white);
      @media (width >= 48rem) {
        display: block;
      }
      content: "";
    }
    & article {
      position: relative;
      z-index: 10;
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 5);
      @media (width >= 48rem) {
        grid-template-columns: 6rem 1fr;
      }
      @media (width >= 48rem) {
        align-items: flex-start;
      }
    }
    & article > div:first-child {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
    }
    & article strong {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #033A7B;
    }
    & article strong + span {
      margin-top: calc(var(--spacing) * 3);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: #5F5C5B;
    }
    & h3 {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #5F5C5B;
    }
    & h3 + p {
      margin-top: calc(var(--spacing) * 3);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: color-mix(in oklab, #5F5C5B 60%, transparent);
    }
    & ul {
      margin-top: calc(var(--spacing) * 4);
      display: flex;
      flex-wrap: wrap;
      gap: calc(var(--spacing) * 3);
    }
    & li {
      border-radius: calc(infinity * 1px);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 1.5);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
  }
  .about-journey {
    width: 100%;
    background-color: #F9F9F9;
    & > div {
      margin-inline: auto;
      max-width: var(--container-7xl);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 16);
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 20);
      }
    }
    & > div > div:first-child {
      max-width: var(--container-4xl);
    }
    & > div > div:first-child > p:first-child {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: var(--color-black);
    }
    & > div > div:first-child > p:first-child::before {
      display: block;
      height: calc(var(--spacing) * 4);
      width: 1px;
      background-color: var(--color-black);
      content: "";
    }
    & h2 {
      margin-top: calc(var(--spacing) * 6);
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #0857B4;
      @media (width >= 64rem) {
        font-size: var(--text-6xl);
        line-height: var(--tw-leading, var(--text-6xl--line-height));
      }
    }
    & h2 span {
      color: #FF4800;
    }
    & h2 + p {
      margin-top: calc(var(--spacing) * 6);
      max-width: var(--container-3xl);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: #5F5C5B;
    }
    & > div > div:last-child {
      position: relative;
      margin-top: calc(var(--spacing) * 14);
      display: grid;
      gap: calc(var(--spacing) * 10);
    }
    & > div > div:last-child::before {
      position: absolute;
      top: calc(var(--spacing) * -8);
      bottom: calc(var(--spacing) * -8);
      display: none;
      width: calc(var(--spacing) * 0.5);
      background-color: #1060BF;
      @media (width >= 64rem) {
        left: calc(1 / 2 * 100%);
      }
      @media (width >= 64rem) {
        display: block;
      }
      @media (width >= 64rem) {
        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
      content: "";
    }
    & article {
      position: relative;
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 5);
      @media (width >= 64rem) {
        grid-template-columns: 1fr 5rem 1fr;
      }
      @media (width >= 64rem) {
        gap: calc(var(--spacing) * 8);
      }
    }
    & article > div:first-child {
      min-width: 0px;
      padding-top: var(--spacing);
      @media (width >= 64rem) {
        text-align: right;
      }
    }
    & article:nth-child(even) > div:first-child {
      @media (width >= 64rem) {
        grid-column-start: 3;
      }
      @media (width >= 64rem) {
        text-align: left;
      }
    }
    & article:nth-child(even) > div:last-child {
      @media (width >= 64rem) {
        grid-column-start: 1;
      }
      @media (width >= 64rem) {
        grid-row-start: 1;
      }
    }
    & article:nth-child(even) > div:last-child h3 {
      @media (width >= 64rem) {
        text-align: right;
      }
    }
    & article > div:first-child strong {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #1161BF;
      @media (width >= 64rem) {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
      }
    }
    & article > div:first-child p {
      margin-top: calc(var(--spacing) * 3);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & article > span {
      display: none;
      width: calc(var(--spacing) * 5);
      height: calc(var(--spacing) * 5);
      border-radius: calc(infinity * 1px);
      background-color: #1060BF;
      @media (width >= 64rem) {
        grid-column-start: 2;
      }
      @media (width >= 64rem) {
        grid-row-start: 1;
      }
      @media (width >= 64rem) {
        display: block;
      }
      @media (width >= 64rem) {
        justify-self: center;
      }
      animation: about-journey-pulse 1.8s ease-in-out infinite;
    }
    & article > div:last-child {
      border-radius: var(--radius-2xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #000 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
      background-color: var(--color-white);
      padding: calc(var(--spacing) * 6);
      @media (width >= 64rem) {
        padding: calc(var(--spacing) * 8);
      }
    }
    & h3 {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: #1060BF;
    }
    & h3 + div {
      margin-top: calc(var(--spacing) * 5);
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: 0;
        margin-block-end: 0;
      }
    }
    & h3 + div p {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: #656565;
    }
  }
  .site-header {
    position: sticky;
    top: 0px;
    z-index: 50;
    height: calc(var(--spacing) * 18);
    width: 100%;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: transparent;
    background-color: #E9E9E9;
    & > div {
      position: relative;
      margin-inline: auto;
      display: flex;
      height: 100%;
      max-width: var(--container-7xl);
      align-items: center;
      justify-content: space-between;
      padding-inline: calc(var(--spacing) * 4);
    }
    & > div > #site-menu {
      position: absolute;
      top: 100%;
      left: 0px;
      display: none;
      width: 100%;
      flex-direction: column;
      background-color: var(--color-white);
      padding: calc(var(--spacing) * 4);
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      @media (width >= 64rem) {
        position: static;
      }
      @media (width >= 64rem) {
        display: flex;
      }
      @media (width >= 64rem) {
        width: auto;
      }
      @media (width >= 64rem) {
        flex-direction: row;
      }
      @media (width >= 64rem) {
        align-items: center;
      }
      @media (width >= 64rem) {
        gap: calc(var(--spacing) * 8);
      }
      @media (width >= 64rem) {
        background-color: transparent;
      }
      @media (width >= 64rem) {
        padding: 0px;
      }
      @media (width >= 64rem) {
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
    &.menu-open > div > #site-menu {
      display: flex;
    }
    & nav {
      width: 100%;
      @media (width >= 64rem) {
        width: auto;
      }
    }
    & .mobile-menu-toggle {
      display: flex;
      width: calc(var(--spacing) * 10);
      height: calc(var(--spacing) * 10);
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: calc(var(--spacing) * 1.5);
      border-radius: var(--radius-lg);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #000 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
      background-color: color-mix(in srgb, #fff 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
      }
      @media (width >= 64rem) {
        display: none;
      }
      & span {
        display: block;
        height: calc(var(--spacing) * 0.5);
        width: calc(var(--spacing) * 5);
        background-color: var(--color-brand-gray);
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: 200ms;
        transition-duration: 200ms;
      }
    }
    &.menu-open .mobile-menu-toggle span:first-child {
      --tw-translate-y: calc(var(--spacing) * 2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      rotate: 45deg;
    }
    &.menu-open .mobile-menu-toggle span:nth-child(2) {
      opacity: 0%;
    }
    &.menu-open .mobile-menu-toggle span:last-child {
      --tw-translate-y: calc(var(--spacing) * -2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      rotate: calc(45deg * -1);
    }
  }
  .platform-selection {
    width: 100%;
    background-color: #F9F9F9;
    & > div {
      margin-inline: auto;
      max-width: var(--container-7xl);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 8);
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 12);
      }
    }
    & > div > div:first-child {
      max-width: var(--container-3xl);
    }
    & > div > div:first-child > div {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 4);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: var(--color-black);
    }
    & > div > div:first-child > div::before {
      content: "";
      display: block;
      height: calc(var(--spacing) * 4);
      width: 1px;
      background-color: var(--color-black);
    }
    & > div > div:first-child > h2 {
      margin-top: calc(var(--spacing) * 7);
      display: flex;
      max-width: var(--container-3xl);
      flex-wrap: wrap;
      column-gap: calc(var(--spacing) * 3);
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #0857B4;
      @media (width >= 40rem) {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
      }
    }
    & > div > div:first-child > h2 span {
      white-space: nowrap;
      color: #FF0000;
    }
    & > div > div:first-child > p {
      margin-top: calc(var(--spacing) * 6);
      max-width: var(--container-3xl);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
      @media (width >= 64rem) {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
      }
    }
    & > div > div:last-child {
      margin-top: calc(var(--spacing) * 12);
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 5);
      @media (width >= 48rem) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }
    & article {
      position: relative;
      border-radius: var(--radius-2xl);
      background-color: var(--color-white);
      padding: calc(var(--spacing) * 6);
      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    & article:first-child {
      border-style: var(--tw-border-style);
      border-width: 2px;
      border-color: #FF7F40;
      padding-top: calc(var(--spacing) * 10);
    }
    & article:first-child > div:first-child {
      position: absolute;
      top: 0px;
      left: calc(1 / 2 * 100%);
      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      border-radius: var(--radius-2xl);
      background-color: #FF7F40;
      padding-inline: calc(var(--spacing) * 5);
      padding-block: calc(var(--spacing) * 2);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      white-space: nowrap;
      color: var(--color-white);
    }
    & h3 {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: #FF7F40;
    }
    & article p {
      margin-top: calc(var(--spacing) * 4);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & ul {
      margin-top: calc(var(--spacing) * 6);
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
    & li {
      display: flex;
      align-items: flex-start;
      gap: calc(var(--spacing) * 2);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & li i {
      margin-top: var(--spacing);
      flex-shrink: 0;
      color: #FF5400;
    }
  }
  .article-sidebar {
    position: sticky;
    top: calc(var(--spacing) * 24);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }
    & > section {
      overflow: hidden;
      border-radius: var(--radius-2xl);
      padding: calc(var(--spacing) * 5);
    }
    & #widget-author {
      background: var(--unnamed, linear-gradient(270deg, rgba(4, 95, 201, 0.1) 4%, rgba(255, 72, 0, 0.05) 93%));
    }
    & #widget-author > div:first-child {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 4);
    }
    & #widget-author > div:first-child img {
      width: calc(var(--spacing) * 20);
      height: calc(var(--spacing) * 20);
      border-radius: calc(infinity * 1px);
      object-fit: cover;
    }
    & #widget-author > div:first-child > div {
      min-width: 0px;
      flex: 1;
    }
    & #widget-author h2 {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: #5C5C5C;
    }
    & #widget-author h2 + span {
      margin-top: calc(var(--spacing) * 2);
      display: flex;
      width: calc(var(--spacing) * 36);
      border-radius: calc(infinity * 1px);
      background-color: #C4C4C4;
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 1.5);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: var(--color-white);
      @media (width >= 64rem) {
        width: 100%;
      }
    }
    & #widget-author > div:first-child > div > div {
      margin-top: calc(var(--spacing) * 4);
      display: flex;
      gap: calc(var(--spacing) * 4);
    }
    & #widget-author > div:first-child > div > div a {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      color: var(--color-black);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          color: #0857B4;
        }
      }
    }
    & #widget-author > p {
      margin-top: calc(var(--spacing) * 6);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & #widget-author > div:last-child {
      margin-top: calc(var(--spacing) * 6);
      display: grid;
      grid-template-columns: 1fr auto;
      align-items: center;
      gap: calc(var(--spacing) * 4);
      border-radius: var(--radius-2xl);
      background-color: color-mix(in srgb, #fff 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
      }
      padding: calc(var(--spacing) * 4);
    }
    & #widget-author > div:last-child strong {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & #widget-author > div:last-child p {
      margin-top: calc(var(--spacing) * 3);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & #widget-author > div:last-child img {
      width: calc(var(--spacing) * 24);
      height: calc(var(--spacing) * 24);
      border-radius: var(--radius-xl);
      object-fit: cover;
    }
    & #widget-top-rated {
      position: relative;
      background-color: #E9E9E9;
    }
    & #widget-top-rated::before {
      content: "";
      pointer-events: none;
      position: absolute;
      top: calc(1 / 2 * 100%);
      left: calc(1 / 2 * 100%);
      height: 535.82px;
      width: calc(var(--spacing) * 273.5);
      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      rotate: -87.59deg;
      background: var(--unnamed, linear-gradient(270deg, rgba(4, 95, 201, 0.1) 4%, rgba(255, 72, 0, 0.05) 93%));
    }
    & #widget-top-rated > * {
      position: relative;
      z-index: 10;
    }
    & #widget-top-rated h2 {
      padding-bottom: calc(var(--spacing) * 4);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & #widget-top-rated > div {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
      border-color: color-mix(in srgb, #000 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
    }
    & #widget-top-rated a {
      display: grid;
      grid-template-columns: 1fr auto auto;
      align-items: center;
      gap: calc(var(--spacing) * 2);
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
      border-color: color-mix(in srgb, #000 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
      padding-block: calc(var(--spacing) * 4);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & #widget-top-rated a span {
      min-width: 0px;
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
    & #widget-top-rated i {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: #FBA512;
    }
    & #widget-top-rated small {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: 1;
      line-height: 1;
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & #widget-recommended {
      position: relative;
      background-color: #E9E9E9;
    }
    & #widget-recommended::before {
      content: "";
      pointer-events: none;
      position: absolute;
      top: calc(1 / 2 * 100%);
      left: calc(1 / 2 * 100%);
      height: 535.82px;
      width: calc(var(--spacing) * 273.5);
      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      rotate: -87.59deg;
      background: linear-gradient(270deg, rgba(4, 95, 201, 0.1) 3.734%, rgba(255, 72, 0, 0.05) 93.307%);
    }
    & #widget-recommended > * {
      position: relative;
      z-index: 10;
    }
    & #widget-recommended h2 {
      padding-bottom: calc(var(--spacing) * 4);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & #widget-recommended > div {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
      border-color: color-mix(in srgb, #000 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
    }
    & #widget-recommended a {
      display: block;
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
      border-color: color-mix(in srgb, #000 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
      padding-block: calc(var(--spacing) * 4);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & #widget-recommended a > div:first-child {
      display: grid;
      grid-template-columns: 2.5rem 1fr;
      gap: calc(var(--spacing) * 2);
    }
    & #widget-recommended strong {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
    & #widget-recommended a:nth-child(1) strong {
      color: #033A7B;
    }
    & #widget-recommended a:nth-child(2) strong {
      color: #1768C8;
    }
    & #widget-recommended a:nth-child(3) strong {
      color: #3389EE;
    }
    & #widget-recommended a:nth-child(4) strong {
      color: #FF5400;
    }
    & #widget-recommended a:nth-child(n+5) strong {
      color: #868686;
    }
    & #widget-recommended a > div:first-child span {
      min-width: 0px;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & #widget-recommended a > div:last-child {
      margin-top: calc(var(--spacing) * 3);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: calc(var(--spacing) * 4);
      padding-left: calc(var(--spacing) * 12);
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & #widget-recommended a > div:last-child span {
      display: inline-flex;
      align-items: center;
      gap: calc(var(--spacing) * 1.5);
      white-space: nowrap;
    }
    & #widget-recommended i {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & #widget-topics {
      background: linear-gradient(270deg, rgba(4, 95, 201, 0.07) 3.734%, rgba(255, 72, 0, 0.04) 93.307%);
    }
    & #widget-topics h2 {
      padding-bottom: calc(var(--spacing) * 4);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & #widget-topics > div {
      display: flex;
      flex-wrap: wrap;
      gap: calc(var(--spacing) * 2);
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
      border-color: color-mix(in srgb, #000 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
      padding-top: calc(var(--spacing) * 4);
    }
    & #widget-topics a {
      border-radius: var(--radius-xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
      padding-inline: calc(var(--spacing) * 3);
      padding-block: calc(var(--spacing) * 1.5);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          border-color: #033A7B;
        }
      }
      &:hover {
        @media (hover: hover) {
          color: #033A7B;
        }
      }
    }
    & #widget-toc {
      background: linear-gradient(270deg, rgba(4, 95, 201, 0.07) 3.734%, rgba(255, 72, 0, 0.04) 93.307%);
    }
    & #widget-toc h2 {
      padding-bottom: calc(var(--spacing) * 4);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & #widget-toc nav {
      display: flex;
      flex-direction: column;
      gap: calc(var(--spacing) * 3);
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
      border-color: color-mix(in srgb, #000 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
      padding-top: calc(var(--spacing) * 4);
    }
    & #widget-toc a {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          color: #033A7B;
        }
      }
    }
    & #widget-toc a.is-sub {
      padding-left: calc(var(--spacing) * 5);
      font-size: 13px;
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
    }
  }
  .home-strength {
    width: 100%;
    background-color: #033A7B;
    background-image: url('../images/home/strength.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    & > div {
      margin-inline: auto;
      display: grid;
      min-height: calc(var(--spacing) * 105);
      max-width: var(--container-7xl);
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 8);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 12);
      @media (width >= 40rem) {
        min-height: calc(var(--spacing) * 130);
      }
      @media (width >= 40rem) {
        padding-block: calc(var(--spacing) * 16);
      }
      @media (width >= 64rem) {
        min-height: calc(var(--spacing) * 160);
      }
      @media (width >= 64rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      @media (width >= 64rem) {
        gap: calc(var(--spacing) * 10);
      }
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 20);
      }
    }
    & > div > div:first-child {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    & > div > div:first-child > div:first-child {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 4);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      --tw-tracking: var(--tracking-widest);
      letter-spacing: var(--tracking-widest);
      color: var(--color-white);
      text-transform: uppercase;
    }
    & > div > div:first-child > div:first-child::before {
      content: "";
      display: block;
      height: calc(var(--spacing) * 4);
      width: 1px;
      background-color: var(--color-white);
    }
    & h2 {
      margin-top: calc(var(--spacing) * 8);
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: var(--color-white);
      @media (width >= 40rem) {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
      }
      @media (width >= 64rem) {
        font-size: 64px;
      }
    }
    & h2 span {
      color: #FAFF00;
    }
    & > div > div:first-child > p {
      margin-top: calc(var(--spacing) * 8);
      width: 100%;
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-leading: var(--leading-relaxed);
      line-height: var(--leading-relaxed);
      color: color-mix(in srgb, #fff 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 60%, transparent);
      }
    }
    & > div > div:first-child > div:last-child {
      margin-top: calc(var(--spacing) * 10);
      display: grid;
      width: 100%;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 4);
      border-radius: var(--radius-3xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #fff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
      background-color: color-mix(in srgb, #fff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
      padding: calc(var(--spacing) * 4);
      @media (width >= 40rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    & > div > div:first-child > div:last-child > div {
      position: relative;
      display: grid;
      grid-template-columns: 104px 1fr;
      align-items: center;
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 2px;
      border-color: color-mix(in srgb, #fff 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
      }
      padding-inline: calc(var(--spacing) * 5);
      padding-block: calc(var(--spacing) * 4);
      &::after {
        content: var(--tw-content);
        position: absolute;
      }
      &::after {
        content: var(--tw-content);
        right: 0px;
      }
      &::after {
        content: var(--tw-content);
        bottom: 0px;
      }
      &::after {
        content: var(--tw-content);
        height: calc(var(--spacing) * 10);
      }
      &::after {
        content: var(--tw-content);
        width: calc(var(--spacing) * 2);
      }
      &::after {
        content: var(--tw-content);
        background-color: #697B90;
      }
    }
    & strong {
      display: flex;
      align-items: baseline;
      justify-self: flex-start;
      font-size: 36px;
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      white-space: nowrap;
    }
    & strong span {
      order: 2;
      color: #FF6E00;
    }
    & strong em {
      order: 9999;
      color: var(--color-white);
      font-style: normal;
    }
    & > div > div:first-child > div:last-child > div:last-child strong em {
      order: -9999;
      margin-right: calc(var(--spacing) * 2);
    }
    & strong + span {
      justify-self: flex-end;
      padding-right: calc(var(--spacing) * 4);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      white-space: nowrap;
      color: color-mix(in srgb, #fff 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 60%, transparent);
      }
    }
    & > div > div:last-child {
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: calc(var(--spacing) * 5);
    }
    & .js-strength-item {
      border-radius: var(--radius-3xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #fff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
      background-color: color-mix(in srgb, #fff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
      padding: calc(var(--spacing) * 5);
    }
    & .js-strength-item button {
      display: flex;
      width: 100%;
      align-items: center;
      gap: calc(var(--spacing) * 4);
      text-align: left;
    }
    & .js-strength-item button > span:first-child {
      display: flex;
      width: calc(var(--spacing) * 12);
      height: calc(var(--spacing) * 12);
      flex-shrink: 0;
      align-items: center;
      justify-content: center;
      border-radius: var(--radius-xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #fff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
      color: #FF6E00;
    }
    & .js-strength-item button > span:first-child i {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
    }
    & .js-strength-item button > span:nth-child(2) {
      flex: 1;
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--color-white);
    }
    & .js-strength-item button > :last-child {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
      flex-shrink: 0;
      color: color-mix(in srgb, #fff 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 60%, transparent);
      }
    }
    & .js-strength-item.is-open button > :last-child {
      color: #FF6E00;
    }
    & .js-strength-item > p {
      display: none;
      padding-top: calc(var(--spacing) * 4);
      padding-left: calc(var(--spacing) * 16);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: var(--leading-relaxed);
      line-height: var(--leading-relaxed);
      color: color-mix(in srgb, #fff 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 60%, transparent);
      }
    }
    & .js-strength-item.is-open > p {
      display: block;
    }
  }
  .included-features {
    width: 100%;
    background-color: var(--section-background);
    & > div {
      margin-inline: auto;
      max-width: var(--container-7xl);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 8);
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 12);
      }
    }
    & > div > div:first-child > div {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: calc(var(--spacing) * 4);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: var(--color-black);
    }
    & > div > div:first-child > div::before {
      content: "";
      display: block;
      height: calc(var(--spacing) * 4);
      width: 1px;
      background-color: var(--color-black);
    }
    & h2 {
      margin-top: calc(var(--spacing) * 7);
      display: flex;
      max-width: var(--container-5xl);
      flex-wrap: wrap;
      column-gap: calc(var(--spacing) * 3);
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #0857B4;
      @media (width >= 40rem) {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
      }
    }
    & h2 span {
      min-width: 0px;
      color: #FF0000;
    }
    & > div > div:first-child > p {
      margin-top: calc(var(--spacing) * 6);
      max-width: var(--container-3xl);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      color: #585858;
      @media (width >= 64rem) {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
      }
    }
    & > div > div:last-child {
      margin-top: calc(var(--spacing) * 12);
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 5);
      @media (width >= 40rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      @media (width >= 64rem) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }
    & > div > div:last-child article {
      position: relative;
      min-height: calc(var(--spacing) * 56);
      border-radius: var(--radius-2xl);
      background-color: var(--color-white);
      padding: calc(var(--spacing) * 5);
      padding-bottom: calc(var(--spacing) * 16);
      text-align: left;
    }
    & article > div {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 3);
    }
    & article > div > span {
      display: flex;
      width: calc(var(--spacing) * 14);
      height: calc(var(--spacing) * 14);
      align-items: center;
      justify-content: center;
      border-radius: var(--radius-2xl);
      background-color: #F4F4F4;
    }
    & article i {
      color: var(--icon-color, #033A7B);
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: 1;
      line-height: 1;
    }
    & article strong {
      color: var(--title-color, #033A7B);
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
    }
    & article p {
      margin-top: calc(var(--spacing) * 6);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      color: #585858;
    }
    & article em {
      background-color: var(--badge-color, var(--icon-color, #033A7B));
      position: absolute;
      bottom: calc(var(--spacing) * 5);
      left: calc(var(--spacing) * 5);
      border-radius: calc(infinity * 1px);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 2);
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--color-white);
      font-style: normal;
    }
  }
  .home-banner {
    overflow: hidden;
    background-color: var(--color-white);
    & > div {
      min-height: 760px;
      position: relative;
      display: flex;
      width: 100%;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      background-image: url('../images/home/banner.png');
      background-position: center;
      padding-inline: calc(var(--spacing) * 4);
      padding-top: calc(var(--spacing) * 24);
      padding-bottom: calc(var(--spacing) * 12);
      @media (width >= 40rem) {
        min-height: 900px;
      }
      @media (width >= 64rem) {
        min-height: 100vh;
      }
      @media (width >= 64rem) {
        padding-bottom: 0px;
      }
    }
    & > div > div {
      display: flex;
      width: 100%;
      flex-direction: column;
      align-items: center;
    }
    & .home-banner__eyebrow {
      display: inline-flex;
      align-items: center;
      gap: calc(var(--spacing) * 2);
      border-radius: calc(infinity * 1px);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #000 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
      }
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 1.5);
      font-size: 11px;
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      --tw-tracking: var(--tracking-wide);
      letter-spacing: var(--tracking-wide);
      color: var(--color-zinc-500);
      text-transform: uppercase;
      @media (width >= 40rem) {
        padding-inline: calc(var(--spacing) * 6);
      }
      &::before {
        content: "";
        display: block;
        width: calc(var(--spacing) * 1.5);
        height: calc(var(--spacing) * 1.5);
        flex-shrink: 0;
        border-radius: calc(infinity * 1px);
        background-color: var(--color-zinc-500);
      }
    }
    & h2 {
      margin-top: calc(var(--spacing) * 8);
      text-align: left;
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: var(--color-brand-blue-deep);
      @media (width >= 40rem) {
        font-size: var(--text-6xl);
        line-height: var(--tw-leading, var(--text-6xl--line-height));
      }
      @media (width >= 64rem) {
        font-size: var(--text-7xl);
        line-height: var(--tw-leading, var(--text-7xl--line-height));
      }
    }
    & h3 {
      margin-top: calc(var(--spacing) * 6);
      text-align: left;
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: var(--leading-snug);
      line-height: var(--leading-snug);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      --tw-tracking: var(--tracking-wide);
      letter-spacing: var(--tracking-wide);
      color: var(--color-brand-blue-deep);
      @media (width >= 40rem) {
        font-size: var(--text-6xl);
        line-height: var(--tw-leading, var(--text-6xl--line-height));
      }
      @media (width >= 64rem) {
        font-size: var(--text-7xl);
        line-height: var(--tw-leading, var(--text-7xl--line-height));
      }
      & span {
        --tw-font-weight: var(--font-weight-black);
        font-weight: var(--font-weight-black);
        color: var(--color-red-600);
      }
      & + p {
        margin-top: calc(var(--spacing) * 6);
        max-width: var(--container-2xl);
        text-align: left;
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --tw-leading: var(--leading-relaxed);
        line-height: var(--leading-relaxed);
        color: var(--color-zinc-600);
        @media (width >= 40rem) {
          font-size: var(--text-xl);
          line-height: var(--tw-leading, var(--text-xl--line-height));
        }
        @media (width >= 64rem) {
          font-size: var(--text-2xl);
          line-height: var(--tw-leading, var(--text-2xl--line-height));
        }
        & + div {
          margin-top: calc(var(--spacing) * 12);
          display: flex;
          gap: calc(var(--spacing) * 2);
          @media (width >= 48rem) {
            gap: calc(var(--spacing) * 4);
          }
          & a {
            border-radius: calc(infinity * 1px);
            --tw-gradient-position: to bottom;
            @supports (background-image: linear-gradient(in lab, red, red)) {
              --tw-gradient-position: to bottom in oklab;
            }
            background-image: linear-gradient(var(--tw-gradient-stops));
            --tw-gradient-from: var(--color-brand-blue-deep);
            --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
            --tw-gradient-to: var(--color-brand-blue-light);
            --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
            transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
            --tw-duration: 300ms;
            transition-duration: 300ms;
            &:hover {
              @media (hover: hover) {
                --tw-gradient-from: var(--color-brand-blue-light);
                --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
              }
            }
            &:hover {
              @media (hover: hover) {
                --tw-gradient-to: var(--color-brand-blue-deep);
                --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
              }
            }
            padding-inline: calc(var(--spacing) * 5);
            padding-block: calc(var(--spacing) * 2);
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height));
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
            color: var(--color-white);
            --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            @media (width >= 40rem) {
              padding-inline: calc(var(--spacing) * 10);
            }
            @media (width >= 40rem) {
              padding-block: calc(var(--spacing) * 4);
            }
            @media (width >= 40rem) {
              font-size: var(--text-base);
              line-height: var(--tw-leading, var(--text-base--line-height));
            }
            & i {
              margin-left: calc(var(--spacing) * 2);
              display: inline-block;
              width: calc(var(--spacing) * 2);
              text-align: center;
            }
          }
          & + div {
            margin-top: calc(var(--spacing) * 12);
            display: grid;
            width: 100%;
            max-width: var(--container-4xl);
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: calc(var(--spacing) * 6);
            @media (width >= 48rem) {
              gap: calc(var(--spacing) * 10);
            }
            @media (width >= 64rem) {
              grid-template-columns: repeat(4, minmax(0, 1fr));
            }
            @media (width >= 64rem) {
              gap: calc(var(--spacing) * 16);
            }
            & > div {
              border-radius: var(--radius-3xl);
              border-style: var(--tw-border-style);
              border-width: 1px;
              border-color: var(--color-zinc-300);
              padding-inline: calc(var(--spacing) * 4);
              padding-block: calc(var(--spacing) * 3);
              text-align: center;
              @media (width >= 40rem) {
                padding-inline: calc(var(--spacing) * 6);
              }
              @media (width >= 40rem) {
                padding-block: calc(var(--spacing) * 2);
              }
            }
          }
        }
      }
    }
    & strong {
      display: flex;
      align-items: baseline;
      justify-content: center;
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: var(--color-orange-500);
      font-style: normal;
      @media (width >= 40rem) {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
      }
      & > em {
        order: 9999;
        margin-left: calc(var(--spacing) * 1.5);
        color: var(--color-zinc-500);
        font-style: normal;
      }
      & + p {
        margin-top: calc(var(--spacing) * 2);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        color: var(--color-zinc-600);
        @media (width >= 40rem) {
          font-size: var(--text-lg);
          line-height: var(--tw-leading, var(--text-lg--line-height));
        }
      }
    }
    & > div > div > div:last-child > div:last-child strong > em {
      order: -9999;
      margin-right: calc(var(--spacing) * 1.5);
      margin-left: 0px;
    }
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .article-detail {
    width: 100%;
    background-color: #F8F8F8;
    & > div {
      margin-inline: auto;
      display: grid;
      max-width: var(--container-7xl);
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 8);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 12);
      @media (width >= 64rem) {
        grid-template-columns: repeat(12, minmax(0, 1fr));
      }
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 16);
      }
    }
    & > div > article {
      min-width: 0px;
      border-radius: var(--radius-2xl);
      background-color: #F9F9F9;
      @media (width >= 64rem) {
        grid-column: span 9 / span 9;
      }
    }
    & aside {
      min-width: 0px;
      @media (width >= 64rem) {
        grid-column: span 3 / span 3;
      }
    }
    & .wp-block-post-content {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & .wp-block-post-content > * + * {
      margin-top: calc(var(--spacing) * 6);
    }
    & .wp-block-heading {
      margin-top: calc(var(--spacing) * 10);
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: var(--color-black);
    }
    & p {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & .wp-block-image {
      overflow: hidden;
      border-radius: var(--radius-2xl);
    }
    & .wp-block-image img {
      aspect-ratio: 3/2;
      width: 100%;
      object-fit: cover;
    }
    & .wp-block-table {
      overflow-x: auto;
    }
    & .wp-block-table table {
      width: 100%;
      border-collapse: collapse;
      text-align: left;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    & .wp-block-table th {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #000 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
      background-color: #F8F8F8;
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 3);
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & .wp-block-table td {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #000 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 3);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & .wp-block-quote {
      border-left-style: var(--tw-border-style);
      border-left-width: 4px;
      border-color: #B9B4B4;
      background-color: #F8F8F8;
      padding-inline: calc(var(--spacing) * 5);
      padding-block: calc(var(--spacing) * 4);
    }
    & .wp-block-quote p {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & .wp-block-list {
      list-style-type: disc;
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
      }
      padding-left: calc(var(--spacing) * 6);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & .article-author-card {
      margin-top: calc(var(--spacing) * 10);
      overflow: hidden;
      border-radius: var(--radius-2xl);
      background-color: #DCDCDC;
    }
    & .article-author-card > h2 {
      margin: 0px;
      width: 100%;
      background-color: #B9B4B4;
      padding-inline: calc(var(--spacing) * 5);
      padding-block: calc(var(--spacing) * 3);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
      @media (width >= 64rem) {
        padding-inline: calc(var(--spacing) * 6);
      }
    }
    & .article-author-card > div:first-of-type {
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 5);
      padding: calc(var(--spacing) * 5);
      @media (width >= 40rem) {
        grid-template-columns: auto 1fr auto;
      }
      @media (width >= 40rem) {
        align-items: flex-start;
      }
      @media (width >= 64rem) {
        padding: calc(var(--spacing) * 6);
      }
    }
    & .article-author-card > div:first-of-type > img {
      width: calc(var(--spacing) * 20);
      height: calc(var(--spacing) * 20);
      border-radius: calc(infinity * 1px);
      object-fit: cover;
    }
    & .article-author-card > div:first-of-type > div:first-of-type {
      min-width: 0px;
    }
    & .article-author-card > div:first-of-type > div:first-of-type > div {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: calc(var(--spacing) * 3);
    }
    & .article-author-card h3 {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: #5C5C5C;
    }
    & .article-author-card h3 + span {
      display: inline-flex;
      border-radius: calc(infinity * 1px);
      background-color: #C4C4C4;
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 1.5);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: var(--color-white);
    }
    & .article-author-card > div:first-of-type > div:first-of-type > p {
      margin-top: calc(var(--spacing) * 4);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & .article-author-card > div:first-of-type > div:last-child {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: calc(var(--spacing) * 2);
    }
    & .article-author-card > div:first-of-type > div:last-child img {
      width: calc(var(--spacing) * 24);
      height: calc(var(--spacing) * 24);
      border-radius: var(--radius-xl);
      object-fit: cover;
    }
    & .article-author-card > div:first-of-type > div:last-child span {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & .article-tags {
      margin-top: calc(var(--spacing) * 6);
      display: flex;
      flex-wrap: wrap;
      gap: calc(var(--spacing) * 2);
    }
    & .article-tags a {
      border-radius: var(--radius-xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
      padding-inline: calc(var(--spacing) * 3);
      padding-block: calc(var(--spacing) * 1.5);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          border-color: #0051FF;
        }
      }
      &:hover {
        @media (hover: hover) {
          color: #0051FF;
        }
      }
    }
    & .article-post-nav {
      margin-top: calc(var(--spacing) * 6);
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      border-block-style: var(--tw-border-style);
      border-block-width: 1px;
      border-color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
      @media (width >= 40rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    & .article-post-nav a {
      display: flex;
      min-width: 0px;
      align-items: center;
      gap: var(--spacing);
      padding-block: calc(var(--spacing) * 5);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          color: #0051FF;
        }
      }
      @media (width >= 40rem) {
        padding-inline: calc(var(--spacing) * 5);
      }
    }
    & .article-post-nav a + a {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
      border-color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
      @media (width >= 40rem) {
        border-top-style: var(--tw-border-style);
        border-top-width: 0px;
      }
      @media (width >= 40rem) {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px;
      }
    }
    & .article-post-nav span {
      flex-shrink: 0;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & .article-post-nav span::after {
      content: "：";
    }
    & .article-post-nav strong {
      min-width: 0px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: #0051FF;
    }
    & .article-related {
      margin-top: calc(var(--spacing) * 8);
    }
    & .article-related > h2 {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & .article-related > div {
      margin-top: calc(var(--spacing) * 5);
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 5);
      @media (width >= 40rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      @media (width >= 64rem) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }
    & .article-related article {
      overflow: hidden;
      border-radius: var(--radius-2xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #000 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
      background-color: var(--color-white);
    }
    & .article-related article img {
      aspect-ratio: 3/2;
      width: 100%;
      object-fit: cover;
    }
    & .article-related article > div {
      padding: calc(var(--spacing) * 4);
    }
    & .article-related h3 {
      overflow: hidden;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
      @media (width >= 40rem) {
        height: 2.8em;
      }
      display: -webkit-box;
      line-height: 1.4;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
    & .article-related article p {
      margin-top: calc(var(--spacing) * 3);
      overflow: hidden;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: color-mix(in srgb, #000 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 40%, transparent);
      }
      @media (width >= 40rem) {
        height: 6em;
      }
      display: -webkit-box;
      line-height: 1.5;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
    }
    & .article-related article div div {
      margin-top: calc(var(--spacing) * 6);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: calc(var(--spacing) * 4);
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      color: color-mix(in srgb, #000 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 40%, transparent);
      }
    }
  }
  .split-hero {
    width: 100%;
    background-color: #F8F7F7;
    & > div {
      margin-inline: auto;
      display: grid;
      max-width: var(--container-7xl);
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 12);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 12);
      @media (width >= 64rem) {
        grid-template-columns: repeat(5, minmax(0, 1fr));
      }
      @media (width >= 64rem) {
        align-items: center;
      }
      @media (width >= 64rem) {
        gap: calc(var(--spacing) * 16);
      }
    }
    & > div > div {
      @media (width >= 64rem) {
        grid-column: span 3 / span 3;
      }
    }
    & > div > div > nav {
      margin-bottom: calc(var(--spacing) * 14);
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: calc(var(--spacing) * 1.5);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: color-mix(in srgb, #000 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 50%, transparent);
      }
    }
    & > div > div > nav a {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          color: var(--color-black);
        }
      }
    }
    & > div > div > div:first-of-type {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 4);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: var(--color-black);
    }
    & > div > div > div:first-of-type::before {
      content: "";
      display: block;
      height: calc(var(--spacing) * 4);
      width: 1px;
      background-color: var(--color-black);
    }
    & h2 {
      margin-top: calc(var(--spacing) * 6);
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      column-gap: calc(var(--spacing) * 3);
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #0857B4;
      @media (width >= 40rem) {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
      }
      @media (width >= 64rem) {
        font-size: 52px;
      }
    }
    & h2 span {
      min-width: 0px;
      color: #FF0000;
      @media (width >= 40rem) {
        white-space: nowrap;
      }
    }
    & > div > div > p {
      margin-top: calc(var(--spacing) * 7);
      max-width: var(--container-2xl);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      color: #5D6572;
      @media (width >= 64rem) {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
      }
    }
    & > div > div > div:nth-of-type(2) {
      margin-top: calc(var(--spacing) * 9);
      display: flex;
      flex-wrap: wrap;
      gap: calc(var(--spacing) * 4);
    }
    & > div > div > div:nth-of-type(2) a {
      display: inline-flex;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      border-radius: calc(infinity * 1px);
      border-style: var(--tw-border-style);
      border-width: 1px;
      padding-inline: calc(var(--spacing) * 7);
      padding-block: calc(var(--spacing) * 3);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      border-color: var(--button-border);
      background-color: var(--button-background);
      color: var(--button-color);
    }
    & > div > div > div:nth-of-type(2) a:active {
      background-color: var(--button-color);
      color: var(--button-background);
    }
    & > div > div > div:nth-of-type(3) {
      margin-top: calc(var(--spacing) * 10);
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 5);
      @media (width >= 40rem) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }
    & > div > div > div:nth-of-type(3):empty {
      display: none;
    }
    & > div > div > div:nth-of-type(3) strong {
      display: block;
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #FF6E00;
    }
    & > div > div > div:nth-of-type(3) span {
      margin-top: calc(var(--spacing) * 3);
      display: block;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
      color: #585858;
    }
    & > div > div > div:last-child {
      margin-top: calc(var(--spacing) * 8);
      display: flex;
      flex-wrap: wrap;
      gap: calc(var(--spacing) * 3);
    }
    & > div > div > div:last-child a {
      border-radius: calc(infinity * 1px);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: #3084E9;
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 2);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: #3084E9;
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          background-color: #3084E9;
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
    & > div > img {
      height: auto;
      width: 100%;
      border-radius: var(--radius-2xl);
      object-fit: contain;
      @media (width >= 64rem) {
        grid-column: span 2 / span 2;
      }
      @media (width >= 64rem) {
        align-self: center;
      }
    }
  }
  .contact-detail {
    width: 100%;
    background-color: #F9F9F9;
    & > div {
      margin-inline: auto;
      display: grid;
      max-width: var(--container-7xl);
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 8);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 16);
      @media (width >= 64rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 20);
      }
    }
    & .contact-form-panel {
      border-radius: var(--radius-2xl);
      background-color: #DEEAFF;
      padding: calc(var(--spacing) * 6);
      --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      @media (width >= 40rem) {
        padding: calc(var(--spacing) * 9);
      }
      @media (width >= 64rem) {
        padding: calc(var(--spacing) * 10);
      }
    }
    & .contact-form-panel h2 {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #151515;
    }
    & .contact-form-panel p {
      margin-top: calc(var(--spacing) * 3);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
      color: #5F6876;
    }
    & [data-fluentform]:empty {
      margin-top: calc(var(--spacing) * 8);
      display: grid;
      min-height: calc(var(--spacing) * 80);
      place-items: center;
      border-radius: var(--radius-lg);
      border-style: var(--tw-border-style);
      border-width: 1px;
      --tw-border-style: dashed;
      border-style: dashed;
      border-color: #9ABCE7;
      background-color: color-mix(in srgb, #fff 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
      }
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: #68707C;
    }
    & [data-fluentform]:empty::before {
      content: "表单将由 Fluent Forms 加载";
    }
    & form {
      margin-top: calc(var(--spacing) * 8);
      display: grid;
      gap: calc(var(--spacing) * 4);
    }
    & label {
      display: grid;
      gap: calc(var(--spacing) * 2);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: #3E4652;
    }
    & input, & textarea {
      width: 100%;
      border-radius: var(--radius-lg);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: transparent;
      background-color: var(--color-white);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 3);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: #151515;
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-outline-style: none;
      outline-style: none;
      &::placeholder {
        color: #9BA3AE;
      }
      &:focus {
        border-color: #2072D4;
      }
    }
    & textarea {
      resize: vertical;
    }
    & button {
      margin-top: calc(var(--spacing) * 2);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: calc(var(--spacing) * 3);
      border-radius: var(--radius-lg);
      background-color: #2072D4;
      padding-inline: calc(var(--spacing) * 6);
      padding-block: calc(var(--spacing) * 4);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--color-white);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          background-color: #083E7F;
        }
      }
      &:focus-visible {
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
      }
      &:focus-visible {
        outline-offset: 2px;
      }
      &:focus-visible {
        outline-color: #083E7F;
      }
    }
    & .contact-form-panel small {
      margin-top: calc(var(--spacing) * 5);
      display: block;
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
      color: #68707C;
    }
    & .contact-card-list {
      display: grid;
      gap: calc(var(--spacing) * 5);
    }
    & article {
      border-radius: var(--radius-2xl);
      background-color: var(--color-white);
      padding: calc(var(--spacing) * 6);
      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    & article > div:first-child {
      display: flex;
      align-items: flex-start;
      gap: calc(var(--spacing) * 4);
    }
    & article > div:first-child > span {
      display: flex;
      width: calc(var(--spacing) * 12);
      height: calc(var(--spacing) * 12);
      flex-shrink: 0;
      align-items: center;
      justify-content: center;
      border-radius: var(--radius-2xl);
      background-color: color-mix(in srgb, #000 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
      }
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      color: #033A7B;
    }
    & article h3 {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: color-mix(in srgb, #000 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 80%, transparent);
      }
    }
    & article h3 + p {
      margin-top: calc(var(--spacing) * 2);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: color-mix(in srgb, #000 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 40%, transparent);
      }
    }
    & article > div:last-child {
      margin-top: calc(var(--spacing) * 5);
    }
    & article > div:last-child p {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 6);
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
      border-color: color-mix(in srgb, #000 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
      padding-block: calc(var(--spacing) * 3);
      &:first-child {
        border-top-style: var(--tw-border-style);
        border-top-width: 0px;
      }
      &:first-child {
        padding-top: 0px;
      }
      &:last-child {
        padding-bottom: 0px;
      }
    }
    & article > div:last-child span {
      min-width: calc(var(--spacing) * 16);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: color-mix(in srgb, #000 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 40%, transparent);
      }
    }
    & article > div:last-child a {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: color-mix(in srgb, #000 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 80%, transparent);
      }
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          color: #033A7B;
        }
      }
    }
    & article:last-child {
      text-align: center;
    }
    & article:last-child h3 {
      text-align: center;
    }
    & article:last-child > p {
      margin-top: calc(var(--spacing) * 2);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: color-mix(in srgb, #000 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 40%, transparent);
      }
    }
    & article:last-child img {
      margin-inline: auto;
      margin-top: calc(var(--spacing) * 2);
      width: calc(var(--spacing) * 40);
      height: calc(var(--spacing) * 40);
      object-fit: cover;
    }
    & article:last-child strong {
      margin-top: calc(var(--spacing) * 4);
      display: block;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: color-mix(in srgb, #000 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 80%, transparent);
      }
    }
    & .contact-map {
      @media (width >= 64rem) {
        grid-column: span 2 / span 2;
      }
    }
    & .contact-map-media {
      overflow: hidden;
      border-radius: var(--radius-2xl);
    }
    & .contact-map-media img, & .contact-map-media iframe {
      display: block;
      height: calc(var(--spacing) * 72);
      width: 100%;
      border-radius: var(--radius-2xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #000 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
      }
      object-fit: cover;
      @media (width >= 64rem) {
        height: calc(var(--spacing) * 128);
      }
    }
    & .contact-map-media:has(iframe) > img {
      display: none;
    }
  }
  .website-ideal-for {
    width: 100%;
    background-color: var(--color-white);
    & > div {
      margin-inline: auto;
      max-width: var(--container-7xl);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 8);
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 12);
      }
    }
    & > div > div:first-child {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: calc(var(--spacing) * 4);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: var(--color-black);
    }
    & > div > div:first-child::before, & > div > div:first-child::after {
      content: "";
      display: block;
      height: calc(var(--spacing) * 4);
      width: 1px;
      background-color: var(--color-black);
    }
    & h2 {
      margin-top: calc(var(--spacing) * 7);
      max-width: var(--container-5xl);
      text-align: left;
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #0857B4;
      @media (width >= 40rem) {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
      }
    }
    & h2 span {
      color: #FF0000;
    }
    & > div > div:last-child {
      margin-top: calc(var(--spacing) * 12);
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 5);
      @media (width >= 40rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      @media (width >= 64rem) {
        grid-template-columns: repeat(6, minmax(0, 1fr));
      }
    }
    & > div > div:last-child article {
      @media (width >= 64rem) {
        grid-column: span 2 / span 2;
      }
    }
    & > div > div:last-child article:only-child {
      @media (width >= 40rem) {
        grid-column: span 2 / span 2;
      }
      @media (width >= 64rem) {
        grid-column: span 6 / span 6;
      }
    }
    & > div > div:last-child article:nth-child(2n+1):last-child {
      @media (width >= 40rem) {
        grid-column: span 2 / span 2;
      }
    }
    & > div > div:last-child article:nth-child(3n+1):last-child {
      @media (width >= 64rem) {
        grid-column: span 6 / span 6;
      }
    }
    & > div > div:last-child article:nth-child(3n+1):nth-last-child(2), & > div > div:last-child article:nth-child(3n+2):last-child {
      @media (width >= 64rem) {
        grid-column: span 3 / span 3;
      }
    }
    & article {
      min-height: calc(var(--spacing) * 56);
      border-radius: var(--radius-2xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: #E4E4E4;
      background-color: var(--color-white);
      padding: calc(var(--spacing) * 5);
      text-align: left;
    }
    & article > div {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 3);
    }
    & article > div > span:first-child {
      display: flex;
      width: calc(var(--spacing) * 14);
      height: calc(var(--spacing) * 14);
      align-items: center;
      justify-content: center;
      border-radius: var(--radius-2xl);
      background-color: #F4F4F4;
    }
    & article > div > span:first-child i {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: 1;
      line-height: 1;
      color: #033A7B;
    }
    & article > div > span:last-child {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: color-mix(in srgb, #000 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 30%, transparent);
      }
    }
    & article p {
      margin-top: calc(var(--spacing) * 6);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      color: #585858;
    }
  }
  .solution-geo {
    width: 100%;
    background-color: var(--color-white);
    & > div {
      margin-inline: auto;
      max-width: var(--container-7xl);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 16);
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 24);
      }
    }
    & > div > div:first-child > div {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 4);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: var(--color-black);
    }
    & > div > div:first-child > div::before {
      content: "";
      display: block;
      height: calc(var(--spacing) * 4);
      width: 1px;
      background-color: var(--color-black);
    }
    & h2 {
      margin-top: calc(var(--spacing) * 7);
      display: flex;
      flex-wrap: wrap;
      column-gap: calc(var(--spacing) * 3);
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      @media (width >= 40rem) {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
      }
    }
    & h2 span:first-child {
      color: #0857B4;
    }
    & h2 span:last-child {
      white-space: nowrap;
      color: #FF5B00;
    }
    & > div > div:first-child > p {
      margin-top: calc(var(--spacing) * 6);
      max-width: var(--container-3xl);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & > div > div:last-child {
      margin-top: calc(var(--spacing) * 12);
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 6);
      @media (width >= 64rem) {
        grid-template-columns: repeat(5, minmax(0, 1fr));
      }
      @media (width >= 64rem) {
        align-items: stretch;
      }
    }
    & > div > div:last-child > div {
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 5);
      @media (width >= 64rem) {
        grid-column: span 3 / span 3;
      }
    }
    & > div > div:last-child > div article {
      border-radius: var(--radius-2xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #000 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
      background-color: var(--color-white);
      padding: calc(var(--spacing) * 6);
    }
    & > div > div:last-child > div article > span {
      color: var(--label-color);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
    }
    & > div > div:last-child > div h3 {
      color: var(--card-title-color);
      margin-top: calc(var(--spacing) * 5);
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
    }
    & > div > div:last-child > div p {
      margin-top: calc(var(--spacing) * 4);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & aside {
      border-radius: var(--radius-2xl);
      background-color: #DEEAFF;
      padding: calc(var(--spacing) * 6);
      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      @media (width >= 64rem) {
        grid-column: span 2 / span 2;
      }
    }
    & aside > h3 {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #5F5C5B;
    }
    & aside > div {
      margin-top: calc(var(--spacing) * 7);
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
    & aside article {
      min-width: 0px;
    }
    & aside strong {
      color: var(--stat-color);
      display: block;
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
    }
    & aside p {
      margin-top: calc(var(--spacing) * 3);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
  }
  .article-hero {
    width: 100%;
    background-color: #F8F8F8;
    background-image: linear-gradient(180deg, rgba(248, 247, 247, 1) 0%, rgba(248, 247, 247, 0) 100%);
    background-position: center;
    background-size: cover;
    & > div {
      margin-inline: auto;
      display: grid;
      min-height: calc(var(--spacing) * 112);
      max-width: var(--container-7xl);
      grid-template-columns: repeat(1, minmax(0, 1fr));
      grid-template-rows: auto 1fr auto;
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 8);
      @media (width >= 64rem) {
        grid-template-columns: repeat(12, minmax(0, 1fr));
      }
      @media (width >= 64rem) {
        column-gap: calc(var(--spacing) * 8);
      }
    }
    & nav {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: calc(var(--spacing) * 2);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: color-mix(in srgb, #000 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 40%, transparent);
      }
      @media (width >= 64rem) {
        grid-column: span 12 / span 12;
      }
    }
    & nav a {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          color: #0857B4;
        }
      }
    }
    & nav i {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
    & > div > div:first-of-type {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      @media (width >= 64rem) {
        grid-column: span 12 / span 12;
      }
    }
    & h2 {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #0857B4;
      @media (width >= 40rem) {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
      }
      @media (width >= 64rem) {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
      }
    }
    & h2 + div {
      margin-top: calc(var(--spacing) * 6);
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      column-gap: calc(var(--spacing) * 6);
      row-gap: calc(var(--spacing) * 2);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: color-mix(in srgb, #000 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 40%, transparent);
      }
    }
    & h2 + div span {
      display: inline-flex;
      align-items: center;
      gap: calc(var(--spacing) * 2);
    }
    & h2 + div i {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    & > div > div:last-child {
      display: flex;
      flex-direction: column;
      gap: calc(var(--spacing) * 3);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: color-mix(in srgb, #000 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 40%, transparent);
      }
      @media (width >= 40rem) {
        flex-direction: row;
      }
      @media (width >= 40rem) {
        align-items: center;
      }
      @media (width >= 40rem) {
        justify-content: space-between;
      }
      @media (width >= 64rem) {
        grid-column: span 9 / span 9;
      }
    }
    & > div > div:last-child p:last-child {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 4);
    }
  }
  .container {
    width: 100%;
    @media (width >= 1500px) {
      max-width: 1500px;
    }
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
  }
  .comparison {
    width: 100%;
    background-color: var(--color-white);
    & > div {
      margin-inline: auto;
      max-width: var(--container-7xl);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 8);
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 12);
      }
    }
    & > div > div:first-child > div {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 4);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: var(--color-black);
    }
    & > div > div:first-child > div::before {
      content: "";
      display: block;
      height: calc(var(--spacing) * 4);
      width: 1px;
      background-color: var(--color-black);
    }
    & h2 {
      margin-top: calc(var(--spacing) * 7);
      max-width: var(--container-3xl);
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #0857B4;
      @media (width >= 40rem) {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
      }
    }
    & h2 span {
      display: block;
      color: #FF0000;
    }
    & > div > div:last-child {
      margin-top: calc(var(--spacing) * 12);
      overflow-x: auto;
      padding-bottom: calc(var(--spacing) * 5);
      scrollbar-color: #1D6FD0 rgba(29, 111, 208, 0.16);
      scrollbar-width: auto;
    }
    & > div > div:last-child::-webkit-scrollbar {
      height: 12px;
    }
    & > div > div:last-child::-webkit-scrollbar-track {
      border-radius: calc(infinity * 1px);
      background-color: color-mix(in oklab, #1D6FD0 15%, transparent);
    }
    & > div > div:last-child::-webkit-scrollbar-thumb {
      border-radius: calc(infinity * 1px);
      background-color: #1D6FD0;
    }
    & > div > div:last-child > div {
      min-width: var(--container-4xl);
    }
    & > div > div:last-child > div > div:first-child, & > div > div:last-child > div > div:last-child article {
      display: grid;
      grid-template-columns: minmax(10rem,0.8fr) minmax(16rem,1.5fr) minmax(16rem,1.5fr);
    }
    & > div > div:last-child > div > div:first-child {
      margin-bottom: 0px;
      align-items: center;
      border-radius: var(--radius-2xl);
      background-color: color-mix(in oklab, #1D6FD0 60%, transparent);
      padding-inline: calc(var(--spacing) * 2);
      padding-block: 0px;
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--color-white);
    }
    & > div > div:last-child > div > div:first-child > div {
      display: flex;
      min-height: calc(var(--spacing) * 14);
      align-items: center;
      padding-inline: calc(var(--spacing) * 5);
      padding-block: calc(var(--spacing) * 3);
    }
    & > div > div:last-child > div > div:first-child > div:nth-child(2) {
      border-radius: var(--radius-2xl);
      background-color: #033A7B;
    }
    & > div > div:last-child > div > div:last-child {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: 0;
        margin-block-end: 0;
      }
    }
    & > div > div:last-child > div > div:last-child article {
      gap: 0px;
    }
    & > div > div:last-child > div > div:last-child article > div {
      display: flex;
      min-height: calc(var(--spacing) * 14);
      align-items: center;
      border-radius: var(--radius-2xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #000 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
      padding-inline: calc(var(--spacing) * 5);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
      @media (width >= 64rem) {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
      }
    }
    & > div > div:last-child > div > div:last-child article > div:first-child {
      background-color: color-mix(in oklab, #1D6FD0 30%, transparent);
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & > div > div:last-child > div > div:last-child article > div:nth-child(2) {
      background-color: color-mix(in oklab, #A6A6A6 30%, transparent);
      color: var(--color-black);
    }
    & > div > div:last-child > div > div:last-child article > div:last-child {
      background-color: var(--color-white);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
  }
  .case-listing {
    width: 100%;
    background-color: #F8F8F8;
    & > div {
      margin-inline: auto;
      display: grid;
      max-width: var(--container-7xl);
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 6);
      padding-inline: calc(var(--spacing) * 4);
      padding-bottom: calc(var(--spacing) * 16);
      @media (width >= 48rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      @media (width >= 64rem) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }
    & article {
      overflow: hidden;
      border-radius: var(--radius-2xl);
      background-color: var(--color-white);
      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    & .case-listing-media {
      display: grid;
      aspect-ratio: var(--aspect-video);
      grid-template-rows: auto 1fr auto;
      background-color: #033A7B;
      padding: calc(var(--spacing) * 5);
    }
    & .case-listing-company {
      display: flex;
      width: fit-content;
      max-width: 100%;
      flex-wrap: wrap;
      align-items: center;
      gap: calc(var(--spacing) * 2);
      border-radius: calc(infinity * 1px);
      background-color: var(--color-white);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 0.5);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: #5E5B5B;
    }
    & .case-listing-company i {
      font-size: 3px;
      --tw-leading: 1;
      line-height: 1;
    }
    & .case-listing-media > div:nth-of-type(1) {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
    }
    & .case-listing-media h2 {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: var(--color-white);
    }
    & .case-listing-media h2 + p {
      margin-top: calc(var(--spacing) * 3);
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: calc(var(--spacing) * 2);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: color-mix(in srgb, #fff 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 60%, transparent);
      }
    }
    & .case-listing-media h2 + p i {
      font-size: 3px;
      --tw-leading: 1;
      line-height: 1;
    }
    & .case-listing-media > div:last-child {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: color-mix(in srgb, #fff 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 60%, transparent);
      }
    }
    & .case-listing-media > div:last-child span {
      border-radius: calc(infinity * 1px);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #fff 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 60%, transparent);
      }
      padding-inline: calc(var(--spacing) * 3);
      padding-block: calc(var(--spacing) * 0.5);
    }
    & .case-listing-body {
      display: flex;
      flex-direction: column;
      padding: calc(var(--spacing) * 5);
    }
    & .case-listing-meta {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: calc(var(--spacing) * 2);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: color-mix(in oklab, #545454 60%, transparent);
    }
    & .case-listing-meta i {
      font-size: 3px;
      --tw-leading: 1;
      line-height: 1;
    }
    & .case-listing-body h3 {
      margin-top: calc(var(--spacing) * 4);
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: #545454;
    }
    & .case-listing-body > p:not(.case-listing-meta) {
      margin-top: calc(var(--spacing) * 4);
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      min-height: calc(var(--spacing) * 18);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: color-mix(in oklab, #545454 60%, transparent);
    }
    & .case-listing-body > div {
      margin-top: calc(var(--spacing) * 6);
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: calc(var(--spacing) * 3);
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
      border-color: color-mix(in srgb, #000 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
      }
      padding-top: calc(var(--spacing) * 6);
    }
    & .case-listing-body > div > div {
      min-width: 0px;
    }
    & .case-listing-body strong {
      display: block;
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
    }
    & .case-listing-body > div > div:nth-child(1) strong {
      color: #3E94FC;
    }
    & .case-listing-body > div > div:nth-child(2) strong {
      color: color-mix(in oklab, #545454 60%, transparent);
    }
    & .case-listing-body > div > div:nth-child(3) strong {
      color: #FF4800;
    }
    & .case-listing-body strong + span {
      margin-top: calc(var(--spacing) * 2);
      display: block;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: color-mix(in oklab, #545454 60%, transparent);
    }
    & .case-listing-body > a {
      margin-top: calc(var(--spacing) * 6);
      margin-left: calc(var(--spacing) * 4);
      display: inline-flex;
      width: fit-content;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: #545454;
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          color: #2A7EE1;
        }
      }
    }
  }
  .home-business-stats {
    width: 100%;
    background-color: var(--color-white);
    & > div {
      margin-inline: auto;
      display: grid;
      max-width: var(--container-7xl);
      grid-template-columns: repeat(2, minmax(0, 1fr));
      column-gap: calc(var(--spacing) * 6);
      row-gap: calc(var(--spacing) * 10);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 12);
      @media (width >= 48rem) {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 16);
      }
    }
    & > div > div {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
      border-color: #D9D9D9;
      text-align: center;
    }
    & > div > div:nth-child(odd) {
      border-left-style: var(--tw-border-style);
      border-left-width: 0px;
    }
    @media (width >= 48rem) {
      & > div > div:nth-child(odd) {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px;
      }
      & > div > div:first-child {
        border-left-style: var(--tw-border-style);
        border-left-width: 0px;
      }
    }
    & strong {
      display: block;
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: #2072D4;
      @media (width >= 40rem) {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
      }
      @media (width >= 64rem) {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
      }
    }
    & strong span {
      margin-left: var(--spacing);
      color: #585858;
    }
    & p {
      margin-top: calc(var(--spacing) * 4);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: #616161;
      @media (width >= 40rem) {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
      }
    }
  }
  .results {
    width: 100%;
    background-color: #033A7B;
    & > div {
      margin-inline: auto;
      max-width: var(--container-7xl);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 16);
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 24);
      }
    }
    & > div > div:first-child {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    & > div > div:first-child > div {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: calc(var(--spacing) * 4);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: var(--color-white);
    }
    & > div > div:first-child > div::before, & > div > div:first-child > div::after {
      content: "";
      display: block;
      height: 1px;
      width: calc(var(--spacing) * 10);
      background-color: var(--color-white);
    }
    & h2 {
      margin-top: calc(var(--spacing) * 7);
      display: flex;
      max-width: var(--container-2xl);
      flex-wrap: wrap;
      justify-content: center;
      column-gap: calc(var(--spacing) * 3);
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      @media (width >= 40rem) {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
      }
    }
    & h2 span:first-child {
      color: var(--color-white);
    }
    & h2 span:last-child {
      color: var(--title-accent-color);
      white-space: nowrap;
    }
    & > div > div:last-child {
      margin-inline: auto;
      margin-top: calc(var(--spacing) * 12);
      display: grid;
      max-width: var(--container-6xl);
      grid-template-columns: repeat(1, minmax(0, 1fr));
      border-radius: var(--radius-2xl);
      background-color: color-mix(in oklab, #C4C4C4 10%, transparent);
      padding: calc(var(--spacing) * 6);
      @media (width >= 40rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      @media (width >= 64rem) {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }
      @media (width >= 64rem) {
        padding: calc(var(--spacing) * 8);
      }
    }
    & article {
      min-width: 0px;
      padding-block: calc(var(--spacing) * 4);
      @media (width >= 64rem) {
        padding-block: 0px;
      }
    }
    & article > div {
      padding-bottom: calc(var(--spacing) * 3);
      @media (width >= 64rem) {
        min-height: 0px;
      }
      @media (width >= 64rem) {
        padding-right: calc(var(--spacing) * 6);
      }
      @media (width >= 64rem) {
        padding-bottom: 0px;
      }
    }
    & article:not(:last-child) > div {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
      border-color: var(--color-white);
      @media (width >= 40rem) {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px;
      }
      @media (width >= 40rem) {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0px;
      }
    }
    & article:nth-child(2) > div {
      @media (width >= 40rem) {
        border-right-style: var(--tw-border-style);
        border-right-width: 0px;
      }
      @media (width >= 64rem) {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px;
      }
    }
    & article:not(:first-child) > div, & article:not(:first-child) > p {
      @media (width >= 40rem) {
        padding-left: calc(var(--spacing) * 6);
      }
    }
    & article:nth-child(3) > div, & article:nth-child(3) > p {
      @media (width >= 40rem) {
        padding-left: 0px;
      }
      @media (width >= 64rem) {
        padding-left: calc(var(--spacing) * 6);
      }
    }
    & strong {
      color: var(--stat-color, #FFFFFF);
      display: block;
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
    }
    & strong span {
      display: inline;
    }
    & strong span:first-child {
      color: var(--stat-before-color, var(--stat-color, #FFFFFF));
    }
    & strong span:last-child {
      color: var(--stat-after-color, var(--stat-color, #FFFFFF));
    }
    & article > div > span {
      margin-top: calc(var(--spacing) * 4);
      display: block;
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      color: var(--color-white);
    }
    & p {
      margin-top: calc(var(--spacing) * 3);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      color: color-mix(in srgb, #fff 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 60%, transparent);
      }
    }
  }
  .faq {
    width: 100%;
    background-color: var(--color-white);
    & > div {
      margin-inline: auto;
      max-width: var(--container-7xl);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 8);
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 12);
      }
    }
    & > div > div:first-child > div {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 4);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: var(--color-black);
    }
    & > div > div:first-child > div::before {
      content: "";
      display: block;
      height: calc(var(--spacing) * 4);
      width: 1px;
      background-color: var(--color-black);
    }
    & h2 {
      margin-top: calc(var(--spacing) * 7);
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #0857B4;
      @media (width >= 40rem) {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
      }
    }
    & h2 span {
      display: block;
      color: #FF0000;
    }
    & > div > div:first-child > p {
      margin-top: calc(var(--spacing) * 6);
      max-width: var(--container-3xl);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      color: #585858;
      @media (width >= 64rem) {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
      }
    }
    & > div > div:last-child {
      margin-top: calc(var(--spacing) * 12);
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 4);
    }
    & details {
      border-radius: var(--radius-2xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #000 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
      background-color: var(--color-white);
      padding-inline: calc(var(--spacing) * 5);
      padding-block: var(--spacing);
    }
    & summary {
      display: flex;
      min-height: calc(var(--spacing) * 12);
      cursor: pointer;
      list-style-type: none;
      align-items: center;
      justify-content: space-between;
      gap: calc(var(--spacing) * 4);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: color-mix(in srgb, #000 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 80%, transparent);
      }
    }
    & summary::-webkit-details-marker {
      display: none;
    }
    & summary svg {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
      flex-shrink: 0;
      color: color-mix(in srgb, #000 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 80%, transparent);
      }
      transition-property: transform, translate, scale, rotate;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 200ms;
      transition-duration: 200ms;
    }
    & details[open] summary {
      color: #0857B4;
    }
    & details[open] summary svg {
      rotate: 180deg;
      color: #0857B4;
    }
    & details p {
      padding-block: var(--spacing);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
  }
  .philosophy {
    min-height: calc(var(--spacing) * 96);
    width: 100%;
    text-align: center;
    background: linear-gradient(180deg, rgba(248, 247, 247, 1) 0%, rgba(248, 247, 247, 0) 100%);
    background-image: var(--philosophy-background-image, linear-gradient(180deg, rgba(248, 247, 247, 1) 0%, rgba(248, 247, 247, 0) 100%));
    background-position: center;
    background-size: cover;
    & > div {
      margin-inline: auto;
      display: flex;
      min-height: calc(var(--spacing) * 96);
      max-width: var(--container-7xl);
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 12);
    }
    & > div > div > div:first-child {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: calc(var(--spacing) * 4);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: #151515;
    }
    & > div > div > div:first-child::before, & > div > div > div:first-child::after {
      content: "";
      display: block;
      height: 1px;
      width: calc(var(--spacing) * 10);
      background-color: #151515;
    }
    & h2 {
      margin-top: calc(var(--spacing) * 6);
      align-items: baseline;
      column-gap: calc(var(--spacing) * 3);
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #0857B4;
      @media (width >= 40rem) {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
      }
      @media (width >= 64rem) {
        font-size: 52px;
      }
    }
    & h2 span {
      color: #FF0000;
      @media (width >= 40rem) {
        white-space: nowrap;
      }
    }
    & > div > div > p {
      margin-inline: auto;
      margin-top: calc(var(--spacing) * 8);
      max-width: var(--container-2xl);
      text-align: left;
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      color: #5D6572;
      @media (width >= 64rem) {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
      }
    }
    & .philosophy-actions {
      margin-top: calc(var(--spacing) * 10);
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: calc(var(--spacing) * 4);
    }
    & .philosophy-actions:empty {
      display: none;
    }
    & .philosophy-actions a {
      display: inline-flex;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      border-radius: calc(infinity * 1px);
      border-style: var(--tw-border-style);
      border-width: 1px;
      padding-inline: calc(var(--spacing) * 8);
      padding-block: calc(var(--spacing) * 3);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      border-color: var(--button-border);
      background-color: var(--button-background);
      color: var(--button-color);
    }
    & .philosophy-actions a:hover {
      opacity: 90%;
    }
    & .philosophy-nav {
      margin-top: calc(var(--spacing) * 8);
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: calc(var(--spacing) * 3);
    }
    & .philosophy-nav a {
      border-radius: var(--radius-xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: #D7D7D7;
      background-color: #ECEAEA;
      padding-inline: calc(var(--spacing) * 5);
      padding-block: calc(var(--spacing) * 3);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          border-color: transparent;
        }
      }
      &:hover {
        @media (hover: hover) {
          --tw-gradient-position: to bottom;
          @supports (background-image: linear-gradient(in lab, red, red)) {
            --tw-gradient-position: to bottom in oklab;
          }
          background-image: linear-gradient(var(--tw-gradient-stops));
          --tw-gradient-from: var(--color-brand-blue-deep);
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
          --tw-gradient-to: var(--color-brand-blue-light);
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
          transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
          transition-duration: var(--tw-duration, var(--default-transition-duration));
          --tw-duration: 300ms;
          transition-duration: 300ms;
          &:hover {
            @media (hover: hover) {
              --tw-gradient-from: var(--color-brand-blue-light);
              --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
            }
          }
          &:hover {
            @media (hover: hover) {
              --tw-gradient-to: var(--color-brand-blue-deep);
              --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
            }
          }
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
    & .philosophy-nav a.active {
      border-color: transparent;
      --tw-gradient-position: to bottom;
      @supports (background-image: linear-gradient(in lab, red, red)) {
        --tw-gradient-position: to bottom in oklab;
      }
      background-image: linear-gradient(var(--tw-gradient-stops));
      --tw-gradient-from: var(--color-brand-blue-deep);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      --tw-gradient-to: var(--color-brand-blue-light);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 300ms;
      transition-duration: 300ms;
      &:hover {
        @media (hover: hover) {
          --tw-gradient-from: var(--color-brand-blue-light);
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
      &:hover {
        @media (hover: hover) {
          --tw-gradient-to: var(--color-brand-blue-deep);
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
      color: var(--color-white);
    }
  }
  .case-detail-hero {
    width: 100%;
    background-color: #033A7B;
    & > div {
      margin-inline: auto;
      display: flex;
      max-width: var(--container-7xl);
      flex-direction: column;
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 6);
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 8);
      }
    }
    & nav {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: calc(var(--spacing) * 2);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: color-mix(in srgb, #fff 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 50%, transparent);
      }
    }
    & nav a {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
    & nav i {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
    & > div > div {
      margin-inline: auto;
      display: flex;
      width: 100%;
      max-width: var(--container-4xl);
      flex: 1;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding-block: calc(var(--spacing) * 8);
      text-align: center;
    }
    & > div > div > p:first-child {
      display: flex;
      width: 100%;
      align-items: center;
      justify-content: center;
      gap: calc(var(--spacing) * 5);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: var(--color-white);
    }
    & > div > div > p:first-child::before, & > div > div > p:first-child::after {
      content: "";
      display: block;
      height: 1px;
      width: calc(var(--spacing) * 16);
      background-color: color-mix(in srgb, #fff 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
      }
    }
    & h2 {
      margin-top: calc(var(--spacing) * 8);
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: var(--color-white);
      @media (width >= 64rem) {
        font-size: var(--text-6xl);
        line-height: var(--tw-leading, var(--text-6xl--line-height));
      }
    }
    & h2 span {
      color: #FF4500;
    }
    & h2 + p {
      margin-top: calc(var(--spacing) * 8);
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: color-mix(in srgb, #fff 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 60%, transparent);
      }
    }
    & .case-detail-tags {
      margin-top: calc(var(--spacing) * 8);
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: calc(var(--spacing) * 4);
    }
    & .case-detail-tags span, & .case-detail-tags a {
      border-radius: calc(infinity * 1px);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-white);
      padding-inline: calc(var(--spacing) * 5);
      padding-block: calc(var(--spacing) * 2);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: var(--color-white);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-white);
        }
      }
      &:hover {
        @media (hover: hover) {
          color: #033A7B;
        }
      }
    }
    & .case-detail-stats {
      margin-top: calc(var(--spacing) * 16);
      display: grid;
      width: 100%;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      border-radius: var(--radius-2xl);
      background-color: color-mix(in oklab, #C4C4C4 10%, transparent);
      padding: calc(var(--spacing) * 6);
      @media (width >= 40rem) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
      @media (width >= 64rem) {
        padding: calc(var(--spacing) * 8);
      }
    }
    & .case-detail-stats > div {
      min-width: 0px;
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
      border-color: color-mix(in srgb, #fff 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
      }
      padding-top: calc(var(--spacing) * 6);
      text-align: center;
      color: var(--color-white);
      &:first-child {
        border-top-style: var(--tw-border-style);
        border-top-width: 0px;
      }
      &:first-child {
        padding-top: 0px;
      }
      @media (width >= 40rem) {
        border-top-style: var(--tw-border-style);
        border-top-width: 0px;
      }
      @media (width >= 40rem) {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px;
      }
      @media (width >= 40rem) {
        padding-inline: calc(var(--spacing) * 6);
      }
      @media (width >= 40rem) {
        padding-top: 0px;
      }
      @media (width >= 40rem) {
        &:first-child {
          border-left-style: var(--tw-border-style);
          border-left-width: 0px;
        }
      }
    }
    & .case-detail-stats strong {
      display: flex;
      align-items: baseline;
      justify-content: center;
      gap: calc(var(--spacing) * 2);
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--color-white);
    }
    & .case-detail-stats strong .left, & .case-detail-stats strong .right {
      color: #FF6000;
    }
    & .case-detail-stats p {
      margin-top: calc(var(--spacing) * 5);
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: var(--color-white);
    }
  }
  .brand-assets {
    width: 100%;
    background-color: var(--color-white);
    & > div {
      margin-inline: auto;
      max-width: var(--container-7xl);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 8);
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 12);
      }
    }
    & > div > div:first-child > div {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 4);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: var(--color-black);
    }
    & > div > div:first-child > div::before {
      content: "";
      display: block;
      height: calc(var(--spacing) * 4);
      width: 1px;
      background-color: var(--color-black);
    }
    & > div > div:first-child > h2 {
      margin-top: calc(var(--spacing) * 7);
      display: flex;
      max-width: var(--container-3xl);
      flex-wrap: wrap;
      column-gap: calc(var(--spacing) * 3);
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #0857B4;
      @media (width >= 40rem) {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
      }
    }
    & > div > div:first-child > h2 span {
      white-space: nowrap;
      color: #FF0000;
    }
    & > div > div:first-child > p {
      margin-top: calc(var(--spacing) * 6);
      max-width: var(--container-3xl);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      color: #585858;
      @media (width >= 64rem) {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
      }
    }
    & > div > div:nth-child(2) {
      margin-top: calc(var(--spacing) * 12);
      overflow-x: auto;
      border-radius: calc(infinity * 1px);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in oklab, #033A7B 20%, transparent);
      background-color: var(--color-white);
    }
    & > div > div:nth-child(2) > div {
      display: grid;
      min-width: var(--container-xl);
      grid-auto-columns: minmax(0, 1fr);
      grid-auto-flow: column;
    }
    & > div > div:nth-child(2) article {
      display: flex;
      height: calc(var(--spacing) * 16);
      align-items: center;
      justify-content: center;
    }
    & img {
      width: calc(var(--spacing) * 12);
      height: calc(var(--spacing) * 12);
      object-fit: contain;
    }
    & > div > div:last-child {
      overflow-x: auto;
      padding-bottom: calc(var(--spacing) * 2);
    }
    & > div > div:last-child > div {
      display: grid;
      min-width: var(--container-xl);
      grid-auto-columns: minmax(0, 1fr);
      grid-auto-flow: column;
    }
    & > div > div:last-child > div article {
      padding-inline: calc(var(--spacing) * 4);
      padding-top: calc(var(--spacing) * 8);
    }
    & h3 {
      text-align: center;
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: var(--color-black);
    }
    & ul {
      margin-top: calc(var(--spacing) * 4);
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
    & li {
      display: flex;
      align-items: flex-start;
      gap: calc(var(--spacing) * 2);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & li i {
      margin-top: var(--spacing);
      flex-shrink: 0;
      color: #0857B4;
    }
    & article p {
      margin-top: calc(var(--spacing) * 4);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
  }
  .included-grid {
    width: 100%;
    background-color: var(--section-background);
    & > div {
      margin-inline: auto;
      max-width: var(--container-7xl);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 8);
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 12);
      }
    }
    & > div > div:first-child > div {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 4);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: var(--color-black);
    }
    & > div > div:first-child > div::before {
      content: "";
      display: block;
      height: calc(var(--spacing) * 4);
      width: 1px;
      background-color: var(--color-black);
    }
    & h2 {
      margin-top: calc(var(--spacing) * 7);
      display: flex;
      max-width: var(--container-3xl);
      flex-wrap: wrap;
      column-gap: calc(var(--spacing) * 3);
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #0857B4;
      @media (width >= 40rem) {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
      }
    }
    & h2 span {
      white-space: nowrap;
      color: #FF0000;
    }
    & > div > div:first-child > p {
      margin-top: calc(var(--spacing) * 6);
      max-width: var(--container-3xl);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      color: #585858;
      @media (width >= 64rem) {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
      }
    }
    & > div > div:last-child {
      margin-top: calc(var(--spacing) * 12);
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 5);
      @media (width >= 40rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      @media (width >= 64rem) {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }
    }
    & article {
      border-radius: var(--radius-2xl);
      background-color: var(--color-white);
      padding: calc(var(--spacing) * 5);
      --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    & article > div {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 3);
    }
    & article > div > span {
      display: flex;
      width: calc(var(--spacing) * 14);
      height: calc(var(--spacing) * 14);
      flex-shrink: 0;
      align-items: center;
      justify-content: center;
      border-radius: var(--radius-xl);
      background-color: color-mix(in srgb, #000 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
      }
    }
    & article i {
      color: var(--icon-color);
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: 1;
      line-height: 1;
    }
    & article strong {
      color: var(--item-color);
      display: block;
      max-width: 100%;
      min-width: 0px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
    }
    &.is-title-stacked article > div {
      flex-direction: column;
      align-items: flex-start;
      gap: calc(var(--spacing) * 4);
    }
    &.is-title-stacked article strong {
      width: 100%;
    }
    & article p {
      margin-top: calc(var(--spacing) * 6);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
  }
  .home-slider {
    width: 100%;
    background-color: #EFEFEF;
    background-image: url('../images/home/slider.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    & > div {
      margin-inline: auto;
      max-width: var(--container-7xl);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 8);
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 16);
      }
    }
    & .splide__track {
      width: 100%;
    }
    & .splide__slide {
      display: flex;
      width: 100%;
      flex: 0 0 100%;
      flex-direction: column;
      gap: calc(var(--spacing) * 10);
      @media (width >= 64rem) {
        flex-direction: row;
      }
      @media (width >= 64rem) {
        align-items: center;
      }
      @media (width >= 64rem) {
        justify-content: space-between;
      }
    }
    & .splide__slide > div:first-child {
      width: 100%;
      @media (width >= 64rem) {
        width: calc(5 / 12 * 100%);
      }
    }
    & .splide__slide > div:last-child {
      display: flex;
      width: 100%;
      align-items: center;
      @media (width >= 64rem) {
        width: calc(7 / 12 * 100%);
      }
    }
    & .splide__slide > div:first-child > div:first-child {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 4);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      --tw-tracking: var(--tracking-widest);
      letter-spacing: var(--tracking-widest);
      color: var(--color-black);
      text-transform: uppercase;
    }
    & .splide__slide > div:first-child > div:first-child::before {
      content: "";
      display: block;
      height: calc(var(--spacing) * 4);
      width: 1px;
      background-color: var(--color-black);
    }
    & h2 {
      margin-top: calc(var(--spacing) * 8);
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #0857B4;
      @media (width >= 40rem) {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
      }
      @media (width >= 64rem) {
        font-size: 64px;
      }
    }
    & p {
      margin-top: calc(var(--spacing) * 6);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: var(--leading-relaxed);
      line-height: var(--leading-relaxed);
      color: color-mix(in srgb, #000 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 70%, transparent);
      }
    }
    & .splide__slide > div:first-child > div:nth-of-type(2) {
      margin-top: calc(var(--spacing) * 6);
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: calc(var(--spacing) * 2);
    }
    & .splide__slide > div:first-child > div:nth-of-type(2) a {
      border-radius: var(--radius-lg);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
      padding-inline: calc(var(--spacing) * 2);
      padding-block: calc(var(--spacing) * 2);
      text-align: center;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
      text-decoration-line: none;
    }
    & .splide__slide > div:first-child > div:nth-of-type(3) {
      margin-top: calc(var(--spacing) * 8);
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: calc(var(--spacing) * 4);
      padding-top: calc(var(--spacing) * 6);
      text-align: left;
    }
    & strong {
      display: block;
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: #0C5BB9;
    }
    & strong + span {
      margin-top: calc(var(--spacing) * 2);
      display: block;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & .splide__slide > div:first-child > a {
      margin-top: calc(var(--spacing) * 6);
      display: inline-flex;
      align-items: center;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          color: #0C5BB9;
        }
      }
    }
    & img {
      display: block;
      height: auto;
      width: 100%;
      border-radius: 28px;
      object-fit: cover;
    }
  }
  .case-detail-strategy {
    width: 100%;
    background-color: color-mix(in oklab, #E7D7CB 30%, transparent);
    & > div {
      margin-inline: auto;
      max-width: var(--container-7xl);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 16);
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 20);
      }
    }
    & > div > div:first-child {
      max-width: var(--container-4xl);
    }
    & > div > div:first-child > p:first-child {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: var(--color-black);
    }
    & > div > div:first-child > p:first-child::before {
      display: block;
      height: calc(var(--spacing) * 4);
      width: 1px;
      background-color: var(--color-black);
      content: "";
    }
    & h2 {
      margin-top: calc(var(--spacing) * 6);
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #0857B4;
      @media (width >= 64rem) {
        font-size: var(--text-6xl);
        line-height: var(--tw-leading, var(--text-6xl--line-height));
      }
    }
    & h2 span {
      color: #FF0000;
    }
    & h2 + p {
      margin-top: calc(var(--spacing) * 6);
      max-width: var(--container-3xl);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: #5F5C5B;
    }
    & > div > div:last-child {
      margin-top: calc(var(--spacing) * 10);
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 6);
      @media (width >= 48rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      @media (width >= 64rem) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }
    & article {
      border-radius: var(--radius-2xl);
      background-color: var(--color-white);
      padding: calc(var(--spacing) * 6);
      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    & article > div {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 4);
    }
    & article > div > span {
      display: flex;
      width: calc(var(--spacing) * 14);
      height: calc(var(--spacing) * 14);
      flex-shrink: 0;
      align-items: center;
      justify-content: center;
      border-radius: var(--radius-2xl);
      background-color: color-mix(in srgb, #000 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
      }
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      color: #1A6CCC;
    }
    & h3 {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: #033A7B;
    }
    & article > p {
      margin-top: calc(var(--spacing) * 6);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & ul {
      margin-top: calc(var(--spacing) * 6);
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
      }
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & li {
      display: flex;
      align-items: flex-start;
      gap: calc(var(--spacing) * 3);
    }
    & li::before {
      margin-top: var(--spacing);
      flex-shrink: 0;
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
      color: currentcolor;
      content: "\f061";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
    }
  }
  .brand-case-study {
    width: 100%;
    background-color: color-mix(in oklab, #C4C4C4 10%, transparent);
    & > div {
      margin-inline: auto;
      max-width: var(--container-7xl);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 8);
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 12);
      }
    }
    & > div > div:first-child {
      max-width: var(--container-3xl);
    }
    & > div > div:first-child > div {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 4);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: var(--color-black);
    }
    & > div > div:first-child > div::before {
      content: "";
      display: block;
      height: calc(var(--spacing) * 4);
      width: 1px;
      background-color: var(--color-black);
    }
    & h2 {
      margin-top: calc(var(--spacing) * 7);
      display: flex;
      max-width: var(--container-3xl);
      flex-wrap: wrap;
      column-gap: calc(var(--spacing) * 3);
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #0857B4;
      @media (width >= 40rem) {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
      }
    }
    & h2 span {
      white-space: nowrap;
      color: #FF0000;
    }
    & > div > div:first-child > p {
      margin-top: calc(var(--spacing) * 6);
      max-width: var(--container-3xl);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      color: #585858;
      @media (width >= 64rem) {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
      }
    }
    & > div > div:last-child {
      margin-top: calc(var(--spacing) * 12);
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 8);
      border-radius: var(--radius-2xl);
      background-color: #033A7B;
      padding: calc(var(--spacing) * 6);
      @media (width >= 40rem) {
        padding: calc(var(--spacing) * 8);
      }
      @media (width >= 64rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      @media (width >= 64rem) {
        align-items: stretch;
      }
      @media (width >= 64rem) {
        padding: calc(var(--spacing) * 10);
      }
    }
    & article {
      display: flex;
      flex-direction: column;
    }
    & article > span {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      color: var(--color-white);
    }
    & h3 {
      margin-top: calc(var(--spacing) * 6);
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: var(--color-white);
      @media (width >= 40rem) {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
      }
    }
    & article p {
      margin-top: calc(var(--spacing) * 6);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      color: color-mix(in srgb, #fff 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 60%, transparent);
      }
    }
    & article > div {
      margin-top: calc(var(--spacing) * 8);
      display: flex;
      flex-wrap: wrap;
      gap: calc(var(--spacing) * 8);
    }
    & article > div a, & article > div span {
      border-radius: var(--radius-2xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-white);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 2);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--color-white);
    }
    & article > a {
      margin-top: calc(var(--spacing) * 10);
      display: inline-flex;
      width: fit-content;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      align-self: flex-start;
      border-radius: calc(infinity * 1px);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-white);
      background-color: transparent;
      padding-inline: calc(var(--spacing) * 8);
      padding-block: calc(var(--spacing) * 3);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--color-white);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, #fff 10%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
          }
        }
      }
    }
    & > div > div:last-child > div:last-child {
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 5);
      align-self: center;
      @media (width >= 40rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    & > div > div:last-child > div:last-child > div {
      border-radius: var(--radius-2xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #fff 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
      background-color: color-mix(in srgb, #fff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
      padding: calc(var(--spacing) * 6);
    }
    & > div > div:last-child > div:last-child strong {
      display: block;
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-leading: 1;
      line-height: 1;
      color: #FAFF00;
    }
    & > div > div:last-child > div:last-child span {
      margin-top: calc(var(--spacing) * 4);
      display: block;
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      color: color-mix(in srgb, #fff 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 60%, transparent);
      }
    }
  }
  .marketing-ai-powered {
    width: 100%;
    background-color: #F9F9F9;
    & > div {
      margin-inline: auto;
      max-width: var(--container-7xl);
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse)));
      }
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 16);
      @media (width >= 64rem) {
        :where(& > :not(:last-child)) {
          --tw-space-y-reverse: 0;
          margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));
          margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)));
        }
      }
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 24);
      }
    }
    & article {
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 8);
      @media (width >= 64rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      @media (width >= 64rem) {
        align-items: center;
      }
      @media (width >= 64rem) {
        gap: calc(var(--spacing) * 14);
      }
    }
    & article > div {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }
    & article > div > div:first-child {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 4);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: var(--color-black);
    }
    & article > div > div:first-child::before {
      content: "";
      display: block;
      height: calc(var(--spacing) * 4);
      width: 1px;
      background-color: var(--color-black);
    }
    & h2 {
      margin-top: calc(var(--spacing) * 7);
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #0857B4;
      @media (width >= 40rem) {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
      }
      @media (width >= 64rem) {
        font-size: 52px;
      }
    }
    & p {
      margin-top: calc(var(--spacing) * 6);
      max-width: var(--container-2xl);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & article > div > div:nth-of-type(2) {
      margin-top: calc(var(--spacing) * 6);
      display: flex;
      flex-wrap: wrap;
      gap: calc(var(--spacing) * 3);
    }
    & article > div > div:nth-of-type(2) a {
      border-radius: var(--radius-2xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 2);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          border-color: #2376D8;
        }
      }
      &:hover {
        @media (hover: hover) {
          color: #2376D8;
        }
      }
    }
    & article > div > div:nth-of-type(3) {
      margin-top: calc(var(--spacing) * 8);
      display: grid;
      width: 100%;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 5);
      @media (width >= 40rem) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }
    & article > div > div:nth-of-type(3) strong {
      display: block;
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #2376D8;
    }
    & article > div > div:nth-of-type(3) span {
      margin-top: calc(var(--spacing) * 3);
      display: block;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & article > div > a {
      margin-top: calc(var(--spacing) * 9);
      display: inline-flex;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      --tw-gradient-position: to bottom;
      @supports (background-image: linear-gradient(in lab, red, red)) {
        --tw-gradient-position: to bottom in oklab;
      }
      background-image: linear-gradient(var(--tw-gradient-stops));
      --tw-gradient-from: var(--color-brand-blue-deep);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      --tw-gradient-to: var(--color-brand-blue-light);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 300ms;
      transition-duration: 300ms;
      &:hover {
        @media (hover: hover) {
          --tw-gradient-from: var(--color-brand-blue-light);
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
      &:hover {
        @media (hover: hover) {
          --tw-gradient-to: var(--color-brand-blue-deep);
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
      padding-inline: calc(var(--spacing) * 8);
      padding-block: calc(var(--spacing) * 3);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--color-white);
    }
    & article > div > a i {
      color: var(--color-white);
    }
    & img {
      height: auto;
      width: 100%;
      align-self: center;
      border-radius: var(--radius-2xl);
      object-fit: cover;
    }
    & article.is-image-first > div {
      @media (width >= 64rem) {
        order: 2;
      }
    }
    & article.is-image-first > img {
      @media (width >= 64rem) {
        order: 1;
      }
    }
    & article.is-text-first > div {
      @media (width >= 64rem) {
        order: 1;
      }
    }
    & article.is-text-first > img {
      @media (width >= 64rem) {
        order: 2;
      }
    }
  }
  .contact-commitment {
    width: 100%;
    background-color: color-mix(in oklab, #E7D7CB 30%, transparent);
    & > div {
      margin-inline: auto;
      max-width: var(--container-7xl);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 16);
      text-align: center;
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 20);
      }
    }
    & > div > div:first-child {
      margin-inline: auto;
      max-width: var(--container-3xl);
      text-align: center;
    }
    & > div > div:first-child > p:first-child {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: calc(var(--spacing) * 4);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
      color: var(--color-black);
      text-transform: uppercase;
    }
    & > div > div:first-child > p:first-child::before, & > div > div:first-child > p:first-child::after {
      content: "";
      height: 1px;
      width: calc(var(--spacing) * 14);
      background-color: var(--color-black);
    }
    & h2 {
      margin-top: calc(var(--spacing) * 5);
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #0857B4;
      @media (width >= 40rem) {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
      }
    }
    & h2 span {
      color: #FF3A00;
    }
    & > div > div:first-child > p:last-child {
      margin-inline: auto;
      margin-top: calc(var(--spacing) * 5);
      max-width: var(--container-2xl);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      color: #656565;
    }
    & > div > div:nth-of-type(2) {
      margin-top: calc(var(--spacing) * 12);
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 6);
      @media (width >= 48rem) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }
    & article {
      display: flex;
      flex-direction: column;
      align-items: center;
      border-radius: var(--radius-2xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #000 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
      background-color: color-mix(in srgb, #fff 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
      }
      padding: calc(var(--spacing) * 6);
      text-align: center;
      @media (width >= 40rem) {
        padding: calc(var(--spacing) * 8);
      }
    }
    & article img {
      margin-inline: auto;
      width: calc(var(--spacing) * 16);
      height: calc(var(--spacing) * 16);
      object-fit: cover;
    }
    & article h3 {
      margin-top: calc(var(--spacing) * 6);
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: #1060BF;
    }
    & article p {
      margin-top: calc(var(--spacing) * 4);
      text-align: left;
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      color: #656565;
    }
    & article a {
      margin-top: calc(var(--spacing) * 7);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: calc(infinity * 1px);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: #2A7EE1;
      padding-inline: calc(var(--spacing) * 10);
      padding-block: calc(var(--spacing) * 2);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #3084E9;
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          background-color: #2A7EE1;
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
      &:focus-visible {
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
      }
      &:focus-visible {
        outline-offset: 2px;
      }
      &:focus-visible {
        outline-color: #2A7EE1;
      }
    }
  }
  .about-values {
    width: 100%;
    background-color: #033A7B;
    & > div {
      margin-inline: auto;
      max-width: var(--container-7xl);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 16);
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 20);
      }
    }
    & > div > div:first-child {
      max-width: var(--container-4xl);
    }
    & > div > div:first-child > p:first-child {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: var(--color-white);
    }
    & > div > div:first-child > p:first-child::before {
      display: block;
      height: calc(var(--spacing) * 4);
      width: 1px;
      background-color: var(--color-white);
      content: "";
    }
    & h2 {
      margin-top: calc(var(--spacing) * 6);
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: var(--color-white);
      @media (width >= 64rem) {
        font-size: var(--text-6xl);
        line-height: var(--tw-leading, var(--text-6xl--line-height));
      }
    }
    & h2 span {
      color: #FF4A00;
    }
    & h2 + p {
      margin-top: calc(var(--spacing) * 6);
      max-width: var(--container-3xl);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: color-mix(in srgb, #fff 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 60%, transparent);
      }
    }
    & > div > div:last-child {
      margin-top: calc(var(--spacing) * 12);
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 6);
      @media (width >= 48rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      @media (width >= 64rem) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }
    & article {
      border-radius: var(--radius-2xl);
      background-color: color-mix(in srgb, #fff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
      padding: calc(var(--spacing) * 6);
      @media (width >= 64rem) {
        padding: calc(var(--spacing) * 8);
      }
    }
    & article > span {
      display: flex;
      width: calc(var(--spacing) * 10);
      height: calc(var(--spacing) * 10);
      align-items: center;
      justify-content: center;
      border-radius: var(--radius-lg);
      background-color: color-mix(in srgb, #fff 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      color: #FF4B00;
    }
    & h3 {
      margin-top: calc(var(--spacing) * 6);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: var(--color-white);
    }
    & h3 + p {
      margin-top: calc(var(--spacing) * 4);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: color-mix(in srgb, #fff 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 60%, transparent);
      }
    }
  }
  .brand-methodology {
    width: 100%;
    background-color: color-mix(in oklab, #E7D7CB 30%, transparent);
    & > div {
      margin-inline: auto;
      max-width: var(--container-7xl);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 8);
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 12);
      }
    }
    & > div > div:first-child {
      max-width: var(--container-3xl);
    }
    & > div > div:first-child > div {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 4);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: var(--color-black);
    }
    & > div > div:first-child > div::before {
      content: "";
      display: block;
      height: calc(var(--spacing) * 4);
      width: 1px;
      background-color: var(--color-black);
    }
    & h2 {
      margin-top: calc(var(--spacing) * 7);
      display: flex;
      max-width: var(--container-3xl);
      flex-wrap: wrap;
      column-gap: calc(var(--spacing) * 3);
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #0857B4;
      @media (width >= 40rem) {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
      }
    }
    & h2 span {
      white-space: nowrap;
      color: #FF0000;
    }
    & > div > div:first-child > p {
      margin-top: calc(var(--spacing) * 6);
      max-width: var(--container-3xl);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      color: #585858;
      @media (width >= 64rem) {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
      }
    }
    & > div > div:last-child {
      margin-top: calc(var(--spacing) * 12);
    }
    & article {
      display: grid;
      grid-template-columns: 4rem 1fr;
      gap: calc(var(--spacing) * 8);
      padding-block: calc(var(--spacing) * 8);
      @media (width >= 64rem) {
        grid-template-columns: 3fr 5fr;
      }
      lg: gap-0;
    }
    & article + article {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
      border-color: color-mix(in srgb, #000 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
    }
    & article > span {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #0E5EBC;
    }
    & article > div > span {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: #0E5EBC;
    }
    & h3 {
      margin-top: calc(var(--spacing) * 4);
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: var(--color-black);
    }
    & article p {
      margin-top: calc(var(--spacing) * 5);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      color: #5F5C5B;
    }
    & article > div > div {
      margin-top: calc(var(--spacing) * 6);
      display: flex;
      flex-wrap: wrap;
      gap: calc(var(--spacing) * 3);
    }
    & article > div > div a, & article > div > div span {
      border-radius: var(--radius-2xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: #0E5EBC;
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 2);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: #0E5EBC;
    }
  }
  .about-intro {
    width: 100%;
    background-color: #F9F9F9;
    & > div {
      margin-inline: auto;
      display: grid;
      max-width: var(--container-7xl);
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 8);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 16);
      @media (width >= 64rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      @media (width >= 64rem) {
        gap: calc(var(--spacing) * 8);
      }
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 20);
      }
    }
    & > div > article > p:first-child {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: var(--color-black);
    }
    & > div > article > p:first-child::before {
      display: block;
      height: calc(var(--spacing) * 4);
      width: 1px;
      background-color: var(--color-black);
      content: "";
    }
    & > div > article > h2 {
      margin-top: calc(var(--spacing) * 6);
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #0857B4;
      @media (width >= 64rem) {
        font-size: var(--text-6xl);
        line-height: var(--tw-leading, var(--text-6xl--line-height));
      }
    }
    & > div > article > div {
      margin-top: calc(var(--spacing) * 8);
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: 0;
        margin-block-end: 0;
      }
    }
    & > div > article > div p {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: #5F5C5B;
    }
    & aside {
      display: flex;
      align-items: center;
    }
    & aside > div {
      width: 100%;
      border-radius: var(--radius-2xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #000 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
      background-color: var(--color-white);
      padding: calc(var(--spacing) * 6);
      @media (width >= 64rem) {
        padding: calc(var(--spacing) * 8);
      }
    }
    & aside h2 {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: #656565;
    }
    & aside h2 + div {
      margin-top: calc(var(--spacing) * 6);
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: 0;
        margin-block-end: 0;
      }
    }
    & aside h2 + div p {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: #5F5C5B;
    }
    & aside > div > p:last-child {
      margin-top: calc(var(--spacing) * 8);
      border-radius: var(--radius-2xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #000 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
      background-color: #E6F5FF;
      padding-inline: calc(var(--spacing) * 6);
      padding-block: calc(var(--spacing) * 5);
      text-align: center;
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: #414141;
    }
  }
  .about-team-values {
    width: 100%;
    background-color: #F9F9F9;
    & > div {
      margin-inline: auto;
      max-width: var(--container-7xl);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 16);
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 20);
      }
    }
    & > div > div:first-child {
      max-width: var(--container-4xl);
    }
    & > div > div:first-child > p:first-child {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: var(--color-black);
    }
    & > div > div:first-child > p:first-child::before {
      display: block;
      height: calc(var(--spacing) * 4);
      width: 1px;
      background-color: var(--color-black);
      content: "";
    }
    & h2 {
      margin-top: calc(var(--spacing) * 6);
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #0857B4;
      @media (width >= 64rem) {
        font-size: var(--text-6xl);
        line-height: var(--tw-leading, var(--text-6xl--line-height));
      }
    }
    & h2 span {
      color: #FF4A00;
    }
    & h2 + p {
      margin-top: calc(var(--spacing) * 6);
      max-width: var(--container-3xl);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: #5F5C5B;
    }
    & > div > div:last-child {
      margin-top: calc(var(--spacing) * 12);
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 6);
      @media (width >= 40rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      @media (width >= 80rem) {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }
    }
    & article {
      border-radius: var(--radius-2xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #000 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
      background-color: var(--color-white);
      padding: calc(var(--spacing) * 6);
    }
    & img {
      margin-inline: auto;
      width: calc(var(--spacing) * 16);
      height: calc(var(--spacing) * 16);
      object-fit: cover;
    }
    & h3 {
      margin-top: calc(var(--spacing) * 6);
      text-align: center;
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: #1060BF;
    }
    & h3 + p {
      margin-top: calc(var(--spacing) * 4);
      text-align: left;
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: #656565;
    }
  }
  .case-detail-overview {
    width: 100%;
    background-color: #F9F9F9;
    & > div {
      margin-inline: auto;
      display: grid;
      max-width: var(--container-7xl);
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 8);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 16);
      @media (width >= 64rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    & article, & aside {
      border-radius: var(--radius-2xl);
      padding: calc(var(--spacing) * 6);
      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      @media (width >= 64rem) {
        padding: calc(var(--spacing) * 8);
      }
    }
    & article {
      background-color: var(--color-white);
    }
    & aside {
      background-color: #F9F9F9;
    }
    & .case-detail-eyebrow {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: #033A7B;
    }
    & .case-detail-eyebrow::before {
      content: "";
      display: block;
      height: calc(var(--spacing) * 6);
      width: var(--spacing);
      background-color: #033A7B;
    }
    & .case-detail-challenge .case-detail-eyebrow, & .case-detail-profile .case-detail-eyebrow {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
    & .case-detail-challenge > h2 {
      margin-top: calc(var(--spacing) * 4);
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: calc(var(--spacing) * 2);
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: var(--color-black);
    }
    & .case-detail-challenge > h2 span:last-child {
      color: #033A7B;
    }
    & .case-detail-challenge > div {
      margin-top: calc(var(--spacing) * 4);
      display: grid;
      gap: calc(var(--spacing) * 2);
    }
    & .case-detail-challenge > div > div {
      display: grid;
      grid-template-columns: auto 1fr;
      align-items: flex-start;
      gap: calc(var(--spacing) * 4);
      border-radius: var(--radius-2xl);
      background-color: color-mix(in oklab, #C4C4C4 20%, transparent);
      padding: calc(var(--spacing) * 5);
    }
    & .case-detail-challenge > div > div > span {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: color-mix(in oklab, #033A7B 10%, transparent);
    }
    & .case-detail-challenge h3 {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #033A7B;
    }
    & .case-detail-challenge h3 + p {
      margin-top: calc(var(--spacing) * 2);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: #5C5C5C;
    }
    & .case-detail-profile > h2 {
      margin-top: calc(var(--spacing) * 4);
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: var(--color-black);
    }
    & .case-detail-profile > div {
      margin-top: calc(var(--spacing) * 4);
      background-color: var(--color-white);
    }
    & .case-detail-profile > div > p {
      display: grid;
      grid-template-columns: minmax(7rem,0.8fr) 1fr;
      gap: calc(var(--spacing) * 5);
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
      border-color: color-mix(in srgb, #000 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
      padding-inline: calc(var(--spacing) * 5);
      padding-block: calc(var(--spacing) * 4);
      &:last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0px;
      }
    }
    & .case-detail-profile span {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: #5C5C5C;
    }
    & .case-detail-profile strong {
      text-align: right;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--color-black);
    }
  }
  .site-footer {
    background-color: #083E7F;
    background-image: url('../images/footer-bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: var(--color-white);
    & > div {
      margin-inline: auto;
      max-width: var(--container-7xl);
      padding-inline: calc(var(--spacing) * 4);
      padding-top: calc(var(--spacing) * 16);
      padding-bottom: calc(var(--spacing) * 6);
      @media (width >= 64rem) {
        padding-top: calc(var(--spacing) * 20);
      }
    }
    & > div > div:first-child {
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 10);
      padding-bottom: calc(var(--spacing) * 14);
      @media (width >= 40rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      @media (width >= 64rem) {
        grid-template-columns: 2fr 1fr 1fr 1fr;
      }
      @media (width >= 64rem) {
        gap: calc(var(--spacing) * 8);
      }
    }
    & > div > div:first-child > div > a {
      display: inline-block;
    }
    & > div > div:first-child > div img {
      height: calc(var(--spacing) * 12);
      width: calc(var(--spacing) * 36);
      object-fit: contain;
      object-position: left;
      --tw-brightness: brightness(0%);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      --tw-invert: invert(100%);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
    & > div > div:first-child > div p {
      margin-top: calc(var(--spacing) * 6);
      max-width: var(--container-xs);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      color: color-mix(in srgb, #fff 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 70%, transparent);
      }
    }
    & h2 {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--color-white);
    }
    & ul {
      margin-top: calc(var(--spacing) * 5);
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
    & li a {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: color-mix(in srgb, #fff 65%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 65%, transparent);
      }
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
    & > div > div:last-child {
      display: grid;
      gap: calc(var(--spacing) * 4);
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
      border-color: color-mix(in srgb, #fff 35%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 35%, transparent);
      }
      padding-top: calc(var(--spacing) * 6);
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
      color: color-mix(in srgb, #fff 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 60%, transparent);
      }
      @media (width >= 40rem) {
        grid-template-columns: 1fr auto;
      }
      @media (width >= 40rem) {
        align-items: center;
      }
      @media (width >= 64rem) {
        grid-template-columns: 1fr auto 1fr;
      }
    }
    & > div > div:last-child > p {
      @media (width >= 64rem) {
        justify-self: flex-start;
      }
    }
    & > div > div:last-child > div {
      display: flex;
      gap: calc(var(--spacing) * 6);
      @media (width >= 40rem) {
        justify-self: flex-end;
      }
      @media (width >= 64rem) {
        justify-self: center;
      }
    }
    & > div > div:last-child a {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
    & > div > div:last-child > a {
      @media (width >= 40rem) {
        grid-column: span 2 / span 2;
      }
      @media (width >= 64rem) {
        grid-column: span 1 / span 1;
      }
      @media (width >= 64rem) {
        justify-self: flex-end;
      }
    }
  }
  .home-philosophy {
    width: 100%;
    background-color: var(--color-white);
    & > div {
      margin-inline: auto;
      max-width: var(--container-7xl);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 8);
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 16);
      }
    }
    & > div > div:first-child {
      display: flex;
      flex-direction: column;
      gap: calc(var(--spacing) * 8);
      @media (width >= 64rem) {
        flex-direction: row;
      }
      @media (width >= 64rem) {
        align-items: flex-end;
      }
      @media (width >= 64rem) {
        justify-content: space-between;
      }
    }
    & > div > div:first-child > div > div {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 4);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      --tw-tracking: var(--tracking-widest);
      letter-spacing: var(--tracking-widest);
      color: var(--color-black);
      text-transform: uppercase;
    }
    & > div > div:first-child > div > div::before {
      content: "";
      display: block;
      height: calc(var(--spacing) * 4);
      width: 1px;
      background-color: var(--color-black);
    }
    & h2 {
      margin-top: calc(var(--spacing) * 8);
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #0857B4;
      @media (width >= 40rem) {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
      }
      @media (width >= 64rem) {
        font-size: 64px;
      }
    }
    & h2 span {
      color: #FF0000;
    }
    & > div > div:first-child > a, & > div > div:nth-child(2) article > div > a {
      display: inline-flex;
      width: fit-content;
      align-items: center;
      justify-content: center;
      border-radius: calc(infinity * 1px);
      --tw-gradient-position: to bottom;
      @supports (background-image: linear-gradient(in lab, red, red)) {
        --tw-gradient-position: to bottom in oklab;
      }
      background-image: linear-gradient(var(--tw-gradient-stops));
      --tw-gradient-from: var(--color-brand-blue-deep);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      --tw-gradient-to: var(--color-brand-blue-light);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 300ms;
      transition-duration: 300ms;
      &:hover {
        @media (hover: hover) {
          --tw-gradient-from: var(--color-brand-blue-light);
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
      &:hover {
        @media (hover: hover) {
          --tw-gradient-to: var(--color-brand-blue-deep);
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--color-white);
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          opacity: 90%;
        }
      }
    }
    & > div > div:first-child > a {
      padding-inline: calc(var(--spacing) * 8);
      padding-block: calc(var(--spacing) * 3);
      @media (width >= 40rem) {
        padding-inline: calc(var(--spacing) * 10);
      }
      @media (width >= 40rem) {
        padding-block: calc(var(--spacing) * 4);
      }
    }
    & > div > div:nth-child(2) {
      margin-top: calc(var(--spacing) * 12);
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      align-items: stretch;
      gap: calc(var(--spacing) * 8);
      @media (width >= 64rem) {
        grid-template-columns: repeat(12, minmax(0, 1fr));
      }
      @media (width >= 64rem) {
        gap: calc(var(--spacing) * 10);
      }
    }
    & > div > div:nth-child(2) > div:first-child {
      @media (width >= 64rem) {
        grid-column: span 7 / span 7;
      }
    }
    & > div > div:nth-child(2) > div:last-child {
      @media (width >= 64rem) {
        grid-column: span 5 / span 5;
      }
    }
    & > div > div:nth-child(2) article {
      position: relative;
      display: flex;
      height: 100%;
      min-height: 410px;
      overflow: hidden;
      border-radius: 32px;
      padding: calc(var(--spacing) * 5);
      color: var(--color-white);
      @media (width >= 40rem) {
        padding: calc(var(--spacing) * 8);
      }
      &::after {
        content: "";
        position: absolute;
        inset: 0px;
        z-index: 1;
        --tw-gradient-position: to bottom;
        @supports (background-image: linear-gradient(in lab, red, red)) {
          --tw-gradient-position: to bottom in oklab;
        }
        background-image: linear-gradient(var(--tw-gradient-stops));
        --tw-gradient-from: color-mix(in srgb, #fff 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-from: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        --tw-gradient-via: rgba(8,87,176,0.4);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
        --tw-gradient-to: rgba(8,87,176,0.95);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
    & > div > div:nth-child(2) article > img {
      position: absolute;
      inset: 0px;
      height: 100%;
      width: 100%;
      object-fit: cover;
    }
    & > div > div:nth-child(2) article > div {
      position: relative;
      z-index: 10;
      display: flex;
      height: 100%;
      flex-direction: column;
      justify-content: flex-end;
    }
    & > div > div:nth-child(2) article > div > span {
      margin-bottom: calc(var(--spacing) * 4);
      width: fit-content;
      border-radius: calc(infinity * 1px);
      background-color: #0857B4;
      padding-inline: calc(var(--spacing) * 5);
      padding-block: calc(var(--spacing) * 2);
      font-size: 11px;
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      --tw-tracking: var(--tracking-wide);
      letter-spacing: var(--tracking-wide);
      color: var(--color-white);
      text-transform: uppercase;
    }
    & > div > div:nth-child(2) h3 {
      font-size: 36px;
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
    & > div > div:nth-child(2) p {
      margin-top: calc(var(--spacing) * 3);
      max-width: var(--container-2xl);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: var(--leading-relaxed);
      line-height: var(--leading-relaxed);
      color: color-mix(in srgb, #fff 85%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 85%, transparent);
      }
    }
    & > div > div:nth-child(2) article > div > div {
      margin-top: calc(var(--spacing) * 4);
      display: flex;
      flex-wrap: wrap;
      gap: calc(var(--spacing) * 3);
    }
    & > div > div:nth-child(2) article > div > div a, & > div > div:nth-child(3) article > div:nth-of-type(2) a {
      border-radius: calc(infinity * 1px);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-white);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 2);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: var(--color-white);
      text-decoration-line: none;
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-white);
        }
      }
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-white);
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-brand-blue-deep);
        }
      }
    }
    & > div > div:nth-child(2) article > div > a {
      margin-top: calc(var(--spacing) * 5);
      padding-inline: calc(var(--spacing) * 8);
      padding-block: calc(var(--spacing) * 2);
      @media (width >= 40rem) {
        padding-inline: calc(var(--spacing) * 10);
      }
    }
    & > div > div:nth-child(3) {
      margin-top: calc(var(--spacing) * 10);
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 6);
      @media (width >= 64rem) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }
    & > div > div:nth-child(3) article {
      display: flex;
      min-height: 410px;
      flex-direction: column;
      border-radius: 32px;
      padding: calc(var(--spacing) * 6);
      color: var(--color-white);
      @media (width >= 40rem) {
        padding: calc(var(--spacing) * 8);
      }
      background-color: var(--card-background);
    }
    & > div > div:nth-child(3) article > span {
      width: fit-content;
      border-radius: var(--radius-lg);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 2);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--color-white);
      text-transform: uppercase;
      background-color: var(--tag-background);
    }
    & > div > div:nth-child(3) h3 {
      margin-top: calc(var(--spacing) * 6);
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: var(--color-white);
    }
    & > div > div:nth-child(3) article > div:first-of-type {
      margin-top: calc(var(--spacing) * 6);
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: calc(var(--spacing) * 4);
    }
    & > div > div:nth-child(3) article:not(:nth-child(3)) > div:first-of-type > div {
      box-sizing: border-box;
      border-radius: var(--radius-2xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: rgba(255,255,255,0.11);
      background-color: rgba(196,196,196,0.1);
      padding: calc(var(--spacing) * 4);
    }
    & > div > div:nth-child(3) article:not(:nth-child(3)) strong {
      display: block;
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: #FAFF00;
    }
    & > div > div:nth-child(3) article:not(:nth-child(3)) strong + span {
      margin-top: calc(var(--spacing) * 2);
      display: block;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: var(--color-white);
    }
    & > div > div:nth-child(3) article:nth-child(3) > div:first-of-type {
      gap: calc(var(--spacing) * 2);
    }
    & > div > div:nth-child(3) article:nth-child(3) > div:first-of-type > div {
      box-sizing: border-box;
      border-radius: var(--radius-lg);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: rgba(255,255,255,0.11);
      background-color: rgba(196,196,196,0.1);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 2.5);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--color-white);
    }
    & > div > div:nth-child(3) article > p {
      margin-top: calc(var(--spacing) * 6);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: var(--leading-relaxed);
      line-height: var(--leading-relaxed);
      color: var(--color-white);
    }
    & > div > div:nth-child(3) article > div:nth-of-type(2) {
      margin-top: calc(var(--spacing) * 6);
      display: flex;
      flex-wrap: wrap;
      gap: calc(var(--spacing) * 3);
    }
    & > div > div:nth-child(3) article > a {
      margin-top: auto;
      display: inline-flex;
      width: fit-content;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      padding-top: calc(var(--spacing) * 8);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--color-white);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          color: color-mix(in srgb, #fff 80%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-white) 80%, transparent);
          }
        }
      }
    }
    & > div > div:nth-child(3) article > a i {
      display: inline-block;
      width: calc(var(--spacing) * 3);
      text-align: center;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .home-pain-points {
    width: 100%;
    background: linear-gradient(270deg, rgba(205, 228, 255, 0.1) 3.734%, rgba(249, 179, 151, 0.05) 93.307%);
    & > div {
      margin-inline: auto;
      max-width: var(--container-7xl);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 12);
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 20);
      }
    }
    & > div > div:first-child {
      display: flex;
      flex-direction: column;
      gap: calc(var(--spacing) * 6);
      @media (width >= 64rem) {
        flex-direction: row;
      }
      @media (width >= 64rem) {
        align-items: flex-end;
      }
      @media (width >= 64rem) {
        justify-content: space-between;
      }
    }
    & > div > div:first-child > div > div {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      --tw-tracking: var(--tracking-widest);
      letter-spacing: var(--tracking-widest);
      color: var(--color-neutral-800);
      text-transform: uppercase;
    }
    & > div > div:first-child > div > div::before {
      content: "";
      display: block;
      height: calc(var(--spacing) * 4);
      width: 1px;
      background-color: var(--color-black);
    }
    & h2 {
      margin-top: calc(var(--spacing) * 4);
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #313131;
      @media (width >= 40rem) {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
      }
      @media (width >= 64rem) {
        font-size: 64px;
      }
    }
    & h2 span {
      display: block;
      color: #0857B4;
    }
    & > div > div:first-child > div > p {
      margin-top: calc(var(--spacing) * 4);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      color: #5F5C5B;
    }
    & > div > div:first-child > a {
      display: inline-flex;
      width: fit-content;
      align-items: center;
      justify-content: center;
      border-radius: calc(infinity * 1px);
      --tw-gradient-position: to bottom;
      @supports (background-image: linear-gradient(in lab, red, red)) {
        --tw-gradient-position: to bottom in oklab;
      }
      background-image: linear-gradient(var(--tw-gradient-stops));
      --tw-gradient-from: var(--color-brand-blue-deep);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      --tw-gradient-to: var(--color-brand-blue-light);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 300ms;
      transition-duration: 300ms;
      &:hover {
        @media (hover: hover) {
          --tw-gradient-from: var(--color-brand-blue-light);
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
      &:hover {
        @media (hover: hover) {
          --tw-gradient-to: var(--color-brand-blue-deep);
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
      padding-inline: calc(var(--spacing) * 8);
      padding-block: calc(var(--spacing) * 3.5);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--color-white);
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      &:hover {
        @media (hover: hover) {
          --tw-translate-y: calc(var(--spacing) * -0.5);
          translate: var(--tw-translate-x) var(--tw-translate-y);
        }
      }
    }
    & > div > div:nth-child(2) {
      margin-top: calc(var(--spacing) * 12);
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 6);
      @media (width >= 48rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    & > div > div:nth-child(2) > a {
      position: relative;
      display: block;
      aspect-ratio: 16/10;
      overflow: hidden;
      border-radius: var(--radius-3xl);
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      @media (width >= 48rem) {
        aspect-ratio: var(--aspect-video);
      }
    }
    & > div > div:nth-child(2) > a > img {
      position: absolute;
      inset: 0px;
      height: 100%;
      width: 100%;
      object-fit: cover;
      transition-property: transform, translate, scale, rotate;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 500ms;
      transition-duration: 500ms;
      --tw-ease: var(--ease-out);
      transition-timing-function: var(--ease-out);
    }
    & > div > div:nth-child(2) > a > div:first-of-type {
      position: absolute;
      inset: 0px;
      --tw-gradient-position: to bottom;
      @supports (background-image: linear-gradient(in lab, red, red)) {
        --tw-gradient-position: to bottom in oklab;
      }
      background-image: linear-gradient(var(--tw-gradient-stops));
      --tw-gradient-from: color-mix(in srgb, #fff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      --tw-gradient-via: rgba(8,87,176,0.4);
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
      --tw-gradient-to: rgba(8,87,176,0.95);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      opacity: 100%;
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 300ms;
      transition-duration: 300ms;
    }
    & > div > div:nth-child(2) > a > div:nth-of-type(2) {
      position: absolute;
      inset: 0px;
      z-index: 10;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding: calc(var(--spacing) * 6);
      @media (width >= 40rem) {
        padding: calc(var(--spacing) * 8);
      }
    }
    & > div > div:nth-child(2) > a > div:nth-of-type(2) > div {
      display: flex;
      width: calc(var(--spacing) * 12);
      height: calc(var(--spacing) * 12);
      align-items: center;
      justify-content: center;
      border-radius: var(--radius-xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      color: var(--color-white);
      --tw-backdrop-blur: blur(var(--blur-md));
      -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
      backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    & > div > div:nth-child(2) svg {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
    }
    & > div > div:nth-child(2) > a:hover > img {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    & > div > div:nth-child(2) > a:hover > div:first-of-type {
      opacity: 95%;
    }
    & > div > div:nth-child(2) > a:hover > div:nth-of-type(2) > div {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
      background-color: var(--color-white);
      color: var(--color-brand-blue-deep);
    }
    & h3 {
      margin-top: calc(var(--spacing) * 4);
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      --tw-leading: var(--leading-snug);
      line-height: var(--leading-snug);
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--color-white);
      @media (width >= 40rem) {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
      }
      @media (width >= 64rem) {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height));
      }
    }
    & > div > div:nth-child(2) p {
      margin-top: calc(var(--spacing) * 2);
      max-width: var(--container-md);
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      --tw-leading: var(--leading-relaxed);
      line-height: var(--leading-relaxed);
      color: var(--color-neutral-100);
      opacity: 90%;
      @media (width >= 40rem) {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
      }
    }
    & > div > div:nth-child(3) {
      margin-top: calc(var(--spacing) * 12);
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
    }
    & > div > div:nth-child(3) > p {
      max-width: var(--container-4xl);
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: var(--leading-relaxed);
      line-height: var(--leading-relaxed);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: color-mix(in srgb, #000 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 50%, transparent);
      }
    }
    & > div > div:nth-child(3) > a {
      margin-top: calc(var(--spacing) * 8);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: calc(var(--spacing) * 3);
      border-radius: calc(infinity * 1px);
      --tw-gradient-position: to bottom;
      @supports (background-image: linear-gradient(in lab, red, red)) {
        --tw-gradient-position: to bottom in oklab;
      }
      background-image: linear-gradient(var(--tw-gradient-stops));
      --tw-gradient-from: var(--color-brand-blue-deep);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      --tw-gradient-to: var(--color-brand-blue-light);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 300ms;
      transition-duration: 300ms;
      &:hover {
        @media (hover: hover) {
          --tw-gradient-from: var(--color-brand-blue-light);
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
      &:hover {
        @media (hover: hover) {
          --tw-gradient-to: var(--color-brand-blue-deep);
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
      padding-inline: calc(var(--spacing) * 8);
      padding-block: calc(var(--spacing) * 4);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--color-white);
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      &:hover {
        @media (hover: hover) {
          --tw-translate-y: calc(var(--spacing) * -0.5);
          translate: var(--tw-translate-x) var(--tw-translate-y);
        }
      }
    }
    & > div > div:nth-child(3) i {
      display: inline-block;
      width: calc(var(--spacing) * 4);
      text-align: center;
    }
  }
  .not-found {
    width: 100%;
    overflow: hidden;
    background-color: #F9F9F9;
    & > div {
      margin-inline: auto;
      display: flex;
      min-height: calc(100vh - 4.5rem);
      max-width: var(--container-4xl);
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 16);
      text-align: center;
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 20);
      }
    }
    & strong {
      display: block;
      font-size: var(--text-8xl);
      line-height: var(--tw-leading, var(--text-8xl--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #0857B4;
      @media (width >= 40rem) {
        font-size: var(--text-9xl);
        line-height: var(--tw-leading, var(--text-9xl--line-height));
      }
    }
    & h1 {
      margin-top: calc(var(--spacing) * 6);
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #151515;
      @media (width >= 40rem) {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
      }
    }
    & h1::after {
      content: ".";
      color: #FF3A00;
    }
    & h1 + p {
      margin-top: calc(var(--spacing) * 5);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      color: #656565;
      @media (width >= 40rem) {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
      }
    }
    & > div > div {
      margin-top: calc(var(--spacing) * 9);
    }
    & a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: calc(var(--spacing) * 3);
      border-radius: calc(infinity * 1px);
      background-color: #2A7EE1;
      padding-inline: calc(var(--spacing) * 8);
      padding-block: calc(var(--spacing) * 3);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: var(--color-white);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          background-color: #0857B4;
        }
      }
      &:focus-visible {
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
      }
      &:focus-visible {
        outline-offset: 2px;
      }
      &:focus-visible {
        outline-color: #2A7EE1;
      }
    }
  }
  .solution-seo-stats {
    width: 100%;
    background-color: #033A7B;
    & > div {
      margin-inline: auto;
      display: grid;
      max-width: var(--container-7xl);
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 8);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 12);
      @media (width >= 40rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      @media (width >= 64rem) {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }
    }
    & article {
      min-width: 0px;
    }
    & strong {
      display: block;
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: #FAFF00;
    }
    & span {
      margin-top: calc(var(--spacing) * 4);
      display: block;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      color: var(--color-white);
    }
  }
  .service-site-building {
    width: 100%;
    background-color: #F9F9F9;
    & > div {
      margin-inline: auto;
      max-width: var(--container-7xl);
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
      }
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 16);
      @media (width >= 64rem) {
        :where(& > :not(:last-child)) {
          --tw-space-y-reverse: 0;
          margin-block-start: calc(calc(var(--spacing) * 24) * var(--tw-space-y-reverse));
          margin-block-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-y-reverse)));
        }
      }
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 24);
      }
    }
    & > div > article {
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      align-items: center;
      gap: calc(var(--spacing) * 10);
      @media (width >= 64rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      @media (width >= 64rem) {
        gap: calc(var(--spacing) * 20);
      }
    }
    & > div > article.right > div {
      @media (width >= 64rem) {
        order: 2;
      }
    }
    & > div > article.right > img {
      @media (width >= 64rem) {
        order: 1;
      }
    }
    & > div > article > div > span {
      display: inline-flex;
      border-radius: calc(infinity * 1px);
      background-color: #0F5FBD;
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 2);
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--color-white);
    }
    & h2 {
      margin-top: calc(var(--spacing) * 6);
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
      @media (width >= 40rem) {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
      }
    }
    & > div > article > div > p {
      margin-top: calc(var(--spacing) * 6);
      max-width: var(--container-xl);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & > div > article > div > div {
      margin-top: calc(var(--spacing) * 7);
      display: flex;
      flex-wrap: wrap;
      gap: calc(var(--spacing) * 3);
    }
    & > div > article > div > div a {
      border-radius: calc(infinity * 1px);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 2);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          border-color: #0857B4;
        }
      }
      &:hover {
        @media (hover: hover) {
          color: #0857B4;
        }
      }
    }
    & > div > article > div > a {
      margin-top: calc(var(--spacing) * 8);
      display: inline-flex;
      border-radius: calc(infinity * 1px);
      --tw-gradient-position: to bottom;
      @supports (background-image: linear-gradient(in lab, red, red)) {
        --tw-gradient-position: to bottom in oklab;
      }
      background-image: linear-gradient(var(--tw-gradient-stops));
      --tw-gradient-from: var(--color-brand-blue-deep);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      --tw-gradient-to: var(--color-brand-blue-light);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 300ms;
      transition-duration: 300ms;
      &:hover {
        @media (hover: hover) {
          --tw-gradient-from: var(--color-brand-blue-light);
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
      &:hover {
        @media (hover: hover) {
          --tw-gradient-to: var(--color-brand-blue-deep);
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
      padding-inline: calc(var(--spacing) * 7);
      padding-block: calc(var(--spacing) * 3.5);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--color-white);
    }
    & > div > article > img {
      aspect-ratio: 726/402;
      width: 100%;
      border-radius: var(--radius-2xl);
      object-fit: cover;
    }
    & > div > div:last-child {
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 5);
      @media (width >= 64rem) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }
    & > div > div:last-child article {
      display: flex;
      min-height: 410px;
      flex-direction: column;
      border-radius: var(--radius-2xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
      padding: calc(var(--spacing) * 6);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & > div > div:last-child article > span {
      width: fit-content;
      border-radius: var(--radius-lg);
      background-color: #0F5FBD;
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 2);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--color-white);
      text-transform: uppercase;
    }
    & > div > div:last-child article:nth-child(2) > span {
      background-color: #67ADFF;
    }
    & > div > div:last-child article:nth-child(3) > span {
      background-color: #FFC76D;
    }
    & > div > div:last-child h3 {
      margin-top: calc(var(--spacing) * 6);
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
    & > div > div:last-child article > div:first-of-type {
      margin-top: calc(var(--spacing) * 6);
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: calc(var(--spacing) * 4);
    }
    & > div > div:last-child article > div:first-of-type > div {
      border-radius: var(--radius-lg);
      background-color: #F4F4F4;
      padding: calc(var(--spacing) * 4);
    }
    & > div > div:last-child article:nth-child(-n+2) strong {
      display: block;
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: #FF5D00;
    }
    & > div > div:last-child article:nth-child(-n+2) strong + span {
      margin-top: calc(var(--spacing) * 2);
      display: block;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    & > div > div:last-child article:nth-child(3) > div:first-of-type {
      gap: calc(var(--spacing) * 2);
    }
    & > div > div:last-child article:nth-child(3) > div:first-of-type > div {
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 2.5);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
    & > div > div:last-child article > p {
      margin-top: calc(var(--spacing) * 6);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: var(--leading-relaxed);
      line-height: var(--leading-relaxed);
    }
    & > div > div:last-child article > div:nth-of-type(2) {
      margin-top: calc(var(--spacing) * 6);
      display: flex;
      flex-wrap: wrap;
      gap: calc(var(--spacing) * 3);
    }
    & > div > div:last-child article > div:nth-of-type(2) a {
      border-radius: calc(infinity * 1px);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 2);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          border-color: #0857B4;
        }
      }
      &:hover {
        @media (hover: hover) {
          color: #0857B4;
        }
      }
    }
    & > div > div:last-child article > a {
      margin-top: auto;
      display: inline-flex;
      width: fit-content;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      padding-top: calc(var(--spacing) * 8);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          color: #0857B4;
        }
      }
    }
  }
  .consultation {
    width: 100%;
    background-color: #033A7B;
    text-align: center;
    & > div {
      margin-inline: auto;
      display: flex;
      max-width: var(--container-7xl);
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 8);
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 12);
      }
    }
    & h2 {
      display: flex;
      max-width: var(--container-3xl);
      flex-wrap: wrap;
      align-items: baseline;
      justify-content: flex-start;
      column-gap: calc(var(--spacing) * 3);
      align-self: center;
      text-align: left;
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
      color: var(--color-white);
      @media (width >= 40rem) {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
      }
    }
    & h2 span {
      white-space: nowrap;
      color: #FAFF00;
    }
    & p {
      margin-top: calc(var(--spacing) * 6);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      color: color-mix(in srgb, #fff 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 70%, transparent);
      }
      @media (width >= 40rem) {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
      }
    }
    & > div > div {
      margin-top: calc(var(--spacing) * 10);
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: calc(var(--spacing) * 4);
    }
    & > div > div a {
      display: inline-flex;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      border-radius: calc(infinity * 1px);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: #2A7EE1;
      background-color: var(--color-white);
      padding-inline: calc(var(--spacing) * 8);
      padding-block: calc(var(--spacing) * 3);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: #3084E9;
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          background-color: #2A7EE1;
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
    & > div > div a:last-child {
      border-color: var(--color-white);
      background-color: transparent;
      color: var(--color-white);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-white);
        }
      }
      &:hover {
        @media (hover: hover) {
          color: #3084E9;
        }
      }
    }
  }
  .tag-listing-meta {
    width: 100%;
    background-color: #F8F8F8;
    padding-block: calc(var(--spacing) * 6);
    & > div {
      margin-inline: auto;
      display: flex;
      max-width: var(--container-7xl);
      align-items: center;
      justify-content: flex-end;
      gap: calc(var(--spacing) * 2);
      padding-inline: calc(var(--spacing) * 4);
      padding-top: calc(var(--spacing) * 4);
    }
    & span {
      display: block;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: #033A7B;
    }
    & em {
      display: block;
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      --tw-tracking: 0.18em;
      letter-spacing: 0.18em;
      color: color-mix(in oklab, #545454 55%, transparent);
      text-transform: uppercase;
      font-style: normal;
    }
  }
  .mx-1 {
    margin-inline: var(--spacing);
  }
  .pagination {
    margin-top: calc(var(--spacing) * 8);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    & a, & span {
      display: flex;
      width: calc(var(--spacing) * 10);
      height: calc(var(--spacing) * 10);
      align-items: center;
      justify-content: center;
      border-radius: 0;
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #000 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
      background-color: var(--color-white);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
    & a {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          border-color: #0857B4;
        }
      }
      &:hover {
        @media (hover: hover) {
          color: #0857B4;
        }
      }
    }
    & a[aria-current="page"] {
      border-color: #0857B4;
      background-color: #0857B4;
      color: var(--color-white);
    }
  }
  .custom-logo-link {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    & .custom-logo {
      height: calc(var(--spacing) * 10);
      width: calc(var(--spacing) * 30);
      object-fit: contain;
    }
  }
  .header-buttons {
    display: flex;
    width: 100%;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    padding-top: calc(var(--spacing) * 4);
    @media (width >= 64rem) {
      width: auto;
    }
    @media (width >= 64rem) {
      padding-top: 0px;
    }
    & .btn-diagnostic {
      flex: 1;
      border-radius: var(--radius-lg);
      background-color: var(--color-white);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 2);
      text-align: center;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: --color-brand-gray;
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-slate-50);
        }
      }
      &:hover {
        @media (hover: hover) {
          color: --color-brand-blue-deep;
        }
      }
      @media (width >= 64rem) {
        flex: none;
      }
    }
    & .btn-solution {
      flex: 1;
      border-radius: var(--radius-lg);
      --tw-gradient-position: to bottom;
      @supports (background-image: linear-gradient(in lab, red, red)) {
        --tw-gradient-position: to bottom in oklab;
      }
      background-image: linear-gradient(var(--tw-gradient-stops));
      --tw-gradient-from: var(--color-brand-blue-deep);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      --tw-gradient-to: var(--color-brand-blue-light);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 300ms;
      transition-duration: 300ms;
      &:hover {
        @media (hover: hover) {
          --tw-gradient-from: var(--color-brand-blue-light);
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
      &:hover {
        @media (hover: hover) {
          --tw-gradient-to: var(--color-brand-blue-deep);
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 2);
      text-align: center;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: var(--color-white);
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      &:hover {
        @media (hover: hover) {
          --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
      }
      @media (width >= 64rem) {
        flex: none;
      }
    }
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .table {
    display: table;
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-full {
    height: 100%;
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-full {
    width: 100%;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .items-center {
    align-items: center;
  }
  :where(.space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-xs {
    border-radius: var(--radius-xs);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .\!bg-transparent {
    background-color: transparent !important;
  }
  .object-cover {
    object-fit: cover;
  }
  .\!p-0 {
    padding: 0px !important;
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .\!text-current {
    color: currentcolor !important;
  }
  .text-current {
    color: currentcolor;
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .overline {
    text-decoration-line: overline;
  }
  .underline {
    text-decoration-line: underline;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  @media (hover: hover) {
    .group-hover\:rotate-180:is(:where(.group):hover *) {
      rotate: 180deg;
    }
    .hover\:bg-gray-50\/80:hover {
      background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 80%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-gray-50\/80:hover {
        background-color: color-mix(in oklab, var(--color-gray-50) 80%, transparent);
      }
    }
  }
}
.site-header.home {
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: transparent;
}
@keyframes about-journey-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(16, 96, 191, 0.22);
  }
  50% {
    box-shadow: 0 0 0 10px rgba(16, 96, 191, 0);
  }
}
@layer base {
  html {
    font-size: 16px;
  }
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: var(--font-sans);
    color: black;
  }
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  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-leading: initial;
      --tw-font-weight: initial;
      --tw-border-style: solid;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-duration: initial;
      --tw-tracking: initial;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-space-y-reverse: 0;
      --tw-content: "";
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-ease: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-space-x-reverse: 0;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
    }
  }
}