/* [project]/apps/web/src/components/hotool/hotool.module.css [app-client] (css) */
.hotool-module__C2vuSa__root {
  --hotool-blue: #2468f2;
  --hotool-blue-dark: #1351d8;
  --hotool-navy: #0b1730;
  --hotool-ink: #101a32;
  --hotool-muted: #65708a;
  --hotool-line: #e3e9f2;
  --hotool-surface: #f7f9fc;
  --hotool-card: #fff;
  color: var(--hotool-ink);
  background: #fff;
  min-height: 100vh;
}

.hotool-module__C2vuSa__root :focus-visible {
  outline-offset: 2px;
  outline: 2px solid #fff;
  box-shadow: 0 0 0 5px #082348;
}

.hotool-module__C2vuSa__previewBoundary {
  min-height: 100vh;
}

.hotool-module__C2vuSa__prototypeBanner {
  color: #5f4600;
  letter-spacing: .02em;
  text-align: center;
  z-index: 100;
  background: #fff4cf;
  border-bottom: 1px solid #e8c86a;
  padding: 9px 18px;
  font-size: .8125rem;
  font-weight: 800;
  position: sticky;
  top: 0;
}

.hotool-module__C2vuSa__srOnly {
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.hotool-module__C2vuSa__logo {
  color: inherit;
  letter-spacing: -.045em;
  align-items: center;
  gap: 10px;
  min-width: 44px;
  min-height: 44px;
  font-size: 1.55rem;
  font-weight: 800;
  line-height: 1;
  display: inline-flex;
}

.hotool-module__C2vuSa__logoMark {
  grid-template-columns: repeat(2, 11px);
  gap: 3px;
  display: grid;
  transform: rotate(-4deg);
}

.hotool-module__C2vuSa__logoMark span {
  background: linear-gradient(145deg, #1b5ff1, #4f8dff);
  border-radius: 6px 6px 2px;
  height: 24px;
}

.hotool-module__C2vuSa__logoMark span:last-child {
  border-radius: 2px 6px 6px;
  transform: translateY(4px);
}

.hotool-module__C2vuSa__marketingPage {
  color: var(--hotool-ink);
  background: radial-gradient(circle at 76% 12%, #3a75ff1c, #0000 28%), linear-gradient(#fff 0%, #f8fbff 54%, #fff 100%);
  min-height: 100vh;
}

.hotool-module__C2vuSa__marketingNav {
  z-index: 20;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #ffffffeb;
  border-bottom: 1px solid #edf1f6;
  justify-content: space-between;
  align-items: center;
  height: 74px;
  padding: 0 clamp(24px, 7vw, 116px);
  display: flex;
  position: sticky;
  top: 0;
}

.hotool-module__C2vuSa__marketingNavLinks {
  align-items: center;
  gap: clamp(18px, 3vw, 38px);
  display: flex;
}

.hotool-module__C2vuSa__marketingNavLinks a {
  color: #39435b;
  font-size: .92rem;
  font-weight: 650;
}

.hotool-module__C2vuSa__marketingNavLinks .hotool-module__C2vuSa__primaryButton {
  color: #fff;
}

.hotool-module__C2vuSa__primaryButton, .hotool-module__C2vuSa__secondaryButton, .hotool-module__C2vuSa__ghostButton {
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 22px;
  font-weight: 750;
  transition: transform .14s, box-shadow .14s, border-color .14s;
  display: inline-flex;
}

.hotool-module__C2vuSa__primaryButton {
  background: linear-gradient(135deg, var(--hotool-blue), #1359e8);
  color: #fff;
  box-shadow: 0 16px 28px -18px #2468f2cc;
}

.hotool-module__C2vuSa__secondaryButton {
  color: var(--hotool-blue);
  background: #fff;
  border: 1px solid #dbe4f1;
}

.hotool-module__C2vuSa__ghostButton {
  color: var(--hotool-blue);
  background: none;
  min-height: 40px;
  padding-inline: 10px;
}

.hotool-module__C2vuSa__primaryButton:hover, .hotool-module__C2vuSa__secondaryButton:hover {
  transform: translateY(-1px);
}

.hotool-module__C2vuSa__marketingHero {
  grid-template-columns: minmax(0, .9fr) minmax(520px, 1.1fr);
  align-items: center;
  gap: clamp(36px, 6vw, 86px);
  max-width: 1440px;
  min-height: 560px;
  margin: 0 auto;
  padding: 70px clamp(24px, 7vw, 116px) 52px;
  display: grid;
}

.hotool-module__C2vuSa__heroBadge, .hotool-module__C2vuSa__demoBadge {
  color: var(--hotool-blue);
  text-transform: uppercase;
  background: #eef4ff;
  border: 1px solid #dce8ff;
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  padding: 8px 12px;
  font-size: .76rem;
  font-weight: 800;
  display: inline-flex;
}

.hotool-module__C2vuSa__heroCopy h1, .hotool-module__C2vuSa__demoHero h1 {
  letter-spacing: -.06em;
  max-width: 770px;
  margin: 20px 0 24px;
  font-size: clamp(2.85rem, 5vw, 5.2rem);
  line-height: .98;
}

.hotool-module__C2vuSa__heroCopy > p, .hotool-module__C2vuSa__demoHero > p {
  color: #5d6881;
  max-width: 670px;
  margin: 0;
  font-size: clamp(1.05rem, 1.6vw, 1.3rem);
  line-height: 1.55;
}

.hotool-module__C2vuSa__heroActions {
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 30px;
  display: flex;
}

.hotool-module__C2vuSa__heroChecks {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 34px;
  display: grid;
}

.hotool-module__C2vuSa__heroCheck {
  color: #39435b;
  align-items: center;
  gap: 10px;
  font-size: .9rem;
  font-weight: 650;
  display: flex;
}

.hotool-module__C2vuSa__checkDot {
  background: var(--hotool-blue);
  color: #fff;
  border-radius: 50%;
  flex: 0 0 22px;
  justify-content: center;
  align-items: center;
  height: 22px;
  display: inline-flex;
}

.hotool-module__C2vuSa__productPreview {
  background: #fff;
  border: 1px solid #dfe7f2;
  border-radius: 22px;
  grid-template-columns: 150px 1fr;
  min-height: 430px;
  display: grid;
  overflow: hidden;
  transform: perspective(1200px)rotateY(-1.5deg)rotateX(.4deg);
  box-shadow: 0 38px 80px -44px #142c5b8c;
}

.hotool-module__C2vuSa__previewSidebar {
  color: #fff;
  background: linear-gradient(#0c1c39, #0b1730);
  padding: 25px 16px;
}

.hotool-module__C2vuSa__previewBrand {
  align-items: center;
  gap: 8px;
  margin-bottom: 28px;
  font-size: .95rem;
  font-weight: 800;
  display: flex;
}

.hotool-module__C2vuSa__previewNavItem {
  color: #b8c4d8;
  border-radius: 9px;
  align-items: center;
  gap: 9px;
  margin-bottom: 7px;
  padding: 9px 10px;
  font-size: .73rem;
  display: flex;
}

.hotool-module__C2vuSa__previewNavItemActive {
  background: var(--hotool-blue);
  color: #fff;
}

.hotool-module__C2vuSa__previewBody {
  background: #f8fafc;
  padding: 28px;
}

.hotool-module__C2vuSa__previewBody h2 {
  letter-spacing: -.035em;
  margin: 0;
  font-size: 1.45rem;
}

.hotool-module__C2vuSa__previewBody > p {
  color: #7b859c;
  margin: 5px 0 22px;
  font-size: .78rem;
}

.hotool-module__C2vuSa__previewBody > .hotool-module__C2vuSa__previewDisclaimer {
  color: #664d00;
  background: #fff6d8;
  border: 1px solid #ead58c;
  border-radius: 999px;
  margin: 0 0 14px;
  padding: 6px 10px;
  font-size: .66rem;
  font-weight: 800;
  display: inline-flex;
}

.hotool-module__C2vuSa__previewStats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 11px;
  display: grid;
}

.hotool-module__C2vuSa__previewStat {
  background: #fff;
  border: 1px solid #e5eaf2;
  border-radius: 11px;
  min-width: 0;
  padding: 12px;
}

.hotool-module__C2vuSa__previewStat span {
  color: #78839a;
  font-size: .62rem;
  font-weight: 650;
  display: block;
}

.hotool-module__C2vuSa__previewStat strong {
  margin-top: 6px;
  font-size: 1.15rem;
  display: block;
}

.hotool-module__C2vuSa__previewColumns {
  grid-template-columns: 1.1fr .9fr;
  gap: 13px;
  margin-top: 15px;
  display: grid;
}

.hotool-module__C2vuSa__previewPanel {
  background: #fff;
  border: 1px solid #e5eaf2;
  border-radius: 12px;
  padding: 14px;
}

.hotool-module__C2vuSa__previewPanel h3 {
  margin: 0 0 10px;
  font-size: .78rem;
}

.hotool-module__C2vuSa__previewRow {
  border-top: 1px solid #eef1f6;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 9px 0;
  font-size: .64rem;
  display: flex;
}

.hotool-module__C2vuSa__previewRow:first-of-type {
  border-top: 0;
}

.hotool-module__C2vuSa__previewRow span {
  color: #667189;
}

.hotool-module__C2vuSa__marketingSection, .hotool-module__C2vuSa__marketingFeatureSection, .hotool-module__C2vuSa__trustSection {
  max-width: 1440px;
  margin: 0 auto;
  padding: 22px clamp(24px, 7vw, 116px);
}

.hotool-module__C2vuSa__featureGrid, .hotool-module__C2vuSa__benefitGrid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.hotool-module__C2vuSa__featureCard, .hotool-module__C2vuSa__benefitCard, .hotool-module__C2vuSa__demoFeatureCard {
  background: #fff;
  border: 1px solid #e3e9f2;
  border-radius: 15px;
  padding: 22px;
}

.hotool-module__C2vuSa__featureCard {
  min-height: 154px;
}

.hotool-module__C2vuSa__featureCard h3, .hotool-module__C2vuSa__benefitCard h3, .hotool-module__C2vuSa__demoFeatureCard h3 {
  margin: 16px 0 7px;
  font-size: 1rem;
}

.hotool-module__C2vuSa__featureCard p, .hotool-module__C2vuSa__benefitCard p, .hotool-module__C2vuSa__demoFeatureCard p {
  color: var(--hotool-muted);
  margin: 0;
  font-size: .86rem;
  line-height: 1.5;
}

.hotool-module__C2vuSa__iconTile {
  color: var(--hotool-blue);
  background: #eef4ff;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  display: inline-flex;
}

.hotool-module__C2vuSa__iconTileGreen {
  color: #1da75b;
  background: #ecfaf1;
}

.hotool-module__C2vuSa__iconTilePurple {
  color: #7b43de;
  background: #f4efff;
}

.hotool-module__C2vuSa__iconTileOrange {
  color: #ef7c19;
  background: #fff3e8;
}

.hotool-module__C2vuSa__benefitGrid {
  margin-top: 16px;
}

.hotool-module__C2vuSa__benefitCard {
  min-height: 116px;
}

.hotool-module__C2vuSa__benefitCard h3 {
  margin-top: 0;
}

.hotool-module__C2vuSa__howItWorks {
  grid-template-columns: 230px repeat(3, minmax(0, 1fr));
  align-items: center;
  gap: 22px;
  max-width: 1440px;
  margin: 36px auto 10px;
  padding: 20px clamp(24px, 7vw, 116px);
  display: grid;
}

.hotool-module__C2vuSa__howItWorks h2 {
  margin: 0;
  font-size: 1.35rem;
}

.hotool-module__C2vuSa__stepCard {
  align-items: flex-start;
  gap: 13px;
  display: flex;
}

.hotool-module__C2vuSa__stepNumber {
  background: var(--hotool-blue);
  color: #fff;
  border-radius: 50%;
  flex: 0 0 34px;
  justify-content: center;
  align-items: center;
  height: 34px;
  font-weight: 800;
  display: inline-flex;
}

.hotool-module__C2vuSa__stepCard h3 {
  margin: 1px 0 4px;
  font-size: .92rem;
}

.hotool-module__C2vuSa__stepCard p {
  color: var(--hotool-muted);
  margin: 0;
  font-size: .78rem;
  line-height: 1.45;
}

.hotool-module__C2vuSa__trustRow {
  grid-template-columns: 220px repeat(5, minmax(0, 1fr));
  align-items: center;
  gap: 16px;
  display: grid;
}

.hotool-module__C2vuSa__trustRow h2 {
  margin: 0;
  font-size: 1.2rem;
}

.hotool-module__C2vuSa__trustChip {
  color: #4c5870;
  text-align: center;
  background: #f9fbfe;
  border: 1px solid #e7edf5;
  border-radius: 12px;
  padding: 15px 12px;
  font-size: .82rem;
  font-weight: 700;
}

.hotool-module__C2vuSa__finalCta {
  color: #fff;
  background: linear-gradient(120deg, #1760ea, #2449d7);
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  margin: 26px clamp(24px, 7vw, 116px) 42px;
  padding: 24px 28px;
  display: flex;
}

.hotool-module__C2vuSa__finalCta h2 {
  margin: 0 0 4px;
  font-size: 1.3rem;
}

.hotool-module__C2vuSa__finalCta p {
  color: #dfe8ff;
  margin: 0;
  font-size: .86rem;
}

.hotool-module__C2vuSa__finalCta .hotool-module__C2vuSa__secondaryButton {
  border: 0;
}

.hotool-module__C2vuSa__demoPage {
  color: var(--hotool-ink);
  background: linear-gradient(#fff 0%, #f8fbff 100%);
  min-height: 100vh;
}

.hotool-module__C2vuSa__demoNav {
  border-bottom: 1px solid #edf1f6;
  justify-content: space-between;
  align-items: center;
  height: 72px;
  padding: 0 clamp(24px, 8vw, 170px);
  display: flex;
}

.hotool-module__C2vuSa__demoNavLinks {
  gap: 38px;
  display: flex;
}

.hotool-module__C2vuSa__demoNavLinks a {
  color: #3e4860;
  font-size: .88rem;
  font-weight: 650;
}

.hotool-module__C2vuSa__demoBack {
  color: var(--hotool-blue);
  font-size: .88rem;
  font-weight: 700;
}

.hotool-module__C2vuSa__demoContent {
  max-width: 1320px;
  margin: 0 auto;
  padding: 34px 28px 46px;
}

.hotool-module__C2vuSa__demoHero {
  grid-template-columns: minmax(0, 1.15fr) minmax(420px, .85fr);
  gap: 60px;
  display: grid;
}

.hotool-module__C2vuSa__demoHero h1 {
  margin-bottom: 13px;
  font-size: clamp(2.6rem, 4vw, 4.2rem);
}

.hotool-module__C2vuSa__mailtoNotice {
  color: #68738a;
  margin: 11px 0 0;
  font-size: .72rem;
  line-height: 1.45;
}

.hotool-module__C2vuSa__mailtoNotice strong {
  color: #34415b;
}

.hotool-module__C2vuSa__guidedEmailAction {
  flex-direction: column;
  align-items: flex-end;
  gap: 7px;
  display: flex;
}

.hotool-module__C2vuSa__guidedEmailAction small {
  color: #dfe8ff;
  font-size: .7rem;
}

.hotool-module__C2vuSa__demoGuidedCta .hotool-module__C2vuSa__guidedEmailAction small {
  color: #55647e;
}

.hotool-module__C2vuSa__demoFormCard, .hotool-module__C2vuSa__demoAccessCard {
  background: #fff;
  border: 1px solid #dfe7f2;
  border-radius: 17px;
  box-shadow: 0 24px 60px -44px #18356573;
}

.hotool-module__C2vuSa__demoFormCard {
  margin-top: 18px;
  padding: 26px;
}

.hotool-module__C2vuSa__demoFormCard label {
  color: #222e46;
  margin-bottom: 8px;
  font-size: .86rem;
  font-weight: 750;
  display: block;
}

.hotool-module__C2vuSa__emailField {
  border: 1px solid #ccd7e7;
  border-radius: 10px;
  align-items: center;
  gap: 11px;
  padding: 0 14px;
  display: flex;
}

.hotool-module__C2vuSa__emailField:focus-within {
  border-color: var(--hotool-blue);
  box-shadow: 0 0 0 3px #2468f21f;
}

.hotool-module__C2vuSa__emailField input {
  color: var(--hotool-ink);
  border: 0;
  outline: 0;
  width: 100%;
  min-height: 48px;
}

.hotool-module__C2vuSa__demoFormCard button {
  cursor: pointer;
  border: 0;
  width: 100%;
  margin-top: 13px;
}

.hotool-module__C2vuSa__demoFormCard button:disabled {
  cursor: wait;
  opacity: .68;
}

.hotool-module__C2vuSa__demoConsent {
  align-items: flex-start;
  gap: 9px;
  line-height: 1.45;
  margin: 13px 0 0 !important;
  display: flex !important;
}

.hotool-module__C2vuSa__demoConsent input {
  flex: none;
  margin-top: 3px;
}

.hotool-module__C2vuSa__demoFormSuccess, .hotool-module__C2vuSa__demoFormError {
  border-radius: 9px;
  margin: 12px 0 0;
  padding: 11px 13px;
  font-size: .78rem;
  line-height: 1.5;
}

.hotool-module__C2vuSa__demoFormSuccess {
  color: #17603a;
  background: #eaf8ef;
}

.hotool-module__C2vuSa__demoFormSuccess a {
  color: #0d54c9;
  font-weight: 800;
  text-decoration: underline;
}

.hotool-module__C2vuSa__demoFormError {
  color: #8d2525;
  background: #fff1f1;
}

.hotool-module__C2vuSa__demoSteps {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 26px;
  display: grid;
}

.hotool-module__C2vuSa__demoStep {
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.hotool-module__C2vuSa__demoStep strong {
  font-size: .75rem;
  display: block;
}

.hotool-module__C2vuSa__demoStep small {
  color: var(--hotool-muted);
  margin-top: 2px;
  font-size: .67rem;
  display: block;
}

.hotool-module__C2vuSa__demoAccessCard {
  text-align: center;
  background: linear-gradient(160deg, #f6f9ff, #edf4ff);
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  padding: 44px 40px;
  display: flex;
}

.hotool-module__C2vuSa__demoAccessCard h2 {
  margin: 18px 0;
  font-size: 1.45rem;
}

.hotool-module__C2vuSa__demoAccessIcon {
  color: var(--hotool-blue);
  background: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  margin: 0 auto;
  display: inline-flex;
  box-shadow: 0 10px 30px -22px #1f50aae6;
}

.hotool-module__C2vuSa__demoCredentialBox {
  text-align: left;
  background: #fff;
  border: 1px solid #d9e3f2;
  border-radius: 14px;
}

.hotool-module__C2vuSa__demoCredentialRow {
  border-top: 1px dashed #d8e0ec;
  grid-template-columns: 22px 1fr;
  align-items: center;
  gap: 13px;
  padding: 18px;
  display: grid;
}

.hotool-module__C2vuSa__demoCredentialRow:first-child {
  border-top: 0;
}

.hotool-module__C2vuSa__demoCredentialRow span {
  color: var(--hotool-muted);
  font-size: .78rem;
  display: block;
}

.hotool-module__C2vuSa__demoCredentialRow strong {
  margin-top: 3px;
  font-size: .9rem;
  display: block;
}

.hotool-module__C2vuSa__demoAccessCard > small {
  color: var(--hotool-muted);
  margin-top: 18px;
  line-height: 1.5;
  display: block;
}

.hotool-module__C2vuSa__demoApp {
  color: var(--hotool-ink);
  background: #f5f8fc;
  min-height: 100vh;
  padding: 0 clamp(18px, 7vw, 110px) 48px;
}

.hotool-module__C2vuSa__demoAppBanner {
  color: #fff;
  text-align: center;
  background: #1b4fc4;
  margin-inline: calc(-1 * clamp(18px, 7vw, 110px));
  padding: 10px clamp(18px, 7vw, 110px);
  font-size: .82rem;
  font-weight: 750;
}

.hotool-module__C2vuSa__demoAppHeader {
  justify-content: space-between;
  align-items: center;
  padding: 38px 0 24px;
  display: flex;
}

.hotool-module__C2vuSa__demoAppHeader span, .hotool-module__C2vuSa__demoAppHeader p {
  color: var(--hotool-muted);
  font-size: .8rem;
}

.hotool-module__C2vuSa__demoAppHeader h1 {
  margin: 5px 0;
}

.hotool-module__C2vuSa__demoAppHeader a {
  color: var(--hotool-blue);
  font-weight: 750;
}

.hotool-module__C2vuSa__demoAppStats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.hotool-module__C2vuSa__demoAppStats article, .hotool-module__C2vuSa__demoAppList article {
  background: #fff;
  border: 1px solid #e0e7f1;
  border-radius: 13px;
  padding: 18px;
}

.hotool-module__C2vuSa__demoAppStats strong {
  font-size: 1.8rem;
  display: block;
}

.hotool-module__C2vuSa__demoAppStats span, .hotool-module__C2vuSa__demoAppList span, .hotool-module__C2vuSa__demoAppList small {
  color: var(--hotool-muted);
  font-size: .76rem;
}

.hotool-module__C2vuSa__demoAppColumns {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  margin-top: 26px;
  display: grid;
}

.hotool-module__C2vuSa__demoAppColumns h2 {
  font-size: 1.1rem;
}

.hotool-module__C2vuSa__demoAppList {
  gap: 10px;
  display: grid;
}

.hotool-module__C2vuSa__demoAppList strong, .hotool-module__C2vuSa__demoAppList small {
  margin-top: 5px;
  display: block;
}

.hotool-module__C2vuSa__demoAppFooter {
  color: var(--hotool-muted);
  text-align: center;
  margin-top: 26px;
  font-size: .75rem;
}

.hotool-module__C2vuSa__demoAssurance {
  background: #fff;
  border: 1px solid #e2e8f1;
  border-radius: 15px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 18px 0 26px;
  display: grid;
}

.hotool-module__C2vuSa__assuranceItem {
  border-left: 1px solid #e8edf4;
  align-items: center;
  gap: 11px;
  padding: 16px 24px;
  display: flex;
}

.hotool-module__C2vuSa__assuranceItem:first-child {
  border-left: 0;
}

.hotool-module__C2vuSa__assuranceItem strong {
  font-size: .8rem;
  display: block;
}

.hotool-module__C2vuSa__assuranceItem small {
  color: var(--hotool-muted);
  margin-top: 3px;
  font-size: .69rem;
  display: block;
}

.hotool-module__C2vuSa__demoLower {
  grid-template-columns: minmax(0, 1.7fr) minmax(330px, .8fr);
  gap: 32px;
  display: grid;
}

.hotool-module__C2vuSa__demoLower h2 {
  margin: 0 0 14px;
  font-size: 1.4rem;
}

.hotool-module__C2vuSa__demoFeatureGrid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.hotool-module__C2vuSa__demoFeatureCard {
  min-height: 136px;
  padding: 18px;
}

.hotool-module__C2vuSa__demoFeatureCard h3 {
  font-size: .88rem;
}

.hotool-module__C2vuSa__faqList {
  gap: 10px;
  display: grid;
}

.hotool-module__C2vuSa__faqItem {
  background: #fff;
  border: 1px solid #e1e7f0;
  border-radius: 12px;
  padding: 15px 18px;
}

.hotool-module__C2vuSa__faqItem summary {
  cursor: pointer;
  font-size: .85rem;
  font-weight: 750;
}

.hotool-module__C2vuSa__faqItem p {
  color: var(--hotool-muted);
  margin: 10px 0 0;
  font-size: .76rem;
}

.hotool-module__C2vuSa__demoGuidedCta {
  background: #f2f6ff;
  border: 1px solid #dce6fb;
  border-radius: 15px;
  justify-content: space-between;
  align-items: center;
  margin-top: 22px;
  padding: 20px 24px;
  display: flex;
}

.hotool-module__C2vuSa__demoGuidedCta h2 {
  margin: 0 0 4px;
  font-size: 1.15rem;
}

.hotool-module__C2vuSa__demoGuidedCta p {
  color: var(--hotool-muted);
  margin: 0;
  font-size: .8rem;
}

.hotool-module__C2vuSa__appShell {
  --hotool-blue: #2468f2;
  --hotool-navy: #0b1730;
  --hotool-ink: #111a2e;
  --hotool-muted: #6a748b;
  --hotool-line: #e2e8f1;
  color: var(--hotool-ink);
  background: #f8fafc;
  grid-template-columns: 255px minmax(0, 1fr);
  min-height: 100vh;
  display: grid;
}

.hotool-module__C2vuSa__sidebar {
  color: #fff;
  background: linear-gradient(#0c1c39, #0a152b);
  flex-direction: column;
  padding: 28px 20px 22px;
  display: flex;
}

.hotool-module__C2vuSa__sidebar .hotool-module__C2vuSa__logo {
  margin: 0 9px 28px;
  font-size: 1.45rem;
}

.hotool-module__C2vuSa__sidebarNav {
  gap: 6px;
  display: grid;
}

.hotool-module__C2vuSa__sidebarLink, .hotool-module__C2vuSa__sidebarLinkActive {
  color: #c4cee0;
  border-radius: 10px;
  grid-template-columns: 22px 1fr auto;
  align-items: center;
  gap: 13px;
  min-height: 48px;
  padding: 0 14px;
  font-size: .9rem;
  font-weight: 650;
  display: grid;
}

.hotool-module__C2vuSa__sidebarLinkActive {
  color: #fff;
  background: linear-gradient(135deg, #2c71ff, #2468f2);
}

.hotool-module__C2vuSa__navBadge {
  background: var(--hotool-blue);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-width: 23px;
  height: 23px;
  padding: 0 6px;
  font-size: .68rem;
  display: inline-flex;
}

.hotool-module__C2vuSa__sidebarProfile {
  border-top: 1px solid #ffffff1f;
  grid-template-columns: 42px 1fr 18px;
  align-items: center;
  gap: 11px;
  margin-top: auto;
  padding: 20px 4px 0;
  display: grid;
}

.hotool-module__C2vuSa__sidebarProfile strong {
  font-size: .83rem;
  display: block;
}

.hotool-module__C2vuSa__sidebarProfile small {
  color: #8fa0bb;
  margin-top: 3px;
  font-size: .72rem;
  display: block;
}

.hotool-module__C2vuSa__avatar, .hotool-module__C2vuSa__topbarAvatar {
  color: #31466c;
  background: #eef4ff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  font-size: .78rem;
  font-weight: 750;
  display: inline-flex;
}

.hotool-module__C2vuSa__hotelSelector {
  border: 1px solid #ffffff38;
  border-radius: 12px;
  grid-template-columns: 24px 1fr 16px;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  padding: 13px;
  display: grid;
}

.hotool-module__C2vuSa__hotelSelector strong {
  font-size: .82rem;
  display: block;
}

.hotool-module__C2vuSa__hotelSelector small {
  color: #9cacbf;
  margin-top: 3px;
  font-size: .7rem;
  display: block;
}

.hotool-module__C2vuSa__appMain {
  min-width: 0;
}

.hotool-module__C2vuSa__appTopbar {
  background: #fff;
  border-bottom: 1px solid #e7ebf2;
  justify-content: flex-end;
  align-items: center;
  height: 68px;
  padding: 0 28px;
  display: flex;
}

.hotool-module__C2vuSa__appSearch {
  color: #8490a6;
  border: 1px solid #d7dfeb;
  border-radius: 9px;
  align-items: center;
  gap: 10px;
  width: min(390px, 42vw);
  margin-right: 30px;
  padding: 0 13px;
  display: flex;
}

.hotool-module__C2vuSa__appSearch input {
  border: 0;
  outline: 0;
  width: 100%;
  min-height: 42px;
}

.hotool-module__C2vuSa__appSearch:focus-within {
  border-color: var(--hotool-blue);
  box-shadow: 0 0 0 3px #2468f233;
}

.hotool-module__C2vuSa__topbarActions {
  align-items: center;
  gap: 10px;
  display: flex;
}

.hotool-module__C2vuSa__iconButton {
  color: #43516c;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 9px;
  position: relative;
}

.hotool-module__C2vuSa__notificationBadge {
  background: var(--hotool-blue);
  color: #fff;
  border: 2px solid #fff;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-width: 18px;
  height: 18px;
  font-size: .6rem;
  display: inline-flex;
  position: absolute;
  top: 1px;
  right: 2px;
}

.hotool-module__C2vuSa__topbarAvatar {
  width: 38px;
  height: 38px;
}

.hotool-module__C2vuSa__appContent {
  padding: 16px 28px 32px;
}

.hotool-module__C2vuSa__infoBanner {
  color: #2262de;
  background: #eff5ff;
  border: 1px solid #cddfff;
  border-radius: 9px;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  margin-bottom: 26px;
  padding: 0 15px;
  font-size: .82rem;
  font-weight: 650;
  display: flex;
}

.hotool-module__C2vuSa__infoBanner button {
  color: inherit;
  background: none;
  border: 0;
  margin-left: auto;
  padding: 5px;
}

.hotool-module__C2vuSa__pageHeader {
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 22px;
  display: flex;
}

.hotool-module__C2vuSa__pageHeader h1 {
  letter-spacing: -.045em;
  margin: 0;
  font-size: clamp(1.9rem, 3vw, 2.55rem);
}

.hotool-module__C2vuSa__pageHeader p {
  color: var(--hotool-muted);
  margin: 7px 0 0;
  font-size: .9rem;
}

.hotool-module__C2vuSa__mutedText {
  color: var(--hotool-muted);
  margin: 12px 0 0;
  font-size: .76rem;
  line-height: 1.45;
}

.hotool-module__C2vuSa__pageActions {
  gap: 10px;
  display: flex;
}

.hotool-module__C2vuSa__statusPill {
  color: var(--hotool-blue);
  vertical-align: middle;
  background: #eef4ff;
  border-radius: 999px;
  margin-left: 10px;
  padding: 7px 12px;
  font-size: .75rem;
  font-weight: 750;
  display: inline-flex;
}

.hotool-module__C2vuSa__statGrid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 18px;
  display: grid;
}

.hotool-module__C2vuSa__statCard, .hotool-module__C2vuSa__panel, .hotool-module__C2vuSa__summaryPanel {
  border: 1px solid var(--hotool-line);
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 8px 28px -24px #19305b73;
}

.hotool-module__C2vuSa__statCard {
  grid-template-columns: 58px 1fr;
  align-items: center;
  gap: 14px;
  min-height: 145px;
  padding: 22px;
  display: grid;
}

.hotool-module__C2vuSa__statCard strong {
  margin-top: 7px;
  font-size: 1.9rem;
  display: block;
}

.hotool-module__C2vuSa__statCard small {
  margin-top: 12px;
  font-size: .73rem;
  font-weight: 650;
  display: block;
}

.hotool-module__C2vuSa__statCard > div > span {
  color: #4e5a70;
  font-size: .86rem;
  font-weight: 700;
}

.hotool-module__C2vuSa__statNoteBlue {
  color: #2468f2;
}

.hotool-module__C2vuSa__statNoteGreen {
  color: #137a3e;
}

.hotool-module__C2vuSa__statNoteOrange {
  color: #a64800;
}

.hotool-module__C2vuSa__statNotePurple {
  color: #7752d6;
}

.hotool-module__C2vuSa__iconBubble {
  color: #2468f2;
  background: #eef4ff;
  border-radius: 13px;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  display: inline-flex;
}

.hotool-module__C2vuSa__iconBubbleGreen {
  color: #20a45b;
  background: #ecfaf1;
}

.hotool-module__C2vuSa__iconBubbleOrange {
  color: #ef7a17;
  background: #fff2e6;
}

.hotool-module__C2vuSa__iconBubblePurple {
  color: #7a4bd8;
  background: #f3efff;
}

.hotool-module__C2vuSa__controlGrid {
  grid-template-columns: minmax(0, 1.55fr) minmax(280px, .65fr);
  gap: 18px;
  display: grid;
}

.hotool-module__C2vuSa__panel {
  padding: 20px;
}

.hotool-module__C2vuSa__panelHeader {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  display: flex;
}

.hotool-module__C2vuSa__panelHeader h2 {
  margin: 0;
  font-size: 1.05rem;
}

.hotool-module__C2vuSa__panelHeader a {
  color: var(--hotool-blue);
  font-size: .76rem;
  font-weight: 700;
}

.hotool-module__C2vuSa__clientTableHeader, .hotool-module__C2vuSa__clientRow {
  grid-template-columns: minmax(180px, 1.4fr) 100px 125px 95px 120px 18px;
  align-items: center;
  gap: 10px;
  display: grid;
}

.hotool-module__C2vuSa__clientTableHeader {
  color: #667188;
  padding: 8px 4px;
  font-size: .69rem;
  font-weight: 750;
}

.hotool-module__C2vuSa__clientRow {
  border-top: 1px solid #edf0f5;
  min-height: 69px;
  padding: 8px 4px;
}

.hotool-module__C2vuSa__clientIdentity {
  grid-template-columns: 42px 1fr;
  align-items: center;
  gap: 11px;
  display: grid;
}

.hotool-module__C2vuSa__clientInitials {
  color: #37537e;
  background: #f2f5fa;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  font-size: .75rem;
  font-weight: 800;
  display: inline-flex;
}

.hotool-module__C2vuSa__clientIdentity strong {
  font-size: .82rem;
  display: block;
}

.hotool-module__C2vuSa__clientIdentity small {
  color: var(--hotool-muted);
  margin-top: 3px;
  font-size: .69rem;
  display: block;
}

.hotool-module__C2vuSa__miniIcons {
  gap: 5px;
  display: flex;
}

.hotool-module__C2vuSa__miniIcon {
  color: #5d6980;
  background: #f5f7fb;
  border: 1px solid #e2e7ef;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  min-width: 27px;
  height: 27px;
  padding: 0 6px;
  display: inline-flex;
}

.hotool-module__C2vuSa__updateTime strong {
  font-size: .73rem;
  font-weight: 650;
  display: block;
}

.hotool-module__C2vuSa__updateTime small {
  color: var(--hotool-muted);
  margin-top: 3px;
  font-size: .65rem;
  display: block;
}

.hotool-module__C2vuSa__pill {
  border-radius: 999px;
  width: fit-content;
  padding: 6px 9px;
  font-size: .68rem;
  font-weight: 750;
  display: inline-flex;
}

.hotool-module__C2vuSa__pillSuccess {
  color: #137a3e;
  background: #eaf9ef;
}

.hotool-module__C2vuSa__pillWarning {
  color: #a64800;
  background: #fff2e4;
}

.hotool-module__C2vuSa__pillDanger {
  color: #b4232b;
  background: #ffebec;
}

.hotool-module__C2vuSa__pillBlue {
  color: #2865da;
  background: #ecf3ff;
}

.hotool-module__C2vuSa__pillPurple {
  color: #744bd1;
  background: #f2ecff;
}

.hotool-module__C2vuSa__actionStack, .hotool-module__C2vuSa__attentionList {
  gap: 9px;
  display: grid;
}

.hotool-module__C2vuSa__actionRow, .hotool-module__C2vuSa__attentionRow {
  color: #263249;
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 10px;
  grid-template-columns: 34px 1fr 18px;
  align-items: center;
  gap: 10px;
  min-height: 56px;
  padding: 0 12px;
  display: grid;
}

.hotool-module__C2vuSa__actionRowPrimary {
  background: var(--hotool-blue);
  border-color: var(--hotool-blue);
  color: #fff;
}

.hotool-module__C2vuSa__actionRow strong, .hotool-module__C2vuSa__attentionRow strong {
  font-size: .8rem;
  display: block;
}

.hotool-module__C2vuSa__actionRow small, .hotool-module__C2vuSa__attentionRow small {
  color: var(--hotool-muted);
  margin-top: 3px;
  font-size: .67rem;
  display: block;
}

.hotool-module__C2vuSa__actionRowPrimary small {
  color: #dbe8ff;
}

.hotool-module__C2vuSa__attentionPanel {
  margin-top: 14px;
}

.hotool-module__C2vuSa__stepper {
  border: 1px solid var(--hotool-line);
  background: #fff;
  border-radius: 14px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 18px;
  padding: 18px 22px;
  display: grid;
}

.hotool-module__C2vuSa__stepperItem {
  color: #6f7990;
  align-items: center;
  gap: 10px;
  min-width: 0;
  font-size: .78rem;
  font-weight: 650;
  display: flex;
  position: relative;
}

.hotool-module__C2vuSa__stepperItem:after {
  content: "";
  z-index: 0;
  background: #dfe5ef;
  height: 1px;
  position: absolute;
  top: 18px;
  left: 43px;
  right: 8px;
}

.hotool-module__C2vuSa__stepperItem:last-child:after {
  display: none;
}

.hotool-module__C2vuSa__stepperNumber {
  z-index: 1;
  background: #fff;
  border: 1px solid #cfd8e7;
  border-radius: 50%;
  flex: 0 0 36px;
  justify-content: center;
  align-items: center;
  height: 36px;
  display: inline-flex;
  position: relative;
}

.hotool-module__C2vuSa__stepperActive {
  color: var(--hotool-blue);
}

.hotool-module__C2vuSa__stepperActive .hotool-module__C2vuSa__stepperNumber {
  background: var(--hotool-blue);
  border-color: var(--hotool-blue);
  color: #fff;
}

.hotool-module__C2vuSa__onboardingCards {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 16px;
  display: grid;
}

.hotool-module__C2vuSa__summaryPanel {
  min-height: 150px;
  padding: 20px;
}

.hotool-module__C2vuSa__summaryPanel h2 {
  margin: 0 0 18px;
  font-size: .86rem;
}

.hotool-module__C2vuSa__summaryValue {
  grid-template-columns: 55px 1fr;
  align-items: center;
  gap: 13px;
  display: grid;
}

.hotool-module__C2vuSa__summaryValue strong {
  font-size: .96rem;
  display: block;
}

.hotool-module__C2vuSa__summaryValue small {
  color: var(--hotool-muted);
  margin-top: 4px;
  font-size: .72rem;
  display: block;
}

.hotool-module__C2vuSa__summaryLink {
  color: var(--hotool-blue);
  gap: 6px;
  margin: 12px 0 0 68px;
  font-size: .74rem;
  font-weight: 700;
  display: inline-flex;
}

.hotool-module__C2vuSa__capacityStrip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.hotool-module__C2vuSa__capacityMini {
  border: 1px solid #e4e9f1;
  border-radius: 10px;
  grid-template-columns: 46px 1fr;
  align-items: center;
  gap: 12px;
  min-height: 74px;
  padding: 12px;
  display: grid;
}

.hotool-module__C2vuSa__capacityMini strong {
  font-size: 1.3rem;
  display: block;
}

.hotool-module__C2vuSa__capacityMini small {
  color: var(--hotool-muted);
  font-size: .69rem;
  display: block;
}

.hotool-module__C2vuSa__onboardingLower {
  grid-template-columns: minmax(0, 1.35fr) minmax(310px, .75fr);
  gap: 18px;
  margin-top: 16px;
  display: grid;
}

.hotool-module__C2vuSa__taskList {
  display: grid;
}

.hotool-module__C2vuSa__taskRow {
  border-top: 1px solid #edf0f5;
  grid-template-columns: 30px 34px 1fr auto;
  align-items: center;
  gap: 12px;
  min-height: 64px;
  display: grid;
}

.hotool-module__C2vuSa__taskRow:first-child {
  border-top: 0;
}

.hotool-module__C2vuSa__taskCircle {
  border: 2px solid #4a7cf3;
  border-radius: 50%;
  width: 19px;
  height: 19px;
}

.hotool-module__C2vuSa__taskCircleComplete {
  color: #19934e;
  background: #eaf9ef;
  border-color: #29ad63;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.hotool-module__C2vuSa__taskRow strong {
  font-size: .78rem;
  display: block;
}

.hotool-module__C2vuSa__taskRow small {
  color: var(--hotool-muted);
  margin-top: 3px;
  font-size: .68rem;
  display: block;
}

.hotool-module__C2vuSa__taskStatus {
  color: #21a45a;
  font-size: .72rem;
  font-weight: 750;
}

.hotool-module__C2vuSa__timeline {
  gap: 18px;
  display: grid;
}

.hotool-module__C2vuSa__timelineItem {
  grid-template-columns: 37px 1fr;
  align-items: flex-start;
  gap: 11px;
  display: grid;
}

.hotool-module__C2vuSa__timelineItem strong {
  font-size: .78rem;
  display: block;
}

.hotool-module__C2vuSa__timelineItem small {
  color: var(--hotool-muted);
  margin-top: 4px;
  font-size: .68rem;
  display: block;
}

.hotool-module__C2vuSa__configSummary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 15px;
  margin-bottom: 16px;
  display: grid;
}

.hotool-module__C2vuSa__configSummary .hotool-module__C2vuSa__statCard {
  min-height: 118px;
}

.hotool-module__C2vuSa__configGrid {
  grid-template-columns: .8fr 1.15fr 1fr;
  gap: 15px;
  display: grid;
}

.hotool-module__C2vuSa__managedForm {
  align-items: start;
}

.hotool-module__C2vuSa__progressiveDisclosure {
  grid-column: 1 / -1;
  overflow: clip;
}

.hotool-module__C2vuSa__progressiveDisclosure > summary {
  color: #263249;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  padding: 10px 0;
  font-size: .9rem;
  font-weight: 800;
  display: flex;
}

.hotool-module__C2vuSa__progressiveDisclosure[open] > summary {
  border-bottom: 1px solid #e3e8f0;
  margin-bottom: 15px;
}

.hotool-module__C2vuSa__disclosureGrid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 15px;
  display: grid;
}

.hotool-module__C2vuSa__managedForm > label, .hotool-module__C2vuSa__disclosureGrid > label {
  color: #263249;
  gap: 7px;
  font-size: .75rem;
  font-weight: 750;
  display: grid;
}

.hotool-module__C2vuSa__managedForm > label small, .hotool-module__C2vuSa__disclosureGrid > label small {
  color: var(--hotool-muted);
  font-size: .65rem;
  font-weight: 550;
}

.hotool-module__C2vuSa__managedForm input:not([type="checkbox"]):not([type="hidden"]), .hotool-module__C2vuSa__managedForm select, .hotool-module__C2vuSa__managedForm textarea {
  color: var(--hotool-ink);
  font: inherit;
  background: #fbfcfe;
  border: 1px solid #dbe2ed;
  border-radius: 8px;
  width: 100%;
  min-height: 42px;
  padding: 9px 11px;
  font-weight: 550;
}

.hotool-module__C2vuSa__managedForm textarea {
  resize: vertical;
  min-height: 112px;
  line-height: 1.45;
}

.hotool-module__C2vuSa__managedForm input:focus, .hotool-module__C2vuSa__managedForm select:focus, .hotool-module__C2vuSa__managedForm textarea:focus {
  border-color: var(--hotool-blue);
  outline: 3px solid #2b6ef31f;
}

.hotool-module__C2vuSa__managedForm fieldset {
  border: 1px solid #dbe2ed;
  border-radius: 10px;
  flex-wrap: wrap;
  grid-column: 1 / -1;
  gap: 8px 14px;
  margin: 0;
  padding: 12px;
  display: flex;
}

.hotool-module__C2vuSa__managedForm legend {
  color: #263249;
  padding: 0 5px;
  font-size: .75rem;
  font-weight: 800;
}

.hotool-module__C2vuSa__managedForm fieldset label {
  color: #4b5870;
  align-items: center;
  gap: 6px;
  font-size: .7rem;
  display: inline-flex;
}

.hotool-module__C2vuSa__managedForm > div {
  grid-column: 1 / -1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.hotool-module__C2vuSa__capacityCard input {
  font: inherit;
  border: 1px solid #dbe2ed;
  border-radius: 7px;
  width: 100%;
  min-height: 38px;
  padding: 7px 9px;
}

.hotool-module__C2vuSa__dataList {
  border: 1px solid #e3e8f0;
  border-radius: 10px;
}

.hotool-module__C2vuSa__dataRow {
  border-top: 1px solid #edf0f4;
  justify-content: space-between;
  align-items: center;
  min-height: 50px;
  padding: 0 13px;
  font-size: .75rem;
  display: flex;
}

.hotool-module__C2vuSa__dataRow:first-child {
  border-top: 0;
}

.hotool-module__C2vuSa__dataRow span {
  color: #69748a;
}

.hotool-module__C2vuSa__dataRow strong {
  font-size: .75rem;
}

.hotool-module__C2vuSa__moduleLicenseGrid {
  grid-template-columns: 1fr .72fr;
  gap: 15px;
  display: grid;
}

.hotool-module__C2vuSa__moduleList {
  gap: 9px;
  display: grid;
}

.hotool-module__C2vuSa__moduleRow {
  grid-template-columns: 20px 1fr auto;
  align-items: center;
  gap: 8px;
  font-size: .7rem;
  display: grid;
}

.hotool-module__C2vuSa__licenseFacts {
  border-left: 1px solid #e7ebf2;
  padding-left: 16px;
}

.hotool-module__C2vuSa__licenseFacts label {
  color: #5e6980;
  margin: 0 0 7px;
  font-size: .68rem;
  font-weight: 700;
  display: block;
}

.hotool-module__C2vuSa__licenseFacts strong {
  margin-bottom: 18px;
  font-size: .82rem;
  display: block;
}

.hotool-module__C2vuSa__capacityGrid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  display: grid;
}

.hotool-module__C2vuSa__capacityCard {
  border: 1px solid #e1e7ef;
  border-radius: 10px;
  min-height: 91px;
  padding: 12px;
}

.hotool-module__C2vuSa__capacityCard span {
  color: #59657b;
  align-items: center;
  gap: 7px;
  font-size: .69rem;
  display: flex;
}

.hotool-module__C2vuSa__capacityCard strong {
  margin-top: 10px;
  font-size: 1.35rem;
  display: block;
}

.hotool-module__C2vuSa__capacityTotal {
  background: #eff4ff;
  border-radius: 8px;
  justify-content: space-between;
  margin-top: 10px;
  padding: 10px 12px;
  font-size: .73rem;
  font-weight: 750;
  display: flex;
}

.hotool-module__C2vuSa__protectedGrid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.hotool-module__C2vuSa__protectedCard {
  border: 1px solid #e2e7ef;
  border-radius: 10px;
  min-height: 108px;
  padding: 15px;
}

.hotool-module__C2vuSa__protectedCard span {
  color: #536078;
  align-items: center;
  gap: 8px;
  font-size: .72rem;
  display: flex;
}

.hotool-module__C2vuSa__protectedCard strong {
  margin: 12px 0 5px;
  font-size: 1rem;
  display: block;
}

.hotool-module__C2vuSa__protectedCard small {
  color: var(--hotool-muted);
  font-size: .66rem;
  line-height: 1.4;
}

.hotool-module__C2vuSa__configBottom {
  grid-template-columns: minmax(0, 1.3fr) minmax(340px, .7fr);
  gap: 15px;
  margin-top: 15px;
  display: grid;
}

.hotool-module__C2vuSa__historyList {
  gap: 11px;
  display: grid;
}

.hotool-module__C2vuSa__historyRow {
  grid-template-columns: 120px 1fr auto;
  align-items: center;
  gap: 10px;
  font-size: .68rem;
  display: grid;
}

.hotool-module__C2vuSa__configActions {
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  margin-top: 15px;
  display: flex;
}

.hotool-module__C2vuSa__configActions > div {
  gap: 12px;
  display: flex;
}

.hotool-module__C2vuSa__resourceSummary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 16px;
  display: grid;
}

.hotool-module__C2vuSa__resourceSummary .hotool-module__C2vuSa__statCard {
  min-height: 118px;
}

.hotool-module__C2vuSa__resourceLayout {
  grid-template-columns: minmax(0, 1.5fr) minmax(290px, .5fr);
  gap: 16px;
  display: grid;
}

.hotool-module__C2vuSa__resourceTabs {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.hotool-module__C2vuSa__resourceTab, .hotool-module__C2vuSa__resourceTabActive {
  color: #5e6980;
  text-align: center;
  border-bottom: 1px solid #e4e9f0;
  justify-content: center;
  align-items: center;
  gap: 9px;
  min-height: 64px;
  display: flex;
}

.hotool-module__C2vuSa__resourceTabActive {
  border: 1px solid var(--hotool-blue);
  color: var(--hotool-blue);
  border-bottom-color: #fff;
  border-radius: 11px 11px 0 0;
  font-weight: 750;
}

.hotool-module__C2vuSa__resourceTab strong, .hotool-module__C2vuSa__resourceTabActive strong {
  font-size: .8rem;
  display: block;
}

.hotool-module__C2vuSa__resourceTab small, .hotool-module__C2vuSa__resourceTabActive small {
  margin-top: 2px;
  font-size: .65rem;
  display: block;
}

.hotool-module__C2vuSa__resourceLists {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding: 12px;
  display: grid;
}

.hotool-module__C2vuSa__resourceBlock {
  border: 1px solid #e3e8f0;
  border-radius: 10px;
  overflow: hidden;
}

.hotool-module__C2vuSa__resourceBlockHeader {
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  display: flex;
}

.hotool-module__C2vuSa__resourceBlockHeader h3 {
  margin: 0;
  font-size: .78rem;
}

.hotool-module__C2vuSa__resourceBlockHeader > div {
  gap: 7px;
  display: flex;
}

.hotool-module__C2vuSa__smallActionDanger, .hotool-module__C2vuSa__smallActionBlue {
  color: #d83b43;
  background: #fff;
  border: 1px solid #ffc8ca;
  border-radius: 7px;
  align-items: center;
  gap: 5px;
  min-height: 32px;
  padding: 0 9px;
  font-size: .63rem;
  font-weight: 750;
  display: inline-flex;
}

.hotool-module__C2vuSa__smallActionBlue {
  color: var(--hotool-blue);
  border-color: #cbdcff;
}

.hotool-module__C2vuSa__resourceItem {
  border-top: 1px solid #edf0f5;
  grid-template-columns: 23px 1fr auto 18px;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 12px;
  display: grid;
}

.hotool-module__C2vuSa__resourceItem strong {
  font-size: .72rem;
}

.hotool-module__C2vuSa__resourceFooterLink {
  color: var(--hotool-blue);
  text-align: center;
  padding: 12px;
  font-size: .68rem;
  font-weight: 700;
  display: block;
}

.hotool-module__C2vuSa__resourceSidebar {
  align-content: start;
  gap: 14px;
  display: grid;
}

.hotool-module__C2vuSa__resourceUpdate {
  grid-template-columns: 36px 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 9px 0;
  display: grid;
}

.hotool-module__C2vuSa__resourceUpdate + .hotool-module__C2vuSa__resourceUpdate {
  border-top: 1px solid #edf0f5;
}

.hotool-module__C2vuSa__resourceUpdate strong {
  font-size: .72rem;
  display: block;
}

.hotool-module__C2vuSa__resourceUpdate small {
  color: var(--hotool-muted);
  margin-top: 3px;
  font-size: .64rem;
  display: block;
}

.hotool-module__C2vuSa__resourceUpdate time {
  color: #6d7890;
  text-align: right;
  font-size: .62rem;
}

.hotool-module__C2vuSa__spaPreview {
  margin-top: 14px;
}

.hotool-module__C2vuSa__spaPreviewGrid {
  grid-template-columns: .9fr 1.1fr;
  gap: 14px;
  display: grid;
}

.hotool-module__C2vuSa__previewChips {
  flex-wrap: wrap;
  gap: 7px;
  display: flex;
}

.hotool-module__C2vuSa__resourceChip {
  border: 1px solid #e0e6ef;
  border-radius: 8px;
  min-width: 64px;
  padding: 9px;
  font-size: .64rem;
}

.hotool-module__C2vuSa__resourceChip strong {
  font-size: .68rem;
  display: block;
}

.hotool-module__C2vuSa__resourceChip span {
  margin-top: 5px;
  display: block;
}

.hotool-module__C2vuSa__previewIndex {
  max-width: 900px;
  margin: 0 auto;
  padding: 70px 24px;
}

.hotool-module__C2vuSa__previewIndex h1 {
  letter-spacing: -.04em;
  font-size: 2.4rem;
}

.hotool-module__C2vuSa__previewIndex p {
  color: #667189;
  line-height: 1.6;
}

.hotool-module__C2vuSa__previewLinkGrid {
  gap: 12px;
  margin-top: 26px;
  display: grid;
}

.hotool-module__C2vuSa__previewLink {
  background: #fff;
  border: 1px solid #e0e6ef;
  border-radius: 12px;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 18px;
  display: grid;
}

.hotool-module__C2vuSa__previewLink:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #fff;
  box-shadow: 0 0 0 5px #082348;
}

.hotool-module__C2vuSa__previewLink strong {
  display: block;
}

.hotool-module__C2vuSa__previewLink small {
  color: #6b768d;
  margin-top: 4px;
  display: block;
}

.hotool-module__C2vuSa__mobileNavigation {
  display: none;
  position: relative;
}

.hotool-module__C2vuSa__mobileNavigation summary {
  color: #263249;
  cursor: pointer;
  border: 1px solid #dce3ee;
  border-radius: 9px;
  align-items: center;
  gap: 7px;
  min-height: 40px;
  padding: 0 11px;
  font-size: .8125rem;
  font-weight: 750;
  list-style: none;
  display: flex;
}

.hotool-module__C2vuSa__mobileNavigation summary::-webkit-details-marker {
  display: none;
}

.hotool-module__C2vuSa__mobileNavigation nav {
  z-index: 80;
  background: #fff;
  border: 1px solid #dce3ee;
  border-radius: 11px;
  min-width: 240px;
  padding: 7px;
  display: grid;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  box-shadow: 0 18px 40px -22px #192e528c;
}

.hotool-module__C2vuSa__mobileNavigationLink, .hotool-module__C2vuSa__mobileNavigationLinkActive {
  color: #46526a;
  border-radius: 8px;
  grid-template-columns: 22px 1fr auto;
  align-items: center;
  gap: 9px;
  min-height: 44px;
  padding: 0 10px;
  font-size: .8125rem;
  display: grid;
}

.hotool-module__C2vuSa__mobileNavigationLinkActive {
  color: var(--hotool-blue);
  background: #edf3ff;
  font-weight: 800;
}

@media (max-width: 1120px) {
  .hotool-module__C2vuSa__marketingHero {
    grid-template-columns: 1fr;
  }

  .hotool-module__C2vuSa__productPreview {
    width: 100%;
    max-width: 820px;
    margin: 0 auto;
  }

  .hotool-module__C2vuSa__featureGrid, .hotool-module__C2vuSa__benefitGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hotool-module__C2vuSa__howItWorks {
    grid-template-columns: 1fr;
  }

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

  .hotool-module__C2vuSa__trustRow h2 {
    grid-column: 1 / -1;
  }

  .hotool-module__C2vuSa__demoHero {
    grid-template-columns: 1fr;
  }

  .hotool-module__C2vuSa__demoAccessCard {
    min-height: 430px;
  }

  .hotool-module__C2vuSa__demoLower {
    grid-template-columns: 1fr;
  }

  .hotool-module__C2vuSa__appShell {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  .hotool-module__C2vuSa__controlGrid {
    grid-template-columns: 1fr;
  }

  .hotool-module__C2vuSa__onboardingCards, .hotool-module__C2vuSa__statGrid, .hotool-module__C2vuSa__configSummary, .hotool-module__C2vuSa__resourceSummary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hotool-module__C2vuSa__configGrid {
    grid-template-columns: 1fr 1.2fr;
  }

  .hotool-module__C2vuSa__configGrid > :last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 820px) {
  .hotool-module__C2vuSa__marketingNavLinks a:not(:last-child), .hotool-module__C2vuSa__demoNavLinks {
    display: none;
  }

  .hotool-module__C2vuSa__marketingHero {
    padding-top: 42px;
  }

  .hotool-module__C2vuSa__heroCopy h1 {
    font-size: 3rem;
  }

  .hotool-module__C2vuSa__productPreview {
    grid-template-columns: 1fr;
  }

  .hotool-module__C2vuSa__previewSidebar {
    display: none;
  }

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

  .hotool-module__C2vuSa__featureGrid, .hotool-module__C2vuSa__benefitGrid, .hotool-module__C2vuSa__demoFeatureGrid, .hotool-module__C2vuSa__demoAssurance {
    grid-template-columns: 1fr 1fr;
  }

  .hotool-module__C2vuSa__finalCta, .hotool-module__C2vuSa__demoGuidedCta {
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
  }

  .hotool-module__C2vuSa__demoSteps {
    grid-template-columns: 1fr;
  }

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

  .hotool-module__C2vuSa__demoAppColumns {
    grid-template-columns: 1fr;
  }

  .hotool-module__C2vuSa__assuranceItem {
    border-top: 1px solid #e8edf4;
    border-left: 0;
  }

  .hotool-module__C2vuSa__assuranceItem:nth-child(-n+2) {
    border-top: 0;
  }

  .hotool-module__C2vuSa__appShell {
    grid-template-columns: 1fr;
  }

  .hotool-module__C2vuSa__sidebar {
    display: none;
  }

  .hotool-module__C2vuSa__mobileNavigation {
    display: block;
  }

  .hotool-module__C2vuSa__mobileNavigation summary, .hotool-module__C2vuSa__iconButton, .hotool-module__C2vuSa__infoBanner button {
    min-width: 44px;
    min-height: 44px;
  }

  .hotool-module__C2vuSa__smallActionDanger, .hotool-module__C2vuSa__smallActionBlue {
    min-height: 44px;
  }

  .hotool-module__C2vuSa__faqItem summary {
    align-items: center;
    min-height: 44px;
    display: flex;
  }

  .hotool-module__C2vuSa__statGrid, .hotool-module__C2vuSa__configSummary, .hotool-module__C2vuSa__resourceSummary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hotool-module__C2vuSa__controlGrid, .hotool-module__C2vuSa__onboardingLower, .hotool-module__C2vuSa__configBottom, .hotool-module__C2vuSa__resourceLayout {
    grid-template-columns: 1fr;
  }

  .hotool-module__C2vuSa__clientTableHeader {
    display: none;
  }

  .hotool-module__C2vuSa__clientRow {
    grid-template-columns: 1fr auto;
    padding: 14px 4px;
  }

  .hotool-module__C2vuSa__clientRow > :nth-child(n+3):not(:last-child) {
    display: none;
  }

  .hotool-module__C2vuSa__stepper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 12px;
  }

  .hotool-module__C2vuSa__stepperItem:after {
    display: none;
  }

  .hotool-module__C2vuSa__onboardingCards, .hotool-module__C2vuSa__capacityStrip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hotool-module__C2vuSa__configGrid {
    grid-template-columns: 1fr;
  }

  .hotool-module__C2vuSa__configGrid > :last-child {
    grid-column: auto;
  }

  .hotool-module__C2vuSa__resourceLists {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .hotool-module__C2vuSa__marketingNav, .hotool-module__C2vuSa__demoNav, .hotool-module__C2vuSa__marketingHero, .hotool-module__C2vuSa__marketingSection, .hotool-module__C2vuSa__marketingFeatureSection, .hotool-module__C2vuSa__trustSection {
    padding-inline: 18px;
  }

  .hotool-module__C2vuSa__heroChecks, .hotool-module__C2vuSa__featureGrid, .hotool-module__C2vuSa__benefitGrid, .hotool-module__C2vuSa__demoFeatureGrid, .hotool-module__C2vuSa__demoAssurance, .hotool-module__C2vuSa__statGrid, .hotool-module__C2vuSa__configSummary, .hotool-module__C2vuSa__resourceSummary, .hotool-module__C2vuSa__onboardingCards, .hotool-module__C2vuSa__capacityStrip, .hotool-module__C2vuSa__protectedGrid, .hotool-module__C2vuSa__spaPreviewGrid {
    grid-template-columns: 1fr;
  }

  .hotool-module__C2vuSa__productPreview {
    grid-template-columns: 1fr;
    transform: none;
  }

  .hotool-module__C2vuSa__previewSidebar {
    display: none;
  }

  .hotool-module__C2vuSa__previewColumns {
    grid-template-columns: 1fr;
  }

  .hotool-module__C2vuSa__trustRow {
    grid-template-columns: 1fr 1fr;
  }

  .hotool-module__C2vuSa__finalCta {
    margin-inline: 18px;
  }

  .hotool-module__C2vuSa__demoContent {
    padding-inline: 18px;
  }

  .hotool-module__C2vuSa__demoHero h1 {
    font-size: 2.5rem;
  }

  .hotool-module__C2vuSa__demoFormCard, .hotool-module__C2vuSa__demoAccessCard {
    padding: 24px 18px;
  }

  .hotool-module__C2vuSa__demoAppHeader {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .hotool-module__C2vuSa__demoAppStats {
    grid-template-columns: 1fr;
  }

  .hotool-module__C2vuSa__appContent {
    padding-inline: 16px;
  }

  .hotool-module__C2vuSa__appSearch {
    width: 100%;
    margin-right: 10px;
  }

  .hotool-module__C2vuSa__appTopbar {
    padding-inline: 15px;
  }

  .hotool-module__C2vuSa__mobileNavigation summary span {
    display: none;
  }

  .hotool-module__C2vuSa__demoContent small, .hotool-module__C2vuSa__appContent small, .hotool-module__C2vuSa__mailtoNotice, .hotool-module__C2vuSa__infoBanner, .hotool-module__C2vuSa__pageHeader p, .hotool-module__C2vuSa__prototypeBanner, .hotool-module__C2vuSa__previewBody > p, .hotool-module__C2vuSa__previewStat span, .hotool-module__C2vuSa__previewPanel h3, .hotool-module__C2vuSa__previewRow, .hotool-module__C2vuSa__stepCard p, .hotool-module__C2vuSa__demoStep strong, .hotool-module__C2vuSa__demoCredentialRow span, .hotool-module__C2vuSa__assuranceItem small, .hotool-module__C2vuSa__stepperItem, .hotool-module__C2vuSa__moduleRow, .hotool-module__C2vuSa__faqItem p, .hotool-module__C2vuSa__panelHeader a, .hotool-module__C2vuSa__summaryLink, .hotool-module__C2vuSa__taskRow strong, .hotool-module__C2vuSa__taskStatus, .hotool-module__C2vuSa__timelineItem strong, .hotool-module__C2vuSa__dataRow, .hotool-module__C2vuSa__dataRow strong, .hotool-module__C2vuSa__licenseFacts label, .hotool-module__C2vuSa__capacityCard span, .hotool-module__C2vuSa__capacityTotal, .hotool-module__C2vuSa__protectedCard span, .hotool-module__C2vuSa__historyRow, .hotool-module__C2vuSa__resourceTab strong, .hotool-module__C2vuSa__resourceTabActive strong, .hotool-module__C2vuSa__resourceBlockHeader h3, .hotool-module__C2vuSa__smallActionDanger, .hotool-module__C2vuSa__smallActionBlue, .hotool-module__C2vuSa__resourceItem strong, .hotool-module__C2vuSa__resourceFooterLink, .hotool-module__C2vuSa__resourceUpdate strong, .hotool-module__C2vuSa__resourceUpdate time, .hotool-module__C2vuSa__resourceChip, .hotool-module__C2vuSa__resourceChip strong {
    font-size: .8125rem;
  }

  .hotool-module__C2vuSa__previewBody > .hotool-module__C2vuSa__previewDisclaimer, .hotool-module__C2vuSa__notificationBadge, .hotool-module__C2vuSa__navBadge, .hotool-module__C2vuSa__pill {
    font-size: .75rem;
  }

  .hotool-module__C2vuSa__topbarActions .hotool-module__C2vuSa__iconButton:nth-child(2) {
    display: none;
  }

  .hotool-module__C2vuSa__pageHeader {
    flex-direction: column;
  }

  .hotool-module__C2vuSa__pageActions {
    width: 100%;
  }

  .hotool-module__C2vuSa__pageActions a {
    flex: 1;
  }

  .hotool-module__C2vuSa__stepper {
    grid-template-columns: 1fr 1fr;
  }

  .hotool-module__C2vuSa__moduleLicenseGrid, .hotool-module__C2vuSa__capacityGrid, .hotool-module__C2vuSa__resourceTabs {
    grid-template-columns: 1fr;
  }

  .hotool-module__C2vuSa__resourceBlockHeader {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .hotool-module__C2vuSa__resourceBlockHeader > div {
    flex-wrap: wrap;
    width: 100%;
  }

  .hotool-module__C2vuSa__licenseFacts {
    border-top: 1px solid #e7ebf2;
    border-left: 0;
    padding-top: 14px;
    padding-left: 0;
  }

  .hotool-module__C2vuSa__configActions {
    flex-direction: column;
    align-items: flex-start;
  }

  .hotool-module__C2vuSa__configActions > div {
    width: 100%;
  }

  .hotool-module__C2vuSa__configActions a {
    flex: 1;
  }
}

/*# sourceMappingURL=apps_web_src_components_hotool_hotool_module_02gr0qy.css.map*/