:root{--olive:#5b6236;--olive-d:#3e4325;--sand:#f3efe4;--ink:#16180f;--muted:#5d6050}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--sand)}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:640px;margin:0 auto;padding:0 18px}
.hook{font-family:"Oswald","Bebas Neue",Impact,"Arial Narrow Bold","Arial Narrow",sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.01em;line-height:1.02;color:#fff;
  -webkit-text-stroke:1.5px #000;paint-order:stroke fill;text-shadow:0 2px 0 #000}
header.hero{background:linear-gradient(180deg,var(--olive-d),var(--olive));padding:18px 0 26px;color:#fff}
.brand{font:700 14px/1 system-ui;letter-spacing:.18em;opacity:.9;margin:0 0 14px}
.hero h1{font-size:clamp(30px,8.5vw,48px);margin:0 0 16px}
.shot{position:relative;border-radius:14px;overflow:hidden;background:#d9d4c3}
.tag{position:absolute;left:10px;top:10px;background:rgba(0,0,0,.72);color:#fff;font:600 12px/1 system-ui;padding:6px 8px;border-radius:6px}
.price{display:flex;align-items:baseline;gap:10px;margin:16px 0 4px}.price b{font-size:32px}.price span{opacity:.85}
.btn{display:block;width:100%;text-align:center;border:0;border-radius:10px;padding:16px;font:700 17px/1 system-ui;cursor:pointer;text-decoration:none}
.btn-main{background:#fff;color:var(--olive-d)}.btn-dark{background:var(--olive-d);color:#fff}
.btn[disabled]{opacity:.6;cursor:wait}
section{padding:26px 0;border-bottom:1px solid #e0dacb}
h2{font-size:22px;margin:0 0 10px}
ul.facts{padding-left:18px;margin:8px 0}ul.facts li{margin:4px 0}
.small{font-size:13px;color:var(--muted)}
.card{background:#fff;border-radius:14px;padding:18px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
label{display:block;font-weight:600;font-size:14px;margin:10px 0 4px}
input,select{width:100%;padding:12px;border:1px solid #c9c3b2;border-radius:8px;font:16px system-ui;background:#fff}
.row{display:flex;gap:10px}.row>div{flex:1}
.check{display:flex;gap:8px;align-items:flex-start;font-weight:400;font-size:14px}.check input{width:auto;margin-top:3px}
.msg{margin-top:10px;font-weight:600}.ok{color:#2e6b2e}.err{color:#a12d1c}
.hp{position:absolute;left:-9999px}
footer{padding:26px 0 40px;font-size:13px;color:var(--muted)}
.note{background:#fffbe8;border:1px solid #eadf9f;border-radius:8px;padding:10px 12px;font-size:14px}
