/**
 * Local fonts — paths relative to built file: assets/tailwind-global.css
 */

@font-face {
  font-family: 'Onest';

  src: url('../src/fonts/Refonte/Onest-VariableFont_wght.woff2') format('woff2');

  font-weight: 100 900;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: 'Host Grotesk';

  src: url('../src/fonts/Refonte/HostGrotesk-VariableFont_wght.woff2') format('woff2');

  font-weight: 100 900;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: 'Host Grotesk';

  src: url('../src/fonts/Refonte/HostGrotesk-Italic-VariableFont_wght.woff2') format('woff2');

  font-weight: 100 900;

  font-style: italic;

  font-display: swap;
}

/**
 * Fluid scaling unit.
 *
 * --fluid-unit is the viewport-relative equivalent of 1rem at the design width.
 * It is declared globally on :root but stays INERT until something references
 * it, so it never leaks into internal Gutenberg content.
 *
 * Two consumers:
 *   1. The global shell (header/footer, .tw-shell) references it directly via
 *      calc(N * var(--fluid-unit)) instead of rem → header + footer are fluid
 *      on EVERY page, decoupled from the root font-size.
 *   2. html.fluid-size sets it as the root font-size → makes rem-based content
 *      fluid, but ONLY on the home + single video (internal Gutenberg pages keep
 *      the browser default so their content is untouched).
 */

:root {
  --fluid-unit: 0.83333334vw;
}

@media (max-width: 1023px) {
  :root {
    --fluid-unit: 1.6vw;
  }
}

@media (max-width: 640px) {
  :root {
    --fluid-unit: 4.2666666vw;
  }
}

/* Content: fluid root font-size on home + single video only. */

html.fluid-size {
  font-size: var(--fluid-unit);
}

/**
 * Typography & layout utilities — active only inside (header/footer)
 * a (new templates). Inert elsewhere on the page.
 */

.site-footer {
  position: relative;
  /* margin-top: calc(4 * var(--fluid-unit)); */
  overflow: clip;
  background-color: #0048d7;
}

@media (min-width: 1024px) {
  .site-footer {
    /* margin-top: calc(6 * var(--fluid-unit)); */
  }
}

.site-footer__inner {
  position: relative;
  z-index: 2;
  max-width: 100%;
  padding: calc(5 * var(--fluid-unit)) calc(6 * var(--fluid-unit)) calc(4 * var(--fluid-unit));
  width: 100%;
}

@media (max-width: 1728px) {
  .site-footer__inner {
    padding-inline: clamp(24px, calc(64 / 1920 * 100vw), calc(4 * var(--fluid-unit)));
  }
}

@media (min-width: 1024px) {
  .site-footer__inner {
    padding-top: calc(6 * var(--fluid-unit));
  }
}

@media (max-width: 1535px) {
  .site-footer__inner {
    padding-inline: 24px;
  }
}

.site-footer__social {
  display: flex;
  align-items: center;
  gap: calc(2.5 * var(--fluid-unit));
}

@media (max-width: 767px) {
  .site-footer__social {
    justify-content: space-between;
  }
}

.social-networks-text {
  font-family: 'Host Grotesk', system-ui, sans-serif;
  font-size: clamp(22px, calc(22 / 1536 * 100vw), calc(1.375 * var(--fluid-unit)));
  font-weight: 500;
  line-height: 100%;
  color: #ffffff;
  font-style: italic;
  margin: 0;
}

.social-networks-list {
  display: flex;
  align-items: center;
  gap: calc(1.25 * var(--fluid-unit));
}

@media (min-width: 1024px) {
  .social-networks-list {
    gap: calc(1.5 * var(--fluid-unit));
  }
}

.social-networks-list a {
  display: block;
}

.social-networks-list__icon {
  width: clamp(32px, calc(40 / 1536 * 100vw), calc(2.5 * var(--fluid-unit)));
  height: auto;
  aspect-ratio: 1 / 1;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  /* Filled Figma icons are navy → render them white on the blue footer. */
  filter: brightness(0) invert(1);
}

.site-footer__main {
  display: grid;
  margin-top: calc(3.5 * var(--fluid-unit));
  margin-bottom: calc(2.5 * var(--fluid-unit));
  gap: calc(3.5 * var(--fluid-unit));
}

@media (min-width: 768px) {
  .site-footer__main {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: calc(1.5 * var(--fluid-unit));
  }
}

@media (min-width: 1024px) {
  .site-footer__main {
    margin-bottom: calc(3 * var(--fluid-unit));
  }
}

.site-footer__intro {
  display: flex;
  flex-direction: column;
  gap: calc(1.5 * var(--fluid-unit));
}

@media (min-width: 768px) {
  .site-footer__intro {
    grid-column: span 5 / span 5;
  }
}

@media (min-width: 1024px) {
  .site-footer__intro {
    gap: calc(2 * var(--fluid-unit));
  }
}

.partners-footer-text {
  color: #ffffff;
  font-family: 'Onest', system-ui, sans-serif;
  font-size: clamp(34px, calc(54 / 1536 * 100vw), calc(3.375 * var(--fluid-unit)));
  font-weight: 400;
  line-height: 110%;
  letter-spacing: calc(-0.10125 * var(--fluid-unit));
  margin: 0;
}

@media (max-width: 1535px) {
  .partners-footer-text {
    letter-spacing: calc(-0.069375 * var(--fluid-unit));
  }
}

.partners-footer-text strong {
  color: #ffdb0d;
  font-family: 'Host Grotesk', system-ui, sans-serif;
  font-size: clamp(40px, calc(58 / 1536 * 100vw), calc(3.625 * var(--fluid-unit)));
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: calc(-0.03625 * var(--fluid-unit));
}

@media (max-width: 1535px) {
  .partners-footer-text strong {
    letter-spacing: calc(-0.025 * var(--fluid-unit));
  }
}

