*{box-sizing:border-box}body{margin:0;background:#faf8f3;color:#292d29;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid #b56532;outline-offset:5px} .wrap{max-width:1080px;margin:auto;padding:28px 32px 0}.top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:1px solid #deded5}.brand{font-weight:750;letter-spacing:-.03em;text-decoration:none;font-size:21px}.top nav a{font-size:14px;text-underline-offset:4px}.hero{padding:40px 0 28px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#596154;margin:0 0 10px}.hero h1{font:normal clamp(34px,5vw,52px)/1.12 Georgia,serif;letter-spacing:-.025em;margin:0 0 14px;max-width:800px}.hero .summary{font-size:17px;color:#5d625a;margin:0 0 18px;max-width:650px}.badge{font-size:13px;color:#374635;margin:0;line-height:1.6}.badge span:first-child{font-weight:750}.directory{padding-bottom:32px}.group{margin:0 0 24px}.group h2{font-size:16px;margin:0 0 12px;font-weight:750}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tool-card{display:block;position:relative;text-decoration:none;padding:17px 38px 17px 18px;background:#fff;border:1px solid #d9dcd2;border-radius:7px;min-height:94px;transition:border-color .15s,background .15s}.tool-card:hover{border-color:#64715e;background:#f3f5ed}.tool-card strong{display:block;font-size:16px;font-weight:700;margin-bottom:3px}.tool-card small{display:block;font-size:13px;color:#62675e}.tool-card .arrow{position:absolute;right:16px;top:17px;color:#6c7962;font-size:18px}.old-school{display:flex;gap:24px;justify-content:space-between;align-items:baseline;padding:22px 0;border-top:1px solid #deded5}.old-school h2{font:normal 22px/1.3 Georgia,serif;margin:0;white-space:nowrap}.old-school p{font-size:14px;color:#5d625a;margin:0;max-width:620px}.tool-area{background:#fff;border:1px solid #deded5;border-radius:9px;padding:16px;margin:0 0 28px}.back{display:inline-block;margin:0 0 24px;font-size:14px;color:#4d5d42;text-underline-offset:4px}footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid #deded5;padding:24px 0;margin-top:10px;font-size:12px;color:#676c62}footer nav{display:flex;gap:20px;flex-wrap:wrap}footer a{text-underline-offset:3px}.tool-hero{padding:28px 0 24px}.tool-hero h1{font-size:38px}.tool-hero .summary{font-size:16px}.tool-hero .back{margin-bottom:20px}@media(max-width:700px){.wrap{padding:20px 20px 0}.hero{padding:30px 0 24px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card{padding:15px;min-height:104px}.tool-card .arrow{display:none}.old-school{display:block}.old-school h2{margin-bottom:8px}.tool-area{padding:4px 12px}.tool-hero h1{font-size:32px}}@media(max-width:420px){.wrap{padding:18px 16px 0}.hero h1{font-size:35px}.tool-card strong{font-size:15px}.tool-card small{font-size:12px}.cards{gap:8px}.badge{max-width:320px}.tool-hero h1{font-size:30px}footer{font-size:12px}footer nav{gap:16px}}.langs{display:flex;gap:16px;flex-wrap:wrap;width:100%}.langs a{text-underline-offset:3px}