/* System Integration — page-owned styles */
body:has(.integration-opening) .page-hero{min-height:0;padding:132px 0 54px}
body:has(.integration-opening) .page-hero-inner{grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);gap:54px;align-items:start}
body:has(.integration-opening) .page-hero-copy{align-self:start}
body:has(.integration-opening) .page-hero-art{min-height:310px;align-self:center;margin:0;place-items:center}
body:has(.integration-opening) .page-hero-art:before,body:has(.integration-opening) .hero-art-orbit{display:none}
body:has(.integration-opening) .page-hero-art img{width:min(100%,620px);height:auto;max-height:340px;object-fit:contain;object-position:center;transform:none;filter:none;animation:none}
.integration-opening{background:#fff;overflow:hidden}.integration-opening-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:110px}.integration-opening h2,.integration-fabric h2,.integration-outcomes h2{margin:20px 0 0;font-size:clamp(39px,4.5vw,59px);line-height:1.12;letter-spacing:-.048em}.integration-opening h2 em,.integration-outcomes h2 em{font-style:normal;color:var(--blue)}.integration-prose{padding-top:30px;color:var(--muted);font-size:15px}.integration-prose p{margin:0 0 20px}.integration-prose .lead{color:var(--ink);font:600 20px/1.52 var(--heading)}
.integration-signal{display:flex;align-items:center;gap:14px;margin-top:55px;color:#7c8799;font:700 8px var(--heading);letter-spacing:.11em;text-transform:uppercase}.integration-signal i{position:relative;width:70px;height:2px;background:linear-gradient(90deg,#ef5c50,#e9a02d,#159ba6,#7554c8)}.integration-signal i:after{content:"";position:absolute;right:0;top:-3px;width:8px;height:8px;border-radius:50%;background:#7554c8}
.integration-landscape-grid{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.integration-landscape-grid article{position:relative;min-height:390px;padding:30px 27px;border-right:1px solid var(--line);background:#fff}.integration-landscape-grid article:last-child{border:0}.integration-landscape-grid article:before{content:"";position:absolute;inset:-1px 0 auto;height:4px;background:var(--accent)}.integration-landscape-grid>article>span{color:var(--accent);font:700 9px var(--heading)}.integration-landscape-grid i{display:grid;place-items:center;width:82px;height:82px;margin:42px 0 32px;border-radius:24px;background:color-mix(in srgb,var(--accent) 11%,white);color:var(--accent)}.integration-landscape-grid svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.integration-landscape-grid h3{margin:0 0 14px;font-size:22px}.integration-landscape-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.72}
.integration-fabric{padding:112px 0}.integration-fabric-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:110px;align-items:center}.integration-fabric h2 em{font-style:normal;color:var(--mint)}.integration-fabric-grid>div:first-child>p:last-child{max-width:570px;margin-top:28px;color:#aeb8cb;font-size:14px;line-height:1.8}.integration-fabric-list{margin:0;padding:0;border-top:1px solid rgba(255,255,255,.16);list-style:none}.integration-fabric-list li{display:grid;grid-template-columns:48px 1fr;gap:20px;padding:21px 8px;border-bottom:1px solid rgba(255,255,255,.16)}.integration-fabric-list b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(111,215,191,.12);color:var(--mint);font-size:9px}.integration-fabric-list span{color:#aeb8cb;font-size:11px;line-height:1.65}.integration-fabric-list strong{display:block;margin-bottom:3px;color:#fff;font-size:14px}
.integration-principle-grid{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.integration-principle-grid article{min-height:280px;padding:34px 28px;border-right:1px solid var(--line)}.integration-principle-grid article:last-child{border:0}.integration-principle-grid b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#eef1fb;color:var(--blue);font:700 10px var(--heading)}.integration-principle-grid article:nth-child(2) b{background:#fff4df;color:#ba7510}.integration-principle-grid article:nth-child(3) b{background:#e3f5f3;color:#087b80}.integration-principle-grid article:nth-child(4) b{background:#f0eafb;color:#6841b5}.integration-principle-grid h3{margin:45px 0 14px;font-size:20px}.integration-principle-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.72}
.integration-outcomes{padding-top:28px}.integration-outcomes-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:85px;align-items:end;padding:62px 66px;background:#fff;border-left:5px solid #159ba6}.integration-outcomes h2{font-size:clamp(31px,3.7vw,49px)}.integration-outcome-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.integration-outcome-list span{padding:17px 18px;background:#f2f4f8;color:var(--ink);font:700 11px var(--heading);border-left:3px solid #159ba6}.integration-outcome-list span:nth-child(2){border-color:#e9a02d}.integration-outcome-list span:nth-child(3){border-color:#7554c8}.integration-outcome-list span:nth-child(4){border-color:#ef5c50}.integration-outcome-list span:nth-child(5){grid-column:1/-1;border-color:#3159d8}
@media(max-width:1000px){.integration-landscape-grid,.integration-principle-grid{grid-template-columns:1fr 1fr}.integration-landscape-grid article:nth-child(2),.integration-principle-grid article:nth-child(2){border-right:0}.integration-landscape-grid article:nth-child(-n+2),.integration-principle-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:760px){body:has(.integration-opening) .page-hero{padding:106px 0 34px}body:has(.integration-opening) .page-hero-inner{grid-template-columns:1fr;gap:18px}body:has(.integration-opening) .page-hero-art{width:min(100%,520px);min-height:0;margin-inline:auto}body:has(.integration-opening) .page-hero-art img{width:100%;max-height:none}.integration-opening-grid,.integration-fabric-grid,.integration-outcomes-panel{grid-template-columns:1fr;gap:30px}.integration-signal{align-items:flex-start;flex-direction:column;margin-top:38px}.integration-signal i{width:2px;height:30px;background:linear-gradient(#ef5c50,#e9a02d,#159ba6,#7554c8)}.integration-signal i:after{right:-3px;top:auto;bottom:0}.integration-landscape-grid,.integration-principle-grid{grid-template-columns:1fr}.integration-landscape-grid article:nth-child(n),.integration-principle-grid article:nth-child(n){min-height:320px;border-right:0;border-bottom:1px solid var(--line)}.integration-landscape-grid article:last-child,.integration-principle-grid article:last-child{border-bottom:0}.integration-fabric{padding:80px 0}.integration-outcomes-panel{padding:42px 28px}.integration-outcome-list{grid-template-columns:1fr}.integration-outcome-list span:nth-child(n){grid-column:auto}}
@media(prefers-reduced-motion:reduce){body:has(.integration-opening) .page-hero-art img{animation:none!important}}

/* Hub-and-spoke integration operating model */
.integration-fabric-model{position:relative;min-height:520px}.fabric-core{position:absolute;left:50%;top:45%;z-index:2;display:grid;place-items:center;width:190px;height:190px;padding:25px;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(145deg,#3159d8,#159ba6);color:#fff;text-align:center;box-shadow:0 25px 55px rgba(0,0,0,.35)}.fabric-core small{font:700 8px var(--heading);letter-spacing:.14em;text-transform:uppercase}.fabric-core b{font-size:14px;line-height:1.5}.fabric-node{position:absolute;z-index:1;display:grid;place-items:center;width:130px;height:70px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:#1b273b;color:#fff;font:700 11px var(--heading)}.fabric-node:after{content:"";position:absolute;height:1px;background:linear-gradient(90deg,rgba(111,215,191,.1),var(--mint))}.node-apps{left:0;top:12%}.node-apps:after,.node-data:after{left:100%;width:115px;transform-origin:left}.node-apps:after{transform:rotate(25deg)}.node-data{left:0;bottom:25%}.node-data:after{transform:rotate(-22deg)}.node-events{right:0;top:12%}.node-events:after,.node-partners:after{right:100%;width:115px;transform-origin:right;background:linear-gradient(90deg,var(--mint),rgba(111,215,191,.1))}.node-events:after{transform:rotate(-25deg)}.node-partners{right:0;bottom:25%}.node-partners:after{transform:rotate(22deg)}.fabric-rail{position:absolute;left:4%;right:4%;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.15);border-radius:14px;overflow:hidden}.fabric-rail span{padding:15px 8px;border-right:1px solid rgba(255,255,255,.12);color:#aeb8cb;font:700 8px var(--heading);text-align:center;text-transform:uppercase}.fabric-rail span:last-child{border:0}@media(max-width:560px){.integration-fabric-model{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:0}.fabric-core{position:relative;left:auto;top:auto;grid-column:1/-1;width:100%;height:130px;transform:none;border-radius:20px}.fabric-node{position:relative;inset:auto;width:auto;height:80px}.fabric-node:after{display:none}.fabric-rail{position:relative;left:auto;right:auto;bottom:auto;grid-column:1/-1;grid-template-columns:1fr 1fr}.fabric-rail span:nth-child(2){border-right:0}.fabric-rail span:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}}