/* Evolution track. Tabs over panels, arrow-key navigable. From the Managed
   FinOps page, 21 September 2026. */
.fx-ev{margin-top:clamp(30px,3.6vw,44px)}
.fx-track{border-top:1px solid var(--dk-line);display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,168px),1fr))}
.fx-track button{-webkit-appearance:none;appearance:none;background:none;border:0;border-top:3px solid transparent; color:inherit;cursor:pointer;display:block;font:inherit;margin-top:-1px;padding:18px 20px 20px 0;text-align:left; transition:border-color .35s var(--ease),opacity .35s var(--ease);width:100%;opacity:.55}
.fx-track button .s{color:var(--dk-mut);display:block;font:600 .6rem var(--mono);letter-spacing:.14em; margin-bottom:9px;text-transform:uppercase}
.fx-track button .t{color:#fff;display:block;font:900 clamp(1.02rem,1.7vw,1.32rem) var(--head);letter-spacing:-.028em}
.fx-track button[aria-selected=true]{border-top-color:var(--orange);opacity:1}
.fx-track button[aria-selected=true] .s{color:var(--orange-lt)}
.fx-track button:focus-visible{outline:2px solid var(--corn);outline-offset:3px}
.fx-panels{border-top:1px solid var(--dk-line);margin-top:0;padding-top:clamp(24px,3vw,34px)}
.fx-panels>div{display:none}
.fx-panels>div.on{animation:fxIn .45s var(--ease);display:grid;gap:10px 44px}
@media(min-width:840px){
.fx-panels>div.on{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
}
.fx-panels p{color:#fff;font:900 clamp(1.3rem,2.5vw,1.95rem)/1.2 var(--head);letter-spacing:-.032em;margin:0;max-width:26ch}
.fx-panels em{color:var(--dk-mut);font-size:.96rem;font-style:normal;line-height:1.6;max-width:44ch}
.fx-here{color:var(--orange-lt);display:block;font:600 .6rem var(--mono);letter-spacing:.14em; margin-top:14px;text-transform:uppercase}
@media (prefers-reduced-motion:reduce){
.fx-panels>div.on{animation:none}
}
h1,h2,h3,h4, .h-display,.h-sec,.h-big,.h-sub,.fxh-h,.fxh-st b,.fx-mg b,.fx-cyc b,.fx-split b, .fx-out b,.fx-out .t,.fx-cost b,.fx-cal .t,.fx-track button .t,.fx-panels p, .pb-bill .hd b,.pb-bill .tot,.pb-q b,.vs-p h3,.vs-l b,.vs-foot b, .gv-sig b,.gv-gate b,.gv-out b,.gv-pil b,.ph-g h3,.ph-c b,.ch-h,.ch-g b, .cx-by b,.faq summary,.fx-ring .v,.story-outcome b,.story-name,.tlc b{letter-spacing:.01em;}
.pb-mos,.pb-bill .hd i,.fxh-st .n,.fx-track button .s,.fx-here,.fx-cal .who, .fx-cal .w,.fx-loop,.ph-k,.ph-c .n,.ph-btm .k,.ph-track b,.fx-ring .k, .gv-gate .pill,.gv-env span,.gv-only,.fx-cyc .dot,.fx-cyc .tag,.fx-mg li:before{font-size:.75rem;}
.sec .btn,.sec button,.sec .pill,.sec .tag,.sec .dot,.sec .k,.sec .n,.sec .w, .sec .s,.sec .who,.sec .kick,.sec .now,.sec .o,.sec .fx-note,.sec .pb-mos, .sec .gv-only,.sec .fx-here,.sec .fx-loop,.cx-by span{line-height:normal;}
.sec .k,.sec .n,.sec .w,.sec .s,.sec .who,.sec .o,.sec .t,.sec .kick, .sec .now,.sec .pill,.sec .tag,.sec .dot,.sec .story-tag,.sec .ph-k, .sec .fx-here,.sec .fx-note,.sec .fx-loop,.sec .pb-mos,.cx-by span{line-height:normal;}
.fx-here{color:#fff; border-left:3px solid var(--orange); padding-left:9px;}
.fx-track button .s{color:#fff;}
.fx-track button[aria-selected=true] .s{color:#fff;}
{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}}