:root{--red:#c8553d;--grn:#3d5a40;--crm:#fff8ef;--ink:#2b2522;--grey:#6b625b}*{box-sizing:border-box}
body{margin:0;font-family:Poppins,system-ui,sans-serif;color:var(--ink);background:var(--crm);line-height:1.6}a{color:var(--red)}img{max-width:100%;display:block}
header{background:var(--grn)}.nav{max-width:1080px;margin:auto;display:flex;gap:16px;align-items:center;padding:10px 18px;flex-wrap:wrap}.nav a{color:#fff;text-decoration:none;font-size:14px}.logo{font-weight:700;font-size:22px!important;margin-right:auto}
main{max-width:1080px;margin:auto;padding:22px 18px}h1{color:var(--red);font-size:clamp(30px,4.5vw,46px);line-height:1.15;margin:.3em 0}h2{color:var(--grn);font-size:28px;margin:.3em 0}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center}.shots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.shots img{border-radius:8px;box-shadow:0 8px 22px rgba(0,0,0,.15);background:#fff}
.btn{display:inline-block;background:var(--red);color:#fff;border:0;border-radius:999px;padding:12px 22px;font:600 16px Poppins,system-ui,sans-serif;cursor:pointer;text-decoration:none}.btn.alt{background:var(--grn)}.btn.ghost{background:#fff;color:var(--red);box-shadow:0 0 0 2px var(--red) inset}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 6px 20px rgba(0,0,0,.07)}
.price{font-size:34px;font-weight:700;color:var(--grn)}.note{font-size:13px;color:var(--grey)}section{margin:44px 0}
footer{background:var(--grn);color:#e8efe9;padding:24px 18px;font-size:14px}footer .in{max-width:1080px;margin:auto;display:flex;gap:16px;flex-wrap:wrap}footer a{color:#fff}
.file{display:block;margin:8px 0;font-weight:600}.box{background:#fff;border:2px dashed var(--grn);border-radius:16px;padding:20px}input{padding:11px;border-radius:999px;border:1px solid #ccc;font:inherit;min-width:240px}.hp{position:absolute;left:-9999px}
@media(max-width:760px){.hero{grid-template-columns:1fr}}