/* ─────────────────────────────────────────────────────────────────────────
   GENERATED FILE — do not hand-edit.

   This is the exact CSS that Tailwind v4 compiled for index.html, captured
   from the browser and frozen to disk. It replaces the runtime script that
   used to be fetched from cdn.moda.app on every page load.

   It contains ONLY the utilities index.html actually uses. If you add a new
   Tailwind class to the markup, it will NOT work until it's added here — see
   README.md for how to regenerate.

   Cascade note: utilities live in `@layer utilities`, and unlayered CSS wins
   over layered CSS regardless of order. That's why the custom rules in
   index.html (.btn, .font-display, …) beat these utilities, and why the nav
   button uses !px-6 / !py-2.5 to force an override.
   ───────────────────────────────────────────────────────────────────────── */

@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-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
    --spacing: 0.25rem;
    --container-sm: 24rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-4xl: 56rem;
    --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-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-5xl: 3rem;
    --text-5xl--line-height: 1;
    --font-weight-light: 300;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-3xl: 1.5rem;
    --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: 0px; padding: 0px; border: 0px solid; }
  html, :host { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; 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: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; }
  hr { height: 0px; color: inherit; border-top-width: 1px; }
  abbr:where([title]) { text-decoration: underline dotted; }
  h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
  a { color: 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: 0px; border-color: inherit; border-collapse: collapse; }
  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; letter-spacing: inherit; color: inherit; border-radius: 0px; 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 { 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: 0px; }
  ::-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: 0px; }
  ::-webkit-calendar-picker-indicator { line-height: 1; }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button { appearance: button; }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }
  [hidden]:where(:not([hidden="until-found"])) { display: none !important; }
}

