/* /src/styles.css */
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root,
:host {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
      "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-5xl: 64rem;
    --container-7xl: 80rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --tracking-tight: -0.025em;
    --tracking-widest: 0.1em;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-xs: 0.125rem;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-sm: 8px;
    --aspect-video: 16 / 9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-border: hsl(var(--border));
  }
}
@layer base {
  *,
::after,
::before,
::backdrop,
::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html,
:host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
strong {
    font-weight: bolder;
  }
  code,
kbd,
samp,
pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
ul,
menu {
    list-style: none;
  }
  img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    vertical-align: middle;
  }
  img,
video {
    max-width: 100%;
    height: auto;
  }
  button,
input,
select,
optgroup,
textarea,
::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit,
::-webkit-datetime-edit-year-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute-field,
::-webkit-datetime-edit-second-field,
::-webkit-datetime-edit-millisecond-field,
::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
input:where([type="button"], [type="reset"], [type="submit"]),
::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .inset-0 {
    inset: 0px;
  }
  .z-0 {
    z-index: 0;
  }
  .z-10 {
    z-index: 10;
  }
  .z-50 {
    z-index: 50;
  }
  .order-2 {
    order: 2;
  }
  .order-3 {
    order: 3;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }
  .mt-1 {
    margin-top: var(--spacing);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-9 {
    margin-top: calc(var(--spacing) * 9);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-auto {
    margin-top: auto;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .h-1 {
    height: var(--spacing);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-full {
    height: 100%;
  }
  .h-screen {
    height: 100vh;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-auto {
    width: auto;
  }
  .w-full {
    width: 100%;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-5xl {
    max-width: var(--container-5xl);
  }
  .max-w-7xl {
    max-width: var(--container-7xl);
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .flex-1 {
    flex: 1;
  }
  .list-none {
    list-style-type: none;
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-1 {
    gap: var(--spacing);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-2\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  :where(.-space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
  }
  .gap-y-1 {
    row-gap: var(--spacing);
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-charcoal-line {
    border-color: hsl(var(--charcoal-line));
  }
  .bg-charcoal {
    background-color: hsl(var(--charcoal));
  }
  .bg-charcoal-deep {
    background-color: hsl(var(--charcoal-deep));
  }
  .bg-charcoal\/95 {
    background-color: hsl(var(--charcoal));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--charcoal)) 95%, transparent);
    }
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .p-0 {
    padding: 0px;
  }
  .p-1 {
    padding: var(--spacing);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .py-1 {
    padding-block: var(--spacing);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .text-center {
    text-align: center;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .text-charcoal-deep {
    color: hsl(var(--charcoal-deep));
  }
  .text-ember-deep {
    color: hsl(var(--ember-deep));
  }
  .text-ember-glow {
    color: hsl(var(--ember-glow));
  }
  .text-ivory {
    color: hsl(var(--ivory));
  }
  .text-ivory-dim {
    color: hsl(var(--ivory-dim));
  }
  .text-ivory-soft {
    color: hsl(var(--ivory-soft));
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .opacity-20 {
    opacity: 20%;
  }
  .opacity-30 {
    opacity: 30%;
  }
  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -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,);
  }
  .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) {
    opacity: 100%;
  }
  @media (hover: hover) {
    .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *) {
      opacity: 100%;
    }
  }
  .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar="menu-action"]) *) {
    padding-right: calc(var(--spacing) * 8);
  }
  .group-has-data-\[size\=lg\]\/avatar-group\:size-10:is(:where(.group\/avatar-group):has([data-size="lg"]) *) {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .group-has-data-\[size\=sm\]\/avatar-group\:size-6:is(:where(.group\/avatar-group):has([data-size="sm"]) *) {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .group-has-data-\[slot\=combobox-clear\]\/input-group\:hidden:is(:where(.group\/input-group):has([data-slot="combobox-clear"]) *) {
    display: none;
  }
  .group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance:is(:where(.group\/field):has(:is([data-orientation=horizontal])) *) {
    text-wrap: balance;
  }
  .group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5:is(:where(.group\/item):has(:is([data-slot=item-description])) *) {
    --tw-translate-y: calc(var(--spacing) * 0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .group-has-\[\[data-slot\=item-description\]\]\/item\:self-start:is(:where(.group\/item):has(:is([data-slot=item-description])) *) {
    align-self: flex-start;
  }
  .group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has( > input) *) {
    padding-top: calc(var(--spacing) * 2.5);
  }
  .group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has( > input) *) {
    padding-bottom: calc(var(--spacing) * 2.5);
  }
  .group-data-empty\/combobox-content\:flex:is(:where(.group\/combobox-content)[data-empty] *) {
    display: flex;
  }
  .group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible="icon"] *) {
    margin-top: calc(var(--spacing) * -8);
  }
  .group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible="icon"] *) {
    display: none;
  }
  .group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--spacing) * 8) !important;
    height: calc(var(--spacing) * 8) !important;
  }
  .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible="icon"] *) {
    width: var(--sidebar-width-icon);
  }
  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)));
  }
  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px);
  }
  .group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible="icon"] *) {
    overflow: hidden;
  }
  .group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible="icon"] *) {
    padding: 0px !important;
  }
  .group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible="icon"] *) {
    padding: calc(var(--spacing) * 2) !important;
  }
  .group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible="icon"] *) {
    opacity: 0%;
  }
  .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) {
    right: calc(var(--sidebar-width) * -1);
  }
  .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) {
    left: calc(var(--sidebar-width) * -1);
  }
  .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible="offcanvas"] *) {
    width: 0px;
  }
  .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible="offcanvas"] *) {
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) {
    pointer-events: none;
  }
  .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *) {
    opacity: 50%;
  }
  .group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled="true"] *) {
    opacity: 50%;
  }
  .group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled="true"] *) {
    opacity: 50%;
  }
  .group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused="true"] *) {
    position: relative;
  }
  .group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused="true"] *) {
    z-index: 10;
  }
  .group-data-\[focused\=true\]\/day\:border-ring:is(:where(.group\/day)[data-focused="true"] *) {
    border-color: hsl(var(--ring));
  }
  .group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused="true"] *) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused="true"] *) {
    --tw-ring-color: hsl(var(--ring));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, hsl(var(--ring)) 50%, transparent);
    }
  }
  .group-data-\[orientation\=horizontal\]\/tabs\:h-9:is(:where(.group\/tabs)[data-orientation="horizontal"] *) {
    height: calc(var(--spacing) * 9);
  }
  .group-data-\[orientation\=vertical\]\/tabs\:h-fit:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
    height: fit-content;
  }
  .group-data-\[orientation\=vertical\]\/tabs\:w-full:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
    width: 100%;
  }
  .group-data-\[orientation\=vertical\]\/tabs\:flex-col:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
    flex-direction: column;
  }
  .group-data-\[orientation\=vertical\]\/tabs\:justify-start:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
    justify-content: flex-start;
  }
  .group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side="left"] *) {
    right: calc(var(--spacing) * -4);
  }
  .group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side="left"] *) {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side="right"] *) {
    left: 0px;
  }
  .group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side="right"] *) {
    rotate: 180deg;
  }
  .group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side="right"] *) {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .group-data-\[size\=default\]\/avatar\:size-2\.5:is(:where(.group\/avatar)[data-size="default"] *) {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }
  .group-data-\[size\=default\]\/switch\:size-4:is(:where(.group\/switch)[data-size="default"] *) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .group-data-\[size\=lg\]\/avatar\:size-3:is(:where(.group\/avatar)[data-size="lg"] *) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .group-data-\[size\=sm\]\/alert-dialog-content\:grid:is(:where(.group\/alert-dialog-content)[data-size="sm"] *) {
    display: grid;
  }
  .group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2:is(:where(.group\/alert-dialog-content)[data-size="sm"] *) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .group-data-\[size\=sm\]\/avatar\:size-2:is(:where(.group\/avatar)[data-size="sm"] *) {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .group-data-\[size\=sm\]\/avatar\:text-xs:is(:where(.group\/avatar)[data-size="sm"] *) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .group-data-\[size\=sm\]\/switch\:size-3:is(:where(.group\/switch)[data-size="sm"] *) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state="open"] *) {
    rotate: 180deg;
  }
  .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant="floating"] *) {
    border-radius: calc(var(--radius) + 2px);
  }
  .group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant="floating"] *) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .group-data-\[variant\=floating\]\:border-sidebar-border:is(:where(.group)[data-variant="floating"] *) {
    border-color: hsl(var(--sidebar-border));
  }
  .group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant="floating"] *) {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *) {
    background-color: transparent;
  }
  .group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant="outline"] *) {
    margin-bottom: calc(var(--spacing) * -2);
  }
  .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) {
    display: block;
  }
  .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) {
    text-align: center;
  }
  .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="top"] *) {
    text-align: center;
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    top: 100%;
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    overflow: hidden;
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    border-radius: var(--radius);
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:bg-popover:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    background-color: hsl(var(--popover));
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    color: hsl(var(--popover-foreground));
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  @media (hover: hover) {
    .peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover ~ *) {
      color: hsl(var(--sidebar-accent-foreground));
    }
  }
  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
    cursor: not-allowed;
  }
  .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
    opacity: 50%;
  }
  .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button)[data-active="true"] ~ *) {
    color: hsl(var(--sidebar-accent-foreground));
  }
  .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size="default"] ~ *) {
    top: calc(var(--spacing) * 1.5);
  }
  .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) {
    top: calc(var(--spacing) * 2.5);
  }
  .peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) {
    top: var(--spacing);
  }
  .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible="offcanvas"] *)::after {
    content: var(--tw-content);
    left: 100%;
  }
  .group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0:is(:where(.group\/tabs)[data-orientation="horizontal"] *)::after {
    content: var(--tw-content);
    inset-inline: 0px;
  }
  .group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs)[data-orientation="horizontal"] *)::after {
    content: var(--tw-content);
    bottom: -5px;
  }
  .group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5:is(:where(.group\/tabs)[data-orientation="horizontal"] *)::after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 0.5);
  }
  .group-data-\[orientation\=vertical\]\/tabs\:after\:inset-y-0:is(:where(.group\/tabs)[data-orientation="vertical"] *)::after {
    content: var(--tw-content);
    inset-block: 0px;
  }
  .group-data-\[orientation\=vertical\]\/tabs\:after\:-right-1:is(:where(.group\/tabs)[data-orientation="vertical"] *)::after {
    content: var(--tw-content);
    right: calc(var(--spacing) * -1);
  }
  .group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5:is(:where(.group\/tabs)[data-orientation="vertical"] *)::after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 0.5);
  }
  @media (hover: hover) {
    .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover:is(:where(.group)[data-collapsible="offcanvas"] *) {
      background-color: hsl(var(--sidebar));
    }
  }
  :where([data-side="left"]) .in-data-\[side\=left\]\:cursor-w-resize {
    cursor: w-resize;
  }
  :where([data-side="right"]) .in-data-\[side\=right\]\:cursor-e-resize {
    cursor: e-resize;
  }
  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has(:is([data-slot=input-group-control]:focus-visible)) {
    border-color: hsl(var(--ring));
  }
  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\]:has(:is([data-slot=input-group-control]:focus-visible)) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has(:is([data-slot=input-group-control]:focus-visible)) {
    --tw-ring-color: hsl(var(--ring));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, hsl(var(--ring)) 50%, transparent);
    }
  }
  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has(:is([data-slot][aria-invalid=true])) {
    border-color: hsl(var(--destructive));
  }
  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has(:is([data-slot][aria-invalid=true])) {
    --tw-ring-color: hsl(var(--destructive));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, hsl(var(--destructive)) 20%, transparent);
    }
  }
  .has-\[select\:disabled\]\:opacity-50:has(:is(select:disabled)) {
    opacity: 50%;
  }
  :is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90 > *)[data-slot="alert-description"] {
    color: hsl(var(--destructive));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, hsl(var(--destructive)) 90%, transparent);
    }
  }
  :is(.\*\:data-\[slot\=avatar\]\:ring-2 > *)[data-slot="avatar"] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :is(.\*\:data-\[slot\=avatar\]\:ring-background > *)[data-slot="avatar"] {
    --tw-ring-color: hsl(var(--background));
  }
  :is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot="command-input-wrapper"] {
    height: calc(var(--spacing) * 12);
  }
  :is(.\*\:data-\[slot\=input-group\]\:m-1 > *)[data-slot="input-group"] {
    margin: var(--spacing);
  }
  :is(.\*\:data-\[slot\=input-group\]\:mb-0 > *)[data-slot="input-group"] {
    margin-bottom: 0px;
  }
  :is(.\*\:data-\[slot\=input-group\]\:h-8 > *)[data-slot="input-group"] {
    height: calc(var(--spacing) * 8);
  }
  :is(.\*\:data-\[slot\=input-group\]\:border-input\/30 > *)[data-slot="input-group"] {
    border-color: hsl(var(--input));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, hsl(var(--input)) 30%, transparent);
    }
  }
  :is(.\*\:data-\[slot\=input-group\]\:bg-input\/30 > *)[data-slot="input-group"] {
    background-color: hsl(var(--input));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--input)) 30%, transparent);
    }
  }
  :is(.\*\:data-\[slot\=input-group\]\:shadow-none > *)[data-slot="input-group"] {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot="navigation-menu-link"]:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot="navigation-menu-link"]:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] {
    display: flex;
  }
  :is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"] {
    align-items: center;
  }
  :is(.\*\:data-\[slot\=select-value\]\:gap-2 > *)[data-slot="select-value"] {
    gap: calc(var(--spacing) * 2);
  }
  .group-data-\[variant\=default\]\/tabs-list\:data-\[state\=active\]\:shadow-sm:is(:where(.group\/tabs-list)[data-variant="default"] *)[data-state="active"] {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"] {
    background-color: transparent;
  }
  .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:shadow-none:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"] {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"]::after {
    content: var(--tw-content);
    opacity: 100%;
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="closed"] {
    animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="closed"] {
    --tw-exit-opacity: calc(0/100);
    --tw-exit-opacity: 0;
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="closed"] {
    --tw-exit-scale: calc(95*1%);
    --tw-exit-scale: .95;
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="open"] {
    animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="open"] {
    --tw-enter-opacity: calc(0/100);
    --tw-enter-opacity: 0;
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="open"] {
    --tw-enter-scale: calc(95*1%);
    --tw-enter-scale: .95;
  }
  @media (width >= 40rem) {
    .sm\:order-2 {
      order: 2;
    }
    .sm\:order-3 {
      order: 3;
    }
    .sm\:mt-0 {
      margin-top: 0px;
    }
    .sm\:flex {
      display: flex;
    }
    .sm\:h-12 {
      height: calc(var(--spacing) * 12);
    }
    .sm\:w-auto {
      width: auto;
    }
    .sm\:flex-1 {
      flex: 1;
    }
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sm\:flex-row {
      flex-direction: row;
    }
    .sm\:items-center {
      align-items: center;
    }
    .sm\:items-end {
      align-items: flex-end;
    }
    .sm\:justify-between {
      justify-content: space-between;
    }
    .sm\:justify-center {
      justify-content: center;
    }
    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
    .sm\:py-28 {
      padding-block: calc(var(--spacing) * 28);
    }
    .sm\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
    .sm\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    .sm\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    .sm\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    .sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
      grid-row: span 2 / span 2;
    }
    .sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
      place-items: start;
    }
    .sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
      text-align: left;
    }
    .sm\:group-data-\[size\=default\]\/alert-dialog-content\:group-has-data-\[slot\=alert-dialog-media\]\/alert-dialog-content\:col-start-2:is(:where(.group\/alert-dialog-content)[data-size="default"] *):is(:where(.group\/alert-dialog-content):has([data-slot="alert-dialog-media"]) *) {
      grid-column-start: 2;
    }
    .sm\:group-data-\[size\=default\]\/alert-dialog-content\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_1fr\]:is(:where(.group\/alert-dialog-content)[data-size="default"] *):has([data-slot="alert-dialog-media"]) {
      grid-template-rows: auto 1fr;
    }
  }
  @media (width >= 48rem) {
    .md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant="inset"] ~ *) {
      margin: calc(var(--spacing) * 2);
    }
    .md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant="inset"] ~ *) {
      margin-left: 0px;
    }
    .md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant="inset"] ~ *) {
      border-radius: calc(var(--radius) + 6px);
    }
    .md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant="inset"] ~ *) {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant="inset"] ~ *):is(:where(.peer)[data-state="collapsed"] ~ *) {
      margin-left: calc(var(--spacing) * 2);
    }
  }
  @media (width >= 64rem) {
    .lg\:col-span-5 {
      grid-column: span 5 / span 5;
    }
    .lg\:col-span-7 {
      grid-column: span 7 / span 7;
    }
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .lg\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .lg\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }
    .lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
    .lg\:py-36 {
      padding-block: calc(var(--spacing) * 36);
    }
    .lg\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    .lg\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  .dark\:border-input:is(.dark *) {
    border-color: hsl(var(--input));
  }
  .dark\:bg-destructive\/60:is(.dark *) {
    background-color: hsl(var(--destructive));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--destructive)) 60%, transparent);
    }
  }
  .dark\:bg-input\/30:is(.dark *) {
    background-color: hsl(var(--input));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--input)) 30%, transparent);
    }
  }
  .dark\:bg-transparent:is(.dark *) {
    background-color: transparent;
  }
  .dark\:text-muted-foreground:is(.dark *) {
    color: hsl(var(--muted-foreground));
  }
  @media (hover: hover) {
    .dark\:hover\:bg-accent\/50:is(.dark *):hover {
      background-color: hsl(var(--accent));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-accent\/50:is(.dark *):hover {
        background-color: color-mix(in oklab, hsl(var(--accent)) 50%, transparent);
      }
    }
    .dark\:hover\:bg-input\/50:is(.dark *):hover {
      background-color: hsl(var(--input));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-input\/50:is(.dark *):hover {
        background-color: color-mix(in oklab, hsl(var(--input)) 50%, transparent);
      }
    }
    .dark\:hover\:text-accent-foreground:is(.dark *):hover {
      color: hsl(var(--accent-foreground));
    }
    .dark\:hover\:text-foreground:is(.dark *):hover {
      color: hsl(var(--foreground));
    }
  }
  .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
    --tw-ring-color: hsl(var(--destructive));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, hsl(var(--destructive)) 40%, transparent);
    }
  }
  .dark\:has-aria-invalid\:border-destructive\/50:is(.dark *):has([aria-invalid="true"]) {
    border-color: hsl(var(--destructive));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, hsl(var(--destructive)) 50%, transparent);
    }
  }
  .dark\:has-aria-invalid\:ring-destructive\/40:is(.dark *):has([aria-invalid="true"]) {
    --tw-ring-color: hsl(var(--destructive));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, hsl(var(--destructive)) 40%, transparent);
    }
  }
  .dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state="checked"]) {
    background-color: hsl(var(--primary));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--primary)) 10%, transparent);
    }
  }
  .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has(:is([data-slot][aria-invalid=true])) {
    --tw-ring-color: hsl(var(--destructive));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, hsl(var(--destructive)) 40%, transparent);
    }
  }
  .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
    --tw-ring-color: hsl(var(--destructive));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, hsl(var(--destructive)) 40%, transparent);
    }
  }
  .dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40:is(.dark *)[data-active="true"][aria-invalid="true"] {
    --tw-ring-color: hsl(var(--destructive));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, hsl(var(--destructive)) 40%, transparent);
    }
  }
  .dark\:data-\[state\=active\]\:border-input:is(.dark *)[data-state="active"] {
    border-color: hsl(var(--input));
  }
  .dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *)[data-state="active"] {
    background-color: hsl(var(--input));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--input)) 30%, transparent);
    }
  }
  .dark\:data-\[state\=active\]\:text-foreground:is(.dark *)[data-state="active"] {
    color: hsl(var(--foreground));
  }
  .dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:border-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"] {
    border-color: transparent;
  }
  .dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"] {
    background-color: transparent;
  }
  .dark\:data-\[state\=checked\]\:bg-primary:is(.dark *)[data-state="checked"] {
    background-color: hsl(var(--primary));
  }
  .dark\:data-\[state\=checked\]\:bg-primary-foreground:is(.dark *)[data-state="checked"] {
    background-color: hsl(var(--primary-foreground));
  }
  .dark\:data-\[state\=unchecked\]\:bg-foreground:is(.dark *)[data-state="unchecked"] {
    background-color: hsl(var(--foreground));
  }
  .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state="unchecked"] {
    background-color: hsl(var(--input));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--input)) 80%, transparent);
    }
  }
  .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:focus {
    background-color: hsl(var(--destructive));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--destructive)) 20%, transparent);
    }
  }
  .\[\.border-b\]\:pb-3:is(.border-b) {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .\[\.border-b\]\:pb-6:is(.border-b) {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .\[\.border-t\]\:pt-3:is(.border-t) {
    padding-top: calc(var(--spacing) * 3);
  }
  .\[\.border-t\]\:pt-6:is(.border-t) {
    padding-top: calc(var(--spacing) * 6);
  }
  :is(.rtl\:\*\*\:\[\.rdp-button\_next\>svg\]\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_next > svg) {
    rotate: 180deg;
  }
  :is(.rtl\:\*\*\:\[\.rdp-button\_previous\>svg\]\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_previous > svg) {
    rotate: 180deg;
  }
  .\[a\]\:transition-colors:is(a) {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  @media (hover: hover) {
    .\[a\]\:hover\:bg-accent\/50:is(a):hover {
      background-color: hsl(var(--accent));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .\[a\]\:hover\:bg-accent\/50:is(a):hover {
        background-color: color-mix(in oklab, hsl(var(--accent)) 50%, transparent);
      }
    }
  }
  :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child {
    display: flex;
  }
  :is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child {
    align-items: center;
  }
  :is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child {
    gap: calc(var(--spacing) * 2);
  }
  :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive\![data-variant="destructive"] > *):is(svg) {
    color: hsl(var(--destructive)) !important;
  }
  :is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-8 > *):is(svg:not([class*='size-'])) {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden=true]:last-child)) > [data-slot=select-trigger]:last-of-type {
    border-top-right-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
  }
  .group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5:is(:where(.group\/avatar-group):has([data-size="lg"]) *) > svg {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .group-has-data-\[size\=sm\]\/avatar-group\:\[\&\>svg\]\:size-3:is(:where(.group\/avatar-group):has([data-size="sm"]) *) > svg {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size="default"] *) > svg {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size="lg"] *) > svg {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden:is(:where(.group\/avatar)[data-size="sm"] *) > svg {
    display: none;
  }
  [data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *) {
    background-color: hsl(var(--background));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--background)) 10%, transparent);
    }
  }
}
@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}
@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}
@property --tw-animation-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}
@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
:root {
  --charcoal: 40 36% 96%;
  --charcoal-deep: 40 40% 97%;
  --charcoal-soft: 0 0% 100%;
  --charcoal-line: 30 12% 89%;
  --ember: 6 78% 53%;
  --ember-deep: 8 74% 44%;
  --ember-glow: 10 80% 56%;
  --ivory: 222 22% 13%;
  --ivory-soft: 222 12% 38%;
  --ivory-dim: 220 8% 52%;
  --ash: 220 10% 62%;
  --signal: 6 78% 53%;
  --bw-shadow: 0 1px 2px hsl(222 20% 13% / 0.04), 0 8px 24px hsl(222 20% 13% / 0.06);
  --bw-shadow-hover: 0 2px 6px hsl(222 20% 13% / 0.06), 0 18px 40px hsl(222 20% 13% / 0.10);
  --background: 40 40% 97%;
  --foreground: 222 22% 13%;
  --card: 0 0% 100%;
  --card-foreground: 222 22% 13%;
  --popover: 0 0% 100%;
  --popover-foreground: 222 22% 13%;
  --primary: 6 78% 53%;
  --primary-foreground: 40 40% 97%;
  --secondary: 40 30% 94%;
  --secondary-foreground: 222 22% 13%;
  --muted: 40 30% 94%;
  --muted-foreground: 222 12% 38%;
  --accent: 6 74% 44%;
  --accent-foreground: 40 40% 97%;
  --destructive: 0 62% 50%;
  --destructive-foreground: 40 40% 97%;
  --border: 30 12% 89%;
  --input: 30 12% 89%;
  --ring: 6 78% 53%;
  --chart-1: 6 78% 53%;
  --chart-2: 222 22% 13%;
  --chart-3: 220 10% 62%;
  --chart-4: 10 80% 56%;
  --chart-5: 40 30% 94%;
  --radius: 1.25rem;
  --sidebar: 40 40% 97%;
  --sidebar-foreground: 222 22% 13%;
  --sidebar-primary: 6 78% 53%;
  --sidebar-primary-foreground: 40 40% 97%;
  --sidebar-accent: 40 30% 94%;
  --sidebar-accent-foreground: 222 22% 13%;
  --sidebar-border: 30 12% 89%;
  --sidebar-ring: 6 78% 53%;
}
body {
  margin: 0;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@layer base {
  * {
    border-color: hsl(var(--border));
    outline-color: hsl(var(--ring));
    @supports (color: color-mix(in lab, red, red)) {
      outline-color: color-mix(in oklab, hsl(var(--ring)) 50%, transparent);
    }
  }
  body {
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
    font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  }
}
body vite-error-overlay {
  display: none;
}
.bw-display {
  font-family: Georgia, "Times New Roman", "Noto Serif", serif;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 0.98;
}
.bw-display-thin {
  font-family: Georgia, "Times New Roman", "Noto Serif", serif;
  font-weight: 400;
  letter-spacing: -0.015em;
  line-height: 1.04;
}
.bw-sans {
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", "Helvetica Neue", sans-serif;
}
.bw-kicker {
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.24em;
  font-size: 0.6875rem;
  font-weight: 600;
}
.bw-tech {
  font-family: ui-monospace, "SF Mono", "Cascadia Code", "Roboto Mono", Consolas, monospace;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.625rem;
}
.bw-signal {
  display: inline-block;
  width: 0.7em;
  height: 0.7em;
  background: hsl(var(--ember));
  flex-shrink: 0;
}
.bw-signal-sm {
  width: 0.5rem;
  height: 0.5rem;
}
.bw-rule {
  height: 1px;
  background: hsl(var(--charcoal-line));
  width: 100%;
}
.bw-rule-ember {
  height: 2px;
  background: hsl(var(--ember));
  width: 3rem;
}
.bw-grid-bg {
  background-image: linear-gradient(hsl(var(--charcoal-line) / 0.5) 1px, transparent 1px), linear-gradient(90deg, hsl(var(--charcoal-line) / 0.5) 1px, transparent 1px);
  background-size: 64px 64px;
}
.bw-grid-fine {
  background-image: linear-gradient(hsl(var(--charcoal-line) / 0.4) 1px, transparent 1px), linear-gradient(90deg, hsl(var(--charcoal-line) / 0.4) 1px, transparent 1px);
  background-size: 32px 32px;
}
.bw-hero-wash {
  background: linear-gradient(to bottom, hsl(var(--charcoal-deep) / 0.02) 0%, hsl(var(--charcoal-deep) / 0.06) 100%), linear-gradient(90deg, hsl(var(--charcoal-deep) / 0.46) 0%, hsl(var(--charcoal-deep) / 0.38) 47%, hsl(var(--charcoal-deep) / 0.08) 100%);
}
main > section:first-child .text-ivory,
main > section:first-child .text-ivory-soft,
main > section:first-child .text-ivory-dim {
  color: hsl(var(--charcoal-deep));
}
.bw-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  padding: 0.875rem 1.5rem;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-weight: 600;
  font-size: 0.8125rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  text-decoration: none;
  cursor: pointer;
  border: none;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
  border-radius: var(--radius);
}
.bw-btn-ember {
  background: hsl(var(--ember));
  color: hsl(var(--charcoal-deep));
  box-shadow: var(--bw-shadow);
}
.bw-btn-ember:hover {
  background: hsl(var(--ember-glow));
  transform: translateY(-1px);
  box-shadow: var(--bw-shadow-hover);
}
.bw-btn-solid-ivory {
  background: hsl(var(--ivory));
  color: hsl(var(--charcoal-deep));
  box-shadow: var(--bw-shadow);
}
.bw-btn-solid-ivory:hover {
  background: hsl(var(--ivory) / 0.92);
  transform: translateY(-1px);
  box-shadow: var(--bw-shadow-hover);
}
.bw-nav-link {
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: hsl(var(--ivory-soft));
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.18s ease;
  position: relative;
}
.bw-nav-link:hover {
  color: hsl(var(--ivory));
}
.bw-nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 0;
  height: 2px;
  background: hsl(var(--ember));
  transition: width 0.2s ease;
}
.bw-nav-link:hover::after {
  width: 100%;
}
.bw-card {
  background: hsl(var(--charcoal-soft));
  border: 1px solid hsl(var(--charcoal-line));
  padding: 2.25rem 2rem 2rem;
  position: relative;
  overflow: hidden;
  border-radius: var(--radius);
  box-shadow: var(--bw-shadow);
  transition: border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
.bw-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 0;
  background: hsl(var(--ember));
  transition: height 0.3s ease;
}
.bw-card:hover {
  border-color: hsl(var(--ember-deep) / 0.5);
  transform: translateY(-2px);
  box-shadow: var(--bw-shadow-hover);
}
.bw-card:hover::before {
  height: 100%;
}
.bw-card-flat,
.bw-card-flat:hover {
  box-shadow: none;
}
.bw-flip {
  position: relative;
  height: 26rem;
  perspective: 1400px;
  border-radius: var(--radius);
  box-shadow: var(--bw-shadow);
  transition: box-shadow 0.3s ease, transform 0.25s ease;
  outline: none;
}
.bw-flip:focus-visible {
  outline: 3px solid hsl(var(--ring));
  outline-offset: 3px;
  box-shadow: var(--bw-shadow-hover);
}
.bw-flip:hover {
  box-shadow: var(--bw-shadow-hover);
}
.bw-flip-inner {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);
}
.bw-flip:hover .bw-flip-inner,
.bw-flip:focus-within .bw-flip-inner,
.bw-flip.is-flipped .bw-flip-inner {
  transform: rotateY(180deg);
}
.bw-flip-front,
.bw-flip-back {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  border-radius: var(--radius);
  overflow: hidden;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.bw-flip-front {
  border: 1px solid hsl(var(--charcoal-line));
  /* Safari needs an explicit transform on both faces to hide the front
     contents while the card is turned. */
  transform: rotateY(0deg);
}
.bw-flip-img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.bw-flip-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient( to top, hsl(var(--ivory) / 0.58) 0%, hsl(var(--ivory) / 0.26) 42%, hsl(var(--ivory) / 0.06) 100% );
}
.bw-flip-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  padding: 1.5rem 1.5rem 1.75rem;
  text-shadow: 0 2px 14px hsl(var(--ivory) / 0.72);
}
.bw-flip-back {
  background: hsl(var(--charcoal-soft));
  border: 1px solid hsl(var(--charcoal-line));
  padding: 1.75rem 1.75rem 2rem;
  transform: rotateY(180deg);
  box-shadow: var(--bw-shadow);
}
.bw-card-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: ui-sans-serif, system-ui, sans-serif;
  font-size: 0.78rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: hsl(var(--ivory));
  text-decoration: none;
  border-bottom: 1px solid hsl(var(--charcoal-line));
  padding-bottom: 0.5rem;
  transition: color 0.2s ease, border-color 0.2s ease;
}
.bw-card-link:hover {
  color: hsl(var(--ember-glow));
  border-color: hsl(var(--ember));
}
/* Reliable flip-card controls */
.bw-flip-back {
  pointer-events: none;
}
.bw-flip:hover .bw-flip-front,
.bw-flip:focus-within .bw-flip-front,
.bw-flip.is-flipped .bw-flip-front {
  pointer-events: none;
}
.bw-flip:hover .bw-flip-back,
.bw-flip:focus-within .bw-flip-back,
.bw-flip.is-flipped .bw-flip-back {
  pointer-events: auto;
}
.bw-flip-back .bw-card-link {
  position: relative;
  z-index: 2;
  align-self: flex-start;
  margin-top: auto;
}
@media (max-width: 1199px) {
  .bw-flip {
    height: 30rem;
  }
}
.bw-topbar {
  background: hsl(var(--ember));
  color: hsl(var(--charcoal-deep));
}
.bw-footer-link {
  font-size: 0.8rem;
  color: hsl(var(--ivory-soft));
  text-decoration: none;
  transition: color 0.18s ease;
}
.bw-footer-link:hover {
  color: hsl(var(--ember-glow));
}


