@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Rajdhani:wght@300;400;500;600;700&display=swap');

/* Generated Theme CSS from TenantTheme */
:root {
  --page-base-font-size: 16px;
  /* Dev-Zone: section stack spacing token (not tenant theme tokens) */
  --dev-zone-section-stack-gap: 5rem;
  /* Color Classes */
  --color-primary: #30566d;
  --color-primary-rgb: 48 86 109;
  --color-primary-light: #6c8696;
  --color-primary-light-rgb: 108 134 150;
  --color-primary-dark: #1d3846;
  --color-primary-dark-rgb: 29 56 70;
  --color-accent: #d5af32;
  --color-accent-rgb: 213 175 50;
  --color-bg-dark: #1c3743;
  --color-bg-dark-rgb: 28 55 67;
  --color-bg-mid: #f4f6f8;
  --color-bg-mid-rgb: 244 246 248;
  --color-bg-light: #fcfdfe;
  --color-bg-light-rgb: 252 253 254;
  --color-foreground: #1d3846;
  --color-foreground-rgb: 29 56 70;
  --color-muted: #64748b;
  --color-muted-rgb: 100 116 139;
  --color-automation-accent: #22dfff;
  --color-automation-accent-rgb: 34 223 255;
  --color-guarded-ai-accent: #e58b24;
  --color-guarded-ai-accent-rgb: 229 139 36;
  --color-deep-knowledge-accent: #3cc99a;
  --color-deep-knowledge-accent-rgb: 60 201 154;
  --color-card-bg-light: #fcfdfe;
  --color-card-bg-light-rgb: 252 253 254;
  --color-card-bg-mid: #dde4e8;
  --color-card-bg-mid-rgb: 221 228 232;
  --color-bg-grey: #e9eef1;
  --color-bg-grey-rgb: 233 238 241;
  --color-bg-alternate: #e1e8ea;
  --color-bg-alternate-rgb: 225 232 234;
  --color-text-light: #fcfdfe;
  --color-text-light-rgb: 252 253 254;
  --color-text-light-secondary: #99afc4;
  --color-text-light-secondary-rgb: 153 175 196;
  --color-primary-mid-light: #4e6e82;
  --color-primary-mid-light-rgb: 78 110 130;
  --color-primary-mid-dark: #2b4e63;
  --color-primary-mid-dark-rgb: 43 78 99;
  --color-primary-very-light: #99acb7;
  --color-primary-very-light-rgb: 153 172 183;
  --color-primary-extreme-light: #d9e4e9;
  --color-primary-extreme-light-rgb: 217 228 233;
  --color-primary-super-dark: #101f26;
  --color-primary-super-dark-rgb: 16 31 38;
  --color-bg-creme: #dde0e5;
  --color-bg-creme-rgb: 221 224 229;
  /* Font Classes */
  --font-inter-family: 'Inter', sans-serif;
  --font-inter-size: calc(var(--page-base-font-size, 16px) * 1);
  --font-inter-weight: 400;
  --font-ubuntu-family: 'Rajdhani', sans-serif;
  --font-ubuntu-size: calc(var(--page-base-font-size, 16px) * 1);
  --font-ubuntu-weight: 400;
  --font-h1-family: 'Rajdhani', sans-serif;
  --font-h1-size: clamp(calc(var(--page-base-font-size, 16px) * 2.3), 6vw, calc(var(--page-base-font-size, 16px) * 5.4));
  --font-h1-weight: 500;
  --font-h2-family: 'Rajdhani', sans-serif;
  --font-h2-size: clamp(calc(var(--page-base-font-size, 16px) * 1.8), 4.8vw, calc(var(--page-base-font-size, 16px) * 3.6));
  --font-h2-weight: 400;
  --font-h3-family: 'Rajdhani', sans-serif;
  --font-h3-size: clamp(calc(var(--page-base-font-size, 16px) * 1.4), 3.4vw, calc(var(--page-base-font-size, 16px) * 2.5));
  --font-h3-weight: 500;
  --font-body-family: 'Inter', sans-serif;
  --font-body-size: calc(var(--page-base-font-size, 16px) * 1.125);
  --font-body-weight: 700;
  --font-caption-family: 'Inter', sans-serif;
  --font-caption-size: calc(var(--page-base-font-size, 16px) * 0.875);
  --font-caption-weight: 700;
  --font-body-big-family: 'Inter', sans-serif;
  --font-body-big-size: calc(var(--page-base-font-size, 16px) * 1.25);
  --font-body-big-weight: 600;
  --font-body-very-big-family: 'Inter', sans-serif;
  --font-body-very-big-size: calc(var(--page-base-font-size, 16px) * 1.4);
  --font-body-very-big-weight: 600;
  --font-body-bold-family: 'Inter', sans-serif;
  --font-body-bold-size: calc(var(--page-base-font-size, 16px) * 1.125);
  --font-body-bold-weight: 600;
  /* Global Hub Text Bindings */
  --hub-text-h1: var(--color-text-light);
  --hub-text-h2: var(--color-text-light);
  --hub-text-body: var(--color-text-light-secondary);
  --hub-text-main: var(--color-foreground);
  --hub-text-badge: var(--color-text-light);
  --hub-text-muted: var(--color-muted);
  --hub-text-on-dark: var(--color-text-light);
  --hub-text-primary: var(--color-foreground);
}
.text-inter { font-family: var(--font-inter-family); font-size: var(--font-inter-size); font-weight: var(--font-inter-weight); }
.text-ubuntu { font-family: var(--font-ubuntu-family); font-size: var(--font-ubuntu-size); font-weight: var(--font-ubuntu-weight); }
.text-h1 { font-family: var(--font-h1-family); font-size: var(--font-h1-size); font-weight: var(--font-h1-weight); }
.text-h2 { font-family: var(--font-h2-family); font-size: var(--font-h2-size); font-weight: var(--font-h2-weight); }
.text-h3 { font-family: var(--font-h3-family); font-size: var(--font-h3-size); font-weight: var(--font-h3-weight); }
.text-body { font-family: var(--font-body-family); font-size: var(--font-body-size); font-weight: var(--font-body-weight); }
.text-caption { font-family: var(--font-caption-family); font-size: var(--font-caption-size); font-weight: var(--font-caption-weight); }
.text-body-big { font-family: var(--font-body-big-family); font-size: var(--font-body-big-size); font-weight: var(--font-body-big-weight); }
.text-body-very-big { font-family: var(--font-body-very-big-family); font-size: var(--font-body-very-big-size); font-weight: var(--font-body-very-big-weight); }
.text-body-bold { font-family: var(--font-body-bold-family); font-size: var(--font-body-bold-size); font-weight: var(--font-body-bold-weight); }
.inter { font-family: var(--font-inter-family); font-size: var(--font-inter-size); font-weight: 500; line-height: 1.42; text-decoration: none; }

