/* Lovable endpoint takeover: motions.fun/lovable/. */
.lv-bar, .lv-powered, .lv-foot { display:none !important; }
[data-sponsor="lovable"] .lv-bar, [data-sponsor="lovable"] .lv-powered,
[data-sponsor="lovable"] .lv-foot { display:inline-flex !important; }
[data-sponsor="lovable"] .lv-bar { display:flex !important; }
[data-sponsor="lovable"] { --lv-cream:#fff9f4; --lv-ink:#181818; --lv-bar:34px; }
.lv-logo { display:inline-block; height:1em; aspect-ratio:644/110; flex:none; background:url(lovable-logo-v1.png) center/auto 365% no-repeat; }
.lv-lockup { display:inline-flex; align-items:center; color:var(--lv-ink); }
.lv-lockup .lv-logo { height:18px; }
.lv-bar { position:fixed; top:0; left:0; right:0; z-index:60; height:var(--lv-bar); align-items:center; justify-content:center; gap:14px; background:var(--lv-cream); color:var(--lv-ink); text-decoration:none; box-shadow:0 1px 0 rgba(24,24,24,.12); font:600 13px/1 Inter,system-ui,sans-serif; }
.lv-bar .lv-logo { height:17px; }.lv-bar__copy { opacity:.72; }.lv-bar__cta { display:inline-flex; gap:5px; padding:6px 11px; border-radius:999px; background:var(--lv-ink); color:#fff; font-size:12px; font-weight:700; }
[data-sponsor="lovable"] .nav { top:var(--lv-bar); } [data-sponsor="lovable"] #hero { padding-top:var(--lv-bar); height:auto; min-height:100dvh; }
#hero .lv-powered { position:relative; z-index:6; margin:clamp(12px,1.8vh,18px) 0 0; align-items:center; gap:9px; padding:8px 15px; border-radius:999px; color:var(--lv-ink); background:var(--lv-cream); text-decoration:none; font:600 12px/1 Inter,system-ui,sans-serif; letter-spacing:.06em; text-transform:uppercase; box-shadow:0 8px 30px rgba(63,18,48,.14); }
#hero .lv-powered span, .lv-foot span { opacity:.65; } #hero .lv-powered .lv-logo { height:17px; }
[data-sponsor="lovable"] .sky3d-tip--sponsor { background:rgba(255,249,244,.97); border-color:rgba(24,24,24,.13); gap:6px; }
.sky3d-tip--sponsor .lv-logo { height:14px; } .sky3d-tip--sponsor span { color:var(--lv-ink); opacity:.72; }
.lv-foot { align-items:center; gap:8px; margin-top:8px; color:var(--lv-ink); text-decoration:none; opacity:.85; font:600 11px/1 Inter,system-ui,sans-serif; letter-spacing:.08em; text-transform:uppercase; }.lv-foot .lv-logo { height:14px; }
@media (max-width:640px),(max-aspect-ratio:3/4) { [data-sponsor="lovable"] { --lv-bar:32px; } .lv-bar { gap:10px; font-size:12px; } .lv-bar__copy { display:none; } }