*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#1d2733;line-height:1.55;background:#fff}
.wrap{max-width:980px;margin:0 auto;padding:0 20px}
header{background:#1f3a4d;color:#fff;padding:14px 0}header .wrap{display:flex;justify-content:space-between;align-items:center}
.badge{background:#ffcc33;color:#222;font-size:13px;font-weight:700;padding:4px 10px;border-radius:4px}
.hero{padding:44px 0 24px}h1{font-size:2.1rem;line-height:1.2;margin:0 0 14px}.sub{font-size:1.15rem;color:#40566a}
.btn{display:inline-block;background:#2f7d4f;color:#fff;text-decoration:none;font-weight:700;padding:14px 22px;border-radius:6px;margin:8px 8px 8px 0}
.btn.alt{background:#fff;color:#2f7d4f;border:2px solid #2f7d4f}
img.mock{width:100%;border:1px solid #d7dde3;border-radius:8px;margin:18px 0 6px}.cap{font-size:.85rem;color:#667}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:24px 0}
.card{background:#f4f6f8;border-radius:8px;padding:16px}.card h3{margin:0 0 6px;font-size:1.05rem}
section{padding:18px 0}h2{font-size:1.45rem;margin:0 0 10px}
.price{border:2px solid #2f7d4f;border-radius:10px;padding:20px;background:#f3faf5}
.form-slot{border:2px dashed #9aa;border-radius:8px;padding:18px;background:#fafafa;margin-top:12px}
footer{background:#f4f6f8;font-size:.88rem;color:#4a5866;padding:22px 0;margin-top:30px}
@media(max-width:600px){h1{font-size:1.6rem}.btn{display:block;text-align:center}}