
.site-footer{position:relative;z-index:40;box-sizing:border-box;width:min(1080px,calc(100% - 30px));margin:36px auto 24px;padding:22px 24px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:rgba(24,25,25,.88);box-shadow:0 18px 55px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(28px);color:#fff;font-family:Fixel,Inter,Arial,sans-serif}.site-footer__brand{display:flex;align-items:center;gap:11px}.site-footer__mark{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px}.site-footer__mark img{display:block;width:38px;height:38px;object-fit:contain}.site-footer__brand div{display:grid;gap:3px}.site-footer__brand b{font-size:11px;letter-spacing:.11em}.site-footer__brand small{font-size:10px;color:#8e9695}.site-footer__links{display:flex;align-items:center;gap:6px}.site-footer a{color:#a8afae;text-decoration:none}.site-footer__links a{padding:9px 11px;border-radius:11px;font-size:11px;transition:.2s}.site-footer__links a:hover{background:rgba(255,255,255,.08);color:#fff}.site-footer__meta{grid-column:1/-1;padding-top:15px;border-top:1px solid rgba(255,255,255,.07);display:flex;gap:16px;align-items:center;color:#737b7a;font-size:9px;letter-spacing:.04em}.site-footer__meta span{margin-left:auto}.site-footer__meta a:hover{color:#fff}
@media(min-width:600px){body.has-public-nav .site-footer,body:has(.desktop-sidebar) .site-footer{width:min(1080px,calc(100% - 165px));margin-left:calc(117px + (100% - 117px)/2);margin-right:0;transform:translateX(-50%)}}
@media(min-width:600px){html:has(body.home-page),body.home-page{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}.home-page .scene{position:fixed;height:auto;bottom:12px}.home-page .content-stack{position:relative;top:auto}body.home-page:has(.desktop-sidebar) .site-footer{position:relative;z-index:40;left:calc(117px + (100% - 117px)/2);right:auto;bottom:auto;width:min(660px,calc(100% - 165px));max-width:none;margin:0 0 24px!important;padding:15px 22px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:rgba(24,25,25,.88);box-shadow:0 18px 55px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(28px);transform:translateX(-50%);grid-template-columns:1fr auto}.home-page .site-footer__meta{display:flex;padding-top:10px;gap:12px}}
.site-footer-clearance{display:none}
@media(max-width:599px){.site-footer{z-index:1;width:calc(100% - 24px);margin:26px 12px 0;padding:19px 17px;border-radius:20px;grid-template-columns:1fr;gap:17px}.site-footer__links{display:grid;grid-template-columns:1fr 1fr;gap:5px}.site-footer__links a{padding:9px 0}.site-footer__meta{grid-column:1;flex-wrap:wrap;gap:10px 14px}.site-footer__meta span{width:100%;margin:0}.site-footer-clearance{display:block;width:100%;height:calc(96px + env(safe-area-inset-bottom,0px));flex:0 0 auto;pointer-events:none}.bottom-wrap,.bottom-nav,.public-bottom-nav,.nav{z-index:5000!important}}

/* Keep the desktop home composition within the available screen height. */
@media(min-width:600px){
 html:has(body.home-page){height:100%;overflow:hidden}
 body.home-page{--home-card-height:clamp(72px,calc((100svh - 390px)/4),147px);height:100svh;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:16px 0}
 .home-page .content-stack{position:relative;top:auto;left:auto;translate:none;flex:none;min-height:0;padding:0;gap:12px;justify-content:flex-start}
 .home-page .invite-list .css-k02z6t{height:var(--home-card-height);border-radius:clamp(20px,3vh,32px);clip-path:inset(0 round 24px)}
 .home-page .invite-list .css-2lxut8{height:calc(var(--home-card-height) - 24px);max-width:75%;object-fit:contain}
 .home-page .invite-list .css-klietf{top:12px;left:14px;font-size:14px}
 .home-page .invite-list .css-v04pep{height:30px;bottom:10px;left:12px;padding:6px 14px}
 .home-page .installment-card{height:calc(var(--home-card-height)*2 + 12px);padding:18px 24px;display:flex;flex-direction:column;align-items:flex-start}
 .home-page .installment-title{font-size:28px;margin-top:8px}
 .home-page .installment-description{font-size:12px;margin-top:8px}
 .home-page .installment-action{left:24px;bottom:16px;padding:6px 12px}
 body.home-page:has(.desktop-sidebar) .site-footer{flex:none;left:auto;bottom:auto;margin:0!important;margin-left:calc(117px + (100% - 117px)/2)!important;padding:12px 18px;gap:12px}
 .home-page .site-footer__meta{padding-top:8px}
}
@media(min-width:600px) and (max-height:800px){
 body.home-page{--home-card-height:clamp(66px,calc((100svh - 300px)/4),125px);gap:12px;padding:12px 0}
 .home-page .content-stack{gap:10px}
 .home-page .hero-copy h1{font-size:34px}
 .home-page .hero-copy p{font-size:12px;line-height:16px;margin-top:6px}
 .home-page .hero-logo{width:34px;height:34px}
 .home-page .portfolio-link{padding:10px 14px}
 .home-page .installment-title{font-size:26px;line-height:1.08}

 .home-page .site-footer__brand small{display:none}
 .home-page .site-footer__mark,.home-page .site-footer__mark img{width:28px;height:28px;flex-basis:28px}
 .home-page .site-footer__links a{padding:6px 8px}
 .home-page .site-footer__meta{padding-top:6px}
}
@media(min-width:600px) and (max-width:800px){
 .home-page .site-footer__brand{gap:6px}
 .home-page .site-footer__brand b{font-size:9px}
 .home-page .site-footer__links{gap:0}
 .home-page .site-footer__links a{padding:6px 4px;font-size:10px}
}
@media(min-width:600px) and (max-height:650px){.home-page .installment-description{display:none}}
