.ig-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:72px;align-items:center}.integrations-draft .hero-title{margin:24px 0}.ig-hero p{color:var(--muted);max-width:560px}.ig-hero .ig-lead{font-size:21px}.ig-hero .button{margin-top:16px}.ig-art{padding:36px;border-radius:36px;background:radial-gradient(ellipse at center,#f0d0ff 0,#fcfbff 70%);text-align:center}.ig-art-label{font-size:13px;color:var(--purple);margin-bottom:28px}.ig-hub{background:white;border:1px solid var(--stroke);border-radius:24px;padding:24px;max-width:245px;margin:0 auto 36px;box-shadow:var(--shadow);position:relative}.ig-hub:after{content:'';position:absolute;height:36px;width:1px;background:var(--color-primary-40);bottom:-37px;left:50%}.ig-hub img{width:165px;margin:auto}.ig-connections{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ig-connections>div{background:white;border:1px solid var(--stroke);border-radius:18px;padding:20px 10px;font-weight:650;box-shadow:var(--shadow)}.ig-connections small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:6px}.ig-art p{font-size:12px;margin:24px 0 0}.ig-wash{background:var(--color-primary-5)}.ig-intro{color:var(--muted);max-width:660px;margin-bottom:32px}.ig-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.ig-cards article{padding:28px;border-radius:24px;border:1px solid var(--stroke);background:white}.ig-category{font-size:12px;color:var(--purple);font-weight:650}.ig-cards h3{font-size:22px;margin:18px 0}.ig-cards p{color:var(--muted);font-size:15px}.ig-cards .ig-card-lead{font-weight:650;color:var(--ink)}.ig-cards .ig-ask{background:var(--color-primary-10)}.ig-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:36px}.ig-steps h3{font-size:24px}.ig-steps p{color:var(--muted)}.ig-faq{max-width:900px}.ig-faq details{border-bottom:1px solid var(--stroke);padding:24px 0}.ig-faq summary{font-weight:650;cursor:pointer}.ig-faq details p{color:var(--muted)}.integrations-draft p.eyebrow{font-size:.8125rem;line-height:1.4;color:var(--purple)}@media(max-width:1050px){.ig-cards{grid-template-columns:repeat(2,1fr)}.ig-hero{gap:32px}}@media(max-width:760px){.ig-hero,.ig-steps{grid-template-columns:1fr}.ig-art{padding:24px}.ig-steps{gap:24px}}@media(max-width:480px){.ig-cards{grid-template-columns:1fr}.ig-connections>div{font-size:14px}}