:root{--mo-navy:#102b4e;--mo-blue:#1f67b1;--mo-cyan:#18a9b5;--mo-orange:#ed7450;--mo-green:#23a878;--mo-ink:#17304a;--mo-muted:#64778a;--mo-paper:#eef3f6;--mo-white:#fff;--mo-line:#bdccd7;--shadow:0 16px 42px rgba(19,54,86,.12)}
body{color:var(--mo-ink);background:#eef3f6;background-image:radial-gradient(#bfcdd8 1px,transparent 1px);background-size:20px 20px}.container{width:min(1240px,calc(100% - 42px))}
.announcement{min-height:38px;justify-content:flex-start;padding-left:max(21px,calc((100% - 1240px)/2));background:var(--mo-navy);border-bottom:3px solid var(--mo-cyan);font-family:Consolas,"Microsoft YaHei",sans-serif}.announcement:before{content:"MODULE UPDATE";color:#fff;background:var(--mo-orange);border-radius:2px}.announcement b{color:#72dfe4}.header{height:74px;background:rgba(255,255,255,.96);border-color:#c4d1da;box-shadow:0 5px 18px rgba(18,50,80,.08)}.logo{color:var(--mo-navy)}.logo-mark{border-radius:2px;background:linear-gradient(135deg,var(--mo-blue) 0 50%,var(--mo-cyan) 50%);box-shadow:none}.logo-mark:before{border-radius:0}.navlinks a{color:#4e6478;border-bottom-width:3px}.navlinks a:hover,.navlinks a.active{color:var(--mo-blue);border-color:var(--mo-cyan);background:#eef4f7}.btn{border-radius:3px;box-shadow:none}.btn-dark,.btn-orange{color:#fff;background:var(--mo-blue);border-color:var(--mo-blue)}.btn-orange{background:var(--mo-orange);border-color:var(--mo-orange)}
.hero{min-height:700px;padding:84px 0;background:linear-gradient(105deg,#fff 0 58%,#e4edf2 58%);border-bottom:1px solid var(--mo-line)}.hero:before{width:42%;height:100%;right:0;top:0;border-radius:0;background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(31,103,177,.08) 40px),repeating-linear-gradient(90deg,transparent 0 39px,rgba(31,103,177,.08) 40px)}.hero:after{content:"INPUT → PROCESS → OUTPUT";right:2%;bottom:13px;color:rgba(16,43,78,.1);font-family:Consolas,monospace;font-size:18px}.hero-grid{grid-template-columns:.94fr 1.06fr;gap:68px}.eyebrow{color:var(--mo-blue);font-family:Consolas,"Microsoft YaHei",sans-serif}.eyebrow:before{width:12px;height:12px;border-radius:0;background:var(--mo-orange)}.hero h1{color:var(--mo-navy);font-size:clamp(55px,6.4vw,84px)}.hero h1 span{background:linear-gradient(135deg,var(--mo-blue),var(--mo-cyan));-webkit-background-clip:text}.lead{color:#526a7e}.micro{color:#718396;font-family:Consolas,"Microsoft YaHei",sans-serif}.visual{padding:0}.visual-frame{padding:45px 10px 10px;border:2px solid var(--mo-navy);border-radius:2px;background:#fff;box-shadow:14px 14px 0 #c9d8e2}.visual-frame:before{content:"CORE MODULE / REMOTE DESKTOP";top:13px;color:var(--mo-navy);font-family:Consolas,monospace}.visual-frame:after{content:"STATUS: ACTIVE";top:12px;color:var(--mo-green);font-family:Consolas,monospace}.visual-frame img{border:1px solid var(--mo-line);border-radius:0;filter:saturate(.7)}.metal-node{border:2px solid var(--mo-navy);border-radius:2px;color:var(--mo-navy);background:#fff;box-shadow:5px 5px 0 #c4d4de;font-family:Consolas,"Microsoft YaHei",sans-serif}.node-dot{border-radius:0;background:var(--mo-green)}
.metrics{background:var(--mo-navy);border:0}.metric{border-color:#385470}.metric:after{left:0;width:100%;height:4px;background:var(--mo-cyan)}.metric strong{color:#fff;font-family:Consolas,monospace}.metric span{color:#9cafc1}.logo-belt{padding:75px 0;background:#fff;border-color:var(--mo-line)}.logo-belt p{text-align:left;color:#5c7083;font-family:Consolas,"Microsoft YaHei",sans-serif}.logo-matrix{gap:12px}.logo-matrix span{min-height:180px;padding:28px 24px;border:1px solid var(--mo-line);border-radius:2px;box-shadow:none}.logo-matrix span:nth-child(2){border:1px solid var(--mo-line);transform:none}.logo-matrix span:nth-child(2):after{display:none}.logo-matrix span:before{content:"OPEN MODULE →";color:var(--mo-blue);font-family:Consolas,monospace}.logo-matrix small{color:var(--mo-orange);font-family:Consolas,monospace}.logo-matrix b{color:var(--mo-navy)}
.section{padding:105px 0;border-color:var(--mo-line)}.section.white{background:rgba(255,255,255,.94)}.section-head{padding-bottom:25px;border-bottom:1px solid var(--mo-line)}.section-head h2{color:var(--mo-navy)}.section-head p{color:var(--mo-muted)}.grid-6{position:relative;gap:18px}.grid-6:before{content:"";position:absolute;left:calc(33.333% - 9px);right:calc(33.333% - 9px);top:50%;height:1px;background:var(--mo-cyan);z-index:0}.feature{z-index:1;min-height:285px;padding:31px;background:#fff;border:1px solid var(--mo-line);border-radius:2px;box-shadow:none}.feature:hover{border-color:var(--mo-blue);box-shadow:7px 7px 0 #d0dce4}.feature:before{content:"SUB-MODULE";color:#8194a5;font-family:Consolas,monospace}.feature:after{left:0;right:auto;width:5px;height:100%;background:var(--mo-cyan)}.feature:nth-child(2n):after{background:var(--mo-orange)}.ficon{margin-bottom:45px;border:1px solid var(--mo-line);border-radius:2px;color:var(--mo-blue);background:#edf4f7;font-family:Consolas,monospace}.feature p{color:var(--mo-muted)}.more{color:var(--mo-blue);font-family:Consolas,"Microsoft YaHei",sans-serif}
.section.dark{background:var(--mo-navy)}.scene{min-height:450px;background:#17395d;border-color:#42617e;border-radius:2px;box-shadow:none}.scene-media:after{background:linear-gradient(90deg,transparent 60%,#17395d)}.scene:nth-child(even) .scene-media:after{background:linear-gradient(-90deg,transparent 60%,#17395d)}.scene-media img{filter:saturate(.55)}.scene-copy{padding:50px}.scene-no{color:#5fd4d8;font-family:Consolas,monospace}.scene p{color:#b8c8d6}.tags span{border-radius:2px;font-family:Consolas,"Microsoft YaHei",sans-serif}.compare-wrap{border-radius:2px;box-shadow:none}.compare thead th{color:#fff;background:var(--mo-navy);font-family:Consolas,"Microsoft YaHei",sans-serif}.compare .ours{color:var(--mo-blue);background:#e4f1f3}.yes{color:var(--mo-green)}.reviews{gap:18px}.review{padding:31px;border:1px solid var(--mo-line);border-radius:2px;box-shadow:none}.review:before{content:"FEEDBACK DATA";color:#8194a5;font-family:Consolas,monospace}.review:after{left:0;right:0;height:4px;background:var(--mo-cyan)}.avatar{border-radius:2px;background:var(--mo-blue)}
.faq{gap:70px}.faq-list{border-radius:2px;box-shadow:none}summary:after{border-radius:2px;background:var(--mo-blue)}details[open] summary:after{background:var(--mo-orange)}.cta{background:linear-gradient(110deg,var(--mo-blue),var(--mo-navy));border:0}.cta:before{border-radius:0}.cta:after{content:"DEPLOY MODULE";font-family:Consolas,monospace;font-size:80px}.cta .btn-dark{color:var(--mo-navy);background:#fff;border-color:#fff}.articles{gap:18px}.article{border:1px solid var(--mo-line);border-radius:2px;box-shadow:none}.article:before{left:0;right:0;height:4px;background:var(--mo-orange)}.article-cover img{filter:saturate(.62)}.date{color:var(--mo-blue);font-family:Consolas,monospace}.footer{background:#0c223b;border-top:4px solid var(--mo-cyan)}
.page-hero{padding:90px 0;background:linear-gradient(105deg,#fff 0 65%,#e4edf2 65%);border-bottom:3px solid var(--mo-cyan)}.page-hero:before{content:"M";top:-170px;color:rgba(31,103,177,.08);font-family:Consolas,monospace}.page-hero:after{content:"MODULE SELECTOR / KNOWLEDGE MODULES";color:rgba(16,43,78,.07);font-family:Consolas,monospace}.page-hero h1{color:var(--mo-navy)}.downloads{gap:18px}.download-card{min-height:380px;border:1px solid var(--mo-line);border-radius:2px;box-shadow:none}.download-card.featured{border:2px solid var(--mo-blue);box-shadow:8px 8px 0 #cddbe4}.download-card.featured:before{color:var(--mo-orange);font-family:Consolas,monospace}.badge{border-radius:2px;color:var(--mo-blue);font-family:Consolas,"Microsoft YaHei",sans-serif}.download-card:after{color:var(--mo-green);font-family:Consolas,monospace}.download-banner{border-radius:2px;background:#17395d}.steps{gap:18px}.step{border:1px solid var(--mo-line);border-radius:2px;box-shadow:none}.step b{color:var(--mo-blue);font-family:Consolas,monospace}.searchbox{border-radius:2px;box-shadow:none}.help-side,.help-card{border-radius:2px;box-shadow:none}.help-side b{border-color:var(--mo-cyan)}.help-card:after{color:var(--mo-green);font-family:Consolas,monospace}
@media(max-width:920px){.hero{background:#fff}.hero-grid{grid-template-columns:1fr}.logo-matrix{grid-template-columns:repeat(2,1fr)}.grid-6:before{display:none}.scene-media:after,.scene:nth-child(even) .scene-media:after{background:linear-gradient(0deg,#17395d,transparent 52%)}}
@media(max-width:620px){.announcement{padding-left:14px}.hero{padding:62px 0}.hero h1{font-size:48px}.metric-grid{grid-template-columns:repeat(2,1fr)}.logo-matrix,.grid-6{grid-template-columns:1fr}.section{padding:72px 0}.scene-copy{padding:32px 24px}.page-hero{padding:62px 0;background:#fff}}