/* Сгенерировано автоматически: frontend/app/frame.css + frame-reset.css.
   Не редактировать вручную — файл перезаписывается при npm run build. */

@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9c72aa0f40e4eef8-s.p.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}
/*
 * Сброс для шапки и подвала на страницах ReadyScript — замена preflight,
 * действующая только внутри рамки.
 *
 * Рамка помечена атрибутом data-site-frame: шапка, закреплённая полоса, панель
 * меню, подвал, кнопка «наверх». Всё, что вне неё, эти правила не касаются.
 *
 * Что именно нужно вернуть из preflight:
 *
 *   border: 0 solid — утилиты вида border-b задают только толщину и полагаются
 *   на стиль линии из preflight. Без этого правила линии в меню и шапке просто
 *   не рисуются, причём молча.
 *
 *   margin и padding в нуль — Bootstrap темы задаёт отступы абзацам и спискам,
 *   и в подвале с меню они разъезжаются.
 *
 *   list-style — иначе у пунктов меню появляются маркеры.
 *
 *   font у кнопок — бургер и «наверх» иначе получают системный шрифт кнопок.
 *
 * Файл дописывается в начало собранного CSS как есть, поэтому правила тут
 * специально слабее утилит: у утилит после сборки селектор из двух частей.
 */

[data-site-frame],
[data-site-frame] *,
[data-site-frame] *::before,
[data-site-frame] *::after {
  box-sizing: border-box;
  border: 0 solid;
  margin: 0;
  padding: 0;
}

[data-site-frame] {
  /* Семейство перечисляем именами, а не токеном --font-sans: Tailwind выносит в
     сборку только те переменные, которые нужны попавшим в неё классам, а класса
     font-sans в шапке нет — переменная не объявилась бы, и рамка молча
     унаследовала бы Roboto темы. «Inter Fallback» — подменное семейство от Next
     с подогнанными метриками: пока настоящий шрифт грузится, текст не пляшет.
     Сами файлы подшивает сборка, см. scripts/build-frame-css.mjs. */
  font-family: "Inter", "Inter Fallback", ui-sans-serif, system-ui, sans-serif;
  /* Тема задаёт свой базовый кегль (на страницах движка это 17px), и весь
     наследуемый текст рамки съезжал бы относительно новых страниц. Возвращаем
     обычные 16px — от них считаны все размеры в макете. */
  font-size: 16px;
  /* И свою насыщенность: тема ставит body{font-weight:300}, от чего весь текст
     рамки, где вес не задан классом, выходил светлее макета */
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-ink);
  text-align: left;
}

[data-site-frame] :where(ul, ol) {
  list-style: none;
}

[data-site-frame] :where(h1, h2, h3, h4, h5, h6) {
  font-size: inherit;
  font-weight: inherit;
}

[data-site-frame] :where(img, svg, video, canvas) {
  display: block;
}

[data-site-frame] :where(button, input, select, textarea) {
  font: inherit;
  color: inherit;
  background: transparent;
  appearance: none;
}

[data-site-frame] :where(button):not(:disabled) {
  cursor: pointer;
}

/* Тема подчёркивает ссылки по наведению правилом a:hover, и внутри рамки оно
   сильнее сброса через :where. Поэтому здесь селектор обычный. */
[data-site-frame] a,
[data-site-frame] a:hover,
[data-site-frame] a:focus {
  color: inherit;
  text-decoration: none;
}

/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
:root, :host {
    --color-white: #fff;
    --spacing: 4px;
    --text-xs: 12px;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 14px;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 16px;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 18px;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-2xl: 24px;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 30px;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --font-weight-light: 300;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-wide: 0.025em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-sm: 4px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --color-accent: #006db6;
    --color-accent-dark: #005796;
    --color-accent-light: #57a9e0;
    --color-ink: #222222;
    --color-sky: #e4f6ff;
    --container-page: 1300px;
    --radius-btn: 15px;
    --ease-soft: cubic-bezier(0.22, 1, 0.36, 1);
  }
[data-site-frame].invisible, [data-site-frame] .invisible {
    visibility: hidden;
  }
[data-site-frame].absolute, [data-site-frame] .absolute {
    position: absolute;
  }
[data-site-frame].fixed, [data-site-frame] .fixed {
    position: fixed;
  }
[data-site-frame].relative, [data-site-frame] .relative {
    position: relative;
  }
