:root{font-family:Inter,"Segoe UI","Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#17312e;background:#f2f3ed;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#17312e;--deep:#102d2b;--teal:#0a756d;--mint:#9ad2c3;--lime:#d1eb83;--coral:#ed745c;--amber:#eba849;--paper:#f2f3ed;--surface:#fff;--line:#dbe2dc;--muted:#63746f;--quiet:#889590;--shadow:0 22px 65px rgba(18,50,45,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;background:var(--paper)}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.shell{width:min(1240px,calc(100% - 40px));margin:auto}.site-header{display:flex;min-height:84px;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px}.cnano-logo{display:block;width:104px;height:44px;object-fit:contain}.brand-divider{width:1px;height:30px;background:#cad4cf}.brand>span:last-child{display:flex;flex-direction:column}.brand strong{font-size:15px;letter-spacing:.08em}.brand small{margin-top:3px;color:var(--quiet);font-size:7px;font-weight:800;letter-spacing:.2em}.header-status{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.75);font-size:9px}.header-status i{width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px rgba(235,168,73,.12)}.header-status.ready i{background:#5aaf78;box-shadow:0 0 0 4px rgba(90,175,120,.12)}
.hero{display:grid;min-height:590px;grid-template-columns:1.08fr .92fr;align-items:center;gap:70px;padding-block:70px 90px}.eyebrow{margin-bottom:13px;color:var(--teal);font-size:9px;font-weight:850;letter-spacing:.22em}.hero h1{margin-bottom:23px;font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(43px,5.3vw,72px);font-weight:500;line-height:1.08;letter-spacing:-.045em}.hero h1 em{color:var(--teal);font-style:normal}.lede{max-width:660px;margin-bottom:34px;color:var(--muted);font-size:15px;line-height:1.9}.hero-meta{display:grid;max-width:560px;grid-template-columns:repeat(3,1fr);border-top:1px solid #ccd6d0;border-bottom:1px solid #ccd6d0}.hero-meta div{display:flex;min-height:88px;flex-direction:column;justify-content:center;padding:0 20px;border-right:1px solid #ccd6d0}.hero-meta div:first-child{padding-left:0}.hero-meta div:last-child{border:0}.hero-meta strong{font-family:Georgia,serif;font-size:23px;font-weight:500}.hero-meta span{margin-top:5px;color:var(--quiet);font-size:8px;letter-spacing:.08em}.hero-visual{position:relative;width:min(500px,100%);aspect-ratio:1;margin:auto;border-radius:50%;background:radial-gradient(circle at center,rgba(209,235,131,.18) 0 16%,rgba(10,117,109,.06) 17% 35%,transparent 36%);isolation:isolate}.hero-visual::before,.hero-visual::after{position:absolute;inset:5%;border:1px solid rgba(10,117,109,.16);border-radius:50%;content:""}.hero-visual::after{inset:20%;border-style:dashed;animation:spin 24s linear infinite}.core{position:absolute;z-index:3;top:50%;left:50%;display:grid;width:128px;height:128px;place-items:center;border-radius:36%;color:#fff;background:var(--deep);box-shadow:0 26px 70px rgba(16,45,43,.25);transform:translate(-50%,-50%) rotate(8deg)}.core b{transform:rotate(-8deg);font-family:Georgia,serif;font-size:25px;font-weight:500;letter-spacing:.06em}.core i{position:absolute;width:30px;height:3px;border-radius:3px;background:var(--lime)}.core i:nth-child(1){top:28px;left:17px;transform:rotate(25deg)}.core i:nth-child(2){top:31px;right:15px;transform:rotate(-30deg)}.core i:nth-child(3){bottom:28px;left:18px;transform:rotate(-28deg)}.core i:nth-child(4){right:15px;bottom:27px;transform:rotate(29deg)}.orbit{position:absolute;z-index:4;display:grid;width:64px;height:64px;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:50%;color:white;background:var(--teal);box-shadow:0 13px 35px rgba(10,117,109,.2);font-size:9px;font-weight:800;letter-spacing:.08em}.orbit-one{top:6%;left:48%}.orbit-two{top:52%;right:3%;background:var(--coral)}.orbit-three{bottom:5%;left:17%;color:var(--deep);background:var(--lime)}.data-label{position:absolute;padding:7px 10px;border:1px solid var(--line);border-radius:6px;color:var(--quiet);background:rgba(255,255,255,.78);font-size:6px;font-weight:800;letter-spacing:.15em}.label-a{top:26%;left:2%}.label-b{right:12%;bottom:9%}.label-c{right:0;top:28%}@keyframes spin{to{transform:rotate(360deg)}}
.tools-section{padding:90px 0}.section-heading{display:grid;grid-template-columns:.8fr 1.2fr;align-items:end;gap:50px;margin-bottom:34px}.section-heading h2{margin:0;font-family:Georgia,"Noto Serif SC",serif;font-size:42px;font-weight:500;letter-spacing:-.035em}.section-heading>p{max-width:600px;margin:0;color:var(--muted);font-size:12px;line-height:1.8}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.tool-card{position:relative;display:flex;min-height:430px;flex-direction:column;padding:25px 27px 24px;border:1px solid var(--line);border-radius:19px;background:var(--surface);box-shadow:0 5px 24px rgba(18,50,45,.045);overflow:hidden;transition:.25s ease}.tool-card::after{position:absolute;top:-75px;right:-85px;width:210px;height:210px;border:25px solid rgba(10,117,109,.035);border-radius:50%;content:""}.tool-card:hover{border-color:#c2d4cd;box-shadow:var(--shadow);transform:translateY(-4px)}.tool-card.featured{color:white;border-color:var(--deep);background:var(--deep);box-shadow:0 22px 65px rgba(16,45,43,.17)}.tool-card.featured::after{border-color:rgba(209,235,131,.055)}.card-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}.tool-index{color:#a4b5b0;font-family:Georgia,serif;font-size:12px}.featured .tool-index{color:#789f98}.status-pill{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:999px;font-size:7px}.status-pill i{width:6px;height:6px;border-radius:50%}.status-pill b{font-weight:700}.status-pill.checking{color:#8a641f;background:#fff3da}.status-pill.checking i{background:var(--amber)}.status-pill.online{color:#35704e;background:#e7f3e9}.status-pill.online i{background:#54a974}.status-pill.offline{color:#9e4436;background:#fff0eb}.status-pill.offline i{background:var(--coral)}.featured .status-pill.checking{color:#d7c48f;background:rgba(255,255,255,.08)}.featured .status-pill.online{color:var(--lime);background:rgba(209,235,131,.09)}.featured .status-pill.offline{color:#f4a595;background:rgba(237,116,92,.1)}.tool-symbol{position:relative;z-index:1;width:66px;height:66px;margin:35px 0 25px;border-radius:18px;background:#e4f2ee}.optical-symbol{display:flex;align-items:flex-end;justify-content:center;gap:4px;padding:15px}.optical-symbol i{width:6px;border-radius:4px;background:var(--teal)}.optical-symbol i:nth-child(1){height:18px}.optical-symbol i:nth-child(2){height:34px}.optical-symbol i:nth-child(3){height:25px}.optical-symbol i:nth-child(4){height:38px}.featured .tool-symbol{background:var(--lime)}.featured .optical-symbol i{background:var(--deep)}.tem-symbol{background:#fff0eb}.tem-symbol span{position:absolute;border-radius:50%;background:var(--coral)}.tem-symbol span:nth-child(1){width:16px;height:16px;top:14px;left:14px}.tem-symbol span:nth-child(2){width:23px;height:23px;right:11px;bottom:13px}.tem-symbol span:nth-child(3){width:10px;height:10px;left:17px;bottom:11px}.bet-symbol{display:flex;align-items:flex-end;justify-content:center;gap:4px;padding:15px;background:#f8efdb}.bet-symbol span{width:5px;border-radius:3px 3px 0 0;background:var(--amber)}.bet-symbol span:nth-child(1){height:13px}.bet-symbol span:nth-child(2){height:24px}.bet-symbol span:nth-child(3){height:34px}.bet-symbol span:nth-child(4){height:28px}.bet-symbol span:nth-child(5){height:39px}.production-symbol{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:14px;background:#e7edf3}.production-symbol i{border-radius:4px;background:#5c7891}.production-symbol i:nth-child(2),.production-symbol i:nth-child(6){opacity:.45}.tool-type{position:relative;z-index:1;margin-bottom:8px;color:var(--teal);font-size:7px;font-weight:850;letter-spacing:.17em}.featured .tool-type{color:var(--lime)}.tool-card h3{position:relative;z-index:1;margin-bottom:11px;font-family:Georgia,"Noto Serif SC",serif;font-size:24px;font-weight:500;letter-spacing:-.025em}.tool-description{position:relative;z-index:1;max-width:530px;margin-bottom:18px;color:var(--muted);font-size:10px;line-height:1.8}.featured .tool-description{color:#a7c1bc}.tag-row{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:25px}.tag-row span{padding:6px 8px;border-radius:5px;color:#59716c;background:#eef3ef;font-size:7px;font-weight:700}.featured .tag-row span{color:#b4cbc7;background:rgba(255,255,255,.07)}.tool-link{position:relative;z-index:1;display:flex;min-height:48px;align-items:center;justify-content:space-between;margin-top:auto;padding:0 15px;border:1px solid var(--line);border-radius:10px;color:var(--teal);background:white;font-size:10px;font-weight:750;transition:.2s ease}.tool-link:hover{color:white;border-color:var(--teal);background:var(--teal)}.tool-link b{font-size:16px}.featured .tool-link{color:var(--deep);border:0;background:var(--lime)}.featured .tool-link:hover{background:#ddf39f}.tool-card.offline-card .tool-link{opacity:.6}
.workflow-section{margin-top:40px;color:white;background:var(--deep)}.workflow-inner{display:grid;min-height:360px;grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px;padding-block:65px}.workflow-copy h2{max-width:480px;margin-bottom:17px;font-family:Georgia,"Noto Serif SC",serif;font-size:38px;font-weight:500;line-height:1.2}.workflow-copy>p:last-child{max-width:530px;margin:0;color:#a7c2bd;font-size:11px;line-height:1.9}.workflow-section .eyebrow{color:var(--lime)}.workflow-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:11px}.workflow-flow article{display:flex;min-height:135px;flex-direction:column;justify-content:center;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.035)}.workflow-flow article span{color:#78a39c;font-size:7px;font-weight:800;letter-spacing:.14em}.workflow-flow article strong{margin-top:12px;font-size:13px}.workflow-flow article small{margin-top:7px;color:#92aca7;font-size:8px}.workflow-flow>i{color:var(--lime);font-style:normal}.site-footer{display:flex;min-height:90px;align-items:center;justify-content:space-between;gap:20px;color:var(--quiet);font-size:8px;letter-spacing:.08em}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:45px}.hero-visual{width:min(450px,90%)}.tool-grid{grid-template-columns:1fr}.section-heading,.workflow-inner{grid-template-columns:1fr}.workflow-inner{gap:38px}.workflow-copy h2{font-size:32px}}
@media(max-width:620px){.shell{width:min(100% - 26px,1240px)}.site-header{min-height:70px}.cnano-logo{width:80px;height:35px}.brand-divider{height:25px}.brand strong{font-size:12px}.brand small{font-size:6px}.header-status span{display:none}.hero{min-height:auto;gap:38px;padding-block:45px 70px}.hero h1{font-size:39px}.lede{font-size:12px}.hero-meta div{min-height:76px;padding:0 9px}.hero-meta strong{font-size:17px}.hero-visual{width:100%}.orbit{width:54px;height:54px}.core{width:105px;height:105px}.tools-section{padding:65px 0}.section-heading h2{font-size:34px}.tool-card{min-height:410px;padding:22px}.workflow-flow{grid-template-columns:1fr}.workflow-flow>i{display:none}.workflow-flow article{min-height:100px}.site-footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.grain-symbol{display:flex;align-items:flex-end;justify-content:center;gap:5px;padding:14px;background:#eeeafd}.grain-symbol i{width:7px;border-radius:7px;background:#7767bf}.grain-symbol i:nth-child(1){height:16px}.grain-symbol i:nth-child(2){height:34px}.grain-symbol i:nth-child(3){height:25px}.grain-symbol i:nth-child(4){height:10px}.uv-symbol{background:linear-gradient(145deg,#edf7e1,#f5e9fa)}.uv-symbol i{position:absolute;inset:15px 11px;background:linear-gradient(150deg,transparent 0 27%,#458d77 28% 33%,transparent 34% 48%,#d3729b 49% 55%,transparent 56%)}.raman-symbol{display:flex;align-items:flex-end;justify-content:center;gap:4px;padding:13px;background:#e7f1f7}.raman-symbol i{width:7px;border-radius:5px 5px 0 0;background:#3f7898}.raman-symbol i:nth-child(1){height:14px}.raman-symbol i:nth-child(2){height:39px}.raman-symbol i:nth-child(3){height:24px}.workflow-flow{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:8px}.workflow-flow article{padding:14px}@media(max-width:620px){.workflow-flow{grid-template-columns:1fr}}