/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or
    ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *,
    :before,
    :after,
    ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --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-divide-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-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-divide-x-reverse: 0;
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
    }
  }
}

@layer theme {
  :root,
  :host {
    --font-sans: "Ubuntu", ui-sans-serif, system-ui, sans-serif;
    --font-mono: "Ubuntu Mono", ui-monospace, SFMono-Regular, monospace;
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.222222rem;
    --breakpoint-sm: 40rem;
    --breakpoint-md: 48rem;
    --breakpoint-lg: 64rem;
    --breakpoint-xl: 80rem;
    --breakpoint-2xl: 96rem;
    --container-sm: 21.3333rem;
    --container-md: 24.8889rem;
    --text-xs: 0.666667rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.777778rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.11111rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.33333rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.66667rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 2.66667rem;
    --text-5xl--line-height: 1;
    --text-7xl: 4rem;
    --text-7xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --blur-md: 12px;
    --default-transition-duration: 0.15s;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: "Ubuntu", ui-sans-serif, system-ui, sans-serif;
    --default-mono-font-family: "Ubuntu Mono", ui-monospace, SFMono-Regular, monospace;
    --color-text-primary: var(--palette-neutral-50);
    --color-text-soft: var(--palette-gray-400);
    --color-text-secondary: var(--palette-gray-500);
    --color-text-muted: var(--palette-neutral-400);
    --color-text-tertiary: var(--palette-gray-600);
    --color-text-accent: var(--palette-cyan-400);
    --color-text-highlight: var(--palette-orange-500);
    --color-text-inverse: var(--palette-neutral-950);
    --color-surface-sunken: var(--palette-neutral-1000);
    --color-surface-page: var(--palette-neutral-950);
    --color-surface-raised: var(--palette-neutral-900);
    --color-surface-overlay: var(--palette-neutral-800);
    --color-border-default: oklch(100% 0 0 / 0.12);
    --color-border-strong: oklch(100% 0 0 / 0.16);
    --color-border-placeholder: oklch(100% 0 0 / 0.2);
    --color-border-contrast: oklch(100% 0 0 / 0.32);
    --color-border-accent: oklch(81.4% 0.145 217.1 / 0.4);
    --icon-size-xs: 16px;
    --icon-size-sm: 18px;
    --icon-size-md: 24px;
    --icon-size-lg: 32px;
    --icon-area-md: 44px;
    --icon-area-lg: 56px;
    --icon-stroke-fino: 1.5;
    --icon-stroke-medio: 1.75;
    --icon-stroke-forte: 2;
    --color-action-primary: var(--palette-cyan-400);
    --color-action-primary-hover: var(--palette-cyan-300);
    --color-action-primary-soft: oklch(81.4% 0.145 217.1 / 0.12);
    --color-action-primary-subtle: oklch(81.4% 0.145 217.1 / 0.06);
    --color-action-conversion: var(--palette-lime-400);
    --color-action-highlight: var(--palette-orange-500);
    --color-focus-ring: var(--palette-cyan-400);
    --color-state-error: var(--palette-red-500);
    --container-page: 1400px;
    --ease-editorial: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-expand: cubic-bezier(0.65, 0, 0.35, 1);
    --font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
    --color-ink: var(--ink);
    --color-background: var(--background);
    --color-foreground: var(--foreground);
    --color-border: var(--border);
  }
}