@keyframes bw-signal-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.35;
  }
}
.bw-pulse {
  animation: bw-signal-pulse 2.4s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  *,
*::before,
*::after {
    animation-duration: 0.001ms !important;
    animation-delay: 0ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
  .bw-pulse {
    animation: none;
  }
}
@media (max-width: 640px) {
  .bw-flip {
    height: 22rem;
  }
}
.ablauf-board {
  margin-top: 3rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}
@media (min-width: 1024px) {
  .ablauf-board {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    position: relative;
  }
  .ablauf-board::before {
    content: "";
    position: absolute;
    left: 1.25rem;
    right: 1.25rem;
    top: 1.125rem;
    height: 1px;
    background: hsl(var(--charcoal-line));
  }
}
.ablauf-step {
  position: relative;
  padding: 0 0 2.25rem 3rem;
  border-left: 1px solid hsl(var(--charcoal-line));
  margin-left: 1.125rem;
}
@media (min-width: 1024px) {
  .ablauf-step {
    border-left: none;
    margin-left: 0;
    padding: 2.75rem 1.25rem 0;
  }

}
.ablauf-step:last-child {
  padding-bottom: 0;
  border-left-color: transparent;
}

@media (min-width: 1024px) {
  .ablauf-step:last-child {
    padding-bottom: 0;
  }
}
.ablauf-node {
  position: absolute;
  top: 1.125rem;
  left: -0.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 9999px;
  background: hsl(var(--charcoal-soft));
  border: 1px solid hsl(var(--ember));
  z-index: 1;
}
.ablauf-node-dot {
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 9999px;
  background: hsl(var(--ember));
}
@media (min-width: 1024px) {
  .ablauf-node {
    top: 0.5625rem;
    left: 1.25rem;
    transform: translateX(-50%);
  }
}
.ablauf-num {
  font-family: Georgia, "Times New Roman", "Noto Serif", serif;
  font-weight: 700;
  font-size: 2.75rem;
  line-height: 1;
  letter-spacing: -0.04em;
  color: hsl(var(--ember));
  display: block;
}
.ablauf-title {
  margin-top: 0.625rem;
  font-family: Georgia, "Times New Roman", "Noto Serif", serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.15;
  letter-spacing: -0.015em;
  color: hsl(var(--ivory));
}
.ablauf-copy {
  margin-top: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.6;
  color: hsl(var(--ivory-soft));
  max-width: 22rem;
}
@media (max-width: 640px) {
  .ablauf-num {
    font-size: 2.25rem;
  }
  .ablauf-title {
    font-size: 1.125rem;
  }
}
.bw-feature-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
  align-items: center;
}
@media (min-width: 1024px) {
  .bw-feature-grid {
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
  }
}
.bw-feature-media {
  position: relative;
  border-radius: var(--radius);
  overflow: hidden;
  border: 1px solid hsl(var(--charcoal-line));
  box-shadow: var(--bw-shadow);
  aspect-ratio: 4 / 3;
}
.bw-feature-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.bw-duties {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1.25rem;
}
@media (min-width: 640px) {
  .bw-duties {
    grid-template-columns: repeat(2, 1fr);
  }
}
.bw-duty {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  padding-top: 1.25rem;
  border-top: 1px solid hsl(var(--charcoal-line));
}
.bw-duty-num {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1;
  color: hsl(var(--ember));
  letter-spacing: -0.02em;
  flex-shrink: 0;
}
/* Mobile navigation */
.bw-mobile-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  min-height: 2.75rem;
  padding: 0.65rem 0.8rem;
  border: 1px solid hsl(var(--charcoal-line));
  border-radius: var(--radius);
  background: hsl(var(--charcoal-soft));
  color: hsl(var(--ivory));
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.bw-mobile-toggle:hover {
  border-color: hsl(var(--ember));
  background: hsl(var(--charcoal));
}
.bw-mobile-toggle:focus-visible {
  outline: 3px solid hsl(var(--ring));
  outline-offset: 3px;
}
.bw-mobile-toggle-icon {
  position: relative;
  display: inline-flex;
  width: 1.25rem;
  height: 1rem;
  flex-direction: column;
  justify-content: space-between;
}
.bw-mobile-toggle-icon > span {
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  transform-origin: center;
  transition: transform 0.22s ease, opacity 0.18s ease;
}
.bw-mobile-open .bw-mobile-toggle-icon > span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
.bw-mobile-open .bw-mobile-toggle-icon > span:nth-child(2) {
  opacity: 0;
}
.bw-mobile-open .bw-mobile-toggle-icon > span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}
@media (max-width: 1299px) {
  .bw-header-inner {
    column-gap: 0.75rem;
    row-gap: 0;
  }
  .bw-header-inner > a:first-child {
    min-width: 0;
  }
  .bw-header-inner > a:first-child img {
    width: auto;
    height: auto;
    max-width: min(11rem, 56vw);
  }
  .bw-mobile-toggle {
    display: inline-flex;
    margin-left: auto;
  }
  .bw-primary-nav {
    display: none !important;
    order: 3 !important;
    width: 100% !important;
    margin: 0.8rem 0 0 !important;
    padding-top: 0.35rem;
    border-top: 1px solid hsl(var(--charcoal-line));
  }
  .bw-header-actions {
    display: none !important;
    order: 4 !important;
    width: 100%;
    margin-top: 0.25rem;
    padding: 0.8rem 0 0.25rem;
    border-top: 1px solid hsl(var(--charcoal-line));
  }
  .bw-mobile-open .bw-primary-nav {
    display: block !important;
  }
  .bw-mobile-open .bw-header-actions {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
  }
  .bw-primary-nav > div {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }
  .bw-primary-nav .bw-nav-link {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 0.9rem 0.25rem;
    border-bottom: 1px solid hsl(var(--charcoal-line));
    font-size: 0.8rem;
  }
  .bw-primary-nav .bw-nav-link::after {
    bottom: 0;
  }
  .bw-primary-nav .bw-region-menu {
    width: 100%;
  }
  .bw-primary-nav .bw-region-menu-summary {
    display: flex;
  }
  .bw-primary-nav .bw-region-menu-panel {
    position: static;
    width: 100%;
    max-height: none;
    margin: 0.25rem 0 0.75rem;
    padding: 0.5rem;
    overflow: visible;
    box-shadow: none;
  }
  .bw-primary-nav .bw-region-menu-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
  }
  .bw-primary-nav .bw-region-menu-states {
    order: 1;
    padding: 0.85rem;
  }
  .bw-primary-nav .bw-region-menu-state-list {
    max-height: 13rem;
    overflow-y: auto;
    overscroll-behavior-y: auto;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
    padding-right: 0.25rem;
  }
  .bw-primary-nav .bw-region-menu-state-button {
    width: 100%;
  }
  .bw-primary-nav .bw-region-menu-services {
    order: 2;
    padding: 1rem 0.85rem 0.85rem;
    border-top: 1px solid hsl(var(--charcoal-line));
    border-left: 0;
  }
  .bw-header-actions .bw-tech {
    display: inline-flex !important;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    border: 1px solid hsl(var(--charcoal-line));
    border-radius: var(--radius);
  }
  .bw-header-actions .bw-btn {
    width: 100%;
    justify-content: center;
  }
}
@media (prefers-reduced-motion: reduce) {
  .bw-mobile-toggle-icon > span {
    transition: none;
  }
}.bw-region-menu {
  position: relative;
}
.bw-region-menu-summary {
  list-style: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}
