.ba{--ba-ochre:#c9a46a;--ba-ink:var(--color-fg);--ba-cool:#eef1f5;--ba-warm:#fdf8ee}.ba h2{margin:0 0 .35rem}.ba__who{color:var(--color-fg-muted);margin:0 0 1rem;font-size:.95rem}.ba__who span{color:var(--ba-ink);font-weight:800}.ba__stage{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:1.25rem;display:grid}.ba__side{border-radius:.9rem;min-width:0;padding:1.2rem 1.25rem 1.3rem;position:relative;overflow:hidden}.ba__before{background:#fbf6ea;border:1.5px solid #e6d9bd}.ba__after{border:1.5px solid #d6dde8;border-top:4px solid var(--ba-ink);background:#fff}.ba__notyet{color:#5a6678;margin:-.6rem 0 1rem;font-size:.82rem}.ba__vignette{object-fit:contain;mix-blend-mode:multiply;opacity:.9;pointer-events:none;width:110px;height:110px;position:absolute;top:.5rem;right:.5rem;-webkit-mask-image:radial-gradient(closest-side,#000 62%,#0000 100%);mask-image:radial-gradient(closest-side,#000 62%,#0000 100%)}.ba__side h3{letter-spacing:.02em;margin:0 0 .5rem;padding-right:110px;font-size:1.05rem;position:relative}.ba__before h3{color:#4a5566}.ba__after h3{color:var(--ba-ink)}.ba__tally{font-variant-numeric:tabular-nums;margin:0 0 1.1rem;padding-right:110px;font-size:.9rem;font-weight:800;line-height:1.5;position:relative}.ba__before .ba__tally{color:#5a6678}.ba__after .ba__tally{color:var(--ba-ink)}.ba__dot{color:#98a3b3;font-weight:400}.ba__steps{gap:.9rem;margin:0;padding:0;list-style:none;display:grid;position:relative}.ba__steps li{grid-template-columns:2.2rem minmax(0,1fr);align-items:start;gap:.7rem;display:grid;position:relative}.ba__icon{z-index:1;background:#fff;border-radius:50%;place-items:center;width:2.2rem;height:2.2rem;display:grid;position:relative}.ba__icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:1.15rem;height:1.15rem}.ba__before .ba__icon{color:#5a6678;box-shadow:inset 0 0 0 1.5px #b9c3cf}.ba__after .ba__icon{color:#fff;background:var(--ba-ink)}.ba__card{background:#ffffffd9;border-radius:.6rem;gap:.25rem;padding:.6rem .8rem .7rem;display:grid;box-shadow:0 2px 8px #1b2a4a0d}.ba__before .ba__card{border:1px solid #dde3ea}.ba__after .ba__card{border:1px solid #ecdcbf}.ba__meta{color:#5a6678;font-size:.78rem;font-weight:800}.ba__after .ba__meta{color:#7a5a24}.ba__text{color:var(--color-fg);font-size:.92rem;line-height:1.55}.ba__flag{color:#8a3b2e;border:1px solid #c58b80;border-radius:999px;justify-self:start;padding:.05rem .5rem;font-size:.7rem;font-weight:800}.ba__card .solution-needs{margin-top:.15rem}.ba__before .ba__steps li+li:before{content:"";border-left:2px dashed #a8b3c2;height:.9rem;position:absolute;top:-.9rem;left:calc(1.1rem - 1px)}.ba__wait{color:#4f5a6b;font-size:.7rem;font-style:italic;font-weight:700;line-height:.9rem;position:absolute;top:-.95rem;left:1.75rem}.ba__before .ba__steps li.is-handoff{margin-top:.5rem}.ba__before .ba__steps li.is-handoff:before{height:1.4rem;top:-1.4rem}.ba__before .ba__steps li.is-handoff .ba__wait{top:-1.25rem}.ba__after .ba__steps:before{content:"";background:linear-gradient(#7fb0d6,#3f7fae);border-radius:3px;width:3px;position:absolute;top:1.1rem;bottom:1.1rem;left:calc(1.1rem - 1.5px)}.ba__note{margin-top:.9rem;font-size:.85rem}.ba__peek{display:none}@media (width>=900px){.ba.is-stack .ba__stage{max-width:none;padding:0;display:block;position:relative;overflow:visible}.ba.is-stack .ba__side{transform-origin:50%;width:60%;transition:background-color .7s ease-in-out,border-color .7s ease-in-out,box-shadow .7s ease-in-out}.ba.is-stack .ba__stage[data-front=before] .ba__before,.ba.is-stack .ba__stage[data-front=after] .ba__after{z-index:2;position:relative;transform:translate(0);box-shadow:0 20px 44px #1b2a4a24,0 3px 10px #1b2a4a12}.ba.is-stack .ba__stage[data-front=before] .ba__after,.ba.is-stack .ba__stage[data-front=after] .ba__before{z-index:1;cursor:pointer;background:#eef1f5;border:1.5px solid #c9d1dc;position:absolute;top:0;bottom:0;left:0;overflow:hidden;transform:translate(66.667%);box-shadow:0 6px 16px #1b2a4a14}.ba.is-stack .ba__stage[data-front=before] .ba__after .ba__inner,.ba.is-stack .ba__stage[data-front=after] .ba__before .ba__inner{visibility:hidden}.ba.is-stack .ba__stage[data-front=before] .ba__after .ba__peek,.ba.is-stack .ba__stage[data-front=after] .ba__before .ba__peek{color:#1f2b40;flex-direction:column;align-items:flex-start;gap:.55rem;padding:1.3rem 1.2rem 1.3rem .2rem;display:flex;position:absolute;inset:0 0 0 calc(33.333% + 1.2rem)}.ba__peek-vignette{object-fit:contain;mix-blend-mode:multiply;width:84px;height:84px;-webkit-mask-image:radial-gradient(closest-side,#000 62%,#0000 100%);mask-image:radial-gradient(closest-side,#000 62%,#0000 100%)}.ba__peek-title{font-size:1.15rem}.ba__peek-tally{color:#2c3a52;font-size:.9rem;font-weight:800;line-height:1.45}.ba__peek-steps{gap:.4rem;margin:.2rem 0 0;padding:0;display:grid}.ba__peek-steps span{-webkit-line-clamp:2;color:#2c3a52;border-left:2px solid #b8c2d0;-webkit-box-orient:vertical;padding-left:.7rem;font-size:.86rem;line-height:1.4;display:-webkit-box;overflow:hidden}.ba__peek-cue{color:#1f2b40;background:#fff;border:1.5px solid #6f7c90;border-radius:999px;margin-top:.3rem;padding:.4rem .9rem;font-size:.85rem;font-weight:800}.ba.is-stack .ba__side[role=button]:hover{background:#e6eaf0}.ba.is-stack .ba__side[role=button]:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}}@media (prefers-reduced-motion:reduce){.ba.is-stack .ba__side{transition:none!important}}@media (width<=960px){.ba__stage{grid-template-columns:minmax(0,1fr)}}@media (width<=480px){.ba__side{padding:1rem .9rem 1.1rem}.ba__vignette{width:78px;height:78px}.ba__side h3,.ba__tally{padding-right:80px}}