/* PairingDock content adaptations. Geometry, tokens and motion come from Texly. */
:root{--color-muted:var(--color-ink-muted);--color-canvas:var(--color-paper-subtle);--font-display:var(--font-family-display);--font-body:var(--font-family-body)}
:root[data-theme='night']{--color-secondary-text:#b0b4bc}
.marketing-site .auth-wrap .button.primary{background:var(--color-honey);border-color:var(--color-honey);color:var(--color-black)}
.marketing-site .doc-layout h1{margin-bottom:1.5rem}
.marketing-site .doc-layout h2{margin-block:2.5rem 1rem}
.marketing-site .doc-layout p{margin-block:1rem;line-height:1.75}
.marketing-site .doc-layout pre{margin-block:1.5rem;font-size:.85rem;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
.pd-nav-spacer{height:5rem}
@keyframes texly-wordmark-enter{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.marketing-nav__link .pd-icon{width:.8rem;height:.8rem}
.pd-theme-switch{display:flex}
.pd-theme-switch [data-appearance='day']{display:none}
html[data-theme='night'] .pd-theme-switch [data-appearance='day']{display:flex}
html[data-theme='night'] .pd-theme-switch [data-appearance='night']{display:none}
.pd-theme-switch .marketing-icon-button{width:2.5rem;height:2.5rem}
.marketing-mobile-dialog{padding:1.25rem;max-height:90dvh;overflow:auto;pointer-events:auto}
.marketing-mobile-dialog__header .marketing-wordmark img{width:1.75rem;height:1.75rem}
.pd-capability-strip .sample-brand-strip__track span{font-size:.98rem;font-weight:600;letter-spacing:-.025em}
.pd-capability-strip{user-select:none}
.marketing-site .section-reveal{opacity:1;transform:none}
.section-reveal.is-entering{animation:pd-section-enter 760ms var(--ease-out) both}
@keyframes pd-section-enter{from{opacity:.45;transform:translateY(18px)}to{opacity:1;transform:none}}
.workspace-showcase__reveal.section-reveal{opacity:1;transform:none}
.workspace-showcase__reveal.is-entering{animation-duration:360ms}
.control-solution-card:focus-visible{outline-offset:6px}
.control-solution-card--orchestrate:focus .solution-route-visual__queue>div:first-child{transform:translateX(.65rem);border-color:var(--color-honey)}
.control-solution-card--know:focus .solution-context-visual>div{opacity:.16;transform:translateY(2rem) scale(.96)}
.control-solution-card--know:focus .solution-context-visual>span{opacity:1;transform:translateY(0)}
.control-solution-card--assist:focus .solution-assist-visual p{background:color-mix(in srgb,var(--color-honey) 17%,var(--color-paper));box-shadow:inset 0 -.16rem var(--color-honey)}
.pd-access-visual{display:grid;align-content:center;gap:.65rem;padding-top:1rem}
.pd-access-row{display:grid;grid-template-columns:1fr auto 1.25rem;gap:.75rem;align-items:center;border-bottom:1px solid var(--color-line);padding:.65rem 0;font-size:.72rem}
.pd-access-row span{color:var(--color-ink-muted)}
.pd-access-row b{font-weight:600}
.pd-access-row .pd-icon{color:var(--color-honey);transition:transform 360ms var(--ease-out)}
.control-solution-card--improve:is(:hover,:focus) .pd-access-row .pd-icon{transform:rotate(-12deg) scale(1.1)}
.pd-guided-preview{position:relative}
.pd-guided-preview .guided-preview__workspace{min-height:32rem}
.pd-guided-preview .guided-preview__conversation{min-width:0}
.pd-guided-preview .guided-preview__queue article{grid-template-columns:1.25rem minmax(0,1fr)}
.pd-guided-preview .guided-preview__queue article .pd-icon{grid-row:1/3;color:var(--color-success-fill);width:1rem;height:1rem;align-self:start;margin-top:.15rem}
.pd-guided-preview .guided-preview__context>div{min-height:5rem}
.pd-guided-preview .guided-preview__event{margin-block:1.5rem;min-height:4.5rem}
.pd-preview-scenes{min-height:7rem}
.pd-preview-scene{animation:guided-event-enter 480ms var(--ease-out) both}
.pd-preview-request{padding:1rem;border:1px solid var(--color-line);border-radius:var(--radius-medium);background:var(--color-paper-subtle)}
.pd-preview-request pre{padding-block:1rem;overflow-x:auto;font-size:.72rem;line-height:1.7}
.pd-code-method{color:var(--color-success);font-weight:600}
.pd-code-key{color:var(--color-ink-muted)}
.pd-preview-controls{border-top:1px solid var(--color-line)}
.pd-preview-steps{display:flex;gap:.35rem}
.marketing-site .pd-preview-steps button{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;font-size:.68rem;font-weight:600;background:var(--color-paper-strong);border:1px solid var(--color-line)}
.marketing-site .pd-preview-steps button[aria-current]{background:var(--color-honey);color:#000;border-color:var(--color-honey)}
.marketing-site .pd-preview-pause{font-size:.72rem;font-weight:600;min-height:2.75rem;padding-inline:.5rem}
.home-product-stage::after{height:3rem}
.pd-integration-icon>.pd-icon{width:1.45rem;height:1.45rem;color:var(--integration-symbol-color)}
.pd-integration-icon--webhooks{--integration-symbol-color:#bc3d64}
.pd-integration-icon--api{--integration-symbol-color:#2563d7}
.pd-integration-icon--crm{--integration-symbol-color:#8054d1}
.pd-integration-icon--orders{--integration-symbol-color:#b66308}
.pd-integration-icon--support{--integration-symbol-color:#087f86}
html[data-theme='night'] .pd-integration-icon--webhooks{--integration-symbol-color:#f080a3}
html[data-theme='night'] .pd-integration-icon--api{--integration-symbol-color:#76a9ff}
html[data-theme='night'] .pd-integration-icon--crm{--integration-symbol-color:#bc9bfa}
html[data-theme='night'] .pd-integration-icon--orders{--integration-symbol-color:#f4b35a}
html[data-theme='night'] .pd-integration-icon--support{--integration-symbol-color:#5cd0cf}
.integration-diagram>svg>g:nth-of-type(2) .integration-diagram__beam{animation-delay:.35s}
.integration-diagram>svg>g:nth-of-type(3) .integration-diagram__beam{animation-delay:.7s}
.integration-diagram>svg>g:nth-of-type(4) .integration-diagram__beam{animation-delay:1.05s}
.integration-diagram>svg>g:nth-of-type(5) .integration-diagram__beam{animation-delay:1.4s}
.integration-diagram>svg>g:nth-of-type(6) .integration-diagram__beam{animation-delay:1.75s}
.integration-node__name{display:block!important;position:absolute;top:calc(100% + .35rem);margin:0;line-height:1.35;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.68rem;font-weight:500;color:var(--color-ink-muted)}
.integration-node--texly .integration-node__surface>img{--integration-logo-scale:1;width:2.5rem;height:2.5rem}
.pd-pricing{padding-block:clamp(5rem,9vw,8rem)}
.pd-pricing>.section-copy{margin-inline:auto;text-align:center}
.pd-pricing .section-copy h2{max-width:none}
.pd-plan-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin-top:3rem}
.pd-plan{padding:1.5rem 1.2rem;border:1px solid var(--color-line);border-radius:var(--radius-panel);background:var(--color-surface);min-width:0}
.pd-plan--selected{border-color:var(--color-honey);background:color-mix(in srgb,var(--color-honey) 7%,var(--color-paper))}
.pd-plan h3{font-size:1.15rem;margin-bottom:.65rem}
.pd-plan>p{font-size:.8rem;color:var(--color-ink-muted)}
.pd-plan-price{display:block;margin-block:1.5rem 2rem;color:var(--color-ink);font-family:var(--font-family-display);font-size:2.5rem;font-weight:650;letter-spacing:-.04em;line-height:1.15}
.pd-plan-price small{display:block;margin-top:.35rem;font-family:var(--font-family-body);font-size:.75rem;font-weight:400;letter-spacing:0;color:var(--color-ink-muted)}
.pd-plan>a{width:100%;padding-inline:.65rem;font-size:.72rem;white-space:nowrap}
.pd-pricing-note{max-width:65ch;margin:1.65rem auto 0!important;text-align:center;font-size:.78rem;line-height:1.65;color:var(--color-ink-muted)}
.marketing-site .faq-section{display:block;max-width:none;padding:5.5rem 0;margin:0;background:var(--color-paper-subtle)}
.faq-section__inner{gap:clamp(2rem,6vw,5rem)}
.faq-section__inner>.section-copy{text-align:left;justify-self:start}
.faq-section__list details{padding:0}
.faq-section__list summary{min-height:5rem;font-size:.86rem}
.faq-section__list details p{font-size:.875rem;line-height:1.7}
.home-final-cta__copy h2>span{white-space:normal}
.home-final-cta__copy h2{letter-spacing:-.04em}
.pd-footer-note{display:block;margin-top:1.25rem;color:var(--color-on-dark-muted);font-size:.68rem;line-height:1.65}
.marketing-footer__index{grid-template-columns:1.5fr repeat(4,1fr)}
.marketing-footer .marketing-wordmark{font-size:1.2rem}
.marketing-footer__bottom{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgb(255 255 255 / .12);font-size:.72rem;color:var(--color-on-dark-muted)}
@media(max-width:80rem){.pd-plan-grid{gap:.7rem}.pd-plan{padding-inline:1rem}}
@media(max-width:68rem){.pd-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.marketing-footer__index{grid-template-columns:repeat(4,1fr)}.marketing-footer__brand{grid-column:1/-1}.faq-section__inner>.section-copy{text-align:center;justify-self:center}}
@media(max-width:56rem){.pd-theme-switch{display:flex}.marketing-nav__actions>.pd-theme-switch .marketing-theme-button{display:flex}.marketing-nav__actions>.pd-theme-switch [data-appearance='day']{display:none}html[data-theme='night'] .marketing-nav__actions>.pd-theme-switch [data-appearance='day']{display:flex}html[data-theme='night'] .marketing-nav__actions>.pd-theme-switch [data-appearance='night']{display:none}.pd-guided-preview .guided-preview__workspace{grid-template-columns:1fr}.pd-guided-preview .guided-preview__queue,.pd-guided-preview .guided-preview__context{display:none}}
@media(max-width:40rem){.marketing-wordmark{gap:.45rem;font-size:1rem}.marketing-nav__actions{gap:.2rem}.marketing-nav__inner{padding-inline:1rem}.pd-theme-switch .marketing-icon-button{min-width:2rem;width:2rem}.home-hero h1{font-size:clamp(2.5rem,9.1vw,3.6rem);letter-spacing:-.04em}.home-hero__body{max-width:34ch}.home-hero__actions{flex-wrap:wrap}.home-product-preview{padding-inline:1rem}.pd-guided-preview .guided-preview__topbar>span{display:none}.pd-guided-preview .guided-preview__conversation>header>span{display:none}.pd-guided-preview .guided-preview__messages{padding:1rem}.pd-preview-request pre{font-size:.67rem}.pd-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-plan:last-child{grid-column:1/-1}.pd-plan-price{font-size:2.2rem}.marketing-footer__index{grid-template-columns:repeat(2,1fr)}.marketing-footer__brand{grid-column:1/-1}.integration-node__name{font-size:.6rem}.home-final-cta__copy h2{font-size:clamp(2rem,8vw,3rem)}.solution-route-visual__owner{min-width:0}.pd-access-row{font-size:.65rem}.pd-capability-strip .sample-brand-strip__track span{font-size:.85rem}.faq-section__list summary{font-size:.82rem}}
@media(prefers-reduced-motion:reduce){.marketing-site *,.marketing-site *::before,.marketing-site *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.section-reveal,.workspace-showcase__reveal.section-reveal{opacity:1!important;transform:none!important}.home-product-preview__entrance,.marketing-wordmark__mark{transform:none!important}.control-solution-card:focus .solution-context-visual>div{opacity:1;transform:none}.control-solution-card:focus .solution-context-visual>span{opacity:0}.sample-brand-strip__track{animation:none!important}}

.home-final-cta__flow {
    position: absolute;
    z-index: -2;
    inset: 0;
    overflow: hidden;
    background: #ffffff;
    pointer-events: none;
}

.home-final-cta__flow[data-tone='dark'] {
    background: #0a203e;
}

.home-final-cta__flow::after {
    position: absolute;
    z-index: 2;
    inset: 0;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAARSSURBVEhLPdVpN1ZxFAXw+/EUFZrMFRXKPKQolCbRgMg8h5AS1cc7rd9Z6+nFs557/8M5++y9z7lFd3d3dHV1xezsbKysrMSHDx/i/fv30dzcHPfv34+RkZGoq6uLoaGheP78eVRVVcXt27ejsrIyjo+P4+nTp7G+vh7b29tx7969aG9vz7XT09PcL8rKyuLPnz/x+vXrmJqaipqamhgfH4+mpqbo6OiIJ0+exLNnz6K1tTV+/foVi4uLmXh5eTm+fPmSz9euXYuZmZl48eJFgnT30aNHuV5A9+bNm1haWoqBgYFYXV3N97m5uTg6OorBwcFYW1vLi58+fYorV67Ex48f4/r165nw7OwsqqursyIAf/78mXsNDQ2ZqCgvL88Df//+jcbGxixVdpV4lkwVjx8/jsnJydjY2Pi/fnh4mM/9/f3x6tWrTDgxMZE0AgNIgR6lokiZsrsEwaVLl/KySz09PamTwKOjoxnEXXrh2zv9oH758mXU19dHbW1tFHizuLW1lSjevn0bd+7cSYpcHB4ezuDOqPTg4CDGxsbi8+fPSefdu3cThOo9q/b79+/x4MGDePjwYRQeoO/s7Ix3794F0S9evJiUCA4NbW7cuBE/fvzIfUg5hX77+/tJ6a1bt/LX1taWlTmPjUJWbunt7Y2dnZ207MnJSbpF+YRGCdtK7B0dqgNCUpUAKak43kuWLwQjNJT+FxYWkgrPEvM/ZCpEC50kvnr1av5b0x8VFRVpU3HQxL76o+BxD0pDh4DEhEI/cA40mgangszPz2eVm5ub2Yie0SuZsxqO29BfsJNyHSYgR+lUQitZDyiVAdDBYUSW0J4Eu7u7WVGJWsG906KQuaWlJRsI10Szhm+J9Mfv37//a8H7ggPEXehRNQ2s37x5M+8Ifn5+HsWFCxcSgWAQ8u63b98yif+vX7+mhZWtIvtowD8X6V76uOusd64CSNKCOC4Qhw4SEVUlDgusXMFVxSXeL1++nFbUA0Ci2rjQvcyhb1BYlFpdcEhRBaXyJaAP0SGCTCITU0DalPaBktRQVL1YtCoseGEtG6XRq2SCcRZU+EcBIQUyPkxLUxWVeqNkEOclZfdCyUokDlFcMugEhEpSghKTtwUBgm4okoAWxAcAOA0LnKoLh3DK4ygQSGaVocG+jxJkesOMMjXRRzdgnOVEo0HFdLOXLiKyme7F9CQMJC7xPr5d3tvby0ohJ6aOxzFAKMIA3dyxb47ph8L41c26EK+mKVqgdlEgz6hkOyjNJZRILhi+NZx+QLHuF8deURoF09PTeVAAVaFLVcaFUVz6bKLEec1HD83lnLHgDECqAcj5/OAo3wtUEhl0kglitlvDO3qslb4FzvhE+qxylmfr9GF1/VAYXBbRAx2nEBkC1vWvU4lrz1lCok1PGH606OvryxgcJ7hvPBcW3MEtxNFs/CywixoQWujRVPqa2UMPS9KD0EQVhxFQpXL3/wGlRKB88IE3BgAAAABJRU5ErkJggg==');
    background-repeat: repeat;
    content: '';
    mix-blend-mode: soft-light;
    opacity: 0.08;
}

.home-final-cta__flow>canvas{position:absolute;inset:0;width:100%;height:100%}
/* Use a still of the same shader if WebGL is unavailable, never a blurred variant. */
.home-final-cta__flow{background-image:url('cta-flow-light.png?v=20261018-motion3');background-size:100% 100%}
html[data-theme='night'] .home-final-cta__flow{background-color:#0a203e;background-image:url('cta-flow-dark.png?v=20261018-motion3')}
.home-final-cta__flow[data-shader-ready='true']{background-image:none}

/* A tighter heading/diagram rhythm; labels stay attached to their symbols. */
.integration-section__inner{padding-block:clamp(3.5rem,6vw,5rem)}
.integration-section__heading p{margin-top:1.15rem}
.integration-diagram{margin-top:1.75rem}
.integration-section__footer{margin-top:1.25rem;gap:.75rem}
.home-integration-section{min-height:0}
.pd-pricing{padding-block:clamp(3.5rem,6vw,6rem)}
.marketing-site .faq-section{padding-block:clamp(3.5rem,6vw,5rem)}
.faq-section__inner{padding-block:0}
.faq-section__inner>.section-copy h2{margin-top:0}

/* Supporting motion keeps controls and state changes responsive. */
.marketing-site :is(a,button,input,select,textarea){transition:color 180ms ease,background-color 180ms ease,border-color 180ms ease,box-shadow 220ms ease,transform 220ms var(--ease-out)}
.marketing-site .marketing-nav__link{position:relative}
.marketing-nav__link::after{content:'';position:absolute;left:0;right:0;bottom:.25rem;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 220ms var(--ease-out)}
.marketing-nav__link:is(:hover,:focus-visible,[aria-current])::after{transform:scaleX(1)}
.pd-plan{transition:border-color 240ms ease,background-color 240ms ease,transform 300ms var(--ease-out)}
.pd-plan:focus-within{border-color:var(--color-honey)}
.integration-node__surface{transition:transform 300ms var(--ease-out),border-color 240ms ease}
.integration-node__name{transition:color 200ms ease}
.faq-section__list details{overflow:clip;overflow-anchor:none}
.faq-section__list details>p{animation:none}
.faq-section__list summary{transition:color 200ms ease}
.faq-section__list summary:is(:hover,:focus-visible){color:var(--color-ink-hover)}
.faq-section__list summary svg{transition:transform 360ms cubic-bezier(.22,1,.36,1)}
.faq-section__list details[data-expanded='false'] summary svg{transform:rotate(0)}
.faq-section__list details[data-expanded='true'] summary svg{transform:rotate(180deg)}
.marketing-mobile-dialog[open]{animation:none}
@media(hover:hover){
  .pd-plan:hover{transform:translateY(-4px);border-color:var(--color-honey)}
  .integration-node:hover .integration-node__surface{transform:scale(1.07)}
  .integration-node:hover .integration-node__name{color:var(--color-ink)}
  .marketing-footer nav a:hover{transform:translateX(3px)}
}
@media(max-width:40rem){
  .integration-diagram{margin-top:1.25rem}
  .integration-section__heading p{font-size:.95rem}
  .integration-section__footer{margin-top:1rem}
}
/* Keep every symbol visible and aligned with its beam on smaller screens. */
@media(max-width:56rem){
  .integration-diagram{height:18rem}
  .integration-node--left-bottom,.integration-node--right-middle{display:grid}
  .integration-diagram>svg g:nth-of-type(3),.integration-diagram>svg g:nth-of-type(5){display:inline}
  .integration-node--left-top{top:19.3%;left:10.8%}
  .integration-node--left-middle{top:50%;left:10.8%}
  .integration-node--left-bottom{top:80.7%;left:10.8%}
  .integration-node--right-top{top:19.3%;left:89.2%}
  .integration-node--right-middle{top:50%;left:89.2%}
  .integration-node--right-bottom{top:80.7%;left:89.2%}
  .integration-node--texly{top:50%}
  .integration-node__name{font-size:.68rem}
}