.site-footer{position:relative;background:#f0f4f7;color:#102b55;padding:64px 6.11vw 26px;border-top:1px solid #d7e1e9}
.site-footer:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#4384b0,#6eab99 36%,#d7b87c 68%,#cd827b)}
.footer-inner{max-width:1320px;margin:auto}
.footer-top{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-bottom:48px;border-bottom:1px solid #cbd6df}
.footer-brand{text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.footer-name{font-size:32px;letter-spacing:.18em;line-height:1.4}
.footer-english{font:11px var(--sans);letter-spacing:.19em}
.footer-up{display:flex;align-items:center;gap:24px;font:13px var(--sans);text-decoration:none;min-height:44px;flex-shrink:0}
.footer-up span{border:1px solid #a8bbcc;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:20px}
.footer-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;padding:44px 0 48px}
.footer-group h2{font:12px var(--sans);letter-spacing:.1em;color:#52677c;margin:0 0 18px;line-height:1.7}
.footer-group ul{list-style:none;margin:0;padding:0}
.footer-group li{margin:0}
.footer-group a,.footer-group button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 0;font:15px/1.8 var(--sans);text-decoration:none;text-align:left;overflow-wrap:anywhere}
.footer-group a span,.footer-group button span{font-size:15px;opacity:.6;flex:none}
.footer-group a:hover,.footer-group button:hover{text-decoration:underline;text-underline-offset:5px}
.footer-bottom{border-top:1px solid #cbd6df;padding-top:24px;display:flex;justify-content:space-between;gap:16px;font:11px/1.9 var(--sans);color:#52677c}
.footer-bottom small{font-size:inherit}
.company .site-footer{background:#061d36;color:#f5f8fc;border-top:0}
.company .site-footer:before{background:linear-gradient(90deg,#347ca9,#91b4cc 48%,#244c6e)}
.company .footer-brand{flex-direction:row;align-items:center;gap:24px}
.footer-brand img{width:82px;height:auto}
.footer-company-name{font:18px/1.9 var(--serif);letter-spacing:.06em}
.company .footer-top,.company .footer-bottom{border-color:#344b60}
.company .footer-group h2,.company .footer-bottom{color:#b9cada}
.company .footer-up span{border-color:#5b7287}
.company .site-footer :focus-visible{outline-color:#f1c18a}
.preview-footer{border-top:1px solid #d7e1e9}
@media(max-width:760px){
 .site-footer{padding:42px 24px 26px}
 .footer-top{align-items:flex-start;padding-bottom:30px;gap:16px}
 .footer-name{font-size:26px}
 .footer-english{font-size:9px;letter-spacing:.15em}
 .footer-up{font-size:0;gap:0}
 .footer-up span{font-size:20px}
 .footer-nav{grid-template-columns:1fr;gap:26px;padding:30px 0}
 .footer-group h2{margin-bottom:10px}
 .footer-group a,.footer-group button{font-size:14px;min-height:48px;border-bottom:1px solid #dbe3ea}
 .company .footer-group a,.company .footer-group button{border-color:#263f55}
 .footer-bottom{flex-direction:column;gap:10px}
 .company .footer-brand{flex-direction:column;gap:14px;align-items:flex-start}
 .footer-brand img{width:55px}
 .footer-company-name{font-size:13px;letter-spacing:0}
}