/* Framer-layout pages (index, about, facil-ai): glue between the Framer
   capture and the shared site chrome. Keep this file small. */
body { background: #02070D; }
.fp-nav-spacer { flex: none; width: 100%; height: 84px; }
@media (max-width: 860px) { .fp-nav-spacer { height: 72px; } }
[data-fp-reveal] { transition: opacity 700ms cubic-bezier(0.2, 0.7, 0.2, 1), transform 700ms cubic-bezier(0.2, 0.7, 0.2, 1); }
html:not(.js) [data-fp-reveal] { opacity: 1 !important; transform: none !important; }
#main { overflow-x: clip; }
.fp-ticker { width: max-content !important; animation: fp-ticker 40s linear infinite; }
@keyframes fp-ticker { to { transform: translateX(calc(-50% - 37px)); } }
@media (prefers-reduced-motion: reduce) { [data-fp-reveal] { opacity: 1 !important; transform: none !important; } }
/* Facil.AI "The partnership" band: Framer set it to 100vh, which left huge empty
   bands above and below on tall screens. Size it to its content instead. */
#main .framer-tkas47 { height: auto !important; padding-block: clamp(64px, 7vw, 104px) !important; }