/* Compiled blocks: typography utilities (SoT: compiled-block-typography-and-text-color.md) */
/*
 * Role-specific text-style variables (SoT: editor textStyleDimensions per usage):
 *  --font-{usage}-family|size|weight  for usage in {h2, body, caption, subtitle, overtitle}
 * The classes below read the role-specific var first, fall back to a related
 * theme var, and finally to a hardcoded default. Defaults intentionally use
 * 400/500 (not 700) so missing/self-referential editor bindings cannot bold
 * unrelated text. See compiled-block-typography-and-text-color.md.
 */
.block-type-label {
  font-family: var(--font-overtitle-family, var(--font-caption-family, var(--font-body-family)));
  font-size: var(--font-overtitle-size, var(--font-caption-size, 0.875rem));
  font-weight: var(--font-overtitle-weight, 500);
  letter-spacing: 0.11em;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--block-card-badge-active-color);
}
.block-type-label--inactive {
  color: var(--block-card-badge-inactive-color);
}
.block-section-lead {
  font-family: var(--font-subtitle-family, var(--font-body-family, var(--font-caption-family)));
  font-size: var(--font-subtitle-size, var(--font-body-size, 1.125rem));
  font-weight: var(--font-subtitle-weight, var(--font-body-weight, 400));
  line-height: 1.45;
  text-decoration: none;
  color: var(--block-section-lead-color);
}
.block-card-h2 {
  font-family: var(--font-h2-family, var(--font-h1-family, var(--font-body-family)));
  font-size: clamp(1.4rem, 3.2vw, 3rem);
  font-weight: 600;
  line-height: 0.95;
  letter-spacing: 0.01em;
  white-space: pre-line;
  text-decoration: none;
  color: var(--block-card-headline-active-color);
}
.block-card-h2--inactive {
  color: var(--block-card-headline-inactive-color);
}
.block-card-lead {
  font-family: var(--font-body-family, var(--font-caption-family));
  font-size: var(--font-body-size, 1rem);
  font-weight: 500;
  line-height: 1.42;
  text-decoration: none;
  color: var(--block-card-body-active-color);
}
.block-card-lead--inactive {
  color: var(--block-card-body-inactive-color);
}

