.footer{padding:72px max(28px,7vw) 28px;background:linear-gradient(180deg,#080b09,#050706);border-top:1px solid #d0a95b28}.top{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:clamp(34px,6vw,78px);align-items:start}.brand{max-width:310px}.brand>p{color:#959a94;font-size:13px;line-height:1.8;margin:24px 0 20px}.trust{display:flex;flex-wrap:wrap;gap:8px}.trust span{padding:7px 10px;border:1px solid #ffffff14;border-radius:20px;color:#aeb2ad;font-size:11px}.trust span:last-child{color:#69c9a8}.links{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.links>b{color:#e0c487;font-size:13px;margin:3px 0 8px;letter-spacing:.2px}.links>a{color:#999e99;font-size:13px;line-height:1.4;transition:.2s}.links>a:hover{color:#e0c487;transform:translateX(3px)}.bottom{max-width:1180px;margin:55px auto 0;padding-top:23px;border-top:1px solid #ffffff12;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;color:#727772;font-size:11px}.bottom>div{display:flex;align-items:center;justify-content:center;gap:10px}.bottom a{color:#8f948f}.bottom>span:last-child{text-align:right}@media(max-width:900px){.top{grid-template-columns:1.45fr repeat(3,1fr);gap:26px}.bottom{grid-template-columns:1fr 1fr}.bottom>div{justify-content:flex-end}.bottom>span:last-child{grid-column:1/-1;text-align:left}}@media(max-width:700px){.footer{padding:52px 22px 88px}.top{grid-template-columns:1fr 1fr;gap:38px 24px}.brand{grid-column:1/-1;max-width:none}.brand>a:first-child{width:max-content;margin-inline:auto}.brand>p{font-size:13px;max-width:420px}.links>b,.links>a{font-size:13px}.top>.links:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.top>.links:last-child>b{grid-column:1/-1}.bottom{margin-top:42px;grid-template-columns:1fr;gap:14px;font-size:11px}.bottom>div{justify-content:flex-start}.bottom>span:last-child{grid-column:auto;text-align:left;line-height:1.6}}
.footer{background:linear-gradient(180deg,#070707,#030303);border-top-color:color-mix(in srgb,var(--gold) 20%,transparent)}.trust span:last-child,.links>b,.links>a:hover{color:var(--gold)}
.brand>.footerTerms{color:#959a94;font-size:12px;line-height:1.8;margin:24px 0 20px}

/* Footer structure contract for uploaded brand artwork and generated navigation. */
.brand>.logo{display:flex;width:min(250px,100%);min-width:0;align-items:center;gap:12px;text-decoration:none}
.brand>.logo img,.brand>a:first-child img{display:block;width:auto!important;height:64px!important;max-width:100%;object-fit:contain;object-position:left center}
.brand>.logo>div{min-width:0}.brand>.logo b,.brand>.logo small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.footer .top>.links{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:13px}
.footer .top>.links:has(>div){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.footer .top>.links>div{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:13px}.footer .top>.links>div>b{margin:3px 0 8px;color:var(--gold);font-size:13px}.footer .top>.links>div>a{color:#999e99;font-size:13px;line-height:1.4}
@media(max-width:900px){.footer .top{grid-template-columns:repeat(3,minmax(0,1fr))}.footer .brand{grid-column:1/-1;max-width:520px}}
@media(max-width:700px){.footer .top{grid-template-columns:1fr 1fr}.footer .brand{grid-column:1/-1}.brand>.logo{margin-inline:0}.brand>.logo img,.brand>a:first-child img{height:56px!important}.footer .top>.links:last-child{grid-column:1/-1}.footer .top>.links:has(>div){grid-template-columns:1fr 1fr}.footer .top>.links>div:last-child{grid-column:1/-1}}

/* Legacy and current generated footers share one balanced, readable layout. */
.footer{padding:56px max(24px,5vw) 24px}
.footer .top{width:100%;max-width:1240px;grid-template-columns:minmax(300px,1.55fr) repeat(3,minmax(145px,1fr));gap:clamp(28px,4vw,62px)}
.footer .brand{width:100%;max-width:480px}
.footer .brand>.footerTerms{max-width:480px;margin:20px 0 0;color:#a3a8a3;font-size:13px;line-height:1.85}
.footer .top>.links b,.footer .top>.links>div>b{white-space:nowrap;color:var(--gold);font-size:14px;line-height:1.35}
.footer .top>.links a,.footer .top>.links>div>a{max-width:100%;color:#a9aea9;font-size:13px;line-height:1.55;text-wrap:pretty}
.footer .bottom{max-width:1240px;margin-top:38px;padding-top:20px}

@media(min-width:1101px){
  .footer .top:has(>.links>div){
    grid-template-columns:minmax(360px,.95fr) minmax(620px,1.25fr);
    grid-template-areas:"brand links" "trust links";
    column-gap:clamp(64px,8vw,130px);
    row-gap:18px;
  }
  .footer .top:has(>.links>div)>.brand{grid-area:brand;max-width:520px}
  .footer .top:has(>.links>div)>.trust{grid-area:trust;align-self:start;margin:0}
  .footer .top:has(>.links>div)>.links{grid-area:links;width:100%;align-self:start;grid-template-columns:repeat(3,minmax(170px,1fr));gap:clamp(30px,4vw,64px)}
}

.footer .top>.trust{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.footer .top>.trust>b,.footer .top>.trust>span{margin:0;padding:8px 12px;border:1px solid color-mix(in srgb,var(--gold) 30%,#242424);border-radius:999px;color:#d8d3c9;font-size:11px;font-weight:700;line-height:1.2;white-space:nowrap}
.footer .top>.trust>span{color:var(--gold)}

@media(max-width:1100px){
  .footer .top,.footer .top:has(>.links>div){grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:none;gap:34px}
  .footer .brand,.footer .top:has(>.links>div)>.brand{grid-area:auto;grid-column:1/-1;max-width:560px}
  .footer .top:has(>.links>div)>.trust{grid-area:auto;grid-column:1/-1}
  .footer .top:has(>.links>div)>.links{grid-area:auto;grid-column:1/-1;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
}

@media(max-width:700px){
  .footer{padding:48px 20px 92px}
  .footer .top,.footer .top:has(>.links>div){grid-template-columns:1fr 1fr;gap:34px 22px}
  .footer .brand,.footer .top:has(>.links>div)>.brand{grid-column:1/-1}
  .footer .brand>.footerTerms{font-size:12px;line-height:1.8}
  .footer .top:has(>.links>div)>.trust{grid-column:1/-1}
  .footer .top:has(>.links>div)>.links{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:30px 22px}
  .footer .top:has(>.links>div)>.links>div:last-child{grid-column:1/-1}
  .footer .top>.links b,.footer .top>.links>div>b{font-size:13px}
  .footer .top>.links a,.footer .top>.links>div>a{font-size:12px}
  .footer .bottom{margin-top:34px}
}