/* Published Webflow styles for /join/barbers (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. */
.barbers-page main{margin:0}
.barbers-page main section{display:block}
.barbers-page [hidden]{display:none}
.barbers-page main a{background-color:#0000}
.barbers-page main a:active,.barbers-page main a:hover{outline:0}
.barbers-page main b{font-weight:700}
.barbers-page main h1{margin:.67em 0;font-size:2em}
.barbers-page *{box-sizing:border-box}
.barbers-page main{color:#333;background-color:#fff;min-height:100%;margin:0;font-family:Arial,sans-serif;font-size:14px;line-height:20px}
.barbers-page main h1,.barbers-page main h2,.barbers-page main h3{margin-bottom:10px;font-weight:700}
.barbers-page main h1{margin-top:20px;font-size:38px;line-height:44px}
.barbers-page main h2{margin-top:20px;font-size:32px;line-height:36px}
.barbers-page main h3{margin-top:20px;font-size:24px;line-height:30px}
.barbers-page main p{margin-top:0;margin-bottom:10px}
.barbers-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}
.barbers-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%}
.barbers-page main h1{margin-top:20px;margin-bottom:10px;font-size:3rem;font-weight:700;line-height:120%}
.barbers-page main h2{color:var(--black);margin-top:20px;margin-bottom:10px;font-size:2.25rem;font-weight:700;line-height:120%}
.barbers-page main h3{margin-top:20px;margin-bottom:10px;font-size:1.5rem;font-weight:700;line-height:120%}
.barbers-page main p{margin-bottom:0}
.barbers-page .is-centered{line-height:120%}
.barbers-page .ssr-wrap{max-width:1440px;margin:0 auto;padding-left:clamp(20px,5vw,80px);padding-right:clamp(20px,5vw,80px)}
.barbers-page .ssr-btn{color:#121111;background-color:#cdf545;border-radius:999px;flex-grow:0;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;padding:18px 30px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}
.barbers-page .ssr-btn.is-centered{align-self:center;margin-left:auto;margin-right:auto}
.barbers-page .ssr-lime{color:#cdf545}
.barbers-page .ssr-lead{color:#ddd6ff;max-width:520px;margin:0;font-size:19px;line-height:1.5}
.barbers-page .ssr-micro{color:#ddd6ff;margin:0;font-size:13px;line-height:1.4}
.barbers-page .ssr-stack{grid-column-gap:28px;grid-row-gap:28px;flex-direction:column;align-items:flex-start;display:flex}
.barbers-page .ssr-eyebrow{color:#3313b3;letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:600}
.barbers-page .ssr-h2{letter-spacing:-.03em;color:inherit;margin:0;font-size:clamp(30px,4.4vw,48px);font-weight:700;line-height:1.08}
.barbers-page .ssr-h3{letter-spacing:-.03em;color:inherit;margin:0;font-size:clamp(24px,3vw,34px);font-weight:700;line-height:1.14}
.barbers-page .ssr-body{color:#494948;max-width:520px;margin:0;font-size:16px;line-height:1.55}
.barbers-page .ssr-tick{grid-column-gap:12px;grid-row-gap:12px;flex:none;align-items:flex-start;font-size:16px;line-height:1.5;display:flex}
.barbers-page .ssr-stack-sm{grid-column-gap:12px;grid-row-gap:12px;flex-direction:column;align-items:stretch;display:flex}
.barbers-page .ssr-eyebrow-lime{color:#cdf545;letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:600}
.barbers-page .ssr-glass{background-color:#ffffff14;border:1px solid #ffffff24;border-radius:24px;padding:28px}
.barbers-page .ssr-faq-item{grid-column-gap:16px;grid-row-gap:16px;border-bottom:1px solid #e8e4f5;justify-content:space-between;align-items:flex-start;padding:20px 0;display:flex}
.barbers-page .ssr-faq-q{margin:0;font-size:16px;font-weight:600;line-height:1.3}
.barbers-page .ssr-faq-a{color:#494948;max-width:680px;margin:8px 0 0;font-size:15px;line-height:1.6}
.barbers-page .ssr-cta{grid-column-gap:20px;grid-row-gap:20px;color:#fff;text-align:center;background-image:linear-gradient(135deg,#3313b3 0%,#5b3fe0 100%);border-radius:28px;flex-direction:column;align-items:center;padding:clamp(40px,6vw,80px);display:flex}
.barbers-page .ssr-sec{color:#121111;background-color:#fff;padding:clamp(56px,8vw,88px) 0}
.barbers-page .ssr-sec.ssr-navy,.barbers-page .ssr-navy{color:#fff;background-color:#1b0f4f}
.barbers-page .ssr-grad{color:#fff;background-image:linear-gradient(135deg,#3313b3,#5b3fe0)}
.barbers-page .ssr-alt{background-color:#f7f7f9}
.barbers-page .ssr-quote{margin:0;font-size:19px;font-weight:600;line-height:1.4}
.barbers-page .ssr-muted{color:#494948}
.barbers-page .ssr-muted-light{color:#ddd6ff}
.barbers-page .ssr-soft{color:#6b6b6a}
.barbers-page .ssr-btn-indigo{color:#fff;background-color:#3313b3;border-radius:999px;flex-grow:0;flex-shrink:0;align-self:flex-start;padding:18px 30px;font-size:16px;font-weight:600;text-decoration:none;display:inline-block}
.barbers-page .ssr-grid{grid-column-gap:20px;grid-row-gap:20px;grid-template-rows:auto;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%;display:grid}
.barbers-page .ssr-split{grid-column-gap:48px;grid-row-gap:48px;grid-template-rows:auto;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;width:100%;display:grid}
.barbers-page .ssr-card{background-color:#fff;border-radius:24px;padding:28px;box-shadow:0 2px 12px #cbcbcb80}
.barbers-page .ssr-tint{grid-column-gap:16px;grid-row-gap:16px;background-color:#f3f0ff;border-radius:20px;flex-direction:column;padding:24px;display:flex}
.barbers-page .ssr-between{grid-column-gap:16px;grid-row-gap:16px;justify-content:space-between;font-size:15px;line-height:1.5;display:flex}
.barbers-page .ssr-hairline{margin-bottom:14px;padding-bottom:14px;box-shadow:inset 0 -1px #e8e4f5}
.barbers-page .ssr-num{color:#fff;background-color:#3313b3;border-radius:999px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:600;display:flex}
.barbers-page .ssr-bold{font-weight:600}
.barbers-page .ssr-chip{color:#3313b3;background-color:#f3f0ff;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-block}
.barbers-page .ssr-row-wrap{grid-column-gap:8px;grid-row-gap:8px;flex-wrap:wrap;display:flex}
.barbers-page .ssr-price{flex:none;font-size:16px;font-weight:600}
.barbers-page .ssr-center{grid-column-gap:12px;grid-row-gap:12px;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:760px;margin-left:auto;margin-right:auto;display:flex}
.barbers-page .ssr-feature{grid-column-gap:22px;grid-row-gap:22px;background-color:#fff;border-radius:24px;flex-direction:column;padding:28px;display:flex;box-shadow:inset 0 0 0 1px #e8e4f5}
.barbers-page .ssr-mock{grid-column-gap:8px;grid-row-gap:8px;background-color:#f3f0ff;border-radius:20px;flex-direction:column;padding:16px;font-size:13px;line-height:1.5;display:flex}
.barbers-page .ssr-profile{grid-column-gap:14px;grid-row-gap:14px;color:#121111;background-color:#fff;border-radius:24px;flex-direction:column;width:320px;max-width:100%;padding:18px;display:flex;box-shadow:0 12px 32px #12111138}
.barbers-page .ssr-profile-media{background-color:#f3f0ff;border-radius:20px;height:220px;position:relative;overflow:hidden}
.barbers-page .ssr-badge{color:#121111;background-color:#cdf545;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;position:absolute;top:12px;left:12px}
.barbers-page .ssr-book{color:#fff;background-color:#3313b3;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600}
.barbers-page .ssr-tick-light{grid-column-gap:12px;grid-row-gap:12px;color:#ddd6ff;align-items:flex-start;font-size:16px;line-height:1.5;display:flex}
.barbers-page .ssr-center-x{justify-content:center;display:flex}
.barbers-page .ssr-quote-card{grid-column-gap:20px;grid-row-gap:20px;background-color:#fff;border-radius:24px;flex-direction:column;padding:28px;display:flex;box-shadow:inset 0 0 0 1px #e8e4f5}
.barbers-page .ssr-avatar{color:#fff;background-color:#3313b3;border-radius:999px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:14px;font-weight:600;display:flex}
.barbers-page .ssr-author{grid-column-gap:12px;grid-row-gap:12px;align-items:center;margin-top:auto;display:flex}
.barbers-page .ssr-h2-cta{max-width:760px;color:inherit;letter-spacing:-.038em;overflow-wrap:break-word;margin:0;font-size:clamp(30px,6vw,56px);font-weight:700;line-height:1.04}
.barbers-page .ssr-cta-stats{grid-column-gap:20px;grid-row-gap:20px;grid-template-rows:auto;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%;padding-top:32px;display:grid;box-shadow:inset 0 1px #ffffff24}
.barbers-page .ssr-figure-lime{color:#cdf545;letter-spacing:-1.8px;font-size:44px;font-weight:700;line-height:1}
.barbers-page .ssr-faq-wrap{box-sizing:content-box;grid-column-gap:24px;grid-row-gap:24px;flex-direction:column;max-width:680px;margin-left:auto;margin-right:auto;padding-left:clamp(20px,5vw,80px);padding-right:clamp(20px,5vw,80px);display:flex}
.barbers-page .ssr-hero-1{color:#fff;background-color:#1b0f4f;padding:140px 40px;position:relative;overflow:hidden}
.barbers-page .ssr-hero-scrim{background-image:linear-gradient(90deg,#121111f0 0%,#121111d9 45%,#12111199 75%,#1b0f4f61 100%);width:100%;height:100%;position:absolute;top:0;left:0}
.barbers-page .ssr-hero-inner{grid-column-gap:24px;grid-row-gap:24px;flex-direction:column;align-items:flex-start;max-width:min(720px,100%);display:flex;position:relative}
.barbers-page .ssr-h1-1{letter-spacing:-2.2px;margin:0;font-size:56px;font-weight:700;line-height:1.04}
.barbers-page .ssr-pill-1{color:#fff;letter-spacing:1.2px;text-transform:uppercase;background-color:#ffffff29;border-radius:999px;padding:8px 16px;font-size:12px;font-weight:600;display:inline-block}
.barbers-page .ssr-row-1{grid-column-gap:12px;grid-row-gap:12px;flex-wrap:wrap;align-items:center;display:flex}
.barbers-page .ssr-row-32{grid-column-gap:48px;grid-row-gap:20px;flex-wrap:wrap;align-items:flex-start;display:flex}
.barbers-page .ssr-btn-outline{color:#fff;background-color:#0000;border-radius:999px;flex-grow:0;flex-shrink:0;align-self:flex-start;padding:18px 30px;font-size:16px;font-weight:600;text-decoration:none;display:inline-block;box-shadow:inset 0 0 0 1px #fff6}
.barbers-page .ssr-hero-photo-barber{background-image:url(/_landing/98089fe5e9fc01c41845c1b082d0e073164fe86b/assets/media/6afae16f15b471bc3b0cfe1ffe4328185bca2e3c015feffce7f59284e6f26138.webp);background-position:50% 25%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}
.barbers-page .ssr-profile-photo-barber{background-image:url(/_landing/98089fe5e9fc01c41845c1b082d0e073164fe86b/assets/media/42c2fdefe7a68c4f0a06cda5eab06834cc70b1f90462deb8a8309bc458d23b03.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}
.barbers-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}
.barbers-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}
.barbers-page .join-sticky-cta-t{color:#494948;font-size:13px;line-height:24px}
.barbers-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}
.barbers-page .join-sticky-cta-btn:hover{opacity:.9}
.barbers-page .join-sticky-cta-btn:focus-visible{outline-offset:3px;outline:2px solid #3313b3}
.barbers-page .join-sticky-cta-b{color:#121111;font-weight:700}
@media screen and (max-width:991px){.barbers-page main h1{font-size:2.5rem}
.barbers-page main h2{box-sizing:border-box;font-size:2rem}
}
@media screen and (max-width:767px){.barbers-page main h2{font-size:1.7rem;line-height:130%}
.barbers-page main p{font-size:1rem}
.barbers-page .join-sticky-cta-in{gap:10px}
.barbers-page .join-sticky-cta-t{text-align:center;flex:100%}
.barbers-page .join-sticky-cta-btn{width:100%}
}
@media screen and (max-width:479px){.barbers-page main h1{font-size:2rem;line-height:130%}
.barbers-page main h2{font-size:1.6rem;line-height:130%}
.barbers-page main p{font-size:.9rem}
.barbers-page .is-centered{text-align:center}
}
/* Page embeds */
.barbers-page main{margin:0;font-family:'Landing Poppins',system-ui,sans-serif;color:#121111;-webkit-font-smoothing:antialiased}
.barbers-page .ssr-figure-lime,.barbers-page .ssr-price{font-family:'Landing Space Grotesk','Landing Poppins',sans-serif;font-feature-settings:'tnum' 1}
.barbers-page .ssr-btn-indigo:hover,.barbers-page .ssr-btn-outline:hover{opacity:.9}
.barbers-page main a:focus-visible{outline:2px solid #3313B3;outline-offset:3px;border-radius:999px}
.barbers-page .js-burger-bar{transition:transform .25s ease,opacity .2s ease}
@media (max-width:767px){.barbers-page .js-nav{display:none}
.barbers-page .js-header-right .js-nav-link{display:none}
}
@media (prefers-reduced-motion:reduce){.barbers-page *{animation:none!important;transition:none!important}
}
@media (prefers-reduced-motion:reduce){.barbers-page .join-sticky-cta{transition:none}
}
/* Sticky trial bar: the managed runtime owns visibility through [hidden]; keep the published slide-in. */
.barbers-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}
.barbers-page .join-sticky-cta:not([hidden]){visibility:visible;transition:transform .3s cubic-bezier(.2,.7,.2,1),visibility 0s}
@media (prefers-reduced-motion:reduce){.barbers-page .join-sticky-cta{transition:none!important}
}
/* The source script reserves 16px plus the bar height under the footer. */
.barbers-page .js-footer{padding-bottom:calc(89px + env(safe-area-inset-bottom,0px))}
@media screen and (max-width:767px){.barbers-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){.barbers-page .ssr-grid{grid-template-columns:minmax(0,1fr)}
.barbers-page .ssr-split{grid-template-columns:minmax(0,1fr)}
}