.site-footer{background:var(--dd-ink);color:var(--dd-paper);padding:96px 0 40px}
.footer-top{display:grid;grid-template-columns:1fr;gap:56px;padding-bottom:64px;border-bottom:1px solid rgba(251,248,244,.14)}
@media (min-width:901px){ .footer-top{grid-template-columns:1.3fr 1fr 1fr 1fr} }

.footer-brand img{height:26px;width:auto;display:block;margin-bottom:24px}
.footer-brand p{font-family:var(--dd-font-body);font-size:14.5px;line-height:1.65;color:rgba(251,248,244,.6);max-width:34ch;margin:0 0 26px}

.newsletter-form{display:flex;align-items:center;gap:12px;max-width:330px}
@media (max-width:560px){ .newsletter-form{flex-direction:column;max-width:100%;width:100%;gap:10px} }
.newsletter-form input{flex:1;min-width:0;font-family:var(--dd-font-body);font-size:14px;color:var(--dd-paper);background:rgba(251,248,244,.07);border:1px solid rgba(251,248,244,.18);border-radius:999px;padding:12px 18px;outline:none}
@media (max-width:560px){ .newsletter-form input{width:100%} }
.newsletter-form input:focus{border-color:var(--dd-signal-3)}
.newsletter-form button{flex:none;white-space:nowrap;font-family:var(--dd-font-ui);font-size:14px;color:#fff;background:var(--dd-gradient);padding:12px 24px;border-radius:999px;line-height:1}
@media (max-width:560px){ .newsletter-form button{width:100%} }

.footer-col-heading{font-family:var(--dd-font-ui);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(251,248,244,.42);margin-bottom:20px}
.footer-col-links{display:grid;gap:12px}
.footer-col-links a{font-family:var(--dd-font-body);font-size:14.5px;color:rgba(251,248,244,.72)}
.footer-col-links a:hover{color:var(--dd-signal-1)}

.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:28px;flex-wrap:wrap}
.footer-meta{display:flex;align-items:center;gap:24px;font-family:var(--dd-font-ui);font-size:12.5px;color:rgba(251,248,244,.42);flex-wrap:wrap}
.footer-social{display:flex;align-items:center;gap:10px}
.footer-social a{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:rgba(251,248,244,.6);border:1px solid rgba(251,248,244,.16)}
.footer-social a:hover{color:var(--dd-signal-1);border-color:rgba(255,138,0,.5)}

.back-to-top{position:fixed;right:24px;bottom:24px;z-index:80;width:52px;height:52px;border-radius:50%;background:var(--dd-gradient);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--dd-shadow-back-top);transition:transform .25s var(--dd-ease),box-shadow .25s;opacity:0;pointer-events:none;transform:translateY(8px)}
.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}
.back-to-top:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(255,68,0,.4)}