.footer-logo-content {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 300px;
  align-items: center;
  gap: calc(1.5 * var(--fluid-unit));
  border-radius: calc(0.5 * var(--fluid-unit));
  background-color: #ffffff;
  padding: calc(1.25 * var(--fluid-unit));
}

@media (min-width: 1024px) {
  .footer-logo-content {
    max-width: calc(22.125 * var(--fluid-unit));
    gap: calc(2 * var(--fluid-unit));
    padding: calc(1.5 * var(--fluid-unit));
  }
}

.footer-logo-content img {
  height: auto;
  max-width: calc(10.875 * var(--fluid-unit));
  -o-object-fit: contain;
     object-fit: contain;
}

.european-flag {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(0.5 * var(--fluid-unit));
}

.european-flag img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.european-flag p {
  margin: 0;
  font-size: clamp(10px, calc(11 / 1536 * 100vw), calc(0.6875 * var(--fluid-unit)));
  font-weight: 500;
  line-height: 130%;
  color: #00225b;
}

.menus-footer {
  display: grid;
  /* Empilées (< 1024px) les deux colonnes ne forment qu'une seule liste :
     même écart entre les groupes qu'entre deux liens. `align-content: start`
     empêche les lignes auto de s'étirer sur la hauteur de la colonne de gauche,
     ce qui creusait l'écart entre les deux groupes en tablette. */
  align-content: start;
  gap: calc(1.5 * var(--fluid-unit));
}

@media (min-width: 768px) {
  .menus-footer {
    grid-column: 7 / 13;
    text-align: end;
  }
}

@media (min-width: 1024px) {
  .menus-footer {
    /* Figma : deux colonnes de 362px, gouttière 64px, réserve de 64px à droite. */
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(4 * var(--fluid-unit));
    padding-right: calc(4 * var(--fluid-unit));
    text-align: start;
  }
}

.menus-footer a {
  font-family: 'Onest', system-ui, sans-serif;
  font-size: clamp(18px, calc(18 / 1536 * 100vw), calc(1.125 * var(--fluid-unit)));
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.01em;
  color: #ffffff;
  text-decoration: none;
  transition: opacity 0.5s ease-in-out;
}

.menus-footer a:hover,
.social-networks-list a:hover,
.footer-copyright a:hover,
.footer-cookies-btn:hover {
  opacity: 0.7;
}

.footer-navigation-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: calc(1.5 * var(--fluid-unit));
}

/* Le <a> est inline-flex : sans cette remise à zéro, la ligne du <li> ajoute
   un demi-interligne sous chaque lien et le pas passe de 42px à 45px. */

.footer-navigation-list li {
  line-height: 0;
}

.footer-navigation-list a {
  display: inline-flex;
  align-items: center;
  gap: calc(0.375 * var(--fluid-unit));
}

.footer-navigation-list__arrow {
  width: calc(1.125 * var(--fluid-unit));
  height: calc(1.125 * var(--fluid-unit));
  flex: none;
}

.footer-navigation-list__emoji {
  font-size: calc(1.125 * var(--fluid-unit));
  line-height: 1;
}

.site-footer__bottom {
  display: grid;
  gap: calc(1.5 * var(--fluid-unit));
  font-family: 'Onest', system-ui, sans-serif;
  font-size: clamp(15px, calc(15 / 1536 * 100vw), calc(0.9375 * var(--fluid-unit)));
  font-weight: 400;
  color: #ffffff;
}

@media (min-width: 1024px) {
  .site-footer__bottom {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}

.footer-copyright {
  line-height: 1.1;
}

@media (max-width: 1023px) {
  .footer-copyright {
    order: 2;
  }
}

@media (min-width: 1024px) {
  .footer-copyright {
    grid-column: span 6 / span 6;
  }
}

.footer-copyright strong {
  font-weight: 600;
}

.footer-copyright a {
  color: #ffffff;
  text-decoration: none;
  transition: opacity 0.5s ease-in-out;
}

.site-footer__bottom-actions {
  display: flex;
  align-items: center;
  gap: calc(2 * var(--fluid-unit));
}

@media (max-width: 1023px) {
  .site-footer__bottom-actions {
    order: 1;
  }
}

@media (min-width: 1024px) {
  .site-footer__bottom-actions {
    grid-column: 7 / 13;
    gap: calc(2.5 * var(--fluid-unit));
  }
}

.footer-cookies-btn {
  cursor: pointer;
  border: 0;
  background: transparent;
  padding: 0;
  font-family: 'Onest', system-ui, sans-serif;
  font-size: clamp(15px, calc(15 / 1536 * 100vw), calc(0.9375 * var(--fluid-unit)));
  font-weight: 400;
  color: #ffffff;
  transition: opacity 0.5s ease-in-out;
}

.footer-legal-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: calc(2 * var(--fluid-unit));
}

@media (min-width: 1024px) {
  .footer-legal-list {
    gap: calc(2.5 * var(--fluid-unit));
  }
}

.footer-legal-list a,
.footer-legal-list button {
  font-family: 'Onest', system-ui, sans-serif;
  font-size: clamp(15px, calc(15 / 1536 * 100vw), calc(0.9375 * var(--fluid-unit)));
  font-weight: 400;
  color: #ffffff;
  text-decoration: none;
  white-space: nowrap;
  transition: opacity 0.5s ease-in-out;
}

.footer-legal-list button {
  cursor: pointer;
  border: 0;
  background: transparent;
  padding: 0;
}

.footer-legal-list a:hover,
.footer-legal-list button:hover {
  opacity: 0.7;
}

.deco-border {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(-0.125 * var(--fluid-unit));
  z-index: 1;
  width: 100%;
  transform: rotate(180deg);
}

.deco-border svg {
  display: block;
  width: 100%;
}

body:not(.home,.single-egr_videos) .deco-border svg {
  path {
    fill: #ffffff;
  }
}

.site-footer__worm {
  position: absolute;
  right: -9.977vw;
  bottom: -7.076vw;
  width: 36.069vw;
  height: auto;
  aspect-ratio: 692.528 / 523.848;
}

