/* Manufacturing page: "the production line". Blueprint paper, andon lights, machine nameplates, gauges, square-ish corners.
   Premium light. Dark only for the conveyor belt and andon board header. */
.x-mfg{--hair:#dfe3ea;--soft:#f5f6f9;--h:#0d0f14;--body:#454b5c;--ok:#16a34a;--amb:#e8a317;--grid:rgba(34,54,204,.06);--sp:clamp(84px,9vw,136px);color:var(--body)}
.x-mfg .in{max-width:1220px;padding:0 32px}
.x-mfg :is(h1,h2,h3){color:var(--h);font-weight:700;letter-spacing:-.03em}
.x-mfg .sec{padding:var(--sp) 0;position:relative}
.x-mfg .sec:nth-of-type(odd){background:var(--soft)}
.x-mfg .sh{max-width:800px;margin-bottom:44px}.x-mfg .sh.c{margin-left:auto;margin-right:auto}
.x-mfg .sh h2{font-size:clamp(28px,3.2vw,44px);line-height:1.1;font-weight:800}
.x-mfg .sh .intro{font-size:18.5px;line-height:1.6;color:#5b6172}
.x-mfg p{line-height:1.72}.x-mfg .sec p+p{margin-top:16px}
.x-mfg a{color:var(--red);text-decoration-color:rgba(205,33,34,.35)}
.x-mfg .btn{border-radius:6px;padding:16px 26px}
.x-mfg .btn.gh{border:1px solid var(--hair);background:#fff;color:var(--h)}
.x-mfg .tick{margin-top:20px}.x-mfg .tick li{display:flex;gap:12px;margin-bottom:12px}.x-mfg .tick svg{flex:none;margin-top:4px;color:var(--red)}
.x-mfg .note{font-size:14px;color:#7a8091;margin-top:14px}
.x-mfg .fg{border-radius:10px;border:1px solid var(--hair);box-shadow:0 1px 2px rgba(13,15,20,.04),0 28px 56px -34px rgba(13,15,20,.3);margin:0}
.x-mfg .fg figcaption{font-size:13.5px;color:#7a8091;border-color:var(--hair);background:#fff}
.x-mfg .tab{display:inline-block;font:700 12px var(--f1);letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin:22px 0 12px}
.x-mfg .h3{font-size:20px;margin:0 0 12px}
.x-mfg table{min-width:0}
.x-mfg :is(.why-g,.isa-g,.core-g,.mac-g,.oee-g,.qm-g,.job-g,.rol-g,.ch-g,.who-h) .sh h2{font-size:clamp(26px,2.6vw,40px);line-height:1.12}
.x-mfg :is(.why-g,.isa-g,.core-g,.mac-g,.oee-g,.qm-g,.job-g,.rol-g,.ch-g,.who-h) .sh{margin-bottom:24px}
.x-mfg .lamp{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px rgba(22,163,74,.16)}
.x-mfg .lamp.idle,.x-mfg .am.idle .lamp{background:var(--amb);box-shadow:0 0 0 4px rgba(232,163,23,.18)}
.x-mfg .lamp.alarm,.x-mfg .am.alarm .lamp{background:var(--red);box-shadow:0 0 0 4px rgba(205,33,34,.18);animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:.25}}

/* hero */
.x-mfg .hero{position:relative;padding:28px 0 96px;background:#fff;overflow:hidden}
.x-mfg .hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:28px 28px;mask:linear-gradient(180deg,#000 50%,transparent)}
.x-mfg .crumb{position:relative;display:flex;gap:8px;font-size:13.5px;color:#7a8091;margin-bottom:56px}.x-mfg .crumb a{color:#7a8091;text-decoration:none}.x-mfg .crumb b{color:var(--h)}.x-mfg .crumb i{font-style:normal;color:#b8bfcc}
.x-mfg .hg{position:relative;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:center}
.x-mfg .eb{display:inline-flex;align-items:center;gap:8px;font:600 13px var(--f1);color:var(--red);background:#fff;border:1px solid var(--hair);padding:8px 14px;border-radius:6px;margin-bottom:26px;max-width:100%}
.x-mfg h1{font-size:clamp(34px,4vw,58px);line-height:1.06;letter-spacing:-.04em;font-weight:800}
.x-mfg h1 em{font-style:normal;color:var(--red)}
.x-mfg .lead{font-size:19px;line-height:1.62;margin:24px 0;max-width:660px}
.x-mfg .pts{display:grid;gap:10px;margin-bottom:32px}.x-mfg .pts li{display:flex;gap:8px;align-items:center;font:600 14.5px var(--f1);color:var(--h)}.x-mfg .pts svg{color:var(--ok);flex:none}
/* andon board */
.x-mfg .andon{border-radius:12px;background:#fff;border:1px solid var(--hair);overflow:hidden;box-shadow:0 2px 4px rgba(13,15,20,.05),0 60px 100px -56px rgba(205,33,34,.5)}
.x-mfg .anh{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--h);color:#fff;font:700 13.5px var(--f1)}.x-mfg .anh span{display:flex;gap:8px;align-items:center}.x-mfg .anh em{font-style:normal;color:#9aa1b2;font-weight:600}
.x-mfg .ams{padding:10px}
.x-mfg .am{position:relative;display:grid;grid-template-columns:20px 110px 1fr;gap:10px;align-items:center;padding:12px 12px 16px;border-bottom:1px solid var(--hair);font-size:14px}
.x-mfg .am:last-child{border:0}.x-mfg .am b{font:700 14px var(--f1);color:var(--h)}.x-mfg .am span{color:#6b7182;font-size:13px}
.x-mfg .am em{position:absolute;left:42px;right:12px;bottom:6px;height:4px;border-radius:2px;background:#eef0f4;overflow:hidden}
.x-mfg .am em:after{content:"";position:absolute;inset:0;width:var(--w);background:var(--ok);border-radius:2px;animation:fill 2.4s cubic-bezier(.2,.8,.2,1) both}
.x-mfg .am.idle em:after{background:var(--amb)}.x-mfg .am.alarm em:after{background:var(--red)}
@keyframes fill{from{width:0}}
.x-mfg .am.alarm{background:rgba(205,33,34,.04)}
.x-mfg .ank{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hair)}.x-mfg .ank span{padding:14px;text-align:center;font-size:12px;color:#7a8091;border-left:1px solid var(--hair)}.x-mfg .ank span:first-child{border:0}
.x-mfg .ank b{display:block;font:800 24px var(--f1);color:var(--h);font-variant-numeric:tabular-nums}.x-mfg .ank span:last-child b{color:var(--red)}
.x-mfg .anf{padding:10px 18px 14px;font-size:12px;color:#8a90a0;border-top:1px dashed var(--hair)}

/* gauges */
.x-mfg .gau{background:#fff;padding:0 0 30px}
.x-mfg .ggs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.x-mfg .gg{padding:22px 20px 18px;border-radius:10px;background:#fff;border:1px solid var(--hair);text-align:center}
.x-mfg .gg svg{width:120px;height:70px;display:block;margin:0 auto -18px}.x-mfg .gg path{fill:none;stroke-width:9;stroke-linecap:round}
.x-mfg .gt{stroke:#eef0f4}.x-mfg .gv{stroke:var(--red);stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.6s cubic-bezier(.2,.8,.2,1)}
.x-mfg .gg:nth-child(even) .gv{stroke:var(--blue)}.x-mfg .gg.vis .gv{stroke-dashoffset:calc(100 - var(--v))}
.x-mfg .gg b{display:block;font:800 30px/1 var(--f1);color:var(--h)}.x-mfg .gg small{display:block;margin-top:6px;font-size:13px;color:#6b7182}

/* answer: spec plate */
.x-mfg .ans{padding:var(--sp) 0;background:#fff}
.x-mfg .an-g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:56px;align-items:center}
.x-mfg .an-t h2{font:600 16px var(--f2);letter-spacing:0;color:#7a8091;margin-bottom:14px}
.x-mfg .speak{font:500 clamp(21px,2.1vw,28px)/1.5 var(--f1);letter-spacing:-.015em;color:var(--h)}
.x-mfg .plate{position:relative;padding:30px 30px 24px;border-radius:10px;background:linear-gradient(145deg,#f3f4f7,#dde1e8);border:1px solid #c9cfdc;box-shadow:inset 0 1px 0 #fff,0 30px 60px -40px rgba(13,15,20,.5)}
.x-mfg .plate>i{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#9aa1b2)}
.x-mfg .rv1{left:10px;top:10px}.x-mfg .rv2{right:10px;top:10px}.x-mfg .rv3{left:10px;bottom:10px}.x-mfg .rv4{right:10px;bottom:10px}
.x-mfg .pt0{font:800 12px var(--f1)!important;letter-spacing:.18em;text-transform:uppercase;color:var(--h);border-bottom:2px solid var(--h);padding-bottom:10px;margin-bottom:6px}
.x-mfg .plate li{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid rgba(13,15,20,.12)}
.x-mfg .plate li span{font:700 11.5px var(--f1);letter-spacing:.1em;text-transform:uppercase;color:#6b7182;padding-top:2px}.x-mfg .plate li b{font:600 15px var(--f1);color:var(--h)}
.x-mfg .pt1{margin-top:12px!important;font:600 12px var(--f1)!important;color:#6b7182;letter-spacing:.06em}

/* why */
.x-mfg .why-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;align-items:start;margin-bottom:44px}
.x-mfg .sub{font-size:15.5px;margin-top:18px!important}
.x-mfg .brk{display:grid;grid-template-columns:1fr 1fr;gap:8px}.x-mfg .brk li{display:flex;gap:10px;align-items:flex-start;padding:14px;border-radius:8px;background:#fff;border:1.5px dashed rgba(205,33,34,.4);font-size:14.5px;line-height:1.45;color:var(--h)}
.x-mfg .brk span{flex:none;color:var(--red);margin-top:2px}

/* ISA-95 stack */
.x-mfg .isa-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;align-items:center;margin-bottom:44px}
.x-mfg .stack{padding:22px;border-radius:12px;background:#fff;border:1px solid var(--hair)}
.x-mfg .lvs{display:grid;gap:6px}
.x-mfg .lv{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;padding:14px 16px;border-radius:8px;border:1px solid var(--hair);background:#fff;text-align:left;cursor:pointer;transition:.25s;margin:0 calc(var(--i)*14px)}
.x-mfg .ln{display:grid;place-items:center;height:32px;border-radius:6px;background:var(--soft);font:800 14px var(--f1);color:var(--h)}
.x-mfg .lv b{font:600 15px var(--f1);color:var(--h)}.x-mfg .lv em{font:700 11.5px var(--f1);font-style:normal;color:#8a90a0;letter-spacing:.08em}
.x-mfg .lv.on{background:var(--h);border-color:var(--h)}.x-mfg .lv.on b{color:#fff}.x-mfg .lv.on .ln{background:var(--red);color:#fff}.x-mfg .lv.on em{color:#ff9d9d}
.x-mfg .lps{position:relative;min-height:120px;margin-top:16px;padding:20px;border-radius:8px;background:var(--soft)}
.x-mfg .lp{display:none}.x-mfg .lp.on{display:block;animation:pin .35s ease}@keyframes pin{from{opacity:0;transform:translateY(6px)}}
.x-mfg .lp span{font:700 11.5px var(--f1);letter-spacing:.12em;text-transform:uppercase;color:var(--red)}.x-mfg .lp h3{font-size:19px;margin:6px 0}.x-mfg .lp p{font-size:15px}

/* conveyor line */
.x-mfg .line{position:relative;height:520vh;background:#fff}
.x-mfg .ln-s{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;gap:26px;overflow:hidden;background:#fff;
 background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:28px 28px}
.x-mfg .ln-h{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;width:100%}.x-mfg .ln-h h2{font-size:clamp(26px,2.7vw,40px);line-height:1.12;font-weight:800;max-width:720px}
.x-mfg .cnt{display:flex;gap:8px}.x-mfg .cnt span{padding:10px 16px;border-radius:8px;background:#fff;border:1px solid var(--hair);font-size:12px;color:#7a8091;text-align:center;min-width:92px}
.x-mfg .cnt b{display:block;font:800 22px var(--f1);color:var(--h);font-variant-numeric:tabular-nums}.x-mfg .cnt .cr{color:var(--red)}
.x-mfg .beltw{padding:0 max(16px,calc(50% - 640px))}
.x-mfg .belt{display:block;width:100%;height:auto}
.x-mfg .rl{transform-box:fill-box;transform-origin:center}
.x-mfg .tread{animation:tread .8s linear infinite paused}.x-mfg .line.mv .tread{animation-play-state:running}
@keyframes tread{to{stroke-dashoffset:-24}}
.x-mfg .lmp{fill:#c9cfdc;transition:fill .3s}.x-mfg .stn.done .lmp{fill:var(--ok)}.x-mfg .stn.on .lmp{fill:var(--amb);animation:blink .8s steps(2) infinite}
.x-mfg .stn rect:first-child{transition:stroke .3s}.x-mfg .stn.on rect:first-child{stroke:var(--red)}
.x-mfg .prt{transition:transform .12s linear}
.x-mfg .pp{opacity:0;transition:opacity .25s}.x-mfg .pp.on{opacity:1}
.x-mfg .scs{position:relative;height:150px}
.x-mfg .sc{position:absolute;inset:0;display:grid;grid-template-columns:56px 1fr;grid-template-rows:auto auto 1fr;column-gap:18px;align-content:start;max-width:720px;padding:22px 26px;border-radius:12px;background:#fff;border:1px solid var(--hair);box-shadow:0 30px 60px -40px rgba(13,15,20,.4);opacity:0;transform:translateY(12px);transition:.4s}
.x-mfg .sc.on{opacity:1;transform:none}
.x-mfg .si{grid-row:span 3;display:grid;place-items:center;width:56px;height:56px;border-radius:10px;background:var(--red);color:#fff}
.x-mfg .sn{font:700 11.5px var(--f1)!important;letter-spacing:.12em;text-transform:uppercase;color:#8a90a0}.x-mfg .sc h3{font-size:20px;margin:2px 0 6px}.x-mfg .sc p:last-child{font-size:15.5px;margin:0}
.x-mfg .lnm{display:none}

/* core tabs */
.x-mfg .core-g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:56px;align-items:start}
.x-mfg .core-v{position:sticky;top:84px;max-width:400px}
.x-mfg .cts{display:flex;gap:6px;padding:5px;border-radius:10px;background:#eceef3;margin-bottom:16px}
.x-mfg .ct{flex:1;display:flex;gap:8px;align-items:center;justify-content:center;padding:12px;border-radius:7px;border:0;background:none;font:600 14px var(--f1);color:#5b6172;cursor:pointer}
.x-mfg .ct.on{background:#fff;color:var(--h);box-shadow:0 4px 12px -6px rgba(13,15,20,.25)}.x-mfg .ct.on svg{color:var(--red)}
.x-mfg .cps{padding:30px;border-radius:12px;background:#fff;border:1px solid var(--hair);min-height:320px}
.x-mfg .cp{display:none}.x-mfg .cp.on{display:block;animation:pin .35s ease}.x-mfg .cp h3{font-size:21px;margin-bottom:12px}

/* machine data */
.x-mfg .mac-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;align-items:start}
.x-mfg .rules{display:grid;gap:8px;margin-top:22px}.x-mfg .rules li{display:flex;gap:10px;align-items:center;padding:14px 16px;border-radius:8px;background:var(--h);color:#fff;font:600 14.5px var(--f1)}.x-mfg .rules svg{flex:none;color:#ff9d9d}
.x-mfg .pcs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}
.x-mfg .pc{position:relative;padding:20px 18px 36px;border-radius:10px;background:#fff;border:1px solid var(--hair);overflow:hidden}
.x-mfg .pc>span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#eef0fd;color:var(--blue)}
.x-mfg .pc b{display:block;font:800 17px var(--f1);color:var(--h);margin:12px 0 4px}.x-mfg .pc small{display:block;font-size:13.5px;line-height:1.5;color:#5b6172}
.x-mfg .sig{position:absolute;left:18px;right:18px;bottom:16px;height:3px;background:#eef0f4;border-radius:2px}
.x-mfg .sig em{position:absolute;top:-2px;width:7px;height:7px;border-radius:50%;background:var(--red);animation:pkt 2.4s linear infinite}
.x-mfg .sig em:nth-child(2){animation-delay:.8s}.x-mfg .sig em:nth-child(3){animation-delay:1.6s}
.x-mfg .pc:nth-child(2) .sig em{background:var(--blue);animation-duration:1.8s}.x-mfg .pc:nth-child(3) .sig em{background:var(--ok);animation-duration:3s}
@keyframes pkt{from{left:0;opacity:0}10%{opacity:1}90%{opacity:1}to{left:calc(100% - 7px);opacity:0}}

/* OEE calculator */
.x-mfg .oee-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;align-items:start}
.x-mfg .calc{padding:26px;border-radius:12px;background:#fff;border:1px solid var(--hair);margin-bottom:18px;box-shadow:0 40px 70px -50px rgba(205,33,34,.5)}.x-mfg .calc .tab{margin-top:0}
.x-mfg .ins{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.x-mfg .ins label{display:grid;gap:6px;font:600 11.5px var(--f1);color:#6b7182;line-height:1.3}
.x-mfg .ins input{width:100%;padding:10px;border-radius:6px;border:1px solid var(--hair);font:700 16px var(--f1);color:var(--h);background:var(--soft)}
.x-mfg .ins input:focus{outline:2px solid var(--blue);background:#fff}
.x-mfg .res{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center;margin-top:20px}
.x-mfg .ring{position:relative;width:150px;height:150px}.x-mfg .ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.x-mfg .ring circle{fill:none;stroke-width:12}.x-mfg .rt{stroke:#eef0f4}.x-mfg .rv2{stroke:var(--red);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--o,69));transition:stroke-dashoffset .5s}
.x-mfg .ring b{position:absolute;inset:0;display:grid;place-items:center;font:800 34px var(--f1);color:var(--h);padding-bottom:16px}.x-mfg .ring small{position:absolute;left:0;right:0;bottom:44px;text-align:center;font:700 11px var(--f1);letter-spacing:.14em;color:#8a90a0}
.x-mfg .apq{display:grid;gap:12px}.x-mfg .apq li{display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-size:14px;color:#5b6172}.x-mfg .apq b{font:800 16px var(--f1);color:var(--h)}
.x-mfg .apq i{grid-column:1/-1;height:8px;border-radius:4px;background:#eef0f4;overflow:hidden}.x-mfg .apq em{display:block;height:100%;width:var(--w,50%);border-radius:4px;background:var(--blue);transition:width .5s}
.x-mfg .apq li.low em{background:var(--red)}.x-mfg .apq li.low b{color:var(--red)}

/* quality: inspection tags */
.x-mfg .qm-g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:56px;align-items:start}
.x-mfg .qm-v{position:sticky;top:84px}
.x-mfg .tgs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.x-mfg .tg{position:relative;padding:22px 22px 22px 52px;border-radius:6px 14px 14px 6px;background:#fff;border:1px solid var(--hair);clip-path:polygon(18px 0,100% 0,100% 100%,18px 100%,0 calc(100% - 18px),0 18px)}
.x-mfg .hole{position:absolute;left:14px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--soft);border:2px solid #c9cfdc}
.x-mfg .ti{position:absolute;left:44px;top:22px;display:none}
.x-mfg .tg h3{font-size:17px;margin-bottom:6px;display:flex;gap:8px;align-items:center}.x-mfg .tg p{font-size:14.8px;line-height:1.55}
.x-mfg .tg:nth-child(3n+1){border-left:4px solid var(--red)}.x-mfg .tg:nth-child(3n+2){border-left:4px solid var(--blue)}.x-mfg .tg:nth-child(3n){border-left:4px solid var(--h)}

/* job work challans */
.x-mfg .job-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;align-items:start;margin-bottom:40px}
.x-mfg .chl{border-radius:12px;background:#fff;border:1px solid var(--hair);overflow:hidden}
.x-mfg .chh{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--hair)}.x-mfg .chh b{display:flex;gap:8px;align-items:center;font:700 15px var(--f1);color:var(--h)}.x-mfg .chh span{font:600 11px var(--f1);color:#8a90a0;letter-spacing:.1em;text-transform:uppercase}
.x-mfg .chl ul{padding:6px 18px}
.x-mfg .chl li{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:14px 0;border-bottom:1px dashed var(--hair)}.x-mfg .chl li:last-child{border:0}
.x-mfg .chl li b{display:block;font:700 14px var(--f1);color:var(--h)}.x-mfg .chl li span{font-size:13px;color:#6b7182}.x-mfg .chl li small{font-size:12px;color:#8a90a0;text-align:right}
.x-mfg .chl li i{grid-column:1/-1;height:6px;border-radius:3px;background:#eef0f4;overflow:hidden}.x-mfg .chl li em{display:block;height:100%;width:0;background:var(--blue);transition:width 1.4s cubic-bezier(.2,.8,.2,1)}
.x-mfg .chl li.vis em{width:var(--p)}.x-mfg .chl li.hot em{background:var(--red)}
.x-mfg .chl li strong{grid-column:1/-1;font:700 12.5px var(--f1);color:var(--blue)}.x-mfg .chl li.hot strong{color:var(--red)}
.x-mfg .chl>p{padding:12px 18px;background:var(--soft);font-size:13.5px;color:var(--h);margin:0!important}
.x-mfg .jws{display:grid;gap:12px}.x-mfg .jw{padding:24px 26px;border-radius:10px;background:#fff;border:1px solid var(--hair)}.x-mfg .jw h3{font-size:18px;margin-bottom:8px}.x-mfg .jw p{font-size:15.5px}

/* compare */
.x-mfg .cmp-g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px;align-items:start}
.x-mfg .tw{overflow-x:auto;border-radius:10px;border:1px solid var(--hair);background:#fff}
.x-mfg .tt{width:100%;border-collapse:collapse;min-width:620px!important}.x-mfg .tt th,.x-mfg .tt td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--hair);font-size:14.5px}
.x-mfg .tt thead th{font:700 12.5px var(--f1);letter-spacing:.06em;text-transform:uppercase;color:#7a8091;background:var(--soft)}
.x-mfg .tt td:first-child{font-weight:600;color:var(--h)}.x-mfg .tt .hl{background:var(--blush);color:var(--h);font-weight:600}.x-mfg .tt thead .hl{background:var(--red);color:#fff}.x-mfg .tt tr:last-child td{border-bottom:0}
.x-mfg .bbn{display:flex;gap:12px;align-items:flex-start;margin-top:16px;padding:18px 22px;border-radius:10px;background:#eef0fd;color:var(--h)}.x-mfg .bbn svg{flex:none;color:var(--blue);margin-top:3px}

/* who: plant cards */
.x-mfg .who-h{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;align-items:center;margin-bottom:36px}.x-mfg .who-h .sh{margin:0}
.x-mfg .pls{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.x-mfg .pl{padding:6px;border-radius:12px;background:#fff;border:1px solid var(--hair)}
.x-mfg .plh{display:flex;gap:12px;align-items:center;padding:14px;border-radius:8px;background:var(--soft)}
.x-mfg .plh span{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:var(--h);color:#fff}
.x-mfg .pl:nth-child(3n+2) .plh span{background:var(--red)}.x-mfg .pl:nth-child(3n) .plh span{background:var(--blue)}
.x-mfg .plh h3{font-size:15.5px;line-height:1.35}
.x-mfg .pl p{margin:0!important;padding:12px 14px 2px;font-size:14.3px;line-height:1.55;color:var(--h)}.x-mfg .pl p+p{padding-bottom:12px}
.x-mfg .pl small{display:block;font:700 11px var(--f1);letter-spacing:.12em;text-transform:uppercase;color:#8a90a0;margin-bottom:2px}.x-mfg .pl p+p small{color:var(--red)}

/* rollout: shifts */
.x-mfg .rol-g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:56px;align-items:start}
.x-mfg .rol-v{position:sticky;top:84px}
.x-mfg .shifts{position:relative;display:grid;gap:10px;padding-left:28px}
.x-mfg .shifts:before{content:"";position:absolute;left:8px;top:10px;bottom:10px;width:4px;border-radius:2px;background:repeating-linear-gradient(180deg,var(--h) 0 14px,var(--amb) 14px 28px)}
.x-mfg .shifts li{position:relative;padding:18px 22px;border-radius:10px;background:#fff;border:1px solid var(--hair)}
.x-mfg .shifts li:before{content:"";position:absolute;left:-26px;top:22px;width:16px;height:16px;border-radius:50%;background:#fff;border:4px solid var(--red)}
.x-mfg .sh2{font:700 11.5px var(--f1);letter-spacing:.12em;text-transform:uppercase;color:var(--red)}.x-mfg .shifts h3{font-size:17.5px;margin:4px 0}.x-mfg .shifts p{font-size:15px;line-height:1.6}

/* integration + cost */
.x-mfg .int-g{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.x-mfg .ib{padding:28px;border-radius:12px;background:#fff;border:1px solid var(--hair)}.x-mfg .ib h3{font-size:19px;margin-bottom:10px}.x-mfg .ib .fg{margin-top:20px}
.x-mfg .cfs{display:grid;gap:8px;margin-top:18px}.x-mfg .cfs li{display:flex;gap:16px;align-items:center;padding:14px 18px;border-radius:8px;background:#fff;border:1px solid var(--hair);font-size:15px;color:var(--h)}
.x-mfg .cfs span{flex:none;font:800 18px var(--f1);color:transparent;-webkit-text-stroke:1.2px var(--red)}

/* checklist */
.x-mfg .ch-g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:56px;align-items:start}
.x-mfg .qs{display:grid;gap:8px;margin-bottom:20px}
.x-mfg .qs label{position:relative;display:flex;gap:14px;align-items:flex-start;padding:15px 18px;border-radius:8px;background:#fff;border:1px solid var(--hair);cursor:pointer}
.x-mfg .qs input{position:absolute;opacity:0}.x-mfg .cbx{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:5px;border:1.5px solid #b8bfcc;color:transparent;margin-top:2px;transition:.2s}
.x-mfg .qs input:checked+.cbx{background:var(--red);border-color:var(--red);color:#fff}.x-mfg .qs input:checked~.q{color:#9aa0ae;text-decoration:line-through}
.x-mfg .q{font-size:15.5px;line-height:1.5;color:var(--h);font-weight:500}
.x-mfg .ch-f{position:sticky;top:84px}

/* insight + limits */
.x-mfg .qt{max-width:980px;margin:0 auto 64px;padding:44px 48px;border-radius:14px;background:var(--h);color:#fff;position:relative;overflow:hidden}
.x-mfg .qt:after{content:"";position:absolute;right:-40px;bottom:-40px;width:220px;height:220px;background:repeating-linear-gradient(-45deg,var(--amb) 0 18px,var(--h) 18px 36px);opacity:.25;border-radius:50%}
.x-mfg .qt .k{color:#ff9d9d}.x-mfg .qt p:last-child{font:600 clamp(20px,2.2vw,28px)/1.5 var(--f1);letter-spacing:-.01em;position:relative}
.x-mfg .lim-g{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:56px;align-items:start}
.x-mfg .lims{display:grid;gap:10px;counter-reset:l}
.x-mfg .lims li{counter-increment:l;position:relative;padding:18px 22px 18px 64px;border-radius:10px;background:#fff;border:1px solid var(--hair);font-size:15.5px;line-height:1.6;color:var(--h)}
.x-mfg .lims li:before{content:counter(l,decimal-leading-zero);position:absolute;left:20px;top:18px;font:800 18px var(--f1);color:var(--red)}

/* cities */
.x-mfg .cts{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:30px}
.x-mfg .cts li{padding:22px;border-radius:10px;background:#fff;border:1px solid var(--hair)}.x-mfg .cts li:first-child{background:var(--red);border-color:var(--red)}.x-mfg .cts li:first-child :is(h3,p,svg){color:#fff}
.x-mfg .cts h3{display:flex;gap:8px;align-items:center;font-size:16.5px;margin-bottom:8px}.x-mfg .cts svg{color:var(--red)}.x-mfg .cts p{font-size:14.5px;line-height:1.55}

/* faq */
.x-mfg .fqs{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
.x-mfg .fq{border-radius:10px;background:#fff;border:1px solid var(--hair)}
.x-mfg .fq summary{display:grid;grid-template-columns:auto 1fr 26px;align-items:center;gap:12px;padding:18px 20px;cursor:pointer;list-style:none}.x-mfg .fq summary::-webkit-details-marker{display:none}
.x-mfg .fn{padding:4px 8px;border-radius:5px;background:var(--h);color:#fff;font:700 11.5px var(--f1)}
.x-mfg .fq h3{font-size:16.5px;line-height:1.4;letter-spacing:-.01em}
.x-mfg .fq i{width:26px;height:26px;border-radius:6px;background:var(--blush);position:relative}.x-mfg .fq i:before,.x-mfg .fq i:after{content:"";position:absolute;left:7px;right:7px;top:12px;height:2px;background:var(--red)}.x-mfg .fq i:after{transform:rotate(90deg);transition:.25s}.x-mfg .fq[open] i:after{transform:none}
.x-mfg .fq[open]{border-color:var(--red)}.x-mfg .fq p{padding:0 20px 20px;font-size:15.5px}

/* final */
.x-mfg .fin{padding:var(--sp) 0;background:#fff}
.x-mfg .fcard{position:relative;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding:56px;border-radius:16px;background:#fff;border:1px solid var(--hair);box-shadow:0 60px 100px -60px rgba(205,33,34,.45);overflow:hidden;
 background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:28px 28px}
.x-mfg .fcard h2{font-size:clamp(28px,3vw,42px);line-height:1.1;font-weight:800}.x-mfg .fl>p{margin:16px 0 28px;max-width:640px;font-size:17.5px}
.x-mfg .fx{display:grid;gap:14px;padding:20px 16px;border-radius:12px;background:var(--h)}.x-mfg .fx .lamp{width:26px;height:26px}
.x-mfg .addr{font-size:13.5px!important;color:#7a8091;margin:24px 0 0!important}

/* related */
.x-mfg .sbs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.x-mfg .sb{display:grid;grid-template-columns:auto 1fr;column-gap:14px;padding:20px;border-radius:10px;background:#fff;border:1px solid var(--hair);text-decoration:none;transition:.25s}
.x-mfg .sb svg{grid-row:span 2;color:var(--red);align-self:center}.x-mfg .sb b{font:600 15px var(--f1);color:var(--h)}.x-mfg .sb span{font-size:13.5px;color:#6b7182}.x-mfg .sb:hover{border-color:var(--red)}
.x-mfg .more{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:30px}.x-mfg .more a{padding:9px 16px;border-radius:6px;background:#fff;border:1px solid var(--hair);color:var(--h);text-decoration:none;font:600 14px var(--f1)}
.x-mfg .rel .k{color:var(--red)}

/* reveal */
.x-mfg .rv{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0)*60ms)}.x-mfg .rv.vis{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.x-mfg .rv{opacity:1;transform:none;transition:none}.x-mfg *{animation:none!important}}

/* responsive */
@media (max-width:1100px){.x-mfg .cts{grid-template-columns:repeat(3,1fr)}.x-mfg .sbs,.x-mfg .ggs,.x-mfg .pls{grid-template-columns:1fr 1fr}.x-mfg .ins{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){
 .x-mfg .in{padding:0 20px}
 .x-mfg :is(.hg,.an-g,.why-g,.isa-g,.core-g,.mac-g,.oee-g,.qm-g,.job-g,.cmp-g,.who-h,.rol-g,.int-g,.ch-g,.lim-g,.fcard){grid-template-columns:minmax(0,1fr);gap:32px}
 .x-mfg :is(.core-v,.qm-v,.rol-v,.ch-f){position:static;max-width:420px;margin:0 auto;width:100%}
 .x-mfg .lv{margin:0}.x-mfg .fqs{grid-template-columns:1fr}.x-mfg .fx{grid-auto-flow:column;justify-content:start}
 /* conveyor: static belt + list */
 .x-mfg .line{height:auto}.x-mfg .ln-s{position:relative;height:auto;padding:var(--sp) 0 20px}.x-mfg .ln-h{flex-direction:column;align-items:flex-start;gap:16px}
 .x-mfg .beltw{overflow-x:auto;padding:0 20px}.x-mfg .belt{width:900px}.x-mfg .scs{display:none}.x-mfg .cnt{display:none}
 .x-mfg .lnm{display:block;padding:0 0 var(--sp);background:#fff}.x-mfg .lml{display:grid;gap:8px}
 .x-mfg .lml li{display:flex;gap:14px;padding:16px;border-radius:10px;background:#fff;border:1px solid var(--hair)}.x-mfg .lml span{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:var(--red);color:#fff}
 .x-mfg .lml b{display:block;font:700 15.5px var(--f1);color:var(--h)}.x-mfg .lml small{display:block;font-size:14.5px;line-height:1.5;color:#5b6172;margin-top:2px}
 .x-mfg .p7{opacity:1}}
@media (max-width:640px){
 .x-mfg{font-size:16.5px}.x-mfg .am{grid-template-columns:16px 92px 1fr;font-size:13px}
 .x-mfg :is(.ggs,.sbs,.pls,.cts,.tgs,.brk,.pcs){grid-template-columns:1fr}.x-mfg .ins{grid-template-columns:1fr 1fr}.x-mfg .res{grid-template-columns:1fr;justify-items:center}.x-mfg .apq{width:100%}
 .x-mfg .fcard{padding:36px 22px}.x-mfg .qt{padding:32px 24px}.x-mfg .cts li:first-child{grid-column:auto}.x-mfg .hero .btns .btn{width:100%}}
/* fixes v2 */
.x-mfg .ln-s>.in{width:100%}
.x-mfg .belt{max-height:46vh}
/* ===== review 2026-11-04 grid centring (no empty slot in the last row) */
@media (min-width:641px){.x-mfg .tgs{display:flex;flex-wrap:wrap;justify-content:center;column-gap:12px;row-gap:12px}.x-mfg .tgs>*{flex:0 1 calc((100% - 12px) / 2);min-width:0}}
@media (min-width:641px) and (max-width:900px){.x-mfg .tgs>*{flex-basis:calc((100% - 12px) / 2)}}
@media (min-width:641px){.x-mfg .pls{display:flex;flex-wrap:wrap;justify-content:center;column-gap:12px;row-gap:12px}.x-mfg .pls>*{flex:0 1 calc((100% - 24px) / 3);min-width:0}}
@media (min-width:641px) and (max-width:900px){.x-mfg .pls>*{flex-basis:calc((100% - 12px) / 2)}}
@media (max-width:1100px){.x-mfg .ins{grid-template-columns:1fr 1fr}.x-mfg .ins>:last-child:nth-child(odd){grid-column:1/-1}}