/* Integration opening only: native type, palette, grid and action system. */
.integration-opening :is(h2,h3,p,li){font-weight:400;hyphens:none}
.integration-opening .pf-heading{margin-bottom:48px}
.integration-route{background:#32131d;color:#fff;border-radius:8px;padding:28px;line-height:1.4;max-width:600px;margin-inline:auto}
.integration-route-label{font-size:14px;color:#c4b8bd}
.integration-route ol{list-style:none;margin:28px 0;padding:0}
.integration-route li{display:grid;grid-template-columns:24px 28px minmax(0,1fr);gap:16px;align-items:center;padding:20px 0;border-top:1px solid #806b73;position:relative}
.integration-route li:last-child{border-bottom:1px solid #806b73}
.integration-route-number{font-size:14px;color:#c4b8bd}.integration-route svg{color:#ff5a2b}
.integration-route h3{font-size:26px!important;line-height:1.2!important;font-weight:400;margin:0 0 8px!important;color:#fff!important;hyphens:none}
.integration-route p{font-size:16px!important;line-height:1.5!important;margin:0!important;color:#c4b8bd!important;hyphens:none}
.integration-route-rule{background:#fff;color:#171717;padding:20px;border-radius:6px}
.integration-route-rule>span{font-size:14px;color:#656565;display:block;margin-bottom:10px}
.integration-route-rule p{font-size:20px!important;color:#171717!important;line-height:1.4!important}
.integration-route .integration-route-note{font-size:14px!important;margin-top:20px!important}
.integration-connections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 56px}
.integration-connections article{min-width:0;border-top:1px solid #d6d6d6;padding-top:24px}
.integration-connections article>span,.integration-reliability article>span{font-size:14px;color:#656565}
.integration-connections h3{font-size:30px;line-height:1.2;letter-spacing:-.02em;margin:20px 0 16px;color:#171717}
.integration-connections p,.integration-reliability p,.integration-estimate p{font-size:18px!important;line-height:1.5!important;color:#656565!important;margin:0!important}
.integration-result{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:32px;background:#32131d;color:#fff;padding:28px;border-radius:8px;margin-top:40px}
.integration-result>span{color:#c4b8bd;font-size:16px}.integration-result p{font-size:22px!important;line-height:1.5!important;color:#fff!important;margin:0!important}
.integration-api{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.integration-api article{min-width:0;padding-top:24px;border-top:1px solid #656565}.integration-api svg{color:#ff5a2b}
.integration-api h3,.integration-reliability h3{font-size:26px;line-height:1.25;letter-spacing:-.02em;margin:24px 0 16px}
.integration-api h3{color:#fff}.integration-api p{font-size:18px!important;line-height:1.5!important;color:#a3a3a3!important;margin:0!important}
.integration-api-note{font-size:16px!important;line-height:1.6!important;color:#a3a3a3!important;margin:40px 0 0!important;padding-top:24px;border-top:1px solid #656565;max-width:90ch}
.integration-reliability{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.integration-reliability article{min-width:0;border-top:1px solid #d6d6d6;padding-top:24px}.integration-reliability h3{color:#171717}
.integration-estimate{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.integration-estimate article{padding:32px;border:1px solid #d6d6d6;border-radius:8px;min-width:0}
.integration-estimate article:nth-child(2){background:#32131d;color:#fff;border-color:#32131d}
.integration-estimate article>span{font-size:14px;color:#656565}
.integration-estimate h3{font-size:clamp(28px,2.6vw,38px);line-height:1.2;letter-spacing:-.02em;margin:24px 0 20px;color:#171717}
.integration-estimate article:nth-child(2) h3{color:#fff}.integration-estimate article:nth-child(2) :is(p,span){color:#c4b8bd!important}
.integration-budget-note{display:flex;gap:40px;justify-content:space-between;align-items:flex-start;margin-top:32px;padding-top:24px;border-top:1px solid #d6d6d6}
.integration-budget-note p{font-size:16px!important;line-height:1.6!important;color:#656565!important;margin:0!important;max-width:76ch}.integration-budget-note .pf-link{flex-shrink:0}
@media(max-width:1000px){.integration-api,.integration-reliability{grid-template-columns:minmax(0,1fr)}.integration-budget-note{flex-direction:column;gap:24px}}
@media(max-width:760px){.integration-opening .pf-heading{margin-bottom:32px}.integration-connections,.integration-result,.integration-estimate{grid-template-columns:minmax(0,1fr);gap:28px}.integration-connections h3{font-size:26px}.integration-connections p,.integration-api p,.integration-reliability p,.integration-estimate p{font-size:16px!important}.integration-result,.integration-estimate article{padding:24px}.integration-result p{font-size:20px!important}.integration-route{padding:20px}.integration-route li{gap:12px;grid-template-columns:20px 24px minmax(0,1fr)}.integration-route h3{font-size:22px!important}.integration-route li svg{width:24px;height:24px}.integration-route-rule p{font-size:18px!important}}
/* Client correction: visible direction, legible examples, actual request movement. */
.int-client-hero{padding:24px;background:#32131d;color:#fff;border-radius:8px;line-height:1.4}
.int-demo-label{display:block;font-size:14px;color:#c4b8bd;margin-bottom:24px}
.int-client-hero :is(h3,p){font-weight:400;hyphens:none;margin:0!important}
.int-client-hero h3{font-size:26px!important;line-height:1.2!important;margin:8px 0!important;color:inherit!important}
.int-client-hero p{font-size:16px!important;line-height:1.45!important;color:inherit!important}
.int-client-hero :is(.int-source,.int-account){padding:16px 20px;border:1px solid #806b73;border-radius:6px}
.int-client-hero :is(.int-source,.int-account)>span{font-size:14px;color:#c4b8bd}
.int-destination{padding:20px;background:#fff;color:#171717;border-radius:6px}
.int-destination>span{font-size:14px;color:#656565}
.int-arrow{display:flex;align-items:center;gap:16px;padding:12px 20px;font-size:14px;color:#c4b8bd}
.int-arrow .ui-arrow{color:#ff5a2b;width:28px;height:32px;flex-shrink:0}.int-arrow svg{width:28px;height:28px}
.int-client-hero .int-demo-note{font-size:14px!important;color:#c4b8bd!important;margin-top:20px!important}
.int-client-hero[data-play=true] .int-arrow-first .ui-arrow{animation:int-arrow-flow 1s cubic-bezier(.22,1,.36,1) both}
.int-client-hero[data-play=true] .int-destination{animation:int-arrive .7s .45s both}
.int-client-hero[data-play=true] .int-arrow-second .ui-arrow{animation:int-arrow-flow 1s .65s cubic-bezier(.22,1,.36,1) both}
.int-client-hero[data-play=true] .int-account{animation:int-arrive .7s 1.1s both}
@keyframes int-arrow-flow{from{transform:translateY(-10px);opacity:.2}to{transform:translateY(0);opacity:1}}
@keyframes int-arrive{from{transform:translateY(-6px);opacity:.4}to{transform:translateY(0);opacity:1}}
.int-client-rows{display:grid;gap:0}.int-client-rows article{display:grid;grid-template-columns:40px minmax(0,1fr);gap:24px;border-top:1px solid #d6d6d6;padding:28px 0}
.int-client-rows article>span{font-size:14px;color:#656565;padding-top:6px}
.int-client-rows h3{font-size:28px;line-height:1.25;font-weight:400;margin:0 0 14px;letter-spacing:-.02em}
.int-client-rows p{font-size:18px!important;line-height:1.55!important;margin:0!important;color:#656565!important;max-width:82ch}
.pf-dark .int-client-rows article{border-color:#656565}.pf-dark .int-client-rows p,.pf-dark .int-client-rows article>span{color:#a3a3a3!important}
.int-client-cta{background:#32131d;color:#fff;padding:28px;border-radius:8px;display:flex;align-items:flex-start;justify-content:space-between;gap:32px;margin-top:24px}
.int-client-cta p{font-size:20px!important;line-height:1.5!important;color:#fff!important;margin:0!important;max-width:66ch}.int-client-cta .pf-link{color:#fff;flex-shrink:0}
.int-journey{--int-progress:0;position:relative;height:190vh;min-height:1100px}
.int-journey-sticky{position:sticky;top:calc(var(--actual-header-h,76px) + var(--actual-subnav-h,66px) + 24px);padding:24px 0}
.int-travel{height:56px;position:relative;margin-bottom:24px}.int-travel-line{position:absolute;left:16.666%;right:16.666%;top:28px;height:1px;background:#806b73}.int-travel-line:before{content:'';display:block;width:calc(var(--int-progress)*100%);height:2px;background:#ff5a2b}.int-travel-line:after{content:'';position:absolute;right:0;top:-4px;width:8px;height:8px;border-right:1px solid #ff5a2b;border-top:1px solid #ff5a2b;transform:rotate(45deg)}
.int-packet{position:absolute;left:calc(16.666% + var(--int-progress)*66.666%);top:8px;transform:translateX(-50%);padding:10px 16px;border-radius:6px;background:#fff;color:#171717;font-size:14px;white-space:nowrap;box-shadow:inset 0 0 0 1px #d8d8d8;}
.int-journey-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.int-journey-cards article{background:#fff;color:#171717;border-radius:8px;padding:24px;min-width:0;border:2px solid #fff}
.int-journey-cards article[data-current=true]{border-color:#ff5a2b}
.int-journey-cards article>span{font-size:14px;color:#656565}
.int-journey-cards h3{font-size:26px;line-height:1.25;font-weight:400;letter-spacing:-.02em;margin:20px 0}
.int-journey-cards dl{margin:0}.int-journey-cards dl>div{border-top:1px solid #d6d6d6;padding-top:12px;margin-top:12px}.int-journey-cards dt{font-size:14px;color:#656565}.int-journey-cards dd{margin:6px 0 0;font-size:16px;line-height:1.45}
.int-card-state{font-size:14px!important;line-height:1.4!important;color:#656565!important;margin:20px 0 0!important;min-height:40px;border-top:1px solid #d6d6d6;padding-top:12px}
.int-journey-cards article[data-reached=true] .int-card-state{color:#171717!important}
.int-journey-controls{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}
.int-journey-controls button{font:inherit;font-size:14px;padding:10px 16px;min-height:44px;border:1px solid #806b73;background:transparent;color:#fff;border-radius:6px;cursor:pointer}.int-journey-controls button[aria-pressed=true]{background:#fff;color:#171717;border-color:#fff}.int-journey-controls button:focus-visible{outline:2px solid #ff5a2b;outline-offset:4px}
.int-journey-status{font-size:18px!important;line-height:1.5!important;color:#fff!important;margin:0!important;min-height:54px;max-width:85ch}
.int-journey .int-demo-note{font-size:14px!important;line-height:1.5!important;color:#c4b8bd!important;margin:16px 0 0!important;max-width:90ch}
.int-journey[data-compact=true]{height:auto;min-height:0}.int-journey[data-compact=true] .int-journey-sticky{position:static}
@media(max-width:1000px){.int-client-cta{flex-direction:column}.int-journey-cards article{padding:18px}.int-journey-cards h3{font-size:22px}}
@media(max-width:760px){.int-client-hero{padding:20px}.int-client-hero h3{font-size:22px!important}.int-client-rows article{grid-template-columns:24px minmax(0,1fr);gap:16px;padding:24px 0}.int-client-rows h3{font-size:24px}.int-client-rows p{font-size:16px!important}.int-client-cta{padding:24px}.int-client-cta p{font-size:18px!important}.int-journey{height:auto;min-height:0}.int-journey-sticky{position:static;padding:0}.int-journey-cards{grid-template-columns:minmax(0,1fr);gap:16px}.int-travel{display:none}.int-journey-cards h3{font-size:24px}.int-journey-cards article{padding:20px}.int-card-state{min-height:0}.int-journey-status{font-size:16px!important;min-height:72px}}
@media(prefers-reduced-motion:reduce){.int-client-hero *{animation:none!important}.int-journey{height:auto;min-height:0}.int-journey-sticky{position:static}}
.int-journey{line-height:1.4}
@media(min-width:761px){.int-journey-sticky{padding:8px 0}.int-travel{height:44px;margin-bottom:12px}.int-packet{top:4px;padding:8px 14px}.int-travel-line{top:22px}.int-journey-cards article{padding:20px}.int-journey-cards h3{font-size:24px;margin:14px 0}.int-journey-cards dl>div{padding-top:8px;margin-top:8px}.int-journey-cards dt{line-height:1.4}.int-journey-cards dd{line-height:1.4;margin-top:4px}.int-card-state{min-height:20px;padding-top:10px;margin-top:14px!important}.int-journey-controls{margin:14px 0;gap:8px}.int-journey-controls button{padding:6px 12px;min-height:36px}.int-journey-status{font-size:16px!important;min-height:48px}.int-journey .int-demo-note{margin-top:8px!important}}
@media(prefers-reduced-motion:reduce){.int-travel{display:none}}
.int-journey:not([data-motion]){height:auto;min-height:0}.int-journey:not([data-motion]) .int-journey-sticky{position:static}.int-journey:not([data-motion]) .int-journey-controls{display:none}