.process-page{background:#080d12}.process-hero{min-height:850px;padding:150px 5vw 70px;display:grid;grid-template-columns:.72fr 1.28fr;gap:4vw;align-items:center;overflow:hidden;background:radial-gradient(circle at 78% 38%,#18364a 0,transparent 38%)}.hero-copy-3d{position:relative;z-index:3}.hero-copy-3d h1{font-size:clamp(55px,6vw,94px);line-height:.96;margin:28px 0;letter-spacing:-.065em}.hero-copy-3d h1 em{display:inline-block;color:transparent;font-style:normal;-webkit-text-stroke:1px rgba(255,255,255,.75)}.hero-copy-3d>p{max-width:570px;color:#aeb8c0;font-size:16px;line-height:1.9}.view-hint{margin-top:35px;color:#72818d;font-size:11px;letter-spacing:.08em}.view-hint span{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:10px;border:1px solid #48545e;border-radius:50%;color:#ff7a00}.factory-wrap{height:650px;perspective:1100px;display:grid;place-items:center}.factory-scene{position:relative;width:min(760px,68vw);height:500px;transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(-35deg);transition:transform .25s ease-out}.floor-grid{position:absolute;inset:0;background:linear-gradient(rgba(93,154,190,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(93,154,190,.14) 1px,transparent 1px),linear-gradient(135deg,#101b24,#0b1219);background-size:42px 42px;border:1px solid #2c4556;box-shadow:0 45px 100px rgba(0,0,0,.65);transform:translateZ(-3px)}.flow-line{position:absolute;left:9%;top:55%;width:78%;height:5px;background:#ff7a00;box-shadow:0 0 20px rgba(255,122,0,.8);transform:rotate(-18deg) translateZ(4px)}.flow-line i{position:absolute;width:8px;height:8px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);animation:flow 2s linear infinite}.flow-line i:nth-child(1){left:10%}.flow-line i:nth-child(2){left:30%;animation-delay:.3s}.flow-line i:nth-child(3){left:50%;animation-delay:.6s}.flow-line i:nth-child(4){left:70%;animation-delay:.9s}.flow-line i:nth-child(5){left:90%;animation-delay:1.2s}@keyframes flow{50%{translate:18px 0;opacity:.25}}.machine{position:absolute;left:var(--x);top:var(--y);width:105px;height:80px;padding:0;border:0;background:none;color:#fff;transform-style:preserve-3d;cursor:pointer;transform:translateZ(calc(var(--h) / 2));transition:filter .25s,scale .25s}.machine-front,.machine-side,.machine-top{position:absolute;display:block;background:#132631;border:1px solid color-mix(in srgb,var(--accent),#fff 15%);box-shadow:inset 0 0 30px rgba(0,0,0,.35)}.machine-front{inset:0;transform:rotateX(-90deg) translateZ(40px);display:flex;align-items:center;justify-content:center;gap:8px;font-size:18px;font-weight:900}.machine-front b{color:var(--accent);font-size:9px}.machine-top{inset:0;transform:translateZ(var(--h));background:linear-gradient(135deg,color-mix(in srgb,var(--accent),#14222c 72%),#13232c)}.machine-side{top:0;right:-40px;width:40px;height:80px;transform:rotateY(90deg);transform-origin:left}.machine small{position:absolute;left:0;top:91px;width:105px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.08em;transform:translateZ(var(--h));text-shadow:0 2px 4px #000}.machine:hover,.machine.active{filter:drop-shadow(0 0 14px var(--accent));scale:1.08}.machine.active .machine-top{background:var(--accent)}.machine.chamber .machine-top{border-radius:8px}.process-console{margin:0 5vw 120px;border:1px solid #2a3944;background:#0e161d}.console-progress{display:flex;align-items:center;gap:30px;padding:20px 28px;border-bottom:1px solid #2a3944;color:#ff7a00;font-size:10px;letter-spacing:.15em}.console-progress>div{height:2px;flex:1;background:#28353e}.console-progress i{display:block;width:16.66%;height:100%;background:#ff7a00;transition:width .4s}.console-main{display:grid;grid-template-columns:1fr 1.15fr;gap:5vw;padding:55px}.console-title>span,.console-data span{color:#7e8c96;font-size:10px;letter-spacing:.17em}.console-title h2{margin:14px 0 18px;font-size:clamp(35px,4vw,60px);letter-spacing:-.05em}.console-title p{max-width:560px;margin:0;color:#abb5bc;line-height:1.8}.console-data{border-top:1px solid #34434e}.console-data>div{display:grid;grid-template-columns:100px 1fr;padding:19px 0;border-bottom:1px solid #34434e}.console-data strong{font-size:14px}.console-nav{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #2a3944}.console-nav button{padding:20px 8px;border:0;border-right:1px solid #2a3944;background:none;color:#85929c;cursor:pointer}.console-nav button:hover,.console-nav button.active{background:#ff7a00;color:#fff}.process-explain{padding:130px 6vw;background:#f4f3ef;color:#0b1015}.process-explain>div:first-child{display:grid;grid-template-columns:1fr 1fr}.process-explain h2{font-size:clamp(44px,5vw,74px);line-height:1.06;letter-spacing:-.055em}.explain-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:75px;border-left:1px solid #bec4c8;border-top:1px solid #bec4c8}.explain-grid article{min-height:250px;padding:30px;border-right:1px solid #bec4c8;border-bottom:1px solid #bec4c8}.explain-grid b{color:#ff7a00;font-size:11px;letter-spacing:.15em}.explain-grid h3{margin-top:45px;font-size:22px}.explain-grid p{color:#646d73;font-size:14px;line-height:1.75}.process-note{display:grid;grid-template-columns:170px 1fr;gap:35px;padding:34px 6vw;color:#8e9aa3;font-size:12px;line-height:1.8}.process-note b{color:#ff7a00;letter-spacing:.12em}@media(max-width:1000px){.process-hero{grid-template-columns:1fr;padding:140px 24px 50px}.factory-wrap{height:560px}.factory-scene{width:720px;scale:.75}.console-main{grid-template-columns:1fr;padding:34px}.process-console{margin-inline:24px}.console-nav{grid-template-columns:repeat(3,1fr)}.process-explain{padding:90px 24px}.explain-grid{grid-template-columns:1fr}.process-note{grid-template-columns:1fr;padding:30px 24px}}@media(max-width:600px){.factory-wrap{height:430px;overflow:hidden}.factory-scene{scale:.55}.view-hint{display:none}.console-main{padding:28px 22px}.console-data>div{grid-template-columns:1fr;gap:8px}.process-explain>div:first-child{display:block}.process-note{font-size:11px}}@media(prefers-reduced-motion:reduce){.factory-scene,.machine,.console-progress i{transition:none}.flow-line i{animation:none}}