/* Clean homepage. Loaded only on / and /hr/. The sections are the site's real ones, this only covers what moved. */

/* hero: one small line under the key sentence */
.hero p.ch-small{font-size:clamp(15px,1.25vw,17px);line-height:1.4;letter-spacing:-.008em;color:var(--chalk);margin-top:12px;max-width:44em;text-wrap:balance;text-shadow:0 1px 16px rgba(11,12,11,.5)}

/* the site fades the hero while scrolling: an open calendar stays fully visible */
.hero:has(.cl-cal:not([hidden])) .ct{opacity:1!important;transform:none!important;filter:none!important}
.hero .cl-cal{width:min(1000px,100%)}

/* work: four full cards of one size. Image inset on top, text inside the card, centred. */
.ch-wk{grid-auto-rows:1fr;gap:clamp(12px,1.4vw,18px)}
.ch-wk .wt.surf{display:flex;flex-direction:column;height:100%;padding:10px;border-radius:var(--r3);color:var(--chalk);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.ch-wk .wt.surf:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px rgba(243,245,240,.3),inset 0 1px 0 rgba(255,255,255,.14),0 40px 90px -40px rgba(0,0,0,.9)}
.ch-wk .wt .i{flex:none;border-radius:16px;background:#000}
.ch-wk.wk.two .wt .t{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:clamp(18px,1.8vw,26px) clamp(10px,1.8vw,28px) clamp(14px,1.4vw,20px);min-width:0}
.ch-wk .wt .t>div{flex:1;display:flex;flex-direction:column;align-items:center;width:100%;min-width:0}
.ch-wk .wt h3{font-size:clamp(30px,2.8vw,40px);line-height:1.1;margin-bottom:8px}
.ch-wk .wt .t p{font-size:clamp(18px,1.4vw,20px);line-height:1.34;letter-spacing:-.014em;color:#F3F5F0;text-wrap:balance;margin-top:3px}
.ch-wk .wt .t p.ch-r{margin-top:auto;width:100%;padding-top:14px;color:var(--soft);font-size:15px;line-height:1.38;font-weight:400;letter-spacing:-.004em;text-wrap:balance}

/* what I do: real doors, tight top, icon next to the name. The middle one is in the Portal aurora. */
.ch-doors .dm{aspect-ratio:auto;height:clamp(92px,7.4vw,108px);padding-top:clamp(18px,1.6vw,24px);place-items:start center}
.ch-doors .dm .orb{width:56px;height:56px;border-radius:17px}
.ch-doors .dm .orb .ico{width:26px;height:26px}
.ch-doors .dt{align-items:center;text-align:center;padding-top:6px}
#offer .ch-doors .dt h3{display:flex;align-items:center;justify-content:center;min-height:1.5em;padding-bottom:0;margin-bottom:0}
#offer .ch-doors .dt h3 .lk{font-size:.92em;padding-bottom:0;margin-bottom:0}
.ch-doors .dh{margin-top:6px;margin-bottom:14px;font-size:clamp(18px,1.45vw,20px);line-height:1.26;text-wrap:balance}
.ch-doors .dt ul{width:100%;margin-top:0}
.ch-doors .dt li{min-height:48px;line-height:1.26}
.ch-doors .dt li .ico{flex:none}
@media(min-width:961px){.ch-doors .dh{min-height:3.78em}}
.door.ch-pd{overflow:hidden!important;border-radius:var(--r3);background:var(--ink2)!important;box-shadow:inset 0 0 0 1px rgba(243,245,240,.2),0 50px 120px -50px rgba(142,111,192,.7)}
.door.ch-pd>canvas{clip-path:inset(0 round var(--r3))}
.door.ch-pd .dm{background:none;-webkit-mask:none;mask:none}
.door.ch-pd .orb{color:#F3EEFF;background:radial-gradient(120% 120% at 30% 18%,rgba(255,255,255,.4),rgba(142,111,192,.34) 42%,rgba(40,38,70,.76) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -8px 16px rgba(0,0,0,.35),0 14px 50px -8px rgba(142,111,192,.75);filter:none}
.door.ch-pd .orb .ico{filter:drop-shadow(0 0 7px rgba(205,190,255,.85))}
.door.ch-pd .dt li{border-top-color:rgba(243,245,240,.2)}
.door.ch-pd .dt li .ico{color:#CFC3F2}
.door.ch-pd .who,.door.ch-pd .dh{color:#fff}
.door.ch-pd:hover{background:var(--ink2)!important}

/* the Portal moment: banner, real tool, white button, offer */
.ch-pm{gap:12px;padding:clamp(40px,6vw,88px) clamp(18px,4vw,64px)!important;box-shadow:0 50px 120px -50px rgba(142,111,192,.7)}
.ch-pm .lk{font-size:clamp(24px,2.6vw,34px);margin-bottom:6px}
.ch-pm .h1{font-size:clamp(38px,5.4vw,78px);text-wrap:balance}
@media(min-width:721px){.ch-pm .h1 span{display:block}}
.ch-pm .lead{max-width:30em;text-wrap:balance}
.ch-pmp{margin:2px 0 0;font-size:clamp(15px,1.2vw,17px);line-height:1.4;color:var(--chalk);text-wrap:balance;text-shadow:0 1px 14px rgba(11,12,11,.6)}
#try .ch-tools{margin-top:clamp(22px,3vw,34px);justify-content:center}
#try .ch-of{margin-top:clamp(22px,3vw,34px);box-shadow:0 50px 120px -50px rgba(142,111,192,.7)}
#try .ch-of .tx{width:min(760px,100%)}
#try .ch-of .lk{font-size:clamp(22px,2.2vw,30px);margin-bottom:4px}
#try .ch-of:has(.ok:not([hidden])) .tx>.lk{display:none}
#try .ch-of .h2{text-wrap:balance}
#try .ch-of .lead{text-wrap:balance}
#try .ch-of .gate{justify-self:center}
#try .ch-of .gsite{width:100%;min-height:58px;font-size:18px;text-align:center;border-radius:999px;padding:14px 22px;background:rgba(11,12,11,.72);border:1px solid rgba(243,245,240,.35);color:var(--chalk)}
#try .ch-of .gsite:focus{outline:0;border-color:var(--chalk)}
#try .ch-of .ok{display:grid;justify-items:center;gap:8px;text-align:center}
#try .ch-of .ok[hidden]{display:none}
#try .ch-of:has(.ok:not([hidden])) .tx>.h2,#try .ch-of:has(.ok:not([hidden])) .tx>.lead{display:none}

/* promise right after the reviews: same world, less gap */
#proof+#promise{padding-top:clamp(20px,3vw,48px)}

/* you work with me: photo above the title, centred */
.me2.ch-me{grid-template-columns:minmax(0,1fr)!important;justify-items:center;text-align:center;gap:clamp(20px,2.4vw,30px);width:min(760px,100%)}
.me2.ch-me>div{display:grid;justify-items:center}
.me2.ch-me .lead{margin-inline:auto}
.me2.ch-me .cta{justify-content:center!important}
@media(max-width:720px){.me2.ch-me .cta{display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:340px;gap:10px}.me2.ch-me .cta .btn{width:100%;margin-top:0}}
.ch-nb{white-space:nowrap}

/* close: the real final, Book first, then the simple form */
.final.ch-close,.final:has(.vz-closeform){min-height:0;padding-block:clamp(90px,10vw,150px) clamp(70px,8vw,120px)}
.final:has(.vz-closeform) .vz-closeform{margin-top:clamp(22px,3vw,40px)}
.final:has(.vz-closeform) .cta{margin-top:12px}