:root{--ink:#14261f;--muted:#65736c;--paper:#f5f2e9;--card:#fffdf8;--lime:#c8f04a;--line:#d9ddd4;--dark:#183129;--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #14261f24}.brand{display:flex;align-items:center;gap:10px;font:800 19px "Manrope";letter-spacing:-.04em;color:inherit;text-decoration:none}.brand em{font-family:var(--serif);font-weight:400}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ink);color:var(--lime);font-size:15px}.nav nav,.footer-links{display:flex;gap:26px;align-items:center}.nav a,.footer-links a{color:inherit;text-decoration:none;font-size:14px;font-weight:600}.nav .active{color:#567000}.hero{padding:82px 0 72px}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.15em;display:flex;align-items:center;gap:10px;color:#53635b}.eyebrow span{width:24px;height:2px;background:var(--lime)}h1{font:700 clamp(54px,7vw,88px)/.96 "Manrope";letter-spacing:-.065em;margin:24px 0}h1 i{font-family:var(--serif);font-weight:400;color:#657b70}.lead{max-width:720px;font-size:19px;line-height:1.65;color:var(--muted)}.notice{margin-top:28px;border-left:3px solid var(--lime);padding:10px 16px;color:var(--muted);font-size:13px}.perks{background:var(--dark);color:white;padding:72px 0}.perks-head{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end}.perks h2,.directory h2{font:700 44px "Manrope";letter-spacing:-.05em;margin:12px 0}.perks-copy{color:#bdcbc4;line-height:1.7}.perk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px}.perk{border:1px solid #ffffff26;padding:26px;background:#ffffff08}.perk-tag,.tool-tag{display:inline-block;text-transform:uppercase;letter-spacing:.11em;font-size:9px;font-weight:700;color:var(--lime)}.perk h3{font:700 19px "Manrope";margin:18px 0 8px}.perk p{color:#b7c7c0;font-size:13px;line-height:1.65;min-height:64px}.button{display:inline-flex;text-decoration:none;background:var(--lime);color:var(--ink);font-weight:700;font-size:13px;padding:13px 18px;border-radius:999px;margin-top:20px}.button.secondary{background:transparent;color:white;border:1px solid #ffffff88}.directory{padding:88px 0}.directory-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.directory-head p{max-width:450px;color:var(--muted);line-height:1.6}.category{margin-top:54px}.category-title{display:flex;align-items:center;gap:14px;margin-bottom:18px}.category-title span{font:700 11px "Manrope";color:#839088}.category-title h3{font:700 25px "Manrope";letter-spacing:-.035em;margin:0}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tool{display:flex;flex-direction:column;min-height:210px;background:var(--card);border:1px solid var(--line);padding:24px;text-decoration:none;color:inherit;transition:.2s}.tool:hover{transform:translateY(-3px);border-color:#9da99f}.tool-top{display:flex;justify-content:space-between;gap:10px}.tool-tag{color:#6a785e}.tool-owned{background:#e6f2b9;color:#3f5117;padding:5px 7px;border-radius:3px}.tool h4{font:700 18px "Manrope";margin:28px 0 8px}.tool p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}.tool strong{margin-top:auto;padding-top:18px;font-size:12px}.editorial{border-top:1px solid var(--line);padding:45px 0 80px;color:var(--muted);font-size:13px;line-height:1.7}.editorial strong{color:var(--ink)}footer{background:var(--dark);color:white;padding:38px 0}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}footer p{color:#a9bbb3;font-size:12px;margin:7px 0 0}.footer-links{color:#c1cec8;flex-wrap:wrap}@media(max-width:820px){.nav nav a:not(.active){display:none}.perks-head{grid-template-columns:1fr;gap:20px}.perk-grid,.tool-grid{grid-template-columns:1fr 1fr}.directory-head{display:block}.footer-grid{grid-template-columns:1fr}}@media(max-width:560px){.shell{width:min(100% - 28px,1180px)}.hero{padding:58px 0}.perk-grid,.tool-grid{grid-template-columns:1fr}h1{font-size:48px}.perks h2,.directory h2{font-size:36px}.nav{height:72px}.tool{min-height:190px}}