/* API Integration: a static, editorial extension of the shared service design. */
.integrations-page { --shell:1200px; --int-slate:#526a7d; --int-line:#cbd6df; --int-emphasis:#e6eff5; }
.integrations-page .shell { width:min(calc(100% - 2.5rem),var(--shell)); }
.integrations-page p { font-size:1rem; line-height:1.7; }
.integrations-page .eyebrow { font-size:.72rem; }
.integrations-page .service-hero { padding:1.75rem 0 1.5rem; }
.integrations-page .service-hero-grid { width:min(calc(100% - 3rem),1360px); grid-template-columns:minmax(0, .82fr) minmax(0,1.18fr); gap:clamp(2rem,3.5vw,3.5rem); align-items:center; }
.integrations-page .hero h1 { font-size:clamp(2.7rem,4.1vw,3.8rem); max-width:17ch; }
.integrations-page .hero-lede { font-size:1.15rem; line-height:1.7; }
.integrations-page .hero-actions { margin-top:1.4rem; }
.integrations-page .int-start-note { font-size:.88rem; margin:.75rem 0 0; }
.integrations-page figure { margin:0; min-width:0; }
.integrations-page figcaption { margin:1rem 0 0; color:var(--int-slate); font-size:.875rem; line-height:1.55; }
.integrations-page .int-label { margin:0 0 1rem; font:700 .75rem/1.5 var(--font-display); text-transform:uppercase; letter-spacing:.065em; color:var(--int-slate); }
/* Hero 7: live text and decorative window chrome from the supplied reference. */
@font-face { font-family:IntHand; src:url('/assets/fonts/Caveat-Variable.ttf') format('truetype'); font-display:swap; }
.integrations-page .int-status { display:inline-block; padding:.3rem .55rem; background:#e8eef3; color:#3d566a; border-radius:2px; font:.875rem/1.5 var(--font-prose); }
.integrations-page .int-status-pending { background:#fbf0d5; color:#705211; }
.integrations-page .int-status-success { background:#e0efe8; color:#315b4d; }
.integrations-page .int-hero-figure { position:relative; container:int-hero / inline-size; }
.integrations-page .int-hero-scene { display:grid; grid-template-columns:minmax(0,1fr) minmax(7rem,.55fr) minmax(0,1.2fr); align-items:center; padding:3rem 0 1.5rem; isolation:isolate; }
.integrations-page .int-hero-scene::before { content:''; position:absolute; inset:0 -1rem; background:radial-gradient(ellipse at 65% 50%,#d9e6ef80,transparent 68%); z-index:-1; pointer-events:none; }
.integrations-page .int-hero-window { min-width:0; border:1px solid #c4d4e2; border-radius:4px; background:#fff; box-shadow:0 18px 30px #27475e26; overflow:hidden; font:.875rem/1.5 var(--font-prose); }
.integrations-page .int-window-source { transform:perspective(800px) rotateY(16deg); border-left:3px solid #bccdda; }
.integrations-page .int-window-destination { transform:perspective(800px) rotateY(-16deg); border-right:3px solid #bccdda; }
.integrations-page .int-window-bar { display:grid; grid-template-columns:2.9rem minmax(0,1fr) auto; align-items:center; gap:.6rem; padding:.8rem .8rem .8rem 0; background:linear-gradient(110deg,#edf3f7,#dfe8ef); color:#244662; }
.integrations-page .int-window-destination .int-window-bar { background:linear-gradient(110deg,#102f40,#1b3441); color:#fff; padding-block:1rem; }
.integrations-page .int-window-brand { display:flex; justify-content:center; }
.integrations-page .int-hero-window svg { width:1.25rem; height:1.25rem; fill:currentColor; flex-shrink:0; }
.integrations-page .int-window-menu { letter-spacing:.12em; }
.integrations-page .int-window-main { display:grid; grid-template-columns:2.9rem minmax(0,1fr); }
.integrations-page .int-window-rail { display:flex; flex-direction:column; align-items:center; gap:1.1rem; padding:.9rem .3rem; background:linear-gradient(100deg,#e7eef4,#f4f7fa); border-right:1px solid #e3ebf1; color:#93a5b6; }
.integrations-page .int-window-rail > span { display:flex; padding:.3rem; }
.integrations-page .int-window-rail > span:first-child { color:#57758d; }
.integrations-page .int-window-destination .int-window-rail { background:linear-gradient(100deg,#f1f5f8,#fff); }
.integrations-page .int-window-destination .int-window-rail > span:first-child { background:#e5edf3; border-radius:3px; }
.integrations-page .int-window-content { min-width:0; padding:1rem; }
.integrations-page .int-window-reference { display:table; margin:0 0 .5rem; padding:.05rem .4rem; background:#e6eef5; color:#234765; font-size:.875rem; line-height:1.4; }
.integrations-page .int-window-content h2 { margin:0 0 .8rem; font-size:1.6rem; line-height:1.25; letter-spacing:-.03em; }
.integrations-page .int-window-fields { margin:0; padding:.65rem 0; border-top:1px solid #edf1f5; color:#425e7d; font-size:.8125rem; }
.integrations-page .int-window-fields > div { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); align-items:center; gap:.5rem; margin:0 0 .4rem; }
.integrations-page .int-window-fields dd { margin:0; }
.integrations-page .int-window-ready { display:inline-flex; align-items:center; gap:.35rem; color:#315744; }
.integrations-page .int-window-ready::before { content:''; width:.45rem; height:.45rem; background:#00803d; border-radius:50%; flex-shrink:0; }
.integrations-page .int-window-note { display:flex; align-items:center; gap:.5rem; background:#eff4f8; padding:.7rem .5rem; margin:0; color:#425e7d; font-size:.8125rem; line-height:1.5; }
.integrations-page .int-window-note svg { color:#788ea2; width:1rem; height:1rem; }
.integrations-page .int-window-next { color:#00812d; font-size:1rem; margin:.25rem 0 .75rem; }
.integrations-page .int-window-action { display:flex; align-items:center; justify-content:space-between; gap:.5rem; border:1px solid #bacfe0; border-radius:2px; padding:.65rem; font-size:.875rem; color:var(--ink); }
.integrations-page .int-window-action > span { font-size:1.3rem; line-height:1; }
.integrations-page .int-hero-transfer { position:relative; min-width:0; text-align:center; align-self:center; padding-top:2.5rem; color:#294e70; }
.integrations-page .int-transfer-callout { position:absolute; bottom:calc(100% - 2.5rem); left:-1.2rem; right:-1.2rem; }
.integrations-page .int-transfer-callout p { margin:0; font:400 clamp(1.75rem,2vw,1.9rem)/1.05 IntHand,cursive; transform:rotate(-8deg); }
.integrations-page .int-transfer-callout svg { display:block; width:2.5rem; height:4rem; margin:.3rem auto 0; transform:translateX(1rem); fill:none; stroke:#173d5f; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.integrations-page .int-transfer-path { position:relative; display:flex; align-items:center; justify-content:center; height:2.8rem; }
.integrations-page .int-transfer-path::before { content:''; position:absolute; left:0; right:0; top:50%; border-top:3px dotted #4f7894; z-index:-1; }
.integrations-page .int-transfer-path::after { content:''; position:absolute; right:0; top:calc(50% - .3rem); width:.65rem; height:.65rem; border-top:2px solid #2f6485; border-right:2px solid #2f6485; transform:rotate(45deg); }
.integrations-page .int-transfer-record { display:inline-block; padding:.4rem .6rem; border:1px solid #b5cad9; border-radius:2px; background:#f4f8fb; box-shadow:0 2px 5px #24465e12; color:#234765; font:600 .875rem/1.4 var(--font-prose); white-space:nowrap; }
.integrations-page .int-transfer-label { font-size:.8125rem; line-height:1.4; margin:.6rem 0 0; }
.integrations-page .int-fit { padding:2.8rem 0 3rem; }
.integrations-page .int-fit-layout { display:grid; grid-template-columns:minmax(0,.60fr) minmax(0,1.70fr); gap:3rem; align-items:center; }
.integrations-page h2 { font-size:clamp(2rem,3.4vw,3.1rem); line-height:1.12; max-width:25ch; }
.integrations-page .int-section-heading h2 { font-size:clamp(2rem,4vw,2.8rem); }
.integrations-page .int-fit-rows { padding:0; margin:0; list-style:none; }
.integrations-page .int-fit-rows > li { display:grid; grid-template-columns:minmax(0,.4fr) minmax(0,1fr); gap:clamp(2rem,4vw,4rem); align-items:center; min-height:9rem; padding:1.25rem 0; }
.integrations-page .int-fit-rows > li + li { border-top:1px solid var(--line); }
.integrations-page .int-fit-rows h3 { font-size:1.25rem; line-height:1.3; margin:0 0 .4rem; }
.integrations-page .int-fit-rows p { margin:0; color:var(--int-slate); font-size:1.125rem; line-height:1.45; }
/* team4 reference: compact diagrams and wider copy columns, with rules between rows. */
.integrations-page .int-fit-scene { width:100%; max-width:280px; aspect-ratio:8 / 3; min-width:0; }
.integrations-page .int-scene-drawing { display:block; width:100%; height:100%; overflow:visible; }
.integrations-page .int-team-window,.integrations-page .int-team-file { filter:drop-shadow(0 3px 4px #243e520e); }
.integrations-page .int-team-plane { fill:#fff; stroke:#527b98; stroke-width:1.8; }
.integrations-page .int-team-chrome { fill:#edf2f6; }
.integrations-page .int-team-dots { fill:#466f8c; }
.integrations-page .int-team-tiles rect,.integrations-page .int-team-tile { fill:#a8bfce; stroke:#7f9fb5; stroke-width:1.4; }
.integrations-page .int-team-record-lines { fill:#bfccd5; }
.integrations-page .int-team-route,.integrations-page .int-team-arrow { fill:none; stroke:#416d8d; stroke-width:2.2; stroke-linejoin:round; }
.integrations-page .int-team-dashed { stroke-dasharray:6 6; }
.integrations-page .int-team-file-plane { fill:#fff; stroke:#6d92ac; stroke-width:1.8; }
.integrations-page .int-team-fold { fill:#e6edf2; stroke:#6d92ac; stroke-width:1.4; stroke-linejoin:round; }
.integrations-page .int-team-csv { fill:#386485; font:600 23px var(--font-prose); }
.integrations-page .int-team-search { fill:none; stroke:#456f8c; stroke-width:3.5; }
.integrations-page .int-team-connector rect { fill:#f1f5f8; stroke:#789ab3; stroke-width:1.7; }
.integrations-page .int-team-links { fill:none; stroke:#4e6b80; stroke-width:2.2; }
.integrations-page .int-team-error { fill:#c95d65; }
.integrations-page .int-team-cross { fill:none; stroke:#fff; stroke-width:2.8; stroke-linecap:round; }
.integrations-page .section { padding:4.5rem 0; }
.integrations-page .section-intro { max-width:800px; margin-bottom:3rem; }
.integrations-page .int-proof { background:var(--soft); padding:4rem 0 3rem; }
.integrations-page .int-proof > .shell > .section-intro { max-width:none; margin-bottom:3.5rem; }
.integrations-page .int-proof .section-intro h2 { font-size:clamp(1.8rem,3vw,2.6rem); max-width:none; margin-bottom:.75rem; }
.integrations-page .int-proof .section-intro > p:last-child { max-width:90ch; margin-bottom:0; color:var(--int-slate); font-size:1.125rem; line-height:1.55; }
.integrations-page .int-project-copy { display:grid; grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); gap:2.5rem; }
.integrations-page .int-project-copy h3 { font-size:2.3rem; line-height:1.16; max-width:19ch; margin:0 0 1.25rem; }
.integrations-page .int-project-copy > div:first-child > p:not(.int-label) { color:var(--int-slate); font-size:1.125rem; line-height:1.55; margin:0 0 1.5rem; }
.integrations-page .int-project-copy > div:first-child > p.int-attribution { font-size:1rem; }
.integrations-page .int-featured .int-label { font-size:.875rem; letter-spacing:.035em; }
.integrations-page .int-featured .text-link { font-size:1.125rem; font-weight:400; }
.integrations-page .int-attribution { color:var(--int-slate); font-size:.9rem; line-height:1.65; }
.integrations-page .int-project-copy > div > p:first-child { margin-top:0; }
.integrations-page .int-key-detail { font-weight:600; color:var(--ink); }
.integrations-page .int-payment-argument { align-self:center; border:1px solid #dfe6eb; background:rgba(255,255,255,.2); padding:1.5rem 1.75rem; }
.integrations-page .int-payment-statement { font:400 clamp(1.55rem,2.425vw,2.1rem)/1.12 var(--font-display); letter-spacing:-.025em; margin:0 0 .5rem; }
.integrations-page .int-payment-argument > p:last-child { font-size:clamp(1.125rem,1.8vw,1.5rem); line-height:1.45; color:var(--int-slate); margin:0; }
.integrations-page .int-payment-figure { margin-top:.5rem; }
/* FSS reference: one continuous recovery sequence, with quiet status colors. */
.integrations-page .int-payment-sequence { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; padding:0; margin:0; }
.integrations-page .int-payment-sequence li { --recovery-fill:#faf8f1; --recovery-line:#d9c8a3; position:relative; isolation:isolate; padding:.875rem 3rem .875rem 1.75rem; }
.integrations-page .int-payment-sequence li + li { margin-left:-11.111%; padding-left:18%; }
.integrations-page .int-payment-sequence li:nth-child(2) { --recovery-fill:#f1f6fa; --recovery-line:#a9bfce; }
.integrations-page .int-payment-sequence li:nth-child(3) { --recovery-fill:#eef5f0; --recovery-line:#aaccc1; }
.integrations-page .int-recovery-chevron { position:absolute; inset:0; width:100%; height:100%; overflow:visible; z-index:-1; }
.integrations-page .int-recovery-chevron polygon { fill:var(--recovery-fill); stroke:var(--recovery-line); stroke-width:1px; vector-effect:non-scaling-stroke; }
.integrations-page .int-payment-sequence .int-label { min-height:1.35rem; margin-bottom:.75rem; }
.integrations-page .int-payment-sequence h4 { margin:0 0 .75rem; }
.integrations-page .int-payment-sequence .int-status { padding:.2rem .5rem; background:#ecf1f5; font-size:1.0625rem; }
.integrations-page .int-payment-sequence .int-status-pending { background:#f7efde; }
.integrations-page .int-payment-sequence .int-status-success { background:#e7f0eb; }
.integrations-page .int-payment-sequence p:last-child { font-size:1.0625rem; line-height:1.5; margin:0; color:var(--int-slate); }
.integrations-page .int-payment-figure figcaption { border-top:1px solid var(--int-line); padding-top:.75rem; margin-top:.75rem; font-size:1.0625rem; }
.integrations-page .int-supporting-projects { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; margin-top:2rem; padding-top:2rem; border-top:1px solid var(--int-line); }
.integrations-page .int-supporting-project { display:flex; flex-direction:column; min-width:0; padding-right:2rem; }
.integrations-page .int-supporting-project + .int-supporting-project { border-left:1px solid #e3e9ed; padding-left:2rem; padding-right:0; }
.integrations-page .int-supporting-project h3 { font-size:1.85rem; line-height:1.2; margin-bottom:1rem; }
.integrations-page .int-supporting-project > p { margin:0 0 1.5rem; }
.integrations-page .int-supporting-project > .int-attribution { font-size:1rem; }
.integrations-page .int-supporting-project > .int-label { margin-bottom:.8rem; }
.integrations-page .int-supporting-project figure { margin-top:.25rem; padding-top:0; }
/* Quiet folio numerals link the featured example and supporting projects. */
.integrations-page .int-project-heading { position:relative; padding-left:4.25rem; min-height:7rem; margin-bottom:1rem; }
.integrations-page .int-project-numeral { position:absolute; top:-1rem; left:0; width:3.5rem; text-align:right; color:#c5d1da; opacity:.84; font:400 7.5rem/1 var(--font-display); letter-spacing:-.055em; pointer-events:none; user-select:none; }
.integrations-page .int-featured .int-project-numeral { font-size:8rem; }
.integrations-page .int-featured .int-project-heading { margin-bottom:1.25rem; }
.integrations-page .int-project-heading > .int-label { margin:0 0 .5rem; font-size:.75rem; font-weight:500; letter-spacing:.045em; }
.integrations-page .int-project-heading h3 { margin:0; }
@media (max-width:760px) {
 .integrations-page .int-project-heading { padding-left:2.75rem; min-height:4.5rem; }
 .integrations-page .int-project-numeral { top:-.5rem; width:2rem; font-size:4rem; }
 .integrations-page .int-featured .int-project-numeral { font-size:4.25rem; }
}
/* breeze1: open record transformations and an explicit customer-to-action mapping. */
.integrations-page .int-normalization { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.7fr) minmax(0,1.1fr); gap:1rem; align-items:stretch; font:1rem/1.6 var(--font-prose); }
.integrations-page .int-normalization > div { min-width:0; }
.integrations-page .int-normalization strong,.integrations-page .int-normalization span,.integrations-page .int-normalization time { display:block; }
.integrations-page .int-feed-surface { padding:1rem; border-radius:4px; background:#f8fafc; }
.integrations-page .int-normalization .int-label { margin-bottom:1rem; font-size:.875rem; letter-spacing:.035em; }
.integrations-page .int-normalization strong { font-weight:400; margin:0; }
.integrations-page .int-normalization .int-raw-reference { margin-top:.25rem; padding:.1rem .4rem; background:#edf2f6; color:var(--int-slate); }
.integrations-page .int-linked-reference { margin-top:.25rem; color:var(--int-slate); }
.integrations-page .int-normalize-arrow { align-self:center; text-align:center; color:var(--int-slate); font-size:.875rem; }
.integrations-page .int-flow-arrow { display:block; width:100%; height:1.25rem; fill:none; stroke:#597e99; stroke-width:1.4; }
.integrations-page .int-flow-arrow path { vector-effect:non-scaling-stroke; }
.integrations-page .int-normalize-arrow .int-flow-arrow { margin:.75rem auto 0; max-width:100px; }
.integrations-page .int-relationship { display:grid; grid-template-columns:minmax(0,1fr) 3.5rem minmax(0,1.1fr); align-items:center; gap:1rem; margin-top:1.5rem; font:.875rem/1.5 var(--font-prose); }
.integrations-page .int-document-step { display:flex; align-items:center; gap:.875rem; min-width:0; }
.integrations-page .int-document-step strong { font-weight:400; }
.integrations-page .int-document-icon { width:1.5rem; height:2rem; flex-shrink:0; fill:none; stroke:#597e99; stroke-width:1.5; stroke-linejoin:round; }
.integrations-page .int-relationship strong,.integrations-page .int-relationship div > span { display:block; }
.integrations-page .int-relationship div > span { color:var(--int-slate); margin-top:.15rem; }
.integrations-page .int-facility-steps { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.45fr) minmax(0,1.1fr); gap:2rem; list-style:none; padding:0; margin:0; }
.integrations-page .int-facility-steps li { position:relative; display:flex; flex-direction:column; min-width:0; font:1rem/1.55 var(--font-prose); }
.integrations-page .int-facility-steps li > .int-flow-arrow { position:absolute; width:1.5rem; left:-1.75rem; top:calc(50% + 1rem); }
.integrations-page .int-facility-steps .int-label { min-height:2.625rem; font-size:.875rem; letter-spacing:.01em; margin:0 0 .75rem; }
.integrations-page .int-facility-surface { display:flex; flex-direction:column; justify-content:center; flex:1; min-height:10.5rem; padding:1rem; background:#f8fafc; border-radius:4px; }
.integrations-page .int-facility-steps li:nth-child(2) .int-facility-surface { background:#e9f0f5; }
.integrations-page .int-facility-steps strong,.integrations-page .int-facility-steps span { display:block; }
.integrations-page .int-facility-steps span { color:var(--int-slate); }
.integrations-page .int-mapping-purpose { margin-bottom:.7rem; }
.integrations-page .int-choice-or { margin:.4rem 0; }
.integrations-page .int-process-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; padding:0; list-style:none; margin:0; }
.integrations-page .int-phase { position:relative; padding:.8rem 2rem .8rem 1.5rem; min-height:5.5rem; display:flex; flex-direction:column; justify-content:center; isolation:isolate; }
.integrations-page .int-phase::before { content:''; position:absolute; inset:0; background:#e2eaf0; clip-path:polygon(0 0,calc(100% - 1.5rem) 0,100% 50%,calc(100% - 1.5rem) 100%,0 100%,1.5rem 50%); z-index:-1; }
.integrations-page .int-process-steps li:first-child .int-phase::before { background:#304651; clip-path:polygon(0 0,calc(100% - 1.5rem) 0,100% 50%,calc(100% - 1.5rem) 100%,0 100%); }
.integrations-page .int-process-steps li:first-child .int-phase { color:#fff; }
.integrations-page .int-process-steps li:nth-child(2) .int-phase::before { background:#a9b9c8; }
.integrations-page .int-process-steps li:not(:first-child) .int-phase { padding-left:2.5rem; }
.integrations-page .int-phase > span { font-weight:700; font-size:1.3rem; }
.integrations-page .int-phase h3 { font-size:1.2rem; margin:.3rem 0 0; line-height:1.2; }
.integrations-page .int-process-steps li > p { margin:1rem 1.5rem 0; }
.integrations-page .int-terms { margin:0; max-width:70ch; color:var(--int-slate); font-size:.9rem; }
.integrations-page .int-process-action { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:1rem 2rem; margin-top:1.5rem; padding-top:1rem; border-top:1px solid var(--line); }
.integrations-page .int-process .int-boundary { margin:.75rem 0 0; font:600 1.4rem/1.35 var(--font-display); }
.integrations-page .int-process-bridge { margin:0 0 .75rem; color:var(--int-slate); }
.integrations-page .int-process { padding:2.5rem 0; }
.integrations-page .int-process .section-intro { max-width:900px; margin-bottom:1.5rem; }
.integrations-page .int-process h2 { max-width:none; }
.integrations-page .int-anchor { display:block; scroll-margin-top:6rem; }
.integrations-page .contact-copy h2 { max-width:18ch; }
.integrations-page .contact-form .form-note { font-size:.8rem; }
.integrations-page .site-footer .related-services p { font-size:.8rem; color:var(--muted-on-dark); }
@media (max-width:1100px) {
 .integrations-page .service-hero-grid { grid-template-columns:minmax(0,1fr); width:min(calc(100% - 2.5rem),var(--shell)); gap:2.5rem; }
 .integrations-page .hero-copy { max-width:740px; }
 .integrations-page .hero h1 { max-width:23ch; }
 .integrations-page .int-hero-figure { width:100%; max-width:780px; justify-self:center; }
 .integrations-page .int-fit-layout { grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr); gap:2.5rem; }
 .integrations-page .int-fit-rows > li { grid-template-columns:minmax(0,1fr); gap:1rem; }
 .integrations-page .int-fit-scene { grid-column:1; }
 .integrations-page .int-fit-rows > li > div:last-child { grid-column:1; }
 .integrations-page .int-project-copy { gap:2rem; }
 .integrations-page .int-payment-argument { padding:1.5rem; }
 .integrations-page .int-payment-sequence li { padding-right:2rem; }
 .integrations-page .int-payment-sequence .int-label { min-height:3.9rem; }
 .integrations-page .int-supporting-projects { gap:2rem; }
 .integrations-page .int-supporting-projects { grid-template-columns:minmax(0,1fr); }
 .integrations-page .int-supporting-project { padding-right:0; }
 .integrations-page .int-supporting-project + .int-supporting-project { border-left:0; border-top:1px solid var(--int-line); padding:2rem 0 0; }
 .integrations-page .int-supporting-project figure { margin-top:.5rem; max-width:700px; }
}
@media (max-width:760px) {
 .integrations-page .service-hero { padding:1.75rem 0 1.5rem; }
 .integrations-page .hero h1 { font-size:clamp(2.2rem,7.8vw,3.3rem); }
 .integrations-page .int-fit { padding:.5rem 0 1.5rem; }
 .integrations-page .int-fit-layout,.integrations-page .int-project-copy { grid-template-columns:minmax(0,1fr); gap:1.5rem; }
 .integrations-page .int-fit-rows > li { grid-template-columns:minmax(0,1fr); gap:1rem; padding:1.25rem 0; }
 .integrations-page .int-fit-scene { grid-column:1; max-width:280px; }
 .integrations-page .int-fit-rows > li > div { grid-column:1; }
 .integrations-page .int-section-heading h2 { margin-bottom:0; }
 .integrations-page .section { padding:3rem 0; }
 .integrations-page .section-intro { margin-bottom:2rem; }
 .integrations-page .int-project-copy h3 { font-size:2rem; }
 .integrations-page .int-payment-argument { padding:1.25rem; }
 .integrations-page .int-payment-sequence,.integrations-page .int-process-steps { grid-template-columns:minmax(0,1fr); }
 .integrations-page .int-proof > .shell > .section-intro { margin-bottom:2rem; }
 .integrations-page .int-payment-sequence { gap:.75rem; }
 .integrations-page .int-payment-sequence li,.integrations-page .int-payment-sequence li + li { margin-left:0; padding:1.25rem; background:var(--recovery-fill); border:1px solid var(--recovery-line); }
 .integrations-page .int-recovery-chevron { display:none; }
 .integrations-page .int-payment-sequence .int-label { min-height:0; }
 .integrations-page .int-process-steps { gap:1.5rem; }
 .integrations-page .int-phase::before,.integrations-page .int-process-steps li:first-child .int-phase::before { clip-path:none; }
 .integrations-page .int-phase,.integrations-page .int-process-steps li:not(:first-child) .int-phase { min-height:0; padding:1rem 1.25rem; }
 .integrations-page .int-process-steps li > p { margin:1rem 0 0; }
 .integrations-page .int-supporting-projects { margin-top:2rem; padding-top:2rem; }
 .integrations-page .int-label { font-size:.875rem; letter-spacing:.03em; }
 .integrations-page .int-facility-steps .int-label { font-size:.875rem; }
}
@media (max-width:540px) {
 .integrations-page .shell,.integrations-page .service-hero-grid { width:calc(100% - 2rem); }
 .integrations-page .int-facility-steps { grid-template-columns:minmax(0,1fr); gap:2.5rem; }
 .integrations-page .int-facility-surface { min-height:0; }
 .integrations-page .int-facility-steps li > .int-flow-arrow { top:-1.9rem; left:calc(50% - .75rem); transform:rotate(90deg); }
 .integrations-page .int-facility-steps .int-label { min-height:0; margin-bottom:.6rem; }
 .integrations-page .int-relationship { grid-template-columns:minmax(0,1fr); gap:1rem; }
 .integrations-page .int-relationship > .int-flow-arrow { width:2rem; margin:.25rem 0 .25rem 2.5rem; transform:rotate(90deg); }
 .integrations-page .hero-actions .button { width:100%; }
 .integrations-page .int-fit-rows > li { grid-template-columns:minmax(0,1fr); gap:1rem; }
}

.integrations-page .int-project-deck { font:1.4rem/1.35 var(--font-display); max-width:24ch; margin:0 0 1rem; }
/* Allow enlarged text and native form controls to reflow inside the shared grids. */
.integrations-page .contact-grid > *,
.integrations-page .field-row > *,
.integrations-page .field input,
.integrations-page .field textarea,
.integrations-page .footer-inner > * { min-width:0; }
.integrations-page .field input:focus-visible,
.integrations-page .field textarea:focus-visible { outline:2px solid var(--blue); outline-offset:3px; }
@media (max-width:540px) {
 .integrations-page .footer-inner { grid-template-columns:minmax(0,1fr); gap:1rem; }
 .integrations-page .footer-inner p:last-child { text-align:left; }
 .integrations-page .button { white-space:normal; }
}
.integrations-page .contact-form,
.integrations-page .field { grid-template-columns:minmax(0,1fr); }
.integrations-page .contact-form > * { min-width:0; }
@media (max-width:760px) {
 .integrations-page .int-process { padding:2rem 0; }
 .integrations-page .int-process .section-intro { margin-bottom:1.25rem; }
 .integrations-page .int-process-steps { gap:1.1rem; }
 .integrations-page .int-phase,.integrations-page .int-process-steps li:not(:first-child) .int-phase { padding:.75rem 1.25rem; }
}
@media (max-width:540px) {
 .integrations-page .int-normalization { grid-template-columns:minmax(0,1fr); gap:1rem; }
 .integrations-page .int-normalization .int-label { min-height:0; }
 .integrations-page .int-normalize-arrow { display:flex; align-items:center; justify-content:center; gap:.65rem; }
 .integrations-page .int-normalize-arrow .int-flow-arrow { width:2rem; margin:0; transform:rotate(90deg); }
}

.integrations-page .int-normalization .int-feed-note { text-transform:none; font-weight:400; letter-spacing:0; }

@media (min-width:1101px) {
 .integrations-page .service-hero-grid { width:min(calc(100% - 5rem),1600px); grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:2rem; }
 .integrations-page .hero h1 { max-width:19ch; font-size:clamp(2.7rem,3.75vw,4rem); }
 .integrations-page .hero-lede { font-size:clamp(1.05rem,1.3vw,1.3rem); line-height:1.6; }
}
@media (max-width:1100px) {
 .integrations-page .int-hero-figure { max-width:900px; }
}
@container int-hero (max-width:40rem) {
 .integrations-page .int-hero-scene { grid-template-columns:minmax(0,1fr); gap:1.25rem; padding:0; max-width:420px; margin:auto; }
 .integrations-page .int-hero-scene::before { inset:0; }
 .integrations-page .int-hero-window { transform:none; width:100%; }
 .integrations-page .int-window-fields,.integrations-page .int-window-note,.integrations-page .int-transfer-label { font-size:.875rem; }
 .integrations-page .int-hero-transfer { display:grid; grid-template-columns:minmax(0,1fr) 6rem minmax(0,1fr); align-items:center; gap:.65rem; padding:0; min-height:7rem; }
 .integrations-page .int-transfer-callout { position:static; }
 .integrations-page .int-transfer-callout p { font-size:1.65rem; transform:rotate(-6deg); }
 .integrations-page .int-transfer-callout svg { display:none; }
 .integrations-page .int-transfer-path { height:6rem; }
 .integrations-page .int-transfer-path::before { left:50%; right:auto; top:0; bottom:0; border-top:0; border-left:3px dotted #4f7894; }
 .integrations-page .int-transfer-path::after { top:auto; bottom:0; right:calc(50% - .4rem); transform:rotate(135deg); }
 .integrations-page .int-transfer-label { margin:0; text-align:left; }
}

.integrations-page .hero-lede { color:#4b6283; }
@media (min-width:1101px) {
 .integrations-page .hero h1 { white-space:pre-line; }
}
.integrations-page .int-window-action { flex-wrap:wrap; }
.integrations-page .int-window-action > span { margin-left:auto; }
@container int-hero (max-width:30rem) {
 .integrations-page .int-window-main { grid-template-columns:2rem minmax(0,1fr); }
 .integrations-page .int-window-content { padding:1rem .65rem; }
 .integrations-page .int-window-fields > div { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.2rem .5rem; }
}
@container int-hero (max-width:30rem) {
 .integrations-page .int-hero-transfer { grid-template-columns:minmax(0,1fr); gap:.6rem; width:100%; }
 .integrations-page .int-transfer-callout { grid-column:1 / -1; }
 .integrations-page .int-transfer-callout p { transform:none; }
 .integrations-page .int-transfer-callout br { display:none; }
 .integrations-page .int-transfer-label { text-align:center; }
}

/* select2: an inset featured spread above wider, outlined supporting evidence. */
.integrations-page .int-proof { background:#f1f4f6; padding:1.5rem 0; }
.integrations-page .int-proof .section-shards { height:32px; width:20px; }
.integrations-page .int-proof > .shell { max-width:1120px; }
.integrations-page .int-proof > .shell > .section-intro { max-width:none; width:100%; }
.integrations-page .int-featured { max-width:none; width:100%; }
.integrations-page .int-proof > .shell > .section-intro { margin-bottom:2.5rem; }
.integrations-page .int-proof .section-intro h2 { font-size:2rem; }
.integrations-page .int-proof .section-intro > p:last-child { font-size:.9375rem; }
.integrations-page .int-project-copy { gap:2rem; }
.integrations-page .int-project-copy h3 { font-size:1.85rem; }
.integrations-page .int-project-copy > div:first-child > p:not(.int-label) { font-size:.9375rem; margin-bottom:1rem; }
.integrations-page .int-project-copy > div:first-child > p.int-attribution { font-size:.875rem; }
.integrations-page .int-featured .text-link { font-size:.9375rem; }
.integrations-page .int-payment-argument { padding:1.25rem 1.5rem; border-color:#dce4ea; background:#f4f6f8; }
.integrations-page .int-payment-statement { font-size:1.6875rem; }
.integrations-page .int-payment-argument > p:last-child { font-size:1.25rem; line-height:1.4; }
.integrations-page .int-project-heading { padding-left:3.75rem; min-height:5.5rem; margin-bottom:1rem; }
.integrations-page .int-project-numeral { font-size:6.25rem; width:3rem; top:-.75rem; }
.integrations-page .int-featured .int-project-numeral { font-size:6.5rem; }
.integrations-page .int-featured .int-project-heading { padding-left:3.5rem; margin-bottom:1rem; }
.integrations-page .int-project-heading > .int-label { font-size:.625rem; margin-bottom:.5rem; }
.integrations-page .int-payment-sequence li { padding:.6rem 2rem .6rem 1.4rem; }
.integrations-page .int-payment-sequence li + li { padding-left:18%; }
.integrations-page .int-payment-sequence .int-label { font-size:.6875rem; min-height:0; margin-bottom:.45rem; }
.integrations-page .int-payment-sequence .int-status,
.integrations-page .int-payment-sequence p:last-child,
.integrations-page .int-payment-figure figcaption { font-size:.875rem; }
.integrations-page .int-payment-sequence h4 { margin-bottom:.65rem; }
.integrations-page .int-supporting-projects { padding-top:1.5rem; margin-top:1.75rem; }
.integrations-page .int-supporting-project + .int-supporting-project { border-color:#d4e0e9; }
.integrations-page .int-supporting-project h3 { font-size:1.55rem; }
.integrations-page #facility-title { max-width:31ch; }
.integrations-page .int-supporting-project > p { font-size:.9375rem; line-height:1.45; color:var(--int-slate); margin-bottom:.75rem; }
.integrations-page .int-supporting-project > .int-attribution { font-size:.9375rem; }
.integrations-page .int-supporting-project figure { margin-top:0; }
.integrations-page .int-normalization { grid-template-columns:minmax(0,1fr) minmax(0,.74fr) minmax(0,1.12fr); gap:2.5rem; font-size:.875rem; line-height:1.45; }
.integrations-page .int-feed-surface { padding:.65rem 1rem; border:1px solid #a9c3d8; border-radius:0; background:#fcfdfe; }
.integrations-page .int-normalization .int-label { font-size:.6875rem; margin:-.65rem -1rem .45rem; padding:.55rem 1rem; border-bottom:1px solid #d6e2eb; letter-spacing:0; }
.integrations-page .int-linked-reference { background:#edf2f6; padding:.1rem .4rem; }
.integrations-page .int-normalize-arrow { position:relative; padding:1.4rem .4rem; border:1px solid #a9c3d8; background:#f5f8fa; font-size:.75rem; }
.integrations-page .int-normalize-arrow .int-flow-arrow { position:absolute; width:2rem; margin:0; top:calc(50% - .625rem); }
.integrations-page .int-normalize-input { left:-2.3rem; }
.integrations-page .int-normalize-output { right:-2.3rem; }
.integrations-page .int-relationship { gap:0; grid-template-columns:minmax(0,1fr) 7rem minmax(0,1.1fr); margin:1rem .5rem 0; font-size:.875rem; }
.integrations-page .int-document-step { padding:.4rem 1.25rem; border:1px solid #a9c3d8; background:#fcfdfe; }
.integrations-page .int-relationship > .int-flow-arrow path { stroke-dasharray:4 3; }
.integrations-page .int-facility-steps { grid-template-columns:minmax(0,1fr) minmax(0,1.07fr) minmax(0,1fr); gap:2.5rem; }
.integrations-page .int-facility-steps li { font-size:.875rem; }
.integrations-page .int-facility-surface { border:1px solid #a9c3d8; border-radius:0; padding:.75rem; background:#fcfdfe; min-height:11.5rem; }
.integrations-page .int-facility-steps li:nth-child(2) .int-facility-surface { background:#fcfdfe; padding:1rem; gap:.55rem; }
.integrations-page .int-facility-steps li > .int-flow-arrow { width:2rem; left:-2.3rem; top:calc(50% - .625rem); }
.integrations-page .int-facility-steps .int-label { min-height:0; font-size:.625rem; margin:0 0 .5rem; }
.integrations-page .int-facility-steps strong { font-weight:400; }
.integrations-page .int-storage-unit { display:block; width:100%; max-width:140px; align-self:center; color:#597e99; margin-bottom:.4rem; }
.integrations-page .int-mapping-purpose { color:var(--ink)!important; margin-bottom:.1rem; }
.integrations-page .int-choice-or { text-align:center; margin:.2rem 0; }
.integrations-page .int-action-option { background:#eff4f8; padding:.4rem .8rem; }
@media(max-width:1100px) {
 .integrations-page .int-supporting-projects { gap:1.5rem; }
 .integrations-page .int-supporting-project figure { max-width:700px; }
}
@media(max-width:760px) {
 .integrations-page .int-project-heading,
 .integrations-page .int-featured .int-project-heading { padding-left:2.75rem; min-height:4.5rem; }
 .integrations-page .int-project-numeral,
 .integrations-page .int-featured .int-project-numeral { font-size:4.25rem; width:2rem; top:-.5rem; }
 .integrations-page .int-payment-argument { padding:1.25rem; }
 .integrations-page .int-payment-sequence li,
 .integrations-page .int-payment-sequence li + li { padding:1rem; }
 .integrations-page .int-payment-figure { margin-top:1rem; }
}
@media(max-width:540px) {
 .integrations-page .int-normalization { grid-template-columns:minmax(0,1fr); gap:1rem; }
 .integrations-page .int-normalize-arrow { justify-self:center; padding:.75rem 1rem; margin:.5rem 0; }
 .integrations-page .int-normalize-arrow .int-flow-arrow { width:1.5rem; left:calc(50% - .75rem); right:auto; transform:rotate(90deg); }
 .integrations-page .int-normalize-input { top:-1.6rem!important; }
 .integrations-page .int-normalize-output { top:auto!important; bottom:-1.6rem; }
 .integrations-page .int-relationship { grid-template-columns:minmax(0,1fr); gap:1rem; margin:1.5rem 0 0; }
 .integrations-page .int-facility-steps { grid-template-columns:minmax(0,1fr); }
 .integrations-page .int-facility-surface { min-height:0; }
 .integrations-page .int-facility-steps li > .int-flow-arrow { top:-1.9rem; left:calc(50% - 1rem); }
}

/* Match the native Before you begin disclosures on the other service pages. */
.integrations-page .int-faq .shell { max-width:880px; }
.integrations-page .int-faq details { border-bottom:1px solid #c9d1da; padding:1rem 0; }
.integrations-page .int-faq summary { font-weight:600; cursor:pointer; line-height:1.6; font-size:1rem; }
.integrations-page .int-faq details p { margin:.8rem 0 0; }
.integrations-page .int-faq summary:focus-visible { outline:2px solid #526b80; outline-offset:5px; }
.integrations-page .section.int-faq { padding-top:2rem; padding-bottom:1.5rem; }

/* Make the free first step part of the hero's message, with the paid branch secondary. */
.integrations-page .hero-copy .int-commercial-cue { margin-top:1.75rem; padding-top:1.25rem; border-top:1px solid #c9d1da; }
.integrations-page .int-commercial-cue .int-commercial-lead { margin:0; font:700 clamp(1.375rem,1.7vw,1.625rem)/1.3 var(--font-display); color:#172b38; }
.integrations-page .int-commercial-cue .int-commercial-person { margin:.45rem 0 0; font:400 1rem/1.6 var(--font-prose); color:#344b5b; }
.integrations-page .int-commercial-cue .int-commercial-detail { margin:.9rem 0 0; font:400 .94rem/1.65 var(--font-prose); color:#344b5b; }
.integrations-page .int-commercial-link { display:inline-block; margin-top:.65rem; font:.94rem/1.6 var(--font-prose); text-underline-offset:.2em; }