@layer components{.chains{padding:0 var(--gut);grid-column:full-start/full-end;margin:clamp(44px,5vw,80px) 0 0}.chn{max-width:1240px;margin-inline:auto}.chn-plate{--fg:#fff;--fg-muted:#b8ccd5;--fg-quiet:var(--on-d-mute);--rule:#ffffff21;--chn-eng:#dceaf2;--chn-ag:linear-gradient(90deg, #00a3bbf2 0%, var(--blue-hot) 48%, #00a3bbeb 100%);--chn-head:32px;--chn-old-h:96px;--chn-new-h:84px;background-color:var(--navy);background-image:var(--g-figure);border-radius:var(--r-xl);padding:clamp(28px,3.4vw,52px) clamp(20px,2.8vw,44px)}.chn-lanekey{display:none}.chn-board{gap:22px;display:flex}.chn-rail{text-align:right;flex-direction:column;flex:0 0 104px;display:flex}.chn-rail>:first-child{block-size:var(--chn-head)}.chn-rail>:nth-child(2){block-size:var(--chn-old-h)}.chn-lane{font-family:var(--mono);font-size:var(--label);letter-spacing:.13em;text-transform:uppercase;color:var(--fg)}.chn-stages{flex:auto;min-inline-size:0;display:flex}.chn-stage{flex-direction:column;flex:1 1 0;min-inline-size:0;padding-inline:14px;display:flex;position:relative}.chn-stage+.chn-stage{border-inline-start:1px solid #ffffff17}.chn-past{background:linear-gradient(#00a3bb0f,#00a3bb00 78%)}.chn-sname{block-size:var(--chn-head);font-family:var(--mono);font-size:var(--label);letter-spacing:.09em;text-transform:uppercase;color:var(--fg-quiet)}.chn-cells{flex-direction:column;display:flex}.chn-old{min-block-size:var(--chn-old-h)}.chn-new{min-block-size:var(--chn-new-h);flex-direction:column;gap:6px;display:flex}.chn-bar{background:var(--chn-eng);border-radius:999px;block-size:20px;display:block}.chn-re{background:#dceaf280;border-radius:999px;block-size:11px;margin-block-start:8px;display:block}.chn-re2{background:#dceaf247;inline-size:42%;margin-inline-start:18%}.chn-re1{inline-size:72%;margin-inline-start:6%}.chn-rn{font-family:var(--mono);font-size:var(--label);letter-spacing:.09em;text-transform:uppercase;color:var(--fg-quiet);margin-block-start:10px;display:block}.chn-track{align-items:center;gap:10px;min-inline-size:0;display:flex}.chn-b{inline-size:var(--l);background:var(--chn-eng);border-radius:999px;flex:none;block-size:14px;display:block;position:relative;overflow:hidden}.chn-ag{inline-size:var(--a);background:var(--chn-ag);border-radius:999px;position:absolute;inset:0 auto 0 0}.chn-tn{font-style:normal;font-size:var(--label);color:var(--fg-quiet);min-inline-size:0;line-height:1.3}.chn-done{font-family:var(--sans);font-size:var(--sm);color:var(--blue-hot);line-height:1.35;display:block}.chn-gate{border:1.5px solid var(--orange);z-index:1;border-radius:999px;block-size:20px;inline-size:20px;position:absolute;inset-block-start:calc(var(--chn-head) + var(--chn-old-h) - 3px);inset-inline-end:-10px}.chn-legend{border-block-start:1px solid var(--rule);flex-wrap:wrap;gap:12px clamp(24px,3vw,48px);margin:clamp(26px,3vw,40px) 0 0;padding:clamp(18px,2vw,24px) 0 0;list-style:none;display:flex}.chn-legend li{font-family:var(--sans);font-size:var(--sm);color:var(--fg-quiet);align-items:center;gap:12px;display:flex}.chn-sw{border-radius:999px;flex:none;block-size:15px;inline-size:40px}.chn-sw-eng{background:var(--chn-eng)}.chn-sw-ag{background:var(--chn-ag)}.chn-sw-nd{border:1.5px solid var(--orange);block-size:18px;inline-size:18px}.chn-note{font-family:var(--mono);font-size:var(--label);letter-spacing:.13em;text-transform:uppercase;color:var(--fg-quiet);margin:clamp(16px,1.8vw,22px) 0 0}.chains figcaption{max-width:var(--m-cap);text-align:center;margin:clamp(16px,1.8vw,26px) auto 0}@media (max-width:767px){.chains{margin-inline:calc(var(--gut) * -1);padding:0}.chn{max-width:none}.chn-plate{border-radius:0;padding:26px 16px 30px}.chn-lanekey{font-family:var(--mono);font-size:var(--label);letter-spacing:.08em;text-transform:uppercase;color:var(--fg);gap:8px;margin:0 0 6px;padding-inline-start:88px;display:flex}.chn-new-name{color:var(--blue-hot)}.chn-rail{display:none}.chn-stages{flex-direction:column}.chn-stage{border-block-start:1px solid #ffffff17;flex-direction:row;align-items:center;gap:12px;padding:14px 0}.chn-stage+.chn-stage{border-inline-start:0}.chn-stage:last-child{border-block-end:1px solid #ffffff17}.chn-past{background:linear-gradient(90deg,#00a3bb12,#00a3bb00 70%)}.chn-sname{text-align:right;flex:0 0 76px;block-size:auto}.chn-cells{flex:auto;gap:14px;min-inline-size:0}.chn-done{font-size:var(--label)}.chn-old,.chn-new{min-block-size:0}.chn-bar{block-size:12px}.chn-re{block-size:9px;margin-block-start:5px}.chn-rn{margin-block-start:7px}.chn-b{block-size:10px}.chn-gate{flex:0 0 15px;block-size:15px;inline-size:15px;position:static}.chn-legend{flex-direction:column;gap:10px}}@media (prefers-reduced-motion:no-preference){.js .viz .chn-ag,.js .viz .chn-nd{opacity:0}.js .viz.on .chn-ag,.js .viz.on .chn-nd{transition:opacity .5s var(--e);opacity:1}.js .viz.on .chn-a1{transition-delay:.5s}.js .viz.on .chn-a2{transition-delay:.62s}.js .viz.on .chn-a3{transition-delay:.74s}.js .viz.on .chn-nd{transition-delay:.95s}}}
@layer components{.splitfig>.chains{grid-row:4}@media (max-width:1023px){.splitfig>.chains{grid-area:auto/main-start/auto/main-end}}.stage>.process5{margin-top:clamp(46px,5.2vw,88px)}.process5{grid-column:main-start/main-end;grid-template-columns:repeat(5,1fr);column-gap:clamp(14px,1.8vw,28px);display:grid;position:relative}.process5:before{content:"";background:var(--rule);height:1px;position:absolute;top:0;left:0;right:0}.process5>div{padding-top:clamp(28px,2.8vw,40px);position:relative}.process5>div:before{content:"";background:var(--ink);outline:4px solid var(--white);border-radius:50%;width:9px;height:9px;position:absolute;top:-5px;left:0}.process5>div:last-child:before{background:var(--orange)}.ground-iridescent .process5>div:before{outline-color:#f7fafc}.process5 .mono{margin-bottom:12px;display:block}.process5 h4{margin:0}.process5 p{font-size:var(--sm);max-width:26ch;margin-top:10px;line-height:1.55}@media (max-width:1023px){.process5{grid-template-columns:1fr;row-gap:clamp(30px,3.4vw,48px)}.process5:before{display:none}.process5>div{border-top:1px solid var(--rule)}.process5 p{max-width:46ch}}}