.container { max-width: 1100px; margin: 0 auto; padding: 0 2rem; }
.site-header { 
    height: 72px; 
    position: sticky; 
    top: 0; 
    z-index: 1000; 
    background: var(--color-surface-glass); 
    backdrop-filter: blur(12px); 
    border-bottom: 1px solid var(--color-border);
    display: flex;
    align-items: center;
}
.header__inner { 
    display: flex; 
    align-items: center; 
    justify-content: space-between; 
    width: 100%;
}
.nav__list { 
    display: flex; 
    gap: 1rem; 
    align-items: center; 
    margin: 0; 
    padding: 0; 
}
.scroll-beat { padding: 120px 0; }
.fade-in { animation: fadeIn 0.8s cubic-bezier(0.23, 1, 0.32, 1) forwards; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }

/* Premium Footer */
.premium-footer { padding: 80px 0 40px; background: var(--color-bg); border-top: 1px solid var(--color-border); }
.footer__content { display: flex; justify-content: space-between; gap: 4rem; margin-bottom: 60px; }
.footer__brand-area { max-width: 300px; }
.footer__nav-grid { display: flex; gap: 4rem; }
.footer__heading { display: block; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--color-text); margin-bottom: 1.5rem; opacity: 0.8; }
.footer__list { list-style: none; padding: 0; margin: 0; }
.footer__list li { margin-bottom: 0.75rem; }
.footer__link { color: var(--color-text-muted); font-size: 0.9rem; transition: color 0.2s; }
.footer__link:hover { color: var(--color-primary); }
.footer__legal { padding-top: 30px; border-top: 1px solid var(--color-border); font-size: 0.8rem; color: var(--color-text-muted); opacity: 0.5; }

.content-column { max-width: 70ch; margin: 0 auto; }
.glass-backplate { background: var(--color-surface-glass); backdrop-filter: blur(10px); padding: 2rem; border-radius: 12px; border: 1px solid var(--color-border); }