@import url('./pages.css');
@import url('./modes.css');
:root{--bg:#081921;--panel:#102630;--panel-2:#132d37;--mint:#7be5c2;--blue:#80b8f8;--gold:#e0bf80;--ink:#f0f5f3;--text:#a4b8c0;--muted:#819aa6;--line:rgba(161,199,206,.13);--radius:20px;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei','Segoe UI',sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:320px;overflow-x:hidden;background:radial-gradient(ellipse at 83% 15%,rgba(26,72,73,.18),transparent 45%),var(--bg)}button,a,input{font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button svg{flex-shrink:0}h1,h2,h3,p{margin:0}svg{vertical-align:middle}h1,h2,h3{font-weight:600;letter-spacing:-.025em}.app-shell{display:flex;min-height:100vh}.sidebar{width:228px;flex:0 0 228px;height:100vh;position:sticky;top:0;padding:29px 17px 22px;border-right:1px solid var(--line);background:rgba(9,24,31,.9);display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 26px}.brandmark{width:39px;height:39px;color:var(--mint);flex-shrink:0}.brand>span{font-size:22px;font-weight:600;letter-spacing:2px}.brand small{display:block;font:8px -apple-system,sans-serif;letter-spacing:1.7px;color:var(--muted);margin-top:5px}.partner-identity{display:flex;align-items:center;gap:10px;padding:13px 10px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(130deg,#132b34,#0e242d)}.partner-monogram{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(224,191,128,.4);color:var(--gold);border-radius:9px;font:11px Georgia,serif}.partner-identity b{display:block;font-size:11px;font-weight:500}.partner-identity span{display:block;font-size:9px;color:var(--muted);margin-top:4px}.nav-section-label{font-size:9px;color:#6e8b97;letter-spacing:1.6px;margin:28px 9px 12px}.nav-section-label.second{letter-spacing:.6px;margin-top:25px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 13px;text-align:left;border-radius:10px;background:transparent;color:#9ab0ba;font-size:12px;font-weight:450;margin-bottom:5px;transition:.2s}.nav-item>span{flex:1}.nav-item small{font-size:9px;color:#587581}.nav-item:hover{background:#112c36;color:#d6e9e5}.nav-item.active{color:var(--mint);background:rgba(123,229,194,.09);border:1px solid rgba(123,229,194,.13);padding:11px 12px}.nav-item.active small{color:var(--mint)}.sidebar-foot{margin-top:auto;padding:24px 9px 0}.tech-mark{font-size:11px;display:flex;align-items:center;gap:7px;color:#c4d9d7}.sidebar-foot>span{font-size:9px;color:var(--muted);display:block;margin-top:9px}.sidebar-foot>small{display:block;font-size:9px;color:#718b97;line-height:1.7;margin-top:18px}.main{min-width:0;flex:1;padding:0 36px 22px;max-width:1720px;margin:auto}.topbar{height:81px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:15px}.breadcrumb{display:flex;gap:13px;align-items:center;font-size:11px}.breadcrumb>span{color:var(--muted)}.breadcrumb i{font-style:normal;color:#4e6a77}.breadcrumb b{font-weight:450;color:#c7d8dc}.topbar-right{display:flex;align-items:center;gap:12px}.demo-label{font:9px -apple-system,sans-serif;letter-spacing:.25px;color:#98b3bb;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.demo-label i,.live-dot,.line-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:var(--mint);box-shadow:0 0 9px rgba(123,229,194,.35)}.line-dot{margin-right:8px}.live-dot{flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 19px;min-height:44px;line-height:1.2;font-size:12px;font-weight:550;border-radius:9px;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn.primary{background:var(--mint);color:#102c2d;box-shadow:0 8px 24px rgba(99,198,164,.09)}.btn.primary:hover:not(:disabled){background:#97f2d2;box-shadow:0 10px 25px rgba(99,198,164,.18)}.btn.secondary{background:rgba(122,170,185,.055);border:1px solid rgba(161,199,206,.19);color:#c4d8dd}.btn.secondary:hover{background:rgba(122,170,185,.12)}.btn.compact{min-height:34px;padding:9px 12px;font-size:10px;border-radius:7px}.btn.full-width{width:100%}.icon-button{width:34px;height:34px;background:transparent;border:1px solid var(--line);color:#9ab5be;border-radius:8px;display:grid;place-items:center}.icon-button:hover{color:var(--mint);background:rgba(123,229,194,.08)}.link{display:inline-flex;align-items:center;gap:8px;color:var(--mint);font-size:11px;background:transparent;padding:6px 0;border-bottom:1px solid rgba(123,229,194,.2)}.customer-context{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 0 0;font-size:9px;letter-spacing:.3px;color:var(--muted)}.customer-context i{font-style:normal;color:#426371;margin:0 4px}.home-context{display:none}.panel{background:linear-gradient(120deg,rgba(22,48,58,.7),rgba(13,34,44,.88));border:1px solid var(--line);border-radius:var(--radius)}.kicker{font:9px -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:1.6px;color:var(--mint);display:flex;align-items:center;gap:7px;font-weight:500}.tag{display:inline-flex;align-items:center;gap:5px;font-size:9px;line-height:1.2;letter-spacing:.2px;padding:6px 9px;border-radius:5px;background:rgba(123,229,194,.08);border:1px solid rgba(123,229,194,.16);color:var(--mint);white-space:nowrap}.tag.blue{color:var(--blue);background:rgba(128,184,248,.07);border-color:rgba(128,184,248,.15)}.tag.gold{color:var(--gold);background:rgba(224,191,128,.07);border-color:rgba(224,191,128,.15)}.tag.muted{color:#9bb4bc;border-color:var(--line);background:rgba(161,199,206,.03)}.small-pill{font-size:9px;padding:4px 7px;border:1px solid rgba(123,229,194,.35);border-radius:4px;color:var(--mint)}.small-pill.blue{color:var(--blue);border-color:rgba(128,184,248,.35)}.page-heading{padding:31px 0 27px}.page-heading h1{font-size:clamp(27px,2.5vw,37px);line-height:1.35;letter-spacing:-.5px;margin-top:13px;font-weight:550}.page-heading p{font-size:12px;line-height:1.8;color:var(--text);margin-top:9px;max-width:750px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.section-heading h2{font-size:17px;line-height:1.6;display:flex;gap:11px;align-items:center}.section-heading h2>span{font:10px -apple-system,sans-serif;color:var(--mint);letter-spacing:1px;opacity:.6}.section-heading p{color:var(--muted);font-size:11px;line-height:1.7;margin-top:5px}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-top h2{font-size:17px;margin-top:9px}.page-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:27px 0 5px}.note{display:flex;align-items:flex-start;gap:7px;color:#8aa3ad;font-size:10px;line-height:1.7;max-width:720px}.note svg{flex-shrink:0;margin-top:2px}.app-footer{margin-top:35px;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#6f8a98;line-height:1.6}.view-enter{animation:appear .4s ease both}@keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.home-intro{display:grid;grid-template-columns:1fr 1fr;min-height:424px;margin:30px 0 24px;position:relative}.home-copy{padding:32px 0 12px;position:relative;z-index:2}.home-copy h1{font-size:clamp(48px,4.9vw,72px);font-weight:500;letter-spacing:1px;line-height:1.15;margin:25px 0 22px}.home-copy p{color:var(--text);font-size:12px;line-height:2}.home-actions{display:flex;gap:10px;margin-top:27px}.trust-mini{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px;color:#91aaa9;font-size:9px}.trust-mini span{display:flex;gap:6px;align-items:center}.hero-science{position:relative;overflow:hidden;border-radius:var(--radius);background:#0b2029;margin-left:15px;border:1px solid var(--line)}.science-image{position:absolute;inset:0;background:url('./assets/microbiome.jpg') center center/cover;opacity:.85;transform:scale(1.07)}.hero-science:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#081921,transparent 70%),linear-gradient(90deg,rgba(8,25,33,.25),transparent 40%);pointer-events:none}.science-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(123,229,194,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(123,229,194,.04) 1px,transparent 1px);background-size:42px 42px;z-index:1}.hero-chip{position:absolute;top:24px;left:23px;font:8px -apple-system,sans-serif;color:#b5dacb;letter-spacing:1px;display:flex;gap:7px;align-items:center;z-index:2}.hero-cross{position:absolute;font:22px monospace;color:#89baae;font-weight:100;z-index:2}.cross-a{right:20px;top:20px}.cross-b{left:17px;bottom:140px}.science-caption{position:absolute;left:24px;bottom:27px;z-index:2}.science-caption span{color:#91b5b7;font:9px -apple-system,sans-serif;letter-spacing:1px}.science-caption b{font-size:19px;line-height:1.6;display:block;font-weight:450;margin-top:9px}.float-card{position:absolute;right:21px;bottom:31px;background:rgba(14,45,52,.68);backdrop-filter:blur(18px);border:1px solid rgba(166,236,216,.22);border-radius:11px;padding:14px 16px;z-index:3;min-width:145px}.float-card small{font-size:8px;color:#9cb8b9}.float-card b{display:block;font:18px -apple-system,sans-serif;margin:7px 0;color:#e0f6ed}.float-card>span{font-size:9px;color:var(--mint);display:flex;align-items:center;gap:13px}.home-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:28px}.stat{position:relative;text-align:left;background:transparent;padding:20px 24px;border-right:1px solid var(--line)}.stat:first-child{padding-left:0}.stat:last-child{border-right:0}.stat>span{display:flex;justify-content:space-between;color:var(--text);font-size:11px}.stat b{font:32px -apple-system,sans-serif;display:block;margin:8px 0;color:var(--ink);letter-spacing:-1px}.stat small{font-size:9px;color:#74909d}.stat:hover b,.stat.active b{color:var(--mint)}.stat.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--mint)}.home-lower{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.client-panel{padding:24px}.client-list{display:grid;gap:5px}.client{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:13px 0;border-top:1px solid var(--line);background:transparent}.client-avatar{width:37px;height:37px;border-radius:11px;border:1px solid rgba(123,229,194,.16);background:rgba(123,229,194,.06);display:grid;place-items:center;font:11px monospace;color:var(--mint)}.client-info{flex:1}.client-info b{font-size:12px;font-weight:500;display:block}.client-info small{font-size:10px;display:block;color:var(--muted);margin-top:5px}.client-arrow{color:#74919d;margin-left:3px}.client:hover .client-arrow{color:var(--mint)}.case-panel{padding:27px;background:radial-gradient(ellipse at 100% 0,rgba(123,229,194,.09),transparent 60%),#102630}.case-panel h2{font-size:25px;font-weight:450;line-height:1.5;margin-top:15px}.case-panel p{font-size:11px;color:var(--text);line-height:1.9;margin:14px 0}.case-panel .link{margin-top:5px}.toast{position:fixed;z-index:100;bottom:26px;left:50%;transform:translate(-50%,20px);opacity:0;background:#1b3d43;border:1px solid rgba(123,229,194,.4);color:#d7f8ed;box-shadow:0 12px 35px rgba(0,0,0,.35);font-size:12px;padding:13px 20px;border-radius:10px;transition:.25s;pointer-events:none;max-width:calc(100vw - 40px);line-height:1.6}.toast.show{opacity:1;transform:translate(-50%,0)}