:root{--bg:#f4f6fa;--panel:#fff;--text:#172033;--muted:#667085;--line:#e4e7ec;--ok:#17803d}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
.wrap{width:min(1000px,calc(100% - 28px));margin:auto;padding:28px 0 48px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}
h1{margin:0;font-size:clamp(1.8rem,4vw,2.5rem)}.badge{background:#fff;border:1px solid var(--line);border-radius:999px;padding:.45rem .7rem;color:var(--muted);font-size:.85rem}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:24px;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 8px 28px rgba(16,24,40,.05)}
.card h2{margin:0 0 8px;font-size:1.6rem}.card p,.foundation{color:var(--muted);line-height:1.55}.button{display:flex;justify-content:center;align-items:center;min-height:48px;border-radius:12px;background:#eef1f7;color:#667085;font-weight:700}
.foundation{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.foundation strong{color:var(--ok)}
@media(max-width:680px){.grid{grid-template-columns:1fr}.card{min-height:190px}}