.tw-pointer-events-none {
  pointer-events: none;
}

.tw-absolute {
  position: absolute;
}

.tw-relative {
  position: relative;
}

.tw-inset-0 {
  inset: 0px;
}

.-tw-bottom-5 {
  bottom: -1.25rem;
}

.-tw-bottom-\[4px\] {
  bottom: -4px;
}

.-tw-left-5 {
  left: -1.25rem;
}

.-tw-right-4 {
  right: -1rem;
}

.-tw-top-6 {
  top: -1.5rem;
}

.tw-bottom-0 {
  bottom: 0px;
}

.tw-left-0 {
  left: 0px;
}

.tw-left-1\/2 {
  left: 50%;
}

.tw-left-4 {
  left: 1rem;
}

.tw-right-0 {
  right: 0px;
}

.tw-right-4 {
  right: 1rem;
}

.tw-top-0 {
  top: 0px;
}

.tw-top-4 {
  top: 1rem;
}

.tw-top-5 {
  top: 1.25rem;
}

.tw-top-\[-30\%\] {
  top: -30%;
}

.tw-isolate {
  isolation: isolate;
}

.tw-z-10 {
  z-index: 10;
}

.tw-z-\[-1\] {
  z-index: -1;
}

.tw-z-\[0\] {
  z-index: 0;
}

.tw-z-\[1\] {
  z-index: 1;
}

.tw-order-last {
  order: 9999;
}

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

.tw-col-span-full {
  grid-column: 1 / -1;
}

.tw-col-end-13 {
  grid-column-end: 13;
}

.tw-m-0 {
  margin: 0px;
}

.tw-mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.tw-mb-\[max\(1rem\,16px\)\] {
  margin-bottom: max(1rem, 16px);
}

.tw-mr-\[max\(2rem\,32px\)\] {
  margin-right: max(2rem, 32px);
}

.tw-mt-1 {
  margin-top: 0.25rem;
}

.tw-block {
  display: block;
}

.tw-flex {
  display: flex;
}

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

.tw-grid {
  display: grid;
}

.tw-hidden {
  display: none;
}

.tw-aspect-\[100\/66\] {
  aspect-ratio: 100/66;
}

.tw-aspect-\[174\/96\] {
  aspect-ratio: 174/96;
}

.tw-aspect-\[289\/162\] {
  aspect-ratio: 289/162;
}

.tw-aspect-\[48\/60\] {
  aspect-ratio: 48/60;
}

.tw-aspect-\[504\/320\] {
  aspect-ratio: 504/320;
}

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

.tw-aspect-square {
  aspect-ratio: 1 / 1;
}

.tw-aspect-video {
  aspect-ratio: 16 / 9;
}

.tw-size-\[max\(24px\,2rem\)\] {
  width: max(24px, 2rem);
  height: max(24px, 2rem);
}

.tw-size-\[max\(32px\,2rem\)\] {
  width: max(32px, 2rem);
  height: max(32px, 2rem);
}

.tw-h-16 {
  height: 4rem;
}

.tw-h-6 {
  height: 1.5rem;
}

.tw-h-\[max\(20px\,1\.25rem\)\] {
  height: max(20px, 1.25rem);
}

.tw-h-auto {
  height: auto;
}

.tw-h-fit {
  height: -moz-fit-content;
  height: fit-content;
}

.tw-h-full {
  height: 100%;
}

.tw-max-h-\[max\(5\.25rem\,84px\)\] {
  max-height: max(5.25rem, 84px);
}

.tw-w-16 {
  width: 4rem;
}

.tw-w-6 {
  width: 1.5rem;
}

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

.tw-w-\[max\(192px\,12rem\)\] {
  width: max(192px, 12rem);
}

.tw-w-\[max\(20px\,1\.25rem\)\] {
  width: max(20px, 1.25rem);
}

.tw-w-\[max\(5\.375rem\,86px\)\] {
  width: max(5.375rem, 86px);
}

.tw-w-\[max\(9\.0625rem\,145px\)\] {
  width: max(9.0625rem, 145px);
}

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

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

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

.tw-max-w-\[53\.125rem\] {
  max-width: 53.125rem;
}

.tw-max-w-\[max\(1157px\,72\.3125rem\)\] {
  max-width: max(1157px, 72.3125rem);
}

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

.tw-max-w-md {
  max-width: 28rem;
}

.tw-shrink {
  flex-shrink: 1;
}

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

.-tw-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw-translate-y-1\/2 {
  --tw-translate-y: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw-rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw-cursor-pointer {
  cursor: pointer;
}

.tw-list-none {
  list-style-type: none;
}

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

.tw-grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

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

.tw-grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

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

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

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

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

.tw-items-stretch {
  align-items: stretch;
}

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

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

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

.tw-gap-1 {
  gap: 0.25rem;
}

.tw-gap-2 {
  gap: 0.5rem;
}

.tw-gap-4 {
  gap: 1rem;
}

.tw-gap-6 {
  gap: 1.5rem;
}

.tw-gap-8 {
  gap: 2rem;
}

.tw-gap-\[0\.6875rem\] {
  gap: 0.6875rem;
}

.tw-gap-\[max\(12px\,0\.75rem\)\] {
  gap: max(12px, 0.75rem);
}

.tw-gap-\[max\(16px\,1rem\)\] {
  gap: max(16px, 1rem);
}

.tw-gap-\[max\(24px\,1\.5rem\)\] {
  gap: max(24px, 1.5rem);
}

.tw-gap-\[max\(32px\,2rem\)\] {
  gap: max(32px, 2rem);
}

.tw-gap-\[max\(4px\,0\.25rem\)\] {
  gap: max(4px, 0.25rem);
}

.tw-gap-\[max\(64px\,4rem\)\] {
  gap: max(64px, 4rem);
}

.tw-gap-\[max\(8px\,0\.5rem\)\] {
  gap: max(8px, 0.5rem);
}

.tw-gap-x-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.tw-gap-x-6 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}

