.automation-detail .home-hero::after{background:linear-gradient(90deg,#060708,transparent 85%);pointer-events:none}.automation-detail .hero-message{position:relative;z-index:2;max-width:660px}.automation-detail .hero-message h1{font-size:clamp(50px,5.8vw,82px)}.flow-glow{position:absolute;inset:120px 0 0;z-index:-2;background:radial-gradient(ellipse at 80% 45%,#18343c88,transparent 40%),radial-gradient(ellipse at 70% 65%,#73582944,transparent 45%)}
.intelligent-flow{position:absolute;right:3%;top:70px;width:43%;height:520px;perspective:1100px;pointer-events:none}.flow-space{position:relative;width:100%;height:460px;transform:rotateX(23deg) rotateY(-18deg) rotateZ(-8deg);transform-style:preserve-3d}.flow-floor{position:absolute;inset:0;background-image:linear-gradient(#d9bf7914 1px,transparent 1px),linear-gradient(90deg,#83c9d014 1px,transparent 1px);background-size:35px 35px;transform:translateZ(-45px);border:1px solid #d9bf7920;box-shadow:0 25px 65px #0008;mask-image:radial-gradient(ellipse,#000 35%,transparent 75%)}.flow-routes{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:translateZ(-10px)}.route-base{stroke:#a5bcaf35;stroke-width:2}.route-current{stroke:url(#stream);stroke-width:3;stroke-linecap:round;stroke-dasharray:12 170;filter:drop-shadow(0 0 6px #c9e3bb);animation:stream-travel 8s linear infinite;animation-play-state:paused}.flow-running .route-current{animation-play-state:running}@keyframes stream-travel{to{stroke-dashoffset:-728}}
.flow-node{position:absolute;width:138px;padding:20px 17px;background:linear-gradient(135deg,#293237,#0b1014);border:1px solid #b8d2ca65;border-radius:9px;box-shadow:0 14px 0 #080c0e,0 15px 0 #b2c7ba33,0 30px 40px #0009;transform:translateZ(30px)}.flow-node span{display:block;font-size:8px;letter-spacing:.16em;color:#abc8c9}.flow-node strong{display:block;font-size:20px;font-weight:500;color:#f0ddae;margin-top:10px;letter-spacing:-.035em}.flow-node i{display:block;width:5px;height:5px;background:#e9d59d;border-radius:50%;box-shadow:0 0 14px #f0da98;position:absolute;right:14px;top:20px}.node-input{left:0;top:35px}.node-check{right:0;top:35px}.node-approve{left:0;bottom:25px}.node-output{right:0;bottom:25px}.flow-core{position:absolute;left:calc(50% - 48px);top:calc(50% - 48px);width:96px;height:96px;transform:translateZ(50px) rotateZ(45deg);border:1px solid #e7ce8c;background:linear-gradient(145deg,#725d30,#181d20);box-shadow:8px 8px 0 #0a1012,9px 9px 0 #7f9286,0 0 60px #b4d8bb30;border-radius:16px}.flow-core div{position:absolute;inset:24px;border:1px solid #f4dfaa;border-radius:50%;box-shadow:inset 0 0 18px #c5d9b866,0 0 18px #c5d9b833}.flow-caption{position:absolute;bottom:0;right:0;font-size:10px;letter-spacing:.1em;color:#b8c3bc}
.automation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px 36px}.automation-grid article{border-top:1px solid #e4ca9030;padding-top:24px}.automation-grid h3,.automation-arrangements h3{font-size:23px;font-weight:500;letter-spacing:-.03em;line-height:1.2}.automation-grid p,.automation-arrangements p{font-size:14px;line-height:1.85;color:#b7b8b6}.automation-arrangements{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
@media(max-width:1000px){.intelligent-flow{width:40%;right:1%;top:100px}.flow-node{width:112px;padding:18px 12px}.flow-node strong{font-size:18px}.flow-node span{font-size:7px}.automation-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.automation-detail .hero-layout{display:block;padding-top:65px}.automation-detail .hero-message{max-width:100%}.automation-detail .hero-message h1{font-size:clamp(44px,8vw,66px)}.intelligent-flow{position:relative;top:auto;right:auto;width:85%;max-width:480px;margin:30px auto 0;height:500px}.automation-arrangements{grid-template-columns:1fr;gap:24px}}
@media(max-width:520px){.automation-detail .hero-message h1{font-size:clamp(40px,10.5vw,54px)}.intelligent-flow{width:94%;height:390px;margin-top:20px}.flow-space{height:350px;transform:rotateX(18deg) rotateY(-12deg) rotateZ(-6deg)}.flow-node{width:100px;padding:15px 10px}.flow-node strong{font-size:16px}.flow-node i{right:10px;top:14px}.flow-core{width:70px;height:70px;left:calc(50% - 35px);top:calc(50% - 35px);border-radius:12px}.flow-core div{inset:18px}.automation-grid{grid-template-columns:1fr;gap:24px}.flow-caption{font-size:8px}}
@media(prefers-reduced-motion:reduce){.route-current{animation:none!important}}