/* Dukung proyek */
.dukung{display:grid;grid-template-columns:1fr 1.1fr;gap:44px;align-items:start}
.dukung .nominal{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 4px}
.dukung .nominal button{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 18px;transition:border-color .25s,transform .25s,background .25s}
.dukung .nominal button:hover{border-color:var(--accent);transform:translateY(-3px)}
.dukung .nominal button.on{background:var(--accent);color:var(--bg);border-color:var(--accent)}
.dukung ul{list-style:none;margin-top:14px;display:grid;gap:8px;color:var(--muted)}
.dukung li::before{content:"✦ ";color:var(--accent)}
.catatan{font-size:.82rem;color:var(--muted)}

/* Footer kaya isi */
.footer{background:var(--card);border-top:1px solid var(--line);margin-top:40px;padding:64px 28px 24px;text-align:left;font-size:.95rem}
.footer-isi{max-width:1020px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1.2fr 1fr;gap:40px}
.footer h4{font-family:var(--serif);font-size:1.05rem;margin-bottom:14px;color:var(--text)}
.footer p,.footer li,.footer a{color:var(--muted)}
.footer ul{list-style:none;display:grid;gap:9px}
.footer a{transition:color .2s,padding-left .25s}
.footer ul a:hover{color:var(--accent);padding-left:6px}
.footer .merek{font-family:var(--serif);font-size:1.5rem;color:var(--text);display:block;margin-bottom:10px}
.footer .merek span{color:var(--accent)}
.sosial{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.sosial a{border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:.85rem;transition:border-color .25s,color .25s,transform .25s}
.sosial a:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-3px) rotate(-2deg)}
.status-kerja{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:.85rem}
.status-kerja i{width:9px;height:9px;border-radius:50%;background:#5aa469;animation:denyut 2s ease-in-out infinite}
@keyframes denyut{50%{box-shadow:0 0 0 7px rgba(90,164,105,0);opacity:.6}}
.footer-bawah{max-width:1020px;margin:44px auto 0;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.85rem;color:var(--muted)}
.footer-bawah a:hover{color:var(--accent)}
@media(max-width:820px){.dukung{grid-template-columns:1fr;gap:28px}.footer-isi{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.footer-isi{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.status-kerja i{animation:none}}