/* fomo endpoint takeover: motions.fun/fomo/. */
.fo-bar, .fo-powered, .fo-foot { display:none !important; }
[data-sponsor="fomo"] .fo-bar, [data-sponsor="fomo"] .fo-powered,
[data-sponsor="fomo"] .fo-foot { display:inline-flex !important; }
[data-sponsor="fomo"] .fo-bar { display:flex !important; }
[data-sponsor="fomo"] { --fo-night:#060510; --fo-mist:#CBD0EB; --fo-bar:34px; }
.fo-logo { display:inline-block; height:1em; aspect-ratio:1; flex:none; background:url(fomo-logo-v1.svg) center/contain no-repeat; }
.fo-lockup { display:inline-flex; align-items:center; gap:5px; color:var(--fo-mist); font-size:15px; letter-spacing:-.05em; }
.fo-lockup .fo-logo { height:18px; border-radius:4px; }
.fo-bar { position:fixed; top:0; left:0; right:0; z-index:60; height:var(--fo-bar); align-items:center; justify-content:center; gap:14px; background:var(--fo-night); color:var(--fo-mist); text-decoration:none; box-shadow:0 1px 0 rgba(203,208,235,.2); font:600 13px/1 Inter,system-ui,sans-serif; }
.fo-bar .fo-logo { height:16px; border-radius:3px; }.fo-bar__copy { opacity:.72; }.fo-bar__cta { display:inline-flex; gap:5px; padding:6px 11px; border-radius:999px; background:var(--fo-mist); color:var(--fo-night); font-size:12px; font-weight:700; }
[data-sponsor="fomo"] .nav { top:var(--fo-bar); } [data-sponsor="fomo"] #hero { padding-top:var(--fo-bar); height:auto; min-height:100dvh; }
#hero .fo-powered { position:relative; z-index:6; margin:clamp(12px,1.8vh,18px) 0 0; align-items:center; gap:8px; padding:8px 15px; border-radius:999px; color:var(--fo-mist); background:rgba(6,5,16,.9); text-decoration:none; font:600 12px/1 Inter,system-ui,sans-serif; letter-spacing:.06em; text-transform:uppercase; }
#hero .fo-powered span, .fo-foot span { opacity:.72; } #hero .fo-powered .fo-logo { height:17px; border-radius:4px; } #hero .fo-powered b { letter-spacing:-.04em; text-transform:lowercase; }
[data-sponsor="fomo"] .sky3d-tip--sponsor { background:rgba(6,5,16,.96); border-color:rgba(203,208,235,.22); gap:6px; }
.sky3d-tip--sponsor .fo-logo { height:14px; border-radius:3px; } .sky3d-tip--sponsor span { color:var(--fo-mist); opacity:.8; }
.fo-foot { align-items:center; gap:7px; margin-top:8px; color:var(--fo-night); text-decoration:none; opacity:.9; font:600 11px/1 Inter,system-ui,sans-serif; letter-spacing:.08em; text-transform:uppercase; }.fo-foot .fo-logo { height:14px; border-radius:3px; }.fo-foot b { letter-spacing:-.04em; text-transform:lowercase; }
@media (max-width:640px),(max-aspect-ratio:3/4) { [data-sponsor="fomo"] { --fo-bar:32px; } .fo-bar { gap:10px; font-size:12px; } .fo-bar__copy { display:none; } }