/* =========================================================================
   footer — Figma 1053:2239 · mobile 973:874 (accordion columns)
   light-blue → white gradient · contact + social band · 2×4 link columns ·
   platform tiles · copyright.
   ========================================================================= */
.footer{padding:39px 0 34px;border-top:1px solid #000;background:linear-gradient(180deg,var(--sky) 0%,var(--white) 20.59%)}
.footer__top{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:62px;padding-bottom:40px;border-bottom:1px solid #d7d7d7}
.footer__contact{display:flex;align-items:center;gap:70px}
.footer__contact a{display:flex;align-items:center;gap:10px;font-size:22px;line-height:24px}
.footer__contact a span{text-decoration:underline;text-underline-offset:3px}
.footer__contact svg{flex:none;width:24px;height:24px}
.footer__contact a:hover{color:var(--blue)}
.footer__social{display:flex;gap:11px;padding-inline:4px}
.footer__social a{display:block;width:56px;height:56px;border-radius:50%}
.footer__social svg{width:100%;height:100%}
.footer__social a:hover{background:var(--sky)}
.footer__nav{padding-top:40px}
.footer__cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:56px 28px}
.footer__title{font-size:22px;line-height:28px;font-weight:700}
.footer__title button{display:block;width:100%;padding-bottom:18px;border-bottom:1px solid #4b4b4b;text-align:right;font-weight:700;cursor:default}
.footer__links{padding-top:18px;font-size:18px;line-height:28px;color:var(--text-2)}
.footer__links a:hover,.footer__links a:focus-visible{color:var(--blue)}
.footer__platforms{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:80px}
.footer__tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.footer__tiles li{display:flex;align-items:center;justify-content:center;width:148px;height:60px;border-radius:2px;background:var(--sky)}
.footer__tiles img{height:30px;width:auto;max-width:108px;object-fit:contain}
.footer__tiles svg{width:117px;height:auto;max-height:21px}
.footer__copy{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:39px;font-size:16px;line-height:28px;color:var(--text-2)}
.footer__copy img{width:80px;height:auto}

@media (max-width:1480px){
  .footer__contact{gap:40px}
  .footer__contact a{font-size:20px}
}
@media (max-width:1100px){
  .footer__top{flex-direction:column-reverse;align-items:center}
  .footer__contact{flex-wrap:wrap;justify-content:center;gap:16px 36px}
  .footer__cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}
  .footer__platforms{margin-top:56px}
}
@media (max-width:800px){
  .footer{padding:32px 0 110px}
  .footer__top{gap:28px;padding-bottom:28px;border:0}
  .footer__social{gap:10px}
  .footer__social a{width:48px;height:48px}
  .footer__contact{flex-direction:column;align-items:stretch;gap:20px;width:100%;padding:24px 20px;border:1px solid #d6edf5;border-radius:14px;background:var(--white)}
  .footer__contact a{justify-content:flex-start;font-size:19px}
  .footer__contact svg{width:40px;height:40px;padding:8px;border-radius:50%;background:var(--sky)}
  .footer__nav{padding-top:0}
  .footer__cols{grid-template-columns:1fr;gap:0}
  .footer__title button{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid #d7d7d7;font-size:20px;font-weight:400;cursor:pointer}
  .footer__title button::after{content:"";width:10px;height:10px;margin-left:6px;border:solid #000;border-width:0 0 1.5px 1.5px;transform:rotate(-45deg) translateY(-3px);transition:transform .2s}
  .footer__col.is-open .footer__title button::after{transform:rotate(135deg)}
  .footer__links{display:none;padding:12px 0 16px;font-size:17px;line-height:30px}
  .footer__col.is-open .footer__links{display:block}
  .footer__platforms{margin-top:36px;gap:10px}
  .footer__tiles{gap:10px}
  .footer__tiles li{width:calc((100vw - 2 * var(--gutter) - 30px) / 4);max-width:148px;height:46px}
  .footer__tiles img{height:22px;max-width:80%}
  .footer__tiles svg{width:84%}
  .footer__copy{margin-top:28px;font-size:14px}
}