:root { --ex-ease: cubic-bezier(.22,1,.36,1); --ex-brand: #4F46E5; --ex-brand-dark: #4338CA; --ex-brand-soft: #EEF2FF; --ex-brand-line: #C7D2FE; }

::selection { background: var(--ex-brand); color: rgb(255, 255, 255); }
html { scroll-behavior: smooth; scroll-padding-top: 84px; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; }
.public-page main, .commercial-auth main { animation: exFade .5s var(--ex-ease) both; }
@keyframes exFade {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes exRise {
  0% { opacity: 0; translate: 0px 16px; }
  100% { opacity: 1; translate: 0px; }
}
@keyframes exSpin {
  100% { rotate: 360deg; }
}
@keyframes exPop {
  0% { scale: 0.4; opacity: 0; }
  100% { scale: 1; opacity: 1; }
}
@keyframes exRing {
  0% { scale: 1; opacity: 0.5; }
  80%, 100% { scale: 2.6; opacity: 0; }
}
@keyframes exBob {
  0%, 100% { translate: 0px; }
  50% { translate: 0px -7px; }
}
@keyframes exShake {
  0%, 100% { translate: 0px; }
  20% { translate: -6px; }
  40% { translate: 5px; }
  60% { translate: -3px; }
  80% { translate: 2px; }
}
.ex-progress { position: fixed; top: 0px; left: 0px; right: 0px; height: 2px; z-index: 120; transform: scaleX(0); transform-origin: 0px 50%; background: var(--ex-brand); pointer-events: none; }
html:root body.public-page .pub-nav { background: rgba(255, 255, 255, 0.88); backdrop-filter: saturate(1.4) blur(14px); transition: height .3s var(--ex-ease),border-color .3s; }
html:root body.public-page .pub-nav.is-scrolled { height: 64px; border-bottom-color: rgb(208, 213, 221); }
.public-page .pub-brand__mark { transition: rotate .5s var(--ex-ease),scale .4s var(--ex-ease); }
.public-page .pub-brand:hover .pub-brand__mark { rotate: -8deg; scale: 1.06; }
.public-page .pub-nav nav a { padding: 9px 13px; border-radius: 8px; transition: background-color 0.2s, color 0.2s; }
.public-page .pub-nav nav a::after { display: none; }
.public-page .pub-nav nav a:hover { background: rgb(242, 244, 247); color: rgb(16, 24, 40); }
.public-page .pub-nav nav a.is-active { background: var(--ex-brand-soft); color: var(--ex-brand-dark); }
.public-page .pub-link { transition: color 0.2s; }
.public-page .pub-link:hover { color: var(--ex-brand); }
.public-page .pub-nav__toggle { width: 44px; height: 44px; position: relative; border-radius: 10px; }
.public-page .pub-nav__toggle span { position: absolute; left: 11px; margin: 0px; transition: transform .3s var(--ex-ease),opacity .2s; }
.public-page .pub-nav__toggle span:nth-child(1) { top: 15px; }
.public-page .pub-nav__toggle span:nth-child(2) { top: 21px; }
.public-page .pub-nav__toggle span:nth-child(3) { top: 27px; }
.public-page .pub-nav.is-open .pub-nav__toggle span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.public-page .pub-nav.is-open .pub-nav__toggle span:nth-child(2) { opacity: 0; }
.public-page .pub-nav.is-open .pub-nav__toggle span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
html:root body :is(.pub-btn, .btn) { position: relative; transition: transform .25s var(--ex-ease),background-color .2s,border-color .2s,color .2s; }
html:root body :is(.pub-btn, .btn):hover { transform: translateY(-1px); }
html:root body :is(.pub-btn, .btn):active { transform: translateY(0px) scale(0.98); }
html:root body .pub-btn:not(.pub-btn--secondary):hover { background: var(--ex-brand-dark); border-color: var(--ex-brand-dark); }
html:root body .pub-btn--secondary:hover { background: rgb(255, 255, 255); border-color: var(--ex-brand); color: var(--ex-brand); }
.pub-btn > span { display: inline-block; transition: transform .3s var(--ex-ease); }
.pub-btn:hover > span { transform: translate(2px, -2px); }
.pub-btn[disabled], .pub-btn[aria-disabled="true"] { opacity: 0.55; cursor: not-allowed; transform: none !important; }
.pub-btn.is-loading { pointer-events: none; display: inline-flex; align-items: center; justify-content: center; gap: 9px; }
.pub-btn.is-loading[disabled] { opacity: 1; }
.pub-btn.is-loading::before { content: ""; width: 15px; height: 15px; border-radius: 50%; border-width: 2px; border-style: solid; border-color: rgb(255, 255, 255) rgba(255, 255, 255, 0.45) rgba(255, 255, 255, 0.45); border-image: none; animation: 0.7s linear 0s infinite normal none running exSpin; }
.public-page .pub-text-link { transition: gap .25s var(--ex-ease),color .2s; }
.public-page .pub-text-link:hover { gap: 15px; color: var(--ex-brand); }
.public-page .pub-inline-cta { transition: border-color .25s,background-color .25s,translate .3s var(--ex-ease); }
.public-page .pub-inline-cta:hover { background: rgb(255, 255, 255); border-color: var(--ex-brand); translate: 0px -2px; }
.public-page .pub-inline-cta b { transition: translate .3s var(--ex-ease); }
.public-page .pub-inline-cta:hover b { translate: 5px; }
.public-page .pub-hero { grid-template-columns: minmax(0px, 0.88fr) minmax(0px, 1.12fr); gap: 56px; padding: 72px 24px 56px; }
html:root body .pub-hero h1 { font-size: clamp(36px, 4.1vw, 56px); line-height: 1.08; letter-spacing: -0.03em; margin: 22px 0px 24px; }
html:root body .pub-hero h1 em { font-weight: 600 !important; color: var(--ex-brand); }
.pub-hero__copy > p { font-size: 18px; line-height: 1.65; max-width: 540px; }
.public-page .pub-hero .pub-kicker { display: inline-flex; align-items: center; gap: 9px; padding: 7px 13px; background: rgb(255, 255, 255); border: 1px solid rgb(228, 231, 236); border-radius: 999px; font-size: 12px; }
.public-page .pub-kicker > i { position: relative; }
.public-page .pub-kicker > i::after { content: ""; position: absolute; inset: 0px; border-radius: 50%; background: rgb(20, 117, 84); animation: 2.6s ease-out 0s infinite normal none running exRing; }
.public-page .pub-hero__copy > * { animation: exRise .8s var(--ex-ease) both; }
.public-page .pub-hero__copy > :nth-child(1) { animation-delay: 0.05s; }
.public-page .pub-hero__copy > :nth-child(2) { animation-delay: 0.12s; }
.public-page .pub-hero__copy > :nth-child(3) { animation-delay: 0.2s; }
.public-page .pub-hero__copy > :nth-child(4) { animation-delay: 0.28s; }
.public-page .pub-hero__copy > :nth-child(5) { animation-delay: 0.36s; }
.public-page .pub-proofline span::before { transition: scale .3s var(--ex-ease); }
.public-page .pub-proofline span:hover::before { scale: 1.2; }
.public-page .operation-map { align-self: center; animation: exRise .9s var(--ex-ease) .15s both; transition: border-color 0.3s; }
.public-page .operation-map:hover { border-color: rgb(199, 210, 254); }
.public-page .operation-map__canvas { min-height: 0px; align-content: start; }
html:root body .operation-map .flow-card { animation-duration: 9.6s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: exCard; animation-timeline: auto; animation-range: normal; animation-delay: calc(var(--n,0)*1.2s + 1s); transition: translate .3s var(--ex-ease); }
html:root body .operation-map .flow-card:hover { translate: 0px -3px; animation-play-state: paused; }
.operation-map .flow-card:nth-of-type(2) { --n: 1; }
.operation-map .flow-card:nth-of-type(3) { --n: 2; }
.operation-map .flow-card:nth-of-type(4) { --n: 3; }
.operation-map .flow-card:nth-of-type(5) { --n: 4; }
.operation-map .flow-card:nth-of-type(6) { --n: 5; }
@keyframes exCard {
  0%, 15%, 100% { border-color: rgb(228, 231, 236); background-color: rgb(255, 255, 255); }
  4%, 11% { border-color: var(--ex-brand-line); background-color: rgb(245, 246, 255); }
}
html:root body .operation-map .flow-card--exception { animation-name: exCardWarn; }
@keyframes exCardWarn {
  0%, 15%, 100% { border-color: rgb(240, 198, 140); }
  4%, 11% { border-color: rgb(179, 93, 24); }
}
.operation-map .flow-card__icon { transition: scale .3s var(--ex-ease); }
.operation-map .flow-card:hover .flow-card__icon { scale: 1.1; }
.operation-map__bar > span > i { position: relative; }
.operation-map__bar > span > i::after { content: ""; position: absolute; inset: 0px; border-radius: 50%; background: rgb(50, 169, 122); animation: 2.6s ease-out 0s infinite normal none running exRing; }
.operation-map__foot > a { transition: translate .25s var(--ex-ease); }
.operation-map__foot > a:hover { translate: 3px; }
.ex-js .ex-reveal { opacity: 0; translate: 0px 18px; transition: opacity .7s var(--ex-ease) var(--d,0s),translate .7s var(--ex-ease) var(--d,0s),border-color .25s,background-color .25s; }
.ex-js .ex-reveal.ex-in { opacity: 1; translate: 0px; }
.signal-strip span { transition: color .25s,translate .25s var(--ex-ease); }
.signal-strip span:hover { color: var(--ex-brand); translate: 0px -2px; }
.work-story__track { position: relative; }
.work-story__track::before { content: ""; position: absolute; left: 0px; right: 0px; top: -1px; height: 2px; background-color: var(--ex-brand); transform: scaleX(0); transform-origin: left center; transition: transform 1.6s var(--ex-ease) .2s; }
.work-story__track.ex-in::before { transform: none; }
.work-story__track article { transition: background-color 0.3s; }
.work-story__track article:hover { background: rgb(255, 255, 255); }
.story-icon { transition: rotate .4s var(--ex-ease),background-color .3s,color .3s,border-color .3s,translate .4s var(--ex-ease); }
.work-story__track article:hover .story-icon { background: var(--ex-brand); color: rgb(255, 255, 255); border-color: var(--ex-brand); translate: 0px -3px; rotate: -6deg; }
.capability-card, .trust-principles article, .contact-paths article, .pro-addon-grid article, .pub-integration-cards article { transition: border-color .25s,translate .35s var(--ex-ease),background-color .25s; }
.capability-card:hover, .trust-principles article:hover, .contact-paths article:hover, .pro-addon-grid article:hover, .pub-integration-cards article:hover { border-color: var(--ex-brand-line); translate: 0px -3px; }
html:root body.public-page .day-timeline .is-exception { background: rgb(255, 247, 237); border: 1px solid rgb(240, 198, 140); }
html:root body.public-page .day-timeline .is-exception :is(strong, small) { color: rgb(16, 24, 40); }
html:root body.public-page .day-timeline .is-exception span { color: rgb(122, 67, 16); }
html:root body.public-page .day-timeline .is-exception > b { color: rgb(179, 93, 24); }
html:root body.public-page .day-section__result strong { color: var(--ex-brand); }
.day-timeline article { transition: translate .35s var(--ex-ease); }
.day-timeline article:hover { translate: 5px; }
.day-timeline > article > i:not(.is-green) { position: relative; }
.day-timeline > article > i:not(.is-green)::after { content: ""; position: absolute; inset: 0px; border-radius: 50%; background: rgb(179, 93, 24); animation: 2.4s ease-out 0s infinite normal none running exRing; }
.connected-orbit { position: relative; }
.orbit-node { animation: 6s ease-in-out 0s infinite normal none running exBob; transition: border-color 0.25s, color 0.25s; }
.orbit-node:hover { border-color: var(--ex-brand); color: var(--ex-brand); }
.orbit-node--two { animation-delay: -1s; }
.orbit-node--three { animation-delay: -2s; }
.orbit-node--four { animation-delay: -3s; }
.orbit-node--five { animation-delay: -4s; }
.orbit-node--six { animation-delay: -5s; }
.connection-list span { transition: padding .3s var(--ex-ease),border-color .3s; }
.connection-list span:hover { padding-left: 8px; border-top-color: var(--ex-brand); }
.control-band__rules article { transition: background-color .25s,padding .3s var(--ex-ease); }
.control-band__rules article:hover { background: rgb(255, 255, 255); padding-left: 10px; padding-right: 10px; border-radius: 8px; }
.import-visual { transition: translate .4s var(--ex-ease),border-color .3s; }
.import-visual:hover { translate: 0px -3px; border-color: var(--ex-brand-line); }
.import-ready > i { position: relative; }
.import-ready > i::after { content: ""; position: absolute; inset: 0px; border-radius: 50%; background: rgb(91, 208, 160); animation: 2.4s ease-out 0s infinite normal none running exRing; }
.scale-strip span { transition: translate .25s var(--ex-ease); }
.scale-strip span:hover { translate: 0px -3px; }
.pub-footer__links a { width: max-content; transition: color .2s,translate .25s var(--ex-ease); }
.pub-footer__links a:hover { translate: 4px; }
.loop-explainer article, .migration-path article { transition: background-color .3s,padding .35s var(--ex-ease); }
.loop-explainer article:hover, .migration-path article:hover { background: rgb(255, 255, 255); padding-left: 14px; padding-right: 14px; }
.story-chapters button { transition: background-color .25s,color .25s,translate .25s var(--ex-ease); }
.story-chapters button:hover { translate: 3px; }
.story-progress i { transition: width .6s var(--ex-ease); }
.product-capture { transition: translate .5s var(--ex-ease); }
.product-capture:hover { translate: 0px -3px; }
.plan-comparison .plan-card { transition: border-color .3s,translate .4s var(--ex-ease); }
.plan-comparison .plan-card:hover { translate: 0px -4px; border-color: var(--ex-brand-line); }
.plan-comparison .plan-card.is-recommended:hover { border-color: var(--ex-brand); }
.pricing-intro nav a { transition: background-color 0.25s, color 0.25s; }
.plan-popular { animation: exPop .5s var(--ex-ease) .4s both; }
.pub-notice { animation: exRise .6s var(--ex-ease) both; }
.ex-filters { max-width: var(--max,1240px); margin: 0px auto; padding: 0px 24px 22px; display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.ex-chip { border: 1px solid rgb(208, 213, 221); background: rgb(255, 255, 255); color: rgb(52, 64, 84); border-radius: 999px; padding: 8px 15px; font-size: 13px; cursor: pointer; transition: background-color .2s,color .2s,border-color .2s,translate .25s var(--ex-ease); }
.ex-chip:hover { border-color: var(--ex-brand); translate: 0px -1px; }
.ex-chip.is-active { background: rgb(16, 24, 40); color: rgb(255, 255, 255); border-color: rgb(16, 24, 40); }
.ex-chip small { opacity: 0.6; margin-left: 6px; }
.capability-catalog article { transition: background-color .3s,padding .35s var(--ex-ease); }
.capability-catalog article:hover { background: rgb(255, 255, 255); }
.capability-catalog article[hidden] { display: none; }
.capability-catalog article > span { transition: color 0.3s; }
.capability-catalog article:hover > span { color: var(--ex-brand); }
.ex-toolbar { position: sticky; top: 64px; z-index: 30; margin: 0px auto; max-width: 1160px; box-sizing: content-box; padding: 12px 24px; background: rgba(248, 249, 251, 0.92); backdrop-filter: blur(10px); border-bottom: 1px solid transparent; transition: border-color 0.25s; display: flex; gap: 16px; align-items: center; flex-wrap: wrap; }
.ex-toolbar.is-stuck { border-bottom-color: rgb(228, 231, 236); }
.ex-search { position: relative; flex: 0 1 300px; min-width: 200px; }
.ex-search input { width: 100%; min-height: 40px; padding: 0px 12px 0px 38px; border: 1px solid rgb(208, 213, 221); border-radius: 9px; background: rgb(255, 255, 255); font-size: 14px; transition: border-color 0.2s, outline-color 0.2s; }
.ex-search input:focus { outline: rgb(224, 231, 255) solid 3px; border-color: var(--ex-brand); }
.ex-search svg { position: absolute; left: 12px; top: 50%; translate: 0px -50%; width: 16px; height: 16px; color: rgb(102, 112, 133); pointer-events: none; }
.ex-toolbar .ex-chips { display: flex; gap: 6px; flex-wrap: wrap; }
.ex-empty { max-width: var(--max,1240px); margin: 30px auto; padding: 34px 24px; text-align: center; color: rgb(102, 112, 133); animation: exRise .4s var(--ex-ease) both; }
.pub-integration-directory section[hidden], .pub-integration-cards article[hidden] { display: none; }
.pub-integration-cards article .pub-integration-logo { transition: scale .4s var(--ex-ease); }
.pub-integration-cards article:hover .pub-integration-logo { scale: 1.08; }
.commercial-auth .auth-form__body { animation: exRise .7s var(--ex-ease) both; }
.commercial-auth .auth-field input, .commercial-auth .auth-field select, .commercial-auth .password-field { transition: border-color 0.2s, outline-color 0.2s, background-color 0.2s; }
.commercial-auth .auth-field input:hover, .commercial-auth .password-field:hover { border-color: rgb(152, 162, 179); }
.commercial-auth .auth-field input:focus, .commercial-auth .password-field:focus-within { outline: rgb(224, 231, 255) solid 3px; outline-offset: 0px; border-color: var(--ex-brand); background: rgb(255, 255, 255); }
.commercial-auth .password-field input:focus { outline: 0px; }
.commercial-auth .password-field button { border-radius: 7px; transition: background-color 0.2s; }
.commercial-auth .password-field button:hover { background: var(--ex-brand-soft); }
.commercial-auth .auth-field input:user-invalid { border-color: rgb(217, 45, 32); }
.commercial-auth .auth-between a, .commercial-auth .auth-foot a { transition: color 0.2s; }
.commercial-auth .auth-between a:hover, .commercial-auth .auth-foot a:hover { color: var(--ex-brand-dark); }
.commercial-auth .auth-message { animation: exRise .4s var(--ex-ease) both; }
.commercial-auth .auth-message--error { animation: exRise .4s var(--ex-ease) both,exShake .5s .1s; }
html:root body.commercial-auth .auth-visual :is(h2, strong), html:root body.commercial-auth .auth-plan :is(h2, h3, strong) { color: rgb(255, 255, 255); }
html:root body.commercial-auth .auth-visual :is(p, small), html:root body.commercial-auth .auth-plan :is(p, li, small, span) { color: rgb(220, 221, 245); }
html:root body.commercial-auth .auth-plan .signup-summary :is(strong, h3) { color: rgb(16, 24, 40); }
html:root body.commercial-auth .auth-plan .signup-summary :is(p, span, small, li) { color: rgb(71, 84, 103); }
.commercial-auth .auth-visual__card { animation: exRise .9s var(--ex-ease) .1s both; }
.commercial-auth .auth-visual__card > div { animation: exRise .7s var(--ex-ease) both; }
.commercial-auth .auth-visual__card > div:nth-of-type(1) { animation-delay: 0.45s; }
.commercial-auth .auth-visual__card > div:nth-of-type(2) { animation-delay: 0.65s; }
.commercial-auth .auth-visual__card > div:nth-of-type(3) { animation-delay: 0.85s; }
.commercial-auth .auth-visual__card > div b { animation: exPop .5s var(--ex-ease) .6s both; }
.commercial-auth .auth-plan li { animation: exRise .6s var(--ex-ease) both; }
.commercial-auth .auth-plan li:nth-child(1) { animation-delay: 0.2s; }
.commercial-auth .auth-plan li:nth-child(2) { animation-delay: 0.3s; }
.commercial-auth .auth-plan li:nth-child(3) { animation-delay: 0.4s; }
.commercial-auth .auth-plan li:nth-child(4) { animation-delay: 0.5s; }
.commercial-auth .auth-centered__card { animation: exRise .7s var(--ex-ease) both; }
.commercial-auth .auth-mail { animation: exPop .6s var(--ex-ease) .2s both; }
.ex-pw-meter { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; margin-top: 10px; }
.ex-pw-meter i { height: 4px; border-radius: 4px; background: rgb(228, 231, 236); transition: background-color 0.3s; }
.ex-pw-meter[data-score="1"] i:nth-child(-n+1) { background: rgb(217, 45, 32); }
.ex-pw-meter[data-score="2"] i:nth-child(-n+2) { background: rgb(224, 138, 46); }
.ex-pw-meter[data-score="3"] i:nth-child(-n+3) { background: rgb(201, 177, 48); }
.ex-pw-meter[data-score="4"] i { background: rgb(18, 183, 106); }
.ex-pw-rules { list-style: none; display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 10px 0px 0px; padding: 0px; font-size: 12px; color: rgb(102, 112, 133); }
.ex-pw-rules li { display: flex; align-items: center; gap: 6px; transition: color 0.25s; }
.ex-pw-rules li::before { content: ""; width: 14px; height: 14px; border-radius: 50%; border: 1.5px solid rgb(196, 199, 206); background-position: center center; background-repeat: no-repeat; background-size: 9px auto; transition: background-color 0.25s, border-color 0.25s; }
.ex-pw-rules li.is-met { color: rgb(6, 118, 71); }
.ex-pw-rules li.is-met::before { background-color: rgb(18, 183, 106); border-color: rgb(18, 183, 106); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.4 5 8.8l4.5-5' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; }
.ex-pw-match { font-size: 12px; margin-top: 7px; min-height: 16px; color: rgb(102, 112, 133); }
.ex-pw-match.is-ok { color: rgb(6, 118, 71); }
.ex-pw-match.is-bad { color: rgb(180, 35, 24); }
@media (max-width: 1050px) {
  .public-page .pub-hero { grid-template-columns: 1fr; }
}
@media (max-width: 820px) {
  .public-page .pub-nav__menu { display: block; opacity: 0; visibility: hidden; translate: 0px -10px; transition: opacity .25s,translate .35s var(--ex-ease),visibility 0s .35s; }
  .public-page .pub-nav.is-open .pub-nav__menu { opacity: 1; visibility: visible; translate: 0px; transition: opacity .25s,translate .35s var(--ex-ease); }
  .public-page .pub-nav nav a { padding: 13px 14px; }
  .ex-toolbar { top: 56px; }
}
@media (max-width: 640px) {
  .ex-filters { padding-left: 16px; padding-right: 16px; }
  .ex-toolbar { padding: 10px 16px; }
  .ex-search { flex-basis: 100%; }
  .ex-toolbar .ex-chips { flex-wrap: nowrap; overflow-x: auto; width: 100%; padding-bottom: 2px; }
  .ex-chip { white-space: nowrap; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, ::before, ::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; animation-delay: 0s !important; }
  .ex-js .ex-reveal { opacity: 1; translate: none; transition: none; }
  .ex-progress { display: none; }
}
@keyframes exWord {
  0% { opacity: 0; translate: 0px 0.55em; filter: blur(10px); }
  100% { opacity: 1; translate: 0px; filter: blur(0px); }
}
@keyframes exCardIn {
  0% { opacity: 0; translate: 0px 28px; scale: 0.92; }
  100% { opacity: 1; translate: 0px; scale: 1; }
}
@keyframes exScan {
  0% { top: -2px; }
  100% { top: 100%; }
}
@keyframes exDriftA {
  0%, 100% { translate: 0px; scale: 1; }
  50% { translate: 60px 40px; scale: 1.15; }
}
@keyframes exDriftB {
  0%, 100% { translate: 0px; scale: 1; }
  50% { translate: -70px 30px; scale: 1.2; }
}
@keyframes exDriftC {
  0%, 100% { translate: 0px; }
  50% { translate: 40px -50px; }
}
@keyframes exMarquee {
  100% { translate: -50%; }
}
@keyframes exUnderline {
  0% { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}
@keyframes exCta {
  0% { scale: 1; opacity: 0.55; }
  70%, 100% { scale: 1.22; opacity: 0; }
}
@keyframes exTick {
  0%, 100% { scale: 1; }
  50% { scale: 1.25; }
}
.ex-blobs { position: absolute; inset: 0px; overflow: hidden; pointer-events: none; z-index: -1; }
.ex-blobs i { position: absolute; border-radius: 50%; filter: blur(70px); will-change: translate; }
.ex-blobs i:nth-child(1) { width: 420px; height: 420px; background: rgb(199, 210, 254); opacity: 0.75; left: -6%; top: -12%; animation: 14s ease-in-out 0s infinite normal none running exDriftA; }
.ex-blobs i:nth-child(2) { width: 380px; height: 380px; background: rgb(221, 214, 254); opacity: 0.7; right: 2%; top: -8%; animation: 17s ease-in-out 0s infinite normal none running exDriftB; }
.ex-blobs i:nth-child(3) { width: 340px; height: 340px; background: rgb(167, 243, 208); opacity: 0.55; right: 28%; bottom: -18%; animation: 19s ease-in-out 0s infinite normal none running exDriftC; }
.public-page .pub-hero { overflow: visible; }
.ex-blobs--dark i:nth-child(1) { background: rgb(79, 70, 229); opacity: 0.45; }
.ex-blobs--dark i:nth-child(2) { background: rgb(143, 134, 255); opacity: 0.3; }
.ex-blobs--dark i:nth-child(3) { background: rgb(18, 183, 106); opacity: 0.18; }
.commercial-auth .auth-visual, .commercial-auth .auth-plan { position: relative; overflow: hidden; }
.commercial-auth .auth-visual > :not(.ex-blobs), .commercial-auth .auth-plan > :not(.ex-blobs) { position: relative; z-index: 1; }
.commercial-auth .ex-blobs { z-index: 0; }
.ex-w { display: inline-block; animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; animation-delay: calc(.1s + var(--i,0)*.085s); }
html:root body .pub-hero h1 em { position: relative; display: inline-block; }
html:root body .pub-hero h1 em:last-of-type::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0.04em; height: 0.09em; background: rgb(199, 210, 254); z-index: -1; transform-origin: left center; animation: exUnderline .9s var(--ex-ease) 1.2s both; }
.public-page .pub-hero .pub-actions .pub-btn:first-child::before { content: ""; position: absolute; inset: -2px; border-radius: inherit; border: 2px solid rgb(79, 70, 229); pointer-events: none; animation: 2.8s ease-out 1.8s infinite normal none running exCta; }
.public-page .pub-hero .pub-actions .pub-btn:first-child { overflow: visible; }
html:root body .pub-btn:not(.pub-btn--secondary):hover { translate: 0px -2px; }
.public-page .pub-btn--small { transition: transform .25s var(--ex-ease),background-color .2s; }
html:root body .operation-map .flow-card { animation: exCardIn .8s var(--ex-ease) calc(.6s + var(--n,0)*.22s) both,exCard 9.6s ease-in-out calc(3.2s + var(--n,0)*1.2s) infinite; }
html:root body .operation-map .flow-card--exception { animation: exCardIn .8s var(--ex-ease) calc(.6s + var(--n,0)*.22s) both,exCardWarn 9.6s ease-in-out calc(3.2s + var(--n,0)*1.2s) infinite; }
.operation-map__canvas { position: relative; }
.ex-scan { position: absolute; inset: 0px; pointer-events: none; overflow: hidden; z-index: 2; }
.ex-scan::before { content: ""; position: absolute; left: 0px; right: 0px; height: 2px; background: rgb(79, 70, 229); opacity: 0.35; animation: 6s linear 2s infinite normal none running exScan; }
.operation-map__foot b { display: inline-block; animation: 3s ease-in-out 4s infinite normal none running exTick; }
.public-page .signal-strip.ex-ticker { overflow: hidden; display: block; padding-left: 0px; padding-right: 0px; mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%, transparent); }
.ex-track { display: flex; align-items: center; gap: 28px; width: max-content; animation: 28s linear 0s infinite normal none running exMarquee; }
.ex-track > * { flex: 0 0 auto; }
.ex-ticker:hover .ex-track { animation-play-state: paused; }
.ex-js .ex-reveal { translate: 0px 34px; filter: blur(5px); transition: opacity .8s var(--ex-ease) var(--d,0s),translate .8s var(--ex-ease) var(--d,0s),filter .8s var(--ex-ease) var(--d,0s),border-color .25s,background-color .25s; }
.ex-js .ex-reveal.ex-in { translate: 0px; filter: blur(0px); }
.capability-card, .pub-integration-cards article, .plan-comparison .plan-card, .pro-addon-grid article { border-radius: 16px; }
.capability-card:hover, .pub-integration-cards article:hover, .pro-addon-grid article:hover { translate: 0px -6px; border-color: rgb(79, 70, 229); }
.plan-comparison .plan-card:hover { translate: 0px -8px; border-color: rgb(79, 70, 229); }
.pub-integration-cards article:hover .pub-integration-logo { scale: 1.15; rotate: -4deg; }
.public-page .pub-section h2, .public-page .day-section h2, .public-page .pub-final h2 { font-size: clamp(32px, 3.6vw, 46px); letter-spacing: -0.03em; line-height: 1.1; }
.public-page .pub-nav nav a { position: relative; }
.public-page .pub-nav nav a::after { display: block; content: ""; position: absolute; left: 13px; right: 100%; bottom: 4px; height: 2px; background: rgb(79, 70, 229); border-radius: 2px; transition: right .3s var(--ex-ease); }
.public-page .pub-nav nav a:hover::after, .public-page .pub-nav nav a.is-active::after { right: 13px; }
.public-page .pub-nav nav a:hover { background: transparent; color: var(--ex-brand-dark); }
.public-page .pub-nav nav a.is-active { background: transparent; }
.commercial-auth .auth-visual__card > div b { animation: exPop .6s var(--ex-ease) .8s both; }
.commercial-auth .auth-visual__card > div:nth-of-type(3) b { animation: exPop .6s var(--ex-ease) 1.3s both,exTick 2.4s ease-in-out 2.4s infinite; }
@media (prefers-reduced-motion: reduce) {
  .ex-blobs i, .ex-track, .ex-scan { animation: auto ease 0s 1 normal none running none; }
  .ex-w { animation: auto ease 0s 1 normal none running none; opacity: 1; filter: none; }
  .ex-js .ex-reveal { filter: none; }
}
.public-page .pub-nav nav a, .public-page .pub-link, .public-page .pub-nav__actions .pub-btn { white-space: nowrap; }
@media (min-width: 821px) and (max-width: 1100px) {
  .public-page .pub-nav { gap: 14px; padding-left: 18px; padding-right: 18px; }
  .public-page .pub-nav nav { gap: 0px; }
  .public-page .pub-nav nav a { padding: 9px; font-size: 13px; }
  .public-page .pub-nav nav a::after { left: 9px; }
  .public-page .pub-nav nav a:hover::after, .public-page .pub-nav nav a.is-active::after { right: 9px; }
  .public-page .pub-nav__actions { gap: 10px; flex: 0 0 auto; }
}
.public-page .operation-map__canvas { height: auto; min-height: 0px; padding-bottom: 20px; }
@keyframes exShimmer {
  0%, 100% { background-position: 0px 0px; }
  50% { background-position: 100% 0px; }
}
:root { --ex-g: linear-gradient(135deg,#6366F1 0%,#4F46E5 48%,#4338CA 100%); --ex-night: #0B1020; --ex-sh-sm: 0 1px 2px rgba(16,24,40,.06),0 4px 14px rgba(16,24,40,.05); --ex-sh-md: 0 4px 10px rgba(16,24,40,.05),0 18px 40px rgba(16,24,40,.09); --ex-sh-lg: 0 8px 20px rgba(16,24,40,.06),0 32px 70px rgba(79,70,229,.18); }
html:root body.public-page { background-color: rgb(246, 247, 251); background-repeat: no-repeat; background-image: radial-gradient(1100px 520px at 88% -4%, rgba(99, 102, 241, 0.14), transparent 62%), radial-gradient(800px 460px at -4% 4%, rgba(18, 183, 106, 0.08), transparent 62%) !important; }
html:root body.public-page :is(h1, h2) { font-weight: 700 !important; letter-spacing: -0.035em; }
html:root body.public-page h3 { font-weight: 650 !important; }
html:root body.public-page .pub-kicker { display: inline-flex; align-items: center; gap: 8px; padding: 5px 12px; background: rgb(238, 242, 255); color: rgb(67, 56, 202); border-radius: 999px; font-size: 12px; letter-spacing: 0.01em; font-weight: 600 !important; }
html:root body.public-page :is(.pub-kicker--light, .control-band .pub-kicker, .day-section .pub-kicker, .pub-final .pub-kicker) { background: rgba(255, 255, 255, 0.12); color: rgb(199, 210, 254); }
html:root body.public-page .pub-hero .pub-kicker { background: rgb(255, 255, 255); color: rgb(52, 64, 84); box-shadow: var(--ex-sh-sm) !important; }
html:root body.public-page .pub-hero h1 { font-size: clamp(40px, 4.6vw, 64px); line-height: 1.05; letter-spacing: -0.04em; }
html:root body.public-page .pub-hero h1 em .ex-w, html:root body.public-page .pub-hero h1 em:not(:has(.ex-w)) { background-size: 200% 100%; background-clip: text; -webkit-text-fill-color: transparent; animation-name: exWord, exShimmer; animation-duration: 0.9s, 6s; animation-delay: calc(.1s + var(--i,0)*.085s),1.5s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; background-image: linear-gradient(100deg, rgb(79, 70, 229) 0%, rgb(124, 58, 237) 55%, rgb(79, 70, 229) 100%) !important; color: transparent !important; }
html:root body.public-page .pub-hero__copy > p { color: rgb(71, 84, 103); font-size: 19px; }
html:root body.public-page .pub-hero::before { content: ""; position: absolute; inset: -20px 0px 0px; background-size: 24px 24px; mask-image: radial-gradient(at 72% 38%, rgb(0, 0, 0) 5%, transparent 68%); opacity: 0.7; z-index: -1; pointer-events: none; background-image: radial-gradient(rgb(199, 210, 254) 1.2px, transparent 1.2px) !important; }
html:root body.public-page :is(.pub-btn, .btn) { min-height: 46px; padding: 12px 22px; border-radius: 11px; font-size: 15px; font-weight: 600 !important; }
html:root body.public-page .pub-btn--small { min-height: 40px; padding: 9px 16px; font-size: 14px; }
html:root body.public-page .pub-btn:not(.pub-btn--secondary) { background-size: 200% 100%; background-position: 0px 0px; color: rgb(255, 255, 255); transition: transform .25s var(--ex-ease),box-shadow .25s,background-position .5s var(--ex-ease); background-image: var(--ex-g) !important; border-color: transparent !important; box-shadow: rgba(79, 70, 229, 0.3) 0px 8px 20px, rgba(255, 255, 255, 0.22) 0px 1px 0px inset !important; }
html:root body.public-page .pub-btn:not(.pub-btn--secondary):hover { background-position: 100% 0px; translate: 0px -2px; background-color: transparent; box-shadow: rgba(79, 70, 229, 0.42) 0px 14px 30px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset !important; }
html:root body.public-page .pub-btn--secondary { background: rgb(255, 255, 255); border: 1px solid rgb(208, 213, 221); color: rgb(16, 24, 40); box-shadow: var(--ex-sh-sm) !important; }
html:root body.public-page .pub-btn--secondary:hover { border-color: rgb(79, 70, 229); color: rgb(79, 70, 229); translate: 0px -2px; box-shadow: var(--ex-sh-md) !important; }
html:root body.public-page .pub-nav { border-bottom: 1px solid rgba(16, 24, 40, 0.06); }
html:root body.public-page .pub-nav.is-scrolled { box-shadow: rgba(16, 24, 40, 0.08) 0px 10px 30px !important; }
html:root body.public-page .pub-brand { font-weight: 700 !important; letter-spacing: -0.02em; }
html:root body.public-page .pub-brand__mark { background-image: var(--ex-g) !important; box-shadow: rgba(79, 70, 229, 0.35) 0px 6px 16px !important; }
html:root body.public-page .operation-map { background: rgb(255, 255, 255); border: 1px solid rgb(228, 231, 236); border-radius: 22px; box-shadow: var(--ex-sh-lg) !important; }
html:root body.public-page .operation-map__bar { background: rgb(249, 250, 251); border-bottom: 1px solid rgb(238, 240, 244); font-weight: 600; }
html:root body.public-page .operation-map__canvas { background: rgb(252, 252, 254); }
html:root body.public-page .operation-map__foot { background: rgb(249, 250, 251); border-top: 1px solid rgb(238, 240, 244); }
html:root body.public-page .flow-card { background-color: rgb(255, 255, 255); border-radius: 14px; box-shadow: var(--ex-sh-sm) !important; }
html:root body.public-page .flow-card:hover { box-shadow: var(--ex-sh-md) !important; }
html:root body.public-page .flow-card__icon { color: rgb(79, 70, 229); border-radius: 11px; background-image: linear-gradient(135deg, rgb(238, 242, 255), rgb(221, 228, 255)) !important; font-weight: 700 !important; }
html:root body.public-page .flow-card--exception .flow-card__icon { background-image: linear-gradient(135deg, rgb(255, 243, 224), rgb(255, 226, 184)) !important; color: rgb(179, 93, 24); }
html:root body.public-page .flow-card--finish .flow-card__icon { background-image: linear-gradient(135deg, rgb(227, 247, 236), rgb(197, 237, 215)) !important; color: rgb(20, 117, 84); }
html:root body.public-page .flow-card strong { font-weight: 650 !important; }
html:root body.public-page .work-story__track { background: rgb(255, 255, 255); border: 1px solid rgb(228, 231, 236); border-radius: 22px; overflow: hidden; box-shadow: var(--ex-sh-md) !important; }
html:root body.public-page .work-story__track::before { top: 0px; }
html:root body.public-page .story-icon { border: 0px; color: rgb(79, 70, 229); border-radius: 12px; background-image: linear-gradient(135deg, rgb(238, 242, 255), rgb(224, 231, 255)) !important; }
html:root body.public-page .work-story__track article:hover { background: rgb(250, 250, 255); }
html:root body.public-page :is(.capability-card, .pub-integration-cards article, .pro-addon-grid article, .trust-principles article, .contact-paths article) { background: rgb(255, 255, 255); border: 1px solid rgb(228, 231, 236); border-radius: 20px; box-shadow: var(--ex-sh-sm) !important; }
html:root body.public-page :is(.capability-card, .pub-integration-cards article, .pro-addon-grid article, .trust-principles article, .contact-paths article):hover { border-color: rgb(199, 210, 254); box-shadow: var(--ex-sh-lg) !important; }
html:root body.public-page .capability-card--ink { background-color: var(--ex-night); border-color: rgb(29, 36, 56); color: rgb(255, 255, 255); background-image: radial-gradient(500px 260px at 90% 0%, rgba(99, 102, 241, 0.4), transparent 70%) !important; }
html:root body.public-page .capability-card--ink :is(h3, strong) { color: rgb(255, 255, 255); }
html:root body.public-page .capability-card--ink p { color: rgb(170, 177, 198); }
html:root body.public-page .capability-card .mini-ledger { background: rgb(246, 247, 251); border-radius: 14px; }
html:root body.public-page .day-section { background-color: var(--ex-night); color: rgb(255, 255, 255); border: 0px; background-image: radial-gradient(900px 520px at 88% -8%, rgba(99, 102, 241, 0.38), transparent 62%), radial-gradient(700px 420px at -4% 108%, rgba(18, 183, 106, 0.16), transparent 62%) !important; }
html:root body.public-page .day-section :is(h2, strong) { color: rgb(255, 255, 255); }
html:root body.public-page .day-section :is(p, span, time) { color: rgb(163, 171, 193); }
html:root body.public-page .day-section small { color: rgb(124, 134, 162); }
html:root body.public-page .day-section .day-section__result { border-top-color: rgb(35, 42, 66); }
html:root body.public-page .day-section__result strong { color: rgb(165, 180, 252); }
html:root body.public-page .day-timeline article { border-bottom-color: rgb(29, 36, 56); }
html:root body.public-page .day-timeline > article > b { color: rgb(110, 231, 183); }
html:root body.public-page .day-timeline .is-exception { background: rgba(245, 158, 11, 0.1); border: 1px solid rgba(245, 158, 11, 0.38); }
html:root body.public-page .day-timeline .is-exception :is(strong, small) { color: rgb(255, 255, 255); }
html:root body.public-page .day-timeline .is-exception span { color: rgb(233, 213, 180); }
html:root body.public-page .day-timeline .is-exception > b { color: rgb(251, 191, 36); }
html:root body.public-page .connected-orbit { background: rgb(255, 255, 255); border: 1px solid rgb(228, 231, 236); box-shadow: var(--ex-sh-md) !important; }
html:root body.public-page .orbit-node { background: rgb(255, 255, 255); box-shadow: var(--ex-sh-sm) !important; }
html:root body.public-page .control-band { background-color: rgb(30, 27, 75); color: rgb(255, 255, 255); border: 0px; border-radius: 28px; background-image: linear-gradient(135deg, rgb(55, 48, 163) 0%, rgb(30, 27, 75) 62%, rgb(11, 16, 32) 100%) !important; }
html:root body.public-page .control-band :is(h2, b) { color: rgb(255, 255, 255); }
html:root body.public-page .control-band :is(span, p) { color: rgb(199, 210, 254); }
html:root body.public-page .control-band > a { color: rgb(255, 255, 255); }
html:root body.public-page .control-band__rules { background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.16); }
html:root body.public-page .import-visual { background: rgb(255, 255, 255); border: 1px solid rgb(228, 231, 236); border-radius: 20px; box-shadow: var(--ex-sh-md) !important; }
html:root body.public-page .scale-strip { background: rgb(238, 241, 248); border-block: 1px solid rgb(228, 231, 236); }
html:root body.public-page .pub-final { max-width: 1160px; margin: 20px auto 96px; padding: 88px 40px; border-radius: 30px; background-color: rgb(67, 56, 202); color: rgb(255, 255, 255); overflow: hidden; background-image: radial-gradient(700px 380px at 85% -10%, rgba(255, 255, 255, 0.22), transparent 62%), linear-gradient(135deg, rgb(79, 70, 229) 0%, rgb(67, 56, 202) 55%, rgb(49, 46, 129) 100%) !important; box-shadow: rgba(67, 56, 202, 0.35) 0px 30px 70px !important; }
html:root body.public-page .pub-final::before { display: none; }
html:root body.public-page .pub-final h2 { color: rgb(255, 255, 255); font-size: clamp(32px, 4vw, 52px); }
html:root body.public-page .pub-final p { color: rgb(224, 231, 255); }
html:root body.public-page .pub-final .pub-btn:not(.pub-btn--secondary) { background-color: rgb(255, 255, 255); color: rgb(67, 56, 202); background-image: none !important; box-shadow: rgba(0, 0, 0, 0.25) 0px 12px 28px !important; }
html:root body.public-page .pub-final .pub-btn:not(.pub-btn--secondary):hover { background-color: rgb(238, 242, 255); color: rgb(49, 46, 129); }
html:root body.public-page .pub-final .pub-btn--secondary { background: transparent; color: rgb(255, 255, 255); border-color: rgba(255, 255, 255, 0.5); box-shadow: none !important; }
html:root body.public-page .pub-final .pub-btn--secondary:hover { background: rgba(255, 255, 255, 0.12); color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); }
html:root body.public-page .pub-footer { background: var(--ex-night); color: rgb(152, 162, 179); border-top: 0px; }
html:root body.public-page .pub-footer :is(.pub-brand, b) { color: rgb(255, 255, 255); }
html:root body.public-page .pub-footer p { color: rgb(152, 162, 179); }
html:root body.public-page .pub-footer__links a { color: rgb(152, 162, 179); }
html:root body.public-page .pub-footer__links a:hover { color: rgb(255, 255, 255); }
html:root body.public-page .pub-footer__base { border-top-color: rgb(29, 36, 56); color: rgb(102, 112, 133); }
html:root body.public-page .plan-comparison .plan-card { background: rgb(255, 255, 255); border: 1px solid rgb(228, 231, 236); border-radius: 22px; box-shadow: var(--ex-sh-sm) !important; }
html:root body.public-page .plan-comparison .plan-card:hover { box-shadow: var(--ex-sh-lg) !important; }
html:root body.public-page .plan-comparison .plan-card.is-recommended { border: 2px solid rgb(79, 70, 229); background-color: rgb(255, 255, 255); background-image: linear-gradient(rgb(245, 246, 255) 0px, rgb(255, 255, 255) 220px) !important; box-shadow: var(--ex-sh-lg) !important; }
html:root body.public-page .plan-popular { color: rgb(255, 255, 255); border-radius: 999px; padding: 4px 11px; background-image: var(--ex-g) !important; font-weight: 600 !important; }
html:root body.public-page .plan-price strong { font-weight: 700 !important; letter-spacing: -0.04em; }
html:root body.public-page .pro-addon-grid article { border-radius: 16px; }
html:root body.public-page .qualification-note { background-color: rgb(30, 27, 75); color: rgb(255, 255, 255); border: 0px; border-radius: 24px; background-image: linear-gradient(135deg, rgb(55, 48, 163), rgb(30, 27, 75) 70%) !important; }
html:root body.public-page .qualification-note :is(h2, strong) { color: rgb(255, 255, 255); }
html:root body.public-page .qualification-note p { color: rgb(199, 210, 254); }
html:root body.public-page .qualification-note a { color: rgb(255, 255, 255); }
html:root body.public-page .capability-catalog article { background: rgb(255, 255, 255); border: 1px solid rgb(228, 231, 236); border-radius: 18px; padding: 24px 28px; margin-bottom: 14px; box-shadow: var(--ex-sh-sm) !important; }
html:root body.public-page .capability-catalog article:hover { border-color: rgb(199, 210, 254); background: rgb(255, 255, 255); box-shadow: var(--ex-sh-md) !important; }
html:root body.public-page .capability-catalog article > span { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; color: rgb(79, 70, 229); background-image: linear-gradient(135deg, rgb(238, 242, 255), rgb(221, 228, 255)) !important; font-weight: 700 !important; }
html:root body.public-page .ex-search input { box-shadow: var(--ex-sh-sm) !important; }
html:root body.public-page .ex-chip { box-shadow: var(--ex-sh-sm) !important; }
html:root body.public-page .ex-chip.is-active { border-color: transparent; background-image: var(--ex-g) !important; }
html:root body.commercial-auth .auth-visual, html:root body.commercial-auth .auth-plan { background-color: rgb(30, 27, 75); background-image: linear-gradient(160deg, rgb(55, 48, 163) 0%, rgb(30, 27, 75) 55%, rgb(11, 16, 32) 100%) !important; }
html:root body.commercial-auth .auth-visual__card { background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 22px; backdrop-filter: blur(16px); box-shadow: rgba(0, 0, 0, 0.35) 0px 30px 70px !important; }
html:root body.commercial-auth :is(.auth-form h1, .auth-centered h1) { font-weight: 700 !important; letter-spacing: -0.04em; }
html:root body.commercial-auth .pub-btn:not(.pub-btn--secondary) { color: rgb(255, 255, 255); min-height: 48px; background-image: var(--ex-g) !important; border-color: transparent !important; box-shadow: rgba(79, 70, 229, 0.3) 0px 8px 20px !important; }
html:root body.commercial-auth .pub-btn--secondary { background: rgb(255, 255, 255); border: 1px solid rgb(208, 213, 221); color: rgb(16, 24, 40); }
html:root body.commercial-auth .auth-field input, html:root body.commercial-auth .password-field { border-radius: 11px; min-height: 48px; box-shadow: rgba(16, 24, 40, 0.05) 0px 1px 2px !important; }
html:root body.commercial-auth .auth-centered__card { border-radius: 22px; box-shadow: var(--ex-sh-md) !important; }
html:root body.commercial-auth .pub-brand__mark { background-image: var(--ex-g) !important; }
@media (max-width: 700px) {
  html:root body.public-page .pub-final { margin: 16px 14px 60px; padding: 56px 22px; border-radius: 22px; }
}
html:root body.public-page :is(h1, h2, h3) :is(.ex-w, em, span, i) { font-weight: inherit !important; }
html:root body.public-page .pricing-intro nav { background: rgb(238, 242, 255); border: 1px solid rgb(221, 228, 255); border-radius: 12px; padding: 4px; gap: 2px; }
html:root body.public-page .pricing-intro nav .pub-btn, html:root body.public-page .pricing-intro nav .pub-btn:hover { background-color: transparent; min-height: 36px; padding: 8px 16px; font-size: 14px; translate: none; background-image: none !important; box-shadow: none !important; color: rgb(102, 112, 133) !important; border-color: transparent !important; }
html:root body.public-page .pricing-intro nav .pub-btn[aria-current="page"] { background-color: rgb(255, 255, 255); color: rgb(67, 56, 202) !important; box-shadow: var(--ex-sh-sm) !important; }
html:root body.public-page .pub-btn:not(.pub-btn--secondary), html:root body.public-page .pub-btn:not(.pub-btn--secondary):hover { color: rgb(255, 255, 255) !important; }
html:root body.public-page .pub-btn--secondary { color: rgb(16, 24, 40) !important; }
html:root body.public-page .pub-btn--secondary:hover { color: rgb(79, 70, 229) !important; }
html:root body.public-page .pub-final .pub-btn:not(.pub-btn--secondary) { color: rgb(67, 56, 202) !important; }
html:root body.public-page .pub-final .pub-btn:not(.pub-btn--secondary):hover { color: rgb(49, 46, 129) !important; }
html:root body.public-page .pub-final .pub-btn--secondary, html:root body.public-page .pub-final .pub-btn--secondary:hover { color: rgb(255, 255, 255) !important; }
html:root body.commercial-auth .pub-btn:not(.pub-btn--secondary) { color: rgb(255, 255, 255) !important; }
html:root body.public-page .pricing-intro nav .pub-btn[aria-current="page"] { color: rgb(67, 56, 202) !important; }
html:root body.public-page .plan-comparison .plan-card { border-top-width: 5px; }
html:root body.public-page .plan-card[data-plan="starter"] { border-top-color: rgb(100, 116, 139); background-image: linear-gradient(rgb(244, 246, 249) 0px, rgb(255, 255, 255) 200px) !important; }
html:root body.public-page .plan-card[data-plan="starter"] .pub-btn:not(.pub-btn--secondary) { background-image: linear-gradient(135deg, rgb(71, 84, 103), rgb(29, 41, 57)) !important; box-shadow: rgba(29, 41, 57, 0.28) 0px 8px 20px, rgba(255, 255, 255, 0.18) 0px 1px 0px inset !important; }
html:root body.public-page .plan-card[data-plan="growth"] { border-width: 5px 2px 2px; border-style: solid; border-color: rgb(79, 70, 229); border-image: none; background-image: linear-gradient(rgb(230, 233, 255) 0px, rgb(245, 246, 255) 140px, rgb(255, 255, 255) 300px) !important; }
html:root body.public-page .plan-card[data-plan="growth"] .plan-price strong { color: rgb(55, 48, 163); }
html:root body.public-page .plan-card[data-plan="pro"] { border-top-color: rgb(16, 185, 129); background-image: linear-gradient(rgb(227, 248, 238) 0px, rgb(255, 255, 255) 200px) !important; }
html:root body.public-page .plan-card[data-plan="pro"] .plan-price strong { color: rgb(6, 95, 70); }
html:root body.public-page .plan-card[data-plan="pro"] .pub-btn:not(.pub-btn--secondary) { background-image: linear-gradient(135deg, rgb(16, 185, 129), rgb(4, 120, 87)) !important; box-shadow: rgba(4, 120, 87, 0.3) 0px 8px 20px, rgba(255, 255, 255, 0.22) 0px 1px 0px inset !important; }
html:root body.public-page .plan-card[data-plan="pro"] .pub-btn:not(.pub-btn--secondary):hover { box-shadow: rgba(4, 120, 87, 0.42) 0px 14px 30px !important; }
html:root body.public-page .plan-card[data-plan="enterprise"] { background-color: rgb(11, 16, 32); border-color: rgb(245, 158, 11) rgb(29, 36, 56) rgb(29, 36, 56); color: rgb(255, 255, 255); background-image: radial-gradient(420px 220px at 100% 0%, rgba(251, 191, 36, 0.2), transparent 70%) !important; box-shadow: var(--ex-sh-md) !important; }
html:root body.public-page .plan-card[data-plan="enterprise"] :is(h2, h3, strong, b) { color: rgb(255, 255, 255); }
html:root body.public-page .plan-card[data-plan="enterprise"] :is(p, span, small, li, dt, dd, div, label) { color: rgb(182, 189, 211); }
html:root body.public-page .plan-card[data-plan="enterprise"] :is(div, li, dl, ul, section, header, details, summary) { border-color: rgb(38, 48, 80); }
html:root body.public-page .plan-card[data-plan="enterprise"] .pub-btn:not(.pub-btn--secondary) { background-image: linear-gradient(135deg, rgb(252, 211, 77), rgb(245, 158, 11)) !important; color: rgb(31, 19, 0) !important; box-shadow: rgba(245, 158, 11, 0.32) 0px 8px 22px, rgba(255, 255, 255, 0.35) 0px 1px 0px inset !important; }
html:root body.public-page .plan-card[data-plan="enterprise"] .pub-btn:not(.pub-btn--secondary):hover { color: rgb(31, 19, 0) !important; box-shadow: rgba(245, 158, 11, 0.45) 0px 14px 30px !important; }
html:root body.public-page .plan-card[data-plan="enterprise"]:hover { border-color: rgb(245, 158, 11); box-shadow: rgba(245, 158, 11, 0.22) 0px 20px 50px !important; }
.ex-collapse { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .45s var(--ex-ease); }
.ex-collapse.is-open { grid-template-rows: 1fr; }
.ex-collapse-inner { min-height: 0px; overflow: hidden; opacity: 0; transition: opacity .35s var(--ex-ease); }
.ex-collapse.is-open > .ex-collapse-inner { opacity: 1; }
html:root body.public-page .plan-card .plan-includes { margin: 0px; }
.ex-toggle { display: flex; align-items: center; gap: 8px; width: 100%; padding: 12px 0px; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(228, 231, 236) currentcolor currentcolor; border-image: none; background: transparent; color: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14px; cursor: pointer; text-align: left; }
html:root body.public-page .ex-toggle { font-weight: 600 !important; color: rgb(52, 64, 84); }
.ex-toggle small { margin-left: auto; font-size: 12px; color: rgb(102, 112, 133); }
.ex-toggle svg { flex: 0 0 auto; transition: rotate .35s var(--ex-ease); }
.ex-toggle[aria-expanded="true"] svg { rotate: 180deg; }
.ex-toggle:hover { color: rgb(79, 70, 229); }
html:root body.public-page .plan-card[data-plan="enterprise"] .ex-toggle { color: rgb(255, 255, 255); border-top-color: rgb(38, 48, 80); }
html:root body.public-page .plan-card[data-plan="enterprise"] .ex-toggle small { color: rgb(182, 189, 211); }
html:root body.public-page .plan-card[data-plan="enterprise"] .ex-toggle:hover { color: rgb(252, 211, 77); }
html:root body.public-page .plan-card[data-plan="growth"] .ex-toggle:hover { color: rgb(55, 48, 163); }
html:root body.public-page .plan-card[data-plan="pro"] .ex-toggle:hover { color: rgb(4, 120, 87); }
html:root body.public-page .plan-card[data-plan="starter"] .ex-toggle:hover { color: rgb(29, 41, 57); }
@media (prefers-reduced-motion: reduce) {
  .ex-collapse, .ex-collapse-inner, .ex-toggle svg { transition: none; }
}
/* Real product recordings use the reference composition without invented events. */
.truth-recording{max-width:1120px;margin:0 auto;padding:0 28px 40px}.truth-recording video{display:block;width:100%;border:1px solid #dce1ed;border-radius:16px;background:#182033;box-shadow:0 22px 60px #302a5714!important}.truth-recording p{font-size:13px;color:#647087}.truth-demo-chapters{max-width:1240px;margin:10px auto 70px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0 28px}.truth-demo-chapters article{background:white;border:1px solid #dfe3ef;border-radius:14px;padding:18px}.truth-demo-chapters figure{border:1px solid #e5e8f1;border-radius:8px;overflow:hidden}.truth-demo-chapters h2{font-size:19px;letter-spacing:-.02em}.truth-demo-chapters p{font-size:13px;color:#647087}@media(max-width:700px){.truth-demo-chapters{grid-template-columns:1fr;padding:0 22px}.truth-recording{padding:0 22px 20px}}

.public-page .recorded-capture{display:block;overflow:hidden;border:1px solid #e2e6f0;border-radius:13px;background:white;min-width:0;color:#596579;text-decoration:none}.recorded-capture img{display:block;width:100%;height:auto}.recorded-capture .capture-caption{display:block;padding:12px 16px;font-size:12px}.capability-card--wide>.recorded-capture{width:48%;align-self:center}.capability-card .recorded-capture{margin-top:20px}.day-timeline .recorded-chapter{display:grid;grid-template-columns:48px 12px minmax(0,1fr) 18px;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid #ffffff1f;color:white;text-decoration:none}.recorded-chapter time{font-size:12px;color:#bfc3dc}.recorded-chapter>i{width:9px;height:9px;background:#58ceac;border-radius:50%}.recorded-chapter>div{display:grid;gap:5px}.recorded-chapter small,.recorded-chapter span{color:#aeb7d4;font-size:12px}.recorded-chapter strong{font-size:15px;font-weight:600}.recorded-chapter:hover strong{color:#b8b3ff}.recording-note{font-size:12px!important;color:#b9c1df!important;margin-top:22px}.operation-map .flow-card{min-width:0}.operation-map .flow-card strong{font-size:13px}.operation-map .flow-card>div{min-width:0}.operation-map .flow-card>a{flex-shrink:0;font-size:11px}.operation-map .flow-card p{font-size:11px}.truth-demo-chapters button{font:inherit;color:#4f46e5;border:1px solid #d6d9ed;background:#fff;border-radius:8px;padding:8px 12px;cursor:pointer}.truth-final{text-align:center;padding:60px 24px;background:#eef0fd}.truth-final .pub-actions{justify-content:center}.auth-product-capture{border:1px solid #dfe3ef;border-radius:16px;overflow:hidden;margin:24px 0;box-shadow:0 20px 60px #35316c1a}.auth-product-capture img{display:block;width:100%}.auth-product-capture figcaption{padding:12px;font-size:12px;color:#647087}.commercial-auth .auth-plan{background:radial-gradient(at 85% 15%,#e4e2ff,transparent 65%),#f2f4fc}.commercial-auth .auth-visual{background:radial-gradient(at 85% 15%,#e4e2ff,transparent 65%),#f2f4fc}.commercial-auth .pub-brand__mark{display:block!important;background:#4f46e5!important}.public-page .signal-strip{flex-wrap:wrap}.public-page .connection-list a{display:inline-block;margin-right:6px}.public-page .pub-hero{position:relative;isolation:isolate}.public-page .pub-hero h1,.public-page .pub-section h2{font-weight:600!important}.public-page .pub-kicker--light{background:#ffffff12!important;color:#c6c4fa!important}
@media(max-width:700px){.capability-card--wide>.recorded-capture{width:100%;margin-top:20px}.day-timeline .recorded-chapter{gap:10px;grid-template-columns:40px 8px minmax(0,1fr) 16px}.public-page .operation-map__canvas{gap:12px;padding:14px}.public-page .operation-map .flow-card{padding:12px}.public-page .operation-map .flow-card strong{font-size:12px}.public-page .operation-map .flow-card p{font-size:11px}.public-page .operation-map__foot{flex-wrap:wrap;gap:9px}.public-page .signal-strip{gap:12px;padding-inline:20px}.public-page .pub-hero .pub-actions{flex-wrap:wrap}.commercial-auth .auth-plan,.commercial-auth .auth-visual{display:none}}
@media(prefers-reduced-motion:reduce){.public-page *, .commercial-auth *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

html:not(.ex-js) body .operation-map .flow-card{animation:none!important;opacity:1;transform:none}

/* Shared brand geometry and deliberate authentication composition. */
html:root body .pub-brand__mark{display:grid!important;place-items:center!important;color:#fff!important;overflow:hidden;line-height:1}
.pub-brand__mark .stockchief-symbol{width:24px;height:24px;display:block;flex:none;transform:none}.pub-brand__mark:before,.pub-brand__mark:after{content:none!important}
.commercial-auth .auth-split{grid-template-columns:minmax(460px,.95fr) minmax(0,1.05fr)}.commercial-auth .auth-form{padding:36px clamp(28px,5vw,80px) 48px}.commercial-auth .auth-form__body{max-width:490px;margin:65px auto 0}.commercial-auth .auth-form h1{font-size:42px!important;line-height:1.12;letter-spacing:-.045em;font-weight:600!important}.commercial-auth .pub-eyebrow{text-transform:none;letter-spacing:.02em;font-size:13px;color:#667085}.commercial-auth .auth-form__body>p{font-size:16px;line-height:1.65}.commercial-auth .auth-between{align-items:flex-start;font-size:13px}.commercial-auth .auth-between label{display:flex;align-items:center;gap:7px}.commercial-auth .auth-visual{padding:64px 40px;display:flex;align-items:center;justify-content:center}.commercial-auth .auth-operation-card{max-width:530px;padding:42px}.commercial-auth .auth-operation-card h2{font-size:38px!important;line-height:1.16;letter-spacing:-.035em;margin:18px 0}.commercial-auth .auth-operation-card>p{font-size:16px;line-height:1.65;margin-bottom:30px}.commercial-auth .auth-operation-card>div{padding:22px 0;gap:16px;grid-template-columns:32px 1fr}.commercial-auth .auth-operation-card>div b{border-radius:10px;background:#ffffff14;color:#cbc8ff;font-size:12px;width:32px;height:32px}.commercial-auth .auth-operation-card strong{font-size:15px}.commercial-auth .auth-operation-card small{font-size:13px;line-height:1.6;margin-top:5px}.commercial-auth .auth-panel-kicker{font-size:12px;letter-spacing:.02em}.commercial-auth .auth-panel-link{display:flex;justify-content:space-between;color:#fff!important;border-top:1px solid #ffffff26;padding-top:25px;margin-top:10px;font-size:14px}.commercial-auth .auth-enrollment-card{position:sticky;top:60px}.signup-auth .auth-form__body{max-width:580px;margin-top:38px}.signup-auth .auth-form h1{font-size:34px!important}.signup-auth .auth-plan{padding:75px 50px}.signup-auth .auth-plan h2{font-size:34px;line-height:1.25}.commercial-auth .auth-create{margin-top:26px}.commercial-auth .auth-form form+p{margin-top:14px}
.product-preview{min-width:0;background:#fff;border:1px solid #dfe3ef;border-radius:22px;overflow:hidden;box-shadow:0 25px 70px #29246118;align-self:center;animation:exRise .8s ease both}.product-preview__bar{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:#f9fafc;border-bottom:1px solid #e6e9f1;font-size:12px;gap:15px}.product-preview__bar>span{display:flex;align-items:center;gap:8px;font-weight:600;color:#344054}.product-preview__bar i{width:7px;height:7px;border-radius:50%;background:#4f46e5}.product-preview__bar a{color:#4f46e5;text-decoration:none}.product-preview__tabs{display:flex;gap:4px;padding:12px 14px;overflow:auto;border-bottom:1px solid #e7eaf2}.product-preview__tabs button{flex:1;white-space:nowrap;padding:9px 11px;border:0;border-radius:8px;background:transparent;color:#667085;font:inherit;font-size:12px;cursor:pointer}.product-preview__tabs button[aria-pressed=true]{background:#eeecff;color:#4f46e5;font-weight:600}.product-preview__screen{display:block;position:relative;overflow:hidden;aspect-ratio:1440/900;background:#f8f9fc}.product-preview__screen img{display:block;width:100%;height:100%;object-fit:cover}.product-preview__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;border-radius:50%;color:#fff;background:#4f46e5ed;box-shadow:0 6px 25px #21166640;transition:scale .2s}.product-preview__screen:hover .product-preview__play{scale:1.1}.product-preview__caption{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:16px 20px;font-size:11px;color:#667085;border-top:1px solid #e8eaf1}.product-preview__caption strong{color:#344054;font-size:12px}
@media(max-width:1000px){.commercial-auth .auth-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.commercial-auth .auth-form{padding-inline:28px}.commercial-auth .auth-operation-card{padding:26px}.commercial-auth .auth-visual{padding:30px}.signup-auth .auth-plan{padding:60px 30px}}
@media(max-width:820px){.commercial-auth .auth-split{display:block}.commercial-auth .auth-visual,.commercial-auth .auth-plan{display:none}.commercial-auth .auth-form{padding:24px 22px 38px}.commercial-auth .auth-form__body{margin:42px auto 0}.commercial-auth .auth-form h1{font-size:34px!important}.signup-auth .auth-form h1{font-size:29px!important}.product-preview{width:100%;max-width:760px;margin:auto}.product-preview__caption{align-items:flex-start;flex-direction:column;gap:6px}.product-preview__bar{padding:15px}.product-preview__tabs button{padding:9px}.product-preview__screen{aspect-ratio:1.35}.product-preview__screen img{object-fit:cover;object-position:left top}}
@media(prefers-reduced-motion:reduce){.product-preview{animation:none}.product-preview__play{transition:none}}

@media(max-width:600px){.product-preview__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.product-preview__tabs button{min-width:0;width:100%}}

/* Product captures occupy their intended grid cells instead of shrinking twice. */
html:root body.public-page .capability-card--wide{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center}.capability-card--wide>.recorded-capture{width:100%;margin:0;align-self:center}.capability-card--wide>.recorded-capture img{width:100%;min-width:0}.capability-card--money{grid-column:1/-1;min-height:0;padding:34px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;column-gap:30px;align-items:center}.capability-card--money>small{grid-column:1/-1}.capability-card--money h3{font-size:27px;margin:10px 0}.capability-card--money p{margin:0}.capability-card--money>a{white-space:nowrap}.public-page .work-story{padding-top:75px;padding-bottom:75px}.public-page .capability-stage{padding-top:70px;padding-bottom:85px}.public-page .capability-grid{gap:20px}.public-page .day-section{padding-top:80px;padding-bottom:80px}@media(max-width:820px){html:root body.public-page .capability-card--wide{display:block}.capability-card--wide>.recorded-capture{margin-top:24px}.capability-card--money{display:block;padding:27px}.capability-card--money>a{margin-top:18px}.public-page .work-story,.public-page .capability-stage{padding-top:50px;padding-bottom:50px}.public-page .day-section{padding-top:55px;padding-bottom:55px}}

/* A saved plan choice is inactive under every card theme, including hover. */
html:root body.public-page[data-public-page=pricing] .plan-card[data-plan] .plan-card__action .pub-btn {width:100%;box-sizing:border-box;justify-content:center}
html:root body.public-page[data-public-page=pricing] .plan-card[data-plan] .plan-card__action .pub-btn:disabled,
html:root body.public-page[data-public-page=pricing] .plan-card[data-plan] .plan-card__action .pub-btn:disabled:hover {
 background:#e8ebee!important;background-image:none!important;color:#59636d!important;border-color:#c8d0d6!important;
 box-shadow:none!important;transform:none!important;translate:none!important;transition:none!important;cursor:default;opacity:1;width:100%;box-sizing:border-box;justify-content:center;
}

/* Integrations: the whole card opens that connection's window. */
.pub-integration-cards article { position: relative; cursor: pointer; }
.pub-integration-cards article:focus-within { border-color: rgb(79, 70, 229); box-shadow: 0 0 0 3px rgba(79, 70, 229, .18); }
.pub-integration-open { all: unset; font: inherit; color: inherit; cursor: pointer; }
.pub-integration-open::after { content: ''; position: absolute; inset: 0; border-radius: inherit; }
.pub-integration-more { margin-top: auto; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: var(--purple, #4f46e5); font-size: 13px; font-weight: 650; }
.pub-integration-more::after { content: '→'; }
.pub-integration-status { display: inline-block; padding: 2px 8px; border-radius: 999px; background: #FEF3C7; color: #92400E; font-size: 12px; font-weight: 650; }
.pub-integration-dialog { width: min(580px, calc(100vw - 32px)); max-height: calc(100dvh - 48px); padding: 0; border: 0; border-radius: 16px; color: #11152e; background: #fff; box-shadow: 0 30px 70px -24px rgba(17, 21, 46, .5); overflow: auto; }
.pub-integration-dialog::backdrop { background: rgba(17, 21, 46, .5); }
.pub-integration-dialog > header { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; gap: 14px; padding: 22px 24px 16px; background: #fff; border-bottom: 1px solid #ECEEF4; }
.pub-integration-dialog > header > div:nth-child(2) { flex: 1; min-width: 0; }
.pub-integration-dialog h2 { margin: 0; font-size: 22px; line-height: 1.2; }
.pub-integration-dialog__group { margin: 0 0 2px; font-size: 12.5px; font-weight: 650; color: #667085; }
.pub-integration-dialog__close { flex: none; width: 36px; height: 36px; border: 0; border-radius: 10px; background: #F1F2F7; color: #344054; font-size: 22px; line-height: 1; cursor: pointer; }
.pub-integration-dialog__close:hover, .pub-integration-dialog__close:focus-visible { background: #E4E7EC; outline: 2px solid rgba(79, 70, 229, .4); }
.pub-integration-dialog__what { margin: 18px 24px 0; font-size: 15px; line-height: 1.6; color: #344054; }
.pub-integration-dialog h3 { margin: 22px 24px 8px; font-size: 13px; letter-spacing: .02em; text-transform: uppercase; color: #667085; }
.pub-integration-dialog ul, .pub-integration-dialog ol { margin: 0 24px; padding-left: 20px; display: grid; gap: 7px; font-size: 14.5px; line-height: 1.55; color: #344054; }
.pub-integration-dialog ol li::marker { color: rgb(79, 70, 229); font-weight: 700; }
.pub-integration-dialog > footer { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 24px; padding: 16px 24px 22px; border-top: 1px solid #ECEEF4; }
.pub-integration-dialog > footer p { flex-basis: 100%; margin: 0 0 4px; font-size: 13.5px; color: #667085; }
.pub-integration-dialog__access { margin: 20px 24px 0; padding: 12px 14px; border-radius: 10px; background: #EEF2FF; color: #3730A3; font-size: 14px; line-height: 1.5; }
@media (max-width: 600px) { .pub-integration-dialog__access { margin-left: 16px; margin-right: 16px; } }
@media (max-width: 600px) {
  .pub-integration-dialog { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); border-radius: 14px; }
  .pub-integration-dialog > header, .pub-integration-dialog > footer { padding-left: 16px; padding-right: 16px; }
  .pub-integration-dialog__what, .pub-integration-dialog h3 { margin-left: 16px; margin-right: 16px; }
  .pub-integration-dialog ul, .pub-integration-dialog ol { margin: 0 16px; }
}