.section-dots{background-image:radial-gradient(#cfcfc3 1px,transparent 1.2px);background-size:28px 28px}.connection-control{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:44px;height:44px;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:3px;cursor:pointer;transition:background .18s var(--ease-soft),color .18s var(--ease-soft),border-color .18s var(--ease-soft),transform .14s var(--ease-soft)}.connection-control:hover{color:var(--ink);background:var(--pale);border-color:var(--line)}.connection-control:active{transform:translateY(1px)}.integration-diagram{position:relative;display:grid;grid-template-columns:230px minmax(150px,1fr) 230px;height:430px;margin:8px auto 36px;max-width:1080px}.connection-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.connection-lines path{fill:none;stroke:#c6c6b9;stroke-width:1;vector-effect:non-scaling-stroke;transition:stroke .22s var(--ease-soft),opacity .22s var(--ease-soft)}.connection-lines .is-selected path{stroke:#b8795f;stroke-width:1.3}.connection-lines .connection-packet{stroke:var(--orange);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:3 97;stroke-dashoffset:100;opacity:0}.connection-packet.is-inbound{animation:connection-in 5.6s linear infinite}.connection-packet.is-outbound{animation:connection-out 5.6s linear infinite}.integration-section:not([data-running=true]) .connection-packet,.integration-section:not([data-running=true]) .core-receipt span{animation-play-state:paused}.integration-side{position:relative;z-index:1;display:grid;grid-template-rows:repeat(6,1fr);margin:0;padding:0;list-style:none}.integration-side.is-source{grid-column:1}.integration-side.is-target{grid-column:3}.integration-side li{align-self:center;justify-self:end}.integration-side.is-target li{justify-self:start}.integration-node{position:relative;display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 17px 10px 12px;background:var(--white);border:1px solid var(--line);border-radius:3px;color:var(--ink);font-size:13px;font-weight:500;white-space:nowrap;box-shadow:0 1px 2px #25272108,0 3px 8px #25272105;cursor:pointer;transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out),transform .2s var(--ease-out)}.integration-node:focus-visible,.integration-node:hover{transform:none;border-color:#b7b8a9;box-shadow:0 3px 8px #25272112}.integration-node:active{transform:translateY(0)}.integration-node[aria-pressed=true]{border-color:#c18265}.node-port{position:absolute;right:-3px;top:calc(50% - 3px);width:5px;height:5px;background:#b1b5a3;border-radius:50%;box-shadow:0 0 0 3px var(--paper);transition:background .18s}.is-target .node-port{left:-3px;right:auto}.integration-node[aria-pressed=true] .node-port{background:var(--orange)}.integration-core{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:142px;height:142px;padding:14px;display:grid;place-items:center;border:10px solid var(--pale-2);background:var(--white);outline:1px solid #c7c8bc;box-shadow:0 6px 12px -8px #25272135,0 24px 45px -30px #25272150;--corner:var(--ink)}.integration-core .corners{inset:-11px}.core-monogram{display:grid;place-items:center;width:66px;height:66px;background:var(--ink);color:var(--white);font-family:var(--font-display);font-size:35px;font-style:italic;font-weight:700}.core-receipt{position:absolute;bottom:7px;display:flex;gap:4px}.core-receipt span{display:block;width:12px;height:2px;background:var(--orange);opacity:.22;transform-origin:left;animation:connection-receive 5.6s linear infinite}.core-receipt span:nth-child(2){animation-delay:.1s}.core-receipt span:nth-child(3){animation-delay:.2s}.connection-caption{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid var(--line);max-width:1080px;margin-inline:auto;padding-top:25px;min-height:123px}.connection-eyebrow{display:flex;gap:18px;align-items:center;font-size:9px;letter-spacing:.12em;color:var(--muted)}.connection-eyebrow>span{font-variant-numeric:tabular-nums;letter-spacing:.03em;color:var(--orange)}.connection-copy p{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-block:9px 3px;font-size:15px}.connection-copy strong{font-weight:500}.connection-copy p>svg{color:var(--orange)}.connection-explanation{font-size:12px;color:var(--muted)}.connection-control{flex:none;font-size:11px;padding-inline:12px;border-color:var(--line);background:var(--white)}.integration-footnote{max-width:1080px;margin:16px auto 0!important;font-size:10px;line-height:1.5;color:var(--muted)}.integration-mobile-picker{display:none}@media (max-width:1050px){.integration-diagram{grid-template-columns:200px minmax(120px,1fr) 200px}.integration-core{width:110px;height:110px;padding:10px;border-width:7px}.integration-core .corners{inset:-8px}.core-monogram{width:54px;height:54px;font-size:30px}.core-receipt{bottom:4px}.integration-node{font-size:12px;gap:10px;padding-inline:10px 12px}}@media (max-width:680px){.integration-diagram{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:288px;margin:0 auto 28px}.integration-side{display:block}.integration-side li{display:none}.integration-side li[data-selected=true]{display:block}.integration-node{min-width:180px;min-height:52px;padding:11px 20px;font-size:14px;justify-content:center}.integration-core{width:88px;height:88px;padding:7px;border-width:5px}.integration-core .corners{inset:-6px}.core-monogram{width:48px;height:48px;font-size:29px}.core-receipt{bottom:3px;gap:3px}.core-receipt span{width:8px}.is-target .node-port,.node-port{left:calc(50% - 3px);right:auto;top:auto;bottom:-3px}.is-target .node-port{top:-3px;bottom:auto}.integration-mobile-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:25px}.integration-mobile-picker button{display:flex;justify-content:center;align-items:center;gap:9px;min-height:52px;border:1px solid var(--line);background:var(--white);border-radius:3px;color:var(--muted)}.integration-mobile-picker button[aria-pressed=true]{border-color:var(--orange);background:#f4ede4}.connection-caption{align-items:flex-start;flex-direction:column;gap:15px;min-height:220px;padding-top:22px}.connection-copy p{font-size:14px;gap:8px}.connection-explanation{display:block;font-size:13px;line-height:1.6;margin-top:8px}.connection-control{min-height:44px;font-size:12px}.integration-footnote{font-size:11px;margin-top:10px!important}}@media (prefers-reduced-motion:reduce){.connection-packet{display:none}.core-receipt span{opacity:.6;transform:none}.studio .integration-section[data-manual-play=true] .connection-packet{display:initial}.studio .integration-section[data-manual-play=true] .is-inbound{animation:connection-in 5.6s linear infinite!important}.studio .integration-section[data-manual-play=true] .is-outbound{animation:connection-out 5.6s linear infinite!important}.studio .integration-section[data-manual-play=true]:not([data-running=true]) .connection-packet{animation-play-state:paused!important}}@media (max-width:680px){.connection-caption{justify-content:flex-start;min-height:200px}.integration-diagram{scroll-margin-top:140px}}.section-dots{background-color:var(--paper);background-image:radial-gradient(rgba(118,91,69,.26) .8px,transparent 1px)}.core-monogram{background:#122025;color:var(--bronze-light);font-style:normal}.integration-core{border-color:#d3ccc0;background:#f4efe7;outline-color:#b8aa98}@keyframes connection-in{0%,3%{stroke-dashoffset:100;opacity:0}8%{opacity:1}42%{stroke-dashoffset:0;opacity:1}44%,to{stroke-dashoffset:0;opacity:0}}@keyframes connection-out{0%,51%{stroke-dashoffset:100;opacity:0}55%{opacity:1}94%{stroke-dashoffset:0;opacity:1}96%,to{stroke-dashoffset:0;opacity:0}}@keyframes connection-receive{0%,38%,68%,to{opacity:.22;transform:scaleX(.7)}46%,60%{opacity:1;transform:scaleX(1)}}@media (max-width:760px){.integration-section .section-intro.is-center{align-items:flex-start;text-align:left}.integration-section .section-intro.is-center .section-intro-copy>p{margin-inline:0}}@media (max-width:680px){.integration-diagram{height:240px;margin:0 auto var(--m-card-gap)}.integration-node{min-width:160px}.integration-mobile-picker{margin-bottom:var(--m-card-gap)}.integration-mobile-picker button{min-height:56px}.connection-caption{gap:var(--m-inner);min-height:0;padding-top:var(--m-card-gap)}.connection-eyebrow{font-size:var(--m-label)}.connection-copy{min-height:96px}.connection-copy p{font-size:var(--m-body)}.connection-explanation{font-size:var(--m-small);line-height:1.5}.connection-control,.integration-footnote{font-size:var(--m-label)}.integration-footnote{margin-top:var(--m-inner)!important}}@media (max-width:760px){.integration-node{gap:8px;padding-block:12px}.integration-core{padding:8px}.connection-control,.integration-mobile-picker button{gap:8px}.connection-eyebrow{gap:16px}.connection-copy p{margin-block:8px 4px}}