:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#13231e;background:#f4f7f6}
*{box-sizing:border-box}body{margin:0;background:#f4f7f6;color:#13231e}.shell{max-width:1120px;margin:0 auto;padding:54px 22px}
.hero{background:#075b45;color:#fff;border-radius:22px;padding:34px}.eyebrow{text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.12em;opacity:.75}
.hero h1{font-size:44px;margin:8px 0 10px}.hero p{max-width:760px;font-size:18px;line-height:1.55;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.card{background:#fff;border:1px solid #dbe5e1;border-radius:18px;padding:22px;box-shadow:0 2px 8px rgba(0,0,0,.03)}.card h2{margin:10px 0 8px;font-size:20px}.card p{color:#5d6f68;line-height:1.5}
.status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.05em}.status.ok{background:#dff5ec;color:#075b45}.status.neutral{background:#eef2f0;color:#586860}
.next{margin-top:18px}.next code{display:block;background:#eef4f1;border-radius:8px;padding:10px;margin-top:8px;color:#075b45}
@media(max-width:760px){.shell{padding:22px 14px}.hero{padding:24px}.hero h1{font-size:34px}.grid{grid-template-columns:1fr}}