/* ---------- site footer ---------- */
  .site-footer{ position:relative; overflow:hidden; background:radial-gradient(900px 520px at 88% 0%, rgba(46,204,143,.16) 0%, transparent 60%), radial-gradient(700px 500px at 4% 100%, rgba(139,217,40,.12) 0%, transparent 60%), var(--primary); }
  .site-footer::before{ content:""; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg, var(--grad-1), var(--grad-2), var(--grad-1)); }
  .site-footer .container{ position:relative; z-index:1; padding-top:72px; padding-bottom:28px; }
  .footer-grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:40px; }
  .footer-brand-logo{ display:inline-flex; margin-bottom:22px; }
  .footer-brand-logo img{ height:68px; width:auto; display:block; }
  .footer-brand p{ color:var(--on-dark-soft); font-size:14px; line-height:1.65; max-width:340px; }
  .footer-social{ display:flex; gap:10px; margin-top:20px; }
  .footer-col .footer-social a{ display:flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:50%; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); color:#fff; transition:background var(--dur-1) var(--ease), color var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease); }
  .footer-col .footer-social a:hover{ background:var(--grad-1); border-color:var(--grad-1); color:var(--primary); }
  .footer-social svg{ width:18px; height:18px; }
  .footer-col h4{ font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; color:var(--grad-1); margin-bottom:20px; }
  .footer-col ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:13px; }
  .footer-col a{ color:var(--on-dark-soft); font-size:14px; text-decoration:none; transition:color var(--dur-1) var(--ease), padding-left var(--dur-1) var(--ease); }
  .footer-col a:hover{ color:#fff; padding-left:4px; }
  .footer-contact li{ display:flex; align-items:flex-start; gap:10px; color:var(--on-dark-soft); font-size:14px; line-height:1.5; }
  .footer-contact svg{ width:16px; height:16px; flex:none; margin-top:2px; color:var(--grad-1); }
  .footer-contact-social{ margin-top:20px; }
  .footer-bottom{ margin-top:52px; padding-top:24px; border-top:1px solid rgba(255,255,255,.1); display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
  .footer-bottom p{ color:var(--on-dark-soft); font-size:13px; margin:0; }
  @media (max-width:900px){
	.footer-grid{ grid-template-columns:1fr 1fr; gap:32px 24px; }
	.footer-brand{ grid-column:1 / -1; }
  }
  @media (max-width:560px){
	.footer-grid{ grid-template-columns:1fr; }
	.footer-bottom{ flex-direction:column; align-items:flex-start; }
  }