:root{--ip-navy:#07145c;--ip-blue:#165dff;--ip-ink:#111a3a;--ip-muted:#5d6684;--ip-soft:#f4f7ff;--ip-line:#dfe5f5;--ip-green:#18a66a}.integrationPage{color:var(--ip-ink);overflow:hidden}.integrationPage *{box-sizing:border-box}.integrationPage h1,.integrationPage h2,.integrationPage h3,.integrationPage p{font-family:inherit}.integrationHero{position:relative;background:linear-gradient(145deg,#061152 0%,#0a247d 58%,#0c4fe2 100%);padding:42px 0 86px;color:#fff;isolation:isolate}.integrationGlow{position:absolute;border-radius:50%;filter:blur(2px);z-index:-1}.integrationGlow--one{width:520px;height:520px;right:-170px;top:-180px;background:radial-gradient(circle,rgba(64,147,255,.38),transparent 67%)}.integrationGlow--two{width:460px;height:460px;left:-250px;bottom:-310px;background:radial-gradient(circle,rgba(91,68,255,.35),transparent 66%)}.integrationHero__inner{position:relative}.integrationBreadcrumb{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.65);font-size:13px;margin-bottom:58px}.integrationBreadcrumb a{color:rgba(255,255,255,.75)}.integrationBreadcrumb a:hover{color:#fff}.integrationHero__grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(470px,.98fr);gap:72px;align-items:center}.integrationEyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 13px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:100px;font-size:13px;font-weight:700;letter-spacing:.03em;margin-bottom:24px}.integrationEyebrow span{width:7px;height:7px;border-radius:50%;background:#55e6a5;box-shadow:0 0 0 5px rgba(85,230,165,.13)}.integrationHero h1{font-size:56px;line-height:1.08;letter-spacing:-2.6px;color:#fff;margin:0;max-width:670px}.integrationHero h1 em{font-style:normal;color:#90baff}.integrationHero__lead{font-size:18px!important;line-height:1.72;color:rgba(255,255,255,.78);max-width:640px;margin:24px 0 30px}.integrationHero__actions{display:flex;flex-wrap:wrap;gap:12px}.integrationButton{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:0 24px;border-radius:10px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.integrationButton:hover{transform:translateY(-2px)}.integrationButton--primary{background:#fff;color:#0a3eb7;box-shadow:0 12px 30px rgba(0,0,0,.16)}.integrationButton--primary:hover{color:#0a3eb7;box-shadow:0 16px 36px rgba(0,0,0,.22)}.integrationButton--secondary{color:#fff;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.07)}.integrationButton--secondary:hover{color:#fff;background:rgba(255,255,255,.14)}.integrationHero__proof{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px;color:rgba(255,255,255,.7);font-size:12px}.integrationHero__proof b{color:#58e6a7;margin-right:4px}.integrationDemo{background:#fff;border:1px solid rgba(255,255,255,.28);border-radius:20px;box-shadow:0 32px 80px rgba(0,8,56,.4);overflow:hidden;transform:perspective(1200px) rotateY(-2deg)}.integrationDemo__topbar{height:42px;background:#f7f8fc;border-bottom:1px solid #e8ebf4;display:flex;align-items:center;gap:6px;padding:0 15px}.integrationDemo__topbar>span{width:8px;height:8px;border-radius:50%;background:#d7dbe7}.integrationDemo__topbar>span:first-child{background:#ff796f}.integrationDemo__topbar>span:nth-child(2){background:#ffc85c}.integrationDemo__topbar>span:nth-child(3){background:#51d48a}.integrationDemo__topbar small{margin-left:auto;color:#8b93aa;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.integrationDemo__canvas{padding:25px;background:linear-gradient(180deg,#fff,#f7f9ff)}.integrationApp{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:15px;background:#fff;border:1px solid #e4e8f3;border-radius:12px;box-shadow:0 6px 18px rgba(20,40,100,.07)}.integrationApp__icon{width:48px;height:48px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.integrationApp__icon--facebook{background:#1877f2;color:#fff;font:800 33px Arial;padding-top:9px}.integrationApp__icon--email{background:#fff;border:1px solid #e8eaf0;color:#2870e7;font-size:21px}.integrationApp__icon--email svg{width:29px}.integrationApp small{display:block;color:#9098ac;font-size:9px;letter-spacing:.12em;font-weight:800}.integrationApp strong{display:block;color:#17203d;font-size:14px;margin:3px 0}.integrationApp>div>span{display:block;color:#7b849c;font-size:11px}.integrationApp>i{font-style:normal;color:#fff;background:#22b573;width:20px;height:20px;border-radius:50%;font-size:11px;display:flex;align-items:center;justify-content:center}.integrationFlow{height:50px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;color:#5972ad;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.integrationFlow span{height:1px;background:#d9e1f4;position:relative}.integrationFlow span:first-child:after{content:"";position:absolute;right:-3px;top:-3px;width:7px;height:7px;background:#4a7fff;border-radius:50%}.integrationEmailPreview{margin-top:15px;border-radius:10px;background:#f3f6fc;padding:14px 16px}.integrationEmailPreview__head{display:flex;justify-content:space-between;color:#1c2745;font-size:12px;border-bottom:1px solid #e0e5f0;padding-bottom:10px;margin-bottom:5px}.integrationEmailPreview__head span{color:#24a26b;font-size:10px}.integrationEmailPreview__row{display:grid;grid-template-columns:72px 1fr;padding:5px 0;font-size:10px}.integrationEmailPreview__row span{color:#929aae}.integrationEmailPreview__row strong{color:#333c57}.integrationTrust{border-bottom:1px solid var(--ip-line);background:#fff}.integrationTrust__inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}.integrationTrust p{font-size:14px!important;color:#68718b;margin:0}.integrationTrust__inner>div{display:flex;gap:44px}.integrationTrust__inner>div span{font-size:12px;color:#7a8297;display:flex;align-items:center;gap:8px}.integrationTrust__inner b{font-size:20px;color:var(--ip-navy)}.integrationSection{padding:100px 0}.integrationSection__heading{text-align:center;max-width:720px;margin:0 auto 54px}.integrationKicker{display:inline-block;color:var(--ip-blue);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.13em;margin-bottom:14px}.integrationSection h2,.integrationBenefits h2,.integrationFaq h2{font-size:42px;line-height:1.16;letter-spacing:-1.5px;color:var(--ip-navy);margin:0 0 18px}.integrationSection__heading>p,.integrationBenefits__content>p,.integrationFaq__grid>div>p{color:var(--ip-muted);line-height:1.7;font-size:17px!important}.integrationSteps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:steps}.integrationSteps article{position:relative;border:1px solid var(--ip-line);border-radius:16px;padding:32px;background:#fff;min-height:310px;transition:transform .25s,box-shadow .25s}.integrationSteps article:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(20,49,120,.1)}.integrationSteps__number{position:absolute;right:25px;top:22px;color:#d9e1f4;font-size:31px;font-weight:800}.integrationSteps__icon{width:54px;height:54px;border-radius:14px;background:#eaf0ff;color:#145cff;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:43px}.integrationSteps__icon--facebook{background:#1877f2;color:#fff;font:800 34px Arial;padding-top:10px}.integrationSteps h3,.integrationAudience h3{font-size:20px;color:var(--ip-navy);margin:0 0 12px}.integrationSteps p,.integrationAudience p{color:var(--ip-muted);line-height:1.7;font-size:14px!important}.integrationSection--soft{background:var(--ip-soft)}.integrationBenefits{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.integrationBenefits__visual{min-height:450px;border-radius:24px;background:linear-gradient(145deg,#06145c,#0c47d5);position:relative;padding:70px 46px;box-shadow:0 30px 60px rgba(24,59,150,.2)}.responseCard{position:relative;background:#fff;border-radius:13px;padding:15px 18px;box-shadow:0 15px 35px rgba(0,0,0,.18);margin-bottom:18px;max-width:335px}.responseCard span,.responseCard strong{display:block}.responseCard span{color:#818ba4;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.responseCard strong{color:#192442;font-size:14px;margin-top:4px}.responseCard i{position:absolute;right:18px;top:21px;font-style:normal;color:#18a66a}.responseCard--two{margin-left:45px}.responseCard--three{margin-left:90px}.responseCard__metric{position:absolute;right:-25px;bottom:25px;width:148px;height:148px;border-radius:50%;background:#4c84ff;border:8px solid rgba(255,255,255,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 15px 35px rgba(0,0,0,.2)}.responseCard__metric b{font-size:30px}.responseCard__metric span{font-size:10px}.integrationBenefits__content>p{margin-bottom:30px}.integrationBenefits ul{list-style:none;padding:0;margin:0}.integrationBenefits li{display:flex;gap:14px;margin:20px 0}.integrationBenefits li>span{display:flex;align-items:center;justify-content:center;width:25px;height:25px;flex:0 0 25px;border-radius:50%;background:#daf7ea;color:#09935b;font-weight:800}.integrationBenefits li strong{display:block;color:var(--ip-navy);font-size:15px;margin-bottom:4px}.integrationBenefits li p{margin:0;color:var(--ip-muted);font-size:13px!important;line-height:1.55}.integrationAudience__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.integrationAudience article{border:1px solid var(--ip-line);border-radius:15px;padding:27px 24px}.integrationAudience article>div{width:42px;height:42px;border-radius:10px;background:#eaf0ff;color:var(--ip-blue);display:flex;align-items:center;justify-content:center;font-size:21px;margin-bottom:24px}.integrationFaq{background:#fafbff;border-top:1px solid #eef1f8}.integrationFaq__grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:100px}.integrationFaq__list details{border-bottom:1px solid #dde3f0;padding:22px 0}.integrationFaq__list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;color:var(--ip-navy);font-size:16px;font-weight:700}.integrationFaq__list summary::-webkit-details-marker{display:none}.integrationFaq__list summary span{font-size:22px;font-weight:400;color:var(--ip-blue);transition:transform .2s}.integrationFaq__list details[open] summary span{transform:rotate(45deg)}.integrationFaq__list details p{color:var(--ip-muted);font-size:14px!important;line-height:1.7;margin:14px 35px 0 0}.integrationCta{position:relative;background:linear-gradient(135deg,#0d54e8,#092c97);padding:88px 0;color:#fff;text-align:center;overflow:hidden}.integrationCta__glow{position:absolute;width:620px;height:620px;left:50%;top:20%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(119,182,255,.4),transparent 65%)}.integrationCta__inner{position:relative;max-width:760px!important}.integrationCta__icons{display:flex;align-items:center;justify-content:center;gap:13px;margin-bottom:22px}.integrationCta__icons .integrationApp__icon{box-shadow:0 8px 18px rgba(0,0,0,.2)}.integrationCta__icons i{font-size:23px}.integrationCta h2{color:#fff;font-size:43px;line-height:1.16;letter-spacing:-1.5px;margin:0 auto 16px}.integrationCta p{color:rgba(255,255,255,.78);font-size:17px!important;margin-bottom:25px}.integrationButton--white{background:#fff;color:#1049c5;display:inline-flex}.integrationButton--white:hover{color:#1049c5;box-shadow:0 15px 30px rgba(0,0,0,.2)}.integrationCta small{display:block;color:rgba(255,255,255,.6);margin-top:16px}.integrationPage+.section-padding-lg{margin-top:0}
@media(max-width:991px){.integrationHero__grid{grid-template-columns:1fr;gap:52px}.integrationDemo{max-width:620px;transform:none}.integrationHero h1{font-size:49px}.integrationTrust__inner{padding-top:20px;padding-bottom:20px;flex-direction:column;align-items:flex-start}.integrationBenefits{gap:50px}.integrationAudience__grid{grid-template-columns:repeat(2,1fr)}.integrationFaq__grid{gap:50px}.integrationSection{padding:78px 0}}
@media(max-width:767px){.integrationHero{padding:25px 0 62px}.integrationBreadcrumb{margin-bottom:36px;white-space:nowrap;overflow:hidden}.integrationHero__grid{display:block}.integrationHero h1{font-size:39px;line-height:1.12;letter-spacing:-1.6px}.integrationHero__lead{font-size:16px!important}.integrationHero__actions{display:grid}.integrationHero__proof{gap:10px 16px;margin-bottom:45px}.integrationDemo__canvas{padding:16px}.integrationApp{grid-template-columns:42px 1fr auto}.integrationApp__icon{width:42px;height:42px}.integrationEmailPreview__row{grid-template-columns:62px 1fr}.integrationTrust__inner>div{width:100%;gap:12px;justify-content:space-between}.integrationTrust__inner>div span{display:block}.integrationTrust__inner b{display:block}.integrationSection{padding:64px 0}.integrationSection h2,.integrationBenefits h2,.integrationFaq h2,.integrationCta h2{font-size:32px;letter-spacing:-1px}.integrationSection__heading{margin-bottom:35px}.integrationSteps,.integrationBenefits,.integrationFaq__grid{grid-template-columns:1fr}.integrationSteps article{min-height:0}.integrationSteps__icon{margin-bottom:28px}.integrationBenefits__visual{min-height:390px;padding:55px 22px}.responseCard--two{margin-left:20px}.responseCard--three{margin-left:40px}.responseCard__metric{width:112px;height:112px;right:-5px}.responseCard__metric b{font-size:24px}.integrationAudience__grid{grid-template-columns:1fr}.integrationFaq__grid{gap:25px}.integrationCta{padding:70px 0}}
@media(max-width:420px){.integrationHero h1{font-size:34px}.integrationDemo__topbar small{display:none}.integrationApp strong{font-size:12px}.integrationApp>div>span{font-size:9px}.integrationEmailPreview{display:none}.integrationTrust__inner>div span{font-size:10px}.integrationBenefits__visual{min-height:365px}.responseCard{max-width:275px}.responseCard__metric{bottom:15px}.integrationHero__proof span{font-size:11px}}

/* Integration page layout corrections: Semantic UI's two-class container selector
   otherwise wins over the page grid classes. */
.integrationHero{padding-top:108px}
.integrationBreadcrumb{display:none}
.ui.container.integrationTrust__inner{display:flex}
.ui.container.integrationBenefits{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.ui.container.integrationFaq__grid{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr)}

@media(max-width:991px){
  .ui.container.integrationBenefits{gap:50px}
  .ui.container.integrationFaq__grid{gap:50px}
}

@media(max-width:767px){
  .integrationHero{padding-top:74px}
  .ui.container.integrationTrust__inner{align-items:stretch}
  .ui.container.integrationBenefits,.ui.container.integrationFaq__grid{grid-template-columns:1fr}
  .integrationTrust p{font-size:13px!important;text-align:center;width:100%}
  .integrationTrust__inner>div span{text-align:center}
  .integrationHero__lead{line-height:1.62}
  .integrationSteps article,.integrationAudience article{padding-left:25px;padding-right:25px}
  .integrationFaq__list summary{line-height:1.4}
}

/* Reusable brand marks and internal-link sections */
.integrationLogo{position:relative;overflow:hidden;background:color-mix(in srgb,var(--brand-color) 12%,white)!important;border:1px solid color-mix(in srgb,var(--brand-color) 20%,white)!important;color:var(--brand-color)!important;display:flex;align-items:center;justify-content:center}
.integrationLogo b{font-size:13px;line-height:1;position:relative;z-index:0}.integrationLogo img{position:absolute;z-index:1;inset:0;width:100%;height:100%;padding:7px;object-fit:contain;background:#fff}
.integrationDirectory__sourceHeading .integrationLogo img{padding:9px}
.integrationApp__icon--brand,.integrationSteps__icon--brand{color:#fff;font:800 24px/1 Arial;padding-top:2px;text-transform:none}
.integrationApp__icon--destination,.integrationSteps__icon--destination,.integrationDirectory__icon,.integrationRelated__grid a>span{background:color-mix(in srgb,var(--brand-color) 12%,white);border:1px solid color-mix(in srgb,var(--brand-color) 22%,white);color:var(--brand-color);font-weight:800;font-size:14px}
.integrationSteps__icon--brand,.integrationSteps__icon--destination{display:flex;align-items:center;justify-content:center}
.integrationRelated{padding:72px 0;background:#fff;text-align:center;border-top:1px solid var(--ip-line)}
.integrationRelated h2{font-size:34px;color:var(--ip-navy);margin:0 0 32px}
.integrationRelated__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;text-align:left}
.integrationRelated__grid a{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:17px;border:1px solid var(--ip-line);border-radius:12px;color:var(--ip-navy);transition:.2s}
.integrationRelated__grid a:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(20,49,120,.09)}
.integrationRelated__grid a>span{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center}
.integrationRelated__grid strong{font-size:12px;line-height:1.35}.integrationRelated__grid i{font-style:normal;color:var(--ip-blue)}
.integrationRelated__all{display:inline-block;margin-top:25px;color:var(--ip-blue);font-weight:700;font-size:14px}

/* Integrations directory */
.integrationDirectory__hero{position:relative;isolation:isolate;background:linear-gradient(145deg,#061152,#0a247d 58%,#0c4fe2);padding:145px 0 100px;text-align:center;color:#fff;overflow:hidden}
.integrationDirectory__hero .ui.container{max-width:850px!important}.integrationDirectory__hero h1{color:#fff;font-size:55px;line-height:1.08;letter-spacing:-2.4px;margin:18px auto 22px}.integrationDirectory__hero p{max-width:720px;margin:0 auto 30px;color:rgba(255,255,255,.78);font-size:18px!important;line-height:1.7}
.integrationDirectory__list{padding:90px 0;background:#f8faff}.integrationDirectory__source+.integrationDirectory__source{margin-top:95px;padding-top:85px;border-top:1px solid var(--ip-line)}
.integrationDirectory__sourceHeading{display:flex;align-items:center;gap:20px;margin-bottom:36px}.integrationDirectory__sourceHeading .integrationApp__icon{width:60px;height:60px}.integrationDirectory__sourceHeading .integrationKicker{margin:0 0 5px}.integrationDirectory__sourceHeading h2{font-size:34px;color:var(--ip-navy);margin:0 0 5px}.integrationDirectory__sourceHeading p{color:var(--ip-muted);margin:0;font-size:14px!important}
.integrationDirectory__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.integrationDirectory__card{min-height:92px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:17px 18px;background:#fff;border:1px solid var(--ip-line);border-radius:13px;color:var(--ip-navy);transition:.2s}.integrationDirectory__card:hover{color:var(--ip-navy);transform:translateY(-3px);border-color:#b9c9ee;box-shadow:0 13px 30px rgba(20,49,120,.09)}.integrationDirectory__icon{width:48px;height:48px;border-radius:11px;display:flex;align-items:center;justify-content:center}.integrationDirectory__card strong,.integrationDirectory__card small{display:block}.integrationDirectory__card strong{font-size:13px;line-height:1.35}.integrationDirectory__card small{font-size:10px;color:var(--ip-muted);margin-top:5px;line-height:1.35}.integrationDirectory__card i{font-style:normal;color:var(--ip-blue)}
@media(max-width:991px){.integrationRelated__grid{grid-template-columns:repeat(2,1fr)}.integrationDirectory__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.integrationRelated{padding:55px 0}.integrationRelated h2{font-size:28px}.integrationRelated__grid,.integrationDirectory__grid{grid-template-columns:1fr}.integrationDirectory__hero{padding:100px 0 70px}.integrationDirectory__hero h1{font-size:36px;letter-spacing:-1.4px}.integrationDirectory__hero p{font-size:16px!important}.integrationDirectory__list{padding:65px 0}.integrationDirectory__sourceHeading{align-items:flex-start}.integrationDirectory__sourceHeading h2{font-size:27px}.integrationDirectory__source+.integrationDirectory__source{margin-top:65px;padding-top:60px}}