*{box-sizing:border-box}body{margin:0;background:#f4f7fa;color:#17324d;font-family:Arial,Helvetica,sans-serif}.wrap{max-width:1440px;margin:auto;padding:28px 20px}.hero{background:#123f6c;color:#fff;border-radius:22px;padding:32px 36px;margin-bottom:30px}.hero h1{margin:0 0 8px;font-size:36px}.hero p{margin:0;font-size:18px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.card{background:#fff;border:1px solid #dce6ee;border-radius:18px;overflow:hidden;box-shadow:0 4px 14px rgba(20,55,85,.08);display:flex;flex-direction:column}.pic{height:260px;background:#fff;display:flex;align-items:center;justify-content:center;padding:12px}.pic img{width:100%;height:100%;object-fit:contain;display:block}.body{padding:16px 18px 20px;display:flex;flex-direction:column;flex:1}.body h2{font-size:20px;line-height:1.18;margin:0 0 14px;color:#123f6c}.body p{font-size:15px;line-height:1.55;color:#53697d;margin:0 0 18px;flex:1}.btn{display:inline-block;background:#123f6c;color:#fff;text-decoration:none;font-weight:700;padding:11px 15px;border-radius:10px;text-align:center;margin-top:8px}.wa{background:#159447}.smallnote{font-size:13px;color:#6c7f90;margin-top:8px}@media(max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.grid{grid-template-columns:1fr}.hero h1{font-size:28px}}