/* Authoritative correction for legacy homepage rules. */
body .studio-home .reference-hero{padding:56px 32px 64px!important;overflow:visible!important}
body .studio-home .reference-hero .hero-grid{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;width:100%!important;max-width:1280px!important;gap:44px!important;align-items:center!important;margin:0 auto!important}
body .studio-home .reference-hero .hero-grid>div:first-child{width:100%!important;max-width:none!important;text-align:left!important;min-width:0}
body .studio-home .reference-hero h1{font-size:clamp(38px,3.8vw,54px)!important;line-height:1.12!important;max-width:19ch!important;margin:20px 0!important;letter-spacing:-.035em!important;font-weight:550!important}
body .studio-home .reference-hero .intro{max-width:50ch!important;margin:0!important;font-size:17px!important;line-height:1.75!important}
body .studio-home .reference-hero .hero-actions{justify-content:flex-start!important;margin-top:24px!important}
body .studio-home .reference-hero .proof{justify-content:flex-start!important;margin:22px 0 0!important;gap:10px 18px!important}
body .studio-home .reference-hero .reference-product-stage{width:100%!important;max-width:none!important;min-width:0!important;margin:16px 0!important;padding:20px 12px 16px!important;transform:none!important;overflow:visible!important}
body .studio-home .reference-hero .reference-product-stage img{width:100%!important;height:auto!important;max-height:none!important;display:block!important}
body .studio-home .reference-hero .floating-metric{position:absolute!important;left:12px!important;right:auto!important;top:-30px!important;bottom:auto!important;width:156px!important;max-width:44%!important;padding:12px!important;transform:none!important;animation:none!important;z-index:2!important;font-size:11px!important;line-height:1.45!important}
body .studio-home .reference-hero .floating-metric.secondary{left:auto!important;right:12px!important;top:auto!important;bottom:-24px!important}
body .studio-home .reference-hero .floating-metric strong{font-size:26px!important;display:block!important;margin:5px 0!important}
body .studio-home .integration{min-height:185px!important;padding:24px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important}
body .studio-home .integration img{width:88px!important;height:60px!important;max-width:100%!important;object-fit:contain!important;object-position:left center!important;margin:0 0 16px!important}
body .studio-home .integration b{font-size:16px!important;line-height:1.4!important}
body .studio-home .integration small{font-size:13px!important;line-height:1.6!important;color:#526174!important}
body .studio-home .salesforce{background:#f3f6f8!important;color:#13243a!important;border:1px solid #dce5eb!important;border-radius:14px!important}
body .studio-home .salesforce h2{color:#13243a!important}
body .studio-home .salesforce p{color:#526174!important;font-size:16px!important;line-height:1.7!important}
body .studio-home .salesforce .label{color:#a64a20!important}
body .studio-home .salesforce .btn{background:#14253d!important;color:#fff!important}
body .xnav .xmega a{font-weight:500!important;padding:12px!important;border-radius:8px!important;background:transparent!important;transform:none!important;box-shadow:none!important}
body .xnav .xmega a strong,body .xnav .xmega a b{font-size:14px!important;font-weight:600!important;line-height:1.45!important;color:#f1f5fa!important}
body .xnav .xmega a small{font-size:13px!important;font-weight:400!important;line-height:1.55!important;color:#b9c9da!important}
body .xnav .xmega a:hover,body .xnav .xmega a:focus-visible{background:#17354f!important;color:#ffad79!important}
body .xnav .xmega a:hover strong,body .xnav .xmega a:hover b,body .xnav .xmega a:hover small{color:#ffad79!important}
body .xnav .nav-disclosure{background:transparent!important;border:0!important;box-shadow:none!important;color:#566478!important;border-radius:6px!important;min-width:28px!important;padding:8px!important}
body .xnav .nav-disclosure svg{width:12px!important;height:12px!important;display:block!important}
body .xnav .xitem>a{font-size:14px!important;font-weight:500!important;padding:10px 6px!important;border-radius:6px!important}
body .xnav .xitem.is-open>a{background:#fff3e9!important;color:#a94c20!important}
@media(min-width:1101px){body .xnav .xlinks{gap:10px!important}body .xnav .xmega{width:min(960px,calc(100vw - 48px))!important;padding:24px!important;gap:20px!important}body .xnav .xmega-small{width:min(800px,calc(100vw - 48px))!important}}
@media(max-width:1024px){body .studio-home .reference-hero .hero-grid{grid-template-columns:1fr!important;max-width:760px!important;gap:32px!important}body .studio-home .reference-hero .reference-product-stage{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin:0!important}body .studio-home .reference-hero .reference-product-stage img{grid-column:1/-1!important;grid-row:1!important}body .studio-home .reference-hero .floating-metric,body .studio-home .reference-hero .floating-metric.secondary{position:static!important;width:100%!important;max-width:none!important;box-shadow:none!important}body .studio-home .reference-hero figcaption{grid-column:1/-1!important}}
@media(max-width:600px){body .studio-home .reference-hero{padding:32px 20px 40px!important}body .studio-home .reference-hero h1{font-size:36px!important}body .studio-home .integration-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}body .studio-home .integration{padding:18px!important;min-height:175px!important}body .studio-home .integration img{width:72px!important;height:52px!important}body .studio-home .integration b{font-size:14px!important}}

/* Editorial presentation: image first, controlled reading measure. */
.article-hero{background:#fffaf6!important;padding:32px 24px 48px!important}
.article-hero-in{max-width:1040px!important;margin:auto!important}
.article-hero .article-feature{margin:24px 0 32px!important;width:100%!important;max-width:none!important}
.article-feature img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:3/2!important;object-fit:cover!important;border-radius:14px!important}
.article-feature figcaption{font-size:12px!important;line-height:1.5!important;color:#68717b!important;margin-top:8px!important}
.article-hero h1{font-size:clamp(30px,3.4vw,46px)!important;line-height:1.16!important;letter-spacing:-.025em!important;max-width:26ch!important;font-weight:650!important}
.article-hero p{font-size:18px!important;line-height:1.65!important;max-width:65ch!important;color:#526174!important}
.article-content{max-width:740px!important}.article-content p,.article-content li{font-size:17px!important;line-height:1.8!important}
.cl-story-chapter{border:0!important;border-top:1px solid #e9e5df!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;padding-top:56px!important;padding-bottom:56px!important}
.cl-story-chapter h2{font-weight:600!important;letter-spacing:-.025em!important;font-size:clamp(27px,3vw,38px)!important;line-height:1.2!important}
.xnav .xmega a:hover,.xnav .xmega a:focus-visible{background:#15334f!important;color:#ffad78!important}
.xnav .xmega a:hover *{color:inherit!important}.xnav .xitem.is-open>.nav-disclosure svg{transform:rotate(180deg)!important}
@media(max-width:700px){.article-hero{padding:22px 20px 36px!important}.article-hero .article-feature{margin:18px 0 24px!important}.article-content p,.article-content li{font-size:16px!important}.cl-story-chapter{padding-top:36px!important;padding-bottom:36px!important}}
/* Alternating module stories; DOM reading order remains copy then visual. */
body .cl-zigzag{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:56px!important;align-items:center!important;max-width:1160px!important;width:calc(100% - 48px)!important;margin:0 auto!important;padding:64px 0!important;box-sizing:border-box!important}
body .cl-zigzag>.cl-zigzag-copy,body .cl-zigzag>.cl-zigzag-visual{width:100%!important;min-width:0!important;max-width:none!important}
body .cl-zigzag-reverse>.cl-zigzag-copy{grid-column:2;grid-row:1}body .cl-zigzag-reverse>.cl-zigzag-visual{grid-column:1;grid-row:1}
.cl-zigzag-copy .detail-wrap,.cl-zigzag-copy .narrative-copy{width:100%!important;max-width:none!important;padding:0!important;margin:0!important;display:block!important}
.cl-zigzag-copy h2{font-size:clamp(27px,2.6vw,36px)!important;line-height:1.2!important;letter-spacing:-.025em!important;margin:12px 0 20px!important}
.cl-zigzag-copy p{font-size:16px!important;line-height:1.8!important;max-width:60ch!important}
body .cl-zigzag-visual{background:linear-gradient(135deg,#fff4e9,#f5f6fa)!important;border:1px solid #eee5db!important;border-radius:20px!important;padding:32px!important;position:relative;box-shadow:0 18px 40px -28px #20324a50!important}
.cl-flow-eyebrow{font-size:11px;font-weight:600;letter-spacing:.14em;color:#bc571b;display:block;margin-bottom:24px}
.cl-zigzag-visual .cl-journey-flow{display:flex!important;flex-direction:column!important;gap:16px!important;margin:0!important;counter-reset:flow}
.cl-zigzag-visual .cl-journey-flow>span,.cl-zigzag-visual li{display:flex!important;align-items:center;gap:14px;background:white!important;border:1px solid #e7e9ed!important;border-radius:10px!important;padding:20px!important;box-shadow:0 5px 18px #14223907;font-size:15px!important;line-height:1.5!important;list-style:none}
.cl-zigzag-visual .cl-journey-flow>span:before{counter-increment:flow;content:counter(flow,decimal-leading-zero);color:#ce5817;font-weight:600;border-radius:50%;background:#fff1e7;padding:9px;font-size:12px}
.cl-zigzag-visual ul{display:grid!important;gap:12px!important;margin:0!important;padding:0!important}
.cl-zigzag-visual .cl-module-visual{margin:0!important;padding:0!important;width:100%!important;border:0!important;background:transparent!important;box-shadow:none!important}
body .cl-inline-cta{max-width:1160px!important;width:calc(100% - 48px)!important;margin:24px auto!important;padding:30px 36px!important;background:#0b2039!important;color:white!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;box-sizing:border-box}
.cl-inline-cta h2{font-size:22px!important;line-height:1.4!important;color:white!important;margin:8px 0 0!important;font-weight:500!important}.cl-inline-cta>div>span{font-size:10px;letter-spacing:.13em;color:#ffc49e}
.cl-inline-cta a{display:inline-flex!important;white-space:nowrap;background:#ff873b!important;color:#142033!important;border:0!important;padding:14px 20px!important;border-radius:8px!important;font-size:14px!important;font-weight:600!important;text-decoration:none!important;gap:14px}
@media(max-width:767px){body .cl-zigzag{grid-template-columns:1fr!important;gap:28px!important;padding:36px 0!important;width:calc(100% - 40px)!important}.cl-zigzag-reverse>.cl-zigzag-copy,.cl-zigzag-reverse>.cl-zigzag-visual{grid-column:auto!important;grid-row:auto!important}body .cl-zigzag-visual{padding:24px!important}body .cl-inline-cta{flex-direction:column!important;align-items:flex-start!important;padding:26px!important;width:calc(100% - 40px)!important}.cl-inline-cta a{white-space:normal}}
.cl-company-node{display:flex!important;align-items:center;gap:18px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:22px;margin:14px 0;box-shadow:0 6px 16px #20324a06}.cl-company-node>span{font-size:12px;color:#b65016;background:#fff1e5;border-radius:50%;padding:10px}.cl-company-node h3{font-size:18px!important;margin:0!important;color:#14243a!important;font-weight:500!important}.cl-company-story .cl-zigzag-copy h3{font-size:20px!important;margin:28px 0 10px!important;color:#20334c!important}.cl-company-story{border-bottom:1px solid #e9e5df}.cl-company-map{min-height:0!important}.cl-company-story .cl-zigzag-copy p{margin-bottom:16px!important}
/* Remove obsolete card-grid wrappers around full-width alternating stories. */
body .narrative-inner .capability-pair,body .capability-pair{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;gap:0!important}
body section.cl-zigzag{float:none!important;grid-column:auto!important;background:#fff!important;border:0!important;border-bottom:1px solid #ebeef2!important;border-radius:0!important;box-shadow:none!important;min-height:0!important;height:auto!important;flex:none!important}
body .cl-zigzag-copy .narrative-content{display:block!important;grid-template-columns:none!important;min-width:0!important}
.cl-zigzag-copy .cap-icon{display:none!important}.cl-zigzag-visual .cl-context-list{display:grid!important;gap:16px!important;padding:0!important;margin:0!important}.cl-context-number{flex:0 0 auto;color:#bd571b;font-size:12px}.cl-context-list strong{font-size:16px;font-weight:500;line-height:1.5}
body .cl-zigzag-visual{align-self:center!important;overflow:visible!important;height:auto!important;min-height:0!important;box-sizing:border-box!important}
main img{max-width:100%;height:auto}section[id]{scroll-margin-top:100px}
@media(max-width:1024px){body .cl-zigzag{gap:32px!important}body .cl-zigzag-visual{padding:24px!important}}
@media(max-width:767px){body .cl-zigzag{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:24px!important}body .cl-zigzag>.cl-zigzag-copy{order:0!important}body .cl-zigzag>.cl-zigzag-visual{order:1!important}body .cl-zigzag-copy h2{font-size:28px!important;overflow-wrap:break-word!important}body .cl-zigzag-visual{width:100%!important}.cl-inline-cta a{max-width:100%;box-sizing:border-box}.detail-hero .detail-wrap{min-width:0!important}}
.cl-home-about,.cl-home-why{max-width:1160px;margin:auto;padding:64px 24px;color:#172236}.cl-home-about{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.cl-home-about h2,.cl-home-why h2{font-size:clamp(28px,3vw,38px);line-height:1.2;letter-spacing:-.025em;font-weight:600}.cl-home-about p,.cl-home-why p{font-size:16px;line-height:1.8;color:#556174}.cl-about-map{background:#fff4e9;border:1px solid #f0e4d9;border-radius:18px;padding:40px}.cl-about-map>span,.cl-why-grid article>span{color:#be571b;font-size:12px;letter-spacing:.1em}.cl-why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:32px 0}.cl-why-grid h3{font-size:20px;line-height:1.4}.cl-why-grid article{border-top:2px solid #f48a49;padding-top:20px}
.xnav .xitem.is-open>a,.xnav .xitem.is-open>.nav-disclosure,.xnav .xitem:hover>a,.xnav .xitem:hover>.nav-disclosure{background:#fff1e6!important;color:#b94b0c!important;animation:none!important;transform:none!important}.xnav .xitem>a,.xnav .xitem>button{transition:none!important}.xnav .xmega a:hover,.xnav .xmega a:focus-visible{background:#17334f!important;color:#ffae79!important;transform:none!important;animation:none!important}.xnav .xmega a:hover *{color:inherit!important}
.guide-panel{max-height:calc(100dvh - 100px)!important;overflow-y:auto!important}.guide-lead,.guide-success{padding:20px}.guide-step label{display:grid;gap:6px;margin-bottom:14px;font-size:14px}.guide-lead input:not([type=checkbox]),.guide-lead select,.guide-lead textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid #ccd4dd;border-radius:7px;padding:10px;font:inherit;background:white;color:#15253a}.guide-lead button{background:#12263e;color:white;border:0;border-radius:7px;padding:11px 16px;cursor:pointer;font:inherit}.guide-lead .guide-consent{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.6}.guide-consent input{width:16px!important;height:16px!important;min-height:0!important;margin-top:3px;flex:none}.guide-trap{position:absolute;left:-10000px}.guide-step[hidden],.guide-lead[hidden],.guide-success[hidden]{display:none!important}.guide-lead [role=status]{font-size:13px;line-height:1.6}.guide-back{background:#eef1f5!important;color:#16263b!important;margin-right:8px}.guide-success p{font-size:15px;line-height:1.7}
@media(max-width:767px){.cl-home-about{grid-template-columns:1fr;gap:28px}.cl-why-grid{grid-template-columns:1fr 1fr}.cl-home-about,.cl-home-why{padding:40px 20px}.cl-about-map{padding:26px}}@media(max-width:480px){.cl-why-grid{grid-template-columns:1fr}}

@media(min-width:1025px){body .studio-home .reference-hero .hero-grid,.reference-hero .hero-grid{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:40px!important;align-items:center!important;max-width:1240px!important;margin:auto!important}.reference-hero .hero-grid>div:first-child{text-align:left!important;width:100%!important;max-width:none!important}.reference-hero h1{text-align:left!important;margin:20px 0!important;font-size:clamp(40px,4vw,56px)!important}.reference-hero .intro{text-align:left!important}.reference-hero .hero-actions{justify-content:flex-start!important}.reference-hero .hero-product{width:100%!important;max-width:none!important;margin:0!important}.reference-hero .proof{justify-content:flex-start!important;flex-wrap:wrap!important}.reference-hero{padding-top:80px!important;padding-bottom:80px!important}}

.cl-navigation .cl-has-menu:hover>a,.cl-navigation .cl-has-menu:focus-within>a{background:#fff1e6;color:#b94b0c;transition:none}.cl-navigation .sub-menu a:hover{background:#17334f;color:#ffae79;transform:none}

/* Homepage refinement: centered hero, legible ecosystem and branded story cards. */
body .studio-home .reference-hero .hero-grid,body .reference-hero .hero-grid{display:flex!important;flex-direction:column!important;gap:44px!important;max-width:1160px!important;margin:auto!important;align-items:center!important}
body .studio-home .reference-hero .hero-grid>div:first-child,body .reference-hero .hero-grid>div:first-child{max-width:820px!important;width:100%!important;text-align:center!important;align-items:center!important}
body .studio-home .reference-hero h1,body .reference-hero h1{max-width:22ch!important;margin:18px auto!important;text-align:center!important;font-size:clamp(36px,4.2vw,56px)!important;line-height:1.12!important}
body .studio-home .reference-hero .intro,body .reference-hero .intro{max-width:65ch!important;margin:auto!important;text-align:center!important}
body .studio-home .reference-hero .hero-actions,body .reference-hero .hero-actions,body .studio-home .reference-hero .proof,body .reference-hero .proof{justify-content:center!important;flex-wrap:wrap!important}
body .studio-home .reference-hero .reference-product-stage,body .reference-hero .reference-product-stage{width:100%!important;max-width:960px!important;margin:16px auto!important;box-sizing:border-box!important}
body .studio-home .integration img,body .integrations .integration img{width:156px!important;height:76px!important;max-width:100%!important;object-fit:contain!important;object-position:left center!important;margin:0 0 16px!important}
body .integrations .integration{padding:24px!important;min-height:190px!important;align-items:flex-start!important}
body .integrations .salesforce,body .studio-home .salesforce{background:#f3f6f8!important;color:#13243a!important;padding:36px!important;border:1px solid #dce5eb!important;border-radius:16px!important;display:flex!important;align-items:center!important;gap:28px!important}
body .integrations .salesforce h2,body .integrations .salesforce .elementor-heading-title{color:#13243a!important;font-size:clamp(25px,2.5vw,34px)!important;line-height:1.25!important}
body .integrations .salesforce p,body .integrations .salesforce .elementor-widget-text-editor{color:#526174!important}
body .integrations .salesforce .label{color:#a64a20!important}
body .integrations .salesforce .btn,body .integrations .salesforce .elementor-button{background:#14253d!important;color:#fff!important;flex-shrink:0!important}
body .xfooter .xtrust-card{display:flex!important;justify-content:flex-start!important;align-items:center!important;padding:0!important;margin:0 0 16px!important;background:transparent!important;border:0!important;text-align:left!important}
body .xfooter .xtrust-card img,body .cl-site-footer img[src*="salesforce"]{display:block!important;width:156px!important;height:auto!important;max-width:100%!important;margin:0 auto 0 0!important;object-fit:contain!important;object-position:left center!important;float:none!important;align-self:flex-start!important}
body .cl-home-about,body .cl-home-why{box-sizing:border-box!important;width:calc(100% - 48px)!important;max-width:1160px!important;margin:32px auto!important;padding:48px!important;border-radius:20px!important;border:1px solid #e9e4dd!important}
body .cl-home-about{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:44px!important;background:linear-gradient(125deg,#fffaf5,#fff 65%)!important;align-items:center!important}
body .cl-home-about>div{min-width:0!important;width:100%!important}
body .cl-home-about h2,body .cl-home-why h2{color:#14243a!important;font-size:clamp(28px,3vw,38px)!important;line-height:1.2!important;font-weight:600!important}
body .cl-home-about p,body .cl-home-why p{color:#526174!important;font-size:16px!important;line-height:1.75!important}
body .cl-home-about .cl-about-map{position:relative!important;box-sizing:border-box!important;background:#10243e!important;border:0!important;padding:32px!important;border-radius:16px!important;box-shadow:0 16px 32px #10243e16!important}
body .cl-about-map h3,body .cl-about-map .elementor-heading-title{color:#fff!important;font-size:26px!important;line-height:1.3!important}
body .cl-home-about .cl-about-map p{color:#cfdae5!important}
body .cl-about-map a,body .cl-about-map span{color:#ffb27f!important}
.cl-about-flow{display:grid;gap:10px;margin:24px 0}.cl-about-flow>div{display:flex;align-items:center;gap:14px;border:1px solid #ffffff24;border-radius:10px;background:#ffffff08;padding:14px;color:#fff}.cl-about-flow svg{width:26px;height:26px;flex:none;color:#ff9a58}.cl-about-flow b{display:block;font-size:15px;font-weight:500}.cl-about-flow small{display:block;color:#bdccdc;font-size:12px;line-height:1.5}
body .cl-home-why{background:#f7f8fa!important;display:block!important}
body .cl-home-why>h2{max-width:25ch!important}
body .cl-home-why .cl-why-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;margin:28px 0!important}
body .cl-why-grid>article,body .cl-why-grid>.e-con{padding:26px!important;border:1px solid #e1e6eb!important;border-radius:14px!important;background:white!important;width:100%!important;box-sizing:border-box!important;gap:10px!important}
body .cl-why-grid h3{font-size:20px!important;color:#14243a!important;margin:14px 0 10px!important}
body .cl-why-grid>article>span{display:inline-flex;background:#fff0e4;color:#aa4613;border-radius:9px;padding:9px 12px;font-size:13px;font-weight:600}
body .cl-home-about .btn{background:#14253d!important;color:white!important;padding:13px 20px!important;border-radius:8px!important;display:inline-flex!important}
@media(max-width:767px){body .cl-home-about,body .cl-home-why{width:calc(100% - 32px)!important;padding:24px!important;margin:20px auto!important}body .cl-home-about{grid-template-columns:1fr!important;gap:28px!important}body .cl-home-why .cl-why-grid{grid-template-columns:1fr!important}body .integrations .salesforce{flex-direction:column!important;align-items:flex-start!important;padding:24px!important}body .studio-home .integration img,body .integrations .integration img{width:132px!important;height:68px!important}body .integrations .integration{padding:16px!important}body .studio-home .reference-hero .hero-grid,body .reference-hero .hero-grid{gap:28px!important}}


/* A single JS-owned menu state prevents competing hover/focus visibility. */
body .xnav .xitem:not(.is-open) .xmega,body .cl-navigation .cl-has-menu:not(.is-open)>.sub-menu{display:none!important}
body .xnav .xitem.is-open .xmega{display:grid!important;visibility:visible!important;opacity:1!important;animation:none!important;transition:none!important}
body .cl-navigation .cl-has-menu.is-open>.sub-menu{display:block!important;visibility:visible!important;opacity:1!important}
body .xnav .xitem,body .cl-navigation .cl-has-menu{transition:none!important;animation:none!important}
body .xnav .xitem>a,body .xnav .xitem>.nav-disclosure,body .cl-navigation .cl-has-menu>a,body .cl-navigation .cl-has-menu>button{transition:none!important;animation:none!important;transform:none!important}
body .xnav .xitem.is-open>a,body .xnav .xitem.is-open>.nav-disclosure,body .cl-navigation .cl-has-menu.is-open>a,body .cl-navigation .cl-has-menu.is-open>button{background:#fff1e6!important;color:#b94b0c!important}
body .xnav .xmega a,body .xnav .xmega a *,body .cl-navigation .sub-menu a{transition:none!important;animation:none!important;transform:none!important}
body .xnav .xmega a:hover,body .xnav .xmega a:focus-visible,body .cl-navigation .sub-menu a:hover,body .cl-navigation .sub-menu a:focus-visible{background:#17354f!important;color:#ffad79!important}
body .xnav .xmega a:hover *,body .xnav .xmega a:focus-visible *{color:#ffad79!important;background:transparent!important}
@media(min-width:1101px){body .xnav .xitem{position:static!important}body .xnav .xmega{top:100%!important;margin-top:0!important}body .cl-navigation .sub-menu{margin-top:0!important}}

/* Chat is a dialog, not a full-width marketing section. */
body .visitor-guide .guide-panel{padding:0!important;margin:0!important;height:auto!important;min-height:0!important;display:block;box-sizing:border-box!important;max-height:calc(100dvh - 110px)!important;overflow-y:auto!important}
body .visitor-guide .guide-panel[hidden]{display:none!important}
body .guide-panel>header{position:static!important;height:auto!important;min-height:0!important;padding:16px 18px!important;margin:0!important}
body .guide-lead,body .guide-success{padding:18px!important;margin:0!important}
body .guide-step>p{margin:0 0 16px!important}.guide-lead [role=status]:empty{display:none!important}
/* Balanced mobile illustration and role workspace. */
body .mobile-section h2{font-weight:600!important;font-size:clamp(28px,3vw,38px)!important;line-height:1.22!important;letter-spacing:-.025em!important}
body .mobile-section .show-copy{list-style:none!important;padding:0!important;margin:24px 0!important}
body .mobile-section .show-copy li{list-style:none!important;padding:12px 0!important}
body .mobile-section .phones{display:flex!important;justify-content:center!important;align-items:flex-start!important;gap:20px!important;padding:28px 12px!important;background:radial-gradient(ellipse at center,#ffe8d7 0,transparent 70%);min-width:0!important}
body .mobile-section .phone{box-sizing:border-box!important;width:214px!important;max-width:46%!important;height:440px!important;min-height:0!important;flex:0 1 214px!important;border-radius:30px!important;padding:8px!important;background:#10243b!important;box-shadow:0 18px 36px #14243a20!important}
body .mobile-section .phone.second{margin-top:24px!important;transform:none!important}
body .mobile-section .phone-screen{box-sizing:border-box!important;height:100%!important;min-height:0!important;padding:14px 10px!important;border-radius:23px!important;display:flex!important;flex-direction:column!important;gap:9px!important;overflow:hidden!important}
body .phone-screen h3{font-size:13px!important;line-height:1.4!important;margin:3px 0!important;font-weight:600!important}body .phone-screen p{font-size:11px!important;line-height:1.45!important;margin:5px 0!important}body .phone-screen small{font-size:9px!important}body .phone-screen .quick{gap:6px!important}body .phone-screen .quick>div{padding:8px 5px!important;font-size:11px!important}body .phone-screen .phone-card{padding:10px!important;margin:0!important}body .phone-screen .phone-card>b{font-size:12px!important}body .phone-screen .bottom-nav{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:3px!important;margin-top:auto!important;font-size:8px!important;padding:10px 0 0!important;position:static!important;white-space:nowrap!important}body .phone-screen .btn{font-size:10px!important;padding:8px!important}
body .role-panel{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:32px!important;align-items:center!important;padding:36px!important;border:1px solid #e1e6eb!important;border-radius:20px!important;background:linear-gradient(120deg,#fffaf5,#fff 60%)!important}
body .role-panel>.home-role-side{display:contents!important}body .role-panel>div:first-child{grid-column:1!important;grid-row:1!important;min-width:0!important}body .role-panel .home-role-side>h3{display:none!important}body .role-panel #role-list{grid-column:1!important;grid-row:2!important;display:grid!important;grid-template-columns:1fr!important;list-style:none!important;padding:0!important;margin:0!important;gap:10px!important}body .role-panel #role-list li{display:block!important;list-style:none!important;border-left:2px solid #f5833f!important;background:#fff!important;padding:8px 12px!important;font-size:14px!important;line-height:1.5!important}body .role-panel .home-role-visual{grid-column:2!important;grid-row:1/3!important;width:100%!important;height:auto!important;max-width:none!important;margin:0!important;box-sizing:border-box!important}body .role-panel #role-title{font-size:clamp(26px,2.6vw,34px)!important;font-weight:550!important;line-height:1.22!important}body .role-section .roles{gap:8px!important;flex-wrap:wrap!important}body .role-section .role.active{background:#10243b!important;color:#fff!important;border-color:#10243b!important}
body .cl-home-about{padding:36px!important}.cl-why-grid article{position:relative}.cl-why-mini{display:flex;align-items:center;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid #edf0f3;flex-wrap:wrap}.cl-why-mini span{font-size:11px;line-height:1.4;background:#f5f7fa;color:#243b53;padding:6px 9px;border-radius:6px}.cl-why-mini i{color:#df6626;font-style:normal}
body .common-resource-grid,body .cl-shared-resources .cl-resource-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important}.common-resource-art img{aspect-ratio:3/2!important;width:100%!important;height:auto!important;object-fit:cover!important}.common-resource-grid h3{font-size:19px!important;line-height:1.4!important}.common-resource-grid small{font-size:11px!important;color:#7b563b!important}.related-grid img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:10px;margin-bottom:14px}.article-content a:not(.xcta){color:#a74310;text-decoration:underline;text-underline-offset:3px}.article-feature figcaption{display:none}.related-grid>a{display:block!important}
@media(max-width:900px){body .common-resource-grid,body .cl-shared-resources .cl-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body .mobile-grid{grid-template-columns:1fr!important}body .mobile-section .phones{max-width:500px!important;margin:auto!important;width:100%!important}}
@media(max-width:767px){body .role-panel{grid-template-columns:1fr!important;padding:24px!important;gap:22px!important}body .role-panel>div:first-child,body .role-panel #role-list,body .role-panel .home-role-visual{grid-column:1!important;grid-row:auto!important}body .cl-home-about{padding:24px!important}}
@media(max-width:480px){body .common-resource-grid,body .cl-shared-resources .cl-resource-grid{grid-template-columns:1fr!important}body .mobile-section .phones{gap:10px!important;padding:20px 0!important}body .mobile-section .phone{width:174px!important;height:420px!important;max-width:49%!important}body .phone-screen .bottom-nav{font-size:7px!important}body .phone-screen .phone-card{padding:8px!important}}

/* Integration and role refinement — September 2026 */
.cl-integrations-page{color:#14243b;background:#fff}.cl-integrations-page .detail-wrap{max-width:1180px;margin:auto;padding-inline:24px}.cl-integrations-hero{padding:76px 0 64px;background:linear-gradient(135deg,#fffaf5,#f5f7fc)}.cl-integration-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:52px}.cl-integrations-page h1{font-size:clamp(36px,4vw,54px);line-height:1.13;letter-spacing:-1.6px;font-weight:600;margin:18px 0 24px}.cl-integrations-page h2{font-size:clamp(28px,3vw,38px);line-height:1.2;font-weight:600;letter-spacing:-.8px}.cl-integrations-page h3{font-size:20px;line-height:1.35;font-weight:600}.cl-integrations-page p{font-size:17px;line-height:1.7;color:#53647b}.cl-integrations-page .eyebrow{font-size:12px;letter-spacing:1.5px;color:#c75312;font-weight:600}.cl-integrations-page .cl-lead{font-size:19px}.cl-integrations-page .cl-scope-note,.cl-integrations-page .cl-orbit-caption{font-size:13px;color:#637289}.cl-integrations-page .actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 18px}.cl-integrations-page .btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:9px;border:1px solid #d9dfe8;text-decoration:none;font-weight:600;color:#14243b;background:white}.cl-integrations-page .btn.primary{background:#12263f;color:white;border-color:#12263f}.cl-integrations-page .btn:hover{background:#fff0e3;color:#a6420c}.cl-integration-orbit{position:relative;aspect-ratio:1;max-width:480px;width:100%;margin:15px auto 24px;isolation:isolate}.cl-integration-orbit:before{content:'';position:absolute;inset:14%;border:1px dashed #c9d4e2;border-radius:50%}.cl-orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:170px;height:170px;background:white;border:1px solid #e5e8ef;border-radius:50%;box-shadow:0 14px 45px #13294412;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px}.cl-orbit-core img{width:66px;height:66px;object-fit:contain}.cl-orbit-core strong{font-size:20px}.cl-orbit-core small{font-size:10px;color:#68788b}.cl-orbit-ring{position:absolute;inset:0;animation:clOrbit 60s linear infinite}.cl-orbit-slot{position:absolute;width:108px;height:88px;left:calc(50% - 54px);top:calc(50% - 44px)}.slot-0{transform:translateY(-180px)}.slot-1{transform:translate(156px,-90px)}.slot-2{transform:translate(156px,90px)}.slot-3{transform:translateY(180px)}.slot-4{transform:translate(-156px,90px)}.slot-5{transform:translate(-156px,-90px)}.cl-orbit-logo{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid #e1e6ee;border-radius:16px;background:white;box-shadow:0 8px 24px #12263f0b;animation:clCounterOrbit 60s linear infinite}.cl-orbit-logo img{width:56px;height:36px;object-fit:contain}.cl-orbit-logo span{font-size:11px;color:#34465c}.cl-integration-orbit:hover .cl-orbit-ring,.cl-integration-orbit:hover .cl-orbit-logo{animation-play-state:paused}.cl-orbit-caption{text-align:center}.cl-integration-section{padding:72px 0}.cl-integration-section:nth-child(odd){background:#f7f9fc}.cl-section-intro{max-width:770px;margin-bottom:32px}.cl-integration-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.cl-integration-cards article{padding:28px;border:1px solid #dfe5ed;border-radius:16px;background:white}.cl-step-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#fff0e3;color:#b84910;font-size:13px}.cl-integration-cta{background:#12263f;padding:48px 0}.cl-integration-cta>.detail-wrap{display:flex;align-items:center;gap:40px;justify-content:space-between}.cl-integration-cta h2,.cl-integration-cta p{color:white}.cl-integration-cta .btn.primary{background:#ff7a24;color:#14243b;white-space:nowrap}.cl-integrations-page details{padding:20px 0;border-bottom:1px solid #dde4ed}.cl-integrations-page summary{cursor:pointer;font-size:18px;font-weight:600}.cl-role-refined .cl-role-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;max-width:1180px;margin:auto}.cl-role-refined .cl-role-chapter{padding:64px 24px}.cl-role-refined .cl-role-chapter:nth-of-type(even){background:#f8fafc}.cl-role-refined .cl-reverse .narrative-copy{order:2}.cl-role-refined .cl-role-visual{margin:0}.cl-role-refined .cl-role-visual img{width:100%;height:auto;display:block;border-radius:18px}.cl-role-refined figcaption{font-size:12px;color:#68788b;margin-top:10px}.cl-role-refined .cl-decision-note{padding:32px;border:1px solid #e0e5ed;border-radius:18px;background:linear-gradient(140deg,#fffaf4,#f4f8fc)}.cl-role-refined .cl-decision-note h3{font-size:22px;line-height:1.3}.cl-role-refined .cl-decision-note p{font-size:16px;line-height:1.65}.cl-decision-path{display:grid;gap:10px;margin-top:20px}.cl-decision-path span{background:white;border:1px solid #e1e6ee;padding:12px 16px;border-radius:8px;font-size:14px}.cl-role-refined .narrative-copy h2{font-size:clamp(26px,3vw,36px);line-height:1.2}.cl-role-refined .narrative-copy p{font-size:17px;line-height:1.75}.cl-orbit-widget{width:100%}
@keyframes clOrbit{to{transform:rotate(360deg)}}@keyframes clCounterOrbit{to{transform:rotate(-360deg)}}
@media(max-width:800px){.cl-integration-grid,.cl-role-refined .cl-role-grid{grid-template-columns:1fr;gap:28px}.cl-integrations-hero{padding:44px 0}.cl-integration-cards{grid-template-columns:1fr}.cl-integration-section{padding:44px 0}.cl-role-refined .cl-reverse .narrative-copy{order:0}.cl-integration-cta>.detail-wrap{display:block}.cl-integration-cta .btn{margin-top:18px}.cl-role-refined .cl-role-chapter{padding:40px 24px}.cl-integration-orbit{max-width:360px}.cl-orbit-slot{width:88px;height:72px;left:calc(50% - 44px);top:calc(50% - 36px)}.cl-orbit-core{width:130px;height:130px}.cl-orbit-core img{width:48px;height:48px}.cl-orbit-core small{font-size:8px}.slot-0{transform:translateY(-135px)}.slot-1{transform:translate(117px,-67px)}.slot-2{transform:translate(117px,67px)}.slot-3{transform:translateY(135px)}.slot-4{transform:translate(-117px,67px)}.slot-5{transform:translate(-117px,-67px)}.cl-orbit-logo img{width:44px;height:28px}.cl-orbit-logo span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.cl-orbit-ring,.cl-orbit-logo{animation:none}}

@media(max-width:420px){.cl-integration-orbit{min-height:272px}.cl-orbit-core{width:112px;height:112px}.cl-orbit-core img{width:40px;height:40px}.cl-orbit-core strong{font-size:16px}.cl-orbit-core small{font-size:7px}.cl-orbit-slot{width:72px;height:60px;left:calc(50% - 36px);top:calc(50% - 30px)}.slot-0{transform:translateY(-100px)}.slot-1{transform:translate(87px,-50px)}.slot-2{transform:translate(87px,50px)}.slot-3{transform:translateY(100px)}.slot-4{transform:translate(-87px,50px)}.slot-5{transform:translate(-87px,-50px)}.cl-orbit-logo{gap:4px}.cl-orbit-logo img{width:36px;height:24px}.cl-orbit-logo span{font-size:8px}}

/* Module integration directory and desktop layout repair */
body .cl-integrations-page .cl-integration-grid{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)!important;gap:40px!important;align-items:center!important;width:100%;box-sizing:border-box}body .cl-integrations-page .cl-integration-grid>div{min-width:0;width:100%;max-width:none}.cl-integrations-page .cl-integration-grid h1{font-size:clamp(34px,3.7vw,50px);line-height:1.14}.cl-integrations-page .cl-directory{padding:72px 0;background:white}.cl-directory-intro{max-width:800px}.cl-directory-tools{padding:24px;margin:30px 0 16px;border:1px solid #dfe5ec;border-radius:14px;background:#f7f9fc}.cl-directory-tools label{display:block;font-size:14px;font-weight:600;color:#26394f}.cl-directory-tools input[type=search]{display:block;width:100%;max-width:540px;box-sizing:border-box;height:46px;margin:10px 0 20px;padding:10px 14px;background:#fff;border:1px solid #cbd5e2;border-radius:8px;color:#14243b;font:inherit}.cl-directory-filters{display:flex;gap:8px;flex-wrap:wrap}.cl-directory-filters button{border:1px solid #d7dfeb;background:white;color:#344860;border-radius:22px;padding:10px 15px;font:inherit;font-size:13px;cursor:pointer;transition:background-color .15s,color .15s}.cl-directory-filters button:hover{background:#fff0e4;color:#a7440c}.cl-directory-filters button[aria-pressed=true]{background:#12243b;color:white;border-color:#12243b}.cl-directory :focus-visible{outline:3px solid #f49350;outline-offset:3px}.cl-directory .cl-directory-count{font-size:13px}.cl-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.cl-integration-card{display:flex;flex-direction:column;min-width:0;padding:26px;border:1px solid #dee5ee;border-radius:16px;background:#fff;box-shadow:0 8px 24px #152d4805}.cl-integration-card[hidden],.cl-directory-empty[hidden]{display:none!important}.cl-directory-card-head{display:flex;align-items:center;gap:14px;min-height:48px}.cl-directory-card-head img{width:64px;height:44px;object-fit:contain}.cl-directory-card-head span{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:#a84c18;font-weight:600}.cl-integrations-page .cl-integration-card h3{font-size:21px;line-height:1.3;margin:20px 0 12px}.cl-integrations-page .cl-integration-card p,.cl-integration-card dd{font-size:14px;line-height:1.65}.cl-integration-card dl{margin:8px 0 24px}.cl-integration-card dt{font-size:12px;font-weight:600;color:#233c58;margin-top:15px}.cl-integration-card dd{margin:5px 0 0;color:#5c6c81}.cl-directory-card-links{display:grid;gap:10px;margin-top:auto;padding-top:18px;border-top:1px solid #e3e8ef}.cl-directory-card-links a{font-size:13px;font-weight:600;color:#ac4913;text-decoration:none}.cl-directory-card-links a:hover{text-decoration:underline}.cl-directory-help{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#f5f7fb;border:1px solid #dfe6ef;border-radius:14px;padding:28px;margin-top:28px}.cl-directory-help p{max-width:670px}.cl-directory-help a{flex-shrink:0}body .cl-integrations-page .cl-integration-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.cl-integrations-page .cl-integration-orbit{margin-block:20px;max-width:440px}.cl-integrations-page .cl-orbit-logo img{width:70px;height:40px}
@media(max-width:1000px){.cl-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body .cl-integrations-page .cl-integration-grid{grid-template-columns:1fr!important}.cl-integrations-page .cl-integration-grid>div:first-child{max-width:720px}.cl-directory-help{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.cl-directory-grid{grid-template-columns:1fr}.cl-directory-tools,.cl-integration-card{padding:20px}.cl-integrations-page .cl-directory{padding:44px 0}.cl-directory-filters button{font-size:12px;padding:9px 12px}body .cl-integrations-page .cl-integration-cards{grid-template-columns:1fr!important}}

.cl-seo-pair{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}.cl-seo-pair aside{padding:30px;background:#f4f7fb;border:1px solid #dce5ef;border-radius:16px}.cl-seo-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cl-seo-link-grid a{padding:18px;border:1px solid #dce5ef;border-radius:10px;color:#17344f;background:white;text-decoration:none}.cl-seo-link-grid a:hover{background:#fff1e7;color:#a34814}@media(max-width:760px){.cl-seo-pair,.cl-seo-link-grid{grid-template-columns:1fr;gap:20px}}

/* Connected integrations story */
body .cl-integrations-page .cl-integrations-hero{padding:56px 0 46px}body .cl-integrations-page .cl-integration-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:32px!important;max-width:1180px!important}body .cl-integrations-page .cl-integration-grid>.e-con-inner{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px}.cl-integrations-page .cl-integration-grid h1{max-width:540px;font-size:clamp(34px,3.7vw,50px)}.cl-integrations-page .cl-integration-grid .cl-lead{max-width:540px}.cl-integrations-page .cl-integration-orbit{max-width:450px;margin:0 auto!important}.cl-integrations-page .cl-orbit-caption{margin-top:12px}.cl-connected-step{position:relative;overflow:visible!important;padding:64px 0!important}.cl-connected-step .cl-connected-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:center;gap:56px!important;position:relative;z-index:1}.cl-connected-grid>.e-con-inner{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:56px}.cl-connected-copy{min-width:0}.cl-connected-step .cl-section-intro{margin-bottom:24px}.cl-connected-step .cl-section-intro h2{font-size:clamp(27px,2.8vw,36px)}.cl-connected-step .cl-section-intro p{font-size:16px}.cl-connected-step .cl-connected-copy .cl-integration-cards{display:grid!important;grid-template-columns:1fr!important;gap:12px}.cl-connected-step .cl-integration-cards article{padding:14px 18px;border-radius:10px;box-shadow:none}.cl-connected-step .cl-integration-cards h3{font-size:16px;margin:0 0 4px}.cl-connected-step .cl-integration-cards p{font-size:14px;margin:0;line-height:1.6}.cl-connected-step .cl-step-number{display:none}.cl-connected-visual{margin:0;min-width:0}.cl-connected-visual img{display:block;width:100%;height:auto;border-radius:20px;box-shadow:0 18px 44px #12243b0a}.cl-connected-visual figcaption{font-size:11px!important;line-height:1.5;color:#6e7b8d;text-align:center;margin-top:14px}.cl-step-reverse .cl-connected-copy{order:2}.cl-step-reverse .cl-connected-visual{order:1}.cl-connected-step:not([id="integration-3"]):after{content:'';pointer-events:none;position:absolute;left:15%;bottom:-76px;width:70%;height:152px;z-index:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 160'%3E%3Cpath d='M850 0 C850 85 50 75 50 160' fill='none' stroke='%23c8d2df' stroke-width='2' stroke-dasharray='3 8' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat}.cl-connected-step.cl-step-reverse:after{transform:scaleX(-1)}
@media(max-width:900px){body .cl-integrations-page .cl-integration-grid,body .cl-integrations-page .cl-integration-grid>.e-con-inner,.cl-connected-step .cl-connected-grid,.cl-connected-grid>.e-con-inner{grid-template-columns:1fr!important;gap:28px!important}.cl-integrations-page .cl-integration-grid>div:first-child{max-width:100%}.cl-connected-step{padding:42px 0!important}.cl-connected-step:after{display:none}.cl-step-reverse .cl-connected-copy,.cl-step-reverse .cl-connected-visual{order:initial}.cl-connected-visual{max-width:600px;width:100%;margin:auto}.cl-integrations-page .cl-integrations-hero{padding-top:36px!important}}

/* Feature-specific explanatory diagrams, September 30 review */
body .cl-story-chapter .cl-feature-diagram{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;min-height:0!important;display:block!important}body .cl-feature-diagram img{display:block;width:100%;height:auto!important;aspect-ratio:680/460;object-fit:contain;border-radius:20px}body .cl-feature-diagram .cl-diagram-caption{font-size:11px!important;line-height:1.5!important;color:#637183!important;text-align:center;margin:12px 0 0!important}body .cl-feature-diagram>.e-con-inner{display:block!important}body .cl-story-chapter .cl-story-intro{max-width:60ch;line-height:1.75}body .cl-story-chapter .cl-story-heading h2{font-size:clamp(26px,2.5vw,34px)!important;line-height:1.2!important}.cl-story-chapter .cl-chapter-number{flex-shrink:0;min-width:32px;min-height:32px}
@media(max-width:767px){body .cl-story-chapter{gap:24px!important}body .cl-feature-diagram{width:100%!important}body .cl-story-chapter .cl-story-intro{font-size:16px!important}}

/* Home hero: clearer type and quiet peripheral product motifs */
body .reference-hero{position:relative!important;isolation:isolate;overflow:hidden!important}
body .studio-home .reference-hero h1,body .reference-hero h1{font-size:clamp(38px,4.7vw,64px)!important;line-height:1.1!important;max-width:22ch!important;letter-spacing:-.035em!important}
body .studio-home .reference-hero .intro,body .reference-hero .intro{font-size:clamp(18px,1.55vw,21px)!important;line-height:1.65!important;max-width:64ch!important}
body .reference-hero .hero-grid{position:relative;z-index:1}
body .reference-hero:before,body .reference-hero:after{content:'';display:block;position:absolute;top:100px;width:130px;height:280px;opacity:.2;pointer-events:none;background-size:contain;background-repeat:no-repeat;animation:cl-hero-drift 9s ease-in-out infinite;z-index:0}
body .reference-hero:before{left:max(18px,calc((100vw - 1320px)/2));background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22130%22%20height%3D%22280%22%20viewBox%3D%220%200%20130%20280%22%3E%3Cg%20fill%3D%22white%22%20stroke%3D%22%239daec3%22%3E%3Crect%20x%3D%2212%22%20y%3D%2212%22%20width%3D%22100%22%20height%3D%2290%22%20rx%3D%2220%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%22174%22%20width%3D%22100%22%20height%3D%2290%22%20rx%3D%2220%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23536b8b%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M37%2073V48h12v25m9%200V37h12v36m9%200V27h12v46M39%20230h64M39%20211h64M54%20196v49M85%20196v49%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23eb742e%22%3E%3Ccircle%20cx%3D%22112%22%20cy%3D%2216%22%20r%3D%226%22%2F%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%22260%22%20r%3D%225%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
body .reference-hero:after{right:max(18px,calc((100vw - 1320px)/2));top:132px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22130%22%20height%3D%22280%22%20viewBox%3D%220%200%20130%20280%22%3E%3Cg%20fill%3D%22white%22%20stroke%3D%22%239daec3%22%3E%3Crect%20x%3D%2212%22%20y%3D%2212%22%20width%3D%22100%22%20height%3D%2290%22%20rx%3D%2220%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%22174%22%20width%3D%22100%22%20height%3D%2290%22%20rx%3D%2220%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23536b8b%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2261%22%20cy%3D%2241%22%20r%3D%2211%22%2F%3E%3Cpath%20d%3D%22M40%2078v-7c0-20%2042-20%2042%200v7M48%20204h46v34H48zM59%20204v-8h24v8M49%20216h44M68%20214v9h7v-9%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23eb742e%22%3E%3Ccircle%20cx%3D%22112%22%20cy%3D%2216%22%20r%3D%226%22%2F%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%22260%22%20r%3D%225%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");animation-delay:-4.5s}
@keyframes cl-hero-drift{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(2deg)}}
@media(max-width:1199px){body .reference-hero:before,body .reference-hero:after{display:none}}
@media(max-width:767px){body .studio-home .reference-hero h1,body .reference-hero h1{font-size:clamp(34px,8.4vw,44px)!important}body .studio-home .reference-hero .intro,body .reference-hero .intro{font-size:18px!important;line-height:1.65!important}}
@media(prefers-reduced-motion:reduce){body .reference-hero:before,body .reference-hero:after{animation:none}}

/* Trusted company strip and explicit integration layout, 2026-09-30 */
body .cl-trusted-companies{padding:32px 24px 38px!important;background:#fff;border-bottom:1px solid #e7ebf1}body .cl-trusted-companies h2{font-size:14px!important;font-weight:600!important;letter-spacing:.06em;text-align:center;margin:0 0 22px!important;color:#58677b}body .cl-customer-grid,body .cl-customer-grid>.e-con-inner{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;max-width:1040px;margin:auto}body .cl-customer-logo{display:flex!important;align-items:center;justify-content:center;gap:10px;min-height:78px;text-decoration:none;border-radius:10px;border:1px solid transparent;color:#14243b}body .cl-customer-logo:hover,body .cl-customer-logo:focus-visible{background:#f6f8fb;border-color:#e1e7ef}body .cl-customer-logo img{width:160px!important;height:62px!important;object-fit:contain!important;max-width:100%}body .cl-customer-mono{filter:brightness(0);opacity:.85}body .cl-customer-logo:has(img[alt="VivaOps"]) img{width:56px!important;height:56px!important}body .cl-customer-logo span{font-size:20px;font-weight:600}
body .cl-integrations-page .cl-integration-grid,body .cl-integrations-page .cl-integration-grid>.e-con-inner{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;gap:40px!important;align-items:center!important;width:100%!important;max-width:1160px!important;box-sizing:border-box}
body .cl-integrations-page .cl-integration-grid:has(>.e-con-inner),body .cl-customer-grid:has(>.e-con-inner),body .cl-connected-grid:has(>.e-con-inner){display:block!important}
body .cl-integrations-page .cl-integration-grid>div{min-width:0!important;width:100%!important}body .cl-integrations-page .cl-integrations-hero{padding:48px 0!important}body .cl-integrations-page .cl-integration-orbit{width:100%!important;max-width:400px!important;aspect-ratio:1;height:auto!important;margin:0 auto!important}body .cl-integrations-page .cl-integration-grid h1{font-size:clamp(34px,3.3vw,46px)!important;line-height:1.12!important}body .cl-integrations-page .cl-lead{font-size:18px!important;line-height:1.7!important}
body .cl-integrations-page .cl-connected-grid,body .cl-integrations-page .cl-connected-grid>.e-con-inner{display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important;gap:48px!important;align-items:center!important;max-width:1160px!important;width:100%!important;box-sizing:border-box}body .cl-connected-step{padding:44px 0!important}body .cl-connected-step:after{display:none!important}body .cl-connected-copy{order:0!important}body .cl-connected-visual{order:1!important;width:100%!important;max-width:430px!important;margin:auto!important}body .cl-connected-visual img{max-height:330px!important;width:100%!important;object-fit:contain!important;box-shadow:none!important}body .cl-connected-step h2{font-size:30px!important;line-height:1.2!important}body .cl-connected-step .cl-section-intro{margin-bottom:16px!important}body .cl-connected-step .cl-integration-cards article{padding:10px 0 10px 16px!important;border:0!important;border-left:2px solid #ebd4c2!important;background:transparent!important;border-radius:0!important}body .cl-integrations-page .cl-integration-cta{margin:20px auto!important;padding:32px 24px!important;max-width:1112px;border-radius:16px}body .cl-integrations-page .cl-integration-cta h2{font-size:28px!important}body .cl-integrations-page .cl-integration-cta p{font-size:16px!important;max-width:65ch}
@media(max-width:800px){body .cl-integrations-page .cl-integration-grid,body .cl-integrations-page .cl-integration-grid>.e-con-inner,body .cl-integrations-page .cl-connected-grid,body .cl-integrations-page .cl-connected-grid>.e-con-inner{grid-template-columns:1fr!important;gap:24px!important}body .cl-integrations-page .cl-integration-orbit{max-width:340px!important}body .cl-integrations-page .cl-integration-cta{margin:16px!important}body .cl-customer-grid,body .cl-customer-grid>.e-con-inner{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}body .cl-customer-logo img{width:135px!important;height:52px!important}body .cl-connected-step h2{font-size:27px!important}}

/* Integration content sizing: readable cards and proportional artwork */
body .cl-integrations-page .cl-directory-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important}
body .cl-integrations-page .cl-integration-card{min-width:0!important;height:auto!important;padding:24px!important;overflow:visible!important}
body .cl-integrations-page .cl-integration-card h3{font-size:21px!important;line-height:1.3!important;word-break:normal!important}
body .cl-integrations-page p,body .cl-integrations-page dd{line-height:1.65;white-space:normal!important;overflow-wrap:break-word;word-break:normal}
body .cl-integrations-page dd{margin:6px 0 16px!important}body .cl-integrations-page .cl-directory-filters button{white-space:normal;line-height:1.4}
body .cl-integrations-page .cl-connected-visual img{height:auto!important;aspect-ratio:720/530;max-height:none!important;object-fit:contain!important}
body .cl-integrations-page .cl-integration-cta>.detail-wrap,body .cl-integrations-page .cl-integration-cta>.e-con-inner{gap:24px;flex-wrap:wrap;box-sizing:border-box;max-width:100%}
body .cl-integrations-page .cl-integration-cta a{white-space:normal;flex-shrink:0}
body .cl-integrations-page .cl-orbit-core{width:32%!important;height:32%!important;max-width:132px;max-height:132px;gap:4px}
body .cl-integrations-page .cl-orbit-core img{width:44px!important;height:44px!important;object-fit:contain}
body .cl-integrations-page .cl-orbit-core strong{font-size:17px}body .cl-integrations-page .cl-orbit-core small{font-size:8px}
body .cl-integrations-page .cl-orbit-slot{width:24%!important;height:20%!important;transform:translate(-50%,-50%)!important}
body .cl-integrations-page .slot-0{left:50%;top:15%}body .cl-integrations-page .slot-1{left:80%;top:32.5%}body .cl-integrations-page .slot-2{left:80%;top:67.5%}body .cl-integrations-page .slot-3{left:50%;top:85%}body .cl-integrations-page .slot-4{left:20%;top:67.5%}body .cl-integrations-page .slot-5{left:20%;top:32.5%}
body .cl-integrations-page .cl-orbit-logo{padding:6px;box-sizing:border-box;gap:4px}body .cl-integrations-page .cl-orbit-logo img{width:58px!important;max-width:90%!important;height:28px!important;object-fit:contain}body .cl-integrations-page .cl-orbit-logo span{font-size:9px!important;text-align:center;line-height:1.25}
@media(max-width:900px){body .cl-integrations-page .cl-integration-grid,body .cl-integrations-page .cl-integration-grid>.e-con-inner,body .cl-integrations-page .cl-connected-grid,body .cl-integrations-page .cl-connected-grid>.e-con-inner{grid-template-columns:1fr!important;gap:28px!important}}
@media(max-width:640px){body .cl-integrations-page .cl-directory-grid{grid-template-columns:1fr!important}body .cl-integrations-page .cl-integration-card{padding:20px!important}body .cl-integrations-page .detail-wrap{padding-inline:20px!important}body .cl-integrations-page .cl-integration-cta>.detail-wrap{padding-inline:0!important}}

/* Final layout: explicit two-column tracks, with intentional mobile stacking. */
body .cl-integrations-page .detail-wrap.cl-integration-grid,body .cl-integrations-page .detail-wrap.cl-connected-grid{display:grid!important}
body .cl-integrations-page .detail-wrap.cl-integration-grid:has(>.e-con-inner),body .cl-integrations-page .detail-wrap.cl-connected-grid:has(>.e-con-inner){display:block!important}
body .cl-integrations-page .cl-step-reverse .cl-connected-copy{order:2!important}
body .cl-integrations-page .cl-step-reverse .cl-connected-visual{order:1!important}
body .cl-integrations-page .cl-connected-grid>*{min-width:0!important}
body .cl-integrations-page .cl-integration-grid>div{max-width:none!important}
body .cl-trusted-companies{padding:48px 24px!important}
body .cl-trusted-companies h2{font-size:clamp(28px,2.8vw,36px)!important;line-height:1.2!important;font-weight:600!important;letter-spacing:-.025em!important;text-transform:none!important;color:#14243b!important;margin:0 0 12px!important}
body .cl-trusted-description,body .cl-trusted-description p{font-size:16px!important;line-height:1.65!important;color:#58677b!important;text-align:center!important;max-width:620px;margin:0 auto 28px!important}
body .cl-customer-logo img{width:125px!important;height:48px!important;object-fit:contain!important}
body .cl-customer-logo:has(img[alt="VivaOps"]) img{width:40px!important;height:40px!important}
body .cl-customer-logo span{font-size:17px!important}
body .studio-home .reference-hero .reference-product-stage,body .reference-hero .reference-product-stage{width:calc(100% - 48px)!important;max-width:800px!important;margin:60px auto 24px!important;overflow:visible!important;box-sizing:border-box!important}
body .reference-hero .reference-product-stage>img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important}
body .reference-hero .reference-product-stage .floating-metric{left:auto!important;right:20px!important;top:-34px!important;bottom:auto!important;width:150px!important;max-width:40%!important;padding:12px!important;box-sizing:border-box!important}
body .reference-hero .reference-product-stage .floating-metric.secondary{top:auto!important;bottom:30px!important;right:-20px!important;left:auto!important}
@media(max-width:900px){body .cl-integrations-page .cl-step-reverse .cl-connected-copy{order:0!important}body .cl-integrations-page .cl-step-reverse .cl-connected-visual{order:1!important}}
@media(max-width:600px){body .studio-home .reference-hero .reference-product-stage,body .reference-hero .reference-product-stage{width:100%!important;margin-top:24px!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important}body .reference-hero .reference-product-stage>img{order:0!important}body .reference-hero .reference-product-stage .floating-metric,body .reference-hero .reference-product-stage .floating-metric.secondary{position:static!important;order:1!important;max-width:none!important;width:calc(50% - 5px)!important;margin:0!important;transform:none!important}body .reference-product-stage figcaption{order:2;width:100%}}