/* section transitions (Batu 16 Oct 21:48, 22:16) */
:root{--pn-gap:clamp(28px,4vw,56px)}@media (max-width:640px){:root{--pn-gap:clamp(25.2px,4vw,50.4px)}}
:is(#cl-view,#sm-view).cn section.cn-bd+section.cn-bd,:is(section.cn-bd,#bo-view section[data-bn="why"],#about-view .ab-mis)+section.hx-ctas{margin-top:var(--pn-gap)!important}
section.hx-ctas{margin-bottom:0!important}
section.hx-ctas::after{background:linear-gradient(transparent,var(--night))!important}
.ft{margin-top:0!important}
#about-view .auhw{margin-bottom:0}
/* the homepage How it works runs edge to edge with square corners too (Batu 16 Oct 22:28); its content stays where it was */
#platform.hx-eng{margin-inline:-20px!important;padding-inline:40px!important;border-radius:0!important}@media (max-width:640px){#platform.hx-eng{margin-inline:-18px!important;padding-inline:36px!important}}
@media (max-width:640px){#platform.hx-eng{padding-inline:24px!important}@media (max-width:640px){#platform.hx-eng{padding-inline:21.6px!important}}}
/* Clubs Trust on a light band (Batu 16 Oct 22:31) */
#cn-trust .c-trc{background:var(--surface);border:1px solid var(--line);box-shadow:0 14px 30px -24px rgba(1,40,12,.35)}
#cn-trust .cn-hd h2 em{background:none!important;padding:0!important;box-shadow:none!important;color:var(--green-strong)!important}
#cn-trust .c-trc>b{color:var(--ink)}
#cn-trust .c-trc p{color:var(--body)}
#cn-trust .c-tri{background:var(--green-soft);color:var(--green-strong)}
/* the Resources hero puts the product name on its own line */
#resources-view .rshero h1 em{display:block}