#chimti-loader {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: grid;
  place-items: center;
  background: #f8f8f4;
  color: #0a81d9;
  opacity: 1;
  visibility: visible;
  transition: opacity 460ms ease, visibility 460ms ease;
}

#chimti-loader[data-state="done"] {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.chimti-loader-stage {
  display: grid;
  place-items: center;
  transform: translateY(-2vh);
}

.chimti-loader-icon {
  display: block;
  width: clamp(82px, 7vw, 116px);
  height: auto;
  filter: drop-shadow(0 18px 28px rgba(10, 129, 217, 0.18));
  transform-origin: center;
  animation: chimtiLoaderIconPulse 980ms ease-in-out infinite;
}

@keyframes chimtiLoaderIconPulse {
  0% {
    opacity: 0.88;
    transform: scale(0.98);
  }

  50% {
    opacity: 1;
    transform: scale(1.04);
  }

  100% {
    opacity: 0.88;
    transform: scale(0.98);
  }
}

@media (prefers-reduced-motion: reduce) {
  .chimti-loader-icon {
    animation: none;
    opacity: 1;
  }
}

.chimti-logo-lockup {
  width: 140px !important;
}

.chimti-brand-main {
  display: inline-flex;
  align-items: flex-end;
  justify-content: center;
  width: 124px;
  height: 42px;
  gap: 0;
}

.chimti-wordmark {
  display: block;
  width: 116px;
  height: 34px;
  object-fit: cover;
  object-position: center;
}

.chimti-footer-brand {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  text-decoration: none;
  max-width: min(560px, 86vw);
}

.chimti-footer-wordmark {
  display: block;
  width: min(360px, 72vw);
  height: auto;
}

