.dmxr-app-runtime{
  --dmxr-bg:#f5f7fb;
  --dmxr-surface:#ffffff;
  --dmxr-surface-2:#fbfcfe;
  --dmxr-surface-3:#eef3f8;
  --dmxr-ink:#0f172a;
  --dmxr-muted:#64748b;
  --dmxr-border:rgba(15,23,42,.10);
  --dmxr-border-strong:rgba(15,23,42,.16);
  --dmxr-accent:#ff2d55;
  --dmxr-on-accent:#ffffff;
  --dmxr-radius:24px;
  --dmxr-radius-sm:18px;
  --dmxr-shadow:0 18px 48px rgba(15,23,42,.08);
  --dmxr-shadow-soft:0 12px 30px rgba(15,23,42,.06);
  --dmxr-gap-section:20px;
  --dmxr-layout-max:1520px;
  --dmxr-layout-pad:clamp(16px,2vw,28px);
  background:var(--dmxr-bg);
  min-height:100vh;
  padding:0;
  color:var(--dmxr-ink);
}
.dmxr-app-runtime--light{--dmxr-bg:#f5f7fb;--dmxr-surface:#ffffff;--dmxr-surface-2:#fbfcfe;--dmxr-surface-3:#eef3f8;--dmxr-ink:#0f172a;--dmxr-muted:#64748b;--dmxr-border:rgba(15,23,42,.10);--dmxr-border-strong:rgba(15,23,42,.16);--dmxr-shadow:0 18px 48px rgba(15,23,42,.08);--dmxr-shadow-soft:0 12px 30px rgba(15,23,42,.06)}
.dmxr-app-runtime--dark{--dmxr-bg:#081321;--dmxr-surface:#0f1b2e;--dmxr-surface-2:#132237;--dmxr-surface-3:#102034;--dmxr-ink:#e8eef8;--dmxr-muted:#b5c0d4;--dmxr-border:rgba(226,232,240,.12);--dmxr-border-strong:rgba(226,232,240,.18);--dmxr-shadow:0 24px 56px rgba(0,0,0,.34);--dmxr-shadow-soft:0 14px 32px rgba(0,0,0,.26)}
.dmxr-app-runtime .dmxr4-factory-app-shell,
.dmxr-app-runtime .dmxr4-factory-app-shell *{font-family:inherit}
.dmxr-app-runtime .dmxr4-factory-app-shell{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  background:transparent!important;
  color:var(--dmxr-ink)!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  --v4-bg:var(--dmxr-bg);
  --v4-soft:var(--dmxr-surface-3);
  --v4-card:var(--dmxr-surface);
  --v4-border:var(--dmxr-border);
  --v4-ink:var(--dmxr-ink);
  --v4-muted:var(--dmxr-muted);
  --v4-brand:var(--dmxr-accent);
  --v4-on-brand:var(--dmxr-on-accent);
  --v4-info:#4f46e5;
  --v4-shadow-sm:var(--dmxr-shadow-soft);
  --v4-shadow:var(--dmxr-shadow);
}
.dmxr-app-runtime .dmxr4-factory-app-body{margin-top:0}
.dmxr-app-runtime .dmxr4-factory-app-cols{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,360px);
  gap:var(--dmxr-gap-section);
  align-items:start;
  width:100%;
  max-width:var(--dmxr-layout-max);
  margin:0 auto;
  padding:var(--dmxr-layout-pad);
  box-sizing:border-box;
}
.dmxr-app-runtime .dmxr4-factory-app-cols.is-one{grid-template-columns:minmax(0,1fr)}
.dmxr-app-runtime .dmxr4-factory-app-main,
.dmxr-app-runtime .dmxr4-factory-app-sidebar{
  display:grid;
  gap:var(--dmxr-gap-section);
  align-content:start;
  min-width:0;
}
.dmxr-app-runtime .dmxr4-factory-app-sidebar{
  width:100%;
  max-width:360px;
  justify-self:end;
}
.dmxr-app-runtime .dmxr4-factory-module{margin:0;min-width:0}
.dmxr-app-runtime .dmxr4-factory-module-card{
  position:relative;
  overflow:hidden;
  background:var(--dmxr-surface)!important;
  border:1px solid var(--dmxr-border)!important;
  box-shadow:var(--dmxr-shadow)!important;
  border-radius:var(--dmxr-radius)!important;
  padding:24px !important;
  color:var(--dmxr-ink)!important;
}
.dmxr-app-runtime .dmxr4-factory-app-sidebar > .dmxr4-factory-module-card{
  border-radius:22px!important;
  padding:20px!important;
  box-shadow:var(--dmxr-shadow-soft)!important;
  background:var(--dmxr-surface-2)!important;
}

.dmxr-app-runtime .dmxr4-factory-app-shell.surface-public .dmxr4-factory-module-card,
.dmxr-app-runtime .dmxr4-factory-app-shell[data-dmxr4-surface="installed_public"] .dmxr4-factory-module-card,
.dmxr-app-runtime .dmxr4-factory-app-shell[data-dmxr4-surface="public_demo"] .dmxr4-factory-module-card,
.dmxr-app-runtime .dmxr4-factory-app-shell[data-dmxr4-surface="demo"] .dmxr4-factory-module-card{
  overflow:visible;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
}
.dmxr-app-runtime .dmxr4-factory-app-shell.surface-public .dmxr4-factory-module-card::before,
.dmxr-app-runtime .dmxr4-factory-app-shell[data-dmxr4-surface="installed_public"] .dmxr4-factory-module-card::before,
.dmxr-app-runtime .dmxr4-factory-app-shell[data-dmxr4-surface="public_demo"] .dmxr4-factory-module-card::before,
.dmxr-app-runtime .dmxr4-factory-app-shell[data-dmxr4-surface="demo"] .dmxr4-factory-module-card::before{
  content:none!important;
  display:none!important;
}
.dmxr-app-runtime .dmxr4-factory-app-shell.surface-public .dmxr4-factory-app-sidebar > .dmxr4-factory-module-card,
.dmxr-app-runtime .dmxr4-factory-app-shell[data-dmxr4-surface="installed_public"] .dmxr4-factory-app-sidebar > .dmxr4-factory-module-card,
.dmxr-app-runtime .dmxr4-factory-app-shell[data-dmxr4-surface="public_demo"] .dmxr4-factory-app-sidebar > .dmxr4-factory-module-card,
.dmxr-app-runtime .dmxr4-factory-app-shell[data-dmxr4-surface="demo"] .dmxr4-factory-app-sidebar > .dmxr4-factory-module-card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
}
.dmxr-app-runtime .dmxr4-factory-module-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:56px;
  background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,0));
  pointer-events:none;
}
.dmxr-app-runtime--dark .dmxr4-factory-module-card::before{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0))}
.dmxr-app-runtime .dmxr4-factory-module-title{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 14px;
  padding:7px 11px;
  border-radius:999px;
  border:1px solid var(--dmxr-border);
  background:color-mix(in srgb,var(--dmxr-surface) 84%, white 16%);
  color:var(--dmxr-muted);
  font-size:.72rem;
  line-height:1;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:900;
}
.dmxr-app-runtime--dark .dmxr4-factory-module-title,
.dmxr-app-runtime--dark .hb-badge,
.dmxr-app-runtime--dark .v4-chip,
.dmxr-app-runtime--dark .dmxr4-contact-form__preset-badge{
  border-color:rgba(226,232,240,.14)!important;
  background:rgba(255,255,255,.04)!important;
  color:var(--dmxr-ink)!important;
}
.dmxr-app-runtime .dmxr4-factory-module-card > :where(.v4-card,.dmxr4-chat,.dmxr4-chat-card,.dmxr4-contact-form__inner,.dmxr4-steps,.dmxr4-testimonials,.dmxr4-feature-cards,.dmxr4-faq-list,.dmxr4-demo-block,.dmxr4-lead-form.dmxr4,.dmxr4-chat__card){
  position:relative;
  z-index:1;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  color:var(--dmxr-ink)!important;
}
.dmxr-app-runtime .dmxr4-factory-module-card > .dmxr4-steps > .v4-card__bd,
.dmxr-app-runtime .dmxr4-factory-module-card > .dmxr4-testimonials > .v4-card__bd,
.dmxr-app-runtime .dmxr4-factory-module-card > .dmxr4-feature-cards > .v4-card__bd,
.dmxr-app-runtime .dmxr4-factory-module-card > .dmxr4-contact-form__inner > .v4-card__bd,
.dmxr-app-runtime .dmxr4-factory-module-card > .dmxr4-faq-list > .v4-card__bd{padding:0!important}
.dmxr-app-runtime .dmxr4-demo-card,
.dmxr-app-runtime .v4-card,
.dmxr-app-runtime .hb-visual,
.dmxr-app-runtime .hb-mini,
.dmxr-app-runtime .hb-bubble,
.dmxr-app-runtime .hb-prompt,
.dmxr-app-runtime .hb-snapshot,
.dmxr-app-runtime .hb-snapshotRow,
.dmxr-app-runtime .dmxr4-chat__card,
.dmxr-app-runtime .dmxr4-demo-price-card,
.dmxr-app-runtime .dmxr4-demo-quote,
.dmxr-app-runtime .dmxr4-demo-rec,
.dmxr-app-runtime .dmxr4-demo-kv > div,
.dmxr-app-runtime .dmxr4-demo-logos-grid span{
  background:color-mix(in srgb,var(--dmxr-surface-2) 88%, var(--dmxr-surface) 12%)!important;
  border:1px solid var(--dmxr-border)!important;
  box-shadow:none!important;
  border-radius:var(--dmxr-radius-sm)!important;
  color:var(--dmxr-ink)!important;
}
.dmxr-app-runtime h1,
.dmxr-app-runtime h2,
.dmxr-app-runtime h3,
.dmxr-app-runtime h4,
.dmxr-app-runtime strong,
.dmxr-app-runtime label,
.dmxr-app-runtime .hb-title,
.dmxr-app-runtime .dmxr4-demo-block-h,
.dmxr-app-runtime .dmxr4-fc__title,
.dmxr-app-runtime .dmxr4-fc-ttl,
.dmxr-app-runtime .hb-snapshotK,
.dmxr-app-runtime .hb-snapshotV,
.dmxr-app-runtime .dmxr4-contact-form__title,
.dmxr-app-runtime .dmxr4-t-h,
.dmxr-app-runtime .dmxr4-step__title{color:var(--dmxr-ink)!important}
.dmxr-app-runtime .hb-title{font-size:clamp(2.2rem,4vw,4rem);line-height:1.02;letter-spacing:-.04em}
.dmxr-app-runtime .dmxr4-demo-block-h,
.dmxr-app-runtime .dmxr4-t-h,
.dmxr-app-runtime .dmxr4-contact-form__title,
.dmxr-app-runtime .dmxr4-steps__title{font-size:1.4rem;line-height:1.1;letter-spacing:-.03em}
.dmxr-app-runtime p,
.dmxr-app-runtime li,
.dmxr-app-runtime small,
.dmxr-app-runtime .dmxr4-demo-sub,
.dmxr-app-runtime .dmxr4-fc__sub,
.dmxr-app-runtime .dmxr4-fc-txt,
.dmxr-app-runtime .dmxr4-contact-form__desc,
.dmxr-app-runtime .dmxr4-form__status,
.dmxr-app-runtime .hb-sub,
.dmxr-app-runtime .hb-miniK,
.dmxr-app-runtime .dmxr4-t-role,
.dmxr-app-runtime .dmxr4-step__text{color:var(--dmxr-muted)!important}
.dmxr-app-runtime .hb-sub{max-width:56ch;font-size:1.05rem;line-height:1.65}
.dmxr-app-runtime .hb-pills,
.dmxr-app-runtime .hb-ctas,
.dmxr-app-runtime .dmxr4-actions,
.dmxr-app-runtime .dmxr-action-rail,
.dmxr-app-runtime .dmxr4-chat__chips,
.dmxr-app-runtime .dmxr4-demo-chat-actions,
.dmxr-app-runtime .dmxr4-demo-social-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.dmxr-app-runtime input,
.dmxr-app-runtime textarea,
.dmxr-app-runtime select,
.dmxr-app-runtime .v4-input,
.dmxr-app-runtime .v4-select,
.dmxr-app-runtime .v4-textarea{
  background:var(--dmxr-surface)!important;
  border:1px solid var(--dmxr-border)!important;
  border-radius:16px!important;
  box-shadow:none!important;
  color:var(--dmxr-ink)!important;
}
.dmxr-app-runtime textarea{min-height:150px}
.dmxr-app-runtime input::placeholder,
.dmxr-app-runtime textarea::placeholder{color:#94a3b8!important}
.dmxr-app-runtime input:focus,
.dmxr-app-runtime textarea:focus,
.dmxr-app-runtime select:focus,
.dmxr-app-runtime .v4-input:focus,
.dmxr-app-runtime .v4-select:focus,
.dmxr-app-runtime .v4-textarea:focus{outline:0;border-color:color-mix(in srgb,var(--dmxr-accent) 52%, white 48%)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--dmxr-accent) 12%, transparent)!important}
.dmxr-app-runtime .hb-cta,
.dmxr-app-runtime .v4-btn,
.dmxr-app-runtime .dmxr4-btn,
.dmxr-app-runtime .dmxr4-app-module__button,
.dmxr-app-runtime .dmxr4-app-module__offer-cta,
.dmxr-app-runtime button[type="submit"]{
  min-height:46px;
  border-radius:14px!important;
  font-weight:800;
}
.dmxr-app-runtime .v4-btn--ghost,
.dmxr-app-runtime .dmxr4-btn--ghost{background:transparent!important}
.dmxr-app-runtime .dmxr4-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.dmxr-app-runtime .dmxr4-col-12{grid-column:1/-1}
.dmxr-app-runtime .hb-proofList,
.dmxr-app-runtime .hb-snapshotList,
.dmxr-app-runtime .dmxr4-faq__list{display:grid;gap:12px}
.dmxr-app-runtime .dmxr4-empty,
.dmxr-app-runtime [data-dmxr4-empty="1"]{display:none!important}
.dmxr-app-runtime .dmxr4-feature-cards .dmxr4-fc-grid,
.dmxr-app-runtime .dmxr4-testimonials .dmxr4-t-grid{gap:16px}
.dmxr-app-runtime .dmxr4-feature-cards .dmxr4-fc-card .v4-card__bd,
.dmxr-app-runtime .dmxr4-testimonials .dmxr4-t-card .v4-card__bd,
.dmxr-app-runtime .dmxr4-steps .v4-card__bd,
.dmxr-app-runtime .dmxr4-mod-status .v4-card__bd,
.dmxr-app-runtime .dmxr4-faq-list .v4-card__bd{padding:20px}
.dmxr-app-runtime .dmxr4-demo-note{
  margin-top:14px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid var(--dmxr-border);
  background:color-mix(in srgb,var(--dmxr-surface-3) 88%, white 12%);
  color:var(--dmxr-muted);
  font-size:.88rem;
  line-height:1.5;
}
.dmxr-app-runtime--dark .dmxr4-demo-note{background:color-mix(in srgb,var(--dmxr-surface-2) 90%, #fff 10%)!important;color:var(--dmxr-muted)!important}
@media (max-width: 1180px){
  .dmxr-app-runtime .dmxr4-factory-app-cols{grid-template-columns:minmax(0,1fr)}
  .dmxr-app-runtime .dmxr4-factory-app-sidebar{max-width:none;justify-self:stretch}
}
@media (max-width: 768px){
  .dmxr-app-runtime{padding:0}
  .dmxr-app-runtime .dmxr4-factory-app-cols{padding:14px;gap:16px}
  .dmxr-app-runtime .dmxr4-factory-module-card{padding:18px!important;border-radius:20px!important}
  .dmxr-app-runtime .dmxr4-factory-app-sidebar > .dmxr4-factory-module-card{padding:18px!important;border-radius:20px!important}
  .dmxr-app-runtime .dmxr4-grid{grid-template-columns:minmax(0,1fr)}
}
