/* Source: /assets/index-C-pjOjbp.css */
body.page-template-template-homepage-refresh-v2 .site-main.homepage-refresh-v2 {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding-inline: 0;
}

main.homepage *,
main.homepage :before,
main.homepage :after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

main.homepage ::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

main.homepage *,
main.homepage :before,
main.homepage :after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
}

main.homepage :before,
main.homepage :after {
    --tw-content: ""
}

main.homepage {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: Inter, system-ui, sans-serif;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

main.homepage {
    margin: 0;
    line-height: inherit
}

main.homepage hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

main.homepage abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

main.homepage h1,
main.homepage h2,
main.homepage h3,
main.homepage h4,
main.homepage h5,
main.homepage h6 {
    font-size: inherit;
    font-weight: inherit
}

main.homepage a {
    color: inherit;
    text-decoration: inherit
}

main.homepage b,
main.homepage strong {
    font-weight: bolder
}

main.homepage code,
main.homepage kbd,
main.homepage samp,
main.homepage pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}

main.homepage small {
    font-size: 80%
}

main.homepage sub,
main.homepage sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

main.homepage sub {
    bottom: -.25em
}

main.homepage sup {
    top: -.5em
}

main.homepage table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

main.homepage button,
main.homepage input,
main.homepage optgroup,
main.homepage select,
main.homepage textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

main.homepage button,
main.homepage select {
    text-transform: none
}

main.homepage button,
main.homepage input:where([type=button]),
main.homepage input:where([type=reset]),
main.homepage input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

/* Scoped neutralization to prevent Elementor kit typography/link/button drift. */
body main.homepage {
    font-family: Inter, system-ui, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: inherit
}

body main.homepage h1,
body main.homepage h2,
body main.homepage h3,
body main.homepage h4,
body main.homepage h5,
body main.homepage h6 {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit
}

body main.homepage a {
    font-family: inherit;
    color: inherit;
    text-decoration: inherit
}

body main.homepage button {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit
}

main.homepage :-moz-focusring {
    outline: auto
}

main.homepage :-moz-ui-invalid {
    box-shadow: none
}

main.homepage progress {
    vertical-align: baseline
}

main.homepage ::-webkit-inner-spin-button,
main.homepage ::-webkit-outer-spin-button {
    height: auto
}

