.footer { background: var(--surface-container); padding: 56px 0 32px; margin-top: 64px; border-top-left-radius: var(--r-2xl); border-top-right-radius: var(--r-2xl); }
.ft-row { display: grid; grid-template-columns: auto 1fr auto; gap: 32px; align-items: center; padding-bottom: 32px; border-bottom: 1px solid var(--outline-variant); }
.ft-name { display: flex; align-items: center; gap: 12px; font-family: var(--display); font-size: 16px; font-weight: 600; }
.ft-name .brand-mark { width: 32px; height: 32px; font-size: 13px; }
.ft-name em { font-weight: 400; opacity: 0.6; font-style: normal; }
.ft-nav { display: flex; gap: 18px; justify-content: center; flex-wrap: wrap; }
.ft-nav a { font-size: 14px; color: var(--on-surface-variant); padding: 8px 14px; border-radius: var(--r-full); }
.ft-nav a:hover { background: var(--surface-container-high); color: var(--on-surface); }
.ft-meta { font-size: 12px; color: var(--on-surface-variant); text-align: right; }
.ft-mantra { font-family: var(--display); font-size: clamp(40px, 7vw, 96px); line-height: 0.95; letter-spacing: -0.03em; font-weight: 500; padding-top: 32px; color: var(--on-surface); }
.ft-mantra em { font-style: italic; color: var(--primary); }