/* Customer outcomes and a precise, two-state improvement diagram. */
.hero-v4.value-led{padding-bottom:36px}.value-led .hero-v4-copy>.lead{max-width:790px}
.value-preview{display:grid;grid-template-columns:repeat(5,1fr);max-width:1180px;margin:46px auto 0;border-top:1px solid #F9F6F330;padding-top:25px;gap:28px;text-align:left}
.value-preview>div{display:flex;align-items:center;gap:13px;font-size:1rem;line-height:1.4;color:var(--paper)}
.value-preview svg{width:23px;height:23px;flex-shrink:0;color:var(--sky)}
.value-early{padding:40px 0 48px}.value-early>.wrap>.eyebrow{margin-bottom:24px}
.value-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:27px;overflow:hidden;background:var(--paper)}
.value-card{padding:28px 22px 31px;border-right:1px solid var(--line)}.value-card:last-child{border-right:0}
.value-card-top{display:flex;align-items:center;gap:10px;min-height:40px;color:var(--deep);font-size:.875rem;line-height:1.35;margin-bottom:20px}
.value-card-top svg{width:22px;height:22px;flex-shrink:0}
.value-card h3{font-size:1.4rem;line-height:1.2;letter-spacing:-.025em;margin:0 0 15px}
.value-card p{font-size:1rem;line-height:1.65;margin:0;color:#6D6460}
.value-grid.compact{border:0;border-radius:0;background:transparent}.compact .value-card{padding:0 24px}.compact .value-card:first-child{padding-left:0}.compact .value-card:last-child{padding-right:0}.compact .value-card h3{font-size:1.25rem}.compact .value-card-top{margin-bottom:13px}
.value-note{padding:34px 0;background:var(--ice);color:var(--ink)}.value-note>.wrap{display:flex;align-items:flex-start;gap:25px}.value-note svg{height:33px;width:33px;flex-shrink:0;margin-top:4px;color:var(--deep)}.value-note h2{font-size:1.7rem;line-height:1.2;margin:0 0 10px}.value-note p{font-size:1rem;max-width:980px;line-height:1.65;margin:0}
.problem-section .section-head{margin-bottom:38px}.problem-section .section-head>p{max-width:400px;font-size:1.05rem}.problem-section .section-head h2{max-width:780px}
.benefits-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin:140px 0 27px}.benefits-heading h2{font-size:clamp(2.2rem,3.5vw,3.4rem);line-height:1.1;max-width:780px}.benefits-heading>p{max-width:340px;font-size:1rem;line-height:1.65}
.change-story{background:var(--paper);color:var(--ink);border:1px solid #295BCC30;border-radius:29px;overflow:hidden;isolation:isolate}
.change-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 26px;border-bottom:1px solid var(--line)}
.change-tabs{display:flex;background:var(--beige);padding:4px;border-radius:999px;gap:4px}.change-tabs>button{border:0;border-radius:999px;background:transparent;color:var(--ink);min-height:44px;padding:10px 20px;font-size:1rem;transition:background .3s,color .3s}.change-tabs>button[aria-selected=true]{background:var(--ink);color:var(--paper)}
[data-mode=after] .change-tabs>button[aria-selected=true]{background:var(--deep);color:var(--paper)}
.change-play{display:flex;gap:10px;align-items:center;color:var(--deep);background:none;border:1px solid #295BCC40;border-radius:999px;padding:10px 14px;min-height:44px;font-size:.875rem}.change-play:hover{background:var(--ice)}.change-play[aria-pressed=true]{background:var(--deep);color:var(--paper)}
.change-panel{padding:31px 28px 0;background:var(--paper);min-width:0}.change-panel[hidden]{display:none!important}.change-panel[data-change-panel=after]{background:#DDEBFC66}
.change-panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.change-panel-head h3{font-size:1.65rem;line-height:1.2;letter-spacing:-.02em}.change-panel-head>span{font-size:.875rem;color:#6D6460;flex-shrink:0}
.change-map{display:grid;grid-template-columns:110px minmax(0,1fr);gap:15px}
.change-lanes{display:grid;grid-template-rows:152px 88px 152px;align-items:center;font-size:.875rem;font-weight:600;line-height:1.5;color:var(--deep)}.change-lanes>span:last-child{grid-row:3}
.change-board{position:relative;min-width:0}.change-nodes{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:152px 88px 152px 64px;gap:0 30px;padding:0;margin:0;position:relative;z-index:1}
.change-node{position:relative;border:1px solid #2C222026;border-radius:24px;background:var(--paper);padding:14px 17px;min-width:0;transition:border-color .35s,background .35s,box-shadow .35s,transform .35s}
.change-node:nth-child(5){grid-column:3;grid-row:3}.change-node:nth-child(6){grid-column:4;grid-row:3}
.change-node-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;color:var(--deep)}.change-node-top>span{font-size:.875rem}.change-node-top>svg{width:25px;height:25px}
.change-node h4{font-family:Clash,SF,sans-serif;font-weight:500;font-size:1.12rem;line-height:1.17;letter-spacing:-.018em;margin:0 0 8px}
.change-node p{font-size:.875rem;line-height:1.4;margin:0;color:#6D6460}
.change-node.is-tracing{border-color:var(--deep);box-shadow:0 0 0 3px #295BCC18;transform:translateY(-3px)}
[data-mode=before] .change-node:nth-child(4).is-tracing,[data-mode=before] .change-node:nth-child(5).is-tracing{background:var(--yellow);border-color:var(--ink)}
[data-mode=after] .change-node{border-color:#295BCC55}[data-mode=after] .change-node:nth-child(5){background:var(--deep);color:var(--paper);border-color:var(--deep)}[data-mode=after] .change-node:nth-child(5) :is(p,.change-node-top){color:var(--paper)}[data-mode=after] .change-node:nth-child(6){background:var(--ice)}
.change-paths{position:absolute;inset:0;width:100%;height:456px;overflow:visible;color:var(--deep)}.change-paths path{vector-effect:non-scaling-stroke}.change-connections,.change-loop{stroke:currentColor;stroke-width:1.5}.change-loop{stroke-dasharray:5 5;opacity:.5}.change-signal{stroke:var(--deep);stroke-width:3;stroke-dasharray:8 92;stroke-dashoffset:100;opacity:0}
[data-mode=after] .change-loop{stroke-dasharray:none;opacity:.8}.is-playing .change-signal{opacity:1;animation:change-travel 3s linear infinite}[data-mode=before].is-playing .change-signal{stroke:var(--ink);animation-duration:6s}
.change-bottleneck{position:absolute;left:0;top:246px;width:47%;display:flex;align-items:flex-start;gap:13px;padding:19px 20px 19px 0;z-index:2}.change-bottleneck>svg{width:27px;height:27px;flex-shrink:0;color:var(--deep)}.change-bottleneck>p{font-size:1rem;line-height:1.55;max-width:320px}.change-bottleneck>svg{background:var(--yellow);border-radius:8px;padding:3px}.change-panel[data-change-panel=after] .change-bottleneck>svg{background:var(--ice)}
.change-panel-foot{display:flex;justify-content:space-between;align-items:flex-start;gap:35px;padding:17px 0 23px;border-top:1px solid var(--line)}.change-panel-foot strong{font-size:.875rem;font-weight:500;line-height:1.6;color:var(--deep);max-width:420px}.change-panel-foot p{font-size:.875rem;line-height:1.6;max-width:520px;color:#6D6460;margin:0}
.change-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 26px;background:var(--paper);border-top:1px solid var(--line)}.change-bottom>span{font-size:.875rem;color:#6D6460}.change-bottom>button{border:0;background:transparent;color:var(--deep);display:flex;gap:16px;align-items:center;min-height:40px;font-size:1rem;font-weight:600}.change-bottom svg{width:20px;height:20px}
.change-enter{animation:change-unfold .65s var(--ease)}.change-enter .change-node{animation:change-node-in .65s var(--ease) both}.change-enter .change-node:nth-child(2){animation-delay:.04s}.change-enter .change-node:nth-child(3){animation-delay:.08s}.change-enter .change-node:nth-child(4){animation-delay:.12s}.change-enter .change-node:nth-child(5){animation-delay:.16s}.change-enter .change-node:nth-child(6){animation-delay:.2s}
.fix-target{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:39px 0 0;margin-top:38px;border-top:1px solid #295BCC35}.fix-target h3{font-size:clamp(1.8rem,2.7vw,2.6rem);line-height:1.2}.fix-target h3 span{color:var(--deep)}.fix-target p{font-size:1rem;line-height:1.65;margin:0 0 12px}.fix-target p:last-child{margin:0;color:#6D6460}
.examples-after-value{padding-top:135px}.examples-after-value .section-head>p{max-width:410px}.examples-after-value .improvement-lab{scroll-margin-top:120px}
@keyframes change-unfold{from{opacity:.2;clip-path:inset(0 1.5% 0 round 35px)}to{opacity:1;clip-path:inset(0 round 0)}}
@keyframes change-node-in{from{opacity:0;transform:translateY(13px) scale(.975)}to{opacity:1;transform:none}}
@keyframes change-travel{to{stroke-dashoffset:0}}
@media(max-width:1100px){.change-map{grid-template-columns:85px minmax(0,1fr);gap:8px}.change-panel{padding:26px 20px 0}.change-nodes{column-gap:20px}.change-node{padding:13px 12px;border-radius:19px}.change-node h4{font-size:1rem}.change-node p{font-size:.875rem}.change-node-top{margin-bottom:10px}.value-card{padding:23px 19px}.value-card h3{font-size:1.3rem}.value-preview{gap:18px}.value-preview>div{font-size:.95rem;gap:9px}.value-preview svg{width:20px;height:20px}}
@media(max-width:850px){.value-preview{grid-template-columns:1fr 1fr;gap:20px 35px;max-width:620px}.value-grid{grid-template-columns:1fr 1fr}.value-card:nth-child(2){border-right:0}.value-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.compact .value-card{padding:22px!important}.compact .value-card-top{margin-bottom:16px}.benefits-heading{display:block}.benefits-heading>p{margin-top:20px;max-width:550px}.change-panel-head>span{display:none}.change-map{display:block}.change-lanes{display:none}.change-node p{font-size:.875rem}.change-node-top>svg{width:21px;height:21px}.change-node h4{font-size:1rem}.change-nodes{grid-template-rows:174px 74px 174px 60px;column-gap:16px}.change-paths{height:482px}.change-bottleneck{top:255px;padding-top:12px}.change-panel-foot{gap:22px}.fix-target{gap:28px}.change-toolbar{padding:16px 20px}.change-tabs>button{font-size:.9rem;padding:9px 14px}}
@media(max-width:650px){.hero-v4.value-led{padding-bottom:25px}.value-preview{margin-top:30px;padding-top:21px;gap:17px 14px}.value-preview>div{font-size:.875rem;align-items:flex-start;gap:8px}.value-preview svg{width:18px;height:18px;margin-top:2px}.value-grid{grid-template-columns:1fr}.value-card{padding:24px!important;border-right:0;border-bottom:1px solid var(--line)}.value-card:last-child{border-bottom:0}.value-card h3{font-size:1.45rem}.value-card-top{min-height:0;margin-bottom:14px}.value-early{padding:30px 0}.value-grid.compact{border:1px solid var(--line);border-radius:20px}.value-note>.wrap{gap:17px}.value-note h2{font-size:1.45rem}.value-note svg{width:25px;height:25px}.change-story{border-radius:21px}.change-toolbar{flex-wrap:wrap;padding:14px;gap:12px}.change-tabs{width:100%}.change-tabs>button{flex:1;font-size:.875rem;padding:10px 8px}.change-play{margin-left:auto;font-size:.875rem}.change-panel{padding:23px 17px 0}.change-panel-head h3{font-size:1.5rem}.change-map{display:block}.change-paths{display:none}.change-nodes{display:grid;grid-template-columns:1fr;grid-template-rows:none;gap:20px;margin-left:16px;padding-bottom:25px;border-left:1px solid #295BCC40}.change-node,.change-node:nth-child(5),.change-node:nth-child(6){grid-column:auto;grid-row:auto;min-height:0;display:grid;grid-template-columns:31px 1fr;gap:0 14px;margin-left:17px;padding:15px 17px;border-radius:18px}.change-node:before{content:'';position:absolute;width:18px;border-top:1px solid var(--deep);top:28px;left:-18px}.change-node:not(:last-child):after{content:'↓';position:absolute;bottom:-21px;left:50%;height:20px;line-height:20px;color:var(--deep);font-size:1rem}.change-node-top{grid-column:1;grid-row:1 / span 2;display:flex;flex-direction:column;justify-content:flex-start;gap:10px;margin:0}.change-node-top>span{font-size:.875rem}.change-node h4{grid-column:2;font-size:1.06rem;margin-bottom:7px}.change-node p{grid-column:2;font-size:.875rem}.change-bottleneck{position:static;width:auto;max-width:none;padding:15px 0 23px;margin-top:0}.change-bottleneck>p{max-width:none;font-size:1rem}.change-panel-foot{display:block;padding:19px 0}.change-panel-foot p{margin-top:12px}.change-panel-foot strong{font-size:.875rem}.change-bottom{padding:13px 17px;gap:10px;flex-wrap:wrap}.change-bottom>span{font-size:.8rem}.change-bottom>button{font-size:.9rem;gap:9px}.fix-target{grid-template-columns:1fr;gap:22px;padding-top:29px;margin-top:30px}.fix-target h3{font-size:2rem}.benefits-heading{margin-top:84px}.examples-after-value{padding-top:85px}}
/* Five benefits: 3 + 2 rows on tablets, 2 + 2 + 1 on small tablets, one column on phones. */
@media(max-width:1100px){.value-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.value-card{grid-column:span 2}.value-card:nth-child(n+4){grid-column:span 3}.value-card:nth-child(3){border-right:0}.value-card:nth-child(-n+3){border-bottom:1px solid var(--line)}.compact .value-card:nth-child(-n+3){padding-bottom:24px}.compact .value-card:nth-child(n+4){padding-top:24px}.compact .value-card:nth-child(3){padding-right:0}.compact .value-card:nth-child(4){padding-left:0}}
@media(max-width:850px){.value-grid{grid-template-columns:1fr 1fr}.value-card,.value-card:nth-child(n+4){grid-column:auto}.value-card:nth-child(3){border-right:1px solid var(--line)}.value-card:nth-child(even){border-right:0}.value-card:nth-child(-n+4){border-bottom:1px solid var(--line)}.value-card:last-child{grid-column:1/-1;border-right:0}}
@media(max-width:650px){.value-grid{grid-template-columns:1fr}.value-card:nth-child(3){border-right:0}}
@media(min-width:951px) and (max-width:1100px){.change-nodes{grid-template-rows:185px 88px 185px 64px}.change-paths{height:522px}.change-lanes{grid-template-rows:185px 88px 185px}.change-bottleneck{top:284px}.change-node-top{margin-bottom:15px}}
@media(min-width:651px) and (max-width:950px){.change-map{display:block}.change-lanes,.change-paths{display:none}.change-nodes{grid-template-columns:1fr 1fr;grid-template-rows:none;gap:32px;min-height:0}.change-node,.change-node:nth-child(5),.change-node:nth-child(6){grid-column:auto;grid-row:auto;min-height:157px;padding:19px 22px}.change-node h4{font-size:1.15rem}.change-node p{font-size:.9375rem}.change-node:nth-child(odd):after{content:'→';position:absolute;right:-26px;top:42%;color:var(--deep);font-size:1.2rem}.change-node:nth-child(2):after,.change-node:nth-child(4):after{content:'↙';position:absolute;bottom:-28px;left:-23px;color:var(--deep);font-size:1.2rem}.change-bottleneck{position:static;width:100%;padding:24px 0;max-width:none}.change-bottleneck>p{max-width:none}}
@media(prefers-reduced-motion:reduce){.change-enter,.change-enter .change-node,.change-signal{animation:none!important}.change-node,.change-tabs>button{transition:none!important}.change-node.is-tracing{transform:none}.change-signal{display:none}}

/* Concrete comparison: six handoffs versus grouped issues and one-to-many reuse. */
.change-example{padding:23px 28px;background:var(--ice);display:flex;justify-content:space-between;align-items:center;gap:32px;border-bottom:1px solid #295BCC26}
.change-example>div:first-child>span{display:block;font-size:.875rem;color:var(--deep);margin-bottom:6px}.change-example>div:first-child>p{font-size:1.2rem;line-height:1.4;font-weight:500;max-width:750px}
.starting-failure{display:flex;align-items:center;gap:13px;flex-shrink:0;padding-left:27px;border-left:1px solid #295BCC30;font-size:.875rem;line-height:1.5}.starting-failure>svg{width:26px;height:26px;color:var(--deep)}.starting-failure strong{font-weight:500}
.concrete-story .change-tabs>button{text-align:left;padding:11px 20px;min-width:180px}.concrete-story .change-tabs strong{font-weight:500;display:block;font-size:1rem}.concrete-story .change-tabs small{display:block;font-size:.875rem;line-height:1.4;opacity:.83;margin-top:3px}.concrete-story .change-play{white-space:nowrap}
.concrete-story .change-panel-head{align-items:flex-start}.concrete-story .change-panel-head h3{font-size:1.6rem;line-height:1.22}
.concrete-story .change-node{transform:none;transition:background .4s,border-color .4s,box-shadow .4s}
.concrete-story[data-mode=before] .change-node.is-tracing{background:var(--sky);border-color:var(--deep);box-shadow:0 0 0 3px #295BCC20}
.concrete-story[data-mode=before] .change-node:nth-child(4).is-tracing,.concrete-story[data-mode=before] .change-node:nth-child(5).is-tracing{background:var(--yellow);border-color:#2C222055;box-shadow:0 0 0 3px #FFDF4540}
.concrete-story .change-node p{color:var(--ink)}
.step-timer{position:absolute;height:3px;bottom:0;left:23px;right:23px;border-radius:5px;background:currentColor;transform:scaleX(0);transform-origin:left;opacity:0;color:var(--deep);pointer-events:none}
.is-playing .is-tracing>.step-timer{opacity:.75;animation:step-follow var(--step-duration,2800ms) linear both}
.concrete-story:not(.is-playing) .is-tracing>.step-timer{transform:scaleX(1);opacity:.55;animation:none}
.reuse-panel{padding:35px 28px 0!important;background:var(--ice)!important}
.reuse-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:30px}
.reuse-eyebrow{font-size:.875rem;color:var(--deep);display:block;margin-bottom:13px}
.reuse-heading h3{font-family:Clash,SF,sans-serif;font-weight:500;font-size:clamp(2.1rem,3.4vw,3.15rem);line-height:1.09;letter-spacing:-.04em}.reuse-heading h3>span{color:var(--deep)}
.reuse-heading>p{font-size:1rem;line-height:1.6;max-width:340px;margin:0 0 3px}
.reuse-moments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;padding:0;margin:0;list-style:none;align-items:stretch}
.reuse-moment{position:relative;min-width:0;border:1px solid #295BCC35;border-radius:27px;padding:24px 21px 28px;background:var(--paper);transition:border-color .4s,box-shadow .4s;display:flex;flex-direction:column}
.reuse-moment:not(:last-child):after{content:'→';position:absolute;right:-23px;top:48%;font-size:1.2rem;color:var(--deep)}
.reuse-moment.is-tracing{border-color:var(--deep);box-shadow:0 0 0 3px #295BCC25}
.reuse-step{display:flex;gap:12px;align-items:flex-start;margin-bottom:24px}.reuse-step>span{font-size:.875rem;line-height:1.5;color:var(--deep);padding-top:2px}.reuse-step h4{font-family:Clash,SF,sans-serif;font-size:1.42rem;line-height:1.12;letter-spacing:-.03em;font-weight:500;margin:0}
.repeat-questions{display:flex;flex-direction:column;gap:9px;list-style:none;padding:0;margin:0}
.repeat-questions>li{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border:1px solid #295BCC26;border-radius:13px;font-size:.9375rem;line-height:1.45;background:var(--paper);transition:background .4s}
.repeat-questions>li>svg{width:18px;height:18px;margin-top:2px;color:var(--deep)}
.pattern-moment.is-tracing .repeat-questions>li{background:var(--ice)}
.issue-group{margin-top:auto;padding-top:10px}.issue-group>span{display:block;text-align:center;color:var(--deep);font-size:1.4rem;line-height:1.3;margin-bottom:7px}
.issue-group>div{display:flex;align-items:center;gap:13px;padding:16px 18px;border-radius:18px;background:var(--deep);color:var(--paper)}.issue-group small{display:block;font-size:.875rem;line-height:1.35;color:var(--ice);margin-bottom:7px}.issue-group strong{font-size:1.08rem;line-height:1.25;font-weight:500;display:block}.issue-group>div>svg{width:26px;height:26px}
.expert-moment{background:var(--yellow);border-color:#2C222025}.expert-moment.is-tracing{border-color:var(--ink);box-shadow:0 0 0 3px #FFDF4570}.expert-moment .reuse-step>span{color:var(--ink)}
.one-expert{display:flex;gap:12px;align-items:center;font-size:.875rem;line-height:1.4}.one-expert-icon{width:43px;height:43px;background:#F9F6F380;border-radius:16px;display:grid;place-items:center;flex-shrink:0}.one-expert-icon svg{width:25px;height:25px}.one-expert small{font-size:.875rem;display:block;margin-top:5px}
.expert-moment blockquote{font-family:Clash,SF,sans-serif;font-weight:500;font-size:clamp(1.6rem,2.1vw,2rem);line-height:1.2;letter-spacing:-.025em;margin:29px 0 27px}.expert-moment blockquote strong{font-weight:500;display:inline-block;border-bottom:2px solid var(--ink)}
.expert-approved{font-size:.875rem;line-height:1.35;display:flex;align-items:center;gap:10px;margin-top:auto;border-top:1px solid #2C222030;padding-top:17px}.expert-approved>svg{width:22px;height:22px}
.reusable-rule{display:flex;align-items:center;gap:11px;background:var(--deep);color:var(--paper);border-radius:18px;padding:17px 15px}.reusable-rule strong{font-size:1rem;font-weight:500;line-height:1.35;display:block}.reusable-rule small{font-size:.875rem;display:block;line-height:1.45;margin-top:5px;color:var(--ice)}.reusable-rule>svg{width:26px;height:26px}
.future-label{font-size:.875rem;line-height:1.4;margin:20px 0 12px;color:var(--deep)}
.future-answers{list-style:none;padding:0 0 0 11px;margin:0 0 0 7px;border-left:1px solid #295BCC50;display:flex;flex-direction:column;gap:9px}
.future-answers>li{position:relative;padding:9px 11px;border:1px solid #295BCC22;border-radius:12px;background:var(--paper)}.future-answers>li:before{content:'';position:absolute;left:-12px;top:24px;width:11px;border-top:1px solid #295BCC50}
.future-answers>li>span{display:block;font-size:.875rem;line-height:1.35;color:#6D6460;margin-bottom:5px}.future-answers strong{display:flex;gap:7px;align-items:flex-start;font-size:.9375rem;line-height:1.4;font-weight:500;color:var(--deep)}.future-answers svg{width:16px;height:16px;margin-top:2px}
.is-playing .future-moment.is-tracing .future-answers>li{animation:answer-reuse .65s var(--ease) both}.is-playing .future-moment.is-tracing .future-answers>li:nth-child(2){animation-delay:.4s}.is-playing .future-moment.is-tracing .future-answers>li:nth-child(3){animation-delay:.8s}
.reuse-takeaway{display:flex;gap:16px;align-items:center;margin:25px 0 0;padding:20px 23px;border-radius:18px;background:var(--paper);border:1px solid #295BCC25}.reuse-takeaway>svg{width:33px;height:33px;color:var(--deep)}.reuse-takeaway>p{font-size:1rem;line-height:1.5;max-width:none}.reuse-takeaway strong{font-weight:500;color:var(--deep)}
.change-technical{border-top:1px solid #295BCC30;margin-top:24px;padding:18px 0 22px}.change-technical>summary{font-size:.875rem;cursor:pointer;color:var(--deep);padding:4px 0;min-height:36px}.change-technical p{font-size:1rem;line-height:1.6;max-width:900px;margin-top:14px}.change-technical a{display:inline-flex;gap:12px;font-size:1rem;margin-top:17px;color:var(--deep);font-weight:500}
.change-enter .reuse-moment{animation:change-node-in .6s var(--ease) both}.change-enter .reuse-moment:nth-child(2){animation-delay:.08s}.change-enter .reuse-moment:nth-child(3){animation-delay:.16s}
.concrete-story .change-bottom>span{min-width:230px;font-size:.875rem}
@keyframes step-follow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes answer-reuse{from{background:var(--sky);transform:translateY(5px)}to{background:var(--paper);transform:translateY(0)}}
@media(max-width:1100px){.reuse-moments{gap:20px}.reuse-moment{padding:21px 16px 27px;border-radius:23px}.reuse-moment:not(:last-child):after{right:-19px}.reuse-step{gap:9px}.reuse-step h4{font-size:1.25rem}.reuse-heading{gap:24px}.reuse-heading>p{font-size:.9375rem;max-width:295px}.one-expert{gap:8px}.one-expert-icon{width:35px;height:35px;border-radius:12px}.change-example{gap:25px}.starting-failure{padding-left:18px}.concrete-story .change-tabs>button{min-width:0;padding:10px 14px}.concrete-story .change-tabs small{font-size:.875rem}.concrete-story .change-toolbar{gap:15px}.concrete-story .change-play{padding:10px}}
@media(min-width:651px) and (max-width:950px){.reuse-moments{grid-template-columns:1fr 1fr;gap:27px}.reuse-moment{padding:24px}.future-moment{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1.25fr;column-gap:28px;align-items:start}.future-moment .reuse-step{grid-column:1 / -1}.future-moment .reusable-rule{grid-column:1;grid-row:2 / 4}.future-moment .future-label{grid-column:2;grid-row:2;margin:0 0 12px}.future-moment .future-answers{grid-column:2;grid-row:3}.reuse-moment:first-child:after{right:-24px}.expert-moment:after{content:'↓'!important;top:auto!important;right:48%!important;bottom:-26px}.reuse-heading{display:block}.reuse-heading>p{max-width:none;margin-top:21px;font-size:1rem}.reuse-heading>p br{display:none}.reuse-heading>p br:after{content:' '}.change-example{align-items:flex-start}.change-example>div:first-child>p{font-size:1.1rem}.concrete-story .change-toolbar{flex-wrap:wrap}.concrete-story .change-tabs{flex:1}.concrete-story .change-tabs>button{flex:1}.concrete-story .change-play{margin-left:auto}}
@media(max-width:650px){.change-example{padding:21px 18px;display:block}.change-example>div:first-child>p{font-size:1.15rem}.change-example>div:first-child>span{font-size:.875rem;margin-bottom:10px}.starting-failure{margin-top:16px;border-left:0;padding:13px 0 0;border-top:1px solid #295BCC30;align-items:flex-start}.starting-failure br{display:none}.starting-failure strong:before{content:' '}.starting-failure svg{width:22px;height:22px}.concrete-story .change-tabs>button{padding:10px 11px;display:flex;flex-direction:column;justify-content:flex-start}.concrete-story .change-tabs strong{font-size:.9375rem}.concrete-story .change-tabs small{font-size:.875rem;line-height:1.4}.concrete-story .change-panel-head h3{font-size:1.5rem}.concrete-story .change-node .step-timer{grid-column:1 / -1;left:18px;right:18px}.reuse-panel{padding:26px 18px 0!important}.reuse-heading{display:block;margin-bottom:27px}.reuse-heading h3{font-size:2.15rem}.reuse-heading>p{font-size:1rem;max-width:none;margin:20px 0 0}.reuse-heading>p br{display:none}.reuse-heading>p br:after{content:' '}.reuse-moments{grid-template-columns:1fr;gap:25px}.reuse-moment{padding:23px;border-radius:23px}.reuse-moment:not(:last-child):after{content:'↓';right:48%;top:auto;bottom:-25px;font-size:1.1rem}.reuse-step{margin-bottom:22px}.reuse-step h4{font-size:1.45rem}.repeat-questions>li{font-size:1rem;padding:13px 14px}.issue-group{margin-top:12px}.expert-moment blockquote{font-size:1.9rem;margin:27px 0 29px}.one-expert{font-size:.9375rem}.future-answers strong{font-size:1rem}.future-answers>li{padding:13px}.reuse-takeaway{padding:18px;align-items:flex-start}.reuse-takeaway>p{font-size:1rem}.reuse-takeaway>svg{width:26px;height:26px;margin-top:3px}.concrete-story .change-bottom>span{min-width:0;font-size:.875rem}.concrete-story .change-bottom>button{font-size:.9375rem;text-align:left;line-height:1.4}.concrete-story .change-bottom{gap:7px;padding:16px 18px}.concrete-story .change-play{font-size:.875rem;min-height:44px;padding:9px 13px}.change-technical>summary{font-size:.9375rem}}
@media(prefers-reduced-motion:reduce){.change-enter .reuse-moment,.future-answers>li,.step-timer{animation:none!important}.reuse-moment,.repeat-questions>li,.concrete-story .change-node{transition:none!important}.step-timer{display:none}.change-enter{animation:none!important}}

/* The slide's many-to-few-to-many story, drawn as one connected system. */
.expert-flow-panel .reuse-heading{margin-bottom:38px}
.expert-flow-panel .reuse-heading>p{max-width:350px}
.expert-flow{--flow-folded:0;position:relative;padding:0 0 20px;isolation:isolate}
.expert-flow-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;color:var(--deep);z-index:0}
.expert-flow-wires g>path{fill:none;stroke:var(--deep);stroke-width:1.25;opacity:.28;transition:opacity .3s,stroke-width .3s}
.expert-flow-wires g>path.is-current{opacity:1;stroke-width:2}
.is-playing .expert-flow-wires g>path.is-current{stroke-dasharray:8 4;animation:flow-current 1.2s linear infinite}
.expert-flow-grid{position:relative;z-index:1;display:grid;grid-template-columns:.75fr 1.3fr 1.1fr .9fr .8fr .9fr .75fr;column-gap:clamp(16px,1.7vw,28px);padding:0;margin:0;list-style:none}
.expert-flow-stage{position:relative;min-width:0;color:var(--deep)}
.expert-flow-stage>h4{font-family:SF,sans-serif;font-size:.875rem;font-weight:500;line-height:1.3;min-height:56px;display:flex;flex-direction:column;gap:8px;text-align:center;margin:0;color:var(--ink)}
.expert-flow-stage>h4>span{font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--deep);opacity:.4;transition:opacity .25s}
.expert-flow-stage.is-tracing>h4{color:var(--deep)}.expert-flow-stage.is-tracing>h4>span{opacity:1}
.flow-body{position:relative;height:282px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;min-width:0}
.flow-chat-stream{width:100%;display:grid;gap:9px;justify-items:center}
.flow-chat-row{display:grid}
.flow-chat{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #295BCC55;background:var(--paper);border-radius:9px;min-width:0;height:35px;padding:7px;color:var(--deep);transition:background .35s,border-color .35s,box-shadow .35s}
.flow-chat>svg{width:18px;height:18px;flex-shrink:0}
/* Square tiles that hug the icon, leaving the fan-in and fan-out lines room to curve. */
.flow-chat-stream .flow-chat,.flow-chat-future{width:35px;height:35px;padding:0}
.flow-filter-box{position:relative;width:100%;min-height:175px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--deep);color:var(--paper);border:1px solid var(--deep);border-radius:29px;padding:20px 11px;transition:box-shadow .35s}
.flow-filter-box>svg{width:42px;height:42px;margin-bottom:16px;color:var(--sky)}
.flow-filter-box>strong{font-family:Clash,SF,sans-serif;font-size:1.4rem;font-weight:500;line-height:1.1;margin-bottom:11px}
.flow-filter-box>span{font-size:.875rem;line-height:1.4}
.flow-issue-list,.flow-expert-list{display:grid;gap:18px;width:100%}
/* Issue cards hug their label; each sits in a 69px row so it stays level with its expert. */
.flow-issue-list,.flow-expert-list{grid-auto-rows:69px;align-items:center;justify-items:center}
.flow-issue{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:max-content;max-width:100%;padding:9px 14px;text-align:center;border:1px solid #295BCC55;border-radius:12px;background:var(--paper);font-size:.875rem;line-height:1.25;transition:background .35s,border-color .35s,box-shadow .35s}
.flow-expert{width:max-content;max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 14px;font-size:.875rem;line-height:1.25;background:var(--paper);border:1px solid #295BCC55;border-radius:12px;transition:background .35s,border-color .35s,box-shadow .35s}
.flow-expert>svg{width:26px;height:26px}
.flow-approval-box,.flow-memory-box{width:74px;height:81px;display:grid;place-items:center;border-radius:23px;border:1px solid #295BCC55;background:var(--paper);transition:background .35s,border-color .35s,box-shadow .35s}
.flow-approval-box>svg{width:44px;height:44px;border:1.5px solid currentColor;border-radius:50%;padding:5px}
.flow-memory-box>svg{width:43px;height:43px}
.flow-node-note{position:absolute;top:calc(50% + 54px);left:50%;transform:translateX(-50%);width:120%;text-align:center;font-size:.875rem;line-height:1.35;margin:0;color:var(--ink)}
.flow-future-stream{display:grid;gap:9px;width:100%;justify-items:center}
.expert-flow-stage.is-tracing :is(.flow-chat,.flow-issue,.flow-expert,.flow-approval-box,.flow-memory-box){background:var(--sky);border-color:var(--deep);box-shadow:0 0 0 3px #295BCC12}
.expert-flow-stage.is-tracing .flow-filter-box{box-shadow:0 0 0 6px #295BCC20}
.is-playing .flow-incoming.is-tracing .flow-chat,.is-playing .flow-future.is-tracing .flow-chat{animation:flow-tile 1s var(--ease) both;animation-delay:calc(var(--tile-order)*90ms)}
.flow-scale{display:grid;grid-template-columns:1.2fr 3fr 1.2fr;align-items:center;gap:15px;padding-top:17px;border-top:1px solid #295BCC28;text-align:center;font-size:.875rem;line-height:1.4;color:#6D6460}
.flow-scale>strong{font-size:1rem;font-weight:500;color:var(--deep)}
.flow-example{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;padding:25px 27px;margin-top:10px;border:1px solid #295BCC30;border-radius:23px;background:var(--paper)}
.flow-example>div>span{display:flex;align-items:center;gap:9px;font-size:.875rem;line-height:1.4;color:var(--deep);margin-bottom:12px}.flow-example>div>span>svg{width:18px;height:18px;flex-shrink:0}
.flow-example-rule>p{font-size:1rem;line-height:1.6;margin:0}.flow-example-rule strong{font-weight:500}
.flow-example-reuse>div{display:grid;gap:10px}.flow-example-reuse p{display:flex;align-items:flex-start;gap:10px;font-size:.9375rem;line-height:1.5;margin:0}.flow-example-reuse p>strong{font-weight:500;min-width:51px}.flow-example-reuse p>svg{width:18px;height:18px;margin-top:2px;flex-shrink:0;color:var(--deep)}
.expert-flow-panel .reuse-takeaway{background:transparent;border:0;padding:22px 0 0;margin:0;align-items:flex-start}.expert-flow-panel .reuse-takeaway>svg{width:24px;height:24px;margin-top:2px}.expert-flow-panel .reuse-takeaway br{display:none}.expert-flow-panel .reuse-takeaway strong:before{content:' '}
@keyframes flow-current{to{stroke-dashoffset:-24}}
@keyframes flow-tile{from{background:var(--paper);border-color:#295BCC55}to{background:var(--sky);border-color:var(--deep)}}
@media(max-width:1050px){
  .expert-flow{--flow-folded:1;max-width:600px;margin:auto;padding:0 10px 28px}
  .expert-flow-grid{grid-template-columns:1fr 1fr;grid-template-areas:'incoming incoming' 'filter filter' 'issues experts' 'approval memory' 'future future';gap:43px 40px}
  .flow-incoming{grid-area:incoming}.flow-filter{grid-area:filter}.flow-issues{grid-area:issues}.flow-experts{grid-area:experts}.flow-approval{grid-area:approval}.flow-memory{grid-area:memory}.flow-future{grid-area:future}
  .expert-flow-stage>h4{min-height:0;margin-bottom:15px;flex-direction:row;justify-content:center;align-items:center;gap:9px;font-size:1rem}.expert-flow-stage>h4>span{font-size:.8rem}
  .flow-body{height:auto;min-width:0}.flow-chat-stream{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;width:100%;max-width:500px}.flow-chat-stream .flow-chat,.flow-chat-future{width:34px;height:34px}
  .flow-filter-box{max-width:270px;min-height:110px;display:grid;grid-template-columns:45px 1fr;gap:7px 19px;text-align:left;padding:19px 25px;border-radius:25px}.flow-filter-box>svg{grid-column:1;grid-row:1 / span 2;margin:0}.flow-filter-box>strong{grid-column:2;margin:0;font-size:1.5rem}.flow-filter-box>span{grid-column:2;font-size:.9375rem}.flow-filter-box>span br{display:none}.flow-filter-box>span br:after{content:' '}
  .flow-issue-list,.flow-expert-list{gap:16px;max-width:230px}.flow-issue{font-size:1rem}.flow-expert{font-size:1rem}
  .flow-approval .flow-body,.flow-memory .flow-body{padding-bottom:48px}.flow-node-note{top:94px;width:100%;font-size:.9375rem}.flow-approval-box,.flow-memory-box{width:80px;height:80px}
  .flow-future-stream{grid-template-columns:repeat(3,1fr);gap:9px;max-width:500px}
  .flow-scale{display:block;margin-top:25px;padding-top:20px}.flow-scale>span{display:none}.flow-scale>strong{font-size:1rem}
  .flow-example{gap:22px;padding:23px}.expert-flow-panel .reuse-heading{display:block;margin-bottom:33px}.expert-flow-panel .reuse-heading>p{max-width:620px;margin-top:19px;font-size:1rem}
}
@media(max-width:650px){
  .expert-flow{padding-left:0;padding-right:0}.expert-flow-grid{gap:37px 27px}.expert-flow-stage>h4{font-size:.875rem;gap:6px}
  .flow-chat{padding:6px 3px;gap:4px;border-radius:7px}.flow-chat>svg{width:15px;height:15px}.flow-chat-stream{gap:7px}.flow-issue,.flow-expert{font-size:.875rem}
  .flow-example{grid-template-columns:1fr;padding:20px;gap:22px;border-radius:20px}.flow-example-reuse{border-top:1px solid #295BCC25;padding-top:19px}.flow-example-reuse p{font-size:.875rem;gap:8px}.flow-example-rule>p{font-size:.9375rem}
  .expert-flow-panel .reuse-takeaway{padding-top:20px;gap:11px}.expert-flow-panel .reuse-takeaway>p{font-size:.9375rem}
}
@media(prefers-reduced-motion:reduce){
  .expert-flow-wires g>path,.expert-flow-stage :is(.flow-chat,.flow-filter-box,.flow-issue,.flow-expert,.flow-approval-box,.flow-memory-box){animation:none!important;transition:none!important}
  .expert-flow-wires g>path.is-current{stroke-dasharray:none}
}
/* More room below the curved results strip before "Put the closed loop to work" */
@media(min-width:1600px){.examples-after-value{padding-top:150px}}
@media(max-width:1000px){.examples-after-value{padding-top:100px}}
@media(max-width:650px){.examples-after-value{padding-top:85px}}
/* The comparison steps can be clicked to move the highlight (owner's request, October 2026; value-story.js). */
[data-change-story] [data-change-node]{cursor:pointer}
[data-change-story] .change-node:not(.is-tracing):hover{border-color:color-mix(in srgb,currentColor 45%,transparent)}
[data-change-story] [data-change-node]:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
/* The loading line runs along the very bottom of the card, from the left edge to the right one (owner's
   request). The card's own rounded shape trims it, so its ends follow the corners instead of sticking out. */
[data-change-story] .change-node>.step-timer{left:-1px;right:-1px;top:-1px;bottom:-1px;height:auto;border-radius:inherit;overflow:hidden;background:none;transform:none;animation:none}
[data-change-story] .change-node>.step-timer:before{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:currentColor;transform:scaleX(0);transform-origin:left}
[data-change-story].is-playing .is-tracing>.step-timer:before{animation:step-follow var(--step-duration,2800ms) linear both}
[data-change-story]:not(.is-playing) .is-tracing>.step-timer:before{transform:scaleX(1)}
/* On the yellow steps the number, the icon and the loading line are brand brown, not blue. */
[data-mode=before] .change-node:is(:nth-child(4),:nth-child(5)).is-tracing :is(.change-node-top,.step-timer){color:var(--ink)}
/* Comparison tabs: one short line each, as tall as the "Play animation" button (owner's request, October 2026). */
.concrete-story .change-tabs>button{text-align:center;min-width:0;min-height:44px;padding:10px 22px}
@media(max-width:650px){.concrete-story .change-tabs>button{display:block;flex:1 1 auto;white-space:nowrap;padding:10px}}
@media(max-width:360px){.concrete-story .change-tabs>button{white-space:normal}}
/* No pause button on phones (owner's request, October 2026): the toolbar keeps only the two tabs. The highlight
   still plays while the comparison is on screen; with reduced motion it stays still. */
@media(max-width:650px){.concrete-story .change-play{display:none}}
/* On phones the AI's wrong answer sits under the question without the divider line or the warning icon (owner's request, October 2026). */
@media(max-width:650px){.concrete-story .starting-failure{border-top:0;padding-top:0}.concrete-story .starting-failure>svg{display:none}}
/* On phones the six manual steps stand on their own: no vertical line or ticks on the left, so the cards use the full width (owner's request, October 2026). */
@media(max-width:650px){.concrete-story .change-nodes{border-left:0;margin-left:0}.concrete-story .change-node{margin-left:0}.concrete-story .change-node:before{content:none}
  /* The progress line runs edge to edge along the card's bottom: placed in the card's grid columns it sat 17px in from each side. */
  .concrete-story .change-node>.step-timer{grid-column:auto}}
/* On phones the bottom bar keeps only the link to the other view, without "Following the highlighted step · 1 of 6" (owner's request, October 2026). */
@media(max-width:650px){.concrete-story [data-change-progress]{display:none}}
/* Home hero on phones (owner's request, October 2026): "Book a demo" and "See what changes" side by side on one
   row, with slimmer padding and no arrows. In Italian they fit from 375px wide; on narrower phones they still wrap. */
@media(max-width:430px){.hero-v4 .actions{gap:8px}.hero-v4 .actions .button{padding-inline:14px;white-space:nowrap}.hero-v4 .actions .button svg{display:none}}