:root{--ink:#17211d;--ink-soft:#46524c;--muted:#6c7770;--line:#e3ddd0;--paper:#fbf8f2;--card:#fff;--tint:#f2ede2;--green:#0f5a45;--green-dark:#0a4132;--green-soft:#e0efe8;--amber:#b4521f;--display:"Fraunces", Georgia, serif;--body:"Source Sans 3", "Segoe UI", system-ui, sans-serif;--max:74rem;--radius:12px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--body);color:var(--ink);background:var(--paper);margin:0;font-size:1.0625rem;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:var(--green)}a:hover{color:var(--green-dark)}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;margin:0 0 .5rem;font-weight:650;line-height:1.15}h1{letter-spacing:-.03em;font-size:clamp(2rem,4.6vw,3.1rem)}h2{font-size:clamp(1.45rem,2.6vw,1.9rem)}h3{font-size:1.15rem}p{margin:0 0 1rem}.wrap{width:min(var(--max), calc(100% - 2rem));margin:0 auto}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:50;background:#fff;padding:.5rem 1rem;position:absolute;top:0;left:-999px}.skip:focus{left:0}:focus-visible{outline-offset:2px;outline:3px solid #2e8a6c}.site-header{z-index:30;backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#fbf8f2f0;position:sticky;top:0}.bar{flex-wrap:wrap;align-items:center;gap:.6rem 1.25rem;padding:.7rem 0;display:flex}.logo{font-family:var(--display);color:var(--ink);letter-spacing:-.02em;align-items:center;gap:.55rem;font-size:1.15rem;font-weight:650;text-decoration:none;display:inline-flex}.logo__mark{background:var(--green);border-radius:6px 6px 6px 0;width:1.35rem;height:1.35rem;display:inline-block;transform:rotate(-8deg)}.search{flex:14rem;min-width:11rem;max-width:26rem;margin-left:auto}.search input,.filters input,.filters select{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:999px;padding:.6rem .85rem}.filters select,.filters input{border-radius:10px}.nav{flex-wrap:wrap;align-items:center;gap:.35rem 1.1rem;font-size:.97rem;display:flex}.nav a{color:var(--ink-soft);text-decoration:none}.nav a:hover{color:var(--ink);text-underline-offset:.2em;text-decoration:underline}.lang{position:relative}.lang summary{cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:999px;padding:.3rem .65rem;font-size:.85rem;font-weight:700;list-style:none}.lang summary::-webkit-details-marker{display:none}.lang ul{z-index:40;border:1px solid var(--line);background:#fff;border-radius:10px;min-width:10rem;margin:0;padding:.4rem;list-style:none;position:absolute;top:2.3rem;right:0;box-shadow:0 10px 30px #17211d1f}.lang li a{color:var(--ink);border-radius:6px;padding:.35rem .6rem;display:block}.lang li a:hover,.lang li a[aria-current=true]{background:var(--green-soft);text-decoration:none}.hero{background:radial-gradient(900px 400px at 85% -10%, #d6ebe1 0%, transparent 60%), linear-gradient(180deg, var(--tint), var(--paper));border-bottom:1px solid var(--line)}.hero__inner{padding:clamp(2.5rem,7vw,5rem) 0 clamp(2rem,5vw,3.5rem)}.hero h1{max-width:20ch}.lede{color:var(--ink-soft);max-width:46ch;font-size:1.2rem}.hero__cta{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin:1.5rem 0 1.25rem;display:flex}.trust{color:var(--ink-soft);flex-wrap:wrap;gap:.4rem 1.5rem;margin:0;padding:0;font-size:.95rem;list-style:none;display:flex}.trust li:before{content:"";background:var(--green);border-radius:50%;width:.55rem;height:.55rem;margin-right:.5rem;display:inline-block}.page-head{padding:clamp(1.5rem,4vw,2.75rem) 0 .5rem}.page-head h1{max-width:22ch}.crumb{color:var(--muted);margin-bottom:.9rem;font-size:.92rem}.crumb a{color:var(--ink-soft);text-decoration:none}.crumb a:hover{text-decoration:underline}.crumb--pad{padding-top:1.1rem}.section{padding:clamp(2rem,4.5vw,3.25rem) 0}.section--tint{background:var(--tint);border-block:1px solid var(--line)}.sub{color:var(--muted);max-width:52ch;margin-bottom:1.5rem}.tasks{grid-template-columns:repeat(auto-fill,minmax(16.5rem,1fr));gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.tasks a{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);height:100%;color:var(--ink);flex-direction:column;gap:.25rem;padding:1.1rem 1.15rem;text-decoration:none;transition:border-color .15s,transform .2s,box-shadow .2s;display:flex}.tasks a:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:0 8px 24px #0f5a451a}.tasks .icon{color:var(--green);margin-bottom:.35rem}.tasks strong{font-family:var(--display);font-size:1.1rem}.tasks span{color:var(--ink-soft);font-size:.95rem}.tasks em{color:var(--green);margin-top:auto;padding-top:.5rem;font-size:.85rem;font-style:normal;font-weight:700}.grid{grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;transition:border-color .15s,box-shadow .2s;display:flex;overflow:hidden}.card[hidden]{display:none}.card:hover{border-color:var(--green);box-shadow:0 8px 24px #0f5a451a}.card__media{aspect-ratio:1;border-bottom:1px solid var(--line);background:#fff;display:block}.card__media img{object-fit:contain;width:100%;height:100%;padding:.75rem}.card__ph{background:linear-gradient(135deg, var(--green-soft), var(--tint));width:100%;height:100%;min-height:8rem;color:var(--green);place-items:center;display:grid}.card__body{flex-direction:column;flex:1;padding:.95rem 1rem 1.1rem;display:flex}.card__brand{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 .15rem;font-size:.78rem;font-weight:700}.card h3{margin-bottom:.45rem}.card h3 a{color:inherit;text-decoration:none}.card h3 a:hover{color:var(--green)}.card__best{color:var(--ink-soft);margin-bottom:.9rem;font-size:.93rem}.card__actions{flex-wrap:wrap;align-items:center;gap:.9rem;margin-top:auto;display:flex}.tag{background:var(--green);color:#fff;letter-spacing:.05em;text-transform:uppercase;border-radius:4px;align-self:flex-start;margin:0 0 .45rem;padding:.15rem .5rem;font-size:.7rem;font-weight:700;display:inline-block}.chips{flex-wrap:wrap;gap:.35rem;margin:0 0 .6rem;display:flex}.chips span{background:var(--green-soft);color:var(--green-dark);border-radius:999px;padding:.12rem .55rem;font-size:.8rem;font-weight:600}.btn{background:var(--green);border:1px solid var(--green);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:.65rem 1.05rem;font-size:.97rem;font-weight:700;transition:background .15s;display:inline-flex;color:#fff!important;text-decoration:none!important}.btn:hover{background:var(--green-dark)}.btn--lg{padding:.85rem 1.4rem;font-size:1.05rem}.btn--ghost{background:0 0;color:var(--green)!important}.btn--light{background:#fff;border-color:#fff;color:var(--green-dark)!important}.btn--light:hover{background:var(--green-soft)}.btn-row{flex-wrap:wrap;align-items:center;gap:.6rem 1.1rem;display:flex}.link{font:inherit;color:var(--green);cursor:pointer;text-underline-offset:.2em;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.link--light{color:#fff}.two{gap:1rem;display:grid}@media (width>=52rem){.two{grid-template-columns:1fr 1fr}}.callout{border-radius:var(--radius);background:var(--green-soft);padding:1.5rem}.callout--dark{background:var(--green);color:#fff}.callout--dark h2{color:#fff}.guide-grid{gap:1.5rem;display:grid}@media (width>=48rem){.guide-grid{grid-template-columns:1fr 1fr}}.guide-col{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem 1.4rem}.ticks,.crosses{margin:.75rem 0 0;padding:0;list-style:none}.ticks li,.crosses li{color:var(--ink-soft);margin-bottom:.6rem;padding-left:1.5rem;position:relative}.ticks li:before{content:"+";color:var(--green);font-weight:800;position:absolute;left:0}.crosses li:before{content:"–";color:var(--amber);font-weight:800;position:absolute;left:0}.feature{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);gap:1.5rem;margin-top:.75rem;padding:1.25rem;display:grid}@media (width>=48rem){.feature{grid-template-columns:18rem 1fr;align-items:start}}.feature__media{aspect-ratio:1;border:1px solid var(--line);background:#fff;border-radius:10px;place-items:center;display:grid;overflow:hidden}.feature__media img{object-fit:contain;width:100%;height:100%;padding:.5rem}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);overflow-x:auto}.compare{border-collapse:collapse;width:100%;font-size:.96rem}.compare th,.compare td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:.75rem .9rem}.compare th{background:var(--tint);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);font-size:.82rem}.compare tr:last-child td{border-bottom:0}.compare .muted{color:var(--muted);font-size:.85rem;display:block}@media (width<=48rem){.compare thead{display:none}.compare tr{border-bottom:1px solid var(--line);padding:.5rem 0;display:block}.compare td{border:0;padding:.25rem .9rem;display:block}.compare td:before{content:attr(data-label) ": ";color:var(--ink-soft);font-weight:700}}.product{gap:1.5rem;padding:.5rem 0 2rem;display:grid}@media (width>=52rem){.product{grid-template-columns:26rem 1fr;align-items:start}}.product__media{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--radius);background:#fff;place-items:center;display:grid;overflow:hidden}.product__media img{object-fit:contain;width:100%;height:100%;padding:1rem}.product h1{margin-bottom:.9rem;font-size:clamp(1.7rem,3.4vw,2.3rem)}.facts{gap:.5rem;margin:0 0 1.25rem;display:grid}.facts div{flex-wrap:wrap;gap:.25rem .75rem;display:flex}.facts dt{min-width:7.5rem;color:var(--ink-soft);font-weight:700}.facts dd{margin:0}.prose{max-width:44rem}.prose h2{margin-top:1.75rem}.prose h2:first-child{margin-top:0}blockquote{border-left:4px solid var(--green);background:var(--tint);color:var(--ink-soft);border-radius:0 8px 8px 0;margin:0 0 .5rem;padding:.75rem 1rem}.faq{border-bottom:1px solid var(--line);padding:.85rem 0}.faq summary{cursor:pointer;font-weight:700}.faq p{color:var(--ink-soft);margin:.6rem 0 0}.fine{color:var(--muted);max-width:60ch;margin-top:.9rem;font-size:.88rem}.filters{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));align-items:end;gap:.75rem;margin-bottom:1rem;display:grid}.filters label{color:var(--ink-soft);gap:.25rem;font-size:.85rem;font-weight:700;display:grid}.filters .grow{grid-column:span 2}.count{color:var(--ink-soft);font-weight:700}.empty{text-align:center;color:var(--muted);padding:2rem}.site-footer{background:var(--tint);border-top:1px solid var(--line);color:var(--ink-soft);margin-top:2rem;padding:2rem 0 2.5rem;font-size:.93rem}.foot-links{flex-wrap:wrap;gap:.5rem 1.4rem;margin:.75rem 0;display:flex}.foot-links a{color:var(--ink)}.disclosure{max-width:60ch}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
