:root{--ink:#0b2b3d;--ink-2:#173246;--paper:#eaf8ff;--paper-2:#f8fdff;--white:#fff;--orange:#0899e8;--orange-2:#0b8fdb;--sky:#ddf2fb;--line:#b9dded;--muted:#5d7888;--green:#27c777;--red:#f05a66;--shadow:0 24px 70px rgba(11,43,61,.12);--radius:18px;--shell:min(1180px,calc(100vw - 48px));font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"HarmonyOS Sans SC","MiSans","Microsoft YaHei UI",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:0;z-index:-2;background-image:linear-gradient(rgba(16,35,63,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(16,35,63,.035) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.58}.hidden{display:none!important}.section-shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;left:16px;top:-60px;z-index:200;padding:12px 18px;color:#fff;background:var(--ink);border-radius:8px}.skip-link:focus{top:16px}.test-banner{position:relative;z-index:101;padding:7px 16px;text-align:center;color:#fff;background:repeating-linear-gradient(135deg,#9c3b14,#9c3b14 12px,#b54a1e 12px,#b54a1e 24px);font-size:13px;font-weight:800;letter-spacing:.02em}
.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(16,35,63,.12);background:rgba(244,240,232,.91);backdrop-filter:blur(18px)}.header-inner{width:var(--shell);height:78px;margin:auto;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px;flex:0 0 auto}.brand>span:last-child{display:flex;flex-direction:column}.brand strong{font-size:16px;line-height:1.2;letter-spacing:.03em}.brand small{margin-top:3px;color:var(--muted);font-size:11px;letter-spacing:.08em}.brand-mark{width:38px;height:38px;display:grid;align-content:center;gap:4px;padding:8px;border-radius:10px;background:var(--ink);box-shadow:5px 5px 0 var(--orange)}.brand-mark span{height:3px;background:var(--paper);border-radius:3px}.brand-mark span:nth-child(2){width:70%}.public-nav{display:flex;align-items:center;gap:3px;margin-left:auto}.public-nav a{position:relative;padding:12px 14px;color:#36485e;font-size:14px;font-weight:700}.public-nav a::after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:2px;transform:scaleX(0);background:var(--orange);transition:transform .2s}.public-nav a:hover::after,.public-nav a.active::after{transform:scaleX(1)}.public-nav a.active{color:var(--ink)}.header-actions{display:flex;align-items:center;gap:8px}.button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 18px;border:1px solid transparent;border-radius:8px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s}.button:hover{transform:translateY(-2px)}.button.primary{color:#fff;background:var(--orange);box-shadow:0 8px 22px rgba(255,107,44,.24)}.button.primary:hover{background:var(--orange-2)}.button.ghost{background:rgba(255,255,255,.5);border-color:var(--line)}.button.line{background:transparent;border-color:rgba(16,35,63,.28)}.button.danger{color:#fff;background:var(--red)}.button.large{min-height:50px;padding:0 23px}.button.submit{width:100%;min-height:50px}.menu-button{display:none;border:0;background:none}.menu-button b{font-size:0}
.public-page{display:none;min-height:70vh}.public-page.active{display:block;animation:page-in .45s ease both}.hero{min-height:690px;padding:88px 0 72px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:62px}.eyebrow,.kicker{color:var(--orange-2);font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow span{width:32px;height:2px;background:var(--orange)}.hero h1{max-width:620px;margin:20px 0 22px;font-family:"STZhongsong","SimSun",serif;font-size:clamp(46px,5.2vw,75px);line-height:1.08;letter-spacing:-.045em}.hero h1 em{font-style:normal;color:var(--orange-2)}.hero-copy>p{max-width:590px;color:#4e5d6f;font-size:18px;line-height:1.9}.hero-actions{display:flex;gap:12px;margin-top:30px}.hero-proof{display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:25px;color:var(--muted);font-size:12px}.hero-proof span::before{content:"✓";margin-right:6px;color:var(--green);font-weight:900}
.product-stage{position:relative;min-height:500px;display:grid;place-items:center}.stage-grid{position:absolute;inset:5% 0;background:linear-gradient(135deg,rgba(16,35,63,.95),rgba(24,53,84,.94));clip-path:polygon(8% 0,100% 10%,92% 100%,0 90%);box-shadow:var(--shadow)}.stage-grid::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:24px 24px}.stage-window{position:relative;width:92%;min-height:385px;padding:18px;border:1px solid rgba(255,255,255,.5);border-radius:16px;background:#f9fbfc;box-shadow:0 30px 80px rgba(0,0,0,.24);transform:rotate(-1.2deg)}.stage-top{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid #dfe5ea}.stage-top>div:nth-child(2){display:flex;flex-direction:column}.stage-top b{font-size:14px}.stage-top small{color:var(--muted);font-size:10px}.stage-logo{width:31px;height:31px;display:grid;place-items:center;border-radius:7px;color:#fff;background:var(--ink);font-weight:900}.live-dot{margin-left:auto;padding:5px 8px;border-radius:99px;color:var(--green);background:#e6f5ef;font-size:9px;font-weight:800}.live-dot::before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--green)}.stage-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.stage-metrics>div{padding:11px;border-radius:9px;background:#edf2f4}.stage-metrics small,.stage-metrics i{display:block;color:var(--muted);font-size:9px;font-style:normal}.stage-metrics b{font-family:"Bahnschrift",sans-serif;font-size:23px}.stage-metrics i{color:var(--green)}.stage-metrics i.warn{color:var(--red)}.stage-table{overflow:hidden;border:1px solid #dce2e7;border-radius:9px}.stage-row{display:grid;grid-template-columns:1.15fr .7fr 1.35fr .65fr;align-items:center;gap:8px;min-height:52px;padding:7px 10px;border-top:1px solid #e9edef;font-size:10px}.stage-row.head{min-height:31px;border:0;color:var(--muted);background:#edf2f4;font-size:9px;font-weight:800}.stage-row span{min-width:0}.stage-row span:first-child{display:flex;flex-direction:column}.stage-row small{display:block;color:var(--muted);font-size:8px}.progress{display:block;height:5px;margin:3px 0 5px;overflow:hidden;border-radius:9px;background:#dfe5e8}.progress i{display:block;height:100%;background:var(--orange)}.progress-45{width:45%}.progress-78{width:78%}.progress-96{width:96%}.pill{display:inline-flex!important;align-items:center!important;justify-content:center;padding:4px;border-radius:99px;font-size:8px!important;font-weight:900}.pill.blue{color:#25609d;background:#e3f0ff}.pill.orange{color:#a64b16;background:#fff0df}.pill.red{color:#a53930;background:#fce5e1}.stage-callout{position:absolute;z-index:2;padding:11px 14px;border-radius:9px;background:#fff;box-shadow:0 18px 45px rgba(0,0,0,.18)}.stage-callout b,.stage-callout span{display:block}.callout-a{left:-2%;bottom:12%}.callout-a b{color:var(--orange);font:800 25px "Bahnschrift",sans-serif}.callout-a span{color:var(--muted);font-size:9px}.callout-b{right:-1%;top:10%}.callout-b span{color:var(--green);font-size:9px}.callout-b b{font-size:12px}
.signal-strip{border-block:1px solid var(--line);background:rgba(255,255,255,.42)}.signal-grid{display:grid;grid-template-columns:repeat(4,1fr)}.signal-grid>div{padding:26px 24px;border-left:1px solid var(--line)}.signal-grid>div:last-child{border-right:1px solid var(--line)}.signal-grid b,.signal-grid span{display:block}.signal-grid b{font-size:16px}.signal-grid span{margin-top:5px;color:var(--muted);font-size:12px}.section-block{padding-block:110px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-heading h2,.page-hero h1{margin:9px 0 0;font-family:"STZhongsong","SimSun",serif;font-size:clamp(34px,4vw,52px);line-height:1.16;letter-spacing:-.03em}.section-heading>p{max-width:420px;margin:0;color:var(--muted);font-size:16px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.value-card{position:relative;min-height:340px;overflow:hidden;padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-2);box-shadow:0 16px 50px rgba(16,35,63,.06)}.value-card.dark{color:#fff;background:var(--ink)}.card-index{color:var(--orange);font:800 13px "Bahnschrift",sans-serif}.value-card h3{margin:52px 0 15px;font-size:24px}.value-card p{color:var(--muted);line-height:1.8}.value-card.dark p{color:#b7c4d3}.mini-flow{position:absolute;left:32px;right:32px;bottom:32px;display:flex;align-items:center;gap:6px}.mini-flow span{padding:7px 9px;border-radius:6px;background:var(--sky);font-size:10px;font-weight:800}.mini-flow i{height:1px;flex:1;background:var(--orange)}.device-pair{position:absolute;left:32px;right:32px;bottom:32px;height:100px}.device{position:absolute;display:block;border:2px solid #8ba3bb;background:#1a304b}.device.desktop{left:0;bottom:0;width:145px;height:88px;border-radius:7px}.device.desktop::after{content:"";position:absolute;left:50%;bottom:-12px;width:40px;height:10px;transform:translateX(-50%);border-top:2px solid #8ba3bb}.device.phone{right:12px;bottom:0;width:48px;height:90px;border-radius:8px}.device-pair b{position:absolute;left:122px;top:18px;color:var(--orange);font:800 11px "Bahnschrift",sans-serif}.file-stack{position:absolute;left:32px;right:32px;bottom:32px;display:flex}.file-stack span{width:72px;height:72px;display:grid;place-items:center;margin-right:-10px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 10px 25px rgba(16,35,63,.1);font:800 12px "Bahnschrift",sans-serif}.file-stack span:nth-child(2){transform:rotate(6deg);color:var(--orange)}.file-stack span:nth-child(3){transform:rotate(12deg);color:#2a669a}
.process-section{padding:100px 0;color:#fff;background:var(--ink);clip-path:polygon(0 5%,100% 0,100% 95%,0 100%)}.section-heading.light h2{color:#fff}.section-heading.light a{color:#e9b091;font-weight:800}.process-track{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none}.process-track li{position:relative;min-height:235px;padding:30px;border-left:1px solid rgba(255,255,255,.16)}.process-track li:last-child{border-right:1px solid rgba(255,255,255,.16)}.process-track b{color:var(--orange);font:800 38px "Bahnschrift",sans-serif}.process-track h3{margin:38px 0 10px}.process-track p{color:#aebed0;font-size:13px}.security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.security-grid article{padding:28px;border-top:3px solid var(--orange);background:rgba(255,255,255,.56)}.line-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;font-style:normal;font-weight:900}.security-grid h3{margin:22px 0 8px}.security-grid p{color:var(--muted);font-size:14px}.cta-band{margin-bottom:100px;padding:55px 60px;display:flex;align-items:center;justify-content:space-between;gap:40px;color:#fff;border-radius:24px;background:linear-gradient(115deg,var(--ink),#1e4567);box-shadow:var(--shadow)}.cta-band h2{max-width:680px;margin:8px 0;font-size:34px}.cta-band p{margin:0;color:#b8c6d5}.cta-band>div:last-child{display:flex;flex-direction:column;align-items:center;gap:12px}.text-link{color:#d9e4ed;font-size:13px;font-weight:700}
.page-hero{padding:115px 0 55px}.page-hero h1{max-width:800px;font-size:clamp(42px,6vw,70px)}.page-hero>p{max-width:720px;color:var(--muted);font-size:18px}.page-hero.centered{text-align:center}.page-hero.centered h1,.page-hero.centered p{margin-inline:auto}.feature-bento{padding-bottom:110px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.feature-panel{min-height:280px;padding:34px;border:1px solid var(--line);border-radius:18px;background:var(--paper-2)}.feature-panel.wide{grid-column:span 2;min-height:250px}.feature-panel.accent{background:#f8d7c4}.feature-panel.dark{color:#fff;background:var(--ink)}.feature-panel>span,.solution-list article>div>span{color:var(--orange-2);font:800 11px "Bahnschrift",sans-serif;letter-spacing:.15em}.feature-panel h2{margin:24px 0 10px;font-size:30px}.feature-panel p{max-width:670px;color:var(--muted);font-size:15px}.feature-panel.dark p{color:#b8c5d3}.flow-board{display:flex;align-items:center;gap:10px;margin-top:32px}.flow-board i{padding:10px 16px;border-radius:99px;background:var(--sky);font-style:normal;font-weight:800}.flow-board b{height:2px;flex:1;background:var(--orange)}.solution-list{padding-bottom:110px}.solution-list article{display:grid;grid-template-columns:160px 1fr;gap:40px;padding:50px 0;border-top:1px solid var(--line)}.solution-list article:last-child{border-bottom:1px solid var(--line)}.solution-number{color:var(--orange);font:800 52px "Bahnschrift",sans-serif}.solution-list h2{margin:10px 0;font-size:32px}.solution-list p{max-width:720px;color:var(--muted)}.solution-list ul{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none}.solution-list li{padding:7px 11px;border:1px solid var(--line);border-radius:99px;background:var(--paper-2);font-size:12px}
.pricing-wrap{padding-bottom:55px}.pricing-card{max-width:920px;margin:auto;padding:44px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow)}.pricing-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:30px;border-bottom:1px solid var(--line)}.pricing-mode{color:var(--orange-2);font-size:12px;font-weight:900;letter-spacing:.1em}.pricing-top h2{margin:8px 0 4px;font-size:30px}.pricing-top p{margin:0;color:var(--muted)}.price{display:flex;align-items:baseline;white-space:nowrap}.price small{font-size:25px}.price strong{font:800 65px "Bahnschrift",sans-serif;letter-spacing:-.06em}.price span{color:var(--muted)}.test-note{margin:22px 0 0;padding:12px 16px;color:#8e3b17;border:1px solid #efb395;border-radius:8px;background:#fff2e9;font-weight:800}.pricing-features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:30px 0}.pricing-features span::before{content:"✓";margin-right:9px;color:var(--green);font-weight:900}.entitlements{padding:16px;border-radius:10px;background:#eef3f5}.pricing-actions{display:flex;gap:10px}.compact-faq{padding-bottom:110px}.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.faq-grid article{padding:24px;border-top:2px solid var(--ink);background:rgba(255,255,255,.55)}.faq-grid h3{margin:0 0 8px}.faq-grid p{margin:0;color:var(--muted);font-size:13px}.inline-status{min-height:0;margin-bottom:15px}.inline-status.show,.form-status.show{padding:12px 14px;border-radius:8px;background:#e9f2f7}.inline-status.error,.form-status.error{color:#9d3028;background:#fae9e5}.inline-status.success,.form-status.success{color:#126445;background:#e5f3ed}.download-grid{padding-bottom:35px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.download-card{display:flex;min-height:300px;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 16px 45px rgba(16,35,63,.07)}.download-card.recommended{border:2px solid var(--orange)}.platform-tag{align-self:flex-start;padding:5px 9px;border-radius:5px;color:#174d79;background:#e4f1fb;font-size:11px;font-weight:900}.download-card h2{margin:22px 0 7px}.download-meta{color:var(--muted);font-size:13px}.hash-box{margin:18px 0;padding:11px;border:1px dashed var(--line);border-radius:8px;background:#f7f8f8;word-break:break-all;font:11px monospace}.download-card .button{margin-top:auto;align-self:flex-start}.copy-button{margin-left:6px;padding:2px 6px;border:0;color:var(--orange-2);background:none;font-size:11px}.install-note{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-bottom:110px}.install-note>div{padding:20px;border-left:3px solid var(--orange);background:rgba(255,255,255,.5)}.install-note p{margin:5px 0 0;color:var(--muted);font-size:13px}.skeleton-card{height:300px;border-radius:18px;background:linear-gradient(90deg,#e8e4dc 25%,#f6f3ed 50%,#e8e4dc 75%);background-size:200% 100%;animation:skeleton 1.5s infinite}.onboarding-steps{display:grid;grid-template-columns:repeat(4,1fr);padding:0 0 80px;margin-top:20px;list-style:none}.onboarding-steps li{padding:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-left:1px solid var(--line)}.onboarding-steps li:last-child{border-right:1px solid var(--line)}.onboarding-steps b{color:var(--orange);font:800 24px "Bahnschrift",sans-serif}.onboarding-steps p{color:var(--muted);font-size:13px}.help-layout{display:grid;grid-template-columns:1.5fr .8fr;gap:24px;padding-bottom:110px}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{padding:21px 4px;font-size:17px;font-weight:800;cursor:pointer}.faq-list details p{margin:0;padding:0 4px 20px;color:var(--muted)}.contact-card{padding:30px;border-radius:18px;color:#fff;background:var(--ink)}.contact-card h2{margin:12px 0}.contact-card p{color:#b8c5d3}.contact-card a,.contact-card span{display:block;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.vip-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:110px}.vip-plan-card{min-height:235px;padding:28px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 12px 34px rgba(16,35,63,.06)}.vip-plan-card h2{margin:18px 0 8px;font-size:26px}.vip-plan-card p{color:var(--muted);line-height:1.7}.vip-plan-card .vip-plan-limits{padding-top:16px;border-top:1px solid var(--line);font-size:12px}.vip-level-0{border-color:#b7c4cc;background:#f4f7f8}.vip-level-5{color:#fff;border-color:#1e4567;background:var(--ink)}.vip-level-5 p{color:#c4d1db}.subscription-current{margin-bottom:15px;padding:13px 16px;border-left:3px solid var(--orange);background:#fff3e9;color:#734220;font-size:13px;font-weight:700}.vip-plan-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:18px 0}.vip-plan-choice{min-height:66px;padding:10px 12px;text-align:left;border:1px solid #cdd5db;border-radius:8px;background:#fff;color:var(--ink)}.vip-plan-choice b,.vip-plan-choice small{display:block}.vip-plan-choice small{margin-top:5px;color:var(--muted)}.vip-plan-choice.active{border-color:var(--orange);background:#fff4ed;box-shadow:0 0 0 2px rgba(255,107,44,.12)}
@media(max-width:760px){.vip-plan-grid{grid-template-columns:1fr;padding-bottom:65px}.vip-plan-choices{grid-template-columns:1fr}}
.auth-page{padding:65px 0 100px}.auth-shell{display:grid;grid-template-columns:1fr 500px;gap:80px;align-items:center}.auth-context h1{margin:14px 0;font-family:"STZhongsong","SimSun",serif;font-size:50px;line-height:1.18}.auth-context>p{max-width:530px;color:var(--muted);font-size:17px}.auth-context ul{margin:28px 0;padding:0;display:flex;flex-wrap:wrap;gap:9px;list-style:none}.auth-context li{padding:7px 10px;border:1px solid var(--line);border-radius:99px;font-size:12px}.secure-note{margin-top:28px;padding:17px;border-left:3px solid var(--orange);background:rgba(255,255,255,.5)}.secure-note b,.secure-note span{display:block}.secure-note span{margin-top:4px;color:var(--muted);font-size:13px}.auth-card,.security-form{padding:36px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.form-heading span{color:var(--orange-2);font-size:11px;font-weight:900;letter-spacing:.13em}.form-heading h2{margin:6px 0 25px;font-size:26px}.auth-card label,.security-form label,.danger-zone label{display:block;margin-top:16px;font-size:13px;font-weight:800}.auth-card input,.security-form input,.danger-zone input{width:100%;height:48px;margin-top:7px;padding:0 13px;border:1px solid #cbd2d8;border-radius:8px;background:#fbfcfc;outline:none}.auth-card input:focus,.security-form input:focus,.danger-zone input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,107,44,.12)}.auth-card label small{display:block;margin-top:5px;color:var(--muted);font-size:11px;font-weight:500}.auth-card label small.valid{color:var(--green)}.password-wrap{position:relative}.password-wrap input{padding-right:63px}.password-toggle{position:absolute;right:8px;bottom:8px;height:32px;padding:0 8px;border:0;color:var(--muted);background:transparent;font-size:11px}.captcha-line{height:44px;margin-top:7px;display:flex;align-items:center;padding:0 10px;border-radius:8px;background:#eef2f4}.captcha-line button{margin-left:auto;border:0;color:var(--orange-2);background:none;font-size:11px}.form-status{margin-top:14px}.form-foot{text-align:center;color:var(--muted);font-size:12px}.form-foot a{color:var(--orange-2);font-weight:800}.text-button{width:100%;margin-top:11px;border:0;color:var(--orange-2);background:none;font-size:12px}
.console-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr;background:#eef1f3}.console-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:24px 18px;color:#e8eef4;background:var(--ink)}.console-brand{color:#fff}.console-brand .brand-mark{background:var(--orange);box-shadow:none}.console-brand small{color:#9eb0c3}.console-company{margin:28px 0 20px;padding:15px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.05)}.console-company small,.console-company b,.console-company span{display:block}.console-company small{color:#95a8ba;font-size:10px}.console-company b{margin:4px 0;word-break:break-word}.console-company span{color:#68c29f;font-size:10px}.console-nav{display:grid;gap:4px}.console-nav a{display:flex;align-items:center;gap:11px;padding:11px;border-radius:8px;color:#adbdcc;font-size:13px;font-weight:700}.console-nav a i{width:24px;height:24px;display:grid;place-items:center;border:1px solid currentColor;border-radius:6px;font-size:10px;font-style:normal}.console-nav a.active,.console-nav a:hover{color:#fff;background:rgba(255,255,255,.1)}.console-nav a.active i{color:var(--orange);border-color:var(--orange)}.console-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:17px;border-top:1px solid rgba(255,255,255,.12);font-size:11px}.console-footer button{border:0;color:#ffb391;background:none}.console-main{min-width:0;padding:0 34px 60px}.console-top{height:74px;display:flex;align-items:center;border-bottom:1px solid #d2d9de}.console-top>div{display:flex;flex-direction:column}.console-top span{color:var(--muted);font-size:10px}.console-top b{font-size:16px}.console-top>span:last-child{margin-left:auto}.console-menu-button{display:none}.console-view{display:none;max-width:1280px;margin:auto;padding-top:36px}.console-view.active{display:block;animation:page-in .35s ease}.console-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.console-heading>div>span{color:var(--orange-2);font:800 10px "Bahnschrift",sans-serif;letter-spacing:.16em}.console-heading h1{margin:5px 0 2px;font-size:30px}.console-heading p{margin:0;color:var(--muted);font-size:13px}.welcome-panel{margin-bottom:18px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #e5b28f;border-radius:12px;background:#fff3e9}.welcome-panel b,.welcome-panel p{display:block;margin:0}.welcome-panel p{margin-top:4px;color:#875038;font-size:12px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:15px}.metric-grid.two{grid-template-columns:repeat(2,1fr)}.metric-grid article{min-height:140px;display:flex;flex-direction:column;padding:22px;border:1px solid #d8dee3;border-radius:13px;background:#fff}.metric-grid span{color:var(--muted);font-size:11px}.metric-grid b{margin:9px 0;font:800 30px "Bahnschrift",sans-serif}.metric-grid small{margin-top:auto;color:var(--muted)}.console-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:15px}.console-card{min-width:0;margin-bottom:15px;padding:24px;border:1px solid #d8dee3;border-radius:13px;background:#fff}.console-card h2{margin:0 0 16px;font-size:18px}.detail-list{display:grid}.detail-row{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid #edf0f2;font-size:12px}.detail-row span{color:var(--muted)}.usage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.usage-item{padding:10px;border-radius:7px;background:#eef2f4}.usage-item span,.usage-item b{display:block}.usage-item span{color:var(--muted);font-size:9px}.usage-item b{margin-top:4px;font-size:13px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:11px;text-align:left;border-bottom:1px solid #e7ebee;white-space:nowrap}th{color:var(--muted);background:#f5f7f8;font-size:10px}.data-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px}.data-meta article{padding:16px;border:1px solid #d8dee3;border-radius:10px;background:#fff}.data-meta span,.data-meta b{display:block}.data-meta span{color:var(--muted);font-size:10px}.data-meta b{margin-top:5px}.action-card{display:flex;min-height:330px;flex-direction:column}.action-card p{color:var(--muted);font-size:13px}.action-card progress{width:100%;margin:16px 0;accent-color:var(--orange)}.action-card .button{margin-top:auto}.action-card>small{margin-top:9px;color:var(--muted)}.card-tag{color:var(--orange-2);font:800 10px "Bahnschrift",sans-serif;letter-spacing:.13em}.danger-zone{border-color:#e2aaa3}.danger-zone input[type=file]{height:auto;padding:10px}.subscription-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:15px}.plan-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0}.plan-facts span{padding:13px;color:var(--muted);background:#f0f3f4;font-size:10px}.plan-facts b{display:block;margin-top:3px;color:var(--ink);font-size:14px}.payment-options{display:flex;gap:9px}.pay-option{min-height:44px;padding:0 16px;border:1px solid #cdd5db;border-radius:8px;background:#fff;font-weight:800}.pay-option.active{color:var(--orange-2);border-color:var(--orange);background:#fff4ed}.checkout-card>span{color:var(--muted);font-size:11px}.checkout-card>b{display:block;margin:15px 0 4px;font:800 44px "Bahnschrift",sans-serif}.checkout-card>small{display:block;margin-bottom:20px;color:var(--orange-2)}.payment-state{display:none;margin-top:15px;padding:14px;text-align:center;border-radius:8px;background:#f2f4f5}.payment-state.show{display:block}.payment-state img{max-width:180px}.payment-state a{display:block;color:var(--orange-2);font-weight:800}.payment-state p{margin:8px 0 0;color:var(--muted);font-size:11px}.security-layout{display:grid;grid-template-columns:1fr .8fr;gap:15px}.security-form{box-shadow:none}.security-advice li{margin:14px 0;color:var(--muted)}
.site-footer{padding:62px 0 24px;color:#dbe4ec;background:#0c1c31}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:35px}.footer-grid>div{display:flex;flex-direction:column;gap:8px}.footer-grid>div>b{margin-bottom:8px;color:#fff}.footer-grid>div>a,.footer-grid>div>div{color:#9eb0c2;font-size:12px}.footer-bottom{display:flex;align-items:center;gap:24px;margin-top:50px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);color:#8298ab;font-size:11px}.footer-bottom>div{display:flex;gap:14px}.footer-bottom #recordInfo{margin-left:auto}
.reveal{animation:reveal .65s ease both}.delay-1{animation-delay:.12s}.delay-2{animation-delay:.24s}@keyframes reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes page-in{from{opacity:.25}to{opacity:1}}@keyframes skeleton{to{background-position:-200% 0}}
@media(max-width:1050px){.public-nav{position:fixed;left:20px;right:20px;top:78px;display:none;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--paper-2);box-shadow:var(--shadow)}.public-nav.open{display:grid}.public-nav a{padding:11px}.menu-button{width:42px;height:42px;margin-left:auto;display:grid;place-content:center;gap:4px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.6)}.menu-button span{width:18px;height:2px;background:var(--ink)}.header-actions{margin-left:0}.header-actions .ghost{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.product-stage{max-width:720px;width:100%;margin:auto}.signal-grid{grid-template-columns:repeat(2,1fr)}.value-grid,.security-grid{grid-template-columns:1fr}.value-card{min-height:280px}.process-track{grid-template-columns:repeat(2,1fr)}.faq-grid{grid-template-columns:1fr}.download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-shell{grid-template-columns:1fr;gap:35px}.auth-context{text-align:center}.auth-context>p{margin-inline:auto}.auth-context ul{justify-content:center}.console-shell{grid-template-columns:220px 1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){:root{--shell:min(100% - 30px)}.test-banner{font-size:11px}.header-inner{height:66px}.brand small{display:none}.brand-mark{width:32px;height:32px}.header-actions .primary{display:none}.public-nav{top:66px}.hero{min-height:auto;padding:58px 0}.hero h1{font-size:42px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.product-stage{min-height:390px}.stage-window{width:100%;min-height:340px;padding:11px}.stage-metrics{gap:5px}.stage-row{grid-template-columns:1.1fr .8fr 1.2fr}.stage-row>span:last-child{display:none}.stage-callout{display:none}.signal-grid{grid-template-columns:1fr}.signal-grid>div{border-right:1px solid var(--line)}.section-block{padding-block:75px}.section-heading{display:block}.section-heading>p{margin-top:15px}.value-card{padding:25px}.process-section{padding:75px 0;clip-path:none}.process-track{grid-template-columns:1fr}.process-track li{min-height:auto;border-right:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}.cta-band{padding:35px 25px;display:block}.cta-band h2{font-size:27px}.cta-band>div:last-child{margin-top:25px;align-items:stretch}.page-hero{padding:70px 0 35px}.page-hero h1{font-size:40px}.feature-bento{grid-template-columns:1fr}.feature-panel.wide{grid-column:auto}.flow-board{gap:4px}.flow-board i{padding:8px;font-size:11px}.solution-list article{grid-template-columns:1fr;gap:10px}.pricing-card{padding:25px}.pricing-top{display:block}.price{margin-top:22px}.pricing-features{grid-template-columns:1fr}.pricing-actions{flex-direction:column}.download-grid,.install-note{grid-template-columns:1fr}.onboarding-steps{grid-template-columns:1fr}.onboarding-steps li{border-right:1px solid var(--line);border-bottom:0}.onboarding-steps li:last-child{border-bottom:1px solid var(--line)}.help-layout{grid-template-columns:1fr}.auth-page{padding:38px 0 70px}.auth-context h1{font-size:38px}.auth-card{padding:24px}.console-shell{display:block}.console-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:120;width:260px;height:100vh;transform:translateX(-105%);transition:transform .25s}.console-sidebar.open{transform:none}.console-main{padding:0 15px 40px}.console-top{height:64px}.console-menu-button{display:block;margin-right:12px;padding:7px 9px;border:1px solid #ccd4da;border-radius:7px;background:#fff}.console-top>span:last-child{display:none}.console-view{padding-top:24px}.console-heading{align-items:start}.console-heading h1{font-size:26px}.console-heading .button{min-height:38px;padding:0 11px}.metric-grid,.metric-grid.two,.console-grid,.data-meta,.subscription-layout,.security-layout{grid-template-columns:1fr}.metric-grid{gap:9px}.metric-grid article{min-height:120px}.usage-grid{grid-template-columns:repeat(2,1fr)}.welcome-panel{display:block}.welcome-panel .button{margin-top:12px}.payment-options{flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:span 2}.footer-bottom{align-items:start;flex-direction:column}.footer-bottom #recordInfo{margin-left:0}}
.pending-cancel{margin:-4px 0 15px}.vip-plan-choice:disabled{cursor:not-allowed;opacity:.55}.inline-status.info{color:#315b78;background:#eaf4fb}.button:disabled,.pay-option:disabled{cursor:not-allowed;opacity:.55}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
:focus-visible{outline:3px solid rgba(8,153,232,.48);outline-offset:3px}

/* Align the website with the client's authoritative light theme palette. */
.test-banner{background:repeating-linear-gradient(135deg,#087fc2,#087fc2 12px,#0b8fdb 12px,#0b8fdb 24px)}
.site-header{background:rgba(234,248,255,.92)}
.brand-mark{display:block;padding:0;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 5px 16px rgba(11,43,61,.16)}
.brand-mark img{width:100%;height:100%;display:block;object-fit:cover}
.console-brand .brand-mark{background:#fff;box-shadow:0 5px 16px rgba(0,0,0,.18)}
.stage-logo{display:block;padding:0;object-fit:cover;border:1px solid var(--line);background:#fff}
.button.primary{box-shadow:0 8px 22px rgba(8,153,232,.24)}
.auth-card input:focus,.security-form input:focus,.danger-zone input:focus{box-shadow:0 0 0 3px rgba(8,153,232,.12)}
.stage-grid{background:linear-gradient(135deg,rgba(11,43,61,.96),rgba(23,50,70,.94))}
.section-heading.light a{color:#78c5ee}
.stage-window,.pricing-card,.download-card,.auth-card,.security-form,.metric-grid article,.console-card,.data-meta article{background:var(--paper-2)}
.stage-metrics>div,.stage-row.head,.usage-item,.captcha-line,.plan-facts span,.payment-state{background:var(--sky)}
.pill.orange{color:#0b668f;background:#ddf2fb}
.feature-panel.accent{background:#cbeaf7}
.test-note{color:#0b668f;border-color:#87cbe8;background:#eaf7fd}
.skeleton-card{background:linear-gradient(90deg,#d8edf7 25%,#f8fdff 50%,#d8edf7 75%);background-size:200% 100%}
.console-shell{background:var(--paper)}
.welcome-panel{border-color:#87cbe8;background:#eaf7fd}
.welcome-panel p{color:#416b80}
.pay-option.active{background:#eaf7fd}
.console-footer button{color:#f05a66}

/* Authenticated console reuses the public light-blue brand palette. */
.console-shell{--ink:#0b2b3d;--ink-2:#173f5a;--paper:#eaf8ff;--paper-2:#fff;--orange:#0899e8;--orange-2:#087fc2;--sky:#eef9fe;--line:#c7e4f1;--muted:#5d7888;--green:#1f9d63;--red:#e34f5f;color:var(--ink);background:var(--paper)}
.console-sidebar{color:var(--ink);border-right:1px solid #c9e5f1;background:linear-gradient(180deg,#f9fdff,#eaf7fd)}
.console-brand{color:var(--ink)}
.console-brand small,.console-company small{color:#66879a}
.console-brand .brand-mark{border-color:#b9ddec;background:#fff;box-shadow:0 6px 18px rgba(8,95,138,.14)}
.console-company{border-color:#c4e3f0;background:rgba(255,255,255,.76);box-shadow:0 8px 24px rgba(15,86,119,.06)}
.console-company span{color:#168b5d}
.console-nav{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.console-nav a{color:#214d67}
.console-nav a.active,.console-nav a:hover{color:#087fc2;background:#dff3fc}
.console-nav a.active i{color:#087fc2;border-color:#52b9e8;background:#fff}
.console-footer{border-top-color:#c7e4f1}
.console-footer a{color:#214d67}
.console-footer button{color:#d94757}
.console-main{background:radial-gradient(circle at 90% 0,rgba(108,207,249,.18),transparent 27%),#eaf8ff}
.console-top{border-bottom-color:#c5e0ec;background:rgba(234,248,255,.86);backdrop-filter:blur(12px)}
.console-heading>div>span,.card-tag{color:#087fc2}
.console-shell .button.primary{background:#0899e8;box-shadow:0 8px 22px rgba(8,153,232,.22)}
.console-shell .button.primary:hover{background:#087fc2}
.console-shell .metric-grid article,.console-shell .console-card,.console-shell .data-meta article,.console-shell .security-form{border-color:#cbe5f0;background:#fff;box-shadow:0 12px 34px rgba(14,84,116,.07)}
.console-shell .metric-grid article:nth-child(1) b,.console-shell .metric-grid article:nth-child(4) b{color:#087fc2}
.console-shell .metric-grid article:nth-child(2) b{color:#168b5d}
.console-shell .metric-grid article:nth-child(3) b{color:#315ee8}
.console-shell .usage-item,.console-shell .plan-facts span,.console-shell .payment-state{background:#eef9fe}
.console-shell th{background:#eff8fc}
.console-shell .welcome-panel{border-color:#8ecfeb;background:#effaff}
.console-shell .welcome-panel p{color:#416b80}
.console-shell .pay-option.active{color:#087fc2;border-color:#0899e8;background:#e8f7fd}
.fixed-rows-scroll{max-height:375px;overflow-y:auto;overscroll-behavior:contain} 
.fixed-rows-scroll thead th{position:sticky;top:0;z-index:1} 
.overview-users-card td:nth-child(1){max-width:150px;overflow:hidden;text-overflow:ellipsis} 
.overview-users-card td:nth-child(3){min-width:150px}

/* Overview information architecture: base / users / activity share one desktop row. */
.overview-information-grid{grid-template-columns:minmax(250px,.8fr) minmax(430px,1.45fr) minmax(250px,.8fr);grid-template-areas:"base users active"}
.overview-base-card{grid-area:base}
.overview-active-card{grid-area:active}
.overview-users-card{grid-area:users;width:100%}
@media(min-width:761px) and (max-width:1199px){.overview-information-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"base active" "users users"}.overview-users-card{width:100%;justify-self:stretch}}
@media(max-width:760px){.overview-information-grid{grid-template-columns:1fr;grid-template-areas:"base" "users" "active"}.overview-users-card{width:100%}}

/* Customer/developer support conversation. */
.console-nav a{position:relative}.nav-unread-badge{min-width:16px;height:16px;margin-left:auto;padding:0 4px;display:grid;place-items:center;border-radius:999px;color:#fff;background:#e34f5f;font:800 9px/1 "Bahnschrift",sans-serif}.company-message-card{max-width:900px}.message-header{display:flex;align-items:start;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid #d8ebf3}.message-header span,.message-header b{display:block}.message-header span{color:var(--muted);font-size:11px}.message-header b{margin-top:4px;font-size:15px}.message-header small{color:var(--muted);font-size:11px}.company-message-list{min-height:280px;max-height:480px;overflow:auto;padding:18px 2px;display:flex;flex-direction:column;gap:10px}.message-item{max-width:78%;padding:12px 14px;border:1px solid #d3e8f1;border-radius:12px;background:#f3faff}.message-item.from-developer{align-self:flex-start;border-bottom-left-radius:3px}.message-item.from-customer{align-self:flex-end;border-color:#8fd0ed;border-bottom-right-radius:3px;background:#e9f7fd}.message-sender{display:inline-block;font-size:12px}.message-time{margin-left:8px;color:var(--muted);font-size:10px}.message-content{margin:7px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;font-size:13px}.message-empty{margin:auto;color:var(--muted);font-size:13px}.message-retry{align-self:center}.company-message-form{padding-top:16px;border-top:1px solid #d8ebf3}.company-message-form label{display:block;margin-bottom:7px;font-size:13px;font-weight:800}.company-message-form textarea{box-sizing:border-box;width:100%;resize:vertical;min-height:92px;padding:11px 12px;border:1px solid #bcd9e6;border-radius:8px;background:#fbfeff;color:var(--ink);font:13px/1.6 inherit}.company-message-form textarea:focus{outline:none;border-color:#0899e8;box-shadow:0 0 0 3px rgba(8,153,232,.12)}.company-message-form>div{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:10px}.company-message-form small{color:var(--muted);font-size:11px}.company-message-form .button{min-height:38px}
@media(max-width:760px){.message-header,.company-message-form>div{align-items:flex-start;flex-direction:column}.message-item{max-width:92%}}

/* Console reports, audit and shared responsive states. */
.console-mode{overflow-x:hidden;background:#eaf8ff}.console-shell,.console-main,.console-view,.console-card{min-width:0}.console-shell input,.console-shell select,.console-shell textarea{font:inherit}.console-shell input,.console-shell select{height:42px;padding:0 11px;border:1px solid #bcd9e6;border-radius:8px;color:var(--ink);background:#fbfeff;outline:none}.console-shell input:focus,.console-shell select:focus,.console-shell textarea:focus{border-color:#0899e8;box-shadow:0 0 0 3px rgba(8,153,232,.12)}.console-shell .button.line{color:#174d68;border-color:#9ecfe3;background:rgba(255,255,255,.72)}.console-shell .button.line:hover{background:#fff}.console-nav a:focus-visible,.console-footer a:focus-visible,.console-footer button:focus-visible{outline:3px solid rgba(8,153,232,.42);outline-offset:2px}.console-top{position:sticky;top:0;z-index:20;margin:0 -34px;padding:0 34px}.table-scroll{max-width:100%;overscroll-behavior-inline:contain}.empty-cell{text-align:center!important;color:var(--muted)!important;white-space:normal!important}.company-status,.metric-status{display:inline-flex;align-items:center;width:max-content}.company-status.success,.metric-status.success{color:#168b5d}.company-status.warning,.metric-status.warning{color:#b56b0b}.company-status.danger,.metric-status.danger{color:#d94757}.company-status.neutral,.metric-status.neutral{color:#607887}.status-badge{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;padding:4px 8px;border-radius:999px;color:#496778;background:#edf4f7;font-size:10px;font-weight:800;line-height:1.3;white-space:normal}.status-badge.success{color:#13724c;background:#def5e9}.status-badge.warning{color:#9a5c08;background:#fff0cf}.status-badge.danger{color:#b52e3d;background:#fde4e7}.status-badge.category{color:#086c9f;background:#e1f4fc}.data-quality-note{margin:0 0 15px;padding:12px 15px;border:1px solid #f0cf8a;border-radius:10px;color:#815711;background:#fff8e6;font-size:12px}.console-filter-card{display:grid;gap:16px}.range-buttons{display:flex;flex-wrap:wrap;gap:8px}.range-buttons button,.audit-type-filters button{min-height:36px;padding:0 13px;border:1px solid #b8dbe9;border-radius:999px;color:#4d7183;background:#f8fdff;font-size:11px;font-weight:800}.range-buttons button:hover,.range-buttons button.active{color:#fff;border-color:#0899e8;background:#0899e8}.date-range-fields{display:flex;align-items:end;flex-wrap:wrap;gap:10px}.date-range-fields label,.audit-filter-grid label{display:grid;gap:6px;color:#537181;font-size:11px;font-weight:800}.date-range-fields>span{padding-bottom:10px;color:var(--muted)}.report-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.report-metrics article,.audit-metrics article{min-height:125px;padding:18px}.report-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:15px}.report-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.card-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.card-heading-row h2{margin-bottom:3px}.card-heading-row p{margin:0;color:var(--muted);font-size:11px}.chart-legend{display:flex;gap:12px;color:var(--muted);font-size:10px}.chart-legend span::before{content:"";width:9px;height:9px;display:inline-block;margin-right:5px;border-radius:50%}.chart-legend .created::before{background:#0899e8}.chart-legend .shipped::before{background:#1f9d63}.report-trend-chart{width:100%;height:auto;min-height:250px;margin-top:8px;overflow:visible}.chart-grid-line{stroke:#d9e9f0;stroke-width:1}.chart-axis-label{fill:#6c8795;font:10px "Microsoft YaHei UI",sans-serif}.chart-empty{fill:#78909c;font:13px "Microsoft YaHei UI",sans-serif}.trend-line{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.trend-line.created{stroke:#0899e8}.trend-line.shipped{stroke:#1f9d63}.report-trend-table{max-height:220px}.report-table-scroll{max-height:365px}.report-table-scroll th{position:sticky;top:0;z-index:1}.report-risk-card tbody tr:has(.status-badge.danger){background:#fff8f8}
.audit-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.filter-label{display:block;margin-bottom:8px;color:#537181;font-size:11px;font-weight:800}.audit-type-filters{display:flex;flex-wrap:wrap;gap:7px}.audit-type-filters button{position:relative;padding-left:24px}.audit-type-filters button::before{content:"";position:absolute;left:10px;width:7px;height:7px;border-radius:50%;background:var(--category-color,#0899e8)}.audit-type-filters button.active{color:#07557d;border-color:#62bee8;background:#e3f5fd;box-shadow:0 0 0 2px rgba(8,153,232,.08)}.audit-type-filters>span{color:var(--muted);font-size:11px}.filter-actions{display:flex;justify-content:flex-end;gap:9px}.audit-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.audit-layout{display:grid;grid-template-columns:minmax(280px,.38fr) minmax(0,1fr);gap:15px}.console-view .audit-chart-card{display:block;min-height:0}.audit-type-chart{width:min(240px,100%);display:block;margin:18px auto}.donut-base{fill:none;stroke:#e8f1f5;stroke-width:28}.donut-total{fill:#0b2b3d;font:800 30px "Bahnschrift",sans-serif}.donut-unit{fill:#688493;font:11px "Microsoft YaHei UI",sans-serif}.audit-type-legend{display:grid;gap:8px}.audit-type-legend>div{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:8px;font-size:11px}.audit-type-legend i{width:8px;height:8px;border-radius:50%}.audit-type-legend span{min-width:0;overflow-wrap:anywhere;color:#52707f}.audit-event-list{display:grid;gap:10px}.audit-event{padding:15px;border:1px solid #d5e8f0;border-radius:11px;background:#fbfeff}.audit-event-heading{display:grid;grid-template-columns:minmax(150px,1fr) auto auto;align-items:center;gap:9px}.audit-event-heading time,.audit-event-heading b{display:block}.audit-event-heading time{color:var(--muted);font-size:10px}.audit-event-heading b{margin-top:2px;font-size:13px}.audit-event-summary{margin:11px 0 4px;overflow-wrap:anywhere;font-weight:800;font-size:13px}.audit-event-meta{margin:0;color:var(--muted);overflow-wrap:anywhere;font-size:11px}.audit-event-details{margin-top:11px;border-top:1px solid #dfedf3}.audit-event-details summary{padding:10px 0 0;color:#087fc2;font-size:11px;font-weight:800;cursor:pointer}.audit-event-details dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:12px 0}.audit-event-details dl>div{min-width:0;padding:8px;border-radius:7px;background:#eef8fc}.audit-event-details dt{color:var(--muted);font-size:9px}.audit-event-details dd{margin:3px 0 0;overflow-wrap:anywhere;font-size:11px;font-weight:700}.audit-delta{max-height:210px;margin:0;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:11px;border-radius:8px;color:#244c61;background:#eef6f9;font:10px/1.65 "Cascadia Mono",Consolas,monospace}.audit-pagination{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:16px;padding-top:15px;border-top:1px solid #dfedf3}.audit-pagination span{color:var(--muted);font-size:11px}.empty-state{margin:20px auto;color:var(--muted);text-align:center;font-size:12px}.empty-state.error{color:#b52e3d}
.download-grid{align-items:stretch}.download-card{height:100%}.hash-box{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;word-break:normal}.hash-box code{min-width:0;overflow-wrap:anywhere;word-break:break-all;font:11px/1.55 "Cascadia Mono",Consolas,monospace}.hash-box .copy-button{margin:0;white-space:nowrap}.billing-mobile-details{display:none}.purchase-table td{vertical-align:top}.purchase-table .status-badge{margin-top:-1px}
@media(max-width:1199px){.report-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.report-layout{grid-template-columns:1fr}.report-detail-grid{grid-template-columns:1fr}.audit-layout{grid-template-columns:1fr}.console-view .audit-chart-card{display:grid;grid-template-columns:minmax(230px,.45fr) minmax(0,1fr);align-items:center}.console-view .audit-chart-card .card-heading-row{grid-column:1/-1}.audit-type-chart{margin:10px auto}.audit-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.console-shell{grid-template-columns:220px 1fr}.console-main{padding-inline:24px}.console-top{margin-inline:-24px;padding-inline:24px}.audit-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.console-main{width:100%;padding:0 15px 36px}.console-top{margin:0 -15px;padding:0 15px}.console-sidebar{display:flex;overflow:hidden;padding-bottom:16px}.console-nav{flex:1;padding-bottom:8px}.console-nav a{flex:0 0 auto}.console-company{margin:18px 0 14px}.console-view{width:100%}.console-heading{flex-wrap:wrap}.console-heading>div{min-width:0}.console-heading p{max-width:100%;overflow-wrap:anywhere}.console-heading>.button{margin-left:auto}.console-card{padding:18px}.metric-grid,.report-metrics,.audit-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid article,.report-metrics article,.audit-metrics article{min-height:108px;padding:16px}.metric-grid b{font-size:25px}.date-range-fields{align-items:stretch;flex-direction:column}.date-range-fields>span{display:none}.date-range-fields label,.date-range-fields .button{width:100%}.range-buttons{flex-wrap:nowrap;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none}.range-buttons::-webkit-scrollbar{display:none}.range-buttons button{flex:0 0 auto}.report-trend-chart{min-height:190px}.report-trend-table{display:none}.report-table-scroll{max-height:320px}.audit-filter-grid{grid-template-columns:1fr}.filter-actions{flex-direction:column-reverse}.filter-actions .button{width:100%}.audit-type-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.audit-type-filters::-webkit-scrollbar{display:none}.audit-type-filters button{flex:0 0 auto}.console-view .audit-chart-card{display:block}.audit-event-heading{grid-template-columns:1fr auto}.audit-event-heading .status-badge.category{grid-column:1/2;justify-self:start}.audit-event-details dl{grid-template-columns:1fr}.audit-pagination{justify-content:space-between;gap:7px}.audit-pagination .button{padding-inline:11px}.responsive-user-table,.purchase-table,#securitySessions{width:100%}.responsive-user-table thead,.purchase-table thead,.console-view[data-console-page="security"] table thead{display:none}.responsive-user-table tbody,.purchase-table tbody,#securitySessions{display:grid;gap:10px}.responsive-user-table tr,.purchase-table tr,#securitySessions tr{display:grid;padding:12px;border:1px solid #d4e8f1;border-radius:10px;background:#fbfeff}.responsive-user-table td,.purchase-table td,#securitySessions td{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;padding:7px 0;border:0;white-space:normal;overflow-wrap:anywhere}.responsive-user-table td::before,.purchase-table td::before,#securitySessions td::before{content:attr(data-label);color:var(--muted);font-size:10px;font-weight:700}.responsive-user-table tr td:nth-child(n+1),#securitySessions tr td:nth-child(n+1){max-width:none}.fixed-rows-scroll{max-height:none;overflow:visible}.purchase-table td:nth-child(2),.purchase-table td:nth-child(3),.purchase-table td:nth-child(6),.purchase-table td:nth-child(8),.purchase-table td:nth-child(9){display:none}.billing-mobile-details{display:block;grid-column:1/-1;margin-top:8px}.billing-mobile-details summary{color:#087fc2;font-size:11px;font-weight:800;cursor:pointer}.billing-mobile-details>div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:8px;padding:6px 0;border-top:1px solid #e0eef4;font-size:10px}.billing-mobile-details span{color:var(--muted)}.billing-mobile-details b{overflow-wrap:anywhere}.purchase-table-scroll{overflow:visible}.hash-box{grid-template-columns:1fr}.hash-box .copy-button{justify-self:start}.security-layout{grid-template-columns:1fr}.console-menu-button{border-color:#9ecfe3;color:#174d68;background:#fff}.table-scroll{border-radius:10px}.overview-information-grid{grid-template-columns:1fr;grid-template-areas:"base" "users" "active"}}
@media(max-width:390px){.console-heading h1{font-size:24px}.metric-grid,.report-metrics,.audit-metrics{grid-template-columns:1fr}.metric-grid article,.report-metrics article,.audit-metrics article{min-height:96px}.audit-event-heading{grid-template-columns:1fr}.audit-event-heading .status-badge{grid-column:auto;justify-self:start}.audit-pagination{flex-wrap:wrap}.audit-pagination span{order:-1;width:100%;text-align:center}.responsive-user-table td,.purchase-table td,#securitySessions td{grid-template-columns:78px minmax(0,1fr)}}

/* Server-authoritative legal consent controls. Content is always rendered as text by site.js. */
.legal-checkbox{display:flex!important;align-items:flex-start;gap:9px;margin:18px 0 0!important;color:var(--ink);font-size:12px!important;font-weight:600!important;line-height:1.65}.legal-checkbox input{width:16px!important;height:16px!important;min-width:16px;margin:2px 0 0!important;padding:0!important;accent-color:var(--orange)}.legal-checkbox a{margin:0 2px;color:var(--orange-2);font-weight:800;text-decoration:underline}.legal-checkbox.compact{margin:0 0 16px!important}.legal-modal{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:22px;background:rgba(10,28,49,.62)}.legal-modal-card{width:min(780px,100%);max-height:min(760px,calc(100vh - 44px));display:flex;flex-direction:column;padding:28px;border-radius:16px;background:var(--paper-2);box-shadow:0 24px 80px rgba(0,0,0,.3)}.legal-modal-card h2{margin:0;font-size:22px}.legal-modal-card>p{margin:7px 0 15px;color:var(--muted);font-size:13px}.legal-document-list{min-height:160px;overflow:auto;padding:0 14px 8px;border:1px solid var(--line);border-radius:9px;background:#fbfcfd}.legal-document{padding:16px 0;border-bottom:1px solid var(--line)}.legal-document:last-child{border-bottom:0}.legal-document h3{margin:0 0 4px;font-size:16px}.legal-document small{color:var(--muted)}.legal-document pre{margin:12px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);font:13px/1.7 inherit}.legal-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.legal-modal-actions .button{min-height:40px}@media(max-width:760px){.legal-modal{padding:12px}.legal-modal-card{padding:20px}.legal-modal-actions{flex-direction:column-reverse}.legal-modal-actions .button{width:100%}}

/* Registration receipt is shown only when registration succeeded but a web session was not issued. */
.registration-receipt{width:min(780px,calc(100% - 40px));margin:0 auto 26px;padding:26px 28px;border:1px solid #8bcce8;border-radius:14px;color:var(--ink);background:#eef9fe;box-shadow:0 15px 34px rgba(11,63,88,.12)}.registration-receipt h2{margin:7px 0;font-size:25px}.registration-receipt>p{margin:7px 0;color:var(--muted);line-height:1.6}.registration-receipt dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.registration-receipt dl>div{padding:11px 13px;border:1px solid #c9e4f0;border-radius:8px;background:#fff}.registration-receipt dt{color:var(--muted);font-size:11px}.registration-receipt dd{margin:4px 0 0;overflow-wrap:anywhere;font-weight:800}.registration-receipt-note{font-size:12px}.registration-receipt-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.registration-receipt-actions .button{min-height:38px}@media(max-width:760px){.registration-receipt{width:auto;margin:0 20px 18px;padding:21px}.registration-receipt dl{grid-template-columns:1fr}.registration-receipt-actions{flex-direction:column}.registration-receipt-actions .button{width:100%}}

/* Subscription purchase modes are deliberately separated to prevent renewal/upgrade confusion. */
.vip-plan-choices{display:block;margin:18px 0}.purchase-mode-contrast{margin-bottom:18px;padding:16px;border:1px solid #d7e1e8;border-radius:11px;background:#f7fafc}.purchase-mode-contrast-title{display:block;margin-bottom:11px;font-size:13px}.purchase-mode-contrast-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.purchase-mode-contrast-item{position:relative;padding:13px 14px 13px 17px;border-radius:9px;background:#fff;overflow:hidden}.purchase-mode-contrast-item:before{content:"";position:absolute;inset:0 auto 0 0;width:4px}.purchase-mode-contrast-item.renewal{border:1px solid #b9d6e5}.purchase-mode-contrast-item.renewal:before{background:#27769c}.purchase-mode-contrast-item.upgrade{border:1px solid #ffc4a7}.purchase-mode-contrast-item.upgrade:before{background:var(--orange)}.purchase-mode-contrast-item b,.purchase-mode-contrast-item span,.purchase-mode-contrast-item em{display:block}.purchase-mode-contrast-item b{font-size:15px}.purchase-mode-contrast-item span{margin-top:4px;color:var(--muted);font-size:11px}.purchase-mode-contrast-item em{margin-top:7px;font-size:12px;font-style:normal;font-weight:800}.purchase-mode-contrast-item.renewal em{color:#1f6688}.purchase-mode-contrast-item.upgrade em{color:var(--orange-2)}.subscription-plan-group{margin-top:17px;padding:16px;border:1px solid #d8dee3;border-radius:11px;background:#fff}.subscription-plan-group-heading{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e8edf0}.subscription-plan-group-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.subscription-plan-group-title h3{margin:0;font-size:17px}.subscription-plan-group-title span{padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800}.subscription-plan-group-heading p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.purchase-group-renewal{border-color:#b9d6e5;background:#f8fcfe}.purchase-group-renewal .subscription-plan-group-title span{color:#1f6688;background:#dff1f8}.purchase-group-upgrade{border-color:#ffc4a7;background:#fffaf7}.purchase-group-upgrade .subscription-plan-group-title span{color:#b93d0c;background:#ffe8dc}.purchase-group-downgrade .subscription-plan-group-title span{color:#6f4f8e;background:#f0e8f7}.purchase-group-trial_activation .subscription-plan-group-title span,.purchase-group-reactivation .subscription-plan-group-title span{color:#35694e;background:#e5f3eb}.vip-plan-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.vip-plan-choice{min-height:90px}.vip-plan-choice b,.vip-plan-choice small,.vip-plan-choice-effect{display:block}.vip-plan-choice-price{font-weight:700}.vip-plan-choice-effect{margin-top:7px;color:#526779;font-size:11px;line-height:1.45}.vip-plan-choice.purchase-renewal.active{border-color:#27769c;background:#edf8fc;box-shadow:0 0 0 2px rgba(39,118,156,.13)}.vip-plan-choice.purchase-upgrade.active{border-color:var(--orange);background:#fff4ed;box-shadow:0 0 0 2px rgba(255,107,44,.12)}.checkout-card #checkoutMode{line-height:1.55;font-weight:700}.checkout-card #createOrderButton{min-height:50px;font-size:14px}@media(max-width:760px){.purchase-mode-contrast-items,.vip-plan-choice-grid{grid-template-columns:1fr}.subscription-plan-group{padding:13px}.subscription-plan-group-title{align-items:flex-start;flex-direction:column;gap:7px}}

/* Public product demos: fictional UI only, with no API or customer-data dependency. */
.feature-demo{position:relative;min-width:0;color:#e9f7ff;border:1px solid rgba(119,208,255,.28);border-radius:26px;background:radial-gradient(circle at 78% 12%,rgba(24,169,240,.24),transparent 30%),linear-gradient(145deg,#071928,#0b2b3d 58%,#0c2031);box-shadow:0 34px 90px rgba(5,32,50,.3),inset 0 1px rgba(255,255,255,.08);overflow:hidden}.feature-demo::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(124,210,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(124,210,255,.055) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(#000,transparent 92%)}.hero-feature-demo{min-height:530px;padding:15px}.demo-tablist{position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:6px;border:1px solid rgba(126,210,255,.16);border-radius:13px;background:rgba(4,19,31,.6);backdrop-filter:blur(16px)}.demo-tab{min-width:0;min-height:44px;padding:7px 9px;border:1px solid transparent;border-radius:9px;color:#87a9bb;background:transparent;font-size:11px;font-weight:800;white-space:nowrap;transition:color .2s,background .2s,border-color .2s,transform .2s}.demo-tab span{margin-right:5px;color:#3faee8;font:800 9px "Bahnschrift",sans-serif}.demo-tab:hover{transform:none;color:#fff;background:rgba(255,255,255,.06)}.demo-tab.is-active{color:#fff;border-color:rgba(97,203,255,.38);background:linear-gradient(135deg,rgba(13,142,211,.42),rgba(23,78,112,.45));box-shadow:0 8px 22px rgba(0,0,0,.18)}.demo-viewport{position:relative;z-index:2;height:435px;margin-top:9px}.hero-demo-panel{position:absolute;inset:0;padding:16px;border:1px solid rgba(126,210,255,.13);border-radius:17px;background:rgba(5,20,33,.74);overflow:hidden}.hero-demo-panel.is-active{animation:demo-panel-in .48s ease both}.demo-window-bar{height:33px;display:flex;align-items:center;gap:6px;padding:0 8px;border-bottom:1px solid rgba(147,216,250,.16);font-size:10px}.demo-window-bar>span{width:7px;height:7px;border-radius:50%;background:#31546a}.demo-window-bar>span:first-child{background:#ef6b70}.demo-window-bar>span:nth-child(2){background:#f3bd56}.demo-window-bar>span:nth-child(3){background:#51ce91}.demo-window-bar b{margin-left:7px;color:#dff5ff}.demo-window-bar em{margin-left:auto;color:#54d89c;font-style:normal}.demo-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.demo-kpis article{min-width:0;padding:10px 11px;border:1px solid rgba(126,210,255,.12);border-radius:10px;background:linear-gradient(145deg,rgba(24,75,103,.72),rgba(8,39,58,.72))}.demo-kpis small,.demo-kpis b,.demo-kpis i{display:block}.demo-kpis small{color:#83a6ba;font-size:8px}.demo-kpis b{margin:3px 0;color:#fff;font:800 21px "Bahnschrift",sans-serif}.demo-kpis i{color:#57d89f;font-size:8px;font-style:normal}.demo-kpis i.danger{color:#ff7d87}.dashboard-main{display:grid;grid-template-columns:1.45fr .8fr;gap:9px}.trend-card,.risk-card{min-width:0;height:188px;padding:11px;border:1px solid rgba(126,210,255,.12);border-radius:11px;background:rgba(3,22,35,.62)}.trend-card header,.risk-card header{display:flex;align-items:center;justify-content:space-between}.trend-card header b,.risk-card header b{font-size:10px}.trend-card header small,.risk-card header small{color:#6e99af;font-size:7px}.trend-chart{position:relative;height:137px;margin-top:10px;display:flex;align-items:end;justify-content:space-around;gap:7px;border-bottom:1px solid rgba(126,210,255,.2);background:repeating-linear-gradient(to bottom,rgba(126,210,255,.08) 0 1px,transparent 1px 34px)}.trend-chart i{width:8%;height:var(--chart-height,45%);border-radius:4px 4px 0 0;background:linear-gradient(#31baf4,#087fc2);transform-origin:bottom;animation:chart-rise .8s ease both}.trend-chart i:nth-child(1){--chart-height:36%;animation-delay:.05s}.trend-chart i:nth-child(2){--chart-height:52%;animation-delay:.1s}.trend-chart i:nth-child(3){--chart-height:44%;animation-delay:.15s}.trend-chart i:nth-child(4){--chart-height:70%;animation-delay:.2s}.trend-chart i:nth-child(5){--chart-height:58%;animation-delay:.25s}.trend-chart i:nth-child(6){--chart-height:82%;animation-delay:.3s}.trend-chart i:nth-child(7){--chart-height:68%;animation-delay:.35s}.trend-chart span{position:absolute;left:3%;right:3%;top:40%;height:2px;transform:rotate(-6deg);background:#62e3a8;box-shadow:38px -12px 0 #62e3a8,78px 5px 0 #62e3a8}.risk-card p{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:7px;margin:12px 0;padding-bottom:10px;border-bottom:1px solid rgba(126,210,255,.1);font-size:8px}.risk-card p i{width:7px;height:7px;border-radius:50%}.risk-card p span{color:#a9c0cd}.risk-card p b{color:#fff}.risk-red{background:#ff6672}.risk-orange{background:#f6b24c}.risk-blue{background:#2eb6ef}.demo-scene-copy{position:absolute;left:16px;right:16px;bottom:12px;display:flex;align-items:center;gap:9px;padding-top:10px;border-top:1px solid rgba(126,210,255,.12)}.demo-scene-copy span{padding:4px 7px;border-radius:99px;color:#70d3ff;background:rgba(22,148,211,.15);font-size:8px;font-weight:800}.demo-scene-copy b{font-size:10px}.demo-progress{position:absolute;z-index:5;left:22px;right:22px;bottom:8px;height:2px;overflow:hidden;border-radius:9px;background:rgba(113,202,245,.12)}.demo-progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#17a7ed,#68e3ff)}.feature-demo.is-playing .demo-progress i{animation:demo-progress 5.6s linear both}
.demo-scan{display:grid;grid-template-columns:.72fr 1fr;gap:14px;padding-bottom:48px}.scan-phone{position:relative;max-width:205px;width:100%;height:350px;margin:auto;border:5px solid #1e3f53;border-radius:25px;background:#061b2a;box-shadow:0 20px 40px rgba(0,0,0,.32)}.phone-top{height:45px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(126,210,255,.14)}.phone-top>span{position:absolute;top:6px;width:42px;height:4px;border-radius:9px;background:#284b5d}.phone-top b{font-size:8px}.phone-top i{position:absolute;right:9px;color:#54d89c;font-size:6px;font-style:normal}.scan-preview{position:absolute;inset:53px 9px 40px;display:grid;place-items:center;border-radius:12px;background:radial-gradient(circle at 50% 50%,rgba(41,154,204,.3),transparent 55%),linear-gradient(135deg,#102d3f,#071825);overflow:hidden}.demo-qr{position:relative;width:92px;height:92px;border:8px solid #eefbff;background-color:#eefbff;background-image:linear-gradient(90deg,#0b2b3d 12%,transparent 12% 25%,#0b2b3d 25% 38%,transparent 38% 50%,#0b2b3d 50% 62%,transparent 62% 75%,#0b2b3d 75% 88%,transparent 88%),linear-gradient(#0b2b3d 12%,transparent 12% 25%,#0b2b3d 25% 38%,transparent 38% 50%,#0b2b3d 50% 62%,transparent 62% 75%,#0b2b3d 75% 88%,transparent 88%);background-blend-mode:multiply;box-shadow:0 12px 34px rgba(0,0,0,.3)}.demo-qr::before,.demo-qr::after{content:"";position:absolute;width:22px;height:22px;border:6px solid #0b2b3d;background:#eefbff}.demo-qr::before{left:-2px;top:-2px}.demo-qr::after{right:-2px;bottom:-2px}.scan-line{position:absolute;left:9%;right:9%;top:14%;height:2px;background:#53e2ff;box-shadow:0 0 12px #53e2ff;animation:scan-line 2.2s ease-in-out infinite}.scan-corner{position:absolute;width:24px;height:24px;border-color:#5be4ff}.corner-a{left:12px;top:12px;border-left:2px solid;border-top:2px solid}.corner-b{right:12px;top:12px;border-right:2px solid;border-top:2px solid}.corner-c{left:12px;bottom:12px;border-left:2px solid;border-bottom:2px solid}.corner-d{right:12px;bottom:12px;border-right:2px solid;border-bottom:2px solid}.phone-bottom{position:absolute;left:0;right:0;bottom:0;height:35px;display:grid;place-items:center;color:#6f99ad;font-size:6px}.scan-route{align-self:center;padding:20px;border:1px solid rgba(126,210,255,.14);border-radius:16px;background:rgba(8,35,53,.72)}.route-success{color:#57d89f;font-size:8px;font-weight:800}.scan-route h3{margin:11px 0 2px;font:800 31px "Bahnschrift",sans-serif}.scan-route>p{margin:0;color:#83a9bb;font-size:9px}.route-track{display:flex;align-items:center;margin:22px 0}.route-track i{padding:6px 8px;border-radius:99px;color:#668b9e;background:#102f42;font-size:7px;font-style:normal}.route-track i.done{color:#6bd9ff}.route-track i.active{color:#061b2a;background:#65ddff;box-shadow:0 0 20px rgba(101,221,255,.4)}.route-track b{height:1px;flex:1;background:#28536a}.located-order{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:11px;border-radius:10px;background:rgba(75,201,255,.1);font-size:7px}.located-order>span{color:#6fdcff}.located-order>b{font-size:8px}.located-order>em{color:#51d99c;font-style:normal}
.demo-audit{padding-bottom:48px}.audit-head{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 4px 10px;border-bottom:1px solid rgba(126,210,255,.13)}.audit-head div{display:flex;flex-direction:column}.audit-head small{color:#5abbe9;font-size:7px}.audit-head b{font-size:14px}.audit-head>span{padding:5px 8px;border-radius:99px;color:#8bb1c3;background:#112f42;font-size:7px}.audit-body{display:grid;grid-template-columns:.75fr 1.25fr;gap:9px;margin-top:10px}.audit-chart-card,.audit-list{min-height:265px;padding:12px;border:1px solid rgba(126,210,255,.12);border-radius:12px;background:rgba(3,22,35,.58)}.audit-chart-card{display:flex;flex-direction:column;align-items:center;justify-content:center}.audit-donut{width:118px;height:118px;display:grid;place-content:center;text-align:center;border-radius:50%;background:radial-gradient(circle,#092436 0 47%,transparent 48%),conic-gradient(#28b6ef 0 42%,#7c72ff 42% 68%,#4fd5a1 68% 86%,#f3ae50 86%);box-shadow:0 0 34px rgba(40,182,239,.14);animation:donut-in .9s ease both}.audit-donut b,.audit-donut small{display:block}.audit-donut b{font:800 19px "Bahnschrift",sans-serif}.audit-donut small{color:#7c9daf;font-size:7px}.audit-legend{display:grid;gap:5px;margin-top:15px;font-size:7px}.audit-legend span{display:flex;align-items:center;gap:6px;color:#96b2c0}.audit-legend i,.lab-audit-summary i,.lab-audit-table i{width:7px;height:7px;display:inline-block;border-radius:50%}.audit-order{background:#28b6ef}.audit-permission{background:#7c72ff}.audit-file{background:#4fd5a1}.audit-list{display:grid;align-content:center;gap:8px}.audit-row{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:8px;padding:10px;border:1px solid rgba(126,210,255,.09);border-radius:9px;background:rgba(19,52,70,.52);animation:audit-row-in .5s ease both}.audit-row:nth-child(2){animation-delay:.14s}.audit-row:nth-child(3){animation-delay:.28s}.audit-row>i{width:7px;height:28px;border-radius:6px}.audit-row span b,.audit-row span small{display:block}.audit-row span b{font-size:8px}.audit-row span small{color:#7596a7;font-size:6px}.audit-row em,.lab-audit-table em{padding:4px 6px;border-radius:99px;font-size:6px;font-style:normal}.audit-row em.success,.lab-audit-table em.success{color:#58dda5;background:rgba(47,194,132,.12)}.audit-row em.denied,.lab-audit-table em.denied{color:#ffbd62;background:rgba(243,174,80,.12)}
.demo-file{padding-bottom:48px}.file-browser{height:342px;display:grid;grid-template-columns:.75fr 1.25fr;border:1px solid rgba(126,210,255,.13);border-radius:14px;background:rgba(4,22,34,.64);overflow:hidden}.file-sidebar{padding:13px;border-right:1px solid rgba(126,210,255,.12)}.file-sidebar>b{display:block;margin-bottom:10px;font-size:10px}.file-sidebar button{width:100%;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:7px;margin:6px 0;padding:8px;border:1px solid transparent;border-radius:9px;text-align:left;color:#9ab5c2;background:transparent}.file-sidebar button.is-active{border-color:rgba(85,206,255,.3);background:rgba(32,138,190,.16)}.file-sidebar button>i{height:32px;display:grid;place-items:center;border-radius:7px;color:#72d8ff;background:#113b53;font-size:7px;font-style:normal;font-weight:800}.file-sidebar button span b,.file-sidebar button span small{display:block}.file-sidebar button span{font-size:7px}.file-sidebar button span small{color:#62879a;font-size:6px}.upload-meter{margin-top:14px}.upload-meter>span{height:3px;display:block;border-radius:9px;background:#173c50;overflow:hidden}.upload-meter>span b{display:block;width:100%;height:100%;background:#50d99e;animation:upload-progress 1.2s ease both}.upload-meter small{color:#668d9f;font-size:6px}.file-preview{position:relative;padding:12px;background:radial-gradient(circle at 50% 30%,rgba(31,126,173,.16),transparent 58%)}.preview-toolbar{display:flex;justify-content:space-between;color:#7ca0b2;font-size:7px}.preview-paper{position:relative;width:62%;height:250px;margin:12px auto 0;padding:26px 16px;color:#18384a;background:#eefbff;box-shadow:0 18px 35px rgba(0,0,0,.28);animation:paper-float 3.6s ease-in-out infinite}.preview-paper strong{font:800 15px/1.15 "Bahnschrift",sans-serif}.preview-paper i{height:4px;display:block;margin:16px 0;background:#b9d7e4}.preview-paper i:nth-child(2){width:72%}.preview-paper i:nth-child(3){width:88%}.preview-paper em{position:absolute;right:12px;bottom:16px;padding:5px;border:1px solid #2bad76;border-radius:50%;color:#168453;font-size:6px;font-style:normal;transform:rotate(-8deg)}.preview-meta{position:absolute;left:15px;right:15px;bottom:10px;display:flex;justify-content:space-between;font-size:6px}.preview-meta span{color:#6e96aa}.preview-meta b{color:#66ddff}

.feature-lab-section{padding-bottom:75px}.feature-lab-heading{max-width:790px;margin-bottom:38px}.feature-lab-heading h2{margin:10px 0 12px;font-family:"STZhongsong","SimSun",serif;font-size:clamp(34px,4.2vw,54px);line-height:1.15}.feature-lab-heading p{margin:0;color:var(--muted);font-size:16px}.feature-lab-list{display:grid;gap:22px}.feature-lab{min-width:0;min-height:520px;display:grid;grid-template-columns:.82fr 1.18fr;gap:38px;align-items:center;padding:42px;border:1px solid rgba(98,196,244,.24);border-radius:26px;color:#e9f7ff;background:radial-gradient(circle at 82% 12%,rgba(26,161,227,.2),transparent 31%),linear-gradient(145deg,#071a2a,#0b2b3d);box-shadow:0 28px 70px rgba(5,37,56,.18);overflow:hidden}.feature-lab:nth-child(even){grid-template-columns:1.18fr .82fr}.feature-lab:nth-child(even) .feature-lab-copy{order:2}.feature-lab:nth-child(even) .feature-lab-stage{order:1}.feature-lab-copy>span{color:#54c7ff;font:800 10px "Bahnschrift",sans-serif;letter-spacing:.15em}.feature-lab-copy h3{margin:13px 0 12px;font-size:31px;line-height:1.25}.feature-lab-copy p{color:#a7bfcc;line-height:1.8}.feature-lab-copy ul{margin:21px 0;padding:0;display:grid;gap:9px;list-style:none;color:#c6d8e1;font-size:12px}.feature-lab-copy li::before{content:"";width:6px;height:6px;display:inline-block;margin-right:9px;border-radius:50%;background:#42c9ff;box-shadow:0 0 10px #42c9ff}.lab-choice-group{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.lab-choice-group button{min-height:34px;padding:0 12px;border:1px solid rgba(125,205,244,.24);border-radius:99px;color:#82a8ba;background:rgba(5,25,39,.54);font-size:10px;font-weight:800}.lab-choice-group button:hover,.lab-choice-group button.is-active{color:#051d2c;border-color:#68d8ff;background:#68d8ff;box-shadow:0 0 20px rgba(72,199,249,.22)}.feature-lab-stage{position:relative;min-width:0;height:405px;padding:16px;border:1px solid rgba(126,210,255,.15);border-radius:18px;background:rgba(4,20,32,.66);box-shadow:inset 0 1px rgba(255,255,255,.04);overflow:hidden}.lab-window-top{height:28px;display:flex;align-items:center;gap:6px;border-bottom:1px solid rgba(126,210,255,.12);font-size:8px}.lab-window-top span{width:6px;height:6px;border-radius:50%;background:#33576b}.lab-window-top span:first-child{background:#ef6b70}.lab-window-top span:nth-child(2){background:#f3bd56}.lab-window-top span:nth-child(3){background:#51ce91}.lab-window-top b{margin-left:6px;color:#9fc1d0}.lab-dashboard-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.lab-dashboard-kpis span{padding:10px;border-radius:9px;background:#10384f}.lab-dashboard-kpis small,.lab-dashboard-kpis b{display:block}.lab-dashboard-kpis small{color:#789fb2;font-size:7px}.lab-dashboard-kpis b{font:800 19px "Bahnschrift",sans-serif}.lab-dashboard-kpis .risk-number{color:#ff8c93}.range-value{display:none!important}.lab-dashboard[data-demo-state="7"] .range-7,.lab-dashboard[data-demo-state="30"] .range-30,.lab-dashboard[data-demo-state="90"] .range-90{display:block!important}.lab-trend{position:relative;height:150px;display:flex;align-items:end;padding:12px;border-radius:10px;background:repeating-linear-gradient(to bottom,rgba(126,210,255,.08) 0 1px,transparent 1px 37px),rgba(6,28,43,.75);overflow:hidden}.lab-bars{width:100%;height:100%;display:flex;align-items:end;justify-content:space-between;gap:6px}.lab-bars i{width:8%;height:var(--lab-bar,50%);border-radius:4px 4px 0 0;background:linear-gradient(#3dc5fc,#087fc2);transform-origin:bottom}.is-visible .lab-bars i{animation:chart-rise .75s ease both}.lab-bars i:nth-child(1){--lab-bar:38%}.lab-bars i:nth-child(2){--lab-bar:58%;animation-delay:.05s}.lab-bars i:nth-child(3){--lab-bar:47%;animation-delay:.1s}.lab-bars i:nth-child(4){--lab-bar:70%;animation-delay:.15s}.lab-bars i:nth-child(5){--lab-bar:61%;animation-delay:.2s}.lab-bars i:nth-child(6){--lab-bar:83%;animation-delay:.25s}.lab-bars i:nth-child(7){--lab-bar:72%;animation-delay:.3s}.lab-bars i:nth-child(8){--lab-bar:88%;animation-delay:.35s}.lab-bars i:nth-child(9){--lab-bar:77%;animation-delay:.4s}.lab-dashboard[data-demo-state="7"] .lab-bars i:nth-child(n+6){opacity:.16}.lab-dashboard[data-demo-state="90"] .lab-bars i{width:9%;filter:hue-rotate(22deg)}.lab-line{position:absolute;left:7%;right:7%;top:43%;height:2px;transform:rotate(-4deg);background:#64dfa9;box-shadow:0 0 12px rgba(100,223,169,.36)}.lab-risk-feed{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}.lab-risk-feed p{display:grid;grid-template-columns:7px 1fr auto;align-items:center;gap:5px;margin:0;padding:9px;border:1px solid rgba(126,210,255,.09);border-radius:8px;background:rgba(12,46,65,.7);font-size:6px}.lab-risk-feed i{width:6px;height:6px;border-radius:50%;background:#f3b250}.lab-risk-feed p:nth-child(2) i{background:#ff6e78}.lab-risk-feed p:nth-child(3) i{background:#3ec3fa}.lab-risk-feed span{color:#91adbb}
.scan-state{position:absolute;inset:16px}.scan-state-labels{display:none}.lab-scan[data-demo-state="labels"] .scan-state-camera{display:none}.lab-scan[data-demo-state="labels"] .scan-state-labels{display:block;animation:demo-panel-in .4s ease both}.lab-camera{position:absolute;left:0;top:0;bottom:0;width:48%;display:grid;place-items:center;border-radius:13px;background:radial-gradient(circle,rgba(45,165,218,.28),transparent 55%),#061c2b;overflow:hidden}.lab-camera .demo-qr{width:110px;height:110px}.lab-camera>b{position:absolute;bottom:24px;color:#8eb0c0;font-size:8px}.lab-located{position:absolute;right:0;top:38px;width:46%;padding:20px;border:1px solid rgba(126,210,255,.15);border-radius:13px;background:#0b3046}.lab-located>span{color:#57d89f;font-size:8px}.lab-located h4{margin:14px 0 3px;font:800 30px "Bahnschrift",sans-serif}.lab-located p{color:#8ba9b8;font-size:8px;line-height:1.6}.lab-located>div{display:flex;align-items:center;margin-top:22px}.lab-located i{padding:6px;border-radius:99px;color:#789cac;background:#0b2435;font-size:6px;font-style:normal}.lab-located i.active{color:#062031;background:#69ddff}.lab-located div b{height:1px;flex:1;background:#29536a}.label-toolbar{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:9px;background:#0f354b;font-size:8px}.label-toolbar span{color:#7fa3b3}.label-sheet{width:72%;height:300px;margin:12px auto 0;padding:15px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;color:#15364a;background:#f5fcff;box-shadow:0 18px 36px rgba(0,0,0,.3)}.label-sheet>i{min-width:0;display:flex;align-items:center;flex-direction:column;justify-content:center;border:1px dashed #9db9c6;font-style:normal}.label-sheet b{font:800 7px "Bahnschrift",sans-serif}.label-sheet small{font-size:5px}.mini-qr{width:32px;height:32px;display:block;margin-bottom:4px;background:repeating-conic-gradient(#0b2b3d 0 25%,#fff 0 50%) 50%/8px 8px;border:3px solid #fff;box-shadow:0 0 0 1px #0b2b3d}.label-actions{position:absolute;left:16px;right:16px;bottom:11px;display:flex;justify-content:flex-end;gap:7px;color:#7ca0b2;font-size:6px}.label-actions span{margin-right:auto}.label-actions b{padding:5px 7px;border-radius:6px;color:#061f2f;background:#65d9ff}
.lab-audit-summary{height:142px;display:grid;grid-template-columns:145px 1fr;align-items:center;gap:18px;padding:9px;border-radius:11px;background:#08283b}.audit-donut.large{width:118px;height:118px;margin:auto}.lab-audit-summary>div:last-child{display:grid;gap:8px}.lab-audit-summary span{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:6px;color:#8eabb9;font-size:7px}.lab-audit-summary span b{color:#e7f6fd}.lab-audit-table{margin-top:9px;border:1px solid rgba(126,210,255,.1);border-radius:10px;overflow:hidden}.lab-audit-table>div{display:grid;grid-template-columns:1.4fr .7fr .45fr;align-items:center;gap:7px;min-height:49px;padding:7px 10px;border-top:1px solid rgba(126,210,255,.08);font-size:7px;transition:opacity .2s,filter .2s}.lab-audit-table>div.head{min-height:28px;border:0;color:#789baa;background:#0f344a;font-size:6px}.lab-audit-table>div>span:first-child{display:grid;grid-template-columns:7px 1fr;align-items:center;column-gap:6px}.lab-audit-table>div>span:first-child small{grid-column:2;color:#62899c;font-size:6px}.lab-audit[data-demo-state="order"] [data-audit-category]:not([data-audit-category="order"]),.lab-audit[data-demo-state="permission"] [data-audit-category]:not([data-audit-category="permission"]),.lab-audit[data-demo-state="file"] [data-audit-category]:not([data-audit-category="file"]){opacity:.16;filter:grayscale(1)}
.lab-file .feature-lab-stage{display:grid;grid-template-columns:.75fr 1.25fr;gap:12px}.attachment-list{padding:10px;border-right:1px solid rgba(126,210,255,.12)}.attachment-upload{margin-bottom:13px}.attachment-upload span{height:4px;display:block;overflow:hidden;border-radius:9px;background:#173d51}.attachment-upload span i{display:block;width:100%;height:100%;background:#54d99f}.attachment-upload>b{color:#69dca7;font-size:7px}.attachment-list button{width:100%;display:grid;grid-template-columns:38px 1fr;align-items:center;gap:8px;margin:7px 0;padding:9px;border:1px solid transparent;border-radius:9px;text-align:left;color:#a9c0cc;background:#0a2a3d}.attachment-list button>i{height:35px;display:grid;place-items:center;border-radius:7px;color:#66d7ff;background:#123d55;font-size:7px;font-style:normal;font-weight:800}.attachment-list button span b,.attachment-list button span small{display:block}.attachment-list button span b{font-size:7px}.attachment-list button span small{color:#678d9f;font-size:6px}.lab-file[data-demo-state="img"] .file-img,.lab-file[data-demo-state="pdf"] .file-pdf,.lab-file[data-demo-state="doc"] .file-doc{border-color:#5bcffb;background:#114158}.attachment-preview{position:relative;min-width:0}.attachment-preview-panel{position:absolute;inset:8px;display:none;place-items:center;text-align:center}.lab-file[data-demo-state="img"] .preview-img,.lab-file[data-demo-state="pdf"] .preview-pdf,.lab-file[data-demo-state="doc"] .preview-doc{display:grid;animation:demo-panel-in .4s ease both}.preview-img{overflow:hidden;border-radius:12px;background:linear-gradient(#61c7ec 0 48%,#365b48 48%)}.photo-sky{position:absolute;left:20px;top:24px;width:70px;height:38px;border-radius:50%;background:rgba(255,255,255,.36);filter:blur(10px)}.photo-machine{position:absolute;left:12%;right:12%;bottom:25%;height:42%;border-radius:8px 8px 0 0;background:linear-gradient(90deg,#183343 0 23%,#2e5265 23% 50%,#183343 50% 72%,#365e70 72%);box-shadow:0 16px 0 #192f3b}.preview-img b,.preview-img small{position:relative;z-index:2}.preview-img b{align-self:end}.preview-img small{align-self:start;color:#c4e1ed;font-size:7px}.preview-pdf{align-content:center}.pdf-page{position:relative;width:72%;height:285px;padding:34px 24px;text-align:left;color:#18384a;background:#effbff;box-shadow:0 16px 34px rgba(0,0,0,.27)}.pdf-page>b{font:800 15px "Bahnschrift",sans-serif}.pdf-page i{height:5px;display:block;margin:17px 0;background:#bed7e2}.pdf-page i:nth-of-type(2){width:78%}.pdf-page em{position:absolute;right:17px;bottom:20px;padding:7px;border:2px solid #28a56f;border-radius:50%;color:#218659;font-size:8px;font-style:normal;transform:rotate(-9deg)}.preview-pdf>small{color:#7d9faf;font-size:7px}.preview-doc{align-content:center}.doc-convert{display:flex;align-items:center;gap:14px}.doc-convert i,.doc-convert b{width:64px;height:76px;display:grid;place-items:center;border-radius:9px;font:800 12px "Bahnschrift",sans-serif}.doc-convert i{color:#66d8ff;background:#123e57}.doc-convert b{color:#09283a;background:#dff7ff}.doc-convert span{width:46px;height:2px;background:#54d99f;position:relative}.doc-convert span::after{content:"";position:absolute;right:0;top:-3px;border-left:7px solid #54d99f;border-block:4px solid transparent}.preview-doc strong{margin-top:20px}.preview-doc small{color:#7d9faf;font-size:7px}

.solution-list article{grid-template-columns:115px minmax(0,1fr) 360px;align-items:center;gap:30px}.solution-copy>span{color:var(--orange-2);font:800 11px "Bahnschrift",sans-serif;letter-spacing:.15em}.solution-motion{position:relative;min-width:0;height:230px;padding:18px;border:1px solid rgba(99,194,240,.25);border-radius:18px;color:#e9f7ff;background:radial-gradient(circle at 82% 8%,rgba(37,175,237,.2),transparent 35%),linear-gradient(145deg,#071b2b,#0c3045);box-shadow:0 18px 42px rgba(6,44,65,.14);overflow:hidden}.solution-motion::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(126,210,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(126,210,255,.045) 1px,transparent 1px);background-size:22px 22px}.solution-motion>*{position:relative}.solution-motion-head{display:flex;justify-content:space-between;color:#8eb0c0;font-size:8px}.solution-motion-head b{color:#54d99f}.solution-mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:13px 0}.solution-mini-kpis i{padding:8px;border-radius:8px;background:rgba(18,62,84,.72);font-style:normal}.solution-mini-kpis small,.solution-mini-kpis b{display:block}.solution-mini-kpis small{color:#789cac;font-size:6px}.solution-mini-kpis b{font:800 17px "Bahnschrift",sans-serif}.solution-mini-kpis i:last-child b{color:#ff8088}.solution-mini-chart{height:67px;display:flex;align-items:end;justify-content:space-around;padding:7px;border-radius:8px;background:rgba(4,25,38,.68)}.solution-mini-chart span{width:10%;height:var(--solution-bar,40%);border-radius:3px 3px 0 0;background:#2db9ef;transform-origin:bottom}.solution-mini-chart span:nth-child(1){--solution-bar:38%}.solution-mini-chart span:nth-child(2){--solution-bar:65%}.solution-mini-chart span:nth-child(3){--solution-bar:49%}.solution-mini-chart span:nth-child(4){--solution-bar:82%}.solution-mini-chart span:nth-child(5){--solution-bar:61%}.solution-mini-chart span:nth-child(6){--solution-bar:74%}.is-visible .solution-mini-chart span{animation:chart-rise .65s ease both}.solution-scan-chip{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:7px;margin-top:9px;padding:7px;border-radius:8px;background:rgba(74,204,255,.1);font-size:7px}.solution-scan-chip i{width:10px;height:10px;border:2px solid #5ddaff}.solution-scan-chip b{color:#54d99f}.solution-file-stack{height:120px;display:flex;align-items:center;justify-content:center;margin:16px 0}.solution-file-stack i{width:82px;height:98px;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-right:-16px;border:1px solid rgba(127,207,245,.24);border-radius:10px;color:#64d6ff;background:#0d3950;box-shadow:0 12px 24px rgba(0,0,0,.24);font:800 10px "Bahnschrift",sans-serif}.solution-file-stack i:nth-child(2){z-index:2;transform:translateY(-7px);color:#74e2b0}.solution-file-stack i:nth-child(3){transform:translateY(5px);color:#a49cff}.solution-file-stack small{margin-top:7px;color:#8baabb;font:6px inherit}.solution-upload span{height:3px;display:block;border-radius:9px;background:#173c50;overflow:hidden}.solution-upload i{display:block;width:100%;height:100%;background:#55d99f}.solution-upload b{color:#75dcae;font-size:7px}.solution-label-motion{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;gap:7px}.solution-label-sheet{height:170px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#15364a;background:#f3fcff;box-shadow:0 12px 25px rgba(0,0,0,.28)}.solution-label-sheet .mini-qr{width:70px;height:70px;background-size:12px 12px}.solution-label-sheet b{margin-top:8px;font:800 11px "Bahnschrift",sans-serif}.solution-label-sheet small{font-size:7px}.solution-label-arrow{text-align:center;color:#5cdcff;font-size:20px}.solution-route-result{padding:18px 10px;border:1px solid rgba(126,210,255,.18);border-radius:11px;text-align:center;background:rgba(13,60,82,.76)}.solution-route-result span,.solution-route-result b,.solution-route-result small{display:block}.solution-route-result span{color:#55d99f;font-size:7px}.solution-route-result b{margin:9px 0;font-size:17px}.solution-route-result small{color:#82a5b5;font-size:6px}.solution-audit-band{grid-column:1/-1;min-height:300px;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:55px;padding:46px;margin-top:32px;border-radius:24px;color:#e9f7ff;background:radial-gradient(circle at 84% 18%,rgba(63,189,247,.22),transparent 32%),linear-gradient(130deg,#071a2a,#0c3045);box-shadow:0 25px 70px rgba(5,38,58,.2);overflow:hidden}.solution-audit-band h2{margin:10px 0;font-size:31px}.solution-audit-band p{color:#9eb9c6}.audit-trace{position:relative;display:flex;align-items:center}.trace-node{position:relative;z-index:2;width:92px;height:92px;display:grid;place-content:center;text-align:center;border:1px solid rgba(126,210,255,.28);border-radius:50%;background:#0d354b;box-shadow:0 0 28px rgba(50,180,235,.12);font-style:normal}.trace-node b,.trace-node small{display:block}.trace-node b{font-size:11px}.trace-node small{color:#7fa4b5;font-size:6px}.trace-node.order{border-color:#2bb9ef}.trace-node.file{border-color:#4fd5a1}.trace-node.permission{border-color:#7c72ff}.audit-trace>span{height:2px;flex:1;background:linear-gradient(90deg,#2bb9ef,#4fd5a1,#7c72ff);transform-origin:left}.audit-trace>em{position:absolute;left:0;right:0;top:50%;height:2px;background:#d8f7ff;filter:blur(1px);transform:scaleX(0);transform-origin:left}.is-visible .audit-trace>em{animation:trace-run 2.4s ease-in-out infinite}

.motion-ready [data-motion-section]{opacity:.35;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}.motion-ready [data-motion-section].is-visible{opacity:1;transform:none}
@keyframes demo-panel-in{from{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:none}}
@keyframes demo-progress{to{transform:scaleX(1)}}
@keyframes chart-rise{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes scan-line{0%,100%{top:15%;opacity:.45}50%{top:82%;opacity:1}}
@keyframes donut-in{from{transform:rotate(-70deg) scale(.72);opacity:.2}to{transform:none;opacity:1}}
@keyframes audit-row-in{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
@keyframes upload-progress{from{width:0}to{width:100%}}
@keyframes paper-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(.5deg)}}
@keyframes trace-run{0%{transform:scaleX(0);opacity:0}15%{opacity:1}75%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}

@media(max-width:1050px){.hero-feature-demo{width:min(760px,100%);margin:auto}.feature-lab,.feature-lab:nth-child(even){grid-template-columns:1fr;gap:24px}.feature-lab:nth-child(even) .feature-lab-copy,.feature-lab:nth-child(even) .feature-lab-stage{order:initial}.solution-list article{grid-template-columns:90px 1fr}.solution-motion{grid-column:2;width:min(520px,100%)}.solution-audit-band{grid-template-columns:1fr;gap:30px}.audit-trace{max-width:560px;width:100%;margin:auto}}
@media(max-width:760px){.hero-feature-demo{min-height:505px;padding:9px;border-radius:18px}.demo-tablist{display:flex;overflow-x:auto;scrollbar-width:none}.demo-tablist::-webkit-scrollbar{display:none}.demo-tab{flex:0 0 auto;min-width:112px}.demo-viewport{height:423px}.hero-demo-panel{padding:11px}.demo-kpis{gap:5px}.demo-kpis article{padding:8px}.demo-kpis b{font-size:17px}.dashboard-main{grid-template-columns:1fr}.trend-card{height:190px}.risk-card{display:none}.demo-scene-copy{left:11px;right:11px}.demo-scan{grid-template-columns:138px 1fr;gap:8px}.scan-phone{height:320px;border-width:4px}.scan-preview{inset:49px 7px 38px}.scan-preview .demo-qr{width:72px;height:72px}.scan-route{padding:11px}.scan-route h3{font-size:23px}.route-track{margin:15px 0}.route-track i{padding:5px;font-size:6px}.located-order{grid-template-columns:1fr;padding:8px}.located-order>em{display:none}.audit-body{grid-template-columns:112px 1fr}.audit-chart-card,.audit-list{min-height:272px;padding:7px}.audit-donut{width:86px;height:86px}.audit-legend{font-size:6px}.audit-row{grid-template-columns:6px 1fr;padding:8px}.audit-row>em{grid-column:2;justify-self:start}.file-browser{grid-template-columns:112px 1fr;height:330px}.file-sidebar{padding:8px}.file-sidebar button{grid-template-columns:28px 1fr;padding:6px}.file-sidebar button>i{height:28px}.preview-paper{width:82%;height:230px;padding:22px 12px}.preview-meta span{display:none}.feature-lab-section{padding-bottom:55px}.feature-lab-heading{margin-bottom:25px}.feature-lab-heading p{font-size:14px}.feature-lab{min-height:0;padding:24px 18px;border-radius:19px}.feature-lab-copy h3{font-size:25px}.feature-lab-stage{height:390px;padding:11px}.lab-choice-group{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.lab-choice-group::-webkit-scrollbar{display:none}.lab-choice-group button{flex:0 0 auto}.lab-risk-feed{grid-template-columns:1fr}.lab-risk-feed p:nth-child(n+2){display:none}.lab-camera{width:43%}.lab-camera .demo-qr{width:76px;height:76px}.lab-located{width:53%;padding:12px}.label-sheet{width:94%;height:285px}.lab-audit-summary{grid-template-columns:112px 1fr;gap:7px}.audit-donut.large{width:92px;height:92px}.lab-audit-table>div{grid-template-columns:1fr .45fr}.lab-audit-table>div>span:nth-child(2){display:none}.lab-file .feature-lab-stage{grid-template-columns:112px 1fr;gap:7px}.attachment-list{padding:5px}.attachment-list button{grid-template-columns:29px 1fr;padding:6px}.attachment-list button>i{height:29px}.attachment-list button span small{display:none}.pdf-page{width:88%;height:260px;padding:28px 15px}.doc-convert{gap:6px}.doc-convert i,.doc-convert b{width:46px;height:60px}.solution-list article{grid-template-columns:1fr;gap:12px;padding:42px 0}.solution-number{font-size:42px}.solution-motion{grid-column:auto;width:100%;height:220px}.solution-audit-band{padding:28px 20px;margin-top:15px}.solution-audit-band h2{font-size:26px}.trace-node{width:70px;height:70px}.audit-trace>span{min-width:12px}.solution-label-sheet{height:155px}.solution-label-sheet .mini-qr{width:58px;height:58px}}