.tw-gap-y-1 {
  row-gap: 0.25rem;
}

.tw-gap-y-10 {
  row-gap: 2.5rem;
}

.tw-gap-y-14 {
  row-gap: 3.5rem;
}

.tw-gap-y-6 {
  row-gap: 1.5rem;
}

.tw-gap-y-\[max\(1\.25rem\,20px\)\] {
  row-gap: max(1.25rem, 20px);
}

.tw-gap-y-\[max\(1rem\,16px\)\] {
  row-gap: max(1rem, 16px);
}

.tw-gap-y-\[max\(64px\,4rem\)\] {
  row-gap: max(64px, 4rem);
}

.tw-overflow-hidden {
  overflow: hidden;
}

.tw-overflow-clip {
  overflow: clip;
}

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

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

.tw-rounded-2xl {
  border-radius: 1rem;
}

.tw-rounded-3xl {
  border-radius: 1.5rem;
}

.tw-rounded-\[2rem\] {
  border-radius: 2rem;
}

.tw-rounded-full {
  border-radius: 9999px;
}

.tw-rounded-lg {
  border-radius: 0.5rem;
}

.tw-border {
  border-width: 1px;
}

.tw-border-0 {
  border-width: 0px;
}

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

.tw-border-blue-800 {
  --tw-border-opacity: 1;
  border-color: rgb(0 72 215 / var(--tw-border-opacity, 1));
}

.tw-border-blue-950 {
  --tw-border-opacity: 1;
  border-color: rgb(0 34 91 / var(--tw-border-opacity, 1));
}

.tw-border-greyscale-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 220 / var(--tw-border-opacity, 1));
}

.tw-bg-blue-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(0 87 255 / var(--tw-bg-opacity, 1));
}

.tw-bg-blue-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(0 72 215 / var(--tw-bg-opacity, 1));
}

.tw-bg-blue-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(0 34 91 / var(--tw-bg-opacity, 1));
}

.tw-bg-blue-950\/10 {
  background-color: rgb(0 34 91 / 0.1);
}

.tw-bg-greyscale-0 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.tw-bg-greyscale-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.tw-bg-greyscale-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(3 7 18 / var(--tw-bg-opacity, 1));
}

.tw-bg-transparent {
  background-color: transparent;
}

.tw-bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.tw-bg-yellow-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 219 13 / var(--tw-bg-opacity, 1));
}

.tw-bg-yellow-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 248 245 / var(--tw-bg-opacity, 1));
}

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

.tw-object-center {
  -o-object-position: center;
     object-position: center;
}

.tw-p-0 {
  padding: 0px;
}

.tw-p-5 {
  padding: 1.25rem;
}

.tw-p-6 {
  padding: 1.5rem;
}

.tw-p-\[8px\] {
  padding: 8px;
}

.tw-p-\[max\(12px\,1rem\)\] {
  padding: max(12px, 1rem);
}

.tw-p-\[max\(24px\,1\.5rem\)\] {
  padding: max(24px, 1.5rem);
}

.tw-px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.tw-px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.tw-px-\[11px\] {
  padding-left: 11px;
  padding-right: 11px;
}

.tw-py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.tw-py-\[6px\] {
  padding-top: 6px;
  padding-bottom: 6px;
}

.tw-py-\[clamp\(64px\,calc\(128\/1536\*100vw\)\,8rem\)\] {
  padding-top: clamp(64px, calc(128 / 1536 * 100vw), 8rem);
  padding-bottom: clamp(64px, calc(128 / 1536 * 100vw), 8rem);
}

.tw-py-\[max\(5rem\,80px\)\] {
  padding-top: max(5rem, 80px);
  padding-bottom: max(5rem, 80px);
}

.tw-pb-8 {
  padding-bottom: 2rem;
}

.tw-pr-8 {
  padding-right: 2rem;
}

.tw-pt-16 {
  padding-top: 4rem;
}

.tw-pt-32 {
  padding-top: 8rem;
}

.tw-pt-4 {
  padding-top: 1rem;
}

.tw-pt-\[clamp\(64px\,calc\(128\/1536\*100vw\)\,8rem\)\] {
  padding-top: clamp(64px, calc(128 / 1536 * 100vw), 8rem);
}

.tw-pt-\[max\(4rem\,64px\)\] {
  padding-top: max(4rem, 64px);
}

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

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

.tw-font-host-grotesk {
  font-family: Host Grotesk, system-ui, sans-serif;
}

.tw-font-onest {
  font-family: Onest, system-ui, sans-serif;
}

.tw-text-\[18px\] {
  font-size: 18px;
}

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

.tw-text-\[9px\] {
  font-size: 9px;
}

.\!tw-font-normal {
  font-weight: 400 !important;
}

.tw-font-medium {
  font-weight: 500;
}

.tw-font-semibold {
  font-weight: 600;
}

.tw-uppercase {
  text-transform: uppercase;
}

.\!tw-leading-normal {
  line-height: 1.5 !important;
}

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

.tw-leading-\[1\.2\] {
  line-height: 1.2;
}

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

.tw-leading-normal {
  line-height: 1.5;
}

.tw-tracking-\[-1\%\] {
  letter-spacing: -1%;
}

.tw-text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(7 151 255 / var(--tw-text-opacity, 1));
}

.tw-text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(0 112 255 / var(--tw-text-opacity, 1));
}

.tw-text-blue-800 {
  --tw-text-opacity: 1;
  color: rgb(0 72 215 / var(--tw-text-opacity, 1));
}

.tw-text-blue-950 {
  --tw-text-opacity: 1;
  color: rgb(0 34 91 / var(--tw-text-opacity, 1));
}

.tw-text-greyscale-0 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.tw-decoration-2 {
  text-decoration-thickness: 2px;
}

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

.tw-transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.tw-transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.tw-transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.tw-duration-300 {
  transition-duration: 300ms;
}

