/* Generated by website/scripts/build-dark-css.mjs from landing.css. Do not edit: change the light stylesheet or theme.css and rebuild. */
:root[data-theme="dark"] *, :root[data-theme="dark"] :after, :root[data-theme="dark"] :before {
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(15,118,110,.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
}
:root[data-theme="dark"] ::backdrop {
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(15,118,110,.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
}
:root[data-theme="dark"] *, :root[data-theme="dark"] :after, :root[data-theme="dark"] :before {
    border: 0 solid #3c4242
}
:root[data-theme="dark"] hr {
    color: inherit;
    border-top-width: 1px
}
:root[data-theme="dark"] abbr:where([title]) {
    text-decoration: underline dotted
}
:root[data-theme="dark"] a {
    color: inherit;
    text-decoration: inherit
}
:root[data-theme="dark"] table {
    border-color: inherit
}
:root[data-theme="dark"] button, :root[data-theme="dark"] input, :root[data-theme="dark"] optgroup, :root[data-theme="dark"] select, :root[data-theme="dark"] textarea {
    color: inherit
}
:root[data-theme="dark"] button, :root[data-theme="dark"] input:where([type=button]), :root[data-theme="dark"] input:where([type=reset]), :root[data-theme="dark"] input:where([type=submit]) {
    background-color: transparent;
    background-image: none
}
:root[data-theme="dark"] :-moz-focusring {
    outline: auto
}
:root[data-theme="dark"] [type=search] {
    outline-offset: -2px
}
:root[data-theme="dark"] input::-moz-placeholder, :root[data-theme="dark"] textarea::-moz-placeholder {
    color: #a4aca7
}
:root[data-theme="dark"] input::placeholder, :root[data-theme="dark"] textarea::placeholder {
    color: #a4aca7
}
:root[data-theme="dark"] .sr-only {
    border-width: 0
}
:root[data-theme="dark"] .divide-y>:not([hidden])~:not([hidden]) {
    border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px*var(--tw-divide-y-reverse))
}
:root[data-theme="dark"] .divide-slate-100>:not([hidden])~:not([hidden]) {
    border-color: rgb(60 66 66 / var(--tw-divide-opacity,1))
}
:root[data-theme="dark"] .border {
    border-width: 1px
}
:root[data-theme="dark"] .border-\[7px\] {
    border-width: 7px
}
:root[data-theme="dark"] .border-b {
    border-bottom-width: 1px
}
:root[data-theme="dark"] .border-t {
    border-top-width: 1px
}
:root[data-theme="dark"] .border-brand-100 {
    border-color: rgb(52 47 35 / var(--tw-border-opacity,1))
}
:root[data-theme="dark"] .border-on-brand {
    --tw-border-opacity: var(--on-brand);
    border-color: var(--on-brand)
}
:root[data-theme="dark"] .border-slate-100 {
    border-color: rgb(60 66 66 / var(--tw-border-opacity,1))
}
:root[data-theme="dark"] .border-slate-200 {
    border-color: rgb(60 66 66 / var(--tw-border-opacity,1))
}
:root[data-theme="dark"] .border-slate-800, :root[data-theme="dark"] .border-slate-900 {
    border-color: rgb(246 246 242 / var(--tw-border-opacity,1))
}
:root[data-theme="dark"] .bg-brand {
    background-color: rgb(232 199 120 / var(--tw-bg-opacity,1))
}
:root[data-theme="dark"] .bg-brand-50 {
    background-color: rgb(52 47 35 / var(--tw-bg-opacity,1))
}
:root[data-theme="dark"] .bg-brand-50\/60 {
    background-color: rgba(52,47,35,0.6)
}
:root[data-theme="dark"] .bg-brand-600 {
    background-color: rgb(232 199 120 / var(--tw-bg-opacity,1))
}
:root[data-theme="dark"] .bg-emerald-50 {
    background-color: rgb(52 47 35 / var(--tw-bg-opacity,1))
}
:root[data-theme="dark"] .bg-emerald-600 {
    background-color: rgb(232 199 120 / var(--tw-bg-opacity,1))
}
:root[data-theme="dark"] .bg-neutral-25 {
    background-color: rgb(20 22 23 / var(--tw-bg-opacity,1))
}
:root[data-theme="dark"] .bg-slate-100, :root[data-theme="dark"] .bg-slate-50 {
    background-color: rgb(43 47 48 / var(--tw-bg-opacity,1))
}
:root[data-theme="dark"] .bg-slate-800, :root[data-theme="dark"] .bg-slate-900 {
    background-color: rgb(32 37 34/var(--tw-bg-opacity,1))
}
:root[data-theme="dark"] .bg-slate-900\/70 {
    background-color: rgba(32,37,34,.7)
}
:root[data-theme="dark"] .bg-white {
    background-color: rgb(32 35 36 / var(--tw-bg-opacity,1))
}
:root[data-theme="dark"] .bg-white\/90 {
    background-color: rgba(32,35,36,0.9)
}
:root[data-theme="dark"] .bg-gradient-to-br {
    background-image: linear-gradient(to bottom right,var(--tw-gradient-stops))
}
:root[data-theme="dark"] .from-brand-500 {
    --tw-gradient-from: #f1d18a var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(241,209,138,0) var(--tw-gradient-to-position)
}
:root[data-theme="dark"] .to-brand-700 {
    --tw-gradient-to: #0b5f59 var(--tw-gradient-to-position)
}
:root[data-theme="dark"] .text-brand-500 {
    color: rgb(241 209 138 / var(--tw-text-opacity,1))
}
:root[data-theme="dark"] .text-brand-600 {
    color: rgb(240 207 132 / var(--tw-text-opacity,1))
}
:root[data-theme="dark"] .text-brand-700 {
    color: rgb(240 207 132 / var(--tw-text-opacity,1))
}
:root[data-theme="dark"] .text-brand-900 {
    color: rgb(246 246 242 / var(--tw-text-opacity,1))
}
:root[data-theme="dark"] .text-emerald-600, :root[data-theme="dark"] .text-emerald-700 {
    color: rgb(240 207 132 / var(--tw-text-opacity,1))
}
:root[data-theme="dark"] .text-on-brand {
    --tw-text-opacity: var(--on-brand);
    color: var(--on-brand)
}
:root[data-theme="dark"] .text-slate-300 {
    color: rgb(229 233 229/var(--tw-text-opacity,1))
}
:root[data-theme="dark"] .text-slate-400 {
    color: rgb(164 172 167 / var(--tw-text-opacity,1))
}
:root[data-theme="dark"] .text-slate-500 {
    color: rgb(164 172 167 / var(--tw-text-opacity,1))
}
:root[data-theme="dark"] .text-slate-600, :root[data-theme="dark"] .text-slate-700 {
    color: rgb(191 198 194 / var(--tw-text-opacity,1))
}
:root[data-theme="dark"] .text-slate-800, :root[data-theme="dark"] .text-slate-900 {
    color: rgb(246 246 242 / var(--tw-text-opacity,1))
}
:root[data-theme="dark"] .text-white {
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}
:root[data-theme="dark"] .shadow-\[0_32px_64px_rgba\(32\2c 37\2c 34\2c \.28\)\] {
    --tw-shadow: 0 32px 64px rgba(32,37,34,.28)
}
:root[data-theme="dark"] .shadow-card {
    --tw-shadow: 0 1px 3px rgba(32,37,34,.04),0 6px 20px rgba(32,37,34,.07)
}
:root[data-theme="dark"] .shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05)
}
:root[data-theme="dark"] .shadow-soft {
    --tw-shadow: 0 1px 2px rgba(32,37,34,.04),0 8px 24px rgba(32,37,34,.08)
}
@media (hover:hover) and (pointer:fine) {
    :root[data-theme="dark"] .hover\:border-brand-600:hover {
        border-color: rgb(240 207 132 / var(--tw-border-opacity,1))
    }
    :root[data-theme="dark"] .hover\:bg-brand-50:hover {
        background-color: rgb(52 47 35 / var(--tw-bg-opacity,1))
    }
    :root[data-theme="dark"] .hover\:bg-brand-700:hover {
        background-color: rgb(11 95 89/var(--tw-bg-opacity,1))
    }
    :root[data-theme="dark"] .hover\:bg-emerald-700:hover {
        background-color: rgb(232 199 120 / var(--tw-bg-opacity,1))
    }
    :root[data-theme="dark"] .hover\:bg-slate-100:hover, :root[data-theme="dark"] .hover\:bg-slate-50:hover {
        background-color: rgb(43 47 48 / var(--tw-bg-opacity,1))
    }
    :root[data-theme="dark"] .hover\:bg-slate-700:hover {
        background-color: rgb(89 98 92/var(--tw-bg-opacity,1))
    }
    :root[data-theme="dark"] .hover\:bg-white\/10:hover {
        background-color: hsla(0,0%,100%,.1)
    }
    :root[data-theme="dark"] .hover\:text-slate-300:hover {
        color: rgb(229 233 229/var(--tw-text-opacity,1))
    }
    :root[data-theme="dark"] .hover\:text-slate-900:hover {
        color: rgb(246 246 242 / var(--tw-text-opacity,1))
    }
    :root[data-theme="dark"] .hover\:text-white:hover {
        color: rgb(255 255 255/var(--tw-text-opacity,1))
    }
    :root[data-theme="dark"] .hover\:underline:hover {
        text-decoration-line: underline
    }
    :root[data-theme="dark"] .hover\:shadow-md:hover {
        --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)
    }
    :root[data-theme="dark"] .hover\:shadow-sm:hover {
        --tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05)
    }
}
:root[data-theme="dark"] .focus\:bg-white:focus {
    background-color: rgb(32 35 36 / var(--tw-bg-opacity,1))
}
:root[data-theme="dark"] .focus\:text-brand-600:focus {
    color: rgb(240 207 132 / var(--tw-text-opacity,1))
}
:root[data-theme="dark"] .focus\:shadow-lg:focus {
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)
}
:root[data-theme="dark"] .focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}
:root[data-theme="dark"] .focus\:ring-brand-100:focus, :root[data-theme="dark"] .focus\:ring-emerald-100:focus {
    --tw-ring-color: rgb(230 243 241/var(--tw-ring-opacity,1))
}
:root[data-theme="dark"] .focus\:ring-slate-100:focus {
    --tw-ring-color: rgb(243 245 242/var(--tw-ring-opacity,1))
}
:root[data-theme="dark"] .focus\:ring-white\/30:focus {
    --tw-ring-color: hsla(0,0%,100%,.3)
}
@media (hover:hover) and (pointer:fine) {
    :root[data-theme="dark"] .group:hover .group-hover\:shadow-md {
        --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)
    }
}