/* Published Webflow styles for /join/marketing-suite (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. */
.marketing-suite-page main{margin:0}
.marketing-suite-page main section{display:block}
.marketing-suite-page [hidden]{display:none}
.marketing-suite-page main a{background-color:#0000}
.marketing-suite-page main a:active,.marketing-suite-page main a:hover{outline:0}
.marketing-suite-page main b{font-weight:700}
.marketing-suite-page main h1{margin:.67em 0;font-size:2em}
.marketing-suite-page main img{border:0}
.marketing-suite-page *{box-sizing:border-box}
.marketing-suite-page main{color:#333;background-color:#fff;min-height:100%;margin:0;font-family:Arial,sans-serif;font-size:14px;line-height:20px}
.marketing-suite-page main img{vertical-align:middle;max-width:100%;display:inline-block}
.marketing-suite-page main h1,.marketing-suite-page main h2,.marketing-suite-page main h3{margin-bottom:10px;font-weight:700}
.marketing-suite-page main h1{margin-top:20px;font-size:38px;line-height:44px}
.marketing-suite-page main h2{margin-top:20px;font-size:32px;line-height:36px}
.marketing-suite-page main h3{margin-top:20px;font-size:24px;line-height:30px}
.marketing-suite-page main p{margin-top:0;margin-bottom:10px}
.marketing-suite-page .w-embed:before,.marketing-suite-page .w-embed:after{content:" ";grid-area:1/1/2/2;display:table}
.marketing-suite-page .w-embed:after{clear:both}
.marketing-suite-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}
.marketing-suite-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%}
.marketing-suite-page main h1{margin-top:20px;margin-bottom:10px;font-size:3rem;font-weight:700;line-height:120%}
.marketing-suite-page main h2{color:var(--black);margin-top:20px;margin-bottom:10px;font-size:2.25rem;font-weight:700;line-height:120%}
.marketing-suite-page main h3{margin-top:20px;margin-bottom:10px;font-size:1.5rem;font-weight:700;line-height:120%}
.marketing-suite-page main p{margin-bottom:0}
.marketing-suite-page .ms-hero{background-image:linear-gradient(135deg,#3313b3 0%,#5b3fe0 100%);padding:88px 0;font-family:'Landing Poppins',sans-serif}
.marketing-suite-page .ms-wrap{max-width:1440px;margin:0 auto;padding:0 clamp(20px,5vw,80px)}
.marketing-suite-page .ms-hero-grid{grid-column-gap:48px;grid-row-gap:48px;grid-template-rows:auto;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:center;display:grid}
.marketing-suite-page .ms-hero-copy{grid-column-gap:22px;grid-row-gap:22px;flex-direction:column;align-items:flex-start;display:flex}
.marketing-suite-page .ms-pill{color:#fff;letter-spacing:.1em;text-transform:uppercase;background-color:#ffffff29;border:1px solid #fff3;border-radius:999px;align-items:center;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex}
.marketing-suite-page .ms-h1{color:#fff;letter-spacing:-.045em;margin:0;font-size:clamp(40px,4.6vw,64px);font-weight:700;line-height:1.04}
.marketing-suite-page .ms-lime{color:#cdf545}
.marketing-suite-page .ms-hero-sub{color:#ddd6ff;max-width:520px;margin:0;font-size:18px;line-height:1.55}
.marketing-suite-page .ms-cta-row{grid-column-gap:14px;grid-row-gap:14px;flex-wrap:wrap;align-items:center;display:flex}
.marketing-suite-page .ms-btn{color:#121111;background-color:#cdf545;border-radius:12px;justify-content:center;align-items:center;padding:18px 28px;font-size:16px;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}
.marketing-suite-page .ms-btn:hover{opacity:.9}
.marketing-suite-page .ms-fine{color:#ddd6ff;font-size:14px}
.marketing-suite-page .ms-glass{grid-column-gap:18px;grid-row-gap:18px;background-color:#ffffff14;border:1px solid #ffffff24;border-radius:24px;flex-direction:column;padding:26px;display:flex}
.marketing-suite-page .ms-glass-head{justify-content:space-between;align-items:center;display:flex}
.marketing-suite-page .ms-glass-title{color:#fff;font-size:15px;font-weight:600}
.marketing-suite-page .ms-glass-tag{color:#fff;letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:500}
.marketing-suite-page .ms-glass-list{grid-column-gap:12px;grid-row-gap:12px;flex-direction:column;display:flex}
.marketing-suite-page .ms-glass-item{grid-column-gap:4px;grid-row-gap:4px;background-color:#ffffff1a;border:1px solid #ffffff24;border-radius:16px;flex-direction:column;padding:16px 18px;display:flex}
.marketing-suite-page .ms-glass-item-t{color:#fff;font-size:15px;font-weight:600}
.marketing-suite-page .ms-glass-item-s{color:#ddd6ff;font-size:14px}
.marketing-suite-page .ms-glass-foot{justify-content:space-between;align-items:center;padding-top:4px;display:flex}
.marketing-suite-page .ms-glass-total{color:#cdf545;letter-spacing:-.03em;font-size:26px;font-weight:700}
.marketing-suite-page .ms-stats{background-color:#f7f7f9;padding:44px 0;font-family:'Landing Poppins',sans-serif}
.marketing-suite-page .ms-stats-grid{grid-column-gap:20px;grid-row-gap:20px;grid-template-rows:auto;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}
.marketing-suite-page .ms-stat{grid-column-gap:6px;grid-row-gap:6px;flex-direction:column;display:flex}
.marketing-suite-page .ms-stat-v{color:#3313b3;letter-spacing:-.04em;font-size:clamp(36px,3.4vw,48px);font-weight:700;line-height:1}
.marketing-suite-page .ms-stat-l{color:#494948;font-size:15px;line-height:1.5}
.marketing-suite-page .ms-suite{background-color:#fff;padding:88px 0;font-family:'Landing Poppins',sans-serif}
.marketing-suite-page .ms-suite-inner{grid-column-gap:40px;grid-row-gap:40px;flex-direction:column;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:center;gap:40px 48px;display:grid}
.marketing-suite-page .ms-eyebrow{color:#3313b3;letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:600}
.marketing-suite-page .ms-head{grid-column-gap:14px;grid-row-gap:14px;flex-direction:column;max-width:720px;display:flex}
.marketing-suite-page .ms-h2{color:#121111;letter-spacing:-.04em;margin:0;font-size:clamp(32px,3.6vw,48px);font-weight:700;line-height:1.08}
.marketing-suite-page .ms-sub{color:#494948;max-width:520px;margin:0;font-size:17px;line-height:1.55}
.marketing-suite-page .ms-cards{grid-column-gap:20px;grid-row-gap:20px;grid-column:1/-1;grid-template-rows:auto;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;display:grid}
.marketing-suite-page .ms-card{grid-column-gap:14px;grid-row-gap:14px;background-color:#fff;border-radius:24px;flex-direction:column;padding:28px;display:flex;box-shadow:0 2px 12px #cbcbcb80}
.marketing-suite-page .ms-card-t{color:#121111;letter-spacing:-.02em;margin:0;font-size:22px;font-weight:600;line-height:1.2}
.marketing-suite-page .ms-card-b{color:#494948;margin:0;font-size:15px;line-height:1.55}
.marketing-suite-page .ms-tint{grid-column-gap:8px;grid-row-gap:8px;background-color:#f3f0ff;border-radius:16px;flex-direction:column;padding:18px;display:flex}
.marketing-suite-page .ms-tint-t{color:#3313b3;font-size:14px;font-weight:600}
.marketing-suite-page .ms-tint-s{color:#494948;font-size:14px;line-height:1.5}
.marketing-suite-page .ms-photo-row{grid-column-gap:10px;grid-row-gap:10px;grid-template-rows:auto;grid-template-columns:repeat(3,1fr);display:grid}
.marketing-suite-page .ms-photo{object-fit:cover;border-radius:12px;width:100%;height:82px;display:block}
.marketing-suite-page .ms-tint-row{flex-direction:row;justify-content:space-between;align-items:center}
.marketing-suite-page .ms-tint-label{color:#121111;font-size:14px;font-weight:500}
.marketing-suite-page .ms-tint-num{color:#3313b3;letter-spacing:-.03em;font-size:22px;font-weight:700}
.marketing-suite-page .ms-ai{background-image:linear-gradient(135deg,#3313b3 0%,#5b3fe0 100%);padding:84px 0;font-family:'Landing Poppins',sans-serif}
.marketing-suite-page .ms-ai-grid{grid-column-gap:56px;grid-row-gap:56px;grid-template-rows:auto;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:center;display:grid}
.marketing-suite-page .ms-ai-copy{grid-column-gap:20px;grid-row-gap:20px;flex-direction:column;align-items:flex-start;display:flex}
.marketing-suite-page .ms-eyebrow-lime{color:#cdf545;letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:600}
.marketing-suite-page .ms-h2-w{color:#fff;letter-spacing:-.04em;margin:0;font-size:clamp(32px,3.6vw,48px);font-weight:700;line-height:1.08}
.marketing-suite-page .ms-sub-w{color:#ddd6ff;max-width:520px;margin:0;font-size:17px;line-height:1.55}
.marketing-suite-page .ms-list{grid-column-gap:12px;grid-row-gap:12px;flex-direction:column;display:flex}
.marketing-suite-page .ms-list-item{color:#ddd6ff;font-size:16px;line-height:1.5}
.marketing-suite-page .ms-device{background-color:#0e0e0e;border-radius:36px;justify-self:center;padding:10px;box-shadow:0 12px 32px #12111138}
.marketing-suite-page .ms-device-img{border-radius:28px;width:280px;display:block}
.marketing-suite-page .ms-testi{background-color:#fff;padding:84px 0;font-family:'Landing Poppins',sans-serif}
.marketing-suite-page .ms-testi-grid{grid-column-gap:48px;grid-row-gap:48px;grid-template-rows:auto;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:center;display:grid}
.marketing-suite-page .ms-testi-img{object-fit:cover;object-position:center 20%;border-radius:24px;width:100%;height:340px;display:block}
.marketing-suite-page .ms-testi-copy{grid-column-gap:18px;grid-row-gap:18px;flex-direction:column;display:flex}
.marketing-suite-page .ms-stars{color:#f5c400;letter-spacing:2px;font-size:16px}
.marketing-suite-page .ms-quote{color:#121111;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:500;line-height:1.35}
.marketing-suite-page .ms-attr{color:#121111;font-size:15px;font-weight:600}
.marketing-suite-page .ms-attr-role{color:#494948;font-weight:400}
.marketing-suite-page .ms-cta{background-color:#fff;padding:0 0 88px;font-family:'Landing Poppins',sans-serif}
.marketing-suite-page .ms-cta-card{grid-column-gap:20px;grid-row-gap:20px;text-align:center;background-image:linear-gradient(135deg,#3313b3 0%,#5b3fe0 100%);border-radius:28px;flex-direction:column;align-items:center;padding:clamp(40px,5vw,64px);display:flex}
.marketing-suite-page .ms-cta-h2{color:#fff;letter-spacing:-.04em;margin:0;font-size:clamp(34px,3.8vw,52px);font-weight:700;line-height:1.06}
.marketing-suite-page .ms-cta-sub{color:#ddd6ff;max-width:520px;margin:0;font-size:17px;line-height:1.55}
.marketing-suite-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}
.marketing-suite-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}
.marketing-suite-page .join-sticky-cta-t{color:#494948;font-size:13px;line-height:24px}
.marketing-suite-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}
.marketing-suite-page .join-sticky-cta-btn:hover{opacity:.9}
.marketing-suite-page .join-sticky-cta-btn:focus-visible{outline-offset:3px;outline:2px solid #3313b3}
.marketing-suite-page .join-sticky-cta-b{color:#121111;font-weight:700}
@media screen and (max-width:991px){.marketing-suite-page main h1{font-size:2.5rem}
.marketing-suite-page main h2{box-sizing:border-box;font-size:2rem}
}
@media screen and (max-width:767px){.marketing-suite-page main h2{font-size:1.7rem;line-height:130%}
.marketing-suite-page main p{font-size:1rem}
.marketing-suite-page .join-sticky-cta-in{gap:10px}
.marketing-suite-page .join-sticky-cta-t{text-align:center;flex:100%}
.marketing-suite-page .join-sticky-cta-btn{width:100%}
}
@media screen and (max-width:479px){.marketing-suite-page main h1{font-size:2rem;line-height:130%}
.marketing-suite-page main h2{font-size:1.6rem;line-height:130%}
.marketing-suite-page main p{font-size:.9rem}
}
/* Page embeds */
.marketing-suite-page main{background:#fff!important;margin:0;font-family:'Landing Poppins',system-ui,sans-serif;color:#121111;-webkit-font-smoothing:antialiased;overflow-x:clip}
.marketing-suite-page main a:focus-visible,.marketing-suite-page [data-signup]:focus-visible{outline:2px solid #3313B3;outline-offset:3px;border-radius:12px}
@keyframes ssFloat{0%,100%{transform:translateY(0)}
50%{transform:translateY(-10px)}
}
.marketing-suite-page .ms-glass{animation:ssFloat 6s cubic-bezier(.2,.7,.2,1) infinite}
.marketing-suite-page .js-burger-bar{transition:transform .25s ease,opacity .2s ease}
@media (max-width:767px){.marketing-suite-page .js-nav{display:none}
.marketing-suite-page .js-header-right .js-nav-link{display:none}
.marketing-suite-page .ms-device-img{width:240px}
}
@media (prefers-reduced-motion:reduce){.marketing-suite-page *{animation:none!important;transition:none!important}
}
.marketing-suite-page .ms-video{display:flex;justify-content:flex-end;width:100%}
.marketing-suite-page .ms-video-frame{position:relative;width:100%;max-width:270px;aspect-ratio:9/16;border-radius:24px;overflow:hidden;background:#1B0F4F;box-shadow:0 12px 32px rgba(18,17,17,.22);transform:translateX(45%)}
@media (max-width:767px){.marketing-suite-page .ms-video{justify-content:center}
.marketing-suite-page .ms-video-frame{transform:none;max-width:300px}
}
@media (min-width:768px) and (max-width:1199px){.marketing-suite-page .ms-video{justify-content:center}
.marketing-suite-page .ms-video-frame{transform:none}
}
@media (prefers-reduced-motion:reduce){.marketing-suite-page .join-sticky-cta{transition:none}
}
/* Sticky trial bar: the managed runtime owns visibility through [hidden]; keep the published slide-in. */
.marketing-suite-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}
.marketing-suite-page .join-sticky-cta:not([hidden]){visibility:visible;transition:transform .3s cubic-bezier(.2,.7,.2,1),visibility 0s}
@media (prefers-reduced-motion:reduce){.marketing-suite-page .join-sticky-cta{transition:none!important}
}
/* The source script reserves 16px plus the bar height under the footer. */
.marketing-suite-page .js-footer{padding-bottom:calc(89px + env(safe-area-inset-bottom,0px))}
@media screen and (max-width:767px){.marketing-suite-page .js-footer{padding-bottom:calc(123px + env(safe-area-inset-bottom,0px))}
}
/* Managed Vimeo player fills the published frame. The runtime adds the iframe, a play/pause control (styled like the
   existing landing motion control) and a status line that is empty once the player is ready. */
.marketing-suite-page .landing-video-fill{position:absolute;inset:0;width:100%;height:100%}
.marketing-suite-page .landing-video-fill [data-landing-video-frame]{width:100%;height:100%}
.marketing-suite-page .landing-video-fill [data-landing-video-toggle]{position:absolute;z-index:2;top:12px;right:12px;background:#1b0f4f;color:#fff;border:1px solid #ffffff80;border-radius:20px;padding:6px 12px;font:inherit;font-size:12px;line-height:1.2;cursor:pointer}
.marketing-suite-page .landing-video-fill [data-landing-video-toggle]:disabled{opacity:.7;cursor:default}
.marketing-suite-page .landing-video-fill [data-landing-video-toggle]:focus-visible{outline:3px solid #cdf545;outline-offset:3px}
.marketing-suite-page .landing-video-fill [data-landing-video-status]{position:absolute;z-index:2;left:12px;right:12px;bottom:12px;color:#fff;font-size:12px;line-height:1.3;text-shadow:0 1px 2px #000}
.marketing-suite-page .landing-video-fill [data-landing-video-status]:empty{display:none}
/* 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){.marketing-suite-page .ms-hero-grid{grid-template-columns:minmax(0,1fr)}
.marketing-suite-page .ms-stats-grid{grid-template-columns:minmax(0,1fr)}
.marketing-suite-page .ms-suite-inner{grid-template-columns:minmax(0,1fr)}
.marketing-suite-page .ms-cards{grid-template-columns:minmax(0,1fr)}
.marketing-suite-page .ms-ai-grid{grid-template-columns:minmax(0,1fr)}
.marketing-suite-page .ms-testi-grid{grid-template-columns:minmax(0,1fr)}
}
