/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */

@layer properties;

@layer theme, base, components, utilities;

@layer theme {

  :root, :host {

    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;

    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;

    --color-amber-700: oklch(55.5% 0.163 48.998);

    --color-gray-400: oklch(70.7% 0.022 261.325);

    --color-black: #000;

    --color-white: #fff;

    --spacing: 0.25rem;

    --container-xl: 36rem;

    --container-2xl: 42rem;

    --container-3xl: 48rem;

    --container-4xl: 56rem;

    --container-6xl: 72rem;

    --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;

    --font-weight-bold: 700;

    --font-weight-extrabold: 800;

    --font-weight-black: 900;

    --tracking-tight: -0.025em;

    --tracking-normal: 0em;

    --tracking-wide: 0.025em;

    --tracking-wider: 0.05em;

    --tracking-widest: 0.1em;

    --leading-tight: 1.25;

    --leading-snug: 1.375;

    --leading-normal: 1.5;

    --leading-relaxed: 1.625;

    --radius-sm: 0.25rem;

    --radius-md: 0.375rem;

    --radius-lg: 0.5rem;

    --radius-xl: 0.75rem;

    --radius-2xl: 1rem;

    --radius-3xl: 1.5rem;

    --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);

    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);

    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

    --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);

    --ease-out: cubic-bezier(0, 0, 0.2, 1);

    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);

    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;

    --blur-xl: 24px;

    --blur-2xl: 40px;

    --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);
  }
}

