.workflow{background:var(--navy);color:var(--paper);border-radius:16px;padding:30px 28px 22px;box-shadow:0 20px 40px #09121f16;overflow:hidden}.workflow-heading{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.workflow h2{font-size:25px;line-height:1.3;letter-spacing:-.025em;font-weight:500}.example-tag{color:#bed0dc;font-size:11px;line-height:1.45;text-align:right;max-width:62px}.flow-track{position:relative;height:300px;margin-top:16px}.flow-track svg{position:absolute;inset:0;width:100%;height:100%}.route-base{stroke:#335068;stroke-width:2}.route-light{stroke:var(--mint);stroke-width:3;stroke-dasharray:650;stroke-dashoffset:0}.flow-track circle{fill:var(--mint)}.flow-label{position:absolute;max-width:80%;padding:10px 14px;background:var(--navy)}.flow-label span{font-size:10px;letter-spacing:.08em;color:#a9c5d6;display:block}.flow-label strong{display:block;font-size:17px;font-weight:550}.flow-label p{font-size:12px;color:#bed0dc}.source{top:8px;left:0}.draft{top:109px;left:23%}.human{bottom:0;right:0;border-bottom:2px solid var(--mint)}.human strong{color:var(--mint)}.flow-controls{display:flex;align-items:center;gap:15px;min-height:66px;padding-block:13px}.flow-controls button{border:1px solid #688394;border-radius:8px;background:transparent;color:var(--paper);padding:8px 12px;font-size:12px;min-height:44px;flex-shrink:0;cursor:pointer}.flow-controls button:hover{background:#1c3b50}.flow-controls p{font-size:12px;color:#bed0dc;line-height:1.55}.workflow figcaption{font-size:10px;color:#bed0dc;border-top:1px solid #335068;padding-top:13px}.workflow.playing .route-light{animation:trace 3.8s var(--ease) both}.workflow.playing .draft{animation:connect 800ms 1s var(--ease) both}.workflow.playing .human{animation:connect 800ms 2.5s var(--ease) both}.workflow.paused *{animation-play-state:paused!important}@keyframes trace{from{stroke-dashoffset:650}to{stroke-dashoffset:0}}@keyframes connect{from{transform:translateX(-10px);opacity:.4}to{transform:none;opacity:1}}.coaching{background:var(--ink);color:var(--paper);padding-block:76px}.coaching-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.coaching h2{font-size:clamp(30px,3.3vw,44px);line-height:1.2;letter-spacing:-.03em;font-weight:520}.coaching h2 span{color:var(--mint)}.coaching p{color:#c3d3de;max-width:50ch;margin-top:22px}.exercise{padding-left:36px;border-left:1px solid #335068}.exercise h3{font-size:23px;font-weight:500}.exercise p{margin-top:8px}.exercise ol{padding-left:23px;margin:24px 0}.exercise li{padding:9px 0 9px 8px}.exercise li::marker{color:var(--mint)}.exercise .exercise-note{font-size:12px;color:#adc5d4}/* Selected motion design integrated into the current full website. */
.workflow{--paper:#f5f9fc;--ink:#09121f;--muted:#47545f;--teal:#086650;--mint:#44e2be;--navy:#0d2032;--ease:cubic-bezier(.16,1,.3,1);margin:0;min-width:0;text-align:left}
.workflow h2,.workflow p{margin:0}.workflow button{font:inherit}.workflow [hidden]{display:none!important}.workflow button:focus-visible{outline:3px solid #f09a64;outline-offset:4px}
.editorial-home .hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;padding-block:70px 80px}
.editorial-home .hero__title{font-size:clamp(40px,4.8vw,65px);font-weight:570;text-wrap:initial}.hero__title span{color:#086650}
.editorial-home .hero .btn__dot--pulse{animation:none}
.offer-list{margin-top:48px}.offer-row{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;border-top:1px solid #cbd6df;padding:32px 0;text-align:left}.offer-row h3{font-size:26px;line-height:1.3;font-weight:560;letter-spacing:-.025em;margin:0}.offer-row p{line-height:1.65}.offer-purpose{color:#086650;margin:8px 0 0}.offer-price{font-size:14px;margin-top:12px;font-weight:600}.offer-meta{font-size:14px;color:#47545f;margin-top:14px}.offer-link{display:inline-flex;align-items:center;gap:16px;min-height:44px;margin-top:12px;color:#086650;text-decoration:underline;text-underline-offset:5px}
.coaching{--paper:#f5f9fc;--ink:#09121f;--mint:#44e2be}.coaching h2,.coaching h3{margin:0}.coaching p{line-height:1.65}.coaching li{line-height:1.6}.coaching-inner{padding-block:0}
@media(max-width:1000px){.editorial-home .hero{gap:28px}.workflow{padding-inline:22px}.flow-label strong{font-size:15px}.flow-label p{font-size:11px}.flow-controls{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:740px){.editorial-home .hero{grid-template-columns:1fr;padding-block:34px 48px;gap:36px}.editorial-home .hero__title{font-size:clamp(34px,8.9vw,55px)}.workflow{padding:26px 20px 20px}.workflow h2{font-size:24px}.flow-track{height:290px}.draft{left:16%}.offer-row,.coaching-inner{grid-template-columns:1fr;gap:22px}.offer-row{padding-block:28px}.coaching{padding-block:48px}.exercise{padding:28px 0 0;border-left:0;border-top:1px solid #335068}.coaching h2{font-size:32px}.flow-controls{gap:10px}.flow-controls button{font-size:11px;padding-inline:9px}}
html:not(.motion-ok) .workflow *,html:not(.motion-ok) .workflow *::before{animation:none!important}
@media(prefers-reduced-motion:reduce){.workflow *{animation:none!important;transition:none!important}}

/* The handoff is the hero's single authored motion sequence. */
.editorial-home .workflow{background:#102b3d;border-color:#3a6577;box-shadow:0 32px 68px #020d1f75,0 2px 0 #6fe9c333 inset}
.workflow-heading{align-items:flex-start}.workflow-heading h2{max-width:15ch}.example-tag{max-width:75px;color:#d3e4ea;text-transform:uppercase;letter-spacing:.08em;font-weight:650}
.flow-track{height:auto;min-height:300px;margin-top:30px;padding-left:0;display:grid;gap:15px;isolation:isolate}
.flow-track svg{display:none}.flow-spine{position:absolute;z-index:-1;left:22px;top:30px;bottom:30px;width:2px;background:#547487}.flow-spine .route-light{display:block;width:100%;height:100%;background:#59e5c4;transform-origin:top;box-shadow:0 0 8px #59e5c477}
.flow-step{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 30px;align-items:center;gap:12px;min-height:88px;padding:14px 14px 14px 0;border:1px solid #3a6577;border-radius:13px;background:#183a4e;box-shadow:0 8px 18px #06152338;overflow:hidden}
.flow-step::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#59e5c4;opacity:.65}
.flow-step--draft{margin-left:18px;background:#1c4154}.flow-step--human{margin-left:36px;background:#153e47;border-color:#5cbbab}
.flow-step__number{position:relative;z-index:1;display:grid;place-items:center;justify-self:start;width:30px;height:30px;margin-left:6px;border-radius:50%;background:#102b3d;border:1px solid #79a6ad;color:#cce7e9;font-size:11px;font-weight:750;font-variant-numeric:tabular-nums}
.flow-step__body{min-width:0}.flow-step__eyebrow{display:block;color:#8ad7ce;font-size:9px;line-height:1.2;letter-spacing:.12em;font-weight:750}.flow-step__body strong{display:block;margin-top:4px;color:#fff;font-size:16px;line-height:1.2;font-weight:650}.flow-step__body p{margin-top:4px;color:#d3e4ea;font-size:11px;line-height:1.35}.flow-step--human .flow-step__body strong{color:#89efd2}
.flow-step__signal{justify-self:end;position:relative;width:24px;height:24px}.flow-step__signal--in{border:1px solid #8ad7ce;border-radius:5px}.flow-step__signal--in::before,.flow-step__signal--in::after{content:"";position:absolute;left:4px;right:4px;height:2px;background:#8ad7ce}.flow-step__signal--in::before{top:7px}.flow-step__signal--in::after{top:13px}.flow-step__signal--draft{display:grid;align-content:center;gap:3px}.flow-step__signal--draft i{display:block;height:2px;background:#9cebd9;border-radius:3px}.flow-step__signal--draft i:nth-child(2){width:75%}.flow-step__signal--draft i:nth-child(3){width:55%}.flow-step__signal--check{border:2px solid #81eccd;border-radius:50%}.flow-step__signal--check::after{content:"";position:absolute;left:6px;top:3px;width:6px;height:10px;border:solid #81eccd;border-width:0 2px 2px 0;transform:rotate(45deg)}
.workflow.playing .route-light{animation:trace 5.1s linear both}.workflow.playing .flow-step--source{animation:flow-arrive .65s cubic-bezier(.16,1,.3,1) both}.workflow.playing .flow-step--draft{animation:flow-arrive .7s 1.55s cubic-bezier(.16,1,.3,1) both}.workflow.playing .flow-step--human{animation:flow-confirm .8s 3.2s cubic-bezier(.16,1,.3,1) both}.workflow.playing .flow-step--draft .flow-step__signal i{animation:flow-line .45s 2.15s ease-out both}.workflow.playing .flow-step--draft .flow-step__signal i:nth-child(2){animation-delay:2.3s}.workflow.playing .flow-step--draft .flow-step__signal i:nth-child(3){animation-delay:2.45s}.workflow.playing .flow-step--human .flow-step__signal--check{animation:flow-check .55s 3.7s ease-out both}
@keyframes trace{from{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes flow-arrive{from{opacity:.3;transform:translateY(16px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes flow-confirm{from{opacity:.3;transform:translateY(18px);background:#183a4e}to{opacity:1;transform:translateY(0);background:#153e47}}@keyframes flow-line{from{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}@keyframes flow-check{from{opacity:.2;transform:scale(.6)}to{opacity:1;transform:scale(1)}}
.flow-controls{gap:14px}.flow-controls button{border-color:#75cbb8;background:#153e47;color:#e6fff7;font-weight:650}.flow-controls button:hover{background:#235966}.flow-controls p{color:#d3e4ea}.workflow figcaption{color:#c9dde5}
@media(max-width:740px){.flow-track{gap:12px;margin-top:24px;min-height:0}.flow-step{grid-template-columns:39px minmax(0,1fr) 24px;min-height:86px;gap:8px;padding-right:10px}.flow-step--draft{margin-left:10px}.flow-step--human{margin-left:20px}.flow-step__body strong{font-size:14px}.flow-step__body p{font-size:10px}.flow-spine{left:20px}.editorial-home .workflow{padding:27px 18px 20px}}
@media(prefers-reduced-motion:reduce){.workflow.playing .route-light,.workflow.playing .flow-step,.workflow.playing .flow-step__signal i,.workflow.playing .flow-step__signal--check{animation:none!important}}

/* Plain-language example: make the before, suggested draft and human choice readable. */
.workflow .flow-intro{max-width:31ch;margin:14px 0 0;color:#d7e8ec;font-size:14px;line-height:1.45}
.workflow .flow-track{margin-top:23px;gap:13px}
.workflow .flow-step{min-height:98px;padding-block:15px}
.workflow .flow-step__body strong{font-size:16px}
.workflow .flow-step__body p{font-size:12px;line-height:1.4}
.workflow.playing .flow-step--draft .flow-step__body p{animation:flow-copy .8s 2.2s ease-out both}
@keyframes flow-copy{from{clip-path:inset(0 100% 0 0);opacity:.35}to{clip-path:inset(0 0 0 0);opacity:1}}
@media(max-width:740px){.workflow .flow-intro{font-size:13px}.workflow .flow-step{min-height:102px}.workflow .flow-step__body strong{font-size:14px}.workflow .flow-step__body p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.workflow.playing .flow-step--draft .flow-step__body p{animation:none!important}}
.editorial-home .ai-plain-note{max-width:67ch;margin:0 0 30px;padding:17px 21px;border-radius:12px;background:#e1f3ed;color:#183f3b;font-size:16px;line-height:1.55}
.editorial-home .ai-plain-note+.offer-list{margin-top:0}

/* Keep the first decision simple: one call, three plain-language ways to start. */
.editorial-home .hero__cta-note{max-width:35ch;margin:10px 0 0;color:#c9dde5;font-size:13px;line-height:1.45}
.editorial-home #how .head{margin-bottom:24px}
.editorial-home #how .ai-plain-note{margin-bottom:38px}
.editorial-home .offer-row:first-child{background:#e7f4f0;border-radius:14px;padding:36px 22px;margin-inline:-22px}
.editorial-home .offer-row:first-child .offer-price{color:#074e40}
@media(max-width:740px){.editorial-home .offer-row:first-child{padding:28px 14px;margin-inline:-14px}.editorial-home .hero__cta-note{margin-top:8px}}

/* r3: higher-contrast first screen and an offer section that can be scanned early. */
.editorial-home .hero{position:relative;width:100%;max-width:none;margin:0;padding:clamp(48px,5vw,76px) max(var(--gutter),calc((100vw - 1200px)/2)) clamp(54px,6vw,80px);background:#091c2b;color:#f5f9fc;gap:clamp(36px,5vw,74px);min-height:0;overflow:hidden}
.editorial-home .hero__copy{position:relative;z-index:1}
.editorial-home .hero__title{max-width:13ch;color:#f5f9fc;font-size:clamp(48px,4.6vw,68px);line-height:1.02;letter-spacing:-.038em;font-weight:610}
.editorial-home .hero__title span{color:#54e5c2}
.editorial-home .hero__subheadline{color:#d5e4ea;font-size:clamp(18px,1.5vw,21px);line-height:1.5;max-width:39ch;margin-top:30px}
.editorial-home .hero__actions{margin-top:34px;gap:12px}
.editorial-home .hero__actions .btn--primary{background:#54e5c2;color:#071b27;font-weight:700;box-shadow:0 14px 32px #030e1933}
.editorial-home .hero__actions .btn--primary:hover{background:#95f2d9;transform:translateY(-2px)}
.editorial-home .hero__actions .btn__dot{background:#071b27}
.editorial-home .hero__self-check,.editorial-home .hero__actions .link-quiet{color:#d5e4ea}
.editorial-home .hero__self-check:hover,.editorial-home .hero__actions .link-quiet:hover{color:#fff}
.editorial-home .workflow{position:relative;z-index:1;--navy:#14354a;background:#14354a;box-shadow:0 30px 55px #020e1d55;border:1px solid #31546a;padding:36px 32px 26px;border-radius:16px}
.editorial-home .workflow h2{font-size:clamp(26px,2.4vw,33px);line-height:1.2}
.editorial-home .workflow figcaption{border-color:#3b6578}
.editorial-home .who-for{padding-block:26px;border-bottom:1px solid #cbd6df}
.editorial-home .who-for p{font-size:clamp(17px,1.5vw,21px);font-weight:500;color:#263d49;max-width:65ch}
.editorial-home #how{padding-top:clamp(70px,7vw,105px)}
.editorial-home #how .head{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:48px;margin-bottom:36px}
.editorial-home #how .title{font-size:clamp(40px,4.5vw,60px);line-height:1.08;letter-spacing:-.036em}
.editorial-home #how .lede{font-size:clamp(17px,1.55vw,20px);line-height:1.5;max-width:38ch;color:#47545f}
.editorial-home .offer-list{margin-top:0;border-bottom:1px solid #cbd6df}
.editorial-home .offer-row{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(32px,7vw,110px);padding:40px 14px;margin-inline:-14px;border-color:#cbd6df;transition:background .22s ease,padding .22s ease}
.editorial-home .offer-row:hover{background:#e7f4f0}
.editorial-home .offer-row h3{font-size:clamp(28px,2.5vw,36px);letter-spacing:-.03em}
.editorial-home .offer-purpose{font-size:16px}
.editorial-home .offer-price{font-size:14px;margin-top:16px;color:#244c46}
.editorial-home .offer-row>div:last-child>p:first-child{font-size:18px;line-height:1.55;max-width:59ch}
.editorial-home .offer-meta{font-size:14px;max-width:64ch}
.editorial-home .offer-link{font-weight:650;margin-top:15px}
.editorial-home .handoff{margin-top:0}
@media(max-width:1000px){.editorial-home .hero{padding-inline:28px;min-height:0}.editorial-home .hero__title{font-size:clamp(46px,5.4vw,66px)}.editorial-home .workflow{padding:28px 24px 22px}.editorial-home #how .head{gap:30px}}
@media(max-width:740px){.editorial-home .hero{display:grid;grid-template-columns:1fr;gap:42px;padding:48px 20px 58px}.editorial-home .hero__title{max-width:12ch;font-size:clamp(44px,11vw,64px)}.editorial-home .hero__subheadline{font-size:18px;margin-top:24px}.editorial-home .hero__actions{margin-top:26px}.editorial-home .hero__actions .btn--primary{width:100%}.editorial-home .workflow{padding:26px 20px 20px}.editorial-home .who-for{padding-block:24px}.editorial-home #how{padding-top:58px}.editorial-home #how .head{grid-template-columns:1fr;gap:18px;margin-bottom:26px}.editorial-home #how .title{font-size:clamp(37px,9vw,50px)}.editorial-home .offer-row{grid-template-columns:1fr;gap:16px;padding:30px 10px;margin-inline:-10px}.editorial-home .offer-row h3{font-size:29px}.editorial-home .offer-row>div:last-child>p:first-child{font-size:17px}}
@media(prefers-reduced-motion:reduce){.editorial-home .offer-row,.editorial-home .hero__actions .btn--primary{transition:none;transform:none!important}}

/* r26: a plain-language promise and a readable, step-by-step example. */
.editorial-home .hero__title{max-width:15ch;font-size:clamp(43px,4.45vw,65px);line-height:1.045}
.editorial-home .hero__title span{display:inline-block;max-width:12ch;color:#54e5c2}
.workflow .flow-step{opacity:1;filter:none;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease,transform .35s ease}
.workflow .flow-step__body p{opacity:1;clip-path:none}
.workflow[data-stage="source"] .flow-step--source,.workflow[data-stage="draft"] .flow-step--draft,.workflow[data-stage="human"] .flow-step--human{background:#25617a;border-color:#91ffe0;box-shadow:0 0 0 2px #91ffe055,0 12px 30px #010b18aa,0 0 28px #54e5c233;transform:translateY(-3px)}
.workflow[data-stage="source"] .flow-step--source .flow-step__number,.workflow[data-stage="draft"] .flow-step--draft .flow-step__number,.workflow[data-stage="human"] .flow-step--human .flow-step__number{background:#6bf0cc;color:#082736;border-color:#6bf0cc}
.workflow.playing .flow-step--draft .flow-step__body p{animation:none}
@keyframes flow-arrive{from{transform:translateY(5px)}to{transform:translateY(0)}}
@keyframes flow-confirm{from{transform:translateY(5px)}to{transform:translateY(0)}}
@media(max-width:740px){.editorial-home .hero__title{max-width:15ch;font-size:clamp(42px,10.6vw,59px)}.workflow[data-stage="source"] .flow-step--source,.workflow[data-stage="draft"] .flow-step--draft,.workflow[data-stage="human"] .flow-step--human{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.workflow .flow-step{transition:none!important;transform:none!important}}