.integration-before-after-hero{padding:72px 0;background:var(--brand-neutral-dark);color:#fff}.integration-before-after-hero .container{display:grid;grid-template-columns:0.7fr 1.6fr 0.7fr;grid-gap:28px;gap:28px;align-items:center}.integration-before-after-hero h1,.integration-before-after-hero h2,.integration-before-after-hero p{color:#fff}.after-panel,.before-panel{padding:24px;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius)}.after-panel span,.before-panel span{color:var(--brand-accent);font-weight:800}.flow-core img{border-radius:var(--radius);box-shadow:0 0 60px rgba(133,40,217,.35)}.integration-calculator,.integration-cases{padding:88px 0}.integration-calculator header,.integration-cases header{max-width:820px;margin-bottom:44px}.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px}.calc-grid article{padding:24px;border:1px solid var(--brand-border);border-radius:var(--radius);background:var(--brand-bg-alt)}.calc-grid article>span{color:var(--brand-primary);font-weight:800}.calc-grid ul{padding-left:18px}.architecture-equation{display:flex;justify-content:space-between;gap:24px;margin-top:28px;padding:24px;border-radius:var(--radius);background:var(--brand-secondary);color:#fff}.integration-cases{background:var(--brand-bg-alt)}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.case-grid article{padding:30px;border-radius:var(--radius);background:#fff}.case-grid dt{color:var(--brand-primary)}.integration-cta{padding:80px 0 96px;background:linear-gradient(115deg,var(--brand-primary-dark),var(--brand-secondary))}.integration-cta .container{display:grid;grid-template-columns:1fr 1fr;grid-gap:56px;gap:56px;align-items:center}.integration-cta h2,.integration-cta p{color:#fff}@media (max-width:991px){.calc-grid,.integration-before-after-hero .container{grid-template-columns:repeat(2,1fr)}.flow-core{grid-column:1/-1;grid-row:1}.case-grid{grid-template-columns:1fr}}@media (max-width:767px){.integration-cta .container{grid-template-columns:1fr}.architecture-equation{flex-direction:column}.calc-grid,.integration-before-after-hero .container,.integration-cta .container{grid-template-columns:minmax(0,1fr)}.flow-core{grid-column:auto;grid-row:auto;min-width:0}}