.mfg-operating{background:#071019;color:#edf6f8;padding:116px 0 122px}.operating-head{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end;margin-bottom:58px}.operating-head h2{font-size:clamp(2.55rem,4.25vw,4.5rem);letter-spacing:-.065em;line-height:.95;margin:17px 0 0;max-width:660px}.operating-head>p{color:#abc0cc;font-size:17px;line-height:1.65;margin:0 0 5px;max-width:480px}.flow-shell{border:1px solid rgba(132,184,197,.28);background:linear-gradient(135deg,rgba(14,43,57,.82),rgba(8,19,30,.84));box-shadow:0 28px 70px rgba(0,0,0,.22)}.flow-steps{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid rgba(132,184,197,.25)}.flow-step{appearance:none;border:0;border-right:1px solid rgba(132,184,197,.2);background:transparent;color:#9eafb9;min-height:88px;padding:18px 20px;text-align:left;font:700 13px/1.25 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer;transition:.2s}.flow-step:last-child{border-right:0}.flow-step span{display:block;color:#66808d;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;margin-bottom:9px}.flow-step:hover{background:rgba(41,113,126,.13);color:#e7f4f5}.flow-step.is-active{background:linear-gradient(180deg,rgba(32,147,153,.25),rgba(13,43,55,.13));color:#fff;box-shadow:inset 0 2px 0 #33c2bc}.flow-step.is-active span{color:#72ddd6}.flow-panel{display:grid;grid-template-columns:1fr .85fr;gap:65px;min-height:410px;padding:56px 58px;align-items:center}.flow-panel[hidden]{display:none}.flow-kicker{color:#76d8d2;font-size:10px;font-weight:800;letter-spacing:.15em}.flow-copy h3{font-size:clamp(2rem,3vw,3.2rem);line-height:.98;letter-spacing:-.058em;margin:14px 0 20px;max-width:610px}.flow-copy p{color:#b6c8d0;font-size:16px;line-height:1.62;margin:0;max-width:600px}.flow-copy ul{display:grid;grid-template-columns:1fr 1fr;gap:11px 22px;padding:0;margin:30px 0 0;list-style:none}.flow-copy li{font-size:12px;line-height:1.4;color:#dbe7ea;display:flex;gap:9px}.flow-copy li:before{content:"";width:5px;height:5px;flex:none;border-radius:50%;background:#45c9c1;box-shadow:0 0 0 3px rgba(69,201,193,.12);margin-top:5px}.flow-visual{min-height:287px;position:relative;overflow:hidden;border:1px solid rgba(132,184,197,.3);background:radial-gradient(circle at 75% 0%,rgba(40,155,164,.25),transparent 38%),#0a1c2a;box-shadow:inset 0 0 60px rgba(0,0,0,.22)}.screen-top{height:30px;border-bottom:1px solid rgba(151,192,202,.2);display:flex;align-items:center;gap:5px;padding:0 13px}.screen-top i{width:5px;height:5px;border-radius:50%;background:#4a7180}.drawing-grid{display:grid;grid-template-columns:.85fr 1fr;gap:20px;padding:40px 28px 28px}.window-shape{width:130px;height:156px;border:2px solid #73c5d2;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 0 30px rgba(53,190,199,.16)}.window-shape b{border-right:1px solid rgba(115,197,210,.75);position:relative}.window-shape b:after{content:"";position:absolute;left:14%;right:14%;top:50%;border-top:1px solid rgba(115,197,210,.5)}.window-shape b:last-child{border:0}.config-lines{display:flex;flex-direction:column;gap:14px;padding-top:12px}.config-lines em{height:8px;background:linear-gradient(90deg,#285269,rgba(40,82,105,.2));border-left:2px solid #57d1c9}.config-lines em:nth-child(2){width:79%}.config-lines em:nth-child(3){width:63%}.config-lines em:nth-child(4){width:87%}.visual-caption{position:absolute;left:27px;bottom:22px;color:#7693a0;font-size:9px;font-weight:800;letter-spacing:.13em}.visual-caption span{color:#4fd0c8;margin-left:11px}.visual-estimator{padding:28px;background:radial-gradient(circle at 86% 14%,rgba(50,151,181,.22),transparent 38%),#091a2a}.estimator-mark{color:#dbeef0;font-weight:800;font-size:18px;letter-spacing:.03em}.estimator-mark span{display:block;color:#68cbc5;font-size:9px;letter-spacing:.15em;margin-top:4px}.quote-sheet{margin:24px 12px 0;background:#dbe5e7;color:#163342;padding:16px;box-shadow:15px 15px 0 rgba(22,85,99,.18)}.quote-title{width:44%;height:9px;background:#325c72;margin-bottom:20px}.quote-row{display:grid;grid-template-columns:1fr .7fr .4fr;gap:8px;margin:8px 0}.quote-row i{height:7px;background:#a9bec6}.quote-submit{display:flex;justify-content:space-between;align-items:center;background:#1b7784;color:#fff;padding:12px;margin-top:19px;font-size:9px;font-weight:800;letter-spacing:.1em}.quote-submit b{font-size:16px}.visual-plan{padding:30px}.stock-head{display:flex;justify-content:space-between;color:#9eb8c2;font-size:9px;font-weight:800;letter-spacing:.12em}.stock-head b{color:#55d2c8}.stock-bars{height:153px;display:flex;align-items:end;gap:13px;border-bottom:1px solid rgba(151,192,202,.25);margin-top:25px;padding:0 8px}.stock-bars i{height:var(--fill);flex:1;background:linear-gradient(180deg,#3ebcb7,#1c5264);position:relative}.stock-bars i:nth-child(2){background:linear-gradient(180deg,#75a9dc,#284b6e)}.stock-bars i:after{content:"";position:absolute;inset:-4px 0 auto;height:4px;background:#b5eeea}.purchase-chip{position:absolute;right:22px;bottom:22px;border:1px solid rgba(104,210,202,.38);padding:10px;color:#9eb8c2;font-size:9px;font-weight:800;letter-spacing:.09em}.purchase-chip b{color:#64d4cc;margin-left:8px}.visual-produce{padding:24px}.terminal{height:172px;width:76%;margin:7px 0 0 16px;border:6px solid #283f4d;border-radius:5px;background:#0e2636;padding:18px;box-shadow:12px 14px 0 rgba(9,15,24,.38)}.terminal-nav{height:6px;width:44%;background:#2e7080;margin-bottom:26px}.terminal-chart{height:77px;display:flex;gap:9px;align-items:end;border-bottom:1px solid #346274}.terminal-chart i{width:12%;height:var(--h,50%);background:#55cac2}.terminal-chart i:nth-child(1){--h:39%}.terminal-chart i:nth-child(2){--h:62%}.terminal-chart i:nth-child(3){--h:48%}.terminal-chart i:nth-child(4){--h:79%}.terminal-chart i:nth-child(5){--h:58%;background:#5d91c7}.terminal-line{height:4px;width:63%;background:#2a5267;margin-top:15px}.machine-path{position:absolute;right:-2px;bottom:56px;width:58%;height:94px;border-left:1px solid #46c2bd;border-bottom:1px solid #46c2bd;display:flex;justify-content:space-around;align-items:end;padding:0 15px 20px}.machine-path i{width:10px;height:10px;border:2px solid #72ddd6;background:#0a1c2a;border-radius:50%}.machine-label{position:absolute;right:22px;bottom:22px;font-size:9px;font-weight:800;letter-spacing:.1em;color:#9eb8c2}.machine-label span{color:#53d3ca;margin-left:8px}.visual-ship{padding:30px;background:radial-gradient(circle at 0% 100%,rgba(51,113,186,.28),transparent 53%),#091a2a}.route-map{height:168px;position:relative;border:1px solid rgba(107,158,177,.24);background:linear-gradient(125deg,transparent 43%,rgba(74,135,158,.18) 43.5%,transparent 44%),linear-gradient(40deg,transparent 35%,rgba(74,135,158,.15) 35.5%,transparent 36%)}.route-map:before{content:"";position:absolute;left:13%;right:19%;top:31%;height:1px;background:#4fc8c0;transform:rotate(21deg);transform-origin:left}.route-map i{position:absolute;width:8px;height:8px;border-radius:50%;background:#77ddd7;box-shadow:0 0 0 5px rgba(84,205,198,.12)}.route-map i:nth-child(1){left:12%;top:28%}.route-map i:nth-child(2){left:39%;top:37%}.route-map i:nth-child(3){left:61%;top:45%}.route-map i:nth-child(4){right:17%;top:55%;background:#70a6df}.route-map b{position:absolute;right:14%;top:52%;width:16px;height:10px;border:2px solid #70a6df;border-radius:2px}.ship-card{position:absolute;right:18px;bottom:20px;background:#eaf2f4;color:#143242;padding:12px 15px;display:grid;gap:4px;min-width:155px}.ship-card span{font-size:8px;font-weight:800;letter-spacing:.13em;color:#5b7b88}.ship-card strong{font-size:10px;letter-spacing:.05em}.ship-card em{font-style:normal;color:#168d90;font-size:10px;font-weight:800}@media(max-width:760px){.mfg-operating{padding:78px 0}.operating-head{grid-template-columns:1fr;gap:22px;margin-bottom:38px}.operating-head>p{font-size:16px}.flow-steps{display:flex;overflow:auto}.flow-step{min-width:143px;min-height:78px;padding:15px}.flow-panel{grid-template-columns:1fr;gap:34px;min-height:0;padding:32px 22px}.flow-copy h3{font-size:2.2rem}.flow-copy p{font-size:15px}.flow-copy ul{grid-template-columns:1fr;margin-top:24px}.flow-visual{min-height:254px}.terminal{width:82%}.drawing-grid{padding-left:23px}.window-shape{width:108px;height:132px}}