main.homepage [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

main.homepage ::-webkit-search-decoration {
    -webkit-appearance: none
}

main.homepage ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

main.homepage summary {
    display: list-item
}

main.homepage blockquote,
main.homepage dl,
main.homepage dd,
main.homepage h1,
main.homepage h2,
main.homepage h3,
main.homepage h4,
main.homepage h5,
main.homepage h6,
main.homepage hr,
main.homepage figure,
main.homepage p,
main.homepage pre {
    margin: 0
}

main.homepage fieldset {
    margin: 0;
    padding: 0
}

main.homepage legend {
    padding: 0
}

main.homepage ol,
main.homepage ul,
main.homepage menu {
    list-style: none;
    margin: 0;
    padding: 0
}

main.homepage dialog {
    padding: 0
}

main.homepage textarea {
    resize: vertical
}

main.homepage input::-moz-placeholder,
main.homepage textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

main.homepage input::placeholder,
main.homepage textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

main.homepage button,
main.homepage [role=button] {
    cursor: pointer
}

main.homepage :disabled {
    cursor: default
}

main.homepage img,
main.homepage svg,
main.homepage video,
main.homepage canvas,
main.homepage audio,
main.homepage iframe,
main.homepage embed,
main.homepage object {
    display: block;
    vertical-align: middle
}

main.homepage img,
main.homepage video {
    max-width: 100%;
    height: auto
}

main.homepage [hidden]:where(:not([hidden=until-found])) {
    display: none
}

main.homepage {
    font-family: Inter, system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

main.homepage .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

main.homepage .pointer-events-none {
    pointer-events: none
}

main.homepage .pointer-events-auto {
    pointer-events: auto
}

main.homepage .fixed {
    position: fixed
}

main.homepage .absolute {
    position: absolute
}

main.homepage .relative {
    position: relative
}

main.homepage .inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

main.homepage .-right-\[22vw\] {
    right: -22vw
}

main.homepage .-top-\[18vh\] {
    top: -18vh
}

main.homepage .bottom-0 {
    bottom: 0
}

main.homepage .bottom-12 {
    bottom: 3rem
}

main.homepage .bottom-3 {
    bottom: .75rem
}

main.homepage .left-0 {
    left: 0
}

main.homepage .left-3 {
    left: .75rem
}

main.homepage .left-8 {
    left: 2rem
}

main.homepage .right-0 {
    right: 0
}

main.homepage .right-3 {
    right: .75rem
}

main.homepage .right-6 {
    right: 1.5rem
}

main.homepage .right-8 {
    right: 2rem
}

main.homepage .top-0 {
    top: 0
}

main.homepage .top-1\/2 {
    top: 50%
}

main.homepage .top-12 {
    top: 3rem
}

main.homepage .top-3 {
    top: .75rem
}

main.homepage .top-6 {
    top: 1.5rem
}

main.homepage .top-full {
    top: 100%
}

main.homepage .z-0 {
    z-index: 0
}

main.homepage .z-10 {
    z-index: 10
}

main.homepage .z-20 {
    z-index: 20
}

main.homepage .z-50 {
    z-index: 50
}

main.homepage .order-1 {
    order: 1
}

main.homepage .order-2 {
    order: 2
}

main.homepage .order-first {
    order: -9999
}

main.homepage .order-last {
    order: 9999
}

main.homepage .col-span-full {
    grid-column: 1 / -1
}

main.homepage .mx-auto {
    margin-left: auto;
    margin-right: auto
}

main.homepage .-mt-2 {
    margin-top: -.5rem
}

main.homepage .mb-0 {
    margin-bottom: 0
}

main.homepage .mb-1 {
    margin-bottom: .25rem
}

main.homepage .mb-10 {
    margin-bottom: 2.5rem
}

main.homepage .mb-12 {
    margin-bottom: 3rem
}

main.homepage .mb-2 {
    margin-bottom: .5rem
}

main.homepage .mb-2\.5 {
    margin-bottom: .625rem
}

main.homepage .mb-3 {
    margin-bottom: .75rem
}

main.homepage .mb-4 {
    margin-bottom: 1rem
}

main.homepage .mb-5 {
    margin-bottom: 1.25rem
}

main.homepage .mb-6 {
    margin-bottom: 1.5rem
}

main.homepage .mb-8 {
    margin-bottom: 2rem
}

main.homepage .ml-2 {
    margin-left: .5rem
}

main.homepage .ml-2\.5 {
    margin-left: .625rem
}

main.homepage .mt-0\.5 {
    margin-top: .125rem
}

main.homepage .mt-1 {
    margin-top: .25rem
}

main.homepage .mt-1\.5 {
    margin-top: .375rem
}

main.homepage .mt-10 {
    margin-top: 2.5rem
}

main.homepage .mt-12 {
    margin-top: 3rem
}

main.homepage .mt-2 {
    margin-top: .5rem
}

main.homepage .mt-2\.5 {
    margin-top: .625rem
}

main.homepage .mt-3 {
    margin-top: .75rem
}

main.homepage .mt-4 {
    margin-top: 1rem
}

main.homepage .mt-5 {
    margin-top: 1.25rem
}

main.homepage .mt-6 {
    margin-top: 1.5rem
}

main.homepage .mt-7 {
    margin-top: 1.75rem
}

main.homepage .mt-8 {
    margin-top: 2rem
}

main.homepage .mt-auto {
    margin-top: auto
}

main.homepage .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

main.homepage .line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

main.homepage .block {
    display: block
}

main.homepage .flex {
    display: flex
}

main.homepage .inline-flex {
    display: inline-flex
}

main.homepage .table {
    display: table
}

main.homepage .grid {
    display: grid
}

main.homepage .hidden {
    display: none
}

main.homepage .aspect-\[3\/4\] {
    aspect-ratio: 3/4
}

main.homepage .aspect-\[4\/3\] {
    aspect-ratio: 4/3
}

main.homepage .aspect-\[6\/4\] {
    aspect-ratio: 6/4
}

main.homepage .aspect-square {
    aspect-ratio: 1 / 1
}

main.homepage .h-1 {
    height: .25rem
}

main.homepage .h-1\.5 {
    height: .375rem
}

main.homepage .h-10 {
    height: 2.5rem
}

main.homepage .h-12 {
    height: 3rem
}

main.homepage .h-14 {
    height: 3.5rem
}

main.homepage .h-16 {
    height: 4rem
}

main.homepage .h-2 {
    height: .5rem
}

main.homepage .h-20 {
    height: 5rem
}

main.homepage .h-24 {
    height: 6rem
}

main.homepage .h-3 {
    height: .75rem
}

main.homepage .h-3\.5 {
    height: .875rem
}

main.homepage .h-36 {
    height: 9rem
}

main.homepage .h-4 {
    height: 1rem
}

main.homepage .h-44 {
    height: 11rem
}

main.homepage .h-48 {
    height: 12rem
}

main.homepage .h-5 {
    height: 1.25rem
}

main.homepage .h-56 {
    height: 14rem
}

main.homepage .h-6 {
    height: 1.5rem
}

main.homepage .h-64 {
    height: 16rem
}

main.homepage .h-7 {
    height: 1.75rem
}

main.homepage .h-8 {
    height: 2rem
}

main.homepage .h-9 {
    height: 2.25rem
}

main.homepage .h-\[130vh\] {
    height: 130vh
}

main.homepage .h-\[188px\] {
    height: 188px
}

main.homepage .h-\[40vh\] {
    height: 40vh
}

main.homepage .h-\[500px\] {
    height: 500px
}

main.homepage .h-\[50vh\] {
    height: 50vh
}

main.homepage .h-full {
    height: 100%
}

main.homepage .h-px {
    height: 1px
}

main.homepage .max-h-0 {
    max-height: 0px
}

main.homepage .max-h-96 {
    max-height: 24rem
}

main.homepage .min-h-\[120px\] {
    min-height: 120px
}

main.homepage .min-h-\[188px\] {
    min-height: 188px
}

main.homepage .min-h-\[200px\] {
    min-height: 200px
}

main.homepage .min-h-\[220px\] {
    min-height: 220px
}

main.homepage .min-h-\[260px\] {
    min-height: 260px
}

main.homepage .min-h-\[280px\] {
    min-height: 280px
}

main.homepage .min-h-\[300px\] {
    min-height: 300px
}

main.homepage .min-h-\[320px\] {
    min-height: 320px
}

main.homepage .min-h-\[340px\] {
    min-height: 340px
}

main.homepage .min-h-\[348px\] {
    min-height: 348px
}

main.homepage .min-h-\[50vh\] {
    min-height: 50vh
}

main.homepage .min-h-\[60vh\] {
    min-height: 60vh
}

main.homepage .hero-height {
    min-height: calc(100vh - 5rem)
}

main.homepage .min-h-screen {
    min-height: 100vh
}

main.homepage .w-1 {
    width: .25rem
}

main.homepage .w-1\.5 {
    width: .375rem
}

main.homepage .w-1\/3 {
    width: 33.333333%
}

main.homepage .w-10 {
    width: 2.5rem
}

main.homepage .w-12 {
    width: 3rem
}

main.homepage .w-14 {
    width: 3.5rem
}

main.homepage .w-16 {
    width: 4rem
}

main.homepage .w-2 {
    width: .5rem
}

main.homepage .w-2\/5 {
    width: 40%
}

main.homepage .w-24 {
    width: 6rem
}

main.homepage .w-3 {
    width: .75rem
}

main.homepage .w-3\.5 {
    width: .875rem
}

main.homepage .w-36 {
    width: 9rem
}

main.homepage .w-4 {
    width: 1rem
}

main.homepage .w-48 {
    width: 12rem
}

main.homepage .w-5 {
    width: 1.25rem
}

main.homepage .w-6 {
    width: 1.5rem
}

main.homepage .w-7 {
    width: 1.75rem
}

main.homepage .w-8 {
    width: 2rem
}

main.homepage .w-\[130vh\] {
    width: 130vh
}

main.homepage .w-\[200px\] {
    width: 200px
}

main.homepage .w-\[30\%\] {
    width: 30%
}

main.homepage .w-\[320px\] {
    width: 320px
}

main.homepage .w-\[38\%\] {
    width: 38%
}

main.homepage .w-\[40\%\] {
    width: 40%
}

main.homepage .w-\[42\%\] {
    width: 42%
}

main.homepage .w-\[480px\] {
    width: 480px
}

main.homepage .w-\[50vw\] {
    width: 50vw
}

main.homepage .w-\[800px\] {
    width: 800px
}

main.homepage .w-auto {
    width: auto
}

main.homepage .w-fit {
    width: -moz-fit-content;
    width: fit-content
}

main.homepage .w-full {
    width: 100%
}

main.homepage .min-w-0 {
    min-width: 0px
}

main.homepage .min-w-\[160px\] {
    min-width: 160px
}

main.homepage .min-w-\[200px\] {
    min-width: 200px
}

main.homepage .max-w-2xl {
    max-width: 42rem
}

main.homepage .max-w-3xl {
    max-width: 48rem
}

main.homepage .max-w-4xl {
    max-width: 56rem
}

main.homepage .max-header-width {
    max-width: 73.25rem
}

main.homepage .max-w-\[1200px\] {
    max-width: 1200px
}

main.homepage .max-w-\[1300px\] {
    max-width: 1300px
}

main.homepage .max-w-\[280px\] {
    max-width: 280px
}

main.homepage .max-w-\[420px\] {
    max-width: 420px
}

main.homepage .max-w-md {
    max-width: 28rem
}

main.homepage .max-w-none {
    max-width: none
}

main.homepage .max-w-xl {
    max-width: 36rem
}

main.homepage .flex-1 {
    flex: 1 1 0%
}

main.homepage .flex-shrink-0,
main.homepage .shrink-0 {
    flex-shrink: 0
}

main.homepage .flex-grow-0 {
    flex-grow: 0
}

main.homepage .origin-bottom {
    transform-origin: bottom
}

main.homepage .-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

main.homepage .translate-x-1\/2 {
    --tw-translate-x: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

main.homepage .translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

main.homepage .translate-y-8 {
    --tw-translate-y: 2rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

main.homepage .rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

main.homepage .scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

main.homepage .scale-x-\[-1\] {
    --tw-scale-x: -1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

main.homepage .scale-y-0 {
    --tw-scale-y: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

main.homepage .animate-\[fadeInRight_0\.8s_ease-out_0\.2s_both\,float_6s_ease-in-out_1s_infinite\] {
    animation: fadeInRight .8s ease-out .2s both, float 6s ease-in-out 1s infinite
}

main.homepage .animate-\[fadeIn_0\.35s_ease-out\] {
    animation: fadeIn .35s ease-out
}

main.homepage .animate-\[fadeIn_0\.3s_ease-out\] {
    animation: fadeIn .3s ease-out
}

main.homepage .animate-\[fadeIn_0\.6s_ease-out_0\.2s_both\] {
    animation: fadeIn .6s ease-out .2s both
}

main.homepage .animate-\[fadeIn_0\.6s_ease-out_0\.3s_both\] {
    animation: fadeIn .6s ease-out .3s both
}

main.homepage .animate-\[fadeIn_0\.6s_ease-out_0\.4s_both\] {
    animation: fadeIn .6s ease-out .4s both
}

main.homepage .animate-\[fadeIn_0\.6s_ease-out_0\.5s_both\] {
    animation: fadeIn .6s ease-out .5s both
}

main.homepage .animate-\[fadeIn_0\.6s_ease-out_0\.6s_both\] {
    animation: fadeIn .6s ease-out .6s both
}

main.homepage .animate-\[fadeIn_0\.6s_ease-out_0\.7s_both\] {
    animation: fadeIn .6s ease-out .7s both
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

main.homepage .animate-fade-in {
    animation: fade-in .5s ease-out forwards
}

@keyframes fade-in-up {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

main.homepage .animate-fade-in-up {
    animation: fade-in-up .6s ease-out both
}

@keyframes ping {

    75%,
    to {
        transform: scale(2);
        opacity: 0
    }
}

main.homepage .animate-ping {
    animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite
}

main.homepage .cursor-pointer {
    cursor: pointer
}

main.homepage .list-none {
    list-style-type: none
}

main.homepage .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

main.homepage .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

main.homepage .flex-row {
    flex-direction: row
}

main.homepage .flex-col {
    flex-direction: column
}

main.homepage .flex-wrap {
    flex-wrap: wrap
}

main.homepage .flex-nowrap {
    flex-wrap: nowrap
}

main.homepage .items-start {
    align-items: flex-start
}

main.homepage .items-end {
    align-items: flex-end
}

main.homepage .items-center {
    align-items: center
}

main.homepage .items-baseline {
    align-items: baseline
}

main.homepage .items-stretch {
    align-items: stretch
}

main.homepage .justify-end {
    justify-content: flex-end
}

main.homepage .justify-center {
    justify-content: center
}

main.homepage .justify-between {
    justify-content: space-between
}

main.homepage .justify-items-center {
    justify-items: center
}

main.homepage .gap-0\.5 {
    gap: .125rem
}

main.homepage .gap-1 {
    gap: .25rem
}

main.homepage .gap-1\.5 {
    gap: .375rem
}

main.homepage .gap-10 {
    gap: 2.5rem
}

main.homepage .gap-12 {
    gap: 3rem
}

main.homepage .gap-16 {
    gap: 4rem
}

main.homepage .gap-2 {
    gap: .5rem
}

main.homepage .gap-3 {
    gap: .75rem
}

main.homepage .gap-4 {
    gap: 1rem
}

main.homepage .gap-6 {
    gap: 1.5rem
}

main.homepage .gap-8 {
    gap: 2rem
}

main.homepage .gap-x-2 {
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

main.homepage .gap-x-3 {
    -moz-column-gap: .75rem;
    column-gap: .75rem
}

main.homepage .gap-x-4 {
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

main.homepage .gap-y-1 {
    row-gap: .25rem
}

main.homepage .gap-y-2 {
    row-gap: .5rem
}

main.homepage .space-y-1>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.25rem * var(--tw-space-y-reverse))
}

main.homepage .space-y-1\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.375rem * var(--tw-space-y-reverse))
}

main.homepage .space-y-10>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse))
}

main.homepage .space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
}

main.homepage .space-y-3>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
}

main.homepage .space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

main.homepage .space-y-5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}

