/* Customer-facing navigation and shared support entry points. */
html{scroll-padding-top:115px}
#app>header{top:0}
#app>header .nav-login{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app>.site-footer{display:block;background:transparent;margin-top:64px;border-color:var(--border)}
#app>.site-footer .site-footer-main{display:grid}
#app>.site-footer nav{position:static;display:flex;flex-direction:column;gap:12px}
#app>.site-footer nav a{display:block;margin:0;font-size:15px}
#app>.site-footer h2{font-family:inherit;font-size:16px}
#app>.site-footer .site-footer-bottom{display:flex}
#app>.site-footer .site-footer-bottom span{margin:0}
.agreement-links{display:grid;gap:12px;margin:20px 0;font-size:14px}
.agreement-links a,.fine-note a{text-decoration:underline;text-underline-offset:4px;color:var(--accent)}
body[data-page=studio] .preview{top:116px}
.order-demo .order-placeholder{display:grid;place-items:center;width:75px;height:130px;flex-shrink:0;border:1px solid var(--border);border-radius:9px;background:var(--soft);color:var(--muted);font-size:12px}
.generation-recovery{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:25px}
@media(max-width:800px){html{scroll-padding-top:96px}#app>.site-footer .site-footer-bottom{display:block}.nav-login{max-width:100px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}