#mindify-stages .profile{position:absolute;inset:0;width:100%;height:100%;background-size:100% 100%;background-position:center;background-repeat:no-repeat;clip-path:inset(0 0 0 58%);transform-origin:50% 50%;transform:scaleX(1);background-image:url("assets/profile-purple.svg");z-index:-2}
#mindify-stages .person-label:last-child{transition:opacity .5s ease}
#mindify-stages .other{transform:scaleX(-1);opacity:1;background-image:url("assets/profile-coral.svg")}
#mindify-stages .people-labels{position:absolute;inset:0;z-index:2;pointer-events:none;font:500 13px/1.4 'DM Sans',sans-serif;color:#eef0f7}
#mindify-stages .person-label{position:absolute;top:44%;width:24%;transform:translateY(-50%) scaleX(-1)}
#mindify-stages .person-label:first-child{left:0;top:52%;text-align:left;color:#aeb9d0;transition:opacity 1.2s ease}
#mindify-stages .person-label:last-child{right:8px;text-align:center;color:#d9d0ff;font-size:15px}
#mindify-stages .other{transition:opacity .8s ease,transform 1.5s ease,filter 1.5s ease}
#mindify-stages .incoming-dot{position:absolute;width:7px;height:7px;margin:-3.5px;border-radius:50%;background:#ff5963;opacity:0;pointer-events:none}
#mindify-stages .shield{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;overflow:visible}
#mindify-stages .profile.other{background-image:none}
#mindify-stages .other::before,#mindify-stages .other::after{content:'';position:absolute;inset:0;background:center/100% 100% no-repeat;pointer-events:none}
#mindify-stages .other::before{background-image:url("assets/profile-coral.svg");opacity:1}
#mindify-stages .other::after{background-image:url("assets/profile-green.svg");opacity:0}
#mindify-stages[data-stage="4"] .other::before,#mindify-stages[data-stage="4"] .other::after{transition:opacity 1.6s ease-in-out}
#mindify-stages[data-stage="4"][data-calm="true"] .other::before{opacity:0}
#mindify-stages[data-stage="4"][data-calm="true"] .other::after{opacity:1}
/* Five annotated changes to the original landing page. */
.opening-pin .sky{top:0;height:310px}
.opening-pin .logo{top:12px;width:64px;height:64px}
.opening-pin .cloud-curtain .cloud{top:0}
.hero{padding-top:100px}
.hero .opening-caption{white-space:normal;text-transform:uppercase;line-height:1.6}
#mindify-stages{position:relative;width:390px;max-width:100%;margin:12px auto 0;color:#eef2ff;background:#081433;isolation:isolate}
#mindify-stages .scene{position:relative;width:100%;aspect-ratio:1;transform:scaleX(-1);text-align:left;overflow:hidden;isolation:isolate}
#mindify-stages .profile{opacity:.7}
#mindify-stages .incoming-dot{left:0;top:0}
#mindify-stages .shield{opacity:1;height:100%;width:100%;color:inherit}
#mindify-stages[data-calm="true"] .person-label:first-child{opacity:0}
.hero .shield-support{font:400 1.1875rem/1.65 'DM Sans',sans-serif;color:var(--muted);margin:12px 0 0}
.hero .scroll-cue{margin-top:24px}
html[data-theme=dark] .try-section{background:var(--bg);color:var(--ink);--surface-ink:var(--ink);--surface-muted:var(--muted);--surface-line:var(--line);border-radius:0}
.try-section:before,.try-section:after{display:none}
.try-content{max-width:1000px}
.try-section .intro{font-size:1.1875rem;line-height:1.65;max-width:620px;margin:0 auto 30px;color:var(--muted);text-wrap:initial}
.try-section .intro-promise{white-space:nowrap}
.try-section .web-link{color:var(--accent)}
.try-section .trust h2{font:400 1.375rem/normal 'Fraunces',serif;letter-spacing:-.5px;margin:8px 0;text-wrap:initial;color:var(--ink)}
.try-section .trust p{font-size:1rem;line-height:1.5;margin:0;max-width:none;color:var(--muted);text-wrap:initial}
@media(max-width:700px){
 .opening-pin .logo{top:12px;width:52px;height:52px}
 .opening-pin .sky{height:240px}
 .opening-pin .cloud-curtain .cloud{top:0}
 .hero{padding-top:80px}
 .hero .opening-caption{font-size:clamp(.65rem,2.7vw,.875rem)}
 .hero .shield-support{font-size:1rem}
 #mindify-stages{width:350px}
 .try-section .intro{font-size:1rem;max-width:360px;margin-bottom:27px}
 .try-section .intro-promise{font-size:min(1em,4.2vw)}
 .try-section .trust h2{font-size:1.3125rem}
}
/* Orb steps replace only the old tangled-line journey. */
.orb-journey{padding-top:40px}
.orb-journey .scroll-story{margin-top:0}
.orb-journey .story-sticky{height:calc(100svh - var(--mobile-download-height,0px));top:0;min-height:0;max-width:1140px;display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:30px 60px;padding:28px 48px}
.orb-journey .journey-heading{grid-column:1/-1;padding:0;margin:0 0 10px}
.orb-journey .journey-heading h2,.areas #areas-title{font:500 .875rem/1.5 'DM Sans',sans-serif;letter-spacing:1.8px;text-transform:uppercase;color:var(--accent);margin:0 0 24px;max-width:none}
.orb-journey .visual{position:relative;width:min(100%,360px);height:auto;aspect-ratio:1;max-height:none;justify-self:center;transform:none;overflow:visible}
.orb-journey .visual canvas{width:100%;height:100%;transform:none}
.orb-journey .labels{position:absolute;inset:0}
.orb-journey .journey-center-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:500 27px/1.25 'DM Sans',sans-serif;color:var(--ink);letter-spacing:-.5px}
.orb-journey .story-copy{opacity:var(--copy-exit,1);transform:none;width:100%;max-width:440px;padding:0}
.orb-journey .journey-description{font:400 1rem/1.6 'DM Sans',sans-serif;color:var(--muted);margin:0}
.orb-journey .step-nav{opacity:var(--copy-exit,1);right:8px}
@media(max-width:700px){
 .orb-journey .story-sticky{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px 38px 24px 24px}
 .orb-journey .journey-heading{width:100%;margin:0}
 .orb-journey .visual{width:min(100%,320px,42svh)}
 .orb-journey .story-copy{text-align:center;max-width:380px}
 .orb-journey .journey-description{font-size:1rem;line-height:1.65}
 .orb-journey .step-nav{right:4px}
}
@media(max-width:700px) and (max-height:720px){
 .orb-journey .visual{width:min(100%,250px,35svh)}
 .orb-journey .journey-description{font-size:.875rem}
}
@media(prefers-reduced-motion:reduce){
 .orb-journey .scroll-story{height:auto}
 .orb-journey .story-sticky{height:auto;position:relative}
 .orb-journey .step-nav{display:none}
 .orb-reading-step{padding:20px 0;color:var(--muted);font:400 1rem/1.65 'DM Sans',sans-serif}
 .orb-reading-step h3{font:500 1.25rem 'DM Sans',sans-serif;color:var(--ink)}
}
/* Enter the first orb step directly from the hero cue. */
.orb-journey{padding-top:0;scroll-margin-top:0}
.orb-journey:not(.entered) .story-sticky{visibility:hidden}
.hero .scroll-cue{cursor:pointer}
/* Phone landscape uses the desktop illustration/copy arrangement. */
@media(orientation:landscape) and (max-height:600px){
 .orb-journey .story-sticky{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:calc(100svh - var(--mobile-download-height,0px));min-height:0;align-content:center;align-items:center;gap:10px 32px;padding:12px 52px 12px 24px}
 .orb-journey .journey-heading{grid-column:1/-1;margin:0}
 .orb-journey .journey-heading h2{margin:0 0 4px;font-size:.75rem}
 .orb-journey .visual{width:min(100%,54svh);max-height:none;justify-self:center}
 .orb-journey .story-copy{text-align:left;max-width:440px;padding:0}
 .orb-journey .journey-description{font-size:1rem;line-height:1.6}
 .orb-journey .journey-center-label{font-size:24px}
 .orb-journey .step-nav{right:4px;gap:0}
}

/* The banner headline always keeps its two authored lines. */
.banner-panel #hero-title span{display:block;width:max-content;max-width:none;white-space:nowrap;margin-inline:auto}

/* Balanced banner type and equal spacing on either side of the headline. */
.banner-panel .opening-caption{font-size:calc(.75rem + 2px);white-space:nowrap}
.banner-panel #hero-title{margin-bottom:28px}
.banner-panel #mindify-stages{margin-top:0}
@media(max-width:700px){
 .banner-panel .hero .opening-caption{font-size:calc(clamp(.65rem,2.7vw,.875rem) + 2px)}
 .banner-panel #hero-title{margin-bottom:22px}
}