.bw-region-menu-summary::-webkit-details-marker {
  display: none;
}
.bw-region-menu-summary::marker {
  content: "";
}
.bw-region-menu-caret {
  font-size: 0.6rem;
  transition: transform 0.2s ease;
}
.bw-region-menu[open] .bw-region-menu-caret {
  transform: rotate(180deg);
}
.bw-region-menu-summary:focus-visible {
  outline: 2px solid hsl(var(--ring));
  outline-offset: 4px;
  border-radius: 2px;
}
.bw-region-menu-panel {
  position: absolute;
  top: calc(100% + 0.75rem);
  left: 0;
  z-index: 40;
  width: min(46rem, 92vw);
  max-height: 70vh;
  overflow-y: auto;
  background: hsl(var(--charcoal-soft));
  border: 1px solid hsl(var(--charcoal-line));
  border-radius: var(--radius);
  box-shadow: var(--bw-shadow-hover);
  padding: 0.75rem;
}
.bw-region-menu-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(13rem, 0.78fr);
  min-height: 20rem;
}
.bw-region-menu-services {
  order: 2;
  padding: 1.25rem;
  border-left: 1px solid hsl(var(--charcoal-line));
}
.bw-region-menu-active-head {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 1rem;
  padding-bottom: 0.9rem;
  border-bottom: 1px solid hsl(var(--charcoal-line));
}
.bw-region-menu-crest {
  width: 1.75rem;
  height: 2.1rem;
  object-fit: contain;
  flex-shrink: 0;
}
.bw-region-menu-eyebrow {
  display: block;
  font-family: ui-monospace, "SF Mono", Consolas, monospace;
  font-size: 0.6rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: hsl(var(--ivory-dim));
}
.bw-region-menu-active-name {
  margin: 0.15rem 0 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.15rem;
  font-weight: 700;
  color: hsl(var(--ivory));
}
.bw-region-menu-states {
  order: 1;
  padding: 1.25rem 1.25rem 1.25rem 0.75rem;
}
.bw-region-menu-state-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.3rem;
  margin-top: 0.75rem;
}
.bw-region-menu-state-button {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  width: 100%;
  padding: 0.45rem 0.5rem;
  border: 1px solid transparent;
  border-radius: calc(var(--radius) - 0.5rem);
  background: transparent;
  color: hsl(var(--ivory-soft));
  font-family: ui-sans-serif, system-ui, sans-serif;
  font-size: 0.78rem;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.bw-region-menu-state-button:hover,
.bw-region-menu-state-button:focus-visible {
  color: hsl(var(--ivory));
  background: hsl(var(--charcoal));
  border-color: hsl(var(--charcoal-line));
  outline: none;
}
.bw-region-menu-state-button[aria-pressed="true"] {
  color: hsl(var(--ivory));
  background: hsl(var(--ember) / 0.09);
  border-color: hsl(var(--ember) / 0.3);
}
.bw-region-menu-state-button:focus-visible {
  outline: 2px solid hsl(var(--ring));
  outline-offset: 2px;
}
.bw-region-menu-state-crest {
  width: 1.15rem;
  height: 1.4rem;
  object-fit: contain;
  flex-shrink: 0;
}
.bw-region-menu-group-count {
  margin-left: auto;
  font-family: ui-monospace, "SF Mono", Consolas, monospace;
  font-size: 0.625rem;
  color: hsl(var(--ember-deep));
  background: hsl(var(--ember) / 0.12);
  border-radius: 9999px;
  padding: 0.1rem 0.45rem;
}
.bw-region-menu-cities {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.65rem;
}
.bw-region-menu-city {
  display: grid;
  gap: 0.15rem;
  padding-left: 0.6rem;
  border-left: 1px solid hsl(var(--charcoal-line));
}
.bw-region-menu-link {
  display: block;
  font-size: 0.8rem;
  font-weight: 600;
  color: hsl(var(--ivory));
  text-decoration: none;
  padding: 0.05rem 0;
  transition: color 0.15s ease;
}
.bw-region-menu-link-secondary {
  font-size: 0.8rem;
  font-weight: 600;
  color: hsl(var(--ivory));
}
.bw-region-menu-link:hover {
  color: hsl(var(--ember-glow));
}
.bw-region-menu-city:has(.bw-region-menu-link:hover) {
  border-left-color: hsl(var(--ember));
}
@media (max-width: 639px) {
  .bw-region-menu-panel {
    width: min(24rem, 92vw);
  }
  .bw-region-menu-layout {
    grid-template-columns: 1fr;
  }
  .bw-region-menu-services {
    order: 1;
    border-left: 0;
    border-bottom: 1px solid hsl(var(--charcoal-line));
  }
  .bw-region-menu-states {
    order: 2;
    padding: 1.25rem;
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}


@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity,1);
    transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
    filter: blur(var(--tw-enter-blur,0));
  }
}
@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity,1);
    transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));
    filter: blur(var(--tw-exit-blur,0));
  }
}


