/* Page styles, ported from design-source/pages/ProcessV2.dc.html. Loaded after signal-light.css. */
.eyb{font-size:16px;font-weight:600;color:#5F6368}
.hw-hero{display:grid;grid-template-columns:7fr 5fr;gap:64px;align-items:center}
.hw-hero .h1-2{max-width:860px}
.hw-jump{display:flex;flex-direction:column;gap:10px}
.hw-jump .btn{min-width:0;width:100%;justify-content:space-between;gap:16px;font-size:16px;padding:13px 24px}
.hw-jump .btn:hover{background:#151414;color:#FFFFFF}
.btn-sm{min-width:0!important;font-size:16px;padding:12px 20px}
.xl{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.h2s{font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif;font-weight:700;font-size:clamp(28px,3vw,38px);line-height:1.15;letter-spacing:-.02em}
.feats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;margin-top:8px}
.fi h4{font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif;font-weight:700;font-size:17px;line-height:1.35;margin-bottom:6px}
.fi p{font-size:16px;line-height:1.55;color:#5F6368}
.frow{align-items:start}
.frow-vis{position:relative}
.ui .row2{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #E6E6E9;font-size:14px}
.ui .row2:first-of-type{border-top:0}
.ui .row2 span:first-child{color:#5F6368}
.ui .row2 b{font-weight:600;text-align:right}
.pills{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.pill2{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:9999px;background:#F3F3F4;color:#151414}
.pill2.on{background:#151414;color:#FFFFFF}
.pill2.o{background:#FB5603;color:#151414}
.live{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600}
.live i{position:relative;width:8px;height:8px;border-radius:9999px;background:#FB5603}
.live i::after{content:"";position:absolute;inset:0;border-radius:9999px;background:#FB5603;animation:pkPulse 1.6s ease-out infinite}
.uihead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.uihead .ui-label{margin:0}
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}
.kpi{background:#F3F3F4;border-radius:12px;padding:14px 16px}
.kpi b{display:block;font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif;font-weight:700;font-size:24px;line-height:1.1;letter-spacing:-.02em}
.kpi span{display:block;font-size:12.5px;color:#5F6368;margin-top:4px}
.hb{display:grid;grid-template-columns:120px minmax(0,1fr) 56px;align-items:center;gap:12px;font-size:14px;padding:6px 0}
.hb>span:first-child{color:#151414;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb b{text-align:right;font-weight:600}
.hb .track{height:10px;background:#F3F3F4;border-radius:9999px;overflow:hidden}
.hb .track i{display:block;height:100%;border-radius:9999px;transform-origin:left center}
.chart.arm .track i{transform:scaleX(0)}
.chart.arm.go .track i{transform:none;transition:transform 1100ms cubic-bezier(.2,.7,.3,1)}
.chart.arm.go .track i:nth-child(1){transition-delay:0ms}
.cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end;height:150px;margin:8px 0 10px}
.col{display:flex;flex-direction:column;justify-content:flex-end;height:100%}
.col i{display:block;border-radius:8px 8px 0 0;transform-origin:bottom center}
.chart.arm .col i{transform:scaleY(0)}
.chart.arm.go .col i{transform:none;transition:transform 900ms cubic-bezier(.2,.7,.3,1)}
.cols-l{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;font-size:12.5px}
.cols-l b{display:block;font-size:13px;font-weight:600}
.cols-l span{color:#5F6368}
.line{width:100%;height:120px;display:block;margin:4px 0 8px}
.line path.l{fill:none;stroke:#FB5603;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.line path.a{fill:#FB5603;opacity:.12}
.chart.arm .line path.l{stroke-dasharray:900;stroke-dashoffset:900}
.chart.arm.go .line path.l{stroke-dashoffset:0;transition:stroke-dashoffset 1600ms ease-out}
.chart.arm .line path.a{opacity:0}
.chart.arm.go .line path.a{opacity:.12;transition:opacity 800ms 900ms ease-out}
.card2{background:#F3F3F4;border-radius:12px;padding:16px;margin-top:12px}
.card2 .ui-t{display:flex;justify-content:space-between;gap:12px}
.mini{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px;font-size:13px;color:#5F6368}
.mini b{color:#151414;font-weight:600}
.task{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid #E6E6E9;font-size:14px}
.task:first-child{border-top:0}
.task::before{content:"";width:8px;height:8px;border-radius:9999px;background:#151414;flex-shrink:0;margin-top:6px}
.task span{margin-left:auto;color:#5F6368;white-space:nowrap}
.stage{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px;font-weight:600}
.stage .arr{color:#FB5603}
.tiles4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}
.rail{container-type:inline-size;display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:24px;position:relative}
.rail::before{content:"";position:absolute;left:28px;right:28px;top:13px;height:2px;background:linear-gradient(90deg,#E62A02,#FB5603 50%,#F68B10)}
.rail-pk{position:absolute;top:9px;left:28px;width:10px;height:10px;animation:cpk 5s linear infinite;z-index:1}
@keyframes cpk{0%{transform:translateX(0);opacity:0}6%{opacity:1}94%{opacity:1}100%{transform:translateX(calc(100cqw - 66px));opacity:0}}
.rstep{display:flex;flex-direction:column;gap:10px}
.rail .rnode{position:relative;z-index:2}
.rstep h4{font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif;font-weight:700;font-size:18px;line-height:1.3}
.rstep .when{font-size:14px;font-weight:600;color:#5F6368}
.rstep p{font-size:16px;line-height:1.55;color:#5F6368}
.cap{margin-top:28px;font-size:16px;color:#5F6368}
.ic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;border-top:1px solid #E6E6E9}
.ic>div{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;padding:18px 0;border-bottom:1px solid #E6E6E9;align-items:baseline}
.ic b{font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif;font-weight:700;font-size:16px}
.ic span{font-size:16px;color:#5F6368;line-height:1.5}
.btn-darkout{background:transparent;color:#FFFFFF!important;border:1px solid #FFFFFF;padding:16px 32px}
.btn-darkout:hover{color:#FFFFFF;transform:scale(1.03)}
.cta .row{display:flex;gap:12px;flex-wrap:wrap}
.cta-sub{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:24px;border-top:1px solid #3A3D42;width:100%}
.cta-sub p{color:#E6E6E9;font-size:16px;max-width:560px}
@media (max-width:1024px){.hw-hero{grid-template-columns:1fr;gap:40px}.rail{grid-template-columns:1fr 1fr;gap:32px}.rail::before,.rail-pk{display:none}.ic{grid-template-columns:1fr}}
@media (max-width:767.98px){.feats,.kpis,.tiles4{grid-template-columns:1fr}.rail{grid-template-columns:1fr}.ic>div{grid-template-columns:1fr;gap:4px}.hb{grid-template-columns:96px minmax(0,1fr) 48px}}
@media (prefers-reduced-motion:reduce){.rail-pk,.live i::after{animation:none}}
.pg>section.sec{padding-bottom:56px}
.duo{display:grid;grid-template-columns:7fr 5fr;gap:24px;margin-top:40px}
.duo>div{border-radius:24px;padding:36px;display:flex;flex-direction:column;gap:16px}
.duo .d1{background:#151414;color:#FFFFFF}
.duo .d2{background:#F3F3F4}
.duo h3{font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif;font-weight:700;font-size:22px}
.duo ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.duo li{position:relative;padding-left:22px;font-size:16px;line-height:1.5}
.duo li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:9999px;background:currentColor}
.duo .d1 li::before{background:#FB5603}
.fit2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}
.fit2>div{background:#F3F3F4;border-radius:12px;padding:20px}
.fit2 h4{font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif;font-weight:700;font-size:17px;margin-bottom:6px}
.fit2 p{font-size:16px;line-height:1.55;color:#5F6368}
.tiers{position:relative;display:flex;flex-direction:column;gap:10px;padding-left:28px}
.tiers::before{content:"";position:absolute;left:8px;top:18px;bottom:18px;width:2px;background:linear-gradient(0deg,#3A3D42,#F68B10 50%,#E62A02)}
.tmove{position:absolute;left:4px;bottom:18px;width:10px;height:10px;border-radius:9999px;background:#FB5603;animation:tUp 4.8s ease-in-out infinite;z-index:1}
@keyframes tUp{0%{transform:translateY(0);opacity:0}10%{opacity:1}45%{transform:translateY(calc(-1 * var(--h,200px) / 2))}55%{transform:translateY(calc(-1 * var(--h,200px) / 2))}90%{opacity:1}100%{transform:translateY(calc(-1 * var(--h,200px)));opacity:0}}
.tier{background:#FFFFFF;border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;gap:8px}
.tier-h{display:flex;align-items:center;justify-content:space-between;gap:12px}
.tier-h b{font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif;font-weight:700;font-size:18px;display:inline-flex;align-items:center;gap:10px}
.tier-h b i{width:12px;height:12px;border-radius:9999px;display:inline-block}
.tier p{font-size:14px;line-height:1.5;color:#5F6368}
.tier .pills{justify-content:flex-start}
.ic3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ic3>div{background:#F3F3F4;border-radius:24px;padding:32px;display:flex;flex-direction:column;gap:12px}
.ic3 h3{font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif;font-weight:700;font-size:21px}
.ic3 .mbars{display:flex;align-items:flex-end;gap:8px;height:104px;margin-top:auto;padding-top:16px}
.ic3 .mbars i{flex:1;display:block;border-radius:8px 8px 0 0;transform-origin:bottom center}
.chart.arm .mbars i{transform:scaleY(0)}
.chart.arm.go .mbars i{transform:none;transition:transform 900ms cubic-bezier(.2,.7,.3,1)}
.wk{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:12px}
.wk span{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}
.wk span::before{content:"";width:8px;height:8px;border-radius:9999px;background:#FB5603}
.cta-proc{background:#141313 url(/images/processv2-cta-proc.webp) right center/auto 100% no-repeat;min-height:300px;justify-content:center}
@media (max-width:1024px){.cta-proc{background-size:cover;background-position:75% center}}
@media (max-width:1024px){.duo,.ic3{grid-template-columns:1fr}}
@media (max-width:767.98px){.fit2{grid-template-columns:1fr}.duo>div,.ic3>div{padding:28px}}
.gwrap{display:flex;flex-direction:column;gap:20px}
.gauge{width:100%;height:auto;display:block;overflow:visible}
.glab{font-family:'Inter',system-ui,sans-serif;font-weight:700;font-size:18px;fill:#151414}
.gtt{font-family:'Inter',system-ui,sans-serif;font-weight:600;font-size:5.6px}
.gcglow{transform-box:fill-box;transform-origin:center;animation:gCG 2.8s ease-in-out infinite}
@keyframes gCG{0%,100%{transform:scale(.72);opacity:.55}50%{transform:scale(1);opacity:.95}}
.gcore{transform-box:fill-box;transform-origin:center;animation:gCore 2.8s ease-in-out infinite}
@keyframes gCore{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
.gglow{transform-box:fill-box;transform-origin:center;animation:gGlow 1.1s ease-out infinite}
@keyframes gGlow{0%{transform:scale(1);opacity:.55}100%{transform:scale(2.4);opacity:0}}
.gd{transform-box:fill-box;transform-origin:center;animation:gTw 3s ease-in-out infinite}
@keyframes gTw{0%,100%{transform:scale(.9)}50%{transform:scale(1.1)}}
.gd0{fill:#E3E3E6;animation-name:gTw,gF0}.gd1{fill:#D3D3D7;animation-name:gTw,gF1}.gd2{fill:#C2C2C7;animation-name:gTw,gF2}
@keyframes gF0{0%,100%{fill:#E3E3E6}50%{fill:#C9C9CD}}@keyframes gF1{0%,100%{fill:#D3D3D7}50%{fill:#B9B9BE}}@keyframes gF2{0%,100%{fill:#C2C2C7}50%{fill:#A7A7AD}}
.glegend{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;font-size:16px;line-height:1.5;color:#151414;max-width:560px;margin:0 auto;width:100%}
.glegend .gl{display:flex;align-items:flex-start;gap:10px}
.glegend .gk{width:12px;height:12px;border-radius:50%;flex:none;margin-top:6px}
.glegend .gl>span:last-child{display:flex;flex-direction:column}
.glegend strong{font-weight:700}
@media (max-width:600px){.glegend{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.gcglow,.gd,.gcore,.gglow{animation:none}.gglow{opacity:0}}
#list .frow{grid-template-columns:5fr 7fr!important;gap:40px}#list .gauge{width:112%;max-width:none;margin:0 -6%}@media (max-width:1024px){#list .frow{grid-template-columns:1fr!important}#list .gauge{width:100%;margin:0}}
.acc-img{position:relative;padding:0!important;border-radius:24px;overflow:hidden;min-height:420px;background:#151414}.acc-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block}