.vn-sitefooter{--f-text:#214a71;--f-muted:#5b7894;--f-line:#5b95c94d;--f-accent:#167ed1;--f-hover:#228ee1;color:var(--f-text);text-align:left;background:linear-gradient(#deeffd40,#cfe7fba6);padding:56px max(24px,50% - 640px) 96px;font-family:Inter,sans-serif}.vn-sitefooter-grid{grid-template:"brand company products clients""brand company products contacts"1fr/1.35fr 1fr 1fr 1.15fr;align-items:start;gap:20px clamp(24px,4vw,56px);display:grid}.vn-sitefooter-grid:not([data-columns~=products]){grid-template-columns:1.35fr 1fr 1.15fr;grid-template-areas:"brand company clients""brand company contacts"}.vn-sitefooter-brand{grid-area:brand}.vn-sitefooter-company{grid-area:company}.vn-sitefooter-products{grid-area:products}.vn-sitefooter-clients{grid-area:clients}.vn-sitefooter-contacts{grid-area:contacts}.vn-sitefooter-logo{line-height:0;display:inline-block}.vn-sitefooter-logo img{width:200px;height:auto}.vn-sitefooter-tagline{max-width:32ch;color:var(--f-muted);margin:14px 0 18px;font-size:14px;line-height:1.6}.vn-sitefooter-heading{letter-spacing:.08em;text-transform:uppercase;color:var(--f-muted);margin:0 0 10px;font-size:12px;font-weight:600;line-height:1.4}.vn-sitefooter ul{margin:0;padding:0;list-style:none}.vn-sitefooter-col ul{gap:2px;display:grid}.vn-sitefooter-link{min-height:32px;font:inherit;color:inherit;cursor:pointer;overflow-wrap:anywhere;text-align:left;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:14px;font-weight:400;line-height:1.5;text-decoration:none;display:inline-flex}.vn-sitefooter-link:hover{color:var(--f-hover);text-underline-offset:3px;text-decoration:underline}.vn-sitefooter-link:focus-visible{outline:2px solid var(--f-hover);outline-offset:3px;border-radius:4px}.vn-sitefooter-link[aria-current=page]{color:var(--f-accent);font-weight:600}.vn-sitefooter-link svg{width:14px;height:14px}.vn-sitefooter-contacts{flex-direction:column;align-items:flex-start;font-style:normal;display:flex}.vn-sitefooter-hotline{margin:10px 0 2px}.vn-sitefooter-socials{align-items:center;gap:12px;display:flex}.vn-sitefooter-socials a{border:1px solid var(--f-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:44px;height:44px;color:inherit;background:#ffffff61;border-radius:14px;place-items:center;transition:background .2s,color .2s,transform .2s;display:grid;box-shadow:inset 0 1px #ffffffa6}.vn-sitefooter-socials a:hover{color:var(--f-hover);background:#77c2fa40;transform:translateY(-2px)}.vn-sitefooter-socials a:focus-visible{outline:2px solid var(--f-hover);outline-offset:3px}.vn-sitefooter-bottom{border-top:1px solid var(--f-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:40px;padding-top:16px;padding-right:104px;display:flex}.vn-sitefooter-copy{color:var(--f-muted);margin:0;font-size:13px;line-height:1.5}.vn-sitefooter-legal{flex-wrap:wrap;align-items:center;row-gap:4px;display:flex}.vn-sitefooter-legal li{align-items:center;display:flex}.vn-sitefooter-legal li+li:before{content:"·";color:var(--f-muted);margin:0 10px}@media (prefers-reduced-motion:reduce){.vn-sitefooter-socials a{transition:none}.vn-sitefooter-socials a:hover{transform:none}}html[data-vn-theme=night] .vn-sitefooter{--f-text:#deecfc;--f-muted:#9fb6cd;--f-line:#9fcbed40;--f-accent:#7cc4ff;--f-hover:#a8d8ff;background:linear-gradient(#09182826,#091828a6)}html[data-vn-theme=night] .vn-sitefooter-logo img{filter:brightness(0)invert()}html[data-vn-theme=night] .vn-sitefooter-socials a{background:#4677a11f;box-shadow:inset 0 1px #d7edff1f}@media (width<=1024px){.vn-sitefooter-grid{grid-template:"brand company""products clients""products contacts"1fr/1fr 1fr;row-gap:28px}.vn-sitefooter-grid:not([data-columns~=products]){grid-template-columns:1fr 1fr;grid-template-areas:"brand company""clients contacts"}}@media (width<=600px){.vn-sitefooter{padding:40px 20px 160px}.vn-sitefooter-grid{grid-template-rows:none;grid-template-columns:1fr;grid-template-areas:"brand""contacts""company""products""clients";row-gap:28px}.vn-sitefooter-grid:not([data-columns~=products]){grid-template-columns:1fr;grid-template-areas:"brand""contacts""company""clients"}.vn-sitefooter-logo img{width:180px}.vn-sitefooter-link{min-height:44px}.vn-sitefooter-col ul{gap:0}.vn-sitefooter-bottom{flex-direction:column;align-items:flex-start;gap:16px;padding-right:0}.vn-sitefooter-copy{order:2}.vn-sitefooter-legal{flex-direction:column;align-items:flex-start}.vn-sitefooter-legal li+li:before{content:none}}