.tw-duration-500 {
  transition-duration: 500ms;
}

.tw-duration-\[600ms\] {
  transition-duration: 600ms;
}

.tw-duration-\[900ms\] {
  transition-duration: 900ms;
}

.tw-ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/* ========== TITLES ========== */

.tw-title-h1 {
  font-family: 'Onest', system-ui, sans-serif;
  font-size: clamp(35px, calc(77 / 1536 * 100vw), 4.8125rem);
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -3%;
  /* @media (max-width: 1023px) {
      letter-spacing: -0.06563rem;
    } */
}

.tw-title-h1-bold {
  font-family: 'Host Grotesk', system-ui, sans-serif;
  font-size: clamp(37px, calc(80 / 1536 * 100vw), 5rem);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -1%;
}

/* @media (max-width: 1023px) {
    .tw-title-h1-bold,
 .tw-title-h1-bold {
      letter-spacing: -0.084375rem;
    } */

.tw-title-h2 {
  font-family: 'Host Grotesk', system-ui, sans-serif;
  font-size: clamp(32px, calc(72 / 1536 * 100vw), 4.5rem);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -1%;
}

/* @media (max-width: 1023px) {
    .tw-title-h2 {
      letter-spacing: -0.028125rem;
    }
  } */

.tw-title-h2-small {
  font-family: 'Host Grotesk', system-ui, sans-serif;
  font-size: clamp(32px, calc(54 / 1536 * 100vw), 3.375rem);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -1%;
}

/* @media (max-width: 1023px) {
    .tw-title-h2-small,
 .tw-title-h2-small {
      letter-spacing: -0.023125rem;
    }
  } */

.tw-title-h3 {
  font-family: 'Host Grotesk', system-ui, sans-serif;
  font-size: clamp(31px, calc(45 / 1536 * 100vw), 2.8125rem);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -1%;
}

@media (max-width: 1023px) {
  .tw-title-h3,
 .tw-title-h3 {
    letter-spacing: -0.0775rem;
  }
}

.tw-title-h4 {
  font-family: 'Host Grotesk', system-ui, sans-serif;
  font-size: clamp(26px, calc(37 / 1536 * 100vw), 2.3125rem);
  font-weight: 700;
  line-height: 105%;
}

.tw-title-h5 {
  font-family: 'Host Grotesk', system-ui, sans-serif;
  font-size: clamp(26px, calc(31 / 1536 * 100vw), 1.9375rem);
  font-weight: 700;
  line-height: 110%;
  letter-spacing: 0;
}

.tw-title-h6 {
  font-family: 'Host Grotesk', system-ui, sans-serif;
  font-size: clamp(26px, calc(26 / 1536 * 100vw), 1.625rem);
  font-weight: 700;
  line-height: 100%;
}

/* ========== BODY ========== */

.tw-text-body-lg {
  font-family: 'Onest', system-ui, sans-serif;
  font-size: clamp(22px, calc(22 / 1536 * 100vw), 1.375rem);
  font-weight: 400;
  line-height: 150%;
}

.tw-text-body-md {
  font-family: 'Onest', system-ui, sans-serif;
  font-size: clamp(18px, calc(18 / 1536 * 100vw), 1.125rem);
  font-weight: 400;
  line-height: 150%;
}

