*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block;object-fit:cover}
a{text-decoration:none;color:inherit}

@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}
.animate-up{animation:fadeUp 0.7s cubic-bezier(0.2,0.8,0.2,1) forwards;opacity:0}
.delay-1{animation-delay:0.1s}
.delay-2{animation-delay:0.25s}

.float-wa{position:fixed;bottom:24px;right:24px;width:54px;height:54px;background:#25D366;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 6px 24px rgba(37,211,102,.35);z-index:999;transition:transform .3s,box-shadow .3s}
.float-wa:hover{transform:translateY(-4px);box-shadow:0 10px 32px rgba(37,211,102,.45)}

.empty{text-align:center;padding:60px;color:#999;font-size:15px}

.ftr{border-top:1px solid #ddd;padding:40px 5% 20px;background:#fff}
.ftr-in{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}
.ftr-c h4{font-size:13px;font-weight:700;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px;color:#555}
.ftr-c p{color:#888;font-size:14px;line-height:1.8}
.ftr-s{display:flex;gap:14px;margin-top:8px}
.ftr-s a{width:40px;height:40px;border-radius:50%;background:#f5f5f5;display:flex;align-items:center;justify-content:center;font-size:18px;color:#666;transition:.3s}
.ftr-s a:hover{color:#25D366;background:#e6f7ee;transform:translateY(-3px)}
.ftr-copy{text-align:center;color:#bbb;font-size:12px;margin-top:24px;padding-top:16px;border-top:1px solid #eee}
@media(max-width:640px){.ftr-in{grid-template-columns:1fr;gap:20px}}