:root{--ink:#17251f;--green:#173f35;--mint:#e5f2eb;--lime:#d6ed70;--paper:#fbfaf5;--line:#d7ddd8;--muted:#52615a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,sans-serif}a{color:inherit}header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 max(1rem,calc((100% - 1180px)/2));position:sticky;top:0;background:#fbfaf5ed;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:5}.logo{text-decoration:none;font-size:1.3rem;font-weight:900}.logo span{color:#408467}.logo small{display:block;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase}nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);padding:1rem}nav.open{display:grid}nav a{padding:.7rem;font-weight:700;text-decoration:none}button{font:inherit}.skip{position:fixed;top:-5rem;left:1rem;background:white;padding:.7rem;z-index:9}.skip:focus{top:1rem}.sr{position:absolute;clip:rect(0,0,0,0)}.shell{width:min(1180px,calc(100% - 2rem));margin:auto}.section{padding:3.5rem 0}.hero{padding:5rem 0 3rem;background:radial-gradient(circle at 80% 20%,#d6ed7080,transparent 30%),var(--mint)}h1,h2,h3{line-height:1.1;letter-spacing:-.035em}h1{font-size:clamp(2.7rem,8vw,5.5rem);max-width:900px;margin:.5rem 0 1rem}h2{font-size:clamp(1.8rem,4vw,3rem)}.lede{font-size:1.2rem;color:var(--muted);max-width:720px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:850;color:#29634d}.actions,.category>div:first-child{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center;justify-content:space-between}.button{display:inline-flex;padding:.78rem 1rem;border:1px solid var(--green);border-radius:10px;background:var(--green);color:white;text-decoration:none;font-weight:800;cursor:pointer}.ghost{background:transparent;color:var(--green)}.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:2rem 0;padding:1.2rem;border:1px solid #a9c4b6;border-radius:16px;background:#ffffffb8}.trust div{display:grid}.trust span,.card p{color:var(--muted)}.trust p{grid-column:1/-1;margin:0}.needs,.brands,.grid{display:grid;gap:1rem}.needs{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.needs a,.brands a{background:white;border:1px solid var(--line);border-radius:14px;padding:1.2rem;text-decoration:none;font-weight:750}.category{margin:3rem 0}.grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:1rem;box-shadow:0 10px 30px #173f3508}.visual{height:120px;border-radius:12px;background:var(--mint);display:grid;place-items:center;font-size:3.5rem}.card small{display:block;margin-top:1rem;color:#29634d;font-weight:800}.yes,.no{padding:.65rem;border-radius:8px}.yes{background:#eef8f1}.no{background:#fff4eb}.card .button{margin-top:auto}.detail{display:grid;gap:1.5rem}.detail>aside,.sources,.prose{background:white;border:1px solid var(--line);border-radius:16px;padding:1.25rem}.price{font-size:2rem;display:block}.textlink{display:block;margin-top:1rem}.claim{display:inline-block;margin-right:.5rem;padding:.2rem .45rem;border-radius:5px;font-size:.75rem;font-weight:850}.official{background:#e8efff}.editorial{background:#fff0cf}.third{background:#eee}.disclosure{border-left:4px solid #d88416;padding:.7rem;background:#fff5e7}.brands{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.brands a{display:grid}.brands span{color:var(--muted)}form{display:grid;gap:1rem;margin:2rem 0;padding:1rem;background:white;border:1px solid var(--line);border-radius:16px}label{display:grid;gap:.35rem;font-weight:700}input,select{min-height:46px;border:1px solid #9ca9a2;border-radius:8px;padding:.6rem;font:inherit}fieldset{display:grid;gap:.6rem;border:0}.compare,.result{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.compare article,.result span{padding:1rem;background:white;border:1px solid var(--line);border-radius:14px}.result b{display:block;font-size:1.35rem}footer{padding:2rem max(1rem,calc((100% - 1180px)/2));background:var(--green);color:white;display:grid;gap:1rem}@media(min-width:800px){#menu{display:none}nav{display:flex;position:static;background:none;padding:0}.detail{grid-template-columns:2fr 1fr}.detail>aside{position:sticky;top:85px;align-self:start}footer{grid-template-columns:1fr 1fr}footer>p{grid-column:1/-1}}