@layer base {
  *,
  :after,
  :before,
  ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html,
  :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    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;
    -webkit-text-decoration: 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 {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  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 {
    vertical-align: middle;
    display: block;
  }

  img,
  video {
    max-width: 100%;
    height: auto;
  }

  button,
  input,
  select,
  optgroup,
  textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :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)) {
      ::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 {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-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"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

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

  html {
    -webkit-font-smoothing: antialiased;
    scroll-behavior: smooth;
    scroll-padding-top: 7.33333rem;
    font-size: 112.5%;
  }

  @media (min-width: 64rem) {
    html {
      scroll-padding-top: 5.33333rem;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    html {
      scroll-behavior: auto;
    }
  }

  body {
    background-color: var(--color-background);
    color: var(--color-foreground);
    font-family: var(--font-sans);
    font-weight: 400;
    font-size: var(--tipo-texto-tamanho);
    line-height: var(--tipo-texto-entrelinha);
    text-wrap: pretty;
    widows: 2;
    orphans: 2;
    -webkit-hyphens: manual;
    hyphens: manual;
  }

  h1,
  h2,
  h3,
  .font-display {
    font-family: var(--tipo-titulo-familia);
    letter-spacing: var(--tipo-titulo-espacamento);
    line-height: 1.02;
  }

  h1 {
    line-height: var(--tipo-titulo-principal-entrelinha);
  }

  h2 {
    line-height: var(--tipo-titulo-secao-entrelinha);
  }

  h3 {
    line-height: var(--tipo-titulo-bloco-entrelinha);
  }

  ::selection {
    background: var(--primary);
    color: var(--primary-foreground);
  }
}

@layer components;

@layer utilities {
  .circuit-line {
    position: relative;
  }

  .circuit-line:before {
    content: "";
    background: var(--accent-cyan);
    width: 5px;
    height: 5px;
    box-shadow: 0 0 8px var(--accent-cyan);
    border-radius: 9999px;
    position: absolute;
    top: -3px;
    left: 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .circuit-line:before {
      box-shadow: 0 0 8px color-mix(in oklab, var(--accent-cyan) 60%, transparent);
    }
  }

  .circuit-line:before,
  .pointer-events-none {
    pointer-events: none;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: 0;
  }

  .inset-x-0 {
    inset-inline: 0;
  }

  .inset-y-0 {
    inset-block: 0;
  }

  .top-0 {
    top: 0;
  }

  .top-\[-40px\] {
    top: -40px;
  }

  .top-\[28px\] {
    top: 28px;
  }

  .top-full {
    top: 100%;
  }

  .right-0 {
    right: 0;
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .right-5 {
    right: calc(var(--spacing) * 5);
  }

  .bottom-0 {
    bottom: 0;
  }

  .bottom-28 {
    bottom: calc(var(--spacing) * 28);
  }

  .bottom-\[calc\(86px\+1rem\+env\(safe-area-inset-bottom\)\)\] {
    bottom: calc(86px + 1rem + env(safe-area-inset-bottom));
  }

  .left-0 {
    left: 0;
  }

  .left-\[-44px\] {
    left: -44px;
  }

  .isolate {
    isolation: isolate;
  }

  .-z-10 {
    z-index: calc(10 * -1);
  }

  .-z-20 {
    z-index: calc(20 * -1);
  }

  .z-\(--z-fixed-bar\) {
    z-index: var(--z-fixed-bar);
  }

  .z-\(--z-header\) {
    z-index: var(--z-header);
  }

  .z-\(--z-overlay\) {
    z-index: var(--z-overlay);
  }

  .z-\(--z-raised\) {
    z-index: var(--z-raised);
  }

  .col-span-2 {
    grid-column: span 2 / span 2;
  }

  .col-start-1 {
    grid-column-start: 1;
  }

  .row-start-1 {
    grid-row-start: 1;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .container-page {
    width: 100%;
    max-width: var(--container-page);
    padding-inline: var(--page-gutter);
    margin-inline: auto;
  }

  .-mx-5 {
    margin-inline: calc(var(--spacing) * -5);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .-my-1 {
    margin-block: calc(var(--spacing) * -1);
  }

  .-my-2\.5 {
    margin-block: calc(var(--spacing) * -2.5);
  }

  .-my-3 {
    margin-block: calc(var(--spacing) * -3);
  }

  .mt-1 {
    margin-top: var(--spacing);
  }

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

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

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

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

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

  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }

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

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

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

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

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

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

  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }

  .mt-\[0\.75em\] {
    margin-top: 0.75em;
  }

  .mt-\[7px\] {
    margin-top: 7px;
  }

  .mt-\[22px\] {
    margin-top: 22px;
  }

  .mt-\[23px\] {
    margin-top: 23px;
  }

  .mt-\[25px\] {
    margin-top: 25px;
  }

  .mt-\[26px\] {
    margin-top: 26px;
  }

  .mt-\[30px\] {
    margin-top: 30px;
  }

  .mt-\[35px\] {
    margin-top: 35px;
  }

  .mt-\[45px\] {
    margin-top: 45px;
  }

  .mt-\[57px\] {
    margin-top: 57px;
  }

  .mt-auto {
    margin-top: auto;
  }

  .mt-px {
    margin-top: 1px;
  }

  .mb-1 {
    margin-bottom: var(--spacing);
  }

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

  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }

  .box-border {
    box-sizing: border-box;
  }

  .btn-outline-base {
    min-height: 44px;
    font-family: var(--font-sans);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    background-color: #0000;
    border: 1px solid;
    border-radius: 0;
    justify-content: center;
    align-items: center;
    gap: 0.444444rem;
    font-weight: 700;
    display: inline-flex;
  }

  @media (max-width: 767.98px) {
    .btn-outline-base {
      white-space: normal;
      text-wrap: balance;
    }
  }

  @media (max-width: 359.98px) {
    .btn-outline-base {
      letter-spacing: 0.01em;
      max-width: 100%;
      padding-inline: 0.666667rem;
    }
  }

  .btn-outline-base {
    transition:
      background-color var(--duration-base) ease-out,
      color var(--duration-base) ease-out,
      border-color var(--duration-base) ease-out;
  }

  .btn-outline-base svg {
    color: currentColor;
  }

  .btn-outline-base:disabled,
  .btn-outline-base[aria-disabled="true"] {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .aspect-\[4\/3\] {
    aspect-ratio: 4 / 3;
  }

  .aspect-\[4\/5\] {
    aspect-ratio: 4 / 5;
  }

  .aspect-\[9\/16\] {
    aspect-ratio: 9 / 16;
  }

  .aspect-\[16\/10\] {
    aspect-ratio: 16 / 10;
  }

  .aspect-\[831\/520\] {
    aspect-ratio: 831 / 520;
  }

  .aspect-\[1320\/441\] {
    aspect-ratio: 1320 / 441;
  }

  .aspect-\[1320\/578\] {
    aspect-ratio: 1320 / 578;
  }

  .size-1\.5 {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
  }

  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }

  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }

  .h-1 {
    height: var(--spacing);
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

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

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

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

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

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

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-11 {
    height: calc(var(--spacing) * 11);
  }

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

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

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

  .h-24 {
    height: calc(var(--spacing) * 24);
  }

  .h-32 {
    height: calc(var(--spacing) * 32);
  }

  .h-52 {
    height: calc(var(--spacing) * 52);
  }

  .h-\[1\.066667rem\] {
    height: 1.06667rem;
  }

  .h-\[3\.111111rem\] {
    height: 3.11111rem;
  }

  .h-\[47px\] {
    height: 47px;
  }

  .h-\[52px\] {
    height: 52px;
  }

  .h-\[60px\] {
    height: 60px;
  }

  .h-\[86px\] {
    height: 86px;
  }

  .h-\[110px\] {
    height: 110px;
  }

  .h-\[200px\] {
    height: 200px;
  }

  .h-\[300px\] {
    height: 300px;
  }

  .h-\[calc\(86px\+env\(safe-area-inset-bottom\)\)\] {
    height: calc(86px + env(safe-area-inset-bottom));
  }

  .h-\[calc\(100\%\+80px\)\] {
    height: calc(100% + 80px);
  }

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .max-h-0 {
    max-height: 0;
  }

  .max-h-\[calc\(100svh-4rem\)\] {
    max-height: calc(100svh - 4rem);
  }

  .max-h-\[min\(360px\,60svh\)\] {
    max-height: min(360px, 60svh);
  }

  .min-h-0 {
    min-height: 0;
  }

  .min-h-9 {
    min-height: calc(var(--spacing) * 9);
  }

  .min-h-11 {
    min-height: calc(var(--spacing) * 11);
  }

  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }

  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }

  .min-h-18 {
    min-height: calc(var(--spacing) * 18);
  }

  .min-h-\[44px\] {
    min-height: 44px;
  }

  .min-h-\[56px\] {
    min-height: 56px;
  }

  .min-h-\[58px\] {
    min-height: 58px;
  }

  .min-h-\[60px\] {
    min-height: 60px;
  }

  .min-h-\[64px\] {
    min-height: 64px;
  }

  .min-h-\[170px\] {
    min-height: 170px;
  }

  .min-h-screen {
    min-height: 100vh;
  }

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

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

  .w-11 {
    width: calc(var(--spacing) * 11);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

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

  .w-\[0\.6em\] {
    width: 0.6em;
  }

  .w-\[42\%\] {
    width: 42%;
  }

  .w-\[44\%\] {
    width: 44%;
  }

  .w-\[110px\] {
    width: 110px;
  }

  .w-\[182px\] {
    width: 182px;
  }

  .w-auto {
    width: auto;
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-max {
    width: max-content;
  }

  .w-px {
    width: 1px;
  }

  .max-w-\[14ch\] {
    max-width: 14ch;
  }

  .max-w-\[16ch\] {
    max-width: 16ch;
  }

  .max-w-\[18ch\] {
    max-width: 18ch;
  }

  .max-w-\[20ch\] {
    max-width: 20ch;
  }

  .max-w-\[22ch\] {
    max-width: 22ch;
  }

  .max-w-\[24ch\] {
    max-width: 24ch;
  }

  .max-w-\[42ch\] {
    max-width: 42ch;
  }

  .max-w-\[46ch\] {
    max-width: 46ch;
  }

  .max-w-\[52ch\] {
    max-width: 52ch;
  }

  .max-w-\[60ch\] {
    max-width: 60ch;
  }

  .max-w-\[140px\] {
    max-width: 140px;
  }

  .max-w-\[150px\] {
    max-width: 150px;
  }

  .max-w-\[188px\] {
    max-width: 188px;
  }

  .max-w-\[216px\] {
    max-width: 216px;
  }

  .max-w-\[384px\] {
    max-width: 384px;
  }

  .max-w-\[436px\] {
    max-width: 436px;
  }

  .max-w-\[452px\] {
    max-width: 452px;
  }

  .max-w-\[460px\] {
    max-width: 460px;
  }

  .max-w-\[475px\] {
    max-width: 475px;
  }

  .max-w-\[657px\] {
    max-width: 657px;
  }

  .max-w-\[736px\] {
    max-width: 736px;
  }

  .max-w-\[760px\] {
    max-width: 760px;
  }

  .max-w-\[860px\] {
    max-width: 860px;
  }

  .max-w-\[900px\] {
    max-width: 900px;
  }

  .max-w-\[980px\] {
    max-width: 980px;
  }

  .max-w-\[1200px\] {
    max-width: 1200px;
  }

  .max-w-\[1400px\] {
    max-width: 1400px;
  }

  .max-w-\[1551px\] {
    max-width: 1551px;
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-none {
    max-width: none;
  }

  .max-w-sm {
    max-width: var(--container-sm);
  }

  .measure {
    max-width: 65ch;
  }

  .min-w-0 {
    min-width: 0;
  }

  .min-w-11 {
    min-width: calc(var(--spacing) * 11);
  }

  .min-w-\[294px\] {
    min-width: 294px;
  }

  .min-w-\[1080px\] {
    min-width: 1080px;
  }

  .flex-1 {
    flex: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .ring-spin {
    transform-origin: 50%;
    animation: 34s linear infinite ring-spin;
  }

  @media (prefers-reduced-motion: reduce) {
    .ring-spin {
      animation: none;
    }
  }

  .origin-center {
    transform-origin: center;
  }

  .translate-y-0 {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-2\.5 {
    --tw-translate-y: calc(var(--spacing) * 2.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-3 {
    --tw-translate-y: calc(var(--spacing) * 3);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-y-0 {
    --tw-scale-y: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-y-100 {
    --tw-scale-y: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .-rotate-45 {
    rotate: -45deg;
  }

  .rotate-45 {
    rotate: 45deg;
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .media-zoom {
    overflow: hidden;
  }

  .media-zoom img {
    transition: transform 0.52s var(--ease-editorial);
  }

  @media (hover: hover) {
    .media-zoom:hover img {
      transform: scale(1.03);
    }
  }

  .link-motion {
    transition:
      transform var(--duration-fast) ease-out,
      color 0.18s ease-out,
      border-color 0.18s ease-out;
  }

  @media (hover: hover) {
    .link-motion:hover {
      border-color: var(--accent-cyan);
      color: var(--foreground);
      transform: translate3d(3px, 0, 0);
    }
  }

  .link-motion:active {
    transition-duration: var(--duration-instant);
    transform: translate3d(1px, 0, 0);
  }

  .link-motion:focus-visible {
    outline: 2px solid var(--accent-cyan);
    outline-offset: 4px;
  }

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

  .hero-bg {
    animation: hero-bg 0.82s var(--ease-editorial) both;
    will-change: opacity, transform;
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .hero-fade {
    animation: hero-fade 0.34s var(--ease-editorial) var(--motion-delay, 0s) both;
  }

  .hero-rise {
    animation: hero-rise 0.52s var(--ease-editorial) var(--motion-delay, 0s) both;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

  .resize-y {
    resize: vertical;
  }

  .scroll-mt-28 {
    scroll-margin-top: calc(var(--spacing) * 28);
  }

  .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-\[1fr_auto_1fr_auto_1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
  }

  .grid-cols-\[84px_minmax\(0\,1fr\)_44px\] {
    grid-template-columns: 84px minmax(0, 1fr) 44px;
  }

  .grid-cols-\[minmax\(0\,1fr\)_auto_auto\] {
    grid-template-columns: minmax(0, 1fr) auto auto;
  }

  .grid-rows-\[0fr\] {
    grid-template-rows: 0fr;
  }

  .grid-rows-\[1fr\] {
    grid-template-rows: 1fr;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-col-reverse {
    flex-direction: column-reverse;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .place-content-center {
    place-content: center;
  }

  .place-items-center {
    place-items: center;
  }

  .items-center {
    align-items: center;
  }

  .items-start {
    align-items: flex-start;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .justify-items-center {
    justify-items: center;
  }

  .gap-1 {
    gap: var(--spacing);
  }

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

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

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

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

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

  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }

  .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-20 {
    gap: calc(var(--spacing) * 20);
  }

  .gap-\[11px\] {
    gap: 11px;
  }

  .gap-\[14px\] {
    gap: 14px;
  }

  .gap-\[33px\] {
    gap: 33px;
  }

  .gap-\[60px\] {
    gap: 60px;
  }

  .gap-px {
    gap: 1px;
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-20 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }

  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }

  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }

  .gap-x-10 {
    column-gap: calc(var(--spacing) * 10);
  }

  .gap-y-1 {
    row-gap: var(--spacing);
  }

  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }

  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }

  .gap-y-10 {
    row-gap: calc(var(--spacing) * 10);
  }

  .gap-y-12 {
    row-gap: calc(var(--spacing) * 12);
  }

  :where(.divide-y > :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)));
  }

  :where(.divide-border > :not(:last-child)) {
    border-color: var(--border);
  }

  :where(.divide-white\/10 > :not(:last-child)) {
    border-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-white\/10 > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  :where(.divide-white\/12 > :not(:last-child)) {
    border-color: #ffffff1f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-white\/12 > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--color-white) 12%, transparent);
    }
  }

  .self-center {
    align-self: center;
  }

  .self-start {
    align-self: flex-start;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overscroll-contain {
    overscroll-behavior: contain;
  }

  .rounded-\[4px\] {
    border-radius: 4px;
  }

  .rounded-\[8px\] {
    border-radius: 8px;
  }

  .rounded-\[16px\] {
    border-radius: 16px;
  }

  .rounded-\[21px\] {
    border-radius: 21px;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-md {
    border-radius: calc(var(--radius) - 2px);
  }

  .rounded-none {
    border-radius: 0;
  }

  .rounded-sm {
    border-radius: calc(var(--radius) - 4px);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .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-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .btn-ink {
    border-color: var(--brand-lime-foreground);
    color: var(--brand-lime-foreground);
  }

  @media (hover: hover) {
    .btn-ink:hover:not(:disabled) {
      background-color: var(--brand-lime-foreground);
      color: var(--brand-lime);
    }
  }

  .btn-ink:active:not(:disabled) {
    background-color: var(--brand-lime-foreground);
    color: var(--brand-lime);
  }

  .btn-ink:focus-visible {
    outline: 2px solid var(--brand-lime-foreground);
    outline-offset: 3px;
    box-shadow: 0 0 0 5px var(--brand-lime);
  }

  .btn-black {
    border-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .btn-black {
      border-color: color-mix(in oklab, var(--foreground) 32%, transparent);
    }
  }

  .btn-black {
    background-color: var(--brand-lime-foreground);
    color: var(--foreground);
  }

  @media (hover: hover) {
    .btn-black:hover:not(:disabled) {
      background-color: var(--foreground);
      border-color: var(--foreground);
      color: var(--brand-lime-foreground);
    }
  }

  .btn-black:active:not(:disabled) {
    background-color: var(--foreground);
    border-color: var(--foreground);
    color: var(--brand-lime-foreground);
  }

  .btn-black:focus-visible {
    outline: 2px solid var(--accent-cyan);
    outline-offset: 3px;
  }

  .btn-black-cyan {
    border-color: var(--accent-cyan);
    background-color: var(--brand-lime-foreground);
    color: var(--accent-cyan);
  }

  @media (hover: hover) {
    .btn-black-cyan:hover:not(:disabled) {
      background-color: var(--accent-cyan);
      border-color: var(--accent-cyan);
      color: var(--brand-lime-foreground);
    }
  }

  .btn-black-cyan:active:not(:disabled) {
    background-color: var(--accent-cyan);
    border-color: var(--accent-cyan);
    color: var(--brand-lime-foreground);
  }

  .btn-black-cyan:focus-visible {
    outline: 2px solid var(--foreground);
    outline-offset: 3px;
  }

  .btn-soft {
    border-color: var(--color-text-soft);
    color: var(--color-text-soft);
  }

  @media (hover: hover) {
    .btn-soft:hover:not(:disabled) {
      background-color: var(--foreground);
      border-color: var(--foreground);
      color: var(--brand-lime-foreground);
    }
  }

  .btn-soft:active:not(:disabled) {
    background-color: var(--foreground);
    border-color: var(--foreground);
    color: var(--brand-lime-foreground);
  }

  .btn-soft:focus-visible {
    outline: 2px solid var(--foreground);
    outline-offset: 3px;
  }

  .btn-lime-solid {
    border-color: var(--brand-lime);
    background-color: var(--brand-lime);
    color: var(--brand-lime-foreground);
  }

  @media (hover: hover) {
    .btn-lime-solid:hover:not(:disabled) {
      background-color: var(--brand-lime-foreground);
      color: var(--brand-lime);
    }
  }

  .btn-lime-solid:active:not(:disabled) {
    background-color: var(--brand-lime-foreground);
    color: var(--brand-lime);
  }

  .btn-lime-solid:focus-visible {
    outline: 2px solid var(--foreground);
    outline-offset: 3px;
  }

  .btn-cyan {
    border-color: var(--accent-cyan);
    color: var(--accent-cyan);
  }

  @media (hover: hover) {
    .btn-cyan:hover:not(:disabled) {
      background-color: var(--accent-cyan);
      color: var(--brand-lime-foreground);
    }
  }

  .btn-cyan:active:not(:disabled) {
    background-color: var(--accent-cyan);
    color: var(--brand-lime-foreground);
  }

  .btn-cyan:focus-visible {
    outline: 2px solid var(--foreground);
    outline-offset: 3px;
  }

  .btn-lime {
    border-color: var(--brand-lime);
    color: var(--foreground);
  }

  @media (hover: hover) {
    .btn-lime:hover:not(:disabled) {
      background-color: var(--brand-lime);
      color: var(--brand-lime-foreground);
    }
  }

  .btn-lime:active:not(:disabled) {
    background-color: var(--brand-lime);
    color: var(--brand-lime-foreground);
  }

  .btn-lime:focus-visible {
    outline: 2px solid var(--foreground);
    outline-offset: 3px;
  }

  .btn-orange {
    border-color: var(--color-action-highlight);
    color: var(--color-action-highlight);
  }

  @media (hover: hover) {
    .btn-orange:hover:not(:disabled) {
      background-color: var(--color-action-highlight);
      color: var(--brand-lime-foreground);
    }
  }

  .btn-orange:active:not(:disabled) {
    background-color: var(--color-action-highlight);
    color: var(--brand-lime-foreground);
  }

  .btn-orange:focus-visible {
    outline: 2px solid var(--foreground);
    outline-offset: 3px;
  }

  .border-accent-cyan,
  .border-accent-cyan\/60 {
    border-color: var(--accent-cyan);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-accent-cyan\/60 {
      border-color: color-mix(in oklab, var(--accent-cyan) 60%, transparent);
    }
  }

  .border-action-highlight\/60 {
    border-color: var(--color-action-highlight);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-action-highlight\/60 {
      border-color: color-mix(in oklab, var(--color-action-highlight) 60%, transparent);
    }
  }

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

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

  .border-border-default {
    border-color: var(--color-border-default);
  }

  .border-border-placeholder {
    border-color: var(--color-border-placeholder);
  }

  .border-border-strong {
    border-color: var(--color-border-strong);
  }

  .border-brand-lime {
    border-color: var(--brand-lime);
  }

  .border-brand-lime-foreground,
  .border-brand-lime-foreground\/20 {
    border-color: var(--brand-lime-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-brand-lime-foreground\/20 {
      border-color: color-mix(in oklab, var(--brand-lime-foreground) 20%, transparent);
    }
  }

  .border-destructive\/60 {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-destructive\/60 {
      border-color: color-mix(in oklab, var(--destructive) 60%, transparent);
    }
  }

  .border-input {
    border-color: var(--input);
  }

  .border-primary {
    border-color: var(--primary);
  }

  .border-text-accent {
    border-color: var(--color-text-accent);
  }

  .border-text-primary {
    border-color: var(--color-text-primary);
  }

  .border-text-secondary {
    border-color: var(--color-text-secondary);
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-white {
    border-color: var(--color-white);
  }

  .border-white\/10 {
    border-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/10 {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .border-white\/12 {
    border-color: #ffffff1f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/12 {
      border-color: color-mix(in oklab, var(--color-white) 12%, transparent);
    }
  }

  .border-white\/15 {
    border-color: #ffffff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/15 {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .border-white\/20 {
    border-color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/20 {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }

  .border-white\/25 {
    border-color: #ffffff40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/25 {
      border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }

  .bg-accent-cyan,
  .bg-accent-cyan\/\[0\.08\] {
    background-color: var(--accent-cyan);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-cyan\/\[0\.08\] {
      background-color: color-mix(in oklab, var(--accent-cyan) 8%, transparent);
    }
  }

  .bg-action-highlight {
    background-color: var(--color-action-highlight);
  }

  .bg-action-primary {
    background-color: var(--color-action-primary);
  }

  .bg-action-primary-subtle {
    background-color: var(--color-action-primary-subtle);
  }

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

  .bg-black {
    background-color: var(--color-black);
  }

  .bg-border {
    background-color: var(--border);
  }

  .bg-border-placeholder {
    background-color: var(--color-border-placeholder);
  }

  .bg-border-strong {
    background-color: var(--color-border-strong);
  }

  .bg-brand-lime {
    background-color: var(--brand-lime);
  }

  .bg-brand-lime-foreground {
    background-color: var(--brand-lime-foreground);
  }

  .bg-brand-lime\/10 {
    background-color: var(--brand-lime);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand-lime\/10 {
      background-color: color-mix(in oklab, var(--brand-lime) 10%, transparent);
    }
  }

  .bg-ink,
  .bg-ink\/60 {
    background-color: var(--ink);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-ink\/60 {
      background-color: color-mix(in oklab, var(--ink) 60%, transparent);
    }
  }

  .bg-ink\/70 {
    background-color: var(--ink);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-ink\/70 {
      background-color: color-mix(in oklab, var(--ink) 70%, transparent);
    }
  }

  .bg-ink\/95 {
    background-color: var(--ink);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-ink\/95 {
      background-color: color-mix(in oklab, var(--ink) 95%, transparent);
    }
  }

  .bg-muted {
    background-color: var(--muted);
  }

  .bg-secondary {
    background-color: var(--secondary);
  }

  .bg-surface {
    background-color: var(--surface);
  }

  .bg-surface-overlay {
    background-color: var(--color-surface-overlay);
  }

  .bg-surface-page,
  .bg-surface-page\/60 {
    background-color: var(--color-surface-page);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-page\/60 {
      background-color: color-mix(in oklab, var(--color-surface-page) 60%, transparent);
    }
  }

  .bg-surface-raised,
  .bg-surface-raised\/70 {
    background-color: var(--color-surface-raised);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-raised\/70 {
      background-color: color-mix(in oklab, var(--color-surface-raised) 70%, transparent);
    }
  }

  .bg-surface-sunken {
    background-color: var(--color-surface-sunken);
  }

  .bg-surface\/55 {
    background-color: var(--surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface\/55 {
      background-color: color-mix(in oklab, var(--surface) 55%, transparent);
    }
  }

  .bg-surface\/70 {
    background-color: var(--surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface\/70 {
      background-color: color-mix(in oklab, var(--surface) 70%, transparent);
    }
  }

  .bg-text-tertiary {
    background-color: var(--color-text-tertiary);
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-white\/10 {
    background-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/10 {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .bg-white\/12 {
    background-color: #ffffff1f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/12 {
      background-color: color-mix(in oklab, var(--color-white) 12%, transparent);
    }
  }

  .bg-white\/15 {
    background-color: #ffffff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/15 {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .bg-white\/20 {
    background-color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/20 {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }

  .bg-white\/\[0\.06\] {
    background-color: #ffffff0f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.06\] {
      background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }

  .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .tech-grid {
    background-image:
      linear-gradient(to right, var(--accent-cyan) 1px, transparent 1px),
      linear-gradient(to bottom, var(--accent-cyan) 1px, transparent 1px);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .tech-grid {
      background-image:
        linear-gradient(to right, color-mix(in oklab, var(--accent-cyan) 5%, transparent) 1px, transparent 1px),
        linear-gradient(to bottom, color-mix(in oklab, var(--accent-cyan) 5%, transparent) 1px, transparent 1px);
    }
  }

  .tech-grid {
    background-position: center;
    background-size: 48px 48px;
    -webkit-mask-image: radial-gradient(70% 70%, #000 20%, #0000 75%);
    mask-image: radial-gradient(70% 70%, #000 20%, #0000 75%);
  }

  @media (min-width: 768px) {
    .tech-grid {
      background-size: 64px 64px;
    }
  }

  .from-surface-sunken {
    --tw-gradient-from: var(--color-surface-sunken);
    --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-transparent {
    --tw-gradient-to: transparent;
    --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)
    );
  }

  .stroke-\[1\.8\] {
    stroke-width: 1.8px;
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .object-\[50\%_100\%\] {
    object-position: 50% 100%;
  }

  .p-0 {
    padding: 0;
  }

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

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

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

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

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

  .px-\(--page-gutter\) {
    padding-inline: var(--page-gutter);
  }

  .px-0 {
    padding-inline: 0;
  }

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

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

  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }

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

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

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

  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }

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

  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }

  .py-1 {
    padding-block: var(--spacing);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

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

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

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

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .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-9 {
    padding-block: calc(var(--spacing) * 9);
  }

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

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

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

  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }

  .py-\[72px\] {
    padding-block: 72px;
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

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

  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }

  .pt-7 {
    padding-top: calc(var(--spacing) * 7);
  }

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

  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }

  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }

  .pt-32 {
    padding-top: calc(var(--spacing) * 32);
  }

  .pt-\[56px\] {
    padding-top: 56px;
  }

  .pt-\[60px\] {
    padding-top: 60px;
  }

  .pt-\[72px\] {
    padding-top: 72px;
  }

  .pt-\[104px\] {
    padding-top: 104px;
  }

  .pt-\[env\(safe-area-inset-top\)\] {
    padding-top: env(safe-area-inset-top);
  }

  .pt-\[max\(1\.333333rem\,env\(safe-area-inset-top\)\)\] {
    padding-top: max(1.33333rem, env(safe-area-inset-top));
  }

  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }

  .pr-\[41px\] {
    padding-right: 41px;
  }

  .pb-0 {
    padding-bottom: 0;
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }

  .pb-14 {
    padding-bottom: calc(var(--spacing) * 14);
  }

  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }

  .pb-\[0\.08em\] {
    padding-bottom: 0.08em;
  }

  .pb-\[43px\] {
    padding-bottom: 43px;
  }

  .pb-\[72px\] {
    padding-bottom: 72px;
  }

  .pb-\[calc\(1\.333333rem\+env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: calc(1.33333rem + env(safe-area-inset-bottom));
  }

  .pb-\[calc\(86px\+2\.666667rem\)\] {
    padding-bottom: calc(86px + 2.66667rem);
  }

  .pb-\[env\(safe-area-inset-bottom\)\] {
    padding-bottom: env(safe-area-inset-bottom);
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }

  .pl-7 {
    padding-left: calc(var(--spacing) * 7);
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .mono {
    font-family: var(--font-mono);
    font-feature-settings: "zero" 1;
  }

  .label {
    font-family: var(--tipo-texto-familia);
    font-weight: var(--tipo-rotulo-peso);
    font-size: var(--tipo-rotulo-tamanho);
    text-transform: uppercase;
    letter-spacing: var(--tipo-rotulo-espacamento);
    line-height: var(--tipo-rotulo-entrelinha);
    color: var(--muted-foreground);
  }

  .subtitulo {
    font-family: var(--tipo-titulo-familia);
    font-weight: var(--tipo-subtitulo-peso);
    font-size: var(--tipo-subtitulo-tamanho);
    line-height: var(--tipo-subtitulo-entrelinha);
    letter-spacing: var(--tipo-titulo-espacamento);
  }

  .titulo-bloco {
    font-family: var(--tipo-titulo-familia);
    font-weight: var(--tipo-titulo-bloco-peso);
    font-size: var(--tipo-titulo-bloco-tamanho);
    line-height: var(--tipo-titulo-bloco-entrelinha);
    letter-spacing: var(--tipo-titulo-espacamento);
  }

  .titulo-principal {
    font-family: var(--tipo-titulo-familia);
    font-weight: var(--tipo-titulo-principal-peso);
    font-size: var(--tipo-titulo-principal-tamanho);
    line-height: var(--tipo-titulo-principal-entrelinha);
    letter-spacing: var(--tipo-titulo-espacamento);
  }

  .titulo-secao {
    font-family: var(--tipo-titulo-familia);
    font-weight: var(--tipo-titulo-secao-peso);
    font-size: var(--tipo-titulo-secao-tamanho);
    line-height: var(--tipo-titulo-secao-entrelinha);
    letter-spacing: var(--tipo-titulo-espacamento);
  }

  .legenda {
    font-family: var(--tipo-texto-familia);
    font-size: var(--tipo-legenda-tamanho);
    line-height: var(--tipo-legenda-entrelinha);
  }

  .texto-corrido {
    font-family: var(--tipo-texto-familia);
    font-size: var(--tipo-texto-tamanho);
    line-height: var(--tipo-texto-entrelinha);
  }

  .font-display {
    font-family:
      Space Grotesk,
      ui-sans-serif,
      system-ui,
      sans-serif;
  }

  .font-mono {
    font-family:
      Ubuntu Mono,
      ui-monospace,
      SFMono-Regular,
      monospace;
  }

  .font-sans {
    font-family: Ubuntu, ui-sans-serif, system-ui, sans-serif;
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-7xl {
    font-size: var(--text-7xl);
    line-height: var(--tw-leading, var(--text-7xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[0\.555556rem\] {
    font-size: 0.555556rem;
  }

  .text-\[0\.888889rem\] {
    font-size: 0.888889rem;
  }

  .text-\[1\.222222rem\] {
    font-size: 1.22222rem;
  }

  .text-\[1\.555556rem\] {
    font-size: 1.55556rem;
  }

  .text-\[1\.777778rem\] {
    font-size: 1.77778rem;
  }

  .text-\[2rem\] {
    font-size: 2rem;
  }

  .text-\[8\.888889rem\] {
    font-size: 8.88889rem;
  }

  .text-\[clamp\(1\.333333rem\,2\.4vw\,1\.777778rem\)\] {
    font-size: clamp(1.33333rem, 2.4vw, 1.77778rem);
  }

  .text-\[clamp\(1\.333333rem\,2\.6vw\,2rem\)\] {
    font-size: clamp(1.33333rem, 2.6vw, 2rem);
  }

  .text-\[clamp\(1\.333333rem\,2\.15vw\,1\.777778rem\)\] {
    font-size: clamp(1.33333rem, 2.15vw, 1.77778rem);
  }

  .text-\[clamp\(1\.555556rem\,4vw\,2\.888889rem\)\] {
    font-size: clamp(1.55556rem, 4vw, 2.88889rem);
  }

  .text-\[clamp\(1\.666667rem\,4vw\,3\.111111rem\)\] {
    font-size: clamp(1.66667rem, 4vw, 3.11111rem);
  }

  .text-\[clamp\(1\.777778rem\,3vw\,2\.311111rem\)\] {
    font-size: clamp(1.77778rem, 3vw, 2.31111rem);
  }

  .text-\[clamp\(2\.222222rem\,6vw\,4rem\)\] {
    font-size: clamp(2.22222rem, 6vw, 4rem);
  }

  .text-\[clamp\(2rem\,5vw\,2\.888889rem\)\] {
    font-size: clamp(2rem, 5vw, 2.88889rem);
  }

  .text-\[length\:min\(2\.444444rem\,12vw\)\] {
    font-size: min(2.44444rem, 12vw);
  }

  .text-\[length\:min\(5\.777778rem\,30vw\)\] {
    font-size: min(5.77778rem, 30vw);
  }

  .leading-3 {
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
  }

  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }

  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }

  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  .leading-10 {
    --tw-leading: calc(var(--spacing) * 10);
    line-height: calc(var(--spacing) * 10);
  }

  .leading-\[0\.7\] {
    --tw-leading: 0.7;
    line-height: 0.7;
  }

  .leading-\[0\.84\] {
    --tw-leading: 0.84;
    line-height: 0.84;
  }

  .leading-\[0\.85\] {
    --tw-leading: 0.85;
    line-height: 0.85;
  }

  .leading-\[0\.555556rem\] {
    --tw-leading: 0.555556rem;
    line-height: 0.555556rem;
  }

  .leading-\[0\.833333rem\] {
    --tw-leading: 0.833333rem;
    line-height: 0.833333rem;
  }

  .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\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }

  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }

  .leading-\[1\.08\] {
    --tw-leading: 1.08;
    line-height: 1.08;
  }

  .leading-\[1\.15\] {
    --tw-leading: 1.15;
    line-height: 1.15;
  }

  .leading-\[1\.25\] {
    --tw-leading: 1.25;
    line-height: 1.25;
  }

  .leading-\[1\.43\] {
    --tw-leading: 1.43;
    line-height: 1.43;
  }

  .leading-\[1\.143\] {
    --tw-leading: 1.143;
    line-height: 1.143;
  }

  .leading-\[1\.375\] {
    --tw-leading: 1.375;
    line-height: 1.375;
  }

  .leading-\[1\.555556rem\] {
    --tw-leading: 1.55556rem;
    line-height: 1.55556rem;
  }

  .leading-\[1\.777778rem\] {
    --tw-leading: 1.77778rem;
    line-height: 1.77778rem;
  }

  .leading-\[2\.5rem\] {
    --tw-leading: 2.5rem;
    line-height: 2.5rem;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .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-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .titulo-contorno {
    text-transform: uppercase;
    letter-spacing: var(--contorno-compensacao);
    color: var(--contorno-cor, var(--primary));
    filter: var(--contorno-largura);
  }

  @media (forced-colors: active) {
    .titulo-contorno {
      filter: none;
      color: canvastext;
    }
  }

  .tracking-\[0\.2em\] {
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
  }

  .tracking-\[0\.03em\] {
    --tw-tracking: 0.03em;
    letter-spacing: 0.03em;
  }

  .tracking-\[0\.3em\] {
    --tw-tracking: 0.3em;
    letter-spacing: 0.3em;
  }

  .tracking-\[0\.04em\] {
    --tw-tracking: 0.04em;
    letter-spacing: 0.04em;
  }

  .tracking-\[0\.06em\] {
    --tw-tracking: 0.06em;
    letter-spacing: 0.06em;
  }

  .tracking-\[0\.12em\] {
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
  }

  .tracking-\[0\.035em\] {
    --tw-tracking: 0.035em;
    letter-spacing: 0.035em;
  }

  .tracking-\[0\.84px\] {
    --tw-tracking: 0.84px;
    letter-spacing: 0.84px;
  }

  .tracking-\[0\.083333em\] {
    --tw-tracking: 0.083333em;
    letter-spacing: 0.083333em;
  }

  .\[text-wrap\:balance\],
  .text-balance {
    text-wrap: balance;
  }

  .text-wrap {
    text-wrap: wrap;
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre-line {
    white-space: pre-line;
  }

  .nav-motion {
    transition:
      color var(--duration-fast) ease-out,
      opacity var(--duration-fast) ease-out;
  }

  @media (hover: hover) {
    .nav-motion:hover {
      color: var(--foreground);
    }
  }

  .nav-motion:active {
    opacity: 0.7;
    transition-duration: var(--duration-instant);
  }

  .nav-motion:focus-visible {
    outline: 2px solid var(--accent-cyan);
    outline-offset: 4px;
  }

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

  .text-accent-cyan {
    color: var(--accent-cyan);
  }

  .text-action-conversion {
    color: var(--color-action-conversion);
  }

  .text-brand-lime {
    color: var(--brand-lime);
  }

  .text-brand-lime-foreground,
  .text-brand-lime-foreground\/65 {
    color: var(--brand-lime-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-brand-lime-foreground\/65 {
      color: color-mix(in oklab, var(--brand-lime-foreground) 65%, transparent);
    }
  }

  .text-brand-lime-foreground\/70 {
    color: var(--brand-lime-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-brand-lime-foreground\/70 {
      color: color-mix(in oklab, var(--brand-lime-foreground) 70%, transparent);
    }
  }

  .text-brand-lime-foreground\/75 {
    color: var(--brand-lime-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-brand-lime-foreground\/75 {
      color: color-mix(in oklab, var(--brand-lime-foreground) 75%, transparent);
    }
  }

  .text-brand-lime\/45 {
    color: var(--brand-lime);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-brand-lime\/45 {
      color: color-mix(in oklab, var(--brand-lime) 45%, transparent);
    }
  }

  .text-current {
    color: currentColor;
  }

  .text-destructive {
    color: var(--destructive);
  }

  .text-foreground,
  .text-foreground\/70 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/70 {
      color: color-mix(in oklab, var(--foreground) 70%, transparent);
    }
  }

  .text-foreground\/75 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/75 {
      color: color-mix(in oklab, var(--foreground) 75%, transparent);
    }
  }

  .text-foreground\/80 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/80 {
      color: color-mix(in oklab, var(--foreground) 80%, transparent);
    }
  }

  .text-foreground\/85 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/85 {
      color: color-mix(in oklab, var(--foreground) 85%, transparent);
    }
  }

  .text-foreground\/90 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/90 {
      color: color-mix(in oklab, var(--foreground) 90%, transparent);
    }
  }

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

  .text-muted-foreground {
    color: var(--muted-foreground);
  }

  .text-primary {
    color: var(--primary);
  }

  .text-secondary {
    color: var(--secondary);
  }

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

  .text-text-highlight,
  .text-text-highlight\/90 {
    color: var(--color-text-highlight);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-text-highlight\/90 {
      color: color-mix(in oklab, var(--color-text-highlight) 90%, transparent);
    }
  }

  .text-text-inverse {
    color: var(--color-text-inverse);
  }

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

  .text-text-primary,
  .text-text-primary\/85 {
    color: var(--color-text-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-text-primary\/85 {
      color: color-mix(in oklab, var(--color-text-primary) 85%, transparent);
    }
  }

  .text-text-secondary {
    color: var(--color-text-secondary);
  }

  .text-text-soft {
    color: var(--color-text-soft);
  }

  .text-text-tertiary {
    color: var(--color-text-tertiary);
  }

  .uppercase {
    text-transform: uppercase;
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,)
      var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }

  .underline {
    text-decoration-line: underline;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-80 {
    opacity: 0.8;
  }

  .opacity-100 {
    opacity: 1;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    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_-12px_28px_color-mix\(in_oklch\,var\(--color-surface-sunken\)_18\%\,transparent\)\] {
    --tw-shadow: 0 -12px 28px var(--tw-shadow-color, var(--color-surface-sunken));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_-12px_28px_color-mix\(in_oklch\,var\(--color-surface-sunken\)_18\%\,transparent\)\] {
      --tw-shadow: 0 -12px 28px
        var(--tw-shadow-color, color-mix(in oklch, var(--color-surface-sunken) 18%, transparent));
    }
  }

  .shadow-\[0_-12px_28px_color-mix\(in_oklch\,var\(--color-surface-sunken\)_18\%\,transparent\)\] {
    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, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    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),
      var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    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-1 {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .outline-2 {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .-outline-offset-1 {
    outline-offset: calc(1px * -1);
  }

  .outline-offset-\[-2px\] {
    outline-offset: -2px;
  }

  .outline-brand-lime {
    outline-color: var(--brand-lime);
  }

  .outline-focus-ring {
    outline-color: var(--color-focus-ring);
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,)
      var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }

  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,)
      var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }

  .backdrop-blur-\[12px\] {
    --tw-backdrop-blur: blur(12px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }

  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }

  .transition-\[background-color\,border-color\,backdrop-filter\] {
    transition-property:
      background-color,
      border-color,
      -webkit-backdrop-filter,
      backdrop-filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,border-color\] {
    transition-property: background-color, border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[grid-template-rows\,opacity\] {
    transition-property: grid-template-rows, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[max-height\,opacity\] {
    transition-property: max-height, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[opacity\,transform\] {
    transition-property: opacity, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[opacity\,translate\,background-color\] {
    transition-property: opacity, translate, background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\] {
    transition-property: width;
    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));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .delay-40 {
    transition-delay: 40ms;
  }

  .delay-80 {
    transition-delay: 80ms;
  }

  .delay-120 {
    transition-delay: 0.12s;
  }

  .duration-\(--duration-base\) {
    --tw-duration: var(--duration-base);
    transition-duration: var(--duration-base);
  }

  .duration-\(--duration-expand\) {
    --tw-duration: var(--duration-expand);
    transition-duration: var(--duration-expand);
  }

  .duration-\(--duration-fast\) {
    --tw-duration: var(--duration-fast);
    transition-duration: var(--duration-fast);
  }

  .duration-\(--duration-state\) {
    --tw-duration: var(--duration-state);
    transition-duration: var(--duration-state);
  }

  .duration-200 {
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
  }

  .duration-300 {
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }

  .ease-editorial {
    --tw-ease: var(--ease-editorial);
    transition-timing-function: var(--ease-editorial);
  }

  .ease-expand {
    --tw-ease: var(--ease-expand);
    transition-timing-function: var(--ease-expand);
  }

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

  .will-change-transform {
    will-change: transform;
  }

  .delay-40 {
    --tw-animation-delay: calc(40 * 1ms);
    animation-delay: 40ms;
  }

  .delay-80 {
    --tw-animation-delay: calc(80 * 1ms);
    animation-delay: 80ms;
  }

  .delay-120 {
    --tw-animation-delay: calc(120 * 1ms);
    animation-delay: 0.12s;
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .\[--contorno-cor\:var\(--color-action-primary\)\] {
    --contorno-cor: var(--color-action-primary);
  }

  .\[--contorno-cor\:var\(--color-text-accent\)\] {
    --contorno-cor: var(--color-text-accent);
  }

  .\[--contorno-cor\:var\(--color-text-highlight\)\] {
    --contorno-cor: var(--color-text-highlight);
  }

  .\[--contorno-cor\:var\(--color-text-primary\)\] {
    --contorno-cor: var(--color-text-primary);
  }

  .\[--contorno-cor\:var\(--color-text-secondary\)\] {
    --contorno-cor: var(--color-text-secondary);
  }

  .\[--contorno-cor\:var\(--color-text-soft\)\] {
    --contorno-cor: var(--color-text-soft);
  }

  .\[--motion-delay\:100ms\] {
    --motion-delay: 0.1s;
  }

  .\[--motion-delay\:480ms\] {
    --motion-delay: 0.48s;
  }

  .\[--motion-delay\:600ms\] {
    --motion-delay: 0.6s;
  }

  .\[writing-mode\:vertical-rl\] {
    writing-mode: vertical-rl;
  }

  .running {
    animation-play-state: running;
  }

  .group-focus-within\:translate-y-0:is(:where(.group):focus-within *) {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-focus-within\:text-text-accent:is(:where(.group):focus-within *) {
    color: var(--color-text-accent);
  }

  .group-focus-within\:text-text-primary:is(:where(.group):focus-within *) {
    color: var(--color-text-primary);
  }

  .group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
    opacity: 1;
  }

  @media (hover: hover) {
    .group-hover\:translate-y-0:is(:where(.group):hover *) {
      --tw-translate-y: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:text-current:is(:where(.group):hover *) {
      color: currentColor;
    }

    .group-hover\:text-text-accent:is(:where(.group):hover *) {
      color: var(--color-text-accent);
    }

    .group-hover\:text-text-primary:is(:where(.group):hover *) {
      color: var(--color-text-primary);
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }

    .group-hover\/link\:translate-x-1\.5:is(:where(.group\/link):hover *) {
      --tw-translate-x: calc(var(--spacing) * 1.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  .group-focus-visible\/link\:translate-x-1\.5:is(:where(.group\/link):focus-visible *) {
    --tw-translate-x: calc(var(--spacing) * 1.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-has-\[\:focus-visible\]\:block:is(:where(.group):has(:focus-visible) *) {
    display: block;
  }

  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .file\:bg-transparent::file-selector-button {
    background-color: #0000;
  }

  .file\:text-sm::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .file\:text-foreground::file-selector-button {
    color: var(--foreground);
  }

  .placeholder\:text-muted-foreground::placeholder {
    color: var(--muted-foreground);
  }

  .before\:mr-3:before {
    content: var(--tw-content);
    margin-right: calc(var(--spacing) * 3);
  }

  .before\:text-accent-cyan:before {
    content: var(--tw-content);
    color: var(--accent-cyan);
  }

  .before\:content-\[\'—\'\]:before {
    --tw-content: "—";
    content: var(--tw-content);
  }

  .first\:mt-12:first-child {
    margin-top: calc(var(--spacing) * 12);
  }

  .first\:border-t-0:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .first\:pt-0:first-child {
    padding-top: 0;
  }

  .last\:pb-0:last-child {
    padding-bottom: 0;
  }

  .empty\:hidden:empty {
    display: none;
  }

  @media (hover: hover) {
    .hover\:border-white\/25:hover {
      border-color: #ffffff40;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-white\/25:hover {
        border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
      }
    }

    .hover\:bg-accent:hover {
      background-color: var(--accent);
    }

    .hover\:bg-brand-lime-foreground\/10:hover {
      background-color: var(--brand-lime-foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-brand-lime-foreground\/10:hover {
        background-color: color-mix(in oklab, var(--brand-lime-foreground) 10%, transparent);
      }
    }

    .hover\:bg-foreground:hover {
      background-color: var(--foreground);
    }

    .hover\:text-accent-cyan:hover {
      color: var(--accent-cyan);
    }

    .hover\:text-accent-foreground:hover {
      color: var(--accent-foreground);
    }

    .hover\:text-foreground:hover {
      color: var(--foreground);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:opacity-100:hover {
      opacity: 1;
    }
  }

  .focus-visible\:border-accent-cyan:focus-visible {
    border-color: var(--accent-cyan);
  }

  .focus-visible\:border-brand-lime:focus-visible {
    border-color: var(--brand-lime);
  }

  .focus-visible\:underline:focus-visible {
    text-decoration-line: underline;
  }

  .focus-visible\:underline-offset-4:focus-visible {
    text-underline-offset: 4px;
  }

  .focus-visible\:ring-0:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
  }

  .focus-visible\:ring-1:focus-visible {
    --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);
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
  }

  .focus-visible\:ring-brand-lime-foreground:focus-visible {
    --tw-ring-color: var(--brand-lime-foreground);
  }

  .focus-visible\:ring-ring:focus-visible {
    --tw-ring-color: var(--ring);
  }

  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }

  .focus-visible\:outline-offset-3:focus-visible {
    outline-offset: 3px;
  }

  .focus-visible\:outline-offset-\[-4px\]:focus-visible {
    outline-offset: -4px;
  }

  .focus-visible\:outline-accent-cyan:focus-visible {
    outline-color: var(--accent-cyan);
  }

  .focus-visible\:outline-foreground:focus-visible {
    outline-color: var(--foreground);
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:opacity-50:disabled {
    opacity: 0.5;
  }

  .aria-busy\:cursor-progress[aria-busy="true"] {
    cursor: progress;
  }

  .aria-invalid\:border-destructive[aria-invalid="true"],
  .aria-invalid\:focus-visible\:border-destructive[aria-invalid="true"]:focus-visible {
    border-color: var(--destructive);
  }

  .data-\[state\=checked\]\:bg-brand-lime[data-state="checked"] {
    background-color: var(--brand-lime);
  }

  .data-\[state\=checked\]\:bg-primary[data-state="checked"] {
    background-color: var(--primary);
  }

  .data-\[state\=checked\]\:text-brand-lime-foreground[data-state="checked"] {
    color: var(--brand-lime-foreground);
  }

  .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
    color: var(--primary-foreground);
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:translate-y-0 {
      --tw-translate-y: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .motion-reduce\:transform-none {
      transform: none;
    }

    .motion-reduce\:animate-none {
      animation: none;
    }

    .motion-reduce\:transition-none {
      transition-property: none;
    }

    .motion-reduce\:delay-0 {
      transition-delay: 0s;
    }

    .motion-reduce\:duration-\(--duration-fast\) {
      --tw-duration: var(--duration-fast);
      transition-duration: var(--duration-fast);
    }

    .motion-reduce\:duration-0 {
      --tw-duration: 0s;
      transition-duration: 0s;
    }

    .motion-reduce\:delay-0 {
      --tw-animation-delay: 0s;
      animation-delay: 0s;
    }
  }

  @media not all and (min-width: 420px) {
    .max-\[420px\]\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    .max-\[420px\]\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .max-\[420px\]\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @media not all and (min-width: 80rem) {
    .max-xl\:text-\[length\:round\(clamp\(1\.333333rem\,2\.4vw\,1\.777778rem\)\,2px\)\] {
      font-size: round(clamp(1.33333rem, 2.4vw, 1.77778rem), 2px);
    }

    .max-xl\:text-\[length\:round\(clamp\(1\.333333rem\,2\.6vw\,2rem\)\,2px\)\] {
      font-size: round(clamp(1.33333rem, 2.6vw, 2rem), 2px);
    }

    .max-xl\:text-\[length\:round\(clamp\(1\.333333rem\,2\.15vw\,1\.777778rem\)\,2px\)\] {
      font-size: round(clamp(1.33333rem, 2.15vw, 1.77778rem), 2px);
    }

    .max-xl\:text-\[length\:round\(clamp\(1\.555556rem\,4vw\,2\.888889rem\)\,2px\)\] {
      font-size: round(clamp(1.55556rem, 4vw, 2.88889rem), 2px);
    }

    .max-xl\:text-\[length\:round\(clamp\(1\.666667rem\,4vw\,3\.111111rem\)\,2px\)\] {
      font-size: round(clamp(1.66667rem, 4vw, 3.11111rem), 2px);
    }

    .max-xl\:text-\[length\:round\(clamp\(1\.777778rem\,3vw\,2\.311111rem\)\,2px\)\] {
      font-size: round(clamp(1.77778rem, 3vw, 2.31111rem), 2px);
    }

    .max-xl\:text-\[length\:round\(clamp\(2\.222222rem\,6vw\,4rem\)\,2px\)\] {
      font-size: round(clamp(2.22222rem, 6vw, 4rem), 2px);
    }

    .max-xl\:text-\[length\:round\(clamp\(2rem\,5vw\,2\.888889rem\)\,2px\)\] {
      font-size: round(clamp(2rem, 5vw, 2.88889rem), 2px);
    }
  }

  @media not all and (min-width: 64rem) {
    .max-lg\:hidden {
      display: none;
    }
  }

  @media not all and (min-width: 48rem) {
    .max-md\:relative {
      position: relative;
    }

    .max-md\:inset-auto {
      inset: auto;
    }

    .max-md\:block {
      display: block;
    }

    .max-md\:flex {
      display: flex;
    }

    .max-md\:aspect-\[4\/5\] {
      aspect-ratio: 4 / 5;
    }

    .max-md\:min-h-12 {
      min-height: calc(var(--spacing) * 12);
    }

    .max-md\:w-full {
      width: 100%;
    }

    .max-md\:translate-y-0 {
      --tw-translate-y: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .max-md\:justify-between {
      justify-content: space-between;
    }

    .max-md\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    .max-md\:border-t {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }

    .max-md\:border-border-strong {
      border-color: var(--color-border-strong);
    }

    .max-md\:text-\[0\.888889rem\] {
      font-size: 0.888889rem;
    }

    .max-md\:leading-6 {
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
    }

    .max-md\:\[text-wrap\:wrap\] {
      text-wrap: wrap;
    }

    .max-md\:opacity-100 {
      opacity: 1;
    }
  }

  @media not all and (min-width: 40rem) {
    .max-sm\:hidden {
      display: none;
    }
  }

  @media (min-width: 360px) {
    .min-\[360px\]\:h-6 {
      height: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 390px) {
    .min-\[390px\]\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .min-\[390px\]\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 1680px) {
    .min-\[1680px\]\:ml-\[160px\] {
      margin-left: 160px;
    }

    .min-\[1680px\]\:w-\[1200px\] {
      width: 1200px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .sm\:hidden {
      display: none;
    }

    .sm\:inline {
      display: inline;
    }

    .sm\:w-auto {
      width: auto;
    }

    .sm\:w-fit {
      width: fit-content;
    }

    .sm\:max-w-\[296px\] {
      max-width: 296px;
    }

    .sm\:max-w-\[440px\] {
      max-width: 440px;
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .sm\:grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }

    .sm\:grid-cols-\[96px_minmax\(0\,1fr\)_44px\] {
      grid-template-columns: 96px minmax(0, 1fr) 44px;
    }

    .sm\:grid-cols-\[180px_1fr\] {
      grid-template-columns: 180px 1fr;
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:flex-wrap {
      flex-wrap: wrap;
    }

    .sm\:items-center {
      align-items: center;
    }

    .sm\:justify-between {
      justify-content: space-between;
    }

    .sm\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    .sm\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }

    .sm\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

    :where(.sm\:divide-y-0 > :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(0px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    }

    .sm\:border-b {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }

    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .sm\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }

    .sm\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }

    .sm\:text-\[1\.777778rem\] {
      font-size: 1.77778rem;
    }
  }

  @media (min-width: 48rem) {
    .md\:top-\[-110px\] {
      top: -110px;
    }

    .md\:right-6 {
      right: calc(var(--spacing) * 6);
    }

    .md\:bottom-\[calc\(50px\+1\.5rem\+env\(safe-area-inset-bottom\)\)\] {
      bottom: calc(50px + 1.5rem + env(safe-area-inset-bottom));
    }

    .md\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .md\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .md\:-mx-10 {
      margin-inline: calc(var(--spacing) * -10);
    }

    .md\:mt-0 {
      margin-top: 0;
    }

    .md\:mt-7 {
      margin-top: calc(var(--spacing) * 7);
    }

    .md\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }

    .md\:mt-12 {
      margin-top: calc(var(--spacing) * 12);
    }

    .md\:mt-14 {
      margin-top: calc(var(--spacing) * 14);
    }

    .md\:mt-16 {
      margin-top: calc(var(--spacing) * 16);
    }

    .md\:mt-\[50px\] {
      margin-top: 50px;
    }

    .md\:mt-\[72px\] {
      margin-top: 72px;
    }

    .md\:mt-\[86px\] {
      margin-top: 86px;
    }

    .md\:block {
      display: block;
    }

    .md\:flex {
      display: flex;
    }

    .md\:grid {
      display: grid;
    }

    .md\:hidden {
      display: none;
    }

    .md\:inline {
      display: inline;
    }

    .md\:inline-flex {
      display: inline-flex;
    }

    .md\:aspect-\[3\/1\] {
      aspect-ratio: 3;
    }

    .md\:aspect-\[1400\/426\] {
      aspect-ratio: 1400 / 426;
    }

    .md\:size-4 {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }

    .md\:size-14 {
      width: calc(var(--spacing) * 14);
      height: calc(var(--spacing) * 14);
    }

    .md\:h-7 {
      height: calc(var(--spacing) * 7);
    }

    .md\:h-10 {
      height: calc(var(--spacing) * 10);
    }

    .md\:h-11 {
      height: calc(var(--spacing) * 11);
    }

    .md\:h-12 {
      height: calc(var(--spacing) * 12);
    }

    .md\:h-13 {
      height: calc(var(--spacing) * 13);
    }

    .md\:h-14 {
      height: calc(var(--spacing) * 14);
    }

    .md\:h-32 {
      height: calc(var(--spacing) * 32);
    }

    .md\:h-\[30px\] {
      height: 30px;
    }

    .md\:h-\[45px\] {
      height: 45px;
    }

    .md\:h-\[50px\] {
      height: 50px;
    }

    .md\:h-\[72px\] {
      height: 72px;
    }

    .md\:h-\[440px\] {
      height: 440px;
    }

    .md\:h-\[500px\] {
      height: 500px;
    }

    .md\:h-\[720px\] {
      height: 720px;
    }

    .md\:h-\[calc\(50px\+env\(safe-area-inset-bottom\)\)\] {
      height: calc(50px + env(safe-area-inset-bottom));
    }

    .md\:h-\[calc\(100\%\+220px\)\] {
      height: calc(100% + 220px);
    }

    .md\:max-h-\[50px\] {
      max-height: 50px;
    }

    .md\:min-h-\[50px\] {
      min-height: 50px;
    }

    .md\:min-h-\[72px\] {
      min-height: 72px;
    }

    .md\:min-h-\[max\(100svh\,720px\)\] {
      min-height: max(100svh, 720px);
    }

    .md\:w-\[185px\] {
      width: 185px;
    }

    .md\:w-\[200px\] {
      width: 200px;
    }

    .md\:w-auto {
      width: auto;
    }

    .md\:max-w-none {
      max-width: none;
    }

    .md\:min-w-0 {
      min-width: 0;
    }

    .md\:flex-1 {
      flex: 1;
    }

    .md\:shrink-0 {
      flex-shrink: 0;
    }

    .md\:auto-rows-fr {
      grid-auto-rows: minmax(0, 1fr);
    }

    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:grid-cols-\[220px_1fr\] {
      grid-template-columns: 220px 1fr;
    }

    .md\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,3fr\)\] {
      grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    }

    .md\:flex-row {
      flex-direction: row;
    }

    .md\:items-baseline {
      align-items: baseline;
    }

    .md\:items-center {
      align-items: center;
    }

    .md\:justify-between {
      justify-content: space-between;
    }

    .md\:justify-end {
      justify-content: flex-end;
    }

    .md\:gap-1\.5 {
      gap: calc(var(--spacing) * 1.5);
    }

    .md\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .md\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }

    .md\:gap-7 {
      gap: calc(var(--spacing) * 7);
    }

    .md\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

    .md\:gap-14 {
      gap: calc(var(--spacing) * 14);
    }

    .md\:gap-\[34px\] {
      gap: 34px;
    }

    :where(.md\:divide-x > :not(:last-child)) {
      --tw-divide-x-reverse: 0;
      border-inline-style: var(--tw-border-style);
      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
    }

    :where(.md\:divide-y-0 > :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(0px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    }

    .md\:object-\[70\%_center\] {
      object-position: 70% center;
    }

    .md\:p-7 {
      padding: calc(var(--spacing) * 7);
    }

    .md\:p-8 {
      padding: calc(var(--spacing) * 8);
    }

    .md\:p-9 {
      padding: calc(var(--spacing) * 9);
    }

    .md\:p-10 {
      padding: calc(var(--spacing) * 10);
    }

    .md\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .md\:px-7 {
      padding-inline: calc(var(--spacing) * 7);
    }

    .md\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .md\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }

    .md\:px-\[90px\] {
      padding-inline: 90px;
    }

    .md\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }

    .md\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }

    .md\:py-32 {
      padding-block: calc(var(--spacing) * 32);
    }

    .md\:py-\[32px\] {
      padding-block: 32px;
    }

    .md\:py-\[37px\] {
      padding-block: 37px;
    }

    .md\:py-\[100px\] {
      padding-block: 100px;
    }

    .md\:py-\[130px\] {
      padding-block: 130px;
    }

    .md\:pt-8 {
      padding-top: calc(var(--spacing) * 8);
    }

    .md\:pt-10 {
      padding-top: calc(var(--spacing) * 10);
    }

    .md\:pt-12 {
      padding-top: calc(var(--spacing) * 12);
    }

    .md\:pt-16 {
      padding-top: calc(var(--spacing) * 16);
    }

    .md\:pt-32 {
      padding-top: calc(var(--spacing) * 32);
    }

    .md\:pt-40 {
      padding-top: calc(var(--spacing) * 40);
    }

    .md\:pt-\[58px\] {
      padding-top: 58px;
    }

    .md\:pt-\[65px\] {
      padding-top: 65px;
    }

    .md\:pt-\[118px\] {
      padding-top: 118px;
    }

    .md\:pb-8 {
      padding-bottom: calc(var(--spacing) * 8);
    }

    .md\:pb-24 {
      padding-bottom: calc(var(--spacing) * 24);
    }

    .md\:pb-32 {
      padding-bottom: calc(var(--spacing) * 32);
    }

    .md\:pb-\[18px\] {
      padding-bottom: 18px;
    }

    .md\:pb-\[43px\] {
      padding-bottom: 43px;
    }

    .md\:pb-\[109px\] {
      padding-bottom: 109px;
    }

    .md\:pb-\[125px\] {
      padding-bottom: 125px;
    }

    .md\:pb-\[calc\(50px\+3\.555556rem\)\] {
      padding-bottom: calc(50px + 3.55556rem);
    }

    .md\:font-display {
      font-family:
        Space Grotesk,
        ui-sans-serif,
        system-ui,
        sans-serif;
    }

    .md\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }

    .md\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }

    .md\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }

    .md\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }

    .md\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }

    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .md\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }

    .md\:text-\(length\:--botao-md-tamanho\) {
      font-size: var(--botao-md-tamanho);
    }

    .md\:text-\[0\.888889rem\] {
      font-size: 0.888889rem;
    }

    .md\:text-\[1\.666667rem\] {
      font-size: 1.66667rem;
    }

    .md\:text-\[1\.777778rem\] {
      font-size: 1.77778rem;
    }

    .md\:text-\[2\.222222rem\] {
      font-size: 2.22222rem;
    }

    .md\:text-\[2\.333333rem\] {
      font-size: 2.33333rem;
    }

    .md\:text-\[22\.222222rem\] {
      font-size: 22.2222rem;
    }

    .md\:text-\[length\:min\(3\.555556rem\,8\.4vw\)\] {
      font-size: min(3.55556rem, 8.4vw);
    }

    .md\:text-\[length\:min\(8\.333333rem\,20vw\)\] {
      font-size: min(8.33333rem, 20vw);
    }

    .md\:leading-4 {
      --tw-leading: calc(var(--spacing) * 4);
      line-height: calc(var(--spacing) * 4);
    }

    .md\:leading-5\.5 {
      --tw-leading: calc(var(--spacing) * 5.5);
      line-height: calc(var(--spacing) * 5.5);
    }

    .md\:leading-9 {
      --tw-leading: calc(var(--spacing) * 9);
      line-height: calc(var(--spacing) * 9);
    }

    .md\:leading-\[0\.833333rem\] {
      --tw-leading: 0.833333rem;
      line-height: 0.833333rem;
    }

    .md\:leading-\[2\.5rem\] {
      --tw-leading: 2.5rem;
      line-height: 2.5rem;
    }

    .md\:tracking-\[0\.03em\] {
      --tw-tracking: 0.03em;
      letter-spacing: 0.03em;
    }

    .md\:whitespace-nowrap {
      white-space: nowrap;
    }

    .md\:whitespace-pre {
      white-space: pre;
    }
  }

  @media (min-width: 64rem) {
    .lg\:top-\[-80px\] {
      top: -80px;
    }

    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .lg\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .lg\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .lg\:col-span-5 {
      grid-column: span 5 / span 5;
    }

    .lg\:col-span-6 {
      grid-column: span 6 / span 6;
    }

    .lg\:col-span-7 {
      grid-column: span 7 / span 7;
    }

    .lg\:col-span-12 {
      grid-column: span 12 / span 12;
    }

    .lg\:col-start-6 {
      grid-column-start: 6;
    }

    .lg\:col-start-7 {
      grid-column-start: 7;
    }

    .lg\:col-start-8 {
      grid-column-start: 8;
    }

    .lg\:col-start-9 {
      grid-column-start: 9;
    }

    .lg\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }

    .lg\:mt-\[45px\] {
      margin-top: 45px;
    }

    .lg\:mt-\[60px\] {
      margin-top: 60px;
    }

    .lg\:mt-\[72px\] {
      margin-top: 72px;
    }

    .lg\:mt-\[109px\] {
      margin-top: 109px;
    }

    .lg\:mt-\[160px\] {
      margin-top: 160px;
    }

    .lg\:mt-\[269px\] {
      margin-top: 269px;
    }

    .lg\:-mr-\[32px\] {
      margin-right: -32px;
    }

    .lg\:mb-\[35px\] {
      margin-bottom: 35px;
    }

    .lg\:-ml-\[31px\] {
      margin-left: -31px;
    }

    .lg\:block {
      display: block;
    }

    .lg\:flex {
      display: flex;
    }

    .lg\:hidden {
      display: none;
    }

    .lg\:aspect-\[4\/5\] {
      aspect-ratio: 4 / 5;
    }

    .lg\:aspect-auto {
      aspect-ratio: auto;
    }

    .lg\:h-\[calc\(100\%\+80px\)\] {
      height: calc(100% + 80px);
    }

    .lg\:min-h-\[80vh\] {
      min-height: 80vh;
    }

    .lg\:min-h-\[120px\] {
      min-height: 120px;
    }

    .lg\:min-h-\[980px\] {
      min-height: 980px;
    }

    .lg\:min-h-full {
      min-height: 100%;
    }

    .lg\:w-\[70\%\] {
      width: 70%;
    }

    .lg\:w-auto {
      width: auto;
    }

    .lg\:max-w-\[526px\] {
      max-width: 526px;
    }

    .lg\:max-w-\[678px\] {
      max-width: 678px;
    }

    .lg\:max-w-\[800px\] {
      max-width: 800px;
    }

    .lg\:max-w-\[1320px\] {
      max-width: 1320px;
    }

    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .lg\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .lg\:grid-cols-\[411px_minmax\(0\,1fr\)\] {
      grid-template-columns: 411px minmax(0, 1fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
      grid-template-columns: minmax(0, 1fr) auto;
    }

    .lg\:grid-cols-\[minmax\(0\,32fr\)_minmax\(0\,36fr\)_minmax\(0\,32fr\)\] {
      grid-template-columns: minmax(0, 32fr) minmax(0, 36fr) minmax(0, 32fr);
    }

    .lg\:grid-cols-\[minmax\(0\,35fr\)_minmax\(0\,65fr\)\] {
      grid-template-columns: minmax(0, 35fr) minmax(0, 65fr);
    }

    .lg\:grid-cols-\[minmax\(0\,35fr\)_minmax\(410px\,40fr\)_minmax\(190px\,25fr\)\] {
      grid-template-columns: minmax(0, 35fr) minmax(410px, 40fr) minmax(190px, 25fr);
    }

    .lg\:grid-cols-\[minmax\(0\,437fr\)_minmax\(0\,811fr\)\] {
      grid-template-columns: minmax(0, 437fr) minmax(0, 811fr);
    }

    .lg\:grid-cols-\[minmax\(0\,440fr\)_minmax\(0\,832fr\)\] {
      grid-template-columns: minmax(0, 440fr) minmax(0, 832fr);
    }

    .lg\:grid-cols-\[minmax\(0\,441fr\)_minmax\(0\,831fr\)\] {
      grid-template-columns: minmax(0, 441fr) minmax(0, 831fr);
    }

    .lg\:grid-cols-\[minmax\(0\,460fr\)_minmax\(0\,740fr\)\] {
      grid-template-columns: minmax(0, 460fr) minmax(0, 740fr);
    }

    .lg\:grid-cols-\[minmax\(0\,536fr\)_minmax\(0\,736fr\)\] {
      grid-template-columns: minmax(0, 536fr) minmax(0, 736fr);
    }

    .lg\:grid-cols-\[minmax\(0\,555fr\)_minmax\(0\,773fr\)\] {
      grid-template-columns: minmax(0, 555fr) minmax(0, 773fr);
    }

    .lg\:grid-cols-\[minmax\(0\,640fr\)_minmax\(0\,656fr\)\] {
      grid-template-columns: minmax(0, 640fr) minmax(0, 656fr);
    }

    .lg\:grid-cols-\[minmax\(0\,719fr\)_minmax\(0\,587fr\)\] {
      grid-template-columns: minmax(0, 719fr) minmax(0, 587fr);
    }

    .lg\:grid-cols-\[minmax\(0\,746fr\)_minmax\(0\,642fr\)\] {
      grid-template-columns: minmax(0, 746fr) minmax(0, 642fr);
    }

    .lg\:grid-cols-\[minmax\(0\,778fr\)_minmax\(0\,494fr\)\] {
      grid-template-columns: minmax(0, 778fr) minmax(0, 494fr);
    }

    .lg\:flex-col {
      flex-direction: column;
    }

    .lg\:flex-row {
      flex-direction: row;
    }

    .lg\:items-center {
      align-items: center;
    }

    .lg\:items-start {
      align-items: flex-start;
    }

    .lg\:justify-between {
      justify-content: space-between;
    }

    .lg\:justify-center {
      justify-content: center;
    }

    .lg\:justify-end {
      justify-content: flex-end;
    }

    .lg\:justify-start {
      justify-content: flex-start;
    }

    .lg\:gap-0 {
      gap: 0;
    }

    .lg\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .lg\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    .lg\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }

    .lg\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }

    .lg\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

    .lg\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }

    .lg\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }

    .lg\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }

    .lg\:gap-\[11px\] {
      gap: 11px;
    }

    .lg\:gap-\[14px\] {
      gap: 14px;
    }

    .lg\:gap-\[42px\] {
      gap: 42px;
    }

    .lg\:gap-\[45px\] {
      gap: 45px;
    }

    .lg\:gap-\[60px\] {
      gap: 60px;
    }

    .lg\:gap-\[72px\] {
      gap: 72px;
    }

    .lg\:gap-\[80px\] {
      gap: 80px;
    }

    .lg\:gap-\[90px\] {
      gap: 90px;
    }

    .lg\:gap-\[120px\] {
      gap: 120px;
    }

    .lg\:gap-\[130px\] {
      gap: 130px;
    }

    :where(.lg\:space-y-\[180px\] > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(180px * var(--tw-space-y-reverse));
      margin-block-end: calc(180px * calc(1 - var(--tw-space-y-reverse)));
    }

    .lg\:gap-y-\[72px\] {
      row-gap: 72px;
    }

    .lg\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }

    .lg\:border-surface-overlay {
      border-color: var(--color-surface-overlay);
    }

    .lg\:border-white\/10 {
      border-color: #ffffff1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .lg\:border-white\/10 {
        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }

    .lg\:object-\[65\%_center\] {
      object-position: 65% center;
    }

    .lg\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }

    .lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .lg\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }

    .lg\:py-\[154px\] {
      padding-block: 154px;
    }

    .lg\:pt-2 {
      padding-top: calc(var(--spacing) * 2);
    }

    .lg\:pt-6 {
      padding-top: calc(var(--spacing) * 6);
    }

    .lg\:pt-16 {
      padding-top: calc(var(--spacing) * 16);
    }

    .lg\:pt-28 {
      padding-top: calc(var(--spacing) * 28);
    }

    .lg\:pt-48 {
      padding-top: calc(var(--spacing) * 48);
    }

    .lg\:pt-\[43px\] {
      padding-top: 43px;
    }

    .lg\:pt-\[65px\] {
      padding-top: 65px;
    }

    .lg\:pt-\[112px\] {
      padding-top: 112px;
    }

    .lg\:pt-\[130px\] {
      padding-top: 130px;
    }

    .lg\:pt-\[161px\] {
      padding-top: 161px;
    }

    .lg\:pt-\[212px\] {
      padding-top: 212px;
    }

    .lg\:pt-\[288px\] {
      padding-top: 288px;
    }

    .lg\:pt-\[max\(9\.777778rem\,26vh\)\] {
      padding-top: max(9.77778rem, 26vh);
    }

    .lg\:pb-24 {
      padding-bottom: calc(var(--spacing) * 24);
    }

    .lg\:pb-\[102px\] {
      padding-bottom: 102px;
    }

    .lg\:pb-\[200px\] {
      padding-bottom: 200px;
    }

    .lg\:pb-\[223px\] {
      padding-bottom: 223px;
    }

    .lg\:text-right {
      text-align: right;
    }

    .lg\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }

    .lg\:will-change-transform {
      will-change: transform;
    }

    .lg\:first\:mt-14:first-child {
      margin-top: calc(var(--spacing) * 14);
    }

    .lg\:first\:border-l-0:first-child {
      border-left-style: var(--tw-border-style);
      border-left-width: 0;
    }

    .lg\:first\:pl-0:first-child {
      padding-left: 0;
    }
  }

  @media (min-width: 80rem) {
    .xl\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .xl\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .xl\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .xl\:col-span-6 {
      grid-column: span 6 / span 6;
    }

    .xl\:col-span-7 {
      grid-column: span 7 / span 7;
    }

    .xl\:col-start-8 {
      grid-column-start: 8;
    }

    .xl\:col-start-9 {
      grid-column-start: 9;
    }

    .xl\:col-start-10 {
      grid-column-start: 10;
    }

    .xl\:mt-\(--hero-col-offset\,0px\) {
      margin-top: var(--hero-col-offset, 0px);
    }

    .xl\:mt-\[calc\(var\(--hero-col-offset\,0px\)\+34px\)\] {
      margin-top: calc(var(--hero-col-offset, 0px) + 34px);
    }

    .xl\:ml-\[26px\] {
      margin-left: 26px;
    }

    .xl\:block {
      display: block;
    }

    .xl\:contents {
      display: contents;
    }

    .xl\:min-h-\[960px\] {
      min-height: 960px;
    }

    .xl\:min-w-0 {
      min-width: 0;
    }

    .xl\:flex-1 {
      flex: 1;
    }

    .xl\:flex-\[0_1_452px\] {
      flex: 0 452px;
    }

    .xl\:flex-\[0_1_475px\] {
      flex: 0 475px;
    }

    .xl\:shrink-0 {
      flex-shrink: 0;
    }

    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .xl\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .xl\:grid-cols-\[minmax\(0\,488fr\)_minmax\(0\,392fr\)_minmax\(0\,392fr\)\] {
      grid-template-columns: minmax(0, 488fr) minmax(0, 392fr) minmax(0, 392fr);
    }

    .xl\:flex-row {
      flex-direction: row;
    }

    .xl\:items-center {
      align-items: center;
    }

    .xl\:items-stretch {
      align-items: stretch;
    }

    .xl\:justify-center {
      justify-content: center;
    }

    .xl\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }

    .xl\:gap-\[34px\] {
      gap: 34px;
    }

    .xl\:gap-\[37px\] {
      gap: 37px;
    }

    .xl\:px-3\.5 {
      padding-inline: calc(var(--spacing) * 3.5);
    }

    .xl\:py-\[60px\] {
      padding-block: 60px;
    }

    .xl\:py-\[65px\] {
      padding-block: 65px;
    }

    .xl\:pt-\[292px\] {
      padding-top: 292px;
    }

    .xl\:text-\[2\.311111rem\] {
      font-size: 2.31111rem;
    }

    .xl\:whitespace-nowrap {
      white-space: nowrap;
    }

    @media not all and (min-width: 96rem) {
      .xl\:max-2xl\:mx-0 {
        margin-inline: 0;
      }

      .xl\:max-2xl\:px-4 {
        padding-inline: calc(var(--spacing) * 4);
      }

      .xl\:max-2xl\:text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
      }
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:w-\[220\.8px\] {
      width: 220.8px;
    }

    .\32 xl\:flex-nowrap {
      flex-wrap: nowrap;
    }

    .\32 xl\:px-0 {
      padding-inline: 0;
    }

    .\32 xl\:whitespace-nowrap {
      white-space: nowrap;
    }
  }

  @media (pointer: coarse) {
    .pointer-coarse\:h-11 {
      height: calc(var(--spacing) * 11);
    }

    .pointer-coarse\:min-h-11 {
      min-height: calc(var(--spacing) * 11);
    }

    .pointer-coarse\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }
  }

  @media (hover: none) {
    .sem-hover\:block {
      display: block;
    }
  }

  @media (max-width: 767.98px) {
    .sem-hover\:block {
      display: block;
    }
  }

  @media (hover: none) {
    .sem-hover\:translate-y-0 {
      --tw-translate-y: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (max-width: 767.98px) {
    .sem-hover\:translate-y-0 {
      --tw-translate-y: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (hover: none) {
    .sem-hover\:opacity-100 {
      opacity: 1;
    }
  }

  @media (max-width: 767.98px) {
    .sem-hover\:opacity-100 {
      opacity: 1;
    }
  }

  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }

  .\[\&_svg\]\:size-4 svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }

  @media (min-width: 48rem) {
    .md\:\[\&\>li\:last-child\:nth-child\(odd\)\]\:col-span-2 > li:last-child:nth-child(odd) {
      grid-column: span 2 / span 2;
    }
  }

  @media (min-width: 64rem) {
    .lg\:\[\&\>li\:last-child\:nth-child\(odd\)\]\:col-span-1 > li:last-child:nth-child(odd) {
      grid-column: span 1 / span 1;
    }
  }

  .\[\&\>span\+span\]\:mt-3\.5 > span + span {
    margin-top: calc(var(--spacing) * 3.5);
  }

  @media (hover: none) {
    @media (min-width: 48rem) {
      .\[\@media\(hover\:none\)\]\:md\:h-auto {
        height: auto;
      }

      .\[\@media\(hover\:none\)\]\:md\:min-h-\[440px\] {
        min-height: 440px;
      }
    }
  }

  @media (min-width: 1680px) {
    .\[\@media\(min-width\:1680px\)\]\:block {
      display: block;
    }
  }
}

@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}

@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}

@property --tw-animation-duration {
  syntax: "*";
  inherits: false;
}

@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

:root {
  --palette-neutral-50: oklch(96.8% 0.004 285);
  --palette-neutral-400: oklch(70.2% 0.008 285);
  --palette-neutral-800: oklch(26% 0.007 285);
  --palette-neutral-900: oklch(19.6% 0.006 285);
  --palette-neutral-950: oklch(14.5% 0.005 285);
  --palette-neutral-1000: oklch(11% 0.004 285);
  --palette-gray-400: oklch(76.7% 0 0);
  --palette-gray-500: oklch(68.6% 0 0);
  --palette-gray-600: oklch(60% 0 0);
  --palette-white: oklch(100% 0 0);
  --palette-black: oklch(0% 0 0);
  --palette-orange-500: oklch(68.1% 0.203 42.5);
  --palette-cyan-300: oklch(87.2% 0.113 217.1);
  --palette-cyan-400: oklch(81.4% 0.145 217.1);
  --palette-lime-400: oklch(88.03% 0.2068 121.49);
  --palette-red-500: oklch(62% 0.22 25);
  --page-gutter: 1.11111rem;
  --duration-instant: 90ms;
  --duration-fast: 0.15s;
  --duration-base: 0.2s;
  --duration-state: 0.25s;
  --duration-expand: 0.35s;
  --duration-enter: 0.62s;
  --duration-title: 0.76s;
  --z-base: 0;
  --z-raised: 10;
  --z-dropdown: 30;
  --z-sticky: 40;
  --z-header: 50;
  --z-fixed-bar: 1000;
  --z-overlay: 1100;
  --radius: 0.222222rem;
  --radius-pill: 9999px;
  --shadow-text-on-media: 0 1px 12px oklch(0% 0 0 / 0.45);
  --gradient-surface-page: linear-gradient(90deg, #131314 0%, #010101 48%, #101010 100%);
  --gradient-surface-home: linear-gradient(90deg, #0a0a0c 1%, #171719 51%, #0a0a0c 100%);
  --botao-md-tamanho: 1.11111rem;
}

@media (min-width: 48rem) {
  :root {
    --page-gutter: 2.22222rem;
  }
}

:root {
  --background: var(--color-surface-page);
  --foreground: var(--color-text-primary);
  --surface: var(--color-surface-raised);
  --ink: var(--color-surface-sunken);
  --primary: var(--color-action-highlight);
  --primary-foreground: var(--color-text-inverse);
  --accent-cyan: var(--color-action-primary);
  --accent-cyan-hover: var(--color-action-primary-hover);
  --accent-cyan-soft: var(--color-action-primary-soft);
  --accent-cyan-subtle: var(--color-action-primary-subtle);
  --accent-cyan-border: var(--color-border-accent);
  --brand-lime: var(--color-action-conversion);
  --brand-lime-foreground: var(--color-text-inverse);
  --secondary: var(--color-surface-overlay);
  --secondary-foreground: var(--color-text-primary);
  --muted: var(--color-surface-overlay);
  --muted-foreground: var(--color-text-muted);
  --accent: var(--color-surface-overlay);
  --accent-foreground: var(--color-text-primary);
  --destructive: var(--color-state-error);
  --destructive-foreground: var(--color-text-primary);
  --border: var(--color-border-default);
  --input: var(--color-border-strong);
  --ring: var(--color-action-highlight);
  --tipo-titulo-familia: var(--font-display);
  --tipo-texto-familia: var(--font-sans);
  --tipo-titulo-espacamento: 0;
  --tipo-titulo-principal-tamanho: clamp(2.44444rem, 8.2vw, 6.22222rem);
  --tipo-titulo-principal-peso: 700;
  --tipo-titulo-principal-entrelinha: 0.98;
  --tipo-titulo-secao-tamanho: clamp(1.86667rem, 5.4vw, 4rem);
  --tipo-titulo-secao-peso: 700;
  --tipo-titulo-secao-entrelinha: 1;
  --tipo-titulo-bloco-tamanho: clamp(1.46667rem, 3vw, 2.31111rem);
  --tipo-titulo-bloco-peso: 500;
  --tipo-titulo-bloco-entrelinha: 1.08;
  --tipo-subtitulo-tamanho: 1.33333rem;
  --tipo-subtitulo-peso: 500;
  --tipo-subtitulo-entrelinha: 1.33333;
  --tipo-texto-tamanho: 1rem;
  --tipo-texto-entrelinha: 1.5;
  --tipo-legenda-tamanho: 0.777778rem;
  --tipo-legenda-entrelinha: 1.42857;
  --tipo-rotulo-tamanho: 0.666667rem;
  --tipo-rotulo-espacamento: 0.07em;
  --tipo-rotulo-peso: 500;
  --tipo-rotulo-entrelinha: 1.2;
  --contorno-largura: url("#contorno-externo-2");
  --contorno-compensacao: 4px;
}

@media (max-width: 1279.98px) {
  :root {
    --tipo-titulo-principal-tamanho: round(clamp(2.44444rem, 8.2vw, 6.22222rem), 2px);
    --tipo-titulo-secao-tamanho: round(clamp(1.86667rem, 5.4vw, 4rem), 2px);
    --tipo-titulo-bloco-tamanho: round(clamp(1.46667rem, 3vw, 2.31111rem), 2px);
  }
}

@media (max-width: 767px) {
  :root {
    --contorno-largura: url("#contorno-externo-1");
    --contorno-compensacao: 2px;
    --tipo-rotulo-tamanho: 0.777778rem;
    --tipo-legenda-tamanho: 0.888889rem;
    --tipo-legenda-entrelinha: 1.375;
  }

  :is(p, li, dd, dt, blockquote, figcaption).text-sm:not(.uppercase, nav *, [role="region"] *) {
    font-size: 0.888889rem;
    line-height: 1.5;
  }
}

.rodape-institucional {
  --tipo-rotulo-tamanho: 0.888889rem;
  --tipo-rotulo-espacamento: 0;
  --tipo-rotulo-peso: 400;
  --tipo-rotulo-entrelinha: 0.9;
  --tipo-legenda-tamanho: 0.888889rem;
  --tipo-legenda-entrelinha: 1.25;
}

.pagina-home {
  --botao-md-tamanho: 1rem;
  --tipo-rotulo-tamanho: 0.888889rem;
  --tipo-rotulo-espacamento: 0;
  --tipo-rotulo-peso: 400;
  --tipo-rotulo-entrelinha: 0.9;
  --tipo-legenda-tamanho: 0.888889rem;
  --tipo-legenda-entrelinha: 1.25;
}

.faixa-robotica {
  background: var(--color-surface-sunken);
  isolation: isolate;
  width: 100%;
  height: clamp(380px, 112vw, 460px);
  margin-block: 72px;
  position: relative;
  overflow: hidden;
}

.faixa-robotica-imagem {
  z-index: 0;
  background-image: var(--faixa-robotica-image);
  will-change: transform;
  background-position: 44%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0;
  transform: translate3d(0, 0, 0);
}

.faixa-robotica-filtro {
  pointer-events: none;
  z-index: 1;
  background: var(--color-surface-sunken);
  position: absolute;
  inset: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .faixa-robotica-filtro {
    background: color-mix(in oklch, var(--color-surface-sunken) 28%, transparent);
  }
}

@media (min-width: 768px) {
  .faixa-robotica {
    height: clamp(440px, 55vw, 520px);
    margin-block: 96px;
  }

  .faixa-robotica-imagem {
    background-position: center;
    inset: -96px 0;
  }
}

@media (min-width: 1024px) {
  .faixa-robotica {
    height: clamp(520px, 47vw, 680px);
    margin-block: 0;
  }

  .faixa-robotica-imagem {
    inset: -130px 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .faixa-robotica-imagem {
    will-change: auto;
    transform: none;
  }
}

.course-grid {
  border: 0;
}

.vive-tech-section {
  background: var(--color-surface-sunken);
  contain: layout paint;
  width: 100%;
  min-width: 0;
  padding-block: clamp(72px, 8vw, 128px) clamp(88px, 10vw, 152px);
  overflow: hidden;
}

.vive-tech-lettering {
  align-items: center;
  width: 100%;
  min-width: 0;
  height: clamp(150px, 42vw, 200px);
  display: flex;
  overflow: hidden;
}

.vive-tech-lettering-track {
  will-change: transform;
  width: max-content;
  animation: 28s linear infinite vive-tech-lettering-scroll;
  display: flex;
  transform: translate3d(0, 0, 0);
}

.vive-tech-lettering-sequence {
  flex: none;
  align-items: center;
  padding-right: clamp(1.77778rem, 5vw, 5.33333rem);
  display: flex;
}

.vive-tech-phrase {
  color: var(--color-text-primary);
  flex: none;
  padding-right: clamp(1.77778rem, 5vw, 5.33333rem);
}

@supports (color: color-mix(in lab, red, red)) {
  .vive-tech-phrase {
    color: color-mix(in oklch, var(--color-text-primary) 88%, var(--color-surface-sunken));
  }
}

.vive-tech-phrase {
  font-family: var(--font-display);
  letter-spacing: var(--tipo-titulo-espacamento);
  white-space: nowrap;
  font-size: clamp(3.55556rem, 17vw, 5rem);
  font-weight: 700;
  line-height: 0.9;
}

@keyframes vive-tech-lettering-scroll {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-50%, 0, 0);
  }
}

@media (hover: hover) {
  .vive-tech-lettering:hover .vive-tech-lettering-track {
    animation-duration: 38s;
  }
}

@media (min-width: 768px) {
  .vive-tech-section {
    padding-block: clamp(96px, 9vw, 140px) clamp(120px, 11vw, 160px);
  }

  .vive-tech-lettering {
    height: clamp(200px, 27vw, 260px);
  }

  .vive-tech-phrase {
    font-size: clamp(5rem, 12vw, 7.77778rem);
  }

  .vive-tech-lettering-track {
    animation-duration: 26s;
  }
}

@media (min-width: 1024px) {
  .vive-tech-lettering {
    height: clamp(240px, 19vw, 320px);
  }

  .vive-tech-phrase {
    font-size: clamp(6.66667rem, 10vw, 11.6667rem);
    line-height: 0.88;
  }
}

.vive-tech-section--home {
  background: none;
}

@media (min-width: 1024px) {
  .vive-tech-section--home {
    padding-block: 245px;
  }

  .vive-tech-section--home .vive-tech-lettering {
    height: 239px;
  }

  .vive-tech-section--home .vive-tech-phrase {
    font-size: clamp(6.66667rem, 10vw, 10.6667rem);
  }

  .manifesto-impacta--home,
  .manifesto-impacta--home .manifesto-impacta-content {
    min-height: 1100px;
  }

  .manifesto-impacta--home .manifesto-impacta-content {
    padding-bottom: 124px;
  }

  .manifesto-impacta--home .manifesto-impacta-main {
    width: min(100%, 1320px);
  }

  .manifesto-impacta--home .manifesto-impacta-secondary {
    margin-top: 24px;
  }
}

.manifesto-impacta--home .manifesto-impacta-overlay {
  background: var(--palette-black);
}

@supports (color: color-mix(in lab, red, red)) {
  .manifesto-impacta--home .manifesto-impacta-overlay {
    background: color-mix(in oklch, var(--palette-black) 80%, transparent);
  }
}

.manifesto-impacta--home .manifesto-impacta-arrow {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .vive-tech-lettering-track {
    will-change: auto;
    animation: none;
    transform: none;
  }

  .vive-tech-lettering-sequence:nth-child(2) {
    display: none;
  }
}

.manifesto-impacta {
  background: var(--color-surface-sunken);
  isolation: isolate;
  min-height: max(100svh, 760px);
  position: relative;
  overflow: hidden;
}

.manifesto-impacta-image {
  z-index: 0;
  object-fit: cover;
  object-position: 50% center;
  transform-origin: center;
  will-change: transform;
  width: 110%;
  max-width: none;
  height: 108%;
  position: absolute;
  inset: -4% -5%;
  transform: translate3d(0, 0, 0) scale(1.06);
}

.manifesto-impacta-overlay {
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(to top, var(--color-surface-sunken) 0%, transparent 47%),
    radial-gradient(ellipse 68% 55% at 50% 50%, var(--color-surface-sunken) 0%, transparent 72%),
    linear-gradient(
      90deg,
      var(--color-surface-sunken) 0%,
      transparent 22%,
      transparent 78%,
      var(--color-surface-sunken) 100%
    ),
    var(--color-surface-sunken);
  position: absolute;
  inset: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .manifesto-impacta-overlay {
    background:
      linear-gradient(to top, color-mix(in oklch, var(--color-surface-sunken) 92%, transparent) 0%, transparent 47%),
      radial-gradient(
        ellipse 68% 55% at 50% 50%,
        color-mix(in oklch, var(--color-surface-sunken) 48%, transparent) 0%,
        transparent 72%
      ),
      linear-gradient(
        90deg,
        color-mix(in oklch, var(--color-surface-sunken) 30%, transparent) 0%,
        transparent 22%,
        transparent 78%,
        color-mix(in oklch, var(--color-surface-sunken) 30%, transparent) 100%
      ),
      color-mix(in oklch, var(--color-surface-sunken) 34%, transparent);
  }
}

.manifesto-impacta-content {
  z-index: 2;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: max(100svh, 760px);
  padding: 92px 24px 104px;
  display: flex;
  position: relative;
}

.manifesto-impacta-main {
  width: min(100%, 1100px);
}

.manifesto-impacta-title {
  font-family: var(--font-sans);
  letter-spacing: var(--tipo-titulo-espacamento);
  text-transform: uppercase;
  text-wrap: balance;
  color: var(--color-text-primary);
  font-size: clamp(1.88889rem, 8.9vw, 3.55556rem);
  font-weight: 300;
  line-height: 1.3;
}

@supports (color: color-mix(in lab, red, red)) {
  .manifesto-impacta-title {
    color: color-mix(in oklch, var(--color-text-primary) 85%, transparent);
  }
}

.manifesto-impacta-title strong {
  color: var(--color-text-primary);
  font-weight: 400;
}

.manifesto-impacta-claro {
  color: var(--color-text-primary);
}

.manifesto-impacta-title > span {
  opacity: 0;
  transition:
    opacity var(--duration-title) var(--ease-editorial),
    transform var(--duration-title) var(--ease-editorial);
  display: block;
  transform: translate3d(0, 28px, 0);
}

.manifesto-impacta-title > span:first-child {
  transition-delay: 0.16s;
}

.manifesto-impacta-title > span:nth-child(2) {
  transition-delay: 0.3s;
}

.manifesto-impacta-title > span:nth-child(3) {
  transition-delay: 0.44s;
}

.manifesto-impacta-title em {
  color: var(--color-action-conversion);
  transition: color var(--duration-enter) ease 0.7s;
  font-style: normal;
  font-weight: 400;
}

.manifesto-impacta-secondary {
  opacity: 0;
  width: min(100%, 900px);
  transition:
    opacity var(--duration-title) var(--ease-editorial) 0.72s,
    transform var(--duration-title) var(--ease-editorial) 0.72s;
  margin-top: auto;
  transform: translate3d(0, 24px, 0);
}

.manifesto-impacta-copy {
  color: var(--color-text-primary);
  gap: 14px;
  display: grid;
}

@supports (color: color-mix(in lab, red, red)) {
  .manifesto-impacta-copy {
    color: color-mix(in oklch, var(--color-text-primary) 85%, transparent);
  }
}

.manifesto-impacta-copy {
  font-family: var(--font-sans);
  font-size: var(--tipo-texto-tamanho);
  line-height: 1.5;
}

.manifesto-impacta-copy li {
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.manifesto-impacta-icone {
  width: var(--icon-size-md);
  height: var(--icon-size-md);
  color: var(--color-action-primary);
  flex-shrink: 0;
  margin-top: 1px;
}

.manifesto-impacta-closing {
  color: var(--color-text-primary);
  font-family: var(--font-sans);
  text-transform: uppercase;
  margin-top: 14px;
  font-size: clamp(1.11111rem, 3.2vw, 1.55556rem);
  font-weight: 500;
  line-height: 1.15;
}

.manifesto-impacta[data-in="true"] .manifesto-impacta-title > span,
.manifesto-impacta[data-in="true"] .manifesto-impacta-secondary {
  opacity: 1;
  transform: none;
}

.manifesto-impacta[data-in="false"] .manifesto-impacta-image {
  opacity: 0;
}

.manifesto-impacta[data-in="true"] .manifesto-impacta-image {
  opacity: 1;
  transition: opacity 1.1s var(--ease-editorial);
}

.manifesto-impacta-arrow {
  z-index: 3;
  width: 18px;
  height: 28px;
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
}

.manifesto-impacta-arrow:before,
.manifesto-impacta-arrow:after,
.manifesto-impacta-arrow > span {
  content: "";
  position: absolute;
}

.manifesto-impacta-arrow > span {
  background: var(--color-action-primary);
  width: 1px;
  height: 23px;
  animation: 2.2s ease-in-out infinite manifesto-arrow;
  top: 0;
  left: 50%;
}

.manifesto-impacta-arrow:before,
.manifesto-impacta-arrow:after {
  background: var(--color-action-primary);
  width: 8px;
  height: 1px;
  bottom: 4px;
  left: 50%;
}

.manifesto-impacta-arrow:before {
  transform: translateX(-7px) rotate(45deg);
}

.manifesto-impacta-arrow:after {
  transform: translateX(-1px) rotate(-45deg);
}

@keyframes manifesto-arrow {
  0%,
  100% {
    opacity: 0.5;
    transform: translate3d(0, 0, 0);
  }

  50% {
    opacity: 1;
    transform: translate3d(0, 6px, 0);
  }
}

@media (min-width: 768px) {
  .manifesto-impacta,
  .manifesto-impacta-content {
    min-height: max(100svh, 820px);
  }

  .manifesto-impacta-content {
    padding: 104px 40px 96px;
  }

  .manifesto-impacta-title {
    font-size: clamp(2.66667rem, 5.4vw, 3.55556rem);
    line-height: 1.5;
  }

  .manifesto-impacta-copy {
    font-size: var(--tipo-texto-tamanho);
  }
}

@media (min-width: 1024px) {
  .manifesto-impacta,
  .manifesto-impacta-content {
    min-height: clamp(800px, 100svh, 1000px);
  }

  .manifesto-impacta-content {
    padding: 110px 48px 92px;
  }

  .manifesto-impacta-main,
  .manifesto-impacta-secondary {
    margin-top: auto;
  }

  .manifesto-impacta-copy {
    font-size: 1rem;
  }
}

@media (max-width: 767px) {
  .manifesto-impacta,
  .manifesto-impacta-content {
    min-height: max(100svh, 720px);
  }

  .manifesto-impacta-image {
    object-position: 50% center;
    width: 136%;
    height: 106%;
    inset: -3% -18%;
  }

  .manifesto-impacta-overlay {
    background:
      linear-gradient(to top, var(--color-surface-sunken) 0%, transparent 58%),
      radial-gradient(ellipse 115% 42% at 50% 48%, var(--color-surface-sunken) 0%, transparent 78%),
      var(--color-surface-sunken);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .manifesto-impacta-overlay {
      background:
        linear-gradient(to top, color-mix(in oklch, var(--color-surface-sunken) 96%, transparent) 0%, transparent 58%),
        radial-gradient(
          ellipse 115% 42% at 50% 48%,
          color-mix(in oklch, var(--color-surface-sunken) 58%, transparent) 0%,
          transparent 78%
        ),
        color-mix(in oklch, var(--color-surface-sunken) 40%, transparent);
    }
  }

  .manifesto-impacta-content {
    justify-content: flex-start;
    padding: 80px 20px 132px;
  }

  .manifesto-impacta-main {
    margin-top: clamp(24px, 6svh, 52px);
  }

  .manifesto-impacta-secondary {
    margin-top: auto;
  }

  .manifesto-impacta-copy {
    width: fit-content;
    max-width: 100%;
    font-size: var(--tipo-texto-tamanho);
    text-align: left;
    gap: 10px;
    margin-inline: auto;
  }

  .manifesto-impacta-copy li {
    justify-content: flex-start;
  }

  .manifesto-impacta-arrow {
    bottom: 96px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .manifesto-impacta[data-in] .manifesto-impacta-image,
  .manifesto-impacta[data-in] .manifesto-impacta-title > span,
  .manifesto-impacta[data-in] .manifesto-impacta-secondary {
    opacity: 1;
    transition: none;
    transform: none;
  }

  .manifesto-impacta-arrow > span {
    animation: none;
  }
}

.course-card-media,
.course-card-overlay {
  opacity: 0;
  transition: opacity var(--duration-enter) var(--ease-editorial);
}

.course-card-media {
  transition:
    opacity var(--duration-enter) var(--ease-editorial),
    transform var(--duration-enter) var(--ease-editorial);
  transform: scale(1.04);
}

.course-card-overlay {
  background:
    linear-gradient(
      180deg,
      var(--color-surface-sunken) 0%,
      var(--color-surface-sunken) 52%,
      var(--color-surface-sunken) 100%
    ),
    linear-gradient(
      90deg,
      var(--color-surface-sunken) 0%,
      var(--color-surface-sunken) 68%,
      var(--color-surface-sunken) 100%
    );
}

@supports (color: color-mix(in lab, red, red)) {
  .course-card-overlay {
    background:
      linear-gradient(
        180deg,
        color-mix(in oklch, var(--color-surface-sunken) 44%, transparent) 0%,
        color-mix(in oklch, var(--color-surface-sunken) 72%, transparent) 52%,
        color-mix(in oklch, var(--color-surface-sunken) 94%, transparent) 100%
      ),
      linear-gradient(
        90deg,
        color-mix(in oklch, var(--color-surface-sunken) 86%, transparent) 0%,
        color-mix(in oklch, var(--color-surface-sunken) 52%, transparent) 68%,
        color-mix(in oklch, var(--color-surface-sunken) 28%, transparent) 100%
      );
  }
}

.heroi-home__veu--lateral {
  background: linear-gradient(
    90deg,
    var(--color-surface-page) 0%,
    var(--color-surface-page) 28%,
    var(--color-surface-page) 58%,
    var(--color-surface-page) 100%
  );
}

@supports (color: color-mix(in lab, red, red)) {
  .heroi-home__veu--lateral {
    background: linear-gradient(
      90deg,
      color-mix(in oklch, var(--color-surface-page) 96%, transparent) 0%,
      color-mix(in oklch, var(--color-surface-page) 82%, transparent) 28%,
      color-mix(in oklch, var(--color-surface-page) 38%, transparent) 58%,
      color-mix(in oklch, var(--color-surface-page) 8%, transparent) 100%
    );
  }
}

.heroi-home__veu--vertical {
  background: linear-gradient(
    180deg,
    var(--color-surface-page) 0%,
    var(--color-surface-page) 34%,
    var(--color-surface-page) 62%,
    var(--color-surface-page) 100%
  );
}

@supports (color: color-mix(in lab, red, red)) {
  .heroi-home__veu--vertical {
    background: linear-gradient(
      180deg,
      color-mix(in oklch, var(--color-surface-page) 94%, transparent) 0%,
      color-mix(in oklch, var(--color-surface-page) 78%, transparent) 34%,
      color-mix(in oklch, var(--color-surface-page) 28%, transparent) 62%,
      color-mix(in oklch, var(--color-surface-page) 10%, transparent) 100%
    );
  }
}

.heroi-home__veu--topo {
  background: linear-gradient(180deg, var(--color-surface-page) 0%, transparent 100%);
}

@supports (color: color-mix(in lab, red, red)) {
  .heroi-home__veu--topo {
    background: linear-gradient(
      180deg,
      color-mix(in oklch, var(--color-surface-page) 72%, transparent) 0%,
      transparent 100%
    );
  }
}

.heroi-home__veu--base {
  background: linear-gradient(0deg, var(--color-surface-page) 0%, var(--color-surface-page) 40%, transparent 100%);
}

@supports (color: color-mix(in lab, red, red)) {
  .heroi-home__veu--base {
    background: linear-gradient(
      0deg,
      color-mix(in oklch, var(--color-surface-page) 98%, transparent) 0%,
      color-mix(in oklch, var(--color-surface-page) 72%, transparent) 40%,
      transparent 100%
    );
  }
}

.course-hero-image {
  object-position: var(--course-mobile-object-position, 70% center);
}

@media (min-width: 768px) {
  .course-hero-image {
    object-position: var(--course-object-position, center);
  }
}

@media (hover: hover) and (min-width: 768px) {
  .course-card:hover .course-card-media,
  .course-card:hover .course-card-overlay,
  .course-card:focus-within .course-card-media,
  .course-card:focus-within .course-card-overlay {
    opacity: 1;
  }

  .course-card:hover .course-card-media,
  .course-card:focus-within .course-card-media {
    transform: scale(1);
  }

  .course-card:hover > div,
  .course-card:focus-within > div {
    text-shadow: var(--shadow-text-on-media);
  }
}

[data-motion="reveal"] {
  opacity: 0;
  transform: translate3d(var(--rv-x, 0), var(--rv-y, 16px), 0);
  transition:
    opacity var(--duration-enter) var(--ease-editorial),
    transform var(--duration-enter) var(--ease-editorial);
  transition-delay: var(--motion-delay, 0s);
}

[data-motion="reveal"][data-direction="left"] {
  --rv-x: -28px;
  --rv-y: 0px;
}

[data-motion="reveal"][data-direction="right"] {
  --rv-x: 28px;
  --rv-y: 0px;
}

[data-motion="reveal"][data-in="true"] {
  opacity: 1;
  transform: none;
}

[data-motion="line"] {
  opacity: 0;
  transition:
    opacity var(--duration-title) var(--ease-editorial),
    transform var(--duration-title) var(--ease-editorial);
  transition-delay: var(--motion-delay, 0s);
  transform: translate3d(0, 100%, 0);
}

[data-motion="line"][data-in="true"] {
  opacity: 1;
  transform: none;
}

[data-motion="mask"] {
  clip-path: inset(0 0 100%);
  transition: clip-path 0.7s var(--ease-editorial);
  transition-delay: var(--motion-delay, 0s);
}

[data-motion="mask"][data-axis="horizontal"] {
  clip-path: inset(0 100% 0 0);
}

[data-motion="mask"][data-in="true"] {
  clip-path: inset(0);
}

@keyframes hero-fade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes hero-rise {
  from {
    opacity: 0;
    transform: translate3d(0, 8px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes ring-spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes marquee-scroll {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-50%, 0, 0);
  }
}

[data-motion="marquee"] {
  will-change: transform;
  backface-visibility: hidden;
  animation: 90s linear infinite marquee-scroll;
}

[data-motion="marquee"][data-paused="true"] {
  animation-play-state: paused;
}

[data-motion="overlay"] {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 0.22s var(--ease-editorial),
    visibility 0.22s;
}

[data-motion="overlay"][data-in="true"] {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

[data-motion="drawer"] {
  transition: transform 0.26s var(--ease-editorial);
  transform: translate3d(100%, 0, 0);
}

[data-motion="drawer"][data-in="true"] {
  transform: none;
}

:where(a, button, select, input, textarea, summary, [tabindex]):focus-visible {
  outline: 2px solid var(--accent-cyan);
  outline-offset: 3px;
}

.pular-conteudo {
  z-index: calc(var(--z-overlay) + 1);
  background: var(--color-surface-sunken);
  color: var(--color-text-primary);
  outline: 2px solid var(--accent-cyan);
  padding: 0.666667rem 1rem;
  position: fixed;
  top: 0.444444rem;
  left: 0.444444rem;
  transform: translateY(-200%);
}

.pular-conteudo:focus {
  transform: none;
}

@media (max-width: 767px) {
  [data-motion="reveal"] {
    --rv-y: 12px;
  }

  [data-motion="reveal"][data-direction="left"],
  [data-motion="reveal"][data-direction="right"] {
    --rv-x: 0px;
    --rv-y: 12px;
  }

  [data-motion="drawer"] {
    transition-duration: 0.28s;
  }
}

@media (prefers-reduced-motion: reduce) {
  .course-card-media,
  .course-card-overlay {
    transition-duration: var(--duration-fast);
  }

  .course-card-media {
    transform: none;
  }

  [data-motion="reveal"],
  [data-motion="line"] {
    opacity: 1;
    transition: opacity var(--duration-fast) linear;
    transform: none;
  }

  [data-motion="mask"],
  [data-motion="mask"][data-axis="horizontal"] {
    clip-path: none;
    transition: none;
  }

  [data-motion="marquee"] {
    animation: none;
  }

  [data-motion="drawer"] {
    transition: opacity var(--duration-fast) linear;
    transform: none;
  }

  .hero-fade,
  .hero-rise {
    animation: none;
  }

  .link-motion:hover,
  .link-motion:active {
    transition:
      color var(--duration-fast) linear,
      background-color var(--duration-fast) linear,
      border-color var(--duration-fast) linear,
      opacity var(--duration-fast) linear;
    transform: none;
  }

  .media-zoom:hover img {
    transform: none;
  }
}

@keyframes hero-bg {
  from {
    opacity: 0;
    transform: scale(1.03);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-bg {
    opacity: 1;
    animation: none;
    transform: none;
  }
}

@keyframes scroll-seg {
  0% {
    transform: translateY(-100%);
  }

  100% {
    transform: translateY(340%);
  }
}

.scroll-seg {
  animation: scroll-seg 1.8s var(--ease-editorial) infinite;
}

@media (prefers-reduced-motion: reduce) {
  .scroll-seg {
    animation: none;
    transform: none;
  }
}

.galeria-unidades {
  --g-w: min(59.06vw, 1134px);
  --g-gap: 0.472;
  --g-seta: 56px;
  --g-dur: 0.5s;
  --g-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}

@media (max-width: 700px) {
  .galeria-unidades {
    --g-w: 85.13vw;
    --g-gap: 0.86;
    --g-seta: 44px;
  }
}

.galeria-unidades__carrossel {
  position: relative;
}

.galeria-unidades__palco {
  height: calc(var(--g-w) * 9 / 16);
  touch-action: pan-y;
  position: relative;
  overflow: hidden;
}

.galeria-unidades__palco:before,
.galeria-unidades__palco:after {
  content: "";
  z-index: 4;
  pointer-events: none;
  width: 7.8vw;
  position: absolute;
  top: 0;
  bottom: 0;
}

.galeria-unidades__palco:before {
  background: linear-gradient(to right, #000000e6, #0000);
  left: 0;
}

.galeria-unidades__palco:after {
  background: linear-gradient(to left, #000000e6, #0000);
  right: 0;
}

@media (max-width: 700px) {
  .galeria-unidades__palco:before,
  .galeria-unidades__palco:after {
    width: 3vw;
  }
}

.galeria-unidades__foto {
  width: var(--g-w);
  aspect-ratio: 16 / 9;
  margin-left: calc(var(--g-w) / -2);
  background: var(--surface);
  cursor: pointer;
  transition:
    transform var(--g-dur) var(--g-ease),
    filter var(--g-dur) var(--g-ease),
    opacity var(--g-dur) var(--g-ease);
  border: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 50%;
  overflow: hidden;
}

.galeria-unidades__foto img {
  object-fit: cover;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  display: block;
}

.galeria-unidades__foto[data-pos="0"] {
  z-index: 3;
  cursor: default;
  transform: none;
}

.galeria-unidades__foto[data-pos="-1"] {
  transform: translateX(calc(var(--g-w) * var(--g-gap) * -1)) scale(0.75);
  z-index: 2;
  filter: grayscale() brightness(0.55);
}

.galeria-unidades__foto[data-pos="1"] {
  transform: translateX(calc(var(--g-w) * var(--g-gap))) scale(0.75);
  z-index: 2;
  filter: grayscale() brightness(0.55);
}

.galeria-unidades__foto[data-pos="-2"] {
  transform: translateX(calc(var(--g-w) * var(--g-gap) * -2)) scale(0.6);
  z-index: 1;
  opacity: 0;
  pointer-events: none;
}

.galeria-unidades__foto[data-pos="2"] {
  transform: translateX(calc(var(--g-w) * var(--g-gap) * 2)) scale(0.6);
  z-index: 1;
  opacity: 0;
  pointer-events: none;
}

.galeria-unidades__foto[data-pos="far"] {
  z-index: 0;
  opacity: 0;
  pointer-events: none;
  transform: scale(0.5);
}

.galeria-unidades__foto:focus-visible {
  outline: 2px solid var(--accent-cyan);
  outline-offset: 3px;
}

.galeria-unidades__seta {
  z-index: 5;
  width: var(--g-seta);
  height: var(--g-seta);
  margin-top: calc(var(--g-seta) / -2);
  color: var(--color-text-primary);
  cursor: pointer;
  background: oklch(20% 0 0 / 0.85);
  border: 1px solid oklch(100% 0 0 / 0.22);
  place-items: center;
  transition:
    color 0.2s,
    border-color 0.2s;
  display: grid;
  position: absolute;
  top: 50%;
}

.galeria-unidades__seta:hover {
  color: var(--color-action-primary);
  border-color: var(--color-action-primary);
}

.galeria-unidades__seta:focus-visible {
  outline: 2px solid var(--color-action-primary);
  outline-offset: 2px;
}

.galeria-unidades__seta svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5px;
  width: 20px;
  height: 20px;
}

.galeria-unidades__seta--ant {
  left: 8.75vw;
}

.galeria-unidades__seta--prox {
  right: 8.75vw;
}

@media (max-width: 700px) {
  .galeria-unidades__seta {
    margin-top: 0;
    top: calc(100% + 20px);
  }

  .galeria-unidades__seta--ant {
    left: calc(50% - 82px);
  }

  .galeria-unidades__seta--prox {
    right: calc(50% - 82px);
  }
}

.galeria-unidades__legenda {
  width: var(--g-w);
  justify-content: flex-end;
  max-width: calc(100% - 32px);
  min-height: 24px;
  margin: 16px auto 0;
  display: flex;
}

.galeria-unidades__contador {
  font-size: var(--tipo-legenda-tamanho);
  font-variant-numeric: tabular-nums;
  color: var(--muted-foreground);
}

.galeria-unidades__contador b {
  color: var(--foreground);
  font-weight: 400;
}

@media (max-width: 700px) {
  .galeria-unidades__legenda {
    justify-content: center;
    align-items: center;
    min-height: 44px;
    margin-top: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .galeria-unidades {
    --g-dur: 0s;
  }
}

.faixa-ingresso {
  text-align: left;
  cursor: pointer;
  background: var(--color-surface-sunken);
  border-bottom: 1px solid oklch(100% 0 0 / 0.15);
  grid-template-columns: 120px minmax(0, 480px) minmax(0, 1fr) 200px;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: grid;
}

@supports (color: color-mix(in lab, red, red)) {
  .faixa-ingresso {
    background: color-mix(in oklab, var(--color-surface-sunken) 50%, transparent);
  }
}

.faixa-ingresso {
  color: var(--foreground);
  font-family: var(--font-sans);
  transition:
    background-color var(--duration-state) ease-out,
    color var(--duration-state) ease-out;
}

.faixa-ingresso > * {
  transition:
    color var(--duration-state) ease-out,
    opacity var(--duration-state) ease-out;
}

.faixa-ingresso__num {
  color: var(--color-action-primary);
  font-size: 1.11111rem;
  font-weight: 500;
}

.faixa-ingresso__titulo {
  font-family: var(--tipo-titulo-familia);
  letter-spacing: var(--tipo-titulo-espacamento);
  text-transform: uppercase;
  transition:
    color var(--duration-state) ease-out,
    -webkit-text-stroke-color var(--duration-state) ease-out;
  padding-right: 32px;
  font-size: 2.22222rem;
  font-weight: 500;
  line-height: 1.1;
}

.faixa-ingresso__texto {
  font-size: var(--tipo-texto-tamanho);
  color: var(--muted-foreground);
  padding-right: 32px;
  line-height: 1.5;
}

.faixa-ingresso__cta {
  justify-self: end;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.faixa-ingresso__saiba {
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0;
  transition: opacity var(--duration-state) ease-out;
  font-size: 0.777778rem;
  font-weight: 700;
}

.faixa-ingresso:hover,
.faixa-ingresso:focus-visible {
  background: var(--color-action-primary);
  color: var(--color-text-inverse);
}

.faixa-ingresso:hover > *,
.faixa-ingresso:focus-visible > * {
  color: var(--color-text-inverse);
}

.faixa-ingresso:hover .faixa-ingresso__saiba,
.faixa-ingresso:focus-visible .faixa-ingresso__saiba {
  opacity: 1;
}

@media (min-width: 768px) {
  .faixa-ingresso:hover .faixa-ingresso__titulo,
  .faixa-ingresso:focus-visible .faixa-ingresso__titulo {
    color: var(--color-action-primary);
    -webkit-text-stroke: 4px var(--color-surface-page);
    paint-order: stroke fill;
  }
}

.faixa-ingresso:focus-visible {
  outline: 2px solid var(--color-text-primary);
  outline-offset: -4px;
}

@media (min-width: 768px) and (max-width: 1279.98px) {
  .faixa-ingresso {
    grid-template-columns: 56px minmax(0, 1.25fr) minmax(0, 1fr) auto;
    padding-inline: 24px;
  }

  .faixa-ingresso__titulo {
    padding-right: 24px;
    font-size: 1.55556rem;
  }

  .faixa-ingresso__texto {
    padding-right: 24px;
  }
}

@media (max-width: 767px) {
  .faixa-ingresso {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 28px 20px;
  }

  .faixa-ingresso__num {
    font-size: 0.888889rem;
  }

  .faixa-ingresso__titulo {
    padding-right: 0;
    font-size: 1.55556rem;
  }

  .faixa-ingresso__texto {
    padding-right: 0;
  }

  .faixa-ingresso__cta {
    justify-self: start;
    margin-top: 6px;
  }

  .faixa-ingresso__saiba {
    opacity: 1;
  }
}

@media (hover: none) {
  .faixa-ingresso__saiba {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .faixa-ingresso,
  .faixa-ingresso > *,
  .faixa-ingresso__saiba {
    transition: none;
  }
}

@media (max-width: 1279.98px) {
  .manifesto-impacta-title {
    font-size: round(clamp(1.88889rem, 8.9vw, 4.22222rem), 2px);
  }

  .manifesto-impacta-closing {
    font-size: round(clamp(1.11111rem, 3.2vw, 1.55556rem), 2px);
  }
}

@media (min-width: 768px) and (max-width: 1279.98px) {
  .manifesto-impacta-title {
    font-size: round(clamp(3.22222rem, 6vw, 4.22222rem), 2px);
  }
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@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-divide-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-ordinal {
  syntax: "*";
  inherits: false;
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false;
}

@property --tw-brightness {
  syntax: "*";
  inherits: false;
}

@property --tw-contrast {
  syntax: "*";
  inherits: false;
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}

@property --tw-invert {
  syntax: "*";
  inherits: false;
}

@property --tw-opacity {
  syntax: "*";
  inherits: false;
}

@property --tw-saturate {
  syntax: "*";
  inherits: false;
}

@property --tw-sepia {
  syntax: "*";
  inherits: false;
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}

@property --tw-duration {
  syntax: "*";
  inherits: false;
}

@property --tw-ease {
  syntax: "*";
  inherits: false;
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
/*$vite$:1*/