/* Generated from the approved crm-integration-services design. */
.webxd-service-document{--navy:#1b223d;--red:#e71c37;--cream:#fbfaf8;--ink:#17181b;--muted:#50535c;--line:#e5e1da;--head:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--body:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.webxd-service-document *{box-sizing:border-box}
html:has(.webxd-service-document){scroll-padding-top:96px}
.webxd-service-document{margin:0;background:var(--cream);color:var(--ink);font:18px/1.65 var(--body);-webkit-font-smoothing:antialiased}
.webxd-service-document a{color:inherit;text-underline-offset:5px;text-decoration-color:var(--red)}
.webxd-service-document img,.webxd-service-document svg{display:block}
.webxd-service-document img{max-width:100%;height:auto}
.webxd-service-document h1,.webxd-service-document h1.elementor-heading-title,.webxd-service-document h2,.webxd-service-document h2.elementor-heading-title,.webxd-service-document h3,.webxd-service-document h3.elementor-heading-title{font-family:var(--head);margin:0;letter-spacing:-.025em}
.webxd-service-document h1,.webxd-service-document h1.elementor-heading-title{font-weight:600;font-size:clamp(39px,4.5vw,64px);line-height:1.04;letter-spacing:-.044em;max-width:23ch}
.webxd-service-document h2,.webxd-service-document h2.elementor-heading-title{font-size:clamp(32px,3.4vw,46px);line-height:1.12;font-weight:600;max-width:24ch}
.webxd-service-document h3,.webxd-service-document h3.elementor-heading-title{font-size:21px;line-height:1.25;font-weight:600}
.webxd-service-document p{margin:24px 0 0}
.webxd-service-document ul{padding-left:20px}
.webxd-service-document button,.webxd-service-document summary{font:inherit}
.webxd-service-document .wrap{max-width:1200px;margin:auto;padding:0 24px}
.webxd-service-document section[id]{scroll-margin-top:0}
.webxd-service-document a:focus-visible,.webxd-service-document summary:focus-visible{outline:3px solid #e71c37;outline-offset:5px;border-radius:3px}
.webxd-service-document main:focus{outline:none}
.webxd-service-document .skip{position:fixed;z-index:100;left:16px;top:8px;background:var(--cream);color:var(--ink);padding:10px 18px;border-radius:5px;transform:translateY(-160%)}
.webxd-service-document .skip:focus{transform:translateY(0)}
.webxd-service-document .site-header{position:sticky;top:0;z-index:20;background:rgba(27,34,61,.97);color:white;border-bottom:1px solid #ffffff18;backdrop-filter:blur(10px)}
.webxd-service-document .header-inner{height:72px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.webxd-service-document .logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font:800 22px/1 var(--head);letter-spacing:-.02em}
.webxd-service-document .logo svg{width:26px;height:22px;flex:none}
.webxd-service-document .site-header nav{display:flex;gap:28px;align-items:center;font:14px/1.4 var(--head)}
.webxd-service-document .nav-link{text-decoration:none;color:#d1d4df}
.webxd-service-document .nav-link:hover{color:white}
.webxd-service-document .button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:11px 22px;border-radius:999px;background:var(--ink);color:var(--cream);font:600 15px/1.4 var(--head);text-decoration:none;white-space:normal;text-align:center;transition:background-color 150ms ease-out}
.webxd-service-document .button:hover{background:#303342}
.webxd-service-document .button.small{min-height:38px;padding:8px 16px;font-size:13px}
.webxd-service-document .dot{width:6px;height:6px;background:var(--red);border-radius:50%;flex:none}
.webxd-service-document .site-header .button{background:var(--cream);color:var(--ink)}
.webxd-service-document .actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px}
.webxd-service-document .text-link{font:600 15px/1.5 var(--head);text-decoration-thickness:1.5px}
.webxd-service-document .text-link:hover{text-decoration-color:currentColor}
.webxd-service-document .hero{padding:36px 0 0;color:white;background:linear-gradient(var(--navy) 0,var(--navy) calc(100% - 175px),var(--cream) calc(100% - 175px))}
.webxd-service-document .breadcrumbs{font-size:13px;color:#c0c5d5}
.webxd-service-document .breadcrumbs ol{display:flex;gap:10px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.webxd-service-document .breadcrumbs li+li:before{content:"/";display:inline-block;margin-right:10px;color:#9199b2}
.webxd-service-document .breadcrumbs a{text-decoration:none}
.webxd-service-document .breadcrumbs a:hover{text-decoration:underline}
.webxd-service-document .eyebrow{display:flex;align-items:center;gap:12px;margin:34px 0 20px;font:500 13px/1.4 var(--head);color:#bec4d7}
.webxd-service-document .eyebrow:before{content:"";width:6px;height:6px;background:var(--red);border-radius:50%;flex-shrink:0}
.webxd-service-document .hero-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:64px;align-items:end}
.webxd-service-document .hero p{font-size:18px;color:#e0e3ec;max-width:64ch}
.webxd-service-document .hero-action{padding-bottom:3px}
.webxd-service-document .hero-action p{margin-top:0}
.webxd-service-document .hero-action .actions{align-items:flex-start;flex-direction:column;gap:20px}
.webxd-service-document .hero .button,.webxd-service-document .final .button{background:var(--cream);color:var(--ink)}
.webxd-service-document .hero .button:hover,.webxd-service-document .final .button:hover{background:white}
.webxd-service-document .hero-art{margin:48px 0 0}
.webxd-service-document .hero-art picture{display:block;overflow:hidden;border-radius:10px;box-shadow:0 28px 55px -32px #10142880;border:1px solid #e5e1da}
.webxd-service-document .hero-art img{width:100%;display:block}
.webxd-service-document .hero-art figcaption{color:#5d606b;font-size:14px;line-height:1.5;margin:16px 0 0;max-width:90ch}
.webxd-service-document .editorial{display:grid;grid-template-columns:216px minmax(0,1fr);gap:68px;margin-top:42px}
.webxd-service-document .toc{position:sticky;top:108px;align-self:start;padding:34px 0}
.webxd-service-document .toc summary{font:600 13px/1.5 var(--head);cursor:pointer;margin-bottom:17px}
.webxd-service-document .toc ol{list-style:none;margin:0;padding:0;display:grid;gap:3px}
.webxd-service-document .toc a{display:grid;grid-template-columns:25px 1fr;gap:4px;font:13.5px/1.4 var(--head);padding:9px 4px 9px 0;text-decoration:none;color:#5d606b}
.webxd-service-document .toc a span{font-variant-numeric:tabular-nums;color:#767982}
.webxd-service-document .toc a:hover,.webxd-service-document .toc a[aria-current="location"]{color:var(--ink)}
.webxd-service-document .toc a[aria-current="location"] span{color:var(--red)}
.webxd-service-document .chapter{padding:64px 0 70px;border-bottom:1px solid var(--line)}
.webxd-service-document .chapter:last-child{border-bottom:none}
.webxd-service-document .section-number{font:500 13px/1.5 var(--head);color:#c8152d;margin:0 0 18px}
.webxd-service-document .chapter p{color:#454850;max-width:66ch}
.webxd-service-document .chapter h2+p,.webxd-service-document .chapter .service-tag-h2 + .service-tag-p p.service-native-p,.webxd-service-document .chapter h2.elementor-heading-title+p{font-size:20px;color:#353840;margin-top:26px}
.webxd-service-document .chapter table{border-collapse:collapse;width:100%;margin-top:38px;font-size:16px;line-height:1.5;text-align:left;table-layout:fixed}
.webxd-service-document .chapter caption{text-align:left;font:500 14px/1.5 var(--head);color:#555862;padding-bottom:16px}
.webxd-service-document .chapter thead{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.webxd-service-document .chapter th,.webxd-service-document .chapter td{padding:17px 18px 17px 0;vertical-align:top;overflow-wrap:anywhere}
.webxd-service-document .chapter thead th{font:600 12px/1.5 var(--head);color:#555862}
.webxd-service-document .chapter th:first-child{width:28%}
.webxd-service-document .chapter th:nth-child(2){width:28%}
.webxd-service-document .chapter tbody tr{border-bottom:1px solid var(--line)}
.webxd-service-document .chapter tbody th{font:600 16px/1.5 var(--head)}
.webxd-service-document .chapter td{color:#555862}
.webxd-service-document .method-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:36px 0}
.webxd-service-document .method{border-top:2px solid var(--navy);padding:23px 14px 18px 0}
.webxd-service-document .method h3,.webxd-service-document .method h3.elementor-heading-title{font-size:20px}
.webxd-service-document .method ul{font-size:15px;line-height:1.55;margin:17px 0 0;padding-left:18px;color:#555862}
.webxd-service-document .method li+li{margin-top:12px}
.webxd-service-document .method li::marker{color:#c8152d}
.webxd-service-document .rollout-steps{list-style:none;margin:38px 0;padding:0}
.webxd-service-document .rollout-steps>li{display:grid;grid-template-columns:52px 1fr;gap:22px;border-top:1px solid var(--line);padding:25px 0}
.webxd-service-document .step-number{font:500 33px/1 var(--head);color:#9a9ca3;letter-spacing:-.04em}
.webxd-service-document .rollout-steps ul{list-style:none;margin:15px 0 0;padding:0;color:#555862;font-size:16px}
.webxd-service-document .rollout-steps ul li{position:relative;padding-left:18px;margin-top:7px}
.webxd-service-document .rollout-steps ul li:before{content:"–";position:absolute;left:0;color:#c8152d}
.webxd-service-document .related-links{list-style:none;margin:30px 0 0;padding:0;border-top:1px solid var(--line);font-size:15px}
.webxd-service-document .related-links li{padding:12px 0;border-bottom:1px solid var(--line)}
.webxd-service-document .related-links a{text-decoration:none}
.webxd-service-document .related-links a span{color:#c8152d}
.webxd-service-document .related-links a:hover{text-decoration:underline}
.webxd-service-document .faq h2,.webxd-service-document .faq h2.elementor-heading-title{margin-bottom:34px}
.webxd-service-document .faq details{border-top:1px solid var(--line)}
.webxd-service-document .faq details:last-child:not(.service-native-details),.webxd-service-document .faq .service-tag-details.service-source-last-child details.service-native-details{border-bottom:1px solid var(--line)}
.webxd-service-document .faq summary{cursor:pointer;position:relative;list-style:none;padding:23px 40px 23px 0;font:600 20px/1.4 var(--head);letter-spacing:-.015em}
.webxd-service-document .faq summary::-webkit-details-marker{display:none}
.webxd-service-document .faq summary:after{content:"+";position:absolute;right:4px;top:21px;font:400 26px/1.3 var(--head);color:#c8152d}
.webxd-service-document .faq details[open] summary:after{content:"−"}
.webxd-service-document .faq p{margin:0 0 25px;font-size:17px;line-height:1.65}
.webxd-service-document .final{margin-top:20px;padding:88px 0 96px;background:var(--ink);color:var(--cream)}
.webxd-service-document .final-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:start}
.webxd-service-document .final h2,.webxd-service-document .final h2.elementor-heading-title{font-size:clamp(38px,4.5vw,64px);line-height:1.04;letter-spacing:-.04em;max-width:16ch}
.webxd-service-document .final p{margin-top:0;color:#d0d1d7}
.webxd-service-document .final .actions{flex-direction:column;align-items:flex-start;gap:22px}
.webxd-service-document footer{background:var(--cream);padding:38px 0 24px}
.webxd-service-document .footer-top{display:flex;align-items:center;gap:30px;justify-content:space-between}
.webxd-service-document .footer-service{font-size:14px;color:#666973}
.webxd-service-document footer nav{display:flex;gap:25px;font-size:14px}
.webxd-service-document footer nav a{text-decoration:none}
.webxd-service-document footer nav a:hover{text-decoration:underline}
.webxd-service-document .footer-bottom{font-size:12px;color:#686b74;border-top:1px solid var(--line);padding-top:22px;margin-top:30px}
@media(max-width:1000px){.webxd-service-document .hero-grid{gap:35px;grid-template-columns:1.4fr 1fr}
.webxd-service-document .editorial{grid-template-columns:1fr;gap:0;margin-top:28px}
.webxd-service-document .toc{position:static;padding:24px 0;border-bottom:1px solid var(--line)}
.webxd-service-document .toc summary{font-size:15px}
.webxd-service-document .toc ol{grid-template-columns:1fr 1fr;gap:8px 30px}
.webxd-service-document .chapter{padding:54px 0 60px}
.webxd-service-document .chapter h2,.webxd-service-document .chapter h2.elementor-heading-title{max-width:26ch}
.webxd-service-document .final-grid{gap:48px}}
@media(max-width:760px){.webxd-service-document .nav-link{display:none}
.webxd-service-document .hero-grid{grid-template-columns:1fr;gap:24px}
.webxd-service-document .hero{padding-top:25px}
.webxd-service-document .hero-action p{max-width:65ch}
.webxd-service-document .hero-action .actions{flex-direction:row;align-items:center}
.webxd-service-document .hero-art{margin-top:38px}
.webxd-service-document .hero{background:linear-gradient(var(--navy) 0,var(--navy) calc(100% - 110px),var(--cream) calc(100% - 110px))}
.webxd-service-document .final-grid{grid-template-columns:1fr;gap:28px}
.webxd-service-document .final h2,.webxd-service-document .final h2.elementor-heading-title{max-width:17ch}
.webxd-service-document .final p{max-width:60ch}
.webxd-service-document .footer-service{display:none}}
@media(max-width:650px){.webxd-service-document .wrap{padding:0 20px}
.webxd-service-document .header-inner{height:64px;gap:12px}
.webxd-service-document .site-header nav{gap:0}
html:has(.webxd-service-document){scroll-padding-top:88px}
.webxd-service-document .hero h1,.webxd-service-document .hero h1.elementor-heading-title{font-size:42px;max-width:20ch}
.webxd-service-document .hero p{font-size:17px;line-height:1.65}
.webxd-service-document .hero-action .actions{flex-direction:column;align-items:flex-start;gap:20px}
.webxd-service-document .eyebrow{margin-top:28px}
.webxd-service-document .hero-art picture{border-radius:8px}
.webxd-service-document .hero-art img{aspect-ratio:3/4}
.webxd-service-document .hero-art figcaption{font-size:13px}
.webxd-service-document .toc ol{grid-template-columns:1fr;gap:4px}
.webxd-service-document .toc a{font-size:14px;padding-top:9px;padding-bottom:9px}
.webxd-service-document .chapter{padding:46px 0 52px}
.webxd-service-document .chapter h2,.webxd-service-document .chapter h2.elementor-heading-title{font-size:33px}
.webxd-service-document .chapter h2+p,.webxd-service-document .chapter .service-tag-h2 + .service-tag-p p.service-native-p,.webxd-service-document .chapter h2.elementor-heading-title+p{font-size:19px}
.webxd-service-document .chapter p{font-size:17px;line-height:1.7}
.webxd-service-document .method-cards{grid-template-columns:1fr;gap:15px}
.webxd-service-document .method{padding-top:20px;padding-bottom:4px}
.webxd-service-document .method ul{font-size:16px}
.webxd-service-document .chapter table,.webxd-service-document .chapter tbody{display:block;width:100%}
.webxd-service-document .chapter thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%)}
.webxd-service-document .chapter tbody tr{display:block;padding:18px 0}
.webxd-service-document .chapter tbody th{display:block!important;width:100%!important;padding:0 0 12px;color:var(--navy)}
.webxd-service-document .chapter td{display:grid;grid-template-columns:110px minmax(0,1fr);gap:13px;padding:8px 0;width:100%;font-size:15px;overflow-wrap:normal}
.webxd-service-document .chapter td:before{content:attr(data-label);font:500 12px/1.5 var(--head);color:#656872;padding-top:2px}
.webxd-service-document .chapter caption{display:block}
.webxd-service-document .rollout-steps>li{grid-template-columns:36px minmax(0,1fr);gap:15px}
.webxd-service-document .step-number{font-size:27px}
.webxd-service-document .rollout-steps h3,.webxd-service-document .rollout-steps h3.elementor-heading-title{font-size:20px}
.webxd-service-document .rollout-steps ul{font-size:15.5px}
.webxd-service-document .faq summary{font-size:19px}
.webxd-service-document .faq p{font-size:17px}
.webxd-service-document .final{padding:61px 0 66px;margin-top:0}
.webxd-service-document .final h2,.webxd-service-document .final h2.elementor-heading-title{font-size:44px}
.webxd-service-document .final p{font-size:17px}
.webxd-service-document .footer-top{align-items:flex-start;flex-direction:column;gap:27px}
.webxd-service-document footer nav{flex-wrap:wrap;gap:15px 25px}
.webxd-service-document .logo{font-size:21px}
.webxd-service-document .button.small{font-size:12px;padding:9px 14px}
.webxd-service-document .breadcrumbs{font-size:12px}}
@media(max-width:360px){.webxd-service-document .hero h1,.webxd-service-document .hero h1.elementor-heading-title{font-size:38px}
.webxd-service-document .wrap{padding:0 16px}
.webxd-service-document .chapter td{grid-template-columns:93px minmax(0,1fr);gap:10px}
.webxd-service-document .final h2,.webxd-service-document .final h2.elementor-heading-title{font-size:40px}}
@media(prefers-reduced-motion:reduce){.webxd-service-document *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.webxd-service-document .toc.service-toc{
  display: block;
  position: sticky;
  top: 94px;
  align-self: start;
  width: auto;
  min-width: 0;
  margin: 0;
  padding: var(--toc-reading-offset, 0px) 0 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #17181b;
  font: 400 13px/1.5 "Roboto", system-ui, sans-serif;
  letter-spacing: normal;
  text-transform: none;
  container-type: inline-size;
}
.webxd-service-document .toc.service-toc:not(:has(details[open])){ padding: var(--toc-reading-offset, 0px) 0 0; }
.webxd-service-document .toc.service-toc.service-toc-inline{ position: static; padding: 0; }
.webxd-service-document .toc.service-toc > details,.webxd-service-document .toc.service-toc > .service-tag-details details{
  margin: 0;
  padding: 15px 0 0;
  border: 0;
  border-top: 2px solid #e71c37;
  border-radius: 0;
  background: transparent;
}
.webxd-service-document .toc.service-toc > details > summary,.webxd-service-document .toc.service-toc > .service-tag-details details > summary,.webxd-service-document .toc.service-toc > details > .service-tag-summary summary{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 21px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #17181b;
  background: transparent;
  font: 650 14px/1.5 "Inter", system-ui, sans-serif;
  letter-spacing: normal;
  text-transform: none;
  list-style: none;
  cursor: pointer;
}
.webxd-service-document .toc.service-toc > details > summary::-webkit-details-marker,.webxd-service-document .toc.service-toc > .service-tag-details details > summary::-webkit-details-marker,.webxd-service-document .toc.service-toc > details > .service-tag-summary summary::-webkit-details-marker{ display: none; }
.webxd-service-document .toc.service-toc > details > summary::marker,.webxd-service-document .toc.service-toc > .service-tag-details details > summary::marker,.webxd-service-document .toc.service-toc > details > .service-tag-summary summary::marker{ content: ""; }
.webxd-service-document .toc.service-toc > details > summary::before,.webxd-service-document .toc.service-toc > .service-tag-details details > summary::before,.webxd-service-document .toc.service-toc > details > .service-tag-summary summary::before,.webxd-service-document .toc.service-toc > details > summary::after,.webxd-service-document .toc.service-toc > .service-tag-details details > summary::after,.webxd-service-document .toc.service-toc > details > .service-tag-summary summary::after{ content: none; }
.webxd-service-document .toc.service-toc .toc-arrow{
  display: block;
  flex: 0 0 14px;
  width: 14px;
  height: 14px;
  margin-left: auto;
  color: currentColor;
  transform: rotate(-90deg);
}
.webxd-service-document .toc.service-toc > details[open] > summary .toc-arrow,.webxd-service-document .toc.service-toc > .service-tag-details details[open] > summary .toc-arrow,.webxd-service-document .toc.service-toc > details[open] > .service-tag-summary summary .toc-arrow{ transform: none; }
.webxd-service-document .toc.service-toc ol{
  display: block;
  grid-template-columns: none;
  gap: 0;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
  counter-reset: none;
}
.webxd-service-document .toc.service-toc li,.webxd-service-document .toc.service-toc li + li{
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #e2ded7;
  counter-increment: none;
}
.webxd-service-document .toc.service-toc a{
  display: block;
  min-height: 0;
  margin: 0;
  padding: 12px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #565a66;
  font: 400 13px/1.5 "Roboto", system-ui, sans-serif;
  letter-spacing: normal;
  text-transform: none;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.webxd-service-document .toc.service-toc a::before,.webxd-service-document .toc.service-toc a::after,.webxd-service-document .toc.service-toc li::before,.webxd-service-document .toc.service-toc li::marker{ content: none; }
.webxd-service-document .toc.service-toc a:hover,.webxd-service-document .toc.service-toc a[aria-current],.webxd-service-document .toc.service-toc a.active,.webxd-service-document .toc.service-toc a.on{
  color: #1b223d;
  text-decoration: none;
}
.webxd-service-document .toc.service-toc a[aria-current],.webxd-service-document .toc.service-toc a.active,.webxd-service-document .toc.service-toc a.on{ font-weight: 650; }
.webxd-service-document .toc.service-toc a:focus-visible,.webxd-service-document .toc.service-toc summary:focus-visible{
  outline: 3px solid #e71c37;
  outline-offset: 5px;
}
@media (min-width: 601px){@container (min-width: 400px){.webxd-service-document .toc.service-toc ol{
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 0 30px;
    }

  }

}
@media (max-width: 800px){.webxd-service-document .toc.service-toc{ position: static; }
.webxd-service-document .toc.service-toc > details > summary,.webxd-service-document .toc.service-toc > .service-tag-details details > summary,.webxd-service-document .toc.service-toc > details > .service-tag-summary summary{ min-height: 44px; }

}
@media (max-width: 600px){.webxd-service-document .toc.service-toc ol{ display: block; }
.webxd-service-document .toc.service-toc a{ min-height: 44px; padding: 11px 0; }

}