/* Page styles, ported from design-source/pages/CaseStudy3EN.dc.html. Loaded after signal-light.css. */
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #E6E6E9;border-radius:12px;background:#FFFFFF;margin-top:40px}
.fact{padding:20px 24px;border-left:1px solid #E6E6E9;display:flex;flex-direction:column;gap:4px}
.fact:first-child{border-left:0}
.fact span{font-size:14px;color:#5F6368;font-weight:600}
.fact b{font-size:16px;font-weight:600}
.mets3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.mc{border-radius:24px;padding:40px;display:flex;flex-direction:column;gap:12px;min-height:200px;justify-content:space-between}
.mc b{font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif;font-weight:700;font-size:clamp(44px,4.5vw,64px);line-height:1;letter-spacing:-.03em}
.arow{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:start}
.arow-h{display:flex;flex-direction:column;gap:16px}
.eyebrow{font-size:14px;font-weight:600;color:#5F6368}
.pstack{display:flex;flex-direction:column;gap:20px}
.qitem{display:flex;gap:16px;padding:20px 0;border-top:1px solid #E6E6E9}
.qitem:first-child{border-top:0;padding-top:0}
.qdot{width:8px;height:8px;border-radius:9999px;background:#E62A02;flex-shrink:0;margin-top:8px}
.steps{display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:16px}
.st{background:#F3F3F4;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:12px}
.sn{width:44px;height:44px;border-radius:12px;background:#FFFFFF;border:2px solid #FB5603;display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif;font-weight:700}
.res{display:grid;grid-template-columns:repeat(var(--r,3),minmax(0,1fr));gap:24px}
.rc{background:#F3F3F4;border-radius:12px;padding:32px;display:flex;flex-direction:column;gap:12px}
.rc .h3{font-size:21px;font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif;font-weight:700;letter-spacing:-.01em}
.outcome{background:#F3F3F4;border-radius:24px;padding:56px}
.outcome p.big2{font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif;font-weight:700;font-size:clamp(24px,2.6vw,34px);line-height:1.3;letter-spacing:-.02em;max-width:34ch}
.btn-darkout{background:transparent;color:#FFFFFF;border:1px solid #FFFFFF;padding:16px 32px}
.btn-darkout:hover{color:#FFFFFF;transform:scale(1.03)}
@media (max-width:1024px){.facts{grid-template-columns:1fr 1fr}.fact:nth-child(3){border-left:0}.fact:nth-child(n+3){border-top:1px solid #E6E6E9}.arow{grid-template-columns:1fr;gap:24px}.steps{grid-template-columns:1fr 1fr}.res,.mets3{grid-template-columns:1fr 1fr}}
@media (max-width:767.98px){.facts,.steps,.res,.mets3{grid-template-columns:1fr}.fact{border-left:0!important;border-top:1px solid #E6E6E9}.fact:first-child{border-top:0}.mc,.outcome{padding:28px}}
.rail{container-type:inline-size;display:grid;grid-template-columns:repeat(5,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:12px}
.rail .rnode{position:relative;z-index:2}
@media (max-width:1024px){.rail{grid-template-columns:1fr 1fr;gap:32px}.rail::before,.rail-pk{display:none}}
@media (max-width:767.98px){.rail{grid-template-columns:1fr}}
.cta-3en{background:#141313 url(/images/casestudy3en-cta-3en.webp) right center/auto 100% no-repeat;min-height:300px;justify-content:center}
@media (max-width:1024px){.cta-3en{background-size:cover;background-position:85% center}}
/* round: full width */.outcome p.big2{max-width:none}
.mc[style*="#FFFFFF"] .body{color:#FFFFFF}
.mc[style*="#FFFFFF"],.mc[style*="#FFFFFF"] *,.plan-top[style*="#FFFFFF"],.plan-top[style*="#FFFFFF"] *{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF}
.mc-w,.mc-w *,.mc-w .body{color:#FFFFFF!important}