/* Published Webflow styles for /join/social-post-builder (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. */
.social-post-builder-page main{margin:0}
.social-post-builder-page main section{display:block}
.social-post-builder-page [hidden]{display:none}
.social-post-builder-page main a{background-color:#0000}
.social-post-builder-page main a:active,.social-post-builder-page main a:hover{outline:0}
.social-post-builder-page main b{font-weight:700}
.social-post-builder-page main h1{margin:.67em 0;font-size:2em}
.social-post-builder-page main img{border:0}
.social-post-builder-page *{box-sizing:border-box}
.social-post-builder-page main{color:#333;background-color:#fff;min-height:100%;margin:0;font-family:Arial,sans-serif;font-size:14px;line-height:20px}
.social-post-builder-page main img{vertical-align:middle;max-width:100%;display:inline-block}
.social-post-builder-page main h1,.social-post-builder-page main h2,.social-post-builder-page main h3{margin-bottom:10px;font-weight:700}
.social-post-builder-page main h1{margin-top:20px;font-size:38px;line-height:44px}
.social-post-builder-page main h2{margin-top:20px;font-size:32px;line-height:36px}
.social-post-builder-page main h3{margin-top:20px;font-size:24px;line-height:30px}
.social-post-builder-page main p{margin-top:0;margin-bottom:10px}
.social-post-builder-page main ul{margin-top:0;margin-bottom:10px;padding-left:40px}
.social-post-builder-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}
.social-post-builder-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%}
.social-post-builder-page main h1{margin-top:20px;margin-bottom:10px;font-size:3rem;font-weight:700;line-height:120%}
.social-post-builder-page main h2{color:var(--black);margin-top:20px;margin-bottom:10px;font-size:2.25rem;font-weight:700;line-height:120%}
.social-post-builder-page main h3{margin-top:20px;margin-bottom:10px;font-size:1.5rem;font-weight:700;line-height:120%}
.social-post-builder-page main p{margin-bottom:0}
.social-post-builder-page .sp-stats{background-color:#fff;border-bottom:1px solid #e8e4f5;padding:56px clamp(20px,5vw,80px);font-family:'Landing Poppins',sans-serif}
.social-post-builder-page .sp-stats-grid{grid-column-gap:20px;grid-row-gap:20px;grid-template-rows:auto;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:1440px;margin:0 auto;display:grid}
.social-post-builder-page .sp-stat{grid-column-gap:8px;grid-row-gap:8px;text-align:center;flex-direction:column;display:flex}
.social-post-builder-page .sp-stat-value{color:#3313b3;letter-spacing:-.04em;font-size:clamp(40px,4.6vw,60px);font-weight:700;line-height:1}
.social-post-builder-page .sp-stat-label{color:#494948;font-size:14px;line-height:1.4}
.social-post-builder-page .sp-page{color:#121111;font-family:'Landing Poppins',sans-serif}
.social-post-builder-page .sp-hero{color:#fff;background-image:linear-gradient(135deg,#3313b3 0%,#5b3fe0 100%);padding:72px clamp(20px,5vw,80px) 80px}
.social-post-builder-page .sp-hero-grid{grid-row-gap:clamp(40px,6vw,96px);grid-column-gap:clamp(40px,6vw,96px);grid-template-rows:auto;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:center;max-width:1440px;margin:0 auto;display:grid}
.social-post-builder-page .sp-hero-copy{grid-column-gap:22px;grid-row-gap:22px;flex-direction:column;align-items:flex-start;display:flex}
.social-post-builder-page .sp-pill-lime{color:#121111;letter-spacing:.1em;text-transform:uppercase;background-color:#cdf545;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:600}
.social-post-builder-page .sp-h1{color:#fff;letter-spacing:-.035em;margin:0;font-family:'Landing Poppins',sans-serif;font-size:clamp(40px,5.6vw,68px);font-weight:700;line-height:1.02}
.social-post-builder-page .sp-lime{color:#cdf545}
.social-post-builder-page .sp-hero-lead{color:#ddd6ff;max-width:520px;margin:0;font-size:19px;line-height:1.5}
.social-post-builder-page .sp-cta-row{grid-column-gap:14px;grid-row-gap:14px;flex-wrap:wrap;display:flex}
.social-post-builder-page .sp-btn-lime{color:#121111;background-color:#cdf545;border-radius:10px;padding:18px 34px;font-size:17px;font-weight:600;text-decoration:none;display:inline-block}
.social-post-builder-page .sp-btn-outline{color:#fff;border:1.5px solid #ffffff8c;border-radius:10px;padding:16px 32px;font-size:17px;font-weight:500;text-decoration:none;display:inline-block}
.social-post-builder-page .sp-micro{color:#ddd6ff;font-size:13px;line-height:1.4}
.social-post-builder-page .sp-hero-media{justify-content:center;display:flex;position:relative}
.social-post-builder-page .sp-phone{background-color:#120a32;border-radius:38px;width:320px;padding:12px;box-shadow:0 12px 32px #12111138}
.social-post-builder-page .sp-phone-screen{background-color:#fff;border-radius:28px;height:620px;display:block;position:relative;overflow:hidden}
.social-post-builder-page .sp-phone-img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}
.social-post-builder-page .sp-float-card{grid-column-gap:6px;grid-row-gap:6px;background-color:#fff;border-radius:20px;flex-direction:column;gap:6px;padding:20px 28px 22px;display:flex;position:absolute;top:24px;left:0;box-shadow:0 12px 32px #12111138}
.social-post-builder-page .sp-figure{color:#3313b3;letter-spacing:-.03em;font-size:30px;font-weight:700;line-height:1}
.social-post-builder-page .sp-figure-label{color:#494948;font-size:15px;line-height:1.4}
.social-post-builder-page .sp-band{background-color:#fff;padding:88px clamp(20px,5vw,80px);font-family:'Landing Poppins',sans-serif}
.social-post-builder-page .sp-band-grid{grid-row-gap:clamp(40px,6vw,96px);grid-column-gap:clamp(40px,6vw,96px);grid-template-rows:auto;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:center;max-width:1440px;margin:0 auto;display:grid}
.social-post-builder-page .sp-col{grid-column-gap:24px;grid-row-gap:24px;flex-direction:column;align-items:flex-start;display:flex}
.social-post-builder-page .sp-eyebrow{color:#3313b3;letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:600;line-height:1.2}
.social-post-builder-page .sp-h2{color:#121111;letter-spacing:-.03em;margin:0;font-family:'Landing Poppins',sans-serif;font-size:clamp(30px,4.4vw,48px);font-weight:700;line-height:1.08}
.social-post-builder-page .sp-body{color:#494948;max-width:520px;margin:0;font-size:16px;line-height:1.55}
.social-post-builder-page .sp-list{grid-column-gap:14px;grid-row-gap:14px;background-color:#f3f0ff;border-radius:20px;width:100%;margin:0;padding:32px;list-style:none;display:grid}
.social-post-builder-page .sp-list-item{grid-column-gap:12px;grid-row-gap:12px;color:#121111;align-items:center;font-size:15px;font-weight:500;display:flex}
.social-post-builder-page .sp-tick{color:#fff;background-color:#3313b3;border-radius:999px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex}
.social-post-builder-page .sp-btn-indigo{color:#fff;background-color:#3313b3;border-radius:10px;padding:16px 28px;font-size:16px;font-weight:600;text-decoration:none;display:inline-block}
.social-post-builder-page .sp-video-wrap{grid-column-gap:12px;grid-row-gap:12px;flex-direction:column;align-items:center;width:100%;display:flex}
.social-post-builder-page .sp-video-frame{aspect-ratio:9/19.5;background-color:#120a32;border-radius:18px;width:340px;max-width:100%;position:relative;overflow:hidden}
.social-post-builder-page .sp-video-embed{width:100%;height:100%;position:absolute;top:0;left:0}
.social-post-builder-page .sp-caption{color:#757575;font-size:13px;line-height:1.4}
.social-post-builder-page .sp-band-alt{background-color:#f7f7f9;padding:88px clamp(20px,5vw,80px);font-family:'Landing Poppins',sans-serif}
.social-post-builder-page .sp-band-stack{grid-column-gap:40px;grid-row-gap:40px;flex-direction:column;max-width:1440px;margin:0 auto;display:flex}
.social-post-builder-page .sp-head-center{grid-column-gap:12px;grid-row-gap:12px;text-align:center;flex-direction:column;align-items:center;display:flex}
.social-post-builder-page .sp-cards{grid-column-gap:20px;grid-row-gap:20px;grid-template-rows:auto;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}
.social-post-builder-page .sp-card{grid-column-gap:8px;grid-row-gap:8px;background-color:#fff;border-radius:24px;flex-direction:column;padding:28px;display:flex;box-shadow:0 2px 12px #cbcbcb80}
.social-post-builder-page .sp-h4{color:#121111;letter-spacing:-.03em;margin:0;font-family:'Landing Poppins',sans-serif;font-size:24px;font-weight:700;line-height:1.15}
.social-post-builder-page .sp-body-sm{color:#494948;margin:0;font-size:15px;line-height:1.6}
.social-post-builder-page .sp-center-cta{justify-content:center;display:flex}
.social-post-builder-page .sp-faq-band{background-color:#fff;padding:88px clamp(20px,5vw,80px);font-family:'Landing Poppins',sans-serif}
.social-post-builder-page .sp-faq-inner{grid-column-gap:24px;grid-row-gap:24px;flex-direction:column;max-width:800px;margin:0 auto;display:flex}
.social-post-builder-page .sp-faq-list{flex-direction:column;display:flex}
.social-post-builder-page .sp-faq-item{grid-column-gap:10px;grid-row-gap:10px;border-bottom:1px solid #e8e4f5;flex-direction:column;padding:20px 0;display:flex}
.social-post-builder-page .sp-faq-q{color:#121111;margin:0;font-size:16px;font-weight:600;line-height:1.3}
.social-post-builder-page .sp-faq-a{color:#494948;max-width:680px;margin:0;font-size:15px;line-height:1.6}
.social-post-builder-page .sp-final{color:#fff;background-image:linear-gradient(135deg,#3313b3 0%,#5b3fe0 100%);padding:clamp(40px,6vw,80px) clamp(20px,5vw,80px);font-family:'Landing Poppins',sans-serif}
.social-post-builder-page .sp-final-inner{grid-column-gap:20px;grid-row-gap:20px;text-align:center;flex-direction:column;align-items:center;max-width:880px;margin:0 auto;display:flex}
.social-post-builder-page .sp-h2-hero{color:#fff;letter-spacing:-.04em;margin:0;font-family:'Landing Poppins',sans-serif;font-size:clamp(32px,4.6vw,56px);font-weight:700;line-height:1.04}
.social-post-builder-page .sp-final-body{color:#ddd6ff;max-width:620px;margin:0;font-size:16px;line-height:1.55}
.social-post-builder-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}
.social-post-builder-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}
.social-post-builder-page .join-sticky-cta-t{color:#494948;font-size:13px;line-height:24px}
.social-post-builder-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}
.social-post-builder-page .join-sticky-cta-btn:hover{opacity:.9}
.social-post-builder-page .join-sticky-cta-btn:focus-visible{outline-offset:3px;outline:2px solid #3313b3}
.social-post-builder-page .join-sticky-cta-b{color:#121111;font-weight:700}
@media screen and (max-width:991px){.social-post-builder-page main h1{font-size:2.5rem}
.social-post-builder-page main h2{box-sizing:border-box;font-size:2rem}
}
@media screen and (max-width:767px){.social-post-builder-page main h2{font-size:1.7rem;line-height:130%}
.social-post-builder-page main p{font-size:1rem}
.social-post-builder-page .join-sticky-cta-in{gap:10px}
.social-post-builder-page .join-sticky-cta-t{text-align:center;flex:100%}
.social-post-builder-page .join-sticky-cta-btn{width:100%}
}
@media screen and (max-width:479px){.social-post-builder-page main h1{font-size:2rem;line-height:130%}
.social-post-builder-page main h2{font-size:1.6rem;line-height:130%}
.social-post-builder-page main p{font-size:.9rem}
.social-post-builder-page main li{margin-bottom:5px;font-size:.8rem;line-height:140%}
}
/* Page embeds */
.social-post-builder-page main{margin:0;font-family:'Landing Poppins',system-ui,sans-serif;color:#121111;background:#fff;-webkit-font-smoothing:antialiased}
.social-post-builder-page .js-burger-bar{transition:transform .25s ease,opacity .2s ease}
@media (max-width:767px){.social-post-builder-page .js-nav{display:none}
.social-post-builder-page .js-header-right .js-nav-link{display:none}
.social-post-builder-page .sp-hero-media{margin-top:40px}
.social-post-builder-page .sp-float-card{position:static;margin-top:20px}
.social-post-builder-page .sp-phone,.social-post-builder-page .sp-video-frame{width:100%;max-width:320px}
}
@media (prefers-reduced-motion:reduce){.social-post-builder-page *{animation:none!important}
}
@media (prefers-reduced-motion:reduce){.social-post-builder-page .join-sticky-cta{transition:none}
}
/* Sticky trial bar: the managed runtime owns visibility through [hidden]; keep the published slide-in. */
.social-post-builder-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}
.social-post-builder-page .join-sticky-cta:not([hidden]){visibility:visible;transition:transform .3s cubic-bezier(.2,.7,.2,1),visibility 0s}
@media (prefers-reduced-motion:reduce){.social-post-builder-page .join-sticky-cta{transition:none!important}
}
/* The source script reserves 16px plus the bar height under the footer. */
.social-post-builder-page .js-footer{padding-bottom:calc(89px + env(safe-area-inset-bottom,0px))}
@media screen and (max-width:767px){.social-post-builder-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){.social-post-builder-page .sp-hero-grid{grid-template-columns:minmax(0,1fr)}
.social-post-builder-page .sp-band-grid{grid-template-columns:minmax(0,1fr)}
.social-post-builder-page .sp-cards{grid-template-columns:minmax(0,1fr)}
}