/* Halaman /our-customer/ */
.g21c-hero{text-align:center;padding:56px 0 32px}
.g21c-eyebrow{display:inline-block;padding:6px 14px;border-radius:999px;background:#fdecec;color:#c40000;font-size:13px;font-weight:600;letter-spacing:.04em}
.g21c-hero h1{margin:18px auto 14px;max-width:760px;font-size:clamp(28px,5vw,44px);line-height:1.15;color:#222}
.g21c-hero>p{max-width:640px;margin:0 auto;color:#575760;font-size:18px;line-height:1.6}
.g21c-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin:40px 0 12px}
.g21c-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 12px;border:1px solid #eee;border-radius:16px;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.06)}
.g21c-tile strong{font-size:30px;line-height:1.1;color:#d40000;font-variant-numeric:tabular-nums}
.g21c-tile>span:last-child{font-size:14px;color:#575760}
.g21c-icon{display:flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:50%;background:#fdecec;margin-bottom:4px}
.g21c-icon svg{width:22px;height:22px;fill:#d40000}
.g21c-asof{margin:8px 0 0!important;font-size:13px!important;color:#9a9aa5!important}
.g21c-sub{text-align:center;margin:40px 0 20px;font-size:22px}
.g21c-section{margin:56px 0 0}
.g21c-section h2{font-size:26px;margin:0 0 8px;color:#222}
.g21c-lead{margin:0 0 20px;color:#575760}
.g21c-dinas,.g21c-list{list-style:none;margin:0;padding:0}
.g21c-dinas{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.g21c-dinas li{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #eee;border-radius:12px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.04);font-weight:600;line-height:1.35}
.g21c-dinas li span{flex:none;display:flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:10px;background:#fdecec}
.g21c-dinas svg{width:20px;height:20px;fill:#d40000}
.g21c-tools{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}
#g21c-q{width:100%;padding:14px 18px;border:1px solid #ddd;border-radius:999px;font-size:16px;background:#fff}
#g21c-q:focus{outline:2px solid #0366d6;border-color:transparent}
.g21c-chips{display:flex;flex-wrap:wrap;gap:8px}
.g21c-chip{padding:8px 14px;border:1px solid #ddd;border-radius:999px;background:#fff;color:#222;font-size:14px;cursor:pointer}
.g21c-chip em{font-style:normal;color:#9a9aa5;margin-left:4px}
.g21c-chip.is-on{background:#d40000;border-color:#d40000;color:#fff}
.g21c-chip.is-on em{color:#ffd6d6}
.g21c-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 20px;max-height:560px;overflow:auto;padding:4px}
.g21c-list li{display:flex;flex-direction:column;padding:10px 14px;border-left:3px solid #d40000;background:#f7f8f9;border-radius:0 8px 8px 0;line-height:1.35}
.g21c-list li[hidden]{display:none}
.g21c-list small{color:#9a9aa5}
.g21c-empty{text-align:center;color:#9a9aa5;padding:24px}
.g21c-cta{margin:64px 0 24px;padding:40px 24px;text-align:center;border-radius:20px;background:#d40000;color:#fff}
.g21c-cta h2{margin:0 0 8px;color:#fff;font-size:28px}
.g21c-cta p{margin:0 0 20px;color:#ffe3e3}
.g21c-cta a{display:inline-block;padding:12px 28px;border-radius:999px;background:#fff;color:#d40000;font-weight:700;text-decoration:none}
@media (max-width:900px){.g21c-tiles{grid-template-columns:repeat(2,1fr)}.g21c-tiles .g21c-tile:last-child{grid-column:1/-1}.g21c-dinas,.g21c-list{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.g21c-dinas,.g21c-list{grid-template-columns:1fr}.g21c-hero{padding-top:32px}}
.g21c-hero,.g21c-sub,.g21c-section,.g21c-cta{box-sizing:border-box;max-width:1100px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}
.g21c-cta{width:calc(100% - 40px);padding:40px 24px}