
:root{--g:#88ad35;--gd:#698927;--pale:#ecf4d3;--slate:#5b6a74;--ink:#222;--mut:#475569;--line:#e5e7eb}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);line-height:1.6;background:#fff;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}a{color:var(--gd)}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:99}
header.site{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
.hd{max-width:1288px;margin:0 auto;padding:10px 24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}
.logo img{width:52px;height:52px;object-fit:contain}
nav.main{display:flex;gap:34px;justify-content:center}
nav.main a{color:var(--ink);text-decoration:none;text-transform:uppercase;font-size:13px;letter-spacing:.06em;padding:6px 0;border-bottom:1px solid transparent}
nav.main a:hover,nav.main a[aria-current]{border-bottom-color:var(--ink)}
.hr{display:flex;gap:18px;align-items:center;justify-content:flex-end}
.cart{display:inline-flex;gap:8px;align-items:center;border:1px solid #cfd4da;padding:7px 14px;font-size:13px;color:var(--ink);text-decoration:none;border-radius:2px}
.cart i{display:none;width:8px;height:8px;border-radius:50%;background:var(--g)}.cart.has i{display:inline-block}
.soc{display:flex;gap:14px}.soc a{color:var(--ink)}
#nt{display:none}.burger{display:none;cursor:pointer;padding:8px}
.burger span,.burger span:before,.burger span:after{display:block;width:22px;height:2px;background:var(--ink);position:relative;content:""}
.burger span:before{position:absolute;top:-7px}.burger span:after{position:absolute;top:7px}
.hero{position:relative;min-height:100vh;display:grid;place-items:center;text-align:center;color:#fff;background:#2a2f33 center/cover no-repeat;isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.28);z-index:-1}
.hero .eyebrow{font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px}
.hero h1{font-size:clamp(34px,5.2vw,60px);line-height:1.14;font-weight:500;margin:22px 24px 0;max-width:900px}
.hero .in{padding:60px 20px}
.btn{display:inline-block;background:var(--g);color:#fff;text-decoration:none;border-radius:999px;padding:9px 24px;font-size:14px;border:0;cursor:pointer;font-family:inherit;transition:background .15s}
.btn:hover{background:var(--gd)}.btn.o{background:transparent;border:1px solid #fff;color:#fff}.btn.o:hover{background:rgba(255,255,255,.15)}
.btn.sm{padding:7px 18px;font-size:13px}
section{padding:72px 24px}.w{max-width:1240px;margin:0 auto}
h2{font-size:clamp(26px,3.2vw,34px);font-weight:500;line-height:1.25;margin:0 0 40px}
.fav{background:linear-gradient(#fff,#fafbe8 55%,#f6f5d9)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.card{background:#fff;padding-bottom:24px}.card h3,.card .ct,.card .pr{padding:0 22px}.card .btn{margin-left:22px}.card .im{aspect-ratio:1;background:#fff;display:grid;place-items:center;overflow:hidden}
.card .im img{width:100%;height:100%;object-fit:contain}
.card h3{font-size:14px;font-weight:600;margin:14px 0 2px}.card .ct{font-size:12px;color:#8a8f98}
.card .pr{font-size:14px;margin:6px 0 14px}.card a.t{color:var(--ink);text-decoration:none}
.slate{background:var(--slate);color:#fff;text-align:center}.slate p{max-width:760px;margin:0 auto 34px;font-size:15px;opacity:.95}.slate h2{margin-bottom:26px}
.slate a.in{color:var(--pale)}
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.cats a{position:relative;display:block;color:var(--ink);text-decoration:none;text-align:center}
.cats img{aspect-ratio:1;width:100%;object-fit:cover;border-radius:50% 50% 8px 8px/38% 38% 8px 8px;background:#f4f4f1}
.cats b{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-top:-34px;position:relative;background:rgba(255,255,255,.8);padding:4px 0 0}
.cats small{display:block;font-size:10px;text-transform:uppercase;color:#6b7280;background:rgba(255,255,255,.8);padding-bottom:6px;position:relative}
.rev{background:var(--pale)}.revg{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}
.rev blockquote{margin:0;background:#fff;border-radius:10px;padding:32px;font-size:15px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.rev blockquote:nth-child(2){margin-top:60px}
.rev cite{display:block;font-style:normal;font-size:12px;color:var(--mut);margin-top:18px}
.rev .q{font-size:26px;color:var(--gd);line-height:1}
.pal{position:relative;color:#fff;text-align:center;background:#1c2b17 center/cover no-repeat;isolation:isolate}
.pal:before{content:"";position:absolute;inset:0;background:rgba(10,30,10,.55);z-index:-1}
.pal p{max-width:620px;margin:0 auto 26px}
footer.site{background:var(--pale);padding:48px 24px 20px;font-size:13px}
.fg{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:start}
.fg img.l{width:150px;border:1px solid #cdd2b8;background:#fff}
.fg a{color:var(--gd)}.fl{display:flex;flex-direction:column;gap:6px}
.fb{border-top:1px solid #d3dbb8;margin-top:28px;padding-top:24px;text-align:center}
.fb img.pay{max-width:480px;margin:0 auto 18px}
.page-hero{min-height:47vh}.page-hero.ct{min-height:66vh}
.prose{max-width:820px;margin:0 auto}.prose p{margin:0 0 18px}.prose h2{font-size:24px;margin:32px 0 14px}.prose h3,.prose h5{font-size:18px;margin:26px 0 10px}
.abt{display:grid;grid-template-columns:1fr 340px;gap:48px;max-width:1100px;margin:0 auto;align-items:start}
.abt img{border-radius:6px}
.cg2{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.ch{font-size:clamp(30px,3.4vw,40px);font-weight:500;margin:0 0 44px;line-height:1.2}
.ci{display:flex;gap:18px;align-items:center;margin:0 0 40px}
.ic{flex:none;width:72px;height:72px;border-radius:50%;background:var(--pale);display:grid;place-items:center}
.ic svg{width:26px;height:26px;fill:var(--ink)}
.ci h3{font-size:21px;font-weight:500;margin:0 0 6px;line-height:1.25}.ci p{margin:0;font-size:16px;line-height:1.5}
form.cf label{font-weight:500}form.cf label.sh input{width:60%}form.cf input,form.cf textarea{display:block}
.socs{background:var(--pale);text-align:center;padding:72px 24px}.socs p{font-size:22px;margin:0 0 26px}.socs a{margin:0 14px;color:var(--ink)}.socs svg{width:34px;height:34px;fill:currentColor}
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:56px;max-width:1100px;margin:0 auto}
form.cf label{display:block;font-size:14px;margin:0 0 14px}
form.cf input,form.cf textarea{width:100%;padding:10px 12px;border:1px solid #cbd0d6;border-radius:3px;font:inherit;margin-top:4px}
.ok{background:var(--pale);padding:12px 16px;border-radius:4px;margin-bottom:20px}
.hp{position:absolute;left:-9999px}
@media(max-width:900px){
.hd{grid-template-columns:auto 1fr auto}.burger{display:block;order:3}.hr .soc{display:none}
nav.main{position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;gap:0;padding:0 24px;max-height:0;overflow:hidden;border-bottom:1px solid var(--line)}
#nt:checked~.hd nav.main{max-height:320px;padding:8px 24px}nav.main a{padding:12px 0}
.grid3{grid-template-columns:1fr}.cats{grid-template-columns:repeat(2,1fr)}.revg,.abt,.cgrid,.cg2{grid-template-columns:1fr}.rev blockquote:nth-child(2){margin-top:0}
.fg{grid-template-columns:1fr}section{padding:52px 20px}}