@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%;

    -moz-tab-size: 4;

      -o-tab-size: 4;

         tab-size: 4;

    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");

    font-feature-settings: normal;

    font-feature-settings: var(--default-font-feature-settings, normal);

    font-variation-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: "IBM Plex Mono", monospace;

    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);

    font-feature-settings: normal;

    font-feature-settings: var(--default-mono-font-feature-settings, normal);

    font-variation-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 {

    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;
  }

  ::-moz-placeholder {

    opacity: 1;
  }

  ::placeholder {

    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {

    ::-moz-placeholder {

      color: currentcolor;
    }

    ::placeholder {

      color: currentcolor;
    }

    @supports (color: color-mix(in lab, red, red)) {

      ::-moz-placeholder {

        color: color-mix(in oklab, currentcolor 50%, transparent);
      }

      ::placeholder {

        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 {

    -webkit-appearance: button;

       -moz-appearance: button;

            appearance: button;
  }

  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {

    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {

    display: none !important;
  }
}

@layer utilities {

  .collapse {

    visibility: collapse;
  }

  .invisible {

    visibility: hidden;
  }

  .visible {

    visibility: visible;
  }

  .sr-only {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip-path: inset(50%);

    white-space: nowrap;

    border-width: 0;
  }

  .absolute {

    position: absolute;
  }

  .fixed {

    position: fixed;
  }

  .fixed\! {

    position: fixed !important;
  }

  .relative {

    position: relative;
  }

  .static {

    position: static;
  }

  .sticky {

    position: sticky;
  }

  .inset-0 {

    inset: calc(0.25rem * 0);

    inset: calc(var(--spacing) * 0);
  }

  .start {

    inset-inline-start: 0.25rem;

    inset-inline-start: var(--spacing);
  }

  .end {

    inset-inline-end: 0.25rem;

    inset-inline-end: var(--spacing);
  }

  .top-0 {

    top: calc(0.25rem * 0);

    top: calc(var(--spacing) * 0);
  }

  .top-24 {

    top: calc(0.25rem * 24);

    top: calc(var(--spacing) * 24);
  }

  .right-0 {

    right: calc(0.25rem * 0);

    right: calc(var(--spacing) * 0);
  }

  .isolate {

    isolation: isolate;
  }

  .z-50 {

    z-index: 50;
  }

  .col-span-2 {

    grid-column: span 2 / span 2;
  }

  .container {

    width: 100%;
  }

  @media (width >= 40rem) {

    .container {

      max-width: 40rem;
    }
  }

  @media (width >= 48rem) {

    .container {

      max-width: 48rem;
    }
  }

  @media (width >= 64rem) {

    .container {

      max-width: 64rem;
    }
  }

  @media (width >= 80rem) {

    .container {

      max-width: 80rem;
    }
  }

  @media (width >= 96rem) {

    .container {

      max-width: 96rem;
    }
  }

  .mx-2 {

    margin-inline: calc(0.25rem * 2);

    margin-inline: calc(var(--spacing) * 2);
  }

  .mx-auto {

    margin-inline: auto;
  }

  .mt-1 {

    margin-top: calc(0.25rem * 1);

    margin-top: calc(var(--spacing) * 1);
  }

  .mt-2 {

    margin-top: calc(0.25rem * 2);

    margin-top: calc(var(--spacing) * 2);
  }

  .mt-3 {

    margin-top: calc(0.25rem * 3);

    margin-top: calc(var(--spacing) * 3);
  }

  .mt-4 {

    margin-top: calc(0.25rem * 4);

    margin-top: calc(var(--spacing) * 4);
  }

  .mt-5 {

    margin-top: calc(0.25rem * 5);

    margin-top: calc(var(--spacing) * 5);
  }

  .mt-6 {

    margin-top: calc(0.25rem * 6);

    margin-top: calc(var(--spacing) * 6);
  }

  .mt-8 {

    margin-top: calc(0.25rem * 8);

    margin-top: calc(var(--spacing) * 8);
  }

  .mt-9 {

    margin-top: calc(0.25rem * 9);

    margin-top: calc(var(--spacing) * 9);
  }

  .mt-10 {

    margin-top: calc(0.25rem * 10);

    margin-top: calc(var(--spacing) * 10);
  }

  .mt-12 {

    margin-top: calc(0.25rem * 12);

    margin-top: calc(var(--spacing) * 12);
  }

  .mt-14 {

    margin-top: calc(0.25rem * 14);

    margin-top: calc(var(--spacing) * 14);
  }

  .mt-16 {

    margin-top: calc(0.25rem * 16);

    margin-top: calc(var(--spacing) * 16);
  }

  .mb-2 {

    margin-bottom: calc(0.25rem * 2);

    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-4 {

    margin-bottom: calc(0.25rem * 4);

    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-8 {

    margin-bottom: calc(0.25rem * 8);

    margin-bottom: calc(var(--spacing) * 8);
  }

  .block {

    display: block;
  }

  .contents {

    display: contents;
  }

  .flex {

    display: flex;
  }

  .grid {

    display: grid;
  }

  .hidden {

    display: none;
  }

  .inline {

    display: inline;
  }

  .inline-flex {

    display: inline-flex;
  }

  .table {

    display: table;
  }

  .h-2 {

    height: calc(0.25rem * 2);

    height: calc(var(--spacing) * 2);
  }

  .h-4 {

    height: calc(0.25rem * 4);

    height: calc(var(--spacing) * 4);
  }

  .h-5 {

    height: calc(0.25rem * 5);

    height: calc(var(--spacing) * 5);
  }

  .h-6 {

    height: calc(0.25rem * 6);

    height: calc(var(--spacing) * 6);
  }

  .h-8 {

    height: calc(0.25rem * 8);

    height: calc(var(--spacing) * 8);
  }

  .h-9 {

    height: calc(0.25rem * 9);

    height: calc(var(--spacing) * 9);
  }

  .h-12 {

    height: calc(0.25rem * 12);

    height: calc(var(--spacing) * 12);
  }

  .h-14 {

    height: calc(0.25rem * 14);

    height: calc(var(--spacing) * 14);
  }

  .h-16 {

    height: calc(0.25rem * 16);

    height: calc(var(--spacing) * 16);
  }

  .h-72 {

    height: calc(0.25rem * 72);

    height: calc(var(--spacing) * 72);
  }

  .h-auto {

    height: auto;
  }

  .h-full {

    height: 100%;
  }

  .min-h-\[16rem\] {

    min-height: 16rem;
  }

  .min-h-\[18rem\] {

    min-height: 18rem;
  }

  .min-h-screen {

    min-height: 100vh;
  }

  .w-2 {

    width: calc(0.25rem * 2);

    width: calc(var(--spacing) * 2);
  }

  .w-4 {

    width: calc(0.25rem * 4);

    width: calc(var(--spacing) * 4);
  }

  .w-5 {

    width: calc(0.25rem * 5);

    width: calc(var(--spacing) * 5);
  }

  .w-6 {

    width: calc(0.25rem * 6);

    width: calc(var(--spacing) * 6);
  }

  .w-8 {

    width: calc(0.25rem * 8);

    width: calc(var(--spacing) * 8);
  }

  .w-9 {

    width: calc(0.25rem * 9);

    width: calc(var(--spacing) * 9);
  }

  .w-16 {

    width: calc(0.25rem * 16);

    width: calc(var(--spacing) * 16);
  }

  .w-56 {

    width: calc(0.25rem * 56);

    width: calc(var(--spacing) * 56);
  }

  .w-full {

    width: 100%;
  }

  .max-w-2xl {

    max-width: 1400px;

    max-width: var(--container-2xl);
  }

  .max-w-3xl {

    max-width: 48rem;

    max-width: var(--container-3xl);
  }

  .max-w-4xl {

    max-width: 56rem;

    max-width: var(--container-4xl);
  }

  .max-w-6xl {

    max-width: 72rem;

    max-width: var(--container-6xl);
  }

  .max-w-7xl {

    max-width: 80rem;

    max-width: var(--container-7xl);
  }

  .max-w-full {

    max-width: 100%;
  }

  .max-w-none {

    max-width: none;
  }

  .max-w-prose {

    max-width: 65ch;
  }

  .max-w-xl {

    max-width: 1200px;

    max-width: var(--container-xl);
  }

  .min-w-\[9rem\] {

    min-width: 9rem;
  }

  .min-w-\[10rem\] {

    min-width: 10rem;
  }

  .flex-shrink {

    flex-shrink: 1;
  }

  .border-collapse {

    border-collapse: collapse;
  }

  .transform {

    transform:          ;

    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }

  .animate-pulse {

    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;

    animation: var(--animate-pulse);
  }

  .cursor-pointer {

    cursor: pointer;
  }

  .resize {

    resize: both;
  }

  .list-none {

    list-style-type: none;
  }

  .grid-cols-2 {

    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .flex-col {

    flex-direction: column;
  }

  .flex-wrap {

    flex-wrap: wrap;
  }

  .items-center {

    align-items: center;
  }

  .items-end {

    align-items: flex-end;
  }

  .justify-between {

    justify-content: space-between;
  }

  .justify-center {

    justify-content: center;
  }

  .gap-0 {

    gap: calc(0.25rem * 0);

    gap: calc(var(--spacing) * 0);
  }

  .gap-0\.5 {

    gap: calc(0.25rem * 0.5);

    gap: calc(var(--spacing) * 0.5);
  }

  .gap-1 {

    gap: calc(0.25rem * 1);

    gap: calc(var(--spacing) * 1);
  }

  .gap-2 {

    gap: calc(0.25rem * 2);

    gap: calc(var(--spacing) * 2);
  }

  .gap-3 {

    gap: calc(0.25rem * 3);

    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {

    gap: calc(0.25rem * 4);

    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {

    gap: calc(0.25rem * 5);

    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {

    gap: calc(0.25rem * 6);

    gap: calc(var(--spacing) * 6);
  }

  .gap-8 {

    gap: calc(0.25rem * 8);

    gap: calc(var(--spacing) * 8);
  }

  .gap-10 {

    gap: calc(0.25rem * 10);

    gap: calc(var(--spacing) * 10);
  }

  .gap-12 {

    gap: calc(0.25rem * 12);

    gap: calc(var(--spacing) * 12);
  }

  :where(.space-y-3 > :not(:last-child)) {

    --tw-space-y-reverse: 0;

    margin-block-start: calc(calc(0.25rem * 3) * 0);

    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));

    margin-block-end: calc(calc(0.25rem * 3) * calc(1 - 0));

    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {

    --tw-space-y-reverse: 0;

    margin-block-start: calc(calc(0.25rem * 4) * 0);

    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));

    margin-block-end: calc(calc(0.25rem * 4) * calc(1 - 0));

    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-8 > :not(:last-child)) {

    --tw-space-y-reverse: 0;

    margin-block-start: calc(calc(0.25rem * 8) * 0);

    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));

    margin-block-end: calc(calc(0.25rem * 8) * calc(1 - 0));

    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }

  .truncate {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;
  }

  .overflow-hidden {

    overflow: hidden;
  }

  .overflow-x-hidden {

    overflow-x: hidden;
  }

  .rounded {

    border-radius: 0.25rem;
  }

  .rounded-2xl {

    border-radius: 1.5rem;

    border-radius: var(--radius-2xl);
  }

  .rounded-3xl {

    border-radius: 1.5rem;

    border-radius: var(--radius-3xl);
  }

  .rounded-\[2rem\] {

    border-radius: 2rem;
  }

  .rounded-full {

    border-radius: calc(infinity * 1px);
  }

  .rounded-lg {

    border-radius: 0.75rem;

    border-radius: var(--radius-lg);
  }

  .rounded-md {

    border-radius: 0.5rem;

    border-radius: var(--radius-md);
  }

  .rounded-none {

    border-radius: 0;
  }

  .rounded-sm {

    border-radius: 0.25rem;

    border-radius: var(--radius-sm);
  }

  .rounded-xl {

    border-radius: 1rem;

    border-radius: var(--radius-xl);
  }

  .rounded-bl-\[2rem\] {

    border-bottom-left-radius: 2rem;
  }

  .border {

    border-style: var(--tw-border-style);

    border-width: 1px;
  }

  .border-2 {

    border-style: var(--tw-border-style);

    border-width: 2px;
  }

  .border-t {

    border-top-style: var(--tw-border-style);

    border-top-width: 1px;
  }

  .border-r {

    border-right-style: var(--tw-border-style);

    border-right-width: 1px;
  }

  .border-b {

    border-bottom-style: var(--tw-border-style);

    border-bottom-width: 1px;
  }

  .border-b-2 {

    border-bottom-style: var(--tw-border-style);

    border-bottom-width: 2px;
  }

  .border-b-4 {

    border-bottom-style: var(--tw-border-style);

    border-bottom-width: 4px;
  }

  .border-l-2 {

    border-left-style: var(--tw-border-style);

    border-left-width: 2px;
  }

  .border-\[color\:var\(--accent\)\] {

    border-color: var(--accent);
  }

  .border-\[color\:var\(--accent\)\]\/20 {

    border-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .border-\[color\:var\(--accent\)\]\/20 {

      border-color: color-mix(in oklab, var(--accent) 20%, transparent);
    }
  }

  .border-\[color\:var\(--border\)\] {

    border-color: var(--border);
  }

  .border-\[color\:var\(--border\)\]\/20 {

    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .border-\[color\:var\(--border\)\]\/20 {

      border-color: color-mix(in oklab, var(--border) 20%, transparent);
    }
  }

  .border-\[color\:var\(--border\)\]\/30 {

    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .border-\[color\:var\(--border\)\]\/30 {

      border-color: color-mix(in oklab, var(--border) 30%, transparent);
    }
  }

  .border-\[color\:var\(--c-accent\)\] {

    border-color: #d946ef;

    border-color: var(--c-accent);
  }

  .border-\[color\:var\(--c-border\)\] {

    border-color: #d946ef;

    border-color: var(--c-border);
  }

  .border-\[var\(--accent\)\] {

    border-color: var(--accent);
  }

  .border-white\/10 {

    border-color: color-mix(in srgb, #fff 10%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .border-white\/10 {

      border-color: color-mix(in oklab, #fff 10%, transparent);
    }

@supports (color: color-mix(in lch, red, blue)) {
.border-white\/10 {

        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
}
  }

  .bg-\[color\:var\(--accent\)\] {

    background-color: var(--accent);
  }

  .bg-\[color\:var\(--accent\)\]\/10 {

    background-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-\[color\:var\(--accent\)\]\/10 {

      background-color: color-mix(in oklab, var(--accent) 10%, transparent);
    }
  }

  .bg-\[color\:var\(--bg\)\] {

    background-color: var(--bg);
  }

  .bg-\[color\:var\(--bg\)\]\/80 {

    background-color: var(--bg);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-\[color\:var\(--bg\)\]\/80 {

      background-color: color-mix(in oklab, var(--bg) 80%, transparent);
    }
  }

  .bg-\[color\:var\(--bg\)\]\/90 {

    background-color: var(--bg);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-\[color\:var\(--bg\)\]\/90 {

      background-color: color-mix(in oklab, var(--bg) 90%, transparent);
    }
  }

  .bg-\[color\:var\(--bg\)\]\/95 {

    background-color: var(--bg);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-\[color\:var\(--bg\)\]\/95 {

      background-color: color-mix(in oklab, var(--bg) 95%, transparent);
    }
  }

  .bg-\[color\:var\(--bg-deep\)\] {

    background-color: var(--bg-deep);
  }

  .bg-\[color\:var\(--c-accent\)\] {

    background-color: #d946ef;

    background-color: var(--c-accent);
  }

  .bg-\[color\:var\(--c-bg\)\] {

    background-color: #140a1a;

    background-color: var(--c-bg);
  }

  .bg-\[color\:var\(--c-bg\)\]\/80 {

    background-color: #140a1a;

    background-color: var(--c-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-\[color\:var\(--c-bg\)\]\/80 {

      background-color: color-mix(in oklab, #140a1a 80%, transparent);
    }

@supports (color: color-mix(in lch, red, blue)) {
.bg-\[color\:var\(--c-bg\)\]\/80 {

        background-color: color-mix(in oklab, var(--c-bg) 80%, transparent);
      }
}
  }

  .bg-\[color\:var\(--c-bg\)\]\/95 {

    background-color: #140a1a;

    background-color: var(--c-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-\[color\:var\(--c-bg\)\]\/95 {

      background-color: color-mix(in oklab, #140a1a 95%, transparent);
    }

@supports (color: color-mix(in lch, red, blue)) {
.bg-\[color\:var\(--c-bg\)\]\/95 {

        background-color: color-mix(in oklab, var(--c-bg) 95%, transparent);
      }
}
  }

  .bg-\[color\:var\(--c-surface\)\]\/35 {

    background-color: #24142d;

    background-color: var(--c-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-\[color\:var\(--c-surface\)\]\/35 {

      background-color: color-mix(in oklab, #24142d 35%, transparent);
    }

@supports (color: color-mix(in lch, red, blue)) {
.bg-\[color\:var\(--c-surface\)\]\/35 {

        background-color: color-mix(in oklab, var(--c-surface) 35%, transparent);
      }
}
  }

  .bg-\[color\:var\(--c-surface\)\]\/40 {

    background-color: #24142d;

    background-color: var(--c-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-\[color\:var\(--c-surface\)\]\/40 {

      background-color: color-mix(in oklab, #24142d 40%, transparent);
    }

@supports (color: color-mix(in lch, red, blue)) {
.bg-\[color\:var\(--c-surface\)\]\/40 {

        background-color: color-mix(in oklab, var(--c-surface) 40%, transparent);
      }
}
  }

  .bg-\[color\:var\(--c-surface\)\]\/60 {

    background-color: #24142d;

    background-color: var(--c-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-\[color\:var\(--c-surface\)\]\/60 {

      background-color: color-mix(in oklab, #24142d 60%, transparent);
    }

@supports (color: color-mix(in lch, red, blue)) {
.bg-\[color\:var\(--c-surface\)\]\/60 {

        background-color: color-mix(in oklab, var(--c-surface) 60%, transparent);
      }
}
  }

  .bg-\[color\:var\(--surface\)\] {

    background-color: var(--surface);
  }

  .bg-\[var\(--bg\)\] {

    background-color: var(--bg);
  }

  .bg-\[var\(--bg-deep\)\] {

    background-color: var(--bg-deep);
  }

  .bg-black\/20 {

    background-color: color-mix(in srgb, #000 20%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-black\/20 {

      background-color: color-mix(in oklab, #000 20%, transparent);
    }

@supports (color: color-mix(in lch, red, blue)) {
.bg-black\/20 {

        background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
      }
}
  }

  .bg-black\/25 {

    background-color: color-mix(in srgb, #000 25%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-black\/25 {

      background-color: color-mix(in oklab, #000 25%, transparent);
    }

@supports (color: color-mix(in lch, red, blue)) {
.bg-black\/25 {

        background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
      }
}
  }

  .bg-white\/5 {

    background-color: color-mix(in srgb, #fff 5%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-white\/5 {

      background-color: color-mix(in oklab, #fff 5%, transparent);
    }

@supports (color: color-mix(in lch, red, blue)) {
.bg-white\/5 {

        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
}
  }

  .bg-gradient-to-b {

    --tw-gradient-position: to bottom in oklab;

    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-br {

    --tw-gradient-position: to bottom right in oklab;

    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-r {

    --tw-gradient-position: to right in oklab;

    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-\[linear-gradient\(135deg\,color-mix\(in_srgb\,var\(--c-grad-a\)_88\%\,black\)\,color-mix\(in_srgb\,var\(--c-grad-b\)_82\%\,black\)\)\] {

    background-image: linear-gradient(135deg,var(--c-grad-a),var(--c-grad-b));
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-\[linear-gradient\(135deg\,color-mix\(in_srgb\,var\(--c-grad-a\)_88\%\,black\)\,color-mix\(in_srgb\,var\(--c-grad-b\)_82\%\,black\)\)\] {

      background-image: linear-gradient(135deg,color-mix(in srgb,var(--c-grad-a) 88%,black),color-mix(in srgb,var(--c-grad-b) 82%,black));
    }
  }

  .bg-\[linear-gradient\(180deg\,color-mix\(in_srgb\,var\(--c-surface\)_55\%\,transparent\)\,rgba\(0\,0\,0\,\.25\)\)\] {

    background-image: linear-gradient(180deg,#24142d,rgba(0,0,0,.25));

    background-image: linear-gradient(180deg,var(--c-surface),rgba(0,0,0,.25));
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-\[linear-gradient\(180deg\,color-mix\(in_srgb\,var\(--c-surface\)_55\%\,transparent\)\,rgba\(0\,0\,0\,\.25\)\)\] {

      background-image: linear-gradient(180deg,color-mix(in srgb,#24142d 55%,transparent),rgba(0,0,0,.25));
    }

@supports (color: color-mix(in lch, red, blue)) {
.bg-\[linear-gradient\(180deg\,color-mix\(in_srgb\,var\(--c-surface\)_55\%\,transparent\)\,rgba\(0\,0\,0\,\.25\)\)\] {

        background-image: linear-gradient(180deg,color-mix(in srgb,var(--c-surface) 55%,transparent),rgba(0,0,0,.25));
      }
}
  }

  .bg-\[linear-gradient\(180deg\,color-mix\(in_srgb\,var\(--c-surface\)_65\%\,transparent\)\,rgba\(0\,0\,0\,\.22\)\)\] {

    background-image: linear-gradient(180deg,#24142d,rgba(0,0,0,.22));

    background-image: linear-gradient(180deg,var(--c-surface),rgba(0,0,0,.22));
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-\[linear-gradient\(180deg\,color-mix\(in_srgb\,var\(--c-surface\)_65\%\,transparent\)\,rgba\(0\,0\,0\,\.22\)\)\] {

      background-image: linear-gradient(180deg,color-mix(in srgb,#24142d 65%,transparent),rgba(0,0,0,.22));
    }

@supports (color: color-mix(in lch, red, blue)) {
.bg-\[linear-gradient\(180deg\,color-mix\(in_srgb\,var\(--c-surface\)_65\%\,transparent\)\,rgba\(0\,0\,0\,\.22\)\)\] {

        background-image: linear-gradient(180deg,color-mix(in srgb,var(--c-surface) 65%,transparent),rgba(0,0,0,.22));
      }
}
  }

  .bg-\[linear-gradient\(180deg\,color-mix\(in_srgb\,var\(--c-surface\)_70\%\,transparent\)\,rgba\(0\,0\,0\,\.22\)\)\] {

    background-image: linear-gradient(180deg,#24142d,rgba(0,0,0,.22));

    background-image: linear-gradient(180deg,var(--c-surface),rgba(0,0,0,.22));
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-\[linear-gradient\(180deg\,color-mix\(in_srgb\,var\(--c-surface\)_70\%\,transparent\)\,rgba\(0\,0\,0\,\.22\)\)\] {

      background-image: linear-gradient(180deg,color-mix(in srgb,#24142d 70%,transparent),rgba(0,0,0,.22));
    }

@supports (color: color-mix(in lch, red, blue)) {
.bg-\[linear-gradient\(180deg\,color-mix\(in_srgb\,var\(--c-surface\)_70\%\,transparent\)\,rgba\(0\,0\,0\,\.22\)\)\] {

        background-image: linear-gradient(180deg,color-mix(in srgb,var(--c-surface) 70%,transparent),rgba(0,0,0,.22));
      }
}
  }

  .from-\[color\:var\(--accent\)\] {

    --tw-gradient-from: var(--accent);

    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[color\:var\(--bg\)\]\/80 {

    --tw-gradient-from: var(--bg);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .from-\[color\:var\(--bg\)\]\/80 {

      --tw-gradient-from: color-mix(in oklab, var(--bg) 80%, transparent);
    }
  }

  .from-\[color\:var\(--bg\)\]\/80 {

    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[color\:var\(--c-grad-a\)\] {

    --tw-gradient-from: var(--c-grad-a);

    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[var\(--bg\)\] {

    --tw-gradient-from: var(--bg);

    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .via-\[color\:var\(--bg\)\]\/70 {

    --tw-gradient-via: var(--bg);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .via-\[color\:var\(--bg\)\]\/70 {

      --tw-gradient-via: color-mix(in oklab, var(--bg) 70%, transparent);
    }
  }

  .via-\[color\:var\(--bg\)\]\/70 {

    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-\[var\(--bg\)\] {

    --tw-gradient-via: var(--bg);

    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .to-\[color\:var\(--accent-secondary\)\] {

    --tw-gradient-to: var(--accent-secondary);

    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[color\:var\(--bg\)\]\/80 {

    --tw-gradient-to: var(--bg);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .to-\[color\:var\(--bg\)\]\/80 {

      --tw-gradient-to: color-mix(in oklab, var(--bg) 80%, transparent);
    }
  }

  .to-\[color\:var\(--bg\)\]\/80 {

    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[color\:var\(--c-grad-b\)\] {

    --tw-gradient-to: var(--c-grad-b);

    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[var\(--cyan\)\]\/5 {

    --tw-gradient-to: var(--cyan);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .to-\[var\(--cyan\)\]\/5 {

      --tw-gradient-to: color-mix(in oklab, var(--cyan) 5%, transparent);
    }
  }

  .to-\[var\(--cyan\)\]\/5 {

    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[var\(--green\)\]\/5 {

    --tw-gradient-to: var(--green);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .to-\[var\(--green\)\]\/5 {

      --tw-gradient-to: color-mix(in oklab, var(--green) 5%, transparent);
    }
  }

  .to-\[var\(--green\)\]\/5 {

    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[var\(--red\)\]\/10 {

    --tw-gradient-to: var(--red);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .to-\[var\(--red\)\]\/10 {

      --tw-gradient-to: color-mix(in oklab, var(--red) 10%, transparent);
    }
  }

  .to-\[var\(--red\)\]\/10 {

    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[var\(--surface\)\] {

    --tw-gradient-to: var(--surface);

    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[var\(--surface\)\]\/30 {

    --tw-gradient-to: var(--surface);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .to-\[var\(--surface\)\]\/30 {

      --tw-gradient-to: color-mix(in oklab, var(--surface) 30%, transparent);
    }
  }

  .to-\[var\(--surface\)\]\/30 {

    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .bg-clip-text {

    -webkit-background-clip: text;

            background-clip: text;
  }

  .object-cover {

    -o-object-fit: cover;

       object-fit: cover;
  }

  .p-1 {

    padding: calc(0.25rem * 1);

    padding: calc(var(--spacing) * 1);
  }

  .p-2 {

    padding: calc(0.25rem * 2);

    padding: calc(var(--spacing) * 2);
  }

  .p-3 {

    padding: calc(0.25rem * 3);

    padding: calc(var(--spacing) * 3);
  }

  .p-4 {

    padding: calc(0.25rem * 4);

    padding: calc(var(--spacing) * 4);
  }

  .p-5 {

    padding: calc(0.25rem * 5);

    padding: calc(var(--spacing) * 5);
  }

  .p-6 {

    padding: calc(0.25rem * 6);

    padding: calc(var(--spacing) * 6);
  }

  .p-7 {

    padding: calc(0.25rem * 7);

    padding: calc(var(--spacing) * 7);
  }

  .px-2 {

    padding-inline: calc(0.25rem * 2);

    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {

    padding-inline: calc(0.25rem * 2.5);

    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {

    padding-inline: calc(0.25rem * 3);

    padding-inline: calc(var(--spacing) * 3);
  }

  .px-4 {

    padding-inline: calc(0.25rem * 4);

    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {

    padding-inline: calc(0.25rem * 5);

    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {

    padding-inline: calc(0.25rem * 6);

    padding-inline: calc(var(--spacing) * 6);
  }

  .px-8 {

    padding-inline: calc(0.25rem * 8);

    padding-inline: calc(var(--spacing) * 8);
  }

  .py-1 {

    padding-block: calc(0.25rem * 1);

    padding-block: calc(var(--spacing) * 1);
  }

  .py-1\.5 {

    padding-block: calc(0.25rem * 1.5);

    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {

    padding-block: calc(0.25rem * 2);

    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {

    padding-block: calc(0.25rem * 2.5);

    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {

    padding-block: calc(0.25rem * 3);

    padding-block: calc(var(--spacing) * 3);
  }

  .py-4 {

    padding-block: calc(0.25rem * 4);

    padding-block: calc(var(--spacing) * 4);
  }

  .py-8 {

    padding-block: calc(0.25rem * 8);

    padding-block: calc(var(--spacing) * 8);
  }

  .py-12 {

    padding-block: calc(0.25rem * 12);

    padding-block: calc(var(--spacing) * 12);
  }

  .py-16 {

    padding-block: calc(0.25rem * 16);

    padding-block: calc(var(--spacing) * 16);
  }

  .pt-4 {

    padding-top: calc(0.25rem * 4);

    padding-top: calc(var(--spacing) * 4);
  }

  .pt-8 {

    padding-top: calc(0.25rem * 8);

    padding-top: calc(var(--spacing) * 8);
  }

  .pl-4 {

    padding-left: calc(0.25rem * 4);

    padding-left: calc(var(--spacing) * 4);
  }

  .text-center {

    text-align: center;
  }

  .font-mono {

    font-family: "IBM Plex Mono", monospace;

    font-family: var(--font-mono);
  }

  .font-sans {

    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    font-family: var(--font-sans);
  }

  .font-serif {

    font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;

    font-family: var(--font-serif);
  }

  .text-2xl {

    font-size: 1.5rem;

    font-size: var(--text-2xl);

    line-height: calc(2 / 1.5);

    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {

    font-size: 1.875rem;

    font-size: var(--text-3xl);

    line-height: calc(2.25 / 1.875);

    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-4xl {

    font-size: 2.25rem;

    font-size: var(--text-4xl);

    line-height: calc(2.5 / 2.25);

    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-base {

    font-size: 1rem;

    font-size: var(--text-base);

    line-height: calc(1.5 / 1);

    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {

    font-size: 1.125rem;

    font-size: var(--text-lg);

    line-height: calc(1.75 / 1.125);

    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {

    font-size: 0.875rem;

    font-size: var(--text-sm);

    line-height: calc(1.25 / 0.875);

    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {

    font-size: 1.25rem;

    font-size: var(--text-xl);

    line-height: calc(1.75 / 1.25);

    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {

    font-size: 0.75rem;

    font-size: var(--text-xs);

    line-height: calc(1 / 0.75);

    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[10px\] {

    font-size: 10px;
  }

  .text-\[11px\] {

    font-size: 11px;
  }

  .leading-6 {

    --tw-leading: calc(var(--spacing) * 6);

    line-height: calc(0.25rem * 6);

    line-height: calc(var(--spacing) * 6);
  }

  .leading-7 {

    --tw-leading: calc(var(--spacing) * 7);

    line-height: calc(0.25rem * 7);

    line-height: calc(var(--spacing) * 7);
  }

  .leading-8 {

    --tw-leading: calc(var(--spacing) * 8);

    line-height: calc(0.25rem * 8);

    line-height: calc(var(--spacing) * 8);
  }

  .leading-\[1\.1\] {

    --tw-leading: 1.1;

    line-height: 1.1;
  }

  .leading-\[1\.02\] {

    --tw-leading: 1.02;

    line-height: 1.02;
  }

  .leading-\[1\.05\] {

    --tw-leading: 1.05;

    line-height: 1.05;
  }

  .leading-normal {

    --tw-leading: var(--leading-normal);

    line-height: 1.5;

    line-height: var(--leading-normal);
  }

  .leading-relaxed {

    --tw-leading: var(--leading-relaxed);

    line-height: 1.625;

    line-height: var(--leading-relaxed);
  }

  .leading-snug {

    --tw-leading: var(--leading-snug);

    line-height: 1.375;

    line-height: var(--leading-snug);
  }

  .font-black {

    --tw-font-weight: var(--font-weight-black);

    font-weight: 900;

    font-weight: var(--font-weight-black);
  }

  .font-bold {

    --tw-font-weight: var(--font-weight-bold);

    font-weight: 700;

    font-weight: var(--font-weight-bold);
  }

  .font-extrabold {

    --tw-font-weight: var(--font-weight-extrabold);

    font-weight: 800;

    font-weight: var(--font-weight-extrabold);
  }

  .font-medium {

    --tw-font-weight: var(--font-weight-medium);

    font-weight: 500;

    font-weight: var(--font-weight-medium);
  }

  .font-normal {

    --tw-font-weight: var(--font-weight-normal);

    font-weight: 400;

    font-weight: var(--font-weight-normal);
  }

  .font-semibold {

    --tw-font-weight: var(--font-weight-semibold);

    font-weight: 600;

    font-weight: var(--font-weight-semibold);
  }

  .tracking-\[0\.12em\] {

    --tw-tracking: 0.12em;

    letter-spacing: 0.12em;
  }

  .tracking-\[0\.14em\] {

    --tw-tracking: 0.14em;

    letter-spacing: 0.14em;
  }

  .tracking-\[0\.16em\] {

    --tw-tracking: 0.16em;

    letter-spacing: 0.16em;
  }

  .tracking-\[0\.18em\] {

    --tw-tracking: 0.18em;

    letter-spacing: 0.18em;
  }

  .tracking-tight {

    --tw-tracking: var(--tracking-tight);

    letter-spacing: -0.025em;

    letter-spacing: var(--tracking-tight);
  }

  .tracking-wider {

    --tw-tracking: var(--tracking-wider);

    letter-spacing: 0.05em;

    letter-spacing: var(--tracking-wider);
  }

  .tracking-widest {

    --tw-tracking: var(--tracking-widest);

    letter-spacing: 0.1em;

    letter-spacing: var(--tracking-widest);
  }

  .text-balance {

    text-wrap: balance;
  }

  .text-\[color\:var\(--accent\)\] {

    color: var(--accent);
  }

  .text-\[color\:var\(--accent-text\)\] {

    color: var(--accent-text);
  }

  .text-\[color\:var\(--c-muted\)\] {

    color: #e879f9;

    color: var(--c-muted);
  }

  .text-\[color\:var\(--c-text\)\] {

    color: #fdf4ff;

    color: var(--c-text);
  }

  .text-\[color\:var\(--c-text\)\]\/80 {

    color: #fdf4ff;

    color: var(--c-text);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .text-\[color\:var\(--c-text\)\]\/80 {

      color: color-mix(in oklab, #fdf4ff 80%, transparent);
    }

@supports (color: color-mix(in lch, red, blue)) {
.text-\[color\:var\(--c-text\)\]\/80 {

        color: color-mix(in oklab, var(--c-text) 80%, transparent);
      }
}
  }

  .text-\[color\:var\(--c-text\)\]\/85 {

    color: #fdf4ff;

    color: var(--c-text);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .text-\[color\:var\(--c-text\)\]\/85 {

      color: color-mix(in oklab, #fdf4ff 85%, transparent);
    }

@supports (color: color-mix(in lch, red, blue)) {
.text-\[color\:var\(--c-text\)\]\/85 {

        color: color-mix(in oklab, var(--c-text) 85%, transparent);
      }
}
  }

  .text-\[color\:var\(--c-text\)\]\/86 {

    color: #fdf4ff;

    color: var(--c-text);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .text-\[color\:var\(--c-text\)\]\/86 {

      color: color-mix(in oklab, #fdf4ff 86%, transparent);
    }

@supports (color: color-mix(in lch, red, blue)) {
.text-\[color\:var\(--c-text\)\]\/86 {

        color: color-mix(in oklab, var(--c-text) 86%, transparent);
      }
}
  }

  .text-\[color\:var\(--c-text\)\]\/88 {

    color: #fdf4ff;

    color: var(--c-text);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .text-\[color\:var\(--c-text\)\]\/88 {

      color: color-mix(in oklab, #fdf4ff 88%, transparent);
    }

@supports (color: color-mix(in lch, red, blue)) {
.text-\[color\:var\(--c-text\)\]\/88 {

        color: color-mix(in oklab, var(--c-text) 88%, transparent);
      }
}
  }

  .text-\[color\:var\(--c-text\)\]\/90 {

    color: #fdf4ff;

    color: var(--c-text);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .text-\[color\:var\(--c-text\)\]\/90 {

      color: color-mix(in oklab, #fdf4ff 90%, transparent);
    }

@supports (color: color-mix(in lch, red, blue)) {
.text-\[color\:var\(--c-text\)\]\/90 {

        color: color-mix(in oklab, var(--c-text) 90%, transparent);
      }
}
  }

  .text-\[color\:var\(--green\)\] {

    color: var(--green);
  }

  .text-\[color\:var\(--text\)\] {

    color: var(--text);
  }

  .text-\[color\:var\(--text\)\]\/70 {

    color: var(--text);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .text-\[color\:var\(--text\)\]\/70 {

      color: color-mix(in oklab, var(--text) 70%, transparent);
    }
  }

  .text-\[color\:var\(--text-muted\)\] {

    color: var(--text-muted);
  }

  .text-amber-700 {

    color: oklch(55.5% 0.163 48.998);

    color: var(--color-amber-700);
  }

  .text-black {

    color: #000;

    color: var(--color-black);
  }

  .text-gray-400 {

    color: oklch(70.7% 0.022 261.325);

    color: var(--color-gray-400);
  }

  .text-transparent {

    color: transparent;
  }

  .text-white {

    color: #fff;

    color: var(--color-white);
  }

  .lowercase {

    text-transform: lowercase;
  }

  .uppercase {

    text-transform: uppercase;
  }

  .italic {

    font-style: italic;
  }

  .underline {

    text-decoration-line: underline;
  }

  .antialiased {

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;
  }

  .opacity-10 {

    opacity: 10%;
  }

  .opacity-25 {

    opacity: 25%;
  }

  .opacity-30 {

    opacity: 30%;
  }

  .opacity-60 {

    opacity: 60%;
  }

  .opacity-70 {

    opacity: 70%;
  }

  .opacity-\[0\.03\] {

    opacity: 0.03;
  }

  .shadow {

    --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), 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px 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);
  }

  .shadow-2xl {

    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 25px 50px -12px rgb(0 0 0 / 0.25);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_20px_rgba\(var\(--accent-rgb\)\,0\.3\)\] {

    --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(var(--accent-rgb),0.3));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_10px_30px_rgba\(212\,175\,55\,\.20\)\] {

    --tw-shadow: 0 10px 30px var(--tw-shadow-color, rgba(212,175,55,.20));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 10px 30px rgba(212,175,55,.20);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_15px_40px_rgba\(0\,0\,0\,\.25\)\] {

    --tw-shadow: 0 15px 40px var(--tw-shadow-color, rgba(0,0,0,.25));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 15px 40px rgba(0,0,0,.25);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_15px_40px_rgba\(212\,175\,55\,\.25\)\] {

    --tw-shadow: 0 15px 40px var(--tw-shadow-color, rgba(212,175,55,.25));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 15px 40px rgba(212,175,55,.25);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_25px_80px_rgba\(0\,0\,0\,\.35\)\] {

    --tw-shadow: 0 25px 80px var(--tw-shadow-color, rgba(0,0,0,.35));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 25px 80px rgba(0,0,0,.35);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_30px_100px_rgba\(0\,0\,0\,\.34\)\] {

    --tw-shadow: 0 30px 100px var(--tw-shadow-color, rgba(0,0,0,.34));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 30px 100px rgba(0,0,0,.34);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {

    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px 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);
  }

  .shadow-md {

    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px 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), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px 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);
  }

  .shadow-none {

    --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), 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);
  }

  .shadow-sm {

    --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), 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px 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);
  }

  .shadow-xl {

    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px 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), 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px 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);
  }

  .ring {

    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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);
  }

  .outline {

    outline-style: var(--tw-outline-style);

    outline-width: 1px;
  }

  .blur {

    --tw-blur: blur(8px);

    filter: 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,);
  }

  .grayscale {

    --tw-grayscale: grayscale(100%);

    filter:       grayscale(100%)          ;

    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:                  ;

    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 {

    --tw-backdrop-blur: blur(8px);

    backdrop-filter: blur(8px)                ;

    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-blur-2xl {

    --tw-backdrop-blur: blur(var(--blur-2xl));

    backdrop-filter: blur(40px)                ;

    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-blur-xl {

    --tw-backdrop-blur: blur(var(--blur-xl));

    backdrop-filter: blur(24px)                ;

    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 {

    backdrop-filter:                  ;

    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, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: 150ms;

    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: 150ms;

    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {

    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: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: 150ms;

    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {

    transition-property: opacity;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: 150ms;

    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-200 {

    --tw-duration: 200ms;

    transition-duration: 200ms;
  }

  .duration-300 {

    --tw-duration: 300ms;

    transition-duration: 300ms;
  }

  .ease-in-out {

    --tw-ease: var(--ease-in-out);

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--ease-in-out);
  }

  .ease-out {

    --tw-ease: var(--ease-out);

    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);

    transition-timing-function: var(--ease-out);
  }

  .\[background\:radial-gradient\(700px_circle_at_15\%_20\%\,rgba\(255\,255\,255\,\.14\)\,transparent_40\%\)\,radial-gradient\(520px_circle_at_80\%_15\%\,rgba\(212\,175\,55\,\.20\)\,transparent_35\%\)\,linear-gradient\(180deg\,transparent\,rgba\(0\,0\,0\,\.35\)\)\] {

    background: radial-gradient(700px circle at 15% 20%,rgba(255,255,255,.14),transparent 40%),radial-gradient(520px circle at 80% 15%,rgba(212,175,55,.20),transparent 35%),linear-gradient(180deg,transparent,rgba(0,0,0,.35));
  }

  .\[background\:radial-gradient\(900px_circle_at_20\%_10\%\,rgba\(212\,175\,55\,\.35\)\,transparent_45\%\)\,radial-gradient\(900px_circle_at_90\%_20\%\,rgba\(59\,130\,246\,\.28\)\,transparent_48\%\)\,radial-gradient\(900px_circle_at_50\%_95\%\,rgba\(34\,197\,94\,\.18\)\,transparent_55\%\)\] {

    background: radial-gradient(900px circle at 20% 10%,rgba(212,175,55,.35),transparent 45%),radial-gradient(900px circle at 90% 20%,rgba(59,130,246,.28),transparent 48%),radial-gradient(900px circle at 50% 95%,rgba(34,197,94,.18),transparent 55%);
  }

  @media (hover: hover) {

    .group-hover\:text-\[color\:var\(--c-accent\)\]:is(:where(.group):hover *) {

      color: #d946ef;

      color: var(--c-accent);
    }
  }

  @media (hover: hover) {

    .group-hover\:opacity-80:is(:where(.group):hover *) {

      opacity: 80%;
    }
  }

  .last\:border-r-0:last-child {

    border-right-style: var(--tw-border-style);

    border-right-width: 0px;
  }

  @media (hover: hover) {

    .hover\:scale-\[1\.02\]:hover {

      scale: 1.02;
    }
  }

  @media (hover: hover) {

    .hover\:border-\[color\:var\(--accent\)\]:hover {

      border-color: var(--accent);
    }
  }

  @media (hover: hover) {

    .hover\:border-white\/20:hover {

      border-color: color-mix(in srgb, #fff 20%, transparent);
    }

    @supports (color: color-mix(in lab, red, red)) {

      .hover\:border-white\/20:hover {

        border-color: color-mix(in oklab, #fff 20%, transparent);
      }

@supports (color: color-mix(in lch, red, blue)) {
.hover\:border-white\/20:hover {

          border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
        }
}
    }
  }

  @media (hover: hover) {

    .hover\:bg-\[color\:var\(--accent\)\]:hover {

      background-color: var(--accent);
    }
  }

  @media (hover: hover) {

    .hover\:bg-\[color\:var\(--accent\)\]\/10:hover {

      background-color: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {

      .hover\:bg-\[color\:var\(--accent\)\]\/10:hover {

        background-color: color-mix(in oklab, var(--accent) 10%, transparent);
      }
    }
  }

  @media (hover: hover) {

    .hover\:bg-\[color\:var\(--surface\)\]\/50:hover {

      background-color: var(--surface);
    }

    @supports (color: color-mix(in lab, red, red)) {

      .hover\:bg-\[color\:var\(--surface\)\]\/50:hover {

        background-color: color-mix(in oklab, var(--surface) 50%, transparent);
      }
    }
  }

  @media (hover: hover) {

    .hover\:bg-white\/5:hover {

      background-color: color-mix(in srgb, #fff 5%, transparent);
    }

    @supports (color: color-mix(in lab, red, red)) {

      .hover\:bg-white\/5:hover {

        background-color: color-mix(in oklab, #fff 5%, transparent);
      }

@supports (color: color-mix(in lch, red, blue)) {
.hover\:bg-white\/5:hover {

          background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
        }
}
    }
  }

  @media (hover: hover) {

    .hover\:text-\[color\:var\(--accent\)\]:hover {

      color: var(--accent);
    }
  }

  @media (hover: hover) {

    .hover\:text-\[color\:var\(--bg\)\]:hover {

      color: var(--bg);
    }
  }

  @media (hover: hover) {

    .hover\:text-\[color\:var\(--c-accent\)\]:hover {

      color: #d946ef;

      color: var(--c-accent);
    }
  }

  @media (hover: hover) {

    .hover\:text-\[color\:var\(--c-text\)\]:hover {

      color: #fdf4ff;

      color: var(--c-text);
    }
  }

  @media (hover: hover) {

    .hover\:text-\[color\:var\(--text\)\]:hover {

      color: var(--text);
    }
  }

  @media (hover: hover) {

    .hover\:underline:hover {

      text-decoration-line: underline;
    }
  }

  @media (hover: hover) {

    .hover\:shadow:hover {

      --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), 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px 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);
    }
  }

  @media (hover: hover) {

    .hover\:shadow-\[0_0_30px_rgba\(var\(--accent-rgb\)\,0\.5\)\]:hover {

      --tw-shadow: 0 0 30px var(--tw-shadow-color, rgba(var(--accent-rgb),0.5));

      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {

    .hover\:shadow-lg:hover {

      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px 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);
    }
  }

  @media (hover: hover) {

    .hover\:brightness-110:hover {

      --tw-brightness: brightness(110%);

      filter:   brightness(110%)              ;

      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,);
    }
  }

  .focus\:not-sr-only:focus {

    position: static;

    width: auto;

    height: auto;

    padding: 0;

    margin: 0;

    overflow: visible;

    clip-path: none;

    white-space: normal;
  }

  .focus\:absolute:focus {

    position: absolute;
  }

  .focus\:top-4:focus {

    top: calc(0.25rem * 4);

    top: calc(var(--spacing) * 4);
  }

  .focus\:left-4:focus {

    left: calc(0.25rem * 4);

    left: calc(var(--spacing) * 4);
  }

  .focus\:z-\[9999\]:focus {

    z-index: 9999;
  }

  .focus\:rounded-lg:focus {

    border-radius: 0.75rem;

    border-radius: var(--radius-lg);
  }

  .focus\:bg-\[color\:var\(--accent\)\]:focus {

    background-color: var(--accent);
  }

  .focus\:px-4:focus {

    padding-inline: calc(0.25rem * 4);

    padding-inline: calc(var(--spacing) * 4);
  }

  .focus\:py-2:focus {

    padding-block: calc(0.25rem * 2);

    padding-block: calc(var(--spacing) * 2);
  }

  .focus\:font-bold:focus {

    --tw-font-weight: var(--font-weight-bold);

    font-weight: 700;

    font-weight: var(--font-weight-bold);
  }

  .focus\:text-white:focus {

    color: #fff;

    color: var(--color-white);
  }

  .focus\:shadow-lg:focus {

    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px 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);
  }

  @media (width >= 40rem) {

    .sm\:col-span-2 {

      grid-column: span 2 / span 2;
    }
  }

  @media (width >= 40rem) {

    .sm\:inline {

      display: inline;
    }
  }

  @media (width >= 40rem) {

    .sm\:inline-flex {

      display: inline-flex;
    }
  }

  @media (width >= 40rem) {

    .sm\:grid-cols-2 {

      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (width >= 40rem) {

    .sm\:grid-cols-3 {

      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (width >= 40rem) {

    .sm\:grid-cols-4 {

      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (width >= 40rem) {

    .sm\:grid-cols-\[auto_auto\] {

      grid-template-columns: auto auto;
    }
  }

  @media (width >= 40rem) {

    .sm\:flex-row {

      flex-direction: row;
    }
  }

  @media (width >= 40rem) {

    .sm\:items-center {

      align-items: center;
    }
  }

  @media (width >= 40rem) {

    .sm\:justify-start {

      justify-content: flex-start;
    }
  }

  @media (width >= 40rem) {

    .sm\:p-8 {

      padding: calc(0.25rem * 8);

      padding: calc(var(--spacing) * 8);
    }
  }

  @media (width >= 40rem) {

    .sm\:p-10 {

      padding: calc(0.25rem * 10);

      padding: calc(var(--spacing) * 10);
    }
  }

  @media (width >= 40rem) {

    .sm\:px-6 {

      padding-inline: calc(0.25rem * 6);

      padding-inline: calc(var(--spacing) * 6);
    }
  }

  @media (width >= 40rem) {

    .sm\:px-10 {

      padding-inline: calc(0.25rem * 10);

      padding-inline: calc(var(--spacing) * 10);
    }
  }

  @media (width >= 40rem) {

    .sm\:py-10 {

      padding-block: calc(0.25rem * 10);

      padding-block: calc(var(--spacing) * 10);
    }
  }

  @media (width >= 40rem) {

    .sm\:py-24 {

      padding-block: calc(0.25rem * 24);

      padding-block: calc(var(--spacing) * 24);
    }
  }

  @media (width >= 40rem) {

    .sm\:text-left {

      text-align: left;
    }
  }

  @media (width >= 40rem) {

    .sm\:text-5xl {

      font-size: 3rem;

      font-size: var(--text-5xl);

      line-height: 1;

      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }

  @media (width >= 40rem) {

    .sm\:text-6xl {

      font-size: 3.75rem;

      font-size: var(--text-6xl);

      line-height: 1;

      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }

  @media (width >= 48rem) {

    .md\:col-span-1 {

      grid-column: span 1 / span 1;
    }
  }

  @media (width >= 48rem) {

    .md\:flex {

      display: flex;
    }
  }

  @media (width >= 48rem) {

    .md\:hidden {

      display: none;
    }
  }

  @media (width >= 48rem) {

    .md\:grid-cols-2 {

      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (width >= 48rem) {

    .md\:grid-cols-3 {

      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (width >= 48rem) {

    .md\:grid-cols-4 {

      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (width >= 48rem) {

    .md\:grid-cols-\[1\.2fr_\.8fr_1fr\] {

      grid-template-columns: 1.2fr .8fr 1fr;
    }
  }

  @media (width >= 48rem) {

    .md\:grid-cols-\[1fr_1fr_1fr\] {

      grid-template-columns: 1fr 1fr 1fr;
    }
  }

  @media (width >= 48rem) {

    .md\:flex-row {

      flex-direction: row;
    }
  }

  @media (width >= 48rem) {

    .md\:text-left {

      text-align: left;
    }
  }

  @media (width >= 64rem) {

    .lg\:col-span-2 {

      grid-column: span 2 / span 2;
    }
  }

  @media (width >= 64rem) {

    .lg\:row-span-2 {

      grid-row: span 2 / span 2;
    }
  }

  @media (width >= 64rem) {

    .lg\:mt-2 {

      margin-top: calc(0.25rem * 2);

      margin-top: calc(var(--spacing) * 2);
    }
  }

  @media (width >= 64rem) {

    .lg\:flex {

      display: flex;
    }
  }

  @media (width >= 64rem) {

    .lg\:hidden {

      display: none;
    }
  }

  @media (width >= 64rem) {

    .lg\:grid-cols-2 {

      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (width >= 64rem) {

    .lg\:grid-cols-3 {

      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (width >= 64rem) {

    .lg\:grid-cols-4 {

      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (width >= 64rem) {

    .lg\:grid-cols-\[\.8fr_1\.2fr\] {

      grid-template-columns: .8fr 1.2fr;
    }
  }

  @media (width >= 64rem) {

    .lg\:grid-cols-\[\.9fr_1\.1fr\] {

      grid-template-columns: .9fr 1.1fr;
    }
  }

  @media (width >= 64rem) {

    .lg\:grid-cols-\[\.95fr_1\.05fr\] {

      grid-template-columns: .95fr 1.05fr;
    }
  }

  @media (width >= 64rem) {

    .lg\:grid-cols-\[1\.1fr_\.9fr\] {

      grid-template-columns: 1.1fr .9fr;
    }
  }

  @media (width >= 64rem) {

    .lg\:grid-cols-\[1\.2fr_\.8fr\] {

      grid-template-columns: 1.2fr .8fr;
    }
  }

  @media (width >= 64rem) {

    .lg\:grid-cols-\[1\.05fr_\.95fr\] {

      grid-template-columns: 1.05fr .95fr;
    }
  }

  @media (width >= 64rem) {

    .lg\:grid-cols-\[1\.15fr_\.85fr\] {

      grid-template-columns: 1.15fr .85fr;
    }
  }

  @media (width >= 64rem) {

    .lg\:grid-cols-\[1\.25fr_\.75fr\] {

      grid-template-columns: 1.25fr .75fr;
    }
  }

  @media (width >= 64rem) {

    .lg\:grid-cols-\[1fr_320px\] {

      grid-template-columns: 1fr 320px;
    }
  }

  @media (width >= 64rem) {

    .lg\:gap-12 {

      gap: calc(0.25rem * 12);

      gap: calc(var(--spacing) * 12);
    }
  }

  @media (width >= 64rem) {

    .lg\:px-8 {

      padding-inline: calc(0.25rem * 8);

      padding-inline: calc(var(--spacing) * 8);
    }
  }

  @media (width >= 64rem) {

    .lg\:py-16 {

      padding-block: calc(0.25rem * 16);

      padding-block: calc(var(--spacing) * 16);
    }
  }

  @media (width >= 64rem) {

    .lg\:py-32 {

      padding-block: calc(0.25rem * 32);

      padding-block: calc(var(--spacing) * 32);
    }
  }

  @media (width >= 64rem) {

    .lg\:text-6xl {

      font-size: 3.75rem;

      font-size: var(--text-6xl);

      line-height: 1;

      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }

  @media (width >= 80rem) {

    .xl\:col-span-2 {

      grid-column: span 2 / span 2;
    }
  }

  @media (width >= 80rem) {

    .xl\:inline-flex {

      display: inline-flex;
    }
  }

  @media (width >= 80rem) {

    .xl\:grid-cols-4 {

      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
}

:root {

  --color-primary: #121212;

  --color-accent: #C70039;

  --color-accent-hover: #A0002E;

  --color-bg: #FFFFFF;

  --color-surface: #FAFAFA;

  --color-surface-elevated: #FFFFFF;

  --color-border: #E5E5E5;

  --color-border-subtle: #F0F0F0;

  --color-text: #1A1A1A;

  --color-text-secondary: #666666;

  --color-text-muted: #999999;

  --color-text-inverse: #FFFFFF;

  --color-success: #22C55E;

  --color-warning: #F59E0B;

  --color-error: #EF4444;

  --color-info: #3B82F6;

  --font-display: 'Playfair Display', Georgia, serif;

  --font-body: 'Source Sans 3', system-ui, -apple-system, sans-serif;

  --font-mono: 'JetBrains Mono', monospace;

  --space-1: 0.25rem;

  --space-2: 0.5rem;

  --space-3: 0.75rem;

  --space-4: 1rem;

  --space-5: 1.25rem;

  --space-6: 1.5rem;

  --space-8: 2rem;

  --space-10: 2.5rem;

  --space-12: 3rem;

  --space-16: 4rem;

  --space-20: 5rem;

  --space-24: 6rem;

  --container-sm: 640px;

  --container-md: 768px;

  --container-lg: 1024px;

  --container-xl: 1200px;

  --container-2xl: 1400px;

  --radius-sm: 0.25rem;

  --radius-md: 0.5rem;

  --radius-lg: 0.75rem;

  --radius-xl: 1rem;

  --radius-2xl: 1.5rem;

  --radius-full: 9999px;

  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);

  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);

  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);

  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);

  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);

  --transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);

  --transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);
}

@layer utilities {

  .text-balance {

    text-wrap: balance;
  }

  .gradient-text {

    background: linear-gradient(135deg, #d946ef 0%, #A0002E 100%);

    background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-hover) 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
  }
}

@layer components {

  .btn-primary {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding-inline: calc(0.25rem * 6);

    padding-inline: calc(var(--spacing) * 6);

    padding-block: calc(0.25rem * 3);

    padding-block: calc(var(--spacing) * 3);

    background-color: #d946ef;

    background-color: var(--color-accent);

    --tw-font-weight: var(--font-weight-semibold);

    font-weight: 600;

    font-weight: var(--font-weight-semibold);

    color: #fff;

    color: var(--color-white);

    border-radius: 0.5rem;

    border-radius: var(--radius-md);

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: 300ms;

    transition-duration: var(--tw-duration, var(--default-transition-duration));

    --tw-duration: 300ms;

    transition-duration: 300ms;
  }

  .btn-primary:hover {

    --tw-translate-y: calc(var(--spacing) * -0.5);

    translate: var(--tw-translate-x) calc(0.25rem * -0.5);

    translate: var(--tw-translate-x) var(--tw-translate-y);

    background-color: #A0002E;

    background-color: var(--color-accent-hover);

    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

    box-shadow: var(--shadow-lg);
  }
}

:root {

  --c-primary: #d946ef;

  --c-accent: #d946ef;

  --c-cta-text: #000000;

  --c-bg: #140a1a;

  --c-surface: #24142d;

  --c-text: #fdf4ff;

  --c-muted: #e879f9;

  --c-border: #d946ef;

  --color-primary: #d946ef;

  --color-accent: #d946ef;

  --color-bg: #140a1a;

  --color-surface: #24142d;

  --color-text: #fdf4ff;

  --color-muted: #e879f9;

  --color-border: #d946ef;

  --font-display: "Nunito", sans-serif;

  --font-body: "Open Sans", sans-serif;

  --font-mono: "IBM Plex Mono", monospace;

  --display-font: var(--font-display);

  --body-font: var(--font-body);

  --space-4: 1rem;

  --space-6: 1.5rem;

  --space-8: 2rem;
}

@keyframes l7-fade-up {

  from {

    opacity: 0;

    transform: translateY(22px);
  }

  to {

    opacity: 1;

    transform: translateY(0);
  }
}

@keyframes l7-float {

  0%, 100% {

    transform: translateY(0);
  }

  50% {

    transform: translateY(-4px);
  }
}

@keyframes l7-glow {

  0%, 100% {

    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.16);
  }

  50% {

    box-shadow: 0 24px 56px rgba(59, 130, 246, 0.18);
  }
}

:root {

  --l7-shell-surface: var(--color-bg, #0f172a);
}

@supports (color: color-mix(in lab, red, red)) {

  :root {

    --l7-shell-surface: color-mix(in srgb, var(--color-bg, #0f172a) 82%, #ffffff 18%);
  }
}

:root {

  --l7-shell-surface-strong: var(--color-bg, #0f172a);
}

@supports (color: color-mix(in lab, red, red)) {

  :root {

    --l7-shell-surface-strong: color-mix(in srgb, var(--color-bg, #0f172a) 72%, #ffffff 28%);
  }
}

:root {

  --l7-shell-border: var(--color-primary, #2563eb);
}

@supports (color: color-mix(in lab, red, red)) {

  :root {

    --l7-shell-border: color-mix(in srgb, var(--color-primary, #2563eb) 18%, rgba(255, 255, 255, 0.12));
  }
}

:root {

  --l7-shell-accent: var(--color-primary, #2563eb);

  --l7-shell-text: var(--color-text, #f8fafc);

  --l7-shell-muted: var(--color-text, #f8fafc);
}

@supports (color: color-mix(in lab, red, red)) {

  :root {

    --l7-shell-muted: color-mix(in srgb, var(--color-text, #f8fafc) 56%, transparent);
  }
}

:root {

  --l7-shell-radius: 24px;

  --l7-shell-shadow: 0 18px 48px rgba(15, 23, 42, 0.12);

  --l7-shell-gap: clamp(1rem, 2vw, 1.5rem);
}

header a[href],
nav a[href],
footer a[href],
button,
summary,
.menuBtn,
.topCta,
.nav-link,
.brand,
.neumorph-cta {

  min-height: 44px;

  display: inline-flex;

  align-items: center;
}

@media (max-width: 767px) {

  header a[href],
  nav a[href],
  main a[href],
  footer a[href],
  button,
  input,
  select,
  textarea,
  summary {

    min-height: 44px;

    touch-action: manipulation;
  }

  header a[href],
  nav a[href],
  main a[href],
  footer a[href],
  button,
  summary {

    display: inline-flex;

    align-items: center;

    padding-block: max(0.55rem, env(safe-area-inset-top, 0rem));
  }
}

.l7-shell {

  position: relative;

  padding: clamp(1.5rem, 3vw, 2.5rem) 0 clamp(3rem, 5vw, 4.5rem);
}

.l7-shell::before {

  content: "";

  position: absolute;

  inset: 0 0 auto;

  height: min(38rem, 62vh);

  background: radial-gradient(circle at top left, #ff6b35, transparent 52%),
    radial-gradient(circle at top right, #ffffff, transparent 50%);

  background: radial-gradient(circle at top left, var(--l7-shell-accent), transparent 52%),
    radial-gradient(circle at top right, var(--color-text, #ffffff), transparent 50%);
}

@supports (color: color-mix(in lab, red, red)) {

  .l7-shell::before {

    background: radial-gradient(circle at top left, color-mix(in srgb, #ff6b35 16%, transparent), transparent 52%),
    radial-gradient(circle at top right, color-mix(in srgb, #ffffff 9%, transparent), transparent 50%);
  }

@supports (color: color-mix(in lch, red, blue)) {
.l7-shell::before {

      background: radial-gradient(circle at top left, color-mix(in srgb, var(--l7-shell-accent) 16%, transparent), transparent 52%),
    radial-gradient(circle at top right, color-mix(in srgb, var(--color-text, #ffffff) 9%, transparent), transparent 50%);
    }
}
}

.l7-shell::before {

  opacity: 0.78;

  pointer-events: none;

  z-index: 0;
}

.l7-shell > * {

  position: relative;

  z-index: 1;
}

.l7-shell__hero {

  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

.l7-shell__hero-grid {

  display: grid;

  grid-template-columns: minmax(0, 1.55fr) minmax(18rem, 0.95fr);

  grid-gap: clamp(1rem, 2vw, 1.5rem);

  gap: clamp(1rem, 2vw, 1.5rem);

  align-items: stretch;
}

.l7-shell__hero-copy,
.l7-shell__hero-card,
.l7-shell__lead-card,
.l7-shell__section,
.l7-shell__quickinfo,
.l7-shell__conclusion,
.l7-shell__faq-wrap,
.l7-shell__category-card {

  background: linear-gradient(180deg, #0a0a0a, #0a0a0a);

  background: linear-gradient(180deg, var(--l7-shell-surface), var(--l7-shell-surface-strong));
}

@supports (color: color-mix(in lab, red, red)) {

  .l7-shell__hero-copy,
.l7-shell__hero-card,
.l7-shell__lead-card,
.l7-shell__section,
.l7-shell__quickinfo,
.l7-shell__conclusion,
.l7-shell__faq-wrap,
.l7-shell__category-card {

    background: linear-gradient(180deg, color-mix(in srgb, #0a0a0a 84%, transparent), color-mix(in srgb, #0a0a0a 94%, transparent));
  }

@supports (color: color-mix(in lch, red, blue)) {
.l7-shell__hero-copy,
.l7-shell__hero-card,
.l7-shell__lead-card,
.l7-shell__section,
.l7-shell__quickinfo,
.l7-shell__conclusion,
.l7-shell__faq-wrap,
.l7-shell__category-card {

      background: linear-gradient(180deg, color-mix(in srgb, var(--l7-shell-surface) 84%, transparent), color-mix(in srgb, var(--l7-shell-surface-strong) 94%, transparent));
    }
}
}

.l7-shell__hero-copy,
.l7-shell__hero-card,
.l7-shell__lead-card,
.l7-shell__section,
.l7-shell__quickinfo,
.l7-shell__conclusion,
.l7-shell__faq-wrap,
.l7-shell__category-card {

  border: 1px solid #ff6b35;

  border: 1px solid var(--l7-shell-border);

  border-radius: 24px;

  border-radius: var(--l7-shell-radius);

  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.12);

  box-shadow: var(--l7-shell-shadow);

  backdrop-filter: blur(18px);

  -webkit-backdrop-filter: blur(18px);
}

.l7-shell__hero-copy,
.l7-shell__hero-card {

  padding: clamp(1.25rem, 2.4vw, 2rem);
}

.l7-shell__eyebrow {

  display: inline-flex;

  align-items: center;

  gap: 0.6rem;

  padding: 0.55rem 0.85rem;

  border-radius: 999px;

  border: 1px solid #ff6b35;

  border: 1px solid var(--l7-shell-accent);
}

@supports (color: color-mix(in lab, red, red)) {

  .l7-shell__eyebrow {

    border: 1px solid color-mix(in srgb, #ff6b35 24%, transparent);
  }

@supports (color: color-mix(in lch, red, blue)) {
.l7-shell__eyebrow {

      border: 1px solid color-mix(in srgb, var(--l7-shell-accent) 24%, transparent);
    }
}
}

.l7-shell__eyebrow {

  background: #ff6b35;

  background: var(--l7-shell-accent);
}

@supports (color: color-mix(in lab, red, red)) {

  .l7-shell__eyebrow {

    background: color-mix(in srgb, #ff6b35 12%, transparent);
  }

@supports (color: color-mix(in lch, red, blue)) {
.l7-shell__eyebrow {

      background: color-mix(in srgb, var(--l7-shell-accent) 12%, transparent);
    }
}
}

.l7-shell__eyebrow {

  color: #ffffff;

  color: var(--l7-shell-text);

  font-size: 0.78rem;

  font-weight: 700;

  letter-spacing: 0.08em;

  text-transform: uppercase;

  margin-bottom: 1rem;
}

.l7-shell__eyebrow i,
.l7-shell__meta i,
.l7-shell__stat i,
.l7-shell__cta i,
.l7-shell__section-title i,
.l7-shell__category-card h2 i {

  color: #ff6b35;

  color: var(--l7-shell-accent);
}

.l7-shell__breadcrumbs {

  display: flex;

  flex-wrap: wrap;

  gap: 0.55rem;

  align-items: center;

  margin-bottom: 1rem;

  color: #ffffff;

  color: var(--l7-shell-muted);

  font-size: 0.92rem;
}

.l7-shell__breadcrumbs a {

  color: inherit;

  text-decoration: none;
}

.l7-shell__breadcrumbs a:hover {

  color: #ffffff;

  color: var(--l7-shell-text);
}

.l7-shell__title {

  font-size: clamp(2rem, 5vw, 4rem);

  line-height: 0.98;

  letter-spacing: -0.04em;

  margin: 0 0 0.9rem;

  color: #ffffff;

  color: var(--l7-shell-text);

  text-wrap: balance;
}

.l7-shell__summary,
.l7-shell__lead,
.l7-shell__hero-note,
.l7-shell__quickinfo .geo-context {

  color: #ffffff;

  color: var(--l7-shell-muted);

  font-size: clamp(1rem, 1.5vw, 1.08rem);

  line-height: 1.75;
}

.l7-shell__meta {

  display: flex;

  flex-wrap: wrap;

  gap: 0.8rem;

  margin: 1.2rem 0 1.35rem;
}

.l7-shell__meta span {

  display: inline-flex;

  align-items: center;

  gap: 0.55rem;

  padding: 0.6rem 0.9rem;

  border-radius: 999px;

  border: 1px solid #ff6b35;

  border: 1px solid var(--l7-shell-border);
}

@supports (color: color-mix(in lab, red, red)) {

  .l7-shell__meta span {

    border: 1px solid color-mix(in srgb, #ff6b35 84%, transparent);
  }

@supports (color: color-mix(in lch, red, blue)) {
.l7-shell__meta span {

      border: 1px solid color-mix(in srgb, var(--l7-shell-border) 84%, transparent);
    }
}
}

.l7-shell__meta span {

  background: #0a0a0a;

  background: var(--l7-shell-surface-strong);
}

@supports (color: color-mix(in lab, red, red)) {

  .l7-shell__meta span {

    background: color-mix(in srgb, #0a0a0a 72%, transparent);
  }

@supports (color: color-mix(in lch, red, blue)) {
.l7-shell__meta span {

      background: color-mix(in srgb, var(--l7-shell-surface-strong) 72%, transparent);
    }
}
}

.l7-shell__meta span {

  color: #ffffff;

  color: var(--l7-shell-text);

  font-size: 0.9rem;
}

.l7-shell__actions {

  display: flex;

  flex-wrap: wrap;

  gap: 0.9rem;
}

.l7-shell__cta {

  display: inline-flex;

  align-items: center;

  gap: 0.65rem;

  min-height: 3.2rem;

  padding: 0.95rem 1.2rem;

  border-radius: 999px;

  border: 1px solid transparent;

  text-decoration: none;

  font-weight: 700;

  transition: transform 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease,
    box-shadow 180ms ease;
}

.l7-shell__cta--primary {

  color: #fff;

  background: linear-gradient(135deg, #ff6b35, #ff6b35);

  background: linear-gradient(135deg, var(--l7-shell-accent), var(--l7-shell-accent));
}

@supports (color: color-mix(in lab, red, red)) {

  .l7-shell__cta--primary {

    background: linear-gradient(135deg, #ff6b35, color-mix(in srgb, #ff6b35 66%, #ffffff 34%));
  }

@supports (color: color-mix(in lch, red, blue)) {
.l7-shell__cta--primary {

      background: linear-gradient(135deg, var(--l7-shell-accent), color-mix(in srgb, var(--l7-shell-accent) 66%, #ffffff 34%));
    }
}
}

.l7-shell__cta--primary {

  box-shadow: 0 14px 32px #ff6b35;

  box-shadow: 0 14px 32px var(--l7-shell-accent);
}

@supports (color: color-mix(in lab, red, red)) {

  .l7-shell__cta--primary {

    box-shadow: 0 14px 32px color-mix(in srgb, #ff6b35 28%, transparent);
  }

@supports (color: color-mix(in lch, red, blue)) {
.l7-shell__cta--primary {

      box-shadow: 0 14px 32px color-mix(in srgb, var(--l7-shell-accent) 28%, transparent);
    }
}
}

.l7-shell__cta--ghost {

  color: #ffffff;

  color: var(--l7-shell-text);

  border-color: #ff6b35;

  border-color: var(--l7-shell-border);

  background: #0a0a0a;

  background: var(--l7-shell-surface-strong);
}

@supports (color: color-mix(in lab, red, red)) {

  .l7-shell__cta--ghost {

    background: color-mix(in srgb, #0a0a0a 64%, transparent);
  }

@supports (color: color-mix(in lch, red, blue)) {
.l7-shell__cta--ghost {

      background: color-mix(in srgb, var(--l7-shell-surface-strong) 64%, transparent);
    }
}
}

.l7-shell__cta:hover {

  transform: translateY(-2px);
}

.l7-shell__hero-card {

  display: grid;

  grid-gap: 0.9rem;

  gap: 0.9rem;

  align-content: start;

  animation: l7-glow 6s ease-in-out infinite;
}

.l7-shell__hero-card h2 {

  margin: 0;

  font-size: clamp(1.15rem, 2vw, 1.45rem);

  color: #ffffff;

  color: var(--l7-shell-text);
}

.l7-shell__hero-card p {

  margin: 0;

  color: #ffffff;

  color: var(--l7-shell-muted);
}

.l7-shell__stat {

  display: grid;

  grid-template-columns: auto 1fr;

  grid-gap: 0.8rem;

  gap: 0.8rem;

  align-items: start;

  padding: 0.9rem 0;

  border-top: 1px solid #ff6b35;

  border-top: 1px solid var(--l7-shell-border);
}

@supports (color: color-mix(in lab, red, red)) {

  .l7-shell__stat {

    border-top: 1px solid color-mix(in srgb, #ff6b35 78%, transparent);
  }

@supports (color: color-mix(in lch, red, blue)) {
.l7-shell__stat {

      border-top: 1px solid color-mix(in srgb, var(--l7-shell-border) 78%, transparent);
    }
}
}

.l7-shell__stat:first-of-type {

  border-top: 0;

  padding-top: 0.15rem;
}

.l7-shell__stat i {

  font-size: 1.2rem;

  margin-top: 0.15rem;
}

.l7-shell__stat strong {

  display: block;

  color: #ffffff;

  color: var(--l7-shell-text);
}

.l7-shell__body {

  display: grid;

  grid-gap: clamp(1rem, 2vw, 1.5rem);

  grid-gap: var(--l7-shell-gap);

  gap: clamp(1rem, 2vw, 1.5rem);

  gap: var(--l7-shell-gap);
}

.l7-shell__lead-card,
.l7-shell__section,
.l7-shell__quickinfo,
.l7-shell__conclusion,
.l7-shell__faq-wrap {

  padding: clamp(1.1rem, 2vw, 1.6rem);

  max-width: 1120px;

  width: min(100%, 1120px);

  margin-inline: auto;
}

.l7-shell__media {

  margin-top: 1rem;

  border-radius: calc(24px - 8px);

  border-radius: calc(var(--l7-shell-radius) - 8px);

  overflow: hidden;

  border: 1px solid #ff6b35;

  border: 1px solid var(--l7-shell-border);
}

@supports (color: color-mix(in lab, red, red)) {

  .l7-shell__media {

    border: 1px solid color-mix(in srgb, #ff6b35 90%, transparent);
  }

@supports (color: color-mix(in lch, red, blue)) {
.l7-shell__media {

      border: 1px solid color-mix(in srgb, var(--l7-shell-border) 90%, transparent);
    }
}
}

.l7-shell__media img {

  width: 100%;

  height: auto;

  -o-object-fit: cover;

     object-fit: cover;
}

.l7-shell__section {

  animation: l7-fade-up 500ms ease both;
}

.l7-shell__section-title,
.l7-shell__quickinfo h2,
.l7-shell__faq-wrap > h2,
.l7-shell__conclusion h2,
.l7-shell__category-card h2 {

  display: flex;

  align-items: center;

  gap: 0.75rem;

  margin: 0 0 1rem;

  color: #ffffff;

  color: var(--l7-shell-text);

  font-size: clamp(1.2rem, 2vw, 1.55rem);
}

.l7-shell__section-body > p,
.l7-shell__conclusion > p,
.l7-shell__category-card p,
.l7-shell__lead-card > p {

  margin: 0.9rem 0 0;

  color: #ffffff;

  color: var(--l7-shell-muted);

  line-height: 1.8;
}

.l7-shell__section-body > p:first-child,
.l7-shell__lead-card > p:first-child {

  margin-top: 0;
}

.l7-shell__network-intro {

  margin: 0 0 1rem;

  color: #ffffff;

  color: var(--l7-shell-muted);

  line-height: 1.75;
}

.l7-shell__network-list {

  list-style: none;

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));

  grid-gap: 0.9rem;

  gap: 0.9rem;

  margin: 0;

  padding: 0;
}

.l7-shell__network-item {

  margin: 0;
}

.l7-shell__network-link {

  display: grid;

  grid-gap: 0.35rem;

  gap: 0.35rem;

  min-height: 100%;

  padding: 1rem 1.05rem;

  border-radius: calc(24px - 10px);

  border-radius: calc(var(--l7-shell-radius) - 10px);

  border: 1px solid #ff6b35;

  border: 1px solid var(--l7-shell-accent);
}

@supports (color: color-mix(in lab, red, red)) {

  .l7-shell__network-link {

    border: 1px solid color-mix(in srgb, #ff6b35 18%, transparent);
  }

@supports (color: color-mix(in lch, red, blue)) {
.l7-shell__network-link {

      border: 1px solid color-mix(in srgb, var(--l7-shell-accent) 18%, transparent);
    }
}
}

.l7-shell__network-link {

  background: #0a0a0a;

  background: var(--l7-shell-surface-strong);
}

@supports (color: color-mix(in lab, red, red)) {

  .l7-shell__network-link {

    background: color-mix(in srgb, #0a0a0a 72%, transparent);
  }

@supports (color: color-mix(in lch, red, blue)) {
.l7-shell__network-link {

      background: color-mix(in srgb, var(--l7-shell-surface-strong) 72%, transparent);
    }
}
}

.l7-shell__network-link {

  color: #ffffff;

  color: var(--l7-shell-text);

  text-decoration: none;

  transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

.l7-shell__network-link:hover {

  transform: translateY(-2px);

  border-color: #ff6b35;

  border-color: var(--l7-shell-accent);
}

@supports (color: color-mix(in lab, red, red)) {

  .l7-shell__network-link:hover {

    border-color: color-mix(in srgb, #ff6b35 34%, transparent);
  }

@supports (color: color-mix(in lch, red, blue)) {
.l7-shell__network-link:hover {

      border-color: color-mix(in srgb, var(--l7-shell-accent) 34%, transparent);
    }
}
}

.l7-shell__network-domain {

  color: #ffffff;

  color: var(--l7-shell-muted);

  font-size: 0.82rem;

  letter-spacing: 0.04em;

  text-transform: uppercase;
}

.l7-shell__category-grid {

  display: grid;

  grid-template-columns: repeat(12, minmax(0, 1fr));

  grid-gap: clamp(1rem, 2vw, 1.5rem);

  grid-gap: var(--l7-shell-gap);

  gap: clamp(1rem, 2vw, 1.5rem);

  gap: var(--l7-shell-gap);
}

.l7-shell__category-card {

  grid-column: span 6;

  padding: clamp(1rem, 1.8vw, 1.4rem);

  text-decoration: none;

  transition: transform 180ms ease, border-color 180ms ease;
}

.l7-shell__category-card:hover {

  transform: translateY(-3px);

  border-color: #ff6b35;

  border-color: var(--l7-shell-accent);
}

@supports (color: color-mix(in lab, red, red)) {

  .l7-shell__category-card:hover {

    border-color: color-mix(in srgb, #ff6b35 34%, transparent);
  }

@supports (color: color-mix(in lch, red, blue)) {
.l7-shell__category-card:hover {

      border-color: color-mix(in srgb, var(--l7-shell-accent) 34%, transparent);
    }
}
}

.l7-shell__category-card h2 {

  font-size: 1.15rem;
}

.l7-shell__category-link {

  color: inherit;

  text-decoration: none;
}

.l7-shell__quickinfo .geo-table {

  width: 100%;

  border-collapse: collapse;

  margin: 0 0 1rem;
}

.l7-shell__quickinfo .geo-table caption {

  caption-side: top;

  text-align: left;

  margin-bottom: 0.85rem;

  color: #ffffff;

  color: var(--l7-shell-muted);
}

.l7-shell__quickinfo .geo-table th,
.l7-shell__quickinfo .geo-table td {

  padding: 0.9rem 0.85rem;

  border-bottom: 1px solid #ff6b35;

  border-bottom: 1px solid var(--l7-shell-border);
}

@supports (color: color-mix(in lab, red, red)) {

  .l7-shell__quickinfo .geo-table th,
.l7-shell__quickinfo .geo-table td {

    border-bottom: 1px solid color-mix(in srgb, #ff6b35 86%, transparent);
  }

@supports (color: color-mix(in lch, red, blue)) {
.l7-shell__quickinfo .geo-table th,
.l7-shell__quickinfo .geo-table td {

      border-bottom: 1px solid color-mix(in srgb, var(--l7-shell-border) 86%, transparent);
    }
}
}

.l7-shell__quickinfo .geo-table th,
.l7-shell__quickinfo .geo-table td {

  text-align: left;
}

.l7-shell__quickinfo .geo-table th {

  color: #ffffff;

  color: var(--l7-shell-text);
}

.l7-shell__quickinfo .geo-table td {

  color: #ffffff;

  color: var(--l7-shell-muted);
}

.l7-shell__quickinfo .geo-table a {

  color: #ff6b35;

  color: var(--l7-shell-accent);
}

.l7-shell__faq-wrap .faq-section {

  background: transparent;
}

.l7-shell__faq-wrap .faq-container {

  max-width: none;
}

.l7-shell__faq-wrap .faq-section-title {

  display: none;
}

.faq-section {

  --faq-bg: var(--c-bg, #0f172a);

  --faq-surface: var(--c-surface, #1e293b);

  --faq-border: var(--c-border, #334155);

  --faq-accent: var(--c-accent, #f59e0b);

  --faq-text: var(--c-text, #f8fafc);

  --faq-muted: var(--c-muted, #94a3b8);

  --faq-radius: 0.75rem;

  --faq-transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);

  padding: 3rem 1rem;

  background: #140a1a;

  background: var(--faq-bg);
}

.faq-container {

  max-width: 800px;

  margin: 0 auto;

  display: flex;

  flex-direction: column;

  gap: 0.75rem;
}

.faq-section-title {

  font-size: clamp(1.5rem, 4vw, 2.25rem);

  font-weight: 700;

  color: var(--faq-text);

  margin: 0 0 2rem;

  text-align: center;
}

.faq-item {

  background: var(--faq-surface);

  border: 1px solid var(--faq-border);

  border-radius: var(--faq-radius);

  overflow: hidden;

  transition: border-color var(--faq-transition);
}

.faq-item[open] {

  border-color: var(--faq-accent);
}

.faq-q {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 1rem;

  padding: 1.125rem 1.25rem;

  font-size: 1rem;

  font-weight: 600;

  color: var(--faq-text);

  cursor: pointer;

  list-style: none;

  -moz-user-select: none;

       user-select: none;

  -webkit-user-select: none;

  transition: color var(--faq-transition);
}

.faq-q::-webkit-details-marker {

  display: none;
}

.faq-item[open] .faq-q {

  color: var(--faq-accent);
}

.faq-q::after {

  content: "";

  display: inline-block;

  width: 0.625rem;

  height: 0.625rem;

  border-right: 2px solid currentColor;

  border-bottom: 2px solid currentColor;

  transform: rotate(45deg);

  flex-shrink: 0;

  transition: transform var(--faq-transition);
}

.faq-item[open] .faq-q::after {

  transform: rotate(-135deg);
}

.faq-a {

  overflow: hidden;

  max-height: 0;

  transition: max-height var(--faq-transition), padding var(--faq-transition);
}

.faq-item[open] .faq-a {

  max-height: 600px;
}

.faq-a p {

  padding: 0 1.25rem 1.25rem;

  font-size: 0.95rem;

  line-height: 1.7;

  color: var(--faq-muted);

  margin: 0;
}

.trust-section {

  --trust-bg: var(--c-surface, #1e293b);

  --trust-border: var(--c-border, #334155);

  --trust-accent: var(--c-accent, #f59e0b);

  --trust-text: var(--c-text, #f8fafc);

  --trust-muted: var(--c-muted, #94a3b8);

  --trust-radius: 0.75rem;

  --trust-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);

  --trust-gap: 1rem;

  padding: 2.5rem 1rem;

  background: #140a1a;

  background: var(--c-bg, #0f172a);
}

.trust-grid {

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

  grid-gap: var(--trust-gap);

  gap: var(--trust-gap);

  max-width: 1200px;

  margin: 0 auto;
}

.trust-badge {

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: 0.625rem;

  padding: 1.5rem 1rem;

  background: var(--trust-bg);

  border: 1px solid var(--trust-border);

  border-radius: var(--trust-radius);

  box-shadow: var(--trust-shadow);

  text-align: center;

  transition: border-color 200ms ease, transform 200ms ease;
}

.trust-badge:hover {

  border-color: var(--trust-accent);

  transform: translateY(-2px);
}

.trust-badge__icon {

  font-size: 2rem;

  color: var(--trust-accent);

  line-height: 1;
}

.trust-badge__title {

  font-size: 0.95rem;

  font-weight: 600;

  color: var(--trust-text);

  margin: 0;
}

.trust-badge__desc {

  font-size: 0.8rem;

  color: var(--trust-muted);

  margin: 0;

  line-height: 1.4;
}

.cta-strip {

  --cta-strip-grad-a: var(--c-grad-a, var(--c-surface, #1e3a5f));

  --cta-strip-grad-b: var(--c-grad-b, var(--c-bg, #0f172a));

  --cta-strip-accent: var(--c-accent, #f59e0b);

  --cta-strip-text: var(--c-text, #f8fafc);

  --cta-strip-muted: var(--c-muted, #94a3b8);

  --cta-strip-btn-bg: var(--c-accent, #f59e0b);

  --cta-strip-btn-text: var(--c-bg, #0f172a);

  --cta-strip-transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);

  padding: 4rem 1rem;

  background: linear-gradient(135deg, #24142d, #140a1a);

  background: linear-gradient(135deg, var(--cta-strip-grad-a), var(--cta-strip-grad-b));

  text-align: center;
}

.cta-strip__inner {

  max-width: 720px;

  margin: 0 auto;

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: 1.25rem;
}

.cta-strip__title {

  font-size: clamp(1.75rem, 5vw, 2.75rem);

  font-weight: 800;

  line-height: 1.15;

  color: var(--cta-strip-text);

  margin: 0;
}

.cta-strip__title span {

  color: var(--cta-strip-accent);
}

.cta-strip__subtitle {

  font-size: 1.05rem;

  line-height: 1.6;

  color: var(--cta-strip-muted);

  margin: 0;

  max-width: 560px;
}

.cta-strip__btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 0.5rem;

  padding: 1rem 2.5rem;

  background: var(--cta-strip-btn-bg);

  color: var(--cta-strip-btn-text);

  border-radius: 0.5rem;

  font-size: 1.1rem;

  font-weight: 700;

  text-decoration: none;

  transition: opacity var(--cta-strip-transition), transform var(--cta-strip-transition);

  border: none;

  cursor: pointer;
}

.cta-strip__btn:hover {

  opacity: 0.9;

  transform: translateY(-2px);
}

.cta-strip__btn i {

  font-size: 1.25rem;
}

.content-body {

  --cb-bg: var(--c-bg, #0f172a);

  --cb-surface: var(--c-surface, #1e293b);

  --cb-border: var(--c-border, #334155);

  --cb-accent: var(--c-accent, #f59e0b);

  --cb-text: var(--c-text, #f8fafc);

  --cb-muted: var(--c-muted, #94a3b8);

  --cb-radius: 0.5rem;

  --cb-gap: 2rem;

  padding: 3rem 1rem;

  background: #140a1a;

  background: var(--cb-bg);

  max-width: 900px;

  margin: 0 auto;

  display: flex;

  flex-direction: column;

  gap: 2rem;

  gap: var(--cb-gap);
}

.content-section {

  display: flex;

  flex-direction: column;

  gap: 0.875rem;

  padding: 1.75rem 1.5rem;

  background: var(--cb-surface);

  border: 1px solid var(--cb-border);

  border-left: 3px solid var(--cb-accent);

  border-radius: var(--cb-radius);
}

.section-h2 {

  font-size: clamp(1.2rem, 3.5vw, 1.6rem);

  font-weight: 700;

  line-height: 1.25;

  color: var(--cb-text);

  margin: 0;
}

.section-p {

  font-size: 0.975rem;

  line-height: 1.75;

  color: var(--cb-muted);

  margin: 0;
}

.bonus-card {

  --bonus-card-bg: var(--c-surface, var(--surface, #1e293b));

  --bonus-card-border: var(--c-border, var(--border, #334155));

  --bonus-card-accent: var(--c-accent, var(--accent, #f59e0b));

  --bonus-card-text: var(--c-text, var(--text, #f8fafc));

  --bonus-card-muted: var(--c-muted, var(--muted, #94a3b8));

  --bonus-card-badge-bg: var(--c-accent, var(--accent, #f59e0b));

  --bonus-card-badge-text: var(--c-bg, var(--bg, #0f172a));

  --bonus-card-radius: 0.75rem;

  --bonus-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3);

  --bonus-card-transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);

  position: relative;

  display: flex;

  flex-direction: column;

  gap: 0.75rem;

  padding: 1.5rem;

  background: #24142d;

  background: var(--bonus-card-bg);

  border: 1px solid #d946ef;

  border: 1px solid var(--bonus-card-border);

  border-radius: 0.75rem;

  border-radius: var(--bonus-card-radius);

  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3);

  box-shadow: var(--bonus-card-shadow);

  color: #fdf4ff;

  color: var(--bonus-card-text);

  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);

  transition: transform var(--bonus-card-transition), box-shadow var(--bonus-card-transition);
}

.bonus-card:hover {

  transform: translateY(-3px);

  box-shadow: 0 10px 20px -4px rgba(0, 0, 0, 0.4);
}

.bonus-card__badge {

  display: inline-flex;

  align-items: center;

  gap: 0.375rem;

  padding: 0.25rem 0.75rem;

  background: var(--bonus-card-badge-bg);

  color: var(--bonus-card-badge-text);

  border-radius: 9999px;

  font-size: 0.75rem;

  font-weight: 700;

  letter-spacing: 0.05em;

  text-transform: uppercase;

  width: -moz-fit-content;

  width: fit-content;
}

.bonus-card__amount {

  font-size: clamp(2rem, 6vw, 3rem);

  font-weight: 800;

  line-height: 1;

  color: var(--bonus-card-accent);
}

.bonus-card__title {

  font-size: 1.125rem;

  font-weight: 600;

  line-height: 1.3;

  color: var(--bonus-card-text);

  margin: 0;
}

.bonus-card__desc {

  font-size: 0.9rem;

  line-height: 1.5;

  color: var(--bonus-card-muted);

  margin: 0;

  flex: 1;
}

.bonus-card__cta {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 0.5rem;

  padding: 0.625rem 1.25rem;

  background: var(--bonus-card-accent);

  color: var(--bonus-card-badge-text);

  border: none;

  border-radius: 0.5rem;

  font-size: 0.95rem;

  font-weight: 600;

  cursor: pointer;

  text-decoration: none;

  transition: opacity var(--bonus-card-transition), transform var(--bonus-card-transition);

  align-self: flex-start;
}

.bonus-card__cta:hover {

  opacity: 0.9;

  transform: translateX(2px);
}

:where(.bento-page, .neumorph-page, .brutalist-page, .artdeco-page, .organic-page, .aurora-page) > section,
:where(.bento-page, .neumorph-page, .brutalist-page, .artdeco-page, .organic-page, .aurora-page) > div > section {

  animation: l7-fade-up 520ms ease both;
}

:where(.bento-btn, .bento-cta, .neumorph-cta, .brut-cta, .brutal-cta-btn, .organic-cta, .japandi-cta, .deco-btn, .aurora-cta, .topCta) {

  transition: transform 180ms ease,
    box-shadow 180ms ease,
    filter 180ms ease;
}

:where(.bento-btn, .bento-cta, .neumorph-cta, .brut-cta, .brutal-cta-btn, .organic-cta, .japandi-cta, .deco-btn, .aurora-cta, .topCta):hover {

  transform: translateY(-2px);

  filter: saturate(1.08);
}

:where(.bento-trust-item, .neu-trust__item, .brut-post, .deco-post, .bento-post-card, .organic-post-card) {

  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

:where(.bento-trust-item, .neu-trust__item, .brut-post, .deco-post, .bento-post-card, .organic-post-card):hover {

  transform: translateY(-4px);
}

:where(.bento-cta-icon, .bento-trust-item i, .neu-trust__item i, .brutal-list-check i, .deco-btn i, .aurora-cta i) {

  animation: l7-float 4.8s ease-in-out infinite;
}

@media (max-width: 960px) {

  .l7-shell__hero-grid,
  .l7-shell__category-grid {

    grid-template-columns: 1fr;
  }

  .l7-shell__category-card {

    grid-column: auto;
  }
}

@media (max-width: 640px) {

  .l7-shell__title {

    font-size: clamp(1.85rem, 9vw, 2.7rem);
  }

  .l7-shell__meta,
  .l7-shell__actions,
  .l7-shell__breadcrumbs {

    gap: 0.65rem;
  }

  .l7-shell__meta span,
  .l7-shell__cta {

    width: 100%;

    justify-content: center;
  }

  .content-body {

    padding: 2rem 0.75rem;
  }

  .content-section {

    padding: 1.25rem 1rem;
  }
}

@media (prefers-reduced-motion: reduce) {

  .faq-a,
  .faq-q::after,
  .faq-item,
  .trust-badge {

    transition: none;
  }

  .l7-shell__section,
  .l7-shell__hero-card,
  :where(.bento-page, .neumorph-page, .brutalist-page, .artdeco-page, .organic-page, .aurora-page) > section,
  :where(.bento-page, .neumorph-page, .brutalist-page, .artdeco-page, .organic-page, .aurora-page) > div > section,
  :where(.bento-cta-icon, .bento-trust-item i, .neu-trust__item i, .brutal-list-check i, .deco-btn i, .aurora-cta i) {

    animation: none !important;
  }

  :where(.bento-btn, .bento-cta, .neumorph-cta, .brut-cta, .brutal-cta-btn, .organic-cta, .japandi-cta, .deco-btn, .aurora-cta, .topCta),
  :where(.bento-trust-item, .neu-trust__item, .brut-post, .deco-post, .bento-post-card, .organic-post-card) {

    transition: none;
  }
}

.shell-betvoy4-com {

  --l7-shell-radius: 34px;

  --l7-shell-accent: #ff6b35;

  --l7-shell-accent-rgb: 255, 107, 53;

  --l7-shell-motion-ms: 210ms;

  --l7-shell-motion-distance: 6px;

  --l7-shell-motion-easing: cubic-bezier(.22,.68,0,1);
}

.shell-betvoy4-com .l7-shell__hero-copy,
.shell-betvoy4-com .l7-shell__hero-card,
.shell-betvoy4-com .l7-shell__lead-card,
.shell-betvoy4-com .l7-shell__section,
.shell-betvoy4-com .l7-shell__quickinfo,
.shell-betvoy4-com .l7-shell__conclusion,
.shell-betvoy4-com .l7-shell__faq-wrap,
.shell-betvoy4-com .l7-shell__category-card {

  border-style: solid;
}

.shell-betvoy4-com .l7-shell__hero-card {

  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(30,27,75,.78));

  box-shadow: 0 24px 56px rgba(255, 107, 53, .24);
}

.shell-betvoy4-com .l7-shell__eyebrow {

  letter-spacing: .10em;
}

.shell-betvoy4-com .l7-shell__title,
.shell-betvoy4-com .l7-shell__section-title i,
.shell-betvoy4-com .l7-shell__meta i,
.shell-betvoy4-com .l7-shell__hero-card h2,
.shell-betvoy4-com .l7-shell__network-domain,
.shell-betvoy4-com .l7-shell__quickinfo h2 {

  color: #ff6b35;
}

.shell-betvoy4-com .l7-shell__cta,
.shell-betvoy4-com .l7-shell__hero-card,
.shell-betvoy4-com .l7-shell__section,
.shell-betvoy4-com .l7-shell__quickinfo,
.shell-betvoy4-com .l7-shell__conclusion,
.shell-betvoy4-com .l7-shell__faq-wrap,
.shell-betvoy4-com .l7-shell__category-card {

  transition-duration: var(--l7-shell-motion-ms);

  transition-timing-function: var(--l7-shell-motion-easing);
}

.shell-betvoy4-com .l7-shell__cta--primary {

  border-color: rgba(255, 107, 53, .45);

  box-shadow: 0 14px 32px rgba(255, 107, 53, .22);
}

.shell-betvoy4-com .l7-shell__cta--ghost {

  border-color: rgba(255, 107, 53, .22);
}

.shell-betvoy4-com .l7-shell__network-domain::after {

  content: " · immersive";
}


@font-face {

  font-family: 'Bebas Neue';

  src: url('/assets/fonts/bebas-neue-400.woff2') format('woff2');

  font-weight: 400;

  font-display: swap;

  font-style: normal;
}

@view-transition {

  navigation: auto;
}

@layer reset, tokens, components, utilities;

:root {

  --kin-bg: #1a0800;

  --kin-surface: #240c00;

  --kin-surface-2: #2e1200;

  --kin-surface-dark: #0f0400;

  --kin-primary: #ff6b35;

  --kin-primary-dark: #e05520;

  --kin-primary-dim: rgba(255, 107, 53, 0.18);

  --kin-primary-glow: rgba(255, 107, 53, 0.45);

  --kin-highlight: #ffd166;

  --kin-highlight-dim: rgba(255, 209, 102, 0.18);

  --kin-success: #06d6a0;

  --kin-success-dim: rgba(6, 214, 160, 0.18);

  --kin-text: #ffffff;

  --kin-text-secondary: rgba(255, 255, 255, 0.72);

  --kin-text-muted: rgba(255, 255, 255, 0.72);

  --kin-border: rgba(255, 107, 53, 0.20);

  --kin-border-bright: rgba(255, 107, 53, 0.50);

  --kin-radius-sm: 4px;

  --kin-radius: 8px;

  --kin-font-display: 'Barlow Condensed', sans-serif;

  --kin-font-body: 'Barlow', sans-serif;

  --kin-transition: 0.20s cubic-bezier(0.4, 0, 0.2, 1);

  --color-primary: #ff6b35;

  --color-bg: #0a0a0a;

  --color-text: #ffffff;

  color-scheme: dark only;
}

*, *::before, *::after {

  box-sizing: border-box;

  margin: 0;

  padding: 0;
}

html {

  scroll-behavior: smooth;

  -webkit-text-size-adjust: 100%;
}

body {

  font-family: 'Barlow', sans-serif;

  font-family: var(--kin-font-body);

  background: #1a0800;

  background: var(--kin-bg);

  color: #ffffff;

  color: var(--kin-text);

  line-height: 1.6;

  min-height: 100vh;

  overflow-x: hidden;
}

body::before {

  content: '';

  position: fixed;

  inset: 0;

  background: repeating-linear-gradient(
    -55deg,
    transparent,
    transparent 40px,
    rgba(255, 107, 53, 0.018) 40px,
    rgba(255, 107, 53, 0.018) 41px
  );

  pointer-events: none;

  z-index: -1;
}

@keyframes marquee {

  from {

    transform: translateX(0);
  }

  to {

    transform: translateX(-50%);
  }
}

@keyframes slideInLeft {

  from {

    opacity: 0;

    transform: translateX(-48px) skewX(-3deg);
  }

  to {

    opacity: 1;

    transform: translateX(0) skewX(0);
  }
}

@keyframes slideInTop {

  from {

    opacity: 0;

    transform: translateY(-40px) scale(0.96);
  }

  to {

    opacity: 1;

    transform: translateY(0) scale(1);
  }
}

@keyframes countUp {

  from {

    opacity: 0;

    transform: scale(0.7) translateY(20px);
  }

  to {

    opacity: 1;

    transform: scale(1) translateY(0);
  }
}

@keyframes diagonalScan {

  from {

    transform: translateX(-100%) skewX(-20deg);
  }

  to {

    transform: translateX(300%) skewX(-20deg);
  }
}

@keyframes kineticPop {

  0% {

    transform: scale(0.9) translateY(20px);

    opacity: 0;
  }

  60% {

    transform: scale(1.03) translateY(-4px);

    opacity: 1;
  }

  100% {

    transform: none;

    opacity: 1;
  }
}

.kinetic-container {

  max-width: 1320px;

  margin: 0 auto;

  padding: 0 32px;
}

.kinetic-page {

  display: flex;

  flex-direction: column;

  min-height: 100vh;

  background: #1a0800;

  background: var(--kin-bg);
}

.kin-ticker {

  background: #ff6b35;

  background: var(--kin-primary);

  overflow: hidden;

  height: 40px;

  display: flex;

  align-items: center;
}

.kin-ticker__track {

  display: flex;

  width: -moz-max-content;

  width: max-content;

  white-space: nowrap;

  animation: marquee 22s linear infinite;

  gap: 0;

  color: #1b120c;
}

.kin-ticker__track span {

  font-family: 'Barlow Condensed', sans-serif;

  font-family: var(--kin-font-display);

  font-size: 0.82rem;

  font-weight: 700;

  letter-spacing: 0.10em;

  text-transform: uppercase;

  color: #1b120c;

  padding: 0 32px;

  display: flex;

  align-items: center;

  gap: 16px;
}

.kin-ticker__track span::after {

  content: 'â—†';

  font-size: 0.4rem;

  opacity: 0.6;
}

.kinetic-header {

  position: sticky;

  top: 0;

  z-index: 100;

  background: rgba(26, 8, 0, 0.95);

  backdrop-filter: blur(12px);

  -webkit-backdrop-filter: blur(12px);

  border-bottom: 2px solid #ff6b35;

  border-bottom: 2px solid var(--kin-primary);
}

.kinetic-header-inner {

  display: flex;

  align-items: center;

  justify-content: space-between;

  height: 60px;

  padding: 0 32px;

  max-width: 1320px;

  margin: 0 auto;
}

.kinetic-logo {

  font-family: 'Barlow Condensed', sans-serif;

  font-family: var(--kin-font-display);

  font-size: 1.8rem;

  font-weight: 900;

  letter-spacing: 0.04em;

  text-transform: uppercase;

  color: #ffffff;

  color: var(--kin-text);

  text-decoration: none;
}

.kinetic-logo span {

  color: #ff6b35;

  color: var(--kin-primary);

  font-style: italic;
}

.kinetic-nav {

  display: flex;

  align-items: center;

  gap: 4px;
}

.kinetic-nav a {

  font-family: 'Barlow Condensed', sans-serif;

  font-family: var(--kin-font-display);

  font-size: 0.875rem;

  font-weight: 700;

  letter-spacing: 0.06em;

  text-transform: uppercase;

  color: rgba(255, 255, 255, 0.72);

  color: var(--kin-text-secondary);

  text-decoration: none;

  padding: 8px 14px;

  min-height: 32px;

  display: inline-flex;

  align-items: center;

  border-radius: 4px;

  border-radius: var(--kin-radius-sm);

  transition: all 0.20s cubic-bezier(0.4, 0, 0.2, 1);

  transition: all var(--kin-transition);
}

.kinetic-cta {

  min-height: 32px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  padding: 8px 16px;

  border-radius: 4px;

  border-radius: var(--kin-radius-sm);

  text-decoration: none;

  font-family: 'Barlow Condensed', sans-serif;

  font-family: var(--kin-font-display);

  font-size: 0.875rem;

  font-weight: 800;

  letter-spacing: 0.06em;

  text-transform: uppercase;

  color: #1b120c !important;

  background: #ff6b35;

  background: var(--kin-primary);

  border: 1px solid rgba(255, 107, 53, 0.92);
}

.kinetic-nav a:hover,
.kinetic-nav a.active {

  color: #ff6b35;

  color: var(--kin-primary);

  background: rgba(255, 107, 53, 0.18);

  background: var(--kin-primary-dim);
}

.kin-hero {

  position: relative;

  min-height: 85vh;

  display: flex;

  align-items: center;

  overflow: hidden;
}

.kin-hero::before {

  content: '';

  position: absolute;

  top: 0;

  right: 0;

  width: 45%;

  height: 100%;

  background: #240c00;

  background: var(--kin-surface);

  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%);

  z-index: 0;
}

.kin-hero > .kinetic-container {

  position: relative;

  z-index: 1;

  width: 100%;
}

.kin-hero__inner {

  display: grid;

  grid-template-columns: 1.1fr 0.9fr;

  grid-gap: 48px;

  gap: 48px;

  align-items: center;

  padding: 60px 0;
}

.kin-hero__text {

  display: flex;

  flex-direction: column;
}

.kin-hero__h1 {

  font-family: 'Barlow Condensed', sans-serif;

  font-family: var(--kin-font-display);

  font-size: clamp(3rem, 7vw, 6rem);

  font-weight: 900;

  line-height: 0.95;

  letter-spacing: -0.01em;

  text-transform: uppercase;

  margin-bottom: 24px;

  color: #ffffff;

  color: var(--kin-text);
}

.kin-hero__h1 em {

  font-style: italic;

  color: #ff6b35;

  color: var(--kin-primary);
}

.kin-hero__sub {

  font-family: 'Barlow', sans-serif;

  font-family: var(--kin-font-body);

  font-size: 1.05rem;

  color: rgba(255, 255, 255, 0.72);

  color: var(--kin-text-secondary);

  max-width: 460px;

  margin-bottom: 36px;

  line-height: 1.7;
}

.kin-btn {

  display: inline-flex;

  align-items: center;

  gap: 8px;

  align-self: flex-start;

  font-family: 'Barlow Condensed', sans-serif;

  font-family: var(--kin-font-display);

  font-size: 0.9rem;

  font-weight: 800;

  letter-spacing: 0.10em;

  text-transform: uppercase;

  color: #1a0800;

  color: var(--kin-bg);

  background: #ff6b35;

  background: var(--kin-primary);

  border: none;

  border-radius: 4px;

  border-radius: var(--kin-radius-sm);

  padding: 12px 28px;

  cursor: pointer;

  text-decoration: none;

  position: relative;

  overflow: hidden;

  transition: all 0.20s cubic-bezier(0.4, 0, 0.2, 1);

  transition: all var(--kin-transition);

  box-shadow: 4px 4px 0 #e05520;

  box-shadow: 4px 4px 0 var(--kin-primary-dark);
}

.kin-btn::before {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  width: 60%;

  background: rgba(255, 255, 255, 0.18);

  transform: translateX(-100%) skewX(-20deg);
}

.kin-btn:hover::before {

  animation: diagonalScan 0.5s ease;
}

.kin-btn:hover {

  transform: translate(-2px, -2px);

  box-shadow: 6px 6px 0 #e05520;

  box-shadow: 6px 6px 0 var(--kin-primary-dark);

  color: #1a0800;

  color: var(--kin-bg);
}

.kin-btn:active {

  transform: translate(2px, 2px);

  box-shadow: 2px 2px 0 #e05520;

  box-shadow: 2px 2px 0 var(--kin-primary-dark);
}

.kin-btn--highlight {

  background: #ffd166;

  background: var(--kin-highlight);

  box-shadow: 4px 4px 0 #cc8800;
}

.kin-btn--highlight:hover {

  box-shadow: 6px 6px 0 #cc8800;
}

.kin-hero__stats {

  display: flex;

  flex-direction: column;

  gap: 24px;

  align-items: flex-start;
}

.kin-stat {

  background: #240c00;

  background: var(--kin-surface);

  border: 1px solid rgba(255, 107, 53, 0.20);

  border: 1px solid var(--kin-border);

  border-left: 4px solid #ff6b35;

  border-left: 4px solid var(--kin-primary);

  border-radius: 8px;

  border-radius: var(--kin-radius);

  padding: 20px 28px;

  min-width: 180px;

  transition: background 0.20s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.20s cubic-bezier(0.4, 0, 0.2, 1);

  transition: background var(--kin-transition), border-color var(--kin-transition);
}

.kin-stat:hover {

  background: rgba(255, 107, 53, 0.18);

  background: var(--kin-primary-dim);

  border-color: rgba(255, 107, 53, 0.50);

  border-color: var(--kin-border-bright);
}

.kin-stat__num {

  display: block;

  font-family: 'Barlow Condensed', sans-serif;

  font-family: var(--kin-font-display);

  font-size: 3rem;

  font-weight: 900;

  color: #ff6b35;

  color: var(--kin-primary);

  line-height: 1;

  letter-spacing: -0.02em;

  margin-bottom: 4px;
}

.kin-stat__label {

  display: block;

  font-family: 'Barlow Condensed', sans-serif;

  font-family: var(--kin-font-display);

  font-size: 0.75rem;

  font-weight: 700;

  letter-spacing: 0.12em;

  text-transform: uppercase;

  color: rgba(255, 255, 255, 0.72);

  color: var(--kin-text-muted);
}

.kin-content {

  padding: 80px 0;

  background: #240c00;

  background: var(--kin-surface);
}

.kin-content > .kinetic-container {

  display: flex;

  flex-direction: column;

  gap: 0;
}

.kin-content-block {

  border-left: 4px solid #ff6b35;

  border-left: 4px solid var(--kin-primary);

  padding: 28px 32px;

  background: #2e1200;

  background: var(--kin-surface-2);

  border-radius: 0 8px 8px 0;

  border-radius: 0 var(--kin-radius) var(--kin-radius) 0;

  margin-bottom: 24px;

  transition: border-color 0.20s cubic-bezier(0.4, 0, 0.2, 1), background 0.20s cubic-bezier(0.4, 0, 0.2, 1);

  transition: border-color var(--kin-transition), background var(--kin-transition);
}

.kin-content-block:last-child {

  margin-bottom: 0;
}

.kin-content-block:hover {

  border-color: #e05520;

  border-color: var(--kin-primary-dark);

  background: #240c00;

  background: var(--kin-surface);
}

.kin-content-block h2 {

  font-family: 'Barlow Condensed', sans-serif;

  font-family: var(--kin-font-display);

  font-size: clamp(1.4rem, 3vw, 2rem);

  font-weight: 800;

  text-transform: uppercase;

  letter-spacing: 0.02em;

  margin-bottom: 14px;

  color: #ffffff;

  color: var(--kin-text);

  line-height: 1.1;
}

.kin-content-block .aeo-answer {

  font-family: 'Barlow', sans-serif;

  font-family: var(--kin-font-body);

  font-size: 0.95rem;

  color: rgba(255, 255, 255, 0.72);

  color: var(--kin-text-secondary);

  line-height: 1.8;

  margin-bottom: 12px;
}

.kin-content-block .aeo-answer:last-child {

  margin-bottom: 0;
}

.kin-posts {

  padding: 80px 0;

  background: #1a0800;

  background: var(--kin-bg);
}

.kin-section-title {

  font-family: 'Barlow Condensed', sans-serif;

  font-family: var(--kin-font-display);

  font-size: clamp(2rem, 5vw, 3.5rem);

  font-weight: 900;

  text-transform: uppercase;

  margin-bottom: 40px;

  letter-spacing: -0.01em;

  line-height: 0.95;

  color: #ffffff;

  color: var(--kin-text);
}

.kin-section-title span {

  color: #ff6b35;

  color: var(--kin-primary);

  font-style: italic;
}

.kin-posts__grid {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  grid-gap: 16px;

  gap: 16px;
}

.kin-post {

  background: #240c00;

  background: var(--kin-surface);

  border: 1px solid rgba(255, 107, 53, 0.20);

  border: 1px solid var(--kin-border);

  border-radius: 8px;

  border-radius: var(--kin-radius);

  overflow: hidden;

  display: flex;

  flex-direction: column;

  transition: all 0.20s cubic-bezier(0.4, 0, 0.2, 1);

  transition: all var(--kin-transition);

  position: relative;
}

.kin-post::after {

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  height: 3px;

  background: #ff6b35;

  background: var(--kin-primary);

  transform: scaleX(0);

  transform-origin: left;

  transition: transform 0.20s cubic-bezier(0.4, 0, 0.2, 1);

  transition: transform var(--kin-transition);
}

.kin-post:hover {

  border-color: rgba(255, 107, 53, 0.50);

  border-color: var(--kin-border-bright);

  transform: translateY(-5px);

  box-shadow: 0 12px 32px rgba(255, 107, 53, 0.18);
}

.kin-post:hover::after {

  transform: scaleX(1);
}

.kin-post img {

  width: 100%;

  aspect-ratio: 16 / 9;

  -o-object-fit: cover;

     object-fit: cover;

  display: block;

  transition: transform 0.20s cubic-bezier(0.4, 0, 0.2, 1);

  transition: transform var(--kin-transition);
}

.kin-post:hover img {

  transform: scale(1.04);
}

.kin-post h3 {

  font-family: 'Barlow Condensed', sans-serif;

  font-family: var(--kin-font-display);

  font-size: 1.05rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.02em;

  padding: 18px 20px 6px;

  line-height: 1.3;

  color: #ffffff;

  color: var(--kin-text);
}

.kin-post h3 a {

  color: inherit;

  text-decoration: none;

  transition: color 0.20s cubic-bezier(0.4, 0, 0.2, 1);

  transition: color var(--kin-transition);
}

.kin-post h3 a:hover {

  color: #ff6b35;

  color: var(--kin-primary);
}

.kin-post p {

  font-family: 'Barlow', sans-serif;

  font-family: var(--kin-font-body);

  font-size: 0.875rem;

  color: rgba(255, 255, 255, 0.72);

  color: var(--kin-text-secondary);

  line-height: 1.65;

  padding: 0 20px 20px;

  flex: 1;
}

.kin-faq {

  padding: 80px 0;

  background: #240c00;

  background: var(--kin-surface);
}

.kin-faq > .kinetic-container > .kin-section-title {

  margin-bottom: 40px;
}

.kin-faq__item {

  background: #2e1200;

  background: var(--kin-surface-2);

  border: 1px solid rgba(255, 107, 53, 0.20);

  border: 1px solid var(--kin-border);

  border-radius: 8px;

  border-radius: var(--kin-radius);

  overflow: hidden;

  margin-bottom: 8px;

  transition: border-color 0.20s cubic-bezier(0.4, 0, 0.2, 1);

  transition: border-color var(--kin-transition);
}

.kin-faq__item:last-child {

  margin-bottom: 0;
}

.kin-faq__item:hover,
.kin-faq__item[open] {

  border-color: rgba(255, 107, 53, 0.50);

  border-color: var(--kin-border-bright);
}

.kin-faq__item summary {

  font-family: 'Barlow Condensed', sans-serif;

  font-family: var(--kin-font-display);

  font-size: 0.95rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.04em;

  color: #ffffff;

  color: var(--kin-text);

  padding: 18px 22px;

  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 16px;

  list-style: none;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;
}

.kin-faq__item summary::-webkit-details-marker {

  display: none;
}

.kin-faq__item summary::after {

  content: '+';

  color: #ff6b35;

  color: var(--kin-primary);

  flex-shrink: 0;

  font-size: 1.2rem;

  font-weight: 800;

  transition: transform 0.20s cubic-bezier(0.4, 0, 0.2, 1);

  transition: transform var(--kin-transition);
}

.kin-faq__item[open] summary::after {

  transform: rotate(45deg);
}

.kin-faq__item > *:not(summary) {

  padding: 0 22px 18px;

  font-family: 'Barlow', sans-serif;

  font-family: var(--kin-font-body);

  font-size: 0.9rem;

  color: rgba(255, 255, 255, 0.72);

  color: var(--kin-text-secondary);

  line-height: 1.75;
}

.kinetic-card {

  will-change: transform, opacity;

  animation: kineticPop 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

[data-kinetic-from="top"].kinetic-card {

  animation-name: slideInTop;

  animation-duration: 0.5s;

  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

.kinetic-footer {

  background: #0f0400;

  background: var(--kin-surface-dark);

  border-top: 2px solid #ff6b35;

  border-top: 2px solid var(--kin-primary);

  padding: 56px 0 28px;

  margin-top: auto;
}

.kinetic-footer-grid {

  display: grid;

  grid-template-columns: 2fr 1fr 1fr 1fr;

  grid-gap: 40px;

  gap: 40px;

  margin-bottom: 40px;
}

.kinetic-footer-brand p {

  font-size: 0.875rem;

  color: rgba(255, 255, 255, 0.72);

  color: var(--kin-text-secondary);

  margin-top: 12px;

  max-width: 260px;

  line-height: 1.7;
}

.kinetic-footer-col h4 {

  font-family: 'Barlow Condensed', sans-serif;

  font-family: var(--kin-font-display);

  font-size: 0.72rem;

  font-weight: 800;

  letter-spacing: 0.16em;

  text-transform: uppercase;

  color: #ff6b35;

  color: var(--kin-primary);

  margin-bottom: 14px;
}

.kinetic-footer-col a {

  display: block;

  font-size: 0.875rem;

  color: rgba(255, 255, 255, 0.72);

  color: var(--kin-text-secondary);

  text-decoration: none;

  margin-bottom: 9px;

  transition: color 0.20s cubic-bezier(0.4, 0, 0.2, 1);

  transition: color var(--kin-transition);
}

.kinetic-footer-col a:hover {

  color: #ff6b35;

  color: var(--kin-primary);
}

.kinetic-footer-bottom {

  border-top: 1px solid rgba(255, 107, 53, 0.20);

  border-top: 1px solid var(--kin-border);

  padding-top: 24px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  font-family: 'Barlow Condensed', sans-serif;

  font-family: var(--kin-font-display);

  font-size: 0.72rem;

  font-weight: 600;

  letter-spacing: 0.06em;

  text-transform: uppercase;

  color: rgba(255, 255, 255, 0.72);

  color: var(--kin-text-muted);
}

@media (max-width: 1024px) {

  .kin-hero__stats {

    flex-direction: row;

    flex-wrap: wrap;

    gap: 16px;
  }

  .kin-posts__grid {

    grid-template-columns: repeat(2, 1fr);
  }

  .kinetic-footer-grid {

    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 768px) {

  .kinetic-nav {

    display: none;
  }

  .kin-hero {

    min-height: auto;
  }

  .kin-hero::before {

    display: none;
  }

  .kin-hero__inner {

    grid-template-columns: 1fr;

    padding: 40px 0;
  }

  .kin-hero__stats {

    display: none;
  }

  .kin-posts__grid {

    grid-template-columns: 1fr;
  }

  .kinetic-footer-grid {

    grid-template-columns: 1fr;

    gap: 24px;
  }

  .kinetic-footer-bottom {

    flex-direction: column;

    gap: 8px;

    text-align: center;
  }
}

@media (max-width: 480px) {

  .kinetic-container {

    padding: 0 16px;
  }

  .kin-hero__h1 {

    font-size: 2.8rem;
  }

  .kin-btn {

    width: 100%;

    justify-content: center;

    align-self: stretch;
  }

  .kin-stat {

    min-width: 0;

    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {

  *, *::before, *::after {

    animation-duration: 0.01ms !important;

    animation-iteration-count: 1 !important;

    transition-duration: 0.01ms !important;
  }

  .kin-ticker__track {

    animation: none;
  }

  .kinetic-card,
  [data-kinetic-text],
  [data-kinetic-from] {

    animation: none;

    opacity: 1;

    transform: none;
  }

  .kin-btn:hover::before {

    animation: none;
  }

  .kin-post img {

    transition: none;
  }
}

:focus-visible {

  scroll-margin-top: 68px;

  outline: 3px solid #ff6b35;

  outline: 3px solid var(--kin-primary);

  outline-offset: 3px;
}

.kin-btn:focus-visible {

  outline: 3px solid #ff6b35;

  outline: 3px solid var(--kin-primary);

  outline-offset: 3px;

  box-shadow: 0 0 0 6px rgba(255, 107, 53, 0.22);
}

.kin-faq__item summary:focus-visible {

  outline: 3px solid #ff6b35;

  outline: 3px solid var(--kin-primary);

  outline-offset: -3px;
}

@media print {

  .kinetic-header,
  .kinetic-footer,
  .kin-ticker,
  .kin-btn {

    display: none !important;
  }

  body {

    background: #fff !important;

    color: #000 !important;

    font-size: 12pt;
  }

  a[href]::after {

    content: " (" attr(href) ")";

    font-size: 0.8em;

    color: #555;
  }

  .kin-hero::before {

    display: none;
  }
}

.kinetic-card {

  will-change: transform, opacity;
}

[data-kinetic-text] {

  will-change: transform, opacity;

  overflow: hidden;
}

[data-count],
[data-count-suffix] {

  will-change: contents;

  display: inline-block;
}

.kinetic-progress {

  position: fixed;

  top: 0;

  left: 0;

  height: 4px;

  background: #ff6b35;

  background: var(--kin-primary);

  z-index: 300;

  width: 0%;

  transition: width 0.1s linear;

  transform-origin: left;
}

@keyframes kineticPop {

  0% {

    transform: scale(0.9) translateY(20px);

    opacity: 0;
  }

  60% {

    transform: scale(1.03) translateY(-4px);

    opacity: 1;
  }

  100% {

    transform: none;

    opacity: 1;
  }
}

.kinetic-pop {

  animation: kineticPop 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

.post-article {

  max-width: 860px;

  margin: 0 auto;

  padding: 0 24px 60px;
}

.post-header {

  padding: 40px 0 28px;

  border-bottom: 2px solid #ff6b35;

  border-bottom: 2px solid var(--color-primary,#888);

  margin-bottom: 32px;
}

.post-header--data {

  border-bottom-color: rgba(128,128,128,.2);
}

.post-title {

  font-size: clamp(1.8rem,3.5vw,2.8rem);

  font-weight: 700;

  line-height: 1.2;

  color: #ffffff;

  color: var(--color-text,inherit);

  margin-bottom: 14px;
}

.post-summary {

  font-size: 1.05rem;

  line-height: 1.8;

  color: #ffffff;

  color: var(--color-text,inherit);

  opacity: .75;

  margin-bottom: 10px;

  font-style: italic;
}

.lead {

  font-size: 1rem;

  line-height: 1.85;

  color: #ffffff;

  color: var(--color-text,inherit);

  opacity: .8;

  margin-bottom: 0;
}

.post-content {

  padding: 0;
}

.post-section {

  margin-bottom: 32px;

  padding-bottom: 24px;

  border-bottom: 1px solid rgba(128,128,128,.15);
}

.post-section:last-of-type {

  border-bottom: none;
}

.post-section h2 {

  font-size: clamp(1.2rem,2.5vw,1.7rem);

  font-weight: 700;

  color: #ff6b35;

  color: var(--color-primary,inherit);

  margin-bottom: 14px;

  line-height: 1.3;
}

.post-section p {

  font-size: .95rem;

  line-height: 1.9;

  opacity: .85;

  margin-bottom: 12px;
}

.post-section .aeo-answer {

  font-size: .98rem;

  line-height: 1.9;

  opacity: .9;

  margin-bottom: 14px;
}

.post-conclusion {

  margin-top: 36px;

  padding: 20px 24px;

  background: rgba(128,128,128,.06);

  border-left: 4px solid #ff6b35;

  border-left: 4px solid var(--color-primary,#888);
}

.post-conclusion h2 {

  font-size: 1.2rem;

  font-weight: 700;

  margin-bottom: 10px;

  color: #ff6b35;

  color: var(--color-primary,inherit);
}

.post-quickinfo {

  margin-top: 40px;

  padding-top: 24px;

  border-top: 2px solid rgba(128,128,128,.15);
}

.post-quickinfo h2 {

  font-size: 1rem;

  font-weight: 700;

  margin-bottom: 16px;

  text-transform: uppercase;

  letter-spacing: .1em;

  opacity: .7;
}

.category-page {

  max-width: 1000px;

  margin: 0 auto;

  padding: 0 24px 60px;
}

.category-header {

  padding: 40px 0 24px;

  border-bottom: 2px solid #ff6b35;

  border-bottom: 2px solid var(--color-primary,#888);

  margin-bottom: 28px;
}

.category-title {

  font-size: clamp(1.8rem,3.5vw,2.6rem);

  font-weight: 700;

  color: #ffffff;

  color: var(--color-text,inherit);

  margin-bottom: 12px;
}

.category-intro {

  font-size: 1rem;

  line-height: 1.85;

  opacity: .8;

  margin-bottom: 0;
}

.category-table {

  margin-bottom: 28px;

  overflow-x: auto;
}

.category-table table {

  width: 100%;

  border-collapse: collapse;

  font-size: .9rem;
}

.category-table th {

  padding: 10px 14px;

  border-bottom: 2px solid #ff6b35;

  border-bottom: 2px solid var(--color-primary,#888);

  text-align: left;

  font-weight: 700;

  font-size: .8rem;

  letter-spacing: .08em;

  text-transform: uppercase;

  opacity: .7;
}

.category-table td {

  padding: 10px 14px;

  border-bottom: 1px solid rgba(128,128,128,.12);
}

.category-table a {

  color: #ff6b35;

  color: var(--color-primary,inherit);

  text-decoration: none;

  font-weight: 600;
}

.category-table a:hover {

  text-decoration: underline;
}

.category-sections {

  margin-top: 32px;
}

.category-sections .post-section h2 {

  font-size: 1.2rem;
}

.cat-section {

  margin-bottom: 28px;

  padding-bottom: 20px;

  border-bottom: 1px solid rgba(128,128,128,.12);
}

.cat-section h2 {

  font-size: 1.15rem;

  font-weight: 700;

  color: #ff6b35;

  color: var(--color-primary,inherit);

  margin-bottom: 10px;
}

.cat-faq {

  margin-top: 36px;
}

.cat-faq details {

  border-top: 1px solid rgba(128,128,128,.15);

  padding: 14px 0;
}

.cat-faq summary {

  font-weight: 700;

  cursor: pointer;

  font-size: .95rem;
}

.cat-faq p {

  padding-top: 10px;

  opacity: .8;

  line-height: 1.8;

  font-size: .9rem;
}

.cat-quickinfo {

  margin-top: 32px;

  padding-top: 20px;

  border-top: 1px solid rgba(128,128,128,.15);
}

.cat-conclusion {

  margin-top: 28px;

  padding: 18px 22px;

  background: rgba(128,128,128,.06);

  border-left: 3px solid #ff6b35;

  border-left: 3px solid var(--color-primary,#888);
}

@media (max-width:640px) {

  .post-article,.category-page {

    padding: 0 16px 40px;
  }

  .post-header,.category-header {

    padding: 28px 0 18px;
  }

  .post-title,.category-title {

    font-size: 1.7rem;
  }
}

.post-article--data {

  font-family: "IBM Plex Mono", monospace;

  font-family: var(--font-mono,monospace);
}

.post-article--editorial {

  max-width: 780px;
}

.post-article--minimal {

  padding-bottom: 40px;
}

.post-article--support {

  background: rgba(128,128,128,.02);
}

.post-header--editorial {

  padding: 32px 0 20px;
}

.post-header--support {

  border-bottom-color: rgba(128,128,128,.15);
}

.post-content--editorial {

  font-size: 1.05rem;

  line-height: 1.95;
}

.post-content--support {

  padding: 0 0 20px;
}

.post-author {

  font-weight: 700;

  font-size: .85rem;

  opacity: .8;
}

.post-date {

  font-size: .8rem;

  opacity: .6;

  margin-right: 10px;
}

.post-reading-time {

  font-size: .8rem;

  opacity: .82;

  margin-left: 8px;
}

.post-hero-image {

  width: 100%;

  max-height: 420px;

  -o-object-fit: cover;

     object-fit: cover;

  border-radius: 8px;

  margin-bottom: 28px;
}

.post-faq {

  margin-top: 36px;

  padding-top: 24px;

  border-top: 1px solid rgba(128,128,128,.15);
}

.post-faq h2 {

  font-size: 1.1rem;

  font-weight: 700;

  margin-bottom: 16px;

  color: #ff6b35;

  color: var(--color-primary,inherit);
}

.post-faq details {

  border-top: 1px solid rgba(128,128,128,.1);

  padding: 12px 0;
}

.post-faq summary {

  font-weight: 600;

  cursor: pointer;

  font-size: .92rem;
}

.post-faq p {

  padding-top: 8px;

  opacity: .8;

  line-height: 1.8;

  font-size: .9rem;
}

.post-grid {

  display: grid;

  grid-template-columns: 1fr minmax(0,240px);

  grid-gap: 40px;

  gap: 40px;

  align-items: start;
}

.post-main {

  min-width: 0;
}

.post-sidebar {

  position: sticky;

  top: 24px;
}

.post-cta {

  margin: 32px 0;

  padding: 24px;

  background: rgba(128,128,128,.06);

  border-radius: 8px;

  text-align: center;

  border: 1px solid rgba(128,128,128,.15);
}

.post-cta a,.cta-button {

  display: inline-block;

  padding: 12px 28px;

  background: #ff6b35;

  background: var(--color-primary,#666);

  color: #0a0a0a;

  color: var(--color-bg,#fff);

  border-radius: 6px;

  text-decoration: none;

  font-weight: 700;

  font-size: .95rem;
}

.sidebar-card {

  background: rgba(128,128,128,.06);

  border-radius: 8px;

  padding: 20px;

  margin-bottom: 20px;

  border: 1px solid rgba(128,128,128,.12);
}

.sidebar-card h3 {

  font-size: .9rem;

  font-weight: 700;

  margin-bottom: 10px;

  opacity: .7;

  text-transform: uppercase;

  letter-spacing: .08em;
}

.page-article {

  max-width: 860px;

  margin: 0 auto;

  padding: 0 24px 60px;
}

.page-article--support {

  background: rgba(128,128,128,.02);
}

.page-header {

  padding: 40px 0 28px;

  border-bottom: 2px solid #ff6b35;

  border-bottom: 2px solid var(--color-primary,#888);

  margin-bottom: 32px;
}

.page-title {

  font-size: clamp(1.8rem,3.5vw,2.8rem);

  font-weight: 700;

  line-height: 1.2;

  color: #ffffff;

  color: var(--color-text,inherit);

  margin-bottom: 14px;
}

.page-content {

  padding: 0;
}

.category-page--editorial {

  font-size: 1.05rem;
}

.category-page--minimal {

  padding-bottom: 40px;
}

.category-page--support {

  background: rgba(128,128,128,.02);
}

.category-grid {

  display: grid;

  grid-template-columns: repeat(auto-fill,minmax(280px,1fr));

  grid-gap: 24px;

  gap: 24px;

  margin-bottom: 40px;
}

.category-card {

  background: rgba(128,128,128,.05);

  border-radius: 8px;

  padding: 20px;

  border: 1px solid rgba(128,128,128,.12);

  transition: transform .2s,box-shadow .2s;
}

.category-card:hover {

  transform: translateY(-2px);

  box-shadow: 0 4px 16px rgba(0,0,0,.08);
}

.category-card h2 {

  font-size: 1rem;

  font-weight: 700;

  margin-bottom: 8px;
}

.category-card h2 a {

  color: #ffffff;

  color: var(--color-text,inherit);

  text-decoration: none;
}

.category-card h2 a:hover {

  color: #ff6b35;

  color: var(--color-primary,inherit);
}

.category-card p {

  font-size: .88rem;

  opacity: .75;

  line-height: 1.7;
}

.category-list {

  list-style: none;

  padding: 0;

  margin: 0 0 32px;
}

.category-list-item {

  padding: 14px 0;

  border-bottom: 1px solid rgba(128,128,128,.1);

  display: flex;

  gap: 16px;

  align-items: start;
}

.category-list-item a {

  color: #ffffff;

  color: var(--color-text,inherit);

  text-decoration: none;

  font-weight: 600;

  font-size: .95rem;
}

.category-list-item a:hover {

  color: #ff6b35;

  color: var(--color-primary,inherit);
}

.category-magazine {

  display: grid;

  grid-template-columns: repeat(auto-fill,minmax(320px,1fr));

  grid-gap: 28px;

  gap: 28px;

  margin-bottom: 40px;
}

.magazine-card {

  border-radius: 10px;

  overflow: hidden;

  border: 1px solid rgba(128,128,128,.12);

  transition: transform .2s;
}

.magazine-card:hover {

  transform: translateY(-3px);
}

.magazine-card img {

  width: 100%;

  height: 180px;

  -o-object-fit: cover;

     object-fit: cover;
}

.magazine-card h2 {

  font-size: 1rem;

  font-weight: 700;

  padding: 16px 16px 4px;
}

.magazine-card h2 a {

  color: #ffffff;

  color: var(--color-text,inherit);

  text-decoration: none;
}

.magazine-card p {

  font-size: .85rem;

  opacity: .7;

  padding: 0 16px 16px;

  line-height: 1.7;
}

.breadcrumbs {

  font-size: .8rem;

  opacity: .6;

  margin-bottom: 16px;
}

.breadcrumbs a {

  color: #ff6b35;

  color: var(--color-primary,inherit);

  text-decoration: none;
}

.breadcrumbs a:hover {

  text-decoration: underline;
}

.breadcrumbs span[aria-hidden] {

  margin: 0 6px;

  opacity: .5;
}

.faq-section {

  margin-top: 36px;

  padding-top: 24px;

  border-top: 1px solid rgba(128,128,128,.15);
}

.faq-section h2 {

  font-size: 1.1rem;

  font-weight: 700;

  margin-bottom: 16px;

  color: #ff6b35;

  color: var(--color-primary,inherit);
}

.faq-item {

  border-top: 1px solid rgba(128,128,128,.1);

  padding: 12px 0;
}

.faq-item summary {

  font-weight: 600;

  cursor: pointer;

  font-size: .92rem;
}

.faq-item p {

  padding-top: 8px;

  opacity: .8;

  line-height: 1.8;

  font-size: .9rem;
}

.geo-table {

  margin: 0 0 16px;

  overflow-x: auto;
}

.geo-table table {

  width: 100%;

  border-collapse: collapse;

  font-size: .85rem;
}

.geo-table th {

  padding: 8px 12px;

  border-bottom: 2px solid #ff6b35;

  border-bottom: 2px solid var(--color-primary,#888);

  text-align: left;

  font-weight: 700;

  font-size: .75rem;

  letter-spacing: .08em;

  text-transform: uppercase;

  opacity: .65;
}

.geo-table td {

  padding: 8px 12px;

  border-bottom: 1px solid rgba(128,128,128,.1);
}

.geo-table a {

  color: #ff6b35;

  color: var(--color-primary,inherit);

  text-decoration: none;

  font-weight: 600;
}

.geo-context {

  font-size: .78rem;

  opacity: 1;

  line-height: 1.7;

  margin-top: 8px;

  font-style: italic;

  color: rgba(255,255,255,.82);
}

.cat-faq summary,
.post-faq summary,
.faq-item summary,
.kin-faq__item summary {

  min-height: 56px;

  display: flex;

  align-items: center;

  padding-top: 18px;

  padding-bottom: 18px;
}

@media (max-width:640px) {

  .post-grid {

    grid-template-columns: 1fr;
  }

  .post-sidebar {

    position: static;
  }

  .category-grid,.category-magazine {

    grid-template-columns: 1fr;
  }

  .page-article {

    padding: 0 16px 40px;
  }

  .page-header {

    padding: 28px 0 18px;
  }

  .page-title {

    font-size: 1.7rem;
  }
}

.post-meta {

  display: flex;

  align-items: center;

  gap: 12px;

  flex-wrap: wrap;

  margin-top: 10px;

  font-size: .82rem;

  opacity: .6;
}

.siteHeader {

  position: sticky;

  top: 0;

  z-index: 50;

  background: #140a1a;

  background: var(--c-bg);

  border-bottom: 1px solid #d946ef;

  border-bottom: 1px solid var(--c-border);

  backdrop-filter: blur(18px);

  -webkit-backdrop-filter: blur(18px);
}

.siteHeader > div {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 1rem;

  max-width: 72rem;

  margin: 0 auto;

  padding: 0.75rem 1rem;
}

.siteHeader .brand {

  display: inline-flex;

  align-items: center;

  gap: 0.5rem;

  flex-shrink: 0;

  text-decoration: none;
}

.siteHeader .siteNav {

  display: none;

  align-items: center;

  justify-content: center;

  gap: 0.75rem;

  flex: 1 1 auto;

  min-width: 0;
}

.siteHeader .siteNav .nav-link {

  display: inline-flex;

  align-items: center;

  min-height: 44px;

  white-space: nowrap;
}

.siteHeader > div > div:last-child {

  display: flex;

  align-items: center;

  gap: 0.75rem;

  flex-shrink: 0;
}

.siteHeader .topCta,
.siteHeader .menuBtn {

  flex-shrink: 0;
}

.siteHeader .topCta,
.siteHeader .topCta:hover,
.siteHeader .topCta:focus-visible {

  color: #000000 !important;

  color: var(--c-cta-text) !important;
}

.siteHeader .menuBtn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  min-height: 44px;

  cursor: pointer;

  pointer-events: auto;
}

.siteHeader .menuBtn::-webkit-details-marker {

  display: none;
}

.siteHeader details {

  position: relative;

  display: block;

  flex-shrink: 0;
}

.siteHeader details > div {

  display: none;

  gap: 0.25rem;

  position: absolute;

  right: 0;

  top: calc(100% + 0.5rem);

  width: min(14rem, calc(100vw - 2rem));

  padding: 0.5rem;

  border: 1px solid #d946ef;

  border: 1px solid var(--c-border);

  border-radius: 1rem;

  background: #140a1a;

  background: var(--c-bg);
}

@supports (color: color-mix(in lab, red, red)) {

  .siteHeader details > div {

    background: color-mix(in srgb, #140a1a 92%, black 8%);
  }

@supports (color: color-mix(in lch, red, blue)) {
.siteHeader details > div {

      background: color-mix(in srgb, var(--c-bg) 92%, black 8%);
    }
}
}

.siteHeader details > div {

  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.35);

  z-index: 70;
}

.siteHeader details[open] > div {

  display: grid;
}

.siteHeader > div > div:last-child > a:not(.topCta) {

  display: none;
}

.siteFooter > div {

  display: grid;

  grid-gap: 2.5rem;

  gap: 2.5rem;

  max-width: 72rem;

  margin: 0 auto;

  padding: 3rem 1rem;
}

.siteFooter a {

  color: #fdf4ff !important;

  color: var(--c-text) !important;
}

@supports (color: color-mix(in lab, red, red)) {

  .siteFooter a {

    color: color-mix(in oklab, #fdf4ff 90%, transparent) !important;
  }

@supports (color: color-mix(in lch, red, blue)) {
.siteFooter a {

      color: color-mix(in oklab, var(--c-text) 90%, transparent) !important;
    }
}
}

.siteFooter {

  color: #fdf4ff !important;

  color: var(--c-text) !important;
}

@supports (color: color-mix(in lab, red, red)) {

  .siteFooter {

    color: color-mix(in oklab, #fdf4ff 90%, transparent) !important;
  }

@supports (color: color-mix(in lch, red, blue)) {
.siteFooter {

      color: color-mix(in oklab, var(--c-text) 90%, transparent) !important;
    }
}
}

.siteFooter p {

  color: #fdf4ff !important;

  color: var(--c-text) !important;
}

@supports (color: color-mix(in lab, red, red)) {

  .siteFooter p {

    color: color-mix(in oklab, #fdf4ff 90%, transparent) !important;
  }

@supports (color: color-mix(in lch, red, blue)) {
.siteFooter p {

      color: color-mix(in oklab, var(--c-text) 90%, transparent) !important;
    }
}
}

.siteFooter a:hover {

  color: #fdf4ff !important;

  color: var(--c-text) !important;

  text-decoration: underline;

  text-underline-offset: 4px;
}

nav[aria-label="Hızlı iç bağlantılar"] a {

  color: #fdf4ff !important;

  color: var(--c-text) !important;
}

@supports (color: color-mix(in lab, red, red)) {

  nav[aria-label="Hızlı iç bağlantılar"] a {

    color: color-mix(in oklab, #fdf4ff 90%, transparent) !important;
  }

@supports (color: color-mix(in lch, red, blue)) {
nav[aria-label="Hızlı iç bağlantılar"] a {

      color: color-mix(in oklab, var(--c-text) 90%, transparent) !important;
    }
}
}

nav[aria-label="Hızlı iç bağlantılar"] a {

  background: #24142d !important;

  background: var(--c-surface) !important;

  border-color: #d946ef !important;

  border-color: var(--c-border) !important;
}

nav[aria-label="Hızlı iç bağlantılar"] a:hover {

  color: #fdf4ff !important;

  color: var(--c-text) !important;

  background: #24142d !important;

  background: var(--c-surface) !important;
}

@supports (color: color-mix(in lab, red, red)) {

  nav[aria-label="Hızlı iç bağlantılar"] a:hover {

    background: color-mix(in srgb, #24142d 92%, white 8%) !important;
  }

@supports (color: color-mix(in lch, red, blue)) {
nav[aria-label="Hızlı iç bağlantılar"] a:hover {

      background: color-mix(in srgb, var(--c-surface) 92%, white 8%) !important;
    }
}
}

@media (min-width: 768px) {

  .siteHeader .siteNav {

    display: flex;
  }

  .siteHeader details {

    display: none;
  }

  .siteFooter > div {

    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.layout-family-editorial .siteFooter > div {

    grid-template-columns: 1.2fr 0.8fr 1fr;
  }

  body.layout-family-dashboard .siteFooter > div {

    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {

  .siteHeader > div {

    gap: 0.75rem;

    padding: 0.75rem 1rem;
  }

  .siteHeader .siteNav {

    display: none;
  }
}

@media (min-width: 640px) {

  .siteHeader > div > div:last-child > a:not(.topCta) {

    display: inline-flex;
  }
}

@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-border-style {

  syntax: "*";

  inherits: false;

  initial-value: solid;
}

@property --tw-gradient-position {

  syntax: "*";

  inherits: false;
}

@property --tw-gradient-from {

  syntax: "<color>";

  inherits: false;

  initial-value: #0000;
}

@property --tw-gradient-via {

  syntax: "<color>";

  inherits: false;

  initial-value: #0000;
}

@property --tw-gradient-to {

  syntax: "<color>";

  inherits: false;

  initial-value: #0000;
}

@property --tw-gradient-stops {

  syntax: "*";

  inherits: false;
}

@property --tw-gradient-via-stops {

  syntax: "*";

  inherits: false;
}

@property --tw-gradient-from-position {

  syntax: "<length-percentage>";

  inherits: false;

  initial-value: 0%;
}

@property --tw-gradient-via-position {

  syntax: "<length-percentage>";

  inherits: false;

  initial-value: 50%;
}

@property --tw-gradient-to-position {

  syntax: "<length-percentage>";

  inherits: false;

  initial-value: 100%;
}

@property --tw-leading {

  syntax: "*";

  inherits: false;
}

@property --tw-font-weight {

  syntax: "*";

  inherits: false;
}

@property --tw-tracking {

  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-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;
}

@keyframes pulse {

  50% {

    opacity: 0.5;
  }
}

@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-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-border-style: solid;

      --tw-gradient-position: initial;

      --tw-gradient-from: #0000;

      --tw-gradient-via: #0000;

      --tw-gradient-to: #0000;

      --tw-gradient-stops: initial;

      --tw-gradient-via-stops: initial;

      --tw-gradient-from-position: 0%;

      --tw-gradient-via-position: 50%;

      --tw-gradient-to-position: 100%;

      --tw-leading: initial;

      --tw-font-weight: initial;

      --tw-tracking: 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-translate-x: 0;

      --tw-translate-y: 0;

      --tw-translate-z: 0;
    }
  }
}