[data-site-frame].inset-0, [data-site-frame] .inset-0 {
    inset: 0px;
  }
[data-site-frame].inset-x-0, [data-site-frame] .inset-x-0 {
    inset-inline: 0px;
  }
[data-site-frame].inset-x-2, [data-site-frame] .inset-x-2 {
    inset-inline: calc(var(--spacing) * 2);
  }
[data-site-frame].top-0, [data-site-frame] .top-0 {
    top: 0px;
  }
[data-site-frame].top-full, [data-site-frame] .top-full {
    top: 100%;
  }
[data-site-frame].bottom-0, [data-site-frame] .bottom-0 {
    bottom: 0px;
  }
[data-site-frame].bottom-5, [data-site-frame] .bottom-5 {
    bottom: calc(var(--spacing) * 5);
  }
[data-site-frame].left-0, [data-site-frame] .left-0 {
    left: 0px;
  }
[data-site-frame].left-5, [data-site-frame] .left-5 {
    left: calc(var(--spacing) * 5);
  }
[data-site-frame].z-30, [data-site-frame] .z-30 {
    z-index: 30;
  }
[data-site-frame].z-40, [data-site-frame] .z-40 {
    z-index: 40;
  }
[data-site-frame].z-50, [data-site-frame] .z-50 {
    z-index: 50;
  }
[data-site-frame].mt-1, [data-site-frame] .mt-1 {
    margin-top: var(--spacing);
  }
[data-site-frame].mt-2, [data-site-frame] .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
[data-site-frame].mt-3, [data-site-frame] .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
[data-site-frame].mt-4, [data-site-frame] .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
[data-site-frame].block, [data-site-frame] .block {
    display: block !important;
  }
[data-site-frame].flex, [data-site-frame] .flex {
    display: flex !important;
  }
[data-site-frame].hidden, [data-site-frame] .hidden {
    display: none !important;
  }
[data-site-frame].inline-block, [data-site-frame] .inline-block {
    display: inline-block !important;
  }
[data-site-frame].size-6, [data-site-frame] .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
[data-site-frame].size-8, [data-site-frame] .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
[data-site-frame].size-9, [data-site-frame] .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
[data-site-frame].size-11, [data-site-frame] .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }
[data-site-frame].size-\[26px\], [data-site-frame] .size-\[26px\] {
    width: 26px;
    height: 26px;
  }
[data-site-frame].size-\[34px\], [data-site-frame] .size-\[34px\] {
    width: 34px;
    height: 34px;
  }
[data-site-frame].h-0\.5, [data-site-frame] .h-0\.5 {
    height: calc(var(--spacing) * 0.5);
  }
[data-site-frame].h-4, [data-site-frame] .h-4 {
    height: calc(var(--spacing) * 4);
  }
[data-site-frame].h-8, [data-site-frame] .h-8 {
    height: calc(var(--spacing) * 8);
  }
[data-site-frame].h-\[18px\], [data-site-frame] .h-\[18px\] {
    height: 18px;
  }
[data-site-frame].w-6, [data-site-frame] .w-6 {
    width: calc(var(--spacing) * 6);
  }
[data-site-frame].w-auto, [data-site-frame] .w-auto {
    width: auto;
  }
[data-site-frame].w-full, [data-site-frame] .w-full {
    width: 100%;
  }
[data-site-frame].max-w-\[200px\], [data-site-frame] .max-w-\[200px\] {
    max-width: 200px;
  }
[data-site-frame].min-w-\[240px\], [data-site-frame] .min-w-\[240px\] {
    min-width: 240px;
  }
[data-site-frame].flex-1, [data-site-frame] .flex-1 {
    flex: 1;
  }
[data-site-frame].shrink-0, [data-site-frame] .shrink-0 {
    flex-shrink: 0;
  }
[data-site-frame].origin-center, [data-site-frame] .origin-center {
    transform-origin: center;
  }
