
:root{--ink:#18312a;--muted:#60736d;--paper:#fffdf8;--card:#ffffff;--brand:#0f6b55;--brand2:#f0a83a;--soft:#e9f5ef;--line:#d9e5df;--shadow:0 12px 30px rgba(25,55,45,.09)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.68}a{color:var(--brand);text-decoration:none}img{max-width:100%;display:block}.site-header{background:#123f35;color:white;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(18px,5vw,70px);gap:30px;position:sticky;top:0;z-index:20;box-shadow:0 3px 18px rgba(0,0,0,.12)}.brand{display:flex;align-items:center;gap:12px}.mark{width:46px;height:46px;border-radius:50%;background:var(--brand2);color:#17342c;display:grid;place-items:center;font-weight:900}.brand a{color:#fff;font-size:1.12rem;font-weight:800}.brand small{display:block;color:#cfe2dc;font-size:.72rem}.main-nav{display:flex;gap:18px;flex-wrap:wrap}.main-nav a{color:#fff;font-weight:700;font-size:.88rem}.action-bar{padding:10px clamp(18px,5vw,70px);background:#eef8f3;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;position:relative;z-index:15}.share-set,.action-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.iconbtn{border:0;width:34px;height:34px;border-radius:50%;background:white;color:#17342c;font-weight:900;box-shadow:0 2px 7px rgba(0,0,0,.08);cursor:pointer}.tell,.compare-btn,.english-reset{border:1px solid var(--line);background:#fff;padding:7px 11px;border-radius:999px;font-size:.82rem;font-weight:700;cursor:pointer}.compare-btn{background:var(--brand);color:#fff;border-color:var(--brand)}main{max-width:1180px;margin:auto;padding:0 22px 50px}.hero{display:grid;grid-template-columns:1.12fr .88fr;gap:46px;align-items:center;padding:64px 0 42px}.hero img{height:420px;width:100%;object-fit:cover;border-radius:28px;box-shadow:var(--shadow)}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:.72rem;color:var(--brand);margin-bottom:8px}h1{font-size:clamp(2.25rem,5vw,4.4rem);line-height:1.03;margin:.1em 0 .35em;letter-spacing:-.035em}h2{font-size:clamp(1.45rem,3vw,2.2rem);line-height:1.15;margin-top:0}h3{line-height:1.25}.lead{font-size:1.16rem;color:#40564f;max-width:800px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.cta,.secondary{display:inline-block;padding:12px 18px;border-radius:12px;font-weight:800}.cta{background:var(--brand);color:#fff}.secondary{background:#fff;border:1px solid var(--line);color:var(--brand)}.page-head{padding:58px 0 28px;border-bottom:1px solid var(--line);margin-bottom:30px}.page-head h1{font-size:clamp(2rem,4.5vw,3.7rem);max-width:900px}.page-head p{max-width:800px;color:var(--muted);font-size:1.08rem}.section{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:clamp(22px,4vw,42px);margin:24px 0;box-shadow:0 8px 22px rgba(35,70,58,.045)}.section p{max-width:880px}.content-photo{width:100%;height:340px;object-fit:cover;border-radius:18px;margin:24px 0}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.three>div{background:var(--soft);border-radius:16px;padding:20px}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:22px}.product-card{border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff}.product-badge{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#7f5a15;font-weight:900}.amazon-box{margin-top:24px;background:#fff7e6;border:1px solid #f1d9a6;border-radius:18px;padding:22px}.amazon-box small{display:block;margin-top:12px;color:#725f38}.faq details{border-top:1px solid var(--line);padding:14px 0}.faq summary{font-weight:800;cursor:pointer}.related{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.related a{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff}.related span{display:block;color:var(--muted);font-size:.86rem;margin-top:5px}.comparison-table{border:1px solid var(--line);border-radius:16px;overflow:hidden}.comparison-table .row{display:grid;grid-template-columns:1fr 1.5fr 1.5fr}.comparison-table .row span{padding:14px;border-bottom:1px solid var(--line)}.comparison-table .head{font-weight:900;background:var(--soft)}footer{background:#0d2e27;color:#d6e8e2;padding:30px clamp(18px,5vw,70px)}footer a{color:#fff}.site-directory{max-width:1180px;margin:auto auto 30px;border-bottom:1px solid #38574f;padding-bottom:20px}.site-directory summary{font-weight:900;font-size:1.05rem;cursor:pointer}.directory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:22px;max-height:560px;overflow:auto;padding-right:10px}.directory-grid h4{color:#ffd27a;margin:0 0 8px}.directory-grid a{display:block;font-size:.78rem;line-height:1.35;margin:5px 0;color:#d6e8e2}.footer-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.footer-inner p{font-size:.82rem}.copyright{text-align:center;color:#9cb6ae;font-size:.78rem;margin-top:28px}.exit-overlay{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:99;display:grid;place-items:center;padding:20px}.exit-overlay[hidden]{display:none}.exit-card{position:relative;max-width:520px;background:#fff;border-radius:22px;padding:34px;color:var(--ink);box-shadow:0 25px 60px rgba(0,0,0,.3)}#closeExit{position:absolute;right:14px;top:10px;border:0;background:none;font-size:2rem;cursor:pointer}.toast{position:fixed;right:20px;bottom:20px;background:#17342c;color:#fff;padding:10px 14px;border-radius:10px;z-index:100}.toast[hidden]{display:none}@media(max-width:850px){.site-header{position:static;align-items:flex-start;flex-direction:column}.hero{grid-template-columns:1fr}.hero img{height:300px}.three,.product-grid,.related,.footer-inner{grid-template-columns:1fr}.directory-grid{grid-template-columns:repeat(2,1fr)}.comparison-table .row{grid-template-columns:1fr}.comparison-table .head{display:none}}@media(max-width:520px){.directory-grid{grid-template-columns:1fr}.action-bar{align-items:flex-start}.content-photo{height:240px}}
