.elementor-160 .elementor-element.elementor-element-d1e270c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-2786cee *//* ═══════ PAGE: INTEGRATIONS ═══════ */
.ig-hero{padding:5rem 0 3rem;text-align:center}
.ig-hero h1{font-family:var(--serif);font-size:clamp(2.2rem,4.5vw,3.6rem);font-weight:400;color:var(--ink);letter-spacing:-0.03em;line-height:1.08;margin-bottom:1rem}
.ig-hero h1 em{font-style:italic;color:var(--electric)}
.ig-hero p{font-size:1.05rem;color:var(--t500);max-width:540px;margin:0 auto;line-height:1.65}

/* Big platform cards */
.ig-platforms{padding:2rem 0 5rem}
.ig-plat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.ig-plat{
  background:#fff;border:1px solid var(--sand);border-radius:18px;
  padding:2.5rem;display:flex;flex-direction:column;
  transition:all 0.3s;position:relative;overflow:hidden;text-decoration:none;
}
.ig-plat::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;transform:scaleX(0);transition:transform 0.3s;transform-origin:left}
.ig-plat:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(0,0,0,0.06)}
.ig-plat:hover::after{transform:scaleX(1)}
.ig-plat.wp{border-color:rgba(33,117,155,0.15)}
.ig-plat.wp:hover{border-color:#21759B;box-shadow:0 12px 36px rgba(33,117,155,0.1)}
.ig-plat.wp::after{background:#21759B}
.ig-plat.sh{border-color:rgba(150,191,72,0.15)}
.ig-plat.sh:hover{border-color:#96BF48;box-shadow:0 12px 36px rgba(150,191,72,0.1)}
.ig-plat.sh::after{background:#96BF48}
.ig-plat.api{border-color:rgba(51,102,255,0.12)}
.ig-plat.api:hover{border-color:var(--electric);box-shadow:0 12px 36px var(--elec-glow)}
.ig-plat.api::after{background:var(--electric)}

.ig-plat-logo{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}
.ig-plat-logo.wp-bg{background:rgba(33,117,155,0.08)}
.ig-plat-logo.sh-bg{background:rgba(150,191,72,0.08)}
.ig-plat-logo.api-bg{background:var(--elec-glow)}
.ig-plat-logo svg{width:26px;height:26px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.ig-plat h2{font-family:var(--serif);font-size:1.5rem;color:var(--ink);margin-bottom:0.35rem;letter-spacing:-0.02em}
.ig-plat-sub{font-size:0.78rem;color:var(--t400);margin-bottom:1rem}
.ig-plat>p{font-size:0.88rem;color:var(--t500);line-height:1.65;flex:1;margin-bottom:1.25rem}

.ig-plat-feats{display:flex;flex-direction:column;gap:0.45rem;margin-bottom:1.5rem}
.ig-plat-feat{display:flex;align-items:center;gap:0.4rem;font-size:0.82rem;color:var(--t700)}
.ig-plat-feat svg{width:14px;height:14px;stroke:var(--mint);fill:none;stroke-width:2.5;flex-shrink:0}

.ig-plat-arrow{display:flex;align-items:center;gap:0.4rem;font-size:0.88rem;font-weight:600;margin-top:auto}
.ig-plat.wp .ig-plat-arrow{color:#21759B}
.ig-plat.sh .ig-plat-arrow{color:#96BF48}
.ig-plat.api .ig-plat-arrow{color:var(--electric)}
.ig-plat-arrow svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;transition:transform 0.2s}
.ig-plat:hover .ig-plat-arrow svg{transform:translateX(4px)}

/* How it connects */
.ig-arch{padding:5rem 0;background:var(--ink)}
.ig-arch-diagram{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center;margin-top:3rem;max-width:860px;margin-left:auto;margin-right:auto}
.ig-arch-node{padding:1.5rem;background:var(--ink2);border:1px solid rgba(255,255,255,0.06);border-radius:14px;text-align:center}
.ig-arch-node strong{display:block;font-size:0.92rem;color:#fff;margin-bottom:0.2rem}
.ig-arch-node span{font-size:0.75rem;color:var(--t400);line-height:1.4}
.ig-arch-arrow{display:flex;flex-direction:column;align-items:center;gap:0.5rem;color:var(--t400);font-size:0.68rem;font-family:var(--mono)}
.ig-arch-arrow svg{width:40px;height:20px;stroke:var(--electric);fill:none;stroke-width:1.5}
.ig-arch-nodes{display:flex;flex-direction:column;gap:1rem}

/* Compatibility */
.ig-compat{padding:4rem 0;background:var(--warm);text-align:center}
.ig-compat-label{font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.12em;color:var(--t300);margin-bottom:1.5rem}
.ig-compat-grid{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;max-width:700px;margin:0 auto}
.ig-compat-item{padding:0.6rem 1.25rem;background:#fff;border:1px solid var(--sand);border-radius:8px;font-size:0.85rem;font-weight:600;color:var(--t700);transition:0.2s}
.ig-compat-item:hover{border-color:var(--electric);color:var(--electric)}

/* Mid CTA */
.ig-mid{padding:4rem 0;text-align:center}

/* SEO */
.ig-seo{padding:5rem 0;background:var(--warm)}
.ig-seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-top:3rem}
.ig-seo-block{padding:2rem;background:#fff;border-radius:14px;border:1px solid var(--sand)}
.ig-seo-block .mono-label{font-family:var(--mono);font-size:0.62rem;font-weight:500;color:var(--electric);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:0.6rem}
.ig-seo-block h3{font-family:var(--serif);font-size:1.3rem;color:var(--ink);margin-bottom:0.75rem;line-height:1.25}
.ig-seo-block p{font-size:0.86rem;color:var(--t500);line-height:1.75}
.ig-seo-block p strong{color:var(--t700)}

.ig-final{padding:4rem 0 5rem;text-align:center}
.ig-final h2{font-family:var(--serif);font-size:clamp(1.5rem,2.5vw,2.2rem);font-weight:400;color:var(--ink);letter-spacing:-0.02em;margin-bottom:0.6rem}
.ig-final p{font-size:0.92rem;color:var(--t500);max-width:460px;margin:0 auto 1.5rem;line-height:1.6}

.faq-item.open .faq-a{max-height:300px}
.faq-item.open .faq-q svg{transform:rotate(180deg)}
.faq-item:hover{border-color:var(--t200) !important}

@media(max-width:900px){
  .ig-plat-grid{grid-template-columns:1fr}
  .ig-arch-diagram{grid-template-columns:1fr;text-align:center}
  .ig-arch-arrow svg{transform:rotate(90deg)}
  .ig-seo-grid{grid-template-columns:1fr}
}/* End custom CSS */