:root{--paper:#f2f3e9;--card:#fafbf3;--paper-deep:#e9eadb;--ink:#3a4034;--ink-2:#666c5d;--line:#d6d2c0;--accent:#4a7365;--accent-deep:#3c5f53;--accent-soft:#dce7e1;--ok:#4e7a48;--warn:#8a6508;--bad:#a23a26;--unknown:#666d61;--kai:"Kaiti SC","STKaiti","KaiTi","楷体","Noto Serif SC","Songti SC",serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC",system-ui,sans-serif;--sketch:255px 12px 225px 15px / 15px 225px 12px 255px;--sketch-sm:14px 8px 12px 9px / 8px 12px 9px 14px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.85;background-color:var(--paper);background-image:repeating-linear-gradient(0deg,rgba(58,64,52,.016) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(58,64,52,.01) 0 1px,transparent 1px 4px);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1,h2,h3,.handwritten{font-family:var(--kai);font-weight:500}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}svg{display:block;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}::selection{background:#d1e2d4}:focus-visible{outline:2px dashed var(--accent);outline-offset:6px}.wrap{width:min(1120px,calc(100% - 96px));margin-inline:auto}.icon{width:24px;height:24px}.skip-link{position:fixed;top:-80px;left:16px;background:var(--card);padding:12px;z-index:10}.skip-link:focus{top:12px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:29px;border-bottom:1px solid rgba(58,64,52,.12)}.brand{display:inline-flex;align-items:center;gap:8px}.logo{height:42px;width:42px;color:var(--accent)}.brand-name{font-family:var(--kai);font-size:30px;line-height:1.1;letter-spacing:3px}.brand-latin{font-size:11px;letter-spacing:3px;margin-left:9px;color:var(--ink-2)}nav{display:flex;align-items:center;gap:34px;font-size:14px}.nav-link{transition:color .2s}.nav-link:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:50px;padding:13px 24px;background:var(--accent);border:1.5px solid var(--accent-deep);border-radius:var(--sketch-sm);color:var(--card);font-size:15px;line-height:1.4;transition:background .2s,transform .2s;white-space:nowrap}.button:hover{background:var(--accent-deep);transform:translateY(-2px)}.button:active{transform:translateY(1px)}.button-small{min-height:41px;padding:10px 19px;font-size:14px;background:transparent;color:var(--accent)}.button-small:hover{color:var(--card)}.hero{display:grid;grid-template-columns:1.07fr 1fr;align-items:center;gap:55px;padding-top:89px;padding-bottom:77px;min-height:670px}.eyebrow{font-size:13px;color:var(--accent);letter-spacing:2px;display:flex;align-items:center;gap:12px}.little-line{display:inline-block;width:28px;height:1px;background:var(--accent)}h1{font-size:clamp(44px,4.5vw,63px);line-height:1.52;letter-spacing:1px;margin:20px 0 23px}.underline{position:relative;white-space:nowrap}.underline:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:9px;border-bottom:2px solid var(--accent);border-radius:40% 10% 46% 18%;transform:rotate(-1.6deg);opacity:.75}.hero-description{color:var(--ink-2);font-size:17px;line-height:2.05}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:30px;flex-wrap:wrap}.hero-actions .icon{width:22px;height:22px}.text-link{font-size:14px;border-bottom:1px solid var(--line);padding-bottom:3px}.text-link:hover{color:var(--accent);border-color:var(--accent)}.text-link span{margin-left:5px}.hero-footnote{font-size:12px;color:var(--ink-2);margin-top:22px;letter-spacing:.2px}.hero-footnote span{color:#a5aa99;margin-inline:9px}.hero-notes{position:relative;padding:48px 12px 27px 6px;margin-top:14px}.note-aside{position:absolute;top:-34px;right:15px;color:var(--accent);font-size:19px;line-height:1.65;transform:rotate(7deg)}.paper{position:relative;border:1.35px solid #858b79;border-radius:var(--sketch);background:var(--card);box-shadow:4px 6px 0 rgba(58,64,52,.035),12px 15px 25px rgba(58,64,52,.035)}.hero-paper{padding:30px 30px 24px;transform:rotate(-1.8deg)}.tape{position:absolute;top:-12px;left:40%;width:105px;height:26px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.28) 0 7px,transparent 7px 14px),linear-gradient(100deg,rgba(74,115,101,.3),rgba(74,115,101,.16));border-inline:1px dashed rgba(255,255,255,.8);transform:rotate(-3deg)}.paper-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:16px}.paper-heading .handwritten{font-size:20px}.small-label{font-size:12px;color:var(--ink-2)}.seedling-heading{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.micro-label{font-size:12px;color:var(--ink-2);letter-spacing:1px}.seedling-heading h2{font-size:27px;margin-top:4px}.hero-sprout{width:67px;height:67px;color:var(--ok);stroke-width:1.7}.ruled{background:repeating-linear-gradient(transparent 0 35px,rgba(58,64,52,.12) 35px 36px);font-size:18px;line-height:36px;padding:0 0 3px;margin-top:15px;color:var(--ink-2)}.note-divider{height:1px;background:var(--line);margin-top:27px;margin-bottom:15px}.paper-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.status{display:inline-flex;border:1px solid;padding:3px 10px;border-radius:999px 8px 999px 8px;font-size:12px;line-height:1.5;white-space:nowrap}.status-holds{color:var(--ok);background:#e3eddc;border-color:#72a06b}.status-shaken{color:var(--warn);background:#f9eec4;border-color:#d3a83c}.status-broken{color:var(--bad);background:#f8ddd5;border-color:#cf674b}.status-insufficient{color:var(--unknown);background:#e7e9e2;border-color:#989e8c}.paper-description{font-size:12px;color:var(--ink-2);margin-top:12px}.small-note{display:flex;align-items:center;gap:14px;padding:15px 23px;width:85%;margin:-2px -8px 0 auto;transform:rotate(3deg);background:#edf1e6}.small-note .icon{color:var(--accent);width:33px;height:33px}.small-note strong{font-weight:500;font-size:20px}.small-note p{font-size:12px;color:var(--ink-2)}.note-caption{font-family:var(--kai);font-size:15px;text-align:center;color:var(--ink-2);margin-top:26px;letter-spacing:1px}.quiet-divider{display:flex;align-items:center;gap:22px;color:var(--accent);opacity:.65}.quiet-divider span{height:1px;flex:1;background:var(--line)}.quiet-divider .icon{width:30px;height:30px;stroke-width:1.7}.section-space{padding-top:79px;padding-bottom:90px}.section-heading{text-align:center}.section-heading .eyebrow{justify-content:center}.section-heading h2{font-size:38px;line-height:1.6;margin-top:10px}.section-heading>p:last-child:not(.eyebrow){color:var(--ink-2);margin-top:9px;font-size:15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:62px;margin-top:46px}.step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.step-number{font-family:Georgia,serif;font-style:italic;color:#949c88;font-size:24px}.step-icon{width:45px;height:45px;color:var(--accent);stroke-width:1.7}.step h3{font-size:26px;margin-bottom:11px}.step p{font-size:15px;color:var(--ink-2);line-height:1.95}.step-note{display:block;font-size:16px;color:var(--accent);border-top:1px dashed var(--line);margin-top:22px;padding-top:14px}.example-section{background-color:rgba(226,231,216,.48);border-block:1px solid #d9dfce;padding:85px 0 66px}.example-grid{display:grid;grid-template-columns:.9fr 1fr;gap:94px;align-items:center}.example-intro h2{font-size:43px;line-height:1.55;margin-top:15px;margin-bottom:22px}.example-intro>p:not(.eyebrow):not(.demo-instruction){color:var(--ink-2);font-size:15px;max-width:340px}.example-intro .demo-instruction{font-size:16px;color:var(--accent);margin-top:23px;margin-bottom:13px}.state-tabs{display:flex;flex-direction:column;gap:5px;max-width:370px}.state-tab{display:grid;grid-template-columns:29px 1fr auto;align-items:center;gap:10px;color:var(--ink-2);border:1px solid transparent;border-radius:var(--sketch-sm);background:transparent;padding:9px 13px;text-align:left;font-size:14px;min-height:47px;transition:background .2s,border-color .2s}.state-tab .icon{width:29px;height:29px}.state-tab:hover{background:rgba(250,251,243,.6)}.state-tab[aria-selected=true]{background:var(--card);border-color:#a1af96;box-shadow:2px 3px 0 #3a403408;color:var(--ok)}.state-tab[data-state=shaken] .icon{color:var(--warn)}.state-tab[data-state=broken] .icon{color:var(--bad)}.state-tab[data-state=insufficient] .icon{color:var(--unknown)}.state-tab[data-state=shaken][aria-selected=true]{color:var(--warn);border-color:#d3a83c}.state-tab[data-state=broken][aria-selected=true]{color:var(--bad);border-color:#cf674b}.state-tab[data-state=insufficient][aria-selected=true]{color:var(--unknown);border-color:#989e8c}.tab-description{font-size:12px;color:var(--ink-2)}.demo-paper{padding:28px 30px 20px;transform:rotate(.55deg)}.demo-paper .tape{left:39%}.demo-paper[data-state=shaken] .tape{background:repeating-linear-gradient(90deg,#ffffff45 0 7px,transparent 7px 14px),#d3a83c44}.demo-paper[data-state=broken] .tape{background:repeating-linear-gradient(90deg,#ffffff45 0 7px,transparent 7px 14px),#cf674b44}.demo-paper[data-state=insufficient] .tape{background:repeating-linear-gradient(90deg,#ffffff45 0 7px,transparent 7px 14px),#666d6144}.demo-original{margin-top:22px;padding-left:15px;border-left:2px solid #c1cdbb}.demo-original .handwritten{font-size:23px;line-height:1.6;margin-top:6px}.demo-verdict{display:flex;align-items:center;gap:13px;margin-top:24px;padding:17px 0;border-block:1px dashed var(--line)}.verdict-icon{width:51px;height:51px;color:var(--ok)}.demo-verdict h3{font-size:24px;color:var(--ok)}.demo-verdict p{font-size:12px;color:var(--ink-2);margin-top:3px}.demo-paper[data-state=shaken] .verdict-icon,.demo-paper[data-state=shaken] .demo-verdict h3{color:var(--warn)}.demo-paper[data-state=broken] .verdict-icon,.demo-paper[data-state=broken] .demo-verdict h3{color:var(--bad)}.demo-paper[data-state=insufficient] .verdict-icon,.demo-paper[data-state=insufficient] .demo-verdict h3{color:var(--unknown)}.claims{padding-top:5px;min-height:224px}.claim{padding:15px 0 13px}.claim+.claim{border-top:1px solid #e2e3d7}.claim-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.claim .status{font-size:11px;padding:3px 8px}.claim p{font-size:13px;color:var(--ink-2);margin-top:8px;line-height:1.8}.claim-source{display:block;font-size:11px;color:var(--ink-2);margin-top:5px}.source-details{font-size:12px;color:var(--ink-2);border-block:1px solid var(--line)}.source-details summary{cursor:pointer;padding:11px 0;display:flex;justify-content:space-between;gap:10px;list-style:none}.source-details summary::-webkit-details-marker{display:none}.source-details summary:hover{color:var(--accent)}.source-details[open] summary span{transform:rotate(45deg)}.source-details p{padding-bottom:13px;line-height:1.85}.demo-bottom{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--ink-2);padding-top:14px}.demo-bottom .icon{width:17px;height:17px}.demo-disclaimer{text-align:center;font-size:11px;line-height:1.8;color:var(--ink-2);margin-top:18px}.principles-section{padding-top:79px;padding-bottom:73px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:62px;margin-top:41px}.principle-mark{display:inline-flex;align-items:center;justify-content:center;color:var(--accent);font-size:20px;width:63px;height:37px;border:1px solid #a6b6a3;border-radius:var(--sketch-sm);transform:rotate(-3deg);background:#e9eedf}.principles article:nth-child(2) .principle-mark{transform:rotate(2deg)}.principles h3{font-size:24px;margin-top:17px;margin-bottom:10px}.principles p{font-size:15px;color:var(--ink-2)}.closing{text-align:center;padding:38px 0 64px;border-top:1px solid var(--line)}.closing-logo{width:70px;height:70px;margin:0 auto 13px;color:var(--accent);stroke-width:1.7}.closing .eyebrow{justify-content:center}.closing h2{font-size:34px;line-height:1.7;margin-top:14px;margin-bottom:25px}.closing-note{font-size:16px;color:var(--ink-2);margin-top:20px}.site-footer{border-top:1px solid var(--line);padding:25px 0 21px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-top .logo{width:30px;height:30px}.footer-top .brand-name{font-size:23px}.company-link{font-size:13px;color:var(--ink-2)}.company-link:hover{color:var(--accent)}.site-footer>p{font-size:11px;color:var(--ink-2);margin-top:16px;line-height:1.9}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink-2);font-size:11px;margin-top:18px}.footer-bottom .handwritten{font-size:14px}.footer-bottom a:hover{color:var(--accent)}
@media(min-width:1500px){.hero{padding-top:110px;padding-bottom:95px}.hero-notes{margin-left:14px}.section-space{padding-top:91px;padding-bottom:100px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{gap:34px;padding-top:70px;padding-bottom:60px;min-height:640px}h1{font-size:49px}.hero-paper{padding:26px 23px}.hero-actions{gap:19px}.hero-actions .button{padding-inline:18px}.hero-description{font-size:16px}.ruled{font-size:16px}.small-note{width:96%;padding:14px 18px}.small-note strong{font-size:18px}.steps,.principles{gap:33px}.example-grid{gap:47px;grid-template-columns:.85fr 1fr}.demo-paper{padding:25px 23px}.example-intro h2{font-size:38px}.claim-heading{font-size:12px}}
@media(max-width:760px){.wrap{width:calc(100% - 44px)}.site-header{padding-block:21px}nav{gap:20px}.nav-link{display:none}.brand-latin{font-size:10px;margin-left:2px}.logo{width:36px;height:36px}.brand-name{font-size:27px}.button-small{font-size:13px;padding:9px 15px}.hero{grid-template-columns:1fr;gap:38px;padding-top:49px;padding-bottom:35px;min-height:0}.hero-copy{max-width:530px}.eyebrow{font-size:12px;letter-spacing:1.4px}h1{font-size:54px;line-height:1.4;margin:22px 0}.hero-description{font-size:16px}.hero-actions{margin-top:25px;gap:23px}.hero-footnote{margin-top:19px}.hero-notes{width:100%;max-width:440px;margin:24px auto 0;padding:32px 8px 14px}.note-aside{top:-17px;right:17px;font-size:17px}.hero-paper{padding:27px}.ruled{font-size:18px}.small-note{width:87%;margin-right:-3px}.note-caption{margin-top:21px}.section-space{padding-top:51px;padding-bottom:51px}.section-heading h2{font-size:31px}.steps{grid-template-columns:1fr;gap:28px;margin-top:33px}.step{position:relative;padding-left:53px}.step-top{position:static;justify-content:flex-end;margin-bottom:0;height:0}.step-number{position:absolute;top:1px;left:3px;font-size:24px}.step-icon{width:34px;height:34px;position:absolute;top:0;right:0}.step h3{font-size:24px;padding-right:43px}.step p{max-width:510px}.step-note{margin-top:13px;padding-top:11px}.example-section{padding:50px 0 40px}.example-grid{grid-template-columns:1fr;gap:31px}.example-intro h2{font-size:37px;margin-top:13px;margin-bottom:17px}.example-intro h2 br{display:none}.example-intro>p:not(.eyebrow):not(.demo-instruction){max-width:540px}.example-intro .demo-instruction{margin-top:21px}.state-tabs{display:grid;grid-template-columns:1fr 1fr;max-width:none;gap:8px}.state-tab{grid-template-columns:27px 1fr;padding:9px 11px;font-size:13px;gap:7px;border-color:#cad2c1}.tab-description{display:none}.demo-paper{max-width:540px;margin:0 auto;padding:24px}.demo-original .handwritten{font-size:22px}.claim-heading{font-size:13px}.demo-verdict p{font-size:12px}.claims{min-height:217px}.demo-disclaimer{font-size:11px;margin-inline:8px}.principles{grid-template-columns:1fr;gap:28px;margin-top:31px}.principles article{padding-left:87px;position:relative}.principle-mark{position:absolute;left:0;top:3px;width:62px}.principles h3{margin-top:0;font-size:23px}.principles p{max-width:500px}.closing{padding:34px 0 46px}.closing h2{font-size:28px}.closing .eyebrow{font-size:11px}.closing-logo{width:61px;height:61px}.site-footer{padding-top:23px}.footer-bottom .handwritten{display:none}.site-footer>p{font-size:11px}.footer-top .company-link{font-size:12px}.source-details{font-size:12px}}
@media(max-width:380px){.wrap{width:calc(100% - 36px)}.brand-latin{display:none}h1{font-size:46px}.hero-actions{gap:18px}.hero-actions .button{padding:12px 17px;font-size:14px}.hero-actions .text-link{font-size:13px}.hero-paper{padding:24px 20px}.ruled{font-size:16px}.small-note{width:94%;padding-inline:13px}.small-note p{font-size:11px}.demo-paper{padding:22px 17px}.claim-heading{font-size:12px}.claim .status{font-size:11px;padding-inline:6px}.example-intro h2{font-size:33px}.section-heading h2{font-size:28px}.closing h2{font-size:25px}}
@media(max-width:760px){.note-aside{top:-48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}