.integrations-hero{--hero-pad:80px;padding-bottom:90px;background:var(--mist)}
.integrations-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}
.integrations-hero h1{font-size:clamp(2.7rem,4.5vw,4.6rem)}
.integrations-hero-grid>div>p{margin-top:24px;max-width:620px;font-size:1.08rem;line-height:1.8}
.integration-map{padding:32px;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.85);box-shadow:var(--shadow)}
.integration-orbit{display:block;width:100%;height:auto;overflow:visible}
.integration-orbit-ring{fill:none;stroke:#b4d9d5;stroke-width:1;stroke-dasharray:4 7}
.integration-orbit-links{fill:none;stroke:var(--brand);stroke-width:2}
.integration-orbit-core{fill:url(#integration-core-fill);stroke:#b4d9d5;stroke-width:2}
.integration-orbit-node>circle{fill:var(--paper);stroke:#b4d9d5;stroke-width:1.5}
.integration-orbit-label{fill:var(--paper);stroke:var(--line);stroke-width:1}
.integration-orbit-symbol{fill:none;stroke:var(--brand-deep);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.integration-orbit text{fill:var(--brand-deep);font-family:var(--body);font-size:14px;font-weight:600;text-anchor:middle}
.integration-orbit text.integration-orbit-caption{fill:var(--muted);font-size:11px;font-weight:400}
.integration-map .integration-map-note{margin:24px 0 0;text-align:center;font-family:var(--mono);font-size:.75rem}
.integrations-catalog .section-heading,.integrations-value .section-heading{max-width:850px;margin:0 auto 42px;text-align:center}
.integrations-catalog .section-heading p,.integrations-value .section-heading p{margin-top:22px;font-size:1.06rem}
.integration-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.integration-card{grid-column:span 2;padding:30px;border:1px solid var(--line);border-radius:20px;background:var(--paper)}
.integration-card:nth-child(n+4){grid-column:span 3}
.integration-card:first-child{background:var(--ink);color:#fff}
.integration-card:first-child p,.integration-card:first-child h4{color:#bdd0d3}
.integration-card h3{font-size:1.65rem}
.integration-card h4{margin:16px 0;font-family:var(--body);font-size:.95rem;line-height:1.5;color:var(--brand-deep)}
.integration-card p{font-size:.95rem;line-height:1.75}
.integrations-value{position:relative;overflow:hidden;background:linear-gradient(115deg,var(--surface),var(--brand-deep));color:#fff}
.integrations-value h2 em{color:var(--cyan)}
.integrations-value p{color:#bdd0d3}
.integration-value-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.integration-value-step{position:relative;padding:30px;border:1px solid #ffffff30;border-radius:20px;background:#ffffff08}
.integration-value-step:not(:last-child):after{content:'→';position:absolute;right:-30px;top:50%;color:var(--cyan);font-size:1.5rem;transform:translateY(-50%)}
.integration-value-step h3{font-size:1.5rem;line-height:1.2}
.integration-value-step p{margin-top:20px}
.integration-value-core{border-color:var(--cyan);background:#3fffe415}
.integration-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:48px}
.integration-benefits h3{font-size:1.15rem;margin-bottom:14px}
.integrations-closing{text-align:center;background:var(--mist)}
.integrations-closing p{margin:24px 0 30px;font-size:1.08rem;line-height:1.8}
@media(max-width:960px){.integrations-hero-grid{grid-template-columns:1fr;gap:40px}.integration-map{max-width:650px;width:100%;margin:auto}.integration-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-card,.integration-card:nth-child(n+4){grid-column:auto}.integration-card:last-child{grid-column:1/-1}.integration-value-flow,.integration-benefits{gap:24px}.integration-value-step{padding:22px}.integration-value-step:not(:last-child):after{right:-20px}}
@media(max-width:640px){.integrations-hero{padding-bottom:60px}.integration-map{padding:20px 12px}.integration-map>.eyebrow{margin-left:8px}.integration-cards,.integration-value-flow,.integration-benefits{grid-template-columns:1fr}.integration-card:last-child{grid-column:auto}.integration-value-flow{gap:32px}.integration-value-step:not(:last-child):after{right:auto;left:50%;top:auto;bottom:-32px;transform:translateX(-50%) rotate(90deg)}.integration-benefits{gap:30px}}