main.homepage .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))
}

main.homepage .space-y-8>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse))
}

main.homepage .self-stretch {
    align-self: stretch
}

main.homepage .overflow-auto {
    overflow: auto
}

main.homepage .overflow-hidden {
    overflow: hidden
}

main.homepage .overflow-visible {
    overflow: visible
}

main.homepage .overflow-x-auto {
    overflow-x: auto
}

main.homepage .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

main.homepage .break-words {
    overflow-wrap: break-word
}

main.homepage .rounded {
    border-radius: .25rem
}

main.homepage .rounded-2xl {
    border-radius: 1rem
}

main.homepage .rounded-\[20px\] {
    border-radius: 20px
}

main.homepage .rounded-\[24px\] {
    border-radius: 24px
}

main.homepage .rounded-full {
    border-radius: 9999px
}

main.homepage .rounded-lg {
    border-radius: .5rem
}

main.homepage .rounded-md {
    border-radius: .375rem
}

main.homepage .rounded-sm {
    border-radius: .125rem
}

main.homepage .rounded-xl {
    border-radius: .75rem
}

main.homepage .rounded-b-lg {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem
}

main.homepage .rounded-b-xl {
    border-bottom-right-radius: .75rem;
    border-bottom-left-radius: .75rem
}

main.homepage .rounded-l-2xl {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem
}

main.homepage .rounded-l-\[10px\] {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

main.homepage .rounded-l-xl {
    border-top-left-radius: .75rem;
    border-bottom-left-radius: .75rem
}

main.homepage .rounded-r-lg {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

main.homepage .rounded-r-xl {
    border-top-right-radius: .75rem;
    border-bottom-right-radius: .75rem
}

main.homepage .rounded-t-2xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
}

main.homepage .rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

main.homepage .border {
    border-width: 1px
}

main.homepage .border-2 {
    border-width: 2px
}

main.homepage .border-4 {
    border-width: 4px
}

main.homepage .border-b {
    border-bottom-width: 1px
}

main.homepage .border-b-0 {
    border-bottom-width: 0px
}

main.homepage .border-b-2 {
    border-bottom-width: 2px
}

main.homepage .border-l {
    border-left-width: 1px
}

main.homepage .border-l-4 {
    border-left-width: 4px
}

main.homepage .border-r {
    border-right-width: 1px
}

main.homepage .border-r-0 {
    border-right-width: 0px
}

main.homepage .border-t {
    border-top-width: 1px
}

main.homepage .border-t-0 {
    border-top-width: 0px
}

main.homepage .border-dashed {
    border-style: dashed
}

main.homepage .border-emerald-200\/80 {
    border-color: #a7f3d0cc
}

main.homepage .border-navy-dark {
    --tw-border-opacity: 1;
    border-color: rgb(47 92 122 / var(--tw-border-opacity, 1))
}

main.homepage .border-slate-100 {
    --tw-border-opacity: 1;
    border-color: rgb(221 228 235 / var(--tw-border-opacity, 1))
}

main.homepage .border-slate-200 {
    --tw-border-opacity: 1;
    border-color: rgb(197 209 220 / var(--tw-border-opacity, 1))
}

main.homepage .border-slate-200\/80 {
    border-color: #c5d1dccc
}

main.homepage .border-slate-200\/90 {
    border-color: #c5d1dce6
}

main.homepage .border-slate-300 {
    --tw-border-opacity: 1;
    border-color: rgb(159 181 196 / var(--tw-border-opacity, 1))
}

main.homepage .border-slate-50 {
    --tw-border-opacity: 1;
    border-color: rgb(232 237 241 / var(--tw-border-opacity, 1))
}

main.homepage .border-slate-600 {
    --tw-border-opacity: 1;
    border-color: rgb(92 111 125 / var(--tw-border-opacity, 1))
}

main.homepage .border-stormfield-muted {
    --tw-border-opacity: 1;
    border-color: rgb(139 139 139 / var(--tw-border-opacity, 1))
}

main.homepage .border-teal {
    --tw-border-opacity: 1;
    border-color: rgb(95 158 142 / var(--tw-border-opacity, 1))
}

main.homepage .border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1))
}

main.homepage .border-white\/10 {
    border-color: #ffffff1a
}

main.homepage .border-white\/15 {
    border-color: #ffffff26
}

main.homepage .border-white\/20 {
    border-color: #fff3
}

main.homepage .border-white\/25 {
    border-color: #ffffff40
}

main.homepage .border-white\/60 {
    border-color: #fff9
}

main.homepage .border-white\/70 {
    border-color: #ffffffb3
}

main.homepage .bg-\[rgb\(59\,98\,124\)\] {
    --tw-bg-opacity: 1;
    background-color: rgb(59 98 124 / var(--tw-bg-opacity, 1))
}

main.homepage .bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))
}

main.homepage .bg-navy {
    --tw-bg-opacity: 1;
    background-color: rgb(47 79 109 / var(--tw-bg-opacity, 1))
}

main.homepage .bg-navy-dark {
    --tw-bg-opacity: 1;
    background-color: rgb(47 92 122 / var(--tw-bg-opacity, 1))
}

main.homepage .bg-navy-dark\/60 {
    background-color: #2f5c7a99
}

main.homepage .bg-slate-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(221 228 235 / var(--tw-bg-opacity, 1))
}

main.homepage .bg-slate-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(197 209 220 / var(--tw-bg-opacity, 1))
}

main.homepage .bg-slate-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(115 144 163 / var(--tw-bg-opacity, 1))
}

main.homepage .bg-slate-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(232 237 241 / var(--tw-bg-opacity, 1))
}

main.homepage .bg-slate-50\/50 {
    background-color: #e8edf180
}

main.homepage .bg-slate-50\/60 {
    background-color: #e8edf199
}

main.homepage .bg-slate-50\/80 {
    background-color: #e8edf1cc
}

main.homepage .bg-slate-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(63 76 86 / var(--tw-bg-opacity, 1))
}

main.homepage .bg-stormfield-highlight {
    --tw-bg-opacity: 1;
    background-color: rgb(121 152 144 / var(--tw-bg-opacity, 1))
}

main.homepage .bg-stormfield-highlight\/20 {
    background-color: #79989033
}

