:root{font-family:Segoe UI,Arial,sans-serif;color:#20382c;background:#f6f6ef;font-synthesis:none;--green:#204d39;--muted:#718071;--line:#dfe3d8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #6f9874;outline-offset:6px;border-radius:5px}.header,main,footer{max-width:1200px;margin:auto}.header{display:flex;justify-content:space-between;align-items:center;height:108px;border-bottom:1px solid var(--line);gap:25px}.brand{font-weight:750;font-size:30px;letter-spacing:-1.5px;line-height:1}.brand>span{color:#6b8963}.brand small{display:block;font-size:9px;letter-spacing:1.6px;font-weight:500;margin-top:9px;color:var(--muted)}nav{display:flex;gap:34px;font-size:13px}nav a{padding:12px 0}nav a:hover{color:#5b7d4f}.hero{min-height:480px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:50px;padding:66px 0}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:#6e816f;margin:0 0 20px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#64835b;margin-right:8px;vertical-align:1px}h1{font-size:62px;line-height:1.06;letter-spacing:-2.8px;font-weight:600;margin:0 0 25px}h1>span{color:#809075}.lead{font-size:15px;line-height:1.8;color:#6d796d;margin:0 0 30px}.primary{display:inline-flex;gap:48px;align-items:center;background:var(--green);color:#fff;padding:17px 23px;border-radius:7px;font-size:14px}.primary:hover{background:#163c2a}.primary>span{font-size:20px}.hero-art{height:340px;position:relative;background:#e7ebdf;border-radius:120px 14px 120px 14px;overflow:hidden}.art-label{position:absolute;top:26px;left:28px;font-size:9px;letter-spacing:2px;color:#6b7b5e}.sheet{position:absolute;width:185px;height:216px;border-radius:10px;background:#fafbf6;border:1px solid #d2dcc7;box-shadow:0 18px 38px #213b2420;padding:20px}.sheet-back{left:66px;top:73px;transform:rotate(-14deg)}.sheet-front{left:184px;top:81px;transform:rotate(10deg)}.sheet-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.sheet-top>span{width:42px;height:7px;background:#c7d4bc;border-radius:4px}.sheet-top i{font-style:normal;font-size:8px;letter-spacing:1px;color:#769269}.sheet-lines{height:109px;background:repeating-linear-gradient(to bottom,#dfe7d7 0px,#dfe7d7 5px,transparent 5px,transparent 24px);width:90%}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.mini-grid b{height:20px;background:#e8eddf;border-radius:2px}.mini-grid b:nth-child(4n){background:#c8d9b8}.art-check{position:absolute;right:-16px;bottom:18px;border:6px solid #e7ebdf;background:#204d39;color:#fff;border-radius:50%;height:51px;width:51px;display:grid;place-items:center;font-size:24px;transform:rotate(-10deg)}.art-caption{position:absolute;bottom:24px;left:27px;font-size:11px;color:#7a896f}.library{border-top:1px solid var(--line);padding:43px 0 50px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-head .eyebrow{margin-bottom:12px}h2{font-size:29px;line-height:1.22;font-weight:600;letter-spacing:-.8px;margin:0}.count{font-size:11px;color:#80907b;padding-bottom:4px}.tool-card{display:flex;align-items:center;gap:29px;background:#fff;border:1px solid var(--line);padding:32px;border-radius:13px;transition:border-color .15s,box-shadow .15s}.tool-card:hover{border-color:#99b08b;box-shadow:0 8px 28px #24392009}.tool-icon{display:grid;place-items:center;width:90px;height:100px;border-radius:14px;background:#edf2e7;flex-shrink:0}.tool-icon>span{font-size:54px;color:#517549;line-height:1}.tool-content{flex:1}.tag{font-size:9px;letter-spacing:1.5px;color:#78906e}h3{font-size:24px;font-weight:600;margin:8px 0 10px}.tool-content p{font-size:13px;line-height:1.6;max-width:575px;color:#748071;margin:0}.tool-meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.tool-meta>span{font-size:10px;border:1px solid #e1e7db;border-radius:4px;padding:5px 8px;color:#708566}.open-tool{display:flex;gap:25px;color:#446c37;font-size:13px}.open-tool>span{font-size:21px}.library-note{display:flex;gap:18px;align-items:center;padding:23px 32px 0;color:#82917a}.library-note>span{font-size:22px}.library-note p{font-size:12px;line-height:1.8;margin:0}.library-note small{font-size:11px;color:#95a08e}.how{display:grid;grid-template-columns:1fr 1.7fr;gap:50px;padding:44px 0 48px;border-top:1px solid var(--line)}.how .eyebrow{margin-bottom:17px}.how ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:23px}.how li{display:flex;gap:24px}.how li>span{font-size:11px;color:#839579;line-height:1.8}.how h3{font-size:14px;margin:0 0 7px}.how p{font-size:12px;color:#7a8773;margin:0;line-height:1.6}.data-note{display:flex;align-items:flex-start;gap:15px;background:#eaf0e2;border-radius:8px;padding:20px 23px;color:#68845a;margin-bottom:38px}.data-note>span{font-size:18px}.data-note p{font-size:11px;line-height:1.8;margin:0}.data-note strong{font-weight:600;color:#4f6c43}footer{display:flex;justify-content:space-between;align-items:center;padding:27px 0 35px;border-top:1px solid var(--line);gap:20px}footer .brand{font-size:22px}footer>span,footer>a:last-child{font-size:10px;color:#87917d}@media(max-width:1280px){.header,main,footer{margin-left:36px;margin-right:36px}}@media(max-width:1000px){h1{font-size:49px}.hero{gap:30px}.sheet-back{left:35px}.sheet-front{left:132px}.sheet{width:160px;height:205px}.open-tool{gap:10px}.hero-art{height:320px}}@media(max-width:720px){.header,main,footer{margin-left:21px;margin-right:21px}.header{height:88px}.brand{font-size:25px}.brand small{font-size:7px;letter-spacing:1.1px}nav{gap:18px;font-size:11px}nav a:last-child{display:none}.hero{grid-template-columns:1fr;padding:42px 0 30px;gap:28px;min-height:0}h1{font-size:43px;letter-spacing:-1.8px}.lead{font-size:14px}.desktop{display:none}.hero-art{height:250px;border-radius:80px 12px 80px 12px;max-width:440px;width:100%}.sheet{width:146px;height:170px;padding:16px}.sheet-back{top:51px;left:60px}.sheet-front{top:58px;left:166px}.mini-grid b{height:15px}.mini-grid{gap:5px}.sheet-top{margin-bottom:15px}.sheet-lines{height:90px}.art-label{font-size:8px;top:18px}.art-caption{bottom:16px;font-size:10px}.art-check{width:43px;height:43px;font-size:19px;border-width:5px}.library{padding:30px 0 32px}h2{font-size:25px}.tool-card{padding:23px;gap:17px;align-items:flex-start;flex-wrap:wrap}.tool-icon{width:49px;height:58px;border-radius:9px}.tool-icon>span{font-size:33px}.tool-content{flex-basis:calc(100% - 66px)}.tag{font-size:8px;letter-spacing:1px}.tool-content h3{font-size:22px;margin-top:7px}.tool-content p{font-size:12px}.tool-meta{margin-top:14px;gap:6px}.tool-meta>span{font-size:9px}.open-tool{border-top:1px solid #e9ede4;padding-top:14px;width:100%;justify-content:space-between}.library-note{padding:18px 5px 0;gap:12px}.how{grid-template-columns:1fr;gap:27px;padding:32px 0}.how h2 br{display:none}.how ol{gap:22px}.data-note{padding:17px;margin-bottom:26px}footer{flex-wrap:wrap;row-gap:16px}footer>span{order:3;width:100%;font-size:10px}}@media(max-width:360px){h1{font-size:37px}.sheet-back{left:27px}.sheet-front{left:128px}.count{font-size:9px}.tool-card{padding:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}