:root { --ink:#102f48; --blue:#155d82; --teal:#148f91; --mist:#ecf4f2; --paper:#f8f7f2; --yellow:#f4c64e; --line:rgba(16,47,72,.18); --font-sans:"Noto Sans SC","Microsoft YaHei",sans-serif; --font-serif:"Noto Serif SC",serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--font-sans); line-height:1.65; }
a { color:inherit; text-decoration:none; }
button,input,select,textarea { font:inherit; }
.site-shell { overflow:hidden; }
.skip-link{position:fixed;z-index:20;top:10px;left:10px;padding:9px 14px;background:var(--yellow);color:var(--ink);font-size:13px;font-weight:700;transform:translateY(-150%);transition:transform .2s}.skip-link:focus{transform:translateY(0)}
.site-header { width:min(1320px,calc(100% - 64px)); height:96px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.logo { display:inline-flex; align-items:center; gap:10px; font-family:var(--font-serif); font-size:25px; font-weight:900; letter-spacing:.04em; line-height:1; }
.logo img { display:block; width:150px; height:auto; }
.logo-en { display:block; margin-top:5px; color:var(--teal); font-family:var(--font-sans); font-size:9px; font-weight:700; letter-spacing:.28em; }
.logo-mark { width:31px; height:31px; display:flex; align-items:flex-end; gap:3px; padding-bottom:3px; border:2px solid var(--ink); border-radius:50%; transform:rotate(-25deg); }
.logo-mark i { display:block; width:5px; background:var(--teal); border-radius:5px; }.logo-mark i:nth-child(1){height:10px}.logo-mark i:nth-child(2){height:17px}.logo-mark i:nth-child(3){height:23px;background:var(--yellow)}
.nav { display:flex; gap:36px; margin-left:auto; font-size:14px; font-weight:600; }.nav a { position:relative; }.nav a:after { content:""; position:absolute; left:0; right:0; bottom:-6px; height:2px; background:var(--yellow); transform:scaleX(0); transform-origin:left; transition:transform .25s; }.nav a:hover:after{transform:scaleX(1)}
.header-cta,.button { display:inline-flex; align-items:center; justify-content:center; gap:18px; border:0; cursor:pointer; font-weight:700; transition:transform .2s,background .2s; }.header-cta { background:var(--ink); color:white; padding:12px 17px; font-size:14px; }.header-cta span,.button span { font-size:20px; line-height:0; }.header-cta:hover,.button:hover { transform:translateY(-2px); }
.menu-button{display:none;border:0;background:none;padding:8px}.menu-button span{display:block;width:24px;height:2px;background:var(--ink);margin:6px}
.hero { width:min(1320px,calc(100% - 64px)); min-height:630px; margin:0 auto 42px; display:grid; grid-template-columns:.93fr 1.07fr; align-items:center; gap:58px; }
.eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 17px; color:var(--teal); font-size:12px; font-weight:700; letter-spacing:.12em; }.eyebrow span{width:22px;height:2px;background:var(--yellow)}
h1,h2,h3,p { margin-top:0; }h1,h2,h3 { line-height:1.21; }h1,h2 { font-family:var(--font-serif); letter-spacing:-.04em; }h1 { margin-bottom:25px; font-size:clamp(42px,5vw,70px); font-weight:900; }h1 em { color:var(--teal); font-style:normal; }.hero-text { max-width:510px; margin-bottom:32px; color:#4d6674; font-size:16px; }.hero-actions{display:flex;align-items:center;gap:25px}.button{min-height:52px;padding:0 23px}.button-primary{background:var(--yellow);color:var(--ink)}.text-link{font-size:14px;font-weight:700;border-bottom:1px solid var(--ink);padding:8px 0}.text-link span{margin-left:8px;color:var(--teal)}
.hero-art { position:relative; height:510px; overflow:hidden; background:linear-gradient(140deg,#dcece8,#c5e1df); }.art-topline { position:absolute; left:28px;right:28px;top:20px; display:flex;justify-content:space-between;color:#4d7780;font-size:10px;letter-spacing:.15em; }.orbital{position:absolute;border:1px solid rgba(20,93,130,.28);border-radius:50%}.orbital-one{width:510px;height:510px;left:70px;top:60px}.orbital-two{width:385px;height:385px;left:135px;top:126px;border-style:dashed}
.machine{position:absolute;left:50%;top:137px;width:295px;height:280px;transform:translateX(-50%);background:#f2f0e8;border:6px solid #135575;border-radius:5px 5px 25px 25px;box-shadow:20px 23px 0 rgba(16,47,72,.13)}.machine-top{height:46px;padding:13px 14px;background:#164d6b;color:white;font-size:11px;font-weight:bold;letter-spacing:.12em}.machine-top i{float:right;width:9px;height:9px;margin:3px 0 0 8px;border-radius:50%;background:var(--yellow)}.machine-top i:last-child{background:#72c8b6}.machine-window{position:relative;height:165px;margin:19px 25px;overflow:hidden;border:8px solid #779ba0;border-radius:4px;background:#97d7d3}.water{position:absolute;bottom:-18px;left:-8px;right:-8px;height:70px;border-radius:43% 56% 0 0;background:#3baaaa;opacity:.7}.plate{position:absolute;border:8px solid rgba(246,245,233,.95);border-radius:50%;width:83px;height:83px;top:37px}.plate:after{content:"";position:absolute;inset:14px;border:2px solid rgba(246,245,233,.6);border-radius:50%}.plate-a{left:30px}.plate-b{right:26px;top:50px}.machine-base{display:flex;align-items:center;gap:7px;padding:0 22px;color:#497079;font-size:11px}.machine-base b{width:8px;height:8px;border-radius:50%;background:var(--teal)}.machine-base b:last-child{background:var(--yellow)}
.bottle{position:absolute;bottom:58px;width:86px;height:160px;padding:41px 12px 5px;border-radius:9px 9px 13px 13px;color:white;font-size:12px;font-weight:bold;line-height:1.4;box-shadow:9px 10px 0 rgba(16,47,72,.12)}.bottle:before{content:"";position:absolute;top:-27px;left:25px;width:35px;height:31px;border-radius:5px 5px 0 0;background:inherit}.bottle i{display:block;width:25px;height:3px;margin-top:12px;background:rgba(255,255,255,.8)}.bottle-left{left:53px;background:#176391}.bottle-right{right:55px;background:#de9f2c}.quality-chip{position:absolute;right:34px;top:52px;width:112px;height:112px;padding-top:27px;border:1px solid rgba(16,47,72,.32);border-radius:50%;background:rgba(248,247,242,.7);text-align:center}.quality-chip strong{display:block;font-size:24px;line-height:1;color:var(--teal)}.quality-chip span{font-size:11px}.art-caption{position:absolute;bottom:17px;left:29px;font-size:12px;font-weight:700;color:#2f5968}.art-caption span{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--yellow)}
.trust-strip{width:min(1320px,calc(100% - 64px));margin:auto;padding:21px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:17px;color:#527080;font-size:13px}.trust-strip p{margin:0}.trust-strip span{width:5px;height:5px;flex:0 0 auto;border-radius:50%;background:var(--yellow)}
.section{width:min(1320px,calc(100% - 64px));margin:0 auto}.solutions{padding:132px 0 126px}.section-heading{display:grid;grid-template-columns:1fr 1.1fr .85fr;gap:32px;align-items:end;margin-bottom:50px}.section-heading .eyebrow{align-self:start}.section-heading h2,.product-intro h2,.process h2,.about h2,.contact h2{margin-bottom:0;font-size:clamp(31px,3.35vw,49px);font-weight:900}.section-heading>p:last-child{margin-bottom:4px;color:#527080;font-size:14px}
.solution-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;min-height:425px}.solution-card{position:relative;display:flex;flex-direction:column;min-height:425px;padding:34px 33px;overflow:hidden;border:1px solid var(--line);background:#f8f7f2}.solution-card+ .solution-card{border-left:0}.solution-main{background:var(--ink);color:#f9f7ed}.card-number{font-size:13px;color:var(--teal);font-weight:bold;letter-spacing:.1em}.solution-main .card-number{color:var(--yellow)}.card-kicker{margin:auto 0 7px;color:#5e7b89;font-size:10px;font-weight:700;letter-spacing:.13em}.solution-main .card-kicker{color:#80b5af}.solution-card h3{margin:0;font-family:var(--font-serif);font-size:29px}.solution-card>p:not(.card-kicker){margin:14px 0 0;color:#5e7480;font-size:13px;line-height:1.7}.solution-main>p:not(.card-kicker){color:#c5d6d4}.solution-card>a{margin-top:22px;color:var(--teal);font-size:13px;font-weight:700}.solution-main>a{color:var(--yellow)}.dish-icon{position:absolute;right:35px;top:54px;width:126px;height:126px;border:1px solid #608ea4;border-radius:50%}.dish-icon:after{content:"";position:absolute;inset:20px;border:1px solid #608ea4;border-radius:50%}.dish-icon i{position:absolute;width:5px;height:5px;background:var(--yellow);border-radius:50%}.dish-icon i:nth-child(1){top:17px;left:59px}.dish-icon i:nth-child(2){bottom:23px;left:27px}.dish-icon i:nth-child(3){bottom:18px;right:33px}.dish-icon i:nth-child(4){top:54px;right:-12px}.oven-icon{position:absolute;right:38px;top:57px;width:121px;height:106px;border:8px solid var(--teal);border-radius:4px}.oven-icon i{display:block;margin:17px auto 0;width:61px;height:39px;border:3px solid var(--teal);border-radius:2px}.oven-icon b{position:absolute;bottom:-23px;width:7px;height:24px;background:var(--teal)}.oven-icon b:nth-of-type(1){left:16px}.oven-icon b:nth-of-type(2){right:16px}.service-icon{position:absolute;right:41px;top:61px;width:120px;height:120px;border-radius:50%;border:1px dashed #78a4a3}.service-icon:before{content:"";position:absolute;inset:32px;border:7px solid var(--yellow);border-radius:50%}.service-icon i{position:absolute;width:24px;height:7px;border-radius:10px;background:var(--teal)}.service-icon i:nth-child(1){left:13px;top:34px;transform:rotate(-40deg)}.service-icon i:nth-child(2){right:13px;top:34px;transform:rotate(40deg)}.service-icon i:nth-child(3){bottom:17px;left:48px;transform:rotate(90deg)}
.product-band{background:var(--mist)}.products{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:60px;padding:95px 0}.product-intro>p:not(.eyebrow){max-width:370px;margin:22px 0 30px;color:#527080;font-size:14px}.button-outline{border:1px solid var(--ink);background:transparent}.product-showcase{position:relative;height:470px;border-left:1px solid rgba(16,47,72,.22);background:#d3e8e4;overflow:hidden}.product-label{display:flex;justify-content:space-between;padding:21px 25px;color:#3e6b73;font-size:10px;font-weight:bold;letter-spacing:.12em}.product-label b{font-weight:500}.bottle-display{position:absolute;bottom:0;width:132px;height:311px;padding:70px 18px 0;border-radius:11px 11px 0 0;color:white;box-shadow:18px 10px 0 rgba(16,47,72,.11)}.bottle-display:before{content:"";position:absolute;left:36px;top:-41px;width:60px;height:45px;border-radius:7px 7px 0 0;background:inherit}.bottle-display .cap{position:absolute;left:33px;top:-48px;width:66px;height:13px;border-radius:3px;background:#16445f}.bottle-display strong{font-size:15px;letter-spacing:.13em}.bottle-display small{display:block;margin-top:49px;font-size:15px;font-weight:bold;line-height:1.5}.bottle-display em{position:absolute;bottom:19px;font-style:normal;font-size:11px;opacity:.8}.blue-bottle{left:13%;height:282px;background:#176391}.yellow-bottle{left:39%;height:345px;background:#e1a82d}.pale-bottle{left:65%;height:260px;background:#5caaa3}.product-note{position:absolute;right:20px;bottom:20px;color:#386b70;font-size:12px;line-height:1.6;text-align:right}
.process{padding:132px 0}.process-lead{display:grid;grid-template-columns:1fr 1.5fr;gap:32px;align-items:start;margin-bottom:55px}.process-list{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.process-list li{min-height:207px;padding:23px 25px;border-right:1px solid var(--line)}.process-list li:first-child{border-left:1px solid var(--line)}.process-list span{color:var(--teal);font-size:12px;font-weight:bold}.process-list h3{margin:40px 0 8px;font-family:var(--font-serif);font-size:21px}.process-list p{margin:0;color:#5b7580;font-size:13px}
.about{position:relative;display:grid;grid-template-columns:.75fr 1.4fr 1fr;align-items:center;gap:48px;padding:72px max(32px,calc((100vw - 1320px)/2));background:var(--ink);color:#f8f7f2}.about .eyebrow{color:#9bdfd2}.about h2{font-size:clamp(29px,3vw,44px)}.about>p{margin:0;color:#bed2d6;font-size:14px}.about>a{position:absolute;right:max(32px,calc((100vw - 1320px)/2));bottom:31px;color:var(--yellow);font-size:13px;font-weight:700}.about-sign{width:145px;height:145px;display:grid;place-items:center;border:1px solid #78a4a3;border-radius:50%;font-family:var(--font-serif);font-size:58px;font-weight:900;color:var(--yellow);letter-spacing:-.1em}
.contact{display:grid;grid-template-columns:1fr .94fr;gap:100px;width:min(1120px,calc(100% - 64px));margin:0 auto;padding:136px 0}.contact-copy>p:not(.eyebrow){margin:25px 0 0;color:#5a7480;font-size:14px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{color:#426673;font-size:12px;font-weight:700}.contact-form label:nth-of-type(3),.contact-form label:nth-of-type(4),.contact-form button,.form-status{grid-column:span 2}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:8px;padding:10px 0;border:0;border-bottom:1px solid rgba(16,47,72,.35);outline:0;background:transparent;color:var(--ink);font-size:15px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--teal)}.contact-form textarea{height:76px;resize:vertical}.contact-form .button{justify-content:space-between;margin-top:4px}.form-status{min-height:22px;margin:0;color:var(--teal);font-size:13px}
.site-footer{width:min(1320px,calc(100% - 64px));margin:auto;padding:44px 0 25px;display:grid;grid-template-columns:1.3fr 1fr 1.1fr;gap:42px;color:#627b86;font-size:12px}.footer-main .logo img{width:138px}.footer-main p{margin:16px 0 0}.footer-nav{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:9px 25px}.footer-nav a{width:max-content}.footer-nav a:hover,.footer-legal a:hover{color:var(--teal)}.footer-contact p{margin:0 0 14px}.footer-contact>a{color:var(--teal);font-size:13px;font-weight:700}.footer-legal{grid-column:1 / -1;display:flex;justify-content:space-between;gap:20px;margin-top:8px;padding-top:19px;border-top:1px solid var(--line);font-size:11px}.footer-legal a{color:#527080}
*:focus-visible{outline:3px solid rgba(244,198,78,.8);outline-offset:3px}
@media(max-width:850px){.site-header,.hero,.trust-strip,.section,.contact,.site-footer{width:calc(100% - 40px)}.site-header{height:76px}.nav,.header-cta{display:none}.menu-button{display:block;margin-left:auto}.nav.is-open{position:absolute;z-index:3;top:75px;left:20px;right:20px;display:flex;flex-direction:column;gap:4px;padding:18px;background:var(--ink);color:white;box-shadow:0 18px 28px rgba(16,47,72,.2)}.nav.is-open a{padding:9px}.hero{grid-template-columns:1fr;gap:25px;min-height:0;padding:40px 0 45px}.hero-art{height:410px}.section-heading,.process-lead{grid-template-columns:1fr;gap:10px}.section-heading{margin-bottom:31px}.solutions{padding:76px 0}.solution-grid{grid-template-columns:1fr;min-height:0}.solution-card,.solution-card+ .solution-card{min-height:340px;border-left:1px solid var(--line);border-top:0}.solution-card:first-child{border-top:1px solid var(--line)}.products{grid-template-columns:1fr;gap:36px;padding:70px 0}.product-showcase{height:400px}.process{padding:76px 0}.process-list{grid-template-columns:1fr 1fr}.process-list li:nth-child(3){border-left:1px solid var(--line);border-top:1px solid var(--line)}.about{grid-template-columns:1fr;gap:22px;padding:60px 20px 88px}.about-sign{width:95px;height:95px;font-size:38px}.about>a{left:20px;right:auto}.contact{grid-template-columns:1fr;gap:45px;padding:76px 0}.site-footer{grid-template-columns:1fr 1fr;padding:34px 0 22px}.footer-legal{grid-column:1 / -1}.trust-strip{justify-content:flex-start;flex-wrap:wrap}.trust-strip span{display:none}.trust-strip p{width:calc(50% - 10px)}}
@media(max-width:500px){h1{font-size:43px}.hero-text{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:13px}.hero-art{height:337px}.machine{top:101px;transform:translateX(-50%) scale(.78)}.orbital-one{width:370px;height:370px;left:15px;top:40px}.orbital-two{width:280px;height:280px;left:62px;top:84px}.bottle{transform:scale(.7);transform-origin:bottom}.bottle-left{left:-4px}.bottle-right{right:-5px}.quality-chip{right:14px;top:38px;transform:scale(.75)}.section-heading h2,.product-intro h2,.process h2,.about h2,.contact h2{font-size:32px}.solution-card{padding:26px 24px}.solution-card>p:not(.card-kicker){left:auto}.bottle-display{transform:scale(.78);transform-origin:bottom}.blue-bottle{left:-5%}.yellow-bottle{left:33%}.pale-bottle{left:68%}.contact-form{grid-template-columns:1fr}.contact-form label,.contact-form label:nth-of-type(3),.contact-form label:nth-of-type(4),.contact-form button,.form-status{grid-column:auto}.site-footer{grid-template-columns:1fr;gap:22px}.footer-legal{display:grid;gap:5px}.trust-strip p{width:100%;font-size:12px}}
/* ---- 产品化视觉：设备剖面、清洁流程与有业务含义的动画 ---- */
:root{--ink:#222552;--blue:#366d93;--teal:#3f965d;--mist:#edf4ef;--paper:#f7f8f5;--yellow:#edb33b;--line:rgba(34,37,82,.17)}
h1,h2,.section-heading h2,.product-intro h2,.process h2,.about h2,.contact h2{font-family:var(--font-sans);font-weight:900;letter-spacing:-.055em}
h1 em{color:inherit}
.site-header{border-bottom:1px solid rgba(34,37,82,.1)}
.nav{gap:27px}
.hero-copy{animation:hero-copy-in .8s cubic-bezier(.2,.75,.25,1) both}
.hero-art{background:linear-gradient(145deg,#deeeeb 0%,#bddde1 100%);box-shadow:inset 0 0 0 1px rgba(34,37,82,.08);animation:hero-machine-in .85s .12s cubic-bezier(.2,.75,.25,1) both}
.orbital-two{animation:orbit-spin 28s linear infinite}
.machine-top i{animation:status-blink 1.8s ease-in-out infinite}
.machine-top i:last-child{animation-delay:.5s}
.machine-window{isolation:isolate}
.water{z-index:3;animation:water-level 3.2s ease-in-out infinite}
.water:before{content:"";position:absolute;left:-12%;top:-12px;width:124%;height:26px;border-radius:50%;background:rgba(128,224,214,.72);animation:water-wave 2.8s ease-in-out infinite}
.spray-arm{position:absolute;z-index:2;left:25px;right:25px;top:17px;height:5px;border-radius:8px;background:#277d92}
.spray-arm:before{content:"";position:absolute;left:9px;right:9px;top:7px;height:48px;background:repeating-linear-gradient(90deg,transparent 0 15px,rgba(241,255,253,.85) 16px 18px,transparent 19px 27px);clip-path:polygon(0 0,100% 0,92% 100%,8% 100%);animation:spray-pulse 1.25s ease-in-out infinite}
.bubble{position:absolute;z-index:4;border:2px solid rgba(255,255,255,.78);border-radius:50%;animation:bubble-rise 3s ease-in infinite}.bubble-a{left:24%;bottom:21px;width:10px;height:10px}.bubble-b{left:58%;bottom:11px;width:7px;height:7px;animation-delay:1s}.bubble-c{right:16%;bottom:25px;width:13px;height:13px;animation-delay:1.8s}
.card-number{padding:5px 9px;width:max-content;border:1px solid currentColor;font-size:10px;letter-spacing:.08em}
.oven-icon:before,.oven-icon:after{content:"";position:absolute;top:-34px;width:3px;height:25px;border-radius:50%;border-left:3px solid var(--yellow);transform:skewX(-12deg);animation:heat-rise 2s ease-in-out infinite}.oven-icon:before{left:41px}.oven-icon:after{right:38px;animation-delay:.65s}
.product-showcase:after{content:"";position:absolute;z-index:5;top:-40%;bottom:-40%;left:-35%;width:20%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:surface-shine 7s ease-in-out infinite;pointer-events:none}

.clean-system{position:relative;display:grid;grid-template-columns:minmax(310px,.72fr) minmax(570px,1.28fr);align-items:center;gap:75px;padding:112px max(32px,calc((100vw - 1320px)/2));overflow:hidden;background:var(--ink);color:#fff}
.clean-system:before{content:"";position:absolute;right:-170px;top:-250px;width:610px;height:610px;border:1px solid rgba(106,195,239,.17);border-radius:50%;box-shadow:0 0 0 80px rgba(106,195,239,.035),0 0 0 160px rgba(106,195,239,.025)}
.system-copy{position:relative;z-index:2;max-width:480px}.system-copy .eyebrow{color:#8cd2b0}.system-copy h2{margin:0 0 24px;font-family:var(--font-sans);font-size:clamp(34px,3.3vw,51px);font-weight:900;letter-spacing:-.055em}.system-copy>p:not(.eyebrow){margin-bottom:34px;color:#c7d6e2;font-size:14px;line-height:1.9}
.system-points{display:grid;gap:1px;margin:0;padding:0;list-style:none;background:rgba(255,255,255,.12)}.system-points li{display:grid;grid-template-columns:45px 1fr;align-items:center;gap:15px;padding:15px;background:#222552}.system-points i{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(140,210,176,.55);border-radius:50%;color:#8cd2b0;font-style:normal;font-weight:700}.system-points span{color:#aebed0;font-size:12px}.system-points strong{display:block;margin-bottom:1px;color:#fff;font-size:14px}
.wash-workbench{position:relative;z-index:2;height:520px;overflow:hidden;background:#e8f0ed;color:var(--ink);box-shadow:26px 30px 0 rgba(7,10,34,.34)}
.workbench-head{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#f8faf7;border-bottom:1px solid rgba(34,37,82,.15);font-size:11px;font-weight:800;letter-spacing:.11em}.workbench-head b{font-size:10px;color:var(--teal)}.workbench-head b i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px rgba(63,150,93,.12);animation:status-blink 1.8s ease-in-out infinite}
.chemical-feed{position:absolute;left:30px;top:95px;width:126px;height:305px;border-right:1px dashed rgba(34,37,82,.26)}.feed-bottle{position:absolute;left:3px;width:72px;height:108px;padding:43px 9px 0;border-radius:7px 7px 10px 10px;color:white;font-size:10px;font-weight:700}.feed-bottle:before{content:"";position:absolute;left:20px;top:-22px;width:33px;height:25px;border-radius:4px 4px 0 0;background:inherit}.feed-blue{top:26px;background:#366d93}.feed-gold{top:176px;background:#d69d29}.feed-pipe{position:absolute;left:75px;top:80px;width:50px;height:146px;border-top:4px solid #6ac3ef;border-right:4px solid #6ac3ef;border-bottom:4px solid #6ac3ef}.feed-pipe i{position:absolute;right:-6px;bottom:-6px;width:8px;height:8px;border-radius:50%;background:#6ac3ef;box-shadow:0 0 0 0 rgba(106,195,239,.55);animation:feed-pulse 1.8s ease-out infinite}
.wash-tunnel{position:absolute;left:180px;right:28px;top:102px;height:292px;overflow:hidden;border:7px solid #366d93;background:#cae4e2}.tunnel-labels{position:absolute;z-index:6;left:0;right:0;top:0;display:grid;grid-template-columns:1fr 1.2fr 1fr;border-bottom:1px solid rgba(34,37,82,.18);background:rgba(248,250,247,.78);backdrop-filter:blur(4px)}.tunnel-labels span{padding:10px;text-align:center;color:#4c6777;font-size:9px;font-weight:800;letter-spacing:.12em}.tunnel-labels span+span{border-left:1px solid rgba(34,37,82,.14)}
.conveyor{position:absolute;z-index:4;left:0;right:0;bottom:41px;height:18px;background:#2c5879}.conveyor:before{content:"";position:absolute;left:0;right:0;top:5px;height:8px;background:repeating-linear-gradient(90deg,#9cc5c5 0 13px,#2c5879 14px 24px);animation:conveyor-roll .8s linear infinite}.conveyor i{position:absolute;left:0;right:0;top:22px;height:3px;background:#2c5879}
.dish-rack{position:absolute;z-index:5;left:14%;bottom:60px;width:126px;height:92px;display:flex;align-items:flex-end;justify-content:center;gap:4px;border:5px solid #2b5d76;border-top:0;animation:rack-travel 9s linear infinite paused}.clean-system.is-visible .dish-rack{animation-play-state:running}.dish-rack span{display:block;width:31px;height:70px;border:6px solid #fff;border-radius:50%;background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 3px rgba(54,109,147,.18)}.dish-rack b{position:absolute;left:-5px;right:-5px;bottom:-7px;height:5px;background:#2b5d76}
.spray-field{position:absolute;z-index:2;left:29%;right:32%;top:54px;bottom:58px;background:linear-gradient(180deg,rgba(106,195,239,.28),transparent)}.spray-field:before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:#2a8091}.spray-field i{position:absolute;top:7px;width:3px;height:88%;background:linear-gradient(#fff,rgba(106,195,239,.08));transform:skewX(-8deg);animation:tunnel-spray 1.1s ease-in-out infinite paused}.clean-system.is-visible .spray-field i{animation-play-state:running}.spray-field i:nth-child(1){left:8%}.spray-field i:nth-child(2){left:25%;animation-delay:.2s}.spray-field i:nth-child(3){left:42%;animation-delay:.4s}.spray-field i:nth-child(4){left:59%;animation-delay:.1s}.spray-field i:nth-child(5){left:76%;animation-delay:.3s}.spray-field i:nth-child(6){left:92%;animation-delay:.5s}
.heat-field{position:absolute;z-index:3;right:5%;top:88px;width:24%;height:120px}.heat-field i{position:absolute;bottom:0;width:8px;height:105px;border-left:4px solid rgba(237,179,59,.8);border-radius:50%;animation:dry-flow 2.2s ease-in-out infinite paused}.clean-system.is-visible .heat-field i{animation-play-state:running}.heat-field i:nth-child(1){left:18%}.heat-field i:nth-child(2){left:47%;animation-delay:.55s}.heat-field i:nth-child(3){left:76%;animation-delay:1.1s}
.system-readout{position:absolute;left:180px;right:28px;bottom:36px;display:flex;justify-content:space-between;gap:14px}.system-readout span{color:#4f6875;font-size:10px;font-weight:700}.system-readout i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--teal)}.system-readout span:nth-child(2) i{background:#6ac3ef}.system-readout span:nth-child(3) i{background:var(--yellow)}

@keyframes hero-copy-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes hero-machine-in{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
@keyframes orbit-spin{to{transform:rotate(360deg)}}
@keyframes status-blink{50%{opacity:.35}}
@keyframes water-level{50%{transform:translateY(-4px)}}
@keyframes water-wave{50%{transform:translateX(10%) scaleY(.75)}}
@keyframes spray-pulse{50%{opacity:.35;transform:scaleY(.82);transform-origin:top}}
@keyframes bubble-rise{0%{opacity:0;transform:translateY(0) scale(.6)}35%{opacity:1}100%{opacity:0;transform:translateY(-75px) scale(1.25)}}
@keyframes heat-rise{50%{transform:translateY(-7px) skewX(12deg);opacity:.4}}
@keyframes surface-shine{0%,65%{transform:translateX(0) rotate(18deg)}90%,100%{transform:translateX(750%) rotate(18deg)}}
@keyframes feed-pulse{70%{box-shadow:0 0 0 14px rgba(106,195,239,0)}}
@keyframes conveyor-roll{to{background-position:24px 0}}
@keyframes rack-travel{0%{left:-22%;opacity:0}8%{opacity:1}43%{left:39%}78%{opacity:1}92%,100%{left:79%;opacity:0}}
@keyframes tunnel-spray{50%{opacity:.28;transform:skewX(8deg) scaleY(.82)}}
@keyframes dry-flow{50%{transform:translateY(-12px) skewX(18deg);opacity:.3}}

@media(max-width:1050px){.clean-system{grid-template-columns:1fr;gap:48px}.system-copy{max-width:680px}.wash-workbench{width:100%;max-width:760px;margin:auto}}
@media(max-width:850px){.nav{gap:4px}.clean-system{padding:78px 20px}.wash-workbench{height:480px}.wash-tunnel{left:145px}.chemical-feed{left:21px}.system-readout{left:145px}}
@media(max-width:500px){.site-header .logo img{width:142px}.clean-system{gap:37px;padding:70px 20px}.system-copy h2{font-size:32px}.system-points li{grid-template-columns:38px 1fr;padding:12px}.system-points i{width:34px;height:34px}.wash-workbench{height:410px;box-shadow:12px 15px 0 rgba(7,10,34,.3)}.workbench-head{height:50px;padding:0 15px}.chemical-feed{left:14px;top:76px;width:82px;height:250px}.feed-bottle{width:53px;height:84px;padding:33px 6px 0}.feed-bottle:before{left:14px;width:26px}.feed-gold{top:139px}.feed-pipe{left:52px;top:66px;width:29px;height:112px}.wash-tunnel{left:106px;right:14px;top:78px;height:245px;border-width:5px}.tunnel-labels span{padding:8px 2px;font-size:7px}.dish-rack{width:86px;height:70px;gap:2px}.dish-rack span{width:22px;height:54px;border-width:4px}.spray-field{top:44px}.heat-field{top:70px}.system-readout{left:106px;right:14px;bottom:26px;gap:4px}.system-readout span{font-size:8px}.system-readout i{margin-right:3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.header-cta,.button{transition:none}.hero-copy,.hero-art,.orbital-two,.machine-top i,.water,.water:before,.spray-arm:before,.bubble,.oven-icon:before,.oven-icon:after,.product-showcase:after,.workbench-head b i,.feed-pipe i,.conveyor:before,.dish-rack,.spray-field i,.heat-field i{animation:none!important}.dish-rack{left:48%;opacity:1}}