/* Published Webflow styles for /join/client-experience (shared stylesheet styleseat.shared.e50ada0a5 + page embeds), scoped to this page. */
/* Base element rules apply inside <main> only, so the shared header/footer keep their verified styling. */
.client-experience-page main{margin:0}
.client-experience-page main details,.client-experience-page main section,.client-experience-page main summary{display:block}
.client-experience-page [hidden]{display:none}
.client-experience-page main a{background-color:#0000}
.client-experience-page main a:active,.client-experience-page main a:hover{outline:0}
.client-experience-page main b{font-weight:700}
.client-experience-page main h1{margin:.67em 0;font-size:2em}
.client-experience-page main img{border:0}
.client-experience-page *{box-sizing:border-box}
.client-experience-page main{color:#333;background-color:#fff;min-height:100%;margin:0;font-family:Arial,sans-serif;font-size:14px;line-height:20px}
.client-experience-page main img{vertical-align:middle;max-width:100%;display:inline-block}
.client-experience-page main h1,.client-experience-page main h2,.client-experience-page main h3{margin-bottom:10px;font-weight:700}
.client-experience-page main h1{margin-top:20px;font-size:38px;line-height:44px}
.client-experience-page main h2{margin-top:20px;font-size:32px;line-height:36px}
.client-experience-page main h3{margin-top:20px;font-size:24px;line-height:30px}
.client-experience-page main p{margin-top:0;margin-bottom:10px}
.client-experience-page .w-embed:before,.client-experience-page .w-embed:after{content:" ";grid-area:1/1/2/2;display:table}
.client-experience-page .w-embed:after{clear:both}
.client-experience-page main{--background-green:#002918;--white:#fff;--black:#050505;--dark-purple:#1c0d55;--neon:#cdf545;--purple:#cec2ff;--purple-tertiary:#836ae9;--green-secondary:#f2ffd9;--purple-secondary:#3313b3;--light-purple:#f7f4ff;--light-green:#fbfff3;--forest-green:#4c8d36;--red:#f02b2b;--ss-ink:#121111;--ss-navy:#1b0f4f;--ss-lime:#cdf545;--ss-indigo:#3313b3;--ss-hero-muted:#ddd6ff;--ss-ink-muted:#494948;--ss-surface-alt:#f7f7f9;--ss-surface-tint:#f3f0ff;--ss-hairline:#e8e4f5;--ss-max:1440px}
.client-experience-page main{background-color:var(--background-green);color:var(--white);font-family:'Landing Poppins',sans-serif;font-size:1rem;font-weight:400;line-height:150%}
.client-experience-page main h1{margin-top:20px;margin-bottom:10px;font-size:3rem;font-weight:700;line-height:120%}
.client-experience-page main h2{color:var(--black);margin-top:20px;margin-bottom:10px;font-size:2.25rem;font-weight:700;line-height:120%}
.client-experience-page main h3{margin-top:20px;margin-bottom:10px;font-size:1.5rem;font-weight:700;line-height:120%}
.client-experience-page main p{margin-bottom:0}
.client-experience-page .code-embed-3{color:var(--white);background-color:#fdfdfd}
.client-experience-page .join-sticky-cta{z-index:60;color:#121111;background-color:#fff;border-top:1px solid #e8e4f5;font-family:'Landing Poppins',sans-serif;transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.2,.7,.2,1);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #12111114}
.client-experience-page .join-sticky-cta-in{max-width:1440px;padding-top:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-left:auto;margin-right:auto;padding-left:clamp(20px,5vw,72px);padding-right:clamp(20px,5vw,72px);display:flex}
.client-experience-page .join-sticky-cta-t{color:#494948;font-size:13px;line-height:24px}
.client-experience-page .join-sticky-cta-btn{color:#fff;white-space:nowrap;background-color:#3313b3;border-radius:8px;justify-content:center;align-items:center;padding:12px 20px;font-family:'Landing Poppins',sans-serif;font-size:15px;font-weight:600;line-height:24px;text-decoration-line:none;display:flex}
.client-experience-page .join-sticky-cta-btn:hover{opacity:.9}
.client-experience-page .join-sticky-cta-btn:focus-visible{outline-offset:3px;outline:2px solid #3313b3}
.client-experience-page .join-sticky-cta-b{color:#121111;font-weight:700}
@media screen and (min-width:1280px){.client-experience-page .code-embed-3{border:1px solid #fff}
}
@media screen and (max-width:991px){.client-experience-page main h1{font-size:2.5rem}
.client-experience-page main h2{box-sizing:border-box;font-size:2rem}
}
@media screen and (max-width:767px){.client-experience-page main h2{font-size:1.7rem;line-height:130%}
.client-experience-page main p{font-size:1rem}
.client-experience-page .join-sticky-cta-in{gap:10px}
.client-experience-page .join-sticky-cta-t{text-align:center;flex:100%}
.client-experience-page .join-sticky-cta-btn{width:100%}
}
@media screen and (max-width:479px){.client-experience-page main h1{font-size:2rem;line-height:130%}
.client-experience-page main h2{font-size:1.6rem;line-height:130%}
.client-experience-page main p{font-size:.9rem}
}
/* Page embeds */
.client-experience-page main{background:#fff}
.client-experience-page .ssrb{background:#fff}
.client-experience-page .js-burger-bar{transition:transform .25s ease,opacity .2s ease}
@media (max-width:767px){.client-experience-page .js-header-right .js-nav-link{display:none}
}
.client-experience-page main{background:#fff!important;overflow-x:clip}
.client-experience-page main *{background-color:transparent}
.client-experience-page .ssrb{background-color:#fff!important;background-image:none!important;overflow-x:clip;max-width:100%}
.client-experience-page .ssrb section{background-color:transparent!important;background-image:none!important}
.client-experience-page .ssrb #faq{padding-left:clamp(32px,6vw,96px)!important;padding-right:clamp(32px,6vw,96px)!important}
.client-experience-page .ssrb.cx{--navy:#1B0F4F;--indigo:#3313B3;--lime:#CDF545;--ink:#121111;--muted:#494948;--soft:#757575;--line:#E8E4F5;--tint:#F3F0FF;--alt:#F7F7F9;--hm:#DDD6FF;--hero:linear-gradient(135deg,#3313B3 0%,#5B3FE0 100%);--g:clamp(20px,5vw,80px);--ease:cubic-bezier(.2,.7,.2,1);font-family:'Landing Poppins',system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;padding-bottom:72px;background:#fff!important}
.client-experience-page .cx *{box-sizing:border-box}
.client-experience-page .cx img{max-width:100%}
.client-experience-page .cx h1,.client-experience-page .cx h2,.client-experience-page .cx h3,.client-experience-page .cx p{margin:0}
.client-experience-page .cx a{text-decoration:none;color:inherit}
.client-experience-page .cx a:hover{text-decoration:none}
.client-experience-page .cx .cx-wrap{max-width:1440px;margin:0 auto;padding-left:var(--g);padding-right:var(--g)}
.client-experience-page .cx .cx-eb{font:600 12px/1.2 'Landing Poppins',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.client-experience-page .cx .cx-pill{display:inline-flex;align-self:flex-start;background-color:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 14px;font:600 12px/1.2 'Landing Poppins',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#fff!important}
.client-experience-page .cx .cx-h1{font:700 clamp(40px,5.6vw,68px)/1.02 'Landing Poppins',sans-serif;letter-spacing:-.035em;text-wrap:balance;color:#fff!important}
.client-experience-page .cx .cx-h2{font:700 clamp(30px,4.4vw,48px)/1.08 'Landing Poppins',sans-serif;letter-spacing:-.03em;text-wrap:balance;color:var(--ink)}
.client-experience-page .cx .cx-h2h{font:700 clamp(32px,4.6vw,56px)/1.04 'Landing Poppins',sans-serif;letter-spacing:-.04em;text-wrap:pretty;color:#fff!important}
.client-experience-page .cx .cx-h3{font:700 clamp(24px,3vw,34px)/1.14 'Landing Poppins',sans-serif;letter-spacing:-.03em;text-wrap:balance;color:var(--ink)}
.client-experience-page .cx .cx-li{color:var(--lime)!important}
.client-experience-page .cx .cx-lead{font:400 19px/1.5 'Landing Poppins',sans-serif;max-width:520px;text-wrap:pretty;color:var(--hm)!important;background:transparent!important}
.client-experience-page .cx .cx-body{font:400 16px/1.55 'Landing Poppins',sans-serif;color:var(--muted)!important;text-wrap:pretty;background:transparent!important}
.client-experience-page .cx .cx-cap{font:400 14px/1.4 'Landing Poppins',sans-serif;color:var(--muted)}
.client-experience-page .cx .cx-micro{font:400 13px/1.4 'Landing Poppins',sans-serif}
.client-experience-page .cx .cx-btn{display:inline-flex;align-items:center;justify-content:center;font:600 16px/1 'Landing Poppins',sans-serif;padding:16px 24px;border-radius:10px;transition:opacity .2s var(--ease);border:0}
.client-experience-page .cx .cx-btn:hover{opacity:.9}
.client-experience-page .cx .cx-btn.cx-lm{background-color:var(--lime)!important;color:var(--ink)!important}
.client-experience-page .cx .cx-btn.cx-ig{background-color:var(--indigo)!important;color:#fff!important}
.client-experience-page .cx .cx-btn.cx-ghost{background-color:transparent!important;border:1.5px solid rgba(255,255,255,.55);color:#fff!important;font-weight:500}
.client-experience-page .cx .cx-col{display:flex;flex-direction:column}
.client-experience-page .cx .cx-tick{width:22px;height:22px;flex:none;border-radius:999px;background-color:var(--indigo)!important;color:#fff!important;display:inline-flex;align-items:center;justify-content:center;font:600 12px/1 'Landing Poppins',sans-serif}
.client-experience-page .cx .cx-fig{font:700 44px/1 'Landing Space Grotesk','Landing Poppins',sans-serif;letter-spacing:-.04em;color:var(--indigo)}
.client-experience-page .cx section.cx-bg{background-image:var(--hero)!important;background-color:#3313B3!important;color:#fff;overflow:hidden}
.client-experience-page .cx .cx-hero{padding:72px var(--g) 88px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:56px;align-items:center;max-width:1440px;margin:0 auto}
.client-experience-page .cx .cx-hero .cx-micro,.client-experience-page .cx .cx-crumb{color:var(--hm)!important}
.client-experience-page .cx .cx-crumb{font:400 13px/1.4 'Landing Poppins',sans-serif}
.client-experience-page .cx .cx-crumb a{color:var(--hm)!important;text-decoration:underline}
.client-experience-page .cx .cx-media{position:relative}
.client-experience-page .cx .cx-media img{width:100%;height:440px;object-fit:cover;border-radius:18px;display:block}
.client-experience-page .cx .cx-pf{position:absolute;background-color:#fff!important;color:var(--ink);border-radius:12px;padding:14px 16px;box-shadow:0 12px 32px rgba(18,17,17,.22);display:flex;gap:12px;align-items:center;z-index:2}
.client-experience-page .cx .cx-pf.cx-a{left:-16px;top:36px;animation:cxFloat 6s ease-in-out infinite}
.client-experience-page .cx .cx-pf.cx-b{right:-12px;bottom:44px;flex-direction:column;align-items:flex-start;gap:4px;animation:cxFloat 5s ease-in-out .6s infinite}
.client-experience-page .cx .cx-pf .cx-t{font:600 14px/1.2 'Landing Poppins',sans-serif;color:var(--ink)}
.client-experience-page .cx .cx-pf .cx-s{font:400 13px/1.4 'Landing Poppins',sans-serif;color:var(--muted)}
.client-experience-page .cx .cx-pf .cx-money{font:700 22px/1 'Landing Space Grotesk',sans-serif;letter-spacing:-.04em;color:var(--indigo)}
@keyframes cxFloat{0%,100%{transform:translateY(0)}
50%{transform:translateY(-10px)}
}
@media (prefers-reduced-motion:reduce){.client-experience-page .cx .cx-pf{animation:none!important}
}
@media(max-width:600px){.client-experience-page .cx .cx-pf.cx-a{left:8px}
.client-experience-page .cx .cx-pf.cx-b{right:8px}
.client-experience-page .cx .cx-media img{height:340px}
}
.client-experience-page .cx .cx-stats{border-bottom:1px solid var(--line)}
.client-experience-page .cx .cx-stats .cx-wrap{padding-top:56px;padding-bottom:56px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:28px}
.client-experience-page .cx .cx-stat{display:flex;flex-direction:column;gap:8px;text-align:center}
.client-experience-page .cx .cx-stat b{font:700 clamp(40px,4.6vw,60px)/1 'Landing Poppins',sans-serif;letter-spacing:-.04em;color:var(--indigo)}
.client-experience-page .cx .cx-jhead{padding-top:80px;display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}
.client-experience-page .cx .cx-jhead .cx-h2{max-width:760px}
.client-experience-page .cx .cx-step{padding:72px var(--g);display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:56px;align-items:center;max-width:1440px;margin:0 auto}
.client-experience-page .cx .cx-step.cx-flip .cx-copy{order:2}
@media(max-width:720px){.client-experience-page .cx .cx-step.cx-flip .cx-copy{order:0}
}
.client-experience-page .cx .cx-copy{display:flex;flex-direction:column;gap:18px}
.client-experience-page .cx .cx-num{display:flex;align-items:center;gap:12px}
.client-experience-page .cx .cx-num b{font:700 15px/1 'Landing Space Grotesk',sans-serif;color:var(--indigo)}
.client-experience-page .cx .cx-pts{display:flex;flex-direction:column;gap:12px;margin-top:6px}
.client-experience-page .cx .cx-pt{display:flex;gap:12px;align-items:flex-start}
.client-experience-page .cx .cx-pt .cx-tick{margin-top:1px}
.client-experience-page .cx .cx-pt b{font:600 15px/1.4 'Landing Poppins',sans-serif;display:block;color:var(--ink)}
.client-experience-page .cx .cx-pt span{font:400 14px/1.4 'Landing Poppins',sans-serif;color:var(--muted)}
.client-experience-page .cx .cx-more{font:600 15px/1 'Landing Poppins',sans-serif;color:var(--indigo)!important;margin-top:8px}
.client-experience-page .cx .cx-more:hover{text-decoration:underline}
.client-experience-page .cx .cx-tn{background-color:var(--tint)!important;border-radius:24px;padding:40px;display:flex;flex-direction:column;gap:20px;min-height:380px;justify-content:center}
.client-experience-page .cx .cx-tn .cx-fig{font-size:clamp(40px,5vw,64px)}
.client-experience-page .cx .cx-mock{background-color:#fff!important;border-radius:16px;padding:18px 20px;box-shadow:0 2px 12px rgba(203,203,203,.5);display:flex;flex-direction:column;gap:6px;max-width:360px}
.client-experience-page .cx .cx-mock .cx-l{font:400 13px/1.4 'Landing Poppins',sans-serif;color:var(--soft)}
.client-experience-page .cx .cx-mock .cx-t{font:600 16px/1.3 'Landing Poppins',sans-serif;color:var(--ink)}
.client-experience-page .cx .cx-mock .cx-s{font:400 14px/1.4 'Landing Poppins',sans-serif;color:var(--muted)}
.client-experience-page .cx section.cx-alt{background-color:var(--alt)!important}
.client-experience-page .cx .cx-cmp{padding-top:80px;padding-bottom:80px;display:flex;flex-direction:column;gap:40px}
.client-experience-page .cx .cx-cmph{display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}
.client-experience-page .cx .cx-tbl{background-color:#fff!important;border:1px solid var(--line);border-radius:20px;overflow:auto}
.client-experience-page .cx .cx-tbl>div{min-width:820px}
.client-experience-page .cx .cx-tbl:focus-visible{outline:2px solid #3313b3;outline-offset:3px}
.client-experience-page .cx .cx-row{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;padding:18px 28px;border-bottom:1px solid var(--line);font:400 15px/1.6 'Landing Poppins',sans-serif;align-items:center;color:var(--ink)}
.client-experience-page .cx .cx-row:last-child{border-bottom:0}
.client-experience-page .cx .cx-row.cx-hd{font:600 14px/1.2 'Landing Poppins',sans-serif;color:var(--muted)}
.client-experience-page .cx .cx-row.cx-hd .cx-ss{color:var(--indigo)}
.client-experience-page .cx .cx-row .cx-f{font:600 15px/1.4 'Landing Poppins',sans-serif}
.client-experience-page .cx .cx-row .cx-inc{display:flex;align-items:center;gap:8px;color:var(--indigo);font-weight:600}
.client-experience-page .cx .cx-row .cx-inc .cx-tick{width:20px;height:20px;font-size:11px}
.client-experience-page .cx .cx-row .cx-o{color:var(--muted)}
.client-experience-page .cx .cx-quote{padding:88px var(--g);display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:48px;align-items:center;max-width:1100px;margin:0 auto}
.client-experience-page .cx .cx-quote img{width:100%;max-width:260px;height:320px;object-fit:cover;border-radius:18px;display:block}
.client-experience-page .cx .cx-stars{color:#FFD600;font:600 20px/1 'Landing Poppins',sans-serif;letter-spacing:.1em}
.client-experience-page .cx .cx-q{font:500 clamp(22px,2.4vw,30px)/1.35 'Landing Poppins',sans-serif;letter-spacing:-.02em;text-wrap:pretty;color:var(--ink)}
.client-experience-page .cx .cx-faq{max-width:800px;margin:0 auto;padding:0 var(--g) 72px;display:flex;flex-direction:column;gap:24px}
.client-experience-page .cx .cx-faq .cx-h2{font-size:clamp(26px,3.4vw,36px);line-height:1.15}
.client-experience-page .cx .cx-faqs{border-top:1px solid var(--line)}
.client-experience-page .cx details{border-bottom:1px solid var(--line)}
.client-experience-page .cx summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:20px 0;font:600 17px/1.4 'Landing Poppins',sans-serif;color:var(--ink)}
.client-experience-page .cx summary::-webkit-details-marker{display:none}
.client-experience-page .cx .cx-plus{font:400 24px/1 'Landing Poppins',sans-serif;color:var(--indigo);transition:transform .2s var(--ease);display:inline-block;flex:none}
.client-experience-page .cx details[open] .cx-plus{transform:rotate(45deg)}
.client-experience-page .cx details p{padding-bottom:20px;max-width:680px}
.client-experience-page .cx .cx-ctaw{padding:0 var(--g) 96px;max-width:1440px;margin:0 auto}
.client-experience-page .cx .cx-cta{background-image:var(--hero)!important;background-color:#3313B3!important;color:#fff;border-radius:28px;padding:clamp(40px,6vw,80px);display:flex;flex-wrap:wrap;gap:32px;align-items:center;justify-content:space-between}
.client-experience-page .cx .cx-cta .cx-col{gap:14px;max-width:600px}
.client-experience-page .cx .cx-cta p{font:400 17px/1.5 'Landing Poppins',sans-serif;color:var(--hm)!important}
@media (prefers-reduced-motion:reduce){.client-experience-page .join-sticky-cta{transition:none}
}
/* Sticky trial bar: the managed runtime owns visibility through [hidden]; keep the published slide-in. */
.client-experience-page .join-sticky-cta[hidden]{display:block;transform:translateY(110%);visibility:hidden;transition:transform .3s cubic-bezier(.2,.7,.2,1),visibility 0s linear .3s}
.client-experience-page .join-sticky-cta:not([hidden]){visibility:visible;transition:transform .3s cubic-bezier(.2,.7,.2,1),visibility 0s}
@media (prefers-reduced-motion:reduce){.client-experience-page .join-sticky-cta{transition:none!important}
}
/* The source script reserves 16px plus the bar height under the footer. */
.client-experience-page .js-footer{padding-bottom:calc(89px + env(safe-area-inset-bottom,0px))}
@media screen and (max-width:767px){.client-experience-page .js-footer{padding-bottom:calc(123px + env(safe-area-inset-bottom,0px))}
}
/* Narrow phones: auto-fit grids with >=240px minima are already one column below 480px; minmax(0,1fr) and min-width:0 stop overflow. */
@media screen and (max-width:479px){.client-experience-page .cx .cx-hero{grid-template-columns:minmax(0,1fr)}
.client-experience-page .cx .cx-step{grid-template-columns:minmax(0,1fr)}
.client-experience-page .cx .cx-quote{grid-template-columns:minmax(0,1fr)}
}