/* Audit-led refinement. Original site tokens, form, dialog and two-phone composition remain. */
:root{--motion-ui:180ms;--motion-reveal:600ms;--ease-settle:cubic-bezier(.22,1,.36,1)}
.eyebrow{font:550 .6875rem/1.5 var(--sans);letter-spacing:.14em;text-transform:uppercase;margin-bottom:24px}
.intro-copy h1{font-size:clamp(4rem,5.8vw,5.3rem);max-width:none;line-height:1.04;letter-spacing:-.055em}
.intro-copy .hero-intro{max-width:32ch;font-size:1.0625rem;margin-top:26px;line-height:1.65}
.hero-actions .text-link{gap:10px}.hero-actions{margin-top:28px}
.teaser-ready .discovery{min-height:calc(var(--scene-vh) * 290)}
.teaser-ready .discovery-stop{top:25%}
.teaser-ready .discovery-inspector{width:min(328px,calc((var(--scene-vh) * 100 - var(--header-height) - 112px) * .462));z-index:2}
.phone{background:var(--deep);box-shadow:0 0 0 1px rgb(0 75 71 / .16),0 3px 6px rgb(0 0 0 / .08),0 28px 48px -22px rgb(0 75 71 / .3)}
.teaser-ready .discovery-phone{transform:translateX(calc(1160px * .24)) rotate(-3deg)}
.teaser-ready .discovery-screen{clip-path:none}.teaser-ready .today-screen{position:relative}.teaser-ready .circles-screen{position:absolute;display:none}
.step-copy h2{font-size:clamp(3.5rem,5.3vw,5.1rem);max-width:none}.step-copy>p:not(.eyebrow){max-width:31ch;margin-top:22px;font-size:1.0625rem;line-height:1.65;color:var(--muted)}.step-copy .social-note{font-size:.8125rem!important}
.teaser-ready .step-copy{left:0;opacity:0;visibility:hidden}
.step-detail{display:none}.teaser-ready .step-detail{display:block;position:absolute;width:47%;right:0;top:50%;transform:translateY(-50%);opacity:0;visibility:hidden;pointer-events:none;z-index:3}
.detail-kicker{display:flex;align-items:center;gap:8px;margin-bottom:18px;font-size:.75rem;letter-spacing:.02em}.detail-dot{width:6px;height:6px;border-radius:50%;background:var(--forest)}
.step-artwork{position:relative;width:100%;aspect-ratio:1.65;overflow:hidden;border-radius:26px;background:#EEF3F3}
.step-artwork img{position:absolute;width:113%;max-width:none;height:auto;left:-6.5%;top:-94.1%;pointer-events:none}
.detail-caption{font-size:.6875rem;line-height:1.5;color:var(--muted);margin-top:16px}
.teaser-ready .social-copy{width:43%;max-width:none}.social-copy h2{font-size:clamp(3.2rem,5.1vw,4.8rem)}.social-copy>p{margin-top:20px;font-size:1rem;line-height:1.6}
.social-copy .eyebrow{margin-top:0;font-size:.6875rem}.story-glimpse{margin-top:26px;padding-top:20px;border-top:1px solid rgb(255 255 255 / .24)}.story-context{font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;opacity:.8}.story-glimpse blockquote{margin:12px 0;font:400 clamp(1.5rem,2.25vw,2.1rem)/1.2 var(--display);letter-spacing:-.02em}.story-glimpse p{font-size:.875rem;line-height:1.6;max-width:34ch;opacity:.85}.social-copy .social-note{margin-top:20px;line-height:1.6}
.teaser-ready .discovery-wash{opacity:.14;background:linear-gradient(145deg,var(--spring),var(--mint) 50%,var(--green));border-radius:48% 52% 57% 43%}
.scene-handoff{height:36px}.closing-stage{padding-block:30px}.coming-copy .closing-brand{margin-bottom:20px}.closing-meta .closing-disclosure{max-width:32ch}.coming-copy h2{letter-spacing:-.055em}
.closing-phone{transform:none!important;pointer-events:auto}.closing-anchor:first-of-type{transform:translateX(-35%) translateY(4%) rotate(-8deg)}.closing-anchor:last-of-type{transform:translateX(35%) translateY(-4%) rotate(8deg)}
.waitlist{padding-block:96px 72px}.waitlist-copy .eyebrow{margin:0 0 20px;font-size:.6875rem;color:var(--deep)}.waitlist-copy>p:not(.eyebrow){max-width:31ch}
.signup-loading{display:none!important}.signup-slot,.signup iframe{transform:none!important;opacity:1!important;visibility:visible!important;animation:none!important;transition:none!important}
.teaser-ready .discovery-inspector[data-muted=true]{pointer-events:none}
@media(max-width:1256px){.teaser-ready .discovery-phone{transform:translateX(calc((100vw - 6rem) * .24)) rotate(-3deg)}}
@media(max-width:1000px) and (min-width:761px){.intro-copy h1{font-size:clamp(3.4rem,6.3vw,5rem)}.intro-copy .hero-intro{font-size:.95rem}.step-copy h2{font-size:3.2rem}.social-copy h2{font-size:3.2rem}.story-glimpse{margin-top:16px;padding-top:14px}.story-glimpse p{font-size:.8rem}}
@media(max-width:760px){
 .eyebrow{margin-bottom:13px;font-size:.625rem}.teaser-ready .discovery{min-height:calc(var(--scene-vh) * 280)}
 .teaser-ready .discovery-copy{top:20px;max-width:none;width:100%;text-align:center}
 .intro-copy h1{white-space:normal;font-size:clamp(2.8rem,12.2vw,4.4rem);max-width:none;line-height:1.03}
 .intro-copy .hero-intro{max-width:34ch;font-size:.9375rem;line-height:1.5;margin-top:16px}
 .hero-actions{margin-top:19px;gap:16px}.hero-actions .text-link{gap:6px;font-size:.75rem}
 .teaser-ready .discovery-inspector{width:auto;height:clamp(184px,calc(var(--scene-vh) * 100 - 416px),460px);bottom:44px}
 .teaser-ready .discovery-phone{transform:rotate(-3deg);transform-origin:50% 100%}
 .step-copy h2{max-width:none;font-size:clamp(2.65rem,10.6vw,3.7rem)}.step-copy h2 br:nth-of-type(2){display:none}
 .step-copy>p:not(.eyebrow){font-size:.9375rem;line-height:1.5;margin:14px auto 0;max-width:34ch}.step-copy .social-note{font-size:.75rem!important;margin-top:10px!important}
 .teaser-ready .step-detail{top:auto;bottom:44px;right:50%;width:min(100%,350px);transform:translateX(50%)}
 .detail-kicker{font-size:.6875rem;margin-bottom:10px}.step-artwork{border-radius:20px;max-height:calc(var(--scene-vh) * 100 - 420px);min-height:0}.step-artwork img{top:-94.1%}.detail-caption{font-size:.625rem;margin-top:10px}
 .social-copy h2{font-size:clamp(2.5rem,10.8vw,3.5rem)}.social-copy>p{margin:12px auto 0;font-size:.9375rem;max-width:32ch}.social-copy .eyebrow{font-size:.625rem;margin-top:0}
 .story-glimpse{margin:16px auto 0;padding-top:12px;max-width:32ch}.story-context{font-size:.5625rem}.story-glimpse blockquote{font-size:1.5rem;margin:8px 0}.story-glimpse p{display:none}.social-copy .social-note{font-size:.6875rem;margin-top:12px}
 .coming-copy .closing-brand{margin-bottom:8px}.closing-meta .closing-disclosure{max-width:none}.coming-copy h2{font-size:clamp(2.7rem,11.4vw,3.7rem)}
 .waitlist{padding-block:60px 44px}.waitlist-copy .eyebrow{margin-bottom:16px}.waitlist h2{font-size:clamp(2.8rem,11.5vw,3.8rem)}.scene-handoff{height:24px}
}
@media(max-width:360px){.intro-copy h1{font-size:2.65rem}.intro-copy .hero-intro{font-size:.875rem}.hero-actions{gap:10px}.step-copy h2{font-size:2.45rem}.step-copy .social-note{display:none}.social-copy h2{font-size:2.45rem}.teaser-ready .step-detail{width:100%}.teaser-ready .discovery-inspector{bottom:56px}.story-glimpse blockquote{font-size:1.3rem}}
/* Static reading order includes every argument, with no pinned scroll or hidden text. */
:is(.still-experience,:root:not(.teaser-ready)) .step-copy{grid-column:1;grid-row:2;opacity:1!important;visibility:visible!important;transform:none!important}
:is(.still-experience,:root:not(.teaser-ready)) .discovery-stage{row-gap:48px}
:is(.still-experience,:root:not(.teaser-ready)) .discovery-product{grid-row:1 / 3}
:is(.still-experience,:root:not(.teaser-ready)) .social-copy{grid-row:3;grid-column:1 / -1;width:100%;max-width:42ch;margin:10px 0 0}
:is(.still-experience,:root:not(.teaser-ready)) .story-glimpse{border-color:rgb(0 75 71 / .2)}
:is(.still-experience,:root:not(.teaser-ready)) .static-circles{max-width:320px;margin-inline:auto}
@media(max-width:760px){:is(.still-experience,:root:not(.teaser-ready)) .step-copy{order:3}.still-experience .discovery-inspector{opacity:1!important}.still-experience .discovery-product{order:2}.still-experience .social-copy{order:4}.still-experience .step-detail{display:none!important}.still-experience .story-glimpse p{display:block}.still-experience .story-glimpse{max-width:none}.still-experience .social-copy{max-width:34ch;margin-inline:auto}}
@media(prefers-reduced-motion:reduce){.button{transition:none}.scene-handoff{display:none}}

/* Connected motion revision: one tangible card, then one continuous device turn. */
.teaser-ready .step-detail{transform-origin:50% 50%;top:50%;margin-top:-275px;transform:none}
.teaser-ready .discovery-phone{will-change:transform}
.teaser-ready .intro-copy h1{font-size:clamp(3.7rem,5.6vw,5.1rem)}
.teaser-ready .discovery-inspector{animation:device-arrival 1100ms cubic-bezier(.22,1,.36,1) both}
@keyframes device-arrival{from{translate:0 60px;opacity:0}to{translate:0 0;opacity:1}}
@media(max-width:760px){
 .teaser-ready .intro-copy h1{font-size:clamp(2.65rem,11.7vw,4rem)}
 .teaser-ready .step-detail{top:auto;margin-top:0;right:auto;left:50%;margin-left:calc(min(100%,350px) / -2);bottom:44px;transform:none}
 .teaser-ready .discovery-inspector{animation-duration:850ms}
}
:is(.still-experience,:root:not(.teaser-ready)) .discovery-inspector{animation:none!important}
@media(prefers-reduced-motion:reduce){.teaser-ready .discovery-inspector{animation:none!important}}

@media(max-width:760px){
 .teaser-ready .intro-copy h1{font-size:clamp(2.4rem,10.5vw,3.6rem)}
 .intro-copy .hero-intro{max-width:34ch;font-size:.875rem;line-height:1.5;margin-top:14px}
 .teaser-ready .discovery-inspector{height:clamp(160px,calc(var(--scene-vh) * 100 - 430px),430px)}
}

.preview-disclosure{flex-basis:100%;font-size:.6875rem;line-height:1.6;color:var(--muted);max-width:62ch;margin:4px 0 0}

.step-artwork{box-shadow:0 18px 42px -24px rgb(0 75 71 / .28)}
@media(max-width:360px){.teaser-ready .discovery-inspector{height:clamp(160px,calc(var(--scene-vh) * 100 - 480px),310px)}}
.scene-handoff{background:var(--white);box-shadow:none}

/* The purpose bridge connects the individual example to the shared promise. */
.purpose-bridge{text-align:center;position:relative;padding-block:100px 88px;overflow:clip}
.purpose-bridge .eyebrow{margin-bottom:24px}
.purpose-bridge h2{font:400 clamp(3rem,5.3vw,4.8rem)/1.08 var(--display);letter-spacing:-.045em;color:var(--deep);margin:0 auto;max-width:18ch;text-wrap:balance}
.purpose-description{max-width:42ch;margin:28px auto 0;color:var(--muted);font-size:1.125rem;line-height:1.7;text-wrap:pretty}
.purpose-pair{display:flex;justify-content:center;gap:28px;margin-top:38px;font-size:.875rem;color:var(--deep)}
.purpose-pair span+span{border-left:1px solid rgb(0 75 71 / .18);padding-left:28px}
@media(max-width:760px){.purpose-bridge{padding-block:66px 56px}.purpose-bridge h2{font-size:clamp(2.4rem,10vw,3.5rem)}.purpose-bridge .eyebrow{font-size:.6rem;margin-bottom:20px}.purpose-description{font-size:1rem;line-height:1.65;max-width:31ch;margin-top:22px}.purpose-pair{gap:18px;margin-top:30px;font-size:.75rem}.purpose-pair span+span{padding-left:18px}}
:is(.still-experience,:root:not(.teaser-ready)) .purpose-bridge :is(h2,.purpose-description,.purpose-pair span){transform:none!important}
@media(prefers-reduced-motion:reduce){.purpose-bridge :is(h2,.purpose-description,.purpose-pair span){transform:none!important}}

/* A single scene carries the purpose into the paired-phone promise. */
.teaser-ready:not(.still-experience) .coming-soon{min-height:calc(var(--scene-vh) * 300)}
.teaser-ready:not(.still-experience) .closing-stage{height:calc(var(--scene-vh) * 100 - var(--header-height));min-height:0;isolation:isolate}
.teaser-ready:not(.still-experience) .purpose-bridge{position:absolute;left:0;top:50%;width:46%;padding:0;overflow:visible;text-align:left;z-index:3;transform:translateY(-50%)}
.teaser-ready:not(.still-experience) .purpose-bridge h2{font-size:clamp(3.1rem,4.8vw,4.4rem);margin-left:0}
.teaser-ready:not(.still-experience) .purpose-description{font-size:1.0625rem;margin-left:0;max-width:36ch}
.teaser-ready:not(.still-experience) .purpose-pair{justify-content:flex-start;gap:20px;font-size:.8125rem}
.teaser-ready:not(.still-experience) .purpose-pair span+span{padding-left:20px}
.teaser-ready:not(.still-experience) .coming-visual{z-index:2;transform-origin:50% 50%;will-change:transform}
.teaser-ready:not(.still-experience) .closing-anchor{will-change:transform}
.teaser-ready:not(.still-experience) :is(.coming-copy,.closing-meta){will-change:transform}
@media(max-width:1000px) and (min-width:761px){.teaser-ready:not(.still-experience) .purpose-bridge h2{font-size:3.15rem}.teaser-ready:not(.still-experience) .purpose-description{font-size:.95rem}}
@media(max-width:760px){
 .teaser-ready:not(.still-experience) .coming-soon{min-height:calc(var(--scene-vh) * 295)}
 .teaser-ready:not(.still-experience) .purpose-bridge{top:24px;left:0;width:100%;text-align:center;transform:none}
 .teaser-ready:not(.still-experience) .purpose-bridge h2{font-size:clamp(2.4rem,10vw,3.5rem);max-width:18ch;margin-inline:auto;line-height:1.08}
 .teaser-ready:not(.still-experience) .purpose-description{font-size:.9375rem;line-height:1.6;max-width:32ch;margin:20px auto 0}
 .teaser-ready:not(.still-experience) .purpose-bridge .eyebrow{margin-bottom:16px}
 .teaser-ready:not(.still-experience) .purpose-pair{justify-content:center;font-size:.75rem;gap:18px;margin-top:24px}
 .teaser-ready:not(.still-experience) .purpose-pair span+span{padding-left:18px}
}
@media(max-width:360px){
 .teaser-ready:not(.still-experience) .purpose-bridge{top:16px}
 .teaser-ready:not(.still-experience) .purpose-bridge h2{font-size:2.25rem}
 .teaser-ready:not(.still-experience) .purpose-description{font-size:.875rem;margin-top:16px}
 .teaser-ready:not(.still-experience) .purpose-pair{margin-top:20px;font-size:.6875rem}
}
/* The non-moving version keeps purpose, devices, then invitation in reading order. */
:is(.still-experience,:root:not(.teaser-ready)) .purpose-bridge{grid-column:1 / -1;grid-row:1;position:relative;width:100%;padding-block:40px 60px;transform:none!important;opacity:1!important;visibility:visible!important}
:is(.still-experience,:root:not(.teaser-ready)) .closing-stage{grid-template-areas:"purpose purpose" "phones copy" "phones meta";grid-template-rows:auto 1fr 1fr;height:auto}
:is(.still-experience,:root:not(.teaser-ready)) :is(.coming-visual,.coming-copy,.closing-meta,.closing-anchor){opacity:1!important;visibility:visible!important;translate:none!important}
:is(.still-experience,:root:not(.teaser-ready)) .coming-visual{transform:none!important}
:is(.still-experience,:root:not(.teaser-ready)) .closing-anchor:first-of-type{transform:translateX(-35%) translateY(4%) rotate(-8deg)!important}
:is(.still-experience,:root:not(.teaser-ready)) .closing-anchor:last-of-type{transform:translateX(35%) translateY(-4%) rotate(8deg)!important}
@media(max-width:760px){:is(.still-experience,:root:not(.teaser-ready)) .closing-stage{grid-template-areas:"purpose" "copy" "phones" "meta";grid-template-rows:auto auto auto auto}:is(.still-experience,:root:not(.teaser-ready)) .purpose-bridge{grid-column:1;grid-row:1;padding-block:40px}}

/* The community device crosses the section boundary as one persistent object. */
.handoff-device{position:fixed;left:0;top:0;width:328px;z-index:4;pointer-events:none;visibility:hidden;transform-origin:50% 50%;will-change:transform}
.handoff-device img{width:100%;height:auto;display:block}
:is(.still-experience,:root:not(.teaser-ready)) .handoff-device{display:none!important}
@media(prefers-reduced-motion:reduce){.handoff-device{display:none!important}}

:is(.still-experience,:root:not(.teaser-ready)) .purpose-bridge{translate:none!important}