.tw-text-body-xs {
  font-family: 'Onest', system-ui, sans-serif;
  font-size: clamp(12px, calc(12 / 1536 * 100vw), 0.75rem);
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.tw-text-body-lg-medium {
  font-family: 'Onest', system-ui, sans-serif;
  font-size: clamp(22px, calc(22 / 1536 * 100vw), 1.375rem);
  font-weight: 500;
  line-height: 150%;
}

.tw-text-body-lg-host-grotesk {
  font-family: 'Host Grotesk', system-ui, sans-serif;
  font-size: clamp(22px, calc(22 / 1536 * 100vw), 1.375rem);
  font-weight: 500;
  line-height: 100%;
}

/* ========== INLINE ========== */

.tw-text-inline-surtitle {
  font-family: 'Host Grotesk', system-ui, sans-serif;
  font-size: clamp(15px, calc(22 / 1536 * 100vw), 1.375rem);
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0;
}

.tw-text-inline-sm {
  font-family: 'Onest', system-ui, sans-serif;
  font-size: clamp(15px, calc(15 / 1536 * 100vw), 0.9375rem);
}

.tw-key-number {
  font-family: 'Host Grotesk', system-ui, sans-serif;
  font-size: clamp(56px, calc(77 / 1536 * 100vw), 4.8125rem);
  font-weight: 700;
  font-style: italic;
  line-height: 100%;
  letter-spacing: -5%;
  @media (max-width: 1023px) {
    font-size: max(47px, 2.9375rem);

    letter-spacing: -1%;
  }
}

.tw-key-number-text {
  font-family: 'Onest', system-ui, sans-serif;
  font-size: clamp(22px, calc(26 / 1536 * 100vw), 1.625rem);
  font-weight: 500;
  line-height: 110%;
  @media (max-width: 1023px) {
    font-size: max(20px, 1.25rem);
  }
}

/* ========== Buttons ========== */

.tw-btn {
  cursor: pointer;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border-radius: 6.25rem;
  background-color: transparent;
  transition: color 0.4s ease-in-out, border-color 0.4s ease-in-out, background-color 0.4s ease-in-out;
  span{
    position: relative;
    z-index: 1;
  }
  &::before{
    content: '';
    display: block;
    width: 100%;
    aspect-ratio: 1/1;
    z-index: 0;
    opacity: 1;
    background-color: transparent;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    transform-origin: center;
    transition: background-color 0.4s ease-in-out , opacity 0.4s ease-in-out , transform 0.4s  ease-in-out ;
  }
  &:hover{
    &::before{
      transform: translate(-50%, -50%) scale(1.2);
    }
  }
}

/* Variants */

.tw-btn-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(255 219 13 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(0 34 91 / var(--tw-text-opacity, 1));
  &::before {
    --tw-bg-opacity: 1;
    background-color: rgb(255 232 82 / var(--tw-bg-opacity, 1));
  }
}

.tw-btn-dark {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 34 91 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(0 34 91 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  &::before {
    --tw-bg-opacity: 1;
    background-color: rgb(0 87 255 / var(--tw-bg-opacity, 1));
  }
  &:hover{
    border-color: transparent;
  }
  &:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}

.tw-btn-tertiary {
  --tw-text-opacity: 1;
  color: rgb(0 34 91 / var(--tw-text-opacity, 1));
  border: 1px solid #00225B;
  &::before {
    --tw-bg-opacity: 1;
    background-color: rgb(0 87 255 / var(--tw-bg-opacity, 1));
  }
  &:hover{
    border-color: transparent;
  }
  &:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}

/* Sizes */

.tw-btn-big {
  padding-inline: 2.5rem;
  padding-block: 1.5rem;
  span{
    font-size: clamp(22px,calc(22 / 1536 * 100vw), 1.375rem);
    font-family: 'Host Grotesk', system-ui, sans-serif;
    line-height: 100%;
    font-weight: 800;
  }
}

.tw-btn-small {
  padding-inline: 2rem;
  padding-block:  1rem;
  span{
    font-size: clamp(18px,calc(18 / 1536 * 100vw), 1.125rem);
    font-family: 'Host Grotesk', system-ui, sans-serif;
    line-height: 100%;
    font-weight: 800;
  }
}

/* Header / footer scope */

.tw-shell,
.tw-shell *,
.tw-shell *::before,
.tw-shell *::after {
  box-sizing: border-box;
}

.tw-group:hover .group-hover\:tw-scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw-group:hover .group-hover\:tw-scale-\[1\.08\] {
  --tw-scale-x: 1.08;
  --tw-scale-y: 1.08;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw-group:hover .group-hover\:tw-fill-blue-700 {
  fill: #0057FF;
}

.tw-group:hover .group-hover\:tw-text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(0 87 255 / var(--tw-text-opacity, 1));
}

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

@media not all and (min-width: 1536px) {
  .max-2xl\:tw-order-3 {
    order: 3;
  }

  .max-2xl\:tw-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .max-2xl\:tw-flex-col {
    flex-direction: column;
  }

  .max-2xl\:tw-items-center {
    align-items: center;
  }

  .max-2xl\:tw-justify-center {
    justify-content: center;
  }

  .max-2xl\:tw-justify-between {
    justify-content: space-between;
  }

  .max-2xl\:tw-text-center {
    text-align: center;
  }
}

@media not all and (min-width: 1280px) {
  .max-xl\:tw-order-4 {
    order: 4;
  }

  .max-xl\:tw-order-last {
    order: 9999;
  }

  .max-xl\:tw-col-span-full {
    grid-column: 1 / -1;
  }

  .max-xl\:tw-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .max-xl\:tw-flex-col {
    flex-direction: column;
  }

  .max-xl\:tw-gap-\[10\.6875rem\] {
    gap: 10.6875rem;
  }
}

@media not all and (min-width: 1024px) {
  .max-lg\:tw-order-1 {
    order: 1;
  }

  .max-lg\:tw-order-2 {
    order: 2;
  }

  .max-lg\:tw-order-4 {
    order: 4;
  }

  .max-lg\:tw-col-span-full {
    grid-column: 1 / -1;
  }

  .max-lg\:tw-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .max-lg\:tw-mt-\[max\(2rem\2c 32px\)\] {
    margin-top: max(2rem, 32px);
  }

  .max-lg\:tw-grid {
    display: grid;
  }

  .max-lg\:tw-hidden {
    display: none;
  }

  .max-lg\:tw-h-\[116\.9375rem\] {
    height: 116.9375rem;
  }

  .max-lg\:tw-flex-col {
    flex-direction: column;
  }

  .max-lg\:tw-items-center {
    align-items: center;
  }

  .max-lg\:tw-gap-10 {
    gap: 2.5rem;
  }

  .max-lg\:tw-gap-8 {
    gap: 2rem;
  }

  .max-lg\:tw-gap-y-14 {
    row-gap: 3.5rem;
  }

  .max-lg\:tw-py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .max-lg\:tw-pb-\[max\(2rem\2c 32px\)\] {
    padding-bottom: max(2rem, 32px);
  }

  .max-lg\:tw-pt-\[max\(1rem\2c 16px\)\] {
    padding-top: max(1rem, 16px);
  }

  .max-lg\:tw-text-center {
    text-align: center;
  }
}

@media not all and (min-width: 768px) {
  .max-md\:tw-flex {
    display: flex;
  }

  .max-md\:tw-hidden {
    display: none;
  }

  .max-md\:tw-max-h-\[68px\] {
    max-height: 68px;
  }

  .max-md\:tw-min-w-\[max\(268px\2c 16\.75rem\)\] {
    min-width: max(268px, 16.75rem);
  }

  .max-md\:tw-flex-nowrap {
    flex-wrap: nowrap;
  }

  .max-md\:tw-gap-\[max\(24px\2c 1\.5rem\)\] {
    gap: max(24px, 1.5rem);
  }

  .max-md\:tw-btn-small {
    padding-inline: 2rem;
    padding-block:  1rem
  }
}

@media not all and (min-width: 640px) {
  .max-sm\:tw-block {
    display: block;
  }

  .max-sm\:tw-hidden {
    display: none;
  }

  .max-sm\:tw-aspect-\[326\/360\] {
    aspect-ratio: 326/360;
  }

  .max-sm\:tw-max-w-\[8\.875rem\] {
    max-width: 8.875rem;
  }

  .max-sm\:tw-text-balance {
    text-wrap: balance;
  }
}

@media (min-width: 640px) {
  .sm\:tw-gap-8 {
    gap: 2rem;
  }

  @media not all and (min-width: 1024px) {
    .sm\:max-lg\:tw-aspect-\[16\/9\] {
      aspect-ratio: 16/9;
    }
  }
}

@media (min-width: 768px) {
  .md\:tw-mb-16 {
    margin-bottom: 4rem;
  }

  .md\:tw-mt-\[max\(16px\2c 1rem\)\] {
    margin-top: max(16px, 1rem);
  }

  .md\:tw-w-\[max\(280px\2c 17\.5rem\)\] {
    width: max(280px, 17.5rem);
  }

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

  .md\:tw-items-center {
    align-items: center;
  }

  .md\:tw-gap-\[max\(16px\2c 1rem\)\] {
    gap: max(16px, 1rem);
  }

  .md\:tw-gap-\[max\(24px\2c 1\.5rem\)\] {
    gap: max(24px, 1.5rem);
  }

  .md\:tw-gap-\[max\(40px\2c 2\.5rem\)\] {
    gap: max(40px, 2.5rem);
  }

  .md\:tw-gap-y-8 {
    row-gap: 2rem;
  }

  .md\:tw-rounded-2xl {
    border-radius: 1rem;
  }

  .md\:tw-p-6 {
    padding: 1.5rem;
  }

  .md\:tw-p-\[max\(32px\2c 2rem\)\] {
    padding: max(32px, 2rem);
  }

  .md\:tw-px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:tw-pb-16 {
    padding-bottom: 4rem;
  }

  .md\:tw-pr-10 {
    padding-right: 2.5rem;
  }

  .md\:tw-pt-24 {
    padding-top: 6rem;
  }

  .md\:tw-text-center {
    text-align: center;
  }

  .md\:tw-text-\[max\(18px\2c 1\.125rem\)\] {
    font-size: max(18px, 1.125rem);
  }

  .md\:tw-text-body-md {
    font-family: 'Onest', system-ui, sans-serif;
    font-size: clamp(18px, calc(18 / 1536 * 100vw), 1.125rem);
    font-weight: 400;
    line-height: 150%;
  }

  @media not all and (min-width: 1024px) {
    .md\:max-lg\:tw-w-\[80\%\] {
      width: 80%;
    }

    .md\:max-lg\:tw-px-\[max\(32px\2c 2rem\)\] {
      padding-left: max(32px, 2rem);
      padding-right: max(32px, 2rem);
    }
  }
}

@media (min-width: 1024px) {
  .lg\:tw-absolute {
    position: absolute;
  }

  .lg\:-tw-bottom-10 {
    bottom: -2.5rem;
  }

  .lg\:-tw-left-10 {
    left: -2.5rem;
  }

  .lg\:tw-bottom-8 {
    bottom: 2rem;
  }

  .lg\:tw-left-0 {
    left: 0px;
  }

  .lg\:tw-right-0 {
    right: 0px;
  }

  .lg\:tw-right-8 {
    right: 2rem;
  }

  .lg\:tw-order-1 {
    order: 1;
  }

  .lg\:tw-order-2 {
    order: 2;
  }

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

  .lg\:tw-col-span-6 {
    grid-column: span 6 / span 6;
  }

  .lg\:tw-col-span-full {
    grid-column: 1 / -1;
  }

  .lg\:tw-mb-32 {
    margin-bottom: 8rem;
  }

  .lg\:tw-mr-\[max\(3\.5rem\2c 56px\)\] {
    margin-right: max(3.5rem, 56px);
  }

  .lg\:tw-mt-24 {
    margin-top: 6rem;
  }

  .lg\:tw-mt-\[max\(4rem\2c 64px\)\] {
    margin-top: max(4rem, 64px);
  }

  .lg\:tw-w-12 {
    width: 3rem;
  }

  .lg\:tw-w-32 {
    width: 8rem;
  }

  .lg\:tw-w-\[18\.25rem\] {
    width: 18.25rem;
  }

  .lg\:tw-max-w-\[max\(500px\2c 31\.25rem\)\] {
    max-width: max(500px, 31.25rem);
  }

  .lg\:tw-max-w-\[max\(610px\2c 38\.125rem\)\] {
    max-width: max(610px, 38.125rem);
  }

  .lg\:tw-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

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

  .lg\:tw-flex-row-reverse {
    flex-direction: row-reverse;
  }

  .lg\:tw-items-start {
    align-items: flex-start;
  }

  .lg\:tw-justify-between {
    justify-content: space-between;
  }

  .lg\:tw-gap-16 {
    gap: 4rem;
  }

  .lg\:tw-gap-3 {
    gap: 0.75rem;
  }

  .lg\:tw-gap-\[max\(58px\2c 3\.625rem\)\] {
    gap: max(58px, 3.625rem);
  }

  .lg\:tw-gap-\[max\(64px\2c 4rem\)\] {
    gap: max(64px, 4rem);
  }

  .lg\:tw-gap-\[max\(96px\2c 6rem\)\] {
    gap: max(96px, 6rem);
  }

  .lg\:tw-gap-y-\[max\(2\.5rem\2c 40px\)\] {
    row-gap: max(2.5rem, 40px);
  }

  .lg\:tw-gap-y-\[max\(96px\2c 6rem\)\] {
    row-gap: max(96px, 6rem);
  }

  .lg\:tw-rounded-\[2rem\] {
    border-radius: 2rem;
  }

  .lg\:tw-rounded-\[max\(32px\2c 2rem\)\] {
    border-radius: max(32px, 2rem);
  }

  .lg\:tw-border-b {
    border-bottom-width: 1px;
  }

  .lg\:tw-p-8 {
    padding: 2rem;
  }

  .lg\:tw-px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:tw-px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .lg\:tw-px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .lg\:tw-px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:tw-px-\[max\(32px\2c 2rem\)\] {
    padding-left: max(32px, 2rem);
    padding-right: max(32px, 2rem);
  }

  .lg\:tw-py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .lg\:tw-py-11 {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }

  .lg\:tw-py-\[4\.625rem\] {
    padding-top: 4.625rem;
    padding-bottom: 4.625rem;
  }

  .lg\:tw-py-\[max\(40px\2c 2\.5rem\)\] {
    padding-top: max(40px, 2.5rem);
    padding-bottom: max(40px, 2.5rem);
  }

  .lg\:tw-py-\[max\(6rem\2c 96px\)\] {
    padding-top: max(6rem, 96px);
    padding-bottom: max(6rem, 96px);
  }

  .lg\:tw-py-\[max\(80px\2c 5rem\)\] {
    padding-top: max(80px, 5rem);
    padding-bottom: max(80px, 5rem);
  }

  .lg\:tw-pb-20 {
    padding-bottom: 5rem;
  }

  .lg\:tw-pt-14 {
    padding-top: 3.5rem;
  }

  .lg\:tw-pt-20 {
    padding-top: 5rem;
  }

  .lg\:tw-pt-4 {
    padding-top: 1rem;
  }

  .lg\:tw-text-center {
    text-align: center;
  }

  .lg\:tw-text-body-md {
    font-family: 'Onest', system-ui, sans-serif;
    font-size: clamp(18px, calc(18 / 1536 * 100vw), 1.125rem);
    font-weight: 400;
    line-height: 150%;
  }
}

@media (min-width: 1280px) {
  .xl\:tw-sticky {
    position: sticky;
  }

  .xl\:tw-top-32 {
    top: 8rem;
  }

  .xl\:tw-order-2 {
    order: 2;
  }

  .xl\:tw-order-3 {
    order: 3;
  }

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

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

  .xl\:tw-col-span-6 {
    grid-column: span 6 / span 6;
  }

  .xl\:tw-col-span-9 {
    grid-column: span 9 / span 9;
  }

  .xl\:tw-col-span-full {
    grid-column: 1 / -1;
  }

  .xl\:tw-col-end-13 {
    grid-column-end: 13;
  }

  .xl\:tw-mt-28 {
    margin-top: 7rem;
  }

  .xl\:tw-size-\[max\(56px\2c 3\.5rem\)\] {
    width: max(56px, 3.5rem);
    height: max(56px, 3.5rem);
  }

  .xl\:tw-size-\[max\(88px\2c 5\.5rem\)\] {
    width: max(88px, 5.5rem);
    height: max(88px, 5.5rem);
  }

  .xl\:tw-w-\[18\.0625rem\] {
    width: 18.0625rem;
  }

  .xl\:tw-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .xl\:tw-items-end {
    align-items: flex-end;
  }

  .xl\:tw-items-center {
    align-items: center;
  }

  .xl\:tw-justify-end {
    justify-content: flex-end;
  }

  .xl\:tw-justify-between {
    justify-content: space-between;
  }

  .xl\:tw-gap-10 {
    gap: 2.5rem;
  }

  .xl\:tw-gap-\[max\(24px\2c 1\.5rem\)\] {
    gap: max(24px, 1.5rem);
  }

  .xl\:tw-self-start {
    align-self: flex-start;
  }

  .xl\:tw-p-\[16px\] {
    padding: 16px;
  }

  .xl\:tw-pr-\[13\.125rem\] {
    padding-right: 13.125rem;
  }
}

@media (min-width: 1536px) {
  .\32xl\:tw-mt-8 {
    margin-top: 2rem;
  }

  .\32xl\:tw-w-\[10\.875rem\] {
    width: 10.875rem;
  }

  .\32xl\:tw-w-\[6\.25rem\] {
    width: 6.25rem;
  }

  .\32xl\:tw-max-w-60 {
    max-width: 15rem;
  }

  .\32xl\:tw-flex-col {
    flex-direction: column;
  }

  .\32xl\:tw-items-center {
    align-items: center;
  }

  .\32xl\:tw-justify-between {
    justify-content: space-between;
  }

  .\32xl\:tw-pt-7 {
    padding-top: 1.75rem;
  }

  .\32xl\:tw-text-\[max\(9px\2c 0\.6875rem\)\] {
    font-size: max(9px, 0.6875rem);
  }
}

.\[\&\>\*\+\*\]\:tw-mt-0>*+* {
  margin-top: 0px;
}

.\[\&\>h2\>strong\]\:tw-text-yellow-500>h2>strong {
  --tw-text-opacity: 1;
  color: rgb(255 204 0 / var(--tw-text-opacity, 1));
}

.\[\&\>p\]\:tw-m-0>p {
  margin: 0px;
}

.\[\&\>strong\]\:tw-text-yellow-400>strong {
  --tw-text-opacity: 1;
  color: rgb(255 219 13 / var(--tw-text-opacity, 1));
}

.\[\&\>strong\]\:tw-title-h1-bold>strong {
  font-family: 'Host Grotesk', system-ui, sans-serif;
  font-size: clamp(37px, calc(80 / 1536 * 100vw), 5rem);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -1%;
}

.\[\&_h2\]\:tw-title-h2-small h2 {
  font-family: 'Host Grotesk', system-ui, sans-serif;
  font-size: clamp(32px, calc(54 / 1536 * 100vw), 3.375rem);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -1%;
}

@media (min-width: 1536px) {
  .\32xl\:\[\&_h2\]\:tw-text-\[2\.8125rem\] h2 {
    font-size: 2.8125rem;
  }
}

.\[\&_h3\]\:tw-title-h2-small h3 {
  font-family: 'Host Grotesk', system-ui, sans-serif;
  font-size: clamp(32px, calc(54 / 1536 * 100vw), 3.375rem);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -1%;
}

@media (min-width: 1536px) {
  .\32xl\:\[\&_h3\]\:tw-text-\[2\.8125rem\] h3 {
    font-size: 2.8125rem;
  }
}

.\[\&_p\]\:tw-text-body-md p {
  font-family: 'Onest', system-ui, sans-serif;
  font-size: clamp(18px, calc(18 / 1536 * 100vw), 1.125rem);
  font-weight: 400;
  line-height: 150%;
}