@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800;900&family=Geist+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap');
:root{font-family:'Geist','Noto Sans SC',sans-serif;color:#15243b;background:#f5f8fc;font-synthesis:none;--blue:#254ec2;--ink:#15243b;--muted:#52647b;--line:#dbe3ed;--shift:0px;--art-shift:0px}*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth;scroll-padding-top:90px}a{color:inherit;text-decoration:none}button,summary,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:6px}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}p{line-height:1.8}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:700;letter-spacing:-.055em}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}section,[id]{scroll-margin-top:88px}.skip{position:fixed;left:20px;top:-100px;z-index:100;padding:15px;background:white}.skip:focus{top:10px}.site-nav{height:78px;display:flex;align-items:center;gap:40px;padding:0 4.8%;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:rgba(245,248,252,.94);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:9px;font-size:24px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.brand img{mix-blend-mode:multiply}.brand span{font-size:10px;align-self:flex-start;margin-top:8px}.site-nav nav{margin:auto;display:flex;gap:30px;align-items:center;font-size:13px;font-weight:600}.site-nav nav a{position:relative;padding:10px 0}.site-nav nav a:after{content:'';position:absolute;bottom:4px;left:0;right:0;height:1px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .25s}.site-nav nav a:hover:after{transform:scaleX(1)}.nav-scope{font-size:12px;font-weight:600;display:flex;gap:28px;align-items:center}.nav-scope span{font-size:19px}.hero{position:relative;min-height:min(820px,calc(100dvh - 78px));overflow:hidden;background:#f5f8fc;padding:75px 5% 95px;isolation:isolate}.hero-copy{position:relative;z-index:2}.kicker{font-size:11px;letter-spacing:.16em;font-weight:600;color:var(--blue);margin-bottom:30px}.hero h1{font-size:clamp(65px,7.5vw,122px);font-weight:800;line-height:1.08;letter-spacing:-.065em;transform:translateY(var(--shift));max-width:820px}.hero h1 span{color:var(--blue)}.hero-sub{font-size:20px;font-weight:400;margin-top:28px;color:#3d5068;letter-spacing:.08em}.hero-action{display:inline-flex;align-items:center;gap:52px;margin-top:32px;padding:17px 24px;border:1px solid var(--ink);font-size:13px;font-weight:600;position:relative;transition:background .2s,color .2s,transform .2s;background:rgba(245,248,252,.6)}.hero-action:hover{background:var(--ink);color:white}.hero-action:active{transform:scale(.98)}.hero-action span{font-size:22px;line-height:1}.hero-art{position:absolute;right:-3%;bottom:8%;width:77%;height:86%;object-fit:cover;object-position:75% center;z-index:0;mix-blend-mode:multiply;transform:translateY(var(--art-shift));pointer-events:none}.hero-foot{position:absolute;bottom:25px;left:5%;right:5%;border-top:1px solid var(--line);padding-top:19px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.09em;color:var(--muted);z-index:3}.section-wrap{padding:100px 6%}.process{display:grid;grid-template-columns:1fr 1.07fr;gap:9%;background:white url('/home-assets/20261009T161841Z-higgsfield-silver/assets/plate1.webp') no-repeat left bottom;background-size:55% auto;border-top:1px solid var(--line);position:relative}.process-title{position:relative;display:flex;gap:26px;align-items:flex-start}.large-three{font-size:210px;font-weight:800;letter-spacing:-.1em;line-height:.92;color:var(--blue);margin-left:-10px;opacity:.95}.process h2{font-size:clamp(32px,3.3vw,49px);line-height:1.3;margin:10px 0 27px}.process-title p{font-size:14px;color:var(--muted)}.scope-link{margin-top:50px;display:flex;align-items:center;gap:38px;font-size:12px;width:fit-content}.scope-link span{font-size:25px;transition:transform .25s}.scope-link:hover span{transform:translateX(8px)}.timeline article{display:grid;grid-template-columns:64px 1fr;gap:26px;padding:32px 0;border-top:1px solid #b8c8df}.timeline article:first-child{padding-top:14px;border:0}.timeline article:last-child{padding-bottom:0}.day{font-size:13px;font-weight:600;color:var(--blue);padding-top:5px;white-space:nowrap}.timeline h3{font-size:25px;margin-bottom:14px}.timeline p{font-size:14px;color:var(--muted);max-width:32em}.timeline small{display:block;font-size:10px;color:var(--blue);letter-spacing:.07em;margin-top:18px}.scope{display:grid;grid-template-columns:.8fr 1.2fr;gap:12%;padding-top:70px;padding-bottom:90px;background:#edf2f8}.scope h2{font-size:clamp(30px,3.3vw,47px);line-height:1.35}.scope-heading p{font-size:13px;color:var(--muted);margin-top:24px}.scope-content details{border-top:1px solid #c8d3e2}.scope-content details:last-child{border-bottom:1px solid #c8d3e2}.scope-content summary{padding:22px 0;display:flex;justify-content:space-between;gap:18px;font-size:14px;font-weight:600}.scope-content summary span{font-size:21px;font-weight:400;transition:transform .2s}.scope-content details[open] summary span{transform:rotate(45deg)}.scope-content details p{font-size:13px;padding-bottom:22px;color:var(--muted);max-width:46em}.imds{background:#f5f8fc url('/home-assets/20261009T161841Z-higgsfield-silver/assets/plate2.webp') no-repeat left 90px;background-size:43% auto;display:grid;grid-template-columns:.83fr 1.17fr;column-gap:10%;border-top:1px solid var(--line)}.imds-title h2{font-family:'Geist','Noto Sans SC',sans-serif;font-size:clamp(75px,8.2vw,135px);line-height:.85;letter-spacing:-.065em;color:var(--blue);margin-bottom:34px}.imds-title h2 span{font-size:clamp(30px,3.2vw,49px);color:var(--ink);line-height:1.8;letter-spacing:-.05em}.imds-title>p:last-child{font-size:14px;color:var(--muted)}.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;align-content:start}.module{border-top:1px solid #bdcbe0;min-height:86px}.module summary{display:flex;gap:9px;align-items:center;min-height:86px;padding:14px 0;transition:transform .2s}.module summary:hover{transform:translateX(3px)}.module summary img{width:33px;height:33px;object-fit:contain;mix-blend-mode:multiply;flex-shrink:0}.module h3{font-size:13px;font-weight:600;line-height:1.6;letter-spacing:-.025em;flex:1}.module summary>span{font-size:19px;color:#50647d}.module p{font-size:12px;color:var(--muted);padding:0 5px 19px 42px}.module[open] summary>span{transform:rotate(45deg)}.platform-notes{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.1fr 1.35fr;margin-top:90px;border-top:1px solid #b8c8df;padding-top:30px;gap:6%}.platform-notes>div{border:0;background:none}.platform-notes h3{font-size:21px;margin-bottom:13px}.platform-notes p{font-size:13px;color:var(--muted)}.transfer{grid-column:1/-1;margin-top:55px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.transfer summary{display:flex;justify-content:space-between;padding:24px 2px;font-size:18px;font-weight:600;transition:transform .25s}.transfer summary:hover{transform:translateX(6px)}.transfer-arrow{color:var(--blue);font-size:28px}.transfer p{padding:0 0 24px;font-size:13px;color:var(--muted);max-width:65em}footer{display:flex;justify-content:space-between;align-items:center;padding:42px 6%;gap:30px;border-top:1px solid #c8d3e2;background:#e9eff7}.footer-brand{font-size:38px;font-weight:800;letter-spacing:-2px}footer p{font-size:12px;font-weight:600;margin-bottom:8px}footer small{font-size:10px;color:#596b80}.back-top{width:44px;height:44px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--blue);font-size:21px;transition:transform .25s}.back-top:hover{transform:translateY(-4px)}.error-page{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px}.error-page a{text-decoration:underline}.error-page button{background:var(--blue);color:#fff;border:0;padding:12px 24px}@media(min-width:1500px){.hero-art{right:0;width:73%}.hero{padding-top:95px}}@media(max-width:1000px){.site-nav{gap:20px}.site-nav nav{gap:20px}.nav-scope{display:none}.hero{min-height:690px}.hero-art{right:-17%;width:100%;height:80%;bottom:6%}.hero h1{font-size:80px}.process{gap:6%;grid-template-columns:.9fr 1.1fr}.large-three{font-size:150px}.process-title{gap:18px}.section-wrap{padding:75px 5%}.imds{column-gap:6%}.module-grid{column-gap:13px}.module summary img{width:25px;height:25px}.module p{padding-left:0}.platform-notes{gap:30px}}@media(max-width:700px){html{scroll-padding-top:76px}.site-nav{height:68px;padding:0 5%;gap:16px}.brand{font-size:20px;gap:5px}.brand img{width:25px;height:25px}.brand span{display:none}.site-nav nav{gap:16px;margin-left:auto;margin-right:0;font-size:11px}.site-nav nav a:last-child{display:none}.hero{min-height:780px;padding:48px 6% 75px}.kicker{font-size:10px;margin-bottom:22px}.hero h1{font-size:clamp(55px,12vw,78px);line-height:1.1;max-width:none}.hero-sub{font-size:15px;margin-top:20px}.hero-action{font-size:12px;padding:14px 19px;gap:34px;margin-top:22px}.hero-art{bottom:7%;height:45%;width:145%;max-width:none;right:-24%;object-fit:cover;object-position:center}.hero-foot{font-size:9px;left:6%;right:6%;bottom:23px}.hero-foot span:last-child{display:none}.section-wrap{padding:64px 6%}.process{display:block;background-size:100% auto}.process-title{gap:25px}.large-three{font-size:150px}.process h2{font-size:35px;margin-top:5px;margin-bottom:18px}.scope-link{margin-top:24px}.timeline{margin-top:42px}.timeline article{grid-template-columns:55px 1fr;gap:18px;padding:25px 0}.timeline h3{font-size:22px}.timeline p{font-size:13px}.scope{display:block}.scope h2{font-size:34px}.scope-content{margin-top:32px}.imds{display:block;background-size:100% auto;background-position:left 30px}.imds-title h2{font-size:90px;margin-bottom:12px}.imds-title h2 span{font-size:34px}.module-grid{margin-top:50px;gap:0 18px}.module summary{min-height:90px}.module h3{font-size:12px}.module summary img{width:27px;height:27px}.module p{font-size:11px}.platform-notes{display:block;margin-top:40px;padding-top:0}.platform-notes>div{padding:26px 0;border-bottom:1px solid var(--line)}.platform-notes h3{font-size:22px}.transfer{margin-top:24px}.transfer summary{font-size:16px}footer{flex-wrap:wrap;padding:35px 6%;gap:20px}.footer-brand{font-size:32px}footer>div{order:3;width:100%}.back-top{margin-left:auto}footer small{line-height:1.8;display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.hero h1,.hero-art,.module summary,.transfer summary{transform:none!important}}
.hero-media{position:absolute;inset:0;z-index:0;pointer-events:none}.hero-media .hero-art,.hero-film{position:absolute;right:-3%;bottom:8%;width:77%;height:86%;object-fit:cover;object-position:75% center;mix-blend-mode:multiply;transform:translateY(var(--art-shift));pointer-events:none}.hero-film{z-index:1}.hero-media .hero-art{z-index:2}.film-ready .hero-media .hero-art{visibility:hidden}.film-toggle{position:absolute;bottom:90px;right:5%;width:42px;height:42px;z-index:4;pointer-events:auto;background:#f5f8fcdd;border:1px solid #c2cee0;border-radius:50%;font-size:19px;color:#254ec2;display:grid;place-items:center}.film-toggle[hidden]{display:none}.timeline article{position:relative;transition:transform .55s cubic-bezier(.2,.7,.2,1),background .4s}.timeline article:before{content:'';position:absolute;left:-17px;top:30px;bottom:28px;width:3px;background:#254ec2;transform:scaleY(.15);transform-origin:top;transition:transform .55s}.timeline article.step-active{transform:translateX(8px)}.timeline article.step-active:before{transform:scaleY(1)}.timeline article.step-active h3{color:#254ec2}.module{transition:background .25s,box-shadow .25s}.module.module-active{background:rgba(37,78,194,.045);box-shadow:inset 0 2px #254ec2}.module-active img{transform:scale(1.12);transition:transform .25s}.module-grid{position:relative}.hero-film{background:transparent}@media(max-width:1000px){.hero-media .hero-art,.hero-film{right:-17%;width:100%;height:80%;bottom:6%}}@media(max-width:700px){.hero-media .hero-art,.hero-film{bottom:7%;height:45%;width:145%;max-width:none;right:-24%;object-position:center}.film-toggle{right:6%;bottom:85px;width:36px;height:36px}.timeline article.step-active{transform:translateX(4px)}}@media(prefers-reduced-motion:reduce){.hero-film,.film-toggle{display:none!important}.hero-media .hero-art{visibility:visible!important;transform:none!important}.timeline article,.timeline article:before,.module-active img{transform:none!important}.timeline article:before{display:none}.module.module-active{box-shadow:none;background:none}}
.machine-chapter{background:#eaf0f8;border-top:1px solid #ccd8e7;padding-top:45px;padding-bottom:38px}.machine-heading{display:flex;align-items:center;justify-content:space-between;gap:35px}.machine-heading h2{font-size:clamp(28px,3vw,44px);line-height:1.3}.machine-heading p{font-size:10px;color:#58708e;margin-top:12px}.machine-controls{display:flex;gap:10px}.machine-controls button{border:1px solid #a8bad3;background:transparent;padding:11px 16px;font-size:12px;color:#15243b}.machine-controls button:hover{background:#fff}.machine-scene{position:relative;width:100%;aspect-ratio:16/9;max-height:680px;margin-top:10px;overflow:hidden}.machine-world>img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform 1.6s cubic-bezier(.2,.6,.3,1)}.input-port{position:absolute;left:9%;font-family:'Geist Mono',monospace;font-size:clamp(15px,2.4vw,30px);font-weight:700;padding:8px 13px;background:#f5f8fce6;border:1px solid #b5c7e2;z-index:3}.erp-port{top:42%;color:#254ec2}.mes-port{top:65%;color:#008a9c}.input-port i{display:block;position:absolute;left:110%;top:48%;width:8px;height:8px;background:currentColor;border-radius:50%;box-shadow:0 0 16px currentColor;animation:cable-flow 2.8s ease-in-out infinite}.mes-port i{animation-delay:1.4s}.machine-leds{position:absolute;top:31%;left:46%;width:32%;display:grid;grid-template-columns:repeat(5,1fr);gap:9px 7px;z-index:4;padding:12px;background:#eff5fcb8;border:1px solid #c5d3e6;backdrop-filter:blur(4px)}.machine-led{display:flex;align-items:center;flex-direction:column;gap:6px;font-size:9px;line-height:1.1;color:#25364d;--lamp:#2364dc;--delay:0s}.machine-led:nth-child(2n){--lamp:#0098a6;--delay:.3s}.machine-led:nth-child(3n){--lamp:#258656;--delay:.6s}.machine-led:nth-child(4n){--lamp:#c37711;--delay:.9s}.machine-led:nth-child(5n){--lamp:#7462bc;--delay:1.2s}.machine-led i{display:block;width:12px;height:12px;border-radius:50%;background:var(--lamp);box-shadow:0 0 0 3px #fff8;opacity:.4}.machine-scan{position:absolute;left:44%;right:21%;top:31%;height:2px;background:#2e88da;box-shadow:0 0 12px #64b2e5;opacity:0}.machine-reports{position:absolute;right:4%;bottom:16%;display:flex;gap:8px;z-index:5}.machine-reports>span{background:white;border:1px solid #abc0df;padding:20px 12px;color:#254ec2;font-size:11px;box-shadow:0 5px 20px #28467717;transform:translateY(50px) rotate(5deg);opacity:0;transition:transform .8s,opacity .8s}.machine-reports>span:nth-child(2){transition-delay:.15s}.machine-reports>span:nth-child(3){transition-delay:.3s}.machine-reports>span:nth-child(4){transition-delay:.45s}.machine-reports>span:nth-child(5){transition-delay:.6s}.machine-reports small{display:block;font-size:8px;color:#63738a;margin-top:10px}.consultant-review{position:absolute;right:5%;bottom:10%;width:36%;padding:24px;background:#f5f8fc;border:1px solid #8ca8d0;box-shadow:0 12px 40px #254ec21c;opacity:0;transform:translateX(30px);transition:opacity .9s,transform .9s;z-index:6}.consultant-review strong{font-size:21px;display:block}.consultant-review span{display:block;font-size:15px;margin-top:10px;color:#254ec2}.consultant-review small{display:block;margin-top:8px;font-size:10px;color:#52647b}.machine-stages{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #bdcce0;gap:18px}.machine-stages button{border:0;border-top:3px solid transparent;background:transparent;text-align:left;padding:18px 0;font-size:13px;color:#536983;transition:border-color .5s,color .5s}.machine-stages b{display:block;font-family:'Geist Mono',monospace;font-size:11px;margin-bottom:8px}.machine-stages button[aria-pressed=true]{border-color:#254ec2;color:#254ec2}.machine-disclaimer{font-size:10px;color:#60728a;margin-top:12px}.machine-chapter[data-machine-stage="1"] .machine-led i{animation:lamp-breathe 3s ease-in-out infinite;animation-delay:var(--delay)}.machine-chapter[data-machine-stage="1"] .machine-scan{opacity:.6;animation:scan-pass 3s ease-in-out infinite}.machine-chapter[data-machine-stage="2"] .machine-led i,.machine-chapter[data-machine-stage="3"] .machine-led i{opacity:1;box-shadow:0 0 13px var(--lamp)}.machine-chapter[data-machine-stage="2"] .machine-reports>span{opacity:1;transform:translateY(0) rotate(0)}.machine-chapter[data-machine-stage="3"] .consultant-review{opacity:1;transform:translateX(0)}.machine-chapter[data-machine-stage="1"] .machine-world>img{transform:scale(1.025)}.machine-chapter.machine-paused *{animation-play-state:paused!important}.machine-chapter[data-machine-stage="3"] .input-port i{animation-play-state:paused;opacity:.3}@keyframes cable-flow{0%{transform:translateX(0);opacity:0}20%,80%{opacity:1}100%{transform:translateX(230px);opacity:0}}@keyframes lamp-breathe{0%,100%{opacity:.35;box-shadow:0 0 0 transparent}50%{opacity:1;box-shadow:0 0 18px var(--lamp)}}@keyframes scan-pass{0%,100%{transform:translateY(0)}50%{transform:translateY(100px)}}@media(max-width:700px){.machine-heading{display:block}.machine-controls{margin-top:15px}.machine-scene{aspect-ratio:4/3;margin-left:-6.8%;width:113.6%;margin-top:20px}.machine-world>img{object-position:58% center}.input-port{left:1%;font-size:12px;padding:5px 8px}.erp-port{top:43%}.mes-port{top:64%}.machine-leds{left:43%;width:45%;top:32%;padding:6px;gap:7px 4px}.machine-led{font-size:7px;gap:4px}.machine-led i{width:7px;height:7px}.machine-reports{gap:3px;right:2%;bottom:8%}.machine-reports>span{padding:10px 4px;font-size:8px}.consultant-review{width:48%;right:2%;bottom:6%;padding:13px}.consultant-review strong{font-size:15px}.consultant-review span{font-size:12px}.machine-stages{gap:9px}.machine-stages button{font-size:10px}.machine-disclaimer{font-size:9px}.machine-scan{left:43%;right:12%;top:31%}}@media(prefers-reduced-motion:reduce){.machine-scene *{animation:none!important;transition:none!important}.machine-controls .machine-play{display:none}.machine-led i{opacity:1}.input-port i,.machine-scan{display:none!important}.machine-world>img{transform:none!important}}
.machine-world>.machine-base{transform:none!important}.machine-world>.machine-cable{position:absolute;inset:0;object-fit:cover;mix-blend-mode:normal;transition:transform .85s cubic-bezier(.2,.65,.25,1);z-index:2}.machine-scene>.cable-erp{transform:translate(-90px,15px)!important}.machine-scene>.cable-mes{transform:translate(-115px,24px)!important}.machine-chapter[data-cable-align="erp"] .cable-erp{transform:translate(-60px,0)!important}.machine-chapter[data-cable-align="mes"] .cable-mes{transform:translate(-65px,0)!important}.machine-chapter[data-cable-progress="1"] .cable-erp,.machine-chapter[data-cable-progress="2"] .cable-erp,.machine-chapter[data-cable-progress="2"] .cable-mes{transform:translate(0,0)!important}.machine-socket{position:absolute;z-index:1;left:40.2%;width:1.1%;height:5.7%;border:3px solid #aebac7;background:#25354a;border-radius:50%}.socket-erp{top:21.8%}.socket-mes{top:37.8%}.input-port i{animation-play-state:paused;opacity:0}.machine-chapter[data-cable-progress="1"] .erp-port i,.machine-chapter[data-cable-progress="2"] .input-port i{animation-play-state:running;opacity:1}.machine-chapter.machine-paused .input-port i{animation-play-state:paused}.erp-port,.mes-port{box-shadow:none;transition:box-shadow .6s}.machine-chapter[data-cable-progress="1"] .erp-port,.machine-chapter[data-cable-progress="2"] .erp-port{box-shadow:0 0 15px #254ec244}.machine-chapter[data-cable-progress="2"] .mes-port{box-shadow:0 0 15px #00a7ba44}@media(max-width:700px){.machine-world>.machine-cable{object-position:58% center}.machine-scene>.cable-erp{transform:translate(-40px,8px)!important}.machine-scene>.cable-mes{transform:translate(-50px,12px)!important}.machine-chapter[data-cable-align="erp"] .cable-erp,.machine-chapter[data-cable-align="mes"] .cable-mes{transform:translate(-30px,0)!important}.machine-chapter[data-cable-progress="1"] .cable-erp,.machine-chapter[data-cable-progress="2"] .cable-erp,.machine-chapter[data-cable-progress="2"] .cable-mes{transform:translate(0,0)!important}}@media(prefers-reduced-motion:reduce){.machine-world>.machine-cable{transform:translate(0,0)!important;transition:none!important}.machine-socket{display:none}}
.conduit-layer{position:absolute;inset:0;width:100%;height:100%;z-index:2;overflow:visible;pointer-events:none}.conduit{transition:transform .9s cubic-bezier(.18,.75,.25,1)}.conduit-erp{transform:translate(-150px,30px)}.conduit-mes{transform:translate(-190px,45px)}.machine-chapter[data-cable-align="erp"] .conduit-erp{transform:translate(-100px,0)}.machine-chapter[data-cable-align="mes"] .conduit-mes{transform:translate(-110px,0)}.machine-chapter[data-cable-progress="1"] .conduit-erp,.machine-chapter[data-cable-progress="2"] .conduit{transform:translate(0,0)}.tube-wall{fill:none;stroke:#8aa4bc;stroke-width:45;stroke-opacity:.44}.tube-glass{fill:none;stroke:#edfaff;stroke-width:36;stroke-opacity:.58}.tube-highlight{fill:none;stroke:#fff;stroke-width:5;stroke-opacity:.9}.tube-data{fill:none;stroke:#43b5ec;stroke-width:10;stroke-dasharray:9 78;stroke-linecap:round;opacity:0;animation:tube-flow 3.3s linear infinite;animation-play-state:paused}.mes-data{stroke:#54d3c9;stroke-dasharray:7 66}.machine-chapter[data-cable-progress="1"] .erp-data,.machine-chapter[data-cable-progress="2"] .tube-data{opacity:1;animation-play-state:running}.plug rect{fill:#c4d2df;stroke:#7b91a7;stroke-width:3}.plug path{stroke:#f7fbff;stroke-width:4}.plug .plug-tip{fill:#a8bbcb;stroke:#6c839b}.input-port i{display:none!important}@keyframes tube-flow{from{stroke-dashoffset:522}to{stroke-dashoffset:0}}@media(max-width:700px){.machine-world>.machine-base{object-position:center}}@media(prefers-reduced-motion:reduce){.conduit{transform:translate(0,0)!important;transition:none!important}.tube-data{opacity:.65;animation:none!important}}

/* Exact letter packets stay clipped inside the translucent conduits. */
.pipe-letter{font:800 29px ui-monospace,monospace;fill:#eefeff;paint-order:stroke;stroke:#167ca1;stroke-width:.6px;filter:drop-shadow(0 0 5px #38bdec)}.mes-letters .pipe-letter{fill:#e8fff9;stroke:#128577}.letter-stream{opacity:0;transition:opacity .35s}.machine-chapter[data-cable-progress="1"] .erp-letters,.machine-chapter[data-cable-progress="2"] .letter-stream{opacity:1}

.concept-board{position:relative;margin:0;isolation:isolate}.concept-board>img{display:block;width:100%;height:auto}.concept-board>figcaption{position:absolute;left:0;right:0;bottom:0;height:5.8%;display:flex;align-items:center;justify-content:center;gap:15px;background:#f7faff;color:#496684;font-size:clamp(8px,1.1vw,16px)}.concept-board>figcaption:before,.concept-board>figcaption:after,.machine-brandline:before,.machine-brandline:after{content:"";width:6%;height:1px;background:#b1c4dc}.machine-brandline{display:flex;align-items:center;justify-content:center;gap:15px;color:#496684;font-size:12px;margin:14px 0}

/* Final silver machine geometry, one coordinate system on desktop and mobile. */
.machine-scene{aspect-ratio:2688/1520;max-height:none}.machine-world>img{mix-blend-mode:normal;object-fit:contain;object-position:center}.machine-chapter[data-machine-stage="1"] .machine-world>img{transform:none}.conduit-layer{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:2}.machine-leds{top:30%;left:51%;width:29%;height:22%;padding:0;background:transparent;border:0;backdrop-filter:none;gap:7% 2%}.machine-led{justify-content:end;color:#173552;font-size:clamp(6px,.7vw,11px);font-weight:700;text-shadow:0 1px 2px white}.machine-led i{width:28%;height:auto;aspect-ratio:1;margin-bottom:20%;box-shadow:0 0 20px var(--lamp)}.machine-scan{left:48%;right:20%;top:28%}.input-port{left:3%;font-size:clamp(10px,1.6vw,22px);padding:4px 8px}.erp-port{top:33%}.mes-port{top:54%}.pipe-letter{font-size:33px}.tube-wall{stroke-width:76;stroke:#8eafc0;opacity:.36}.tube-glass{stroke-width:64;stroke:#e3faff;opacity:.5}.tube-highlight{stroke-width:7;opacity:.85}.plug rect{fill:#cdd5df;stroke:#5b6b80;stroke-width:3}.plug path{stroke:#667c91;stroke-width:5}.plug .plug-tip{fill:#e5edf2;stroke:#5da9c5}.machine-chapter[data-machine-stage="0"] .machine-leds{background:#dce8f985;border-radius:12px}.machine-chapter[data-machine-stage="1"] .machine-leds{background:#e6f0f729}.machine-scene .machine-base{filter:none}@media(max-width:700px){.machine-scene{aspect-ratio:2688/1520;margin-left:0;width:100%}.machine-leds{left:51%;top:30%;width:29%;height:22%;padding:0}.machine-led{font-size:5px}.machine-led i{width:28%;height:auto}.machine-scan{left:48%;right:20%;top:28%}.input-port{left:0;font-size:9px;padding:2px 4px}.erp-port{top:33%}.mes-port{top:54%}}

/* Zero-credit readability revision: isolate the existing silver shell with a frontend mask. */
.hero-media{background:linear-gradient(90deg,#f5f8fc 8%,#f5f8fc 28%,#424b55 58%,#202831 100%)}
.hero-media .hero-art{width:86%;height:auto;aspect-ratio:2688/1520;right:-3%;bottom:11%;object-fit:contain;mix-blend-mode:normal;clip-path:polygon(45% 16%,82% 10%,86% 10%,94.8% 19%,95.2% 78%,94.1% 79%,94.1% 84%,88.8% 85%,85.7% 83%,85.7% 80%,46% 80%,46% 83%,43% 83%,41.5% 81%,41.5% 78%,41.5% 59%,39.7% 55%,39.7% 48%,41.5% 44%,41.5% 39%,39.7% 35%,39.7% 27%,41.5% 23%)}
.hero-foot{background:#f5f8fc;color:#263b53;padding:16px 0 0}.hero-action{background:#f5f8fc}.hero-sub{color:#263b53}
.machine-chapter{background:linear-gradient(135deg,#303943,#1c242d 62%,#323d48);border-color:#607182;color:#fff}
.machine-heading p,.machine-disclaimer{color:#e1e9f2;font-size:13px;line-height:1.7}
.machine-controls button{background:#283744;border:1px solid #b9ccdc;color:#fff;font-size:14px;min-height:44px;font-weight:600}
.machine-controls button:hover{background:#40566b}.machine-controls button:focus-visible,.machine-stages button:focus-visible{outline-color:#87e0ff}
.machine-scene{background:radial-gradient(ellipse at 67% 54%,#435264 0,#28333f 42%,#1b242e 82%);border:1px solid #647384;border-radius:12px;isolation:isolate}
.machine-world{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:2688/1520}
.machine-world>.machine-base{width:100%;height:100%;object-fit:contain;clip-path:polygon(45% 16%,82% 10%,86% 10%,94.8% 19%,95.2% 78%,94.1% 79%,94.1% 84%,88.8% 85%,85.7% 83%,85.7% 80%,46% 80%,46% 83%,43% 83%,41.5% 81%,41.5% 78%,41.5% 59%,39.7% 55%,39.7% 48%,41.5% 44%,41.5% 39%,39.7% 35%,39.7% 27%,41.5% 23%);filter:none;mix-blend-mode:normal}
.tube-wall{stroke:#b0d1e2;stroke-width:108;stroke-opacity:.9;opacity:1}
.tube-glass{stroke:#203b4d;stroke-width:86;stroke-opacity:.9;opacity:1}
.tube-highlight{stroke:#d8f4ff;stroke-width:9;stroke-opacity:.95;opacity:1}
.letter-stream{opacity:1}.pipe-letter{font-size:70px;font-weight:900;fill:#fff;stroke:#102430;stroke-width:2;filter:none}
.mes-letters .pipe-letter{fill:#b7ffee;stroke:#102b28}
.input-port{background:#102c3c;border:1px solid #b5eaff;color:#fff;box-shadow:none!important;font-size:20px;font-weight:800}
.mes-port{background:#153b36;border-color:#98f5d8;color:#c8fff0}
.machine-leds,.machine-chapter[data-machine-stage="0"] .machine-leds,.machine-chapter[data-machine-stage="1"] .machine-leds{background:transparent}
.machine-led{color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;font-size:12px}.machine-led i{opacity:1;box-shadow:none}
.machine-scan{box-shadow:none}.machine-reports>span{background:#fff;color:#12376a;border-color:#86b4d4;font-size:13px}.machine-reports small{color:#42566a;font-size:10px}
.consultant-review{background:#eef6ff;color:#16314d}.consultant-review small{color:#344e67;font-size:12px}
.machine-stages{border-color:#60788e}.machine-stages button{color:#e1eaf2;font-size:14px;min-height:64px}
.machine-stages button[aria-pressed=true]{color:#a9eaff;border-color:#89dfff;font-weight:700}
.machine-brandline{color:#d6e9f8;font-size:14px}.machine-brandline:before,.machine-brandline:after{background:#7896ad}
.imds{grid-template-columns:1fr}.imds-title{max-width:900px}.imds .platform-notes{margin-top:36px}
.machine-controls .machine-play{display:inline-block!important}.machine-motion-status{font-size:13px;color:#d4ecff;line-height:1.7;min-height:2em;margin-top:15px}
.conduit-erp{transform:translate(-300px,30px)}.conduit-mes{transform:translate(-340px,45px)}
@media(prefers-reduced-motion:reduce){
 .machine-chapter.machine-user-motion .conduit{transition:transform 1s ease-out!important}
 .machine-chapter.machine-user-motion .conduit-erp{transform:translate(-300px,30px)!important}
 .machine-chapter.machine-user-motion .conduit-mes{transform:translate(-340px,45px)!important}
 .machine-chapter.machine-user-motion[data-cable-align="erp"] .conduit-erp{transform:translate(-100px,0)!important}
 .machine-chapter.machine-user-motion[data-cable-align="mes"] .conduit-mes{transform:translate(-110px,0)!important}
 .machine-chapter.machine-user-motion[data-cable-progress="1"] .conduit-erp,.machine-chapter.machine-user-motion[data-cable-progress="2"] .conduit{transform:translate(0,0)!important}
 .machine-chapter.machine-user-motion[data-machine-stage="1"] .machine-scan{display:block!important;animation:scan-pass 3s ease-in-out 2!important;opacity:1}
}
@media(max-width:700px){
 .hero{min-height:730px}.hero-media{background:linear-gradient(180deg,#f5f8fc 0,#f5f8fc 46%,#354250 56%,#202a35 100%)}
 .hero-media .hero-art{width:143%;height:auto;right:-19%;bottom:8%;max-width:none}
 .hero-foot{font-size:11px;left:0;right:0;padding:15px 6% 0;bottom:0;height:58px;border-top-color:#d0deec}
 .machine-chapter{padding:38px 4% 28px}.machine-heading h2{font-size:32px;letter-spacing:-.04em}.machine-heading p{font-size:13px}
 .machine-controls{gap:8px}.machine-controls button{font-size:13px;padding:10px 12px}
 .machine-scene{width:100%;margin-left:0;aspect-ratio:1.12;margin-top:20px}
 .machine-world{width:140%;height:auto;left:-32%;top:3%;right:auto;bottom:auto}
 .machine-world>.machine-base{position:absolute;inset:0}
 .input-port{left:25%;font-size:17px;padding:5px 7px}.erp-port{top:21%}.mes-port{top:44%}
 .pipe-letter{font-size:82px}.machine-led{font-size:10px}.machine-led i{width:28%;margin-bottom:12%}
 .machine-stages{grid-template-columns:1fr 1fr;gap:0 18px;margin-top:12px}.machine-stages button{font-size:13px;line-height:1.5;padding:13px 0;min-height:62px}.machine-stages b{font-size:12px;margin-bottom:4px}
 .machine-disclaimer{font-size:13px}.machine-brandline{font-size:13px;margin-top:18px}
 .machine-reports{flex-wrap:wrap;right:10%;bottom:1%;max-width:49%;gap:3px}.machine-reports>span{font-size:11px;padding:7px}.machine-reports small{font-size:9px;margin-top:3px}
 .consultant-review{right:12%;bottom:2%;width:45%;padding:12px}.consultant-review strong{font-size:16px}.consultant-review span{font-size:13px}
}

/* Keep playback available while the phone scrolls through the machine scene. */
.machine-controls{position:sticky;top:88px;z-index:9;width:fit-content;max-width:100%;padding:6px;background:#202b36f5;border-radius:8px;margin-top:14px}
@media(max-width:700px){.machine-controls{top:76px;margin-top:12px}.machine-controls button{min-height:44px}}
/* Avoid a white overscroll surface past the actual page footer in Safari. */
html{overscroll-behavior-y:none;background:#e9eff7}
body{display:flow-root}
footer{margin-bottom:0}


.motion-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;min-height:0!important}
.motion-icon{position:absolute;right:12px;bottom:12px;z-index:10;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;background:#132534c9;color:#fff;border:1px solid #c9e7f599;border-radius:50%;cursor:pointer;pointer-events:auto;transition:opacity .18s}
.motion-icon svg{display:block;width:22px;height:22px}.motion-icon:focus-visible{outline:3px solid #87e0ff;outline-offset:3px;opacity:1!important;pointer-events:auto!important}
[data-video-state=playing] .motion-icon,[data-video-state=loading] .motion-icon,[data-machine-running=true] .motion-icon{opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.motion-icon{transition:none}}

.hero-media .hero-film{width:86%;height:auto;aspect-ratio:2688/1520;right:-3%;bottom:11%;object-fit:contain;mix-blend-mode:normal;clip-path:polygon(45% 16%,82% 10%,86% 10%,94.8% 19%,95.2% 78%,94.1% 79%,94.1% 84%,88.8% 85%,85.7% 83%,85.7% 80%,46% 80%,46% 83%,43% 83%,41.5% 81%,41.5% 78%,41.5% 59%,39.7% 55%,39.7% 48%,41.5% 44%,41.5% 39%,39.7% 35%,39.7% 27%,41.5% 23%)}
.hero-media .film-toggle{right:5%;bottom:90px;width:44px;height:44px}
.hero[data-video-state=static] .hero-art,.hero[data-video-state=error] .hero-art{visibility:visible!important}
.machine-scene .machine-next{right:64px}
@media(max-width:700px){.hero{min-height:660px}.hero-media .hero-film{width:143%;height:auto;right:-19%;bottom:8%;max-width:none}.hero-media .film-toggle{right:6%;bottom:85px}}
@media(prefers-reduced-motion:reduce){.hero .hero-film,.hero .film-toggle{display:block!important}.hero:not([data-user-played=true]) .hero-film{opacity:0}.hero[data-user-played=true].film-ready .hero-art{visibility:hidden!important}}


.motion-pause-icon{position:absolute;right:12px;bottom:12px;z-index:12;width:44px;height:44px;padding:11px;border:0;background:#102534aa;color:#fff;border-radius:8px;opacity:0;pointer-events:auto;cursor:pointer;transition:opacity .15s}
.motion-pause-icon svg{display:block;width:22px;height:22px}.motion-pause-icon:focus-visible{opacity:1!important;outline:3px solid #87e0ff;outline-offset:3px}
@media(hover:hover){.hero:hover .hero-motion-toggle,.boooble-brand-film:hover .motion-pause-icon{opacity:.42}.motion-pause-icon:hover{opacity:1!important}}
.visual-motion-paused .live-motion *{animation-play-state:paused!important}

.hero-media .hero-live-motion{position:absolute;width:86%;height:auto;aspect-ratio:2688/1520;right:-3%;bottom:11%;z-index:3;pointer-events:none}
.hero-media .hero-motion-toggle{right:5%;bottom:90px}
.hero[data-video-state=blocked] .hero-film,.hero[data-video-state=error] .hero-film,.hero[data-video-state=static] .hero-film{opacity:0;pointer-events:none}
.hero[data-video-state=blocked] .hero-art,.hero[data-video-state=error] .hero-art,.hero[data-video-state=static] .hero-art{visibility:visible!important}
.cx-scan-band{animation:cx-visible-scan 8s linear infinite;filter:drop-shadow(0 0 18px #71dbff)}
.cx-pulse-light{fill:var(--light);opacity:.16;transform-box:fill-box;transform-origin:center;animation:cx-visible-light 2s ease-in-out infinite;filter:drop-shadow(0 0 16px var(--light))}
.cx-data-lines path{fill:none;stroke:#a6edff;stroke-width:20;stroke-dasharray:38 120;opacity:.85;animation:cx-visible-data 2s linear infinite}
@keyframes cx-visible-scan{0%,100%{transform:translateY(0)}50%{transform:translateY(400px)}}
@keyframes cx-visible-light{50%{transform:scale(1.18);opacity:.76}}
@keyframes cx-visible-data{to{stroke-dashoffset:-632}}
@media(max-width:700px){.hero-media .hero-live-motion{width:143%;height:auto;right:-19%;bottom:8%;max-width:none}.hero-media .hero-motion-toggle{right:6%;bottom:85px}}
@media(prefers-reduced-motion:reduce){.hero:not(.visual-user-motion) .cx-scan-band,.hero:not(.visual-user-motion) .cx-data-lines{display:none}.hero.visual-user-motion .cx-scan-band{animation:cx-visible-scan 8s linear infinite!important}.hero.visual-user-motion .cx-pulse-light{animation:cx-visible-light 2s ease-in-out infinite!important}.hero.visual-user-motion .cx-data-lines path{animation:cx-visible-data 2s linear infinite!important}}

.cx-module-labels text{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:60px;font-weight:700;text-anchor:middle;fill:#effbff;stroke:#163341;stroke-width:8px;paint-order:stroke fill;stroke-linejoin:round;pointer-events:none}

footer>div{flex:1}footer .footer-tagline{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;font-size:clamp(26px,2.2vw,32px);font-weight:800;font-synthesis:weight;color:#10273a;line-height:1.5;margin:0;text-align:center;-webkit-text-stroke:.25px currentColor}.footer-tagline span{display:inline-block;white-space:nowrap}@media(max-width:700px){footer .footer-tagline{font-size:26px}.footer-tagline span{display:block}footer>div{flex:0 0 100%}}

.machine-heading>div{width:100%}.machine-heading h2.machine-tagline{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;font-size:clamp(12px,3.15vw,32px);font-weight:700;line-height:1.5;white-space:nowrap;word-spacing:-.25em}.machine-tagline span{display:inline-block;white-space:nowrap}
html[lang=en] .hero h1{font-size:clamp(38px,4.9vw,70px);line-height:1.12}html[lang=en] .footer-tagline span{white-space:normal}html[lang=en] .machine-tagline{font-size:clamp(14px,1.8vw,28px)}
@media(max-width:700px){html[lang=en] .machine-heading h2.machine-tagline{font-size:16px;white-space:normal;display:grid;grid-template-columns:1fr 1fr;gap:8px;word-spacing:0}html[lang=en] .machine-tagline span{white-space:normal}html[lang=en] .footer-tagline{font-size:26px}}
@media(max-width:359px){html[lang=zh-CN] .machine-heading h2.machine-tagline{font-size:14px;white-space:normal;display:grid;grid-template-columns:1fr 1fr;gap:6px;word-spacing:0}}
@media(max-width:700px){.site-nav{height:auto;min-height:68px;flex-wrap:wrap;padding:12px 5%;gap:10px}.site-nav .nav-scope{display:flex;position:absolute;right:5%;top:14px;gap:5px}.site-nav nav{flex-basis:100%;order:3;margin:0;gap:18px;font-size:11px;justify-content:flex-start;flex-wrap:wrap}.site-nav nav a{padding:4px 0}}

.sound-toggle{position:absolute;top:12px;right:12px;z-index:14;width:44px;height:44px;padding:11px;border:1px solid #c6ddeb99;border-radius:50%;background:#123042d9;color:#fff;cursor:pointer;pointer-events:auto}.sound-toggle svg{display:block;width:22px;height:22px}.sound-toggle:focus-visible{outline:3px solid #87e0ff;outline-offset:3px}.hero>.sound-toggle{top:auto;bottom:80px;right:auto;left:24px}