/* montserrat-100normal - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 100;
  src:
    local('Montserrat Thin '),
    local('Montserrat-Thin'),
    url(/static/media/montserrat-latin-100.8d7d79679b70dbe27172.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/montserrat-latin-100.ec38980a9e0119a379e2.woff) format('woff'); /* Modern Browsers */
}

/* montserrat-100italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-display: swap;
  font-weight: 100;
  src:
    local('Montserrat Thin italic'),
    local('Montserrat-Thinitalic'),
    url(/static/media/montserrat-latin-100italic.e279051046ba1286706a.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/montserrat-latin-100italic.3b325a3173c8207435cd.woff) format('woff'); /* Modern Browsers */
}

/* montserrat-200normal - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 200;
  src:
    local('Montserrat Extra Light '),
    local('Montserrat-Extra Light'),
    url(/static/media/montserrat-latin-200.9d266fbbfa6cab7009bd.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/montserrat-latin-200.2d8ba08717110d27122e.woff) format('woff'); /* Modern Browsers */
}

/* montserrat-200italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-display: swap;
  font-weight: 200;
  src:
    local('Montserrat Extra Light italic'),
    local('Montserrat-Extra Lightitalic'),
    url(/static/media/montserrat-latin-200italic.6e5b3756583bb2263eb0.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/montserrat-latin-200italic.a0d6f343e4b536c58292.woff) format('woff'); /* Modern Browsers */
}

/* montserrat-300normal - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src:
    local('Montserrat Light '),
    local('Montserrat-Light'),
    url(/static/media/montserrat-latin-300.00b3e893aab5a8fd632d.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/montserrat-latin-300.ea303695ceab35f17e7d.woff) format('woff'); /* Modern Browsers */
}

/* montserrat-300italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-display: swap;
  font-weight: 300;
  src:
    local('Montserrat Light italic'),
    local('Montserrat-Lightitalic'),
    url(/static/media/montserrat-latin-300italic.56f34ea368f6aedf8958.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/montserrat-latin-300italic.54b0bf2c8c4c12ffafd8.woff) format('woff'); /* Modern Browsers */
}

/* montserrat-400normal - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src:
    local('Montserrat Regular '),
    local('Montserrat-Regular'),
    url(/static/media/montserrat-latin-400.b71748ae4f80ec8c014d.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/montserrat-latin-400.0659a9f4e90db5cf51b5.woff) format('woff'); /* Modern Browsers */
}

/* montserrat-400italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src:
    local('Montserrat Regular italic'),
    local('Montserrat-Regularitalic'),
    url(/static/media/montserrat-latin-400italic.6eed6b4cbb809c6efc7a.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/montserrat-latin-400italic.7583622cfde30ae49086.woff) format('woff'); /* Modern Browsers */
}

/* montserrat-500normal - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src:
    local('Montserrat Medium '),
    local('Montserrat-Medium'),
    url(/static/media/montserrat-latin-500.091b209546e16313fd4f.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/montserrat-latin-500.edd311588712a96bbf43.woff) format('woff'); /* Modern Browsers */
}

/* montserrat-500italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-display: swap;
  font-weight: 500;
  src:
    local('Montserrat Medium italic'),
    local('Montserrat-Mediumitalic'),
    url(/static/media/montserrat-latin-500italic.c90ced68b46050061d1a.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/montserrat-latin-500italic.5146cbfe02b1deea5dff.woff) format('woff'); /* Modern Browsers */
}

/* montserrat-600normal - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src:
    local('Montserrat SemiBold '),
    local('Montserrat-SemiBold'),
    url(/static/media/montserrat-latin-600.0480d2f8a71f38db8633.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/montserrat-latin-600.b77863a375260a05dd13.woff) format('woff'); /* Modern Browsers */
}

/* montserrat-600italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-display: swap;
  font-weight: 600;
  src:
    local('Montserrat SemiBold italic'),
    local('Montserrat-SemiBolditalic'),
    url(/static/media/montserrat-latin-600italic.cf46ffb11f3a60d7df05.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/montserrat-latin-600italic.c4fcfeeb057724724097.woff) format('woff'); /* Modern Browsers */
}

/* montserrat-700normal - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src:
    local('Montserrat Bold '),
    local('Montserrat-Bold'),
    url(/static/media/montserrat-latin-700.7dbcc8a5ea2289d83f65.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/montserrat-latin-700.99271a835e1cae8c76ef.woff) format('woff'); /* Modern Browsers */
}

/* montserrat-700italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-display: swap;
  font-weight: 700;
  src:
    local('Montserrat Bold italic'),
    local('Montserrat-Bolditalic'),
    url(/static/media/montserrat-latin-700italic.c41ad6bdb4bd504a843d.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/montserrat-latin-700italic.6779372f04095051c62e.woff) format('woff'); /* Modern Browsers */
}

/* montserrat-800normal - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src:
    local('Montserrat ExtraBold '),
    local('Montserrat-ExtraBold'),
    url(/static/media/montserrat-latin-800.db9a3e0ba7eaea32e5f5.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/montserrat-latin-800.4e3c615967a2360f5db8.woff) format('woff'); /* Modern Browsers */
}

/* montserrat-800italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-display: swap;
  font-weight: 800;
  src:
    local('Montserrat ExtraBold italic'),
    local('Montserrat-ExtraBolditalic'),
    url(/static/media/montserrat-latin-800italic.bf45bfa14805969eda31.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/montserrat-latin-800italic.fe82abb0bcede51bf724.woff) format('woff'); /* Modern Browsers */
}

/* montserrat-900normal - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src:
    local('Montserrat Black '),
    local('Montserrat-Black'),
    url(/static/media/montserrat-latin-900.e66c7edc609e24bacbb7.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/montserrat-latin-900.8211f418baeb8ec880b8.woff) format('woff'); /* Modern Browsers */
}

/* montserrat-900italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-display: swap;
  font-weight: 900;
  src:
    local('Montserrat Black italic'),
    local('Montserrat-Blackitalic'),
    url(/static/media/montserrat-latin-900italic.4454c775e48152c1a725.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/montserrat-latin-900italic.efcaa0f6a82ee0640b83.woff) format('woff'); /* Modern Browsers */
}


/* lato-100normal - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-display: swap;
  font-weight: 100;
  src:
    local('Lato Thin '),
    local('Lato-Thin'),
    url(/static/media/lato-latin-100.5d621ef7ab4241807ec2.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/lato-latin-100.5a8eb775259e32d96521.woff) format('woff'); /* Modern Browsers */
}

/* lato-100italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-display: swap;
  font-weight: 100;
  src:
    local('Lato Thin italic'),
    local('Lato-Thinitalic'),
    url(/static/media/lato-latin-100italic.89b95baaf00652c7c3af.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/lato-latin-100italic.e501e52fadfacb5329ed.woff) format('woff'); /* Modern Browsers */
}

/* lato-300normal - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src:
    local('Lato Light '),
    local('Lato-Light'),
    url(/static/media/lato-latin-300.917632e36982ca7933c8.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/lato-latin-300.4d96f9e685a54d1ef6cf.woff) format('woff'); /* Modern Browsers */
}

/* lato-300italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-display: swap;
  font-weight: 300;
  src:
    local('Lato Light italic'),
    local('Lato-Lightitalic'),
    url(/static/media/lato-latin-300italic.dc62e1fd720db6f7d418.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/lato-latin-300italic.91aedf0998a81f1a78e3.woff) format('woff'); /* Modern Browsers */
}

/* lato-400normal - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src:
    local('Lato Regular '),
    local('Lato-Regular'),
    url(/static/media/lato-latin-400.65e877e527022735c1a1.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/lato-latin-400.319df0f5492062b546b0.woff) format('woff'); /* Modern Browsers */
}

/* lato-400italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src:
    local('Lato Regular italic'),
    local('Lato-Regularitalic'),
    url(/static/media/lato-latin-400italic.09172b1910dff418491f.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/lato-latin-400italic.17e7244f4b78c6b2c7e1.woff) format('woff'); /* Modern Browsers */
}

/* lato-700normal - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src:
    local('Lato Bold '),
    local('Lato-Bold'),
    url(/static/media/lato-latin-700.f1405bd8a987c2ea8a67.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/lato-latin-700.a354bb0b0b0f22de7bef.woff) format('woff'); /* Modern Browsers */
}

/* lato-700italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-display: swap;
  font-weight: 700;
  src:
    local('Lato Bold italic'),
    local('Lato-Bolditalic'),
    url(/static/media/lato-latin-700italic.5da2171e8560e58e6c91.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/lato-latin-700italic.be7f3d32a138ba64b9d0.woff) format('woff'); /* Modern Browsers */
}

/* lato-900normal - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src:
    local('Lato Black '),
    local('Lato-Black'),
    url(/static/media/lato-latin-900.f33015cf2124b2046860.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/lato-latin-900.22f1d97be275c94e30d7.woff) format('woff'); /* Modern Browsers */
}

/* lato-900italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-display: swap;
  font-weight: 900;
  src:
    local('Lato Black italic'),
    local('Lato-Blackitalic'),
    url(/static/media/lato-latin-900italic.0e059de01500f773b528.woff2) format('woff2'), /* Super Modern Browsers */
    url(/static/media/lato-latin-900italic.bd29000d14b782484b32.woff) format('woff'); /* Modern Browsers */
}


.studio-form-panel,
.studio-form-media-modal .ant-modal-content {
  border: 1px solid var(--home-border);
}

.frisbie-creative-board-modal .ant-modal-content {
  overflow: hidden;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background:
    radial-gradient(circle at 18% 0%, var(--home-primary-soft), transparent 34%),
    radial-gradient(circle at 92% 0%, var(--home-cyan-soft), transparent 32%),
    linear-gradient(180deg, var(--home-bg-elevated), var(--home-bg-container)) !important;
  box-shadow: 0 22px 70px var(--home-shadow-strong);
}

.frisbie-creative-board-modal .ant-modal-header {
  margin: 0;
  padding: 18px 20px 14px;
  border-bottom: 1px solid var(--home-border);
  background: transparent !important;
}

.frisbie-creative-board-modal .ant-modal-title,
.frisbie-creative-board-modal .ant-modal-close,
.frisbie-creative-board-modal .ant-typography {
  color: var(--home-text) !important;
}

.frisbie-creative-board-modal .ant-modal-body {
  padding: 0 !important;
  background: transparent !important;
}

.frisbie-creative-board-modal .ant-modal-footer {
  margin: 0;
  padding: 0;
  border-top: 0;
  background: transparent;
}

.studio-form-panel {
  display: grid;
  min-width: 0;
  grid-gap: 10px;
  gap: 10px;
  padding: 14px;
  border-radius: 8px;
}

.studio-form-panel--split {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.studio-form-panel__head,
.studio-form-switch-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--home-text-soft);
}

.studio-form-label {
  display: inline-flex;
  color: var(--home-cyan);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.studio-form-help {
  margin: 0;
  color: var(--home-text-soft);
  font-size: 12px;
  line-height: 1.45;
}

.studio-form-field-shell {
  display: grid;
  min-width: 0;
  grid-gap: 8px;
  gap: 8px;
  padding: 8px;
  border-radius: 8px;
  background:
    radial-gradient(circle at 86% 0%, var(--home-surface-soft), transparent 34%),
    linear-gradient(135deg, var(--home-surface-faint), var(--home-surface-soft));
  box-shadow: inset 0 1px 0 var(--home-border);
}

.studio-form-field-shell--inline {
  display: inline-flex;
  width: 100%;
  min-height: 42px;
  align-items: center;
  gap: 8px;
  padding: 6px 8px 6px 12px;
  background: var(--home-surface-faint);
  box-shadow: inset 0 1px 0 var(--home-border);
}

.studio-form-field-shell__inline-label {
  display: inline-flex;
  align-items: center;
  align-self: center;
  color: var(--home-cyan);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.06em;
  line-height: 1;
  margin-top: 1px;
  text-transform: uppercase;
  white-space: nowrap;
}

.studio-form-field-shell__inline-control {
  min-width: 0;
  flex: 1 1 auto;
}

.studio-form-field-shell__inline-control > * {
  width: 100%;
}

.studio-form-field-shell--inline + .studio-form-help,
.studio-form-field-shell--inline + .ant-typography-secondary,
.studio-form-field-shell--inline + .ant-typography {
  margin-top: 8px;
  padding-left: 12px;
}

.studio-form-option-surface {
  display: inline-flex;
  width: auto;
  max-width: 100%;
  align-items: center;
  padding: 3px;
  gap: 3px;
  border-radius: 8px;
  background: var(--home-bg);
  box-shadow: inset 0 1px 0 var(--home-border);
  overflow-x: auto;
}

.studio-form-section-collapse.ant-collapse {
  border: 1px solid var(--home-border) !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 82% 0%, var(--home-primary-soft), transparent 34%),
    linear-gradient(135deg, var(--home-surface-faint), var(--home-surface-soft)) !important;
  box-shadow: inset 0 1px 0 var(--home-border) !important;
}

.studio-form-section-collapse.ant-collapse > .ant-collapse-item {
  border-color: var(--home-border) !important;
}

.studio-form-section-collapse.ant-collapse > .ant-collapse-item > .ant-collapse-header {
  align-items: center !important;
  min-height: 52px;
  padding: 10px 14px !important;
  background: transparent !important;
}

.studio-form-section-collapse .ant-collapse-content {
  border-top: 1px solid var(--home-border) !important;
  background:
    radial-gradient(circle at 100% 0%, var(--home-cyan-soft), transparent 34%),
    linear-gradient(180deg, var(--home-bg), var(--home-surface-faint)) !important;
}

.studio-form-section-collapse .ant-collapse-content-box {
  padding: 16px !important;
}

.studio-form-section-collapse__icon {
  display: inline-grid;
  width: 32px;
  height: 32px;
  place-items: center;
  color: var(--home-run-text);
  border-radius: 8px;
  background: linear-gradient(135deg, var(--home-cyan), var(--home-primary));
  font-size: 12px;
  transition: transform 0.3s ease;
}

.studio-form-section-collapse__icon.is-active {
  transform: rotate(90deg);
}

.studio-form-section-collapse__label.ant-typography {
  color: var(--home-text) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

.studio-form-section-collapse__body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.studio-form-select,
.studio-form-stepper,
.studio-form-ratio {
  width: 100%;
}

.studio-form-select,
.studio-form-ratio,
.studio-form-stepper {
  margin-top: 8px;
}

.studio-form-field-shell--inline .studio-form-select,
.studio-form-field-shell--inline .studio-form-ratio,
.studio-form-field-shell--inline .studio-form-stepper {
  margin-top: 0;
}

.studio-form-select .ant-select-selector,
.studio-form-ratio .ant-select-selector {
  min-height: 34px !important;
  border-radius: 8px !important;
  padding-inline: 14px !important;
  border: 0 !important;
  background: var(--home-bg) !important;
  box-shadow: none !important;
}

.studio-form-select .ant-select-selection-placeholder,
.studio-form-select .ant-select-selection-item,
.studio-form-select .ant-select-arrow,
.studio-form-ratio .ant-select-selection-placeholder,
.studio-form-ratio .ant-select-selection-item,
.studio-form-ratio .ant-select-arrow {
  color: var(--home-text) !important;
}

.studio-form-ratio-popup .ant-select-item-option-content {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

.studio-form-stepper .ant-btn {
  min-height: 34px !important;
  border: 0 !important;
  background: var(--home-bg) !important;
  color: var(--home-text) !important;
  box-shadow: inset 0 1px 0 var(--home-border) !important;
}

.studio-form-stepper .ant-btn:hover {
  color: var(--home-cyan) !important;
}

.studio-form-switch-row-shell {
  gap: 10px;
}

.studio-form-switch-row__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.studio-form-switch-row__meta .ant-tag {
  margin: 0;
}

.studio-form-reference-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 8px;
  gap: 8px;
}

.studio-form-reference-tile {
  display: grid;
  min-width: 0;
  min-height: 86px;
  place-items: center;
  grid-gap: 5px;
  gap: 5px;
  padding: 10px 6px;
  color: var(--home-text);
  background: var(--home-surface-faint);
  border: 1px solid var(--home-border);
  border-radius: 8px;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.studio-form-reference-tile.has-images {
  min-height: 118px;
  padding: 12px;
}

.studio-form-reference-tile:hover,
.studio-form-reference-tile:focus-visible {
  border-color: var(--home-cyan-strong);
  box-shadow: 0 0 28px var(--home-cyan-soft);
  outline: none;
  transform: translateY(-1px);
}

.studio-form-reference-tile__icon {
  color: var(--home-cyan);
  font-size: 18px;
}

.studio-form-reference-tile__thumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  min-height: 30px;
  max-width: 100%;
  overflow: visible;
}

.studio-form-reference-tile__thumb,
.studio-form-reference-tile__add {
  position: relative;
  width: clamp(54px, 12vw, 72px);
  height: clamp(54px, 12vw, 72px);
  flex: 0 0 clamp(54px, 12vw, 72px);
}

.studio-form-reference-tile__thumb img,
.studio-form-reference-tile__add {
  border: 2px solid var(--home-surface-faint);
  border-radius: 6px;
  object-fit: cover;
}

.studio-form-reference-tile__thumb img {
  display: block;
  width: 100%;
  height: 100%;
}

.studio-form-reference-tile__add {
  display: grid;
  place-items: center;
  color: var(--home-cyan);
  background: var(--home-bg);
  font-size: 28px;
  line-height: 1;
}

.studio-form-reference-tile__remove {
  position: absolute;
  top: -6px;
  right: -6px;
  display: grid;
  width: 22px;
  height: 22px;
  place-items: center;
  padding: 0;
  border: 1px solid var(--home-border);
  border-radius: 999px;
  color: var(--home-text);
  background: var(--home-bg-elevated);
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  z-index: 2;
}

.studio-form-reference-tile__remove:hover {
  color: var(--home-run-text);
  background: var(--home-primary);
}

.studio-form-reference-tile__label {
  font-size: 12px;
  font-weight: 900;
}

.studio-form-reference-tile__value {
  color: var(--home-text-faint);
  font-size: 11px;
}

.studio-form-prompt {
  overflow: visible;
}

.studio-form-prompt,
.studio-form-prompt > div,
.studio-form-prompt :where(
  .ant-form-item,
  .ant-form-item-control,
  .ant-form-item-control-input,
  .ant-form-item-control-input-content,
  .ant-mentions,
  .ant-mentions-affix-wrapper,
  textarea
) {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.studio-form-prompt,
.studio-form-prompt > div,
.studio-form-prompt :where(.ant-mentions, textarea) {
  width: 100%;
  inline-size: 100%;
}

.studio-form-prompt .ant-form-item {
  margin-bottom: 0;
}

.studio-form-prompt .creative-studio-prompt-field {
  padding: 8px;
  border-radius: 8px;
  background:
    radial-gradient(circle at 86% 0%, var(--home-primary-soft), transparent 34%),
    linear-gradient(135deg, var(--home-surface-faint), var(--home-surface-soft));
  box-shadow: inset 0 1px 0 var(--home-border);
}

.creative-studio-prompt-popover.ant-popover {
  z-index: 1200 !important;
}

.creative-studio-prompt-popover__content {
  width: min(430px, calc(100vw - 32px));
}

.creative-studio-prompt-popover__field {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.creative-studio-prompt-popover__field-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.creative-studio-prompt-popover__field-row > .ant-typography {
  color: var(--home-text-soft) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.studio-form-prompt textarea,
.studio-form-prompt .ant-input,
.studio-form-prompt .ant-mentions {
  width: 100%;
  max-width: 100%;
  min-height: 136px;
  border-color: var(--home-border);
  border-radius: 8px;
  background: var(--home-surface-faint);
  color: var(--home-text);
  font-size: 14px;
  font-weight: 750;
}

.studio-form-prompt .ant-mentions textarea {
  min-height: 136px;
  inline-size: 100%;
  resize: vertical;
}

.studio-form-prompt [style*="display: flex"] {
  max-width: 100%;
  min-width: 0;
}

.studio-form-prompt [style*="display: flex"] > * {
  min-width: 0;
}

.studio-form-prompt .hide-scrollbar {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  flex-basis: 0;
  overflow-x: auto;
  overflow-y: hidden;
}

.studio-form-prompt .hide-scrollbar .ant-space {
  display: inline-flex;
  flex-wrap: nowrap;
  width: max-content;
  max-width: none;
}

.studio-form-prompt .hide-scrollbar .ant-space-item {
  flex: 0 0 auto;
  min-width: max-content;
}

.studio-form-media-modal .ant-modal-content {
  border-radius: 8px;
}

.studio-form-media-modal .ant-modal-header {
  background: transparent;
}

.studio-form-media-modal__body {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  padding: 16px 18px;
}

.studio-form-media-modal__tabs {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  padding: 3px;
  background: var(--home-surface-faint);
  border: 1px solid var(--home-border);
  border-radius: 999px;
}

.studio-form-media-modal__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 10px;
  gap: 10px;
  max-height: 360px;
  overflow-y: auto;
}

.studio-form-media-modal__card {
  min-width: 0;
  cursor: pointer;
  background: var(--home-surface-faint);
  border-color: var(--home-border);
}

.studio-form-media-modal__thumb {
  width: 100%;
  height: 92px;
  object-fit: cover;
  border-radius: 8px;
}

.studio-form-media-modal__upload {
  border-color: var(--home-border);
  background: var(--home-surface-faint);
  border-radius: 8px;
}

.studio-form-media-modal__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.studio-form-media-modal__footer .ant-pagination {
  margin-inline-start: auto;
}

@media (max-width: 820px) {
  .studio-form-panel--split,
  .studio-form-reference-grid,
  .studio-form-media-modal__grid {
    grid-template-columns: 1fr;
  }
}

.vjs-svg-icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  fill: currentColor;
  height: 1.8em;
  width: 1.8em;
}
.vjs-svg-icon:before {
  content: none !important;
}

.vjs-svg-icon:hover,
.vjs-control:focus .vjs-svg-icon {
  filter: drop-shadow(0 0 0.25em #fff);
}

.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABTsAAsAAAAAIpAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV32Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADtIAABckI4l972hlYWQAABFkAAAAKwAAADYsvIjpaGhlYQAAEZAAAAAdAAAAJA+RCL1obXR4AAARsAAAABcAAAC8Q2YAAGxvY2EAABHIAAAAYAAAAGB7CIGGbWF4cAAAEigAAAAfAAAAIAFAAI9uYW1lAAASSAAAASUAAAIK1cf1oHBvc3QAABNwAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7yDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADaGCyYAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1hU17U+a5/HMA4iA3NmVBDmoQwP5TFnHlFeA4gYiUFRQINoSCBAyK3G2yi+0aipYtFcHYo2xsb4NiY3+VrNxSaX5uvt495ozNdoYoxmem2/L8HGpLc+InB279pnhlGr5mvL4eyz99nrrL32eu1/DQcc/okdYgdHOA6MQKp4r9gx0EcMHMezOalVasW5BM7NcXoSb9fFgE6KtSSBxWz1FYDPG+vMBGcKb9cebu2VS5s2aaTkCvRSf6C7Y+Ppibm5E09v7IDs2/3uZQtbD0zIyppwoHXh/93ukmyYgdePNRp65p5v+3v/9otQl2O7wP34cT88p8Md2YxpYLQZoRcy6FlSBRnwnGAe6BPMSCZo+7NJVqS0cE4uHendzhSnbPH6TDqL1+Nme5LZXkCHnGyoH0kne30WH+gswhm3q+pt/mTas9NLS64GnjmSlTPw0wVQT/ewRaBgxtydy3cuUB9/6SW+vb5yRvr+t0eOfPKJZ/9t3+4tL7xj32Xd3thCxi+ge6ifdsAN+l5+wi5HQ/cCoeull1AszS7CUfEcJzK7sKWJAdJhCd0sPM4+EY7QDm5ov08hXRQXE5bf6PV5Q5+IjW7X7Nku92Ask4l2hCRRD6TPqISiCJeQna3SCFwrhrNzXHzo4yFevBwxpzxk8WCIIfkvVEKVy32SbT8n68gzgaslpaiO2zIGIyuSb7RNf9HSuN26y/7OC1tgEmpiyA6aD4qcgTOiLThwGG0eB694FI8NHLLN6OBlRVaMxNAFS4JdXUG6mW8PwpKuYLCLXKGbu8iwYNdgO06Sn3Th+/vyZAxs8Ro30DjHe9gy8Fywi24OMm7Qyzh3MTZVOMYhLBnoC+J79lpTUyQmorjhnMwlcQ5uPEYGpDjsOkkH49BjQLQBqs3jFtFdJNlksYmoQFDArLh8Xh+Qd6Ghcsb6FUuehDi+U/lqD71K/qiegeV1imcwjl7ExwiSrf4BZyCujV6cVcFo6VX+G9IcPyFjJnUufbU/jzrL1X99as36reXl8K32nFaOr+E8jWJEcJ55DpMVfSMe95/AJaOsGBH2GJCNpiRQbK4C8BjdmQA22QY2j03Em13i2YHqtNLU1NI04Yj2HJgA6fQc6VPNpA/D+Ryks554NnVy2mB72uRUfPLsqR4N0LOBQKArwJYO+5W2fgZX8oC1HR6HjNaQTVIG2FPwnTcXXGZZfNB7TE6pTKZUwaw91XWLAoFFGcnB5PHjsckgBjbWutrL+0h5Y1xw3DRGDumsnXb3MJwXrJIN5U7m0rgJ3yG5w4he5ckFG4pmNEkOm0/xOO4r4yL87wqtQM+hiJIVp+6iG2wPBKD35ElGkDx+UfC2v1mFG1o+M3AjNFty8biKMXwzyxnZLds8wYD2BxmCPHAldPOeLsy/0BugftYhVYFAhO8SqQ0j3oK7dHJZnI/jxmUS4onlxskSF8thmvNZjIrRZwEPxr0lBuLRuz3oy/FOHCsxwOPYh2M+e9u3J5pgPYz9gp6G7C9m0A11F9ddqKMfV+4sbq45/YspOysXvT+3pdFdYNg2fHbW8Dz301MqDVuGrz0Fuh0YMW8mddrpqzST7rV9BcvqPoNvadRndWp0p8HvbiqrFj5yFQ/vNFSXDpxpLEFWp+DcrF3FT1afWshFcmCfeAMjEvO65i0Y6XijQfSRPWx3TV/Df7Km3E1l+kLt56s/rwVzuRusNMhudznkwdLaS+QNdeal2jDPP4l9qHc98vTYZOSkxzD+njBWVWjFPKgipx6DkWvXQiW8OYcewVHE5yukinDMcfGgc0opDltYKDxIGBedkzc6jSfE7tlvESCDFUw0Hx0opS+U0lHCxNottbNWSxX9zZVvEhKWUSyBpaXwBc2a98M6UqPeXAs/GDon8Ax7hsthO8cM5HU7Ad0UvRR9lHmtyQKZ4MAe814X5h9MSUkQmhf96eVJ6p90OjIiqSIjvykvr2l5U55O/fPQKD+jIomYpNyGJQ25uQ2kIikRfAmuBHCPsWqkSDEqgZ5KDI2sifS/R43MbZg0idFHbCPNxXxZws1ACVE6hAhOdJwRkJLFBLPZpRGYJ50pko6XzMkgmSx40ljik6AQcKhFnLcQE6rF7PXFe1Ocoj0T3AXgSgJTDIhHRfHlYZKuSzc6uievOJGXY+i5GJkkTp7UM3y0LqATDbtFcbdBxO7o4T25JYlEjoH0uynUh8rapkxp62QN70svSF+hT4gGPlovlmcm/ComLi7mV4kTykV9NFWjE/QrwgQ4uIcAP0rQF4VZYRP2o3PhHHzfPMJj9Ir+uzKUlrH49ntT18AVvj1sc3YGjUT/Mt2Dxawa8ArcA7bCQIpvfwAYu22vEG/No/5RvPdA7g+AelLrPwzy+LtkLPhnpIxH14m4EYq8eeMHbPEPNm6G7Nv9B4jcFPZ8bJj0SEjP3MPgQdKTqqEoy2v6G32P/Y6dxOv04AxnoAeq+GILvUavtYCBXm+BaIhuodcfrN5B/V2EYMCPh+SxavjGyPwV0x4CJgUPGT0mQaODGBACIJZGsMXwAD0LGXx7l3CdAcKMIKI+f5CepWeD0BvyU/GcdBxPF8SwejC6LGZmAURFdsSWKR5HyHld2kbdIZO1Ixx+bnnzU7n5+blPNV9jnUDWhP2tC68tbN3PVIldsQPxSAcSpjOav7Q05uXn5zW2LLvDXn9B6syscPy9iDLEMmSrJz6nYuWMipukjM0AH8JkGS+XFyMRkzSCH7KD/hwm172SAyZYumHlefr5AddrtA0O0TnwaVZxcRY9Bfukn9Gf05N1r9DV9MoBsJ1f+ZrqUvtPHizJAntWybv7hmqLt6QLuK6ZS9Fqi1jO5rDoWPZXXII5Tgajg53cIXCjDCGIcYrRIY2n6+mXOa/W0bdhau3ryiEYe2FV/5oeaIYK/5w5frCyll6/cYO8DiNhw6t1MBWmznt91QX62UF1N7l0eHBZTRGpKaqpKVIPF9UcIzmReud9TSY75+K899GHbBu6wjoR7RKKZVYiYxSPf5/2wJT5e3NAhmUbVn5KLx1Ujg0+BGvpAIh0DezInTkzF37KVocxrKU3r1+XLtAe2lO3l66kfQfB/unKY+q8N375Ru8bc4pJXfEcESU95q+p8ZNZRTWH1d9FzvUdYXk5rLkcdkEisoKKVHQW/b3GEx6tPaYcoJfOr9wAbSBnv1IHpep0OExr4LPMkpJM+j7sly7UHkOzXjoAZljHCGiyegtNlwljM0v+c19ET9Pvst09a2Mtgcf5/ZSzYO5h1156+eyydfAsxGa9XAuF6vzjh6CssLq6ECysperXX0sX5h5ZdpZe3guxsGIPEtHk/aqXX1hVqP5HYVVVISkrrNqvXorIc+5Ou91Hnr/LcD2afi6eX7UBloOcs7cOpqgGaNfs1g7bNbs9z6wASaylN69d0/TFTIz6Ws8+oGV3mE2612wRTHKcVUbhjKadebloMc+dyXgMVtVK6BwMB/+mVW09igdRBWaRtNQX59d/VD//xdQ0TCiYNj1KT9sq6Wdu5WTbqk3qDXyDaLa1fv621LS01G3z61sD6lH8lAxDLicV921s6Bf92JOYvzNYCL1khbqBXEFUzC521N5NyzNaQIWhjyFyDoBIVrAjmv2UEaLlI+c6zw1jmVIPLLLZZUTj6GxGHW+mq1tgHXR2D85p4Q934+jLbtjVLcyCdS10NVzpHqxp4Q/hK7WopY/NRGx9HGsPGdFjOjcpjBnGYMVqY/4eqT5khWEHWUup2A/pTw7pdWgsWft7ETUERL96nRg0HNFPmCYba6pylECaExX89A9WLUOVB4oKLu/o1oqSYHCgLzBUlAz8hNFDRpeSU1XT+LRmDUgPaKbYdHDn9suF/tu13nHJij0N97LfS0QmqONuyONk7zvUI6Qa0pF9f2+oABL92AT6e0U//z9YqAiWtJLU1JK0gS+1aacwamiNqK067u9ZQ8f1d4qLodMzz3uL89Z68V/Hnr++hXWUuHgw8dfi972PeTyPefu3aNNucemQ74qFuIaJnVkOu4Q+yjuwmmC1FqZpl1i4uzoPxjkpPf3Xv545tl26Rr+dOvUd+omqJzch9dOeU7f10Y64nMcKK137DccIZq2WdXtdZjbEoLSzHwiMtrjYLDxpHQW8gjMX6XFYAE2zSWVD04EGYSs9MbO6sEo20BMEAB4mpvSypsKjZ4Stgzb+c3A9/MQT2+vrBy+qvyFxLUtLlSRF/Ri2wjfZ2dus2Q8lXx4608/jnqK5OOap6NY2PSjYYnECCjiEeLJll/pbmqfeIK+ps3+MxrlEhqmTPipVP7kqlF4VhpEb6r+Q7YOJg38kJ9SHBf3NBl6+9YchfbUjb5ahLSzUM3kPHmwFAsZ5rpai0S7E5xWzZ1j+fW7zsUWP2g5NXTw52ySCTrgG0+lbw60l2Y/CB185CoA8NK+tbRKxfjy6pm5hzQRRR+cMqv1Jbiw6STivtEvt3DRcy0QEh92JlUGo2PG4tSKHl00YD6xc8CK+YPYyy3io2lN8BcSjKRzrIV6ypOAobqxViJPaT9M9Hy5szY33mp7OX/Zu89L/7Ww5vqY2Y8b0pKgoiUhG5cPDPzq8qTV/WkzUOIvXVVA96kmjcBrr3HrYC/Wn+fYP6Z7T1rqy3zknbvqma/FvVk96fNXGkuaXrdHW5JGSxZT/2I/O73v+yNWafMdzc5NdxYurHs6h86e01sLKLz9EBrg+x36rxAaED7hRnAMx7Vzu+9wabh3zG8XLQjx0ablUJzmxdErxYT3kzQSd0SSafVqF5PXgpp0OyYJ1EyNHpGUZmvK575ySzd85JSqF7IBzSAbMM04+MbE58xF3/njXOGecSaermlw2y9PsSQdytLJVr8t+wg+rR8cZYoeNxVIzNdk3Bngi8U5LAlgTFoQnzJCa5EsCgYhCaGL+qPj7TdhG31p9tej3R04N//PXxNwJvyUqwaJqRPJY98TJ5TPndmflRAkAhBfe46sfKW5wizSge08Xb7Ca/GUVs55trngkKkrUS2WPzKttaaqq+idmahugkY+W6fN0I6i3gPt/x88U4wAAeJxjYGRgYADiGU9YXsXz23xl4GZnAIFH7fO+IdMc/WBxDgYmEAUASbMKwAB4nGNgZGBgZwABjj4Ghv//OfoZGBlQgT4ARicDZAAAAHicY2BgYGAfxJijD8Fmu4EqBwCSpgKpAAAAAAAADgBoAH4AzADgAQIBQgFsAZgB7gIuAooC0AL8A2IDjAOoA+AEMASwBNoFCAVaBcAGCAYuBnAGrAb2B04HigfSCCoIcAiGCJwIyAkkCVYJiAmsCfIKIApWCsQLknicY2BkYGDQZ2hmYGcAASYg5gJCBob/YD4DABqrAdAAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2ReVPbMBDF/ULi2EkDBFqO3gdHLxUzDB9IkdexBllydRD49ihO3Ckz7B/a31utZnafkkGyiXnyclxhgB0MMUKKMTLkmGCKV5hhF3vYxxwHOMRrvMERjnGCU7zFO7zHB3zEJ3zGF3zFN5zhHBe4xHf8wE/8wm8w/MEVimTYKv44XR9MSCsUjVoeHE3vjQoNsSZ4mmxZmVWPjSz7jlou6/0qKOWEJdKMtCe793/hQfqxa6XWZHMXFl56RS4TvPXSaDeoy0zUUZB109KstDK8lHo5q6Qi1hcOnqkImubPS6aqRq7mlnaEWabub4iYblba3SRmgldS0+FWdhNtt04F14JUaqkl7tcpOpJtErvNt3Bd9HRT5JWxK25Ldjvp6br4hzfFiIdSmlzTg2fSUzNrLd1LE1ynxq4OVaVoKLjzJ60UPtj1RKzHzsbjly6inVnFBS2MucviPncU7Rr7lfTxRepDs1A2j3ZHRc7PuzFYSfE3ZOd4kjwBy227hA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\f102";
}

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\f10a";
}

.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10b";
}

.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10c";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\f10d";
}

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}

.vjs-icon-downloading {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-downloading:before {
  content: "\f10f";
}

.vjs-icon-file-download {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download:before {
  content: "\f110";
}

.vjs-icon-file-download-done {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download-done:before {
  content: "\f111";
}

.vjs-icon-file-download-off {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download-off:before {
  content: "\f112";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\f113";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\f114";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\f115";
}

.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "\f116";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\f117";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\f118";
}

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f119";
}

.vjs-icon-repeat {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-repeat:before {
  content: "\f11a";
}

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f11b";
}

.vjs-icon-replay-5, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-5:before, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before {
  content: "\f11c";
}

.vjs-icon-replay-10, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-10:before, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before {
  content: "\f11d";
}

.vjs-icon-replay-30, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-30:before, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before {
  content: "\f11e";
}

.vjs-icon-forward-5, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-5:before, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before {
  content: "\f11f";
}

.vjs-icon-forward-10, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-10:before, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before {
  content: "\f120";
}

.vjs-icon-forward-30, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-30:before, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before {
  content: "\f121";
}

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f122";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\f123";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\f124";
}

.vjs-icon-shuffle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-shuffle:before {
  content: "\f125";
}

.vjs-icon-cast {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cast:before {
  content: "\f126";
}

.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f127";
}

.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f128";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\f129";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\f12a";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\f12b";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\f12c";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\f12d";
}

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f12e";
}

.video-js {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js[tabindex="-1"] {
  outline: none;
}

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit;
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
  width: 100%;
  max-width: 100%;
}

.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  height: 0;
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
  padding-top: 56.25%;
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
  padding-top: 75%;
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%;
}

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js.vjs-audio-only-mode .vjs-tech {
  display: none;
}

body.vjs-full-window,
body.vjs-pip-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen,
body.vjs-pip-window .video-js {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),
body.vjs-pip-window .video-js {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
  display: block;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-pip-container .vjs-pip-text {
  position: absolute;
  bottom: 10%;
  font-size: 2em;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 0.5em;
  text-align: center;
  width: 100%;
}

.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,
.vjs-layout-x-small.vjs-pip-container .vjs-pip-text,
.vjs-layout-small.vjs-pip-container .vjs-pip-text {
  bottom: 0;
  font-size: 1.4em;
}

.vjs-hidden {
  display: none !important;
}

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0;
  margin-top: -0.81666em;
  margin-left: -1.5em;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
}
.vjs-big-play-button .vjs-svg-icon {
  width: 1em;
  height: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 1;
  transform: translate(-50%, -50%);
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking, .vjs-scrubbing, .vjs-error) .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  appearance: none;
}

.video-js.vjs-spatial-navigation-enabled .vjs-button:focus {
  outline: 0.0625em solid white;
  box-shadow: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}
.vjs-menu li.vjs-selected .vjs-svg-icon,
.vjs-menu li.vjs-selected:focus .vjs-svg-icon,
.vjs-menu li.vjs-selected:hover .vjs-svg-icon,
.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon {
  fill: #000000;
}

.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
  background: none;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-pip-window .vjs-menu-button-popup .vjs-menu {
  left: auto;
  left: initial;
  right: 1em;
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js.vjs-spatial-navigation-enabled .vjs-control-bar {
  gap: 1px;
}

.video-js:not(.vjs-controls-disabled, .vjs-using-native-controls, .vjs-error) .vjs-control-bar.vjs-lock-showing {
  display: flex !important;
}

.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}

.video-js .vjs-control.vjs-visible-text {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.vjs-button > .vjs-icon-placeholder {
  display: block;
}

.vjs-button > .vjs-svg-icon {
  display: inline-block;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}

.video-js *:not(.vjs-visible-text) > .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder,
.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-progress-holder {
  font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}

.video-js .vjs-play-progress {
  background-color: #fff;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  line-height: 0.35em;
  z-index: 1;
}

.vjs-svg-icons-enabled .vjs-play-progress:before {
  content: none !important;
}

.vjs-play-progress .vjs-svg-icon {
  position: absolute;
  top: -0.35em;
  right: -0.4em;
  width: 0.9em;
  height: 0.9em;
  pointer-events: none;
  line-height: 0.15em;
  z-index: 1;
}

.video-js .vjs-load-progress {
  background: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
}

.video-js .vjs-load-progress div {
  background: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.75);
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,
.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-touch-enabled:not(.vjs-scrubbing) .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari, and Chrome 53 */
  -webkit-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
       user-select: none;
  background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff;
}

.video-js.vjs-spatial-navigation-enabled .vjs-slider:focus {
  outline: 0.0625em solid white;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.video-js .vjs-volume-panel {
  transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel {
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1;
}

.vjs-svg-icons-enabled .vjs-volume-level:before {
  content: none;
}

.vjs-volume-level .vjs-svg-icon {
  position: absolute;
  width: 0.9em;
  height: 0.9em;
  pointer-events: none;
  z-index: 1;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  line-height: 0.35em;
  right: -0.5em;
}

.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon {
  right: -0.3em;
  transform: translateY(-50%);
}

.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon {
  top: -0.55em;
  transform: translateX(-50%);
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible;
}

.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  left: 1em;
  top: -12px;
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em;
}

.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%;
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster,
.vjs-pip-container.vjs-has-started .vjs-poster {
  display: block;
}

.vjs-poster img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}

.video-js .vjs-seek-to-live-control {
  align-items: center;
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}

.vjs-svg-icons-enabled .vjs-seek-to-live-control {
  line-height: 0;
}

.vjs-seek-to-live-control .vjs-svg-icon {
  width: 1em;
  height: 1em;
  pointer-events: none;
  fill: #888888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon {
  fill: red;
}

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-live .vjs-time-control,
.vjs-live .vjs-time-divider,
.video-js .vjs-current-time,
.video-js .vjs-duration {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.vjs-normalise-time-controls:not(.vjs-live) .vjs-time-control {
  display: flex;
}

.video-js .vjs-play-control {
  cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.vjs-error .vjs-text-track-display {
  display: none;
}

.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}

.video-js.vjs-force-center-align-cues .vjs-text-track-cue {
  text-align: center !important;
  width: 80% !important;
}

@supports not (inset: 10px) {
  .video-js .vjs-text-track-display > div {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,
.vjs-pip-window .vjs-picture-in-picture-control {
  display: none;
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-fullscreen-control,
.vjs-pip-window .vjs-fullscreen-control {
  display: none;
}

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.85;
  text-align: left;
  border: 0.6em solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 5em;
  height: 5em;
  border-radius: 50%;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.vjs-error .vjs-loading-spinner {
  display: none;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: rgb(255, 255, 255);
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: rgb(255, 255, 255);
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
  20% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
  100% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
  display: none;
}

.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
  display: none;
}

.vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-svg-icon {
  width: 1.5em;
  height: 1.5em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10c";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
  display: none;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder,
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \f12e";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
  display: none;
}
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
  width: auto;
  width: initial;
}
.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
  display: none;
}
.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}
.vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings {
  height: 80%;
}

.vjs-error .vjs-text-track-settings {
  display: none;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-text-track-settings select {
  font-size: inherit;
}

.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
  margin: 10px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
  padding: 0 0.6em 0.8em;
}

.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}

.vjs-text-track-settings legend {
  color: #fff;
  font-weight: bold;
  font-size: 1.2em;
}

.vjs-text-track-settings .vjs-label {
  margin: 0 0.5em 0.5em 0;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, rgb(114.9141509434, 132.7028301887, 159.3858490566) 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, rgb(114.9141509434, 132.7028301887, 159.3858490566) 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

.vjs-title-bar {
  background: rgba(0, 0, 0, 0.9);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
  font-size: 1.2em;
  line-height: 1.5;
  transition: opacity 0.1s;
  padding: 0.666em 1.333em 4em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.vjs-error .vjs-title-bar {
  display: none;
}

.vjs-title-bar-title,
.vjs-title-bar-description {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vjs-title-bar-title {
  font-weight: bold;
  margin-bottom: 0.333em;
}

.vjs-playing.vjs-user-inactive .vjs-title-bar {
  opacity: 0;
  transition: opacity 1s;
}

.video-js .vjs-skip-forward-5 {
  cursor: pointer;
}
.video-js .vjs-skip-forward-10 {
  cursor: pointer;
}
.video-js .vjs-skip-forward-30 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-5 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-10 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-30 {
  cursor: pointer;
}
.video-js .vjs-transient-button {
  position: absolute;
  height: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(50, 50, 50, 0.5);
  cursor: pointer;
  opacity: 1;
  transition: opacity 1s;
}

.video-js:not(.vjs-has-started) .vjs-transient-button {
  display: none;
}

.video-js.not-hover .vjs-transient-button:not(.force-display),
.video-js.vjs-user-inactive .vjs-transient-button:not(.force-display) {
  opacity: 0;
}

.video-js .vjs-transient-button span {
  padding: 0 0.5em;
}

.video-js .vjs-transient-button.vjs-left {
  left: 1em;
}

.video-js .vjs-transient-button.vjs-right {
  right: 1em;
}

.video-js .vjs-transient-button.vjs-top {
  top: 1em;
}

.video-js .vjs-transient-button.vjs-near-top {
  top: 4em;
}

.video-js .vjs-transient-button.vjs-bottom {
  bottom: 4em;
}

.video-js .vjs-transient-button:hover {
  background-color: rgba(50, 50, 50, 0.9);
}

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
}

.video-js *:focus:not(:focus-visible) {
  outline: none;
}

/*!
Default styles for videojs-wavesurfer 3.10.0
*/
/*!**************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/css/videojs.wavesurfer.scss ***!
  \**************************************************************************************************************************/
/* Ensure custom controls are always visible because
   the plugin hides and replace the video.js native mobile
   controls.
--------------------------------------------------------------------------------
*/
.vjs-wavesurfer .vjs-using-native-controls .vjs-control-bar {
  display: flex !important;
}

/* Ensure that vjs menus and interfaces can be interacted with (such as the
   progress control).
--------------------------------------------------------------------------------
*/
.vjs-wavesurfer .vjs-menu-content, .vjs-progress-control {
  z-index: 4;
}

.vjs-wavesurfer .vjs-modal-dialog, .vjs-text-track-display {
  z-index: 4;
}

/* Handle responsive / fluid view.
--------------------------------------------------------------------------------
*/
.vjs-wavesurfer.vjs-fluid wave.vjs-wavedisplay {
  top: 0;
  position: absolute !important;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
}

.frisbie-asset-preview .ant-modal-content {
  overflow: hidden;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background:
    radial-gradient(circle at 12% 0%, var(--home-primary-soft), transparent 34%),
    radial-gradient(circle at 100% 0%, var(--home-cyan-soft), transparent 32%),
    linear-gradient(180deg, var(--home-bg-elevated), var(--home-bg-container));
  box-shadow: 0 24px 70px var(--home-shadow-strong);
}

.frisbie-asset-preview .ant-modal-header {
  margin: 0;
  padding: 14px 18px;
  border-bottom: 1px solid var(--home-border);
  background: transparent;
}

.frisbie-asset-preview .ant-modal-title,
.frisbie-asset-preview .ant-modal-close {
  color: var(--home-text) !important;
}

.frisbie-asset-preview .ant-modal-close {
  top: 12px;
  right: 12px;
  border-radius: 8px;
}

.frisbie-asset-preview .ant-modal-close:hover,
.frisbie-asset-preview .ant-modal-close:focus-visible {
  color: var(--home-cyan) !important;
  background: var(--home-surface-faint);
}

.frisbie-asset-preview .ant-modal-body {
  padding: 0 !important;
}

.frisbie-asset-preview__title {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  color: var(--home-text);
  font-size: 17px;
  font-weight: 800;
}

.frisbie-asset-preview__title-icon {
  display: inline-grid;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  place-items: center;
  color: var(--home-cyan);
  border: 1px solid var(--home-border-strong);
  border-radius: 8px;
  background: var(--home-surface-faint);
  box-shadow: inset 0 1px 0 var(--home-border);
}

.frisbie-asset-preview__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
}

.frisbie-asset-preview__stage {
  display: grid;
  min-height: 220px;
  max-height: calc(100vh - 190px);
  place-items: center;
  overflow: auto;
  padding: 12px;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background:
    radial-gradient(circle at 50% 0%, var(--home-primary-soft), transparent 42%),
    var(--home-bg);
  box-shadow: inset 0 1px 0 var(--home-border);
}

.frisbie-asset-preview__stage.is-image {
  min-height: 260px;
}

.frisbie-asset-preview__media {
  display: block;
  max-width: 100%;
  max-height: calc(100vh - 240px);
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 6px;
}

.frisbie-asset-preview__stage.is-video .frisbie-asset-preview__media {
  width: 100%;
  max-height: calc(100vh - 270px);
}

.frisbie-asset-preview__audio {
  width: min(100%, 520px);
}

.frisbie-asset-preview__unsupported {
  display: grid;
  justify-items: center;
  grid-gap: 8px;
  gap: 8px;
  padding: 32px;
  color: var(--home-text-soft);
  text-align: center;
}

.frisbie-asset-preview__unsupported .anticon {
  color: var(--home-cyan);
  font-size: 28px;
}

.frisbie-asset-preview__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

@media (max-width: 760px) {
  .frisbie-asset-preview {
    max-width: calc(100vw - 20px);
  }

  .frisbie-asset-preview__content {
    padding: 12px;
  }

  .frisbie-asset-preview__stage {
    min-height: 180px;
    max-height: calc(100vh - 150px);
    padding: 8px;
  }

  .frisbie-asset-preview__media {
    max-height: calc(100vh - 210px);
  }
}

.frisbie-home-shell {
  position: relative;
  isolation: isolate;
  min-height: 100%;
  overflow-x: hidden;
  background: radial-gradient(
      circle at 76% 8%,
      var(--home-cyan-mid),
      transparent 28%
    ),
    radial-gradient(circle at 14% 34%, var(--home-primary-mid), transparent 32%),
    radial-gradient(circle at 80% 56%, var(--home-cyan-soft), transparent 34%),
    radial-gradient(
      circle at 16% 86%,
      var(--home-primary-soft),
      transparent 28%
    ),
    linear-gradient(
      180deg,
      var(--home-bg) 0%,
      var(--home-shell-wash) 44%,
      var(--home-bg) 100%
    );
  color: var(--home-text);
}

.frisbie-home-shell--explore {
  overflow-y: auto;
  overflow-y: overlay;
  scrollbar-width: thin;
  scrollbar-color: var(--home-border-strong) transparent;
}

.frisbie-home-shell--explore::-webkit-scrollbar {
  width: 10px;
}

.frisbie-home-shell--explore::-webkit-scrollbar-track {
  background: transparent;
}

.frisbie-home-shell--explore::-webkit-scrollbar-thumb {
  background: var(--home-border-strong);
  background-clip: content-box;
  border: 3px solid transparent;
  border-radius: 999px;
}

.frisbie-home-shell::before,
.frisbie-home-shell::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
}

.frisbie-home-shell::before {
  z-index: 0;
  background-image: linear-gradient(var(--home-grid-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--home-grid-line) 1px, transparent 1px),
    radial-gradient(circle, var(--home-grid-dot) 1px, transparent 1px);
  background-size: 104px 104px, 104px 104px, 34px 34px;
  -webkit-mask-image: radial-gradient(
    ellipse at 58% 30%,
    var(--home-text) 0%,
    transparent 54%
  );
          mask-image: radial-gradient(
    ellipse at 58% 30%,
    var(--home-text) 0%,
    transparent 54%
  );
  opacity: 0.28;
}

.frisbie-home-shell::after {
  z-index: 0;
  background: radial-gradient(
      ellipse at center,
      transparent 34%,
      var(--home-shadow-strong) 100%
    ),
    linear-gradient(180deg, transparent 64%, var(--home-shell-overlay) 100%);
  opacity: 0.78;
}

.frisbie-home-watermark {
  position: fixed;
  top: 5%;
  right: 2%;
  z-index: 0;
  pointer-events: none;
  color: transparent;
  font-family: Arial, sans-serif;
  font-size: 52vw;
  font-weight: 900;
  letter-spacing: 0.1em;
  line-height: 1;
  opacity: 0.35;
  -webkit-user-select: none;
          user-select: none;
  white-space: nowrap;
  contain: layout style paint;
  will-change: transform;
  -webkit-text-stroke: 3px var(--home-watermark);
}

.frisbie-home-visual-zone {
  position: relative;
  z-index: 1;
  padding-bottom: 32px;
  background: transparent;
}

.frisbie-ad-hero {
  --ad-hero-ink: rgb(255 255 255);
  --ad-hero-ink-soft: color-mix(in srgb, var(--ad-hero-ink) 76%, transparent);
  --ad-hero-shade: rgb(0 0 0);
  --home-bg-container: color-mix(in srgb, var(--ad-hero-shade) 84%, transparent);
  --home-border: color-mix(in srgb, var(--ad-hero-ink) 18%, transparent);
  --home-border-strong: color-mix(
    in srgb,
    var(--ad-hero-ink) 34%,
    transparent
  );
  --home-text: var(--ad-hero-ink);
  --home-text-soft: color-mix(in srgb, var(--ad-hero-ink) 76%, transparent);
  --ad-hero-x: clamp(36px, 5.7vw, 88px);
  --ad-hero-top: clamp(30px, 4vw, 56px);
  --ad-hero-height: clamp(620px, 76svh, 780px);
  position: relative;
  isolation: isolate;
  min-height: min(var(--ad-hero-height), calc(100svh - 78px));
  padding: clamp(14px, 1.4vw, 24px);
  overflow: hidden;
  color: var(--home-text);
  background:
    radial-gradient(
      circle at 0% 0%,
      color-mix(in srgb, var(--home-primary) 22%, transparent),
      transparent 34%
    ),
    radial-gradient(
      circle at 88% 8%,
      color-mix(in srgb, var(--home-cyan) 12%, transparent),
      transparent 34%
    ),
    var(--home-bg);
}

.frisbie-ad-hero__stage {
  position: relative;
  width: min(100%, 1760px);
  height: min(var(--ad-hero-height), calc(100svh - 110px));
  min-height: min(600px, calc(100svh - 110px));
  margin: 0 auto;
  overflow: hidden;
  background: var(--home-bg);
  border: 1px solid color-mix(in srgb, var(--home-border) 56%, transparent);
  border-radius: 8px;
  box-shadow: 0 32px 110px var(--home-shadow-strong);
}

.frisbie-ad-hero__image {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  overflow: hidden;
}

.frisbie-ad-hero__image img {
  display: block;
  width: 100%;
  height: 100%;
  animation: frisbie-ad-hero-image-in 560ms ease both;
  object-fit: cover;
  object-position: center center;
}

.frisbie-ad-hero__shade {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(
      90deg,
      color-mix(in srgb, var(--ad-hero-shade) 100%, transparent) 0%,
      color-mix(in srgb, var(--ad-hero-shade) 82%, transparent) 28%,
      color-mix(in srgb, var(--ad-hero-shade) 24%, transparent) 55%,
      color-mix(in srgb, var(--ad-hero-shade) 4%, transparent) 100%
    ),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--ad-hero-shade) 26%, transparent) 0%,
      transparent 42%,
      color-mix(in srgb, var(--ad-hero-shade) 78%, transparent) 100%
    );
}

.frisbie-ad-hero__copy {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: var(--ad-hero-x);
  width: min(980px, calc(100% - (var(--ad-hero-x) * 2)));
  animation: frisbie-ad-hero-copy-in 420ms ease both;
  color: var(--ad-hero-ink);
  text-align: left;
  transform: translateY(-50%);
}

.frisbie-ad-hero__eyebrow {
  position: absolute;
  z-index: 2;
  top: calc(var(--ad-hero-top) + 7px);
  left: var(--ad-hero-x);
  margin: 0;
  color: var(--home-cyan);
  background: linear-gradient(90deg, var(--home-primary), var(--home-cyan));
  background-clip: text;
  -webkit-background-clip: text;
  font-size: clamp(14px, 1.08vw, 18px);
  font-weight: 850;
  -webkit-text-fill-color: transparent;
  letter-spacing: 0.02em;
  line-height: 1.2;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}

.frisbie-ad-hero__copy h1 {
  margin: 0;
  color: var(--ad-hero-ink);
  font-size: clamp(42px, 5.4vw, 86px);
  font-weight: 950;
  letter-spacing: 0;
  line-height: 0.98;
}

.frisbie-ad-hero__headline-line {
  display: block;
  width: auto;
  max-width: 100%;
  white-space: nowrap;
}

.frisbie-ad-hero__headline-line--prefix {
  font-size: 0.72em;
}

.frisbie-ad-hero__headline-line--area {
  margin-top: -0.02em;
  padding-top: 0.08em;
  color: var(--home-primary);
  background: linear-gradient(135deg, var(--home-primary), var(--home-cyan));
  background-clip: text;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.frisbie-ad-hero__active-card {
  position: absolute;
  z-index: 2;
  right: clamp(64px, 8vw, 148px);
  bottom: clamp(150px, 18vh, 210px);
  display: grid;
  width: min(320px, 24vw);
  grid-gap: 10px;
  gap: 10px;
  padding: 16px 18px 16px 20px;
  color: var(--ad-hero-ink);
  background: color-mix(in srgb, var(--ad-hero-shade) 72%, transparent);
  border: 1px solid color-mix(in srgb, var(--ad-hero-ink) 14%, transparent);
  border-radius: 8px;
  box-shadow: 0 22px 72px var(--home-shadow);
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
}

.frisbie-ad-hero__active-card::before {
  content: "";
  position: absolute;
  top: 16px;
  bottom: 16px;
  left: 0;
  width: 3px;
  background: linear-gradient(180deg, var(--home-primary), var(--home-cyan));
}

.frisbie-ad-hero__active-card-title {
  display: grid;
  min-width: 0;
  grid-gap: 4px;
  gap: 4px;
}

.frisbie-ad-hero__active-card-title strong {
  color: var(--ad-hero-ink);
  font-size: 18px;
  font-weight: 900;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

.frisbie-ad-hero__active-card-title span {
  display: block;
  color: var(--home-primary);
  font-size: 13px;
  font-weight: 850;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.frisbie-ad-hero__active-card p {
  margin: 0;
  color: var(--ad-hero-ink-soft);
  font-size: 12px;
  line-height: 1.42;
}

.frisbie-ad-hero__carousel {
  position: absolute;
  z-index: 3;
  right: clamp(26px, 3vw, 54px);
  bottom: clamp(24px, 3.2vw, 42px);
  left: clamp(26px, 3vw, 54px);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  grid-gap: clamp(8px, 1.15vw, 22px);
  gap: clamp(8px, 1.15vw, 22px);
}

.frisbie-ad-hero__arrow {
  display: none;
  width: clamp(38px, 2.9vw, 46px);
  height: clamp(38px, 2.9vw, 46px);
  align-items: center;
  justify-content: center;
  color: var(--ad-hero-ink);
  background: color-mix(in srgb, var(--ad-hero-shade) 54%, transparent);
  border: 1px solid var(--home-border);
  border-radius: 50%;
  cursor: pointer;
  transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.frisbie-ad-hero__arrow:hover,
.frisbie-ad-hero__arrow:focus-visible {
  background: color-mix(in srgb, var(--home-bg-container) 74%, transparent);
  border-color: var(--home-border-strong);
  outline: none;
  transform: translateY(-1px);
}

.frisbie-ad-hero__nav {
  display: flex;
  min-width: 0;
  align-items: end;
  justify-content: center;
  gap: clamp(4px, 0.65vw, 14px);
  padding-top: 28px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
}

.frisbie-ad-hero__nav::-webkit-scrollbar {
  display: none;
}

.frisbie-ad-hero__nav-item {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: end;
  justify-content: center;
  padding: 0 0 12px;
  color: var(--ad-hero-ink-soft);
  background: transparent;
  border: 0;
  cursor: pointer;
  font: inherit;
  text-align: left;
  transition: color 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
}

.frisbie-ad-hero__nav-item::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--home-primary), var(--home-cyan));
  opacity: 0;
  transform: scaleX(0.42);
  transform-origin: center;
  transition: opacity 0.22s ease, transform 0.22s ease;
}

.frisbie-ad-hero__nav-item:hover,
.frisbie-ad-hero__nav-item:focus-visible,
.frisbie-ad-hero__nav-item--active {
  color: var(--ad-hero-ink);
  outline: none;
}

.frisbie-ad-hero__nav-item:hover,
.frisbie-ad-hero__nav-item:focus-visible {
  transform: translateY(-1px);
}

.frisbie-ad-hero__nav-item--active::after {
  opacity: 1;
  transform: scaleX(1);
}

.frisbie-ad-hero__portrait {
  position: relative;
  display: block;
  width: clamp(38px, 3.2vw, 56px);
  height: clamp(46px, 3.75vw, 64px);
  overflow: hidden;
  background: var(--home-bg-container);
  border: 1px solid var(--home-border);
  border-radius: 8px 8px 0 0;
  box-shadow: 0 18px 42px var(--home-shadow);
  transform-origin: center bottom;
  transition:
    width 0.2s ease,
    height 0.2s ease,
    border-color 0.2s ease,
    transform 0.24s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.24s ease;
}

.frisbie-ad-hero__portrait img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.frisbie-ad-hero__nav-item--active .frisbie-ad-hero__portrait {
  width: clamp(46px, 3.85vw, 68px);
  height: clamp(56px, 4.45vw, 78px);
  border-color: var(--home-primary);
}

.frisbie-ad-hero__nav-item:hover,
.frisbie-ad-hero__nav-item:focus-visible {
  z-index: 3;
}

.frisbie-ad-hero__nav-item:hover .frisbie-ad-hero__portrait,
.frisbie-ad-hero__nav-item:focus-visible .frisbie-ad-hero__portrait {
  transform: scale(1.34) translateY(-8%);
  box-shadow: 0 22px 44px var(--home-shadow-strong);
}

.frisbie-ad-hero__nav-item--active:hover .frisbie-ad-hero__portrait,
.frisbie-ad-hero__nav-item--active:focus-visible .frisbie-ad-hero__portrait {
  transform: scale(1.16) translateY(-5%);
}

.frisbie-ad-hero__nav-item:has(+ .frisbie-ad-hero__nav-item:hover)
  .frisbie-ad-hero__portrait,
.frisbie-ad-hero__nav-item:has(+ .frisbie-ad-hero__nav-item:focus-visible)
  .frisbie-ad-hero__portrait,
.frisbie-ad-hero__nav-item:hover
  + .frisbie-ad-hero__nav-item
  .frisbie-ad-hero__portrait,
.frisbie-ad-hero__nav-item:focus-visible
  + .frisbie-ad-hero__nav-item
  .frisbie-ad-hero__portrait {
  transform: scale(1.16) translateY(-5%);
}

.frisbie-ad-hero__nav-item:has(+ .frisbie-ad-hero__nav-item + .frisbie-ad-hero__nav-item:hover)
  .frisbie-ad-hero__portrait,
.frisbie-ad-hero__nav-item:has(+ .frisbie-ad-hero__nav-item + .frisbie-ad-hero__nav-item:focus-visible)
  .frisbie-ad-hero__portrait,
.frisbie-ad-hero__nav-item:hover
  + .frisbie-ad-hero__nav-item
  + .frisbie-ad-hero__nav-item
  .frisbie-ad-hero__portrait,
.frisbie-ad-hero__nav-item:focus-visible
  + .frisbie-ad-hero__nav-item
  + .frisbie-ad-hero__nav-item
  .frisbie-ad-hero__portrait {
  transform: scale(1.08) translateY(-3%);
}

@media (max-width: 1180px) {
  .frisbie-ad-hero__carousel {
    right: 18px;
    left: 18px;
    gap: 10px;
  }

  .frisbie-ad-hero__nav {
    justify-content: center;
    overflow-x: hidden;
  }
}

.frisbie-ad-hero__signature {
  --footer-heading: var(--ad-hero-ink);
  --footer-muted: var(--ad-hero-ink-soft);
  --footer-border: var(--home-border);
  --footer-bg: var(--ad-hero-shade);
  position: absolute;
  z-index: 2;
  right: clamp(30px, 3.8vw, 70px);
  top: var(--ad-hero-top);
  transform: scale(1.16);
  transform-origin: right top;
}

.frisbie-ad-hero__signature .frisbie-footer-brand__logo {
  color: var(--ad-hero-ink);
}

.frisbie-ad-hero__signature .frisbie-footer-brand__tagline {
  color: var(--ad-hero-ink-soft);
  border-left-color: var(--ad-hero-ink);
}

@keyframes frisbie-ad-hero-image-in {
  from {
    opacity: 0;
    transform: scale(1.018);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes frisbie-ad-hero-copy-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.frisbie-frontier-models {
  position: relative;
  z-index: 2;
  padding: clamp(52px, 7vw, 92px) 0 clamp(46px, 6vw, 76px);
  overflow: hidden;
  color: var(--home-text);
}

.frisbie-frontier-models__copy {
  width: min(100% - 48px, 860px);
  margin: 0 auto clamp(30px, 4vw, 48px);
}

.frisbie-frontier-models__rail {
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 0%,
    var(--home-text) 8%,
    var(--home-text) 92%,
    transparent 100%
  );
  mask-image: linear-gradient(
    90deg,
    transparent 0%,
    var(--home-text) 8%,
    var(--home-text) 92%,
    transparent 100%
  );
}

.frisbie-frontier-models__track {
  display: flex;
  width: max-content;
  gap: 8px;
  will-change: transform;
}

.frisbie-frontier-models__card {
  display: inline-flex;
  flex: 0 0 clamp(172px, 14vw, 232px);
  align-items: center;
  justify-content: center;
  min-height: clamp(118px, 12vw, 168px);
  padding: 18px;
  color: var(--home-text);
  background: color-mix(in srgb, var(--home-bg-container) 84%, transparent);
  border: 1px solid var(--home-border);
  border-radius: 8px;
  box-shadow: 0 20px 64px var(--home-shadow);
}

.frisbie-frontier-models__card-content {
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 9px;
}

.frisbie-frontier-models__card img {
  width: 22px;
  height: 22px;
  object-fit: contain;
  filter: grayscale(1) contrast(1.08);
  opacity: 0.86;
}

.frisbie-frontier-models__mark {
  display: inline-flex;
  width: 22px;
  height: 22px;
  align-items: center;
  justify-content: center;
  color: var(--home-bg);
  background: var(--home-text);
  border-radius: 8px;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}

.frisbie-frontier-models__name {
  color: var(--home-text);
  font-size: clamp(13px, 0.98vw, 16px);
  font-weight: 850;
  line-height: 1.12;
  white-space: nowrap;
}

@media (max-width: 760px) {
  .frisbie-ad-hero {
    --ad-hero-x: 24px;
    --ad-hero-top: 18px;
    --ad-hero-height: min(720px, calc(100svh - 64px));
    min-height: var(--ad-hero-height);
    padding: 0;
  }

  .frisbie-ad-hero__stage {
    width: 100%;
    height: var(--ad-hero-height);
    min-height: var(--ad-hero-height);
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }

  .frisbie-ad-hero__image img {
    object-position: right center;
  }

  .frisbie-ad-hero__shade {
    background:
      linear-gradient(
        90deg,
        color-mix(in srgb, var(--ad-hero-shade) 74%, transparent) 0%,
        color-mix(in srgb, var(--ad-hero-shade) 46%, transparent) 46%,
        color-mix(in srgb, var(--ad-hero-shade) 8%, transparent) 100%
      ),
      linear-gradient(
        180deg,
        color-mix(in srgb, var(--ad-hero-shade) 12%, transparent) 0%,
        transparent 48%,
        color-mix(in srgb, var(--ad-hero-shade) 72%, transparent) 100%
      );
  }

  .frisbie-ad-hero__copy {
    top: 44px;
    right: auto;
    bottom: auto;
    left: var(--ad-hero-x);
    width: min(86vw, 390px);
    transform: none;
  }

  .frisbie-ad-hero__copy h1 {
    max-width: 390px;
    font-size: clamp(31px, 9.2vw, 42px);
    line-height: 1;
  }

  .frisbie-ad-hero__headline-line {
    width: auto;
    max-width: 100%;
  }

  .frisbie-ad-hero__headline-line--prefix {
    font-size: 0.68em;
  }

  .frisbie-ad-hero__eyebrow {
    top: 20px;
    right: auto;
    bottom: auto;
    left: var(--ad-hero-x);
    max-width: min(86vw, 390px);
    margin: 0;
    font-size: 10px;
    letter-spacing: 0.02em;
    text-align: left;
    white-space: nowrap;
  }

  .frisbie-ad-hero__active-card {
    right: auto;
    bottom: clamp(172px, 23svh, 204px);
    left: 50%;
    display: grid;
    width: min(78vw, 320px);
    grid-gap: 7px;
    gap: 7px;
    padding: 12px 14px 12px 16px;
    background: color-mix(in srgb, var(--ad-hero-shade) 58%, transparent);
    -webkit-backdrop-filter: blur(12px);
            backdrop-filter: blur(12px);
    transform: translateX(-50%);
  }

  .frisbie-ad-hero__active-card::before {
    top: 12px;
    bottom: 12px;
  }

  .frisbie-ad-hero__active-card-title {
    gap: 3px;
  }

  .frisbie-ad-hero__active-card-title strong {
    font-size: 14px;
  }

  .frisbie-ad-hero__active-card-title span {
    font-size: 11px;
  }

  .frisbie-ad-hero__active-card p {
    font-size: 11px;
    line-height: 1.35;
  }

  .frisbie-ad-hero__carousel {
    right: 14px;
    bottom: 78px;
    left: 14px;
    grid-template-columns: 38px minmax(0, 1fr) 38px;
    gap: 8px;
  }

  .frisbie-ad-hero__arrow {
    display: inline-flex;
    width: 38px;
    height: 38px;
  }

  .frisbie-ad-hero__nav {
    justify-content: start;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    gap: 8px;
    padding-top: 24px;
  }

  .frisbie-ad-hero__nav-item {
    padding-bottom: 8px;
    scroll-snap-align: center;
  }

  .frisbie-ad-hero__nav-item::after {
    right: 8px;
    left: 8px;
  }

  .frisbie-ad-hero__portrait {
    width: 44px;
    height: 52px;
  }

  .frisbie-ad-hero__nav-item--active .frisbie-ad-hero__portrait {
    width: 52px;
    height: 62px;
  }

  .frisbie-ad-hero__signature {
    right: auto;
    bottom: 24px;
    left: 50%;
    top: auto;
    transform: translateX(-50%) scale(0.78);
    transform-origin: center bottom;
  }

  .frisbie-frontier-models {
    padding: 42px 0 48px;
  }

  .frisbie-frontier-models__copy {
    width: min(100% - 32px, 560px);
    margin-bottom: 26px;
  }

  .frisbie-frontier-models__card {
    flex-basis: 162px;
    min-height: 118px;
    padding: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .frisbie-ad-hero__image,
  .frisbie-ad-hero__image img,
  .frisbie-ad-hero__copy {
    animation: none;
  }
}

.frisbie-ai-hero {
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  min-height: min(760px, calc(100vh - 78px));
  margin: 0;
  padding: clamp(44px, 4vw, 60px) clamp(28px, 5vw, 72px)
    clamp(28px, 3vw, 36px);
  overflow: hidden;
  color: var(--home-text);
  background: transparent;
}

.frisbie-ai-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(
      ellipse at center,
      transparent 34%,
      var(--home-shadow-strong) 100%
    ),
    linear-gradient(180deg, transparent 78%, var(--home-shell-overlay) 100%);
  opacity: 0.62;
}

.frisbie-ai-hero__ambient,
.frisbie-ai-hero__particles {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.frisbie-ai-hero__ambient {
  z-index: -2;
  background: radial-gradient(
      ellipse at 68% 46%,
      var(--home-cyan-mid),
      transparent 25%
    ),
    radial-gradient(
      ellipse at 78% 70%,
      var(--home-primary-mid),
      transparent 26%
    ),
    radial-gradient(
      ellipse at 20% 72%,
      var(--home-primary-soft),
      transparent 34%
    ),
    radial-gradient(
      ellipse at 35% 12%,
      var(--home-surface-soft),
      transparent 30%
    );
  filter: blur(28px);
  opacity: 0.9;
}

.frisbie-ai-hero__particles span {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 999px;
  background: var(--home-cyan-strong);
  box-shadow: 0 0 18px var(--home-cyan-strong);
  animation: frisbie-particle-drift 9s ease-in-out infinite;
}

.frisbie-ai-hero__particles span:nth-child(1) {
  left: 8%;
  top: 18%;
  animation-delay: -1s;
}
.frisbie-ai-hero__particles span:nth-child(2) {
  left: 16%;
  top: 76%;
  animation-delay: -3s;
}
.frisbie-ai-hero__particles span:nth-child(3) {
  left: 24%;
  top: 42%;
  animation-delay: -5s;
}
.frisbie-ai-hero__particles span:nth-child(4) {
  left: 34%;
  top: 16%;
  animation-delay: -6s;
}
.frisbie-ai-hero__particles span:nth-child(5) {
  left: 43%;
  top: 88%;
  animation-delay: -2s;
}
.frisbie-ai-hero__particles span:nth-child(6) {
  left: 52%;
  top: 24%;
  animation-delay: -4s;
}
.frisbie-ai-hero__particles span:nth-child(7) {
  left: 63%;
  top: 12%;
  animation-delay: -7s;
}
.frisbie-ai-hero__particles span:nth-child(8) {
  left: 70%;
  top: 78%;
  animation-delay: -2.4s;
}
.frisbie-ai-hero__particles span:nth-child(9) {
  left: 81%;
  top: 34%;
  animation-delay: -5.2s;
}
.frisbie-ai-hero__particles span:nth-child(10) {
  left: 90%;
  top: 66%;
  animation-delay: -1.8s;
}
.frisbie-ai-hero__particles span:nth-child(11) {
  left: 12%;
  top: 54%;
  animation-delay: -7.4s;
}
.frisbie-ai-hero__particles span:nth-child(12) {
  left: 57%;
  top: 58%;
  animation-delay: -3.7s;
}
.frisbie-ai-hero__particles span:nth-child(13) {
  left: 76%;
  top: 18%;
  animation-delay: -6.4s;
}
.frisbie-ai-hero__particles span:nth-child(14) {
  left: 86%;
  top: 86%;
  animation-delay: -4.9s;
}
.frisbie-ai-hero__particles span:nth-child(15) {
  left: 31%;
  top: 68%;
  animation-delay: -8s;
}
.frisbie-ai-hero__particles span:nth-child(16) {
  left: 46%;
  top: 36%;
  animation-delay: -2.8s;
}
.frisbie-ai-hero__particles span:nth-child(17) {
  left: 67%;
  top: 48%;
  animation-delay: -5.9s;
}
.frisbie-ai-hero__particles span:nth-child(18) {
  left: 95%;
  top: 22%;
  animation-delay: -7.8s;
}

.frisbie-ai-hero__inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(380px, 0.9fr) minmax(540px, 1.1fr);
  grid-gap: clamp(36px, 4.8vw, 72px);
  gap: clamp(36px, 4.8vw, 72px);
  align-items: center;
  max-width: 1540px;
  min-height: 620px;
  margin: 0 auto;
}

.frisbie-ai-hero__copy {
  max-width: 720px;
}

.frisbie-ai-hero__eyebrow,
.frisbie-ai-hero__proof span,
.frisbie-ai-hero__bottom-line,
.frisbie-card-topline,
.frisbie-command__status,
.frisbie-model-cloud span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.frisbie-ai-hero__eyebrow {
  min-height: 36px;
  padding: 7px 13px;
  margin-bottom: 26px;
  border: 1px solid var(--home-border-strong);
  border-radius: 999px;
  color: var(--home-cyan);
  background: var(--home-surface-soft);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  -webkit-backdrop-filter: blur(18px);
          backdrop-filter: blur(18px);
}

.frisbie-ai-hero h1 {
  max-width: 15ch;
  margin: 0;
  color: var(--home-text);
  font-size: clamp(44px, 5.2vw, 70px);
  font-weight: 900;
  line-height: 0.96;
  letter-spacing: 0;
}

.frisbie-ai-hero__lead {
  margin: 22px 0 0;
  color: var(--home-cyan);
  font-size: clamp(21px, 1.8vw, 28px);
  font-weight: 900;
  line-height: 1.2;
  text-shadow: 0 0 26px var(--home-cyan-mid);
}

.frisbie-ai-hero__subhead {
  max-width: 590px;
  margin: 16px 0 0;
  color: var(--home-text-soft);
  font-size: clamp(16px, 1.18vw, 20px);
  line-height: 1.62;
}

.frisbie-ai-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 26px;
}

.frisbie-ai-hero__actions .ant-btn {
  min-height: 50px;
  padding-inline: 22px;
  border-radius: 999px;
  font-weight: 850;
  box-shadow: 0 20px 48px var(--home-shadow);
}

.frisbie-ai-hero__actions .ant-btn-default {
  color: var(--home-text);
  background: var(--home-surface-soft);
  border-color: var(--home-border);
  -webkit-backdrop-filter: blur(18px);
          backdrop-filter: blur(18px);
}

.frisbie-ai-hero__proof {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}

.frisbie-ai-hero__proof span {
  min-height: 38px;
  padding: 8px 13px;
  color: var(--home-text-soft);
  background: linear-gradient(
    135deg,
    var(--home-surface-soft),
    var(--home-surface-faint)
  );
  border: 1px solid var(--home-border);
  border-radius: 999px;
  font-size: 13px;
  font-weight: 750;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease,
    transform 0.2s ease;
}

.frisbie-ai-hero__proof span:hover {
  color: var(--home-text);
  border-color: var(--home-cyan-strong);
  box-shadow: 0 0 32px var(--home-cyan-soft);
  transform: translateY(-1px);
}

.frisbie-ai-hero__bottom-line {
  margin-top: 28px;
  color: var(--home-text-soft);
  font-size: clamp(16px, 1.25vw, 21px);
  font-weight: 850;
  letter-spacing: 0.03em;
}

.frisbie-ai-hero__bottom-line::before {
  content: "";
  width: 64px;
  height: 1px;
  background: linear-gradient(
    90deg,
    var(--home-cyan),
    var(--home-primary),
    transparent
  );
  box-shadow: 0 0 18px var(--home-cyan-soft);
}

.frisbie-ai-hero__system {
  position: relative;
  min-height: 640px;
  perspective: 1300px;
}

.frisbie-ai-hero__system-glow {
  position: absolute;
  inset: 9% 4% 4%;
  border-radius: 999px;
  background: radial-gradient(
      circle at 50% 44%,
      var(--home-cyan-strong),
      transparent 28%
    ),
    radial-gradient(
      circle at 44% 60%,
      var(--home-primary-strong),
      transparent 38%
    ),
    radial-gradient(circle at 70% 76%, var(--home-cyan-mid), transparent 28%);
  filter: blur(44px);
  opacity: 0.88;
}

.frisbie-ai-hero__connection {
  position: absolute;
  z-index: 2;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    var(--home-cyan-strong),
    var(--home-primary-strong),
    transparent
  );
  opacity: 0.48;
  transform-origin: center;
  box-shadow: 0 0 22px var(--home-cyan-soft);
}

.frisbie-ai-hero__connection--a {
  top: 31%;
  left: 8%;
  width: 82%;
  transform: rotate(8deg);
}

.frisbie-ai-hero__connection--b {
  top: 55%;
  left: 11%;
  width: 76%;
  transform: rotate(-14deg);
}

.frisbie-ai-hero__connection--c {
  top: 47%;
  left: 22%;
  width: 58%;
  transform: rotate(89deg);
}

.frisbie-ai-hero__connection--d {
  top: 70%;
  left: 14%;
  width: 64%;
  transform: rotate(15deg);
}

.frisbie-ai-hero__connection--e {
  top: 39%;
  left: 29%;
  width: 52%;
  transform: rotate(-32deg);
}

.frisbie-command,
.frisbie-float-card,
.frisbie-link-orbit__core,
.frisbie-link-orbit__node,
.frisbie-model-cloud span,
.frisbie-layer-card {
  border: 1px solid var(--home-border);
  background: linear-gradient(
    135deg,
    var(--home-surface) 0%,
    var(--home-surface-soft) 100%
  );
  box-shadow: 0 28px 92px var(--home-shadow),
    inset 0 1px 0 var(--home-surface-soft);
  -webkit-backdrop-filter: blur(24px) saturate(140%);
          backdrop-filter: blur(24px) saturate(140%);
}

.frisbie-command {
  position: absolute;
  z-index: 10;
  top: 43%;
  left: 50%;
  width: min(620px, 84%);
  padding: 16px;
  border-color: var(--home-border-strong);
  border-radius: 26px;
  translate: -50% -50%;
  animation: frisbie-prompt-glow 5.6s ease-in-out infinite;
}

.frisbie-command__status {
  margin-bottom: 12px;
  color: var(--home-cyan);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.frisbie-command__status::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--home-cyan);
  box-shadow: 0 0 18px var(--home-cyan);
}

.frisbie-command__input {
  display: grid;
  align-items: center;
  min-height: 62px;
  padding: 0 92px 0 20px;
  color: var(--home-text);
  background: var(--home-surface-faint);
  border: 1px solid var(--home-border);
  border-radius: 19px;
  font-size: clamp(15px, 1.18vw, 18px);
  font-weight: 800;
  line-height: 1.35;
}

.frisbie-command button {
  position: absolute;
  right: 28px;
  bottom: 28px;
  min-width: 64px;
  height: 40px;
  border: 0;
  border-radius: 999px;
  color: var(--home-run-text);
  background: linear-gradient(135deg, var(--home-cyan), var(--home-primary));
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 0 28px var(--home-primary-mid), 0 14px 34px var(--home-shadow);
}

.frisbie-link-orbit {
  min-height: 640px;
}

.frisbie-link-orbit__glow {
  inset: 4% 0 0;
}

.frisbie-link-orbit__ring,
.frisbie-link-orbit__axis {
  position: absolute;
  z-index: 1;
  pointer-events: none;
}

.frisbie-link-orbit__ring {
  left: 50%;
  top: 50%;
  border: 1px solid var(--home-border);
  border-radius: 999px;
  box-shadow: inset 0 0 36px var(--home-cyan-soft),
    0 0 54px var(--home-primary-soft);
  translate: -50% -50%;
}

.frisbie-link-orbit__ring--outer {
  width: min(560px, 82%);
  aspect-ratio: 1;
  opacity: 0.72;
}

.frisbie-link-orbit__ring--inner {
  width: min(360px, 54%);
  aspect-ratio: 1;
  opacity: 0.92;
}

.frisbie-link-orbit__axis {
  background: linear-gradient(
    90deg,
    transparent,
    var(--home-cyan-strong),
    var(--home-primary-strong),
    transparent
  );
  opacity: 0.46;
  box-shadow: 0 0 22px var(--home-cyan-soft);
}

.frisbie-link-orbit__axis--x {
  top: 50%;
  left: 10%;
  width: 80%;
  height: 1px;
}

.frisbie-link-orbit__axis--y {
  top: 9%;
  left: 50%;
  width: 1px;
  height: 82%;
  background: linear-gradient(
    180deg,
    transparent,
    var(--home-cyan-strong),
    var(--home-primary-strong),
    transparent
  );
}

.frisbie-link-orbit__axis--a,
.frisbie-link-orbit__axis--b {
  top: 50%;
  left: 14%;
  width: 72%;
  height: 1px;
}

.frisbie-link-orbit__axis--a {
  transform: rotate(34deg);
}

.frisbie-link-orbit__axis--b {
  transform: rotate(-34deg);
}

.frisbie-link-orbit__core,
.frisbie-link-orbit__node {
  position: absolute;
  z-index: 8;
  overflow: hidden;
  border-radius: 8px;
  color: var(--home-text);
}

.frisbie-link-orbit__core::before,
.frisbie-link-orbit__node::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(
      circle at 28% 18%,
      var(--home-cyan-soft),
      transparent 34%
    ),
    radial-gradient(
      circle at 82% 78%,
      var(--home-primary-soft),
      transparent 38%
    ),
    linear-gradient(135deg, var(--home-surface-soft), var(--home-surface-faint));
  opacity: 0.78;
}

.frisbie-link-orbit__core > *,
.frisbie-link-orbit__node > * {
  position: relative;
  z-index: 1;
}
.frisbie-link-orbit__node-link {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  align-items: center;
  grid-gap: 13px;
  gap: 13px;
  width: 100%;
  min-height: 100%;
  color: inherit;
  text-decoration: none;
}

.frisbie-link-orbit__node-link:focus-visible {
  outline: 2px solid var(--home-cyan);
  outline-offset: 4px;
  border-radius: 8px;
}

.frisbie-link-orbit__core {
  left: 50%;
  top: 50%;
  width: min(250px, 40%);
  min-height: 184px;
  display: grid;
  justify-items: center;
  align-content: center;
  grid-gap: 10px;
  gap: 10px;
  padding: 22px;
  border-color: var(--home-border-strong);
  text-align: center;
  translate: -50% -50%;
  box-shadow: 0 34px 110px var(--home-shadow-strong),
    0 0 78px var(--home-primary-mid), inset 0 1px 0 var(--home-surface-soft);
}

.frisbie-link-orbit__core-icon,
.frisbie-link-orbit__node-icon {
  display: inline-grid;
  place-items: center;
  color: var(--home-run-text);
  background: linear-gradient(135deg, var(--home-cyan), var(--home-primary));
  box-shadow: 0 0 30px var(--home-primary-mid);
}

.frisbie-link-orbit__core-icon {
  width: 48px;
  height: 48px;
  border-radius: 999px;
  font-size: 22px;
}

.frisbie-link-orbit__core strong {
  color: var(--home-text);
  font-size: clamp(44px, 5.2vw, 68px);
  font-weight: 950;
  line-height: 0.92;
}

.frisbie-link-orbit__core span:last-child {
  color: var(--home-text-faint);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.frisbie-link-orbit__node {
  width: 206px;
  min-height: 112px;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  align-items: center;
  grid-gap: 13px;
  gap: 13px;
  padding: 15px;
}

.frisbie-link-orbit__node--creative {
  top: 7%;
  left: 7%;
}

.frisbie-link-orbit__node--forms {
  top: 7%;
  right: 7%;
}

.frisbie-link-orbit__node--chat {
  bottom: 8%;
  left: 1%;
}

.frisbie-link-orbit__node--automations {
  bottom: 2%;
  left: 50%;
  translate: -50% 0;
}

.frisbie-link-orbit__node--context {
  right: 1%;
  bottom: 8%;
}

.frisbie-link-orbit__node-icon {
  width: 46px;
  height: 46px;
  border-radius: 8px;
  font-size: 20px;
}

.frisbie-link-orbit__node-copy {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
}

.frisbie-link-orbit__node-copy strong {
  color: var(--home-text);
  font-size: 18px;
  font-weight: 900;
  line-height: 1.1;
}

.frisbie-link-orbit__node-copy small {
  color: var(--home-cyan);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.frisbie-float-card {
  position: absolute;
  z-index: 4;
  padding: 16px;
  border-radius: 24px;
}

.frisbie-float-card--creative {
  top: 1%;
  left: -2%;
  width: 292px;
}

.frisbie-float-card--video {
  top: 0;
  right: -1%;
  width: 288px;
}

.frisbie-float-card--variations {
  bottom: 4%;
  left: 2%;
  width: 290px;
}

.frisbie-float-card--credits {
  right: 4%;
  bottom: 1%;
  width: 314px;
}

.frisbie-float-card--workflow {
  top: 61%;
  right: -3%;
  width: 386px;
}

.frisbie-card-topline {
  justify-content: space-between;
  width: 100%;
  margin-bottom: 13px;
  color: var(--home-text-soft);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.frisbie-image-preview,
.frisbie-video-thumb {
  position: relative;
  overflow: hidden;
  border-radius: 17px;
  background: var(--home-surface-faint);
  border: 1px solid var(--home-border);
}

.frisbie-image-preview {
  aspect-ratio: 1.22;
}

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

.frisbie-image-preview video,
.frisbie-video-thumb video,
.frisbie-layer-card__media video,
.frisbie-layer-card__media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.frisbie-image-preview__scan {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    transparent 0%,
    var(--home-cyan-soft) 48%,
    transparent 100%
  );
  animation: frisbie-scan 3.8s ease-in-out infinite;
}

.frisbie-video-thumb span {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: var(--home-text);
  font-size: 38px;
  background: var(--home-surface-faint);
}

.frisbie-card-meta {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 13px;
  color: var(--home-text-faint);
  font-size: 12px;
}

.frisbie-card-meta strong {
  color: var(--home-text);
}

.frisbie-timeline {
  height: 5px;
  margin-top: 13px;
  overflow: hidden;
  background: var(--home-surface-faint);
  border-radius: 999px;
}

.frisbie-timeline i {
  display: block;
  width: 64%;
  height: 100%;
  background: linear-gradient(90deg, var(--home-cyan), var(--home-primary));
  border-radius: inherit;
}

.frisbie-asset-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 9px;
  gap: 9px;
}

.frisbie-asset-grid span {
  min-height: 66px;
  display: grid;
  place-items: end start;
  padding: 10px;
  overflow: hidden;
  color: var(--home-text);
  background: radial-gradient(
      circle at 80% 18%,
      var(--home-cyan-mid),
      transparent 34%
    ),
    linear-gradient(135deg, var(--home-surface-soft), var(--home-surface-faint));
  border: 1px solid var(--home-border);
  border-radius: 15px;
  font-size: 11px;
  font-weight: 900;
}

.frisbie-asset-grid__tile-2,
.frisbie-asset-grid__tile-3 {
  background: radial-gradient(
      circle at 22% 16%,
      var(--home-primary-mid),
      transparent 36%
    ),
    linear-gradient(135deg, var(--home-surface-soft), var(--home-surface-faint)) !important;
}

.frisbie-credit-list {
  display: grid;
  grid-gap: 9px;
  gap: 9px;
}

.frisbie-credit-list div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 12px;
  color: var(--home-text-soft);
  background: var(--home-surface-faint);
  border: 1px solid var(--home-border);
  border-radius: 15px;
  font-size: 12px;
}

.frisbie-credit-list strong {
  color: var(--home-cyan);
}

.frisbie-workflow {
  display: grid;
  grid-template-columns: auto 1fr auto 1fr auto 1fr auto 1fr auto;
  align-items: center;
  grid-gap: 8px;
  gap: 8px;
}

.frisbie-workflow span {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 10px;
  color: var(--home-text);
  background: var(--home-surface-faint);
  border: 1px solid var(--home-border);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 850;
  white-space: nowrap;
}

.frisbie-workflow i {
  height: 1px;
  min-width: 12px;
  background: linear-gradient(90deg, var(--home-cyan), var(--home-primary));
}

.frisbie-model-cloud {
  position: absolute;
  z-index: 8;
  left: 50%;
  bottom: 25%;
  width: min(560px, 86%);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 9px;
  transform: translateX(-50%);
}

.frisbie-model-cloud span {
  min-height: 32px;
  padding: 7px 11px;
  color: var(--home-text-soft);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 850;
  white-space: nowrap;
}

.frisbie-layer-section {
  position: relative;
  margin-top: -34px;
  padding: 116px 24px 34px;
  overflow: hidden;
  background: transparent;
}

.frisbie-layer-section__fog,
.frisbie-layer-section__particles {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.frisbie-layer-section__fog {
  background: radial-gradient(
      ellipse at 50% 24%,
      var(--home-cyan-soft),
      transparent 34%
    ),
    radial-gradient(
      ellipse at 72% 62%,
      var(--home-primary-soft),
      transparent 28%
    );
  filter: blur(26px);
  opacity: 0.78;
}

.frisbie-layer-section__particles span {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 999px;
  background: var(--home-cyan-strong);
  box-shadow: 0 0 18px var(--home-cyan-strong);
  animation: frisbie-particle-drift 10s ease-in-out infinite;
}

.frisbie-layer-section__particles span:nth-child(1) {
  left: 8%;
  top: 20%;
  animation-delay: -1s;
}
.frisbie-layer-section__particles span:nth-child(2) {
  left: 14%;
  top: 58%;
  animation-delay: -4s;
}
.frisbie-layer-section__particles span:nth-child(3) {
  left: 26%;
  top: 34%;
  animation-delay: -6s;
}
.frisbie-layer-section__particles span:nth-child(4) {
  left: 36%;
  top: 82%;
  animation-delay: -2s;
}
.frisbie-layer-section__particles span:nth-child(5) {
  left: 46%;
  top: 16%;
  animation-delay: -7s;
}
.frisbie-layer-section__particles span:nth-child(6) {
  left: 55%;
  top: 72%;
  animation-delay: -3s;
}
.frisbie-layer-section__particles span:nth-child(7) {
  left: 63%;
  top: 38%;
  animation-delay: -8s;
}
.frisbie-layer-section__particles span:nth-child(8) {
  left: 72%;
  top: 20%;
  animation-delay: -5s;
}
.frisbie-layer-section__particles span:nth-child(9) {
  left: 82%;
  top: 64%;
  animation-delay: -1.6s;
}
.frisbie-layer-section__particles span:nth-child(10) {
  left: 92%;
  top: 42%;
  animation-delay: -6.6s;
}
.frisbie-layer-section__particles span:nth-child(11) {
  left: 21%;
  top: 74%;
  animation-delay: -3.5s;
}
.frisbie-layer-section__particles span:nth-child(12) {
  left: 51%;
  top: 48%;
  animation-delay: -5.7s;
}
.frisbie-layer-section__particles span:nth-child(13) {
  left: 77%;
  top: 84%;
  animation-delay: -7.8s;
}
.frisbie-layer-section__particles span:nth-child(14) {
  left: 88%;
  top: 16%;
  animation-delay: -2.7s;
}

.frisbie-layer-section__heading {
  position: relative;
  z-index: 2;
  max-width: 920px;
  margin: 0 auto 38px;
  text-align: center;
}

.frisbie-layer-section__eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 7px 12px;
  margin-bottom: 18px;
  color: var(--home-cyan);
  background: var(--home-surface-soft);
  border: 1px solid var(--home-border);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.12em;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
}

.frisbie-layer-section__heading h2 {
  margin: 0;
  color: var(--home-text);
  font-size: clamp(40px, 5.2vw, 78px);
  line-height: 0.96;
  font-weight: 900;
  letter-spacing: 0;
}

.frisbie-layer-section__heading h2 span,
.frisbie-layer-section__heading p span {
  background: linear-gradient(
    135deg,
    var(--home-text) 0%,
    var(--home-cyan) 48%,
    var(--home-primary) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.frisbie-layer-section__heading p {
  max-width: 790px;
  margin: 20px auto 0;
  color: var(--home-text-soft);
  font-size: clamp(17px, 1.32vw, 21px);
  line-height: 1.7;
}

.frisbie-ecosystem-map {
  position: relative;
  z-index: 2;
  max-width: 1220px;
  min-height: 600px;
  margin: 0 auto 34px;
  overflow: hidden;
  border: 1px solid var(--home-border);
  border-radius: 34px;
  background: radial-gradient(
      circle at 50% 46%,
      var(--home-cyan-soft),
      transparent 28%
    ),
    radial-gradient(
      circle at 62% 58%,
      var(--home-primary-soft),
      transparent 32%
    ),
    linear-gradient(135deg, var(--home-surface-faint), transparent);
  box-shadow: 0 34px 120px var(--home-shadow),
    inset 0 1px 0 var(--home-surface-soft);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}

.frisbie-ecosystem-map__grid,
.frisbie-ecosystem-map__glow {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.frisbie-ecosystem-map__grid {
  background-image: linear-gradient(var(--home-grid-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--home-grid-line) 1px, transparent 1px),
    radial-gradient(circle, var(--home-grid-dot) 1px, transparent 1px);
  background-size: 72px 72px, 72px 72px, 26px 26px;
  -webkit-mask-image: radial-gradient(
    circle at center,
    var(--home-text) 0%,
    transparent 72%
  );
          mask-image: radial-gradient(
    circle at center,
    var(--home-text) 0%,
    transparent 72%
  );
  opacity: 0.82;
}

.frisbie-ecosystem-map__glow {
  background: radial-gradient(
      circle at 50% 50%,
      var(--home-cyan-strong),
      transparent 18%
    ),
    radial-gradient(circle at 50% 50%, var(--home-primary-mid), transparent 36%);
  filter: blur(34px);
  opacity: 0.82;
}

.frisbie-ecosystem-line {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    var(--home-cyan-strong),
    var(--home-primary-strong),
    transparent
  );
  box-shadow: 0 0 20px var(--home-cyan-soft);
  opacity: 0.42;
  transform-origin: center;
}

.frisbie-ecosystem-line--a {
  width: 70%;
  transform: translateX(-50%) rotate(0deg);
}
.frisbie-ecosystem-line--b {
  width: 64%;
  transform: translateX(-50%) rotate(55deg);
}
.frisbie-ecosystem-line--c {
  width: 64%;
  transform: translateX(-50%) rotate(-55deg);
}
.frisbie-ecosystem-line--d {
  width: 76%;
  transform: translateX(-50%) rotate(24deg);
}
.frisbie-ecosystem-line--e {
  width: 76%;
  transform: translateX(-50%) rotate(-24deg);
}

.frisbie-ecosystem-flow {
  position: absolute;
  z-index: 3;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--home-cyan);
  box-shadow: 0 0 22px var(--home-cyan);
  animation: frisbie-signal-flow 7s ease-in-out infinite;
}

.frisbie-ecosystem-flow--a {
  left: 24%;
  top: 50%;
  animation-delay: -1s;
}
.frisbie-ecosystem-flow--b {
  left: 60%;
  top: 31%;
  animation-delay: -3s;
}
.frisbie-ecosystem-flow--c {
  left: 66%;
  top: 70%;
  animation-delay: -5s;
}

.frisbie-ecosystem-core {
  position: absolute;
  z-index: 5;
  left: 50%;
  top: 50%;
  width: 210px;
  height: 210px;
  display: grid;
  place-items: center;
  align-content: center;
  grid-gap: 6px;
  gap: 6px;
  translate: -50% -50%;
  color: var(--home-text);
  background: radial-gradient(
      circle at 42% 26%,
      var(--home-cyan-soft),
      transparent 34%
    ),
    linear-gradient(135deg, var(--home-surface), var(--home-surface-soft));
  border: 1px solid var(--home-border-strong);
  border-radius: 52px;
  box-shadow: 0 0 70px var(--home-cyan-soft), 0 36px 110px var(--home-shadow),
    inset 0 1px 0 var(--home-surface-soft);
  -webkit-backdrop-filter: blur(28px) saturate(150%);
          backdrop-filter: blur(28px) saturate(150%);
  animation: frisbie-core-pulse 5.4s ease-in-out infinite;
}

.frisbie-ecosystem-core span {
  color: var(--home-cyan);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.frisbie-ecosystem-core strong {
  font-size: 34px;
  line-height: 1;
}

.frisbie-ecosystem-module {
  position: absolute;
  z-index: 4;
  width: 254px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  grid-gap: 13px;
  gap: 13px;
  align-items: center;
  padding: 14px;
  color: var(--home-text);
  background: linear-gradient(
    135deg,
    var(--home-surface),
    var(--home-surface-soft)
  );
  border: 1px solid var(--home-border);
  border-radius: 22px;
  box-shadow: 0 24px 80px var(--home-shadow),
    inset 0 1px 0 var(--home-surface-soft);
  -webkit-backdrop-filter: blur(22px) saturate(140%);
          backdrop-filter: blur(22px) saturate(140%);
}

.frisbie-ecosystem-module > div {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  color: var(--home-cyan);
  background: var(--home-surface-faint);
  border: 1px solid var(--home-border);
  border-radius: 16px;
  font-size: 21px;
}

.frisbie-ecosystem-module strong,
.frisbie-ecosystem-module small {
  display: block;
}

.frisbie-ecosystem-module strong {
  font-size: 15px;
  line-height: 1.2;
}

.frisbie-ecosystem-module small {
  margin-top: 4px;
  color: var(--home-text-soft);
  font-size: 12px;
  line-height: 1.35;
}

.frisbie-ecosystem-module--creative {
  left: 7%;
  top: 12%;
}
.frisbie-ecosystem-module--automations {
  right: 7%;
  top: 12%;
}
.frisbie-ecosystem-module--forms {
  left: 4%;
  top: 50%;
}
.frisbie-ecosystem-module--runtime {
  right: 4%;
  top: 50%;
}
.frisbie-ecosystem-module--models {
  left: 19%;
  bottom: 9%;
}
.frisbie-ecosystem-module--delivery {
  right: 19%;
  bottom: 9%;
}

.frisbie-layer-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-gap: 20px;
  gap: 20px;
}

.frisbie-layer-card {
  position: relative;
  min-height: 390px;
  overflow: hidden;
  border-radius: 28px;
  transition: transform 0.22s ease, border-color 0.22s ease,
    box-shadow 0.22s ease;
}

.frisbie-layer-card--creative {
  grid-column: span 3;
  min-height: 520px;
}

.frisbie-layer-card--automations {
  grid-column: span 3;
}

.frisbie-layer-card--forms,
.frisbie-layer-card--runtime {
  grid-column: span 3;
}

.frisbie-layer-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(
      circle at 76% 0%,
      var(--home-cyan-soft),
      transparent 34%
    ),
    linear-gradient(180deg, transparent 38%, var(--home-bg) 100%);
  opacity: 0.76;
}

.frisbie-layer-card:hover {
  border-color: var(--home-cyan-strong);
  box-shadow: 0 32px 96px var(--home-shadow), 0 0 42px var(--home-cyan-soft);
  transform: translateY(-6px);
}

.frisbie-layer-card__media {
  position: relative;
  height: 214px;
  overflow: hidden;
  background: var(--home-surface-faint);
}

.frisbie-layer-card--creative .frisbie-layer-card__media {
  height: 286px;
}

.frisbie-layer-card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 35%, var(--home-shadow) 100%);
}

.frisbie-layer-card__media span {
  position: absolute;
  z-index: 2;
  left: 14px;
  top: 14px;
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  padding: 5px 9px;
  color: var(--home-text);
  background: var(--home-surface-soft);
  border: 1px solid var(--home-border);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  -webkit-backdrop-filter: blur(14px);
          backdrop-filter: blur(14px);
}

.frisbie-layer-card__body {
  position: relative;
  z-index: 2;
  padding: 24px;
}

.frisbie-layer-card__label {
  margin-bottom: 12px;
  color: var(--home-cyan);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.frisbie-layer-card__body h3 {
  margin: 0 0 12px;
  color: var(--home-text);
  font-size: clamp(24px, 2.1vw, 38px);
  line-height: 1.05;
  letter-spacing: 0;
}

.frisbie-layer-card__body p {
  margin: 0;
  color: var(--home-text-soft);
  font-size: 16px;
  line-height: 1.64;
}

.frisbie-layer-card__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}

.frisbie-layer-card__badges span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 6px 10px;
  color: var(--home-text-soft);
  background: var(--home-surface-faint);
  border: 1px solid var(--home-border);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 850;
}

.frisbie-ecosystem-showcase {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 16px;
  gap: 16px;
  max-width: 1340px;
  margin: 0 auto 34px;
  padding: 14px 4px 6px;
}

.frisbie-ecosystem-shell {
  position: relative;
}

.frisbie-ecosystem-showcase__card {
  display: grid;
  grid-column: auto;
  grid-template-rows: minmax(0, 1fr) auto;
  aspect-ratio: 0.78;
  min-height: 0;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: linear-gradient(
    135deg,
    var(--home-surface),
    var(--home-surface-soft)
  );
  box-shadow: 0 24px 80px var(--home-shadow),
    inset 0 1px 0 var(--home-surface-soft);
  transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

.frisbie-ecosystem-showcase__card[role="link"] {
  cursor: pointer;
}

.frisbie-ecosystem-showcase__card:hover {
  border-color: var(--home-cyan-strong);
  box-shadow: 0 32px 96px var(--home-shadow), 0 0 42px var(--home-cyan-soft);
  transform: translateY(-6px);
}

.frisbie-ecosystem-showcase__card:focus-visible {
  border-color: var(--home-cyan-strong);
  box-shadow: 0 32px 96px var(--home-shadow), 0 0 42px var(--home-cyan-soft);
  outline: none;
  transform: translateY(-6px);
}

.frisbie-ecosystem-showcase__card .frisbie-layer-card__media,
.frisbie-ecosystem-showcase__card.frisbie-layer-card--creative .frisbie-layer-card__media {
  height: auto;
  min-height: 0;
}

.frisbie-ecosystem-showcase__card.frisbie-layer-card--creative,
.frisbie-ecosystem-showcase__card.frisbie-layer-card--automations,
.frisbie-ecosystem-showcase__card.frisbie-layer-card--forms,
.frisbie-ecosystem-showcase__card.frisbie-layer-card--runtime {
  grid-column: auto;
  min-height: 0;
}

.frisbie-ecosystem-showcase__card .frisbie-layer-card__body {
  display: flex;
  flex-direction: column;
  padding: 14px;
}

.frisbie-ecosystem-showcase__card .frisbie-layer-card__label {
  margin-bottom: 6px;
  font-size: 10px;
}

.frisbie-ecosystem-showcase__card .frisbie-layer-card__body h3 {
  margin-bottom: 8px;
  font-size: clamp(15px, 1.08vw, 19px);
  line-height: 1.14;
}

.frisbie-ecosystem-showcase__card .frisbie-layer-card__body p {
  display: -webkit-box;
  overflow: hidden;
  font-size: 12px;
  line-height: 1.42;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.frisbie-ecosystem-showcase__card .frisbie-layer-card__badges {
  margin-top: auto;
  padding-top: 10px;
  gap: 6px;
}

.frisbie-ecosystem-showcase__card .frisbie-layer-card__badges span {
  min-height: 22px;
  padding: 4px 7px;
  font-size: 9px;
}

.frisbie-home-explore-section {
  position: relative;
  z-index: 2;
  padding: 0 24px 34px;
}

.frisbie-home-phrase-section {
  position: relative;
  z-index: 2;
  width: min(100%, 1120px);
  margin: 0 auto;
  padding: clamp(8px, 2vw, 22px) 24px clamp(14px, 3vw, 34px);
  color: var(--home-text);
}

.frisbie-home-phrase-section .frisbie-phrase-concept {
  min-height: clamp(220px, 26vw, 340px);
  padding: 0;
}

.frisbie-home-phrase-section .frisbie-phrase-concept__phrase {
  max-width: 940px;
  font-size: clamp(28px, 4vw, 54px);
  line-height: 1.12;
}

.frisbie-home-templates-section {
  position: relative;
  z-index: 2;
  padding: 0 24px;
}

.frisbie-app-highlights {
  width: min(100%, 1340px);
  margin: 0 auto;
  color: var(--home-text);
}

.frisbie-app-highlights__catalog-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0;
  color: var(--home-cyan);
  background: transparent;
  border: 0;
  cursor: pointer;
  font-weight: 800;
  transition: color 0.22s ease, transform 0.22s ease;
}

.frisbie-app-highlights__catalog-button:hover,
.frisbie-app-highlights__catalog-button:focus-visible {
  color: var(--home-primary);
  outline: none;
  transform: translateX(3px);
}

.frisbie-app-highlights__grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-bottom: 0;
}

.frisbie-app-highlights__loading {
  display: flex;
  min-height: 360px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 12px;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: var(--home-surface-faint);
  box-shadow: var(--home-shadow);
  color: var(--home-text-soft);
}

.frisbie-app-highlights__loading span {
  font-size: 14px;
  font-weight: 800;
}

.frisbie-app-highlights__footer {
  display: flex;
  justify-content: flex-end;
  max-width: 1340px;
  margin: 16px auto 0;
}

.frisbie-app-highlights__card {
  min-width: 0;
  cursor: pointer;
}

.frisbie-app-highlights__button {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  width: 100%;
  height: 100%;
  aspect-ratio: 0.78;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  text-align: left;
  color: inherit;
  background: transparent;
  border: 0;
}

.frisbie-app-highlights__button:focus-visible {
  outline: none;
}

.frisbie-app-highlights__media {
  position: relative;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: var(--home-surface-faint);
}

.frisbie-app-highlights__media img,
.frisbie-app-highlights__media video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.22s ease;
}

.frisbie-app-highlights__button:hover .frisbie-app-highlights__media img,
.frisbie-app-highlights__button:focus-visible .frisbie-app-highlights__media img,
.frisbie-app-highlights__card:hover .frisbie-app-highlights__media img,
.frisbie-app-highlights__button:hover .frisbie-app-highlights__media video,
.frisbie-app-highlights__button:focus-visible .frisbie-app-highlights__media video,
.frisbie-app-highlights__card:hover .frisbie-app-highlights__media video {
  transform: scale(1.04);
}

.frisbie-app-highlights__body {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-self: stretch;
  padding: 14px;
}

.frisbie-app-highlights__body h3 {
  -webkit-line-clamp: 2;
}

.frisbie-app-highlights__body p {
  -webkit-line-clamp: 3;
}

.frisbie-human-words {
  padding-top: 78px;
}

.frisbie-human-words::before {
  content: "";
  position: absolute;
  inset: 8% 5% 6%;
  pointer-events: none;
  background: radial-gradient(
      ellipse at 18% 24%,
      var(--home-cyan-soft),
      transparent 30%
    ),
    radial-gradient(
      ellipse at 78% 52%,
      var(--home-primary-soft),
      transparent 34%
    );
  filter: blur(24px);
  opacity: 0.74;
}

.frisbie-human-words__heading {
  margin-bottom: 24px;
}

.frisbie-human-words__stage {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(260px, 0.62fr) minmax(360px, 0.9fr) minmax(
      260px,
      0.54fr
    );
  grid-template-areas: "copy media thumbs";
  align-items: center;
  grid-gap: clamp(22px, 3.2vw, 56px);
  gap: clamp(22px, 3.2vw, 56px);
  max-width: 1360px;
  min-height: 540px;
  margin: 0 auto;
  overflow: hidden;
}

.frisbie-human-words__stage::before {
  content: "";
  position: absolute;
  inset: 12% 14% 8%;
  pointer-events: none;
  border: 1px solid var(--home-border);
  border-radius: 999px;
  opacity: 0.42;
  transform: rotate(-4deg);
}

.frisbie-human-words__stage::after {
  content: "";
  position: absolute;
  left: 4%;
  right: 4%;
  bottom: 18px;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    transparent,
    var(--home-cyan),
    var(--home-primary),
    transparent
  );
  box-shadow: 0 0 30px var(--home-cyan-soft);
}

.frisbie-human-words__portrait-wrap {
  position: relative;
  grid-area: media;
  min-height: 470px;
  display: grid;
  place-items: center;
}

.frisbie-human-words__portrait-wrap::before {
  content: "";
  position: absolute;
  inset: 8% 6% 4%;
  pointer-events: none;
  background: radial-gradient(
      circle at 46% 28%,
      var(--home-cyan-mid),
      transparent 36%
    ),
    radial-gradient(circle at 62% 68%, var(--home-primary-soft), transparent 34%);
  filter: blur(18px);
}

.frisbie-human-words__portrait {
  position: relative;
  z-index: 2;
  width: min(86%, 390px);
  min-height: 454px;
  display: grid;
  place-items: end center;
}

.frisbie-human-words__portrait img,
.frisbie-human-words__portrait video,
.frisbie-human-words__placeholder {
  width: 100%;
  height: 100%;
  display: block;
}

.frisbie-human-words__portrait img,
.frisbie-human-words__portrait video {
  object-fit: cover;
  object-position: center bottom;
  filter: drop-shadow(0 34px 54px var(--home-shadow));
}

.frisbie-human-words__portrait video {
  aspect-ratio: 0.72;
  border: 1px solid var(--home-border-strong);
  border-radius: 8px;
  background: var(--home-surface-soft);
  box-shadow: 0 34px 74px var(--home-shadow), 0 0 54px var(--home-cyan-soft);
}

.frisbie-human-words__placeholder {
  display: grid;
  place-items: center;
  aspect-ratio: 0.72;
  color: var(--home-text);
  background: radial-gradient(
      circle at 42% 22%,
      var(--home-cyan-mid),
      transparent 34%
    ),
    linear-gradient(135deg, var(--home-surface-soft), var(--home-surface-faint));
  border: 1px solid var(--home-border-strong);
  border-radius: 8px;
  box-shadow: 0 34px 74px var(--home-shadow), 0 0 54px var(--home-cyan-soft),
    inset 0 1px 0 var(--home-surface-soft);
}

.frisbie-human-words__placeholder span {
  font-size: clamp(64px, 6vw, 96px);
  font-weight: 900;
  letter-spacing: 0.04em;
}

.frisbie-human-words__copy {
  position: relative;
  grid-area: copy;
  z-index: 2;
  min-width: 0;
  padding-bottom: 24px;
  justify-self: end;
  max-width: 320px;
  text-align: right;
}

.frisbie-human-words__kicker {
  margin-bottom: 14px;
  color: var(--home-cyan);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.frisbie-human-words__copy h3 {
  margin: 0;
  color: var(--home-primary);
  font-size: clamp(38px, 4.2vw, 72px);
  font-weight: 900;
  line-height: 0.94;
}

.frisbie-human-words__copy p {
  margin: 12px 0 0;
  color: var(--home-text-soft);
  font-size: clamp(16px, 1.35vw, 22px);
  font-weight: 700;
}

.frisbie-human-words__thumbs {
  position: relative;
  grid-area: thumbs;
  z-index: 2;
  display: grid;
  grid-gap: 9px;
  gap: 9px;
  max-height: 456px;
  overflow: auto;
  padding: 4px 6px 4px 0;
}

.frisbie-human-words__thumb {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
  width: 100%;
  min-height: 62px;
  padding: 6px;
  color: var(--home-text-soft);
  background: transparent;
  border: 1px solid transparent;
  border-radius: 999px;
  cursor: pointer;
  text-align: left;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease,
    transform 0.2s ease;
}

.frisbie-human-words__thumb:hover,
.frisbie-human-words__thumb:focus-visible,
.frisbie-human-words__thumb[aria-pressed="true"] {
  color: var(--home-text);
  border-color: var(--home-cyan-strong);
  box-shadow: 0 0 28px var(--home-cyan-soft);
  outline: none;
  transform: translateX(-2px);
}

.frisbie-human-words__thumb-photo {
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: var(--home-text);
  background: var(--home-surface-faint);
  border: 1px solid var(--home-border);
  border-radius: 999px;
  font-size: 13px;
  font-weight: 900;
}

.frisbie-human-words__thumb-photo img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.frisbie-human-words__thumb-copy {
  min-width: 0;
}

.frisbie-human-words__thumb-copy strong,
.frisbie-human-words__thumb-copy small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.frisbie-human-words__thumb-copy strong {
  color: inherit;
  font-size: 13px;
  font-weight: 900;
}

.frisbie-human-words__thumb-copy small {
  margin-top: 2px;
  color: var(--home-text-faint);
  font-size: 11px;
  font-weight: 700;
}

.frisbie-enterprise-section {
  padding-top: 92px;
}

.frisbie-enterprise-panel {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 0.96fr) minmax(320px, 0.74fr);
  grid-gap: 0;
  gap: 0;
  max-width: 1220px;
  margin: 0 auto;
  color: var(--home-text);
  background: linear-gradient(
    135deg,
    var(--home-surface),
    var(--home-surface-soft)
  );
  border: 1px solid var(--home-border);
  border-radius: 8px;
  box-shadow: 0 24px 80px var(--home-shadow),
    inset 0 1px 0 var(--home-surface-soft);
  -webkit-backdrop-filter: blur(22px) saturate(140%);
          backdrop-filter: blur(22px) saturate(140%);
  overflow: hidden;
}

.frisbie-enterprise-panel__copy {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 0;
  padding: clamp(28px, 4.2vw, 56px);
}

.frisbie-enterprise-panel__copy::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(
      circle at 82% 0%,
      var(--home-cyan-soft),
      transparent 32%
    ),
    linear-gradient(180deg, transparent 42%, var(--home-bg) 100%);
  opacity: 0.72;
}

.frisbie-enterprise-panel__label,
.frisbie-enterprise-panel__copy h3,
.frisbie-enterprise-panel__copy p,
.frisbie-enterprise-panel__actions {
  position: relative;
  z-index: 2;
}

.frisbie-enterprise-panel__label {
  margin-bottom: 14px;
  color: var(--home-cyan);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.frisbie-enterprise-panel__copy h3 {
  max-width: 680px;
  margin: 0;
  color: var(--home-text);
  font-size: clamp(28px, 3vw, 48px);
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
}

.frisbie-enterprise-panel__copy p {
  max-width: 690px;
  margin: 18px 0 0;
  color: var(--home-text-soft);
  font-size: 16px;
  line-height: 1.65;
}

.frisbie-enterprise-panel__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 32px;
}

.frisbie-enterprise-panel__actions .ant-btn {
  min-height: 46px;
  border-radius: 999px;
  font-weight: 850;
}

.frisbie-enterprise-panel__actions .ant-btn-default {
  color: var(--home-text);
  background: var(--home-surface-soft);
  border-color: var(--home-border);
}

.frisbie-enterprise-panel__support {
  position: relative;
  display: grid;
  align-content: stretch;
  grid-template-columns: 1fr;
  grid-gap: 0;
  gap: 0;
  padding: clamp(18px, 2.6vw, 30px);
  border-left: 1px solid var(--home-border);
}

.frisbie-enterprise-panel__support::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(
      circle at 88% 0%,
      var(--home-cyan-soft),
      transparent 32%
    ),
    linear-gradient(180deg, transparent 48%, var(--home-bg) 100%);
  opacity: 0.58;
}

.frisbie-enterprise-panel__support div {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  grid-gap: 8px 16px;
  gap: 8px 16px;
  align-content: center;
  min-height: 132px;
  padding: 18px 0;
}

.frisbie-enterprise-panel__support div + div::before {
  content: "";
  position: absolute;
  left: 27px;
  top: 0;
  width: 1px;
  height: 100%;
  pointer-events: none;
  background: var(--home-border);
}

.frisbie-enterprise-panel__support em {
  position: relative;
  z-index: 2;
  grid-row: 1 / span 2;
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  color: var(--home-cyan);
  background: var(--home-surface-faint);
  border: 1px solid var(--home-border);
  border-radius: 999px;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0.08em;
  box-shadow: inset 0 1px 0 var(--home-border);
}

.frisbie-enterprise-panel__support strong {
  position: relative;
  z-index: 2;
  display: block;
  grid-column: 2;
  min-width: 0;
  color: var(--home-text);
  font-size: 16px;
  font-weight: 900;
  line-height: 1.2;
}

.frisbie-enterprise-panel__support span {
  position: relative;
  z-index: 2;
  display: block;
  grid-column: 2;
  min-width: 0;
  max-width: none;
  color: var(--home-text-soft);
  font-size: 14px;
  line-height: 1.52;
}

@keyframes frisbie-particle-drift {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 0.4;
  }
  50% {
    transform: translate3d(12px, -18px, 0);
    opacity: 1;
  }
}

@keyframes frisbie-scan {
  0%,
  100% {
    transform: translateY(-80%);
    opacity: 0;
  }
  45%,
  55% {
    opacity: 0.86;
  }
  100% {
    transform: translateY(80%);
  }
}

@keyframes frisbie-prompt-glow {
  0%,
  100% {
    box-shadow: 0 28px 92px var(--home-shadow),
      0 0 18px var(--home-primary-soft), inset 0 1px 0 var(--home-surface-soft);
  }
  50% {
    box-shadow: 0 34px 110px var(--home-shadow),
      0 0 42px var(--home-primary-mid), inset 0 1px 0 var(--home-surface-soft);
  }
}

@keyframes frisbie-core-pulse {
  0%,
  100% {
    box-shadow: 0 0 70px var(--home-cyan-soft), 0 36px 110px var(--home-shadow),
      inset 0 1px 0 var(--home-surface-soft);
  }
  50% {
    box-shadow: 0 0 98px var(--home-cyan-mid), 0 44px 130px var(--home-shadow),
      inset 0 1px 0 var(--home-surface-soft);
  }
}

@keyframes frisbie-signal-flow {
  0%,
  100% {
    transform: translate3d(-42px, -14px, 0);
    opacity: 0.2;
  }
  45%,
  55% {
    opacity: 1;
  }
  100% {
    transform: translate3d(84px, 36px, 0);
  }
}

@media (max-width: 1280px) {
  .frisbie-ai-hero__inner {
    grid-template-columns: minmax(360px, 0.9fr) minmax(520px, 1.1fr);
    gap: clamp(34px, 4.4vw, 64px);
  }

  .frisbie-ai-hero h1 {
    font-size: clamp(44px, 5.2vw, 68px);
  }

  .frisbie-float-card--workflow {
    width: 350px;
  }

  .frisbie-link-orbit__core {
    width: min(230px, 38%);
  }

  .frisbie-link-orbit__node {
    width: 204px;
  }

  .frisbie-ecosystem-showcase {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .frisbie-human-words__stage {
    grid-template-columns: minmax(220px, 0.58fr) minmax(300px, 0.88fr);
    grid-template-areas:
      "copy media"
      "thumbs thumbs";
  }

  .frisbie-human-words__thumbs {
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-height: none;
    padding: 0;
  }
}

@media (max-width: 1100px) {
  .frisbie-ai-hero {
    min-height: 0;
    padding-inline: 24px;
  }

  .frisbie-ai-hero__inner {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .frisbie-ai-hero__copy {
    max-width: 860px;
  }

  .frisbie-ai-hero h1 {
    max-width: 13ch;
  }

  .frisbie-ai-hero__system {
    min-height: 650px;
  }

  .frisbie-link-orbit {
    min-height: 640px;
  }

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

  .frisbie-layer-card--creative,
  .frisbie-layer-card--automations,
  .frisbie-layer-card--forms,
  .frisbie-layer-card--runtime {
    grid-column: auto;
  }

  .frisbie-app-highlights__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .frisbie-ai-hero {
    padding: 48px 16px 56px;
    border-radius: 24px;
  }

  .frisbie-ai-hero__system {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 14px;
    gap: 14px;
    min-height: 0;
    perspective: none;
  }

  .frisbie-ai-hero__system-glow,
  .frisbie-ai-hero__connection {
    display: none;
  }

  .frisbie-command,
  .frisbie-float-card,
  .frisbie-model-cloud {
    position: relative;
    inset: auto;
    width: 100%;
    translate: none;
    transform: none;
  }

  .frisbie-command {
    order: 1;
  }

  .frisbie-float-card--creative {
    order: 2;
  }
  .frisbie-float-card--video {
    order: 3;
  }
  .frisbie-float-card--workflow {
    order: 4;
  }
  .frisbie-float-card--variations,
  .frisbie-float-card--credits {
    display: none;
  }

  .frisbie-model-cloud {
    order: 5;
    left: auto;
    bottom: auto;
    justify-content: flex-start;
  }

  .frisbie-workflow {
    grid-template-columns: 1fr;
  }

  .frisbie-workflow i {
    width: 1px;
    height: 14px;
    justify-self: center;
  }

  .frisbie-link-orbit {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 14px;
    min-height: 0;
  }

  .frisbie-link-orbit__glow,
  .frisbie-link-orbit__ring,
  .frisbie-link-orbit__axis {
    display: none;
  }

  .frisbie-link-orbit__core,
  .frisbie-link-orbit__node {
    position: relative;
    inset: auto;
    width: 100%;
    min-height: 0;
    translate: none;
    transform: none;
  }

  .frisbie-link-orbit__core {
    grid-column: 1 / -1;
    order: 1;
    min-height: 160px;
  }

  .frisbie-link-orbit__node--creative {
    order: 2;
  }

  .frisbie-link-orbit__node--forms {
    order: 3;
  }

  .frisbie-link-orbit__node--automations {
    order: 4;
  }

  .frisbie-link-orbit__node--chat {
    order: 5;
  }

  .frisbie-link-orbit__node--context {
    order: 6;
  }

  .frisbie-ecosystem-map {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 14px;
    gap: 14px;
    min-height: 0;
    padding: 18px;
  }

  .frisbie-ecosystem-map__grid,
  .frisbie-ecosystem-map__glow,
  .frisbie-ecosystem-line,
  .frisbie-ecosystem-flow {
    display: none;
  }

  .frisbie-ecosystem-core,
  .frisbie-ecosystem-module {
    position: relative;
    inset: auto;
    width: 100%;
    translate: none;
  }

  .frisbie-ecosystem-core {
    height: 150px;
    border-radius: 28px;
  }

  .frisbie-ecosystem-module {
    grid-template-columns: 46px minmax(0, 1fr);
  }

  .frisbie-layer-grid {
    grid-template-columns: 1fr;
  }

  .frisbie-layer-card,
  .frisbie-layer-card--creative {
    min-height: 0;
  }

  .frisbie-ecosystem-showcase {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 24px;
    padding-bottom: 8px;
  }

  .frisbie-home-explore-section {
    padding: 0 16px 30px;
  }

  .frisbie-home-phrase-section {
    padding: 4px 16px 28px;
  }

  .frisbie-home-phrase-section .frisbie-phrase-concept {
    min-height: 260px;
  }

  .frisbie-home-templates-section {
    padding: 0 16px;
  }

  .frisbie-app-highlights__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .frisbie-human-words__stage {
    min-height: 0;
  }

  .frisbie-human-words__portrait-wrap {
    min-height: 420px;
  }

  .frisbie-human-words__portrait {
    min-height: 400px;
  }

  .frisbie-enterprise-panel__support {
    border-left: 0;
    border-top: 1px solid var(--home-border);
  }

  .frisbie-enterprise-panel {
    grid-template-columns: 1fr;
  }
  .frisbie-ai-hero__inner {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
      "copy"
      "system";
    align-items: stretch;
  }

  .frisbie-ai-hero__copy {
    grid-area: copy;
  }

  .frisbie-ai-hero__system {
    grid-area: system;
    display: grid;
    width: 100%;
    min-width: 0;
    min-height: 0;
    visibility: visible;
  }

  .frisbie-float-card--variations,
  .frisbie-float-card--credits {
    display: block;
    order: 5;
  }

  .frisbie-float-card--credits {
    order: 6;
  }

  .frisbie-enterprise-panel {
    display: grid;
    grid-template-columns: 1fr;
  }

  .frisbie-enterprise-panel__support {
    display: grid;
    width: 100%;
    min-width: 0;
    visibility: visible;
  }
}
@media (max-width: 560px) {
  .frisbie-ai-hero h1 {
    max-width: 100%;
    font-size: clamp(42px, 12vw, 56px);
  }

  .frisbie-ai-hero__actions .ant-btn {
    width: 100%;
  }

  .frisbie-command__input {
    min-height: 104px;
    padding: 14px 16px 60px;
  }

  .frisbie-command button {
    right: 28px;
    bottom: 26px;
  }

  .frisbie-link-orbit {
    grid-template-columns: 1fr;
  }

  .frisbie-link-orbit__core {
    grid-column: auto;
    min-height: 150px;
  }

  .frisbie-link-orbit__core strong {
    font-size: clamp(42px, 15vw, 58px);
  }

  .frisbie-link-orbit__node {
    grid-template-columns: 42px minmax(0, 1fr);
    min-height: 88px;
    padding: 14px;
  }

  .frisbie-link-orbit__node-icon {
    width: 42px;
    height: 42px;
  }

  .frisbie-layer-section {
    padding-inline: 12px;
  }

  .frisbie-ecosystem-showcase {
    grid-template-columns: 1fr;
  }

  .frisbie-ecosystem-showcase__card {
    aspect-ratio: 1;
  }

  .frisbie-app-highlights__grid {
    grid-template-columns: 1fr;
  }

  .frisbie-app-highlights__button {
    aspect-ratio: 0.86;
  }

  .frisbie-human-words {
    padding-inline: 12px;
  }

  .frisbie-human-words__stage {
    grid-template-columns: 1fr;
    grid-template-areas:
      "copy"
      "media"
      "thumbs";
    gap: 18px;
    overflow: visible;
  }

  .frisbie-human-words__stage::before {
    inset: 8% 6% 30%;
  }

  .frisbie-human-words__portrait-wrap {
    min-height: 360px;
  }

  .frisbie-human-words__portrait {
    width: min(78%, 300px);
    min-height: 340px;
  }

  .frisbie-human-words__copy {
    padding-bottom: 0;
    justify-self: center;
    max-width: 360px;
    text-align: center;
  }

  .frisbie-human-words__copy h3 {
    margin-top: 0;
  }

  .frisbie-human-words__thumbs {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding: 4px 0 12px;
  }

  .frisbie-human-words__thumb {
    grid-template-columns: 42px minmax(140px, 1fr);
    flex: 0 0 min(82%, 260px);
    min-height: 56px;
  }

  .frisbie-human-words__thumb-photo {
    width: 42px;
    height: 42px;
  }

  .frisbie-enterprise-section {
    padding-inline: 12px;
  }

  .frisbie-enterprise-panel {
    gap: 16px;
  }

  .frisbie-enterprise-panel__actions .ant-btn {
    width: 100%;
  }

  .frisbie-enterprise-panel__support {
    grid-template-columns: 1fr;
    padding: 16px 20px;
  }

  .frisbie-enterprise-panel__support div {
    min-height: 104px;
    padding: 14px 0;
  }
}

@media (max-width: 420px) {
  .frisbie-human-words__portrait-wrap {
    min-height: 300px;
  }

  .frisbie-human-words__portrait {
    min-height: 286px;
  }

  .frisbie-app-highlights__body h3 {
    font-size: 14px;
  }

  .frisbie-app-highlights__body p {
    -webkit-line-clamp: 2;
  }
}

.frisbie-logged-product-shell {
  flex: 1 1;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.frisbie-logged-product-operational {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.frisbie-logged-product-operational--viewport {
  min-height: 0;
  height: auto;
}

.frisbie-logged-product-operational--flow {
  padding: 18px clamp(24px, 5vw, 72px) 0;
}

.frisbie-logged-product-shell .ant-page-header,
.frisbie-logged-product-shell [class*="PageTitle"] {
  color: var(--home-text);
}

.frisbie-config-shell {
  width: 100%;
}

.frisbie-config-shell__content {
  width: 100%;
  max-width: 1480px;
  margin: 0 auto;
  gap: 16px;
}

.frisbie-config-header.frisbie-ui-header-shell {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 16px;
  background:
    radial-gradient(circle at 12% 0%, var(--home-primary-soft), transparent 30%),
    radial-gradient(circle at 96% 0%, var(--home-cyan-soft), transparent 34%),
    linear-gradient(180deg, var(--home-surface-faint), var(--home-bg));
  box-shadow: 0 18px 54px var(--home-shadow), inset 0 1px 0 var(--home-border);
}

.frisbie-config-header__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.frisbie-config-header__main {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  flex: 1 1 auto;
}

.frisbie-config-header__icon {
  display: inline-grid;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  place-items: center;
  color: var(--home-cyan);
  border: 1px solid var(--home-border-strong);
  border-radius: 8px;
  background:
    linear-gradient(180deg, var(--home-surface-faint), transparent 100%),
    var(--home-surface);
  box-shadow: inset 0 1px 0 var(--home-border);
}

.frisbie-config-header__copy {
  min-width: 0;
}

.frisbie-config-header__copy .frisbie-ui-title {
  font-size: clamp(22px, 2vw, 28px);
  font-weight: 900;
}

.frisbie-config-header__copy .frisbie-ui-subtitle {
  margin-top: 4px;
  color: var(--home-text-soft);
  font-size: 13px;
  font-weight: 700;
}

.frisbie-config-header__stats {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-gap: 8px;
  gap: 8px;
  flex: 0 1 680px;
  min-width: 520px;
}

.frisbie-config-header__stat {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background:
    linear-gradient(180deg, var(--home-surface-faint), transparent 100%),
    var(--home-bg);
  box-shadow: inset 0 1px 0 var(--home-border);
}

.frisbie-config-header__stat-label {
  display: block;
  color: var(--home-cyan);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.frisbie-config-header__stat-value {
  display: block;
  margin-top: 6px;
  color: var(--home-text);
  font-size: 15px;
  font-weight: 900;
  line-height: 1.3;
  word-break: break-word;
}

.frisbie-config-header__stat-email {
  display: block;
  margin-top: 4px;
  color: var(--home-text-soft);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.frisbie-config-language-option {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-width: 0;
}

.frisbie-config-language-option__flag {
  display: inline-flex;
  width: 20px;
  height: 15px;
  flex: 0 0 20px;
  overflow: hidden;
  border-radius: 3px;
  object-fit: cover;
}

.frisbie-config-language-option__name {
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.frisbie-config-language-option__code {
  flex: 0 0 auto;
  color: var(--home-text-faint);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.06em;
}

.frisbie-config-nav.frisbie-ui-selector-rail {
  gap: 8px;
  padding: 6px;
  border: 1px solid var(--home-border);
  background:
    linear-gradient(180deg, var(--home-surface-faint), transparent 100%),
    var(--home-surface);
  box-shadow: inset 0 1px 0 var(--home-border);
}

.frisbie-config-nav__item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: var(--home-text-soft);
  font-weight: 800;
  white-space: nowrap;
  cursor: pointer;
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease;
}

.frisbie-config-nav__item:hover,
.frisbie-config-nav__item:focus-visible {
  color: var(--home-text);
  border-color: var(--home-border);
  background: var(--home-surface-faint);
  outline: none;
}

.frisbie-config-nav__item.is-active {
  color: var(--home-run-text);
  border-color: transparent;
  background: linear-gradient(135deg, var(--home-cyan), var(--home-primary));
  box-shadow: 0 14px 30px var(--home-shadow), 0 0 16px var(--home-cyan-soft);
}

.frisbie-config-nav__item-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.frisbie-config-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-gap: 16px;
  gap: 16px;
  align-items: start;
  min-width: 0;
}

.frisbie-config-main {
  min-width: 0;
}

.frisbie-config-page-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.frisbie-config-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 16px;
  gap: 16px;
}

.frisbie-config-form-grid__full {
  grid-column: 1 / -1;
}

.frisbie-config-switch-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 56px;
  padding: 12px 14px;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background:
    linear-gradient(180deg, var(--home-surface-faint), transparent 100%),
    var(--home-bg);
  box-shadow: inset 0 1px 0 var(--home-border);
}

.frisbie-config-switch-row__copy {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.frisbie-config-switch-row__title {
  color: var(--home-text);
  font-size: 14px;
  font-weight: 800;
}

.frisbie-config-switch-row__text {
  color: var(--home-text-soft);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
}

.frisbie-config-submit-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  margin-top: 8px;
}

.frisbie-ui-form-scope .frisbie-config-submit-item.ant-form-item,
.frisbie-ui-form-scope .frisbie-config-security-submit-item.ant-form-item,
.frisbie-ui-form-scope .frisbie-config-team-submit-item.ant-form-item,
.frisbie-ui-form-scope .frisbie-config-company-submit-item.ant-form-item {
  margin-bottom: 0;
}

.frisbie-config-company-form {
  max-width: 680px;
}

.frisbie-ui-form-scope .frisbie-config-company-submit-item.ant-form-item {
  margin-top: 32px;
}

.frisbie-ui-form-scope .frisbie-config-team-submit-item.ant-form-item {
  margin-top: 24px;
}

.frisbie-ui-form-scope .frisbie-config-security-submit-item.ant-form-item {
  margin-top: 24px;
}

.frisbie-config-redirect-card.frisbie-ui-form-panel {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
}

.frisbie-config-credit-usage-panel {
  display: flex;
  min-height: 420px;
  min-width: 0;
}

.frisbie-config-credit-usage-panel > div {
  width: 100%;
  min-height: 420px;
  min-width: 0;
  border-radius: 8px !important;
}

.frisbie-config-security-note {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-gap: 12px;
  gap: 12px;
  min-height: 100%;
  padding: 14px;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background:
    linear-gradient(180deg, var(--home-surface-faint), transparent 100%),
    var(--home-bg);
  box-shadow: inset 0 1px 0 var(--home-border);
}

.frisbie-config-security-note__icon {
  display: inline-grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid var(--home-border-strong);
  border-radius: 8px;
  background: var(--home-surface-faint);
  color: var(--home-cyan);
  font-size: 18px;
}

.frisbie-config-security-note__copy {
  min-width: 0;
}

.frisbie-config-security-note__title {
  display: block;
  color: var(--home-text);
  font-size: 14px;
  font-weight: 900;
}

.frisbie-config-security-note__text {
  margin: 6px 0 0;
  color: var(--home-text-soft);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
}

.frisbie-config-team-seat-card__content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  min-width: 0;
}

.frisbie-config-team-seat-summary {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  flex: 1 1 auto;
}

.frisbie-config-team-seat-actions {
  display: flex;
  justify-content: flex-end;
  flex: 0 0 auto;
  min-width: 0;
}

.frisbie-config-team-seat-tags,
.frisbie-config-team-member-title-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.frisbie-config-team-list {
  overflow: hidden;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background:
    linear-gradient(180deg, var(--home-surface-faint), transparent 100%),
    var(--home-surface);
  box-shadow: inset 0 1px 0 var(--home-border);
}

.frisbie-config-team-list .frisbie-config-team-list__item.ant-list-item {
  align-items: flex-start;
  padding: 14px 16px;
  border-block-end: 1px solid var(--home-border);
  background:
    linear-gradient(180deg, var(--home-surface-faint), transparent 100%),
    var(--home-bg);
}

.frisbie-config-team-list .frisbie-config-team-list__item .ant-list-item-meta {
  min-width: 0;
}

.frisbie-config-team-list .frisbie-config-team-list__item .ant-list-item-action {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 6px;
  margin-inline-start: 12px;
}

.frisbie-config-team-list .frisbie-config-team-list__item .ant-list-item-action > li {
  display: inline-flex;
  align-items: center;
}

.frisbie-config-team-list .frisbie-config-team-list__item.ant-list-item:last-child {
  border-block-end: 0;
}

.frisbie-config-team-list__item.is-muted {
  opacity: 0.56;
}

.frisbie-config-team-member-title {
  min-width: 0;
  color: var(--home-text);
  font-weight: 900;
  overflow-wrap: anywhere;
}

.frisbie-config-team-member-email {
  display: block;
  color: var(--home-text-soft);
  overflow-wrap: anywhere;
}

.frisbie-config-team-member-title-row .ant-tag {
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: normal;
}

.frisbie-config-team-access-grid {
  display: grid;
  grid-row-gap: 8px;
  row-gap: 8px;
}

.frisbie-config-team-invite-button.ant-btn {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 8px;
  white-space: nowrap;
}

.frisbie-config-popover-confirm {
  min-width: 220px;
}

.frisbie-config-popover-confirm p {
  margin: 0 0 12px;
  color: var(--home-text);
}

.frisbie-config-popover-confirm__actions {
  display: flex;
  justify-content: flex-end;
}

.frisbie-config-modal .ant-modal-content {
  border: 1px solid var(--home-border);
  border-radius: 8px !important;
  background:
    radial-gradient(circle at top right, var(--home-cyan-soft), transparent 34%),
    radial-gradient(circle at bottom left, var(--home-primary-soft), transparent 34%),
    linear-gradient(180deg, var(--home-shell-wash), transparent 100%),
    var(--home-bg-elevated) !important;
  box-shadow: 0 24px 60px var(--home-shadow-strong) !important;
}

.frisbie-config-modal .ant-modal-header {
  background: transparent !important;
  border-bottom: 1px solid var(--home-border);
}

.frisbie-config-modal .ant-modal-title {
  color: var(--home-text) !important;
  font-weight: 800 !important;
}

@media (max-width: 900px) {
  .frisbie-config-header__top {
    flex-direction: column;
    gap: 12px;
  }

  .frisbie-config-header__stats {
    grid-template-columns: 1fr;
    flex: none;
    min-width: 0;
    width: 100%;
  }

  .frisbie-config-header__stat {
    display: grid;
    grid-template-columns: minmax(76px, auto) minmax(0, 1fr);
    align-items: center;
    grid-gap: 10px;
    gap: 10px;
    padding: 8px 10px;
  }

  .frisbie-config-header__stat-value {
    margin-top: 0;
    overflow: hidden;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (max-width: 768px) {
  .frisbie-logged-product-operational--flow.frisbie-config-shell__content {
    gap: 12px;
    padding: 12px 12px 0;
  }

  .frisbie-config-header.frisbie-ui-header-shell {
    gap: 12px;
    padding: 12px;
  }

  .frisbie-config-header__main {
    align-items: flex-start;
    gap: 10px;
  }

  .frisbie-config-header__icon {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
  }

  .frisbie-config-header__copy .frisbie-ui-title {
    font-size: 22px;
    line-height: 1.08;
  }

  .frisbie-config-header__copy .frisbie-ui-subtitle {
    font-size: 11px;
    line-height: 1.35;
  }

  .frisbie-config-nav.frisbie-ui-selector-rail {
    flex-wrap: nowrap;
    gap: 6px;
    margin-inline: -2px;
    overflow-x: auto;
    padding: 5px;
    scrollbar-width: none;
  }

  .frisbie-config-nav.frisbie-ui-selector-rail::-webkit-scrollbar {
    display: none;
  }

  .frisbie-config-nav__item {
    flex: 0 0 auto;
    min-height: 34px;
    padding: 0 11px;
    font-size: 12px;
  }

  .frisbie-config-page-section {
    gap: 12px;
  }

  .frisbie-config-form-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .frisbie-config-switch-row {
    align-items: flex-start;
    flex-direction: column;
  }

  .frisbie-config-credit-usage-panel,
  .frisbie-config-credit-usage-panel > div {
    min-height: 360px;
  }

  .frisbie-config-credit-usage-panel > div {
    padding: 14px !important;
  }

  .frisbie-config-team-seat-card__content {
    flex-direction: column;
  }

  .frisbie-config-team-seat-actions,
  .frisbie-config-team-invite-button.ant-btn {
    width: 100%;
  }

  .frisbie-config-team-invite-button.ant-btn {
    justify-content: center;
  }

  .frisbie-config-team-list .frisbie-config-team-list__item.ant-list-item {
    align-items: stretch;
    flex-direction: column;
    gap: 10px;
    padding: 12px 14px;
  }

  .frisbie-config-team-list .frisbie-config-team-list__item .ant-list-item-meta {
    width: 100%;
  }

  .frisbie-config-team-list .frisbie-config-team-list__item .ant-list-item-meta-content {
    min-width: 0;
  }

  .frisbie-config-team-list .frisbie-config-team-list__item .ant-list-item-meta-title,
  .frisbie-config-team-list .frisbie-config-team-list__item .ant-list-item-meta-description {
    min-width: 0;
  }

  .frisbie-config-team-list .frisbie-config-team-list__item .ant-list-item-action {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-gap: 6px;
    gap: 6px;
    width: 100%;
    margin-block-start: 0;
    margin-inline-start: 0;
  }

  .frisbie-config-team-list .frisbie-config-team-list__item .ant-list-item-action > li {
    display: block;
    padding: 0;
    text-align: left;
  }

  .frisbie-config-team-list .frisbie-config-team-list__item .ant-list-item-action-split {
    display: none;
  }

  .frisbie-config-team-list .frisbie-config-team-list__item .ant-btn-link {
    height: auto;
    min-height: 28px;
    max-width: 100%;
    padding: 0;
    white-space: normal;
    text-align: left;
  }
}

@media (max-width: 480px) {
  .frisbie-config-header__stats {
    gap: 6px;
  }

  .frisbie-config-header__stat {
    grid-template-columns: minmax(68px, auto) minmax(0, 1fr);
    padding: 7px 9px;
  }

  .frisbie-config-header__stat-label {
    font-size: 9px;
  }

  .frisbie-config-header__stat-value {
    font-size: 12px;
  }

  .frisbie-config-header__copy .frisbie-ui-title {
    font-size: 21px;
  }
}

.frisbie-template-section {
  position: relative;
  z-index: 2;
  isolation: isolate;
  margin-bottom: 28px;
  padding: 30px;
  overflow: visible;
  color: var(--template-text);
  background: transparent;
}

.frisbie-template-section:has(.frisbie-template-card-preview-trigger:hover),
.frisbie-template-section:has(.frisbie-template-card-preview-trigger:focus-within) {
  z-index: 30;
}

.frisbie-template-atmosphere {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 70% 10%, color-mix(in srgb, var(--template-info) 16%, transparent), transparent 30%),
    radial-gradient(circle at 18% 82%, color-mix(in srgb, var(--template-primary) 14%, transparent), transparent 32%);
  -webkit-mask-image: radial-gradient(circle at 56% 28%, var(--template-heading) 0%, transparent 72%);
          mask-image: radial-gradient(circle at 56% 28%, var(--template-heading) 0%, transparent 72%);
  opacity: 0.78;
}

.frisbie-template-header {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 18px;
  align-items: center;
  max-width: 920px;
  margin-right: auto;
  margin-bottom: 26px;
  margin-left: auto;
  text-align: center;
}

.frisbie-template-header h2 {
  margin: 0;
  color: var(--template-heading);
  font-size: clamp(32px, 4vw, 58px);
  line-height: 0.98;
  letter-spacing: 0;
}

.frisbie-template-header p {
  max-width: 760px;
  margin: 14px auto 0;
  color: var(--template-muted);
  font-size: clamp(15px, 1.25vw, 18px);
  line-height: 1.65;
}

.frisbie-template-catalog-link,
.frisbie-template-badges span,
.frisbie-template-start {
  display: inline-flex;
  align-items: center;
}

.frisbie-template-catalog-link {
  flex: 0 0 auto;
  gap: 8px;
  border: 0;
  padding: 0;
  color: var(--template-info);
  background: transparent;
  font-weight: 800;
  cursor: pointer;
}

.frisbie-template-layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(210px, 260px) minmax(0, 1fr);
  grid-gap: 22px;
  gap: 22px;
  align-items: start;
  overflow: visible;
}

.frisbie-template-layout--no-menu {
  grid-template-columns: minmax(0, 1fr);
}

.frisbie-template-filters {
  position: sticky;
  top: 84px;
}

.frisbie-template-filters details {
  padding: 18px;
  background: color-mix(in srgb, var(--template-surface) 62%, transparent);
  border: 1px solid color-mix(in srgb, var(--template-border) 72%, transparent);
  border-radius: 22px;
  box-shadow: var(--template-shadow);
  -webkit-backdrop-filter: blur(20px) saturate(140%);
          backdrop-filter: blur(20px) saturate(140%);
}

.frisbie-template-filters summary {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  color: var(--template-heading);
  cursor: pointer;
  list-style: none;
  font-weight: 850;
}

.frisbie-template-filters summary::-webkit-details-marker {
  display: none;
}

.frisbie-template-filters summary span {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}

.frisbie-template-filters summary strong {
  min-width: 24px;
  min-height: 24px;
  display: inline-grid;
  place-items: center;
  color: var(--template-badge-text);
  background: var(--template-primary);
  border-radius: 999px;
  font-size: 12px;
}

.frisbie-template-filters p {
  margin: 10px 0 18px;
  color: var(--template-muted);
  font-size: 13px;
  line-height: 1.45;
}

.frisbie-template-filter-group + .frisbie-template-filter-group {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid color-mix(in srgb, var(--template-border) 58%, transparent);
}

.frisbie-template-filter-group h3 {
  margin: 0 0 10px;
  color: var(--template-heading);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.frisbie-template-filter-group div {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.frisbie-template-filter-group label {
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--template-muted);
  font-size: 13px;
  cursor: pointer;
}

.frisbie-template-filter-group input {
  accent-color: var(--template-primary);
}

.frisbie-template-filter-group label small {
  margin-left: auto;
  color: var(--template-faint);
}

.frisbie-template-content {
  min-width: 0;
  display: grid;
  grid-gap: 18px;
  gap: 18px;
  overflow: visible;
}

.frisbie-template-card,
.frisbie-template-empty {
  border: 1px solid color-mix(in srgb, var(--template-border) 72%, transparent);
  background:
    radial-gradient(circle at 80% 0%, color-mix(in srgb, var(--template-info) 18%, transparent), transparent 32%),
    linear-gradient(135deg, color-mix(in srgb, var(--template-surface) 74%, transparent), color-mix(in srgb, var(--template-surface-soft) 44%, transparent));
  box-shadow: var(--template-shadow);
  -webkit-backdrop-filter: blur(20px) saturate(140%);
          backdrop-filter: blur(20px) saturate(140%);
}

.frisbie-template-card:hover {
  border-color: color-mix(in srgb, var(--template-info) 68%, var(--template-border));
  box-shadow: 0 12px 34px color-mix(in srgb, var(--template-bg) 52%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--template-info) 22%, transparent);
  transform: translateY(-4px);
}

.frisbie-template-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(120deg, transparent 20%, color-mix(in srgb, var(--template-badge-text) 10%, transparent) 45%, transparent 70%);
  transform: translateX(-70%);
  transition: opacity 0.2s ease, transform 0.5s ease;
}

.frisbie-template-card:hover::after {
  opacity: 1;
  transform: translateX(70%);
}

.frisbie-template-flow {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.frisbie-template-flow > span {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 10px;
  color: var(--template-heading);
  background: color-mix(in srgb, var(--template-surface) 62%, transparent);
  border: 1px solid color-mix(in srgb, var(--template-border) 72%, transparent);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  animation: frisbie-template-node-pulse 4.8s ease-in-out infinite;
}

.frisbie-template-flow i {
  width: 22px;
  height: 1px;
  background: linear-gradient(90deg, var(--template-info), var(--template-primary));
  box-shadow: 0 0 16px color-mix(in srgb, var(--template-info) 42%, transparent);
}

.frisbie-template-card h3 {
  margin: 0;
  color: var(--template-heading);
  letter-spacing: 0;
}

.frisbie-template-card p {
  color: var(--template-muted);
  line-height: 1.6;
}

.frisbie-template-card-pitch {
  max-width: 68ch;
  margin-top: 0;
}

.frisbie-template-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.frisbie-template-badges span {
  min-height: 30px;
  padding: 6px 10px;
  color: var(--template-heading);
  background: color-mix(in srgb, var(--template-surface) 54%, transparent);
  border: 1px solid color-mix(in srgb, var(--template-border) 68%, transparent);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
}

.frisbie-template-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
  grid-gap: 18px;
  gap: 18px;
  align-items: start;
  overflow: visible;
}

.frisbie-template-card-shell {
  position: relative;
  overflow: visible;
}

.frisbie-template-card {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 18px;
  border-radius: 8px;
  cursor: pointer;
  transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

.frisbie-template-card-shell:has(.frisbie-template-card-preview-trigger:hover),
.frisbie-template-card-shell:has(.frisbie-template-card-preview-trigger:focus-within) {
  z-index: 20;
}

.frisbie-template-card:focus-visible {
  outline: 2px solid var(--template-info);
  outline-offset: 4px;
}

.frisbie-template-flow {
  min-height: 42px;
  margin-bottom: 18px;
}

.frisbie-template-card-preview-trigger {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 25;
}

.frisbie-template-card-preview-trigger > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  color: var(--template-info);
  color: var(--home-cyan, var(--template-info));
  background: var(--template-bg);
  background: var(--home-bg-container, var(--template-bg));
  border: 1px solid var(--template-border);
  border: 1px solid var(--home-border, var(--template-border));
  border-radius: 8px;
  cursor: pointer;
}

.frisbie-template-card-preview-trigger > button:hover,
.frisbie-template-card-preview-trigger > button:focus-visible {
  border-color: var(--template-info);
  border-color: var(--home-cyan, var(--template-info));
  outline: none;
}

.frisbie-template-card-preview {
  position: absolute;
  top: 42px;
  right: 0;
  width: max-content;
  max-width: min(560px, calc(100vw - 48px));
  max-height: min(420px, calc(100vh - 160px));
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateY(6px) scale(0.98);
  background: var(--template-bg);
  background: var(--home-bg, var(--template-bg));
  border: 1px solid var(--template-border);
  border: 1px solid var(--home-border, var(--template-border));
  border-radius: 8px;
  box-shadow: 0 18px 48px var(--template-shadow);
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.frisbie-template-card-preview-trigger:hover .frisbie-template-card-preview,
.frisbie-template-card-preview-trigger:focus-within .frisbie-template-card-preview {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.frisbie-template-card-preview img {
  display: block;
  width: auto;
  height: auto;
  max-width: min(560px, calc(100vw - 48px));
  max-height: min(420px, calc(100vh - 160px));
  padding: 10px;
}

.frisbie-template-card h3 {
  margin-bottom: 10px;
  font-size: 22px;
  line-height: 1.1;
  padding-right: 42px;
}

.frisbie-template-card p {
  margin: 0;
  font-size: 14px;
}

.frisbie-template-card-insights {
  position: relative;
  z-index: 1;
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  margin-top: 14px;
}

.frisbie-template-card-creates {
  display: grid;
  grid-gap: 3px;
  gap: 3px;
  padding: 10px;
  background: var(--template-bg);
  background: var(--home-bg, var(--template-bg));
  border: 1px solid var(--template-border);
  border: 1px solid var(--home-border, var(--template-border));
  border-radius: 8px;
}

.frisbie-template-card-creates small {
  color: var(--template-info);
  color: var(--home-cyan, var(--template-info));
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.frisbie-template-card-creates strong {
  color: var(--template-heading);
  color: var(--home-text, var(--template-heading));
  font-size: 13px;
  font-weight: 850;
  line-height: 1.35;
}

.frisbie-template-card-outcomes {
  display: grid;
  grid-gap: 7px;
  gap: 7px;
}

.frisbie-template-card-outcomes span {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  grid-gap: 7px;
  gap: 7px;
  align-items: start;
  color: var(--template-muted);
  color: var(--home-text-soft, var(--template-muted));
  font-size: 12px;
  line-height: 1.35;
}

.frisbie-template-card-outcomes svg {
  margin-top: 2px;
  color: var(--template-info);
  color: var(--home-cyan, var(--template-info));
}

.frisbie-template-start {
  position: relative;
  z-index: 1;
  gap: 8px;
  align-self: flex-start;
  margin-top: 18px;
  border: 1px solid color-mix(in srgb, var(--template-border) 68%, transparent);
  padding: 9px 13px;
  color: var(--template-heading);
  background: color-mix(in srgb, var(--template-surface) 52%, transparent);
  border-radius: 999px;
  font-weight: 850;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.frisbie-template-start:hover {
  border-color: var(--template-info);
  box-shadow: 0 0 28px color-mix(in srgb, var(--template-info) 20%, transparent);
  transform: translateY(-1px);
}

.frisbie-template-app-logo {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  display: inline-grid;
  place-items: center;
  overflow: hidden;
  color: var(--template-badge-text);
  background: linear-gradient(135deg, var(--template-info), var(--template-primary));
  border: 1px solid color-mix(in srgb, var(--template-border) 64%, transparent);
  border-radius: 8px;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
}

.frisbie-template-app-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.frisbie-template-details {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
}

.frisbie-template-confirm-modal .ant-modal-content,
.frisbie-template-status-modal .ant-modal-content,
.frisbie-template-result-modal .ant-modal-content {
  overflow: hidden;
  border: 1px solid var(--template-border);
  border: 1px solid var(--home-border, var(--template-border));
  background: var(--template-surface);
  background: var(--home-bg-elevated, var(--template-surface));
}

.frisbie-template-confirm-modal .ant-modal-close {
  top: 18px;
  right: 18px;
  color: var(--template-muted);
  color: var(--home-text-soft, var(--template-muted));
}

.frisbie-template-confirm-modal .ant-modal-close:hover {
  color: var(--template-heading);
  color: var(--home-text, var(--template-heading));
}

.frisbie-template-status-modal .ant-modal-body,
.frisbie-template-result-modal .ant-modal-body {
  position: relative;
  color: var(--template-text);
  border: 1px solid var(--template-border);
  background:
    radial-gradient(circle at 18% 8%, color-mix(in srgb, var(--template-surface-soft) 64%, var(--template-bg)), var(--template-bg) 28%),
    radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--template-info) 10%, var(--template-bg)), var(--template-bg) 24%),
    radial-gradient(circle at 72% 100%, color-mix(in srgb, var(--template-primary) 10%, var(--template-bg)), var(--template-bg) 26%),
    linear-gradient(180deg, var(--template-surface) 0%, var(--template-bg) 100%);
}

.frisbie-template-status-modal .ant-modal-body::before,
.frisbie-template-result-modal .ant-modal-body::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--template-surface-soft) 28%, transparent), transparent 24%),
    radial-gradient(circle at 92% 16%, color-mix(in srgb, var(--template-info) 8%, transparent), transparent 24%);
  opacity: 0.26;
}

.frisbie-template-status-modal .ant-modal-body > *,
.frisbie-template-result-modal .ant-modal-body > *,
.frisbie-template-status-modal .ant-modal-header,
.frisbie-template-result-modal .ant-modal-header,
.frisbie-template-confirm-modal .ant-modal-footer,
.frisbie-template-result-modal .ant-modal-footer {
  position: relative;
  z-index: 1;
}

.frisbie-template-confirm-modal .ant-modal-body {
  padding: 0;
  color: var(--template-text);
  color: var(--home-text, var(--template-text));
}

.frisbie-template-status-modal .ant-modal-header,
.frisbie-template-result-modal .ant-modal-header {
  margin: 0;
  padding: 2rem 2rem 0;
  border-bottom: 0;
  background:
    radial-gradient(circle at 18% 8%, var(--template-surface-soft), transparent 34%),
    linear-gradient(180deg, var(--template-surface) 0%, transparent 100%);
}

.frisbie-template-status-modal .ant-modal-title,
.frisbie-template-result-modal .ant-modal-title {
  max-width: 18ch;
  color: var(--template-heading);
  font-size: 34px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
}

.frisbie-template-status-modal .ant-modal-title::after,
.frisbie-template-result-modal .ant-modal-title::after {
  content: ".";
  color: var(--template-info);
  text-shadow: 0 0 22px color-mix(in srgb, var(--template-info) 44%, transparent);
}

.frisbie-template-status-modal .ant-modal-body,
.frisbie-template-result-modal .ant-modal-body {
  padding: 1.5rem 2rem 2rem;
  border-top: 1px solid var(--template-border);
}

.frisbie-template-confirm-modal .ant-modal-footer,
.frisbie-template-result-modal .ant-modal-footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin: 0;
  padding: 1rem 2rem 2rem;
  border-top: 1px solid var(--template-border);
  background:
    radial-gradient(circle at 82% 100%, color-mix(in srgb, var(--template-primary) 18%, transparent), transparent 34%),
    linear-gradient(180deg, var(--template-bg) 0%, var(--template-surface) 100%);
}

.frisbie-template-confirm-modal .ant-btn,
.frisbie-template-result-modal .ant-btn,
.frisbie-template-details__actions .ant-btn {
  min-height: 42px;
  border-radius: 8px;
  font-weight: 800;
}

.frisbie-template-confirm-modal .ant-btn-primary,
.frisbie-template-details__actions .ant-btn-primary {
  color: var(--template-badge-text);
  border-color: transparent;
  background: linear-gradient(135deg, var(--template-info), var(--template-primary));
  box-shadow: 0 14px 34px var(--template-shadow), 0 0 22px color-mix(in srgb, var(--template-info) 28%, transparent);
}

.frisbie-template-result {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
}

.frisbie-template-result__summary {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 12px;
  gap: 12px;
  align-items: flex-start;
  padding: 14px;
  background: var(--template-surface);
  background: var(--home-surface, var(--template-surface));
  border: 1px solid var(--template-border);
  border: 1px solid var(--home-border, var(--template-border));
  border-radius: 8px;
}

.frisbie-template-result__icon,
.frisbie-template-result__link-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  color: var(--template-info);
  color: var(--home-cyan, var(--template-info));
  background: var(--template-bg);
  background: var(--home-bg-container, var(--template-bg));
  border: 1px solid var(--template-border);
  border: 1px solid var(--home-border, var(--template-border));
  border-radius: 8px;
}

.frisbie-template-result__eyebrow {
  display: block;
  margin-bottom: 4px;
  color: var(--template-info);
  color: var(--home-cyan, var(--template-info));
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.frisbie-template-result__summary p {
  margin: 0;
  color: var(--template-muted);
  color: var(--home-text-soft, var(--template-muted));
  font-size: 15px;
  line-height: 1.45;
}

.frisbie-template-result__links {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.frisbie-template-result__link {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-gap: 12px;
  gap: 12px;
  align-items: center;
  width: 100%;
  padding: 12px;
  color: var(--template-heading);
  color: var(--home-text, var(--template-heading));
  text-align: left;
  background: var(--template-bg);
  background: var(--home-bg-container, var(--template-bg));
  border: 1px solid var(--template-border);
  border: 1px solid var(--home-border, var(--template-border));
  border-radius: 8px;
  cursor: pointer;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.frisbie-template-result__link:hover,
.frisbie-template-result__link:focus-visible {
  border-color: var(--template-info);
  border-color: var(--home-cyan, var(--template-info));
  box-shadow: 0 12px 30px var(--template-shadow);
  transform: translateY(-1px);
  outline: none;
}

.frisbie-template-result__link-copy {
  display: grid;
  min-width: 0;
  grid-gap: 3px;
  gap: 3px;
}

.frisbie-template-result__link-copy strong {
  overflow: hidden;
  color: var(--template-heading);
  color: var(--home-text, var(--template-heading));
  font-size: 15px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.frisbie-template-result__link-copy small {
  overflow: hidden;
  color: var(--template-muted);
  color: var(--home-text-faint, var(--template-muted));
  font-size: 12px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.frisbie-template-result__link > svg {
  color: var(--template-info);
  color: var(--home-cyan, var(--template-info));
}

.frisbie-template-result__empty {
  padding: 14px;
  color: var(--template-muted);
  color: var(--home-text-soft, var(--template-muted));
  background: var(--template-surface);
  background: var(--home-surface, var(--template-surface));
  border: 1px solid var(--template-border);
  border: 1px solid var(--home-border, var(--template-border));
  border-radius: 8px;
}

.frisbie-template-confirm-modal .frisbie-template-details.frisbie-ui-modal-surface {
  display: flex;
  max-height: min(82vh, 780px);
  flex-direction: column;
  border: 0;
  border-radius: 8px;
  background:
    radial-gradient(circle at 100% 0%, transparent, transparent 34%),
    radial-gradient(circle at 0% 100%, transparent, transparent 34%),
    linear-gradient(180deg, transparent, transparent 100%),
    var(--template-surface);
  background:
    radial-gradient(circle at 100% 0%, var(--home-cyan-soft, transparent), transparent 34%),
    radial-gradient(circle at 0% 100%, var(--home-primary-soft, transparent), transparent 34%),
    linear-gradient(180deg, var(--home-shell-wash, transparent), transparent 100%),
    var(--home-bg-elevated, var(--template-surface));
  box-shadow: none;
}

.frisbie-template-details__content.frisbie-ui-modal-content {
  min-height: 0;
  flex: 1 1 auto;
  gap: 14px;
  overflow: auto;
  padding: 24px 28px 0;
}

.frisbie-template-details__header.frisbie-ui-modal-section {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-gap: 18px;
  gap: 18px;
  align-items: start;
  padding: 0 0 16px;
  border: 0;
  border-bottom: 1px solid var(--template-border);
  border-bottom: 1px solid var(--home-border, var(--template-border));
  background: transparent;
}

.frisbie-template-details__copy {
  min-width: 0;
}

.frisbie-template-details__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  grid-gap: 16px;
  gap: 16px;
  align-items: start;
}

.frisbie-template-details__main {
  display: grid;
  min-width: 0;
  grid-gap: 12px;
  gap: 12px;
}

.frisbie-template-details__aside {
  display: grid;
  min-width: 0;
  grid-gap: 12px;
  gap: 12px;
}

.frisbie-template-details__outcome-list {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.frisbie-template-details__outcome-list span {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  grid-gap: 8px;
  gap: 8px;
  align-items: start;
  color: var(--template-muted);
  color: var(--home-text-soft, var(--template-muted));
  font-size: 13px;
  line-height: 1.45;
}

.frisbie-template-details__outcome-list svg {
  margin-top: 2px;
  color: var(--template-info);
  color: var(--home-cyan, var(--template-info));
}

.frisbie-template-details__logo {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  color: var(--template-heading);
  color: var(--home-text, var(--template-heading));
  background:
    radial-gradient(circle at 50% 28%, var(--template-primary), transparent 62%),
    var(--template-surface-soft);
  background:
    radial-gradient(circle at 50% 28%, var(--home-primary, var(--template-primary)), transparent 62%),
    var(--home-surface-faint, var(--template-surface-soft));
  border: 1px solid var(--template-border);
  border: 1px solid var(--home-border, var(--template-border));
  border-radius: 8px;
  font-size: 28px;
}

.frisbie-template-details__logo img {
  width: 42px;
  height: 42px;
  object-fit: contain;
}

.frisbie-template-details__eyebrow {
  display: inline-block;
  margin-bottom: 6px;
  color: var(--template-info);
  color: var(--home-cyan, var(--template-info));
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.frisbie-template-details__header h2 {
  margin: 0;
  color: var(--template-heading);
  color: var(--home-text, var(--template-heading));
  font-size: clamp(28px, 3.2vw, 38px);
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
}

.frisbie-template-details__header h2::after {
  content: ".";
  color: var(--template-info);
  color: var(--home-cyan, var(--template-info));
  text-shadow: 0 0 22px transparent;
  text-shadow: 0 0 22px var(--home-cyan-soft, transparent);
}

.frisbie-template-details__header p {
  margin: 8px 0 0;
  max-width: 62ch;
  color: var(--template-muted);
  color: var(--home-text-soft, var(--template-muted));
  font-size: 14px;
  line-height: 1.5;
}

.frisbie-template-details__summary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.frisbie-template-details__summary .frisbie-template-badges {
  margin-top: 0;
}

.frisbie-template-details__summary span {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  color: var(--template-heading);
  background: color-mix(in srgb, var(--template-surface-soft) 72%, var(--template-bg));
  border: 1px solid color-mix(in srgb, var(--template-border) 68%, transparent);
  border-radius: 8px;
  font-size: 12px;
  font-weight: 800;
}

.frisbie-template-details__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 12px;
  gap: 12px;
}

.frisbie-template-details__value-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 10px;
  gap: 10px;
}

.frisbie-template-details__value-grid > div {
  min-width: 0;
  padding: 12px;
  background: var(--template-surface);
  border: 1px solid color-mix(in srgb, var(--template-border) 70%, transparent);
  border-radius: 8px;
}

.frisbie-template-details__value-grid strong {
  display: block;
  color: var(--template-heading);
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
}

.frisbie-template-details__value-grid span {
  display: block;
  margin-top: 6px;
  color: var(--template-muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}

.frisbie-template-details__panel.frisbie-ui-modal-section {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  min-width: 0;
  padding: 14px;
  background: var(--template-surface);
  background: var(--home-surface, var(--template-surface));
  border: 1px solid var(--template-border);
  border: 1px solid var(--home-border, var(--template-border));
  border-radius: 8px;
}

.frisbie-template-details__panel--strong.frisbie-ui-modal-section {
  background: var(--template-surface-soft);
  background: var(--home-surface-soft, var(--template-surface-soft));
}

.frisbie-template-details__outcome.frisbie-ui-modal-section {
  gap: 12px;
}

.frisbie-template-details__preview.frisbie-ui-modal-section {
  gap: 12px;
}

.frisbie-template-details__preview img {
  width: 100%;
  max-height: 260px;
  object-fit: contain;
  background: var(--template-bg);
  background: var(--home-bg, var(--template-bg));
  border: 1px solid var(--template-border);
  border: 1px solid var(--home-border, var(--template-border));
  border-radius: 8px;
}

.frisbie-template-details__section {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.frisbie-template-details__section-title {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
}

.frisbie-template-details__section-title small {
  max-width: none;
  color: var(--template-muted);
  color: var(--home-text-soft, var(--template-muted));
  font-size: 12px;
  line-height: 1.4;
  text-align: left;
}

.frisbie-template-details__apps,
.frisbie-template-details__flow {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.frisbie-template-details__apps > span,
.frisbie-template-details__flow > span {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  color: var(--template-heading);
  color: var(--home-text, var(--template-heading));
  background: var(--template-surface-soft);
  background: var(--home-surface-faint, var(--template-surface-soft));
  border: 1px solid var(--template-border);
  border: 1px solid var(--home-border, var(--template-border));
  border-radius: 8px;
  font-size: 13px;
  font-weight: 800;
}

.frisbie-template-details__flow i {
  width: 22px;
  height: 1px;
  background: linear-gradient(90deg, var(--template-info), var(--template-primary));
  background: linear-gradient(90deg, var(--home-cyan, var(--template-info)), var(--home-primary, var(--template-primary)));
}

.frisbie-template-details__resources {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 10px;
  gap: 10px;
}

.frisbie-template-details__resource {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  grid-gap: 10px;
  gap: 10px;
  align-items: flex-start;
  padding: 12px;
  background: var(--template-bg);
  background: var(--home-bg, var(--template-bg));
  border: 1px solid var(--template-border);
  border: 1px solid var(--home-border, var(--template-border));
  border-radius: 8px;
}

.frisbie-template-details__resource > span {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  color: var(--template-info);
  color: var(--home-cyan, var(--template-info));
  background: var(--template-surface-soft);
  background: var(--home-surface-faint, var(--template-surface-soft));
  border: 1px solid var(--template-border);
  border: 1px solid var(--home-border, var(--template-border));
  border-radius: 8px;
}

.frisbie-template-details__resource strong {
  display: block;
  color: var(--template-heading);
  color: var(--home-text, var(--template-heading));
  font-size: 13px;
}

.frisbie-template-details__resource p {
  margin: 4px 0 0;
  color: var(--template-muted);
  color: var(--home-text-soft, var(--template-muted));
  font-size: 12px;
  line-height: 1.45;
}

.frisbie-template-details__stats.frisbie-ui-modal-section {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  grid-gap: 8px;
  gap: 8px;
  padding: 10px;
  background: var(--template-surface);
  background: var(--home-surface, var(--template-surface));
  border: 1px solid var(--template-border);
  border: 1px solid var(--home-border, var(--template-border));
  border-radius: 8px;
}

.frisbie-template-details__stats div {
  min-width: 0;
  padding: 10px;
  background: var(--template-bg);
  background: var(--home-bg, var(--template-bg));
  border: 1px solid var(--template-border);
  border: 1px solid var(--home-border, var(--template-border));
  border-radius: 8px;
}

.frisbie-template-details__stats strong,
.frisbie-template-details__stats span {
  display: block;
}

.frisbie-template-details__stats strong {
  color: var(--template-heading);
  color: var(--home-text, var(--template-heading));
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
}

.frisbie-template-details__stats span {
  margin-top: 6px;
  color: var(--template-muted);
  color: var(--home-text-soft, var(--template-muted));
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
}

.frisbie-template-details__notice {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  gap: 10px;
  align-items: center;
  padding: 0;
  color: var(--template-muted);
  color: var(--home-text-soft, var(--template-muted));
  font-size: 12px;
}

.frisbie-template-details__notice svg {
  color: var(--template-info);
  color: var(--home-cyan, var(--template-info));
}

.frisbie-template-details__actions.frisbie-ui-modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding: 14px 28px 24px;
  border-top: 1px solid var(--template-border);
  border-top: 1px solid var(--home-border, var(--template-border));
  background: var(--template-surface-soft);
  background: var(--home-surface-faint, var(--template-surface-soft));
}

.frisbie-template-customize__source {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding: 8px 10px;
  background: var(--template-surface-soft);
  background: var(--home-surface-faint, var(--template-surface-soft));
  border: 1px solid var(--template-border);
  border: 1px solid var(--home-border, var(--template-border));
  border-radius: 8px;
}

.frisbie-template-customize__source span {
  color: var(--template-info);
  color: var(--home-cyan, var(--template-info));
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.frisbie-template-customize__source strong {
  color: var(--template-heading);
  color: var(--home-text, var(--template-heading));
  font-size: 13px;
  font-weight: 850;
}

.frisbie-template-customize__form {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  padding: 4px 0 0;
}

.frisbie-template-customize__form .ant-form-item {
  margin-bottom: 0;
  padding: 14px;
  background: var(--template-surface);
  background: var(--home-surface, var(--template-surface));
  border: 1px solid var(--template-border);
  border: 1px solid var(--home-border, var(--template-border));
  border-radius: 8px;
}

.frisbie-template-customize__form .ant-form-item-label > label {
  color: var(--template-heading);
  color: var(--home-text, var(--template-heading));
  font-weight: 800;
}

.frisbie-template-customize__form .ant-input {
  min-height: 42px;
  color: var(--template-heading);
  color: var(--home-text, var(--template-heading));
  background: var(--template-bg);
  background: var(--home-bg-container, var(--template-bg));
  border-color: var(--template-border);
  border-color: var(--home-border, var(--template-border));
  border-radius: 8px;
}

@media (max-width: 720px) {
  .frisbie-template-details__header,
  .frisbie-template-details__body,
  .frisbie-template-details__grid,
  .frisbie-template-details__resources,
  .frisbie-template-details__value-grid {
    grid-template-columns: 1fr;
  }

  .frisbie-template-details__actions {
    display: grid;
  }

  .frisbie-template-details__stats.frisbie-ui-modal-section {
    grid-template-columns: 1fr;
  }

  .frisbie-template-details__section-title {
    display: grid;
  }

  .frisbie-template-details__section-title small {
    max-width: none;
    text-align: left;
  }
}

.frisbie-template-creation {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  padding: 0;
}

.frisbie-template-creation__hero {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 14px;
  gap: 14px;
  align-items: center;
  padding: 14px;
  background: var(--template-surface);
  background: var(--home-surface, var(--template-surface));
  border: 1px solid var(--template-border);
  border: 1px solid var(--home-border, var(--template-border));
  border-radius: 8px;
}

.frisbie-template-creation__icon,
.frisbie-template-creation__icon-shell {
  display: flex;
  align-items: center;
  justify-content: center;
}

.frisbie-template-creation__icon-shell {
  width: 48px;
  height: 48px;
  color: var(--template-info);
  color: var(--home-cyan, var(--template-info));
  background: var(--template-bg);
  background: var(--home-bg-container, var(--template-bg));
  border: 1px solid var(--template-border);
  border: 1px solid var(--home-border, var(--template-border));
  border-radius: 8px;
  box-shadow: 0 12px 30px var(--template-shadow);
}

.frisbie-template-creation__icon-shell svg {
  font-size: 24px;
}

.frisbie-template-creation__description {
  margin: 0;
  color: var(--template-muted);
  color: var(--home-text-soft, var(--template-muted));
  font-size: 15px;
  line-height: 1.45;
}

.frisbie-template-creation__progress {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 8px 12px;
  gap: 8px 12px;
  align-items: center;
  padding: 12px 14px;
  background: var(--template-bg);
  background: var(--home-bg-container, var(--template-bg));
  border: 1px solid var(--template-border);
  border: 1px solid var(--home-border, var(--template-border));
  border-radius: 8px;
}

.frisbie-template-creation__progress span {
  color: var(--template-info);
  color: var(--home-cyan, var(--template-info));
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.frisbie-template-creation__progress strong {
  color: var(--template-heading);
  color: var(--home-text, var(--template-heading));
  font-size: 13px;
  font-weight: 850;
}

.frisbie-template-creation__progress .ant-progress {
  grid-column: 1 / -1;
}

.frisbie-template-creation__progress .ant-progress-line {
  margin: 0;
}

.frisbie-template-creation__progress .ant-progress-inner {
  background: var(--template-surface-soft);
  background: var(--home-surface-soft, var(--template-surface-soft));
}

.frisbie-template-creation__steps {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.frisbie-template-creation__step {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-gap: 10px;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  color: var(--template-muted);
  color: var(--home-text-soft, var(--template-muted));
  background: var(--template-surface);
  background: var(--home-surface, var(--template-surface));
  border: 1px solid var(--template-border);
  border: 1px solid var(--home-border, var(--template-border));
  border-radius: 8px;
}

.frisbie-template-creation__step--done,
.frisbie-template-creation__step--current {
  color: var(--template-heading);
  color: var(--home-text, var(--template-heading));
  border-color: color-mix(in srgb, var(--template-info) 42%, var(--template-border));
  border-color: color-mix(in srgb, var(--home-cyan, var(--template-info)) 42%, var(--home-border, var(--template-border)));
}

.frisbie-template-creation__step-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: var(--template-muted);
  color: var(--home-text-faint, var(--template-muted));
}

.frisbie-template-creation__step--done .frisbie-template-creation__step-icon,
.frisbie-template-creation__step--current .frisbie-template-creation__step-icon {
  color: var(--template-info);
  color: var(--home-cyan, var(--template-info));
}

.frisbie-template-creation__step span:last-child {
  overflow: hidden;
  font-size: 15px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.frisbie-template-empty {
  padding: 28px;
  color: var(--template-muted);
  border-radius: 8px;
  text-align: center;
}

.frisbie-template-loading {
  min-height: 220px;
  display: grid;
  place-items: center;
  grid-gap: 12px;
  gap: 12px;
  padding: 28px;
  color: var(--template-muted);
  background:
    radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--template-info) 10%, var(--template-surface)), var(--template-surface) 30%),
    linear-gradient(135deg, var(--template-surface), var(--template-bg));
  border: 1px solid color-mix(in srgb, var(--template-border) 64%, transparent);
  border-radius: 8px;
  text-align: center;
}

.frisbie-template-loading svg {
  color: var(--template-info);
  font-size: 28px;
}

.frisbie-template-loading span {
  color: var(--template-muted);
  font-size: 13px;
  font-weight: 800;
}

@keyframes frisbie-template-node-pulse {
  0%, 100% {
    box-shadow: 0 0 0 color-mix(in srgb, var(--template-info) 0%, transparent);
  }
  50% {
    box-shadow: 0 0 22px color-mix(in srgb, var(--template-info) 18%, transparent);
  }
}

@media (max-width: 1080px) {
  .frisbie-template-section {
    padding: 22px;
  }

  .frisbie-template-layout {
    grid-template-columns: 1fr;
  }

  .frisbie-template-filters {
    position: static;
  }

  .frisbie-template-filter-group div {
    display: flex;
    flex-wrap: wrap;
  }

  .frisbie-template-filter-group label {
    min-height: 34px;
    padding: 7px 10px;
    background: color-mix(in srgb, var(--template-surface) 44%, transparent);
    border: 1px solid color-mix(in srgb, var(--template-border) 58%, transparent);
    border-radius: 999px;
  }
}

@media (max-width: 820px) {
  .frisbie-template-header {
    grid-template-columns: 1fr;
    align-items: center;
  }

  .frisbie-template-grid {
    grid-template-columns: 1fr;
  }

}

@media (max-width: 560px) {
  .frisbie-template-section {
    padding: 18px 12px;
  }

  .frisbie-template-filters details:not([open]) {
    padding-bottom: 18px;
  }

  .frisbie-template-filter-group div {
    display: grid;
  }
}

.frisbie-ai-dance-showcase {
  max-width: 1180px;
  margin: 18px auto 0;
}

.frisbie-ai-dance-showcase__stage {
  position: relative;
  overflow: hidden;
  padding: 10px 0 6px;
}

.frisbie-ai-dance-showcase__carousel {
  position: relative;
  z-index: 1;
}

.frisbie-ai-dance-showcase__viewport {
  position: relative;
  height: 230px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent,
    var(--home-text) 9%,
    var(--home-text) 91%,
    transparent
  );
          mask-image: linear-gradient(
    90deg,
    transparent,
    var(--home-text) 9%,
    var(--home-text) 91%,
    transparent
  );
}

.frisbie-ai-dance-showcase__logo-card {
  position: absolute;
  top: 16px;
  left: 50%;
  display: grid;
  width: 136px;
  height: 176px;
  place-items: center;
  padding: 18px 14px;
  color: var(--home-text);
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: var(--home-bg);
  box-shadow: inset 0 1px 0 var(--home-surface-soft);
  transform: translateX(calc(-50% + var(--frisbie-ai-card-offset)))
    scale(var(--frisbie-ai-card-scale));
  opacity: var(--frisbie-ai-card-opacity);
  transition: border-color 0.24s ease, box-shadow 0.24s ease, opacity 0.24s ease;
}

.frisbie-ai-dance-showcase__logo-card--active {
  z-index: 3;
  border-color: var(--home-cyan);
  box-shadow: 0 18px 54px var(--home-shadow-strong),
    inset 0 1px 0 var(--home-surface-soft);
}

.frisbie-ai-dance-showcase__logo {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 54px;
  object-fit: contain;
}

.frisbie-ai-dance-showcase__logo-card span.frisbie-ai-dance-showcase__logo {
  color: var(--home-text);
  font-size: 18px;
  font-weight: 900;
  line-height: 1.05;
  text-align: center;
}

.frisbie-ai-dance-showcase__logo-card strong {
  align-self: end;
  color: var(--home-text);
  font-size: 16px;
  font-weight: 900;
  line-height: 1.1;
  text-align: center;
}

.frisbie-ai-dance-showcase__arrow {
  position: absolute;
  top: 88px;
  z-index: 4;
  display: inline-grid;
  width: 46px;
  height: 46px;
  place-items: center;
  padding: 0;
  color: var(--home-cyan);
  border: 1px solid var(--home-border);
  border-radius: 50%;
  background: var(--home-bg);
  box-shadow: 0 18px 54px var(--home-shadow);
  cursor: pointer;
}

.frisbie-ai-dance-showcase__arrow--prev {
  left: 0;
}

.frisbie-ai-dance-showcase__arrow--next {
  right: 0;
}

.frisbie-ai-dance-showcase__dots {
  display: flex;
  justify-content: center;
  gap: 9px;
  margin-top: 2px;
}

.frisbie-ai-dance-showcase__dot {
  width: 16px;
  height: 7px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: var(--home-border-strong);
  cursor: pointer;
}

.frisbie-ai-dance-showcase__dot--active {
  width: 28px;
  background: var(--home-cyan);
}

.frisbie-ai-dance-showcase__footer {
  margin-top: 22px;
  color: var(--home-text-soft);
  font-size: 16px;
  line-height: 1.4;
  text-align: center;
}

.frisbie-ai-dance-showcase__footer span {
  color: var(--home-cyan);
}

@media (max-width: 980px) {
  .frisbie-ai-dance-showcase__stage {
    padding: 8px 0 4px;
  }

  .frisbie-ai-dance-showcase__logo-card {
    width: 124px;
  }
}

@media (max-width: 560px) {
  .frisbie-ai-dance-showcase__stage {
    padding: 6px 0 2px;
  }

  .frisbie-ai-dance-showcase__viewport {
    height: 210px;
  }

  .frisbie-ai-dance-showcase__logo-card {
    width: 112px;
    height: 158px;
  }

  .frisbie-ai-dance-showcase__arrow {
    top: 78px;
    width: 40px;
    height: 40px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .frisbie-ai-dance-showcase__logo-card,
  .frisbie-ai-dance-showcase__dot {
    transition: none;
  }
}

.frisbie-footer {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-top: 0;
  background: transparent;
  color: var(--footer-text);
}

.frisbie-footer__inner {
  position: relative;
  z-index: 1;
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
  padding: clamp(48px, 6vw, 84px) 0 28px;
}

.frisbie-footer__atmosphere,
.frisbie-footer__particles {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.frisbie-footer__atmosphere {
  z-index: 0;
  background:
    radial-gradient(circle at 76% 8%, color-mix(in srgb, var(--footer-info) 18%, transparent), transparent 30%),
    radial-gradient(circle at 12% 58%, color-mix(in srgb, var(--footer-primary) 16%, transparent), transparent 34%);
  -webkit-mask-image: radial-gradient(circle at 58% 28%, var(--footer-heading) 0%, transparent 74%);
          mask-image: radial-gradient(circle at 58% 28%, var(--footer-heading) 0%, transparent 74%);
  opacity: 0.72;
}

.frisbie-footer__particles span {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 999px;
  background: var(--footer-info);
  box-shadow: 0 0 18px color-mix(in srgb, var(--footer-info) 70%, transparent);
  animation: frisbie-footer-particle 10s ease-in-out infinite;
}

.frisbie-footer__particles span:nth-child(1) { left: 6%; top: 18%; animation-delay: -1s; }
.frisbie-footer__particles span:nth-child(2) { left: 13%; top: 72%; animation-delay: -3s; }
.frisbie-footer__particles span:nth-child(3) { left: 21%; top: 42%; animation-delay: -5s; }
.frisbie-footer__particles span:nth-child(4) { left: 30%; top: 14%; animation-delay: -7s; }
.frisbie-footer__particles span:nth-child(5) { left: 38%; top: 86%; animation-delay: -2s; }
.frisbie-footer__particles span:nth-child(6) { left: 46%; top: 52%; animation-delay: -4s; }
.frisbie-footer__particles span:nth-child(7) { left: 55%; top: 20%; animation-delay: -6s; }
.frisbie-footer__particles span:nth-child(8) { left: 62%; top: 80%; animation-delay: -8s; }
.frisbie-footer__particles span:nth-child(9) { left: 70%; top: 36%; animation-delay: -2.6s; }
.frisbie-footer__particles span:nth-child(10) { left: 78%; top: 66%; animation-delay: -5.4s; }
.frisbie-footer__particles span:nth-child(11) { left: 86%; top: 18%; animation-delay: -7.2s; }
.frisbie-footer__particles span:nth-child(12) { left: 94%; top: 54%; animation-delay: -3.6s; }
.frisbie-footer__particles span:nth-child(13) { left: 18%; top: 92%; animation-delay: -6.8s; }
.frisbie-footer__particles span:nth-child(14) { left: 34%; top: 64%; animation-delay: -4.4s; }
.frisbie-footer__particles span:nth-child(15) { left: 50%; top: 92%; animation-delay: -8.8s; }
.frisbie-footer__particles span:nth-child(16) { left: 68%; top: 12%; animation-delay: -1.8s; }
.frisbie-footer__particles span:nth-child(17) { left: 84%; top: 90%; animation-delay: -5.8s; }
.frisbie-footer__particles span:nth-child(18) { left: 96%; top: 28%; animation-delay: -7.8s; }

.frisbie-footer-nav {
  border: 0;
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
  display: grid;
  grid-template-columns: minmax(240px, 1.2fr) repeat(4, minmax(150px, 0.7fr));
  grid-gap: 28px;
  gap: 28px;
  margin-top: 22px;
  padding: clamp(24px, 4vw, 38px);
  border-radius: 30px;
}

.frisbie-footer-brand__identity {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  max-width: 100%;
}

.frisbie-footer-brand__identity .frisbie-footer-brand__logo {
  font-size: 16px;
}

.frisbie-footer-brand__identity .frisbie-footer-brand__logo img {
  width: 26px;
  height: 26px;
}

.frisbie-footer-brand__identity--small {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 14px;
  white-space: nowrap;
}

.frisbie-footer-brand__identity--small .frisbie-footer-brand__logo {
  flex: 0 0 auto;
}

.frisbie-footer-brand__identity--small .frisbie-footer-brand__tagline {
  flex: 0 0 auto;
  width: auto;
  padding-left: 14px;
  border-left: 1px solid color-mix(in srgb, var(--footer-heading) 64%, transparent);
  font-size: 15px;
  white-space: nowrap;
}

.frisbie-footer-brand__logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--footer-heading);
  font-size: 20px;
  font-weight: 900;
}

.frisbie-footer-brand__logo img {
  width: 34px;
  height: 34px;
}

.frisbie-footer-brand__tagline {
  color: var(--footer-muted);
  font-size: 14px;
  line-height: 1.2;
  white-space: nowrap;
  padding-left: 18px;
  border-left: 1px solid
    color-mix(in srgb, var(--footer-border) 72%, var(--footer-bg));
}

.frisbie-footer-efficiency-note {
  max-width: 320px;
  margin-top: 20px;
  padding-left: 14px;
  border-left: 1px solid
    color-mix(in srgb, var(--footer-border) 72%, var(--footer-bg));
}

.frisbie-footer-efficiency-note span {
  display: block;
  color: var(--footer-heading);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
}

.frisbie-footer-efficiency-note p {
  margin: 6px 0 0;
  color: var(--footer-muted);
  font-size: 13px;
  line-height: 1.55;
}

.frisbie-footer-column {
  display: grid;
  align-content: start;
  grid-gap: 10px;
  gap: 10px;
}

.frisbie-footer-column h4 {
  margin: 0 0 6px;
  color: var(--footer-heading);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.frisbie-footer a {
  text-decoration: none;
}

.frisbie-footer--compact {
  border-top: 1px solid
    color-mix(in srgb, var(--footer-border) 72%, var(--footer-bg));
  background: color-mix(in srgb, var(--footer-surface) 58%, var(--footer-bg));
}

.frisbie-footer-compact__inner {
  position: relative;
  z-index: 1;
  display: flex;
  width: min(1280px, calc(100% - 40px));
  min-height: 64px;
  margin: 0 auto;
  padding: 12px 0;
  align-items: center;
  gap: 18px;
}

.frisbie-footer--compact .frisbie-footer-brand__logo {
  flex: 0 0 auto;
  font-size: 16px;
}

.frisbie-footer--compact .frisbie-footer-brand__logo img {
  width: 26px;
  height: 26px;
}

.frisbie-footer-compact__copy,
.frisbie-footer-compact__copyright {
  color: var(--footer-muted);
  font-size: 13px;
  white-space: nowrap;
}

.frisbie-footer-compact__copy {
  padding-left: 18px;
  border-left: 1px solid
    color-mix(in srgb, var(--footer-border) 72%, var(--footer-bg));
}

.frisbie-footer-compact__links {
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  gap: 14px;
  min-width: 0;
}

.frisbie-footer-compact__links button {
  all: unset;
  cursor: pointer;
}

.frisbie-footer-compact__links a,
.frisbie-footer-compact__links button {
  color: var(--footer-muted);
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
  transition: color 0.2s ease;
}

.frisbie-footer-compact__links a:hover,
.frisbie-footer-compact__links button:hover {
  color: var(--footer-heading);
}

.frisbie-footer-compact__links button:focus-visible {
  outline: 2px solid var(--footer-info);
  outline-offset: 3px;
}

.frisbie-footer-column a {
  color: var(--footer-muted);
  font-size: 14px;
  transition: color 0.2s ease, transform 0.2s ease;
}

.frisbie-footer-column button {
  all: unset;
  color: var(--footer-muted);
  font-size: 14px;
  transition: color 0.2s ease, transform 0.2s ease;
  cursor: pointer;
}

.frisbie-footer-column a:hover,
.frisbie-footer-column button:hover {
  color: var(--footer-heading);
  transform: translateX(2px);
}

.frisbie-footer-column button:focus-visible {
  outline: 2px solid var(--footer-info);
  outline-offset: 3px;
}

.frisbie-footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  margin-top: 22px;
  padding: 18px 2px 0;
  color: var(--footer-faint);
  border-top: 1px solid color-mix(in srgb, var(--footer-border) 50%, transparent);
  font-size: 13px;
}

@keyframes frisbie-footer-particle {
  0%, 100% {
    transform: translate3d(0, 0, 0);
    opacity: 0.32;
  }
  50% {
    transform: translate3d(14px, -18px, 0);
    opacity: 1;
  }
}

@media (max-width: 1040px) {
  .frisbie-footer-nav {
    grid-template-columns: 1fr 1fr;
  }

  .frisbie-footer-brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
  .frisbie-footer__inner {
    width: min(100% - 24px, 1280px);
    padding-top: 38px;
  }

  .frisbie-footer-nav {
    grid-template-columns: 1fr;
    border-radius: 24px;
  }

  .frisbie-footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .frisbie-footer-brand__identity {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
  }

  .frisbie-footer-brand__tagline {
    width: 100%;
    padding-left: 0;
    border-left: 0;
    white-space: normal;
  }

  .frisbie-footer-brand__identity--small {
    flex-wrap: nowrap;
    gap: 12px;
  }

  .frisbie-footer-brand__identity--small .frisbie-footer-brand__tagline {
    width: auto;
    padding-left: 12px;
    border-left: 1px solid
      color-mix(in srgb, var(--footer-heading) 64%, transparent);
    font-size: 15px;
    white-space: nowrap;
  }

  .frisbie-footer-compact__inner {
    width: min(100% - 24px, 1280px);
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px 14px;
  }

  .frisbie-footer-compact__copy {
    order: 3;
    width: 100%;
    padding-left: 0;
    border-left: 0;
  }

  .frisbie-footer-compact__links {
    order: 4;
    width: 100%;
    justify-content: flex-start;
    overflow-x: auto;
    padding-bottom: 2px;
  }
}

@media (max-width: 480px) {
  .frisbie-footer-nav {
    padding: 20px;
  }
}

.frisbie-guest-product-shell {
  flex: 1 1;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.frisbie-guest-product-embedded {
  position: relative;
  z-index: 1;
}

.frisbie-guest-product-inner {
  position: relative;
  z-index: 1;
  width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
}

.frisbie-guest-product-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.82fr);
  grid-gap: 36px;
  gap: 36px;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  max-width: 1300px;
  min-height: 520px;
  margin: 0 auto;
  padding: 64px clamp(24px, 5vw, 72px) 40px;
}

.frisbie-guest-product-embedded .frisbie-guest-product-hero {
  min-height: auto;
  padding-top: 80px;
}

.frisbie-guest-product--super-chat .frisbie-guest-product-hero {
  min-height: clamp(420px, 58vh, 520px);
  padding-top: 48px;
  padding-bottom: 32px;
}

.frisbie-guest-product-copy {
  max-width: 680px;
}

.frisbie-guest-product-badge {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  margin-top: 22px;
  padding: 0 14px;
  color: var(--home-text);
  border: 1px solid var(--home-cyan);
  border-radius: 8px;
  background: linear-gradient(
    135deg,
    var(--home-cyan-soft),
    var(--home-surface-faint)
  );
  box-shadow: 0 12px 30px var(--home-shadow),
    inset 0 1px 0 var(--home-surface-soft);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.frisbie-guest-product-copy h1 {
  margin: 16px 0 18px;
  color: var(--home-text);
  font-size: clamp(44px, 7vw, 86px);
  line-height: 0.94;
  letter-spacing: 0;
}

.frisbie-guest-product-copy h1 span {
  color: var(--home-cyan);
  text-shadow: 0 0 28px var(--home-cyan-mid);
}

.frisbie-guest-product--super-chat .frisbie-guest-product-copy h1 {
  max-width: 700px;
  font-size: clamp(42px, 6vw, 72px);
  line-height: 0.98;
}

.frisbie-guest-product-copy p {
  max-width: 600px;
  margin: 0;
  color: var(--home-text-soft);
  font-size: 18px;
  line-height: 1.65;
}

.frisbie-guest-product-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.frisbie-guest-product-actions .ant-btn {
  min-height: 48px;
  border-radius: 8px;
}

.frisbie-guest-product-shell .frisbie-guest-product-actions .ant-btn-primary {
  min-height: 56px;
  padding: 0 24px;
  color: var(--home-run-text);
  border-color: transparent;
  background: linear-gradient(135deg, var(--home-cyan), var(--home-primary));
  box-shadow: 0 14px 34px var(--home-shadow), 0 0 22px var(--home-cyan-soft);
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0;
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.frisbie-guest-product-shell
  .frisbie-guest-product-actions
  .ant-btn-primary:hover,
.frisbie-guest-product-shell
  .frisbie-guest-product-actions
  .ant-btn-primary:focus-visible {
  color: var(--home-run-text);
  border-color: transparent;
  background: linear-gradient(135deg, var(--home-cyan), var(--home-primary));
  box-shadow: 0 18px 42px var(--home-shadow), 0 0 30px var(--home-cyan-soft);
  transform: translateY(-1px);
}

.frisbie-guest-product-shell
  .frisbie-guest-product-actions
  .ant-btn-primary
  span,
.frisbie-guest-product-shell
  .frisbie-guest-product-actions
  .ant-btn-primary
  .anticon {
  color: var(--home-run-text);
}

.frisbie-guest-product-media-card {
  min-height: 480px;
}

.frisbie-guest-product--super-chat .frisbie-guest-product-media-card {
  min-height: 420px;
}

.frisbie-guest-product-media-card--playable {
  cursor: pointer;
  transition: transform 0.24s ease, border-color 0.24s ease,
    box-shadow 0.24s ease;
}

.frisbie-guest-product-media-card--playable:hover,
.frisbie-guest-product-media-card--playable:focus-visible {
  border-color: var(--home-cyan);
  box-shadow: 0 30px 96px var(--home-shadow-strong);
  transform: translateY(-4px);
  outline: none;
}

.frisbie-guest-product-media-card .frisbie-layer-card__media {
  position: relative;
  min-height: 260px;
}

.frisbie-guest-product-media-card--playable .frisbie-layer-card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: radial-gradient(
      circle at center,
      transparent 0%,
      var(--home-surface-faint) 72%
    ),
    linear-gradient(180deg, transparent 44%, var(--home-bg-elevated));
  pointer-events: none;
}

.frisbie-guest-product-play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: inline-grid;
  width: 76px;
  height: 76px;
  place-items: center;
  padding: 0;
  color: var(--home-text);
  border: 1px solid var(--home-border);
  border-radius: 50%;
  background: radial-gradient(
      circle at center,
      var(--home-cyan-soft),
      transparent 68%
    ),
    linear-gradient(135deg, var(--home-surface-soft), var(--home-surface-faint));
  box-shadow: 0 24px 72px var(--home-shadow);
  translate: -50% -50%;
  pointer-events: none;
  -webkit-backdrop-filter: blur(18px) saturate(140%);
          backdrop-filter: blur(18px) saturate(140%);
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.frisbie-guest-product-media-card--playable:hover .frisbie-guest-product-play,
.frisbie-guest-product-media-card--playable:focus-visible
  .frisbie-guest-product-play {
  border-color: var(--home-cyan);
  box-shadow: 0 28px 86px var(--home-shadow-strong);
  transform: translateY(-2px) scale(1.03);
}

.frisbie-guest-product-play .anticon {
  color: var(--home-cyan);
  font-size: 34px;
}

.frisbie-guest-product-watch-link {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  margin-top: 18px;
  color: var(--home-cyan);
  font-size: 13px;
  font-weight: 900;
}

.frisbie-guest-product-video-modal .ant-modal-content {
  overflow: hidden;
  padding: 0;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: var(--home-bg-elevated);
  box-shadow: 0 32px 120px var(--home-shadow-strong);
}

.frisbie-guest-product-video-modal .ant-modal-close {
  color: var(--home-text);
}

.frisbie-guest-product-video-frame {
  position: relative;
  width: 100%;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  background: var(--home-bg);
}

.frisbie-guest-product-video-frame > div,
.frisbie-guest-product-video-frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.frisbie-guest-product-section {
  margin-top: 64px;
  padding: 0 clamp(24px, 5vw, 72px);
}

.frisbie-guest-product-section:last-child {
  padding-bottom: 72px;
}

.frisbie-guest-product-embedded .frisbie-guest-product-section:last-child {
  padding-bottom: 96px;
}

.frisbie-guest-product-footer {
  position: relative;
  z-index: 1;
}

.frisbie-guest-product-feature-section {
  box-sizing: border-box;
  width: 100%;
  max-width: 1180px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0;
  padding-left: 0;
}

.frisbie-guest-product-feature-grid,
.frisbie-guest-product-preview-grid {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  margin-top: 28px;
}

.frisbie-guest-product-feature-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.frisbie-guest-product-preview-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.frisbie-guest-product-template-showcase {
  margin-top: 28px;
}

.frisbie-guest-product-template-showcase .frisbie-template-layout {
  grid-template-columns: minmax(0, 1fr);
}

.frisbie-guest-product-template-showcase .frisbie-template-featured {
  min-height: 300px;
}

.frisbie-guest-product-template-showcase .frisbie-template-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.frisbie-guest-product-template-showcase .frisbie-template-card {
  min-height: 260px;
}

.frisbie-guest-product-workflow-section .frisbie-layer-section__heading,
.frisbie-guest-product-ai-section .frisbie-layer-section__heading {
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
}

.frisbie-guest-product-workflow-section .frisbie-layer-section__heading p,
.frisbie-guest-product-ai-section .frisbie-layer-section__heading p {
  max-width: 720px;
  margin: 14px auto 0;
  color: var(--home-text-soft);
  font-size: 16px;
  line-height: 1.65;
}

.frisbie-guest-product-workflow-section .frisbie-layer-section__heading p span,
.frisbie-guest-product-ai-section .frisbie-layer-section__heading p span {
  color: var(--home-cyan);
  font-weight: 900;
}

.frisbie-guest-product-workflow-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 16px;
  gap: 16px;
  max-width: 1180px;
  margin: 28px auto 0;
}

.frisbie-guest-product-workflow-card {
  position: relative;
  min-height: 260px;
  padding: 22px;
  overflow: hidden;
  color: var(--home-text);
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: radial-gradient(
      circle at 100% 0%,
      var(--home-cyan-soft),
      transparent 34%
    ),
    linear-gradient(180deg, var(--home-surface-soft), var(--home-bg));
  box-shadow: 0 24px 72px var(--home-shadow),
    inset 0 1px 0 var(--home-surface-soft);
}

.frisbie-guest-product-workflow-card__header {
  display: flex;
  min-height: 34px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.frisbie-guest-product-workflow-card__step {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  color: var(--home-cyan);
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: var(--home-surface-faint);
  font-size: 12px;
  font-weight: 900;
}

.frisbie-guest-product-workflow-card__metric {
  min-width: 0;
  color: var(--home-text-soft);
  border-bottom: 1px solid var(--home-border);
  font-size: 11px;
  font-weight: 900;
  line-height: 1.35;
  text-align: right;
  text-transform: uppercase;
}

.frisbie-guest-product-workflow-card h3 {
  margin: 18px 0 10px;
  color: var(--home-text);
  font-size: 19px;
  line-height: 1.2;
}

.frisbie-guest-product-workflow-card p {
  margin: 0;
  color: var(--home-text-soft);
  font-size: 14px;
  line-height: 1.6;
}

.frisbie-guest-product-ai-stack {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  max-width: 1180px;
  margin: 28px auto 0;
}

.frisbie-guest-product-ai-layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 16px;
  gap: 16px;
  align-items: stretch;
}

.frisbie-guest-product-ai-testimonial,
.frisbie-guest-product-ai-cta {
  position: relative;
  overflow: hidden;
  color: var(--home-text);
  border: 1px solid var(--home-border);
  border-radius: 8px;
  box-shadow: 0 24px 72px var(--home-shadow),
    inset 0 1px 0 var(--home-surface-soft);
}

.frisbie-guest-product-ai-testimonial {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  background: radial-gradient(
      circle at 100% 0%,
      var(--home-primary-soft),
      transparent 32%
    ),
    linear-gradient(180deg, var(--home-surface-soft), var(--home-bg));
}

.frisbie-guest-product-ai-testimonial__quote {
  margin: 0;
  color: var(--home-text);
  font-size: 24px;
  font-weight: 900;
  line-height: 1.3;
}

.frisbie-guest-product-ai-testimonial__meta {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
}

.frisbie-guest-product-ai-testimonial__avatar {
  width: 52px;
  height: 52px;
  flex: 0 0 auto;
  border: 1px solid var(--home-border);
  border-radius: 50%;
  background: radial-gradient(
      circle at 50% 35%,
      var(--home-surface-soft),
      transparent 34%
    ),
    linear-gradient(180deg, var(--home-surface-faint), var(--home-bg));
  box-shadow: inset 0 1px 0 var(--home-surface-soft);
}

.frisbie-guest-product-ai-testimonial__identity {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  min-width: 0;
}

.frisbie-guest-product-ai-testimonial__identity strong {
  color: var(--home-text);
  font-size: 14px;
  font-weight: 900;
}

.frisbie-guest-product-ai-testimonial__identity span {
  color: var(--home-text-soft);
  font-size: 13px;
  line-height: 1.4;
}

.frisbie-guest-product-ai-cta h3 {
  font-size: 20px;
}

.frisbie-guest-product-ai-cta p {
  margin: 0;
  color: var(--home-text-soft);
  font-size: 14px;
  line-height: 1.6;
}

.frisbie-guest-product-ai-cta {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  justify-content: flex-end;
  padding: 24px;
  background: radial-gradient(
      circle at 0% 0%,
      var(--home-primary-soft),
      transparent 34%
    ),
    radial-gradient(circle at 100% 0%, var(--home-cyan-soft), transparent 38%),
    linear-gradient(180deg, var(--home-bg-elevated), var(--home-bg));
}

.frisbie-guest-product-ai-cta h3 {
  margin-top: 0;
  font-size: 26px;
}

.frisbie-guest-product-ai-cta .ant-btn {
  min-height: 46px;
  margin-top: 22px;
  border-radius: 8px;
  font-weight: 900;
}

.frisbie-guest-product-preview {
  position: relative;
  min-height: 190px;
  padding: 22px;
  overflow: hidden;
  color: var(--home-text);
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: linear-gradient(
    135deg,
    var(--home-surface-soft),
    var(--home-surface-faint)
  );
  box-shadow: 0 24px 72px var(--home-shadow),
    inset 0 1px 0 var(--home-surface-soft);
}

.frisbie-guest-product-preview::after {
  content: "";
  position: absolute;
  inset: auto 18px 18px auto;
  width: 78px;
  height: 78px;
  border-radius: 50%;
  background: radial-gradient(circle, var(--home-cyan-soft), transparent 72%);
  pointer-events: none;
}

.frisbie-guest-product-feature-stack {
  display: grid;
  grid-gap: 18px;
  gap: 18px;
  margin-top: 28px;
}

.frisbie-guest-product-feature-story {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
  grid-gap: 18px;
  gap: 18px;
  min-width: 0;
}

.frisbie-guest-product-feature-story--1 {
  grid-template-columns: minmax(320px, 0.78fr) minmax(0, 1.22fr);
}

.frisbie-guest-product-feature-story--1 .frisbie-guest-product-feature-stage {
  order: 2;
  min-height: 500px;
  background: radial-gradient(
      circle at 100% 0%,
      var(--home-primary-soft),
      transparent 30%
    ),
    radial-gradient(circle at 0% 100%, var(--home-cyan-soft), transparent 34%),
    linear-gradient(180deg, var(--home-bg), var(--home-bg-elevated));
}

.frisbie-guest-product-feature-story--1 .frisbie-guest-product-feature-panel {
  order: 1;
  min-height: 500px;
}

.frisbie-guest-product-feature-story--1
  .frisbie-guest-product-feature-panel__copy
  h3 {
  font-size: clamp(30px, 3.2vw, 40px);
  line-height: 0.98;
}

.frisbie-guest-product-feature-story--2 {
  grid-template-columns: minmax(0, 1fr);
}

.frisbie-guest-product-feature-story--2 .frisbie-guest-product-feature-stage {
  min-height: 320px;
}

.frisbie-guest-product-feature-story--2 .frisbie-guest-product-feature-panel {
  min-height: auto;
}

.frisbie-guest-product-feature-story--2
  .frisbie-guest-product-feature-panel__details {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.frisbie-guest-product-feature-stage,
.frisbie-guest-product-feature-panel {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  box-shadow: 0 24px 72px var(--home-shadow),
    inset 0 1px 0 var(--home-surface-soft);
}

.frisbie-guest-product-feature-stage {
  aspect-ratio: auto;
  aspect-ratio: var(--feature-media-aspect-ratio, auto);
  min-height: 560px;
  background: radial-gradient(
      circle at 0% 0%,
      var(--home-primary-soft),
      transparent 32%
    ),
    radial-gradient(circle at 100% 100%, var(--home-cyan-soft), transparent 28%),
    linear-gradient(180deg, var(--home-bg-elevated), var(--home-bg));
}

.frisbie-guest-product-feature-stage__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.frisbie-guest-product-feature-stage--contain
  .frisbie-guest-product-feature-stage__image {
  object-fit: contain;
}

.frisbie-guest-product-feature-stage__image
  + .frisbie-guest-product-feature-stage__toolbar {
  position: relative;
  z-index: 1;
}

.frisbie-guest-product-feature-stage__toolbar {
  display: flex;
  gap: 6px;
  padding: 14px 14px 0;
}

.frisbie-guest-product-feature-stage__toolbar span {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--home-border-strong);
}

.frisbie-guest-product-feature-stage__body {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: calc(100% - 24px);
  flex-direction: column;
  justify-content: flex-end;
  padding: 28px;
}

.frisbie-guest-product-feature-stage__eyebrow {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  min-height: 30px;
  padding: 0 10px;
  color: var(--home-cyan);
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: var(--home-surface-faint);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.frisbie-guest-product-feature-stage__body h3 {
  max-width: 420px;
  margin: 18px 0 0;
  color: var(--home-text-soft);
  font-size: 22px;
  line-height: 1.45;
}

.frisbie-guest-product-feature-panel {
  display: flex;
  min-height: 560px;
  flex-direction: column;
  padding: 24px;
  background: radial-gradient(
      circle at 100% 0%,
      var(--home-cyan-soft),
      transparent 30%
    ),
    linear-gradient(180deg, var(--home-surface-soft), var(--home-bg));
}

.frisbie-guest-product-feature-panel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.frisbie-guest-product-feature__label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--home-cyan);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.frisbie-guest-product-feature__label .anticon {
  color: var(--home-cyan);
  font-size: 18px;
}

.frisbie-guest-product-feature-panel__counter {
  color: var(--home-text-faint);
  font-size: 12px;
  font-weight: 900;
}

.frisbie-guest-product-feature-panel__copy h3 {
  margin: 22px 0 12px;
  color: var(--home-text);
  font-size: clamp(26px, 3vw, 34px);
  line-height: 1.02;
}

.frisbie-guest-product-feature-panel__copy p {
  margin: 0;
  color: var(--home-text-soft);
  font-size: 16px;
  line-height: 1.7;
}

.frisbie-guest-product-feature-panel__details {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  margin-top: 24px;
}

.frisbie-guest-product-feature-panel__detail {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: var(--home-bg);
}

.frisbie-guest-product-feature-panel__detail .anticon {
  margin-top: 3px;
  color: var(--home-cyan);
  font-size: 16px;
}

.frisbie-guest-product-feature-panel__detail span {
  color: var(--home-text-soft);
  font-size: 14px;
  line-height: 1.55;
}

.frisbie-guest-product-feature h3,
.frisbie-guest-product-preview h3 {
  margin: 16px 0 8px;
  color: var(--home-text);
  font-size: 20px;
  line-height: 1.2;
}

.frisbie-guest-product-feature p,
.frisbie-guest-product-preview p {
  margin: 0;
  color: var(--home-text-soft);
  font-size: 14px;
  line-height: 1.6;
}

.frisbie-guest-product-preview span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  color: var(--home-cyan);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: var(--home-surface-faint);
}

.frisbie-storage-flow {
  box-sizing: border-box;
  width: 100%;
  max-width: 1300px;
  margin: 28px auto 0;
  padding: 0 clamp(24px, 5vw, 72px) 72px;
}

.frisbie-storage-flow__heading {
  max-width: 760px;
}

.frisbie-storage-flow__heading h2 {
  margin: 14px 0 12px;
  color: var(--home-text);
  font-size: clamp(32px, 4vw, 54px);
  line-height: 1;
  letter-spacing: 0;
}

.frisbie-storage-flow__heading p {
  margin: 0;
  color: var(--home-text-soft);
  font-size: 17px;
  line-height: 1.65;
}

.frisbie-storage-flow__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 16px;
  gap: 16px;
  margin-top: 28px;
}

.frisbie-storage-flow__card {
  display: grid;
  grid-gap: 18px;
  gap: 18px;
  min-width: 0;
}

.frisbie-storage-flow__visual,
.frisbie-storage-flow__copy {
  border: 1px solid var(--home-border);
  border-radius: 8px;
  box-shadow: 0 24px 72px var(--home-shadow),
    inset 0 1px 0 var(--home-surface-soft);
}

.frisbie-storage-flow__visual {
  position: relative;
  display: flex;
  min-height: 210px;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  padding: 18px;
  background: radial-gradient(
      circle at 100% 0%,
      var(--home-cyan-soft),
      transparent 34%
    ),
    linear-gradient(180deg, var(--home-bg-elevated), var(--home-bg));
}

.frisbie-storage-flow__visual img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.frisbie-storage-flow__visual span,
.frisbie-storage-flow__visual strong {
  position: relative;
  z-index: 1;
}

.frisbie-storage-flow__visual span {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  color: var(--home-text);
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: var(--home-surface-faint);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.frisbie-storage-flow__visual strong {
  align-self: flex-end;
  color: var(--home-text-faint);
  font-size: 42px;
  line-height: 0.9;
}

.frisbie-storage-flow__copy {
  min-height: 190px;
  padding: 22px;
  background: linear-gradient(
    180deg,
    var(--home-surface-soft),
    var(--home-bg)
  );
}

.frisbie-storage-flow__copy h3 {
  margin: 0 0 10px;
  color: var(--home-text);
  font-size: 22px;
  line-height: 1.15;
}

.frisbie-storage-flow__copy p {
  margin: 0;
  color: var(--home-text-soft);
  font-size: 14px;
  line-height: 1.65;
}

@media (max-width: 980px) {
  .frisbie-guest-product-inner {
    width: 100%;
    padding: 0;
  }

  .frisbie-guest-product-hero,
  .frisbie-guest-product-section {
    padding-right: 24px;
    padding-left: 24px;
  }

  .frisbie-guest-product-feature-section {
    margin-right: 24px;
    margin-left: 24px;
    padding-right: 0;
    padding-left: 0;
  }

  .frisbie-guest-product-hero {
    padding-top: 44px;
  }

  .frisbie-guest-product--super-chat .frisbie-guest-product-hero {
    min-height: auto;
    padding-top: 44px;
    padding-bottom: 40px;
  }

  .frisbie-guest-product-hero,
  .frisbie-guest-product-feature-grid,
  .frisbie-guest-product-feature-story,
  .frisbie-guest-product-preview-grid,
  .frisbie-storage-flow__grid,
  .frisbie-guest-product-workflow-grid,
  .frisbie-guest-product-ai-layout,
  .frisbie-guest-product-template-showcase .frisbie-template-grid {
    grid-template-columns: 1fr;
  }

  .frisbie-guest-product-hero {
    min-height: auto;
  }

  .frisbie-guest-product-media-card {
    min-height: auto;
  }

  .frisbie-guest-product--super-chat .frisbie-guest-product-media-card {
    min-height: auto;
  }

  .frisbie-guest-product-feature-stage,
  .frisbie-guest-product-feature-panel {
    min-height: auto;
  }

  .frisbie-guest-product-feature-story--1 .frisbie-guest-product-feature-stage,
  .frisbie-guest-product-feature-story--1 .frisbie-guest-product-feature-panel {
    order: initial;
  }

  .frisbie-guest-product-feature-story--2
    .frisbie-guest-product-feature-panel__details {
    grid-template-columns: 1fr;
  }

  .frisbie-guest-product-section:last-child {
    padding-bottom: 56px;
  }

  .frisbie-storage-flow {
    padding-right: 24px;
    padding-bottom: 56px;
    padding-left: 24px;
  }
}

@media (max-width: 640px) {
  .frisbie-guest-product-copy h1 {
    font-size: 42px;
  }

  .frisbie-guest-product-actions {
    flex-direction: column;
  }

  .frisbie-guest-product-actions .ant-btn {
    width: 100%;
  }
}

.site-shell {
  min-height: 100vh;
  background: var(--site-bg-layout);
  color: var(--site-text);
  overflow-x: hidden;
  scroll-behavior: smooth;
}

.site-container {
  width: min(1240px, calc(100% - 32px));
  margin: 0 auto;
}

.site-main {
  padding: 32px 0 72px;
}

.site-section {
  padding: 32px 0;
}

.site-section--compact {
  padding-top: 0;
}

.site-section--lgpd {
  padding: 0;
}

.site-shell--home {
  min-height: 100vh;
  background: radial-gradient(
      circle at 76% 8%,
      var(--home-cyan-mid),
      var(--home-surface-faint) 28%
    ),
    radial-gradient(
      circle at 14% 34%,
      var(--home-primary-mid),
      var(--home-surface-faint) 32%
    ),
    linear-gradient(
      180deg,
      var(--home-bg) 0%,
      var(--home-shell-wash) 44%,
      var(--home-bg) 100%
    );
  color: var(--home-text);
}

.site-shell--home > * {
  position: relative;
  z-index: 1;
}

.site-main--home {
  padding: 0;
}

.site-container--home {
  width: 100%;
}

.site-shell--home .site-footer {
  border-color: var(--home-border);
  background: var(--home-bg-container);
}

.site-panel {
  background: var(--site-bg-container);
  border: 1px solid var(--site-border);
  border-radius: 20px;
  box-shadow: var(--site-shadow-soft);
}

.site-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  grid-gap: 28px;
  gap: 28px;
  align-items: stretch;
}

.site-hero--docs {
  position: relative;
  min-height: 78vh;
  overflow: hidden;
  grid-template-columns: 1fr;
}

.site-hero__copy,
.site-hero__media,
.site-hero__card,
.site-card,
.site-doc-layout__sidebar,
.site-doc-layout__content {
  background: var(--site-bg-container);
  border: 1px solid var(--site-border);
  border-radius: 20px;
  box-shadow: var(--site-shadow-soft);
}

.site-hero__copy {
  padding: 32px;
}

.site-hero__copy--docs {
  position: relative;
  z-index: 2;
  max-width: 760px;
  margin: 0 auto;
  padding: 72px 40px;
  background: transparent;
  border: 0;
  box-shadow: none;
  text-align: center;
}

.site-hero__brand {
  margin-bottom: 20px;
}

.site-hero__logo {
  width: min(220px, 48vw);
  height: auto;
}

.site-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
  color: var(--site-primary);
}

.site-title {
  margin: 0 0 14px;
  font-size: clamp(32px, 4vw, 56px);
  line-height: 1.04;
}

.site-title--hero-docs {
  color: #fff;
  font-size: clamp(46px, 7vw, 88px);
  line-height: 0.98;
  text-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
}

.site-title--hero-docs span {
  background: linear-gradient(135deg, #b767ff 0%, #7a3cff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.site-subtitle {
  margin: 0;
  font-size: 17px;
  line-height: 1.7;
  color: var(--site-text-secondary);
}

.site-subtitle--hero-docs {
  color: rgba(255, 255, 255, 0.92);
  max-width: 720px;
  margin: 0 auto;
  font-size: clamp(18px, 2.2vw, 22px);
}

.site-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.site-hero__media {
  position: relative;
  overflow: hidden;
  min-height: 420px;
}

.site-hero__media--backdrop {
  position: absolute;
  inset: 0;
  z-index: 0;
  min-height: 0;
  border: 0;
  border-radius: 20px;
  box-shadow: none;
}

.site-hero__media video,
.site-media-tile video,
.site-media-tile img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.site-hero__backdrop {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.52) 48%, rgba(0, 0, 0, 0.72) 100%),
    radial-gradient(circle at top, rgba(122, 60, 255, 0.22), transparent 48%);
}

.site-hero__video-launch {
  margin: 28px auto 0;
  width: min(640px, 100%);
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.28);
}

.site-hero__video-launch img {
  width: 100%;
  display: block;
}

.site-hero__video-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.18);
  transition: background 0.2s ease;
}

.site-hero__video-launch:hover .site-hero__video-overlay {
  background: rgba(0, 0, 0, 0.08);
}

.site-hero__play {
  width: 92px;
  height: 92px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.94);
  color: var(--site-primary);
  font-size: 38px;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.24);
}

.site-hero__note {
  margin-top: 18px;
  color: rgba(255, 255, 255, 0.84);
  font-size: 14px;
}

.site-section-heading {
  margin-bottom: 20px;
  text-align: center;
}

.site-section-title {
  margin: 0;
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.08;
}

.site-superapp-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 18px;
  gap: 18px;
}

.site-superapp-card,
.site-case-card {
  background: var(--site-bg-container);
  border: 1px solid var(--site-border);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: var(--site-shadow-soft);
}

.site-superapp-card__media {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: var(--site-bg-layout);
}

.site-superapp-card__media video,
.site-superapp-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.site-superapp-card__badge {
  position: absolute;
  left: 12px;
  bottom: 12px;
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(122, 60, 255, 0.92);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

.site-superapp-card__body {
  padding: 18px 18px 20px;
}

.site-superapp-card__body h3 {
  margin: 0 0 10px;
}

.site-cases-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 16px;
  gap: 16px;
}

.site-case-card {
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.site-case-card__header,
.site-case-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: var(--site-text-secondary);
  font-size: 12px;
}

.site-case-card__icon {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: var(--site-primary-soft);
  color: var(--site-primary);
  font-weight: 700;
}

.site-case-card__meta {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.site-case-card__visual {
  aspect-ratio: 16 / 10;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    linear-gradient(145deg, var(--site-bg-layout), var(--site-bg-container));
  border: 1px solid var(--site-border);
  color: var(--site-text);
  font-weight: 700;
  text-align: center;
  padding: 18px;
}

.site-case-card__badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 2px 8px;
  border-radius: 999px;
  background: var(--site-primary);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}

.site-hero__overlay {
  position: absolute;
  inset: auto 24px 24px 24px;
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 16px;
}

.site-hero__card {
  padding: 20px;
  max-width: 360px;
}

.site-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-gap: 20px;
  gap: 20px;
}

.site-card {
  padding: 24px;
}

.site-card h3,
.site-doc-content h2,
.site-doc-content h3,
.site-doc-content h4 {
  margin-top: 0;
}

.site-products {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(260px, 1fr);
  grid-gap: 16px;
  gap: 16px;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  padding-bottom: 4px;
}

.site-products > * {
  scroll-snap-align: start;
}

.site-usecases {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 20px;
  gap: 20px;
}

.site-orbit {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  grid-gap: 24px;
  gap: 24px;
  align-items: center;
}

.site-orbit__canvas {
  position: relative;
  width: min(440px, 100%);
  aspect-ratio: 1;
  margin: 0 auto;
  border-radius: 50%;
  background:
    radial-gradient(circle at center, var(--site-primary-soft), transparent 34%),
    radial-gradient(circle at center, var(--site-bg-spotlight), transparent 62%),
    var(--site-bg-container);
  border: 1px solid var(--site-border);
}

.site-orbit__center,
.site-orbit__item {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.site-orbit__center {
  inset: 50%;
  width: 146px;
  height: 146px;
  margin: -73px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--site-text), var(--site-primary));
  color: var(--site-bg-container);
  font-weight: 700;
  padding: 24px;
  box-shadow: var(--site-shadow);
}

.site-orbit__item {
  width: 108px;
  height: 108px;
  margin: -54px;
  border-radius: 24px;
  background: var(--site-bg-container);
  box-shadow: var(--site-shadow-soft);
  border: 1px solid var(--site-border);
  font-weight: 700;
  color: var(--site-text);
}

.site-quotes {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  grid-gap: 24px;
  gap: 24px;
}

.site-quote {
  min-height: 280px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.site-quote__body {
  font-size: clamp(22px, 3vw, 32px);
  line-height: 1.3;
  color: var(--site-text);
}

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

.site-imagine {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-gap: 20px;
  gap: 20px;
}

.site-imagine-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-template-rows: auto auto auto;
  grid-gap: 8px;
  gap: 8px;
  grid-row-gap: 5px;
  row-gap: 5px;
  align-items: stretch;
}

.site-imagine-cell {
  position: relative;
}

.site-imagine-cell--logo {
  grid-column: 1 / 3;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  z-index: 2;
}

.site-imagine-logo {
  width: 40px;
  height: auto;
}

.site-imagine-word {
  margin: 0;
  font-size: clamp(4rem, 10vw, 10rem);
  font-weight: 900;
  line-height: 0.85;
  letter-spacing: -0.06em;
  white-space: nowrap;
}

.site-imagine-cell--word {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  z-index: 2;
}

.site-imagine-cell--word-a {
  grid-column: 5 / 7;
  grid-row: 1;
  align-items: center;
  justify-content: center;
}

.site-imagine-cell--word-b {
  grid-column: 1 / 3;
  grid-row: 2;
  align-items: center;
  justify-content: center;
}

.site-imagine-cell--word-c {
  grid-column: 5 / 7;
  grid-row: 2;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  margin-top: -40px;
}

.site-imagine-cell--word-d {
  grid-column: 3 / 5;
  grid-row: 3;
  justify-content: center;
}

.site-imagine-cell--frame {
  display: flex;
  width: 100%;
}

.site-imagine-cell--frame-a {
  grid-column: 3 / 6;
  grid-row: 1;
}

.site-imagine-cell--frame-b {
  grid-column: 2 / 4;
  grid-row: 2;
}

.site-imagine-cell--frame-c {
  grid-column: 1 / 3;
  grid-row: 3;
}

.site-imagine-cell--frame-d {
  grid-column: 5 / 7;
  grid-row: 3;
}

.site-imagine-frame {
  width: 100%;
  border: 1px solid var(--site-border);
  border-radius: 16px;
  overflow: hidden;
  background: var(--site-bg-container);
  box-shadow: var(--site-shadow-soft);
}

.site-imagine-frame video,
.site-imagine-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.site-imagine-cell--frame-b .site-imagine-frame {
  aspect-ratio: 600 / 240;
}

.site-imagine-cell--frame-d .site-imagine-frame {
  aspect-ratio: 600 / 220;
}

.site-imagine-widget {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 8px 14px;
  border-radius: 999px;
  background: var(--site-primary-soft);
  color: var(--site-primary);
  font-size: 14px;
  font-weight: 700;
}

.site-imagine__media {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 16px;
  gap: 16px;
}

.site-media-tile {
  overflow: hidden;
  min-height: 240px;
  border-radius: 18px;
  background: var(--site-bg-container);
  border: 1px solid var(--site-border);
}

.site-bullet-list,
.site-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0;
  margin: 18px 0 0;
  list-style: none;
}

.site-tag {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 8px 14px;
  border-radius: 999px;
  background: var(--site-primary-soft);
  color: var(--site-primary);
  font-weight: 600;
}

.site-enterprise {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  grid-gap: 20px;
  gap: 20px;
  align-items: stretch;
}

.site-enterprise__visual {
  overflow: hidden;
  min-height: 280px;
}

.site-enterprise__visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.site-footer {
  border-top: 1px solid var(--site-border);
  background: var(--site-bg-container);
}

.site-footer__inner {
  padding: 32px 0 40px;
  display: grid;
  grid-template-columns: 1.2fr repeat(3, 0.8fr);
  grid-gap: 20px;
  gap: 20px;
}

.site-footer__title {
  font-weight: 700;
  margin-bottom: 12px;
}

.site-footer__links {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.site-footer__links a,
.site-inline-link {
  color: var(--site-text-secondary);
}

.site-doc-layout {
  display: grid;
  grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
  grid-gap: 20px;
  gap: 20px;
}

.site-doc-layout__sidebar,
.site-doc-layout__content {
  padding: 24px;
}

.site-doc-list {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.site-doc-link {
  display: block;
  padding: 12px 14px;
  border-radius: 14px;
  color: var(--site-text);
}

.site-doc-link--active {
  background: var(--site-primary-soft);
  color: var(--site-primary);
  font-weight: 700;
}

.site-legal-hero {
  position: relative;
  padding: 12px 0 8px;
}

.site-legal-hero h1 {
  margin: 8px 0 16px;
  max-width: 14ch;
  color: var(--site-text-heading);
  font-size: clamp(2.4rem, 4.8vw, 4rem);
  line-height: 1;
  letter-spacing: -0.04em;
}

.site-legal-hero .site-eyebrow {
  color: var(--site-primary);
}

.site-legal-hero .site-subtitle {
  max-width: 72ch;
  margin: 0;
}

.site-legal-language-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 20px;
}

.site-legal-language-links span {
  color: var(--site-text-tertiary);
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}

.site-legal-language-links a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 6px 12px;
  border: 1px solid var(--site-border);
  border-radius: 999px;
  color: var(--site-text-secondary);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.site-legal-language-links a:hover {
  border-color: var(--site-primary-border);
  color: var(--site-primary);
  box-shadow: var(--site-shadow-soft);
}

.site-legal-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 280px);
  grid-gap: 32px;
  gap: 32px;
  align-items: start;
}

.site-legal-aside {
  position: relative;
}

.site-legal-summary {
  position: sticky;
  top: 104px;
  padding: 18px 0 0 22px;
  border-left: 1px solid var(--site-border);
}

.site-legal-summary__title {
  margin-bottom: 14px;
  color: var(--site-text-heading);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.site-legal-summary__list {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.site-legal-summary__item {
  color: var(--site-text-secondary);
  font-size: 14px;
  line-height: 1.45;
  transition: color 0.18s ease;
}

.site-legal-summary__item:hover {
  color: var(--site-primary);
}

.site-legal-summary__item--level-3 {
  padding-left: 12px;
  font-size: 13px;
}

.site-legal-shell {
  position: relative;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.site-doc-content {
  width: 100%;
}

.site-doc-content--legal {
  position: relative;
  z-index: 1;
  max-width: 820px;
  padding-right: 8px;
}

.site-doc-content--legal > :first-child {
  margin-top: 0;
}

.site-doc-content--legal > :last-child {
  margin-bottom: 0;
}

.site-doc-content--legal h2,
.site-doc-content--legal h3,
.site-doc-content--legal h4 {
  color: var(--site-text-heading);
  scroll-margin-top: 108px;
}

.site-doc-content--legal h2 {
  margin: 52px 0 18px;
  padding-top: 6px;
  border-top: 1px solid var(--site-border);
  font-size: clamp(1.5rem, 2vw, 2rem);
  line-height: 1.18;
  letter-spacing: -0.03em;
}

.site-doc-content--legal h3 {
  margin: 34px 0 14px;
  font-size: 1.15rem;
  line-height: 1.3;
}

.site-doc-content--legal p,
.site-doc-content--legal li {
  color: var(--site-text-secondary);
  font-size: 16px;
  line-height: 1.88;
}

.site-doc-content--legal p {
  margin: 0 0 16px;
}

.site-doc-content--legal ul,
.site-doc-content--legal ol {
  margin: 0 0 20px;
  padding-left: 22px;
  display: grid;
  grid-gap: 12px;
  gap: 12px;
}

.site-doc-content--legal strong {
  color: var(--site-text-heading);
  font-weight: 700;
}

.site-doc-content--legal blockquote {
  margin: 28px 0 0;
  padding: 16px 18px;
  border: 1px solid var(--site-primary-border);
  border-left: 3px solid var(--site-primary);
  border-radius: 14px;
  background: color-mix(in srgb, var(--site-primary-soft) 72%, var(--site-bg-container));
}

.site-doc-content--legal blockquote p {
  margin: 0;
  color: var(--site-primary);
  font-weight: 600;
}

.site-doc-content--legal hr {
  margin: 36px 0;
  border: 0;
  border-top: 1px solid var(--site-border);
}

.site-doc-content--legal code {
  padding: 0.12em 0.38em;
  border-radius: 8px;
  background: color-mix(in srgb, var(--site-bg-soft) 88%, var(--site-bg-container));
  color: var(--site-text);
  font-size: 0.95em;
}

.site-doc-content--legal a {
  color: var(--site-link);
  text-decoration: none;
}

.site-doc-content--legal a:hover {
  text-decoration: underline;
}

.site-doc-header {
  margin-bottom: 24px;
}

.site-lgpd-form {
  position: relative;
  z-index: 1;
  width: min(1240px, calc(100% - 32px));
  margin: 0 auto;
  padding: clamp(32px, 5vw, 72px) 0 clamp(48px, 5vw, 80px);
  color: var(--home-text);
}

.site-lgpd-form__stack {
  width: 100%;
}

.site-lgpd-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  grid-gap: 24px;
  gap: 24px;
  align-items: stretch;
  overflow: hidden;
  padding: clamp(22px, 3vw, 34px);
}

.site-lgpd-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(
      circle at top right,
      var(--home-cyan-soft),
      var(--home-surface-faint) 34%
    ),
    linear-gradient(90deg, var(--home-surface-faint), var(--home-shell-overlay));
  opacity: 0.82;
}

.site-lgpd-hero > * {
  position: relative;
  z-index: 1;
}

.site-lgpd-hero__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
}

.site-lgpd-form__pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.site-lgpd-form__title.ant-typography {
  max-width: 11ch;
  margin: 0;
  color: var(--home-text);
  font-size: clamp(42px, 6vw, 84px);
  font-weight: 900;
  line-height: 0.95;
  letter-spacing: 0;
}

.site-lgpd-form__subtitle.ant-typography {
  max-width: 760px;
  margin: 0;
  color: var(--home-text-soft);
  font-size: clamp(17px, 1.5vw, 22px);
  line-height: 1.62;
}

.site-lgpd-hero__status {
  display: grid;
  align-content: end;
  grid-gap: 18px;
  gap: 18px;
  min-height: 280px;
  padding: 20px;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: linear-gradient(
      180deg,
      var(--home-surface-soft),
      var(--home-surface-faint)
    ),
    var(--home-bg-container);
  box-shadow: inset 0 1px 0 var(--home-border);
}

.site-lgpd-hero__status-icon {
  display: inline-grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border: 1px solid var(--home-border-strong);
  border-radius: 8px;
  background: var(--home-cyan-soft);
  color: var(--home-cyan);
  font-size: 25px;
}

.site-lgpd-hero__status-label {
  margin-bottom: 8px;
  color: var(--home-cyan);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.12em;
  line-height: 1.2;
  text-transform: uppercase;
}

.site-lgpd-hero__status-text {
  margin: 0;
  color: var(--home-text-soft);
  font-size: 15px;
  line-height: 1.62;
}

.site-lgpd-form__grid {
  align-items: stretch;
}

.site-lgpd-info-panel,
.site-lgpd-request-panel {
  height: 100%;
}

.site-lgpd-panel-stack {
  width: 100%;
}

.site-lgpd-form-heading {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.site-lgpd-panel-title.ant-typography {
  margin: 0;
  color: var(--home-text);
  font-size: clamp(20px, 2vw, 28px);
  font-weight: 800;
  line-height: 1.16;
}

.site-lgpd-copy.ant-typography,
.site-lgpd-copy {
  margin: 0;
  color: var(--home-text-soft);
  font-size: 15px;
  line-height: 1.68;
}

.site-lgpd-rights {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.site-lgpd-rights .ant-list-items {
  background: none;
}

.site-lgpd-rights .site-lgpd-rights__item {
  padding: 0;
  border: 0;
  background: none !important;
}

.site-lgpd-rights__icon {
  margin-top: 4px;
  color: var(--home-cyan);
}

.site-lgpd-rights .ant-typography {
  color: var(--home-text);
}

.site-lgpd-inline-link {
  color: var(--home-cyan);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.site-lgpd-inline-link:hover {
  color: var(--home-primary);
}

.site-lgpd-request-panel .ant-alert {
  border-radius: 8px;
}

.site-lgpd-form__controls {
  width: 100%;
}

.site-lgpd-submit.ant-btn {
  width: 100%;
}

.site-coming {
  padding: 48px 0;
}

.site-pricing-hero,
.site-integrations-hero {
  padding: 28px;
}

.site-actions-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
}

.site-integrations-selection {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 16px;
  gap: 16px;
}

.site-selection-card {
  min-height: 112px;
  padding: 20px;
  border-radius: 18px;
  background: var(--site-bg-container);
  border: 1px dashed var(--site-border-strong);
}

.site-selection-card--filled {
  border-style: solid;
  border-color: var(--site-primary);
  background: var(--site-bg-elevated);
}

.site-app-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 16px;
  gap: 16px;
}

.site-app-card {
  padding: 18px;
  border-radius: 18px;
  border: 1px solid var(--site-border);
  background: var(--site-bg-container);
  cursor: pointer;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.site-app-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--site-shadow);
}

.site-app-card--selected {
  border-color: var(--site-primary);
  background: var(--site-primary-soft);
}

.site-app-card__icon {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: linear-gradient(
    135deg,
    var(--site-primary-soft),
    var(--site-bg-spotlight)
  );
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 800;
  color: var(--site-primary);
}

.site-ideas-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 16px;
  gap: 16px;
}

.site-page-controls {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-top: 20px;
}

@media (max-width: 1100px) {
  .site-hero,
  .site-orbit,
  .site-quotes,
  .site-imagine,
  .site-enterprise,
  .site-doc-layout,
  .site-footer__inner {
    grid-template-columns: 1fr;
  }

  .site-usecases,
  .site-superapp-grid,
  .site-cases-grid,
  .site-integrations-selection,
  .site-ideas-grid {
    grid-template-columns: 1fr;
  }

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

  .site-legal-layout {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .site-legal-summary {
    position: static;
    padding: 0 0 0 18px;
  }

  .site-lgpd-hero {
    grid-template-columns: 1fr;
  }

  .site-lgpd-form__title.ant-typography {
    max-width: 100%;
  }

  .site-lgpd-hero__status {
    min-height: 0;
  }

  .site-imagine-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
  }

  .site-imagine-cell--logo {
    grid-column: 1 / 2;
  }

  .site-imagine-cell--frame-a {
    grid-column: 2 / 4;
  }

  .site-imagine-cell--word-a {
    grid-column: 4 / 5;
  }

  .site-imagine-cell--word-b {
    grid-column: 1 / 2;
  }

  .site-imagine-cell--frame-b {
    grid-column: 2 / 4;
  }

  .site-imagine-cell--word-c {
    grid-column: 4 / 5;
    margin-top: 0;
  }

  .site-imagine-cell--frame-c {
    grid-column: 1 / 2;
  }

  .site-imagine-cell--word-d {
    grid-column: 2 / 3;
  }

  .site-imagine-cell--frame-d {
    grid-column: 3 / 5;
  }
}

@media (max-width: 720px) {
  .site-container {
    width: min(100%, calc(100% - 24px));
  }

  .site-title {
    font-size: 34px;
  }

  .site-title--hero-docs {
    font-size: clamp(36px, 10vw, 56px);
  }

  .site-hero__copy--docs {
    padding: 52px 20px;
  }

  .site-hero__play {
    width: 74px;
    height: 74px;
    font-size: 30px;
  }

  .site-products,
  .site-imagine__media {
    grid-auto-columns: initial;
    grid-template-columns: 1fr;
  }

  .site-app-grid {
    grid-template-columns: 1fr;
  }

  .site-imagine-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  .site-imagine-word {
    font-size: clamp(2rem, 6vw, 4rem);
  }

  .site-imagine-cell--logo {
    grid-column: 1 / -1;
  }

  .site-imagine-cell--word-a,
  .site-imagine-cell--frame-a,
  .site-imagine-cell--word-c,
  .site-imagine-cell--word-d {
    grid-column: 2;
  }

  .site-imagine-cell--word-b,
  .site-imagine-cell--frame-b,
  .site-imagine-cell--frame-c {
    grid-column: 1;
  }

  .site-imagine-cell--frame-d {
    grid-column: 1 / -1;
  }

  .site-legal-hero h1 {
    max-width: none;
  }

  .site-legal-summary {
    padding-left: 16px;
  }

  .site-doc-content--legal h2 {
    margin-top: 40px;
  }

  .site-doc-content--legal {
    padding-right: 0;
  }

  .site-lgpd-form {
    width: min(100%, calc(100% - 24px));
    padding-top: 24px;
  }

  .site-lgpd-hero {
    padding: 18px;
  }
}

@media (max-width: 480px) {
  .site-imagine-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .site-imagine-word {
    font-size: clamp(1.5rem, 5vw, 3rem);
    white-space: normal;
  }

  .site-imagine-cell--logo,
  .site-imagine-cell--word-a,
  .site-imagine-cell--word-b,
  .site-imagine-cell--word-c,
  .site-imagine-cell--word-d,
  .site-imagine-cell--frame-a,
  .site-imagine-cell--frame-b,
  .site-imagine-cell--frame-c,
  .site-imagine-cell--frame-d {
    grid-column: 1;
    grid-row: auto;
  }
}

.frisbie-account-tokens-workspace {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding-inline: 0;
}

.frisbie-account-tokens-header,
.frisbie-account-tokens-header.frisbie-ui-header-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  justify-content: space-between;
  grid-gap: 12px;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background:
    radial-gradient(circle at 100% 0%, var(--home-cyan-soft), var(--home-bg) 34%),
    linear-gradient(180deg, var(--home-surface-faint), var(--home-bg));
  box-shadow: 0 18px 54px var(--home-shadow), inset 0 1px 0 var(--home-border);
}

.frisbie-account-tokens-header__main {
  display: flex;
  justify-self: start;
  width: 100%;
  min-width: 0;
  align-items: center;
  gap: 10px;
}

.frisbie-account-tokens-header__icon {
  width: 36px;
  height: 36px;
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  color: var(--home-cyan);
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background:
    radial-gradient(circle at 50% 0%, var(--home-cyan-soft), var(--home-bg) 64%),
    var(--home-bg);
  box-shadow: inset 0 1px 0 var(--home-border);
  font-size: 1rem;
}

.frisbie-account-tokens-header .frisbie-ui-title-stack {
  gap: 3px;
}

.frisbie-account-tokens-header .frisbie-ui-title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  font-size: clamp(18px, 1.4vw, 24px);
  line-height: 1.05;
}

.frisbie-account-tokens-header .frisbie-ui-eyebrow {
  font-size: 10px;
  line-height: 1.1;
}

.frisbie-account-tokens-header .frisbie-ui-subtitle {
  max-width: 760px;
  overflow: hidden;
  font-size: 12px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.frisbie-account-tokens-header .ant-btn {
  min-height: 34px;
  padding-inline: 12px;
  border-radius: 8px;
  font-weight: 800;
}

.frisbie-account-tokens-header__actions {
  display: flex;
  justify-self: end;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-width: max-content;
}

.frisbie-account-tokens-layout {
  display: grid;
  grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
  align-items: start;
  grid-gap: 16px;
  gap: 16px;
}

.frisbie-account-tokens-sidebar {
  min-width: 0;
}

.frisbie-account-tokens-filter-panel.frisbie-ui-panel-shell,
.frisbie-account-tokens-table-panel.frisbie-ui-panel-shell {
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background:
    radial-gradient(circle at 100% 0%, var(--home-cyan-soft), var(--home-bg) 28%),
    linear-gradient(180deg, var(--home-surface-faint), var(--home-bg));
  box-shadow: 0 18px 54px var(--home-shadow), inset 0 1px 0 var(--home-border);
}

.frisbie-account-tokens-filter-panel.frisbie-ui-panel-shell {
  position: sticky;
  top: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
}

.frisbie-account-tokens-filter-panel__heading {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.frisbie-account-tokens-filter-panel__heading > .anticon {
  width: 34px;
  height: 34px;
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  color: var(--home-cyan);
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: var(--home-bg);
  box-shadow: inset 0 1px 0 var(--home-border);
}

.frisbie-account-tokens-filter-panel__heading div {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  min-width: 0;
}

.frisbie-account-tokens-filter-panel__heading strong,
.frisbie-account-tokens-filter-group > span {
  color: var(--home-text);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.06em;
  line-height: 1.2;
  text-transform: uppercase;
}

.frisbie-account-tokens-filter-panel__heading span {
  color: var(--home-text-soft);
  font-size: 13px;
  line-height: 1.4;
}

.frisbie-account-tokens-search.ant-input-affix-wrapper {
  min-height: 42px;
  color: var(--home-text);
  border-color: var(--home-border);
  border-radius: 8px;
  background: var(--home-bg);
  box-shadow: inset 0 1px 0 var(--home-border);
}

.frisbie-account-tokens-search.ant-input-affix-wrapper input,
.frisbie-account-tokens-search.ant-input-affix-wrapper .anticon {
  color: var(--home-text);
}

.frisbie-account-tokens-period-field {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.frisbie-account-tokens-period-picker.ant-picker {
  width: 100%;
  min-height: 42px;
  color: var(--home-text);
  border-color: var(--home-border);
  border-radius: 8px;
  background: var(--home-bg);
  box-shadow: inset 0 1px 0 var(--home-border);
}

.frisbie-account-tokens-period-picker.ant-picker .ant-picker-input > input,
.frisbie-account-tokens-period-picker.ant-picker .ant-picker-separator,
.frisbie-account-tokens-period-picker.ant-picker .ant-picker-suffix,
.frisbie-account-tokens-period-picker.ant-picker .ant-picker-clear {
  color: var(--home-text-soft);
}

.frisbie-account-tokens-period-field .ant-btn {
  width: fit-content;
  min-height: 30px;
  border-radius: 8px;
  font-weight: 800;
}

.frisbie-account-tokens-filter-group,
.frisbie-account-tokens-filter-list {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.frisbie-account-tokens-filter-button {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-gap: 3px 8px;
  gap: 3px 8px;
  padding: 10px;
  color: var(--home-text-soft);
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: var(--home-surface-faint);
  box-shadow: inset 0 1px 0 var(--home-border);
  cursor: pointer;
  font: inherit;
  text-align: left;
  transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.frisbie-account-tokens-filter-button:hover,
.frisbie-account-tokens-filter-button.is-active {
  color: var(--home-text);
  border-color: var(--home-border-strong);
  background: var(--home-primary-soft);
}

.frisbie-account-tokens-filter-button span,
.frisbie-account-tokens-filter-button strong {
  min-width: 0;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.2;
}

.frisbie-account-tokens-filter-button strong {
  color: var(--home-cyan);
}

.frisbie-account-tokens-filter-button small {
  grid-column: 1 / -1;
  color: var(--home-text-faint);
  font-size: 12px;
  line-height: 1.35;
}

.frisbie-account-tokens-filter-list.is-compact .frisbie-account-tokens-filter-button {
  min-height: 34px;
  align-items: center;
  padding-block: 8px;
}

.frisbie-account-tokens-side-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 8px;
  gap: 8px;
  padding-top: 2px;
}

.frisbie-account-tokens-side-stats div {
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: var(--home-bg);
  box-shadow: inset 0 1px 0 var(--home-border);
}

.frisbie-account-tokens-side-stats span {
  display: block;
  color: var(--home-text-faint);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1.2;
  text-transform: uppercase;
}

.frisbie-account-tokens-side-stats strong {
  display: block;
  margin-top: 6px;
  color: var(--home-text);
  font-size: 20px;
  font-weight: 900;
  line-height: 1;
}

.frisbie-account-tokens-table-panel.frisbie-ui-panel-shell {
  min-width: 0;
  overflow: hidden;
  padding: 0;
}

.frisbie-account-tokens-table-toolbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  border-bottom: 1px solid var(--home-border);
}

.frisbie-account-tokens-table-toolbar > div {
  min-width: 0;
}

.frisbie-account-tokens-table-toolbar__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--home-cyan);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-transform: uppercase;
}

.frisbie-account-tokens-table-toolbar h3 {
  margin: 6px 0 0;
  color: var(--home-text);
  font-size: clamp(20px, 2vw, 28px);
  font-weight: 900;
  line-height: 1.05;
}

.frisbie-account-tokens-table-toolbar p {
  max-width: 720px;
  margin: 8px 0 0;
  color: var(--home-text-soft);
  font-size: 14px;
  line-height: 1.45;
}

.frisbie-account-tokens-table.ant-table-wrapper {
  padding: 0 12px 12px;
}

.frisbie-account-tokens-table .ant-table,
.frisbie-account-tokens-table .ant-table-container,
.frisbie-account-tokens-table .ant-table-content,
.frisbie-account-tokens-table .ant-table-thead > tr > th,
.frisbie-account-tokens-table .ant-table-tbody > tr > td {
  background: var(--home-bg) !important;
}

.frisbie-account-tokens-table .ant-table {
  color: var(--home-text);
  border: 1px solid var(--home-border);
  border-radius: 8px;
  box-shadow: inset 0 1px 0 var(--home-border);
}

.frisbie-account-tokens-table .ant-table-container {
  border-radius: 8px;
}

.frisbie-account-tokens-table .ant-table-thead > tr > th {
  color: var(--home-text-faint) !important;
  border-bottom: 1px solid var(--home-border) !important;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-transform: uppercase;
}

.frisbie-account-tokens-table .ant-table-tbody > tr > td {
  color: var(--home-text-soft);
  border-bottom: 1px solid var(--home-border) !important;
}

.frisbie-account-tokens-table .ant-table-tbody > tr:hover > td {
  background: var(--home-surface-faint) !important;
  color: var(--home-text);
}

.frisbie-account-tokens-table .ant-table-column-sorters {
  align-items: center;
}

.frisbie-account-tokens-table .ant-table-cell-fix-left,
.frisbie-account-tokens-table .ant-table-cell-fix-right {
  background: var(--home-bg) !important;
}

.frisbie-account-tokens-scope-cell {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
  min-width: 0;
}

.frisbie-account-tokens-tag.ant-tag {
  width: fit-content;
  max-width: 100%;
  margin: 0;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 900;
}

.frisbie-account-tokens-scope-cell span,
.frisbie-account-tokens-type-cell span,
.frisbie-account-tokens-number-cell span,
.frisbie-account-tokens-usage-cell small {
  color: var(--home-text-faint);
  font-size: 12px;
  line-height: 1.35;
}

.frisbie-account-tokens-type-cell,
.frisbie-account-tokens-number-cell {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
}

.frisbie-account-tokens-type-cell strong,
.frisbie-account-tokens-number-cell strong {
  color: var(--home-text);
  font-size: 14px;
  font-weight: 900;
  line-height: 1.2;
}

.frisbie-account-tokens-number-cell {
  text-align: right;
}

.frisbie-account-tokens-inline-limit {
  min-height: 32px;
  padding: 0 10px;
  color: var(--home-text-soft);
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: var(--home-surface-faint);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 900;
}

.frisbie-account-tokens-inline-limit:hover {
  color: var(--home-text);
  border-color: var(--home-border-strong);
  background: var(--home-primary-soft);
}

.frisbie-account-tokens-usage-cell {
  min-width: 190px;
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.frisbie-account-tokens-usage-cell__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.frisbie-account-tokens-usage-cell__head span {
  color: var(--home-text);
  font-size: 12px;
  font-weight: 900;
}

.frisbie-account-tokens-progress.is-ok .ant-progress-bg,
.frisbie-account-tokens-progress.is-open .ant-progress-bg {
  background: linear-gradient(90deg, var(--home-cyan), var(--home-primary)) !important;
}

.frisbie-account-tokens-progress.is-warning .ant-progress-bg,
.frisbie-account-tokens-progress.is-exceeded .ant-progress-bg {
  background: linear-gradient(90deg, var(--home-primary), var(--home-cyan)) !important;
}

.frisbie-account-tokens-status-pill {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  color: var(--home-text-soft);
  border: 1px solid var(--home-border);
  border-radius: 999px;
  background: var(--home-surface-faint);
  font-size: 12px;
  font-weight: 900;
}

.frisbie-account-tokens-status-pill.is-ok {
  color: var(--home-cyan);
  border-color: var(--home-border-strong);
}

.frisbie-account-tokens-status-pill.is-warning,
.frisbie-account-tokens-status-pill.is-exceeded {
  color: var(--home-primary);
  border-color: var(--home-border-strong);
}

.frisbie-account-tokens-icon-button.ant-btn {
  width: 30px;
  height: 30px;
  min-width: 30px;
  padding: 0 !important;
  color: var(--home-text-soft);
  border: 0 !important;
  border-radius: 8px !important;
  background: var(--home-surface-faint) !important;
}

.frisbie-account-tokens-icon-button.ant-btn:hover {
  color: var(--home-cyan) !important;
  background: var(--home-surface-soft) !important;
}

.frisbie-account-tokens-empty.frisbie-ui-empty-shell {
  margin: 16px;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background:
    radial-gradient(circle at 50% 0%, var(--home-cyan-soft), var(--home-bg) 38%),
    var(--home-surface-faint);
  box-shadow: inset 0 1px 0 var(--home-border);
}

.frisbie-account-tokens-empty.is-filtered.frisbie-ui-empty-shell {
  margin: 8px 0;
}

.frisbie-account-tokens-empty .anticon {
  color: var(--home-cyan);
}

.frisbie-account-tokens-limit-modal__content {
  width: 100%;
  padding: 18px 20px 14px;
}

.frisbie-account-tokens-limit-modal__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 20px 20px;
}

.frisbie-account-tokens-limit-modal__actions {
  display: flex;
  gap: 8px;
}

.frisbie-account-tokens-limit-modal__danger.ant-btn {
  color: var(--home-run-text) !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, var(--home-primary), var(--home-cyan)) !important;
  box-shadow: 0 12px 28px var(--home-shadow), 0 0 20px var(--home-primary-soft);
}

.frisbie-account-tokens-limit-modal__panel,
.frisbie-account-tokens-limit-modal__field {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  padding: 14px;
  border-radius: 8px;
  background:
    radial-gradient(circle at 100% 0%, var(--home-cyan-soft), var(--home-bg) 34%),
    var(--home-surface-faint);
  box-shadow: inset 0 1px 0 var(--home-border);
}

.frisbie-account-tokens-limit-modal__value.ant-typography {
  color: var(--home-text) !important;
}

.frisbie-account-tokens-limit-modal__caption.ant-typography {
  color: var(--home-text-soft) !important;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.frisbie-account-tokens-limit-modal__field-label.ant-typography {
  color: var(--home-text) !important;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.frisbie-account-tokens-limit-modal__input.ant-input,
.frisbie-account-tokens-limit-modal__input.ant-input-affix-wrapper {
  min-height: 44px;
  color: var(--home-text);
  border: 0 !important;
  border-radius: 8px;
  background: var(--home-bg) !important;
  box-shadow: inset 0 1px 0 var(--home-border);
  font-weight: 800;
}

.frisbie-account-tokens-limit-modal__input.ant-input-affix-wrapper .ant-input {
  color: inherit;
  background: var(--home-bg) !important;
  box-shadow: none;
}

.frisbie-account-tokens-limit-modal__input.ant-input-affix-wrapper .ant-input-suffix {
  color: var(--home-text-soft);
  font-size: 12px;
  font-weight: 800;
}

@media (max-width: 1100px) {
  .frisbie-account-tokens-layout {
    grid-template-columns: 1fr;
  }

  .frisbie-account-tokens-filter-panel.frisbie-ui-panel-shell {
    position: static;
  }

  .frisbie-account-tokens-filter-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .frisbie-account-tokens-workspace {
    padding-inline: 0;
  }

  .frisbie-account-tokens-header,
  .frisbie-account-tokens-header.frisbie-ui-header-shell {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .frisbie-account-tokens-header__main {
    align-items: flex-start;
  }

  .frisbie-account-tokens-header__actions {
    align-items: stretch;
    flex-direction: column;
    justify-self: stretch;
    min-width: 0;
  }

  .frisbie-account-tokens-header .frisbie-ui-subtitle {
    white-space: normal;
  }

  .frisbie-account-tokens-filter-list,
  .frisbie-account-tokens-side-stats {
    grid-template-columns: 1fr;
  }

  .frisbie-account-tokens-table-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .frisbie-account-tokens-limit-modal__footer {
    align-items: stretch;
    flex-direction: column;
  }

  .frisbie-account-tokens-limit-modal__actions {
    justify-content: flex-end;
  }
}

.company-context-route-shell {
  flex: 1 1;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.company-context-workspace {
  position: relative;
  z-index: 1;
  width: min(1480px, 100%);
  margin: 0 auto;
  padding: 24px;
  color: var(--home-text);
}

.company-context-workspace--embedded {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

.company-context-header.frisbie-ui-header-shell {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
  overflow: hidden;
}

.company-context-header::before,
.company-context-stat-card::before,
.company-context-pack-preview::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at top right, var(--home-cyan-soft), transparent 34%),
    radial-gradient(circle at bottom left, var(--home-primary-soft), transparent 32%);
}

.company-context-header > *,
.company-context-stat-card > *,
.company-context-pack-preview > * {
  position: relative;
  z-index: 1;
}

.company-context-header__main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-gap: 18px;
  gap: 18px;
  align-items: start;
}

.company-context-header__actions,
.company-context-tab-actions,
.company-context-mcp-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
}

.company-context-header__status-line {
  color: var(--home-text-soft);
  font-size: 13px;
  line-height: 1.5;
}

.company-context-primary-button.ant-btn-primary {
  border: 0;
  color: var(--home-run-text);
  font-weight: 800;
  background: linear-gradient(
    135deg,
    var(--home-primary) 0%,
    var(--home-cyan) 100%
  );
  box-shadow: 0 16px 34px var(--home-shadow);
}

.company-context-primary-button.ant-btn-primary:hover,
.company-context-primary-button.ant-btn-primary:focus-visible {
  color: var(--home-run-text);
  transform: translateY(-1px);
}

.company-context-toggle-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-gap: 12px;
  gap: 12px;
  align-items: start;
  min-width: 0;
  color: var(--home-text);
}

.company-context-toggle-row > span:last-child {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 4px;
}

.company-context-toggle-row strong {
  color: var(--home-text);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.25;
}

.company-context-toggle-row small {
  color: var(--home-text-soft);
  font-size: 12px;
  line-height: 1.45;
}

.company-context-account-switch {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-gap: 14px;
  gap: 14px;
  align-items: center;
  min-width: 0;
  color: var(--home-text);
}

.company-context-account-switch__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 4px;
}

.company-context-account-switch__copy strong {
  color: var(--home-text);
  font-size: 13px;
  font-weight: 900;
  line-height: 1.25;
}

.company-context-account-switch__copy small {
  color: var(--home-text-soft);
  font-size: 12px;
  line-height: 1.45;
}

.company-context-account-switch__rail,
.company-context-account-switch__rail.frisbie-ui-selector-rail {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 42px;
  padding: 4px;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: var(--home-bg);
  box-shadow: inset 0 1px 0 var(--home-border);
}

.company-context-account-switch__button.ant-btn {
  min-height: 34px;
  padding: 0 12px;
  color: var(--home-text-soft);
  border: 0;
  border-radius: 8px;
  background: transparent;
  font-size: 12px;
  font-weight: 900;
}

.company-context-account-switch__button.ant-btn:hover,
.company-context-account-switch__button.ant-btn:focus-visible {
  color: var(--home-text);
  background: var(--home-surface-faint) !important;
}

.company-context-account-switch__button.ant-btn.is-active {
  color: var(--home-run-text);
  background: linear-gradient(135deg, var(--home-cyan), var(--home-primary)) !important;
  box-shadow: 0 12px 28px var(--home-shadow), 0 0 18px var(--home-cyan-soft);
}

.company-context-status {
  --company-context-status-accent: var(--home-cyan);
  --company-context-status-bg: var(--home-cyan-soft);

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid var(--home-border);
  border-radius: 999px;
  background: var(--company-context-status-bg);
  color: var(--home-text);
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.company-context-status--compact {
  min-height: 22px;
  padding-inline: 8px;
  font-size: 11px;
}

.company-context-status .anticon {
  color: var(--company-context-status-accent);
}

.company-context-status--active,
.company-context-status--approved,
.company-context-status--on {
  --company-context-status-accent: var(--company-context-success);
  --company-context-status-bg: var(--company-context-success-soft);
}

.company-context-status--candidate,
.company-context-status--pending,
.company-context-status--draft,
.company-context-status--paused {
  --company-context-status-accent: var(--company-context-warning);
  --company-context-status-bg: var(--company-context-warning-soft);
}

.company-context-status--error,
.company-context-status--indexing-error,
.company-context-status--expired {
  --company-context-status-accent: var(--company-context-error);
  --company-context-status-bg: var(--company-context-error-soft);
}

.company-context-status--archived,
.company-context-status--off {
  --company-context-status-accent: var(--home-text-faint);
  --company-context-status-bg: var(--home-surface-faint);
}

.company-context-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 12px;
  gap: 12px;
  margin-top: 14px;
}

.company-context-stat-card.frisbie-ui-panel-shell {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  grid-gap: 12px;
  gap: 12px;
  align-items: start;
  min-height: 150px;
  overflow: hidden;
}

.company-context-stat-card .frisbie-ui-count-pill {
  grid-column: 1 / -1;
  justify-self: start;
}

.company-context-stat-card__icon,
.company-context-memory-card__header .ant-btn,
.company-context-header__actions .ant-btn:last-child {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--home-border-strong);
  border-radius: 8px;
  background: var(--home-primary-soft);
  color: var(--home-cyan);
  font-size: 1.1rem;
}

.company-context-stat-card__body {
  min-width: 0;
}

.company-context-stat-card__body span,
.company-context-panel-heading span,
.company-context-panel-subheading span,
.company-context-memory-card__header span,
.company-context-inspector-list > span,
.company-context-ai-preview span,
.company-context-natural-preview strong {
  color: var(--home-cyan);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.06em;
  line-height: 1;
  text-transform: uppercase;
}

.company-context-stat-card__body strong {
  display: block;
  margin-top: 8px;
  color: var(--home-text);
  font-size: 30px;
  font-weight: 800;
  line-height: 1;
}

.company-context-stat-card__body p {
  margin: 8px 0 0;
  color: var(--home-text-soft);
  font-size: 13px;
  line-height: 1.5;
}

.company-context-tabs {
  margin-top: 12px;
}

.company-context-main-grid {
  display: grid;
  grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
  grid-gap: 12px;
  gap: 12px;
  align-items: start;
}

.company-context-tab-layout {
  display: grid;
  grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
  grid-gap: 12px;
  gap: 12px;
  align-items: start;
}

.company-context-tab-main {
  min-width: 0;
}

.company-context-panel-heading,
.company-context-panel-subheading,
.company-context-memory-list__header,
.company-context-tab-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.company-context-side-menu-title {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
  padding: 12px;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background:
    linear-gradient(90deg, var(--home-primary-soft), transparent 72%),
    var(--home-surface-faint);
}

.company-context-side-menu-title span {
  color: var(--home-cyan);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.06em;
  line-height: 1;
  text-transform: uppercase;
}

.company-context-side-menu-title strong {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--home-text);
  font-size: 16px;
  line-height: 1.2;
}

.company-context-tab-side__icon {
  display: inline-flex;
  color: var(--home-cyan);
}

.company-context-side-menu-title small {
  color: var(--home-text-soft);
  font-size: 12px;
  line-height: 1.3;
}

.company-context-panel-heading strong {
  display: block;
  margin-top: 6px;
  color: var(--home-text);
  font-size: 16px;
  line-height: 1.25;
}

.company-context-panel-heading .anticon {
  color: var(--home-cyan);
  font-size: 1.2rem;
}

.company-context-index-panel.frisbie-ui-panel-shell,
.company-context-memory-list.frisbie-ui-panel-shell,
.company-context-inspector.frisbie-ui-panel-shell,
.company-context-tab-side.frisbie-ui-panel-shell,
.company-context-tab-table-panel.frisbie-ui-panel-shell,
.company-context-pack-preview.frisbie-ui-panel-shell,
.company-context-inbox.frisbie-ui-panel-shell,
.company-context-timeline.frisbie-ui-panel-shell,
.company-context-settings.frisbie-ui-panel-shell {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.company-context-index-panel.frisbie-ui-panel-shell,
.company-context-memory-list.frisbie-ui-panel-shell,
.company-context-tab-side.frisbie-ui-panel-shell,
.company-context-tab-table-panel.frisbie-ui-panel-shell {
  background: linear-gradient(
    135deg,
    var(--home-surface),
    var(--home-surface-soft)
  );
  box-shadow: 0 24px 80px var(--home-shadow),
    inset 0 1px 0 var(--home-surface-soft);
  -webkit-backdrop-filter: blur(22px) saturate(140%);
          backdrop-filter: blur(22px) saturate(140%);
}

.company-context-memory-list.frisbie-ui-panel-shell,
.company-context-tab-table-panel.frisbie-ui-panel-shell {
  overflow: hidden;
}

.company-context-tab-side__body,
.company-context-tab-side-section {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

.company-context-tab-side .company-context-pack-form {
  grid-template-columns: 1fr;
}

.company-context-tab-side-section,
.company-context-tab-metric {
  padding: 12px;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: var(--home-surface-faint);
}

.company-context-tab-metric {
  display: grid;
  grid-gap: 5px;
  gap: 5px;
}

.company-context-tab-metric span {
  color: var(--home-cyan);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.06em;
  line-height: 1;
  text-transform: uppercase;
}

.company-context-tab-metric strong {
  color: var(--home-text);
  font-size: 24px;
  line-height: 1;
}

.company-context-tab-metric small {
  color: var(--home-text-soft);
  font-size: 12px;
  line-height: 1.35;
}

.company-context-index-tree,
.company-context-source-list,
.company-context-memory-cards,
.company-context-inbox-list,
.company-context-timeline-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.company-context-index-node {
  width: 100%;
  min-height: 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: var(--home-surface-faint);
  color: var(--home-text-soft);
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.company-context-index-node:hover,
.company-context-index-node.is-active {
  border-color: var(--home-border-strong);
  background: var(--home-primary-soft);
  color: var(--home-text);
}

.company-context-index-node small {
  color: var(--home-cyan);
  font-size: 11px;
  font-weight: 800;
}

.company-context-source-list {
  margin-top: 8px;
  padding-top: 14px;
  border-top: 1px solid var(--home-border);
}

.company-context-source-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-gap: 10px;
  gap: 10px;
  align-items: center;
  padding: 10px;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: var(--home-surface-faint);
}

.company-context-source-row strong,
.company-context-source-table__row strong {
  display: block;
  color: var(--home-text);
  font-size: 13px;
  line-height: 1.25;
}

.company-context-source-row small,
.company-context-source-table__row span,
.company-context-memory-card__meta span,
.company-context-memory-card__footer span,
.company-context-inbox-card p,
.company-context-inbox-card small,
.company-context-timeline-event p,
.company-context-timeline-event small,
.company-context-inspector__facts span,
.company-context-pack-placeholder span {
  color: var(--home-text-soft);
  font-size: 12px;
  line-height: 1.45;
}

.company-context-search.ant-input-affix-wrapper {
  border-color: var(--home-border);
  border-radius: 8px;
  background: var(--home-bg);
  color: var(--home-text);
}

.company-context-search.ant-input-affix-wrapper input,
.company-context-search.ant-input-affix-wrapper .anticon {
  color: var(--home-text);
}

.company-context-filter-row,
.company-context-tag-row,
.company-context-pack-metrics {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.company-context-filter-chip {
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid var(--home-border);
  border-radius: 999px;
  background: var(--home-surface-faint);
  color: var(--home-text-soft);
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.company-context-filter-chip:hover,
.company-context-filter-chip.is-active {
  border-color: var(--home-border-strong);
  background: var(--home-primary-soft);
  color: var(--home-text);
}

.company-context-advanced-filters.frisbie-ui-toolbar-rail {
  padding: 8px;
}

.company-context-advanced-filters .frisbie-ui-filter-shell {
  min-height: 34px;
}

.company-context-advanced-filters .frisbie-ui-filter-shell > span:last-child {
  color: var(--home-text-soft);
  font-size: 12px;
}

.company-context-memory-table {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  min-width: 0;
  overflow-x: auto;
  padding-bottom: 2px;
}

.company-context-memory-table__head,
.company-context-memory-row {
  display: grid;
  grid-template-columns:
    minmax(320px, 1.6fr)
    minmax(128px, 0.65fr)
    minmax(170px, 0.8fr)
    minmax(160px, 0.75fr)
    minmax(96px, 0.45fr)
    minmax(170px, auto);
  grid-gap: 12px;
  gap: 12px;
  align-items: center;
  min-width: 1120px;
}

.company-context-memory-table__head {
  padding: 0 12px 4px;
}

.company-context-memory-table__head span {
  color: var(--home-cyan);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.06em;
  line-height: 1;
  text-transform: uppercase;
}

.company-context-tab-table {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  min-width: 0;
  overflow-x: auto;
  padding-bottom: 2px;
}

.company-context-tab-table__head,
.company-context-tab-row {
  display: grid;
  grid-template-columns: minmax(320px, 1.5fr) minmax(130px, 0.6fr) minmax(150px, 0.7fr) minmax(180px, 0.8fr) minmax(150px, auto);
  grid-template-columns: var(
    --company-context-tab-columns,
    minmax(320px, 1.5fr) minmax(130px, 0.6fr) minmax(150px, 0.7fr) minmax(180px, 0.8fr) minmax(150px, auto)
  );
  grid-gap: 12px;
  gap: 12px;
  align-items: center;
  min-width: 980px;
  min-width: var(--company-context-tab-min-width, 980px);
}

.company-context-tab-table--pack {
  --company-context-tab-columns: minmax(340px, 1.5fr) minmax(120px, 0.55fr) minmax(150px, 0.7fr) minmax(170px, 0.75fr) minmax(110px, auto);
  --company-context-tab-min-width: 920px;
}

.company-context-tab-table--inbox {
  --company-context-tab-columns: minmax(360px, 1.6fr) minmax(130px, 0.6fr) minmax(150px, 0.7fr) minmax(110px, 0.5fr) minmax(260px, auto);
  --company-context-tab-min-width: 1050px;
}

.company-context-tab-table--timeline {
  --company-context-tab-columns: minmax(340px, 1.45fr) minmax(130px, 0.55fr) minmax(150px, 0.65fr) minmax(260px, 1fr) minmax(100px, auto);
  --company-context-tab-min-width: 980px;
}

.company-context-tab-table--sources {
  --company-context-tab-columns: minmax(270px, 1.2fr) minmax(120px, 0.55fr) minmax(170px, 0.75fr) minmax(130px, 0.55fr) minmax(80px, 0.35fr) minmax(80px, auto);
  --company-context-tab-min-width: 930px;
}

.company-context-tab-table__head {
  padding: 0 12px 4px;
}

.company-context-tab-table__head span {
  color: var(--home-cyan);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.06em;
  line-height: 1;
  text-transform: uppercase;
}

.company-context-tab-row {
  min-height: 70px;
  padding: 10px 8px 10px 12px;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: linear-gradient(
    135deg,
    var(--home-surface-soft),
    var(--home-surface-faint)
  );
  color: var(--home-text-soft);
  box-shadow: inset 0 1px 0 var(--home-surface-soft);
  transition: transform 0.18s ease, border-color 0.18s ease,
    box-shadow 0.18s ease;
}

.company-context-tab-row:hover {
  border-color: var(--home-cyan);
  box-shadow: 0 18px 48px var(--home-shadow),
    inset 0 1px 0 var(--home-surface-soft);
  transform: translateY(-1px);
}

.company-context-tab-row__main {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  grid-gap: 10px;
  gap: 10px;
  align-items: start;
  min-width: 0;
}

.company-context-tab-row__mark {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: var(--home-surface-faint);
  color: var(--home-cyan);
}

.company-context-tab-row__copy {
  min-width: 0;
}

.company-context-tab-row__copy strong {
  display: block;
  color: var(--home-text);
  font-size: 14px;
  font-weight: 850;
  line-height: 1.25;
}

.company-context-tab-row__copy p {
  margin: 6px 0 0;
  color: var(--home-text-soft);
  font-size: 12px;
  line-height: 1.45;
}

.company-context-tab-row__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 5px;
  color: var(--home-text-faint);
  font-size: 12px;
  line-height: 1.2;
}

.company-context-tab-row__meta span + span::before {
  content: "·";
  margin-right: 6px;
  color: var(--home-text-faint);
}

.company-context-tab-row__actions,
.company-context-mcp-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.company-context-tab-row__actions .ant-btn {
  min-height: 30px;
}

.company-context-memory-row {
  min-height: 70px;
  padding: 10px 8px 10px 12px;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: linear-gradient(
    135deg,
    var(--home-surface-soft),
    var(--home-surface-faint)
  );
  color: var(--home-text);
  cursor: pointer;
  box-shadow: inset 0 1px 0 var(--home-surface-soft);
  transition: transform 0.18s ease, border-color 0.18s ease,
    box-shadow 0.18s ease;
}

.company-context-memory-row:hover {
  border-color: var(--home-cyan);
  box-shadow: 0 18px 48px var(--home-shadow),
    inset 0 1px 0 var(--home-surface-soft);
  transform: translateY(-1px);
}

.company-context-memory-row.is-selected,
.company-context-memory-row--active {
  border-color: var(--home-border-strong);
}

.company-context-memory-row--paused {
  color: var(--home-text-soft);
}

.company-context-memory-row__main {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  grid-gap: 10px;
  gap: 10px;
  align-items: start;
  min-width: 0;
}

.company-context-memory-row__mark {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: var(--home-surface-faint);
  color: var(--home-cyan);
}

.company-context-memory-row__copy {
  min-width: 0;
}

.company-context-memory-row__copy button {
  max-width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--home-text);
  font: inherit;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.25;
  text-align: left;
  cursor: pointer;
}

.company-context-memory-row__copy button:hover,
.company-context-memory-row__copy button:focus-visible {
  color: var(--home-cyan);
}

.company-context-memory-row__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 5px;
  color: var(--home-text-soft);
  font-size: 12px;
  line-height: 1.3;
}

.company-context-memory-row__meta span:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  margin-left: 7px;
  border-radius: 999px;
  background: var(--home-text-faint);
  vertical-align: middle;
}

.company-context-memory-row__copy p {
  display: -webkit-box;
  margin: 6px 0 0;
  overflow: hidden;
  color: var(--home-text-soft);
  font-size: 12px;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.company-context-memory-row__status,
.company-context-memory-row__source,
.company-context-memory-row__visibility,
.company-context-memory-row__updated,
.company-context-memory-row__actions {
  min-width: 0;
}

.company-context-memory-row__visibility span,
.company-context-memory-row__updated span {
  color: var(--home-text-soft);
  font-size: 12px;
  line-height: 1.4;
}

.company-context-memory-row__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.company-context-memory-row__action-button.ant-btn {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: var(--home-surface-faint);
  color: var(--home-text-soft);
  box-shadow: inset 0 1px 0 var(--home-border);
}

.company-context-memory-row__action-button.ant-btn:hover {
  border-color: var(--home-border-strong);
  background: var(--home-surface-soft);
  color: var(--home-text);
}

.company-context-action-dropdown .ant-dropdown-menu {
  padding: 8px;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background:
    radial-gradient(circle at top right, var(--home-cyan-soft), transparent 34%),
    linear-gradient(180deg, var(--home-shell-wash), transparent 100%),
    var(--home-bg-elevated);
  box-shadow: 0 24px 60px var(--home-shadow-strong);
}

.company-context-action-dropdown .ant-dropdown-menu-item,
.company-context-action-dropdown .ant-dropdown-menu-submenu-title {
  border-radius: 8px;
  color: var(--home-text-soft);
}

.company-context-action-dropdown .ant-dropdown-menu-item:hover,
.company-context-action-dropdown .ant-dropdown-menu-submenu-title:hover {
  background: var(--home-surface-faint);
  color: var(--home-text);
}

.company-context-memory-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background:
    linear-gradient(180deg, var(--home-surface-faint), transparent 100%),
    var(--home-surface-soft);
  cursor: pointer;
}

.company-context-memory-card:hover,
.company-context-memory-card.is-selected {
  border-color: var(--home-border-strong);
  box-shadow: inset 0 1px 0 var(--home-border), 0 18px 36px var(--home-shadow);
}

.company-context-memory-card__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-gap: 10px;
  gap: 10px;
  align-items: start;
}

.company-context-memory-card__header h3 {
  margin: 6px 0 0;
  color: var(--home-text);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.25;
}

.company-context-memory-card p {
  margin: 0;
  color: var(--home-text-soft);
  font-size: 13px;
  line-height: 1.55;
}

.company-context-memory-card__meta,
.company-context-memory-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
}

.company-context-memory-card__candidate-actions,
.company-context-inbox-card__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 10px;
  border-top: 1px solid var(--home-border);
}

.company-context-tag-pill,
.company-context-source-badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  max-width: 100%;
  padding: 0 9px;
  border: 1px solid var(--home-border);
  border-radius: 999px;
  background: var(--home-surface-faint);
  color: var(--home-text-soft);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

.company-context-tag-pill code,
.company-context-mcp-card code,
.company-context-pack-result pre {
  color: var(--home-cyan);
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
}

.company-context-inspector__switches,
.company-context-inspector__facts,
.company-context-settings-card,
.company-context-mcp-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.company-context-inspector__switches {
  padding-bottom: 12px;
  border-bottom: 1px solid var(--home-border);
}

.company-context-inspector__facts {
  gap: 10px;
}

.company-context-inspector__facts > div {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}

.company-context-inspector__facts strong {
  color: var(--home-text);
  font-size: 13px;
  line-height: 1.35;
}

.company-context-inspector__facts .ant-progress-text {
  color: var(--home-text-soft);
}

.company-context-inspector-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 12px;
  border-top: 1px solid var(--home-border);
}

.company-context-inspector-list > div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.company-context-inspector__actions {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 8px;
  gap: 8px;
}

.company-context-inspector__actions .ant-btn {
  justify-content: flex-start;
  min-height: 36px;
}

.company-context-ai-preview,
.company-context-natural-preview,
.company-context-pack-placeholder {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: var(--home-bg);
}

.company-context-ai-preview p,
.company-context-natural-preview p {
  margin: 0;
  color: var(--home-text-soft);
  font-size: 13px;
  line-height: 1.6;
}

.company-context-pack-form {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 12px;
  gap: 12px;
}

.company-context-pack-form label,
.company-context-include-box {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.company-context-include-box {
  padding: 14px;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: var(--home-surface-faint);
}

.company-context-include-box .ant-checkbox-wrapper,
.company-context-modal-switch-grid .company-context-toggle-row {
  color: var(--home-text-soft);
}

.company-context-include-box .ant-checkbox-wrapper span:last-child {
  line-height: 1.35;
}

.company-context-pack-placeholder {
  align-items: center;
  justify-content: center;
  min-height: 130px;
  text-align: center;
}

.company-context-pack-placeholder .anticon {
  color: var(--home-cyan);
  font-size: 1.6rem;
}

.company-context-pack-result {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.company-context-pack-result pre {
  max-height: 360px;
  margin: 0;
  overflow: auto;
  padding: 14px;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: var(--home-bg);
  font-size: 12px;
  line-height: 1.55;
}

.company-context-inbox-card,
.company-context-timeline-event {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-gap: 14px;
  gap: 14px;
  align-items: start;
  padding: 14px;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: var(--home-surface-faint);
}

.company-context-inbox-card h3 {
  margin: 10px 0 6px;
  color: var(--home-text);
  font-size: 16px;
  line-height: 1.3;
}

.company-context-inbox-card p,
.company-context-timeline-event p {
  margin: 0;
}

.company-context-inbox-card small,
.company-context-timeline-event small {
  display: block;
  margin-top: 6px;
}

.company-context-timeline-event {
  grid-template-columns: 98px minmax(0, 1fr) auto;
  align-items: center;
}

.company-context-timeline-event > span {
  color: var(--home-cyan);
  font-size: 12px;
  font-weight: 900;
  line-height: 1.35;
}

.company-context-timeline-event strong {
  color: var(--home-text);
  font-size: 14px;
}

.company-context-settings-grid,
.company-context-mcp-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 12px;
  gap: 12px;
}

.company-context-source-table {
  min-width: 0;
  overflow-x: auto;
  border: 1px solid var(--home-border);
  border-radius: 8px;
}

.company-context-source-table__head,
.company-context-source-table__row {
  display: grid;
  grid-template-columns: 1.1fr 0.8fr 1fr 1fr 0.5fr 0.5fr;
  grid-gap: 10px;
  gap: 10px;
  align-items: center;
  min-width: 760px;
  padding: 10px 12px;
}

.company-context-source-table__head {
  background: var(--home-surface-faint);
  color: var(--home-cyan);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.company-context-source-table__row + .company-context-source-table__row {
  border-top: 1px solid var(--home-border);
}

.company-context-mcp-card code {
  display: block;
  width: 100%;
  overflow-wrap: anywhere;
  padding: 12px;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: var(--home-bg);
}

.company-context-modal .ant-modal-content {
  overflow: hidden;
  border-radius: 8px;
  background: var(--home-bg-elevated);
}

.company-context-modal-grid,
.company-context-modal-switch-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 12px;
  gap: 12px;
}

.company-context-modal-switch-grid {
  margin-top: 14px;
}

.company-context-modal .frisbie-ui-modal-surface {
  border: 0;
}

.company-context-details-modal .frisbie-ui-modal-content {
  padding-bottom: 0;
}

.company-context-details-modal .company-context-inspector.frisbie-ui-panel-shell {
  border: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
}

.company-context-details-modal .company-context-inspector__actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.company-context-modal .company-context-pack-result {
  margin: 0 16px 16px;
}

.company-context-popup {
  color: var(--home-text);
}

@media (max-width: 1280px) {
  .company-context-main-grid,
  .company-context-tab-layout {
    grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
  }

  .company-context-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .company-context-workspace {
    padding: 16px;
  }

  .company-context-workspace--embedded {
    padding: 0;
  }

  .company-context-account-switch {
    grid-template-columns: 1fr;
  }

  .company-context-account-switch__rail {
    width: 100%;
  }

  .company-context-account-switch__button.ant-btn {
    flex: 1 1;
  }

  .company-context-header__main,
  .company-context-main-grid,
  .company-context-tab-layout,
  .company-context-settings-grid,
  .company-context-mcp-grid,
  .company-context-pack-form,
  .company-context-modal-grid,
  .company-context-modal-switch-grid {
    grid-template-columns: 1fr;
  }

  .company-context-header__actions,
  .company-context-tab-actions {
    justify-content: flex-start;
  }

  .company-context-inbox-card,
  .company-context-timeline-event {
    grid-template-columns: 1fr;
  }

  .company-context-details-modal .company-context-inspector__actions {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .company-context-stats-grid {
    grid-template-columns: 1fr;
  }

  .company-context-stat-card.frisbie-ui-panel-shell,
  .company-context-source-row {
    grid-template-columns: 1fr;
  }

  .company-context-header__actions .ant-btn:not(:last-child),
  .company-context-inbox-card__actions .ant-btn,
  .company-context-mcp-actions .ant-btn {
    width: 100%;
  }
}

.frisbie-product-access-guard-shell {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: clamp(42px, 8vh, 90px) clamp(18px, 5vw, 72px);
}

.frisbie-product-access-guard-content {
  position: relative;
  z-index: 1;
  display: grid;
  width: 100%;
  min-height: 360px;
  place-items: start center;
  color: var(--home-text-soft);
}

.logged-product-enterprise-gate.frisbie-ui-panel-shell {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-gap: clamp(18px, 2.8vw, 34px);
  gap: clamp(18px, 2.8vw, 34px);
  align-items: start;
  width: min(1080px, 100%);
  margin: clamp(28px, 5vh, 70px) auto;
  padding: clamp(22px, 4vw, 46px);
  overflow: hidden;
  border-color: var(--home-border);
  background:
    radial-gradient(circle at 9% 10%, var(--home-cyan-soft), transparent 28%),
    radial-gradient(circle at 86% 12%, var(--home-primary-soft), transparent 30%),
    linear-gradient(135deg, var(--home-bg-container), var(--home-surface-faint));
  box-shadow: 0 34px 90px var(--home-shadow);
}

.logged-product-enterprise-gate.frisbie-ui-panel-shell::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(135deg, var(--home-surface-soft), transparent 34%),
    linear-gradient(90deg, transparent, var(--home-shell-overlay));
}

.logged-product-enterprise-gate.frisbie-ui-panel-shell > * {
  position: relative;
  z-index: 1;
}

.logged-product-enterprise-gate__mark {
  display: grid;
  justify-items: center;
  grid-gap: 14px;
  gap: 14px;
  min-width: 64px;
}

.logged-product-enterprise-gate__icon {
  display: inline-grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border: 1px solid var(--home-border-strong);
  border-radius: 8px;
  color: var(--home-cyan);
  background:
    radial-gradient(circle at 30% 20%, var(--home-cyan-soft), transparent 58%),
    var(--home-surface-soft);
  box-shadow:
    inset 0 1px 0 var(--home-surface-soft),
    0 18px 42px var(--home-shadow);
  font-size: 25px;
}

.logged-product-enterprise-gate__line {
  width: 1px;
  min-height: 138px;
  background: linear-gradient(
    180deg,
    var(--home-border-strong),
    transparent
  );
}

.logged-product-enterprise-gate__content {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  min-width: 0;
}

.logged-product-enterprise-gate__topline {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.logged-product-enterprise-gate__eyebrow,
.logged-product-enterprise-gate__status {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  padding: 5px 10px;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0.04em;
  line-height: 1.1;
  text-transform: uppercase;
}

.logged-product-enterprise-gate__eyebrow {
  color: var(--home-cyan);
  background: var(--home-surface-soft);
}

.logged-product-enterprise-gate__status {
  color: var(--home-text-soft);
  background: var(--home-surface-faint);
}

.logged-product-enterprise-gate__content h2 {
  max-width: 18ch;
  margin: 0;
  color: var(--home-text);
  font-size: clamp(34px, 5vw, 70px);
  font-weight: 900;
  letter-spacing: 0;
  line-height: 0.96;
  overflow-wrap: break-word;
}

.logged-product-enterprise-gate__content p {
  max-width: 70ch;
  margin: 0;
  color: var(--home-text-soft);
  font-size: clamp(16px, 1.35vw, 20px);
  line-height: 1.58;
}

.logged-product-enterprise-gate__notice {
  display: flex;
  width: min(820px, 100%);
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  color: var(--home-text-soft);
  background: var(--home-surface-soft);
  box-shadow: inset 0 1px 0 var(--home-surface-faint);
  font-size: 14px;
  line-height: 1.45;
}

.logged-product-enterprise-gate__notice .anticon {
  margin-top: 2px;
  color: var(--home-cyan);
}

.logged-product-enterprise-gate__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 4px;
}

.logged-product-enterprise-gate__actions .ant-btn {
  min-height: 42px;
  border-radius: 8px;
  font-weight: 760;
}

.logged-product-enterprise-gate__primary.ant-btn-primary {
  border-color: transparent;
  color: var(--home-bg);
  background: linear-gradient(135deg, var(--home-cyan), var(--home-primary));
  box-shadow: 0 16px 36px var(--home-primary-soft);
}

.logged-product-enterprise-gate__secondary.ant-btn,
.logged-product-enterprise-gate__ghost.ant-btn {
  border-color: var(--home-border);
  color: var(--home-text);
  background: var(--home-surface-soft);
}

.logged-product-enterprise-gate__ghost.ant-btn {
  color: var(--home-text-soft);
}

.logged-product-enterprise-gate__secondary.ant-btn:hover,
.logged-product-enterprise-gate__ghost.ant-btn:hover {
  border-color: var(--home-border-strong);
  color: var(--home-text);
  background: var(--home-surface-faint);
}

.frisbie-super-chat-workspace > .logged-product-enterprise-gate {
  align-self: center;
}

@media (max-width: 767px) {
  .logged-product-enterprise-gate.frisbie-ui-panel-shell {
    grid-template-columns: 1fr;
    margin-block: 18px;
    padding: 18px;
  }

  .logged-product-enterprise-gate__mark {
    justify-items: start;
    min-width: 0;
  }

  .logged-product-enterprise-gate__line {
    display: none;
  }

  .logged-product-enterprise-gate__content h2 {
    max-width: 100%;
    font-size: clamp(32px, 12vw, 48px);
  }

  .logged-product-enterprise-gate__actions {
    width: 100%;
  }

  .logged-product-enterprise-gate__actions .ant-btn {
    width: 100%;
    height: auto;
    min-height: 42px;
    white-space: normal;
  }
}

.frisbie-product-page-shell {
  flex: 1 1;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.frisbie-guest-product--context .frisbie-guest-product-copy h1 span,
.frisbie-guest-product--context .frisbie-context-stack-heading h2 span {
  background: linear-gradient(
    135deg,
    var(--home-text) 0%,
    var(--home-cyan) 48%,
    var(--home-primary) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
}

.frisbie-product-operational {
  position: relative;
  z-index: 1;
}

.frisbie-product-operational--control.frisbie-logged-product-operational--flow {
  width: 100%;
  box-sizing: border-box;
  padding: 18px clamp(12px, 1.4vw, 24px) 0;
}

.frisbie-product-operational--company-context.frisbie-logged-product-operational--flow {
  width: 100%;
  box-sizing: border-box;
  padding-inline: clamp(16px, 2vw, 32px);
}

.frisbie-context-stack-section {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: 1300px;
  margin: 56px auto 0;
  padding: 34px clamp(24px, 5vw, 72px) 72px;
}

.frisbie-context-stack-heading {
  max-width: 860px;
}

.frisbie-context-stack-heading h2 {
  max-width: 780px;
  margin: 14px 0 14px;
  color: var(--home-text);
  font-size: clamp(34px, 5vw, 62px);
  line-height: 0.98;
  letter-spacing: 0;
}

.frisbie-context-stack-heading h2 span {
  color: var(--home-cyan);
  text-shadow: 0 0 24px var(--home-cyan-mid);
}

.frisbie-context-stack-heading p {
  max-width: 700px;
  margin: 0;
  color: var(--home-text-soft);
  font-size: 17px;
  line-height: 1.65;
}

.frisbie-context-stack-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(440px, 1.1fr);
  grid-gap: 18px;
  gap: 18px;
  align-items: stretch;
  margin-top: 30px;
}

.frisbie-context-stack-panel,
.frisbie-context-signal-card,
.frisbie-context-stack-card {
  position: relative;
  overflow: hidden;
  color: var(--home-text);
  border: 1px solid var(--home-border);
  border-radius: 8px;
  box-shadow: 0 24px 72px var(--home-shadow),
    inset 0 1px 0 var(--home-surface-soft);
}

.frisbie-context-stack-panel {
  display: flex;
  min-height: 520px;
  flex-direction: column;
  justify-content: flex-end;
  padding: 28px;
  background: radial-gradient(
      circle at 100% 0%,
      var(--home-cyan-soft),
      transparent 34%
    ),
    linear-gradient(180deg, var(--home-surface-soft), var(--home-bg));
}

.frisbie-context-stack-panel__icon {
  display: inline-grid;
  width: 56px;
  height: 56px;
  place-items: center;
  margin-bottom: auto;
  color: var(--home-cyan);
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: var(--home-surface-faint);
  font-size: 24px;
}

.frisbie-context-stack-panel h3 {
  max-width: 500px;
  margin: 32px 0 12px;
  color: var(--home-text);
  font-size: clamp(28px, 3.4vw, 44px);
  line-height: 1;
}

.frisbie-context-stack-panel p {
  max-width: 540px;
  margin: 0;
  color: var(--home-text-soft);
  font-size: 16px;
  line-height: 1.65;
}

.frisbie-context-stack-panel__points {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.frisbie-context-stack-panel__points span,
.frisbie-context-signal-card span,
.frisbie-context-stack-card__top span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  color: var(--home-cyan);
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: var(--home-surface-faint);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.frisbie-context-signal-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-gap: 14px;
  gap: 14px;
}

.frisbie-context-signal-card {
  min-height: 160px;
  padding: 20px;
  background: linear-gradient(180deg, var(--home-bg-elevated), var(--home-bg));
}

.frisbie-context-signal-card__index {
  position: absolute;
  top: 16px;
  right: 16px;
  color: var(--home-text-faint);
  font-size: 12px;
  font-weight: 900;
}

.frisbie-context-signal-card h3,
.frisbie-context-stack-card h3 {
  margin: 16px 0 10px;
  color: var(--home-text);
  font-size: 20px;
  line-height: 1.2;
}

.frisbie-context-signal-card p,
.frisbie-context-stack-card p {
  margin: 0;
  color: var(--home-text-soft);
  font-size: 14px;
  line-height: 1.6;
}

.frisbie-context-stack-card-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-gap: 14px;
  gap: 14px;
  margin-top: 18px;
}

.frisbie-context-stack-card {
  min-height: 230px;
  padding: 18px;
  background: radial-gradient(
      circle at 100% 0%,
      var(--home-primary-soft),
      transparent 34%
    ),
    linear-gradient(180deg, var(--home-surface-soft), var(--home-bg));
}

.frisbie-context-stack-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.frisbie-context-stack-card__top .anticon {
  color: var(--home-cyan);
  font-size: 22px;
}

.frisbie-control-stack-section {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: 1300px;
  margin: 56px auto 0;
  padding: 34px clamp(24px, 5vw, 72px) 72px;
}

.frisbie-control-stack-heading {
  max-width: 860px;
}

.frisbie-control-stack-heading h2 {
  max-width: 780px;
  margin: 14px 0 14px;
  color: var(--home-text);
  font-size: clamp(34px, 5vw, 62px);
  line-height: 0.98;
  letter-spacing: 0;
}

.frisbie-control-stack-heading h2 span {
  color: var(--home-cyan);
  text-shadow: 0 0 24px var(--home-cyan-mid);
}

.frisbie-control-stack-heading p {
  max-width: 700px;
  margin: 0;
  color: var(--home-text-soft);
  font-size: 17px;
  line-height: 1.65;
}

.frisbie-control-stack-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(440px, 1.1fr);
  grid-gap: 18px;
  gap: 18px;
  align-items: stretch;
  margin-top: 30px;
}

.frisbie-control-stack-panel,
.frisbie-control-signal-card,
.frisbie-control-stack-card {
  position: relative;
  overflow: hidden;
  color: var(--home-text);
  border: 1px solid var(--home-border);
  border-radius: 8px;
  box-shadow: 0 24px 72px var(--home-shadow),
    inset 0 1px 0 var(--home-surface-soft);
}

.frisbie-control-stack-panel {
  display: flex;
  min-height: 520px;
  flex-direction: column;
  justify-content: flex-end;
  padding: 28px;
  background: radial-gradient(
      circle at 100% 0%,
      var(--home-cyan-soft),
      transparent 34%
    ),
    linear-gradient(180deg, var(--home-surface-soft), var(--home-bg));
}

.frisbie-control-stack-panel__icon {
  display: inline-grid;
  width: 56px;
  height: 56px;
  place-items: center;
  margin-bottom: auto;
  color: var(--home-cyan);
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: var(--home-surface-faint);
  font-size: 24px;
}

.frisbie-control-stack-panel h3 {
  max-width: 500px;
  margin: 32px 0 12px;
  color: var(--home-text);
  font-size: clamp(28px, 3.4vw, 44px);
  line-height: 1;
}

.frisbie-control-stack-panel p {
  max-width: 540px;
  margin: 0;
  color: var(--home-text-soft);
  font-size: 16px;
  line-height: 1.65;
}

.frisbie-control-stack-panel__points {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.frisbie-control-stack-panel__points span,
.frisbie-control-signal-card span,
.frisbie-control-stack-card__top span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  color: var(--home-cyan);
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: var(--home-surface-faint);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.frisbie-control-signal-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-gap: 14px;
  gap: 14px;
}

.frisbie-control-signal-card {
  min-height: 160px;
  padding: 20px;
  background: linear-gradient(180deg, var(--home-bg-elevated), var(--home-bg));
}

.frisbie-control-signal-card__index {
  position: absolute;
  top: 16px;
  right: 16px;
  color: var(--home-text-faint);
  font-size: 12px;
  font-weight: 900;
}

.frisbie-control-signal-card h3,
.frisbie-control-stack-card h3 {
  margin: 16px 0 10px;
  color: var(--home-text);
  font-size: 20px;
  line-height: 1.2;
}

.frisbie-control-signal-card p,
.frisbie-control-stack-card p {
  margin: 0;
  color: var(--home-text-soft);
  font-size: 14px;
  line-height: 1.6;
}

.frisbie-control-stack-card-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-gap: 14px;
  gap: 14px;
  margin-top: 18px;
}

.frisbie-control-stack-card {
  min-height: 230px;
  padding: 18px;
  background: radial-gradient(
      circle at 100% 0%,
      var(--home-primary-soft),
      transparent 34%
    ),
    linear-gradient(180deg, var(--home-surface-soft), var(--home-bg));
}

.frisbie-control-stack-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.frisbie-control-stack-card__top .anticon {
  color: var(--home-cyan);
  font-size: 22px;
}

@media (max-width: 1100px) {
  .frisbie-context-stack-layout,
  .frisbie-context-stack-card-grid,
  .frisbie-control-stack-layout,
  .frisbie-control-stack-card-grid {
    grid-template-columns: 1fr;
  }

  .frisbie-context-stack-panel,
  .frisbie-control-stack-panel {
    min-height: auto;
  }
}

@media (max-width: 767px) {
  .frisbie-context-stack-section,
  .frisbie-control-stack-section {
    margin-top: 40px;
    padding: 28px 24px 56px;
  }
}

::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background-color: #f0f0f0;
}

::-webkit-scrollbar-thumb {
  background-color: #8a2be2; /* Roxo */
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #7b1fa2; /* Roxo mais escuro */
}

::-webkit-scrollbar-horizontal {
  height: 8px;
}

/* Estilos para garantir que os handles do React Flow sejam clicáveis */
.react-flow__handle {
  pointer-events: all !important;
  cursor: crosshair !important;
  z-index: 1000 !important;
}

.react-flow__handle:hover {
  /* transform: scale(1.1);
  transition: transform 0.2s ease-in-out; */
}

.react-flow__handle:active {
  /* transform: scale(0.95); */
}

/* Garantir que os handles não sejam sobrepostos por outros elementos */
.react-flow__node {
  z-index: 1;
}

.react-flow__handle {
  z-index: 10 !important;
}

/* Garantir que ícones dentro dos handles não interfiram */
.react-flow__handle .anticon,
.react-flow__handle svg {
  pointer-events: none !important;
}

.frisbie-ui-title-stack {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.frisbie-ui-eyebrow,
.frisbie-ui-field-label,
.frisbie-ui-inline-label {
  margin: 0;
  color: inherit;
  color: var(--home-cyan, inherit);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.2;
  text-transform: uppercase;
}

.frisbie-ui-title {
  margin: 0;
  color: inherit;
  color: var(--home-text, inherit);
  font-size: clamp(22px, 2vw, 34px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: 0;
}

.frisbie-ui-subtitle,
.frisbie-ui-field-help,
.frisbie-ui-support-text {
  margin: 0;
  color: inherit;
  color: var(--home-text-soft, inherit);
  font-size: 14px;
  line-height: 1.55;
}

.frisbie-ui-field-label-row,
.frisbie-ui-section-heading,
.frisbie-ui-list-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.frisbie-ui-section-title,
.frisbie-ui-list-title {
  margin: 0;
  color: inherit;
  color: var(--home-text, inherit);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
}

.frisbie-ui-counter,
.frisbie-ui-count-pill,
.frisbie-ui-chip,
.frisbie-ui-status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 24px;
  padding: 0 10px;
  border: 1px solid transparent;
  border: 1px solid var(--home-border, transparent);
  border-radius: 999px;
  background: transparent;
  background: var(--home-surface-faint, transparent);
  color: inherit;
  color: var(--home-text-soft, inherit);
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

.frisbie-ui-count-pill--accent,
.frisbie-ui-status-pill--accent {
  border-color: transparent;
  border-color: var(--home-border-strong, var(--home-border, transparent));
  background: transparent;
  background: var(--home-primary-soft, var(--home-surface-faint, transparent));
  color: inherit;
  color: var(--home-text, inherit);
}

.frisbie-ui-field-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.frisbie-ui-empty-copy,
.frisbie-ui-loading-copy {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 560px;
  margin: 0 auto;
  text-align: center;
}

.frisbie-ui-empty-title,
.frisbie-ui-loading-title {
  margin: 0;
  color: inherit;
  color: var(--home-text, inherit);
  font-size: clamp(22px, 2.2vw, 28px);
  font-weight: 700;
  line-height: 1.1;
}

.frisbie-ui-empty-description,
.frisbie-ui-loading-description {
  margin: 0;
  color: inherit;
  color: var(--home-text-soft, inherit);
  font-size: 15px;
  line-height: 1.6;
}

.frisbie-ui-empty-product__copy {
  display: grid;
  justify-items: center;
  grid-gap: 12px;
  gap: 12px;
  width: min(100%, 560px);
  margin: 0 auto;
}

.frisbie-ui-empty-product__icon {
  display: grid;
  place-items: center;
  width: 4rem;
  height: 4rem;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  color: var(--home-cyan);
  background: var(--home-cyan-soft);
  box-shadow: inset 0 1px 0 var(--home-border);
  font-size: 2rem;
}

.frisbie-ui-empty-product__title {
  margin: 0;
  color: var(--home-text);
  font-size: clamp(22px, 2.2vw, 30px);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: 0;
}

.frisbie-ui-empty-product__description {
  max-width: 520px;
  margin: 0;
  color: var(--home-text-soft);
  font-size: 15px;
  line-height: 1.55;
}

.frisbie-ui-empty-product__action {
  display: flex;
  justify-content: center;
  margin-top: 14px;
}

@media (max-width: 768px) {
  .frisbie-ui-title {
    font-size: 24px;
  }

  .frisbie-ui-section-heading,
  .frisbie-ui-list-heading,
  .frisbie-ui-field-label-row,
  .frisbie-ui-field-meta {
    align-items: flex-start;
    flex-direction: column;
  }
}

.frisbie-ui-page-shell,
.frisbie-ui-shell {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.frisbie-ui-page-shell {
  padding: clamp(16px, 2vw, 24px);
}

.frisbie-ui-surface,
.frisbie-ui-panel-shell,
.frisbie-ui-field-shell,
.frisbie-ui-list-shell,
.frisbie-ui-table-shell,
.frisbie-ui-empty-shell,
.frisbie-ui-loading-shell {
  position: relative;
  min-width: 0;
  border: 1px solid transparent;
  border: 1px solid var(--home-border, transparent);
  border-radius: 8px;
  background:
    linear-gradient(180deg, transparent, transparent 100%),
    transparent;
  background:
    linear-gradient(180deg, var(--home-surface-soft, transparent), transparent 100%),
    var(--home-surface, transparent);
  box-shadow: 0 18px 48px transparent;
  box-shadow: 0 18px 48px var(--home-shadow, transparent);
}

.frisbie-ui-surface--soft,
.frisbie-ui-panel-shell--soft,
.frisbie-ui-list-shell--soft {
  background:
    linear-gradient(180deg, transparent, transparent 100%),
    transparent;
  background:
    linear-gradient(180deg, var(--home-surface-faint, transparent), transparent 100%),
    var(--home-surface-soft, transparent);
}

.frisbie-ui-surface--elevated,
.frisbie-ui-panel-shell--elevated,
.frisbie-ui-table-shell--elevated {
  background:
    linear-gradient(180deg, transparent, transparent 100%),
    transparent;
  background:
    linear-gradient(180deg, var(--home-shell-wash, transparent), transparent 100%),
    var(--home-bg-elevated, var(--home-surface, transparent));
  box-shadow: 0 24px 56px transparent;
  box-shadow: 0 24px 56px var(--home-shadow-strong, var(--home-shadow, transparent));
}

.frisbie-ui-panel-shell,
.frisbie-ui-field-shell,
.frisbie-ui-list-shell,
.frisbie-ui-table-shell {
  padding: 16px;
}

.frisbie-ui-empty-shell,
.frisbie-ui-loading-shell {
  padding: clamp(24px, 4vw, 48px);
}

.frisbie-ui-empty-product {
  position: relative;
  isolation: isolate;
  display: grid;
  place-items: center;
  overflow: hidden;
  width: 100%;
  min-height: clamp(280px, 32vw, 410px);
  padding: clamp(2rem, 6vw, 3.75rem);
  text-align: center;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background:
    radial-gradient(circle at top left, var(--home-primary-soft), var(--home-surface-faint) 22rem),
    radial-gradient(circle at top right, var(--home-cyan-soft), var(--home-surface-faint) 20rem),
    linear-gradient(180deg, var(--home-surface-faint), var(--home-shell-overlay)),
    var(--home-surface-faint);
  box-shadow: 0 18px 54px var(--home-shadow),
    inset 0 1px 0 var(--home-border);
}

.frisbie-ui-empty-product::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(90deg, var(--home-surface-faint), var(--home-shell-overlay), var(--home-surface-faint)),
    radial-gradient(circle at 50% 50%, var(--home-surface-faint), var(--home-shell-overlay));
  opacity: 0.45;
}

.frisbie-ui-empty-product__copy,
.frisbie-ui-empty-product__action {
  position: relative;
  z-index: 1;
}

.frisbie-ui-empty-product__action .ant-btn {
  min-height: 44px;
  border-radius: 8px !important;
  font-weight: 800;
}

.frisbie-ui-empty-product__action .ant-btn-primary {
  border: 0 !important;
  color: inherit !important;
  color: var(--home-run-text, inherit) !important;
  background: linear-gradient(135deg, var(--home-primary), var(--home-cyan)) !important;
  box-shadow: 0 18px 36px var(--home-shadow);
}

.frisbie-ui-empty-product__action .ant-btn-primary:not(:disabled):hover,
.frisbie-ui-empty-product__action .ant-btn-primary:not(:disabled):focus-visible {
  color: inherit !important;
  color: var(--home-run-text, inherit) !important;
  transform: translateY(-1px);
  box-shadow: 0 24px 56px var(--home-shadow-strong);
}

.frisbie-ui-form-panel {
  padding: clamp(18px, 2vw, 24px);
  background:
    radial-gradient(circle at top right, transparent, transparent 34%),
    linear-gradient(180deg, transparent, transparent 100%),
    transparent;
  background:
    radial-gradient(circle at top right, var(--home-cyan-soft, transparent), transparent 34%),
    linear-gradient(180deg, var(--home-surface-faint, transparent), transparent 100%),
    var(--home-surface, transparent);
}

.frisbie-ui-form-scope {
  min-width: 0;
}

.frisbie-ui-form-label {
  display: inline-flex;
  align-items: center;
  color: inherit;
  color: var(--home-cyan, inherit);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.06em;
  line-height: 1;
  text-transform: uppercase;
}

.frisbie-ui-form-scope .ant-form-item {
  margin-bottom: 18px;
}

.frisbie-ui-form-scope .ant-form-item:last-child {
  margin-bottom: 0;
}

.frisbie-ui-form-scope .ant-form-item-label > label {
  height: auto;
}

.frisbie-ui-form-scope
  :where(.ant-input, .ant-input-affix-wrapper, .ant-input-number, .ant-picker),
.frisbie-ui-form-scope :where(.ant-select-selector) {
  border-color: transparent !important;
  border-color: var(--home-border, transparent) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, transparent, transparent 100%),
    transparent !important;
  background:
    linear-gradient(180deg, var(--home-surface-faint, transparent), transparent 100%),
    var(--home-bg, transparent) !important;
  box-shadow: inset 0 1px 0 transparent !important;
  box-shadow: inset 0 1px 0 var(--home-border, transparent) !important;
}

.frisbie-ui-form-scope :where(.ant-input, .ant-input-affix-wrapper, .ant-input-number, .ant-picker) {
  min-height: 42px;
}

.frisbie-ui-form-scope :where(.ant-input, .ant-input-affix-wrapper, .ant-input-number-input, .ant-picker-input > input),
.frisbie-ui-form-scope :where(.ant-select-selection-item, .ant-select-selection-placeholder, .ant-select-arrow),
.frisbie-ui-form-scope :where(.ant-input::placeholder, .ant-picker-suffix, .ant-picker-separator) {
  color: inherit !important;
  color: var(--home-text, inherit) !important;
}

.frisbie-ui-form-scope :where(.ant-select-selector) {
  min-height: 42px !important;
  padding-inline: 12px !important;
}

.frisbie-ui-form-scope :where(.ant-select.ant-select-multiple) .ant-select-selector {
  padding-block: 4px !important;
}

.frisbie-ui-form-scope
  :where(.ant-input:hover, .ant-input-affix-wrapper:hover, .ant-input-number:hover, .ant-picker:hover),
.frisbie-ui-form-scope :where(.ant-input:focus, .ant-input-affix-wrapper-focused, .ant-input-number-focused, .ant-picker-focused),
.frisbie-ui-form-scope :where(.ant-select-focused .ant-select-selector, .ant-select:hover .ant-select-selector) {
  border-color: transparent !important;
  border-color: var(--home-border-strong, transparent) !important;
  box-shadow: 0 0 0 1px transparent !important;
  box-shadow: 0 0 0 1px var(--home-cyan-soft, transparent) !important;
}

.frisbie-ui-form-submit.ant-btn {
  min-width: 140px;
  min-height: 44px;
  border: 0 !important;
  border-radius: 8px !important;
  color: inherit !important;
  color: var(--home-run-text, inherit) !important;
  font-weight: 800;
  background: linear-gradient(135deg, transparent, transparent) !important;
  background: linear-gradient(135deg, var(--home-cyan, transparent), var(--home-primary, transparent)) !important;
  box-shadow: 0 18px 36px transparent;
  box-shadow: 0 18px 36px var(--home-shadow, transparent);
}

.frisbie-ui-form-submit.ant-btn:not(:disabled):hover,
.frisbie-ui-form-submit.ant-btn:not(:disabled):focus-visible {
  color: inherit !important;
  color: var(--home-run-text, inherit) !important;
  transform: translateY(-1px);
}

.frisbie-ui-form-submit.ant-btn > span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.frisbie-ui-header-shell,
.frisbie-ui-toolbar-rail,
.frisbie-ui-selector-rail,
.frisbie-ui-filter-shell,
.frisbie-ui-modal-section {
  position: relative;
  min-width: 0;
  border: 1px solid transparent;
  border: 1px solid var(--home-border, transparent);
  border-radius: 8px;
  background:
    linear-gradient(90deg, transparent, transparent 56%),
    linear-gradient(180deg, transparent, transparent 100%),
    transparent;
  background:
    linear-gradient(90deg, var(--home-surface-faint, transparent), transparent 56%),
    linear-gradient(180deg, var(--home-shell-wash, transparent), transparent 100%),
    var(--home-surface, transparent);
}

.frisbie-ui-header-shell,
.frisbie-ui-modal-section {
  padding: 16px;
}

.frisbie-ui-toolbar-rail,
.frisbie-ui-selector-rail {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 10px 12px;
}

.frisbie-ui-filter-shell {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 4px 8px 4px 12px;
  background:
    linear-gradient(180deg, transparent, transparent 100%),
    transparent;
  background:
    linear-gradient(180deg, var(--home-surface-faint, transparent), transparent 100%),
    var(--home-bg, transparent);
  box-shadow: inset 0 1px 0 transparent;
  box-shadow: inset 0 1px 0 var(--home-border, transparent);
}

.frisbie-ui-filter-shell__label {
  color: inherit;
  color: var(--home-cyan, inherit);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.06em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.frisbie-ui-toolbar-rail--wrap,
.frisbie-ui-selector-rail--wrap {
  flex-wrap: wrap;
}

.frisbie-ui-table-shell {
  overflow: hidden;
}

.frisbie-ui-table-wrapper,
.frisbie-ui-list-wrapper,
.frisbie-ui-empty-wrapper {
  min-width: 0;
}

.frisbie-ui-divider {
  width: 100%;
  height: 1px;
  background: transparent;
  background: var(--home-border, transparent);
}

.frisbie-ui-product-tabs {
  min-width: 0;
}

.frisbie-ui-product-tabs > .ant-tabs-nav {
  position: relative;
  margin: 14px 0;
  padding: 6px;
  overflow: hidden;
  border: 1px solid transparent;
  border: 1px solid var(--home-border, transparent);
  border-radius: 8px;
  background:
    radial-gradient(circle at top left, transparent, transparent 34%),
    linear-gradient(90deg, transparent, transparent 62%),
    transparent;
  background:
    radial-gradient(circle at top left, var(--home-cyan-soft, transparent), transparent 34%),
    linear-gradient(90deg, var(--home-surface-faint, transparent), transparent 62%),
    var(--home-surface, transparent);
  box-shadow: 0 18px 48px transparent,
    inset 0 1px 0 transparent;
  box-shadow: 0 18px 48px var(--home-shadow, transparent),
    inset 0 1px 0 var(--home-border, transparent);
}

.frisbie-ui-product-tabs > .ant-tabs-nav::before {
  display: none;
}

.frisbie-ui-product-tabs > .ant-tabs-nav .ant-tabs-nav-wrap {
  min-width: 0;
}

.frisbie-ui-product-tabs > .ant-tabs-nav .ant-tabs-nav-list {
  gap: 6px;
  min-width: max-content;
}

.frisbie-ui-product-tabs > .ant-tabs-nav .ant-tabs-tab {
  margin: 0 !important;
  padding: 0;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 8px;
  color: inherit;
  color: var(--home-text-soft, inherit);
  transition: border-color 0.18s ease, background 0.18s ease,
    color 0.18s ease, box-shadow 0.18s ease;
}

.frisbie-ui-product-tabs > .ant-tabs-nav .ant-tabs-tab:hover {
  border-color: transparent;
  border-color: var(--home-border, transparent);
  background: transparent;
  background: var(--home-surface-faint, transparent);
  color: inherit;
  color: var(--home-text, inherit);
}

.frisbie-ui-product-tabs > .ant-tabs-nav .ant-tabs-tab-active {
  border-color: transparent;
  border-color: var(--home-border-strong, var(--home-border, transparent));
  background:
    radial-gradient(circle at top right, transparent, transparent 38%),
    transparent;
  background:
    radial-gradient(circle at top right, var(--home-cyan-soft, transparent), transparent 38%),
    var(--home-primary-soft, var(--home-surface-faint, transparent));
  box-shadow: 0 12px 28px transparent,
    inset 0 1px 0 transparent;
  box-shadow: 0 12px 28px var(--home-shadow, transparent),
    inset 0 1px 0 var(--home-border-strong, transparent);
}

.frisbie-ui-product-tabs > .ant-tabs-nav .ant-tabs-tab-btn,
.frisbie-ui-product-tabs > .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn {
  color: inherit;
}

.frisbie-ui-product-tabs > .ant-tabs-nav .ant-tabs-ink-bar {
  display: none;
}

.frisbie-ui-product-tab-label {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  grid-gap: 8px;
  gap: 8px;
  min-height: 42px;
  padding: 8px 10px;
  white-space: nowrap;
}

.frisbie-ui-product-tab-label__icon {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border: 1px solid transparent;
  border: 1px solid var(--home-border, transparent);
  border-radius: 8px;
  background: transparent;
  background: var(--home-surface-faint, transparent);
  color: inherit;
  color: var(--home-cyan, inherit);
  font-size: 13px;
}

.frisbie-ui-product-tab-label__text {
  min-width: 0;
  overflow: hidden;
  color: inherit;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.2;
  text-overflow: ellipsis;
}

.frisbie-ui-product-tab-label__meta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  min-height: 22px;
  padding: 0 8px;
  border: 1px solid transparent;
  border: 1px solid var(--home-border, transparent);
  border-radius: 999px;
  background: transparent;
  background: var(--home-bg, transparent);
  color: inherit;
  color: var(--home-text-soft, inherit);
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
}

.frisbie-ui-product-tabs
  > .ant-tabs-nav
  .ant-tabs-tab-active
  .frisbie-ui-product-tab-label__icon {
  border-color: transparent;
  border-color: var(--home-border-strong, var(--home-border, transparent));
  background: transparent;
  background: var(--home-cyan-soft, transparent);
  color: inherit;
  color: var(--home-cyan, inherit);
}

.frisbie-ui-product-tabs
  > .ant-tabs-nav
  .ant-tabs-tab-active
  .frisbie-ui-product-tab-label__meta {
  border-color: transparent;
  border-color: var(--home-border-strong, var(--home-border, transparent));
  color: inherit;
  color: var(--home-text, inherit);
}

.frisbie-ui-product-tabs--compact .frisbie-ui-product-tab-label {
  min-height: 36px;
  padding: 6px 8px;
}

.frisbie-ui-product-tabs .ant-tabs-content-holder {
  min-width: 0;
}

@media (max-width: 768px) {
  .frisbie-ui-page-shell,
  .frisbie-ui-panel-shell,
  .frisbie-ui-field-shell,
  .frisbie-ui-list-shell,
  .frisbie-ui-table-shell,
  .frisbie-ui-empty-shell,
  .frisbie-ui-empty-product,
  .frisbie-ui-loading-shell,
  .frisbie-ui-header-shell,
  .frisbie-ui-modal-section {
    padding: 14px;
  }

  .frisbie-ui-toolbar-rail,
  .frisbie-ui-selector-rail {
    flex-wrap: wrap;
  }

  .frisbie-ui-product-tabs > .ant-tabs-nav {
    margin: 12px 0;
    padding: 5px;
  }

  .frisbie-ui-product-tab-label {
    min-height: 38px;
    padding: 7px 8px;
  }
}

.frisbie-ui-overlay-surface,
.frisbie-ui-dropdown-surface,
.frisbie-ui-popup-surface,
.frisbie-ui-popover-surface,
.frisbie-ui-modal-surface {
  position: relative;
  min-width: 0;
  border: 1px solid transparent;
  border: 1px solid var(--home-border, transparent);
  border-radius: 8px;
  background:
    radial-gradient(circle at top right, transparent, transparent 34%),
    radial-gradient(circle at bottom left, transparent, transparent 34%),
    linear-gradient(180deg, transparent, transparent 100%),
    transparent;
  background:
    radial-gradient(circle at top right, var(--home-cyan-soft, transparent), transparent 34%),
    radial-gradient(circle at bottom left, var(--home-primary-soft, transparent), transparent 34%),
    linear-gradient(180deg, var(--home-shell-wash, transparent), transparent 100%),
    var(--home-bg-elevated, var(--home-surface, transparent));
  box-shadow: 0 24px 60px transparent;
  box-shadow: 0 24px 60px var(--home-shadow-strong, var(--home-shadow, transparent));
  color: inherit;
  color: var(--home-text, inherit);
}

.frisbie-ui-modal-surface {
  overflow: hidden;
}

.frisbie-ui-modal-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
}

.frisbie-ui-modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 0 16px 16px;
}

.frisbie-ui-popup-list,
.frisbie-ui-dropdown-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 8px;
}

.frisbie-ui-popup-item,
.frisbie-ui-dropdown-item {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 10px 12px;
  border-radius: 8px;
  background: transparent;
  background: var(--home-surface-faint, transparent);
  color: inherit;
  color: var(--home-text-soft, inherit);
}

.frisbie-ui-popup-item.is-active,
.frisbie-ui-dropdown-item.is-active {
  background: transparent;
  background: var(--home-primary-soft, var(--home-surface-faint, transparent));
  color: inherit;
  color: var(--home-text, inherit);
}

.frisbie-ui-form-popup.ant-select-dropdown,
.frisbie-ui-form-popup .ant-picker-panel-container,
.frisbie-ui-form-popup.ant-popover .ant-popover-inner {
  padding: 6px !important;
  border: 1px solid transparent !important;
  border: 1px solid var(--home-border, transparent) !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at top right, transparent, transparent 34%),
    radial-gradient(circle at bottom left, transparent, transparent 34%),
    linear-gradient(180deg, transparent, transparent 100%),
    transparent !important;
  background:
    radial-gradient(circle at top right, var(--home-cyan-soft, transparent), transparent 34%),
    radial-gradient(circle at bottom left, var(--home-primary-soft, transparent), transparent 34%),
    linear-gradient(180deg, var(--home-shell-wash, transparent), transparent 100%),
    var(--home-bg-elevated, var(--home-surface, transparent)) !important;
  box-shadow: 0 24px 60px transparent !important;
  box-shadow: 0 24px 60px var(--home-shadow-strong, var(--home-shadow, transparent)) !important;
}

.frisbie-ui-form-popup.ant-popover .ant-popover-inner {
  padding: 12px !important;
}

.frisbie-ui-form-popup.ant-select-dropdown
  :where(.rc-virtual-list, .rc-virtual-list-holder, .rc-virtual-list-holder-inner, .ant-empty, .ant-empty-normal) {
  background: transparent !important;
}

.frisbie-ui-form-popup :where(.ant-select-item-option-content, .ant-select-item-empty) {
  color: inherit !important;
  color: var(--home-text, inherit) !important;
}

.frisbie-ui-form-popup :where(.ant-select-item, .ant-select-item-option) {
  margin-bottom: 4px;
  border-radius: 8px;
  background: transparent !important;
  background: var(--home-bg, transparent) !important;
  color: inherit !important;
  color: var(--home-text, inherit) !important;
}

.frisbie-ui-form-popup
  :where(.ant-select-item-option-active, .ant-select-item-option-selected) {
  background: transparent !important;
  background: var(--home-surface-faint, transparent) !important;
}

.frisbie-ui-form-popup
  .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  color: inherit !important;
  color: var(--home-text, inherit) !important;
  box-shadow: inset 0 0 0 1px transparent;
  box-shadow: inset 0 0 0 1px var(--home-cyan-soft, transparent);
}

.frisbie-ui-form-popup
  :where(.ant-picker-content th, .ant-picker-content td, .ant-picker-header, .ant-picker-body, .ant-picker-footer) {
  color: inherit !important;
  color: var(--home-text, inherit) !important;
  background: transparent !important;
}

.frisbie-ui-form-popup
  :where(.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,
    .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
    .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner) {
  background: linear-gradient(135deg, transparent, transparent) !important;
  background: linear-gradient(135deg, var(--home-cyan, transparent), var(--home-primary, transparent)) !important;
}

@media (max-width: 768px) {
  .frisbie-ui-modal-content {
    padding: 14px;
  }

  .frisbie-ui-modal-footer {
    padding: 0 14px 14px;
  }
}