/* c2-next.css: styles for c2_next, all scoped under .c2-next. Built from the engine tokens (research-deck/styles.css,
   brand.css) and the look of the round-2 "weeks" line (round2.css .t2-tl). One accent: var(--blue). */
.c2-next{--nd:26px;--gp:clamp(14px,2.6vh,26px);--lb:16px;flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;gap:clamp(18px,3.4vh,36px)}
.c2-next .c2n-head{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.c2-next .eyebrow{font-size:12px}
.c2-next .c2n-h1{font-weight:450;font-size:clamp(34px,min(4.2vw,7.4vh),66px)}
.c2-next .c2n-body{flex:1;min-height:0;display:flex;align-items:center;padding-bottom:clamp(0px,3vh,40px)}
.c2-next .c2n-tl{position:relative;list-style:none;margin:0;padding:0;width:100%;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));align-items:start}
.c2-next .c2n-rail{position:absolute;left:calc(50% / var(--n));right:calc(50% / var(--n));top:calc(var(--lb) + var(--gp) + var(--nd) / 2 - 1px);height:2px;border-radius:2px;background:rgba(28,6,47,.09)}
.c2-next .c2n-fill{position:absolute;inset:0;border-radius:2px;background:var(--blue);transform-origin:left center;transform:scaleX(var(--p,0));transition:transform .4s var(--ease)}
.c2-next .c2n-step{display:flex;flex-direction:column;align-items:center;gap:var(--gp);text-align:center;padding:0 clamp(8px,1.1vw,18px);min-width:0}
.c2-next .c2n-num{height:var(--lb);line-height:var(--lb);font-family:Montserrat,Inter,system-ui,sans-serif;font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--soft);font-variant-numeric:tabular-nums;transition:color .3s var(--ease)}
.c2-next .c2n-step.seen .c2n-num{color:var(--muted)}
.c2-next .c2n-step.cur .c2n-num{color:var(--blue)}
.c2-next .c2n-node{width:var(--nd);height:var(--nd);display:grid;place-items:center;position:relative;z-index:1}
.c2-next .c2n-node i{display:block;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid rgba(28,6,47,.16);box-sizing:border-box;transition:background .3s var(--ease),border-color .3s var(--ease),width .3s var(--ease),height .3s var(--ease)}
.c2-next .c2n-step.seen .c2n-node i{background:var(--ink);border-color:var(--ink)}
.c2-next .c2n-step.cur .c2n-node i{width:var(--nd);height:var(--nd);border:6px solid #fff;background:var(--blue);box-shadow:0 0 0 1px rgba(28,6,47,.10),0 10px 24px rgba(50,16,85,.18)}
.c2-next .c2n-txt{display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1.1vh,10px);min-width:0;opacity:0;transform:translateY(10px);transition:opacity .38s var(--ease),transform .38s var(--ease)}
.c2-next .c2n-step.seen .c2n-txt{opacity:1;transform:none}
.c2-next .c2n-what{margin:0;font-family:Montserrat,Inter,system-ui,sans-serif;font-size:clamp(17px,min(1.55vw,3.2vh),28px);font-weight:450;letter-spacing:-.022em;line-height:1.22;color:var(--ink);max-width:14ch;text-wrap:balance}
.c2-next .c2n-k{display:block;font-weight:600;color:var(--ink)}
.c2-next .c2n-step.cur .c2n-k{color:var(--blue)}
.c2-next .c2n-sub{margin:0;font-size:clamp(13px,min(1.05vw,2.1vh),16px);line-height:1.4;color:var(--muted)}
.c2-next.c2n-rm *{transition:none!important}
@media (max-width:760px){
 .c2-next{--nd:22px;gap:22px}
 .c2-next .c2n-h1{font-size:34px}
 .c2-next .c2n-body{align-items:flex-start;padding-bottom:0}
 .c2-next .c2n-tl{--rg:clamp(14px,2.6vh,24px);grid-template-columns:1fr;row-gap:var(--rg)}
 .c2-next .c2n-rail{display:none}
 .c2-next .c2n-step{position:relative;display:grid;grid-template-columns:var(--nd) minmax(0,1fr);grid-template-areas:"node num" ". txt";column-gap:16px;row-gap:4px;align-items:center;text-align:left;padding:0}
 .c2-next .c2n-step:not(:last-child)::after{content:"";position:absolute;left:calc(var(--nd) / 2 - 1px);top:calc(var(--nd) / 2);bottom:calc(-1 * var(--rg) - var(--nd) / 2);width:2px;border-radius:2px;background:rgba(28,6,47,.09);transition:background .35s var(--ease)}
 .c2-next .c2n-step.seen:not(.cur)::after{background:var(--blue)}
 .c2-next .c2n-num{grid-area:num}
 .c2-next .c2n-node{grid-area:node}
 .c2-next .c2n-txt{grid-area:txt;align-items:flex-start;gap:4px}
 .c2-next .c2n-what{font-size:19px;max-width:none;text-wrap:wrap}
 .c2-next .c2n-k{display:inline}
 .c2-next .c2n-sub{font-size:14px}
}
@media (prefers-reduced-motion:reduce){.c2-next *{transition:none!important}}
