/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer utilities {
  .top-1 {
    top: calc(var(--spacing) * 1);
  }
  .right-1 {
    right: calc(var(--spacing) * 1);
  }
  .-bottom-1 {
    bottom: calc(var(--spacing) * -1);
  }
  .left-1 {
    left: calc(var(--spacing) * 1);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .h-0 {
    height: calc(var(--spacing) * 0);
  }
  .w-1 {
    width: calc(var(--spacing) * 1);
  }
  .-translate-x-1 {
    --tw-translate-x: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-1 {
    --tw-translate-x: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1 {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-cyan-400 {
    background-color: var(--color-cyan-400);
  }
  .bg-cyan-500 {
    background-color: var(--color-cyan-500);
  }
  .bg-slgrey {
    background-color: var(--color-slgrey);
  }
  .bg-yellow-400 {
    background-color: var(--color-yellow-400);
  }
  .from-\[\#001a35\] {
    --tw-gradient-from: #001a35;
    --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));
  }
  .from-slblack {
    --tw-gradient-from: var(--color-slblack);
    --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));
  }
  .via-\[\#003366\] {
    --tw-gradient-via: #003366;
    --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);
  }
  .to-\[\#001a35\] {
    --tw-gradient-to: #001a35;
    --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));
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }
  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }
  .text-\[\#001a35\] {
    color: #001a35;
  }
  .text-yellow-400 {
    color: var(--color-yellow-400);
  }
  .shadow-blue-900 {
    --tw-shadow-color: oklch(37.9% 0.146 265.522);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-blue-900) var(--tw-shadow-alpha), transparent);
    }
  }
  .group-hover\:bg-black\/50 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #000 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
        }
      }
    }
  }
  .md\:mt-0 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .md\:items-start {
    @media (width >= 48rem) {
      align-items: flex-start;
    }
  }
}
body {
  color: hsl(222, 47%, 11%);
}
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.faq-answer.open {
  max-height: 500px;
}
.faq-chevron {
  transition: transform 0.3s ease;
}
.faq-chevron.open {
  transform: rotate(180deg);
}
* {
  border-color: hsl(0, 0%, 89%);
}
body {
  font-family: 'Public Sans', system-ui, sans-serif;
  color: hsl(0, 0%, 9.4%);
  background: hsl(0, 0%, 100%);
  -webkit-font-smoothing: antialiased;
}
.section-alt {
  background-color: hsl(200, 20%, 95.3%);
}
.container {
  max-width: 1200px;
  margin: 0 auto;
}
.btn-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.875rem 2rem;
  border-radius: 0.5rem;
  background: hsl(210, 100%, 35%);
  color: white;
  font-size: 0.875rem;
  font-weight: 600;
  transition: background 0.2s;
  border: none;
  cursor: pointer;
  text-decoration: none;
}
.btn-cta:hover {
  background: hsl(210, 100%, 30%);
}