/* Footer dua lapis: ajakan penutup + kolom ringkas, lalu bar logo dan ikon berkotak. */
.performance-site .site-footer { background: #0b0c0a; color: #f6f6f0; border-top: 1px solid #ffffff14; }
.footer-shell { max-width: 1232px; margin-inline: auto; padding: clamp(56px,6vw,88px) 24px 0; }
.footer-top { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1.3fr); gap: clamp(32px,6vw,96px); align-items: start; padding-bottom: clamp(48px,5vw,72px); }
.performance-site .footer-cta .design-script { display: inline-block; transform-origin: left bottom; margin-bottom: 8px; }
.performance-site .footer-cta h2 { font-size: clamp(34px,3.8vw,54px); line-height: .98; margin: 0 0 28px; color: #f6f6f0; }
.footer-cta h2 span { color: #ff852e; }
.performance-site .footer-cta a[href="#cta"].footer-cta-btn { display: inline-flex; align-items: center; justify-content: space-between; gap: 40px; padding: 18px 22px; min-width: 300px; text-decoration: none; }
.footer-cta-btn span { font-size: 22px; line-height: 1; }
.footer-cta p:last-child { margin: 16px 0 0; font-size: 12px; color: #8f9188; }
.footer-cols { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.performance-site .footer-cols h3 { font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #ff852e; margin: 6px 0 18px; }
.footer-cols ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.footer-cols a { color: #bcbeb5; font-size: 14px; text-decoration: none; }
.footer-cols a:hover { color: #f6f6f0; }
.footer-bar { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: stretch; border-top: 1px solid #ffffff1f; margin-inline: -24px; }
.footer-logo { display: flex; align-items: center; padding: 24px; border-right: 1px solid #ffffff1f; }
.footer-logo img { height: 44px; width: auto; }
.footer-legal { display: flex; flex-direction: column; justify-content: center; gap: 6px; margin: 0; padding: 20px 28px; font-size: 11px; line-height: 1.6; color: #8f9188; }
.footer-legal strong { color: #bcbeb5; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; font-size: 10px; }
.footer-social { display: flex; border-left: 1px solid #ffffff1f; }
.footer-social a { display: flex; align-items: center; justify-content: center; width: 96px; border-right: 1px solid #ffffff1f; color: #f6f6f0; transition: background .25s ease, color .25s ease; }
.footer-social a:last-child { border-right: 0; }
.footer-social a:hover { background: #ff852e; color: #111210; }
.footer-social svg { width: 22px; height: 22px; fill: currentColor; }
@media (max-width: 1023px) {
 .footer-top { grid-template-columns: 1fr; gap: 40px; }
 .footer-social a { width: 72px; }
}
@media (max-width: 767px) {
 .footer-shell { padding-top: 56px; }
 .performance-site .footer-cta a[href="#cta"].footer-cta-btn { min-width: 0; width: 100%; }
 .footer-cols { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px 12px; }
 .performance-site .footer-cols h3 { font-size: 10px; letter-spacing: .12em; margin-bottom: 14px; }
 .footer-cols ul { gap: 10px; }
 .footer-cols a { font-size: 13px; }
 .footer-bar { grid-template-columns: 1fr; }
 .footer-logo { border-right: 0; border-bottom: 1px solid #ffffff1f; justify-content: center; }
 .footer-legal { text-align: center; align-items: center; padding: 20px 24px; border-bottom: 1px solid #ffffff1f; }
 .footer-social { border-left: 0; }
 .footer-social a { flex: 1; width: auto; height: 64px; }
}