/* A with C's light: Editorial structure (type, numerals, white space, product on white) under C's soft light
   (a haze behind the hero, tonal bands for the month and the integrations, a haze for proof and the close). */
h1,h2,h3{font-optical-sizing:auto}
.dhero.home h1{font-variation-settings:"opsz" 32;letter-spacing:-.032em!important}
.shead h2,.cta3 h2,.proof blockquote{font-variation-settings:"opsz" 32}
.rw{transition:opacity .25s linear}

/* the hero, under light */
.dhero{background:
  radial-gradient(42% 60% at 85% 4%,rgb(226 225 240 / .8),transparent 70%),
  radial-gradient(38% 55% at 6% 0%,rgb(242 233 221 / .85),transparent 70%),#fff}
.dhero .kick{background:rgb(255 255 255 / .7)!important;backdrop-filter:blur(6px)}
@media (prefers-reduced-motion:no-preference){
  .dhero.home h1 > span,.dhero.home .dh-side,.dhero.home .kick,.hstage2.wps{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
  .dhero.home h1 > span:nth-child(2){animation-delay:.08s}.dhero.home .dh-side{animation-delay:.16s}.hstage2.wps{animation-delay:.28s}
  @keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
}

/* tonal bands */
html[data-v="a"] #month,html[data-v="a"] #connect{background:linear-gradient(180deg,#F6F6F4,#F3F3F1);padding-block:152px!important;margin-top:168px}
html[data-v="a"] #month + #team,html[data-v="a"] #connect + .mist{margin-top:0}
html[data-v="a"] #month .mw{margin-inline:0;padding-inline:0!important;box-shadow:none!important}
html[data-v="a"] #connect .flow{background:#fff!important;box-shadow:0 0 0 1px rgb(20 22 50 / .05),0 30px 60px -40px rgb(20 22 50 / .25)!important;padding:48px 56px}

/* proof on haze */
html[data-v="a"] .sec.mist{padding-block:152px;background:
  radial-gradient(50% 80% at 12% 30%,rgb(238 230 219 / .95),transparent 70%),
  radial-gradient(45% 80% at 92% 80%,rgb(225 227 241 / .95),transparent 70%),#F8F8F7}
html[data-v="a"] .sec.mist .proof{border-top:0!important;padding-top:0}

/* the close: A's type on C's light, footer in the same soft ground */
html[data-v="a"] .cta3{border-top:0;background:
  radial-gradient(40% 80% at 18% 100%,rgb(240 230 218 / .9),transparent 70%),
  radial-gradient(40% 80% at 70% 110%,rgb(226 226 242 / .9),transparent 70%),#fff}
html[data-v="a"] .cta3 .day{background:transparent!important}
html[data-v="a"] .cta3 .btn-s{background:rgb(255 255 255 / .6)!important}
html[data-v="a"] footer{background:#F6F6F4!important;border-top:0!important}
html[data-v="a"] footer .bot{border-color:#E6E6E3!important}
@media (max-width:760px){html[data-v="a"] #month,html[data-v="a"] #connect{margin-top:96px;padding-block:80px!important}html[data-v="a"] .sec.mist{padding-block:80px}}
html[data-v="a"] .wv-s{padding:24px 4px 32px 24px!important}