:root{--color-canvas:#f3fafb;--color-surface:#fff;--color-ink:#0b2026;--color-ink-muted:#4f6d75;--color-line:#c8e2e6;--color-primary:#075b6b;--color-primary-hover:#064b59;--color-aqua:#29bfd2;--color-focus:#005fcc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-canvas);color:var(--color-ink);font-family:MiSans,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.65}a{color:var(--color-primary)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.container{width:min(1280px,calc(100% - 48px));margin-inline:auto}.site-header{border-bottom:1px solid var(--color-line);background:rgba(243,250,251,.92);position:relative;z-index:2}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{color:var(--color-ink);text-decoration:none;font-weight:800;letter-spacing:-.03em;font-size:1.25rem}.brand-mark{color:var(--color-aqua);font-size:2rem;vertical-align:-.1em;margin-right:.3rem}nav{display:flex;align-items:center;gap:24px}nav a{text-decoration:none;font-size:.95rem}.hero{display:grid;grid-template-columns:7fr 5fr;gap:64px;align-items:center;min-height:680px;padding-block:96px}.eyebrow{color:var(--color-primary);font-size:.78rem;font-weight:800;letter-spacing:.12em;margin:0 0 18px}h1,h2,h3,p{margin-top:0}h1{max-width:760px;font-size:clamp(3.5rem,7vw,7.5rem);line-height:.98;letter-spacing:-.07em;margin-bottom:28px}h2{font-size:clamp(2rem,3vw,3.25rem);line-height:1.08;letter-spacing:-.05em;margin-bottom:24px}.lede{max-width:680px;font-size:1.15rem;color:var(--color-ink-muted);line-height:1.7}.actions{display:flex;gap:12px;margin:32px 0 22px}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 20px;background:var(--color-primary);color:#fff;border-radius:8px;text-decoration:none;font-weight:700}.button:hover{background:var(--color-primary-hover)}.button-secondary{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}.disclosure{color:var(--color-ink-muted);font-size:.85rem}.trust-panel{border:1px solid var(--color-line);background:var(--color-surface);border-radius:28px;padding:32px;box-shadow:0 20px 60px rgba(7,55,65,.12)}.panel-meta,.panel-top{display:flex;justify-content:space-between;gap:12px;font-size:.85rem;color:var(--color-ink-muted)}.status{font-weight:700}.status-safe{color:#176b4a}.big-metric{font-size:clamp(4rem,8vw,7rem);line-height:1;font-weight:800;letter-spacing:-.08em;padding-block:72px 44px}.big-metric small{font-size:1rem;letter-spacing:0}.waterline{height:10px;background:#bdeef3;border-radius:99px;position:relative;margin:8px 0 36px}.waterline span{position:absolute;top:18px;font-size:.72rem;color:var(--color-ink-muted)}.waterline i{position:absolute;width:20px;height:20px;top:-5px;border:4px solid var(--color-primary);background:#fff;border-radius:50%}.panel-meta b{color:var(--color-ink)}.transparency-strip{background:var(--color-primary);color:#fff;padding:32px 0}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.strip-grid div{border-left:1px solid rgba(255,255,255,.35);padding-left:18px}.strip-grid span{display:block;color:#8fe5ed;font-size:.75rem}.strip-grid strong{display:block;margin-top:8px}.strip-grid p{margin:4px 0 0;color:#c6e6ea;font-size:.86rem}.section{padding-block:112px}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px}.copy{font-size:1.15rem;color:var(--color-ink-muted);max-width:600px}.flow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.flow li{background:#fff;border:1px solid var(--color-line);padding:24px;min-height:180px}.flow span{color:var(--color-aqua);font-weight:800}.flow strong{display:block;margin:32px 0 8px}.flow p{color:var(--color-ink-muted);font-size:.9rem}.invite-inner,.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px}.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.metric-mini{padding:24px;border-top:3px solid var(--color-aqua);background:#fff}.metric-mini p{color:var(--color-ink-muted)}.metric-mini strong{display:block;font-size:2.6rem;line-height:1}.metric-mini span{display:block;margin-top:16px;color:var(--color-ink-muted);font-size:.78rem}.cta-band,.demo-invite{padding:80px 0;background:var(--color-surface-soft)}.cta-band h2,.invite-inner p:not(.eyebrow){max-width:620px}.site-footer{padding:56px 0;border-top:1px solid var(--color-line)}.footer-grid{display:flex;justify-content:space-between;gap:40px}.site-footer p{color:var(--color-ink-muted)}.page-hero{padding-block:96px 72px}.page-hero h1{font-size:clamp(2.8rem,5vw,5.2rem);max-width:850px}.page-hero .lede{margin-bottom:28px}.breadcrumbs{width:min(1280px,calc(100% - 48px));margin:28px auto 0;font-size:.85rem;color:var(--color-ink-muted);justify-content:flex-start}.breadcrumbs span{margin:0 8px}@media (max-width:800px){.breadcrumbs,.container{width:min(100% - 32px,1280px)}.header-inner{min-height:68px}.header-inner nav{gap:12px;overflow:auto}.hero,.split{grid-template-columns:1fr;gap:40px;padding-block:64px}.hero{min-height:0}h1{font-size:clamp(2.8rem,13vw,4.4rem)}.flow,.strip-grid{grid-template-columns:1fr 1fr}.section{padding-block:72px}.metric-grid{grid-template-columns:1fr 1fr}.footer-grid,.invite-inner,.section-heading{display:block}.invite-inner .button,.section-heading>a{margin-top:16px}.page-hero{padding-block:64px 48px}}@media (max-width:480px){.header-inner{align-items:flex-start;padding-block:16px;flex-direction:column}.header-inner nav{width:100%}.actions{flex-direction:column;align-items:stretch}.button{width:100%}.trust-panel{padding:24px}.flow,.metric-grid,.strip-grid{grid-template-columns:1fr}.footer-grid{display:block}.site-footer .footer-grid>div+div{margin-top:32px}}.screen-water{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 15% 0,rgba(41,191,210,.14),transparent 42%),linear-gradient(160deg,#eef9fc,#dff2f8 48%,#f5fbfc);z-index:-1}.demo-screen{min-height:100vh;position:relative;isolation:isolate;overflow:hidden;color:#10252b}.screen-header{width:min(1440px,calc(100% - 64px));min-height:72px;margin:auto;display:flex;align-items:center;gap:18px;border-bottom:1px solid rgba(7,91,107,.12)}.screen-brand{color:#087b99;text-decoration:none;font-weight:800;letter-spacing:.24em;font-size:1.15rem;white-space:nowrap}.screen-brand span{color:#20b9d1;font-size:1.8rem;letter-spacing:0;vertical-align:-.08em}.screen-nav{margin-left:auto;display:flex;gap:22px}.screen-nav a{color:#075b6b;font-size:.88rem;text-decoration:none}.screen-content{width:min(1440px,calc(100% - 64px));margin:auto;padding:44px 0 60px}.screen-topline{display:flex;justify-content:space-between;align-items:end;gap:40px}.screen-topline h1{font-size:clamp(3rem,5vw,6rem);margin:0 0 12px;letter-spacing:-.08em}.screen-topline h1 span{font-size:.42em;letter-spacing:-.04em;margin-left:16px;color:#4f6d75;font-weight:500}.screen-disclosure{color:#4f6d75;margin:0;font-size:.9rem}.screen-status{min-width:250px;padding:18px 22px;background:rgba(255,255,255,.74);border-left:5px solid;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}.screen-status strong{font-size:1.5rem}.screen-status small{grid-column:2;color:inherit}.status-pulse{grid-row:span 2;width:11px;height:11px;border-radius:50%;background:currentColor}.screen-toolbar{display:flex;justify-content:space-between;align-items:end;margin:48px 0 16px}.screen-toolbar h2{font-size:1.05rem;margin:0 0 10px;letter-spacing:0}.screen-tabs{display:flex;gap:8px}.screen-tabs button{min-height:44px;padding:8px 24px;border:1px solid rgba(7,91,107,.15);border-radius:99px;background:rgba(255,255,255,.52);color:#4f6d75;font:inherit;cursor:pointer}.screen-tabs button[aria-pressed=true]{background:#087b99;border-color:#087b99;color:#fff}.screen-toolbar label{color:#4f6d75;font-size:.78rem;display:flex;flex-direction:column;gap:5px}.screen-toolbar select{min-height:44px;border:1px solid rgba(7,91,107,.15);border-radius:8px;background:#fff;color:#10252b;padding:8px 14px;font:inherit}.liquid-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.liquid-card{min-height:240px;position:relative;overflow:hidden;padding:24px 22px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);border-radius:22px;box-shadow:0 14px 36px rgba(7,91,107,.08)}.liquid-card>:not(.liquid-wave){position:relative;z-index:1}.liquid-card-head{display:flex;justify-content:space-between;gap:8px}.liquid-card-head span{font-weight:700}.liquid-card-head small{color:#4f6d75;font-size:.7rem;text-align:right}.liquid-card>strong{display:block;font-size:clamp(2.5rem,4vw,5rem);line-height:1;letter-spacing:-.08em;margin-top:58px;font-variant-numeric:tabular-nums}.liquid-card>strong em{font-size:.18em;letter-spacing:0;font-style:normal}.liquid-card .metric-state{font-size:.78rem;font-weight:700;margin-top:18px}.liquid-wave{position:absolute;inset:auto 0 0;height:34%;opacity:.52}.liquid-wave svg{width:200%;height:100%;animation:screen-wave 8s linear infinite}.liquid-wave path{fill:#a7e9f0}.liquid-1 .liquid-wave path{fill:#b9e6fa}.liquid-2 .liquid-wave path{fill:#a9ddfb}.liquid-3 .liquid-wave path{fill:#c3e9fa}.liquid-4 .liquid-wave path{fill:#a8e8c3}@keyframes screen-wave{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.screen-lower{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.environment-card,.systems-card{background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);border-radius:22px;padding:24px}.lower-heading{display:flex;justify-content:space-between;align-items:start;gap:16px}.lower-heading .eyebrow{margin:0;font-size:.72rem}.lower-heading small{color:#4f6d75;font-size:.72rem}.environment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.environment-grid div{padding:16px;background:rgba(232,245,247,.58);border-radius:14px}.environment-grid i{display:block;color:#20b9d1;font-style:normal;font-size:1.5rem}.environment-grid span{display:block;color:#4f6d75;font-size:.72rem;margin-top:8px}.environment-grid strong{display:block;font-size:1.8rem;line-height:1.15;margin-top:6px}.environment-grid strong small{font-size:.72rem;margin-left:4px;color:#4f6d75}.systems-card .lower-heading{margin-bottom:22px}.system-list div{display:grid;grid-template-columns:10px 1fr auto;gap:10px;padding:11px 0;border-top:1px solid rgba(7,91,107,.1);font-size:.85rem}.system-list strong{color:#176b4a}.system-dot{width:8px;height:8px;margin-top:6px;border-radius:50%;background:#176b4a}.screen-trend{margin-top:12px;border-radius:22px;padding:24px}.screen-trend h2{font-size:1.3rem;margin:8px 0 0}.chart-key{display:flex;gap:12px;color:#4f6d75;font-size:.72rem}.chart-key span{display:flex;gap:5px;align-items:center}.chart-key i{width:18px;height:3px;display:inline-block}.key-aqua{background:#29bfd2}.key-ink{background:#075b6b}.screen-trend .fake-chart{margin-top:18px;background:rgba(243,250,251,.7);border-radius:12px}.screen-trend .chart-summary{margin-bottom:0}@media (max-width:800px){.screen-content,.screen-header{width:calc(100% - 32px)}.screen-header{flex-wrap:wrap;padding:12px 0}.screen-nav{margin-left:auto}.screen-content{padding-top:32px}.screen-toolbar,.screen-topline{display:block}.screen-status{margin-top:24px}.screen-toolbar label{margin-top:18px}.liquid-grid{grid-template-columns:repeat(2,1fr)}.liquid-card{min-height:210px}.screen-lower{grid-template-columns:1fr}.screen-trend{overflow:hidden}.screen-trend .fake-chart{min-width:580px}.screen-trend .chart-summary{max-width:100%}}@media (max-width:480px){.screen-header{gap:10px}.screen-brand{font-size:.9rem}.screen-nav{width:100%;justify-content:space-between}.screen-topline h1{font-size:3rem}.screen-topline h1 span{display:block;margin:4px 0 0;font-size:.45em}.liquid-grid{grid-template-columns:1fr}.liquid-card{min-height:180px}.liquid-card>strong{margin-top:32px}.environment-grid{grid-template-columns:1fr}.screen-content{padding-bottom:32px}}@media (prefers-reduced-motion:reduce){.liquid-wave svg{animation:none}}.demo-shell{min-height:100vh;background:#eef8f9;color:var(--color-ink)}.demo-header{min-height:76px;padding:16px max(24px,calc((100% - 1280px)/2));display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--color-line);background:#fff}.demo-header>a:last-child{margin-left:auto}.demo-badge{padding:8px 12px;border-radius:99px;background:#e8f5f7;color:var(--color-primary);font-size:.8rem;font-weight:700}.demo-content{width:min(1280px,calc(100% - 48px));margin:auto;padding:64px 0}.demo-intro{display:flex;justify-content:space-between;align-items:end;gap:32px}.demo-intro h1{font-size:clamp(2.5rem,5vw,5rem);margin-bottom:16px}.demo-disclosure{color:var(--color-ink-muted)}.system-status{min-width:260px;padding:20px;border-left:5px solid;background:#fff}.system-status small,.system-status span,.system-status strong{display:block}.system-status strong{font-size:1.4rem}.system-status small{margin-top:8px}.status-normal{color:#176b4a;border-color:#176b4a}.status-attention{color:#8a5200;border-color:#8a5200}.status-alert{color:#a72b39;border-color:#a72b39}.status-maintenance,.status-offline{color:#5e6b70;border-color:#5e6b70}.demo-controls{margin:40px 0 20px;display:flex;align-items:end;gap:20px;justify-content:space-between}.demo-controls h2{font-size:1.2rem;margin:0}.pool-tabs{display:flex;gap:8px}.demo-controls select,.pool-tabs button{min-height:44px;padding:8px 16px;border:1px solid var(--color-line);background:#fff;color:var(--color-ink);border-radius:8px;font:inherit;cursor:pointer}.pool-tabs button[aria-pressed=true]{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.demo-controls label{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:var(--color-ink-muted)}.demo-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.demo-metric,.device-grid>div,.trend-panel{background:#fff;border:1px solid var(--color-line);padding:24px}.demo-metric>div{display:flex;justify-content:space-between;gap:8px}.demo-metric small{color:var(--color-ink-muted);font-size:.72rem}.demo-metric strong{display:block;font-size:2.5rem;margin:34px 0 14px;line-height:1;font-variant-numeric:tabular-nums}.demo-metric em{font-size:.85rem;font-style:normal}.metric-state{font-size:.8rem;margin:0;font-weight:700}.trend-panel{margin-top:40px}.trend-panel h2{font-size:1.4rem}.fake-chart{background:#f6fbfc;padding:20px 0}.fake-chart svg{width:100%;height:auto;display:block}.chart-summary{color:var(--color-ink-muted);font-size:.9rem;margin:16px 0 0}.device-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}.device-grid span,.device-grid strong{display:block}.device-grid span{color:var(--color-ink-muted);font-size:.8rem}.device-grid strong{margin-top:12px}.demo-shell button:focus-visible,.demo-shell select:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}@media (max-width:800px){.demo-header{flex-wrap:wrap;padding-inline:16px}.demo-header>a:last-child{margin-left:0}.demo-content{width:calc(100% - 32px);padding-block:40px}.demo-controls,.demo-intro{display:block}.system-status{margin-top:24px}.pool-tabs{margin:12px 0 20px;overflow:auto}.demo-metrics,.device-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.demo-metrics,.device-grid{grid-template-columns:1fr}.demo-metric strong{margin-block:20px 10px}}.skip-link{position:absolute;left:1rem;top:-4rem;z-index:10;padding:.75rem 1rem;background:var(--color-primary);color:#fff}.skip-link:focus{top:1rem}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.home-screen-preview{padding:26px}.preview-head{display:flex;justify-content:space-between;align-items:end;margin-top:28px}.preview-head small{display:block;color:var(--color-ink-muted);font-size:.78rem}.preview-head strong{display:block;font-size:4.5rem;line-height:1;letter-spacing:-.08em}.preview-head em{font-size:.2em;font-style:normal;letter-spacing:0}.preview-wave{width:38%;height:70px;overflow:hidden;background:#e8f5f7;border-radius:14px 14px 0 0}.preview-wave svg{width:200%;height:100%;animation:screen-wave 8s linear infinite}.preview-wave path{fill:#a7e9f0}.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.preview-metrics div{background:#f3fafb;border-radius:10px;padding:10px}.preview-metrics b,.preview-metrics span{display:block;font-size:.72rem}.preview-metrics span{color:var(--color-ink-muted)}.preview-metrics b{margin-top:5px;font-size:.85rem}.home-screen-preview .waterline{margin-bottom:34px}@media (max-width:480px){.home-screen-preview{padding:20px}.preview-head strong{font-size:3.5rem}.preview-metrics{grid-template-columns:1fr}}