@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(font-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(font-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(font-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(font-4.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(font-5.ttf) format('truetype');
}


  :root{--green:#2f9e5b;--green-dark:#23804a;--red:#d93025;--ink:#1c1c1c;--muted:#6b7280;--bg:#ffffff;--card:#fff;--line:#e8ebe9;--hl:#ffe66d;--navy:#243b3a;--cream:#f4faf6;--yolk:#ffcf33;}
  *{box-sizing:border-box}
  html{-webkit-text-size-adjust:100%}
  body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:18px;line-height:1.65;padding-bottom:90px;color:#2b2b2b}
  img,video{max-width:100%;display:block}
  a{color:var(--green-dark)}
  .wrap{max-width:820px;margin:0 auto;padding:0 12px}
  .topbar{background:#fff;border-bottom:4px solid var(--yolk);color:var(--ink);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
  .topbar .in{max-width:820px;margin:0 auto;padding:12px 12px;display:flex;justify-content:space-between;align-items:center}
  .topbar span{color:var(--muted);font-weight:600;letter-spacing:.02em;text-transform:none;font-size:12px}
  .adv{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#9ca3af;text-align:center;padding:12px 0 6px}
  .alert{background:#fff9db;border:0;color:var(--ink);font-weight:700;font-size:14px;padding:10px 12px;border-radius:6px;margin:0 0 18px;letter-spacing:.01em;line-height:1.4}
  .alert .dot{display:inline-block;width:16px;height:16px;line-height:16px;text-align:center;background:var(--red);color:#fff;border-radius:50%;margin-right:7px;vertical-align:-2px;font-size:11px;font-weight:800}
  .alert em{font-style:normal;color:var(--red)}
  h1{font-family:Montserrat,sans-serif;font-weight:800;font-size:38px;line-height:1.32;margin:0 0 14px;color:var(--ink);letter-spacing:-.01em}
  h1 mark{background:var(--hl);color:inherit;padding:0 6px;box-decoration-break:clone;-webkit-box-decoration-break:clone;border-radius:3px}
  .deck{font-size:20px;line-height:1.45;margin:0 0 18px;color:#444}
  .hero{border-radius:6px;overflow:hidden;background:#000}
  .caption{font-size:14px;color:var(--muted);margin:8px 0 14px}
  .byline{display:flex;align-items:center;gap:10px;margin:0 0 22px;font-size:13px;color:var(--muted)}
  .byline{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0}
  .byline img{width:44px;height:44px;border-radius:50%;object-fit:cover}
  .byline b{color:#222;display:block;font-size:14px}
  .card{padding:24px 20px 20px;margin:0 0 20px;border:2px solid #dfe5e1;border-radius:14px;background:#fff}
  .card.first{border:0;padding:4px 0 0;margin-bottom:28px}
  .card.reason{border-color:#d7ddd9;box-shadow:0 2px 0 #eef1ef}
  .card p{margin:0 0 14px}
  .card p:last-child{margin-bottom:0}
  .intro-box{background:#fffbe8;border-left:5px solid var(--yolk);border-radius:0 10px 10px 0;padding:18px 20px 8px;margin:18px 0 0}
  .intro-box p{margin:0 0 10px}
  h2{font-family:Montserrat,sans-serif;font-weight:800;font-size:28px;line-height:1.22;margin:-24px -20px 18px;padding:16px 20px;background:#f1f6f3;border-bottom:2px solid #dfe9e2;border-radius:12px 12px 0 0;color:var(--ink);display:flex;gap:14px;align-items:flex-start;letter-spacing:-.01em}
  h2:not(:has(.n)){background:none;border:0;margin:0 0 16px;padding:0}
  h2 .n{flex:none;width:42px;height:42px;border-radius:50%;background:var(--navy);font-family:Montserrat,sans-serif;font-weight:800;color:var(--yolk);font-size:19px;line-height:42px;text-align:center;margin-top:-2px}
  .media{border-radius:10px;overflow:hidden;margin:0 0 18px}
  .checks{list-style:none;margin:6px 0 16px;padding:0}
  .checks li{position:relative;padding:6px 0 6px 36px;font-weight:600}
  .checks li::before{content:"";position:absolute;left:0;top:7px;width:22px;height:22px;border-radius:50%;background:var(--green);}
  .checks li::after{content:"";position:absolute;left:8px;top:11px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}
  .vs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 16px}
  .vs > div{border-radius:8px;padding:18px 12px;text-align:center;font-weight:800;line-height:1.2}
  .vs .old{background:#f6f6f6;border:1px solid var(--line);color:#777}
  .vs .new{background:var(--cream);border:2px solid var(--green);color:var(--green-dark)}
  .vs small{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
  .vs span{display:block;font-size:30px}
  .vs .old span{text-decoration:line-through}
  .cta{display:block;background:var(--green);color:#fff !important;text-decoration:none;text-align:center;font-family:Montserrat,sans-serif;font-weight:800;font-size:18px;padding:16px 18px;border-radius:999px;box-shadow:0 4px 0 var(--green-dark);letter-spacing:.01em}
  .cta:active{transform:translateY(3px);box-shadow:none}
  .cta:active{transform:translateY(2px);box-shadow:none}
  .cta-wrap{margin:18px 0 6px}
  .cta-sub{text-align:center;font-size:13px;color:var(--muted);margin:8px 0 0}
  .grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin:0 0 16px}
  .grid img{aspect-ratio:1/1;object-fit:cover;border-radius:4px;width:100%}
  /* reviews */
  .rev{padding:18px 0;border-top:1px solid var(--line)}
  .rev:first-of-type{border-top:0;padding-top:4px}
  .rev .who{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;margin-bottom:6px}
  .rev .who img{width:34px;height:34px;border-radius:50%;object-fit:cover}
  .stars{color:#f5a623;font-size:16px;letter-spacing:1px;line-height:1;margin:0 0 6px}
  .rev h4{font-weight:700;font-size:16px;margin:0 0 4px}
  .rev .meta{font-size:12px;color:var(--muted);margin:0 0 6px}
  .rev .vp{color:var(--green-dark);font-weight:700;font-size:13px;margin:0 0 8px}
  .rev p{font-size:15px;margin:0 0 10px}
  .rev .photo{width:170px;border-radius:4px}
  /* offer */
  .offer{background:var(--navy);color:#fff;border-radius:16px;padding:30px 20px;margin:0 0 20px}
  .offer .prod p{color:#e6efe9}
  .offer .t1{font-family:Montserrat,sans-serif;font-weight:800;font-size:30px;color:var(--yolk);text-align:center;line-height:1.1;margin:0}
  .offer .t2{font-family:Montserrat,sans-serif;font-weight:700;font-size:17px;text-align:center;margin:6px 0 18px;color:#fff;letter-spacing:.04em;text-transform:uppercase}
  .offer .prod{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center;margin:0 0 18px}
  .offer .prod p{font-size:15px;margin:0}
  .offer .prod img{border-radius:6px}
  .steps{background:#fff;color:var(--ink);border-radius:10px;padding:12px 14px;margin:0 0 16px}
  .steps div{display:flex;gap:12px;align-items:flex-start;padding:7px 0;font-size:15px}
  .steps span{flex:none;width:26px;height:26px;border-radius:50%;background:var(--yolk);color:var(--ink);font-weight:800;text-align:center;line-height:26px;font-size:14px}
  .tip{text-align:center;font-size:15px;margin:14px 0 0;color:#e6efe9}
  .tip b{color:var(--yolk)}
  /* sticky + badge */
  .sticky{position:fixed;left:0;right:0;bottom:0;background:rgba(255,255,255,.97);border-top:1px solid var(--line);padding:10px 12px;z-index:50;transform:translateY(110%);transition:transform .25s ease}
  body.show-sticky .sticky{transform:none}
  .sticky .cta{max-width:796px;margin:0 auto;padding:13px 14px;font-size:16px}
  .badge{position:fixed;right:0;top:50%;transform:translateY(-50%);background:var(--navy);color:#fff;border-radius:16px 0 0 16px;padding:18px 22px 18px 24px;text-align:center;font-family:Inter,sans-serif;font-weight:700;font-size:17px;line-height:1.3;text-decoration:none;z-index:51;box-shadow:0 6px 20px rgba(0,0,0,.25)}
  .badge small{display:block;color:var(--yolk);font-size:19px;font-weight:800;margin-top:3px}
  .badge .arrow{display:block;font-size:30px;color:var(--yolk);margin-bottom:4px;line-height:1;animation:nudge 1.4s ease-in-out infinite}
  @keyframes nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(-8px)}}
  /* footer */
  footer{font-size:11px;color:#8a8f8c;line-height:1.55;padding:24px 0 30px;border-top:1px solid var(--line)}
  footer a{color:#555}
  footer p{margin:0 0 10px}
  footer a{color:#555}
  @media (max-width:600px){h1{font-size:29px}.deck{font-size:19px}h2{font-size:26px}h2 .n{width:36px;height:36px;line-height:36px;font-size:17px;margin-top:0}body{font-size:16px}.card{padding:18px 14px 14px}h2{margin:-18px -14px 16px;padding:14px 14px}.vs span{font-size:24px}.offer .t1{font-size:25px}.offer .prod{grid-template-columns:1fr}.rev .photo{width:140px}.badge{padding:14px 16px 14px 18px;font-size:15px}.badge small{font-size:17px}.badge .arrow{font-size:26px}}