:root{color:#1c2932;font-synthesis:none;background:#f4f3ed;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}header{border-bottom:1px solid #d5dbd5;justify-content:space-between;align-items:center;max-width:1200px;margin:auto;padding:28px 32px;display:flex}a{color:inherit}.brand{letter-spacing:.09em;font-size:12px;font-weight:800;text-decoration:none}.brand span,.muted{color:#718078}.tag,.eyebrow{letter-spacing:.16em;color:#447a64;font-size:10px;font-weight:800}.tag{border:1px solid #b7d0c1;border-radius:99px;padding:8px 12px}main{max-width:1200px;margin:auto;padding:0 32px}.hero{grid-template-columns:2fr 1fr;align-items:end;gap:40px;padding:76px 0 68px;display:grid}.hero h1{letter-spacing:-.05em;margin:18px 0 24px;font-family:Georgia,serif;font-size:clamp(48px,7vw,86px);font-weight:400;line-height:.98}.hero em{color:#43806a;font-weight:400}.lede{color:#53635d;max-width:610px;font-size:18px;line-height:1.65}.hero aside{color:#5a6c63;border-left:1px solid #b8cabe;max-width:300px;padding-left:24px;line-height:1.5}.hero aside span{letter-spacing:.15em;font-size:10px;font-weight:800}.panel{background:#fff;border:1px solid #dce3dc;border-radius:16px;margin-bottom:24px;padding:32px;box-shadow:0 8px 35px #23402b08}.section-head{justify-content:space-between;align-items:end;gap:20px;display:flex}h2{letter-spacing:-.03em;margin:8px 0 0;font:400 36px Georgia,serif}h3{font-size:17px}.filters{flex-wrap:wrap;gap:14px;margin:28px 0;display:flex}label{color:#53635d;font-size:12px;font-weight:700}select,textarea,input{font:inherit}select{color:#24372e;background:#fff;border:1px solid #d3ddd6;border-radius:7px;min-width:170px;margin-top:8px;padding:11px 32px 11px 12px;display:block}.notice{color:#516359;background:#f2f6f2;border-radius:8px;padding:18px}.metrics{gap:48px;padding:12px 0 22px;display:flex}.metric strong{font:32px Georgia,serif;display:block}.metric span,.fine{color:#74827b;font-size:12px;line-height:1.6}.skill-row{border-top:1px solid #edf0ed;grid-template-columns:minmax(130px,1fr) 2fr 120px;align-items:center;gap:18px;padding:15px 0;font-size:14px;display:grid}.bar{accent-color:#4d8b70;width:100%;height:8px}.skill-row small{text-align:right;color:#718078}.privacy{color:#38735a;background:#eaf4ec;border-radius:30px;padding:10px 14px;font-size:12px;font-weight:700}.compare>p{color:#5b6b63;max-width:760px;line-height:1.6}.input-grid{grid-template-columns:1fr 2fr;gap:16px;margin-top:24px;display:grid}.file-label,.text-label{background:#f7f9f7;border:1px solid #dbe4dc;border-radius:8px;padding:16px;display:block}.file-label input{width:100%;margin-top:16px;font-size:12px;display:block}.text-label textarea{resize:vertical;color:#1c2932;border:1px solid #d7e1d9;border-radius:6px;width:100%;margin-top:10px;padding:12px;display:block}.actions{flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0;display:flex}button{color:#fff;cursor:pointer;background:#285f49;border:0;border-radius:7px;padding:12px 18px;font-weight:700}button.secondary{color:#315b48;background:#eaf1eb}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #78ae92}.checks{flex-wrap:wrap;gap:8px;display:flex}.checks label{background:#f0f5f0;border-radius:6px;padding:8px 10px;font-weight:500}.result{border-top:1px solid #e3eae4;margin-top:24px;padding-top:12px;line-height:1.6}.result strong{color:#326a50}footer{color:#74827b;justify-content:space-between;gap:20px;padding:24px 0 48px;font-size:12px;display:flex}footer a{white-space:nowrap}@media (width<=700px){header,main{padding-left:20px;padding-right:20px}.tag{display:none}.hero{grid-template-columns:1fr;padding:50px 0}.hero aside{max-width:none}.panel{padding:22px}.section-head{flex-direction:column;align-items:start}.input-grid{grid-template-columns:1fr}.metrics{gap:24px}.skill-row{grid-template-columns:1fr 1fr}.bar{display:none}footer{flex-direction:column}}