.chot-hero{position:relative;overflow:hidden;min-height:690px;padding:44px 0 18px;background-color:#fffdf9;background-image:var(--chot-fv-desktop,none),linear-gradient(90deg,#fffdf9 0%,#fffdf9 43%,#fff9f7 100%);background-repeat:no-repeat;background-size:cover;background-position:60% top}
.chot-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,253,249,.96) 0%,rgba(255,253,249,.72) 20%,rgba(255,253,249,.16) 32%,rgba(255,253,249,0) 40%)}
.chot-hero__grid{position:relative;z-index:2;display:block;min-height:455px}.chot-hero__copy{position:relative;z-index:3;width:49%;max-width:590px}.chot-title-line{display:block;white-space:nowrap}.chot-hero__title{font-size:clamp(40px,3.15vw,52px);line-height:1.28}.chot-hero__actions{position:relative;z-index:4}.chot-benefits{margin-top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(3px)}
@media(min-width:821px) and (max-height:900px){.chot-hero{min-height:640px;padding-top:34px;background-position:61% top}.chot-hero__grid{min-height:415px}.chot-hero__title{font-size:clamp(38px,2.95vw,49px);line-height:1.24}.chot-kicker{margin-bottom:9px}}
@media(min-width:821px) and (max-width:1100px){.chot-hero{background-position:65% top}.chot-hero:before{background:linear-gradient(90deg,rgba(255,253,249,.96) 0%,rgba(255,253,249,.66) 18%,rgba(255,253,249,.10) 29%,rgba(255,253,249,0) 36%)}.chot-hero__copy{width:47%;max-width:510px}.chot-hero__title{font-size:clamp(34px,4.1vw,45px)}}
/* One catch image rule: on mobile/tablet the same catch artwork begins at the top of the hero, directly below the CHOT header. */
@media(max-width:820px){.chot-hero{min-height:0;padding:28px 0 8px;background-image:var(--chot-fv-mobile,var(--chot-fv-desktop,none)),linear-gradient(180deg,#fffdf9 0%,#fff9f7 100%);background-size:auto 680px;background-position:72% top}.chot-hero:before{background:linear-gradient(180deg,rgba(255,253,249,.20) 0%,rgba(255,253,249,.10) 175px,rgba(255,253,249,0) 285px)}.chot-hero__grid{min-height:430px}.chot-hero__copy{width:100%;max-width:none}.chot-title-line{white-space:nowrap}.chot-hero__title{font-size:clamp(27px,7.7vw,36px);line-height:1.44}.chot-hero__actions{margin-top:0}.chot-benefits{margin-top:0}}
@media(min-width:521px) and (max-width:820px){.chot-hero{background-size:auto 720px;background-position:73% top}.chot-hero__grid{min-height:415px}}
@media(max-width:520px){.chot-hero{background-size:auto 640px;background-position:74% top}.chot-hero__grid{min-height:405px}.chot-benefits{border-radius:18px}}
@media(max-width:390px){.chot-hero__title{font-size:26px}.chot-hero{background-size:auto 610px;background-position:75% top}.chot-hero__grid{min-height:390px}}

/* Technical overflow / CLS guards. Copy and layout language are unchanged. */
.chot-chat__row,.chot-chat__row>div{min-width:0}
.chot-chat__row{align-items:flex-start}
.chot-chat__avatar{flex:0 0 104px}
.chot-chat__bubble{overflow-wrap:break-word;word-break:normal;max-width:100%;min-width:0;box-sizing:border-box}
@media(max-width:820px){
  .chot-chat,.chot-article__body .wp-block-group.chot-chat{width:100%;max-width:100%;min-width:0}
  .chot-chat__row{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
  .chot-chat__row>div{flex:1 1 0%;min-width:0;max-width:100%}
  .chot-chat__avatar{flex:0 0 76px;width:76px;height:76px;max-width:76px}
  .chot-chat__bubble{max-width:100%;min-width:0}
}
@media(max-width:520px){.chot-start__steps{grid-template-columns:1fr}}

/* Article hero: reuse the top page's two-column FV language (copy left, portrait bleeding right) scaled for a single post. */
/* Faces sit ~55–75% x / ~30–55% y of current registration FV; keep them above the 3 benefit cards. */
.chot-article-hero{position:relative;overflow:hidden;min-height:700px;padding:52px 0 28px;background-color:#fffdf9;background-image:var(--chot-article-bg,none),linear-gradient(90deg,#fffdf9 0%,#fffdf9 40%,#fff9f7 100%);background-repeat:no-repeat;background-size:cover;background-position:58% 12%;container-type:inline-size;container-name:chot-fv}
.chot-article-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,253,249,.88) 0%,rgba(255,253,249,.52) 20%,rgba(255,253,249,.10) 32%,rgba(255,253,249,0) 40%)}
.chot-article-hero .chot-hero__grid{position:relative;z-index:2;display:block;min-height:430px}
.chot-article-hero .chot-hero__copy{position:relative;z-index:3;width:var(--chot-fv-title-width,56%);max-width:var(--chot-fv-title-max-width,600px)}
.chot-article-hero .chot-kicker{margin-bottom:14px}
.chot-article-hero .chot-hero__title{font-size:var(--chot-fv-title-font-size,clamp(36px,3.8vw,54px));line-height:var(--chot-fv-title-line-height,1.4)}
.chot-article-hero .chot-article__lead{position:relative;z-index:3}
.chot-article-hero .chot-hero__actions{position:relative;z-index:4;margin-top:28px}
@media(min-width:821px) and (max-width:1100px){.chot-article-hero{background-position:62% 10%;min-height:660px}.chot-article-hero .chot-hero__copy{width:var(--chot-fv-title-width,54%);max-width:var(--chot-fv-title-max-width,480px)}.chot-article-hero .chot-hero__title{font-size:var(--chot-fv-title-font-size,clamp(28px,3.8vw,40px))}}
@media(max-width:820px){.chot-article-hero{min-height:0;padding:26px 0 16px;background-image:var(--chot-article-bg,none),linear-gradient(180deg,#fffdf9 0%,#fff9f7 100%);background-size:auto 680px;background-position:64% top}.chot-article-hero:before{background:linear-gradient(180deg,rgba(255,253,249,.22) 0%,rgba(255,253,249,.1) 200px,rgba(255,253,249,0) 340px)}.chot-article-hero .chot-hero__grid{min-height:400px}.chot-article-hero .chot-hero__copy{width:var(--chot-fv-title-width,100%);max-width:var(--chot-fv-title-max-width,none)}.chot-article-hero .chot-hero__title{font-size:var(--chot-fv-title-font-size,clamp(24px,7.2vw,32px));line-height:var(--chot-fv-title-line-height,1.5)}.chot-article-hero .chot-hero__actions{margin-top:96px}.chot-article-hero .chot-benefit{padding:12px 16px;gap:1px}.chot-article-hero .chot-benefits{margin-top:0}}
@media(min-width:521px) and (max-width:820px){.chot-article-hero{background-size:auto 720px;background-position:64% top}}
@media(max-width:520px){.chot-article-hero{background-size:auto 640px;background-position:64% top}.chot-article-hero .chot-hero__grid{min-height:400px}.chot-article-hero .chot-hero__actions{margin-top:120px}.chot-article-hero .chot-benefit{padding:11px 14px}}
@media(max-width:390px){.chot-article-hero{background-size:auto 610px;background-position:64% top}}

/* Secondary CTA after chot.css so it stays visually secondary. */
.chot-register-cta--secondary{background:#fff;color:var(--chot-coral);border:2px solid var(--chot-coral);box-shadow:none}