:root{color-scheme:light;--paper:#fdfdfc;--ink:#141a18;--muted:#576762;--sub:#71807b;--line:#e6e6e2;--line-soft:#ededeb;--accent:#06a668;--mint:#d9f9ea;--hot:#11d997;--stone:#f6f5f2;--width:1152px;--ui:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;--serif:"Songti SC","Noto Serif SC","Source Han Serif SC",Georgia,serif;font:14px/1.6 var(--ui);color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}
body,h1,h2,h3,p,ul,ol{margin:0}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
[hidden]{display:none!important}
html{scroll-padding-top:88px;scroll-behavior:smooth}
.skip{position:fixed;z-index:30;left:12px;top:12px;transform:translateY(-200%);padding:8px 16px;background:white;border:1px solid var(--line)}
.skip:focus{transform:none}
.frame{max-width:var(--width);margin-inline:auto}
.site-head{position:sticky;top:0;z-index:10;background:rgb(253 253 252 / 96%);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.head-inner{max-width:var(--width);height:64px;margin:auto;padding:0 24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.head-inner nav{display:flex;align-items:center;gap:25px;color:#3b4844}
.head-inner nav a:hover,.head-inner nav a[aria-current]{color:var(--accent)}
.brand{display:inline-flex;align-items:center;gap:9px;justify-self:start;white-space:nowrap;color:#090c0b}
.brand span{display:grid;place-items:center;width:29px;height:24px;border-radius:4px;background:#2dac63;color:white}
.brand b{font:500 29px/1 Georgia,serif;letter-spacing:-.04em}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:38px;padding:8px 23px;border:1px solid var(--ink);border-radius:4px;background:var(--ink);color:#fff;font-size:14px;font-weight:500;line-height:1.35;white-space:nowrap;transition:background .16s ease}
.btn:hover,.launch:hover{background:#283430}
.btn-small{justify-self:end;padding-inline:19px}
.btn.outline{border-color:var(--line);color:var(--ink);background:rgb(255 255 255 / 82%)}
.btn.outline:hover{background:#f0f5f2}
.wave{background-image:url("/assets/wave.svg"),linear-gradient(180deg,#eefaf5 0%,#f8fcfa 70%,var(--paper) 100%);background-size:cover;background-position:center}
.hero{border-bottom:1px solid var(--line)}
.hero-inner{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,360px);align-items:center;gap:48px;min-height:clamp(570px,calc(100svh - 240px),760px);padding:50px 40px;border-inline:1px solid var(--line)}
.hero-copy h1,.closing h2{font-family:var(--serif);font-weight:500;line-height:1.12;letter-spacing:-.035em;font-size:clamp(37px,5vw,52px)}
.hero-copy h1{margin:16px 0 32px}
.hero-copy p{max-width:580px;color:var(--muted);font-size:18px;line-height:1.45}
.release{display:inline-flex;align-items:center;gap:8px;padding:3px 8px;font-size:12px;line-height:1.3;color:var(--muted);background:rgb(255 255 255 / 83%);border:1px solid var(--line);border-radius:2px}
.release:hover{border-color:#94e1bd}
code{font:12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;background:var(--mint);color:#007d4d;padding:2px 5px;border-radius:3px;white-space:nowrap}
.launch-card{padding:12px;border:1px solid var(--line);border-radius:12px;background:rgb(253 253 252 / 90%)}
.launch{min-height:72px;padding:14px 22px;display:flex;align-items:center;gap:17px;border-radius:6px;background:var(--ink);color:#fff;font-size:15px;line-height:1.4;font-weight:500}
.launch small{display:block;margin-top:4px;color:#a4aeaa;font-size:12px;font-weight:400}
.launch-card>div{padding:11px 8px 1px;display:flex;justify-content:space-between;gap:8px;color:var(--sub);font-size:12px}
.launch-card>div a:hover{color:var(--accent)}
.band{border-bottom:1px solid var(--line)}
.band-inner{display:flex;align-items:center;flex-wrap:wrap;gap:12px 30px;padding:18px 40px;border-inline:1px solid var(--line);min-height:60px}
.band-inner span{color:var(--muted);font-size:12px}
.band-inner code{margin-left:4px}
.section{border-bottom:1px solid var(--line)}
.section-inner{padding:110px 40px;border-inline:1px solid var(--line)}
.section-head{position:relative;margin-bottom:48px;display:flex;justify-content:space-between;align-items:end;gap:22px}
.section-head::before{content:"";position:absolute;left:-41px;top:7px;width:2px;height:24px;background:var(--hot)}
.section h2{font-size:clamp(26px,3.3vw,36px);line-height:1.18;font-weight:500;letter-spacing:-.035em}
.section h2 span{display:block;color:var(--sub);margin-top:1px}
.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.feature{min-width:0;border:1px solid #dfdfdb;border-radius:12px;overflow:hidden;background:var(--stone);display:flex;flex-direction:column}
.feature.wide{grid-column:span 2}
.feature-art{display:grid;align-content:center;gap:12px;min-height:200px;padding:24px;background:linear-gradient(0deg,var(--stone),transparent 28%),repeating-linear-gradient(0deg,transparent 0 23px,#e9e8e5 23px 24px),repeating-linear-gradient(90deg,transparent 0 23px,#e9e8e5 23px 24px)}
.feature.wide .feature-art{display:flex;align-items:center;gap:16px}
.feature-copy{margin-top:auto;padding:8px 24px 24px}
.feature-copy h3,.flow-card h3,.verify-grid h3{font-size:16px;font-weight:550;line-height:1.4}
.feature-copy p{color:var(--muted);margin-top:6px}
.mock{min-width:0;border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:13px 15px;font-size:13px;color:#43534e}
.mock b{color:var(--ink);font-weight:550}
.mock p{margin-top:7px}
.step-mock,.list-mock{display:grid;gap:8px;flex:1}
.step-mock{flex:0 1 28%;min-width:119px;font-size:12px}
.step-mock span:first-child,.step-mock span:nth-child(2),.mock-arrow{color:var(--accent)}
.bars{flex:1;display:grid;gap:5px}
.bars label{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--sub);margin-top:5px}
.bars i{height:5px;background:#eeefed;border-radius:5px;overflow:hidden}
.bars i::before{content:"";display:block;width:var(--bar);height:100%;background:var(--hot);border-radius:5px}
.mock.warning{background:#fffae9;border-color:#f6d888;color:#775d1a}
mark{color:#006a46;background:#d8f7e8;border-radius:3px;padding:1px 4px}
.tabs{display:flex;gap:7px;margin-bottom:16px;flex-wrap:wrap}
.tabs button{border:0;background:transparent;border-radius:99px;padding:5px 16px;color:var(--muted)}
.tabs button:hover,.tabs button[aria-selected=true]{background:#efefed;color:var(--ink)}
.flow-grid,.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.flow-card,.options>a,.verify-grid article{border:1px solid var(--line-soft);border-radius:12px;padding:16px 16px 20px;min-height:145px;transition:border-color .16s ease,background .16s ease}
.flow-card:hover,.options>a:hover{border-color:#99e3c0;background:#f6fcf8}
.flow-card h3{display:flex;align-items:center;gap:9px;font-size:15px}
.flow-card h3 span{display:grid;place-items:center;width:30px;height:30px;border-radius:4px;background:#f4f5f4}
.flow-card p{font-size:13px;color:var(--muted);margin:10px 0 18px}
.flow-card small,.options small{font-size:12px;color:var(--sub)}
.case-section{padding-block:72px}
.case-section .section-head{margin-bottom:14px}
.case-context{color:var(--muted);max-width:780px;margin-bottom:22px}
.case-context a{color:#08744d;display:inline-block;text-decoration:underline;text-underline-offset:3px;margin-left:6px}
.case-workbench{border:1px solid var(--line);border-radius:12px;background:#fff}
.case-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line);background:#f5f8f6;border-radius:11px 11px 0 0}
.case-tabs button{display:flex;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:6px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted)}
.case-tabs button small{font:12px ui-monospace,monospace;color:inherit}
.case-tabs button:hover{background:#ebf8f0}
.case-tabs button[aria-selected=true]{border-color:#149365;color:#096341;background:#e8f8ef;font-weight:650}
.case-panel{display:grid;gap:15px;min-width:0;padding:clamp(14px,3.5vw,36px)}
.case-panel>h3{font-size:clamp(18px,2.5vw,24px);line-height:1.25}
.case-panel>p,.case-metric p,.case-metric small{color:var(--muted)}
.case-factors,.case-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.case-factors>div,.case-metric{padding:12px 14px;border:1px solid var(--line);border-radius:7px;background:#f8faf8}
.case-factors small{display:block;color:var(--muted)}
.case-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}
.case-table :is(th,td){padding:9px 10px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.case-table thead{background:#f3f6f4}
.case-table tbody th{font-weight:550}
.case-note{font-size:13px}
.case-trace{display:flex;gap:8px;flex-wrap:wrap}
.case-trace span{padding:6px 10px;border:1px solid var(--line);border-radius:5px;color:var(--muted)}
.case-trace b{color:var(--ink)}
.case-slots{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;margin:0;padding:12px;border:1px solid #d4e6db;border-radius:8px;background:#f4faf6}
.case-slots legend{padding-inline:5px;font-size:13px;color:#205b42}
.case-slots input{position:absolute;opacity:0;width:1px;height:1px}
.case-slots label{display:flex;justify-content:space-between;align-items:center;gap:5px;min-height:46px;padding:9px 12px;border:1px solid #d5e3da;border-radius:5px;background:white;cursor:pointer}
.case-slots label span{color:var(--muted);font-size:12px}
.case-slots input:checked+label{border-color:#149365;background:#def7e9;color:#075d3d}
.case-slots input:focus-visible+label{outline:2px solid var(--accent);outline-offset:2px}
.case-sample{display:none;grid-column:1/-1;gap:3px;padding:5px 2px 0;color:var(--muted)}
.case-sample strong{color:var(--ink)}
.case-slots:has(#case-slot-a:checked) #case-sample-a,.case-slots:has(#case-slot-b:checked) #case-sample-b{display:grid}
.case-report{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:12px}
.case-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.citation{display:grid;justify-items:start;gap:4px;min-width:0;min-height:70px;padding:8px 10px;border:1px solid #d8e5dd;border-radius:6px;background:#f5faf7;text-align:left}
.citation :is(span,small){color:#27624b;font-size:12px}
.citation strong{overflow-wrap:anywhere}
.citation:hover,.citation[aria-pressed=true]{background:#def7e9;border-color:#149365}
.source-card{border:1px solid var(--line);border-radius:8px;min-width:0}
.source-card header{display:flex;align-items:center;gap:7px;min-height:36px;padding:7px 10px;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px}
.source-card header small{margin-left:auto;color:var(--sub)}
.case-report-lines{padding:8px 12px 8px 34px;color:var(--muted)}
.case-report-lines li{padding:4px 5px}
.case-report-lines .quote.is-active{background:#ddf6e8;color:#0a5d3e}
.case-metric header{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}
.case-metric h4{margin:0;font-size:14px}
.case-tag{padding:1px 7px;border-radius:4px;font-size:12px}
.case-ok{color:#076540;background:#dbf6e7}
.case-warn{color:#795014;background:#fff0cd}
.case-metric .case-result{margin:4px 0;color:var(--ink);font-variant-numeric:tabular-nums}
.case-result strong{font-size:clamp(21px,4vw,34px)}
.case-retest{border:1px solid #e9d8b5;border-radius:7px;background:#fff9ea;padding:9px 12px;color:#654920}
.case-retest summary{cursor:pointer;font-weight:600}
.case-retest ol{padding-inline-start:20px;margin-top:8px}
@media(max-width:690px){
  .case-tabs button{flex-direction:column;gap:1px;min-height:52px;padding:4px;font-size:13px}
  .case-report,.case-metrics{grid-template-columns:minmax(0,1fr)}
  .case-table :is(th,td){padding:7px 5px}
}
.verify-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.verify-grid h3{margin:12px 0 6px}
.verify-grid p,.options p{color:var(--muted)}
.options>a{display:grid;gap:6px;align-content:start;padding:22px}
.options svg{color:#16794f}
.options strong{font-size:16px}
.closing{text-align:center;border-block:1px solid var(--line);background-position:center 44%}
.closing>.frame{padding:100px 24px}
.closing h2{font-size:clamp(32px,5vw,56px)}
.closing p{color:var(--muted);font-size:17px;margin:16px 0 24px}
.cta-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.footer-inner{padding:48px 24px 26px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:24px}
.footer-inner>div{display:grid;align-content:start;gap:5px;color:var(--muted)}
.footer-inner>div b{color:var(--ink);font-weight:550;margin-bottom:2px}
.footer-inner>div a:hover,.doc-article a:not(.btn):hover{color:var(--accent)}
.copyright{grid-column:1/-1;color:var(--sub);font-size:12px;border-top:1px solid var(--line);padding-top:18px}
.docs-layout{max-width:1124px;margin-inline:auto;padding:39px 0 86px;display:grid;grid-template-columns:212px minmax(0,1fr) 170px;gap:30px}
.docs-sidebar,.doc-toc{position:sticky;top:100px;align-self:start;max-height:calc(100dvh - 115px);overflow:auto}
.docs-sidebar section,.docs-mobile section{margin-bottom:29px}
.docs-sidebar h2,.docs-mobile h2{padding:0 10px;margin-bottom:7px;font-size:13px;font-weight:600}
.docs-sidebar a,.docs-mobile nav a{display:block;color:var(--muted);padding:5px 10px;line-height:22px;border-radius:4px}
.docs-sidebar a:hover,.docs-mobile a:hover{background:#f1f4f2}
.docs-sidebar a[aria-current],.docs-mobile a[aria-current]{background:#ccf6e4;color:#007f50}
.docs-mobile{display:none}
.doc-article h1,.changes h1{font-size:36px;font-weight:550;line-height:1.2;letter-spacing:-.025em}
.doc-lead{font-size:18px!important;line-height:1.45!important;color:var(--muted);margin:14px 0 38px!important}
.doc-article section{margin-top:37px}
.doc-article h2{font-size:20px;font-weight:600;line-height:1.35;margin-bottom:10px}
.doc-article p,.doc-article ul,.doc-article ol{font-size:16px;color:#43534e;line-height:1.55;margin-bottom:12px}
.doc-article ul,.doc-article ol{padding-left:21px}
.doc-article li+li{margin-top:6px}
.doc-article a:not(.btn){color:#008e58}
.doc-toc b{font-size:13px;font-weight:600}
.doc-toc ul{list-style:none;padding-left:12px;margin-top:10px;border-left:1px solid var(--line)}
.doc-toc li{margin-bottom:8px;color:var(--muted);font-size:13px}
.doc-toc a:hover{color:var(--accent)}
.doc-cards,.doc-adjacent{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.doc-cards>a,.doc-adjacent>a{display:grid;gap:5px;padding:13px;border:1px solid var(--line);border-radius:7px}
.doc-cards span,.doc-adjacent small{color:var(--muted);font-size:13px}
.doc-adjacent{margin-top:45px;border-top:1px solid var(--line);padding-top:20px}
.changes{padding:70px 24px 90px}
.changes>p{color:var(--muted);margin-top:10px}
.changes article{margin-top:32px;border-top:1px solid var(--line);padding-top:22px}
.changes h2{font-weight:550;margin:10px 0}
.changes ul{padding-left:22px;color:var(--muted);margin-bottom:16px}
.changes article a{color:#008e58}
.demo-page{height:calc(100dvh - 65px);display:grid;grid-template-rows:auto minmax(0,1fr);background:#fff}
.demo-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:8px 24px;color:var(--muted);font-size:13px}
.demo-toolbar span{font-weight:550;color:var(--ink)}
.demo-toolbar small{font-weight:400;color:var(--sub)}
.demo-toolbar a:hover{color:var(--accent)}
.demo-page iframe{display:block;border:0;width:100%;height:100%;background:#fff}
@media(max-width:1180px){.docs-layout{padding-inline:24px}}
@media(max-width:960px){.hero-inner,.section-inner,.band-inner{padding-inline:28px}.hero-inner{gap:24px}.section-head::before{left:-29px}.section-inner{padding-block:80px}.docs-layout{grid-template-columns:178px minmax(0,1fr);gap:24px}.doc-toc{display:none}.verify-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:690px){html{scroll-padding-top:74px}.head-inner{height:55px;padding-inline:15px;gap:10px}.brand b{font-size:23px}.brand span{width:23px;height:22px}.head-inner nav{gap:13px;font-size:13px}.head-inner nav a:last-child{display:none}.btn-small{min-height:32px;padding:6px 10px;font-size:12px}.hero-inner{grid-template-columns:1fr;align-content:center;gap:28px;min-height:570px;padding:55px 20px}.hero-copy h1{margin:13px 0 18px}.hero-copy p{font-size:16px}.launch-card{max-width:375px}.band-inner{padding:13px 20px;gap:8px 14px}.band-inner>b{width:100%}.section-inner{padding:58px 20px}.section-head{display:block;margin-bottom:25px}.section-head::before{left:-21px}.section-head .btn{margin-top:15px}.features,.flow-grid,.options{grid-template-columns:1fr}.feature.wide{grid-column:span 1}.feature-art{min-height:150px;padding:14px}.feature-copy{padding:6px 15px 16px}.closing>.frame{padding:63px 20px}.footer-inner{grid-template-columns:repeat(3,1fr);gap:18px;padding:27px 16px}.footer-inner>.brand{grid-column:1/-1}.docs-layout{display:block;padding:20px 18px 55px}.docs-sidebar{display:none}.docs-mobile{display:block;margin-bottom:22px;border-bottom:1px solid var(--line);padding-bottom:10px}.docs-mobile summary{cursor:pointer;color:var(--muted)}.docs-mobile nav{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.doc-article h1,.changes h1{font-size:30px}.doc-article section{margin-top:28px}.doc-lead{font-size:16px!important;margin-bottom:27px!important}.demo-page{height:calc(100dvh - 56px)}.demo-toolbar{padding-inline:8px;font-size:11px}}
@media(max-width:360px){.head-inner nav a:nth-child(2){display:none}.verify-grid,.doc-cards{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
.process-example-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
.process-example-tabs~.case-panel .case-note{margin-top:14px}
.process-example-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 20px;border-top:1px solid var(--line);color:var(--muted)}
.process-example-actions button:disabled{opacity:.6;cursor:wait}
.process-example-result{margin-top:18px;border:1px solid var(--line);border-radius:7px;background:#f8faf8;padding:12px 14px}
.process-example-result h4{margin:0 0 6px}
.process-example-result ol{padding-left:20px;margin-top:8px}
.process-example-result li+li{margin-top:5px}
@media(max-width:520px){.demo-toolbar>span{display:none}}