@font-face{font-family:InterLocal;src:local("Inter"),local("Arial");font-display:swap}
:root{color-scheme:light;--ink:#172b32;--ink-soft:#536269;--paper:#f4f6f8;--white:#fff;--line:#dce4e6;--mint:#a8e6d0;--mint-deep:#196953;--surface:#eaf0f1;--radius:20px;font-family:InterLocal,"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #317d67;outline-offset:3px}
button:disabled{cursor:not-allowed;opacity:.65}
[hidden]{display:none!important}
.app-shell{max-width:1440px;margin:auto;padding:0 48px}
.site-header{height:104px;display:flex;align-items:center;justify-content:space-between}
.brand{display:inline-flex;gap:11px;align-items:center;color:inherit;text-decoration:none}.brand-mark{display:block;position:relative;width:39px;height:39px;border-radius:12px;background:var(--ink);overflow:hidden}.brand-mark span{position:absolute;left:50%;border:2px solid var(--mint);border-bottom:0;border-radius:50% 50% 0 0;transform:translateX(-50%) rotate(180deg)}.brand-mark span:nth-child(1){width:26px;height:14px;top:8px}.brand-mark span:nth-child(2){width:17px;height:9px;top:17px}.brand-mark span:nth-child(3){width:4px;height:4px;top:27px;border:0;border-radius:50%;background:var(--mint)}.brand-copy{display:flex;flex-direction:column;line-height:1.1}.brand-copy strong{font-size:19px;font-weight:800;letter-spacing:-.07em}.brand-copy strong span{font-weight:500;letter-spacing:-.045em}.brand-copy small{font-size:8px;letter-spacing:.19em;font-weight:800;margin-top:4px}.header-tag{display:inline-flex;align-items:center;gap:9px;border:1px solid #cad4d7;border-radius:100px;padding:8px 13px;font-size:12px;font-weight:700;letter-spacing:.03em}.tag-dot{width:6px;height:6px;background:#26916f;border-radius:50%}
.hero{background:var(--ink);color:#f9fcfb;border-radius:26px;min-height:558px;padding:31px 48px 28px;overflow:hidden;position:relative}.hero-topline,.hero-bottom{display:flex;align-items:center;justify-content:space-between;color:#bdd1d0;font-size:11px;font-weight:700;letter-spacing:.15em}.hero-line{height:1px;background:#476068;flex:1;margin:0 23px}.hero-top-right{letter-spacing:.03em;font-weight:500}.hero-grid{display:grid;grid-template-columns:1fr 45%;align-items:center;min-height:452px}.hero-copy{position:relative;z-index:2;padding:14px 0}.hero-kicker{display:inline-flex;align-items:center;gap:9px;background:#2a4449;color:#cdf4e2;border:1px solid #486469;border-radius:50px;padding:7px 13px;font-size:12px;font-weight:700;letter-spacing:.04em}.pulse-dot{width:7px;height:7px;background:#9ce6bf;border-radius:50%;box-shadow:0 0 0 4px #9ce6bf22}.hero h1{font-size:clamp(44px,5.1vw,73px);line-height:1.18;letter-spacing:-.065em;margin:25px 0 17px;font-weight:760}.hero h1 em{font-style:normal;color:var(--mint)}.hero-copy>p:not(.data-note){color:#c0cece;max-width:485px;line-height:1.85;margin:0;font-size:15px}.hero-actions{display:flex;gap:13px;align-items:center;margin-top:30px}.button{min-height:52px;border-radius:12px;padding:0 20px;font-weight:750;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:32px;border:1px solid transparent}.button:hover:not(:disabled){transform:translateY(-2px)}.button-primary{background:var(--mint);color:var(--ink)}.button-primary:hover:not(:disabled){background:#c4f4e0}.button-arrow{font-size:20px;font-weight:400}.button-secondary{background:transparent;color:#fff;border-color:#627579;gap:0}.button-secondary:hover:not(:disabled){border-color:#d4eeea;background:#ffffff0d}.data-note{color:#9eb4b6;font-size:11px;margin-top:14px;letter-spacing:.015em}.hero-visual{height:390px;position:relative;align-self:center}.orbit{position:absolute;left:50%;top:50%;border:1px solid #6f929168;border-radius:50%;transform:translate(-50%,-50%)}.orbit-outer{width:410px;height:410px}.orbit-middle{width:315px;height:315px;border-color:#93cfc347}.orbit-inner{width:218px;height:218px;border-color:#93cfc36b}.orbit:before,.orbit:after{content:"";position:absolute;border-radius:50%;background:var(--mint)}.orbit-outer:before{width:10px;height:10px;top:100px;left:19px;box-shadow:0 0 18px #a8e6d080}.orbit-middle:after{width:7px;height:7px;right:30px;bottom:51px}.orbit-inner:before{width:5px;height:5px;right:31px;top:22px}.orbit-core{position:absolute;left:50%;top:50%;width:130px;height:130px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 40% 35%,#c6f5df,#a8e6d0 65%,#84cdb5);display:grid;place-items:center;box-shadow:0 0 0 10px #a8e6d015,0 0 70px #a8e6d022;color:#133e39}.orbit-core svg{width:52px;height:52px}.orbit-label{position:absolute;font-size:10px;letter-spacing:.2em;color:#a9c4bf;font-weight:700}.label-one{top:45px;right:64px}.label-two{bottom:40px;left:50px}.hero-bottom{border-top:1px solid #3b555a;padding-top:22px;letter-spacing:.04em}
.content-section{margin-top:75px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:21px;gap:12px}.section-index{font-size:11px;letter-spacing:.16em;color:#58736f;font-weight:800}.section-heading h2{font-size:29px;letter-spacing:-.035em;margin:6px 0 0;line-height:1.2}.status-badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);padding:7px 12px;border-radius:50px;font-size:12px;font-weight:700;white-space:nowrap}.status-badge span{height:7px;width:7px;border-radius:50%;background:#aaa}.status-badge.online span{background:#249975}.status-badge.offline span{background:#dc5d4e}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.overview-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 29px;min-height:148px}.card-label{font-size:12px;letter-spacing:.04em;color:#6d7c80;font-weight:700}.card-value{font-size:24px;font-weight:750;letter-spacing:-.035em;margin-top:13px;line-height:1.25}.card-value.unavailable{color:#8a9699}.overview-card p{font-size:12px;color:var(--ink-soft);margin:8px 0 0}
.test-section{margin-top:78px}.test-time{font-size:12px;color:#67787a}.message{font-size:13px;color:#607176;margin-bottom:15px}.message.error{color:#a7352b}.progress-panel{background:#dcece8;border:1px solid #bedbd2;border-radius:16px;padding:17px 20px;margin-bottom:20px}.progress-top,.progress-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.progress-top{font-size:13px;font-weight:750}.progress-track{height:7px;border-radius:10px;background:#b8d8ce;margin:15px 0 10px;overflow:hidden}.progress-track div{height:100%;width:0;background:#267d61;border-radius:inherit;transition:width .35s ease}.progress-bottom{font-size:11px;color:#48695e}.progress-bottom button{border:0;background:transparent;color:#255d50;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:12px;font-weight:700;min-height:33px;padding:0 4px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;min-height:204px}.metric-head{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:750}.metric-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#dff1eb;color:#2a775e;font-size:18px;line-height:1}.metric-reading{display:flex;align-items:baseline;gap:6px;margin:18px 0 11px}.metric-reading strong{font-size:clamp(29px,3.3vw,44px);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.05em}.metric-reading span{font-size:13px;color:#617478;font-weight:700}.metric-card p{font-size:11px;line-height:1.55;color:#708085;margin:0}.assessment{margin-top:16px;border:1px solid #b9ddcc;background:#e4f4e9;border-radius:18px;display:flex;gap:14px;align-items:flex-start;padding:19px 23px}.assessment-mark{height:31px;width:31px;border-radius:50%;background:#24865f;color:#fff;display:grid;place-items:center;flex:none}.assessment span{font-size:11px;color:#3a755d;font-weight:700}.assessment strong{display:block;font-size:18px;margin:2px 0}.assessment p{font-size:12px;color:#406456;margin:0}
.notes-section{margin-top:80px;margin-bottom:92px}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.note-card{border-top:1px solid #9eafb2;padding:20px 12px 0 0}.note-number{font-size:11px;color:#70877f;font-weight:800}.note-card h3{font-size:16px;letter-spacing:-.02em;margin:12px 0 8px}.note-card p{font-size:12px;line-height:1.85;color:#607076;margin:0;max-width:340px}.site-footer{border-top:1px solid var(--line);padding:28px 0 44px;display:flex;align-items:center;gap:18px;color:#718085;font-size:11px}.footer-brand{font-weight:800;letter-spacing:-.05em;color:var(--ink);white-space:nowrap}.footer-brand span{font-weight:500}.footer-brand b{color:#b5c0c1;margin:0 6px}.site-footer p{margin:0;flex:1}.site-footer>span{white-space:nowrap}
@media(max-width:1100px){.app-shell{padding:0 30px}.hero{padding:27px 34px}.hero-grid{grid-template-columns:1fr 40%}.orbit-outer{width:330px;height:330px}.orbit-middle{width:255px;height:255px}.orbit-inner{width:180px;height:180px}.orbit-core{width:112px;height:112px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.metric-card{min-height:185px}}
@media(max-width:700px){.app-shell{padding:0 18px}.site-header{height:74px}.brand-mark{width:35px;height:35px}.header-tag{font-size:10px;padding:7px 10px}.hero{border-radius:20px;padding:20px 22px 21px;min-height:0}.hero-topline,.hero-bottom{font-size:9px}.hero-line{margin:0 12px}.hero-top-right{display:none}.hero-grid{display:block;min-height:0}.hero-copy{padding:38px 0 20px}.hero h1{font-size:clamp(40px,10vw,55px);margin:20px 0 14px}.hero-copy>p:not(.data-note){font-size:14px;line-height:1.75}.hero-actions{margin-top:25px;gap:9px}.button{min-height:51px;padding:0 14px;gap:14px;font-size:14px}.button-primary{flex:1;justify-content:space-between}.button-secondary{flex:0 0 auto}.data-note{font-size:12px}.hero-visual{height:178px;margin-top:3px}.orbit-outer{width:240px;height:240px}.orbit-middle{width:182px;height:182px}.orbit-inner{width:126px;height:126px}.orbit-core{width:82px;height:82px;box-shadow:0 0 0 6px #a8e6d015,0 0 40px #a8e6d022}.orbit-core svg{width:37px}.orbit-outer:before{top:56px;left:13px}.orbit-middle:after{right:10px;bottom:20px}.orbit-label{font-size:8px}.label-one{top:4px;right:22px}.label-two{bottom:4px;left:19px}.hero-bottom{padding-top:17px}.content-section{margin-top:53px}.section-heading h2{font-size:25px}.overview-grid{gap:10px}.overview-card{padding:18px 16px;min-height:150px;border-radius:16px}.card-value{font-size:18px;overflow-wrap:anywhere}.card-label,.overview-card p{font-size:12px}.test-section{margin-top:54px}.metrics-grid{gap:10px}.metric-card{padding:17px 15px;min-height:176px;border-radius:16px}.metric-reading strong{font-size:32px}.metric-card p{font-size:12px}.notes-section{margin-top:59px;margin-bottom:54px}.notes-grid{display:block}.note-card{padding:17px 0 20px}.note-card p{font-size:13px;max-width:none}.site-footer{display:block;padding:24px 0 36px}.site-footer p{margin:9px 0}.site-footer>span{display:block}}
@media(max-width:370px){.app-shell{padding:0 12px}.hero{padding:18px}.hero h1{font-size:38px}.button{font-size:12px;padding:0 10px}.metric-reading strong{font-size:27px}.metric-reading span{font-size:11px}.metric-card{padding:15px 12px}.card-value{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.progress-track div{transition:none}}