main.homepage .bg-teal {
    --tw-bg-opacity: 1;
    background-color: rgb(95 158 142 / var(--tw-bg-opacity, 1))
}

main.homepage .bg-teal\/50 {
    background-color: #5f9e8e80
}

main.homepage .bg-teal\/70 {
    background-color: #5f9e8eb3
}

main.homepage .bg-teal\/80 {
    background-color: #5f9e8ecc
}

main.homepage .bg-transparent {
    background-color: transparent
}

main.homepage .bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

main.homepage .bg-white\/20 {
    background-color: #fff3
}

main.homepage .bg-white\/5 {
    background-color: #ffffff0d
}

main.homepage .bg-white\/60 {
    background-color: #fff9
}

main.homepage .bg-white\/80 {
    background-color: #fffc
}

main.homepage .bg-white\/90 {
    background-color: #ffffffe6
}

main.homepage .bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

main.homepage .bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}

main.homepage .bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

main.homepage .bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops))
}

main.homepage .from-\[\#1c2732ff\] {
    --tw-gradient-from: #1c2732ff var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(28 39 50 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

main.homepage .from-black\/5 {
    --tw-gradient-from: rgb(0 0 0 / .05) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

main.homepage .from-navy-dark\/5 {
    --tw-gradient-from: rgb(47 92 122 / .05) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(47 92 122 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

main.homepage .from-navy-dark\/50 {
    --tw-gradient-from: rgb(47 92 122 / .5) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(47 92 122 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

main.homepage .from-navy-dark\/55 {
    --tw-gradient-from: rgb(47 92 122 / .55) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(47 92 122 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

main.homepage .from-navy-dark\/70 {
    --tw-gradient-from: rgb(47 92 122 / .7) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(47 92 122 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

main.homepage .from-navy-dark\/90 {
    --tw-gradient-from: rgb(47 92 122 / .9) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(47 92 122 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

main.homepage .from-navy\/10 {
    --tw-gradient-from: rgb(47 79 109 / .1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(47 79 109 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

main.homepage .from-slate-300 {
    --tw-gradient-from: #9fb5c4 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(159 181 196 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

main.homepage .from-slate-50 {
    --tw-gradient-from: #E8EDF1 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(232 237 241 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

main.homepage .from-slate-900\/70 {
    --tw-gradient-from: rgb(55 66 74 / .7) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(55 66 74 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

main.homepage .from-stormfield-section {
    --tw-gradient-from: #E8EDF1 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(232 237 241 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

main.homepage .from-teal {
    --tw-gradient-from: #5F9E8E var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(95 158 142 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

main.homepage .from-transparent {
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

main.homepage .via-\[\#1A242E\]\/80 {
    --tw-gradient-to: rgb(26 36 46 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(26 36 46 / .8) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

main.homepage .via-navy-dark\/10 {
    --tw-gradient-to: rgb(47 92 122 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(47 92 122 / .1) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

main.homepage .via-navy-dark\/20 {
    --tw-gradient-to: rgb(47 92 122 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(47 92 122 / .2) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

main.homepage .via-navy-dark\/80 {
    --tw-gradient-to: rgb(47 92 122 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(47 92 122 / .8) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

main.homepage .via-slate-200 {
    --tw-gradient-to: rgb(197 209 220 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #c5d1dc var(--tw-gradient-via-position), var(--tw-gradient-to)
}

main.homepage .via-stormfield-section\/40 {
    --tw-gradient-to: rgb(232 237 241 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(232 237 241 / .4) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

main.homepage .via-stormfield-section\/50 {
    --tw-gradient-to: rgb(232 237 241 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(232 237 241 / .5) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

main.homepage .via-teal\/70 {
    --tw-gradient-to: rgb(95 158 142 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(95 158 142 / .7) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

main.homepage .via-teal\/80 {
    --tw-gradient-to: rgb(95 158 142 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(95 158 142 / .8) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

main.homepage .via-transparent {
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)
}

main.homepage .via-white {
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)
}

main.homepage .to-navy-dark\/10 {
    --tw-gradient-to: rgb(47 92 122 / .1) var(--tw-gradient-to-position)
}

main.homepage .to-navy-dark\/25 {
    --tw-gradient-to: rgb(47 92 122 / .25) var(--tw-gradient-to-position)
}

main.homepage .to-navy-dark\/30 {
    --tw-gradient-to: rgb(47 92 122 / .3) var(--tw-gradient-to-position)
}

main.homepage .to-navy-dark\/45 {
    --tw-gradient-to: rgb(47 92 122 / .45) var(--tw-gradient-to-position)
}

main.homepage .to-teal\/40 {
    --tw-gradient-to: rgb(95 158 142 / .4) var(--tw-gradient-to-position)
}

main.homepage .to-teal\/5 {
    --tw-gradient-to: rgb(95 158 142 / .05) var(--tw-gradient-to-position)
}

main.homepage .to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

main.homepage .to-white {
    --tw-gradient-to: #fff var(--tw-gradient-to-position)
}

main.homepage .bg-cover {
    background-size: cover
}

main.homepage .bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
}

main.homepage .bg-center {
    background-position: center
}

main.homepage .object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

main.homepage .object-\[50\%_25\%\] {
    -o-object-position: 50% 25%;
    object-position: 50% 25%
}

main.homepage .object-center {
    -o-object-position: center;
    object-position: center
}

main.homepage .object-left {
    -o-object-position: left;
    object-position: left
}

main.homepage .object-top {
    -o-object-position: top;
    object-position: top
}

main.homepage .p-2 {
    padding: .5rem
}

main.homepage .p-4 {
    padding: 1rem
}

main.homepage .p-5 {
    padding: 1.25rem
}

main.homepage .p-6 {
    padding: 1.5rem
}

main.homepage .p-7 {
    padding: 1.75rem
}

main.homepage .px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

main.homepage .px-12 {
    padding-left: 3rem;
    padding-right: 3rem
}

main.homepage .px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

main.homepage .px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

main.homepage .px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

main.homepage .px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

main.homepage .px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem
}

main.homepage .px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

main.homepage .py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

main.homepage .py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

main.homepage .py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

main.homepage .py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

main.homepage .py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem
}

main.homepage .py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

main.homepage .py-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem
}

main.homepage .py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem
}

main.homepage .py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

main.homepage .py-3\.5 {
    padding-top: .875rem;
    padding-bottom: .875rem
}

main.homepage .py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

main.homepage .py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

main.homepage .py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

main.homepage .py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

main.homepage .py-\[120px\] {
    padding-top: 120px;
    padding-bottom: 120px
}

main.homepage .py-\[80px\] {
    padding-top: 80px;
    padding-bottom: 80px
}

main.homepage .pb-1 {
    padding-bottom: .25rem
}

main.homepage .pb-12 {
    padding-bottom: 3rem
}

main.homepage .pb-2 {
    padding-bottom: .5rem
}

main.homepage .pb-3 {
    padding-bottom: .75rem
}

main.homepage .pb-5 {
    padding-bottom: 1.25rem
}

main.homepage .pb-6 {
    padding-bottom: 1.5rem
}

main.homepage .pl-16 {
    padding-left: 4rem
}

main.homepage .pl-4 {
    padding-left: 1rem
}

main.homepage .pl-6 {
    padding-left: 1.5rem
}

main.homepage .pr-4 {
    padding-right: 1rem
}

main.homepage .pr-8 {
    padding-right: 2rem
}

main.homepage .pt-0 {
    padding-top: 0
}

main.homepage .pt-0\.5 {
    padding-top: .125rem
}

main.homepage .pt-10 {
    padding-top: 2.5rem
}

main.homepage .pt-20 {
    padding-top: 5rem
}

main.homepage .pt-3 {
    padding-top: .75rem
}

main.homepage .pt-4 {
    padding-top: 1rem
}

main.homepage .pt-5 {
    padding-top: 1.25rem
}

main.homepage .pt-6 {
    padding-top: 1.5rem
}

main.homepage .pt-8 {
    padding-top: 2rem
}

main.homepage .text-left {
    text-align: left
}

main.homepage .text-center {
    text-align: center
}

main.homepage .text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

main.homepage .text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

main.homepage .text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

main.homepage .text-\[1\.5rem\] {
    font-size: 1.5rem
}

main.homepage .text-\[10px\] {
    font-size: 10px
}

main.homepage .text-\[11px\] {
    font-size: 11px
}

main.homepage .text-\[13px\] {
    font-size: 13px
}

main.homepage .text-\[1rem\] {
    font-size: 1rem
}

main.homepage .text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

main.homepage .text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

main.homepage .text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

main.homepage .text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

main.homepage .text-xs {
    font-size: .75rem;
    line-height: 1rem
}

main.homepage .font-bold {
    font-weight: 700
}

main.homepage .font-extrabold {
    font-weight: 800
}

main.homepage .font-medium {
    font-weight: 500
}

main.homepage .font-normal {
    font-weight: 400
}

main.homepage .font-semibold {
    font-weight: 600
}

main.homepage .uppercase {
    text-transform: uppercase
}

main.homepage .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}

main.homepage .leading-relaxed {
    line-height: 1.625
}

main.homepage .leading-snug {
    line-height: 1.375
}

main.homepage .leading-tight {
    line-height: 1.25
}

main.homepage .tracking-\[0\.2em\] {
    letter-spacing: .2em
}

main.homepage .tracking-tight {
    letter-spacing: -.025em
}

main.homepage .tracking-wide {
    letter-spacing: .025em
}

main.homepage .tracking-wider {
    letter-spacing: .05em
}

main.homepage .tracking-widest {
    letter-spacing: .1em
}

main.homepage .text-amber-500 {
    --tw-text-opacity: 1;
    color: rgb(245 158 11 / var(--tw-text-opacity, 1))
}

main.homepage .text-emerald-400 {
    --tw-text-opacity: 1;
    color: rgb(52 211 153 / var(--tw-text-opacity, 1))
}

main.homepage .text-navy {
    --tw-text-opacity: 1;
    color: rgb(47 79 109 / var(--tw-text-opacity, 1))
}

main.homepage .text-navy-dark {
    --tw-text-opacity: 1;
    color: rgb(47 92 122 / var(--tw-text-opacity, 1))
}

main.homepage .text-navy-dark\/80 {
    color: #2f5c7acc
}

main.homepage .text-navy-dark\/90 {
    color: #2f5c7ae6
}

main.homepage .text-slate {
    --tw-text-opacity: 1;
    color: rgb(92 111 125 / var(--tw-text-opacity, 1))
}

main.homepage .text-slate-300 {
    --tw-text-opacity: 1;
    color: rgb(159 181 196 / var(--tw-text-opacity, 1))
}

main.homepage .text-slate-400 {
    --tw-text-opacity: 1;
    color: rgb(115 144 163 / var(--tw-text-opacity, 1))
}

main.homepage .text-slate-500 {
    --tw-text-opacity: 1;
    color: rgb(86 115 134 / var(--tw-text-opacity, 1))
}

main.homepage .text-slate-600 {
    --tw-text-opacity: 1;
    color: rgb(92 111 125 / var(--tw-text-opacity, 1))
}

main.homepage .text-slate-700 {
    --tw-text-opacity: 1;
    color: rgb(74 90 102 / var(--tw-text-opacity, 1))
}

main.homepage .text-slate-800 {
    --tw-text-opacity: 1;
    color: rgb(63 76 86 / var(--tw-text-opacity, 1))
}

main.homepage .text-slate-900 {
    --tw-text-opacity: 1;
    color: rgb(55 66 74 / var(--tw-text-opacity, 1))
}

main.homepage .text-slate-dark {
    --tw-text-opacity: 1;
    color: rgb(51 65 85 / var(--tw-text-opacity, 1))
}

main.homepage .text-stormfield-body {
    --tw-text-opacity: 1;
    color: rgb(92 111 125 / var(--tw-text-opacity, 1))
}

main.homepage .text-stormfield-body\/90 {
    color: #5c6f7de6
}

main.homepage .track-record-card-title {
    min-height: 1rem;
}

main.homepage .track-record-card-body {
    --tw-text-opacity: 1;
    color: rgb(92 111 125 / var(--tw-text-opacity, 1));
    min-height: 4rem;
}

@media (min-width: 640px) {
    main.homepage .track-record-card-body {
        min-height: 7rem;
    }
    main.homepage .track-record-card-title {
        min-height: 4rem;
    }
}

@media (min-width: 1024px) {
    main.homepage .track-record-card-body {
        min-height: 4rem;
    }
    main.homepage .track-record-card-title {
        min-height: 1rem;
    }
}


main.homepage .track-record-card-emphasis {
    --tw-text-opacity: 1;
    color: rgb(95 158 142 / var(--tw-text-opacity, 1));
    font-weight: 600;
}

main.homepage .text-stormfield-highlight {
    --tw-text-opacity: 1;
    color: rgb(121 152 144 / var(--tw-text-opacity, 1))
}

main.homepage .text-stormfield-icon {
    --tw-text-opacity: 1;
    color: rgb(84 148 201 / var(--tw-text-opacity, 1))
}

main.homepage .text-stormfield-muted {
    --tw-text-opacity: 1;
    color: rgb(139 139 139 / var(--tw-text-opacity, 1))
}

main.homepage .text-teal {
    --tw-text-opacity: 1;
    color: rgb(95 158 142 / var(--tw-text-opacity, 1))
}

main.homepage .text-teal-light {
    --tw-text-opacity: 1;
    color: rgb(122 181 165 / var(--tw-text-opacity, 1))
}

main.homepage .text-transparent {
    color: transparent
}

main.homepage .text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

main.homepage .text-white\/50 {
    color: #ffffff80
}

main.homepage .text-white\/60 {
    color: #fff9
}

main.homepage .text-white\/70 {
    color: #ffffffb3
}

main.homepage .text-white\/80 {
    color: #fffc
}

main.homepage .text-white\/85 {
    color: #ffffffd9
}

main.homepage .text-white\/90 {
    color: #ffffffe6
}

main.homepage .text-white\/95 {
    color: #fffffff2
}

main.homepage .underline {
    text-decoration-line: underline
}

main.homepage .decoration-teal\/60 {
    text-decoration-color: #5f9e8e99
}

main.homepage .underline-offset-2 {
    text-underline-offset: 2px
}

main.homepage .placeholder-slate-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(115 144 163 / var(--tw-placeholder-opacity, 1))
}

main.homepage .placeholder-slate-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(115 144 163 / var(--tw-placeholder-opacity, 1))
}

main.homepage .opacity-0 {
    opacity: 0
}

main.homepage .opacity-10 {
    opacity: .1
}

main.homepage .opacity-100 {
    opacity: 1
}

main.homepage .opacity-20 {
    opacity: .2
}

main.homepage .opacity-40 {
    opacity: .4
}

main.homepage .opacity-70 {
    opacity: .7
}

main.homepage .opacity-80 {
    opacity: .8
}

main.homepage .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgb(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)
}

main.homepage .shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(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)
}

main.homepage .shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

main.homepage .shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(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)
}

main.homepage .shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(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)
}

main.homepage .shadow-black\/40 {
    --tw-shadow-color: rgb(0 0 0 / .4);
    --tw-shadow: var(--tw-shadow-colored)
}

main.homepage .shadow-teal-dark\/50 {
    --tw-shadow-color: rgb(77 138 122 / .5);
    --tw-shadow: var(--tw-shadow-colored)
}

main.homepage .ring-1 {
    --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(1px + 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)
}

main.homepage .ring-2 {
    --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(2px + 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)
}

main.homepage .ring-slate-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(221 228 235 / var(--tw-ring-opacity, 1))
}

main.homepage .ring-slate-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(197 209 220 / var(--tw-ring-opacity, 1))
}

main.homepage .ring-slate-200\/60 {
    --tw-ring-color: rgb(197 209 220 / .6)
}

main.homepage .ring-teal\/20 {
    --tw-ring-color: rgb(95 158 142 / .2)
}

main.homepage .ring-white {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1))
}

main.homepage .ring-white\/30 {
    --tw-ring-color: rgb(255 255 255 / .3)
}

main.homepage .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)
}

main.homepage .backdrop-blur-md {
    --tw-backdrop-blur: blur(12px);
    -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)
}

main.homepage .transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

main.homepage .transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

main.homepage .transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

main.homepage .transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

main.homepage .transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

main.homepage .duration-1000 {
    transition-duration: 1s
}

main.homepage .duration-200 {
    transition-duration: .2s
}

main.homepage .duration-300 {
    transition-duration: .3s
}

main.homepage .duration-500 {
    transition-duration: .5s
}

main.homepage .duration-700 {
    transition-duration: .7s
}

main.homepage .ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

main.homepage .\[box-shadow\:0_2px_12px_rgba\(0\,0\,0\,0\.2\)\] {
    box-shadow: 0 2px 12px #0003
}

main.homepage .\[box-shadow\:0_2px_12px_rgba\(0\,0\,0\,0\.25\)\] {
    box-shadow: 0 2px 12px #00000040
}

main.homepage .\[text-shadow\:0_1px_6px_rgba\(0\,0\,0\,0\.4\)\] {
    text-shadow: 0 1px 6px rgba(0, 0, 0, .4)
}

main.homepage .\[text-shadow\:0_2px_12px_rgba\(0\,0\,0\,0\.5\)\] {
    text-shadow: 0 2px 12px rgba(0, 0, 0, .5)
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate(30px)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes float {

    0%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-10px)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

main.homepage .last\:border-0:last-child {
    border-width: 0px
}

main.homepage .focus-within\:ring-2: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(2px + 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)
}

main.homepage .focus-within\:ring-navy:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(47 79 109 / var(--tw-ring-opacity, 1))
}

main.homepage .focus-within\:ring-offset-2:focus-within {
    --tw-ring-offset-width: 2px
}

main.homepage .hover\:-translate-y-0\.5:hover {
    --tw-translate-y: -.125rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

main.homepage .hover\:-translate-y-1:hover {
    --tw-translate-y: -.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

main.homepage .hover\:-translate-y-1\.5:hover {
    --tw-translate-y: -.375rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

main.homepage .hover\:-translate-y-6:hover {
    --tw-translate-y: -1.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

main.homepage .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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

main.homepage .hover\:scale-\[1\.02\]:hover {
    --tw-scale-x: 1.02;
    --tw-scale-y: 1.02;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

main.homepage .hover\:border-emerald-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(110 231 183 / var(--tw-border-opacity, 1))
}

main.homepage .hover\:border-navy:hover {
    --tw-border-opacity: 1;
    border-color: rgb(47 79 109 / var(--tw-border-opacity, 1))
}

main.homepage .hover\:border-navy\/30:hover {
    border-color: #2f4f6d4d
}

main.homepage .hover\:border-slate-200:hover {
    --tw-border-opacity: 1;
    border-color: rgb(197 209 220 / var(--tw-border-opacity, 1))
}

main.homepage .hover\:border-slate-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(159 181 196 / var(--tw-border-opacity, 1))
}

main.homepage .hover\:border-slate-400:hover {
    --tw-border-opacity: 1;
    border-color: rgb(115 144 163 / var(--tw-border-opacity, 1))
}

main.homepage .hover\:border-slate-500:hover {
    --tw-border-opacity: 1;
    border-color: rgb(86 115 134 / var(--tw-border-opacity, 1))
}

main.homepage .hover\:border-teal\/30:hover {
    border-color: #5f9e8e4d
}

main.homepage .hover\:border-white:hover {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1))
}

main.homepage .hover\:border-white\/30:hover {
    border-color: #ffffff4d
}

main.homepage .hover\:bg-slate-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(232 237 241 / var(--tw-bg-opacity, 1))
}

main.homepage .hover\:bg-teal-dark:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(77 138 122 / var(--tw-bg-opacity, 1))
}

main.homepage .hover\:bg-white\/10:hover {
    background-color: #ffffff1a
}

main.homepage .hover\:text-navy:hover {
    --tw-text-opacity: 1;
    color: rgb(47 79 109 / var(--tw-text-opacity, 1))
}

main.homepage .hover\:text-navy-dark:hover {
    --tw-text-opacity: 1;
    color: rgb(47 92 122 / var(--tw-text-opacity, 1))
}

main.homepage .hover\:text-slate-900:hover {
    --tw-text-opacity: 1;
    color: rgb(55 66 74 / var(--tw-text-opacity, 1))
}

main.homepage .hover\:text-teal:hover {
    --tw-text-opacity: 1;
    color: rgb(95 158 142 / var(--tw-text-opacity, 1))
}

main.homepage .hover\:text-teal-dark:hover {
    --tw-text-opacity: 1;
    color: rgb(77 138 122 / var(--tw-text-opacity, 1))
}

main.homepage .hover\:text-teal-light:hover {
    --tw-text-opacity: 1;
    color: rgb(122 181 165 / var(--tw-text-opacity, 1))
}

main.homepage .hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

main.homepage .hover\:decoration-teal:hover {
    text-decoration-color: #5f9e8e
}

main.homepage .hover\:shadow:hover {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

main.homepage .hover\:shadow-\[0_20px_40px_rgba\(15\,23\,42\,0\.12\)\]:hover {
    --tw-shadow: 0 20px 40px rgba(15, 23, 42, .12);
    --tw-shadow-colored: 0 20px 40px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

main.homepage .hover\:shadow-\[0_20px_60px_-15px_rgba\(0\,0\,0\,0\.3\)\]:hover {
    --tw-shadow: 0 20px 60px -15px rgba(0, 0, 0, .3);
    --tw-shadow-colored: 0 20px 60px -15px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

main.homepage .hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(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)
}

main.homepage .hover\:shadow-md:hover {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

main.homepage .hover\:shadow-xl:hover {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(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)
}

main.homepage .hover\:shadow-navy\/5:hover {
    --tw-shadow-color: rgb(47 79 109 / .05);
    --tw-shadow: var(--tw-shadow-colored)
}

main.homepage .hover\:shadow-teal\/50:hover {
    --tw-shadow-color: rgb(95 158 142 / .5);
    --tw-shadow: var(--tw-shadow-colored)
}

main.homepage .focus\:border-teal:focus {
    --tw-border-opacity: 1;
    border-color: rgb(95 158 142 / var(--tw-border-opacity, 1))
}

main.homepage .focus\:underline:focus {
    text-decoration-line: underline
}

main.homepage .focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

main.homepage .focus\:ring-1: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(1px + 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)
}

main.homepage .focus\:ring-2: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(2px + 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)
}

main.homepage .focus\:ring-navy:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(47 79 109 / var(--tw-ring-opacity, 1))
}

main.homepage .focus\:ring-teal:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(95 158 142 / var(--tw-ring-opacity, 1))
}

main.homepage .focus\:ring-teal\/20:focus {
    --tw-ring-color: rgb(95 158 142 / .2)
}

main.homepage .focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px
}

main.homepage .focus-visible\:rounded:focus-visible {
    border-radius: .25rem
}

main.homepage .focus-visible\:underline:focus-visible {
    text-decoration-line: underline
}

main.homepage .focus-visible\:ring-2:focus-visible {
    --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(2px + 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)
}

main.homepage .focus-visible\:ring-navy:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(47 79 109 / var(--tw-ring-opacity, 1))
}

main.homepage .focus-visible\:ring-teal:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(95 158 142 / var(--tw-ring-opacity, 1))
}

main.homepage .focus-visible\:ring-white:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1))
}

main.homepage .focus-visible\:ring-offset-1:focus-visible {
    --tw-ring-offset-width: 1px
}

main.homepage .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px
}

main.homepage .focus-visible\:ring-offset-navy-dark:focus-visible {
    --tw-ring-offset-color: #2F5C7A
}

main.homepage .focus-visible\:ring-offset-slate-800:focus-visible {
    --tw-ring-offset-color: #3f4c56
}

main.homepage .focus-visible\:ring-offset-white:focus-visible {
    --tw-ring-offset-color: #fff
}

main.homepage .group:hover .group-hover\:translate-x-0\.5 {
    --tw-translate-x: .125rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

main.homepage .group:hover .group-hover\:translate-x-\[3px\] {
    --tw-translate-x: 3px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

main.homepage .group:hover .group-hover\:scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

main.homepage .group:hover .group-hover\:scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

main.homepage .group:hover .group-hover\:scale-\[1\.02\] {
    --tw-scale-x: 1.02;
    --tw-scale-y: 1.02;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

main.homepage .group:hover .group-hover\:scale-\[1\.03\] {
    --tw-scale-x: 1.03;
    --tw-scale-y: 1.03;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

main.homepage .group:hover .group-hover\:scale-y-100 {
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

main.homepage .group:hover .group-hover\:overflow-visible {
    overflow: visible
}

main.homepage .group:hover .group-hover\:bg-navy-dark {
    --tw-bg-opacity: 1;
    background-color: rgb(47 92 122 / var(--tw-bg-opacity, 1))
}

main.homepage .group:hover .group-hover\:bg-stormfield-highlight\/30 {
    background-color: #7998904d
}

main.homepage .group:hover .group-hover\:text-navy {
    --tw-text-opacity: 1;
    color: rgb(47 79 109 / var(--tw-text-opacity, 1))
}

main.homepage .group:hover .group-hover\:text-navy-dark {
    --tw-text-opacity: 1;
    color: rgb(47 92 122 / var(--tw-text-opacity, 1))
}

main.homepage .group:hover .group-hover\:text-teal {
    --tw-text-opacity: 1;
    color: rgb(95 158 142 / var(--tw-text-opacity, 1))
}

main.homepage .group:hover .group-hover\:text-teal-dark {
    --tw-text-opacity: 1;
    color: rgb(77 138 122 / var(--tw-text-opacity, 1))
}

main.homepage .group:hover .group-hover\:opacity-100 {
    opacity: 1
}

main.homepage .group:hover .group-hover\:shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(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)
}

main.homepage .group:hover .group-hover\:ring-2 {
    --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(2px + 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)
}

main.homepage .group:hover .group-hover\:ring-teal\/30 {
    --tw-ring-color: rgb(95 158 142 / .3)
}

@media (min-width: 640px) {
    main.homepage .sm\:bottom-16 {
        bottom: 4rem
    }

    main.homepage .sm\:left-12 {
        left: 3rem
    }

    main.homepage .sm\:top-16 {
        top: 4rem
    }

    main.homepage .sm\:order-1 {
        order: 1
    }

    main.homepage .sm\:order-2 {
        order: 2
    }

    main.homepage .sm\:mt-10 {
        margin-top: 2.5rem
    }

    main.homepage .sm\:mt-16 {
        margin-top: 4rem
    }

    main.homepage .sm\:flex {
        display: flex
    }

    main.homepage .sm\:hidden {
        display: none
    }

    main.homepage .sm\:h-56 {
        height: 14rem
    }

    main.homepage .sm\:h-\[45vh\] {
        height: 45vh
    }

    main.homepage .sm\:h-\[55vh\] {
        height: 55vh
    }

    main.homepage .sm\:min-h-\[320px\] {
        min-height: 320px
    }

    main.homepage .sm\:min-h-\[360px\] {
        min-height: 360px
    }

    main.homepage .sm\:w-56 {
        width: 14rem
    }

    main.homepage .sm\:w-\[360px\] {
        width: 360px
    }

    main.homepage .sm\:w-auto {
        width: auto
    }

    main.homepage .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    main.homepage .sm\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    main.homepage .sm\:flex-row {
        flex-direction: row
    }

    main.homepage .sm\:flex-wrap {
        flex-wrap: wrap
    }

    main.homepage .sm\:items-center {
        align-items: center
    }

    main.homepage .sm\:gap-10 {
        gap: 2.5rem
    }

    main.homepage .sm\:gap-3 {
        gap: .75rem
    }

    main.homepage .sm\:gap-4 {
        gap: 1rem
    }

    main.homepage .sm\:gap-6 {
        gap: 1.5rem
    }

    main.homepage .sm\:gap-8 {
        gap: 2rem
    }

    main.homepage .sm\:p-6 {
        padding: 1.5rem
    }

    main.homepage .sm\:p-7 {
        padding: 1.75rem
    }

    main.homepage .sm\:p-8 {
        padding: 2rem
    }

    main.homepage .sm\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    main.homepage .sm\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    main.homepage .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    main.homepage .sm\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    main.homepage .sm\:py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    main.homepage .sm\:py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    main.homepage .sm\:py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    main.homepage .sm\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    main.homepage .sm\:py-28 {
        padding-top: 7rem;
        padding-bottom: 7rem
    }

    main.homepage .sm\:py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    main.homepage .sm\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    main.homepage .sm\:pb-16 {
        padding-bottom: 4rem
    }

    main.homepage .sm\:pb-8 {
        padding-bottom: 2rem
    }

    main.homepage .sm\:pl-20 {
        padding-left: 5rem
    }

    main.homepage .sm\:pl-8 {
        padding-left: 2rem
    }

    main.homepage .sm\:pr-6 {
        padding-right: 1.5rem
    }

    main.homepage .sm\:pt-12 {
        padding-top: 3rem
    }

    main.homepage .sm\:pt-8 {
        padding-top: 2rem
    }

    main.homepage .sm\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    main.homepage .sm\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    main.homepage .sm\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    main.homepage .sm\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    main.homepage .sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    main.homepage .sm\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    main.homepage .sm\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    main.homepage .sm\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    main.homepage .sm\:text-xs {
        font-size: .75rem;
        line-height: 1rem
    }
}

@media (min-width: 768px) {
    main.homepage .md\:order-1 {
        order: 1
    }

    main.homepage .md\:order-2 {
        order: 2
    }

    main.homepage .md\:block {
        display: block
    }

    main.homepage .md\:min-h-\[240px\] {
        min-height: 240px
    }

    main.homepage .md\:w-\[45\%\] {
        width: 45%
    }
     main.homepage .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    main.homepage .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    main.homepage .md\:flex-row {
        flex-direction: row
    }
}

@media (min-width: 1024px) {
    main.homepage .lg\:bottom-20 {
        bottom: 5rem
    }

    main.homepage .lg\:left-16 {
        left: 4rem
    }

    main.homepage .lg\:right-12 {
        right: 3rem
    }

    main.homepage .lg\:top-20 {
        top: 5rem
    }

    main.homepage .lg\:order-1 {
        order: 1
    }

    main.homepage .lg\:order-2 {
        order: 2
    }

    main.homepage .lg\:mb-16 {
        margin-bottom: 4rem
    }

    main.homepage .lg\:mb-6 {
        margin-bottom: 1.5rem
    }

    main.homepage .lg\:mt-0 {
        margin-top: 0
    }

    main.homepage .lg\:mt-16 {
        margin-top: 4rem
    }

    main.homepage .lg\:block {
        display: block
    }

    main.homepage .lg\:flex {
        display: flex
    }

    main.homepage .lg\:hidden {
        display: none
    }

    main.homepage .lg\:h-\[440px\] {
        height: 440px
    }

    main.homepage .lg\:h-\[600px\] {
        height: 600px
    }

    main.homepage .lg\:h-auto {
        height: auto
    }

    main.homepage .lg\:max-h-\[440px\] {
        max-height: 440px
    }

    main.homepage .lg\:min-h-\[60vh\] {
        min-height: 60vh
    }

    main.homepage .lg\:min-h-\[70vh\] {
        min-height: 70vh
    }

    main.homepage .lg\:w-80 {
        width: 20rem
    }

    main.homepage .lg\:w-\[55\%\] {
        width: 55%
    }

    main.homepage .lg\:w-\[60\%\] {
        width: 60%
    }

    main.homepage .lg\:min-w-0 {
        min-width: 0px
    }

    main.homepage .lg\:min-w-\[55\%\] {
        min-width: 55%
    }

    main.homepage .lg\:max-w-xl {
        max-width: 36rem
    }

    main.homepage .lg\:flex-\[2\] {
        flex: 2
    }

    main.homepage .lg\:flex-\[3\] {
        flex: 3
    }

    main.homepage .lg\:flex-shrink-0 {
        flex-shrink: 0
    }

    main.homepage .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    main.homepage .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    main.homepage .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    main.homepage .lg\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    main.homepage .lg\:grid-cols-\[1\.5fr_1fr\] {
        grid-template-columns: 1.5fr 1fr
    }

    main.homepage .lg\:grid-cols-\[1fr\,460px\] {
        grid-template-columns: 1fr 460px
    }

    main.homepage .lg\:flex-row {
        flex-direction: row
    }

    main.homepage .lg\:flex-nowrap {
        flex-wrap: nowrap
    }

    main.homepage .lg\:items-start {
        align-items: flex-start
    }

    main.homepage .lg\:items-center {
        align-items: center
    }

    main.homepage .lg\:items-stretch {
        align-items: stretch
    }

    main.homepage .lg\:justify-end {
        justify-content: flex-end
    }

    main.homepage .lg\:justify-between {
        justify-content: space-between
    }

    main.homepage .lg\:justify-items-start {
        justify-items: start
    }

    main.homepage .lg\:gap-12 {
        gap: 3rem
    }

    main.homepage .lg\:gap-14 {
        gap: 3.5rem
    }

    main.homepage .lg\:gap-16 {
        gap: 4rem
    }

    main.homepage .lg\:gap-20 {
        gap: 5rem
    }

    main.homepage .lg\:gap-6 {
        gap: 1.5rem
    }

    main.homepage .lg\:gap-8 {
        gap: 2rem
    }

    main.homepage .lg\:self-stretch {
        align-self: stretch
    }

    main.homepage .lg\:rounded-r-xl {
        border-top-right-radius: .75rem;
        border-bottom-right-radius: .75rem
    }

    main.homepage .lg\:bg-slate-50 {
        --tw-bg-opacity: 1;
        background-color: rgb(232 237 241 / var(--tw-bg-opacity, 1))
    }

    main.homepage .lg\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    main.homepage .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    main.homepage .lg\:px-\[60px\] {
        padding-left: 60px;
        padding-right: 60px
    }

    main.homepage .lg\:py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    main.homepage .lg\:py-2 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    main.homepage .lg\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    main.homepage .lg\:py-24 {
        padding-top: 6rem;
        padding-bottom: 6rem
    }

    main.homepage .lg\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    main.homepage .lg\:py-\[140px\] {
        padding-top: 140px;
        padding-bottom: 140px
    }

    main.homepage .lg\:py-\[95px\] {
        padding-top: 95px;
        padding-bottom: 95px
    }

    main.homepage .lg\:pl-24 {
        padding-left: 6rem
    }

    main.homepage .lg\:pl-8 {
        padding-left: 2rem
    }

    main.homepage .lg\:pr-8 {
        padding-right: 2rem
    }

    main.homepage .lg\:pt-10 {
        padding-top: 2.5rem
    }

    main.homepage .lg\:pt-8 {
        padding-top: 2rem
    }

    main.homepage .lg\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    main.homepage .lg\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    main.homepage .lg\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }

    main.homepage .lg\:text-\[2\.5rem\] {
        font-size: 2.5rem
    }

    main.homepage .lg\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

@media (min-width: 1280px) {
    main.homepage .xl\:w-96 {
        width: 24rem
    }

    main.homepage .xl\:px-\[72px\] {
        padding-left: 72px;
        padding-right: 72px
    }

    main.homepage .xl\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }
}

/* Unified section spacing system for home-v2 sections. */
main.homepage {
    --home-v2-section-space-top: 3rem;
    --home-v2-section-space-bottom: 3.5rem
}

/* Homepage navy secondary CTAs: shared darken-on-hover and slight arrow nudge. */
main.homepage .home-v2-secondary-cta,
main.homepage .home-v2-program-contact-card__cta {
    align-items: center
}

main.homepage .home-v2-secondary-cta__icon {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    transition: transform .2s ease
}

main.homepage .home-v2-secondary-cta:hover {
    background-color: rgb(47 92 122 / 1)
}

main.homepage .home-v2-secondary-cta:hover .home-v2-secondary-cta__icon {
    --tw-translate-x: .125rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

/* Homepage teal primary CTAs: preserve current hover colors and add arrow nudge. */
main.homepage .home-v2-primary-cta__icon {
    transition: transform .2s ease
}

main.homepage .home-v2-primary-cta:hover .home-v2-primary-cta__icon {
    --tw-translate-x: .125rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

main.homepage #institutional-leadership {
    min-height: auto !important
}

main.homepage #credibility-stats,
main.homepage #institutional-leadership,
main.homepage #why-choose,
main.homepage #choose-program,
main.homepage #featured-closings>div,
main.homepage #process>div,
main.homepage #faq>div,
main.homepage #blog-topics>div {
    padding-top: var(--home-v2-section-space-top);
    padding-bottom: var(--home-v2-section-space-bottom)
}

@media (min-width: 640px) {
    main.homepage {
        --home-v2-section-space-top: 3.5rem;
        --home-v2-section-space-bottom: 4rem
    }
}

@media (min-width: 1024px) {
    main.homepage {
        --home-v2-section-space-top: 4.5rem;
        --home-v2-section-space-bottom: 5rem
    }
}

/* Featured Closings: mobile-first filter layout with stacked selects. */
main.homepage .home-v2-featured-filters {
    display: flex;
    flex-direction: column;
    gap: .625rem;
    justify-content: center;
}

main.homepage .home-v2-featured-filters__primary {
    display: flex;
    align-items: center;
    gap: .5rem;
    overflow-x: auto;
    padding-bottom: .25rem
}

main.homepage .home-v2-featured-filters__selects {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .5rem;
    width: 100%;
    justify-content: center;
}

main.homepage .home-v2-featured-filters__select {
    width: 100%;
    min-width: 0;
    flex: 0 0 auto
}

@media (max-width: 640px) {
    main.homepage .home-v2-program-card__icon {
        display: none
    }

    main.homepage .home-v2-program-contact-card {
        flex-direction: column
    }

    main.homepage .home-v2-program-contact-card__media {
        width: 100%;
        min-width: 0;
        min-height: 180px;
        border-radius: 1rem 1rem 0 0
    }
}

@media (min-width: 640px) {
    main.homepage .home-v2-featured-filters {
        flex-direction: row;
        align-items: center;
        gap: .75rem;
        overflow-x: auto;
        padding-bottom: .25rem
    }

    main.homepage .home-v2-featured-filters__primary {
        overflow-x: visible;
        padding-bottom: 0;
        flex-shrink: 0
    }

    main.homepage .home-v2-featured-filters__selects {
        display: flex;
        gap: .75rem;
        flex-shrink: 0
    }

    main.homepage .home-v2-featured-filters__select {
        width: clamp(160px, 22vw, 220px) !important;
        min-width: 160px;
        max-width: 220px
    }
}

/* Process connectors: desktop arrows centered and equidistant between cards. */
main.homepage .home-v2-process-flow {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.5rem
}

main.homepage .home-v2-process-flow__arrow {
    display: none
}

@media (max-width: 639px) {
    main.homepage .home-v2-process-flow__arrow {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #94a3b8;
        transform: rotate(90deg)
    }
}

@media (min-width: 640px) {
    main.homepage .home-v2-process-flow {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width: 1024px) {
    main.homepage .home-v2-process-flow {
        grid-template-columns: minmax(0, 1fr) 3rem minmax(0, 1fr) 3rem minmax(0, 1fr) 3rem minmax(0, 1fr);
        gap: 1rem;
        align-items: stretch
    }

    main.homepage .home-v2-process-flow__arrow {
        display: flex;
        align-items: center;
        justify-content: center;
        align-self: stretch;
        height: 100%;
        color: #94a3b8
    }
}

/* FAQ without JS: native details/summary interactions. */
main.homepage .home-v2-faq-item__summary {
    list-style: none
}

main.homepage .home-v2-faq-item__summary::marker {
    content: ""
}

main.homepage .home-v2-faq-item__summary::-webkit-details-marker {
    display: none
}

main.homepage .home-v2-faq-item[open] .home-v2-faq-item__summary {
    background-color: rgb(232 237 241 / var(--tw-bg-opacity, 1))
}

main.homepage .home-v2-faq-item[open] .home-v2-faq-item__icon {
    transform: rotate(180deg)
}

main.homepage .home-v2-faq-item[open] .home-v2-faq-item__answer {
    animation: fadeIn .2s ease-out
}

/* Why Choose Stormfield: keep the teal rail wipe, otherwise stay subtle. */
main.homepage .home-v2-why-choose .home-v2-why-choose-card__rail {
    transform: scaleY(.55);
    transform-origin: center;
    transition: opacity .18s ease-out, transform .22s ease-out
}

main.homepage .home-v2-why-choose .home-v2-why-choose-card:hover .home-v2-why-choose-card__rail,
main.homepage .home-v2-why-choose .home-v2-why-choose-card:focus-within .home-v2-why-choose-card__rail {
    transform: scaleY(1)
}

@media (prefers-reduced-motion: reduce) {
    main.homepage .home-v2-why-choose .home-v2-why-choose-card__rail {
        transition: none !important;
    }
}