:root{--g:#2f7a63;--gd:#1d4f40;--gx:#0e211b;--gold:#b8975a;--ink:#10201b;--mut:#5f6f69;--line:#e6ebe8;--bg:#f5f7f6;--r:18px;--sh:0 1px 2px rgba(16,32,27,.04),0 8px 28px rgba(16,32,27,.07);--shh:0 2px 4px rgba(16,32,27,.05),0 18px 44px rgba(16,32,27,.13)}
body{font-family:Inter,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.65;color:var(--ink);letter-spacing:-.003em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,.btn,nav.main a,nav.main button,.pc h3,.price b{font-family:Manrope,Inter,-apple-system,"Segoe UI",Arial,sans-serif}
h1,h2{letter-spacing:-.025em}
.wrap{max-width:1280px;padding:0 28px}
.eyebrow{display:inline-block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--gold);margin-bottom:12px}
.btn{border-radius:999px;font-weight:700;letter-spacing:.01em;padding:13px 26px;transition:transform .18s,box-shadow .18s,background .18s}
.btn:hover{transform:translateY(-1px)}
.btn-p{background:linear-gradient(180deg,#368a70,#2a6f59);box-shadow:0 6px 18px rgba(47,122,99,.28)}.btn-p:hover{background:var(--gd);box-shadow:0 10px 24px rgba(47,122,99,.34)}
.btn-q{border-color:#cfd9d4;color:var(--ink);background:#fff}.btn-q:hover{background:var(--gx);border-color:var(--gx);color:#fff}
.btn-o{border-color:#c4d6ce}
.btn-sm{padding:9px 16px}
/* top + header */
.topbar{background:var(--gx);color:#9db5ab;font-size:12.5px;letter-spacing:.02em}.topbar a{color:#fff}
header.site{background:rgba(255,255,255,.86);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid rgba(16,32,27,.07)}
.hrow{height:76px}.logo img{height:50px}
nav.main a,nav.main button{font-size:14.5px;font-weight:700;color:#24352f;border-radius:999px;padding:9px 14px}
.hsearch input{background:#f1f4f2;border:1px solid transparent;border-radius:999px;padding:11px 18px;font-size:14.5px}.hsearch input:focus{outline:0;background:#fff;border-color:#bcd0c7;box-shadow:0 0 0 4px rgba(47,122,99,.1)}
.dd .menu{border-radius:16px;box-shadow:var(--shh);padding:10px;border:1px solid var(--line)}.dd .menu a{border-radius:10px}
/* hero */
.hero{background:radial-gradient(1200px 520px at 85% -10%,rgba(47,122,99,.55),transparent 60%),linear-gradient(135deg,#0c1b16 0%,#12302a 55%,#16382f 100%);color:#fff;padding:84px 0 76px;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;inset:auto -10% -40% auto;width:560px;height:560px;border-radius:50%;border:1px solid rgba(184,151,90,.25);pointer-events:none}
.hero h1{font-size:clamp(32px,4.6vw,58px);font-weight:800;line-height:1.08;color:#fff;max-width:640px}
.hero p.sub{color:#b9cec5;font-size:19px;max-width:520px}
.hero .trust b{color:#e9f2ee}
.rev{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);box-shadow:none;color:#fff;border-radius:999px;padding:9px 18px}.rev .st{color:var(--gold)}.rev span{color:#b9cec5!important}
.hero .btn-q{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}.hero .btn-q:hover{background:#fff;color:var(--gx)}
.hero .btn-o{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}.hero .btn-o:hover{background:rgba(255,255,255,.1)}
.heroimg{background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.18);border-radius:28px;padding:14px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.heroimg img{border-radius:18px;aspect-ratio:5/4}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:44px;border-top:1px solid rgba(255,255,255,.14);padding-top:26px}
.stats div{padding-right:16px}.stats b{display:block;font-family:Manrope,sans-serif;font-size:28px;color:#fff;font-weight:800;line-height:1.1}.stats span{font-size:13px;color:#9db5ab}
.strip{display:none}
section.blk{padding:84px 0}
.shead{margin-bottom:30px}.shead h2{font-size:clamp(26px,3vw,38px);font-weight:800}.shead a{color:var(--g);font-weight:700;font-size:14.5px}
.promo{background:linear-gradient(135deg,#f0f6f3,#e4efe9);border-radius:24px;padding:36px;border:1px solid #dbe8e1}.promo h3{color:var(--gold)}.promo p{font-family:Manrope,sans-serif;font-size:26px;letter-spacing:-.02em}.promo img{width:160px;border-radius:16px;box-shadow:var(--sh)}
.catcard{border-radius:var(--r);border:1px solid var(--line);background:#fff;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s}.catcard:hover{transform:translateY(-3px);box-shadow:var(--shh);border-color:#cfe0d8}
.catcard img{mix-blend-mode:multiply}.catcard b{font-family:Manrope,sans-serif;font-weight:700}
/* product cards */
.pgrid{gap:22px}
.pc{border-radius:var(--r);border:1px solid transparent;background:#fff;box-shadow:var(--sh);transition:transform .22s,box-shadow .22s}
.pc:hover{transform:translateY(-4px);box-shadow:var(--shh);border-color:transparent}
.pc .im{background:linear-gradient(180deg,#f7f9f8,#eef2f0);border-bottom:0;padding:18px;position:relative;overflow:hidden}
.pc .im img{mix-blend-mode:multiply;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.pc:hover .im img{transform:scale(1.05)}
.pc .bd{padding:16px 18px 18px;gap:9px}
.pc h3{font-size:15px;font-weight:700;letter-spacing:-.01em}
.price b{font-weight:800;font-size:20px}.price s{font-size:13.5px}.price em{background:#e9f3ee;color:var(--gd);padding:2px 8px;border-radius:99px;font-size:11.5px}
.tag{border-radius:99px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:5px 11px;background:var(--gx)}.tag.so{background:#7b8a84}.tag.nw{background:var(--gold)}
/* page headings */
.crumbs{font-size:13px;color:var(--mut);padding:22px 0 10px}
.pagehead{padding:8px 0 22px}.pagehead h1{font-size:clamp(30px,4vw,46px);font-weight:800}
.chips a{border-radius:99px;font-size:13px;font-weight:700;border-color:var(--line);background:#fff}.chips a.on,.chips a:hover{background:var(--gx);border-color:var(--gx)}
/* PDP */
.pdp{gap:56px;padding-bottom:20px}
.gal .main{border:0;border-radius:26px;background:linear-gradient(180deg,#f7f9f8,#edf1ef);padding:26px;box-shadow:var(--sh)}
.gal .main img{mix-blend-mode:multiply}
.thumbs button{border-radius:14px;border:2px solid transparent;background:#f1f4f2}.thumbs button.on{border-color:var(--g)}
.buy h1{font-size:clamp(24px,2.6vw,34px);font-weight:800;line-height:1.15}
.buy .price b{font-size:36px}
.save{background:var(--gx);color:#fff}
.assure div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.desc{border-top:1px solid var(--line);padding:44px 0;max-width:880px}.desc h2{font-size:26px;font-weight:800}.desc p,.desc li{color:#33463f}
.learn{background:var(--gx);color:#fff;border-radius:28px;padding:44px;margin:30px 0 10px}
.learn h2{color:#fff;font-size:clamp(24px,2.6vw,34px);margin:0 0 8px}.learn p{color:#a9c1b6;margin:0 0 26px;max-width:640px}
.vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.vcard{display:block;border-radius:18px;overflow:hidden;background:#16312a;transition:transform .2s,box-shadow .2s}.vcard:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.vcard .th{position:relative;aspect-ratio:16/9;background:#000}.vcard img{width:100%;height:100%;object-fit:cover;opacity:.92}
.vcard .th i{position:absolute;inset:0;margin:auto;width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.95);display:grid;place-items:center;font-style:normal;color:var(--gx);font-size:18px;padding-left:3px;box-shadow:0 6px 20px rgba(0,0,0,.35)}
.vcard span{display:block;padding:14px 16px 16px;font-size:14px;line-height:1.4;color:#e8f1ed;font-weight:600}
.learn .foot{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.learn .btn-q{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}.learn .btn-q:hover{background:#fff;color:var(--gx)}
/* modal, drawer, footer */
.mbox{border-radius:24px}.fld input,.fld textarea{border-radius:12px;border-color:#d8e1dd}.fld input:focus,.fld textarea:focus{outline:0;border-color:var(--g);box-shadow:0 0 0 4px rgba(47,122,99,.12)}
.drawer{border-radius:24px 0 0 24px}
footer.site{background:var(--gx);padding:64px 0 28px;margin-top:70px;color:#a9c1b6}
footer.site h4{font-family:Manrope,sans-serif;letter-spacing:.02em}
.helpband{background:linear-gradient(135deg,#f0f6f3,#e4efe9);border:1px solid #dbe8e1;border-radius:26px;padding:36px 40px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}
.prose{font-size:17px;line-height:1.75}.prose h1,.prose h2{font-weight:800}
.help{border-radius:22px;background:linear-gradient(135deg,#f0f6f3,#e4efe9);border:1px solid #dbe8e1}
.float a{background:#25d366;color:#fff;box-shadow:0 10px 30px rgba(37,211,102,.4)}
.rv{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.rv.in{opacity:1;transform:none}
@media(max-width:1000px){.stats{grid-template-columns:1fr 1fr;gap:18px}.vgrid{grid-template-columns:1fr 1fr}.pdp{gap:24px}section.blk{padding:56px 0}.hero{padding:56px 0 48px}.hrow{height:64px}.learn{padding:30px 22px}}
@media(max-width:640px){.wrap{padding:0 18px}.vgrid{grid-template-columns:1fr}.hero{padding:40px 0 34px}.hero h1{font-size:31px}.stats b{font-size:22px}.pc .bd{padding:12px}.price b{font-size:17px}.pgrid{gap:12px}.helpband{grid-template-columns:1fr;padding:26px 22px}.logo img{height:40px}.buy .price b{font-size:30px}section.blk{padding:44px 0}.learn{border-radius:22px}.heroimg{display:block;margin-top:8px}.heroimg img{aspect-ratio:16/10}}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}*{transition:none!important}}
.hgrid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}@media(max-width:1000px){.hgrid{grid-template-columns:1fr;gap:28px}}
.rv{opacity:1!important;transform:none!important}
.hero .wrap{display:block;grid-template-columns:none}
.descgrid{display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:start;border-top:1px solid var(--line);margin-top:20px}.descgrid .desc{border-top:0;max-width:none}
.talk{position:sticky;top:100px;margin-top:44px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:var(--sh)}.talk h3{font-size:20px;margin:0 0 6px}.talk p{color:var(--mut);font-size:14.5px}
.desc p{margin:.55em 0}.desc p:empty{display:none}
@media(max-width:1000px){.descgrid{grid-template-columns:1fr;gap:0}.talk{position:static;margin:0 0 24px}}
.topbar .wrap{justify-content:center;text-align:center;gap:4px 28px}