@charset "UTF-8";
:root{--paper:#f7f6f0;--ink:#202d28;--green:#204b3b;--lime:#d9ecaf;--muted:#59655f;--line:#d9ded4;--white:#fff;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #a86a1b;outline-offset:6px}.wrap{width:min(1200px,calc(100% - 80px));margin:auto}.preview{text-align:center;font-size:12px;padding:9px 16px;background:#e7ebdf;color:#445143;letter-spacing:.02em}.nav{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:800;letter-spacing:-1.2px;display:inline-flex;align-items:center}.brand-mark{display:grid;place-items:center;background:var(--green);color:var(--lime);width:37px;height:37px;border-radius:10px;margin-right:11px;font-size:26px;letter-spacing:-3px;padding-right:3px}.brand-dot{color:#5f863e}.nav nav{display:flex;gap:32px;font-size:14px}.nav nav a:hover{text-decoration:underline;text-underline-offset:5px}.hero{display:grid;grid-template-columns:1.02fr 1fr;gap:60px;align-items:center;padding-top:76px;padding-bottom:80px}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:1.6px;line-height:1.6;margin:0 0 22px}.hero .eyebrow{display:flex;align-items:center;gap:8px}.eyebrow>span,.tiny-dot,.status>span{width:7px;height:7px;border-radius:50%;background:#759849;display:inline-block}.hero h1{font-size:clamp(40px,4.2vw,60px);line-height:1.08;letter-spacing:-2.9px;font-weight:500;margin:0 0 25px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.intro{font-size:16px;line-height:1.75;max-width:455px;color:var(--muted);margin-bottom:27px}.button{display:inline-flex;align-items:center;gap:26px;background:var(--green);color:white;border-radius:6px;padding:17px 20px;font-size:14px;transition:background .15s}.button:hover{background:#32654e}.button span{font-size:20px}.quiet{font-size:11px;line-height:1.6;margin-top:17px;color:var(--muted)}.hero-art{position:relative;min-height:460px;isolation:isolate}.hero-art:before{content:"";position:absolute;inset:30px -15px 22px 15px;background:#e9eddc;border-radius:50%;z-index:-1}.note{background:#fffdf7;border:1px solid #e5e0ce;border-radius:8px;padding:26px 28px;width:280px;transform:rotate(-6deg);box-shadow:0 10px 25px #1f302b0c;position:absolute;left:12px;top:5px}.paper-label{font-size:9px;letter-spacing:1.7px;font-weight:bold;color:var(--muted)}.note p{font-family:Georgia,serif;font-size:18px;line-height:1.6;margin:17px 0}.note-rule{display:block;border-bottom:1px solid #ddd8c8;margin-bottom:12px}.note small{font-size:10px;color:var(--muted)}.flow-arrow{position:absolute;right:50px;top:54px;font-size:70px;font-family:Georgia,serif;color:#78954e;transform:rotate(12deg)}.deck{position:absolute;top:179px;right:0;left:40px;background:var(--green);color:var(--paper);padding:25px 28px 21px;border-radius:9px;box-shadow:0 20px 35px #192f2720;transform:rotate(3deg)}.deck-top{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:1.1px;color:#d5e4d4}.deck h2{font-size:32px;font-weight:400;letter-spacing:-.8px;line-height:1.15;margin:29px 0}.deck h2 em{color:var(--lime);font-family:Georgia,serif;font-weight:normal}.deck-bottom{border-top:1px solid #ffffff35;padding-top:15px;display:flex;justify-content:space-between;font-size:10px;color:#d5e4d4}.art-caption{position:absolute;bottom:-2px;right:0;font-size:10px;color:var(--muted);display:flex;align-items:center;gap:8px}.principles{border-block:1px solid var(--line)}.principles-inner{display:flex;justify-content:space-between;padding:23px 0;gap:20px;font-size:12px}.principles b{font-size:10px;letter-spacing:1px;margin-right:12px;color:#728367}.section{padding-top:79px;padding-bottom:79px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:70px;margin-bottom:38px}.section-heading h2,.tool-card h2{font-size:38px;font-weight:500;line-height:1.13;letter-spacing:-1.5px;margin:0}.section-heading>p{max-width:390px;color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 2px}.section-heading .eyebrow{margin-bottom:15px}.example-grid{display:grid;grid-template-columns:1fr 1.4fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.example-menu{background:#eeefe7;padding:20px;display:flex;flex-direction:column;gap:12px}.example-tab{background:transparent;border:1px solid transparent;display:flex;text-align:left;gap:18px;align-items:center;border-radius:10px;padding:20px 17px;cursor:pointer;color:var(--ink);width:100%}.example-tab.active{background:white;border-color:var(--line);box-shadow:0 3px 8px #202d2805}.example-tab>span{font-size:11px;color:#788370}.example-tab strong{display:block;font-size:14px}.example-tab small{display:block;font-size:11px;color:var(--muted);margin-top:8px;line-height:1.5}.example-tab>b{margin-left:auto;font-weight:normal}.example-content{padding:38px;background:#fffefa;min-height:340px}.example-content h3{font-size:24px;letter-spacing:-.5px;font-weight:500;margin:0 0 16px}.example-content p,.example-content li{font-size:13px;line-height:1.8;color:var(--muted)}.example-content .eyebrow{font-size:9px}.example-content ul{padding-left:19px;margin:14px 0 20px}.tip{background:#edf1e5;padding:15px 18px;border-left:3px solid #8da65e;color:var(--green);font-size:12px;line-height:1.6}.method-section{background:#eceedf}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.method-grid article{border-top:1px solid #cbd2c0;padding-top:26px}.step{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid #adb99b;border-radius:50%;font-size:12px;color:var(--green)}.method-grid h3{font-size:21px;font-weight:500;letter-spacing:-.5px;margin:19px 0 12px}.method-grid p{font-size:14px;color:var(--muted);line-height:1.75}.tool-card{padding:42px 46px;border:1px solid var(--line);border-radius:var(--radius);display:grid;grid-template-columns:1.1fr 1fr;gap:80px;background:#fffefa}.tool-card h2{font-size:34px}.tool-card p:not(.eyebrow):not(.paper-label){font-size:14px;line-height:1.75;color:var(--muted)}.status{font-size:11px;color:var(--green);display:inline-flex;gap:8px;align-items:center;margin-top:10px}.test-list{padding-top:8px}.test-list ol{list-style:none;padding:0;margin:18px 0 23px}.test-list li{padding:19px 0;border-bottom:1px solid var(--line);font-size:14px}.test-list li span{color:#7e8c76;font-size:11px;margin-right:15px}.test-list .disclosure{font-size:11px!important}.footer{padding:30px 0 45px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;align-items:center}.footer>p{font-size:12px;color:var(--muted);text-align:right}.footer .footer-note{grid-column:1/-1;text-align:left;font-size:10px;max-width:700px;line-height:1.7}.skip{position:absolute;top:-80px;left:10px;background:var(--green);color:white;padding:14px;z-index:10}.skip:focus{top:10px}@media(min-width:1500px){.hero h1{font-size:60px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:30px}.hero h1{font-size:45px;letter-spacing:-2px}.hero-art{min-height:440px}.deck{left:10px;padding:22px}.deck h2{font-size:27px}.note{left:0;width:245px}.section-heading{gap:35px}.tool-card{gap:35px;padding:30px}.method-grid{gap:28px}.principles-inner{font-size:11px}}@media(max-width:720px){.wrap{width:calc(100% - 36px)}.preview{font-size:10px}.nav{padding:21px 0}.brand{font-size:23px}.nav nav{gap:18px;font-size:12px}.nav nav a:last-child{display:none}.brand-mark{display:none}.hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:32px;gap:25px}.hero h1{font-size:clamp(39px,8.5vw,58px)}.hero .eyebrow{font-size:9px;letter-spacing:1.2px}.intro{font-size:15px;max-width:100%}.hero-art{max-width:480px;width:100%;margin:0 auto;min-height:425px}.hero-art:before{inset:30px 0}.note{left:15px;width:250px;padding:22px}.deck{top:165px;left:28px;right:12px}.deck h2{font-size:29px}.art-caption{bottom:0;right:12px}.flow-arrow{right:38px}.principles-inner{flex-direction:column;padding:20px 0;gap:15px}.section{padding-top:50px;padding-bottom:50px}.section-heading{display:block}.section-heading h2{font-size:32px}.section-heading>p{margin-top:22px;max-width:none}.example-grid{grid-template-columns:1fr}.example-menu{padding:12px;gap:6px}.example-tab{padding:14px}.example-tab small{margin-top:5px}.example-content{padding:26px 22px;min-height:390px}.method-grid{grid-template-columns:1fr;gap:19px}.method-grid article{padding-top:20px}.tool-card{grid-template-columns:1fr;gap:25px;padding:27px 23px}.tool-card h2{font-size:30px}.footer{grid-template-columns:1fr}.footer>p{text-align:left;margin:0}.footer .footer-note{margin-top:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}