:root{--blue:#0877e8;--blue-deep:#0868cf;--ink:#20252c;--muted:#69747f;--line:#dce2e8;--soft:#f5f6f8;--pale:#eef6ff;--green:#24845b;--red:#c44536;--amber:#aa6c13;--r:12px;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;color:var(--ink);background:#fff;font-family:"HarmonyOS Sans SC","Microsoft YaHei UI","Noto Sans CJK SC",Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input{font:inherit}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
.shell{width:min(1240px,calc(100% - 64px));margin-inline:auto}
.prototype-note{background:#eaf4ff;color:#426382;text-align:center;font-size:12px;line-height:28px;border-bottom:1px solid #d7e8fa}
.topbar{height:72px;position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}
.topbar-inner{height:100%;display:flex;align-items:center;gap:32px}
.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:19px;font-weight:700;letter-spacing:-.03em;color:#172234}
.brand img{width:35px;height:35px;border-radius:9px}
.brand b{font-weight:650}
.main-nav{display:flex;align-items:center;gap:29px;margin:auto;font-size:14px;color:#4d5b68;white-space:nowrap}
.main-nav a:hover,.text-link:hover{color:var(--blue)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:40px;padding:0 18px;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:650;white-space:nowrap;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}
.button:hover{transform:translateY(-1px)}
.button:focus-visible,.main-nav a:focus-visible,.text-link:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #9ac8ff;outline-offset:2px}
.button-primary{color:#fff;background:var(--blue-deep);box-shadow:0 3px 8px rgba(8,119,232,.15)}
.button-primary:hover{background:#075ab3}
.button-secondary{color:#1e3b58;background:#fff;border-color:#cfdce8}
.button-secondary:hover{border-color:#96bddd;background:#f7fbff}
.button-large{min-height:52px;padding:0 22px;font-size:15px}
.menu-button,.mobile-nav{display:none}
.hero{display:grid;grid-template-columns:.87fr 1.13fr;gap:54px;align-items:center;min-height:666px;padding-top:52px;padding-bottom:76px}
.eyebrow{display:flex;gap:10px;align-items:center;color:var(--blue);font-size:13px;font-weight:700;letter-spacing:.02em;margin:0 0 23px}
.eyebrow-line{width:24px;height:2px;background:var(--blue)}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(40px,4.1vw,60px);line-height:1.2;letter-spacing:-.055em;margin-bottom:25px;font-weight:730}
h1 span{color:var(--blue-deep)}
.lead{max-width:480px;color:#51606f;font-size:17px;line-height:1.8;margin-bottom:30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-stage{position:relative;padding:14px 0 24px}
.hero-stage:before{content:"";position:absolute;inset:12% -4% 0 10%;background:linear-gradient(140deg,#e3f1ff,#f5f8fc 68%);border-radius:36px;z-index:-1}
.app-frame{background:#fff;border:1px solid #d4dfeb;border-radius:15px;box-shadow:0 32px 68px rgba(29,62,102,.15),0 4px 15px rgba(29,62,102,.06);overflow:hidden;transform:rotate(-1deg)}
.app-title{height:42px;border-bottom:1px solid #e6edf4;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#fff}
.app-title-brand{display:flex;align-items:center;gap:8px;font-size:11px}.app-title-brand img{width:21px;height:21px;border-radius:5px}
.win-controls{display:flex;align-items:center;gap:0;color:#5d6e80;font-size:17px;line-height:1}.win-controls span{display:grid;place-items:center;width:27px;height:24px}
.app-content{display:grid;grid-template-columns:120px 1fr;min-height:388px}
.app-sidebar{padding:19px 10px;background:#f8fafc;border-right:1px solid #e6edf4;display:flex;flex-direction:column;gap:9px;font-size:10px;color:#526377}.app-sidebar small{color:#9ba9b9;font-size:9px;margin:6px 0 0}.app-sidebar span{padding:5px 7px;border-radius:5px}.app-sidebar .app-active{color:var(--blue);font-weight:700;background:#eaf4ff}
.app-main{min-width:0;padding:20px 20px 18px;background:#fbfcfe}.app-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.app-heading div{display:flex;flex-direction:column;gap:5px}.app-heading small{font-size:10px;color:#8192a3}.app-heading strong{font-size:17px}.app-heading>span{font-size:9px;color:#8c9cac;border:1px solid #dbe5ee;padding:4px 7px;border-radius:5px}
.app-table-head{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;padding:9px 11px;background:#f3f6fa;border:1px solid #e4ebf3;border-radius:8px 8px 0 0;color:#8291a2;font-size:9px}.app-row{display:grid;grid-template-columns:42px minmax(70px,1.4fr) 1fr 1fr;align-items:center;gap:8px;padding:12px 11px;border:1px solid #e4ebf3;border-top:0;background:white;font-size:10px}.app-row span:not(.mini-product){display:flex;flex-direction:column;gap:4px}.app-row small{font-size:8px;color:#92a0ae}.app-row em{font-style:normal;font-size:9px}.mini-product{width:40px;height:40px;border-radius:5px;border:1px solid #e6e5e1;background-image:url('assets/sample-products.webp');background-size:300% 200%}.mini-product-one{background-position:0 0}.mini-product-two{background-position:50% 0}.app-link{color:var(--blue);font-size:9px;white-space:nowrap}.state-good,.state-bad,.state-warn{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;padding:6px 8px;font-size:11px;font-weight:650;white-space:nowrap}.state-good{background:#e9f8f0;color:var(--green)}.state-bad{background:#fff0ef;color:var(--red)}.state-warn{background:#fff6e7;color:var(--amber)}
.app-bottom{display:flex;justify-content:space-between;gap:10px;margin-top:15px;background:#fff;border:1px solid #e5ecf3;padding:12px 13px;border-radius:8px;color:#667889;font-size:10px}.app-bottom b{color:#253d56;font-size:15px;margin-left:7px}.hero-caption{position:absolute;bottom:-3px;right:9px;color:#8293a4;font-size:11px}
.section{padding-top:108px;padding-bottom:108px}.section-soft{background:var(--soft)}
.section-intro{max-width:660px}.section-intro h2,.download-section h2{font-size:clamp(31px,3.4vw,46px);line-height:1.25;letter-spacing:-.045em;margin-bottom:19px}.section-intro>p:not(.section-kicker),.download-section p:not(.section-kicker){color:#5d6b78;font-size:16px;line-height:1.8}.section-kicker{font-size:13px;color:var(--blue);font-weight:700;margin-bottom:17px}.section-intro.compact{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:22px}.section-intro.compact h2{font-size:30px;margin-bottom:0}.section-intro.compact p{margin:0;font-size:14px}
.workflow-band{background:#f8fafc;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;padding:56px 0 54px}
.steps{list-style:none;margin:34px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #cdddea}.steps li{padding:22px 13px 0 0;position:relative;display:flex;flex-direction:column;gap:10px;min-height:110px}.steps li:before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--blue)}.steps span{color:var(--blue);font-size:11px;font-weight:800}.steps b{font-size:15px}.steps small{font-size:12px;line-height:1.5;color:#7a8a99}
.audit-section>.section-intro{margin-bottom:44px}.audit-demo{border:1px solid #d9e4ef;border-radius:16px;background:#fff;box-shadow:0 14px 35px rgba(31,66,107,.06);overflow:hidden}.audit-demo-header{display:flex;align-items:center;justify-content:space-between;padding:22px 25px;border-bottom:1px solid #e8eef4}.audit-demo-header div{display:flex;align-items:center;gap:14px}.audit-demo-header b{font-size:16px}.audit-demo-header span{font-size:12px;color:#8b9aaa}.audit-flow{display:grid;grid-template-columns:1fr 36px .75fr;gap:18px;align-items:center;padding:28px}.audit-pane{align-self:stretch;min-width:0}.pane-title{display:flex;justify-content:space-between;gap:8px;margin-bottom:15px;font-size:13px}.pane-title span{color:#8a99aa}.audit-images{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.audit-tile{border:1px solid #dce5ef;border-radius:9px;padding:7px;background:#fff;transition:opacity .3s,transform .3s}.audit-tile>span{display:block;color:#697986;font-size:11px;margin:7px 4px 2px}.product-crop{aspect-ratio:1/1;border-radius:5px;background-image:url('assets/sample-products.webp');background-size:300% 200%;position:relative}.crop-cup{background-position:0 0}.crop-board{background-position:50% 0}.crop-kettle{background-position:0 100%}.crop-board i{position:absolute;bottom:13%;left:8%;right:8%;font-style:normal;text-align:center;font-size:12px;font-weight:700;letter-spacing:.08em;color:#66543c;background:rgba(255,255,255,.8);padding:4px 0;border-radius:3px}.audit-demo.is-done .risk-tile{opacity:.35;transform:scale(.97);outline:2px dashed var(--red);outline-offset:2px}.audit-arrow{font-size:27px;text-align:center;color:#a9bdd0}.result-pane{background:#f8fafc;border:1px solid #e5ecf3;border-radius:10px;padding:16px}.result-item{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #e7edf3;border-radius:8px;padding:13px;margin-top:10px}.result-icon{width:25px;height:25px;border-radius:6px;display:grid;place-items:center;font-weight:800;font-style:normal}.result-icon.good{background:#e7f7ee;color:var(--green)}.result-icon.bad{background:#fff0ef;color:var(--red)}.result-item div{display:flex;flex-direction:column;gap:4px;flex:1}.result-item b{font-size:12px}.result-item small{font-size:10px;line-height:1.4;color:#8a99aa}.result-item strong{font-size:15px}.demo-foot{border-top:1px solid #e8eef4;color:#7b8b9a;font-size:12px;line-height:1.7;margin:0;padding:13px 25px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:52px}.benefits article{border-top:2px solid #cbd9e8;padding-top:19px}.benefits span{font-size:12px;font-weight:800;color:var(--blue)}.benefits h3{font-size:20px;margin:20px 0 8px}.benefits p{color:#6b7b88;font-size:14px;line-height:1.7;max-width:315px}
.operations-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:center}.text-link{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-weight:650;font-size:14px;margin-top:11px}.operation-board{padding:29px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 14px 32px rgba(30,60,90,.05)}.operation-source{display:flex;gap:8px}.operation-source span{font-size:12px;border:1px solid #cfe0f2;color:#456682;background:#f8fbff;border-radius:6px;padding:8px 10px}.operation-line{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:34px 0}.operation-line>span{color:#96b4cf}.op-node{min-height:87px;flex:1;border:1px solid #dbe7f2;border-radius:10px;padding:15px 11px;display:flex;flex-direction:column;gap:8px}.op-node b{font-size:14px}.op-node small{font-size:11px;line-height:1.4;color:#8a99aa}.operation-status{display:flex;gap:8px;flex-wrap:wrap}
.business-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.business-tabs{display:flex;border:1px solid var(--line);padding:4px;border-radius:9px;flex-shrink:0}.business-tabs button{border:0;background:transparent;color:#697986;font-size:13px;padding:9px 14px;border-radius:6px}.business-tabs button[aria-selected="true"]{color:var(--blue-deep);background:#edf6ff;font-weight:700}.business-panel{margin-top:38px;display:grid;grid-template-columns:.68fr 1.32fr;align-items:center;gap:47px}.business-panel[hidden]{display:none}.ledger-copy h3,.alerts-copy h3{font-size:27px;margin-bottom:15px;letter-spacing:-.03em}.ledger-copy p,.alerts-copy p{font-size:15px;color:#64717e;line-height:1.8}.ledger-bullets{display:flex;flex-wrap:wrap;gap:8px;margin:27px 0}.ledger-bullets span{font-size:12px;background:#eef6ff;border-radius:5px;color:#3c6c96;padding:8px 10px}.fine{font-size:12px!important;color:#8292a1!important;line-height:1.7!important}.ledger-preview{position:relative;border:1px solid #d7e2ed;border-radius:13px;overflow:hidden;box-shadow:0 18px 38px rgba(35,70,106,.11)}.ledger-preview img{display:block;width:100%;height:auto}.ledger-preview>span{position:absolute;right:10px;bottom:10px;color:#497092;font-size:10px;background:rgba(255,255,255,.94);border:1px solid #d9e6f2;border-radius:5px;padding:5px 7px}.alerts-card{border:1px solid #dce5ee;border-radius:13px;background:#fff;padding:24px;box-shadow:0 16px 35px rgba(35,70,106,.06)}.alerts-card>div:has(>b){display:flex;gap:8px;align-items:center;margin:8px 0 13px;font-size:14px}.nav-dot{width:7px;height:7px;border-radius:50%;background:#ed4c58}.alert-row{display:flex;align-items:center;gap:16px;padding:14px;border:1px solid #e6edf4;border-radius:7px;margin-bottom:8px;font-size:13px}.alert-row span{flex:1}.alert-row small{color:var(--blue)}.alerts-card>p{font-size:11px;color:#8a99aa;text-align:right;margin:8px 0 0}
.calculator-layout{display:grid;grid-template-columns:.8fr 1fr;gap:90px;align-items:center}.calc-card{background:#fff;border:1px solid #dce4ec;border-radius:15px;padding:24px;box-shadow:0 16px 35px rgba(30,60,90,.06)}.calc-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #e9eef4}.calc-top b{font-size:17px}.calc-top span{font-size:11px;color:#8798a7}.calc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:20px}.calc-grid label{display:flex;flex-direction:column;gap:7px;color:#647586;font-size:12px}.calc-grid input{width:100%;height:42px;border:1px solid #cfdde9;border-radius:7px;padding:0 12px;color:#1e2a36;background:#fff;font-size:14px}.calc-check{display:flex;align-items:center;gap:8px;font-size:13px;margin-top:16px}.calc-check input{accent-color:var(--blue);width:16px;height:16px}.calc-check small{margin-left:auto;color:#8796a6}.calc-result{border-top:1px solid #e8eef3;margin-top:19px;padding-top:7px}.calc-result>div{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:13px;color:#6e7d8c}.calc-result b{color:#26394d}.calc-result .profit{border-radius:9px;background:#ecf8f1;padding:14px;margin-top:6px;color:#246947}.calc-result .profit span{display:flex;align-items:center;gap:8px}.calc-result .profit small{font-size:10px}.calc-result .profit strong{font-size:23px;color:#187047}
.feature-map{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.feature-map article{border:1px solid #dce5ed;border-radius:12px;padding:26px;background:#fff}.feature-map h3{font-size:19px;margin-bottom:22px}.feature-map p{font-size:13px;color:#5f6d7a;line-height:1.7;border-top:1px solid #edf1f4;padding-top:13px;margin-bottom:13px}.feature-note{font-size:12px;color:#8292a1;margin-top:20px}#features{padding-bottom:64px}.download-section{display:grid;grid-template-columns:1fr .72fr;gap:60px;align-items:center;border-top:1px solid var(--line);padding-top:64px}.download-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:28px 0}.download-section small{font-size:11px;color:#8e9ead;line-height:1.6}.download-device{height:280px;background:linear-gradient(145deg,#f1f8ff,#f8fbfe);border:1px solid #dceaf5;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.download-device img{width:74px;height:74px;border-radius:17px;box-shadow:0 10px 23px rgba(8,105,210,.18);margin-bottom:8px}.download-device b{font-size:20px}.download-device span{font-size:13px;color:#6c7e8f}.download-device div{font-size:12px;color:#4c779b;border:1px solid #cce0f1;border-radius:5px;padding:5px 8px;margin-top:15px}
footer{border-top:1px solid #e5ebf0;background:#f9fbfd}.footer-inner{display:grid;grid-template-columns:1fr 2fr;gap:15px;padding:45px 0 32px}.footer-inner p{color:#748393;font-size:13px;margin:8px 0 0}.footer-inner nav{display:flex;flex-wrap:wrap;gap:19px;grid-column:2;color:#5b6b7b;font-size:12px}.footer-inner nav a:hover{color:var(--blue)}.footer-inner small{color:#9aa8b5;font-size:11px}
@media(max-width:1050px){.main-nav{gap:15px;font-size:12px}.hero{gap:24px}.hero h1{font-size:43px}.app-content{grid-template-columns:90px 1fr}.app-sidebar{font-size:8px}.app-main{padding:13px}.app-row{grid-template-columns:33px minmax(65px,1.3fr) 1fr}.mini-product{width:31px;height:31px}.app-row span.app-link{display:none}.operations-layout,.calculator-layout{gap:34px}}
@media(max-width:760px){.shell{width:min(100% - 36px,560px)}.topbar{height:62px}.topbar-inner{gap:10px}.brand{font-size:17px}.brand img{width:31px;height:31px}.main-nav,.nav-download{display:none}.menu-button{display:block;margin-left:auto;border:1px solid #d7e2ed;border-radius:7px;background:#fff;color:#273746;width:36px;height:36px;font-size:18px}.mobile-nav{position:absolute;display:flex;flex-direction:column;top:62px;left:0;right:0;background:#fff;border-bottom:1px solid #dce5ed;padding:12px 22px;box-shadow:0 18px 30px rgba(30,60,90,.1)}.mobile-nav[hidden]{display:none}.mobile-nav a{padding:12px 0;border-bottom:1px solid #eef2f6;font-size:14px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:57px;padding-bottom:60px;gap:32px}.hero h1{font-size:clamp(37px,10vw,50px)}.lead{font-size:15px;line-height:1.75}.hero-actions .button{width:100%}.hero-stage{margin:0 -8px}.app-frame{transform:none}.app-content{grid-template-columns:80px 1fr;min-height:310px}.app-sidebar{font-size:7px;padding:10px 5px}.app-main{padding:12px 8px}.app-heading strong{font-size:13px}.app-row{grid-template-columns:33px minmax(0,1fr) auto;padding:9px 5px;gap:5px;font-size:8px}.app-row span.app-link{display:none}.app-table-head{grid-template-columns:1.6fr 1fr;font-size:7px;padding:7px}.app-table-head span:last-child{display:none}.app-row em{font-size:7px}.app-bottom{font-size:8px;padding:8px}.app-bottom b{font-size:10px}.hero-caption{font-size:9px}.section{padding-top:72px;padding-bottom:72px}.section-intro h2,.download-section h2{font-size:34px}.section-intro>p:not(.section-kicker){font-size:14px}.workflow-band{padding:45px 0}.section-intro.compact{display:block}.section-intro.compact h2{font-size:26px;margin-bottom:13px}.steps{grid-template-columns:repeat(2,1fr);gap:0}.steps li{min-height:91px;padding:17px 10px 0 0}.steps b{font-size:13px}.steps small{font-size:10px}.audit-demo-header{padding:16px;gap:10px}.audit-demo-header div{display:flex;flex-direction:column;align-items:start;gap:4px}.audit-demo-header b{font-size:13px}.audit-demo-header span{font-size:10px}.audit-demo-header .button{font-size:11px;min-height:34px;padding:0 10px}.audit-flow{grid-template-columns:1fr;gap:8px;padding:18px}.audit-arrow{transform:rotate(90deg);font-size:18px}.audit-images{gap:5px}.audit-tile{padding:4px}.audit-tile>span{font-size:9px}.benefits{grid-template-columns:1fr;gap:12px;margin-top:28px}.benefits article{padding-top:12px}.benefits h3{font-size:17px;margin:9px 0}.benefits p{font-size:12px;margin-bottom:10px}.operations-layout,.calculator-layout,.business-panel,.download-section{grid-template-columns:1fr;gap:30px}.operation-board{padding:16px}.op-node{padding:8px;min-height:75px}.op-node b{font-size:11px}.op-node small{font-size:9px}.operation-line{gap:4px}.business-head{display:block}.business-tabs{display:inline-flex;margin-top:20px}.business-panel{margin-top:22px}.ledger-preview{order:-1}.calc-card{padding:18px}.feature-map{grid-template-columns:1fr;gap:12px;margin-top:28px}.feature-map article{padding:19px}.feature-map h3{margin-bottom:13px}.download-section{gap:26px}.download-device{height:210px}.footer-inner{display:flex;flex-direction:column}.footer-inner nav{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.audit-tile{transition:none}}