/* Header + footer rebuilt from Figma nodes 966:8371 and 926:2040. */

.site-header{height:60px;background:#fff;border-bottom:1px solid rgba(0,0,0,.1);backdrop-filter:none}
.nav-shell{width:960px;max-width:calc(100% - 40px);height:60px}
.site-header .brand{display:block;width:120px;height:24px;padding:0}
.site-header .brand img{display:block;width:89.529px;height:24px;max-width:none}
.desktop-nav{gap:24px}
.desktop-nav a{display:flex;align-items:center;justify-content:center;gap:4px;padding:10px 12px;border-radius:30px;color:rgba(0,0,0,.8);font-family:var(--ui);font-size:14px;font-weight:500;line-height:20px;transition:color .2s,background .2s}
.desktop-nav a:hover{color:#111;background:rgba(0,0,0,.04);transform:none}
.nav-chevron{display:block;width:12px;height:12px}
.nav-actions{width:120px;justify-content:flex-end;gap:32px}
.language{padding:0;color:rgba(0,0,0,.8);font-family:var(--ui);font-size:14px;font-weight:500;line-height:20px}
.login{display:flex;width:68px;height:32px;align-items:center;justify-content:center;padding:0;border:1px solid rgba(0,0,0,.1);border-radius:100px;background:#fff;color:rgba(0,0,0,.8);font-family:var(--ui);font-size:14px;font-weight:500;line-height:20px}
.login:hover{background:rgba(0,0,0,.04);color:#111}

.footer{position:relative;min-height:514px;padding:50px 120px 16px;overflow:hidden;background:#050505;color:#fff}
.footer:after{display:none}
.footer-texture{position:absolute;z-index:0;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.footer-grid{position:relative;z-index:1;display:grid;width:100%;min-height:330px;grid-template-columns:1fr 1fr;gap:0}
.footer-brand{display:flex;min-width:0;flex-direction:column;justify-content:space-between}
.footer-brand>div{display:flex;flex-direction:column;align-items:flex-start}
.footer-brand a>img{display:block;width:129.327px;height:34.667px}
.footer-brand p{margin:16px 0 0;color:rgba(255,255,255,.48);font-family:"PingFang SC",var(--sans);font-size:14px;line-height:18.7px}
.support-button{display:flex;height:36px;align-items:center;justify-content:center;margin-top:32px;padding:0 16px;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:rgba(255,255,255,.48);font-family:"PingFang SC",var(--sans);font-size:14px}
.community-button{display:block;width:32px;height:32px}
.community-button img{display:block;width:32px;height:32px}
.footer-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:start}
.footer-col{display:flex;min-width:0;flex-direction:column;gap:8px}
.footer-col h4{margin:0 0 8px;color:rgba(255,255,255,.88);font-family:var(--serif);font-size:16px;font-weight:600;line-height:24px}
.footer-col small{margin-top:0;color:rgba(255,255,255,.24);font-family:"PingFang SC",var(--sans);font-size:12px;line-height:12px}
.footer-col small:not(:first-of-type){margin-top:8px}
.footer-col a{color:rgba(255,255,255,.48);font-family:var(--ui);font-size:14px;line-height:24px;transition:color .2s}
.footer-col a:hover{color:rgba(255,255,255,.88)}
.footer-col a.is-disabled{color:rgba(255,255,255,.24)}
.copyright{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:50px 0 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.24);font-family:"PingFang SC",var(--sans);font-size:12px;font-weight:300;line-height:16px;text-align:center;white-space:nowrap}

@media(max-width:1100px){
  .footer{padding-inline:48px}
  .footer-grid{grid-template-columns:.8fr 1.2fr}
  .footer-links{gap:18px}
}

@media(max-width:800px){
  .site-header,.nav-shell{height:56px}
  .site-header .brand{width:100px}
  .site-header .brand img{width:89.529px;height:24px}
  .nav-actions{width:auto;gap:12px}
  .login{width:64px}
  .footer{min-height:0;padding:40px 24px 18px}
  .footer-grid{grid-template-columns:1fr;gap:48px}
  .footer-brand{min-height:210px}
  .footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}
  .copyright{margin-top:42px;white-space:normal}
}

@media(max-width:480px){
  .footer-links{grid-template-columns:1fr 1fr}
  .footer-col--models{grid-row:span 2}
}