.marquee { overflow: hidden; border-bottom: 1px solid var(--border); background: var(--bg); -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.marquee-track { display: flex; width: max-content; padding-block: 16px; animation: marquee 40s linear infinite; will-change: transform; }
.marquee:hover .marquee-track { animation-play-state: paused; }
.marquee-track span { display: inline-flex; align-items: center; gap: 10px; margin-right: 52px; color: var(--muted); font: 500 12px var(--mono); white-space: nowrap; }
.marquee-track i { font-size: 20px; color: var(--primary-color); opacity: .85; }
@keyframes marquee { to { transform: translateX(-50%); } }

.is-offscreen, .is-offscreen *, .is-offscreen::before, .is-offscreen::after, .is-offscreen *::before, .is-offscreen *::after { animation-play-state: paused !important; }
#contact { content-visibility: auto; contain-intrinsic-size: auto 700px; }
.form-fallback { color: var(--primary-color); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
#installApp[hidden] { display: none; }
:root[data-accent="mono"] .preview-site-bar > span:last-child { color: #f5f5f5; }