@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *,
::before,
::after,
::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
    }
  }
}


/* Full viewport dark hero */
.bw-hero-fullscreen {
  min-height: calc(100vh - 100px);
  min-height: calc(100svh - 100px);
  display: grid;
  align-items: center;
}
/* Responsive centered hero video */
.bw-hero-fullscreen video[data-hero-video] {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}/* Centered full-width hero content */
.bw-hero-fullscreen > .relative.z-10 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  justify-self: stretch;
}
.bw-hero-fullscreen > .relative.z-10 > .max-w-3xl {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.bw-hero-fullscreen .max-w-2xl {
  margin-left: auto;
  margin-right: auto;
}
.bw-hero-fullscreen .bw-kicker,
.bw-hero-fullscreen .flex.flex-wrap {
  justify-content: center;
}
.bw-hero-fullscreen .grid.grid-cols-3 {
  margin-left: auto;
  margin-right: auto;
}.bw-hero-fullscreen .bw-hero-wash {
  background: linear-gradient(90deg, rgba(7, 10, 16, 0.44) 0%, rgba(7, 10, 16, 0.32) 52%, rgba(7, 10, 16, 0.2) 100%), linear-gradient(180deg, rgba(4, 6, 10, 0.04) 0%, rgba(4, 6, 10, 0.14) 100%);
}
/* Hero text contrast */
.bw-hero-fullscreen h1,
.bw-hero-fullscreen p,
.bw-hero-fullscreen .bw-kicker {
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.5);
}.bw-hero-fullscreen .text-ivory { color: #ffffff; }
.bw-hero-fullscreen .text-ivory-soft { color: #e2e8f0; }
.bw-hero-fullscreen .text-ivory-dim { color: #cbd5e1; }
.bw-hero-fullscreen .text-ember-deep,
.bw-hero-fullscreen .text-ember-glow { color: #ff725c; }
.bw-hero-fullscreen .bw-btn-ember { color: #ffffff; }
.bw-hero-fullscreen .bw-btn-solid-ivory { background: #ffffff; color: #111827; }
/* Red content sections */
:root {
  --sec-logo-red: hsl(var(--ember));
  --sec-logo-red-deep: hsl(var(--ember-deep));
  --sec-red-dark: hsl(6 70% 27%);
  --sec-red-darker: hsl(6 68% 19%);
  --sec-on-red: #ffffff;
  --sec-on-red-soft: rgba(255, 255, 255, 0.86);
  --sec-on-red-dim: rgba(255, 255, 255, 0.68);
  --sec-on-red-line: rgba(255, 255, 255, 0.24);
}
#leistungen {
  background: linear-gradient(135deg, var(--sec-red-dark) 0%, var(--sec-red-darker) 100%);
}
#konzept {
  background: linear-gradient(135deg, var(--sec-red-dark) 0%, var(--sec-red-darker) 100%);
}
#ablauf {
  background: linear-gradient(135deg, var(--sec-red-dark) 0%, var(--sec-red-darker) 100%);
}
:is(#leistungen, #konzept, #ablauf, .sec-brandschutzbeauftragter) {
  border-color: var(--sec-on-red-line);
}
:is(#leistungen, #konzept, #ablauf, .sec-brandschutzbeauftragter) .text-ivory,
:is(#leistungen, #konzept, #ablauf, .sec-brandschutzbeauftragter) .text-charcoal-deep {
  color: var(--sec-on-red);
}
:is(#leistungen, #konzept, #ablauf, .sec-brandschutzbeauftragter) .text-ivory-soft {
  color: var(--sec-on-red-soft);
}
:is(#leistungen, #konzept, #ablauf, .sec-brandschutzbeauftragter) .text-ivory-dim {
  color: var(--sec-on-red-dim);
}
:is(#leistungen, #konzept, #ablauf, .sec-brandschutzbeauftragter) .text-ember-deep,
:is(#leistungen, #konzept, #ablauf, .sec-brandschutzbeauftragter) .text-ember-glow {
  color: #ffe1dc;
}
:is(#leistungen, #konzept, #ablauf, .sec-brandschutzbeauftragter) .bw-rule,
:is(#leistungen, #konzept, #ablauf, .sec-brandschutzbeauftragter) .bw-rule-ember {
  background: var(--sec-on-red-line);
  border-color: var(--sec-on-red-line);
}
:is(#konzept, .sec-brandschutzbeauftragter) .bw-btn-ember {
  background: #ffffff;
  color: var(--sec-logo-red-deep);
}
#leistungen .bw-grid-bg {
  opacity: 0.12;
  filter: invert(1);
}
#leistungen .bw-flip-front {
  border-color: rgba(255, 255, 255, 0.32);
  box-shadow: 0 18px 45px rgba(76, 9, 7, 0.28);
}
#leistungen .bw-flip-overlay {
  background: linear-gradient(to top, rgba(72, 10, 8, 0.52) 0%, rgba(104, 18, 14, 0.20) 48%, rgba(104, 18, 14, 0.02) 100%);
}
#leistungen .bw-flip-caption {
  text-shadow: 0 2px 14px rgba(41, 5, 4, 0.72);
}
#leistungen .bw-flip-back {
  background: linear-gradient(145deg, var(--sec-red-dark) 0%, var(--sec-red-darker) 100%);
  border-color: rgba(255, 255, 255, 0.28);
  color: var(--sec-on-red);
  box-shadow: 0 18px 45px rgba(76, 9, 7, 0.34);
}
#leistungen .bw-card-link {
  color: var(--sec-on-red);
  border-color: rgba(255, 255, 255, 0.38);
}
#leistungen .bw-card-link:hover {
  color: #ffe1dc;
  border-color: #ffffff;
}
#konzept .bw-duty {
  border-color: var(--sec-on-red-line);
}
#ablauf .ablauf-step {
  border-color: var(--sec-on-red-line);
}
#ablauf .ablauf-node {
  background: #ffffff;
  border-color: rgba(255, 255, 255, 0.85);
}
#ablauf .ablauf-node-dot {
  background: var(--sec-logo-red-deep);
}
#ablauf .ablauf-num {
  color: rgba(255, 255, 255, 0.42);
}
#ablauf .ablauf-title {
  color: var(--sec-on-red);
}
#ablauf .ablauf-copy {
  color: var(--sec-on-red-soft);
}
footer.bg-charcoal-deep {
  background: linear-gradient(135deg, var(--sec-red-dark) 0%, var(--sec-red-darker) 100%);
  border-color: var(--sec-on-red-line);
}
footer .text-ivory,
footer .bw-footer-link {
  color: var(--sec-on-red);
}
footer .text-ivory-soft {
  color: var(--sec-on-red-soft);
}
footer .text-ivory-dim,
footer .bw-tech {
  color: var(--sec-on-red-dim);
}
footer .bw-rule {
  background: var(--sec-on-red-line);
  border-color: var(--sec-on-red-line);
}
footer .bw-footer-link:hover,
footer a:hover {
  color: #ffffff;
}

