.mkt.h2 .cx-hero.cx-hero{height:calc(100svh - 2 * var(--h2-pad));min-height:600px;padding:5rem var(--page-gutter) 3rem;isolation:isolate;background:var(--ink);color:var(--paper);border-radius:0;place-items:center;display:grid;position:relative;overflow:hidden}.mkt.h2 .cx-hero.cx-hero-short{height:calc(78svh - 2 * var(--h2-pad));min-height:520px}.cx-hero-img{z-index:-2;object-fit:cover;width:100%;height:100%;animation:1.8s cubic-bezier(.22,1,.36,1) both cx-settle;position:absolute;inset:0}.cx-hero-scrim{z-index:-1;background:radial-gradient(60% 55% at 50% 52%,#01083399 0%,#01083300 100%),linear-gradient(#01083359,#01083300 30%);position:absolute;inset:0}.cx-hero-copy{width:min(100%,60rem);position:relative}@keyframes cx-settle{0%{filter:blur(8px);transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.cx-hero-img{animation:none}}.mkt.h2:not([data-page-slug=home]) .h2-box:not(.h2-herowrap):not(.h2-close):not(.h2-web):not(.h2-voices):not(.h2-stack):not(.h2-faqbox):not(.h2-footbox):not(.h2-gather){padding-inline:max(clamp(1.25rem,4vw,3rem),50% - 620px)}.cx-device{isolation:isolate;opacity:0;width:100%;min-width:0;transition:opacity .5s;position:relative}.cx-device.is-loaded{opacity:1}.cx-device-clip{z-index:0;position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.cx-device-screen{transform-origin:0 0;z-index:0;background:#fff;position:absolute;top:0;left:0;overflow:hidden}.cx-device-img{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cx-flowcard{justify-self:stretch;place-items:center;width:100%;min-width:0;min-height:clamp(360px,42vw,560px);padding:clamp(1.5rem,4vw,3rem);display:grid}.cx-flow-web{flex-shrink:0;width:180%}.cx-flowcard:not(.fl-frame-mobile){position:relative}.cx-flowcard:not(.fl-frame-mobile)>.cx-flow-web{width:140%;transition:width .45s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cx-flowcard.fl-frame-mobile .fl-phone.h2-phone{--pw:min(360px, 72vw)}.cx-flowcard .how-still,.cx-flowcard .how-live{transition:opacity .45s,width .45s cubic-bezier(.22,1,.36,1)}.cx-flowcard .how-live{opacity:0}.cx-flowcard[data-hover] .how-live{opacity:1}.cx-flowcard[data-hover] .how-still{opacity:0}.cx-flowcard .cx-flow-layer{position:absolute;inset:0}.cx-flow-screen{width:100%;height:100%}.cx-flowcard.cx-flowcard-scene{min-height:0;padding:0;display:block}.cx-flowcard.cx-flowcard-scene .cx-device{width:100%}.mkt.h2 .h2-box:has(.cx-flowcard):not(.h2-herowrap){padding-top:clamp(4.5rem,8vw,7.5rem)!important;padding-bottom:clamp(4.5rem,8vw,7.5rem)!important}.mkt.h2 .h2-box .cx-flowcard{--cx-card-h:clamp(480px, 62svh, 640px);align-self:center;height:var(--cx-card-h)!important;min-height:0!important}.cx-flowcard.fl-frame-mobile{container-type:inline-size}.mkt.h2 .h2-box .cx-flowcard.fl-frame-mobile .fl-phone.h2-phone{--pw:min(calc((var(--cx-card-h) - 20cqw) / 2.035), 80cqw)}@media (max-width:700px){.mkt.h2 .h2-box .cx-flowcard{--cx-card-h:clamp(420px, 70svh, 560px)}}.cx-logos{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(1.75rem,4vw,3.5rem) clamp(2rem,5vw,4rem);margin:0;padding:0;list-style:none;display:flex}.cx-logos li{align-items:center;display:flex}.cx-logos.cx-logos-grid{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));justify-items:center;display:grid}@media (max-width:900px){.cx-logos.cx-logos-grid{grid-template-columns:repeat(var(--cols-md,var(--cols-sm)), minmax(0, 1fr))}}.cx-logos-ink{color:var(--ink)}.cx-logos-light{color:#fbfbfb}.cx-logos .partnerInline{background:currentColor;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.cx-shot{border-radius:var(--radius-lg);isolation:isolate;background:#2a2438;width:100%;position:relative;overflow:hidden}.cx-shot-photo{object-fit:cover;filter:blur(34px);z-index:-1;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.18)}.cx-shot-device{position:absolute}.cx-phonemock{height:auto;position:relative}.cx-phonemock-pic{pointer-events:none;position:absolute}@media (max-width:1279px){.cx-logos li,.cx-logos .partnerMark,.cx-logos .partnerInline{min-width:0;max-width:100%}}@media (max-width:767px){.cx-hero .hx-word{white-space:normal;max-width:100%;display:inline-block}.cx-logos{gap:1.5rem}}@media (max-width:599px){.cx-logos.cx-logos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:419px){.cx-logos[data-count="5"]{grid-template-columns:repeat(6,minmax(0,1fr));justify-items:center;gap:1.5rem .75rem;display:grid}.cx-logos[data-count="5"] li{grid-column:span 2}.cx-logos[data-count="5"] li:nth-last-child(2){grid-column:2/span 2}}@media (max-width:1023px){.h2-faqbox-kit.h2-box{position:relative}.h2-faqbox-kit .faqQuestion{min-height:44px}.mkt.h2 .h2-faqbox-kit .sec.faqSection{min-height:0;padding-block:clamp(2rem,5vw,3rem)}.mkt.h2 .h2-box:has(.cx-flowcard):not(.h2-herowrap){padding-block:clamp(2.5rem,5vw,3.5rem)!important}.mkt.h2 .h2-box .cx-flowcard{max-height:none;padding:.75rem;height:var(--cx-flow-h,320px)!important}.mkt.h2 .h2-box .cx-flowcard.fl-frame-mobile{align-content:center;padding:1rem .75rem;height:auto!important}.mkt.h2 .h2-box .cx-flowcard.fl-frame-mobile .fl-phone.h2-phone{--pw:min(360px, 100cqw)}}@media (max-width:767px){.mkt.h2 .h2-box .cx-flowcard.fl-frame-mobile .fl-phone.h2-phone{--pw:min(340px, calc(100cqw + 8px))}}@media (min-width:768px) and (max-width:1023px){.h2-faqbox-kit .h2-faqbox-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.5rem}}@media (max-width:1279px) and (max-height:520px) and (orientation:landscape){.mkt.h2 .h2-herowrap>.cx-hero.cx-hero{min-height:calc(100svh - 2 * var(--h2-pad));padding-block:max(4rem, calc(3.5rem + env(safe-area-inset-top,0px))) max(1.25rem, env(safe-area-inset-bottom,0px));height:auto!important}.cx-hero .hx-title{max-width:24ch;font-size:clamp(1.75rem,min(5vw,9svh),3rem)}.cx-hero .hx-sub{margin-top:.75rem;font-size:1rem}.cx-hero .hx-ctas{margin-top:1rem}.mkt.h2 .h2-box:has(.cx-flowcard):not(.h2-herowrap){padding-block:2rem!important}.mkt.h2 .h2-box .cx-flowcard{--cx-card-h:clamp(240px, 76svh, 380px)}.mkt.h2 .h2-box .cx-flowcard.fl-frame-mobile .fl-phone.h2-phone{--pw:min(calc((var(--cx-card-h) - 2rem) / 2.035), 80cqw)}.mkt.h2 .h2-faqbox-kit .sec.faqSection{min-height:0;padding-block:2rem}}
