.evolution-flow{position:relative;margin:28px 0 34px;padding:22px 0 16px;overflow:hidden;border-block:1px solid rgba(220,228,238,.82);background:transparent}
.evolution-flow-head{display:flex;align-items:end;justify-content:space-between;gap:28px;padding:0 4px 8px}
.evolution-flow-head h2{margin:4px 0 0;font-size:clamp(26px,3vw,38px);line-height:1.08}
.evolution-flow-head p{max-width:520px;margin:0;color:var(--muted);font-size:13px;text-align:right}
.evolution-flow-stage{position:relative;height:480px;overflow:hidden;perspective:1800px;touch-action:pan-y;cursor:grab;outline:none;user-select:none;-webkit-user-select:none}
.evolution-flow-stage.is-dragging{cursor:grabbing}
.evolution-flow-stage:focus-visible{box-shadow:inset 0 0 0 3px rgba(31,95,191,.32);border-radius:14px}
.evolution-flow-orbit{position:absolute;left:50%;top:48%;width:0;height:0;transform-style:preserve-3d}
.evolution-flow-card{--card-w:620px;--card-h:349px;position:absolute;left:0;top:0;width:var(--card-w);height:var(--card-h);margin:calc(var(--card-h)/-2) 0 0 calc(var(--card-w)/-2);padding:0;border:0;border-radius:14px;background:transparent;box-shadow:0 28px 64px rgba(23,32,51,.18),0 4px 14px rgba(23,32,51,.09),0 0 0 1px rgba(255,255,255,.92);cursor:pointer;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,opacity,filter;overflow:hidden;transition:width .18s ease,height .18s ease,margin .18s ease}
.evolution-flow-card img{display:block;width:100%;height:100%;object-fit:contain;background:transparent;pointer-events:none;-webkit-user-drag:none}
.evolution-flow-card.is-image-pending img:not([src]){visibility:hidden}
.evolution-flow-card.is-active{cursor:zoom-in}
.evolution-flow-card:focus-visible{outline:3px solid rgba(31,95,191,.55);outline-offset:4px}
.evolution-flow-arrow{position:absolute;z-index:250;top:48%;width:48px;height:48px;margin-top:-24px;border:1px solid rgba(23,32,51,.12);border-radius:50%;background:rgba(255,255,255,.78);color:#172033;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 12px 30px rgba(23,32,51,.12);font-size:30px;cursor:pointer;backdrop-filter:blur(18px) saturate(1.15)}
.evolution-flow-arrow--prev{left:8px}.evolution-flow-arrow--next{right:8px}
.evolution-flow-caption{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:58px;margin:0 4px;padding:10px 12px;border:1px solid rgba(220,228,238,.9);border-radius:12px;background:rgba(255,255,255,.72);box-shadow:0 14px 38px rgba(23,32,51,.06);backdrop-filter:blur(18px)}
.evolution-flow-caption>div{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 10px}
.evolution-flow-caption span{grid-row:1/3;color:var(--green);font-size:11px;font-weight:900;white-space:nowrap}
.evolution-flow-caption strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}
.evolution-flow-caption small{color:var(--muted);font-size:11px}
.evolution-flow-caption .button{flex:0 0 auto}
.evolution-flow-loading{position:absolute;inset:0;z-index:500;display:grid;place-items:center;background:rgba(255,255,255,.9);color:var(--muted);font-size:13px;font-weight:850}
.evolution-flow-loading[hidden]{display:none}
.evolution-flow-noscript{padding:18px;text-align:center;color:var(--muted)}
@media(max-width:860px){.evolution-flow-head{display:block}.evolution-flow-head p{margin-top:8px;text-align:left}.evolution-flow-stage{height:420px}}
@media(max-width:640px){.evolution-flow{margin:22px 0 28px;padding-top:16px}.evolution-flow-head{padding-inline:2px}.evolution-flow-head h2{font-size:28px}.evolution-flow-head p{font-size:12px}.evolution-flow-stage{height:330px}.evolution-flow-orbit{top:47%}.evolution-flow-card{border-radius:10px}.evolution-flow-arrow{top:47%;width:44px;height:44px;margin-top:-22px}.evolution-flow-arrow--prev{left:2px}.evolution-flow-arrow--next{right:2px}.evolution-flow-caption{margin-inline:2px;padding:9px 10px}.evolution-flow-caption strong{font-size:14px}.evolution-flow-caption .button{min-height:44px;padding-inline:12px;font-size:12px}}
@media(max-width:430px){.evolution-flow-caption{align-items:stretch;flex-direction:column}.evolution-flow-caption .button{width:100%}}
@media(prefers-reduced-motion:reduce){.evolution-flow-card{will-change:auto;transition:none}.evolution-flow-stage{scroll-behavior:auto}}