/* Workshop: original crew perched on the black wordmark, above the original live heroApp. */
header.hero-crew-preview{background:#FCFBF7;padding:100px 0 48px;overflow:hidden}
header.hero-crew-preview::before{display:none}
.hero-wordwrap{position:relative;width:100%;margin:0 auto 22px}
.hero-word{font:800 21.4vw/1 'Bricolage Grotesque',system-ui,sans-serif;letter-spacing:-.065em;text-align:center;white-space:nowrap;color:#16181C;padding:0 0 .06em}
.hero-word span{display:inline-block}
.hero-word .hero-bl{display:inline-block;width:0;height:0;vertical-align:baseline}
.hero-gym{position:absolute;inset:0;pointer-events:none}
.hero-gym .c{position:absolute;will-change:transform}
.hero-gym .c img{display:block;width:100%;height:100%;filter:drop-shadow(0 8px 10px #16181C20)}
.hero-gym .sit{animation:fx-bob 3.6s ease-in-out infinite}
.hero-gym .sit img{transform-origin:50% 80%;animation:fx-wig 2.8s ease-in-out infinite}
.hero-gym .hang{animation:fx-swing 3.4s ease-in-out infinite}
.hero-gym .climb{animation:fx-climb 4.2s ease-in-out infinite}
.hero-gym .lie{animation:fx-breathe 4.6s ease-in-out infinite;transform-origin:50% 100%}
.hero-gym .lean{animation:fx-leanb 5s ease-in-out infinite}
.hero-gym .fly{animation:fx-loop 6s linear infinite}
.hero-gym .fly img{animation:fx-buzz .22s ease-in-out infinite alternate}
.hero-greeting{font:800 clamp(36px,4.4vw,64px)/1.03 var(--display);letter-spacing:-.04em;text-wrap:balance}
.hero-tagline{font:500 clamp(21px,2.2vw,32px)/1.3 var(--text);letter-spacing:-.025em;margin-top:14px}
.hero-crew-preview .stage{margin-top:34px}
.hero-support{padding-top:36px}
.hero-support .h2o-sub{margin-bottom:18px;max-width:660px}
.hero-support .ticker{margin-bottom:22px}
.hero-support .trust1{margin-bottom:0}
@media(min-width:1800px){header.hero-crew-preview{padding-top:140px}}
@media(max-width:699px){
 header.hero-crew-preview{padding-top:58px;padding-bottom:28px}
 .hero-wordwrap{margin-bottom:20px}
 .hero-word{font-size:21.4vw}
 .hero-greeting{font-size:clamp(33px,8.7vw,48px);letter-spacing:-.045em}
 .hero-tagline{font-size:21px;margin-top:12px}
 .hero-crew-preview .stage{margin-top:26px}
 .hero-support{padding-top:28px}
 .hero-support .cta-row{width:100%;justify-content:center}
 .hero-support .btn{justify-content:center;max-width:100%;font-size:14px;padding:15px 16px}
 .hero-support .h2o-sub{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.hero-gym .c,.hero-gym .c img{animation:none!important}.hero-crew-preview .stage{animation:none!important}}

/* Founder correction: greeting is an acid-green speech bubble; tagline is the main heading. */
.hero-greeting{position:relative;display:inline-block;background:#D6FF3E;color:#16181C;border-radius:22px;padding:17px 25px;font:650 clamp(20px,2vw,28px)/1.2 var(--text);letter-spacing:-.02em;margin:0 0 8px}
.hero-greeting::after{content:"";position:absolute;left:calc(50% - 11px);bottom:-12px;width:24px;height:24px;background:#D6FF3E;clip-path:polygon(0 0,100% 0,25% 100%)}
.hero-tagline{font:800 clamp(34px,4.4vw,64px)/1.04 var(--display);letter-spacing:-.04em;margin-top:24px;text-wrap:balance}
@media(max-width:699px){.hero-greeting{font-size:20px;padding:15px 20px;border-radius:19px}.hero-tagline{font-size:clamp(33px,8.7vw,48px);margin-top:22px;max-width:11ch}}

/* Founder placement correction: bubble above word, toward the right; tail points into its center. */
header.hero-crew-preview{padding-top:36px}
.hero-speech-space{width:100%;position:relative;height:180px;max-width:1440px;margin:0 auto}
.hero-speech-space .hero-greeting{position:absolute;right:12%;top:0;margin:0;font-size:26px;padding:18px 26px;border-radius:22px}
.hero-speech-space .hero-greeting::after{left:12%;bottom:-34px;width:48px;height:40px;clip-path:polygon(26% 0,100% 0,0 100%)}
.hero-crew-preview .hero-tagline{margin-top:0}
.hero-crew-preview .stage{margin-top:96px}
@media(max-width:699px){
 header.hero-crew-preview{padding-top:26px}
 .hero-speech-space{height:118px}
 .hero-speech-space .hero-greeting{right:7%;top:0;font-size:18px;padding:14px 18px;border-radius:18px}
 .hero-speech-space .hero-greeting::after{left:15%;bottom:-24px;width:36px;height:30px}
 .hero-crew-preview .stage{margin-top:28px}
}
@media(min-width:700px) and (max-width:960px){.hero-crew-preview .stage{margin-top:28px}}

/* Exact supplied references: mono tilted speech, highlighted care phrase and centered supporting line. */
.hero-speech-space .hero-greeting{font:500 25px/1.2 var(--mono);letter-spacing:.09em;white-space:nowrap;min-width:470px;text-align:center;padding:27px 28px;border-radius:25px;transform:rotate(7deg);transform-origin:50% 50%;right:10%;top:10px}
.hero-speech-space .hero-greeting::after{left:15%;bottom:-26px;width:49px;height:34px;clip-path:polygon(35% 0,100% 0,0 100%)}
.hero-crew-preview .hero-tagline{font-size:clamp(34px,3.6vw,56px);line-height:1.22;max-width:none;white-space:nowrap;letter-spacing:-.045em}
.hero-tagline mark{color:#16181C;background:#D6FF3E;padding:.025em .09em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.hero-purpose{font:400 clamp(17px,1.65vw,24px)/1.4 var(--text);color:#6B7079;margin-top:18px;text-wrap:balance}
@media(max-width:1100px){.hero-crew-preview .hero-tagline{white-space:normal;max-width:24ch}}
@media(max-width:699px){
 .hero-speech-space .hero-greeting{right:7%;top:5px;min-width:0;font-size:clamp(13px,3.7vw,18px);letter-spacing:.075em;padding:19px 19px;border-radius:18px}
 .hero-speech-space .hero-greeting::after{left:15%;bottom:-19px;width:34px;height:25px}
 .hero-crew-preview .hero-tagline{font-size:clamp(30px,8.2vw,45px);line-height:1.25;max-width:19ch;white-space:normal;letter-spacing:-.045em}
 .hero-purpose{font-size:17px;margin-top:16px;max-width:34ch}
}

/* Founder refinement: smaller speech and tighter copy below the complete word. */
.hero-speech-space .hero-greeting{min-width:330px;font-size:18px;padding:20px 20px;border-radius:20px}
.hero-speech-space .hero-greeting::after{left:15%;bottom:-21px;width:37px;height:28px}
.hero-wordwrap{margin-bottom:0}
.hero-word{padding-bottom:0}
.hero-purpose{margin-top:12px}
@media(max-width:699px){
 .hero-speech-space .hero-greeting{min-width:0;font-size:13px;padding:14px 15px;border-radius:15px}
 .hero-speech-space .hero-greeting::after{bottom:-16px;width:29px;height:21px}
 .hero-wordwrap{margin-bottom:0}
 .hero-purpose{margin-top:12px}
}

/* Founder refinement: bring speech closer to the upper-right crew. */
.hero-speech-space .hero-greeting{top:75px}
@media(max-width:699px){.hero-speech-space .hero-greeting{top:50px}}

/* Homepage final call-to-action fades seamlessly into the approved white footer. */
#startC{isolation:isolate}
#startC::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(to bottom,transparent 40%,#FCFBF7 82%,#FFFFFF 100%)}
#startC .ctaC-in{position:relative;z-index:1}

/* Familiar marks glide through a transparent edge mask above the original live demo. */
.hero-logo-filters{position:absolute;pointer-events:none}
.hero-logo-scroller{--hero-logo-speed:16.2;position:relative;display:flex;align-items:center;gap:8px;width:100%;max-width:1180px;min-width:0;margin:26px auto 0}
.hero-logo-window{flex:1;min-width:0;overflow:hidden;padding:8px 0;-webkit-mask-image:linear-gradient(to right,transparent,#16181C 180px,#16181C calc(100% - 180px),transparent);mask-image:linear-gradient(to right,transparent,#16181C 180px,#16181C calc(100% - 180px),transparent)}
.hero-logo-track{display:flex;width:max-content;align-items:center}
.hero-payers{display:flex;align-items:center;flex:none;gap:56px;list-style:none;margin:0;padding:0 56px 0 0}
.hero-payers li{display:flex;align-items:center;justify-content:center;flex:none;height:44px}
.hero-payers img,.hero-payers svg{display:block;width:auto;height:28px;max-width:140px;object-fit:contain;flex:none;opacity:.4;filter:grayscale(1)}
.hero-payers [aria-label="Availity"]{height:44px;max-width:none}
.hero-payers [alt="Office Ally"],.hero-payers [alt="Anthem Blue Cross Blue Shield"]{height:24px}
.hero-payers .hero-logo-tall{height:44px}
.hero-logo-scroller.is-ready .hero-logo-track{animation:hero-logos-scroll var(--hero-logo-duration,180s) linear infinite}
.hero-logo-window:hover .hero-logo-track,.hero-logo-scroller:focus .hero-logo-track{animation-play-state:paused}
.hero-logo-scroller:focus-visible{outline:2px solid #16181C;outline-offset:4px}
.hero-logo-scroller:not(.is-ready) .hero-logo-window{overflow-x:auto;scrollbar-width:none}
.hero-logo-window::-webkit-scrollbar{display:none}
@keyframes hero-logos-scroll{to{transform:translateX(-50%)}}
@media(max-width:699px){
 .hero-logo-scroller{--hero-logo-speed:13.35;margin-top:22px}
 .hero-logo-window{-webkit-mask-image:linear-gradient(to right,transparent,#16181C 70px,#16181C calc(100% - 70px),transparent);mask-image:linear-gradient(to right,transparent,#16181C 70px,#16181C calc(100% - 70px),transparent)}
 .hero-payers{gap:40px;padding-right:40px}
 .hero-payers li{height:38px}
 .hero-payers img,.hero-payers svg{height:24px;max-width:120px}
 .hero-payers [aria-label="Availity"]{height:38px}
 .hero-payers [alt="Office Ally"],.hero-payers [alt="Anthem Blue Cross Blue Shield"]{height:21px}
 .hero-payers .hero-logo-tall{height:38px}
}
@media(prefers-reduced-motion:reduce){
 /* Still one swipeable row; it just never moves on its own. */
 .hero-logo-scroller.is-ready .hero-logo-track{animation:none}
 .hero-logo-window{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .hero-payers[aria-hidden="true"]{display:none}
}