*{box-sizing:border-box}
body{margin:0;background:#F2F4F1;color:#0b0b0b;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  display:flex;justify-content:center;padding:24px}
.card{background:#fff;border-radius:20px;overflow:hidden;max-width:560px;width:100%;
  box-shadow:0 8px 30px rgba(0,0,0,.08)}
.shot{width:100%;aspect-ratio:1200/630;object-fit:cover;display:block;background:#E5E8E3}
.body{padding:24px}
.brand{display:flex;align-items:center;gap:8px;font-weight:600;color:#7B2D43;margin-bottom:12px}
.icon{width:28px;height:28px;border-radius:7px}
h1{font-size:28px;margin:0 0 4px}
.sub{margin:0 0 10px;color:#4A5568}
.stats{margin:0 0 16px;font-weight:600;color:#4A5568}
.desc{margin:0 0 22px;line-height:1.55;color:#4A5568}
.cta{display:block;text-align:center;background:#7B2D43;color:#fff;text-decoration:none;
  padding:15px;border-radius:12px;font-weight:600}
.note{margin:14px 0 0;font-size:13px;color:#898781;text-align:center}
@media (prefers-color-scheme:dark){
  body{background:#111;color:#f4f4f4}.card{background:#1b1b1b;box-shadow:none}
  h1{color:#f4f4f4}.sub,.stats,.desc{color:#b9b9b9}
}