@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--ink:#24362d;--muted:#68716a;--green:#315940;--paper:#f8f7f2;--line:#dddeda;--soft:#eaf0e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 'DM Sans',sans-serif}.nav,main,footer{max-width:1120px;margin:auto}.nav{display:flex;align-items:center;justify-content:space-between;padding:28px 32px}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:700;letter-spacing:-.4px;color:var(--ink);text-decoration:none}.mark{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--green);color:white;font:italic 30px/1 'Instrument Serif',Georgia,serif}.nav-link{font-size:13px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line);padding:5px 0}main{padding:0 32px}.hero{padding:78px 0 62px;max-width:920px}.eyebrow{font:600 10px/1.5 'DM Sans',sans-serif;letter-spacing:2px;color:var(--green);display:flex;align-items:center;gap:8px}.dot{width:6px;height:6px;background:#70916d;border-radius:50%}h1{font:normal clamp(48px,6.7vw,78px)/1.08 'Instrument Serif',Georgia,serif;letter-spacing:-2px;margin:24px 0}h1 em{font-weight:normal;color:#688069}.lead{max-width:560px;font-size:17px;color:var(--muted);line-height:1.7}form{margin-top:36px;max-width:790px}label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.input-row{display:flex;align-items:center;background:white;border:1px solid #cbd0c7;border-radius:12px;padding:7px 7px 7px 17px;box-shadow:0 5px 25px #263f2e05}.input-icon{font-size:20px;color:var(--muted);margin-right:10px}input{min-width:0;flex:1;border:0;background:none;font:16px 'DM Sans',sans-serif;padding:12px 0;color:var(--ink);outline:none}.input-row:focus-within{outline:2px solid #89a68b;outline-offset:2px}button,.button{font:600 13px 'DM Sans',sans-serif;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:15px;background:var(--green);color:white;border:0;border-radius:8px;padding:16px 22px;white-space:nowrap}button:hover,.button:hover{background:#244730}button:disabled{opacity:.55;cursor:wait}.form-meta{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted);margin-top:11px}.text-button{display:inline-flex;background:none;color:var(--green);font-size:12px;padding:0;margin-top:20px;gap:5px;border:0;cursor:pointer}.text-button:hover{background:none;text-decoration:underline}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;border-top:1px solid var(--line);padding:38px 0 64px}.step-num{font-size:10px;color:#8a9389;letter-spacing:1.3px}h3{font-size:17px;letter-spacing:-.3px;margin:12px 0 8px}p{color:var(--muted)}.how p{font-size:13px;margin:0;max-width:260px}.panel{border:1px solid var(--line);border-radius:16px;background:#fff;padding:38px}.deploy{margin:0 0 60px;background:var(--soft);border-color:#d7e1d3;max-width:100%;scroll-margin-top:30px}.deploy>p{max-width:650px;font-size:14px;margin-bottom:24px}h2{font:normal 43px/1.1 'Instrument Serif',Georgia,serif;letter-spacing:-1px;margin:16px 0}.deploy .text-button{margin:0 0 0 20px}.setup{margin-top:25px;border-top:1px solid #ced9c9;padding-top:20px}.setup summary,.limits summary{cursor:pointer;font-size:13px;font-weight:600}.setup li{margin:14px 0;max-width:750px}.setup a,footer a{color:var(--green)}code{font-size:12px;background:#e1e8de;padding:2px 5px;border-radius:4px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#25392d;color:#e6ecdf;border-radius:8px;padding:18px;font:12px/1.8 monospace;max-width:620px}.small{font-size:12px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:26px 32px 40px;font-size:11px;color:var(--muted)}footer .mark{width:24px;height:24px;font-size:24px}footer .brand{font-size:12px}.error{color:#a03e2e;font-size:13px}.progress{display:flex;gap:25px;align-items:flex-start;margin:10px 0 40px}.progress h2{font-size:30px}.progress p{max-width:650px;font-size:13px}.spinner{width:28px;height:28px;flex-shrink:0;border:2px solid #e1e7dc;border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite;margin-top:8px}@keyframes spin{to{transform:rotate(360deg)}}#results{padding:26px 0 55px}.result-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.secondary{background:none;border:1px solid #cbd4c7;color:var(--green)}.secondary:hover{background:var(--soft)}.result-summary{max-width:820px;font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:24px;display:flex;flex-direction:column}.card h3{font-family:'Instrument Serif',Georgia,serif;font-size:26px;line-height:1.25;font-weight:400;margin:18px 0}.card p{font-size:12px}.badge{display:inline-flex;align-self:flex-start;background:var(--soft);color:var(--green);border-radius:4px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:4px 7px}.badge.improve{background:#f6eedb;color:#85692f}.metric{border-top:1px solid #e9ece6;padding-top:14px;margin-top:auto;display:flex;gap:15px;font-size:11px;color:var(--muted)}.metric strong{display:block;font-size:19px;color:var(--ink);font-weight:500}.card details{margin-top:18px;font-size:12px}.card summary{cursor:pointer;color:var(--green);font-weight:600}.card ol{padding-left:18px;color:var(--muted)}.card a{color:var(--green);overflow-wrap:anywhere}.source{font-size:10px;line-height:1.7}.limits{margin:24px 0;font-size:12px;color:var(--muted)}.next-step{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--soft);padding:28px;border-radius:12px}.next-step p{font-size:12px;max-width:570px;margin:8px 0 0}[hidden]{display:none!important}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #89a68b;outline-offset:4px}@media(max-width:740px){.nav{padding:22px}.nav-link{font-size:11px}main{padding:0 22px}.hero{padding:46px 0}.hero h1{letter-spacing:-1.5px}.input-row{flex-wrap:wrap;padding:12px}.input-row input{flex-basis:80%;padding:9px}.input-row button{width:100%;margin-top:8px}.form-meta{flex-direction:column;gap:3px}.how,.cards{grid-template-columns:1fr;gap:24px}.how{padding-bottom:38px}.how p{max-width:100%}.panel{padding:25px}.deploy .text-button{display:flex;margin:17px 0 0}.result-heading,.next-step{align-items:flex-start;flex-direction:column}footer{padding:25px 22px;flex-direction:column}h2{font-size:36px}.card{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.spinner{animation:none}}