/* Subpage concept light theme */
#konzept {
  background: hsl(var(--charcoal-deep));
  border-color: hsl(var(--charcoal-line));
}
#konzept .text-ivory {
  color: hsl(var(--ivory));
}
#konzept .text-charcoal-deep {
  color: hsl(var(--charcoal-deep));
}
#konzept .text-ivory-soft {
  color: hsl(var(--ivory-soft));
}
#konzept .text-ivory-dim {
  color: hsl(var(--ivory-dim));
}
#konzept .text-ember-deep {
  color: hsl(var(--ember-deep));
}
#konzept .text-ember-glow {
  color: hsl(var(--ember-glow));
}
#konzept .bw-rule {
  background: hsl(var(--charcoal-line));
  border-color: hsl(var(--charcoal-line));
}
#konzept .bw-rule-ember {
  background: hsl(var(--ember));
  border-color: hsl(var(--ember));
}
#konzept .bw-btn-ember {
  background: hsl(var(--ember));
  color: hsl(var(--charcoal-deep));
}
#konzept .bw-duty {
  border-color: hsl(var(--charcoal-line));
}
/* Smooth anchor navigation */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
}

/* Replacements for former inline style attributes */
.bw-pad-lg {
  padding: 2.5rem;
}
.bw-topbar-phone {
  color: inherit;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-decoration: none;
  white-space: nowrap;
}
.bw-topbar-phone:hover,
.bw-topbar-phone:focus-visible {
  opacity: 0.76;
}