:root{--sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--paper:#f7f6f0;--surface:#fffef9;--ink:#2e3931;--strong:#17241c;--muted:#6c7166;--line:#e4e6dc;--green:#354d3d;--green-hover:#2b4033;--on-green:#fffef9;--soft:#eaf0e5;--rust:#aa6243;--deep:#26352c;--on-deep:#f7f6f0;--on-deep-muted:#c2ccbc;--max:1080px;--gutter:clamp(20px, 5vw, 48px);color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#1b201c;--surface:#222824;--ink:#e2e6df;--strong:#f0f3ed;--muted:#9aa296;--line:#343b36;--green:#8fbf98;--green-hover:#a6d0ad;--on-green:#13201a;--soft:#2b3a30;--rust:#d9926f;--deep:#223029;--on-deep:#f0f3ed;--on-deep-muted:#bcc7b9;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--paper);color:var(--ink);font:400 17px/1.78 var(--sans);margin:0;overflow-x:clip}p{text-wrap:pretty}::selection{background:var(--soft);color:var(--strong)}img{max-width:100%;display:block}a{color:inherit}:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:4px}.wrap{max-width:var(--max);padding-inline:var(--gutter);margin-inline:auto}.skip{left:var(--gutter);z-index:10;background:var(--green);color:var(--on-green);border-radius:8px;padding:8px 14px;text-decoration:none;position:absolute;top:-56px}.skip:focus{top:12px}.site-head{padding-block:26px}.site-head .wrap{justify-content:space-between;align-items:center;gap:24px;display:flex}.brand{color:var(--strong);letter-spacing:.02em;align-items:center;gap:10px;font-size:17px;font-weight:600;text-decoration:none;display:inline-flex}.brand svg{flex:none;width:24px;height:24px}.site-nav{align-items:center;gap:clamp(14px,2.6vw,28px);font-size:15px;display:flex}.site-nav a{color:var(--muted);padding-block:4px;text-decoration:none}.site-nav a:hover{color:var(--strong)}.site-nav a.ext{color:var(--green);text-underline-offset:4px;text-decoration:underline 1px;text-decoration-color:color-mix(in srgb, var(--green) 40%, transparent)}.site-nav a.ext:hover{text-decoration-color:currentColor}.hero{padding-block:clamp(56px,9vw,104px) clamp(64px,10vw,120px)}.hero h1{max-width:15em;color:var(--strong);letter-spacing:.005em;text-wrap:balance;margin:0;font-size:clamp(30px,6.4vw,66px);font-weight:600;line-height:1.3}.stop{color:var(--rust)}.lede{max-width:30em;color:var(--muted);margin:26px 0 0;font-size:clamp(17px,1.6vw,19px);line-height:1.9}.hero-actions{flex-wrap:wrap;align-items:center;gap:20px 26px;margin-top:38px;display:flex}.btn{background:var(--green);color:var(--on-green);border-radius:10px;align-items:center;padding:12px 22px;font-size:15px;font-weight:500;text-decoration:none;transition:background-color .18s;display:inline-flex}.btn:hover{background:var(--green-hover)}.text-link{color:var(--green);text-underline-offset:4px;text-decoration:underline 1px;text-decoration-color:color-mix(in srgb, var(--green) 40%, transparent);font-size:15px}.text-link:hover{text-decoration-color:currentColor}.section{border-top:1px solid var(--line);padding-block:clamp(48px,7vw,84px);scroll-margin-top:32px}.section h2{color:var(--strong);letter-spacing:.01em;margin:0;font-size:clamp(24px,3vw,30px);font-weight:600;line-height:1.4}.product-head{grid-template-columns:minmax(0,4.5fr) minmax(0,7.5fr);align-items:start;gap:clamp(28px,5vw,56px);margin-bottom:clamp(28px,4vw,44px);display:grid}.product-title h2{margin-bottom:14px}.product-about{padding-top:2px}.state{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 70%, transparent);color:var(--muted);border-radius:999px;align-items:center;gap:8px;margin:0 0 18px;padding:3px 11px 3px 9px;font-size:13px;line-height:1.6;display:inline-flex}.state .dot{background:var(--rust);border-radius:50%;flex:none;width:6px;height:6px}.product-desc{max-width:34em;color:var(--muted);margin:0}.product-about .text-link{margin-top:18px;display:inline-block}.product-shot{margin:0}.product-shot img{border:1px solid var(--line);background:var(--surface);border-radius:12px;width:100%;height:auto}.product-shot figcaption{color:var(--muted);margin-top:12px;font-size:13px;line-height:1.7}.approach-intro{max-width:30em;color:var(--ink);margin:20px 0 0;font-size:clamp(18px,1.9vw,21px);line-height:1.9}.facts{margin:clamp(36px,5vw,56px) 0 0}.facts>div{border-top:1px solid var(--line);grid-template-columns:132px minmax(0,1fr);gap:20px;padding-block:22px;display:grid}.facts>div:last-child{border-bottom:1px solid var(--line)}.facts dt{color:var(--strong);font-weight:600}.facts dd{max-width:44em;color:var(--muted);margin:0}.site-foot{border-top:1px solid color-mix(in srgb, var(--on-deep) 16%, transparent);background:var(--deep);color:var(--on-deep-muted);padding-block:26px 42px}.site-foot .wrap{color:var(--on-deep-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 20px;font-size:14px;display:flex}.site-foot p{margin:0}.foot-brand{color:var(--on-deep);align-items:center;gap:10px;display:flex}.foot-brand svg{flex:none;width:20px;height:20px}.site-foot nav{gap:22px;display:flex}.site-foot a{color:var(--on-deep-muted);text-decoration:none}.site-foot a:hover{color:var(--on-deep)}@media (width<=860px){.product-head{grid-template-columns:1fr}.facts>div{grid-template-columns:1fr;gap:6px}}@media (width<=620px){body{font-size:16px}.site-nav a.section-link{display:none}.hero-actions{gap:18px}.site-foot .wrap{flex-direction:column;align-items:flex-start;gap:12px}}
