/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial,
    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    --font-mono: 'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace;
    --color-white: #fff;
    --spacing: 0.25rem;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --radius-sm: var(--r-sm);
    --radius-md: var(--r-md);
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-bg1: var(--bg1);
    --color-bg2: var(--bg2);
    --color-bg3: var(--bg3);
    --color-line: var(--b);
    --color-m: var(--m);
    --color-w: var(--w);
    --color-accent: var(--accent);
    --color-accent-2: var(--accent-2);
    --color-ink: var(--ink);
    --color-m2: var(--m2);
    --font-head: 'General Sans', 'Helvetica Neue', Helvetica, Arial, system-ui, sans-serif;
    --container-page: var(--max);
    --container-head: var(--head);
    --container-head-block: var(--head-block);
    --container-read: var(--read);
    --container-read-narrow: var(--read-narrow);
    --text-display: var(--fs-display);
    --text-display-2: var(--fs-display-2);
    --text-section: var(--fs-section);
    --text-sub: var(--fs-sub);
    --text-card: var(--fs-card);
    --text-micro: var(--fs-micro);
    --text-lead: var(--fs-lead);
    --text-body: var(--fs-body);
    --text-small: var(--fs-small);
    --text-tiny: var(--fs-tiny);
    --leading-caption: 1.4;
    --text-number: var(--fs-number);
    --text-number-sm: var(--fs-number-sm);
    --text-number-band: var(--fs-number-band);
    --spacing-band: var(--band);
    --spacing-band-lg: var(--band-lg);
    --spacing-band-sm: var(--band-sm);
    --spacing-lead: 1.2rem;
    --radius-tag: var(--r-tag);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
  }
}
@layer utilities {
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .container {
    width: 100%;
    @media (width >= 401px) {
      max-width: 401px;
    }
    @media (width >= 481px) {
      max-width: 481px;
    }
    @media (width >= 561px) {
      max-width: 561px;
    }
    @media (width >= 641px) {
      max-width: 641px;
    }
    @media (width >= 761px) {
      max-width: 761px;
    }
    @media (width >= 861px) {
      max-width: 861px;
    }
    @media (width >= 901px) {
      max-width: 901px;
    }
    @media (width >= 1145px) {
      max-width: 1145px;
    }
  }
  .m-0 {
    margin: 0px;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .-mt-2 {
    margin-top: calc(var(--spacing) * -2);
  }
  .mt-1 {
    margin-top: var(--spacing);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-\[\.3rem\] {
    margin-top: .3rem;
  }
  .mt-\[\.4rem\] {
    margin-top: .4rem;
  }
  .mt-\[\.9rem\] {
    margin-top: .9rem;
  }
  .mt-\[1\.8rem\] {
    margin-top: 1.8rem;
  }
  .mt-lead {
    margin-top: var(--spacing-lead);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-\[\.3rem\] {
    margin-bottom: .3rem;
  }
  .mb-\[\.6rem\] {
    margin-bottom: .6rem;
  }
  .mb-\[\.7rem\] {
    margin-bottom: .7rem;
  }
  .mb-\[\.8rem\] {
    margin-bottom: .8rem;
  }
  .mb-\[\.9rem\] {
    margin-bottom: .9rem;
  }
  .mb-\[1\.1rem\] {
    margin-bottom: 1.1rem;
  }
  .mb-\[1\.3rem\] {
    margin-bottom: 1.3rem;
  }
  .mb-\[1\.9rem\] {
    margin-bottom: 1.9rem;
  }
  .mb-\[2\.2rem\] {
    margin-bottom: 2.2rem;
  }
  .mb-\[2\.4rem\] {
    margin-bottom: 2.4rem;
  }
  .ml-\[\.6rem\] {
    margin-left: .6rem;
  }
  .ml-auto {
    margin-left: auto;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-\[34px\] {
    height: 34px;
  }
  .h-\[46px\] {
    height: 46px;
  }
  .h-\[76px\] {
    height: 76px;
  }
  .min-h-\[2\.4em\] {
    min-height: 2.4em;
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-\[46px\] {
    width: 46px;
  }
  .w-\[76px\] {
    width: 76px;
  }
  .w-full {
    width: 100%;
  }
  .max-w-\[34ch\] {
    max-width: 34ch;
  }
  .max-w-\[300px\] {
    max-width: 300px;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-head {
    max-width: var(--container-head);
  }
  .max-w-head-block {
    max-width: var(--container-head-block);
  }
  .max-w-none {
    max-width: none;
  }
  .max-w-page {
    max-width: var(--container-page);
  }
  .max-w-read {
    max-width: var(--container-read);
  }
  .max-w-read-narrow {
    max-width: var(--container-read-narrow);
  }
  .scroll-mt-24 {
    scroll-margin-top: calc(var(--spacing) * 24);
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }
  .grid-cols-\[76px_1fr\] {
    grid-template-columns: 76px 1fr;
  }
  .grid-cols-\[76px_220px_1fr\] {
    grid-template-columns: 76px 220px 1fr;
  }
  .grid-cols-\[76px_minmax\(0\,2fr\)_minmax\(0\,3fr\)\] {
    grid-template-columns: 76px minmax(0,2fr) minmax(0,3fr);
  }
  .grid-cols-\[minmax\(0\,1fr\)_320px\] {
    grid-template-columns: minmax(0,1fr) 320px;
  }
  .grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,3fr\)\] {
    grid-template-columns: minmax(0,2fr) minmax(0,3fr);
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-items-center {
    justify-items: center;
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .gap-14 {
    gap: calc(var(--spacing) * 14);
  }
  .gap-16 {
    gap: calc(var(--spacing) * 16);
  }
  .gap-\[\.6rem\] {
    gap: .6rem;
  }
  .gap-\[\.8rem\] {
    gap: .8rem;
  }
  .gap-\[6px\] {
    gap: 6px;
  }
  .gap-px {
    gap: 1px;
  }
  .gap-x-12 {
    column-gap: calc(var(--spacing) * 12);
  }
  .gap-x-\[1\.6rem\] {
    column-gap: 1.6rem;
  }
  .gap-y-9 {
    row-gap: calc(var(--spacing) * 9);
  }
  .self-start {
    align-self: flex-start;
  }
  .justify-self-start {
    justify-self: flex-start;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-\[3px\] {
    border-radius: 3px;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-tag {
    border-radius: var(--radius-tag);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-accent {
    border-color: var(--color-accent);
  }
  .border-accent-2 {
    border-color: var(--color-accent-2);
  }
  .border-line {
    border-color: var(--color-line);
  }
  .bg-accent {
    background-color: var(--color-accent);
  }
  .bg-bg1 {
    background-color: var(--color-bg1);
  }
  .bg-bg2 {
    background-color: var(--color-bg2);
  }
  .bg-bg3 {
    background-color: var(--color-bg3);
  }
  .bg-line {
    background-color: var(--color-line);
  }
  .bg-m {
    background-color: var(--color-m);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .object-cover {
    object-fit: cover;
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-10 {
    padding: calc(var(--spacing) * 10);
  }
  .p-\[2\.2rem\] {
    padding: 2.2rem;
  }
  .p-\[2\.2rem_2\.4rem\] {
    padding: 2.2rem 2.4rem;
  }
  .p-\[2\.6rem\] {
    padding: 2.6rem;
  }
  .px-\(--gutter\) {
    padding-inline: var(--gutter);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-\[1\.8rem\] {
    padding-inline: 1.8rem;
  }
  .px-\[10px\] {
    padding-inline: 10px;
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-7 {
    padding-block: calc(var(--spacing) * 7);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-\[\.9rem\] {
    padding-block: .9rem;
  }
  .py-\[1\.05rem\] {
    padding-block: 1.05rem;
  }
  .py-\[1\.8rem\] {
    padding-block: 1.8rem;
  }
  .py-\[2\.2rem\] {
    padding-block: 2.2rem;
  }
  .py-\[2px\] {
    padding-block: 2px;
  }
  .py-\[4\.5rem\] {
    padding-block: 4.5rem;
  }
  .py-\[4px\] {
    padding-block: 4px;
  }
  .py-band {
    padding-block: var(--spacing-band);
  }
  .py-band-lg {
    padding-block: var(--spacing-band-lg);
  }
  .py-band-sm {
    padding-block: var(--spacing-band-sm);
  }
  .pt-7 {
    padding-top: calc(var(--spacing) * 7);
  }
  .pt-22 {
    padding-top: calc(var(--spacing) * 22);
  }
  .pt-28 {
    padding-top: calc(var(--spacing) * 28);
  }
  .pt-\[1\.4rem\] {
    padding-top: 1.4rem;
  }
  .pt-\[3\.2rem\] {
    padding-top: 3.2rem;
  }
  .pt-\[3\.4rem\] {
    padding-top: 3.4rem;
  }
  .pt-\[4\.5rem\] {
    padding-top: 4.5rem;
  }
  .pt-band {
    padding-top: var(--spacing-band);
  }
  .pt-band-lg {
    padding-top: var(--spacing-band-lg);
  }
  .pt-band-sm {
    padding-top: var(--spacing-band-sm);
  }
  .pb-0 {
    padding-bottom: 0px;
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-32 {
    padding-bottom: calc(var(--spacing) * 32);
  }
  .pb-\[4\.5rem\] {
    padding-bottom: 4.5rem;
  }
  .pb-band {
    padding-bottom: var(--spacing-band);
  }
  .pb-band-sm {
    padding-bottom: var(--spacing-band-sm);
  }
  .pl-\[1\.6rem\] {
    padding-left: 1.6rem;
  }
  .text-center {
    text-align: center;
  }
  .text-right {
    text-align: right;
  }
  .font-head {
    font-family: var(--font-head);
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .text-body {
    font-size: var(--text-body);
  }
  .text-card {
    font-size: var(--text-card);
  }
  .text-display {
    font-size: var(--text-display);
  }
  .text-display-2 {
    font-size: var(--text-display-2);
  }
  .text-lead {
    font-size: var(--text-lead);
  }
  .text-micro {
    font-size: var(--text-micro);
  }
  .text-number {
    font-size: var(--text-number);
  }
  .text-number-band {
    font-size: var(--text-number-band);
  }
  .text-number-sm {
    font-size: var(--text-number-sm);
  }
  .text-section {
    font-size: var(--text-section);
  }
  .text-small {
    font-size: var(--text-small);
  }
  .text-sub {
    font-size: var(--text-sub);
  }
  .text-tiny {
    font-size: var(--text-tiny);
  }
  .leading-\[1\.1\] {
    --tw-leading: 1.1;
    line-height: 1.1;
  }
  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }
  .leading-\[1\.05\] {
    --tw-leading: 1.05;
    line-height: 1.05;
  }
  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }
  .leading-\[1\.06\] {
    --tw-leading: 1.06;
    line-height: 1.06;
  }
  .leading-\[1\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }
  .leading-\[1\.7\] {
    --tw-leading: 1.7;
    line-height: 1.7;
  }
  .leading-\[1\.15\] {
    --tw-leading: 1.15;
    line-height: 1.15;
  }
  .leading-\[1\.45\] {
    --tw-leading: 1.45;
    line-height: 1.45;
  }
  .leading-\[1\.55\] {
    --tw-leading: 1.55;
    line-height: 1.55;
  }
  .leading-caption {
    --tw-leading: var(--leading-caption);
    line-height: var(--leading-caption);
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-\[-\.02em\] {
    --tw-tracking: -.02em;
    letter-spacing: -.02em;
  }
  .tracking-\[-\.03em\] {
    --tw-tracking: -.03em;
    letter-spacing: -.03em;
  }
  .tracking-\[-\.04em\] {
    --tw-tracking: -.04em;
    letter-spacing: -.04em;
  }
  .tracking-\[-\.08em\] {
    --tw-tracking: -.08em;
    letter-spacing: -.08em;
  }
  .tracking-\[-\.015em\] {
    --tw-tracking: -.015em;
    letter-spacing: -.015em;
  }
  .tracking-\[\.04em\] {
    --tw-tracking: .04em;
    letter-spacing: .04em;
  }
  .tracking-\[\.14em\] {
    --tw-tracking: .14em;
    letter-spacing: .14em;
  }
  .tracking-\[\.15em\] {
    --tw-tracking: .15em;
    letter-spacing: .15em;
  }
  .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-accent {
    color: var(--color-accent);
  }
  .text-accent-2 {
    color: var(--color-accent-2);
  }
  .text-ink {
    color: var(--color-ink);
  }
  .text-m {
    color: var(--color-m);
  }
  .text-m2 {
    color: var(--color-m2);
  }
  .text-w {
    color: var(--color-w);
  }
  .text-white {
    color: var(--color-white);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .transition-\[border-color\,background\] {
    transition-property: border-color,background;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    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: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-\(--dur-fast\) {
    --tw-duration: var(--dur-fast);
    transition-duration: var(--dur-fast);
  }
  .duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .\[-webkit-mask\:var\(--src\)_center\/contain_no-repeat\] {
    -webkit-mask: var(--src) center/contain no-repeat;
  }
  .\[mask\:var\(--src\)_center\/contain_no-repeat\] {
    mask: var(--src) center/contain no-repeat;
  }
  .not-first\:pl-8:not(:first-child) {
    padding-left: calc(var(--spacing) * 8);
  }
  @media (hover: hover) {
    .group-hover\:border-accent:is(:where(.group):hover *) {
      border-color: var(--color-accent);
    }
    .group-hover\:border-accent-2:is(:where(.group):hover *) {
      border-color: var(--color-accent-2);
    }
    .group-hover\:bg-\[color-mix\(in_oklab\,var\(--accent\)_9\%\,transparent\)\]:is(:where(.group):hover *) {
      background-color: var(--accent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-\[color-mix\(in_oklab\,var\(--accent\)_9\%\,transparent\)\]:is(:where(.group):hover *) {
        background-color: color-mix(in oklab,var(--accent) 9%,transparent);
      }
    }
    .group-hover\:bg-\[color-mix\(in_oklab\,var\(--accent-2\)_9\%\,transparent\)\]:is(:where(.group):hover *) {
      background-color: var(--accent-2);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-\[color-mix\(in_oklab\,var\(--accent-2\)_9\%\,transparent\)\]:is(:where(.group):hover *) {
        background-color: color-mix(in oklab,var(--accent-2) 9%,transparent);
      }
    }
    .group-hover\:bg-w:is(:where(.group):hover *) {
      background-color: var(--color-w);
    }
    .group-hover\:text-accent:is(:where(.group):hover *) {
      color: var(--color-accent);
    }
  }
  .before\:absolute::before {
    content: var(--tw-content);
    position: absolute;
  }
  .before\:top-\[1\.5em\]::before {
    content: var(--tw-content);
    top: 1.5em;
  }
  .before\:left-0::before {
    content: var(--tw-content);
    left: 0px;
  }
  .before\:h-\[7px\]::before {
    content: var(--tw-content);
    height: 7px;
  }
  .before\:w-\[7px\]::before {
    content: var(--tw-content);
    width: 7px;
  }
  .before\:rounded-full::before {
    content: var(--tw-content);
    border-radius: calc(infinity * 1px);
  }
  .before\:bg-accent::before {
    content: var(--tw-content);
    background-color: var(--color-accent);
  }
  .before\:bg-accent-2::before {
    content: var(--tw-content);
    background-color: var(--color-accent-2);
  }
  .before\:content-\[\'\'\]::before {
    --tw-content: '';
    content: var(--tw-content);
  }
  .after\:content-\[\'_→\'\]::after {
    --tw-content: ' →';
    content: var(--tw-content);
  }
  .last\:mb-0:last-child {
    margin-bottom: 0px;
  }
  .last\:border-b:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  @media (hover: hover) {
    .hover\:border-accent:hover {
      border-color: var(--color-accent);
    }
    .hover\:border-m:hover {
      border-color: var(--color-m);
    }
    .hover\:bg-bg2:hover {
      background-color: var(--color-bg2);
    }
    .hover\:bg-bg3:hover {
      background-color: var(--color-bg3);
    }
    .hover\:text-accent:hover {
      color: var(--color-accent);
    }
    .hover\:text-w:hover {
      color: var(--color-w);
    }
    .hover\:opacity-70:hover {
      opacity: 70%;
    }
    .hover\:opacity-85:hover {
      opacity: 85%;
    }
  }
  @media (width < 1145px) {
    .max-4xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width < 901px) {
    .max-3xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .max-3xl\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  @media (width < 861px) {
    .max-2xl\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .max-2xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .max-2xl\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
    .max-2xl\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
  }
  @media (width < 761px) {
    .max-xl\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }
    .max-xl\:h-auto {
      height: auto;
    }
    .max-xl\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .max-xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .max-xl\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }
    .max-xl\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
    .max-xl\:gap-\[\.6rem\] {
      gap: .6rem;
    }
    .max-xl\:gap-x-0 {
      column-gap: 0px;
    }
    .max-xl\:text-left {
      text-align: left;
    }
    .max-xl\:text-card {
      font-size: var(--text-card);
    }
  }
  @media (width < 641px) {
    .max-lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width < 561px) {
    .max-md\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .max-md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width < 481px) {
    .max-sm\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .max-sm\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }
    .max-sm\:text-number {
      font-size: var(--text-number);
    }
  }
  @media (width >= 761px) {
    .xl\:absolute {
      position: absolute;
    }
    .xl\:top-0 {
      top: 0px;
    }
    .xl\:right-0 {
      right: 0px;
    }
    .xl\:order-1 {
      order: 1;
    }
    .xl\:order-2 {
      order: 2;
    }
    .xl\:w-\[320px\] {
      width: 320px;
    }
  }
  .light\:bg-\[\#EAEAE4\]:where(:root[data-theme="light"], :root[data-theme="light"] *) {
    background-color: #EAEAE4;
  }
  .light\:text-\[\#FBFBF9\]:where(:root[data-theme="light"], :root[data-theme="light"] *) {
    color: #FBFBF9;
  }
  .\[\&_\.a\]\:text-accent .a {
    color: var(--color-accent);
  }
  .\[\&_\.brand\]\:font-head .brand {
    font-family: var(--font-head);
  }
  .\[\&_\.brand\]\:font-bold .brand {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .\[\&_\.brand\]\:tracking-\[-\.02em\] .brand {
    --tw-tracking: -.02em;
    letter-spacing: -.02em;
  }
  .\[\&_\.brand\]\:text-accent .brand {
    color: var(--color-accent);
  }
  .\[\&_\.ic\]\:h-8 .ic {
    height: calc(var(--spacing) * 8);
  }
  .\[\&_\.ic\]\:h-12 .ic {
    height: calc(var(--spacing) * 12);
  }
  .\[\&_\.ic\]\:h-\[42px\] .ic {
    height: 42px;
  }
  .\[\&_\.ic\]\:w-8 .ic {
    width: calc(var(--spacing) * 8);
  }
  .\[\&_\.ic\]\:w-12 .ic {
    width: calc(var(--spacing) * 12);
  }
  .\[\&_\.ic\]\:w-\[42px\] .ic {
    width: 42px;
  }
  .\[\&_a\]\:transition-opacity a {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .\[\&_a\]\:duration-150 a {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .\[\&_a\:hover\]\:opacity-70 a:hover {
    opacity: 70%;
  }
  .\[\&_b\]\:font-semibold b {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .\[\&_b\]\:text-w b {
    color: var(--color-w);
  }
  .\[\&_em\]\:text-accent em {
    color: var(--color-accent);
  }
  .\[\&_em\]\:text-accent-2 em {
    color: var(--color-accent-2);
  }
  .\[\&_em\]\:not-italic em {
    font-style: normal;
  }
  .\[\&_p\]\:mb-\[1\.3rem\] p {
    margin-bottom: 1.3rem;
  }
  .\[\&_p\]\:font-head p {
    font-family: var(--font-head);
  }
  .\[\&_p\]\:text-body p {
    font-size: var(--text-body);
  }
  .\[\&_p\]\:leading-\[1\.6\] p {
    --tw-leading: 1.6;
    line-height: 1.6;
  }
  .\[\&_p\]\:text-m p {
    color: var(--color-m);
  }
  .\[\&_p\:last-child\]\:mb-0 p:last-child {
    margin-bottom: 0px;
  }
  .\[\&_strong\]\:font-semibold strong {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .\[\&_strong\]\:text-w strong {
    color: var(--color-w);
  }
  .\[\&\>\*\]\:mt-0 > * {
    margin-top: 0px;
  }
  .\[\&\>svg\]\:block > svg {
    display: block;
  }
  .\[\&\>svg\]\:h-8 > svg {
    height: calc(var(--spacing) * 8);
  }
  .\[\&\>svg\]\:h-\[18px\] > svg {
    height: 18px;
  }
  .\[\&\>svg\]\:w-8 > svg {
    width: calc(var(--spacing) * 8);
  }
  .\[\&\>svg\]\:w-\[18px\] > svg {
    width: 18px;
  }
  .\[\&\>svg\]\:w-full > svg {
    width: 100%;
  }
  .\[\&\>svg\]\:shrink-0 > svg {
    flex-shrink: 0;
  }
  .\[\&\>svg\]\:rounded-lg > svg {
    border-radius: var(--radius-lg);
  }
}
@layer base {
  html {
    -webkit-text-size-adjust: 100%;
  }
  body {
    background: var(--bg1);
    color: var(--w);
    font-family: var(--font-head);
    font-weight: 400;
  }
  h1, h2, h3 {
    font-family: var(--font-head);
    color: var(--w);
  }
  em {
    font-style: inherit;
  }
  img, svg {
    display: block;
    max-width: 100%;
  }
}
@layer components {
  nav {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--bg1);
    border-bottom: 1px solid var(--b);
  }
  .nav-inner {
    max-width: var(--max);
    margin: 0 auto;
    padding: .5rem var(--gutter);
    min-height: 64px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .75rem 2rem;
  }
  .logo {
    font-family: var(--font-head);
    font-size: var(--fs-card);
    font-weight: 700;
    display: inline-flex;
    align-items: baseline;
    gap: 0;
    color: var(--w);
  }
  .logo-mark {
    color: var(--accent);
    font-weight: 700;
  }
  .nav-links {
    display: flex;
    gap: 1.8rem;
    list-style: none;
  }
  .nav-links a {
    font-size: var(--fs-small);
    color: var(--m);
    font-weight: 500;
    transition: color var(--dur-fast);
  }
  .nav-links a:hover {
    color: var(--w);
  }
  .nav-cta {
    background: var(--accent);
    color: var(--ink);
    border: none;
    padding: .6rem 1.3rem;
    font-family: var(--font-head);
    font-size: var(--fs-small);
    font-weight: 700;
    cursor: pointer;
    border-radius: var(--r-sm);
    transition: opacity var(--dur-fast);
    white-space: nowrap;
  }
  .nav-cta:hover {
    opacity: .85;
  }
  .ic {
    display: block;
    color: var(--accent);
  }
  .ic-accent-2 {
    color: var(--accent-2);
  }
  .ic svg {
    display: block;
    width: 100%;
    height: 100%;
  }
  .illus {
    display: block;
    width: 100%;
  }
  .illus svg {
    display: block;
    width: 100%;
    height: auto;
  }
  @media (max-width: 640px) {
    h2 {
      font-size: var(--fs-section);
      letter-spacing: -.02em;
    }
  }
  .e2-ft {
    background: var(--bg1);
    border-top: 1px solid var(--b);
    padding: 3rem 2rem 3.4rem;
  }
  .e2-ft-inner {
    max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 2.4rem;
  }
  .e2-ft-logo {
    font-family: var(--font-head);
    font-size: var(--fs-body);
    font-weight: 700;
    color: var(--w);
    margin-bottom: .7rem;
  }
  .e2-ft-2 {
    color: var(--accent);
    font-weight: 700;
  }
  .e2-ft h2 {
    font-family: var(--font-mono);
    font-size: var(--fs-tiny);
    font-weight: 600;
    color: var(--m);
    letter-spacing: .15em;
    text-transform: uppercase;
    margin: 0 0 .9rem;
  }
  .e2-ft p {
    font-family: var(--font-head);
    font-size: var(--fs-micro);
    font-weight: 400;
    color: var(--m);
    line-height: 1.5;
    margin: 0;
    max-width: 230px;
  }
  .e2-ft-brand p {
    font-family: var(--font-head);
    font-size: var(--fs-small);
    line-height: 1.55;
  }
  .e2-ft a {
    display: block;
    font-family: var(--font-head);
    font-size: var(--fs-micro);
    color: var(--m);
    line-height: 1.45;
    margin-bottom: .34rem;
    transition: color .15s;
  }
  .e2-ft-col:nth-child(2) a {
    line-height: 1.2;
    margin-bottom: .12rem;
  }
  .e2-ft a:hover {
    color: var(--w);
  }
  .e2-ft .e2-ft-name {
    font-weight: 400;
  }
  .e2-ft .e2-ft-allc {
    color: var(--accent);
    margin-top: .85rem;
  }
  .e2-ft .e2-ft-allc::after {
    content: " \2192";
    font-family: var(--font-mono);
  }
  @media (max-width:760px) {
    .e2-ft-inner {
      grid-template-columns: 1fr 1fr;
      gap: 2rem;
    }
  }
  @media (max-width:559px) {
    .e2-ft-inner {
      grid-template-columns: 1fr;
      gap: 1.8rem;
    }
  }
  .nav-tools {
    display: flex;
    align-items: center;
    gap: .6rem;
  }
  .lang-switch {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    height: 34px;
    padding: 0 .7rem;
    border: 1px solid var(--b);
    border-radius: var(--r-sm);
    color: var(--m);
    font-family: var(--font-mono);
    font-size: var(--fs-micro);
    letter-spacing: .04em;
    white-space: nowrap;
    transition: color var(--dur-fast), border-color var(--dur-fast);
  }
  .lang-switch:hover {
    color: var(--w);
    border-color: var(--m);
  }
  .lang-switch svg {
    flex: none;
  }
  .theme-toggle {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--b);
    border-radius: 3px;
    background: transparent;
    cursor: pointer;
    transition: border-color .15s;
  }
  .theme-toggle:hover {
    border-color: var(--m);
  }
  .theme-toggle svg {
    display: none;
    color: var(--w);
  }
  .theme-toggle .ico-moon {
    display: block;
  }
  :root[data-theme="light"] .theme-toggle .ico-moon {
    display: none;
  }
  :root[data-theme="light"] .theme-toggle .ico-sun {
    display: block;
  }
  :root[data-theme="dark"] .theme-toggle .ico-sun {
    display: none;
  }
  :root[data-theme="dark"] .theme-toggle .ico-moon {
    display: block;
  }
  .skip-link {
    position: absolute;
    top: -100px;
    left: 0;
    background: var(--accent);
    color: var(--ink);
    padding: .5rem 1rem;
    font-family: var(--font-mono);
    font-size: var(--fs-small);
    z-index: 200;
    transition: top .15s;
  }
  .skip-link:focus {
    top: 0;
  }
  .burger {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 34px;
    height: 34px;
    padding: 0 7px;
    background: transparent;
    border: 1px solid var(--b);
    border-radius: 3px;
    cursor: pointer;
    transition: border-color .15s;
  }
  .burger:hover {
    border-color: var(--m);
  }
  .burger span {
    display: block;
    height: 1.5px;
    background: var(--w);
    border-radius: 1px;
    transition: transform .2s cubic-bezier(.22,.61,.36,1), opacity .15s;
  }
  .burger[aria-expanded="true"] span:nth-child(1) {
    transform: translateY(6.5px) rotate(45deg);
  }
  .burger[aria-expanded="true"] span:nth-child(2) {
    opacity: 0;
  }
  .burger[aria-expanded="true"] span:nth-child(3) {
    transform: translateY(-6.5px) rotate(-45deg);
  }
  @media (max-width: 860px) {
    .nav-links {
      display: none;
    }
    .burger {
      display: flex;
    }
    nav {
      position: relative;
    }
    .nav-links.is-open {
      display: flex;
      flex-direction: column;
      position: absolute;
      top: 64px;
      left: 0;
      right: 0;
      background: var(--bg1);
      border-bottom: 1px solid var(--b);
      padding: .5rem 0 1rem;
      z-index: 99;
      gap: 0;
      list-style: none;
    }
    .nav-links.is-open li a {
      display: block;
      padding: .75rem 1.5rem;
      font-size: var(--fs-small);
      color: var(--m);
      font-weight: 500;
    }
    .nav-links.is-open li a:hover, .nav-links.is-open li a[aria-current] {
      color: var(--w);
    }
  }
  .nav-only-narrow {
    display: none;
  }
  @media (max-width: 640px) {
    .nav-cta {
      display: none;
    }
    .nav-links.is-open .nav-only-narrow {
      display: block;
    }
  }
}
@layer base {
  *, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  nav, footer {
    transition: background var(--dur) var(--ease);
  }
  a {
    color: inherit;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .18em;
    text-decoration-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, currentColor 45%, transparent);
    }
    transition: color .15s, text-decoration-color .15s;
  }
  a:hover {
    color: var(--accent);
    text-decoration-color: var(--accent);
  }
  .logo, .skip-link, .nav-links a, [class*="bg-accent"], .pp-item, .pp-btn, .nav-cta, .lang-switch, .e2-ft-logo, .theme-toggle {
    text-decoration: none;
  }
  a[class*="rounded-tag"], a[class*="rounded-[3px]"] {
    text-decoration: none;
  }
  .nav-links a:hover, .logo:hover {
    color: var(--accent);
  }
  h1, h2, h3, h4 {
    font-family: var(--font-head);
  }
  body {
    overflow-wrap: anywhere;
  }
  p {
    font-family: var(--font-head);
    font-weight: 400;
  }
  h2 {
    font-size: var(--fs-section);
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1.1;
    margin-bottom: 1.2rem;
  }
  h2 em {
    font-style: normal;
    color: var(--accent);
  }
  h3 {
    font-size: var(--fs-card);
    font-weight: 700;
    margin-bottom: .5rem;
  }
  body {
    transition: background .2s cubic-bezier(.22,.61,.36,1), color .2s cubic-bezier(.22,.61,.36,1);
  }
  nav, section, footer {
    transition: background .2s cubic-bezier(.22,.61,.36,1), border-color .2s;
  }
}
@layer focus {
  a:focus-visible, button:focus-visible, [tabindex]:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible {
    outline: 2px solid var(--focus);
    outline-offset: 2px;
    border-radius: 2px;
  }
}
@layer motion {
  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
      animation-duration: .01ms;
      animation-iteration-count: 1;
      transition-duration: .01ms;
      scroll-behavior: auto;
    }
  }
}
@layer layout {
  section {
    padding: 4rem var(--gutter);
  }
}
@layer theme {
  :root[data-theme="light"] .logo {
    color: var(--w);
  }
  :root[data-theme="light"] .nav-cta {
    color: #FBFBF9;
  }
}
@layer print {
  @media print {
    :root, :root[data-theme="dark"], :root[data-theme="light"] {
      --bg1: #fff;
      --bg2: #fff;
      --bg3: #fff;
      --w: #111;
      --m: #444;
      --b: #bbb;
      --line: #bbb;
      --accent: #111;
      --accent-2: #111;
      --ink: #fff;
      color-scheme: light;
    }
    html, body {
      background: #fff !important;
      color: #111 !important;
    }
    nav, .e2-ft, .skip-link, .theme-toggle, .palette-pick, .burger {
      display: none !important;
    }
    a[class*="bg-accent"] {
      background: transparent !important;
      color: #111 !important;
      border: 1px solid #bbb;
      padding: .2cm .3cm !important;
    }
    main a[href^="http"]::after {
      content: " (" attr(href) ")";
      font-size: 9pt;
      color: #555;
      word-break: break-all;
    }
    main .grid {
      display: block !important;
    }
    main [class*="max-w-"] {
      max-width: none !important;
    }
    .group, li, blockquote, figure, table, .illus {
      break-inside: avoid;
    }
    h1, h2, h3, h4 {
      break-after: avoid;
    }
    h2, h3 {
      margin-top: .6cm;
    }
    p, li {
      orphans: 3;
      widows: 3;
    }
    .illus svg {
      display: none;
    }
    img {
      max-width: 100% !important;
      height: auto !important;
    }
    *, *::before, *::after {
      transition: none !important;
      animation: none !important;
      box-shadow: none !important;
      text-shadow: none !important;
    }
    :root, :root[data-theme="dark"], :root[data-theme="light"] {
      --fs-display: 22pt;
      --fs-display-2: 18pt;
      --fs-section: 15pt;
      --fs-sub: 13pt;
      --fs-card: 11.5pt;
      --fs-lead: 11.5pt;
      --fs-body: 10.5pt;
      --fs-small: 9.5pt;
      --fs-micro: 8.5pt;
      --fs-tiny: 8pt;
      --fs-number: 20pt;
      --fs-number-sm: 14pt;
      --fs-number-band: 16pt;
    }
    body {
      line-height: 1.45;
    }
    main::after {
      content: "engine2 s.r.o. · engine2.net";
      display: block;
      margin-top: 1cm;
      padding-top: .3cm;
      border-top: 1px solid #bbb;
      font-size: 9pt;
      color: #555;
    }
  }
}
@page {
  margin: 18mm 16mm;
}
@layer components {
  #main > *:nth-child(odd) {
    --surface: var(--bg2);
    background: var(--surface);
  }
  #main > *:nth-child(even) {
    --surface: var(--bg1);
    background: var(--surface);
  }
  body.case-study #main > *[data-bg="1"] {
    --surface: var(--bg1);
    background: var(--surface);
  }
  body.case-study #main > *[data-bg="2"] {
    --surface: var(--bg2);
    background: var(--surface);
  }
  #main > * .e2-cell {
    background: var(--surface);
  }
  .claim-sr {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
  .claim-rot {
    position: relative;
    display: inline-grid;
  }
  .claim-rot > span {
    grid-area: 1 / 1;
    opacity: 0;
    animation: claim-cycle 12s infinite;
  }
  @keyframes claim-cycle {
    0%, 2% {
      opacity: 0;
    }
    4%, 21% {
      opacity: 1;
    }
    23%, 100% {
      opacity: 0;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .claim-rot > span {
      animation: none;
      opacity: 0;
    }
    .claim-rot > span:first-child {
      opacity: 1;
    }
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@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-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-outline-style: solid;
      --tw-duration: initial;
      --tw-content: "";
    }
  }
}