*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:18px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1d1d1f;background:#fff}
img{max-width:100%;height:auto;display:block}
.top{background:#0b3d6b;color:#fff;font-size:12px;letter-spacing:.08em;text-align:center;padding:7px 10px;text-transform:uppercase}
.wrap{max-width:680px;margin:0 auto;padding:0 18px}
h1{font-family:Georgia,"Times New Roman",serif;font-size:29px;line-height:1.2;margin:22px 0 10px}
h2{font-family:Georgia,"Times New Roman",serif;font-size:23px;line-height:1.25;margin:30px 0 10px}
.by{font-size:13px;color:#666;margin:0 0 14px}
.cap{font-size:13px;color:#666;margin:6px 0 18px;font-style:italic}
p{margin:0 0 16px}
.hl{background:#fff3b0;padding:0 3px}
.box{background:#f2f7fb;border-left:4px solid #0b3d6b;padding:14px 16px;margin:20px 0;border-radius:4px}
.cta{display:block;text-align:center;background:#d71920;color:#fff!important;text-decoration:none;font-weight:700;font-size:20px;padding:17px 14px;border-radius:10px;margin:22px 0;box-shadow:0 3px 0 #9d1015}
.cta small{display:block;font-weight:400;font-size:13px;opacity:.9}
.prod{display:flex;gap:14px;align-items:center;background:#fafafa;border:1px solid #e5e5e5;border-radius:12px;padding:14px;margin:20px 0}
.prod img{width:120px;flex:none}
.prod b{font-size:19px}
.disc{font-size:12px;color:#777;line-height:1.5;padding:22px 0 110px;border-top:1px solid #eee;margin-top:30px}
#sticky{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #ddd;padding:10px 14px;transform:translateY(110%);transition:transform .3s;z-index:50;box-shadow:0 -4px 14px rgba(0,0,0,.12)}
#sticky.on{transform:none}
#sticky .cta{margin:0;padding:14px;font-size:18px}
#ovl{position:fixed;inset:0;background:rgba(0,0,0,.65);display:none;align-items:center;justify-content:center;z-index:99;padding:18px}
#ovl.on{display:flex}
#pop{background:#fff;border-radius:14px;max-width:420px;width:100%;padding:22px 20px;text-align:center;position:relative}
#pop h3{font-family:Georgia,serif;font-size:24px;margin:0 0 8px}
#pop img{width:130px;margin:0 auto 6px}
#pop .x{position:absolute;right:12px;top:6px;border:0;background:none;font-size:28px;color:#888;cursor:pointer}
.q{background:#fff;border:2px solid #0b3d6b;border-radius:12px;padding:16px;margin:20px 0}
.q h3{margin:0 0 10px;font-size:19px}
.q button{display:block;width:100%;text-align:left;font:inherit;font-size:17px;background:#f2f7fb;border:1px solid #c9d9e8;border-radius:8px;padding:12px 14px;margin:8px 0;cursor:pointer}
.q .step{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.06em}
.num{display:inline-block;background:#0b3d6b;color:#fff;border-radius:50%;width:34px;height:34px;line-height:34px;text-align:center;font-weight:700;margin-right:8px;font-family:Arial}