/* LibreSitio shared demo bar (r5, fixed) — see DEMO-BAR-SPEC.md */
:root{--ls-bar-h:56px}
@media (max-width:640px){:root{--ls-bar-h:48px}}
body:has(> .lsb){padding-top:var(--ls-bar-h)!important}
.lsb{all:initial;box-sizing:border-box;position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;gap:14px;height:var(--ls-bar-h);padding:0 16px;
  background:linear-gradient(180deg,#141416 0%,#0b0b0c 100%);color:#c5c8cc;
  font-family:"Inter Tight",Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:13px;font-weight:450;line-height:1;letter-spacing:.005em;text-align:left;
  box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 8px 24px -16px rgba(0,0,0,.9)}
.lsb::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#8d9197 25%,#f3f4f5 50%,#8d9197 75%,transparent);opacity:.55;pointer-events:none}
.lsb *{box-sizing:border-box;margin:0;font:inherit;letter-spacing:inherit;text-transform:none;line-height:1}
.lsb a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
.lsb a:focus-visible{outline:2px solid #f3f4f5;outline-offset:2px}
.lsb .lsb-back{flex:none;display:inline-flex;align-items:center;gap:9px;height:36px;padding:0 14px 0 10px;border-radius:999px;border:1px solid #3a3b3f;background:rgba(197,200,204,.05);color:#f3f3f1;font-weight:560;white-space:nowrap;transition:border-color .25s,background-color .25s}
.lsb .lsb-back:hover{border-color:#c5c8cc;background:rgba(197,200,204,.12)}
.lsb-arr{font-size:15px;transition:transform .3s}
.lsb-back:hover .lsb-arr{transform:translateX(-3px)}
.lsb-mark{display:block;width:11px;height:19px;flex:none;color:#c5c8cc}
.lsb-back b{font-weight:600;background:linear-gradient(180deg,#f4f5f6 0%,#c5c8cc 45%,#9a9ea3 70%,#d8dadd 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.lsb-v{color:#9a9ea3;font-weight:450}
.lsb-mid{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;overflow:hidden;color:#9a9ea3}
.lsb-tag{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#7c7f84}
.lsb-plan{color:#f3f3f1;font-weight:560}
.lsb-dot{width:3px;height:3px;border-radius:50%;background:#55585d}
.lsb-price{font-variant-numeric:tabular-nums;color:#c5c8cc}
.lsb-end{flex:none;display:flex;align-items:center;gap:6px}
.lsb .lsb-link{display:inline-flex;align-items:center;height:36px;padding:0 12px;border-radius:999px;color:#c5c8cc;white-space:nowrap;transition:color .2s}
.lsb .lsb-link:hover{color:#f3f3f1;text-decoration:underline;text-underline-offset:4px}
.lsb .lsb-want{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 6px 0 14px;border-radius:999px;color:#0b0b0c;font-weight:600;white-space:nowrap;
  background:linear-gradient(180deg,#f1f2f3 0%,#c9ccd0 55%,#b4b8bd 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 6px 18px -8px rgba(197,200,204,.45);transition:box-shadow .3s}
.lsb .lsb-want:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 8px 22px -6px rgba(197,200,204,.6)}
.lsb-wa{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#0b0b0c;color:#c5c8cc}
.lsb-wa svg{width:13px;height:13px;display:block}
.lsb .lsb-sm{display:none}
@media (max-width:900px){.lsb .lsb-tag,.lsb .lsb-link{display:none}}
@media (max-width:640px){
  .lsb{gap:8px;padding:0 10px}
  .lsb .lsb-back{height:34px;padding:0 11px 0 9px;gap:7px}
  .lsb-v,.lsb-dot,.lsb-price{display:none}
  .lsb-mid{justify-content:flex-start}
  .lsb .lsb-want{height:34px;padding:0 4px 0 11px}
}
@media (max-width:420px){.lsb-back b{display:none}.lsb .lsb-back .lsb-v{display:inline;color:#f3f3f1}.lsb .lsb-back{padding:0 10px 0 8px}.lsb-mid{font-size:12px}}
@media (prefers-reduced-motion:reduce){.lsb *{transition:none!important}}
@media (max-width:420px){.lsb .lsb-a{display:none}}
.skip:focus,.skip:focus-visible,a[href="#main"]:focus{top:calc(var(--ls-bar-h) + 8px)!important;z-index:101!important}