/* Arrow-led hero action; the paper shares the existing navigation button style. */
.metis-v40 .hero .btns .link{min-height:44px}
.metis-v40 .hero .btns a[href="#see-it-work"]{color:var(--ember)}
.metis-v40 .hero .btns .link svg{width:24px;height:24px;flex:0 0 24px}
.metis-v40 #menu .ext{align-items:center}
.metis-v40 #menu .ext .m42-paper-link{
 display:inline-flex;align-items:center;justify-content:center;min-height:44px;
 padding:10px 18px;border:1.5px solid rgba(255,255,255,.7);border-radius:999px;
 color:#fff;font-size:18px;font-weight:500;line-height:1.2;
}
/* Collapse chapters before the extra paper action crowds the full navigation. */
@media(min-width:1100px) and (max-width:1239px){
 .metis-v40 .chapters{display:none}
 .metis-v40 .burger{display:inline-flex}
 .metis-v40 .navlinks{margin-left:auto}
}
/* Stage names sit above the numbered steps; arrows show the relationship. */
.metis-v40 .m40-progress{gap:28px}
.metis-v40 .m40-progress li{position:relative}
.m42-stage-arrow{position:absolute;right:-22px;top:50%;transform:translateY(-50%);width:16px;text-align:center;color:#72767d;font-size:18px;line-height:1;pointer-events:none}
@media(max-width:700px){
 .metis-v40 .m40-progress{gap:20px}
 .metis-v40 .m40-progress button{padding-inline:4px}
 .m42-stage-arrow{right:-17px;width:14px;font-size:16px}
}