/* Integration's turquoise signal extends the shared service materials and type. */
.integration-page .service-display{font-size:clamp(64px,7.4vw,130px)}
.integration-page .service-hero-grid{grid-template-columns:1fr 1fr;gap:3%;padding-block:24px 45px}
.integration-art{aspect-ratio:600/462;margin:0;overflow:visible;color:var(--service-accent)}
.integration-art svg{width:100%;height:auto;display:block;overflow:visible}
.integration-orbits{opacity:.3;stroke-width:1}.integration-orbits path+path{opacity:.4}
.integration-source,.integration-destination{filter:drop-shadow(0 18px 16px #0006);transform-box:fill-box;transform-origin:center}
.integration-source{transform:translateY(calc(var(--software-depth)*-8px))}.integration-destination{transform:translateY(calc(var(--software-depth)*8px))}
.integration-panel-back{fill:#142b33;stroke:#37616a}.integration-panel-edge{stroke:#69a79f;stroke-width:1.3}.integration-inset{stroke:#4d807d;stroke-opacity:.45}.integration-inset-light{stroke:#759eaa;stroke-opacity:.8}
.integration-label{fill:#a8c9ce;font:400 10px var(--cf-mono);letter-spacing:.2px}.integration-title{fill:var(--cf-ink);font:500 33px var(--cf-body);letter-spacing:-1px}.integration-copy{fill:#acbfc9;font:400 12px var(--cf-body)}.integration-ink{fill:var(--service-ink)}.integration-dark{fill:#13283e}
.integration-rule{stroke:#3b626a;stroke-width:1}.integration-rule-light{stroke:#789ba8;stroke-opacity:.6}.integration-icon-box{fill:#102930;stroke:#376c6b}.integration-skeleton{stroke:#63858f;stroke-width:2;stroke-linecap:round}.integration-skeleton-light{stroke:#7899a6}
.integration-cut{stroke:var(--service-accent);stroke-width:2.5;stroke-linecap:round}.integration-tick-disc{fill:#146d66}.integration-tick{stroke:#e0f4ef;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.integration-return{stroke:var(--service-accent);opacity:.2}.integration-footnote{font:400 10px var(--cf-mono);fill:#9ab9c0;letter-spacing:.5px}
.integration-link-mark path:first-child{fill:#10272c;stroke:var(--service-accent);stroke-opacity:.7}.integration-link-mark path+path{stroke:var(--service-accent);stroke-width:2}
.integration-transfer{stroke-dasharray:.14 .86;stroke-dashoffset:0;opacity:0;filter:drop-shadow(0 0 4px var(--service-accent))}
.integration-explorer.is-running .integration-transfer{animation:integration-transfer 2s ease-in-out 1}
.integration-explorer.is-running .integration-destination .integration-cut{animation:integration-receive 2s ease-out 1}
@keyframes integration-transfer{0%{stroke-dashoffset:1;opacity:0}20%{opacity:1}75%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes integration-receive{0%,55%{opacity:.25}75%{opacity:1;stroke-width:5}100%{opacity:1;stroke-width:2.5}}
.integration-proof-strip{display:grid;grid-template-columns:.8fr 1fr 1.3fr;gap:35px;align-items:center;padding:22px 0 28px;border-top:1px solid var(--cf-line)}.integration-proof-strip>a{display:grid;grid-template-columns:1fr auto;gap:5px 15px;font-weight:500;font-size:19px;min-height:44px}.integration-proof-strip>a span{grid-column:1;font-weight:400;font-size:12px;color:var(--cf-muted)}.integration-proof-strip b{grid-column:2;grid-row:1/3;align-self:center;color:var(--service-accent);font-size:23px;font-weight:400}.integration-proof-strip>a:hover{color:var(--service-accent)}
.integration-page .service-proof{padding-block:70px 90px}.integration-page .service-proof-feature{margin-bottom:30px}.integration-page .service-proof-feature:last-child{margin-bottom:0}.integration-case+.integration-case{border-top:1px solid var(--cf-line);padding-top:45px}.integration-case:nth-child(even){grid-template-columns:1.35fr .65fr}.integration-case:nth-child(even)>.cf-project{grid-column:1;grid-row:1}.integration-case:nth-child(even)>.service-proof-story{grid-column:2;grid-row:1}.service-proof-story .integration-case-route{font:11px/1.8 var(--cf-mono);color:var(--service-accent);margin-top:24px;padding-top:18px;border-top:1px solid var(--cf-line)}
.integration-reliability{padding:clamp(30px,5vw,85px);border:1px solid var(--service-line);background:linear-gradient(120deg,var(--service-wash),var(--cf-night));position:relative;margin-bottom:clamp(75px,9vw,150px)}.integration-reliability:after{content:'';position:absolute;bottom:-1px;left:5%;height:2px;width:18%;background:var(--service-accent)}.integration-reliability-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.integration-recovery{color:var(--service-accent);padding:35px 0}.integration-recovery-path{display:flex;align-items:center;justify-content:space-between;font:500 clamp(20px,2.3vw,35px)/1.3 var(--cf-body);margin-top:40px;gap:10px}.integration-recovery-path i{font-style:normal;font-size:20px;font-weight:400;opacity:.55}.integration-recovery p{font-size:14px;color:var(--cf-muted);margin-top:20px;text-align:center}.integration-recovery svg{display:block;width:100%;margin-top:18px}.integration-assurances article{display:flex;gap:20px;padding:25px 0;border-top:1px solid var(--cf-line)}.integration-assurances article>span{font:11px var(--cf-mono);color:var(--service-accent);padding-top:5px}.integration-assurances h3{font-size:18px;font-weight:500;line-height:1.5}.integration-assurances p{font-size:14px;color:var(--cf-muted);margin-top:8px}.integration-reliability-note{border-top:1px solid var(--cf-line);padding-top:25px;margin-top:30px;font-size:12px;color:var(--cf-muted)}
.integration-planning{align-items:center}.integration-planning .service-investment-detail>.service-eyebrow{display:block;margin-bottom:24px}.integration-page .service-closing{border-top:1px solid var(--cf-line)}.integration-page .service-closing h2{font-size:clamp(64px,7.8vw,132px)}
@media(max-width:1100px){.integration-page .service-display{font-size:clamp(58px,7.4vw,85px)}.integration-proof-strip{grid-template-columns:1fr 1.2fr;gap:15px 5%}.integration-proof-strip>.service-eyebrow{grid-column:1/-1}}
@media(max-width:800px){.integration-page .service-hero-grid{grid-template-columns:1fr;gap:20px;padding-top:10px}.integration-page .service-display{font-size:clamp(64px,12vw,104px)}.integration-page .service-display br:first-child{display:none}.integration-page .service-display em{display:block}.integration-page .service-display em br{display:none}.integration-explorer{max-width:560px}.integration-case:nth-child(even){grid-template-columns:1fr}.integration-case:nth-child(even)>.cf-project,.integration-case:nth-child(even)>.service-proof-story{grid-column:auto;grid-row:auto}.integration-reliability-grid{grid-template-columns:1fr;gap:10px}.integration-recovery{max-width:480px;width:100%;margin-inline:auto;padding-block:10px}.integration-recovery-path{font-size:30px;margin-top:25px}.integration-page .service-proof{padding-block:65px}.integration-page .service-proof-feature{margin-bottom:45px}.integration-case+.integration-case{padding-top:35px}.integration-page .service-closing h2{font-size:clamp(56px,10vw,105px)}}
@media(max-width:520px){.integration-page .service-display{font-size:clamp(44px,12.7vw,66px)}.integration-page .service-hero-grid{gap:0;padding-bottom:25px}.integration-page .service-offer{font-size:11px;max-width:250px}.integration-explorer{margin-top:14px}.integration-proof-strip{padding:22px 0;gap:18px;grid-template-columns:1fr}.integration-proof-strip>a{font-size:17px}.integration-proof-strip>a span{font-size:11px}.integration-proof-strip>a+a{border-top:1px solid var(--cf-line);padding-top:18px}.integration-art .integration-label{font-size:11px}.integration-art .integration-footnote{font-size:11px}.integration-reliability{padding:26px 22px}.integration-recovery-path{font-size:22px}.integration-assurances article{gap:12px}.integration-assurances h3{font-size:17px}.integration-page .service-closing h2{font-size:clamp(46px,12.5vw,65px)}}
@media(prefers-reduced-motion:reduce){.integration-source,.integration-destination{transform:none!important}.integration-transfer{display:none}}
html[data-motion=off] .integration-source,html[data-motion=off] .integration-destination{transform:none!important}html[data-motion=off] .integration-transfer{display:none}
@media(forced-colors:active){.integration-art svg{forced-color-adjust:none}.integration-reliability{background:Canvas;color:CanvasText;border-color:CanvasText}.integration-recovery,.integration-assurances p,.integration-reliability-note{color:CanvasText}}
/* Keep the recovery diagram inside narrow cover screens, including a native scrollbar. */
.integration-reliability-grid>*{min-width:0}.integration-assurances article>div{min-width:0}
@media(max-width:800px){.integration-reliability-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:520px){.integration-recovery-path{font-size:clamp(16px,4.8vw,22px);gap:5px}.integration-recovery-path i{font-size:14px}}