@layer utilities {
  .absolute { position: absolute; }
  .relative { position: relative; }
  .inset-x-0 { inset-inline: calc(var(--spacing) * 0); }
  .top-0 { top: calc(var(--spacing) * 0); }
  .z-10 { z-index: 10; }
  .z-50 { z-index: 50; }
  .mx-auto { margin-inline: auto; }
  .mt-1 { margin-top: calc(var(--spacing) * 1); }
  .mt-3 { margin-top: calc(var(--spacing) * 3); }
  .mt-4 { margin-top: calc(var(--spacing) * 4); }
  .mt-8 { margin-top: calc(var(--spacing) * 8); }
  .mt-9 { margin-top: calc(var(--spacing) * 9); }
  .mt-10 { margin-top: calc(var(--spacing) * 10); }
  .mt-11 { margin-top: calc(var(--spacing) * 11); }
  .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-16 { margin-bottom: calc(var(--spacing) * 16); }
  .flex { display: flex; }
  .grid { display: grid; }
  .hidden { display: none; }
  .h-7 { height: calc(var(--spacing) * 7); }
  .h-11 { height: calc(var(--spacing) * 11); }
  .h-12 { height: calc(var(--spacing) * 12); }
  .min-h-\[24rem\] { min-height: 24rem; }
  .min-h-screen { min-height: 100vh; }
  .w-7 { width: calc(var(--spacing) * 7); }
  .w-auto { width: auto; }
  .w-full { width: 100%; }
  .max-w-2xl { max-width: var(--container-2xl); }
  .max-w-4xl { max-width: var(--container-4xl); }
  .max-w-\[68rem\] { max-width: 68rem; }
  .max-w-\[1400px\] { max-width: 1400px; }
  .max-w-sm { max-width: var(--container-sm); }
  .max-w-xl { max-width: var(--container-xl); }
  .flex-1 { flex: 1 1 0%; }
  .flex-none { flex: 0 0 auto; }
  .flex-col { flex-direction: column; }
  .flex-wrap { flex-wrap: wrap; }
  .items-center { align-items: center; }
  .items-start { align-items: flex-start; }
  .justify-between { justify-content: space-between; }
  .gap-5 { gap: calc(var(--spacing) * 5); }
  .gap-6 { gap: calc(var(--spacing) * 6); }
  .gap-9 { gap: calc(var(--spacing) * 9); }
  .gap-10 { gap: calc(var(--spacing) * 10); }
  .gap-14 { gap: calc(var(--spacing) * 14); }
  .gap-x-8 { column-gap: calc(var(--spacing) * 8); }
  .gap-y-3 { row-gap: calc(var(--spacing) * 3); }
  .divide-y {
    :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); }
  }
  .divide-\[color\:var\(--ink\)\]\/10 {
    :where(& > :not(:last-child)) {
      border-color: var(--ink);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--ink) 10%, transparent);
      }
    }
  }
  .self-start { align-self: flex-start; }
  .overflow-hidden { overflow: hidden; }
  .rounded-3xl { border-radius: var(--radius-3xl); }
  .rounded-\[2\.5rem\] { border-radius: 2.5rem; }
  .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; }
  .border-\[color\:var\(--ink\)\]\/10 {
    border-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ink) 10%, transparent);
    }
  }
  .bg-\[color\:var\(--white\)\] { background-color: var(--white); }
  .p-8 { padding: calc(var(--spacing) * 8); }
  .\!px-6 { padding-inline: calc(var(--spacing) * 6) !important; }
  .px-6 { padding-inline: calc(var(--spacing) * 6); }
  .\!py-2\.5 { padding-block: calc(var(--spacing) * 2.5) !important; }
  .py-5 { padding-block: calc(var(--spacing) * 5); }
  .py-7 { padding-block: calc(var(--spacing) * 7); }
  .py-24 { padding-block: calc(var(--spacing) * 24); }
  .py-28 { padding-block: calc(var(--spacing) * 28); }
  .pt-12 { padding-top: calc(var(--spacing) * 12); }
  .pt-16 { padding-top: calc(var(--spacing) * 16); }
  .pt-32 { padding-top: calc(var(--spacing) * 32); }
  .pb-10 { padding-bottom: calc(var(--spacing) * 10); }
  .pb-16 { padding-bottom: calc(var(--spacing) * 16); }
  .pb-24 { padding-bottom: calc(var(--spacing) * 24); }
  .text-center { text-align: center; }
  .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); }
  .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); }
  .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); }
  .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); }
  .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); }
  .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); }
  .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); }
  .leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); }
  .font-light { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); }
  .text-\[color\:var\(--ink\)\] { color: var(--ink); }
  .text-\[color\:var\(--ink\)\]\/15 {
    color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--ink) 15%, transparent); }
  }
  .text-\[color\:var\(--ink\)\]\/40 {
    color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--ink) 40%, transparent); }
  }
  .text-\[color\:var\(--ink\)\]\/45 {
    color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--ink) 45%, transparent); }
  }
  .text-\[color\:var\(--ink\)\]\/55 {
    color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--ink) 55%, transparent); }
  }
  .text-\[color\:var\(--ink\)\]\/60 {
    color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--ink) 60%, transparent); }
  }
  .text-\[color\:var\(--ink\)\]\/65 {
    color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--ink) 65%, transparent); }
  }
  .text-\[color\:var\(--ink\)\]\/70 {
    color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--ink) 70%, transparent); }
  }
  .text-\[color\:var\(--ink\)\]\/75 {
    color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--ink) 75%, transparent); }
  }
  .text-\[color\:var\(--ink\)\]\/80 {
    color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--ink) 80%, transparent); }
  }
  .italic { font-style: italic; }
  .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, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
  .hover\:text-\[color\:var\(--ink\)\] {
    &:hover {
      @media (hover: hover) { color: var(--ink); }
    }
  }
  .sm\:block { @media (width >= 40rem) { display: block; } }
  .sm\:p-10 { @media (width >= 40rem) { padding: calc(var(--spacing) * 10); } }
  .sm\:px-10 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 10); } }
  .sm\:px-16 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 16); } }
  .sm\:py-32 { @media (width >= 40rem) { padding-block: calc(var(--spacing) * 32); } }
  .sm\:py-40 { @media (width >= 40rem) { padding-block: calc(var(--spacing) * 40); } }
  .sm\:text-2xl { @media (width >= 40rem) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } }
  .sm\:text-3xl { @media (width >= 40rem) { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } }
  .sm\:text-xl { @media (width >= 40rem) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } }
  .md\:flex { @media (width >= 48rem) { display: flex; } }
  .md\:grid-cols-3 { @media (width >= 48rem) { grid-template-columns: repeat(3, minmax(0px, 1fr)); } }
  .md\:flex-row { @media (width >= 48rem) { flex-direction: row; } }
  .md\:items-center { @media (width >= 48rem) { align-items: center; } }
  .md\:items-end { @media (width >= 48rem) { align-items: flex-end; } }
  .md\:justify-between { @media (width >= 48rem) { justify-content: space-between; } }
  .md\:text-right { @media (width >= 48rem) { text-align: right; } }
  .lg\:col-span-4 { @media (width >= 64rem) { grid-column: span 4 / span 4; } }
  .lg\:col-span-8 { @media (width >= 64rem) { grid-column: span 8 / span 8; } }
  .lg\:grid-cols-12 { @media (width >= 64rem) { grid-template-columns: repeat(12, minmax(0px, 1fr)); } }
  .lg\:gap-10 { @media (width >= 64rem) { gap: calc(var(--spacing) * 10); } }
}

@property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }

@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-divide-y-reverse: 0; --tw-border-style: solid; --tw-leading: initial; --tw-font-weight: initial; }
  }
}