.chimti-footer-tagline {
  color: var(--color-text-tertiary, #6f7480);
  font-size: 18px;
  line-height: 1.25;
  font-family: inherit;
}

.prelaunch-form-error {
  grid-column: 1 / -1;
  padding: 14px 16px;
  border: 1px solid var(--color-border-primary, #deded6);
  background: var(--color-surface-brand-primary, #fbfbf7);
  color: #b42318;
  font: inherit;
  font-size: 15px;
  line-height: 1.45;
}

.chimti-global-footer-brand {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  width: min(360px, 52vw);
  text-decoration: none;
  transform: none;
}

.chimti-global-footer-wordmark {
  display: block;
  width: 100%;
  height: auto;
}

global-footer #sub-footer > div:has(.chimti-global-footer-brand) {
  overflow: visible !important;
}

.chimti-global-footer-tagline {
  display: none;
}

body[data-chimti-home] {
  --chimti-sky: #18b9fe;
  --chimti-blue: #14aaf4;
  --chimti-deep-blue: #0a81d9;
  --chimti-navy: #0058be;
  --color-text-brand-1: var(--chimti-deep-blue);
  --color-text-brand-2: var(--chimti-sky);
  --color-text-brand-3: var(--chimti-navy);
  --color-surface-brand: var(--chimti-deep-blue);
  --color-blue-200: #d7f3ff;
  --color-blue-400: var(--chimti-sky);
  --color-blue-600: var(--chimti-deep-blue);
  --color-blue-800: var(--chimti-navy);
}

body[data-chimti-home] .text-text-brand-1,
body[data-chimti-home] .text-text-brand-2,
body[data-chimti-home] .text-text-brand-3 {
  color: var(--chimti-deep-blue) !important;
}

body[data-chimti-home] .bg-surface-brand {
  background:
    radial-gradient(circle at 88% 16%, rgba(24, 185, 254, 0.48), transparent 34%),
    linear-gradient(135deg, var(--chimti-sky) 0%, var(--chimti-deep-blue) 48%, var(--chimti-navy) 100%) !important;
}

body[data-chimti-home] mistral-atom-progressbar[style*="background:#ffaf01"] {
  background: linear-gradient(90deg, var(--chimti-sky), var(--chimti-deep-blue)) !important;
}

body[data-chimti-home] img[src*="Thumbnail-Solution-Vibe"] {
  filter: hue-rotate(180deg) saturate(1.12) brightness(1.02);
}

body[data-chimti-home] [style*="background-color: #ffaf01"],
body[data-chimti-home] [style*="background-color:#ffaf01"] {
  background-color: var(--chimti-sky) !important;
}

body[data-chimti-home] [style*="background-color: #ff5229"],
body[data-chimti-home] [style*="background-color:#ff5229"],
body[data-chimti-home] [style*="background-color: #ff8204"],
body[data-chimti-home] [style*="background-color:#ff8204"] {
  background-color: var(--chimti-blue) !important;
}

body[data-chimti-home] [style*="background-color: #e51300"],
body[data-chimti-home] [style*="background-color:#e51300"] {
  background-color: var(--chimti-deep-blue) !important;
}

body[data-chimti-home] svg [fill="#FA500F"],
body[data-chimti-home] svg [fill="#E61300"],
body[data-chimti-home] svg [fill="#C4001D"] {
  fill: var(--chimti-deep-blue) !important;
}

body[data-chimti-home] svg [fill="#FFAF01"] {
  fill: var(--chimti-sky) !important;
}

body[data-chimti-home] .bg-blue-200 {
  background-color: #d7f3ff !important;
}

body[data-chimti-home] .js-main-title .text-display {
  font-size: clamp(58px, 5vw, 96px) !important;
  line-height: 0.94 !important;
  letter-spacing: 0 !important;
}

.chimti-hero-live-ceo {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  pointer-events: none;
}

.chlc-card {
  width: min(560px, 100%);
  max-height: 90%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(10, 129, 217, 0.18);
  border-radius: 14px;
  box-shadow: 0 14px 38px rgba(0, 46, 99, 0.09);
  color: #0a2a45;
  font-family: ui-monospace, "SFMono-Regular", Menlo, "Liberation Mono", monospace;
  transform: none;
}

.chlc-head {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 34px;
  padding: 9px 14px;
  border-bottom: 1px solid rgba(10, 129, 217, 0.12);
  font-size: 11px;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.chlc-live {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #0a9eea;
  font-weight: 800;
}

.chlc-live i {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #18b9fe;
  animation: chimtiLivePulse 1.6s infinite;
}

.chlc-title {
  color: #586b7d;
}

.chlc-clock {
  margin-left: auto;
  color: #9aa7b4;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.05em;
}

.chlc-feed {
  position: relative;
  padding: 12px 14px 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: hidden;
}

.chlc-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: baseline;
  gap: 9px;
  min-height: 0;
  padding: 0;
  border-bottom: 0;
  color: #0a2a45;
  font-size: 13.5px;
  line-height: 1.3;
}

.chlc-row:last-child {
  border-bottom: 0;
}

.chlc-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  padding: 3px 6px;
  border-radius: 5px;
  background: #eaf6ff;
  color: #0a81d9;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.05em;
}

.chlc-row[data-severity="ai"] .chlc-tag {
  background: #e8f8ff;
  color: #0367b1;
}

.chlc-row[data-severity="alert"] .chlc-tag {
  background: #fff2dc;
  color: #a26000;
}

.chlc-row[data-severity="positive"] .chlc-tag {
  background: #e7f8ef;
  color: #13874b;
}

.chlc-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chlc-status {
  color: #3a9ad9;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.04em;
  white-space: nowrap;
}

@keyframes chimtiLivePulse {
  0% {
    box-shadow: 0 0 0 0 rgba(24, 185, 254, 0.5);
  }

  70% {
    box-shadow: 0 0 0 7px rgba(24, 185, 254, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(24, 185, 254, 0);
  }
}

@media (max-width: 900px) {
  .chimti-hero-live-ceo {
    align-items: flex-start;
    padding: 10px;
  }

  .chlc-card {
    width: min(560px, 100%);
    transform: none;
  }

  .chlc-row {
    grid-template-columns: auto minmax(0, 1fr);
    font-size: 12px;
  }

  .chlc-status {
    display: none;
  }
}

@media (max-height: 820px) and (min-width: 901px) {
  .chlc-card {
    width: min(560px, 100%);
  }
}

.js-tab-content-pricing[data-active="false"] {
  display: none !important;
}

.js-tab-content-pricing[data-anchor="plans"] table thead {
  position: static !important;
  top: auto !important;
}

.chimti-feature-compare {
  padding-top: 80px !important;
  padding-bottom: 104px !important;
}

.chimti-feature-compare > .max-w-432 > .mb-8 {
  display: none !important;
}

.chimti-feature-compare .overflow-x-auto {
  border-color: var(--color-border-primary, #deded8) !important;
  background: var(--color-surface-brand-primary, #fbfbf8);
}

.chimti-feature-compare table {
  table-layout: fixed;
  background: var(--color-surface-brand-primary, #fbfbf8);
}

.chimti-feature-compare thead th {
  height: 120px;
  padding: 20px 24px !important;
  background: var(--color-surface-brand-primary, #fbfbf8) !important;
}

.chimti-feature-compare thead th:first-child > * {
  display: none !important;
}

.chimti-feature-compare thead .text-body-small {
  display: none !important;
}

.chimti-feature-compare th,
.chimti-feature-compare td {
  border-right: 1px solid var(--color-border-primary, #deded8);
  vertical-align: top;
}

.chimti-feature-compare th:last-child,
.chimti-feature-compare td:last-child {
  border-right: 0;
}

.chimti-feature-compare tbody tr:last-child {
  border-bottom: 0;
}

.chimti-feature-compare th:first-child,
.chimti-feature-compare td:first-child {
  width: 28%;
}

.chimti-feature-compare th:not(:first-child),
.chimti-feature-compare td:not(:first-child) {
  width: 18%;
}

.chimti-feature-compare tbody tr:not(.chimti-compare-section-row) td {
  height: 72px;
  padding: 20px 24px !important;
  vertical-align: middle;
}

.chimti-feature-compare tbody td:first-child .text-button-large {
  font-size: 17px !important;
  line-height: 1.2 !important;
}

.chimti-feature-compare tbody td:first-child .text-body-small {
  display: none !important;
}

.chimti-compare-plan-head {
  min-height: 96px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 20px;
}

.chimti-compare-cta {
  min-height: 40px;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 14px;
  border-radius: 6px;
  background: var(--color-surface-brand-secondary, #f3f2ed);
  color: var(--color-text-primary, #0d0d0d);
  font-family: inherit;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}

.chimti-compare-section-row td {
  padding: 24px !important;
  border-right: 0 !important;
  background: var(--color-surface-brand-primary, #fbfbf8);
}

.chimti-compare-section-title {
  font-family: inherit;
  font-size: clamp(30px, 2.25vw, 42px);
  line-height: 1;
  color: var(--color-text-primary, #0d0d0d);
}

.chimti-feature-compare tbody td:not(:first-child) {
  color: var(--color-text-primary, #0d0d0d);
  font-size: 16px;
  line-height: 1.2;
  vertical-align: middle;
}

mistral-template-pricing-index section:has(.js-spoiler) {
  padding: 0 !important;
  border-top: 1px solid var(--color-border-primary, #deded8);
  border-bottom: 1px solid var(--color-border-primary, #deded8);
}

mistral-template-pricing-index section:has(.js-spoiler) > .max-w-432 {
  display: grid !important;
  grid-template-columns: minmax(300px, 31%) minmax(0, 69%) !important;
  gap: 0 !important;
  align-items: stretch !important;
  border-left: 1px solid var(--color-border-primary, #deded8);
  border-right: 1px solid var(--color-border-primary, #deded8);
}

mistral-template-pricing-index section:has(.js-spoiler) > .max-w-432 > div:first-child {
  grid-column: auto !important;
  padding: 48px 40px !important;
  border-right: 1px solid var(--color-border-primary, #deded8);
}

mistral-template-pricing-index section:has(.js-spoiler) > .max-w-432 > div:first-child .text-h2 {
  font-size: clamp(48px, 3.6vw, 68px) !important;
  line-height: 0.95 !important;
}

mistral-template-pricing-index section:has(.js-spoiler) > .max-w-432 > div:nth-child(2) {
  grid-column: auto !important;
  border-top: 0 !important;
}

mistral-template-pricing-index section:has(.js-spoiler) .js-spoiler button {
  min-height: 82px;
  padding: 24px 16px !important;
}

mistral-template-pricing-index section:has(.js-spoiler) .js-spoiler .text-h5 {
  font-size: clamp(24px, 1.35vw, 28px) !important;
  line-height: 1.1 !important;
}

mistral-template-pricing-index section:has(.js-spoiler) .js-spoiler-content > div {
  padding: 0 16px 24px !important;
}

@media (max-width: 767px) {
  .chimti-feature-compare {
    padding-top: 48px !important;
    padding-bottom: 60px !important;
  }

  mistral-template-pricing-index section:has(.js-spoiler) > .max-w-432 {
    grid-template-columns: 1fr !important;
    border-left: 0;
    border-right: 0;
  }

  mistral-template-pricing-index section:has(.js-spoiler) > .max-w-432 > div:first-child {
    border-right: 0;
    border-bottom: 1px solid var(--color-border-primary, #deded8);
    padding: 32px 16px !important;
  }
}

@media (min-width: 768px) {
  global-footer .md\:min-h-135 {
    min-height: 0 !important;
  }

  global-footer footer > div:first-child .md\:py-10 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  global-footer #sub-footer {
    min-height: 0 !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  global-footer #sub-footer > div:has(.chimti-global-footer-brand) {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

@media (min-width: 1024px) {
  .js-tab-content-pricing[data-anchor="plans"] > section > div.max-w-432.w-full.mx-auto.relative.h-auto.flex:has(mistral-block-card-plan) {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: stretch !important;
    justify-content: stretch !important;
    gap: 0 !important;
    padding-top: 40px;
  }

  .js-tab-content-pricing[data-anchor="plans"] mistral-block-card-plan {
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
    height: 100%;
  }

  .js-tab-content-pricing[data-anchor="plans"] mistral-block-card-plan:not([data-index="1"]) > .h-10 {
    display: none !important;
  }

  .js-tab-content-pricing[data-anchor="plans"] mistral-block-card-plan[data-index="1"] {
    position: relative;
    z-index: 2;
    background: var(--color-surface-brand-secondary, #f4f3ef) !important;
  }

  .js-tab-content-pricing[data-anchor="plans"] mistral-block-card-plan[data-index="1"] > .h-10:first-child {
    position: absolute;
    inset: -40px -1px auto -1px;
    height: 40px;
    z-index: 3;
  }

  .js-tab-content-pricing[data-anchor="plans"] mistral-block-card-plan > div:first-child > .flex.flex-col.gap-6.p-6.items-start {
    min-height: 340px;
  }

}

.chimti-billing-toggle .js-background {
  display: none !important;
}

.chimti-billing-toggle {
  background: var(--color-surface-brand-primary, #fbfbf8) !important;
  overflow: visible !important;
}

.chimti-billing-toggle .js-tab {
  min-width: 88px;
  height: 44px;
  justify-content: center;
  color: var(--color-text-primary, #0d0d0d) !important;
  background: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: none !important;
}

.chimti-billing-toggle .js-tab[data-active="true"] {
  background: var(--color-surface-invert, #11111d) !important;
  color: var(--color-text-invert, #fff) !important;
}

.chimti-billing-toggle .js-tab[data-active="false"] {
  background: transparent !important;
  color: var(--color-text-primary, #0d0d0d) !important;
}

.chimti-billing-toggle .js-tab p {
  color: inherit !important;
  opacity: 1 !important;
  visibility: visible !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.chimti-billing-toggle .js-tab * {
  pointer-events: none;
}

@media (min-width: 1024px) and (max-width: 1400px) {
  .js-tab-content-pricing[data-anchor="plans"] mistral-block-card-plan .text-h3 {
    font-size: clamp(40px, 3.6vw, 56px) !important;
  }

  .js-tab-content-pricing[data-anchor="plans"] mistral-block-card-plan .text-h4 {
    font-size: clamp(22px, 2.2vw, 34px) !important;
  }

  .js-tab-content-pricing[data-anchor="plans"] mistral-block-card-plan .flex.items-end.gap-2 {
    flex-wrap: wrap;
  }
}

@media (max-width: 640px) {
  .chimti-logo-lockup {
    width: 118px !important;
  }

  .chimti-brand-main {
    width: 104px;
    height: 40px;
  }

  .chimti-wordmark {
    width: 90px;
    height: 32px;
  }

  .chimti-footer-brand {
    gap: 10px;
  }

  .chimti-footer-wordmark {
    width: min(240px, 78vw);
  }

  .chimti-footer-tagline {
    font-size: 14px;
  }

  .chimti-global-footer-brand {
    gap: 0;
    width: min(230px, 74vw);
    transform: none;
  }

  .chimti-global-footer-wordmark {
    width: 100%;
    height: auto;
  }

  .chimti-global-footer-tagline {
    display: none;
  }

  body[data-chimti-home] .js-main-title .text-display {
    font-size: clamp(44px, 12vw, 72px) !important;
    line-height: 0.96 !important;
  }
}

html {
  scroll-behavior: smooth;
}

body[data-chimti-prelaunch] {
  background: var(--color-surface-brand-primary, #f7f7f3);
  color: var(--color-text-primary, #0d0d0d);
}

body[data-chimti-prelaunch] main {
  padding-top: 0;
}

body[data-chimti-prelaunch] .prelaunch-original-hero .js-sticky,
body[data-chimti-prelaunch] .prelaunch-original-hero .js-title {
  opacity: 1 !important;
}

body[data-chimti-prelaunch] .prelaunch-original-hero a[href^="#"] {
  scroll-margin-top: 72px;
}

.prelaunch-anchor {
  display: block;
  scroll-margin-top: 72px;
}

.prelaunch-nav-link {
  align-items: center;
  display: flex;
  font-family: var(--font-mistral, inherit);
  font-size: 16px;
  min-height: 48px;
  padding: 0 20px;
}

.prelaunch-nav-link:hover,
.prelaunch-header-demo:hover,
.prelaunch-mobile-menu a:hover,
.prelaunch-footer-links a:hover {
  background: var(--color-surface-brand-secondary, #efefea);
}

.prelaunch-header-demo {
  align-items: center;
  background: #050505;
  color: #fff;
  display: inline-flex;
  font-family: var(--font-mistral, inherit);
  gap: 16px;
  min-height: 48px;
  padding: 0 24px;
}

.prelaunch-menu-icon,
.prelaunch-menu-icon::before,
.prelaunch-menu-icon::after {
  background: currentColor;
  display: block;
  height: 2px;
  width: 18px;
}

.prelaunch-menu-icon {
  position: relative;
}

.prelaunch-menu-icon::before,
.prelaunch-menu-icon::after {
  content: "";
  left: 0;
  position: absolute;
}

.prelaunch-menu-icon::before {
  top: -6px;
}

.prelaunch-menu-icon::after {
  top: 6px;
}

.prelaunch-mobile-menu[hidden],
.prelaunch-demo-form[hidden],
.prelaunch-form-success[hidden] {
  display: none !important;
}

.prelaunch-mobile-menu {
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.12);
}

.prelaunch-mobile-menu a {
  border-bottom: 1px solid var(--color-border-primary, #deded6);
  display: block;
  font-family: var(--font-mistral, inherit);
  font-size: 22px;
  padding: 18px 20px;
}

.prelaunch-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 2.3fr) minmax(360px, 1fr);
  min-height: clamp(360px, 48vh, 600px);
}

.prelaunch-hero-copy {
  display: flex;
  flex-direction: column;
  gap: 22px;
  justify-content: flex-end;
  padding: clamp(32px, 5vw, 72px) clamp(24px, 4vw, 72px);
}

.prelaunch-hero-copy h1 {
  font-size: clamp(58px, 7.2vw, 122px);
  letter-spacing: 0;
  line-height: 0.92;
  max-width: 1180px;
}

.prelaunch-hero-side {
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: flex-end;
  padding: clamp(28px, 4vw, 64px);
}

.prelaunch-hero-side .text-h2 {
  font-size: clamp(26px, 2.1vw, 42px);
  line-height: 1.02;
}

.prelaunch-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.prelaunch-button {
  align-items: center;
  border-radius: 6px;
  display: inline-flex;
  font-family: var(--font-mistral, inherit);
  font-size: 16px;
  gap: 18px;
  justify-content: space-between;
  min-height: 48px;
  padding: 0 18px;
  text-decoration: none;
  transition: background 160ms ease, color 160ms ease, border-color 160ms ease;
}

.prelaunch-button-primary {
  background: #050505;
  color: #fff;
}

.prelaunch-button-primary:hover {
  background: #1c1c1c;
}

.prelaunch-button-secondary {
  background: var(--color-surface-brand-primary, #f7f7f3);
  border: 1px solid var(--color-border-primary, #deded6);
  color: var(--color-text-primary, #0d0d0d);
}

.prelaunch-button-secondary:hover {
  background: var(--color-surface-brand-secondary, #efefea);
}

.prelaunch-hero-visual {
  background: var(--chimti-sky, #18b9fe);
  border-top: 1px solid rgba(0, 0, 0, 0.16);
  min-height: clamp(320px, 38vh, 500px);
  overflow: hidden;
  position: relative;
}

.prelaunch-pixel-bg {
  animation: prelaunchPixelShift 12s steps(4, end) infinite;
  background-image:
    linear-gradient(rgba(0, 0, 0, 0.16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 0, 0, 0.16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(24, 185, 254, 0.96) 0 12%, rgba(20, 170, 244, 0.95) 12% 24%, rgba(10, 129, 217, 0.95) 24% 36%, rgba(0, 88, 190, 0.95) 36% 48%, rgba(35, 178, 232, 0.95) 48% 60%, rgba(18, 133, 214, 0.95) 60% 72%, rgba(20, 170, 244, 0.95) 72% 84%, rgba(0, 88, 190, 0.95) 84% 100%);
  background-size: 25% 33.333%, 25% 33.333%, 100% 100%;
  inset: 0;
  opacity: 0.95;
  position: absolute;
}

@keyframes prelaunchPixelShift {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-4%, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}

.prelaunch-washer {
  align-items: center;
  background: #eef9ff;
  border: 5px solid #111;
  bottom: 44px;
  box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.2);
  display: flex;
  height: 72px;
  justify-content: center;
  position: absolute;
  right: 64px;
  width: 72px;
  z-index: 2;
}

.prelaunch-washer::before {
  background: #111;
  content: "";
  height: 8px;
  left: 10px;
  position: absolute;
  top: 10px;
  width: 28px;
}

.prelaunch-washer::after {
  background: var(--chimti-deep-blue, #0a81d9);
  border: 4px solid #111;
  border-radius: 50%;
  content: "";
  height: 36px;
  width: 36px;
}

.prelaunch-washer span {
  background: #111;
  height: 6px;
  position: absolute;
  right: 12px;
  top: 10px;
  width: 6px;
}

.prelaunch-hero-visual .chimti-hero-live-ceo {
  bottom: auto;
  left: 50%;
  max-width: min(720px, calc(100% - 48px));
  position: absolute;
  right: auto;
  top: 32%;
  transform: translate(-50%, -40%);
  width: 720px;
  z-index: 4;
}

.prelaunch-split,
.prelaunch-demo-grid,
.prelaunch-faq-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}

.prelaunch-section-heading,
.prelaunch-section-copy,
.prelaunch-demo-copy,
.prelaunch-demo-form-wrap,
.prelaunch-faq-title,
.prelaunch-faq-list {
  padding: clamp(28px, 4vw, 64px);
}

.prelaunch-section-heading,
.prelaunch-demo-copy,
.prelaunch-faq-title {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.prelaunch-section-copy {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.prelaunch-section-top {
  border-bottom: 1px solid var(--color-border-primary, #deded6);
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: clamp(28px, 4vw, 64px);
}

.prelaunch-section-top h2,
.prelaunch-section-heading h2,
.prelaunch-demo-copy h2,
.prelaunch-faq-title h2 {
  max-width: 980px;
}

.prelaunch-feature-shell {
  display: grid;
  grid-template-columns: minmax(96px, 24%) minmax(0, 76%);
}

.prelaunch-feature-rail {
  align-items: flex-start;
  align-self: start;
  border-right: 1px solid var(--color-border-primary, #deded6);
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  min-height: calc(100vh - 72px);
  padding: clamp(24px, 4vw, 64px) clamp(14px, 2vw, 30px);
  position: sticky;
  top: 72px;
}

.prelaunch-feature-rail a {
  align-items: center;
  background: var(--color-surface-brand-secondary, #efefea);
  border-radius: 6px;
  color: #838383;
  display: inline-flex;
  height: 36px;
  justify-content: center;
  transition: background 160ms ease, color 160ms ease;
  width: 36px;
}

.prelaunch-feature-rail a[data-active="true"],
.prelaunch-feature-rail a:hover,
.prelaunch-feature-rail a.is-active {
  background: #050505;
  color: #fff;
}

.prelaunch-rail-icon {
  color: currentColor;
  display: block;
  height: 18px;
  position: relative;
  width: 18px;
}

.prelaunch-rail-icon::before,
.prelaunch-rail-icon::after {
  content: "";
  display: block;
  position: absolute;
}

.prelaunch-rail-icon-dashboard::before {
  border: 2px solid currentColor;
  height: 14px;
  left: 1px;
  top: 2px;
  width: 16px;
}

.prelaunch-rail-icon-dashboard::after {
  background: currentColor;
  box-shadow: 0 5px 0 currentColor, 0 10px 0 currentColor;
  height: 2px;
  left: 5px;
  top: 5px;
  width: 8px;
}

.prelaunch-rail-icon-orders::before {
  border: 2px solid currentColor;
  height: 14px;
  left: 4px;
  top: 2px;
  width: 10px;
}

.prelaunch-rail-icon-orders::after {
  background: currentColor;
  box-shadow: 0 5px 0 currentColor, 0 10px 0 currentColor;
  height: 2px;
  left: 7px;
  top: 5px;
  width: 4px;
}

.prelaunch-rail-icon-billing::before {
  border: 2px solid currentColor;
  height: 14px;
  left: 3px;
  top: 2px;
  width: 12px;
}

.prelaunch-rail-icon-billing::after {
  background: currentColor;
  box-shadow: 0 4px 0 currentColor, 0 8px 0 currentColor;
  height: 2px;
  left: 6px;
  top: 5px;
  width: 6px;
}

.prelaunch-rail-icon-payment::before {
  border: 2px solid currentColor;
  border-radius: 50%;
  height: 14px;
  left: 2px;
  top: 2px;
  width: 14px;
}

.prelaunch-rail-icon-payment::after {
  background: currentColor;
  height: 8px;
  left: 8px;
  top: 5px;
  width: 2px;
}

.prelaunch-rail-icon-chat::before {
  border: 2px solid currentColor;
  border-radius: 2px;
  height: 12px;
  left: 2px;
  top: 2px;
  width: 14px;
}

.prelaunch-rail-icon-chat::after {
  border-bottom: 2px solid currentColor;
  border-left: 2px solid currentColor;
  bottom: 1px;
  height: 5px;
  left: 5px;
  transform: skew(-25deg);
  width: 6px;
}

.prelaunch-rail-icon-delivery::before {
  border: 2px solid currentColor;
  height: 8px;
  left: 1px;
  top: 5px;
  width: 12px;
}

.prelaunch-rail-icon-delivery::after {
  background: currentColor;
  border-radius: 50%;
  box-shadow: 9px 0 0 currentColor;
  height: 3px;
  left: 4px;
  top: 14px;
  width: 3px;
}

.prelaunch-rail-icon-reports::before {
  border: 2px solid currentColor;
  height: 14px;
  left: 3px;
  top: 2px;
  width: 12px;
}

.prelaunch-rail-icon-reports::after {
  background: currentColor;
  box-shadow: 0 5px 0 currentColor;
  height: 2px;
  left: 6px;
  top: 6px;
  width: 6px;
}

.prelaunch-rail-icon-ai::before {
  border: 2px solid currentColor;
  border-radius: 50%;
  height: 12px;
  left: 3px;
  top: 3px;
  width: 12px;
}

.prelaunch-rail-icon-ai::after {
  background: currentColor;
  box-shadow: -6px 0 0 currentColor, 6px 0 0 currentColor, 0 -6px 0 currentColor, 0 6px 0 currentColor;
  height: 3px;
  left: 8px;
  top: 8px;
  width: 3px;
}

.prelaunch-rail-icon-api::before {
  background: currentColor;
  box-shadow: 10px 0 0 currentColor, 5px 9px 0 currentColor;
  height: 5px;
  left: 2px;
  top: 3px;
  width: 5px;
}

.prelaunch-rail-icon-api::after {
  border-bottom: 2px solid currentColor;
  border-left: 2px solid currentColor;
  border-right: 2px solid currentColor;
  height: 8px;
  left: 5px;
  top: 6px;
  width: 8px;
}

.prelaunch-rail-icon-language::before {
  border-bottom: 2px solid currentColor;
  border-top: 2px solid currentColor;
  height: 12px;
  left: 2px;
  top: 3px;
  width: 14px;
}

.prelaunch-rail-icon-language::after {
  background: currentColor;
  box-shadow: 5px 0 0 currentColor;
  height: 14px;
  left: 6px;
  top: 2px;
  width: 2px;
}

.prelaunch-rail-icon-credits::before {
  border: 2px solid currentColor;
  border-radius: 50%;
  height: 10px;
  left: 4px;
  top: 1px;
  width: 10px;
}

.prelaunch-rail-icon-credits::after {
  border: 2px solid currentColor;
  border-radius: 50%;
  height: 10px;
  left: 4px;
  top: 7px;
  width: 10px;
}

.prelaunch-feature-stack {
  min-width: 0;
}

.prelaunch-feature-panel {
  border-bottom: 1px solid var(--color-border-primary, #deded6);
  min-width: 0;
  scroll-margin-top: 72px;
}

.prelaunch-feature-panel:last-child {
  border-bottom: 0;
}

.prelaunch-feature-panel-head {
  align-items: center;
  border-bottom: 1px solid var(--color-border-primary, #deded6);
  display: flex;
  gap: 24px;
  justify-content: space-between;
  min-height: 106px;
  padding: 24px clamp(24px, 3vw, 48px);
}

.prelaunch-feature-panel-head h2 {
  font-size: clamp(40px, 3.4vw, 62px);
  line-height: 1;
  margin: 0;
}

.prelaunch-feature-panel-cta {
  background: var(--color-surface-brand-secondary, #efefea);
  border: 0;
  flex-shrink: 0;
  min-width: 198px;
}

.prelaunch-feature-mobile-toggle {
  align-items: center;
  background: var(--color-surface-brand-secondary, #efefea);
  border: 0;
  border-radius: 6px;
  color: var(--color-text-primary, #0d0d0d);
  display: none;
  flex-shrink: 0;
  height: 40px;
  justify-content: center;
  margin-left: auto;
  min-width: 40px;
}

.prelaunch-feature-mobile-toggle-icon {
  display: inline-flex;
  height: 22px;
  transition: transform 160ms ease;
  width: 22px;
}

.prelaunch-feature-mobile-toggle-icon svg {
  display: block;
  height: 100%;
  width: 100%;
}

.prelaunch-feature-panel[data-mobile-open="true"] .prelaunch-feature-mobile-toggle-icon {
  transform: rotate(180deg);
}

.prelaunch-feature-panel-body {
  padding: 24px clamp(24px, 3vw, 48px);
}

.prelaunch-feature-panel-body > p {
  font-size: clamp(18px, 1.3vw, 24px);
  line-height: 1.34;
  margin-bottom: 24px;
  max-width: 1180px;
}

.prelaunch-feature-image-wrap {
  background: #ff5a1f;
  margin-bottom: 16px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.prelaunch-feature-image-wrap img {
  display: block;
  height: auto;
  object-fit: cover;
  object-position: center;
  width: 100%;
}

.prelaunch-feature-chips {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.prelaunch-feature-chips p {
  background: var(--color-surface-brand-secondary, #efefea);
  border-radius: 3px;
  color: var(--color-text-primary, #0d0d0d);
  display: inline-block;
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
  font-size: 12px;
  line-height: 1;
  padding: 7px 9px;
  text-transform: uppercase;
}

.prelaunch-card-grid {
  display: grid;
}

.prelaunch-card-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

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

.prelaunch-feature-cell,
.prelaunch-solution-cell,
.prelaunch-plan-cell {
  border-bottom: 1px solid var(--color-border-primary, #deded6);
  border-right: 1px solid var(--color-border-primary, #deded6);
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 230px;
  padding: clamp(22px, 3vw, 40px);
}

.prelaunch-feature-cell:nth-child(3n),
.prelaunch-solution-cell:nth-child(2n),
.prelaunch-plan-cell:nth-child(4n) {
  border-right: 0;
}

.prelaunch-cell-icon {
  align-items: center;
  background: var(--chimti-sky, #18b9fe);
  color: #fff;
  display: inline-flex;
  font-family: monospace;
  font-size: 13px;
  height: 42px;
  justify-content: center;
  width: 42px;
}

.prelaunch-plan-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.chimti-solutions-showcase {
  border-top: 1px solid var(--color-border-primary, #deded6);
  display: grid;
  grid-template-columns: minmax(220px, 22%) minmax(0, 78%);
}

.chimti-solutions-nav {
  align-self: start;
  border-right: 1px solid var(--color-border-primary, #deded6);
  display: flex;
  flex-direction: column;
  padding: clamp(24px, 4vw, 64px) clamp(16px, 2.4vw, 32px);
  position: sticky;
  top: 72px;
}

.chimti-solutions-nav-link {
  align-items: center;
  border: 1px solid var(--color-border-primary, #deded6);
  color: var(--color-text-primary, #0d0d0d);
  display: flex;
  font-family: var(--font-mistral, inherit);
  font-size: clamp(17px, 1.2vw, 20px);
  justify-content: space-between;
  line-height: 1.1;
  margin-bottom: -1px;
  min-height: 58px;
  padding: 16px;
  text-decoration: none;
  transition: background 160ms ease, color 160ms ease;
}

.chimti-solutions-nav-link:hover,
.chimti-solutions-nav-link.is-active {
  background: var(--color-action-primary, #050505);
  color: var(--color-text-invert, #fff);
}

.chimti-solutions-nav-link span {
  font-size: 24px;
  line-height: 1;
}

.chimti-solutions-groups {
  min-width: 0;
}

.chimti-solution-group {
  border-bottom: 1px solid var(--color-border-primary, #deded6);
  scroll-margin-top: 88px;
}

.chimti-solution-group:last-child {
  border-bottom: 0;
}

.chimti-solution-group-head {
  border-bottom: 1px solid var(--color-border-primary, #deded6);
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: clamp(28px, 4vw, 58px);
}

.chimti-solution-group-head h3 {
  max-width: 760px;
}

.chimti-solution-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.chimti-solution-card {
  color: inherit;
  display: flex;
  flex-direction: column;
  gap: clamp(28px, 4vw, 56px);
  justify-content: space-between;
  min-height: clamp(430px, 44vw, 580px);
  padding: clamp(24px, 4vw, 56px) clamp(20px, 3vw, 40px);
  position: relative;
  text-decoration: none;
}

.chimti-solution-card:nth-child(2n + 1) {
  border-right: 1px solid var(--color-border-primary, #deded6);
}

.chimti-solution-card:nth-child(n + 3) {
  border-top: 1px solid var(--color-border-primary, #deded6);
}

.chimti-solution-card:hover {
  background: var(--color-surface-brand-secondary, #efefea);
}

.chimti-solution-card h3 {
  margin-top: 10px;
}

.chimti-solution-card p.text-body-large {
  margin-top: 20px;
  max-width: 580px;
}

.chimti-solution-visual {
  align-items: center;
  background: var(--solution-accent, #18b9fe);
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.14) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255, 255, 255, 0.14) 1px, transparent 1px),
    linear-gradient(135deg, var(--solution-accent, #18b9fe), color-mix(in srgb, var(--solution-accent, #18b9fe) 78%, #ffffff));
  background-size: 72px 72px, 72px 72px, 100% 100%;
  display: flex;
  height: clamp(160px, 18vw, 260px);
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.chimti-solution-visual::before,
.chimti-solution-visual::after {
  background: rgba(255, 255, 255, 0.13);
  content: "";
  height: 42%;
  position: absolute;
  width: 30%;
}

.chimti-solution-visual::before {
  left: 10%;
  top: 14%;
}

.chimti-solution-visual::after {
  bottom: 10%;
  right: 8%;
}

.chimti-solution-visual span {
  align-items: center;
  background: var(--color-surface-brand-primary, #fbfbf7);
  color: var(--color-text-primary, #0d0d0d);
  display: inline-flex;
  height: clamp(74px, 7vw, 104px);
  justify-content: center;
  position: relative;
  width: clamp(74px, 7vw, 104px);
  z-index: 1;
}

.chimti-solution-visual img {
  display: block;
  height: 42px;
  width: 42px;
}

.prelaunch-faq-item {
  border-bottom: 1px solid var(--color-border-primary, #deded6);
}

.prelaunch-faq-item:first-child {
  border-top: 0;
}

.prelaunch-faq-item summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-family: var(--font-mistral, inherit);
  font-size: clamp(22px, 2vw, 32px);
  justify-content: space-between;
  list-style: none;
  min-height: 84px;
  padding: 22px 0;
}

.prelaunch-faq-item summary::-webkit-details-marker {
  display: none;
}

.prelaunch-faq-item summary span:last-child {
  transform: rotate(90deg);
  transition: transform 160ms ease;
}

.prelaunch-faq-item[open] summary span:last-child {
  transform: rotate(-90deg);
}

.prelaunch-faq-item p {
  color: var(--color-text-secondary, #4b4b4b);
  font-size: 17px;
  line-height: 1.5;
  max-width: 880px;
  padding: 0 48px 28px 0;
}

.prelaunch-demo-form {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.prelaunch-demo-form label {
  color: var(--color-text-secondary, #4b4b4b);
  display: flex;
  flex-direction: column;
  font-family: var(--font-mistral, inherit);
  font-size: 14px;
  gap: 8px;
}

.prelaunch-demo-form input,
.prelaunch-demo-form select,
.prelaunch-demo-form textarea {
  background: var(--color-surface-brand-primary, #f7f7f3);
  border: 1px solid var(--color-border-primary, #deded6);
  border-radius: 0;
  color: var(--color-text-primary, #0d0d0d);
  font: inherit;
  min-height: 48px;
  padding: 12px 14px;
}

.prelaunch-demo-form textarea {
  resize: vertical;
}

.prelaunch-form-full {
  grid-column: 1 / -1;
}

.prelaunch-form-success {
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-height: 340px;
  justify-content: center;
}

.prelaunch-footer-grid {
  align-items: center;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(180px, 0.8fr) minmax(0, 1.2fr) minmax(240px, 0.8fr);
  padding: 34px clamp(24px, 4vw, 64px);
}

.prelaunch-footer .chimti-global-footer-brand {
  transform: none;
  width: min(260px, 62vw);
}

.prelaunch-footer .chimti-global-footer-wordmark {
  height: clamp(56px, 7vw, 78px);
  object-fit: contain;
  width: 100%;
}

.prelaunch-footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  justify-content: center;
}

.prelaunch-footer-links a {
  font-family: var(--font-mistral, inherit);
  font-size: 16px;
}

.prelaunch-footer-cta {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.prelaunch-footer-bottom {
  align-items: center;
  border-top: 1px solid var(--color-border-primary, #deded6);
  display: flex;
  justify-content: space-between;
  padding: 16px clamp(24px, 4vw, 64px);
}

@media (max-width: 1024px) {
  body[data-chimti-prelaunch] main {
    padding-top: 48px;
  }

  .prelaunch-hero-grid,
  .prelaunch-split,
  .prelaunch-demo-grid,
  .prelaunch-faq-grid {
    grid-template-columns: 1fr;
  }

  .prelaunch-hero-side,
  .prelaunch-section-copy,
  .prelaunch-demo-form-wrap,
  .prelaunch-faq-list {
    border-left: 0 !important;
    border-top: 1px solid var(--color-border-primary, #deded6);
  }

  .prelaunch-hero-grid {
    min-height: auto;
  }

  .prelaunch-hero-copy h1 {
    font-size: clamp(48px, 11vw, 88px);
  }

  .prelaunch-card-grid-3,
  .prelaunch-card-grid-2,
  .prelaunch-plan-grid {
    grid-template-columns: 1fr;
  }

  .chimti-solutions-showcase {
    grid-template-columns: 1fr;
  }

  .chimti-solutions-nav {
    border-bottom: 1px solid var(--color-border-primary, #deded6);
    border-right: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 16px;
    position: static;
    top: auto;
  }

  .chimti-solutions-nav-link {
    margin-bottom: 0;
    min-height: 52px;
  }

  .chimti-solution-card-grid {
    grid-template-columns: 1fr;
  }

  .chimti-solution-card {
    border-right: 0 !important;
    min-height: auto;
  }

  .chimti-solution-card:nth-child(n + 2) {
    border-top: 1px solid var(--color-border-primary, #deded6);
  }

  .prelaunch-feature-cell,
  .prelaunch-solution-cell,
  .prelaunch-plan-cell {
    border-right: 0;
    min-height: auto;
  }

  .prelaunch-hero-visual {
    min-height: 520px;
  }

  .prelaunch-feature-shell {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .prelaunch-feature-rail {
    display: none;
  }

  .prelaunch-feature-panel-head {
    align-items: center;
    border-bottom: 0;
    cursor: pointer;
    flex-direction: row;
    gap: 18px;
    min-height: 104px;
    padding: 0 16px;
  }

  .prelaunch-feature-panel-cta {
    display: none;
  }

  .prelaunch-feature-mobile-toggle {
    display: inline-flex;
  }

  .prelaunch-feature-panel-body {
    border-top: 1px solid var(--color-border-primary, #deded6);
    display: none;
    padding: 16px;
  }

  .prelaunch-feature-panel[data-mobile-open="true"] .prelaunch-feature-panel-body {
    display: block;
  }

  .prelaunch-footer-grid {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  .prelaunch-footer-cta {
    align-items: center;
  }
}

@media (max-width: 640px) {
  .prelaunch-hero-copy,
  .prelaunch-hero-side,
  .prelaunch-section-heading,
  .prelaunch-section-copy,
  .prelaunch-section-top,
  .prelaunch-demo-copy,
  .prelaunch-demo-form-wrap,
  .prelaunch-faq-title,
  .prelaunch-faq-list {
    padding: 24px 18px;
  }

  .prelaunch-hero-visual {
    min-height: 500px;
  }

  .prelaunch-hero-visual .chimti-hero-live-ceo {
    max-width: calc(100% - 20px);
  }

  .prelaunch-feature-panel-head h2 {
    font-size: clamp(24px, 6.4vw, 30px);
    line-height: 1.08;
    max-width: calc(100% - 58px);
  }

  .prelaunch-feature-panel-body > p {
    font-size: 18px;
    margin-bottom: 16px;
  }

  .prelaunch-feature-image-wrap {
    margin-bottom: 16px;
  }

  .chimti-solutions-nav {
    grid-template-columns: 1fr;
    padding: 12px;
  }

  .chimti-solutions-nav-link {
    font-size: 17px;
    padding: 14px;
  }

  .chimti-solution-group-head {
    padding: 24px 18px;
  }

  .chimti-solution-card {
    padding: 24px 18px;
  }

  .chimti-solution-visual {
    height: 190px;
  }

  .prelaunch-feature-chips {
    align-items: flex-start;
    flex-direction: column;
  }

  .prelaunch-feature-chips p {
    font-size: 11px;
  }

  .prelaunch-washer {
    bottom: 24px;
    right: 22px;
    transform: scale(0.82);
    transform-origin: right bottom;
  }

  .prelaunch-demo-form {
    grid-template-columns: 1fr;
  }

  .prelaunch-faq-item summary {
    font-size: 23px;
    min-height: 74px;
  }

  .prelaunch-footer-bottom {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
}

.chimti-help-widget {
  bottom: calc(14px + env(safe-area-inset-bottom));
  display: flex;
  gap: 12px;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  right: calc(14px + env(safe-area-inset-right));
  transform: translate3d(0, 36px, 0);
  transition: opacity 280ms ease, transform 520ms cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 60;
}

.chimti-help-widget.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.chimti-help-widget.is-open {
  z-index: 61;
}

.chimti-help-widget__stack {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 10px;
  pointer-events: auto;
}

.chimti-help-widget__panel {
  background: var(--color-surface-brand-primary, #fbfbf7);
  border: 1px solid var(--color-border-primary, #deded6);
  box-shadow: 0 18px 42px rgba(10, 12, 18, 0.14);
  max-width: min(320px, calc(100vw - 32px));
  padding: 16px;
  transform: translateY(16px) scale(0.96);
  transform-origin: bottom right;
  transition: opacity 220ms ease, transform 360ms cubic-bezier(0.16, 1, 0.3, 1), visibility 0s linear 360ms;
  visibility: hidden;
  width: 280px;
}

.chimti-help-widget.is-open .chimti-help-widget__panel {
  transform: translateY(0) scale(1);
  transition-delay: 0s;
  visibility: visible;
}

.chimti-help-widget__eyebrow {
  color: var(--color-text-tertiary, #6f7480);
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
  font-size: 11px;
  letter-spacing: 0.08em;
  margin: 0 0 6px;
  text-transform: uppercase;
}

.chimti-help-widget__title {
  color: var(--color-text-primary, #0d0d0d);
  font-family: var(--font-mistral, inherit);
  font-size: 18px;
  line-height: 1.15;
  margin: 0 0 10px;
}

.chimti-help-widget__copy {
  color: var(--color-text-secondary, #4b4b4b);
  font-size: 14px;
  line-height: 1.45;
  margin: 0;
}

.chimti-help-widget__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.chimti-help-widget__actions a,
.chimti-help-widget__actions button {
  align-items: center;
  background: transparent;
  border: 1px solid var(--color-border-primary, #deded6);
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  height: 36px;
  justify-content: center;
  padding: 0 12px;
  text-decoration: none;
}

.chimti-help-widget__actions a:first-child {
  background: var(--color-action-primary, #050505);
  color: var(--color-text-invert, #fff);
}

.chimti-help-widget__launcher {
  align-items: flex-end;
  background: transparent;
  border: 0;
  display: flex;
  justify-content: flex-end;
  padding: 0;
  position: relative;
}

.chimti-help-widget__launcher:hover .chimti-help-widget__label,
.chimti-help-widget.is-open .chimti-help-widget__label {
  opacity: 1;
  transform: translateY(0);
}

.chimti-help-widget__label {
  background: var(--color-surface-brand-primary, #fbfbf7);
  border: 1px solid var(--color-border-primary, #deded6);
  box-shadow: 0 10px 24px rgba(10, 12, 18, 0.12);
  color: var(--color-text-primary, #0d0d0d);
  display: flex;
  flex-direction: column;
  font-family: var(--font-mistral, inherit);
  font-size: 15px;
  gap: 2px;
  left: -10px;
  line-height: 1.05;
  opacity: 0.98;
  padding: 10px 12px;
  position: absolute;
  right: 82px;
  top: 14px;
  transform: translateY(8px);
  transition: opacity 220ms ease, transform 320ms cubic-bezier(0.16, 1, 0.3, 1);
  white-space: nowrap;
}

.chimti-help-widget__label em {
  color: var(--color-text-tertiary, #6f7480);
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
  font-size: 10px;
  font-style: normal;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.chimti-help-widget__character {
  display: block;
  filter: drop-shadow(0 18px 28px rgba(10, 12, 18, 0.2));
  height: auto;
  max-width: min(148px, 32vw);
  transform-origin: 52% 88%;
  will-change: transform;
  width: 148px;
}

.chimti-help-widget__launcher {
  cursor: pointer;
  transform: translateY(18px);
  transition: transform 520ms cubic-bezier(0.16, 1, 0.3, 1);
}

.chimti-help-widget.is-visible .chimti-help-widget__launcher {
  transform: translateY(0);
}

.chimti-help-widget.is-open .chimti-help-widget__launcher {
  transform: translateY(-4px);
}

@keyframes chimtiHelpIdle {
  0%,
  100% {
    transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
  }

  9% {
    transform: translate3d(0, -5px, 0) rotate(-0.8deg) scale(1.01);
  }

  18% {
    transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
  }

  56% {
    transform: translate3d(0, -3px, 0) rotate(0.6deg) scale(1.006);
  }

  64% {
    transform: translate3d(-2px, -6px, 0) rotate(-2.4deg) scale(1.02);
  }

  69% {
    transform: translate3d(2px, -4px, 0) rotate(2deg) scale(1.015);
  }

  74% {
    transform: translate3d(-1px, -5px, 0) rotate(-1.2deg) scale(1.012);
  }

  81% {
    transform: translate3d(0, -2px, 0) rotate(0deg) scale(1.004);
  }
}

@keyframes chimtiHelpLabelPulse {
  0%,
  62%,
  100% {
    box-shadow: 0 10px 24px rgba(10, 12, 18, 0.12);
    transform: translateY(8px) scale(1);
  }

  68% {
    box-shadow: 0 16px 34px rgba(10, 129, 217, 0.18);
    transform: translateY(0) scale(1.025);
  }

  76% {
    box-shadow: 0 10px 24px rgba(10, 12, 18, 0.12);
    transform: translateY(8px) scale(1);
  }
}

.chimti-help-widget.is-visible .chimti-help-widget__character {
  animation: chimtiHelpIdle 7.8s ease-in-out infinite;
}

.chimti-help-widget.is-visible:not(.is-open) .chimti-help-widget__label {
  animation: chimtiHelpLabelPulse 7.8s ease-in-out infinite;
}

.chimti-help-widget__launcher:hover .chimti-help-widget__character,
.chimti-help-widget.is-open .chimti-help-widget__character {
  animation-play-state: paused;
  transform: translate3d(0, -4px, 0) rotate(-1deg) scale(1.02);
}

@media (prefers-reduced-motion: reduce) {
  .chimti-help-widget.is-visible .chimti-help-widget__character,
  .chimti-help-widget.is-visible:not(.is-open) .chimti-help-widget__label {
    animation: none;
  }
}

@media (max-width: 640px) {
  .chimti-help-widget {
    right: 10px;
    bottom: calc(10px + env(safe-area-inset-bottom));
    gap: 8px;
  }

  .chimti-help-widget__panel {
    max-width: calc(100vw - 24px);
    width: 230px;
  }

  .chimti-help-widget__label {
    display: none;
  }

  .chimti-help-widget__character {
    max-width: 112px;
    width: 112px;
  }
}

body .chimti-help-widget.is-visible {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
}

body .chimti-help-widget.is-visible .chimti-help-widget__launcher {
  transform: translateY(0) !important;
}

body .chimti-help-widget.is-open {
  z-index: 61 !important;
}

body .chimti-help-widget.is-open .chimti-help-widget__panel {
  transform: translateY(0) scale(1) !important;
  visibility: visible !important;
}