.container {
    width: 100%
}
@media (min-width: 640px) {
    .container {
        max-width: 640px
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 768px
    }
}
@media (min-width: 1024px) {
    .container {
        max-width: 1024px
    }
}
@media (min-width: 1280px) {
    .container {
        max-width: 1280px
    }
}
@media (min-width: 1536px) {
    .container {
        max-width: 1536px
    }
}
    .seo-content-wrapper {
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 1.625;
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity))
}
    .dark .seo-content-wrapper {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity))
}

    .seo-content-wrapper h1,
    .seo-content-wrapper h2,
    .seo-content-wrapper h3,
    .seo-content-wrapper h4,
    .seo-content-wrapper h5,
    .seo-content-wrapper h6 {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    font-weight: 700;
    line-height: 1.25;
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity))
}

    .dark .seo-content-wrapper h1,.dark 
    .seo-content-wrapper h2,.dark 
    .seo-content-wrapper h3,.dark 
    .seo-content-wrapper h4,.dark 
    .seo-content-wrapper h5,.dark 
    .seo-content-wrapper h6 {
    --tw-text-opacity: 1;
    color: rgb(243 244 246 / var(--tw-text-opacity))
}

    .seo-content-wrapper h1 {
    font-size: 2.25rem;
    line-height: 2.5rem;
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity))
}

    .dark .seo-content-wrapper h1 {
    --tw-text-opacity: 1;
    color: rgb(243 244 246 / var(--tw-text-opacity))
}

    @media (min-width: 1024px) {
    .seo-content-wrapper h1 {
        font-size: 3rem;
        line-height: 1
    }
}

    .seo-content-wrapper h2 {
    font-size: 1.875rem;
    line-height: 2.25rem;
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity))
}

    .dark .seo-content-wrapper h2 {
    --tw-text-opacity: 1;
    color: rgb(243 244 246 / var(--tw-text-opacity))
}

    @media (min-width: 1024px) {
    .seo-content-wrapper h2 {
        font-size: 2.25rem;
        line-height: 2.5rem
    }
}

    .seo-content-wrapper h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity))
}

    .dark .seo-content-wrapper h3 {
    --tw-text-opacity: 1;
    color: rgb(243 244 246 / var(--tw-text-opacity))
}

    @media (min-width: 1024px) {
    .seo-content-wrapper h3 {
        font-size: 1.875rem;
        line-height: 2.25rem
    }
}

    .seo-content-wrapper h4 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity))
}

    .dark .seo-content-wrapper h4 {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity))
}

    @media (min-width: 1024px) {
    .seo-content-wrapper h4 {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

    .seo-content-wrapper h5 {
    font-size: 1.125rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity))
}

    .dark .seo-content-wrapper h5 {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity))
}

    @media (min-width: 1024px) {
    .seo-content-wrapper h5 {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

    .seo-content-wrapper h6 {
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity))
}

    .dark .seo-content-wrapper h6 {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity))
}

    @media (min-width: 1024px) {
    .seo-content-wrapper h6 {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

    .seo-content-wrapper p {
    margin-bottom: 1rem;
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity))
}

    .dark .seo-content-wrapper p {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity))
}

    .seo-content-wrapper strong,
    .seo-content-wrapper b {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity))
}

    .dark .seo-content-wrapper strong,.dark 
    .seo-content-wrapper b {
    --tw-text-opacity: 1;
    color: rgb(243 244 246 / var(--tw-text-opacity))
}

    .seo-content-wrapper em,
    .seo-content-wrapper i {
    font-style: italic
}

    .seo-content-wrapper a {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity));
    text-decoration-line: underline;
    text-underline-offset: 2px;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms
}

    .seo-content-wrapper a:hover {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity))
}

    .dark .seo-content-wrapper a {
    --tw-text-opacity: 1;
    color: rgb(34 211 238 / var(--tw-text-opacity))
}

    .dark .seo-content-wrapper a:hover {
    --tw-text-opacity: 1;
    color: rgb(103 232 249 / var(--tw-text-opacity))
}

    .seo-content-wrapper ul,
    .seo-content-wrapper ol {
    margin-bottom: 1rem;
    margin-left: 1.5rem
}

    .seo-content-wrapper ul > :not([hidden]) ~ :not([hidden]),
    .seo-content-wrapper ol > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}

    .seo-content-wrapper ul {
    list-style-type: disc
}

    .seo-content-wrapper ol {
    list-style-type: decimal
}

    .seo-content-wrapper li {
    padding-left: 0.5rem;
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity))
}

    .dark .seo-content-wrapper li {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity))
}

    .seo-content-wrapper blockquote {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-left-width: 4px;
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255 / var(--tw-bg-opacity));
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity))
}

    .dark .seo-content-wrapper blockquote {
    --tw-border-opacity: 1;
    border-color: rgb(34 211 238 / var(--tw-border-opacity));
    background-color: rgb(17 24 39 / 0.5);
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}

    .seo-content-wrapper table {
    margin-bottom: 1rem;
    width: 100%;
    border-collapse: collapse
}

    .seo-content-wrapper th,
    .seo-content-wrapper td {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}

    .dark .seo-content-wrapper th,.dark 
    .seo-content-wrapper td {
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity))
}

    .seo-content-wrapper th {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity))
}

    .dark .seo-content-wrapper th {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(243 244 246 / var(--tw-text-opacity))
}

    .seo-content-wrapper td {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity))
}

    .dark .seo-content-wrapper td {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity))
}

    .seo-content-wrapper img {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    height: auto;
    max-width: 100%;
    border-radius: 0.5rem;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

    .seo-content-wrapper hr {
    margin-top: 2rem;
    margin-bottom: 2rem;
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity))
}

    .dark .seo-content-wrapper hr {
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity))
}

    .seo-content-wrapper code {
    border-radius: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity))
}

    .dark .seo-content-wrapper code {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(103 232 249 / var(--tw-text-opacity))
}

    .seo-content-wrapper pre {
    margin-top: 1rem;
    margin-bottom: 1rem;
    overflow-x: auto;
    border-radius: 0.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
    padding: 1rem
}

    .dark .seo-content-wrapper pre {
    --tw-border-opacity: 1;
    border-color: rgb(31 41 55 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity))
}

    .seo-content-wrapper pre code {
    background-color: transparent;
    padding: 0px;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity))
}

    .dark .seo-content-wrapper pre code {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity))
}
.pointer-events-none {
    pointer-events: none
}
.visible {
    visibility: visible
}
.absolute {
    position: absolute
}
.relative {
    position: relative
}
.inset-0 {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px
}
.top-20 {
    top: 5rem
}
.left-10 {
    left: 2.5rem
}
.top-40 {
    top: 10rem
}
.right-10 {
    right: 2.5rem
}
.-bottom-8 {
    bottom: -2rem
}
.left-1\/2 {
    left: 50%
}
.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}
.my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem
}
.mx-auto {
    margin-left: auto;
    margin-right: auto
}
.mt-6 {
    margin-top: 1.5rem
}
.mb-4 {
    margin-bottom: 1rem
}
.ml-6 {
    margin-left: 1.5rem
}
.mb-6 {
    margin-bottom: 1.5rem
}
.mb-10 {
    margin-bottom: 2.5rem
}
.mt-4 {
    margin-top: 1rem
}
.mb-5 {
    margin-bottom: 1.25rem
}
.block {
    display: block
}
.inline {
    display: inline
}
.flex {
    display: flex
}
.inline-flex {
    display: inline-flex
}
.grid {
    display: grid
}
.hidden {
    display: none
}
.h-auto {
    height: auto
}
.h-72 {
    height: 18rem
}
.h-8 {
    height: 2rem
}
.h-6 {
    height: 1.5rem
}
.min-h-\[3\.25rem\] {
    min-height: 3.25rem
}
.w-full {
    width: 100%
}
.w-72 {
    width: 18rem
}
.w-1 {
    width: 0.25rem
}
.w-6 {
    width: 1.5rem
}
.min-w-0 {
    min-width: 0px
}
.max-w-full {
    max-width: 100%
}
.max-w-4xl {
    max-width: 56rem
}
.flex-1 {
    flex: 1 1 0%
}
.flex-shrink-0 {
    flex-shrink: 0
}
.border-collapse {
    border-collapse: collapse
}
.-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.list-disc {
    list-style-type: disc
}
.list-decimal {
    list-style-type: decimal
}
.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}
.flex-col {
    flex-direction: column
}
.items-start {
    align-items: flex-start
}
.items-center {
    align-items: center
}
.justify-center {
    justify-content: center
}
.justify-between {
    justify-content: space-between
}
.gap-2 {
    gap: 0.5rem
}
.gap-8 {
    gap: 2rem
}
.gap-3 {
    gap: 0.75rem
}
.gap-1 {
    gap: 0.25rem
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}
.space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse))
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse))
}
.overflow-hidden {
    overflow: hidden
}
.overflow-x-auto {
    overflow-x: auto
}
.rounded-lg {
    border-radius: 0.5rem
}
.rounded {
    border-radius: 0.25rem
}
.rounded-full {
    border-radius: 9999px
}
.rounded-2xl {
    border-radius: 1rem
}
.rounded-xl {
    border-radius: 0.75rem
}
.rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem
}
.border {
    border-width: 1px
}
.border-0 {
    border-width: 0px
}
.border-2 {
    border-width: 2px
}
.border-l-4 {
    border-left-width: 4px
}
.border-t {
    border-top-width: 1px
}
.border-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246 / var(--tw-border-opacity))
}
.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity))
}
.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity))
}
.border-blue-200 {
    --tw-border-opacity: 1;
    border-color: rgb(191 219 254 / var(--tw-border-opacity))
}
.bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255 / var(--tw-bg-opacity))
}
.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}
.bg-transparent {
    background-color: transparent
}
.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity))
}
.bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226 / var(--tw-bg-opacity))
}
.bg-orange-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 237 213 / var(--tw-bg-opacity))
}
.bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}
.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}
.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}
.from-blue-600 {
    --tw-gradient-from: #2563eb;
    --tw-gradient-to: rgb(37 99 235 / 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-blue-500 {
    --tw-gradient-from: #3b82f6;
    --tw-gradient-to: rgb(59 130 246 / 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.via-blue-500 {
    --tw-gradient-to: rgb(59 130 246 / 0);
    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to)
}
.to-purple-600 {
    --tw-gradient-to: #9333ea
}
.to-purple-500 {
    --tw-gradient-to: #a855f7
}
.p-4 {
    padding: 1rem
}
.p-0 {
    padding: 0px
}
.p-2 {
    padding: 0.5rem
}
.p-8 {
    padding: 2rem
}
.p-6 {
    padding: 1.5rem
}
.p-1 {
    padding: 0.25rem
}
.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}
.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem
}
.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem
}
.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}
.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}
.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}
.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}
.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
}
.py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem
}
.py-0 {
    padding-top: 0px;
    padding-bottom: 0px
}
.pl-2 {
    padding-left: 0.5rem
}
.pl-4 {
    padding-left: 1rem
}
.text-center {
    text-align: center
}
.font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}
.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}
.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}
.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}
.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}
.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}
.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}
.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem
}
.text-xs {
    font-size: 0.75rem;
    line-height: 1rem
}
.font-bold {
    font-weight: 700
}
.font-semibold {
    font-weight: 600
}
.font-medium {
    font-weight: 500
}
.italic {
    font-style: italic
}
.leading-relaxed {
    line-height: 1.625
}
.leading-tight {
    line-height: 1.25
}
.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity))
}
.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity))
}
.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity))
}
.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity))
}
.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity))
}
.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.text-blue-50 {
    --tw-text-opacity: 1;
    color: rgb(239 246 255 / var(--tw-text-opacity))
}
.text-blue-100 {
    --tw-text-opacity: 1;
    color: rgb(219 234 254 / var(--tw-text-opacity))
}
.text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(59 130 246 / var(--tw-text-opacity))
}
.text-orange-500 {
    --tw-text-opacity: 1;
    color: rgb(249 115 22 / var(--tw-text-opacity))
}
.text-red-700 {
    --tw-text-opacity: 1;
    color: rgb(185 28 28 / var(--tw-text-opacity))
}
.text-orange-700 {
    --tw-text-opacity: 1;
    color: rgb(194 65 12 / var(--tw-text-opacity))
}
.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}
.text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(34 197 94 / var(--tw-text-opacity))
}
.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}
.underline {
    text-decoration-line: underline
}
.underline-offset-2 {
    text-underline-offset: 2px
}
.placeholder-gray-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(156 163 175 / var(--tw-placeholder-opacity))
}
.placeholder-gray-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(156 163 175 / var(--tw-placeholder-opacity))
}
.opacity-20 {
    opacity: 0.2
}
.opacity-0 {
    opacity: 0
}
.opacity-100 {
    opacity: 1
}
.mix-blend-overlay {
    mix-blend-mode: overlay
}
.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.blur-3xl {
    --tw-blur: blur(64px);
    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)
}
.drop-shadow-2xl {
    --tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15));
    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)
}
.drop-shadow-lg {
    --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
    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, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.duration-200 {
    transition-duration: 200ms
}
.duration-300 {
    transition-duration: 300ms
}
/*
 * Rich HTML from admin SEO templates — loaded only when homepage has seo_text.
 * If you add @apply utilities here, also add those class names to the `raw` string
 * in tailwind.seo-content.config.js (isolated JIT build).
 */
.focus-within\:ring-4:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.focus-within\:ring-white\/30:focus-within {
    --tw-ring-color: rgb(255 255 255 / 0.3)
}
.hover\:scale-105:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.hover\:from-blue-700:hover {
    --tw-gradient-from: #1d4ed8;
    --tw-gradient-to: rgb(29 78 216 / 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.hover\:to-purple-700:hover {
    --tw-gradient-to: #7e22ce
}
.hover\:text-blue-700:hover {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity))
}
.hover\:text-blue-600:hover {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity))
}
.hover\:shadow-2xl:hover {
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.hover\:shadow-xl:hover {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}
.focus\:ring-0:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.active\:scale-95:active {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:translate-y-0\.5 {
    --tw-translate-y: 0.125rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.dark .dark\:border-2 {
    border-width: 2px
}
.dark .dark\:border-cyan-400 {
    --tw-border-opacity: 1;
    border-color: rgb(34 211 238 / var(--tw-border-opacity))
}
.dark .dark\:border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity))
}
.dark .dark\:border-gray-800 {
    --tw-border-opacity: 1;
    border-color: rgb(31 41 55 / var(--tw-border-opacity))
}
.dark .dark\:border-cyan-500\/50 {
    border-color: rgb(6 182 212 / 0.5)
}
.dark .dark\:bg-gray-900\/50 {
    background-color: rgb(17 24 39 / 0.5)
}
.dark .dark\:bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity))
}
.dark .dark\:bg-cyan-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(6 182 212 / var(--tw-bg-opacity))
}
.dark .dark\:bg-purple-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(168 85 247 / var(--tw-bg-opacity))
}
.dark .dark\:bg-pink-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(236 72 153 / var(--tw-bg-opacity))
}
.dark .dark\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.dark .dark\:bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}
.dark .dark\:\!bg-black\/90 {
    background-color: rgb(0 0 0 / 0.9) !important
}
.dark .dark\:bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity))
}
.dark .dark\:bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity))
}
.dark .dark\:bg-red-900\/40 {
    background-color: rgb(127 29 29 / 0.4)
}
.dark .dark\:bg-orange-900\/40 {
    background-color: rgb(124 45 18 / 0.4)
}
.dark .dark\:from-gray-900 {
    --tw-gradient-from: #111827;
    --tw-gradient-to: rgb(17 24 39 / 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.dark .dark\:from-cyan-500 {
    --tw-gradient-from: #06b6d4;
    --tw-gradient-to: rgb(6 182 212 / 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.dark .dark\:via-gray-900 {
    --tw-gradient-to: rgb(17 24 39 / 0);
    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to)
}
.dark .dark\:to-black {
    --tw-gradient-to: #000
}
.dark .dark\:to-blue-500 {
    --tw-gradient-to: #3b82f6
}
.dark .dark\:text-gray-300 {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity))
}
.dark .dark\:text-gray-100 {
    --tw-text-opacity: 1;
    color: rgb(243 244 246 / var(--tw-text-opacity))
}
.dark .dark\:text-cyan-400 {
    --tw-text-opacity: 1;
    color: rgb(34 211 238 / var(--tw-text-opacity))
}
.dark .dark\:text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}
.dark .dark\:text-white\/90 {
    color: rgb(255 255 255 / 0.9)
}
.dark .dark\:text-white\/70 {
    color: rgb(255 255 255 / 0.7)
}
.dark .dark\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.dark .dark\:text-cyan-300 {
    --tw-text-opacity: 1;
    color: rgb(103 232 249 / var(--tw-text-opacity))
}
.dark .dark\:text-red-400 {
    --tw-text-opacity: 1;
    color: rgb(248 113 113 / var(--tw-text-opacity))
}
.dark .dark\:text-orange-400 {
    --tw-text-opacity: 1;
    color: rgb(251 146 60 / var(--tw-text-opacity))
}
.dark .dark\:text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity))
}
.dark .dark\:opacity-10 {
    opacity: 0.1
}
.dark .dark\:shadow-cyan-500\/30 {
    --tw-shadow-color: rgb(6 182 212 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.dark .dark\:shadow-cyan-500\/20 {
    --tw-shadow-color: rgb(6 182 212 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.dark .dark\:shadow-cyan-500\/50 {
    --tw-shadow-color: rgb(6 182 212 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.dark .dark\:focus-within\:ring-cyan-500\/50:focus-within {
    --tw-ring-color: rgb(6 182 212 / 0.5)
}
.dark .dark\:hover\:from-cyan-400:hover {
    --tw-gradient-from: #22d3ee;
    --tw-gradient-to: rgb(34 211 238 / 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.dark .dark\:hover\:to-blue-400:hover {
    --tw-gradient-to: #60a5fa
}
.dark .dark\:hover\:text-cyan-300:hover {
    --tw-text-opacity: 1;
    color: rgb(103 232 249 / var(--tw-text-opacity))
}
.dark .dark\:hover\:text-cyan-400:hover {
    --tw-text-opacity: 1;
    color: rgb(34 211 238 / var(--tw-text-opacity))
}
.dark .dark\:hover\:shadow-cyan-500\/50:hover {
    --tw-shadow-color: rgb(6 182 212 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.dark .dark\:hover\:shadow-cyan-500\/40:hover {
    --tw-shadow-color: rgb(6 182 212 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.dark .dark\:hover\:shadow-cyan-500\/70:hover {
    --tw-shadow-color: rgb(6 182 212 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
@media (min-width: 768px) {
    .md\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }
    .md\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}
@media (min-width: 1024px) {
    .lg\:col-span-2 {
        grid-column: span 2 / span 2
    }
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .lg\:flex-row {
        flex-direction: row
    }
    .lg\:gap-0 {
        gap: 0px
    }
    .lg\:rounded-full {
        border-radius: 9999px
    }
    .lg\:rounded-none {
        border-radius: 0px
    }
    .lg\:p-3 {
        padding: 0.75rem
    }
    .lg\:py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
    .lg\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }
    .lg\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }
    .lg\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }
    .lg\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }
    .lg\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
    .lg\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
    .lg\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }
}