/* Integration uses the existing Sequence scale and the profile scroll controller. */
.integration-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; color:#c8d4e8; font-size:1rem; margin-bottom:40px; }
.integration-breadcrumb a { display:inline-flex; align-items:center; min-height:44px; }
.integration-page .profile-opening { padding-bottom:80px; }
.integration-visual { padding:40px; }
.integration-visual-inner { transform:scale(var(--profile-zoom,1)); transform-origin:center; }
.integration-node { display:flex; align-items:center; gap:24px; border:1px solid #6883ad; padding:24px; border-radius:16px; font-size:var(--type-card); line-height:1.25; background:#142238; }
.integration-node:nth-of-type(3) { background:#1c3a73; }
.integration-node:last-child { background:#edf3fc; color:#1748af; border-color:#edf3fc; }
.integration-node svg { width:36px; height:36px; flex-shrink:0; }
.integration-wire { height:48px; width:2px; margin-left:42px; background:#a3bfff; position:relative; }
.integration-wire::after { content:''; position:absolute; bottom:2px; left:-4px; width:10px; height:10px; border-right:2px solid #a3bfff; border-bottom:2px solid #a3bfff; transform:rotate(45deg); }
.integration-intro,.integration-scope p { font-size:var(--type-copy); line-height:1.6; color:var(--muted); margin-top:20px; }
.integration-scope article { padding-block:28px; border-top:1px solid var(--line); }
.integration-scope article:first-child { padding-top:0; border:0; }
.integration-scope article:last-child { padding-bottom:0; }
.integration-scope h3 { font-size:var(--type-card); line-height:1.25; letter-spacing:-.025em; }
.integration-scope p { margin-top:12px; }
.integration-flow-note { font-size:1rem; line-height:1.6; color:#c8d4e8; margin-top:32px; }
.integration-page .profile-evidence h2 { font-size:var(--type-story); line-height:1.12; letter-spacing:-.035em; }
.integration-evidence { margin:0; }
.integration-evidence picture,.integration-evidence img { display:block; width:100%; height:auto; }
.integration-evidence img { border-radius:16px; }
.integration-evidence figcaption { margin-top:24px; }
.integration-evidence blockquote { font-size:var(--type-card); line-height:1.35; margin:0; color:#1748af; }
.integration-evidence figcaption p { margin-top:12px; font-size:1rem; color:var(--muted); }
.integration-related { display:flex; flex-wrap:wrap; gap:12px 32px; align-items:center; margin-top:56px; }
.integration-related span { color:var(--muted); }
.integration-related a { display:inline-flex; gap:16px; align-items:center; min-height:44px; color:#1748af; }
@media(max-width:900px) {
 .integration-visual { max-width:500px; width:100%; padding:16px 0; margin:auto; }
 .integration-page .profile-opening { padding-bottom:40px; }
}
@media(max-width:760px) {
 .integration-breadcrumb { margin-bottom:24px; font-size:.9375rem; }
 .integration-node { font-size:1.25rem; padding:20px; gap:20px; }
 .integration-wire { height:32px; margin-left:38px; }
 .integration-related { display:grid; gap:8px; margin-top:36px; }
 .integration-flow-note { margin-top:24px; }
}
@media(prefers-reduced-motion:reduce) { .integration-visual-inner { transform:none; } }
@media print { .integration-visual-inner { transform:none; } .integration-visual { display:none; } }