/* Dev-Zone: section stack spacing (not tenant tokens) */
.dev-zone-section-offset-top {
  padding-top: var(--dev-zone-section-stack-gap);
}

.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
}
.pointer-events-none {
    pointer-events: none
}
.pointer-events-auto {
    pointer-events: auto
}
.visible {
    visibility: visible
}
.static {
    position: static
}
.fixed {
    position: fixed
}
.absolute {
    position: absolute
}
.relative {
    position: relative
}
.inset-0 {
    inset: 0px
}
.inset-x-0 {
    left: 0px;
    right: 0px
}
.bottom-0 {
    bottom: 0px
}
.left-0 {
    left: 0px
}
.left-1\/2 {
    left: 50%
}
.right-0 {
    right: 0px
}
.top-0 {
    top: 0px
}
.isolate {
    isolation: isolate
}
.z-0 {
    z-index: 0
}
.z-10 {
    z-index: 10
}
.z-20 {
    z-index: 20
}
.z-50 {
    z-index: 50
}
.z-\[11\] {
    z-index: 11
}
.z-\[1\] {
    z-index: 1
}
.z-\[2\] {
    z-index: 2
}
.z-\[3\] {
    z-index: 3
}
.m-0 {
    margin: 0px
}
.mx-auto {
    margin-left: auto;
    margin-right: auto
}
.mb-0\.5 {
    margin-bottom: 0.125rem
}
.mb-1\.5 {
    margin-bottom: 0.375rem
}
.mb-10 {
    margin-bottom: 2.5rem
}
.mb-12 {
    margin-bottom: 3rem
}
.mb-2 {
    margin-bottom: 0.5rem
}
.mb-3 {
    margin-bottom: 0.75rem
}
.mb-5 {
    margin-bottom: 1.25rem
}
.mb-6 {
    margin-bottom: 1.5rem
}
.mb-8 {
    margin-bottom: 2rem
}
.mt-0 {
    margin-top: 0px
}
.mt-0\.5 {
    margin-top: 0.125rem
}
.mt-1 {
    margin-top: 0.25rem
}
.mt-2 {
    margin-top: 0.5rem
}
.mt-3 {
    margin-top: 0.75rem
}
.mt-4 {
    margin-top: 1rem
}
.mt-5 {
    margin-top: 1.25rem
}
.mt-6 {
    margin-top: 1.5rem
}
.mt-8 {
    margin-top: 2rem
}
.mt-auto {
    margin-top: auto
}
.box-border {
    box-sizing: border-box
}
.block {
    display: block
}
.inline-block {
    display: inline-block
}
.flex {
    display: flex
}
.inline-flex {
    display: inline-flex
}
.grid {
    display: grid
}
.hidden {
    display: none
}
.h-0 {
    height: 0px
}
.h-1 {
    height: 0.25rem
}
.h-3\.5 {
    height: 0.875rem
}
.h-4 {
    height: 1rem
}
.h-\[200px\] {
    height: 200px
}
.h-\[3px\] {
    height: 3px
}
.h-auto {
    height: auto
}
.h-full {
    height: 100%
}
.max-h-\[90vh\] {
    max-height: 90vh
}
.min-h-0 {
    min-height: 0px
}
.min-h-\[100svh\] {
    min-height: 100svh
}
.min-h-\[2\.5rem\] {
    min-height: 2.5rem
}
.min-h-\[calc\(100svh-5rem\)\] {
    min-height: calc(100svh - 5rem)
}
.w-3\.5 {
    width: 0.875rem
}
.w-4 {
    width: 1rem
}
.w-full {
    width: 100%
}
.w-max {
    width: -moz-max-content;
    width: max-content
}
.w-screen {
    width: 100vw
}
.min-w-0 {
    min-width: 0px
}
.min-w-\[150px\] {
    min-width: 150px
}
.max-w-2xl {
    max-width: 42rem
}
.max-w-3xl {
    max-width: 48rem
}
.max-w-4xl {
    max-width: 56rem
}
.max-w-6xl {
    max-width: 72rem
}
.max-w-7xl {
    max-width: 80rem
}
.max-w-\[100vw\] {
    max-width: 100vw
}
.max-w-\[1100px\] {
    max-width: 1100px
}
.max-w-\[1400px\] {
    max-width: 1400px
}
.max-w-\[22ch\] {
    max-width: 22ch
}
.max-w-\[24ch\] {
    max-width: 24ch
}
.max-w-\[260px\] {
    max-width: 260px
}
.max-w-\[500px\] {
    max-width: 500px
}
.max-w-\[70ch\] {
    max-width: 70ch
}
.max-w-full {
    max-width: 100%
}
.max-w-prose {
    max-width: 65ch
}
.flex-1 {
    flex: 1 1 0%
}
.shrink {
    flex-shrink: 1
}
.shrink-0 {
    flex-shrink: 0
}
.origin-left {
    transform-origin: left
}
.-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.cursor-pointer {
    cursor: pointer
}
.resize {
    resize: both
}
.scroll-mt-24 {
    scroll-margin-top: 6rem
}
.list-none {
    list-style-type: none
}
.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}
.flex-row {
    flex-direction: row
}
.flex-col {
    flex-direction: column
}
.flex-wrap {
    flex-wrap: wrap
}
.items-start {
    align-items: flex-start
}
.items-center {
    align-items: center
}
.items-stretch {
    align-items: stretch
}
.justify-start {
    justify-content: flex-start
}
.justify-end {
    justify-content: flex-end
}
.justify-center {
    justify-content: center
}
.justify-between {
    justify-content: space-between
}
.gap-10 {
    gap: 2.5rem
}
.gap-12 {
    gap: 3rem
}
.gap-16 {
    gap: 4rem
}
.gap-2 {
    gap: 0.5rem
}
.gap-2\.5 {
    gap: 0.625rem
}
.gap-3 {
    gap: 0.75rem
}
.gap-4 {
    gap: 1rem
}
.gap-5 {
    gap: 1.25rem
}
.gap-8 {
    gap: 2rem
}
.gap-x-3 {
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem
}
.gap-y-1 {
    row-gap: 0.25rem
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse))
}
.self-stretch {
    align-self: stretch
}
.justify-self-center {
    justify-self: center
}
.overflow-hidden {
    overflow: hidden
}
.overflow-visible {
    overflow: visible
}
.overflow-x-auto {
    overflow-x: auto
}
.overflow-x-hidden {
    overflow-x: hidden
}
.overflow-x-clip {
    overflow-x: clip
}
.whitespace-nowrap {
    white-space: nowrap
}
.whitespace-pre-line {
    white-space: pre-line
}
.text-balance {
    text-wrap: balance
}
.break-words {
    overflow-wrap: break-word
}
.rounded-\[3px\] {
    border-radius: 3px
}
.rounded-\[4px\] {
    border-radius: 4px
}
.rounded-full {
    border-radius: 9999px
}
.rounded-lg {
    border-radius: 0.5rem
}
.rounded-md {
    border-radius: 0.375rem
}
.rounded-none {
    border-radius: 0px
}
.rounded-sm {
    border-radius: 0.125rem
}
.rounded-xl {
    border-radius: 0.75rem
}
.border {
    border-width: 1px
}
.border-0 {
    border-width: 0px
}
.border-solid {
    border-style: solid
}
.bg-bg-dark {
    background-color: var(--color-bg-dark)
}
.bg-bg-light {
    background-color: var(--color-bg-light)
}
.bg-bg-mid {
    background-color: var(--color-bg-mid)
}
.bg-white\/10 {
    background-color: rgb(255 255 255 / 0.1)
}
.bg-cover {
    background-size: cover
}
.bg-center {
    background-position: center
}
.bg-no-repeat {
    background-repeat: no-repeat
}
.object-cover {
    -o-object-fit: cover;
       object-fit: cover
}
.p-0 {
    padding: 0px
}
.p-3 {
    padding: 0.75rem
}
.p-4 {
    padding: 1rem
}
.px-12 {
    padding-left: 3rem;
    padding-right: 3rem
}
.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem
}
.px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}
.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}
.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}
.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}
.py-0 {
    padding-top: 0px;
    padding-bottom: 0px
}
.py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem
}
.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}
.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}
.py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
}
.py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem
}
.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}
.py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem
}
.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem
}
.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
}
.pb-0 {
    padding-bottom: 0px
}
.pb-12 {
    padding-bottom: 3rem
}
.pb-16 {
    padding-bottom: 4rem
}
.pb-2 {
    padding-bottom: 0.5rem
}
.pb-20 {
    padding-bottom: 5rem
}
.pb-3 {
    padding-bottom: 0.75rem
}
.pb-8 {
    padding-bottom: 2rem
}
.pb-\[4\.5rem\] {
    padding-bottom: 4.5rem
}
.pb-\[env\(safe-area-inset-bottom\2c 0px\)\] {
    padding-bottom: env(safe-area-inset-bottom,0px)
}
.pt-0 {
    padding-top: 0px
}
.pt-1 {
    padding-top: 0.25rem
}
.pt-10 {
    padding-top: 2.5rem
}
.pt-12 {
    padding-top: 3rem
}
.pt-2 {
    padding-top: 0.5rem
}
.pt-20 {
    padding-top: 5rem
}
.pt-24 {
    padding-top: 6rem
}
.pt-4 {
    padding-top: 1rem
}
.pt-8 {
    padding-top: 2rem
}
.pt-\[7\.5rem\] {
    padding-top: 7.5rem
}
.text-left {
    text-align: left
}
.text-center {
    text-align: center
}
.text-right {
    text-align: right
}
.font-body-big {
    font-family: var(--font-body-big-family)
}
.font-caption {
    font-family: var(--font-caption-family)
}
.font-h3 {
    font-family: var(--font-h3-family)
}
.text-body {
    font-size: var(--font-body-size)
}
.text-body-big {
    font-size: var(--font-body-big-size)
}
.text-caption {
    font-size: var(--font-caption-size)
}
.text-h2 {
    font-size: var(--font-h2-size)
}
.text-h3 {
    font-size: var(--font-h3-size)
}
.font-semibold {
    font-weight: 600
}
.uppercase {
    text-transform: uppercase
}
.leading-relaxed {
    line-height: 1.625
}
.leading-snug {
    line-height: 1.375
}
.leading-tight {
    line-height: 1.25
}
.tracking-\[0\.1em\] {
    letter-spacing: 0.1em
}
.tracking-tight {
    letter-spacing: -0.025em
}
.text-foreground {
    color: var(--color-foreground)
}
.text-muted {
    color: var(--color-muted)
}
.underline {
    text-decoration-line: underline
}
.overline {
    text-decoration-line: overline
}
.no-underline {
    text-decoration-line: none
}
.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}
.outline {
    outline-style: solid
}
.blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.backdrop-blur-md {
    --tw-backdrop-blur: blur(12px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.duration-150 {
    transition-duration: 150ms
}
.duration-200 {
    transition-duration: 200ms
}
.duration-300 {
    transition-duration: 300ms
}
.duration-500 {
    transition-duration: 500ms
}
.ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}
.ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
}
.hover\:opacity-90:hover {
    opacity: 0.9
}
.hover\:shadow-\[0_0_0_1px_rgba\(213\2c 175\2c 50\2c 0\.85\)\]:hover {
    --tw-shadow: 0 0 0 1px rgba(213,175,50,0.85);
    --tw-shadow-colored: 0 0 0 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)
}
.hover\:\[background-color\:var\(--block-cta-hover-bg\)\]:hover {
    background-color: var(--block-cta-hover-bg)
}
.focus-visible\:outline:focus-visible {
    outline-style: solid
}
.focus-visible\:outline-2:focus-visible {
    outline-width: 2px
}
.focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px
}
.focus-visible\:outline-offset-4:focus-visible {
    outline-offset: 4px
}
.focus-visible\:outline-offset-\[-2px\]:focus-visible {
    outline-offset: -2px
}
.focus-visible\:outline-\[var\(--color-accent\2c \#d5af32\)\]:focus-visible {
    outline-color: var(--color-accent,#d5af32)
}
.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)
}
.focus-visible\:ring-primary:focus-visible {
    --tw-ring-color: var(--color-primary)
}
.focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px
}
.focus-visible\:ring-offset-bg-light:focus-visible {
    --tw-ring-offset-color: var(--color-bg-light)
}
@media not all and (min-width: 1024px) {
    .max-lg\:hidden {
        display: none
    }
}
@media (min-width: 640px) {
    .sm\:mb-8 {
        margin-bottom: 2rem
    }
    .sm\:max-w-none {
        max-width: none
    }
    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .sm\:gap-14 {
        gap: 3.5rem
    }
    .sm\:break-normal {
        overflow-wrap: normal;
        word-break: normal
    }
    .sm\:px-3 {
        padding-left: 0.75rem;
        padding-right: 0.75rem
    }
    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .sm\:py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
    .sm\:py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
    .sm\:py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem
    }
}
@media (min-width: 768px) {
    .md\:order-1 {
        order: 1
    }
    .md\:order-2 {
        order: 2
    }
    .md\:mb-12 {
        margin-bottom: 3rem
    }
    .md\:min-h-\[2\.75rem\] {
        min-height: 2.75rem
    }
    .md\:min-h-\[calc\(100svh-6rem\)\] {
        min-height: calc(100svh - 6rem)
    }
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .md\:grid-cols-\[1fr\2c minmax\(0\2c 28rem\)\] {
        grid-template-columns: 1fr minmax(0,28rem)
    }
    .md\:items-start {
        align-items: flex-start
    }
    .md\:gap-10 {
        gap: 2.5rem
    }
    .md\:rounded-xl {
        border-radius: 0.75rem
    }
    .md\:p-4 {
        padding: 1rem
    }
    .md\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
    .md\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }
    .md\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .md\:py-14 {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem
    }
    .md\:py-3 {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem
    }
    .md\:pb-10 {
        padding-bottom: 2.5rem
    }
    .md\:pb-20 {
        padding-bottom: 5rem
    }
    .md\:pt-10 {
        padding-top: 2.5rem
    }
    .md\:pt-24 {
        padding-top: 6rem
    }
    .md\:pt-6 {
        padding-top: 1.5rem
    }
}
@media (min-width: 1024px) {
    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .lg\:grid-cols-\[1fr\2c minmax\(0\2c 32rem\)\] {
        grid-template-columns: 1fr minmax(0,32rem)
    }
    .lg\:gap-12 {
        gap: 3rem
    }
    .lg\:gap-16 {
        gap: 4rem
    }
    .lg\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }
    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .lg\:py-0 {
        padding-top: 0px;
        padding-bottom: 0px
    }
    .lg\:py-14 {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem
    }
    .lg\:py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
    .lg\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
    .lg\:pb-12 {
        padding-bottom: 3rem
    }
    .lg\:pt-12 {
        padding-top: 3rem
    }
}
@media (min-width: 1280px) {
    .xl\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
}