[data-site-frame].-translate-y-1, [data-site-frame] .-translate-y-1 {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
[data-site-frame].-translate-y-full, [data-site-frame] .-translate-y-full {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
[data-site-frame].translate-y-3, [data-site-frame] .translate-y-3 {
    --tw-translate-y: calc(var(--spacing) * 3);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
[data-site-frame].scale-x-0, [data-site-frame] .scale-x-0 {
    --tw-scale-x: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
[data-site-frame].rotate-180, [data-site-frame] .rotate-180 {
    rotate: 180deg;
  }
[data-site-frame].flex-col, [data-site-frame] .flex-col {
    flex-direction: column;
  }
[data-site-frame].items-center, [data-site-frame] .items-center {
    align-items: center;
  }
[data-site-frame].items-start, [data-site-frame] .items-start {
    align-items: flex-start;
  }
[data-site-frame].justify-between, [data-site-frame] .justify-between {
    justify-content: space-between;
  }
[data-site-frame].justify-center, [data-site-frame] .justify-center {
    justify-content: center;
  }
[data-site-frame].justify-end, [data-site-frame] .justify-end {
    justify-content: flex-end;
  }
[data-site-frame].gap-0\.5, [data-site-frame] .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
[data-site-frame].gap-1, [data-site-frame] .gap-1 {
    gap: var(--spacing);
  }
[data-site-frame].gap-1\.5, [data-site-frame] .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
[data-site-frame].gap-2, [data-site-frame] .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
[data-site-frame].gap-3, [data-site-frame] .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
[data-site-frame].gap-4, [data-site-frame] .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
[data-site-frame].gap-6, [data-site-frame] .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
[data-site-frame].gap-8, [data-site-frame] .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
[data-site-frame].gap-\[5px\], [data-site-frame] .gap-\[5px\] {
    gap: 5px;
  }
[data-site-frame].gap-\[11px\], [data-site-frame] .gap-\[11px\] {
    gap: 11px;
  }
[data-site-frame].gap-x-0\.5, [data-site-frame] .gap-x-0\.5 {
    column-gap: calc(var(--spacing) * 0.5);
  }
[data-site-frame].gap-x-4, [data-site-frame] .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
[data-site-frame].self-start, [data-site-frame] .self-start {
    align-self: flex-start;
  }
[data-site-frame].overflow-y-auto, [data-site-frame] .overflow-y-auto {
    overflow-y: auto;
  }
[data-site-frame].rounded-btn, [data-site-frame] .rounded-btn {
    border-radius: var(--radius-btn);
  }
[data-site-frame].rounded-full, [data-site-frame] .rounded-full {
    border-radius: calc(infinity * 1px);
  }
[data-site-frame].rounded-sm, [data-site-frame] .rounded-sm {
    border-radius: var(--radius-sm);
  }
[data-site-frame].border, [data-site-frame] .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
[data-site-frame].border-y-\[0\.5px\], [data-site-frame] .border-y-\[0\.5px\] {
    border-block-style: var(--tw-border-style);
    border-block-width: 0.5px;
  }
[data-site-frame].border-t, [data-site-frame] .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
[data-site-frame].border-b, [data-site-frame] .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
[data-site-frame].border-\[\#6cc3fe\], [data-site-frame] .border-\[\#6cc3fe\] {
    border-color: #6cc3fe;
  }
[data-site-frame].border-accent, [data-site-frame] .border-accent {
    border-color: var(--color-accent);
  }
[data-site-frame].border-white\/20, [data-site-frame] .border-white\/20 {
    border-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
[data-site-frame].border-white\/25, [data-site-frame] .border-white\/25 {
    border-color: color-mix(in srgb, #fff 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }
[data-site-frame].bg-accent, [data-site-frame] .bg-accent {
    background-color: var(--color-accent);
  }
[data-site-frame].bg-accent-light, [data-site-frame] .bg-accent-light {
    background-color: var(--color-accent-light);
  }
[data-site-frame].bg-white, [data-site-frame] .bg-white {
    background-color: var(--color-white);
  }
[data-site-frame].bg-white\/10, [data-site-frame] .bg-white\/10 {
    background-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
[data-site-frame].fill-current, [data-site-frame] .fill-current {
    fill: currentcolor;
  }
[data-site-frame].px-2, [data-site-frame] .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
[data-site-frame].px-3, [data-site-frame] .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
[data-site-frame].px-4, [data-site-frame] .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
[data-site-frame].px-5, [data-site-frame] .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
[data-site-frame].px-8, [data-site-frame] .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
[data-site-frame].py-1, [data-site-frame] .py-1 {
    padding-block: var(--spacing);
  }
[data-site-frame].py-2, [data-site-frame] .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
[data-site-frame].py-2\.5, [data-site-frame] .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
[data-site-frame].py-3, [data-site-frame] .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
[data-site-frame].py-4, [data-site-frame] .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
[data-site-frame].py-6, [data-site-frame] .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
[data-site-frame].py-7, [data-site-frame] .py-7 {
    padding-block: calc(var(--spacing) * 7);
  }
[data-site-frame].py-\[34px\], [data-site-frame] .py-\[34px\] {
    padding-block: 34px;
  }
[data-site-frame].text-center, [data-site-frame] .text-center {
    text-align: center;
  }
[data-site-frame].text-left, [data-site-frame] .text-left {
    text-align: left;
  }
[data-site-frame].text-2xl, [data-site-frame] .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
[data-site-frame].text-3xl, [data-site-frame] .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
[data-site-frame].text-base, [data-site-frame] .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
[data-site-frame].text-lg, [data-site-frame] .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
[data-site-frame].text-sm, [data-site-frame] .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
[data-site-frame].text-xs, [data-site-frame] .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
[data-site-frame].text-\[10px\], [data-site-frame] .text-\[10px\] {
    font-size: 10px;
  }
[data-site-frame].text-\[13px\], [data-site-frame] .text-\[13px\] {
    font-size: 13px;
  }
[data-site-frame].text-\[15px\], [data-site-frame] .text-\[15px\] {
    font-size: 15px;
  }
[data-site-frame].text-\[32px\], [data-site-frame] .text-\[32px\] {
    font-size: 32px;
  }
[data-site-frame].leading-none, [data-site-frame] .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
[data-site-frame].leading-relaxed, [data-site-frame] .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
[data-site-frame].leading-snug, [data-site-frame] .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
[data-site-frame].leading-tight, [data-site-frame] .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
[data-site-frame].font-light, [data-site-frame] .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
[data-site-frame].font-medium, [data-site-frame] .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
[data-site-frame].font-semibold, [data-site-frame] .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
[data-site-frame].tracking-wide, [data-site-frame] .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
[data-site-frame].whitespace-nowrap, [data-site-frame] .whitespace-nowrap {
    white-space: nowrap;
  }
[data-site-frame].text-accent, [data-site-frame] .text-accent {
    color: var(--color-accent);
  }
[data-site-frame].text-ink, [data-site-frame] .text-ink {
    color: var(--color-ink);
  }
[data-site-frame].text-white, [data-site-frame] .text-white {
    color: var(--color-white);
  }
[data-site-frame].uppercase, [data-site-frame] .uppercase {
    text-transform: uppercase;
  }
[data-site-frame].underline, [data-site-frame] .underline {
    text-decoration-line: underline;
  }
[data-site-frame].underline-offset-2, [data-site-frame] .underline-offset-2 {
    text-underline-offset: 2px;
  }
[data-site-frame].opacity-0, [data-site-frame] .opacity-0 {
    opacity: 0%;
  }
[data-site-frame].shadow-lg, [data-site-frame] .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
[data-site-frame].brightness-0, [data-site-frame] .brightness-0 {
    --tw-brightness: brightness(0%);
    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,);
  }
[data-site-frame].invert, [data-site-frame] .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
[data-site-frame].transition, [data-site-frame] .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
[data-site-frame].transition-\[opacity\,visibility\],[data-site-frame] .transition-\[opacity\,visibility\] {
    transition-property: opacity,visibility;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
[data-site-frame].transition-\[translate\,opacity\,visibility\],[data-site-frame] .transition-\[translate\,opacity\,visibility\] {
    transition-property: translate,opacity,visibility;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
[data-site-frame].transition-\[translate\,scale\,opacity\,visibility\,background-color\,box-shadow\],[data-site-frame] .transition-\[translate\,scale\,opacity\,visibility\,background-color\,box-shadow\] {
    transition-property: translate,scale,opacity,visibility,background-color,box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
[data-site-frame].transition-opacity, [data-site-frame] .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));
  }
[data-site-frame].transition-transform, [data-site-frame] .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));
  }
[data-site-frame].duration-200, [data-site-frame] .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
[data-site-frame].duration-300, [data-site-frame] .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
[data-site-frame].ease-soft, [data-site-frame] .ease-soft {
    --tw-ease: var(--ease-soft);
    transition-timing-function: var(--ease-soft);
  }
[data-site-frame].group-focus-within\:visible:is(:where(.group):focus-within *), [data-site-frame] .group-focus-within\:visible:is(:where(.group):focus-within *) {
    visibility: visible;
  }
[data-site-frame].group-focus-within\:translate-y-0:is(:where(.group):focus-within *), [data-site-frame] .group-focus-within\:translate-y-0:is(:where(.group):focus-within *) {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
[data-site-frame].group-focus-within\:opacity-100:is(:where(.group):focus-within *), [data-site-frame] .group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
    opacity: 100%;
  }
@media (hover: hover) {
    [data-site-frame].group-hover\:visible:is(:where(.group):hover *), [data-site-frame] .group-hover\:visible:is(:where(.group):hover *) {
      visibility: visible;
    }
    [data-site-frame].group-hover\:translate-y-0:is(:where(.group):hover *), [data-site-frame] .group-hover\:translate-y-0:is(:where(.group):hover *) {
      --tw-translate-y: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    [data-site-frame].group-hover\:scale-110:is(:where(.group):hover *), [data-site-frame] .group-hover\:scale-110:is(:where(.group):hover *) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    [data-site-frame].group-hover\:scale-x-100:is(:where(.group):hover *), [data-site-frame] .group-hover\:scale-x-100:is(:where(.group):hover *) {
      --tw-scale-x: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    [data-site-frame].group-hover\:rotate-0:is(:where(.group):hover *), [data-site-frame] .group-hover\:rotate-0:is(:where(.group):hover *) {
      rotate: 0deg;
    }
    [data-site-frame].group-hover\:opacity-100:is(:where(.group):hover *), [data-site-frame] .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 100%;
    }
  }
[data-site-frame].group-data-\[open\]\:block:is(:where(.group)[data-open] *), [data-site-frame] .group-data-\[open\]\:block:is(:where(.group)[data-open] *) {
    display: block !important;
  }
[data-site-frame].group-data-\[open\]\:rotate-90:is(:where(.group)[data-open] *), [data-site-frame] .group-data-\[open\]\:rotate-90:is(:where(.group)[data-open] *) {
    rotate: 90deg;
  }
@media (hover: hover) {
    [data-site-frame].hover\:-translate-y-0\.5:hover, [data-site-frame] .hover\:-translate-y-0\.5:hover {
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    [data-site-frame].hover\:scale-110:hover, [data-site-frame] .hover\:scale-110:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    [data-site-frame].hover\:bg-accent-dark:hover, [data-site-frame] .hover\:bg-accent-dark:hover {
      background-color: var(--color-accent-dark);
    }
    [data-site-frame].hover\:bg-sky:hover, [data-site-frame] .hover\:bg-sky:hover {
      background-color: var(--color-sky);
    }
    [data-site-frame].hover\:bg-white\/15:hover, [data-site-frame] .hover\:bg-white\/15:hover {
      background-color: color-mix(in srgb, #fff 15%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-site-frame].hover\:bg-white\/15:hover, [data-site-frame] .hover\:bg-white\/15:hover {
        background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }
    [data-site-frame].hover\:bg-white\/25:hover, [data-site-frame] .hover\:bg-white\/25:hover {
      background-color: color-mix(in srgb, #fff 25%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-site-frame].hover\:bg-white\/25:hover, [data-site-frame] .hover\:bg-white\/25:hover {
        background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
      }
    }
    [data-site-frame].hover\:pl-6:hover, [data-site-frame] .hover\:pl-6:hover {
      padding-left: calc(var(--spacing) * 6);
    }
    [data-site-frame].hover\:text-accent:hover, [data-site-frame] .hover\:text-accent:hover {
      color: var(--color-accent);
    }
    [data-site-frame].hover\:no-underline:hover, [data-site-frame] .hover\:no-underline:hover {
      text-decoration-line: none;
    }
    [data-site-frame].hover\:opacity-75:hover, [data-site-frame] .hover\:opacity-75:hover {
      opacity: 75%;
    }
    [data-site-frame].hover\:opacity-80:hover, [data-site-frame] .hover\:opacity-80:hover {
      opacity: 80%;
    }
    [data-site-frame].hover\:shadow-md:hover, [data-site-frame] .hover\:shadow-md:hover {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    [data-site-frame].hover\:shadow-xl:hover, [data-site-frame] .hover\:shadow-xl:hover {
      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
[data-site-frame].data-\[on-footer\]\:bg-white[data-on-footer], [data-site-frame] .data-\[on-footer\]\:bg-white[data-on-footer] {
    background-color: var(--color-white);
  }
[data-site-frame].data-\[on-footer\]\:text-accent[data-on-footer], [data-site-frame] .data-\[on-footer\]\:text-accent[data-on-footer] {
    color: var(--color-accent);
  }
@media (hover: hover) {
    [data-site-frame].data-\[on-footer\]\:hover\:bg-sky[data-on-footer]:hover, [data-site-frame] .data-\[on-footer\]\:hover\:bg-sky[data-on-footer]:hover {
      background-color: var(--color-sky);
    }
  }
[data-site-frame].data-\[open\]\:visible[data-open], [data-site-frame] .data-\[open\]\:visible[data-open] {
    visibility: visible;
  }
[data-site-frame].data-\[open\]\:opacity-100[data-open], [data-site-frame] .data-\[open\]\:opacity-100[data-open] {
    opacity: 100%;
  }
[data-site-frame].data-\[shown\]\:visible[data-shown], [data-site-frame] .data-\[shown\]\:visible[data-shown] {
    visibility: visible;
  }
[data-site-frame].data-\[shown\]\:translate-y-0[data-shown], [data-site-frame] .data-\[shown\]\:translate-y-0[data-shown] {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
[data-site-frame].data-\[shown\]\:opacity-100[data-shown], [data-site-frame] .data-\[shown\]\:opacity-100[data-shown] {
    opacity: 100%;
  }
@media (width >= 64rem) {
    [data-site-frame].lg\:mt-0, [data-site-frame] .lg\:mt-0 {
      margin-top: 0px;
    }
    [data-site-frame].lg\:mt-4, [data-site-frame] .lg\:mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }
    [data-site-frame].lg\:mt-8, [data-site-frame] .lg\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }
    [data-site-frame].lg\:block, [data-site-frame] .lg\:block {
      display: block !important;
    }
    [data-site-frame].lg\:contents, [data-site-frame] .lg\:contents {
      display: contents !important;
    }
    [data-site-frame].lg\:flex, [data-site-frame] .lg\:flex {
      display: flex !important;
    }
    [data-site-frame].lg\:hidden, [data-site-frame] .lg\:hidden {
      display: none !important;
    }
    [data-site-frame].lg\:size-12, [data-site-frame] .lg\:size-12 {
      width: calc(var(--spacing) * 12);
      height: calc(var(--spacing) * 12);
    }
    [data-site-frame].lg\:h-14, [data-site-frame] .lg\:h-14 {
      height: calc(var(--spacing) * 14);
    }
    [data-site-frame].lg\:max-w-none, [data-site-frame] .lg\:max-w-none {
      max-width: none;
    }
    [data-site-frame].lg\:flex-row, [data-site-frame] .lg\:flex-row {
      flex-direction: row;
    }
    [data-site-frame].lg\:items-start, [data-site-frame] .lg\:items-start {
      align-items: flex-start;
    }
    [data-site-frame].lg\:justify-between, [data-site-frame] .lg\:justify-between {
      justify-content: space-between;
    }
    [data-site-frame].lg\:gap-5, [data-site-frame] .lg\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }
    [data-site-frame].lg\:gap-8, [data-site-frame] .lg\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
    [data-site-frame].lg\:py-8, [data-site-frame] .lg\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }
    [data-site-frame].lg\:text-sm, [data-site-frame] .lg\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    [data-site-frame].lg\:text-\[13px\], [data-site-frame] .lg\:text-\[13px\] {
      font-size: 13px;
    }
    [data-site-frame].lg\:text-\[22px\], [data-site-frame] .lg\:text-\[22px\] {
      font-size: 22px;
    }
    [data-site-frame].lg\:font-bold, [data-site-frame] .lg\:font-bold {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
@media (width >= 80rem) {
    [data-site-frame].xl\:flex, [data-site-frame] .xl\:flex {
      display: flex !important;
    }
    [data-site-frame].xl\:gap-x-3, [data-site-frame] .xl\:gap-x-3 {
      column-gap: calc(var(--spacing) * 3);
    }
    [data-site-frame].xl\:gap-x-\[54px\], [data-site-frame] .xl\:gap-x-\[54px\] {
      column-gap: 54px;
    }
  }
[data-site-frame].container-page, [data-site-frame] .container-page {
    width: 100%;
    max-width: calc(var(--container-page) + 2 * calc(var(--spacing) * 5));
    margin-inline: auto;
    padding-inline: calc(var(--spacing) * 4);
  }
@media (width >= 64rem) {
    [data-site-frame].container-page, [data-site-frame] .container-page {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
@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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-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-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@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-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-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-duration: initial;
      --tw-ease: initial;
    }
  }