*{box-sizing:border-box}body{margin:0;font-family:Arial;background:#f5f7fb;color:#123}.hero{position:relative}.hero img{width:100%;display:block}.content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;background:rgba(0,0,0,.25)}.btn,.wa{padding:12px 18px;border-radius:24px;margin:6px;text-decoration:none;font-weight:bold}.btn{background:#f59e0b;color:#111}.wa{background:#16a34a;color:#fff}section{padding:36px 8%}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.card{background:#fff;border-radius:14px;padding:18px;box-shadow:0 6px 16px rgba(0,0,0,.08)}footer{background:#082f49;color:#fff;text-align:center;padding:18px}