.ghp-icons { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:48px; text-align:center; }
.ghp-icons img { width:88px; height:88px; margin:0 auto 16px; object-fit:contain; }
.ghp-icons h3 { font-size:18px; }
.ghp-icons p { color:var(--text-3); letter-spacing:2px; font-size:12px; margin-top:4px; }
.loop { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:40px; }
.loop-col { min-height:420px; padding:28px 18px; color:#fff; }
.loop-col:nth-child(1){background:#7ec8f5;} .loop-col:nth-child(2){background:#5eb3e6;}
.loop-col:nth-child(3){background:#3aa0dc;} .loop-col:nth-child(4){background:#2b8ecb;}
.loop-col .num { font-size:96px; font-weight:700; line-height:1; opacity:.9; }
.loop-col h3 { margin:12px 0; font-size:22px; }
.crowd { position:relative; height:420px; margin:40px auto 0; max-width:920px; }
.crowd-core { position:absolute; left:50%; top:50%; width:260px; height:260px; margin:-130px 0 0 -130px; border-radius:50%; background:var(--brand); color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.crowd-core strong { font-size:28px; }
.crowd-item { position:absolute; width:220px; color:var(--text-2); }
.crowd-item h3 { color:var(--brand); margin-bottom:6px; }
.crowd-item.a { left:0; top:30px; } .crowd-item.b { right:0; top:30px; }
.crowd-item.c { left:0; bottom:40px; } .crowd-item.d { right:0; bottom:40px; }
.diff { display:grid; grid-template-columns:1fr 480px; gap:40px; align-items:center; }
.diff img { width:100%; border-radius:16px; }
@media (max-width:900px) {
  .ghp-icons,.loop,.diff { grid-template-columns:1fr; }
  .crowd { height:auto; }
  .crowd-core,.crowd-item { position:static; margin:16px auto; }
}