.flow.growth-flow{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;justify-content:normal;gap:26px;margin:30px 0;padding:30px 16px 27px;border-color:#b99a664a;background:linear-gradient(100deg,#c7a46707,transparent 70%)}
.growth-flow>.flow-stage{position:relative;z-index:1;grid-column:auto;display:flex;flex-direction:column;align-items:center;gap:15px;min-width:0;padding:4px 2px;color:#c9bba3;text-align:center}
.growth-flow .flow-stage-label{font-size:clamp(15px,1.4vw,19px);line-height:1.65;letter-spacing:.04em;white-space:nowrap;transition:color .35s ease,text-shadow .35s ease}
.growth-flow .flow-stage-dot{position:relative;display:block;flex:none;width:15px;height:15px;border:1px solid #c4a56e88;border-radius:50%;background:#181611;box-shadow:0 0 0 5px #b99a6608;font-size:0;transition:border-color .35s ease,background-color .35s ease,box-shadow .35s ease}
.growth-flow .flow-stage-dot::after{content:"";position:absolute;inset:5px;border-radius:50%;background:#b99a66;transition:background-color .35s ease,box-shadow .35s ease}
.growth-flow .flow-stage.is-current .flow-stage-label{color:#f7dfb3;text-shadow:0 0 14px #ddaf6252}
.growth-flow .flow-stage.is-current .flow-stage-dot{background:#352b1b;border-color:#ebcd96;box-shadow:0 0 0 5px #d9b77d12,0 0 20px #d4ac6e50}
.growth-flow .flow-stage.is-current .flow-stage-dot::after{background:#ffe5b4;box-shadow:0 0 7px #ffe0a8}
.growth-flow .growth-visual{position:absolute;z-index:0;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:0}
.growth-flow.is-ready .growth-visual{opacity:1}
.growth-track,.growth-trail{fill:none;stroke-linecap:round;stroke-linejoin:round}
.growth-track{stroke:#b79b6359;stroke-width:1}
.growth-trail{stroke:#e9c88f;stroke-width:1.6;filter:drop-shadow(0 0 4px #d5ad6960)}
.growth-halo{fill:#d7ae6b;opacity:.16;filter:blur(2px)}
.growth-core{fill:#ffe4b2;filter:drop-shadow(0 0 5px #f2c67c)}
.growth-directions{color:#c7ad7a;fill:none;stroke:#c7ad7a9c;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
.growth-flow[data-flow-state=reduced] .growth-trail,.growth-flow[data-flow-state=reduced] .growth-halo,.growth-flow[data-flow-state=reduced] .growth-core{display:none}
@media(max-width:760px){
 .flow.growth-flow{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:26px;row-gap:30px;margin:24px 0 22px;padding:26px 18px 24px}
 .growth-flow>.flow-stage{grid-column:auto;gap:14px}
 .growth-flow .flow-stage-label{font-size:17px;letter-spacing:.03em}
}
@media(prefers-reduced-motion:reduce){
 .growth-flow .flow-stage-label,.growth-flow .flow-stage-dot,.growth-flow .flow-stage-dot::after{transition:none}
 .growth-flow .growth-trail,.growth-flow .growth-halo,.growth-flow .growth-core{display:none}
}