:root{--paper:#eee5d8;--paper2:#cadada;--ink:#1e3036;--muted:#56686b;--line:#adbfbe;--petrol:#1f4f5d;--petrol2:#173d48;--copper:#b56a45;--copper-light:#e1b182;--blue:#b8d0d2;--white:#fbf8f2;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}.header{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line);background:rgba(246,241,232,.95);backdrop-filter:blur(12px)}.head{min-height:80px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px}.logo{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--petrol);color:var(--petrol);font:800 12px Manrope,sans-serif;letter-spacing:0}.brand strong{display:block;font-size:14px}.brand small{display:block;margin-top:4px;color:var(--muted);font:600 9px Manrope,sans-serif;letter-spacing:0}.header nav{display:flex;gap:30px;color:#647377;font-size:13px}.header nav a{padding:8px 0;border-bottom:1px solid transparent}.header nav a:hover{border-color:var(--copper);color:var(--petrol)}.menu{display:none;padding:7px 12px;border:1px solid var(--line);background:transparent;color:var(--petrol);font:inherit}
.hero{padding:90px 0 24px;background:var(--petrol);color:#f5f2eb}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.eyebrow{margin:0 0 19px;color:var(--copper-light);font:700 11px Manrope,sans-serif;letter-spacing:0}.hero h1{max-width:660px;margin:0 0 25px;font-size:58px;font-weight:700;line-height:1.18;letter-spacing:0}.hero h1 em{color:#e3bd94;font-style:normal}.hero-copy>p:not(.eyebrow){max-width:530px;margin:0 0 32px;color:#d0d9d8;font-size:16px}.line-link{display:inline-flex;gap:18px;padding-bottom:8px;border-bottom:1px solid var(--copper-light);color:#f6ddc0;font-size:14px}.line-link span{font-size:18px}.system-panel{min-height:445px;padding:23px;border:1px solid #88a3a6;background:#315f69}.panel-top,.panel-bottom{display:flex;justify-content:space-between;color:#d3dddd;font:10px Manrope,sans-serif;letter-spacing:0}.system-map{position:relative;min-height:320px;margin:25px 0;padding:24px;border:1px solid #9ab1b2;background:#2b5962;overflow:hidden}.map-line{position:absolute;background:#9eb2b2}.map-line.horizontal{top:50%;left:24px;right:24px;height:1px}.map-line.vertical{top:25px;bottom:25px;left:50%;width:1px}.map-card{position:absolute;display:grid;gap:3px;padding:11px 13px;border:1px solid #dce4df;background:#f3eee5;color:var(--petrol2)}.map-card b{font:700 10px Manrope,sans-serif;letter-spacing:0}.map-card small{color:#768487;font-size:9px}.software{top:38px;left:35px}.intelligence{top:130px;right:34px;border-color:var(--copper);background:var(--copper-light);color:#553826}.data{bottom:35px;left:34px;border-color:#a9c3c5;background:var(--blue)}.map-mark{position:absolute;right:24px;bottom:21px;color:#f0c28e;font:800 65px Manrope,sans-serif;line-height:.75;letter-spacing:0}.map-mark small{display:block;margin-top:9px;color:#d3dddd;font-size:9px;letter-spacing:0;text-align:right}.hero-meta{display:flex;justify-content:space-between;margin-top:68px;padding:17px 0;border-top:1px solid #66858a;color:#d3dddd;font:10px Manrope,sans-serif;letter-spacing:0}.statement{padding:115px 0;background:var(--white)}.statement-grid{display:grid;grid-template-columns:250px 1fr;gap:100px}.label{display:flex;gap:13px;align-items:baseline;color:#6f7d7e;font:700 11px Manrope,sans-serif;letter-spacing:0}.label span{color:var(--copper);font-size:14px}.statement h2,.section-heading h2,.product h2,.contact h2{max-width:740px;margin:0 0 22px;font-size:50px;line-height:1.2;letter-spacing:0}.statement p{max-width:700px;color:var(--muted);font-size:16px}.capabilities{padding:115px 0;background:var(--paper2)}.section-heading{display:grid;grid-template-columns:250px 1fr;gap:100px;margin-bottom:50px}.cap-list{border-top:1px solid var(--line)}.cap-list article{display:grid;grid-template-columns:75px 1fr 38px;gap:20px;align-items:start;padding:30px 0;border-bottom:1px solid var(--line)}.cap-list article:nth-child(2){background:#d6e4e4}.cap-list article>strong{color:var(--copper);font:700 17px Manrope,sans-serif}.cap-list h3{margin:0 0 8px;font-size:24px}.cap-list p{max-width:620px;margin:0;color:var(--muted);font-size:14px}.cap-list small{display:block;margin-top:15px;color:#7d8c8e;font:10px Manrope,sans-serif;letter-spacing:0}.cap-list i{color:var(--petrol);font-size:23px;font-style:normal}.note{margin:18px 0 0;color:#8b9899;font-size:11px}.product{padding:115px 0;background:#dfe9eb}.product-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.product h2{color:var(--petrol);font-size:66px}.product p:not(.label){max-width:560px;color:var(--muted);font-size:15px}.product .line-link{margin-top:14px;color:var(--petrol)}.screen{padding:18px;border:1px solid #9db2b5;background:#f5f4ed}.screen-top{display:flex;justify-content:space-between;color:#647477;font:10px Manrope,sans-serif;letter-spacing:0}.screen-body{display:grid;grid-template-columns:55px 1fr;min-height:275px;margin-top:15px;border:1px solid #bdcdce;background:var(--white)}.screen-body aside{display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:16px;border-right:1px solid #d5dfdd;background:#eef3f0}.screen-body aside b{display:grid;width:27px;height:27px;place-items:center;background:var(--petrol);color:white;font-size:13px}.screen-body aside i{width:20px;height:4px;background:#adbcbc}.screen-body>div:last-child{padding:25px}.screen-body header{display:flex;justify-content:space-between;margin-bottom:18px;border:0;background:transparent;font-size:14px}.screen-body header span{color:var(--copper);font-size:10px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metrics div{display:grid;padding:13px;background:#eaf1ee}.metrics div+div{background:#e7eff1}.metrics small{color:#728183;font-size:10px}.metrics b{font:800 29px Manrope,sans-serif}.bars{display:flex;height:100px;align-items:end;gap:8px;margin-top:13px;padding:14px;border:1px solid #d2dcda}.bars i{width:100%;height:45%;background:var(--petrol)}.bars i:nth-child(2){height:62%;background:#82a7ad}.bars i:nth-child(3){height:48%;background:var(--copper)}.bars i:nth-child(4){height:72%;background:#82a7ad}.bars i:nth-child(5){height:58%;background:var(--petrol)}.bars i:nth-child(6){height:82%;background:var(--copper)}.contact{padding:95px 0;background:#e6dfd5}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.contact h2{color:var(--petrol)}.contact>div>p:not(.label){max-width:450px;color:var(--muted);font-size:15px}.contact dl{display:grid;grid-template-columns:100px 1fr;margin:0;border-top:1px solid #c6c3bb}.contact dt,.contact dd{margin:0;padding:16px 0;border-bottom:1px solid #c6c3bb;font-size:13px}.contact dt{color:#7a8585}.contact dd{text-align:right}.contact a:hover{color:var(--copper)}footer{padding:38px 0 42px;background:#d9e1df;color:#607277}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:end}.footer .logo{border-color:var(--petrol);color:var(--petrol)}.footer .brand strong{color:var(--ink)}.footer .brand small{color:#7a898b}.footer p{margin:14px 0 0;color:#7a898b;font-size:12px}.links{display:flex;justify-content:center;gap:17px;flex-wrap:wrap;font-size:12px}.footer>div>small{color:#7a898b;font:10px Manrope,sans-serif;text-align:right}@media(max-width:900px){.hero-grid,.product-grid,.contact-grid{grid-template-columns:1fr;gap:55px}.statement-grid,.section-heading{grid-template-columns:1fr;gap:25px}.cap-list article{grid-template-columns:60px 1fr 28px}.footer-grid{grid-template-columns:1fr 1fr}.footer>div>small{text-align:left}}@media(max-width:640px){.wrap{width:calc(100% - 34px)}.head{min-height:68px}.menu{display:block}.header nav{position:absolute;top:68px;left:17px;right:17px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:8px;border:1px solid var(--line);background:var(--paper)}.header nav.open{display:flex}.header nav a{padding:10px}.hero{padding-top:66px}.hero h1{font-size:44px}.system-panel{min-height:355px;padding:15px}.system-map{min-height:235px;margin:17px 0;padding:12px}.map-card{padding:7px 9px}.map-card b{font-size:8px}.map-card small{font-size:8px}.software{top:24px;left:18px}.intelligence{top:96px;right:16px}.data{bottom:22px;left:17px}.map-mark{right:15px;bottom:13px;font-size:48px}.panel-bottom,.hero-meta{font-size:8px}.hero-meta{gap:12px;margin-top:45px}.statement,.capabilities,.product,.contact{padding:78px 0}.cap-list article{grid-template-columns:42px 1fr 24px;padding:23px 0}.cap-list h3{font-size:20px}.cap-list p{font-size:13px}.screen{padding:12px}.screen-body{grid-template-columns:43px 1fr;min-height:245px}.screen-body>div:last-child{padding:18px 13px}.contact dl{grid-template-columns:1fr}.contact dd{text-align:left;padding-top:0}.footer-grid{grid-template-columns:1fr;gap:25px}.links{justify-content:flex-start}.footer>div>small{text-align:left}}
 
/* Balanced premium palette */
.header{background:rgba(241,234,223,.97);box-shadow:0 1px 0 rgba(31,79,93,.08)}
.hero{background:var(--petrol)}
.hero-copy>p:not(.eyebrow){color:#dbe4e2}
.system-panel{border-color:#88aeb1;background:#2c6470;box-shadow:0 20px 45px rgba(16,48,56,.16)}
.system-map{border-color:#91b8bb;background:#245762}
.map-line{background:#a8c6c4}
.map-card{box-shadow:0 8px 20px rgba(18,55,62,.12)}
.statement{background:var(--white)}
.capabilities{background:var(--paper2)}
.cap-list article:nth-child(2){background:#c7dada}
.product{background:#c8dadd}
.product-screen{padding:18px;border:1px solid #91aeb1;background:#edf1eb;box-shadow:0 18px 38px rgba(30,64,72,.14)}
.product-screen .screen-top{display:flex;justify-content:space-between;color:#536a6e;font:10px Manrope,sans-serif;letter-spacing:0}
.product-screen .screen-body{display:grid;grid-template-columns:55px 1fr;min-height:275px;margin-top:15px;border:1px solid #afc4c3;background:var(--white)}
.product-screen .screen-body aside{display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:16px;border-right:1px solid #cedbd8;background:#e1ebe7}
.product-screen .screen-body aside b{display:grid;width:27px;height:27px;place-items:center;background:var(--petrol);color:white;font-size:13px}
.product-screen .screen-body aside i{width:20px;height:4px;background:#9fb5b4}
.product-screen .screen-body>div:last-child{padding:25px}
.product-screen .screen-body header{display:flex;justify-content:space-between;margin-bottom:18px;border:0;background:transparent;font-size:14px}
.product-screen .screen-body header span{color:var(--copper);font-size:10px}
.product-screen .metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.product-screen .metrics div{display:grid;padding:13px;background:#dfeae5}
.product-screen .metrics div+div{background:#dce8eb}
.product-screen .metrics small{color:#607477;font-size:10px}
.product-screen .metrics b{font:800 29px Manrope,sans-serif}
.product-screen .bars{display:flex;height:100px;align-items:end;gap:8px;margin-top:13px;padding:14px;border:1px solid #c2d1cf}
.product-screen .bars i{width:100%;height:45%;background:var(--petrol)}
.product-screen .bars i:nth-child(2),.product-screen .bars i:nth-child(4){height:62%;background:#6c9ca2}
.product-screen .bars i:nth-child(3),.product-screen .bars i:nth-child(6){background:var(--copper)}
.product-screen .bars i:nth-child(5){height:58%;background:var(--petrol)}
.contact{background:#dfd0bd}
footer{background:#c9d7d6;color:#4f666b}
.footer .brand small{color:#607477}
@media(max-width:640px){.product-screen{padding:12px}.product-screen .screen-body{grid-template-columns:43px 1fr;min-height:245px}.product-screen .screen-body>div:last-child{padding:18px 13px}}
/* Editorial polish */
.header{background:rgba(238,229,216,.97)}
.capabilities{background:#cadada}
.product{background:#b9d0d3}
.contact{background:#d4bfaa}
footer{background:#b9cecd}
.product .sub{margin:-8px 0 23px;color:var(--copper);font:700 12px/1.4 Manrope,"Microsoft YaHei",sans-serif;letter-spacing:0}
.product p:not(.label):not(.sub){color:#526568}
.contact-grid{gap:76px}
.contact dl{border-top-color:#b7aa9e}
.contact dt,.contact dd{border-bottom-color:#b7aa9e}
.contact dd{font-weight:500}
.line-link{transition:color .2s ease,border-color .2s ease}
.line-link:hover{color:#fff6e9;border-color:#fff0d1}
.header nav a,.links a{transition:color .2s ease,border-color .2s ease}
:focus-visible{outline:2px solid var(--copper);outline-offset:4px}
::selection{background:var(--copper);color:#fffaf1}
@media(max-width:900px){.contact-grid{gap:55px}}
/* Menu refinement */
.menu{width:42px;height:42px;padding:0;display:none;align-items:center;justify-content:center;border-color:#9db0ae;background:rgba(255,255,255,.2);transition:border-color .2s ease,background .2s ease}
.menu:hover{border-color:var(--copper);background:rgba(255,255,255,.42)}
.menu-icon{display:grid;gap:4px;width:17px}
.menu-icon i{display:block;height:1px;background:var(--petrol);transition:transform .2s ease,opacity .2s ease}
.menu[aria-expanded="true"] .menu-icon i:nth-child(1){transform:translateY(5px) rotate(45deg)}
.menu[aria-expanded="true"] .menu-icon i:nth-child(2){opacity:0}
.menu[aria-expanded="true"] .menu-icon i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
@media(max-width:640px){.menu{display:flex}}
/* Tixiazi product identity */
.product-title-row{display:flex;align-items:center;gap:18px;margin:22px 0 20px}
.product-title-row h2{margin:0}
.product-title-row .sub{margin:2px 0 0;color:#8a4729}
.product-mark{width:74px;height:74px;flex:0 0 74px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(98,53,31,.15))}
.product-facts{display:flex;flex-wrap:wrap;gap:8px;margin:21px 0 8px}
.product-facts span{padding:6px 10px;border:1px solid #91aeb1;background:rgba(255,255,255,.24);color:#36545b;font-size:11px;font-weight:600}
.product-screen .screen-top span:last-child{color:#8a4729;font-weight:700}
.product-screen .screen-body aside img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 4px 7px rgba(98,53,31,.12))}
@media(max-width:640px){.product-title-row{gap:13px}.product-mark{width:58px;height:58px;flex-basis:58px}.product-facts{margin-top:18px}}
/* Hero proportion correction */
.hero-grid{grid-template-columns:1.08fr .92fr;gap:68px}
.hero h1{font-size:58px;line-height:1.16;letter-spacing:0}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:55px}}
@media(max-width:640px){.hero h1{font-size:40px;line-height:1.18}}
/* Final line-break polish */
.nowrap{white-space:nowrap}
.contact h2{font-size:46px;max-width:520px}
@media(max-width:640px){.contact h2{font-size:38px;max-width:100%}}
/* Mobile overflow guard */
body{overflow-x:hidden}
.hero-grid>* ,.product-grid>* ,.contact-grid>*{min-width:0}
.product-screen .screen-body>div:last-child{min-width:0}
.product-screen .screen-body header{gap:12px}
.product-screen .screen-body header strong{min-width:0;overflow-wrap:anywhere}
@media(max-width:640px){.nowrap{white-space:normal}.hero h1{max-width:100%}.hero-copy>p:not(.eyebrow){max-width:100%}.panel-top span,.panel-bottom span{min-width:0;overflow-wrap:anywhere}.hero-meta span{min-width:0;overflow-wrap:anywhere}}
/* Strict mobile sizing */
html,body{width:100%;max-width:100%}
.brand{min-width:0}
.brand>span:last-child{min-width:0}
@media(max-width:640px){.wrap{width:calc(100% - 34px);max-width:100%}.head{width:calc(100% - 34px);min-width:0}.brand strong,.brand small{white-space:nowrap}.menu{flex:0 0 42px}.hero-copy,.system-panel,.system-map{width:100%;min-width:0}.hero-grid{width:calc(100% - 34px);min-width:0}.hero h1{overflow-wrap:anywhere}.hero-copy>p:not(.eyebrow){overflow-wrap:anywhere}.system-panel{overflow:hidden}}
/* Mobile title rhythm */
@media(max-width:640px){.hero h1{font-size:34px;line-height:1.25}.hero h1>span{display:block}}
/* Narrow viewport refinement */
@media(max-width:640px){.hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;word-break:break-all}.panel-top,.panel-bottom{gap:8px;flex-wrap:wrap;font-size:8px;line-height:1.4}.panel-top span,.panel-bottom span{flex:1 1 auto}.system-panel,.system-map{max-width:100%;overflow:hidden}.map-card{max-width:44%;overflow:hidden}.map-card b,.map-card small{white-space:nowrap}}
/* Grounded contact and footer */
.contact{background:#d6d8d4}
.contact dl{border-top-color:#b3bdba}
.contact dt,.contact dd{border-bottom-color:#b3bdba}
.contact dt{color:#65777a}
footer{background:#49666d;color:#e5eeeb}
footer .logo{border-color:#b8cdca;color:#f5f1e9}
footer .brand strong{color:#fffaf2}
footer .brand small,footer p{color:#b8cdca}
footer .links a{color:#e3ebe8}
footer .links a:hover{color:#f0bd8f}
footer .footer-grid>small{color:#c3d2cf}
/* Corporate refinement */
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","HarmonyOS Sans SC","Noto Sans SC","Microsoft YaHei",sans-serif}
.hero h1,.statement h2,.section-heading h2,.product h2,.contact h2{letter-spacing:0}
.hero h1>span{white-space:nowrap}
.header nav{color:#50656a;font-weight:600}
.cap-list article{grid-template-columns:75px 1fr;background:transparent;transition:background-color .2s ease}
.cap-list article:nth-child(2){background:transparent}
.cap-list article:hover{background:rgba(255,255,255,.2)}
.contact dt{font-size:13px}
.contact dd{font-size:14px;line-height:1.6}
@media(max-width:900px){.cap-list article{grid-template-columns:60px 1fr}}
@media(max-width:640px){.hero h1>span{white-space:normal}.cap-list article{grid-template-columns:42px 1fr}}
/* Final corporate quality pass */
*{letter-spacing:0}
section[id]{scroll-margin-top:88px}
.statement,.capabilities,.product,.contact{border-top:1px solid rgba(31,79,93,.08)}
.hero h1{font-size:58px}
.statement h2,.section-heading h2{font-size:50px;text-wrap:balance}
.product h2{font-size:66px}
.contact h2{font-size:46px;text-wrap:balance}
.statement p,.cap-list p,.product p,.contact p{text-wrap:pretty}
.cap-list article:first-child{border-top:0}
.product-screen{transition:border-color .2s ease,box-shadow .2s ease}
.product-screen:hover{border-color:#74989d;box-shadow:0 22px 44px rgba(30,64,72,.18)}
@media(max-width:900px){.hero h1{font-size:50px}.statement h2,.section-heading h2{font-size:44px}.product h2{font-size:60px}.contact h2{font-size:42px}}
@media(max-width:640px){section[id]{scroll-margin-top:76px}.hero h1{font-size:34px}.statement h2,.section-heading h2{font-size:34px;line-height:1.28}.product h2{font-size:48px}.contact h2{font-size:36px}.product-screen:hover{box-shadow:0 18px 38px rgba(30,64,72,.14)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.line-link,.header nav a,.links a,.menu,.menu-icon i,.cap-list article,.product-screen{transition:none}}
/* Compact corporate rhythm */
.hero{padding:72px 0 18px}
.hero-grid{gap:54px}
.system-panel{min-height:410px;padding:20px}
.system-map{min-height:290px;margin:20px 0}
.hero-meta{margin-top:48px;padding:14px 0}
.statement{padding:86px 0}
.statement-grid,.section-heading{grid-template-columns:210px 1fr;gap:72px}
.statement h2,.section-heading h2,.product h2,.contact h2{margin-bottom:18px}
.statement p{margin:0 0 12px}
.capabilities{padding:84px 0}
.section-heading{margin-bottom:32px}
.cap-list article{grid-template-columns:52px minmax(0,1fr);gap:14px;padding:22px 0}
.cap-list>article>i{display:none}
.cap-list h3{margin-bottom:5px;font-size:22px}
.cap-list p{max-width:780px}
.cap-list small{margin-top:8px}
.note{margin-top:14px}
.product{padding:88px 0}
.product-grid{gap:64px}
.product-title-row{margin:16px 0}
.product-facts{margin-top:17px}
.contact{padding:76px 0}
.contact-grid{gap:64px}
.contact dt,.contact dd{padding:13px 0}
footer{padding:32px 0 34px}
@media(max-width:900px){.hero{padding-top:62px}.hero-grid,.product-grid,.contact-grid{gap:40px}.statement,.capabilities,.product,.contact{padding:68px 0}.statement-grid,.section-heading{grid-template-columns:1fr;gap:20px}.section-heading{margin-bottom:26px}.cap-list article{grid-template-columns:48px minmax(0,1fr);padding:20px 0}}
@media(max-width:640px){.hero{padding:52px 0 14px}.hero-grid{gap:38px}.hero-meta{margin-top:34px;padding:12px 0}.statement,.capabilities,.product,.contact{padding:60px 0}.cap-list article{grid-template-columns:38px minmax(0,1fr);gap:10px;padding:18px 0}.cap-list h3{font-size:20px}.product-title-row{margin:14px 0}.contact-grid{gap:34px}.contact dt,.contact dd{padding:11px 0}footer{padding:28px 0 30px}}