*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f6f7f9;color:#17181a}
.container{width:min(760px,100%);margin:auto;padding:28px 16px}
.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:800;margin:0 0 8px}
h1{font-size:clamp(28px,7vw,44px);line-height:1.05;margin:0 0 12px}
h2{font-size:30px;line-height:1.15}
h3{margin:4px 0 8px;font-size:21px}
.muted{color:#6d737a}
.cover{width:100%;max-height:420px;object-fit:cover;border-radius:18px}
.story{font-size:17px;line-height:1.75;margin:18px 0 30px}
.product{background:#fff;border:1px solid #e8eaed;border-radius:18px;overflow:hidden;margin:22px 0;box-shadow:0 5px 18px rgba(0,0,0,.04)}
.product>img{display:block;width:100%;aspect-ratio:1.15/1;object-fit:cover;background:#f1f2f4}
.product-body{padding:18px}
.product-body strong{display:block;font-size:24px;margin:10px 0}
.product-body p{line-height:1.6;color:#454a50}
.cta{display:block;text-align:center;padding:13px 16px;border-radius:12px;background:#111;color:#fff;text-decoration:none;font-weight:750;margin-top:16px}
.placeholder{aspect-ratio:1.15/1;display:grid;place-items:center;background:#eceef1;color:#7b8188;font-weight:700}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.card{background:#fff;border:1px solid #e7e9ec;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:6px}
@media(max-width:600px){.grid{grid-template-columns:1fr}.container{padding-top:20px}}
.loader { border: 4px solid #e7e9ec; border-top: 4px solid #111; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; margin: 40px auto; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }