/* A near-white canvas becomes pure white while reading the business section. */
body{--page-background:#fbfaf7;background:var(--page-background)}
main>.section,main>.wellbeing-hero,main>.join{background:transparent}
.purpose-type{font-size:clamp(22px,2.1vw,32px);line-height:1.5;margin-top:42px;color:var(--muted);font-weight:400}
.purpose-geometry{display:block;width:min(100%,440px);height:auto;margin-top:23px;overflow:visible}
/* Enlarge the photo and its surrounding biological signals as one composition. */
.wellbeing-hero .hero-grid{grid-template-columns:.95fr 1.2fr;min-height:750px}
.signal-stage{width:114%;height:760px;margin-left:-4%}
.life-window{animation:life-reveal 1.9s cubic-bezier(.2,.75,.2,1) both}
.life-window img{animation:photo-breathe 18s ease-in-out infinite alternate}
.signal-stage .insight-pill{animation:none;transform:translateX(-50%)}
.data-label-two{right:6%}.data-label-three{right:5%}
.hero-cta{background:transparent;text-align:left;font-weight:400}
@keyframes photo-breathe{from{transform:scale(1)}to{transform:scale(1.045)}}
/* Keep the control in place; animate only the diagonal arrow. */
.arrow-glyph{display:inline-block;flex-shrink:0;will-change:transform}
@keyframes arrow-nudge{0%{transform:translate(0,0)}55%{transform:translate(4px,-4px)}100%{transform:translate(0,0)}}
@media(hover:hover){:is(a,button):hover .arrow-glyph{animation:arrow-nudge .6s cubic-bezier(.2,.65,.3,1) both}}
:is(a,button):focus-visible .arrow-glyph{animation:arrow-nudge .6s cubic-bezier(.2,.65,.3,1) both}
.faq details{padding:24px 20px;transition:background-color .35s ease}
.faq details[open]{background:#FFFFFF}
.join{padding-bottom:65px}
.wantedly-apply{margin-top:25px;display:flex;justify-content:space-between;gap:24px;background:var(--orange);color:#fff}
.wantedly-apply:hover{background:var(--ink)}
@media(min-width:1600px){.wellbeing-hero .hero-grid{min-height:870px}.signal-stage{height:870px}}
@media(max-width:1100px){.wellbeing-hero .hero-grid{min-height:650px}.signal-stage{height:650px;width:112%;margin-left:-4%}.wellbeing-hero h1{font-size:3.55vw}.hero-cta{padding:16px 20px;gap:24px}}
@media(max-width:760px){.wellbeing-hero .hero-grid{min-height:0}.wellbeing-hero h1{font-size:clamp(26px,6.45vw,46px)}.signal-stage{height:500px;width:112%;max-width:590px;margin-left:0}.life-window{left:3%;width:94%;height:66%;top:14%}.signal-stage .insight-pill{bottom:9%;left:50%}.data-label-two{right:5%}.data-label-three{right:2%}.hero-cta{padding:14px 20px;font-size:13px;gap:30px}.purpose-type{font-size:24px;margin-top:27px}.purpose-geometry{max-width:340px;margin-top:12px}.faq details{padding:21px 14px}.join{padding-bottom:42px}}
@media(max-width:390px){.signal-stage{height:450px}.purpose-geometry{max-width:300px}}
@media(prefers-reduced-motion:reduce){.arrow-glyph,.life-window,.life-window img,.data-label{animation:none!important}.faq details{transition:none}.reveal-section{opacity:1;transform:none}}