:root{
  --green:#046f4f;--green-d:#03513a;--green-l:#e8f4ee;--gold:#f5b81c;--gold-d:#d99a00;
  --red:#d81f26;--ink:#1d2421;--muted:#5b6661;--line:#dfe8e3;--bg:#f3f6f4;--card:#fff;
  --radius:14px;--shadow:0 4px 18px rgba(4,60,40,.10);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55;font-size:16px}
img{display:block;max-width:100%;height:auto}
a{color:var(--green)}
.wrap{max-width:480px;margin:0 auto;background:var(--card);min-height:100vh;box-shadow:0 0 30px rgba(0,0,0,.06);padding-bottom:76px}

/* top notice */
.notice{background:#fff8e1;color:#6b4e00;font-size:12.5px;text-align:center;padding:6px 12px;border-bottom:1px solid #f3e3ac}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--green);color:#fff;position:sticky;top:0;z-index:20}
.brand{font-weight:800;font-size:20px;letter-spacing:.5px;color:#fff;text-decoration:none;display:flex;align-items:center;gap:6px}
.brand small{font-weight:500;font-size:11px;opacity:.85;letter-spacing:0}
.brand small{max-width:90px;line-height:1.2}
@media (max-width:380px){.brand small{display:none}}
.topbar .call{white-space:nowrap;color:#fff;font-weight:700;font-size:14px;text-decoration:none;background:rgba(255,255,255,.15);padding:6px 12px;border-radius:99px}

/* sections */
section{padding:28px 16px}
.full{padding:0}
.full img{width:100%}
.sec-alt{background:var(--green-l)}
.sec-dark{background:linear-gradient(160deg,#04593f,#047a55);color:#fff}
h1,h2,h3{line-height:1.3}
.h-sec{font-size:22px;font-weight:800;color:var(--green);text-align:center;text-transform:uppercase;margin-bottom:6px}
.h-sub{font-size:15px;font-weight:700;color:var(--gold-d);text-align:center;text-transform:uppercase;margin-bottom:18px}
.sec-dark .h-sec{color:#fff}.sec-dark .h-sub{color:var(--gold)}
.lead{text-align:center;color:var(--muted);font-size:15px;margin-bottom:16px}
.stack>*+*{margin-top:14px}
.rounded{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}

/* hero */
.hero{position:relative}
.hero .cta-row{padding:14px 16px 18px;background:linear-gradient(180deg,#e9f5ef,#fff)}
.ship{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;font-weight:800;color:var(--green);font-size:15px}
.ship svg{flex:none}

/* buttons */
.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;cursor:pointer;font:inherit;font-weight:800;font-size:18px;text-transform:uppercase;text-decoration:none;padding:15px 18px;border-radius:999px;color:#3a2a00;background:linear-gradient(180deg,#ffd451,#f5b81c);box-shadow:0 6px 0 #c48900,0 10px 20px rgba(196,137,0,.25);transition:transform .08s}
.btn:active{transform:translateY(3px);box-shadow:0 3px 0 #c48900}
.btn-green{color:#fff;background:linear-gradient(180deg,#0a8a62,#046f4f);box-shadow:0 6px 0 #024a34,0 10px 20px rgba(2,74,52,.25)}
.btn-green:active{box-shadow:0 3px 0 #024a34}
.pulse{animation:pulse 2s infinite}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}
@media (prefers-reduced-motion:reduce){.pulse{animation:none}html{scroll-behavior:auto}}

/* video */
.video{position:relative;display:block;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#000;aspect-ratio:564/700}
.video img{width:100%;height:100%;object-fit:cover}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video .play{position:absolute;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:rgba(216,31,38,.92);display:grid;place-items:center;box-shadow:0 0 0 10px rgba(216,31,38,.25)}
.video button{all:unset;position:absolute;inset:0;cursor:pointer}

/* forms */
.form-card{color:var(--ink);background:#fff;border-radius:18px;padding:20px 16px;box-shadow:var(--shadow);border:2px solid var(--green)}
.sec-dark .form-card{border-color:var(--gold)}
.form-card h3{text-align:center;color:var(--green);font-size:19px;font-weight:800;text-transform:uppercase;margin-bottom:4px}
.form-card .sub{text-align:center;color:var(--red);font-weight:700;font-size:14px;margin-bottom:14px}
.field{margin-bottom:12px}
.field label{display:block;font-size:14px;font-weight:600;margin-bottom:4px;color:var(--ink)}
.field input,.field textarea{width:100%;font:inherit;font-size:16px;padding:13px 14px;border:1.5px solid #cfdcd5;border-radius:10px;background:#fbfdfc;color:var(--ink)}
.field textarea{min-height:76px;resize:vertical}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(4,111,79,.15)}
.field .err{display:none;color:var(--red);font-size:13px;margin-top:4px}
.field.invalid input{border-color:var(--red)}
.field.invalid .err{display:block}
.combos{display:grid;gap:8px;margin-bottom:14px}
.combo{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1.5px solid #cfdcd5;border-radius:10px;cursor:pointer;font-weight:700;font-size:15px;background:#fbfdfc}
.combo input{width:20px;height:20px;accent-color:var(--green);flex:none}
.combo:has(input:checked){border-color:var(--green);background:var(--green-l)}
.combo .tag{margin-left:auto;font-size:11px;font-weight:800;color:#fff;background:var(--red);padding:2px 8px;border-radius:99px}
.form-note{font-size:13px;color:var(--muted);text-align:center;margin-top:12px}
.form-note a{color:var(--green)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* hl block */
.slogan{text-align:center;padding:24px 16px;background:linear-gradient(180deg,#fff,#eef7f2)}
.slogan .k1{font-size:15px;font-weight:700;color:var(--muted);letter-spacing:2px}
.slogan .k2{font-size:40px;font-weight:900;color:var(--green);letter-spacing:2px;line-height:1.1}
.slogan .k3{font-size:18px;font-weight:800;color:var(--red);margin-top:6px}

/* info list */
.checks{display:grid;gap:10px}
.check{display:flex;gap:12px;align-items:flex-start;background:#fff;border-radius:12px;padding:12px 14px;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.check .ic{flex:none;width:34px;height:34px;border-radius:50%;background:var(--green);display:grid;place-items:center}
.check b{color:var(--green)}
.check p{font-size:15px}

.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.grid2 img{border-radius:10px;aspect-ratio:4/3;object-fit:cover;width:100%}

.why{background:#fff;border-left:4px solid var(--gold);padding:14px 16px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.05);font-size:16px}
.why b{color:var(--green)}

table.spec{width:100%;border-collapse:collapse;font-size:14.5px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.spec th,.spec td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.spec th{background:var(--green);color:#fff;font-size:14px}
.spec td:last-child{text-align:right;white-space:nowrap;font-weight:600}
.spec.kv td:first-child{color:var(--muted);width:42%}
.spec.kv td:last-child{text-align:left;white-space:normal}
.caption{font-size:12.5px;color:var(--muted);margin-top:6px;text-align:center}

/* certificates */
.certs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.certs button{all:unset;cursor:zoom-in;display:block;background:#fff;border-radius:10px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line)}
.certs img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top}
.certs span{display:block;font-size:12.5px;text-align:center;padding:6px 4px;font-weight:600;color:var(--green)}

/* offer */
.offer{text-align:center}
.offer .o1{font-size:30px;font-weight:900;color:var(--red);line-height:1.1}
.offer .o2{font-size:40px;font-weight:900;color:var(--green);line-height:1.05;letter-spacing:1px}
.offer .o3{display:inline-block;margin:8px 0 14px;font-weight:800;font-size:14px;color:#fff;background:var(--red);padding:4px 14px;border-radius:99px}
.offer .o4{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:6px}
.offer .o4 .num{font-size:56px;font-weight:900;color:var(--red);line-height:1}
.offer .o4 .txt{text-align:left;color:var(--green);font-weight:800;line-height:1.2}
.offer .o4 .txt big{font-size:30px;display:block}
.offer .o5{font-size:18px;font-weight:800;color:#5a5656;margin-bottom:16px}
.combo-cards{display:grid;gap:10px;margin-bottom:14px}
.cc{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#046f4f,#0a8a62);color:#fff;border-radius:14px;padding:12px 14px;text-align:left;box-shadow:var(--shadow)}
.cc .n{font-size:30px;font-weight:900;color:var(--gold);line-height:1;min-width:58px;text-align:center}
.cc .n small{display:block;font-size:11px;color:#fff;font-weight:600;letter-spacing:.5px}
.cc .t{font-weight:800;font-size:17px}
.cc .t span{display:block;font-weight:500;font-size:13px;opacity:.9}
.price{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--red);color:#fff;border-radius:12px;padding:10px;margin-bottom:16px;font-weight:700}
.price b{color:#fffc00;font-size:20px}

/* benefits */
.benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bf{background:#fff;border-radius:14px;padding:14px 12px;box-shadow:0 2px 10px rgba(0,0,0,.06);text-align:center}
.bf .ic{width:46px;height:46px;border-radius:50%;background:var(--green-l);display:grid;place-items:center;margin:0 auto 8px}
.bf h3{font-size:14px;color:var(--green);font-weight:800;text-transform:uppercase;margin-bottom:4px}
.bf p{font-size:13.5px;color:var(--ink)}
.chat-shots{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.chat-shots img{border-radius:10px;border:1px solid var(--line)}

/* barcode */
.barcode{text-align:center}
.barcode .h1{font-size:26px;font-weight:900;color:#004aad}
.barcode .h2{font-size:17px;font-weight:800;color:#15448f;text-transform:uppercase;margin-bottom:12px}
.barcode .row{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;margin:14px 0 4px}
.barcode .row figure{font-size:13px;color:var(--muted)}
.barcode .row img{margin:0 auto 6px;max-height:120px;object-fit:contain}

/* reviews */
.reviews{display:grid;gap:12px}
.rv{background:#fff;border-radius:14px;padding:14px;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.rv-head{display:flex;gap:10px;align-items:center;margin-bottom:6px}
.rv-head img{width:42px;height:42px;border-radius:50%;object-fit:cover}
.rv-head b{color:#15448f;font-size:15px}
.rv-head small{display:block;color:var(--muted);font-size:12px}
.rv p{font-size:15px}
.rv .reply{margin:10px 0 0 22px;padding:10px 12px;background:var(--green-l);border-radius:10px;font-size:14.5px}
.rv .reply b{color:var(--green);display:block;font-size:13.5px}

/* footer */
footer{background:#0d2a20;color:#d6e6de;padding:26px 16px 30px;font-size:14px}
footer h2{color:#fff;font-size:17px;margin-bottom:8px}
footer p{margin-bottom:6px}
footer a{color:#ffd451}
footer .disc{background:rgba(255,255,255,.07);border-left:3px solid var(--gold);padding:10px 12px;border-radius:8px;margin:14px 0;color:#fff;font-weight:600}
footer ul{list-style:none;display:grid;gap:4px;margin-top:6px}
footer ul a{color:#d6e6de;text-decoration:none;display:block;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.08)}
footer .copy{margin-top:16px;font-size:12px;opacity:.7;text-align:center}

/* sticky bar */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:center;pointer-events:none}
.sticky-in{pointer-events:auto;width:100%;max-width:480px;display:grid;grid-template-columns:1fr 1.4fr;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -4px 16px rgba(0,0,0,.12)}
.sticky a,.sticky button{display:flex;align-items:center;justify-content:center;gap:6px;border-radius:12px;padding:12px 6px;font:inherit;font-weight:800;font-size:15px;text-decoration:none;border:0;cursor:pointer}
.sticky .s-call{background:var(--green);color:#fff}
.sticky .s-buy{background:linear-gradient(180deg,#ffd451,#f5b81c);color:#3a2a00}

/* modal */
.modal{position:fixed;inset:0;z-index:50;display:none;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.55)}
.modal.open{display:flex}
.modal-box{width:100%;max-width:480px;max-height:92vh;overflow:auto;background:#fff;border-radius:18px 18px 0 0;position:relative;animation:up .22s ease-out}
@keyframes up{from{transform:translateY(40px);opacity:0}}
.modal-close{position:absolute;top:8px;right:8px;width:36px;height:36px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;font-size:22px;line-height:36px;cursor:pointer;z-index:2}
.modal-body{padding:16px}
.modal-body .form-card{box-shadow:none;border:0;padding:4px 0 8px}
.thanks{text-align:center;padding:30px 20px 34px}
.thanks .ok{width:72px;height:72px;border-radius:50%;background:#16a34a;display:grid;place-items:center;margin:0 auto 14px}
.thanks h3{font-size:24px;color:#16a34a;margin-bottom:8px}
.thanks p{font-weight:600;color:var(--ink)}
.lightbox{align-items:center;background:rgba(0,0,0,.88)}
.lightbox img{max-height:90vh;max-width:96vw;border-radius:6px}

/* policy pages */
.doc{padding:22px 18px 30px}
.doc h1{font-size:23px;color:var(--green);text-transform:uppercase;margin-bottom:14px}
.doc h2{font-size:17px;color:var(--green);margin:18px 0 6px}
.doc p,.doc li{margin-bottom:8px;font-size:15.5px}
.doc ul{padding-left:20px}
.back{display:inline-block;margin-bottom:14px;font-weight:700;text-decoration:none}