.site-footer{color:var(--fg);margin-top:40px}
.footer-top{background:color-mix(in srgb,var(--surface) 72%,transparent);border:1px solid var(--border);border-radius:20px;padding:28px 22px}
.footer-grid{display:grid;grid-template-columns:1fr;gap:24px}
.footer-col{min-width:0;padding-inline:12px;padding-block:10px}
.footer-logo{display:inline-block}
.footer-logo img{display:block;height:auto;max-width:100%}
.footer-text{margin-top:16px;font-size:14px;line-height:1.9;opacity:.9}
.footer-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;margin:12px 0 18px}
.footer-title::before{content:"";inline-size:10px;block-size:10px;border-radius:50%;background:var(--brand-500);box-shadow:0 0 0 6px color-mix(in srgb,var(--brand-500) 20%,transparent)}
.footer-title::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--brand-500),transparent 60%)}
.footer-nav ul,.footer-tags ul{list-style:none;margin:0;padding:0}
.footer-nav ul li+li{margin-top:10px}
.footer-nav a{color:var(--fg);text-decoration:none;font-size:14px}
.footer-nav a:hover{color:var(--brand-500)}
.footer-tags ul{display:flex;flex-wrap:wrap;gap:12px}
.footer-tags a{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg) 65%,transparent);text-decoration:none;font-size:13px;line-height:1;color:var(--fg)}
.footer-tags a:hover{border-color:var(--brand-500);color:var(--brand-500)}
.footer-tags a span:first-child{color:var(--brand-500);font-weight:700}
.footer-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding-top:16px;border-top:1px solid var(--border)}
.footer-copy{font-size:12.5px;opacity:.85}
.sk-social{display:flex;gap:12px}
.sk-soc{inline-size:40px;block-size:40px;display:grid;place-items:center;border:1px solid var(--border);border-radius:12px;background:color-mix(in oklab,var(--surface),var(--brand-600) 4%);color:var(--brand-600);line-height:0;transition:background-color .12s ease,border-color .12s ease}
.sk-soc:hover{background:color-mix(in oklab,var(--surface),var(--brand-500) 10%);border-color:color-mix(in oklab,var(--border),var(--brand-500) 18%)}
.sk-ic{width:18px;height:18px;display:block;transform:translateY(.4px)}
.sk-ic.is-outline path{fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.sk-ic.is-solid path{fill:currentColor;stroke:none}
@media (min-width:768px){
  .footer-top{padding:32px 26px;border-radius:24px}
  .footer-grid{grid-template-columns:1.2fr .9fr 1.1fr;gap:28px}
  .footer-col{padding-inline:14px}
  .footer-title{font-size:17px}
  .footer-copy{font-size:13px}
}
@media (max-width:767.98px){
  .footer-meta{flex-direction:column;align-items:flex-start;gap:12px}
}