@font-face{font-family:ProductSans;src:url("assets/product-sans.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:light;--mint:#eaf5ef;--green:#0b4032;--green-mid:#225c48;--action:#096349;--yellow:#ffcf39;--text:#263c33;--muted:#53665c;--line:#b6d1c3;--white:#fff;--content:1348px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--white);color:var(--text);font-family:ProductSans,system-ui,-apple-system,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;font-size:16px;line-height:1.65;-webkit-text-size-adjust:100%}
a{color:inherit;text-decoration:none}
button{font:inherit}
a,button,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid var(--action);outline-offset:6px}
img{display:block;width:100%;height:auto}
figure,p,h1,h2,h3,dl,dd{margin:0}
.container{width:calc(100% - 136px);max-width:var(--content);margin-inline:auto}
.skip-link{position:absolute;top:8px;left:16px;z-index:10;padding:10px 16px;background:white;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.site-header{background:var(--mint);border-bottom:1px solid #c8ded1}
.header-inner{min-height:68px;display:flex;align-items:center;gap:60px}
.brand{font-size:29px;line-height:1.2;font-weight:850;letter-spacing:-1px;color:var(--green);white-space:nowrap}
.navigation{display:flex;align-items:center;gap:52px;font-size:17px;font-weight:650;color:var(--green)}
.navigation a{padding-block:20px}
.navigation a:hover{color:var(--action);text-decoration:underline;text-underline-offset:6px}
.button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:52px;padding:10px 34px;border-radius:40px;font-size:20px;line-height:1.4;font-weight:750;transition:background-color .18s,transform .18s}
.button:hover{transform:translateY(-2px)}
.button-green{min-height:44px;background:var(--action);color:white;font-size:19px;padding:8px 29px}
.button-green:hover{background:#074c38}
.button-yellow{color:var(--green);background:var(--yellow)}
.button-yellow:hover{background:#f2bf20}
.header-download{margin-left:auto}
.hero{background:var(--mint);padding:20px 0 30px}
h1{font-size:124px;line-height:1;letter-spacing:-5px;font-weight:900;color:var(--green);width:fit-content}
h1:after{content:"";display:block;width:96px;border-bottom:7px solid var(--yellow);margin-top:5px}
.hero-intro{display:flex;align-items:center;gap:30px;margin:18px 0 44px;justify-content:space-between}
.product-type{font-size:40px;line-height:1.3;font-weight:800;letter-spacing:-1px;color:var(--green-mid);white-space:nowrap}
.hero-description{font-size:19px;line-height:1.65;padding-left:30px;border-left:1px solid #9cbfb0;margin-left:auto;max-width:540px}
.hero-grid{display:grid;grid-template-columns:1.85fr 1fr;align-items:start;gap:40px}
.hero-figure{align-self:center}
.screenshot-link{display:block;cursor:zoom-in}
.screenshot-link img{transition:filter .18s}
.screenshot-link:hover img{filter:brightness(1.05)}
.section-title{color:var(--green);font-weight:800;font-size:32px;line-height:1.4;letter-spacing:-.6px}
.section-title:after{content:"";display:block;width:58px;border-bottom:5px solid var(--yellow);margin-top:11px}
.guide-list{list-style:none;margin:14px 0 0;padding:0}
.guide-list li{display:grid;grid-template-columns:54px 1fr;gap:15px;padding:16px 0 19px}
.guide-list li+li{border-top:1px solid var(--line)}
.step-number{font:italic 700 40px/1.25 Georgia,serif;color:#175e48}
.guide-list h3{font-size:24px;font-weight:750;line-height:1.4;color:var(--green)}
.guide-list p{font-size:16px;line-height:1.6;margin-top:3px}
.section-space{padding:52px 0 62px}
.symbols{padding-top:27px}
.symbols-grid{display:grid;grid-template-columns:1.18fr 1fr;gap:56px;align-items:center;margin-top:26px}
figcaption{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:13px;line-height:1.5;margin-top:12px}
.symbol-details>div{position:relative;padding-left:24px}
.symbol-details>div+div{margin-top:25px}
.symbol-details>div:before{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;background:var(--yellow);border-radius:50%}
dt{font-size:19px;font-weight:750;color:var(--green);line-height:1.5}
dd{margin-top:6px;font-size:16px;line-height:1.8}
.interface-section{background:#f3f7f3;border-top:1px solid #e0e9e2;border-bottom:1px solid #e0e9e2}
.interface-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:74px;align-items:center}
.interface-details{margin-top:26px}
.interface-details>div{padding:17px 0}
.interface-details>div+div{border-top:1px solid #ceddd2}
.interface-details dd{max-width:420px}
.faq{padding-top:60px;padding-bottom:76px}
.faq-grid{display:grid;grid-template-columns:.6fr 1.4fr;gap:70px}
.faq-list{border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line)}
summary{cursor:pointer;min-height:72px;align-content:center;padding:20px 8px;color:var(--green);font-size:19px;font-weight:650}
summary::marker{color:var(--action);font-size:14px}
summary:hover{background:#f4f9f5}
.faq-answer{padding:0 8px 24px 24px;color:var(--muted);max-width:740px;line-height:1.85}
.site-footer{border-top:1px solid #d5e2d8;background:#f5f8f4;padding:26px 0}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.footer-brand{font-size:22px;font-weight:800;color:var(--green)}
.footer-inner>span{font-size:13px;color:var(--muted)}
.image-dialog{border:1px solid #b6d1c3;padding:18px;background:#f9fcf8;color:var(--green);width:min(1100px,94vw);max-height:90dvh;overflow:auto}
.image-dialog::backdrop{background:rgb(12 35 27 / .73)}
.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.dialog-toolbar p{font-weight:650}
.dialog-close{border:1px solid #accbb9;border-radius:6px;background:white;color:var(--green);padding:8px 14px;min-height:44px;cursor:pointer;white-space:nowrap}
.dialog-close:hover{background:var(--mint)}
.dialog-image{object-fit:contain;max-height:74dvh}
body:has(.image-dialog[open]){overflow:hidden}
@media(min-width:1600px){.hero{padding-top:40px;padding-bottom:42px}.hero-intro{margin-bottom:48px}}
@media(max-width:1200px){.container{width:calc(100% - 80px)}.header-inner{gap:36px}.navigation{gap:30px}h1{font-size:96px}.hero-intro{gap:24px;flex-wrap:wrap}.product-type{font-size:34px}.hero-description{font-size:17px;flex:1;max-width:none;padding-left:24px}.hero-intro>.button{min-height:46px;font-size:18px;padding-inline:26px}.hero-grid{gap:28px;grid-template-columns:1.6fr 1fr}.section-title{font-size:28px}.guide-list h3{font-size:22px}.guide-list li{gap:10px;grid-template-columns:44px 1fr;padding-block:12px}.step-number{font-size:35px}.guide-list p{font-size:15px}.symbols-grid{gap:36px}.interface-grid{gap:45px}}
@media(max-width:900px){.hero-intro{display:grid;grid-template-columns:1fr auto;gap:20px}.product-type{grid-column:1/-1}.hero-description{padding:0;border:0;margin:0;max-width:550px}.hero-grid{grid-template-columns:1fr}.quick-guide{padding-top:12px}.guide-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.guide-list li{display:block;border-top:1px solid var(--line);padding-top:17px}.step-number{display:block;margin-bottom:8px}.hero{padding-bottom:28px}.symbols-grid{grid-template-columns:1fr 1fr;gap:30px}.symbol-details>div+div{margin-top:18px}.interface-grid{grid-template-columns:1fr;gap:28px}.interface-details{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.interface-details>div{border-top:1px solid #ceddd2}.interface-details dd{font-size:15px}.faq-grid{grid-template-columns:1fr;gap:30px}.navigation{font-size:15px;gap:25px}.brand{font-size:25px}.header-inner{gap:32px}.button-green{font-size:16px;padding-inline:22px}}
@media(max-width:600px){html{scroll-padding-top:20px}.container{width:calc(100% - 40px)}.header-inner{min-height:104px;flex-wrap:wrap;gap:0;justify-content:space-between;padding-top:15px;padding-bottom:8px}.brand{font-size:25px}.header-download{font-size:15px;min-height:38px;padding:7px 21px}.navigation{order:3;flex-basis:100%;justify-content:space-between;gap:20px;font-size:14px;margin-top:8px}.navigation a{padding:8px 0}.hero{padding:23px 0 26px}h1{font-size:clamp(55px,16vw,83px);letter-spacing:-3px;line-height:1.2}h1:after{width:68px;border-bottom-width:5px;margin-top:9px}.hero-intro{grid-template-columns:1fr;gap:16px;margin:20px 0 26px}.product-type{font-size:clamp(23px,6.5vw,31px);letter-spacing:-.7px;white-space:normal}.hero-description{font-size:16px;max-width:340px}.hero-intro>.button{justify-self:start;margin-top:2px;min-height:46px;font-size:17px;padding-inline:29px}.hero-grid{gap:26px}.section-title{font-size:25px;letter-spacing:-.4px}.section-title:after{width:43px;border-bottom-width:4px;margin-top:9px}.quick-guide{padding:0}.guide-list{display:block;margin-top:13px}.guide-list li{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:17px 0}.guide-list li:first-child{border-top:0}.step-number{font-size:32px;margin:0}.guide-list h3{font-size:21px}.guide-list p{font-size:15px;line-height:1.75;margin-top:3px}.section-space{padding:35px 0 39px}.symbols-grid{grid-template-columns:1fr;gap:28px;margin-top:23px}.symbol-details>div+div{margin-top:22px}.symbol-details>div{padding-left:21px}dt{font-size:18px}dd{font-size:15px;line-height:1.8}figcaption{font-size:12px;gap:8px}.interface-grid{gap:25px}.interface-details{display:block;margin-top:14px}.interface-details>div:first-child{border-top:0}.interface-details>div{padding:17px 0}.interface-details dd{max-width:none}.faq-grid{gap:25px}summary{font-size:16px;min-height:66px;padding-block:19px}.faq-answer{font-size:15px;padding:0 8px 21px 20px}.footer-brand{font-size:20px}.site-footer{padding-block:22px}.image-dialog{padding:12px;width:96vw}.dialog-toolbar{gap:10px;font-size:14px}.dialog-close{padding-inline:10px;font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}