/* Pie de pagina compartido por la landing, privacy, terms y use-cases.
   Vive aqui y no en cada <style> para que las seis paginas no diverjan.
   Fondo indigo de marca; el texto gris claro es blanco al 78% (12:1 sobre
   el indigo, AA de sobra). Usa sus propios contenedores (.f-wrap) porque
   el .wrap de cada pagina tiene un ancho distinto. */
.site-footer{background:var(--p1);color:rgba(255,255,255,.78);padding:64px 0 40px;position:relative;z-index:1;font-family:var(--body)}
.site-footer .f-wrap{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,48px);display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px}
.site-footer .f-logo{display:inline-block}
.site-footer .f-logo img{height:48px;width:auto;display:block}
.site-footer .f-desc{margin-top:16px;max-width:320px;font-size:15px;line-height:1.6}
.site-footer .f-copy{margin-top:24px;font-size:14px}
.site-footer .f-title{font-family:var(--heading);font-size:16px;font-weight:600;color:white;margin:0 0 16px;letter-spacing:.02em}
.site-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.site-footer a{color:rgba(255,255,255,.78);text-decoration:none;font-size:15px;transition:color .2s}
.site-footer a:hover{color:white;text-decoration:underline;text-underline-offset:3px}
.site-footer a:focus-visible{outline:2px solid white;outline-offset:3px;border-radius:4px}
@media(max-width:768px){
  .site-footer{padding:48px 0 32px}
  .site-footer .f-wrap{grid-template-columns:1fr;gap:32px}
}
@media(prefers-reduced-motion:reduce){.site-footer a{transition:none}}