.integration-site .header-inner{gap:22px}.integration-site .desktop-nav{gap:18px}
.integration-data-list dd{text-align:justify;text-align-last:start;hyphens:auto}
.integration-crumbs{display:flex;gap:12px;flex-wrap:wrap;padding-top:30px;padding-bottom:20px;font-size:12px;color:var(--muted)}.integration-crumbs a:hover{color:var(--magenta)}
.integration-hero{padding:34px 0 65px;background:radial-gradient(ellipse at 80% 24%,#f1e6fc 0,transparent 52%),linear-gradient(130deg,#fff 42%,#fff5ec)}
.integration-hero-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:70px;align-items:center}
.integration-site h1{font-size:clamp(34px,4vw,56px);line-height:1.13;letter-spacing:-1.9px;text-align:left;overflow-wrap:break-word!important;margin:0 0 26px;font-weight:700}
.integration-lead{font-size:17px;color:#70647a;line-height:1.9}.integration-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:30px}.integration-actions .button{padding-inline:24px}
.integration-text-link{display:inline-flex;align-items:center;color:#883caa;font-size:14px;font-weight:600;line-height:1.5;padding:8px 0;border-bottom:1px solid #e3cceb}.integration-text-link:hover{color:var(--magenta)}
.integration-map{padding:28px;background:#ffffffd9;border:1px solid #ece0f3;border-radius:28px;box-shadow:0 24px 80px #77378910;min-width:0}
.integration-map-source{padding:21px 24px;border:1px solid #ece4f2;border-radius:16px;background:white}.integration-map-source>span{display:block;font-size:10px;letter-spacing:1.5px;color:var(--muted)}.integration-map-source strong{font-size:28px;letter-spacing:-.6px;line-height:1.3;display:block;margin-top:6px}
.integration-map-connector{display:flex;flex-direction:column;align-items:center;gap:4px;color:#b5409c;padding:6px}.integration-map-connector>div{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--ink)}.integration-map-connector img{width:38px;height:38px;object-fit:contain}
.integration-map-crm{padding:22px 24px;border:1px solid #e8ddf0;border-radius:16px;background:linear-gradient(160deg,#fff,#faf6ff)}.integration-map-title{font-size:23px;font-weight:700;color:#283850;line-height:1.3}.integration-map-title>span{color:#249ccc}.integration-map-crm>p{font-size:12px;line-height:1.7;color:var(--muted);margin:8px 0 18px;text-align:left!important}
.integration-map-row{display:flex;gap:10px;padding:10px 0;border-top:1px solid #eee7f3;font-size:12px;line-height:1.6}.integration-map-row>span{color:var(--magenta);font-weight:600}.integration-map-caption{font-size:10px;color:var(--muted);text-align:center;margin-top:18px}
.integration-section{padding-top:72px;padding-bottom:72px}.integration-section-heading{max-width:800px;margin-bottom:36px}.integration-section-heading h2{margin-bottom:20px}.integration-section-heading>p{color:var(--muted);font-size:16px;line-height:1.9}
.integration-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.integration-feature{padding:30px;border:1px solid var(--line);border-radius:20px;background:#fff}.integration-feature h3{font-size:22px;margin:13px 0}.integration-feature p{font-size:15px;color:var(--muted);margin:0;line-height:1.85}
.integration-exchange{background:#faf7fc;border-block:1px solid var(--line);padding:66px 0}.integration-two-columns{display:grid;grid-template-columns:1fr 1.1fr;gap:80px}.integration-two-columns h2{margin-bottom:24px}.integration-two-columns p{color:var(--muted);font-size:15px;line-height:1.9}.integration-data-list{margin:0}.integration-data-list>div{padding:20px 0;border-bottom:1px solid #e8dfee}.integration-data-list>div:first-child{padding-top:0}.integration-data-list dt{font-size:16px;font-weight:650}.integration-data-list dd{margin:8px 0 0;font-size:14px;line-height:1.85;color:var(--muted)}
.integration-steps{list-style:none;padding:0;margin:0 0 20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.integration-steps li{padding-top:24px;border-top:2px solid #e6c5e7}.integration-steps li>span{font-size:13px;color:var(--magenta);font-weight:650}.integration-steps h3{font-size:19px;margin:12px 0}.integration-steps p{font-size:14px;color:var(--muted);line-height:1.9}
.integration-selection{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:42px;background:linear-gradient(110deg,#f9f1fc,#fff6ed);border:1px solid #f0ddef;border-radius:24px}.integration-selection>div:first-child{max-width:660px}.integration-selection h2{font-size:32px}.integration-selection p{color:var(--muted);font-size:15px;line-height:1.85;margin-bottom:16px}.integration-selection>.button{flex-shrink:0}.integration-selection .integration-trial{font-size:12px;text-align:center!important;margin:12px 0 0}
.integration-faq{max-width:940px}.integration-faq h2{margin-bottom:30px}.integration-faq details{border-bottom:1px solid var(--line);padding:22px 0}.integration-faq summary{cursor:pointer;font-size:17px;font-weight:600;line-height:1.65;text-align:left;padding-right:20px}.integration-faq summary::marker{color:var(--magenta)}.integration-faq details p{font-size:15px;color:var(--muted);line-height:1.9;margin:18px 0 4px}.integration-faq summary:focus-visible{outline:3px solid var(--violet);outline-offset:6px}
.integration-related{padding-top:30px;padding-bottom:70px}.integration-related h2{font-size:27px}.integration-related nav{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 14px}.integration-related nav a{display:flex;gap:20px;align-items:center;border:1px solid var(--line);padding:10px 17px;border-radius:10px;font-size:14px}.integration-related nav a:hover{border-color:#c38acf;color:var(--magenta)}.integration-related nav span{color:var(--magenta)}
.integration-catalog-head{padding-top:32px;padding-bottom:36px;max-width:1200px}.integration-catalog-head h1 span{background:var(--button);color:transparent;background-clip:text}.integration-catalog-head p{max-width:740px;font-size:17px;line-height:1.9;color:var(--muted)}
.integration-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding-bottom:60px}.integration-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:32px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(140deg,#fff,#fdfafe);transition:border-color .2s,transform .2s}.integration-card:hover{border-color:#ce94cd;transform:translateY(-3px)}.integration-card-mode{font-size:11px;font-weight:550;color:var(--muted)}.integration-card h2{font-size:28px;line-height:1.3;width:100%;margin:0;display:flex;justify-content:space-between;gap:15px;letter-spacing:-.5px}.integration-card h2>span{font-size:23px;color:var(--magenta)}.integration-card p{font-size:15px;line-height:1.85;color:var(--muted);margin:0 0 6px}.integration-card-link{font-size:12px;color:#8d439f;font-weight:600;margin-top:auto;border-bottom:1px solid #e2c7e9;padding-top:8px}
@media(max-width:1100px){.integration-hero-grid{gap:30px;grid-template-columns:1.15fr .85fr}.integration-two-columns{gap:40px}.integration-map{padding:20px}.integration-site .header-inner{gap:16px}.integration-site .header-actions{gap:12px}.integration-site .desktop-nav{gap:12px}.integration-site .desktop-nav a{font-size:12px}.integration-site .brand{width:140px}}
@media(max-width:800px){.integration-hero-grid{grid-template-columns:1fr}.integration-map{max-width:480px;width:100%;margin:15px auto 0}.integration-two-columns{grid-template-columns:1fr;gap:30px}.integration-steps{grid-template-columns:1fr;gap:12px}.integration-selection{flex-direction:column;align-items:flex-start;gap:24px}.integration-section{padding-block:48px}.integration-hero{padding-top:20px;padding-bottom:40px}.integration-catalog{gap:16px}.integration-card{padding:24px}}
@media(max-width:540px){.integration-site h1{font-size:36px;letter-spacing:-1.1px;line-height:1.18}.integration-lead{font-size:15px}.integration-features,.integration-catalog{grid-template-columns:1fr}.integration-hero-grid{gap:14px}.integration-feature{padding:24px}.integration-hero .eyebrow{font-size:10px}.integration-hero .button{font-size:14px;padding-inline:20px}.integration-hero-copy{min-width:0}.integration-map-title{font-size:22px}.integration-selection{padding:26px}.integration-selection h2{font-size:27px}.integration-exchange{padding-block:40px}.integration-crumbs{font-size:11px;gap:8px;padding-top:20px}.integration-catalog-head{padding-top:15px}.integration-site .header-inner{gap:10px}.integration-site .brand{width:125px}.integration-faq summary{font-size:16px}.integration-actions{gap:16px}}