/* Libra Intelligence — "About this example" guide (see guide.js) */
.demo-tag.lg-replaced{display:none!important}
.lg-btn,.lg-nudge,.lg-panel{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;color:#141414}
.lg-btn{position:fixed;z-index:9990;inset-inline-end:16px;bottom:16px;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;border:1px solid rgba(20,20,20,.14);border-radius:999px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 6px 24px rgba(0,0,0,.08);cursor:pointer;font-size:13px;line-height:1;transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s cubic-bezier(.22,.61,.36,1)}
.lg-btn:hover{transform:translateY(-1px);box-shadow:0 10px 30px rgba(0,0,0,.12)}
.lg-btn:focus-visible,.lg-x:focus-visible,.lg-cta:focus-visible{outline:2px solid #141414;outline-offset:3px}
.lg-dot{width:7px;height:7px;border-radius:50%;background:#141414;box-shadow:0 0 0 0 rgba(20,20,20,.35);animation:lg-pulse 2.4s cubic-bezier(.22,.61,.36,1) infinite}
.lg-btn-t{font-weight:600}
.lg-btn-by{color:#8a8a8a;padding-inline-start:10px;border-inline-start:1px solid rgba(20,20,20,.14)}
@keyframes lg-pulse{0%{box-shadow:0 0 0 0 rgba(20,20,20,.35)}70%{box-shadow:0 0 0 8px rgba(20,20,20,0)}100%{box-shadow:0 0 0 0 rgba(20,20,20,0)}}
.lg-nudge{position:fixed;z-index:9989;inset-inline-end:16px;bottom:70px;padding:10px 14px;border-radius:10px;background:#141414;color:#fff;font-size:13px;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .4s cubic-bezier(.22,.61,.36,1),transform .4s cubic-bezier(.22,.61,.36,1)}
.lg-nudge:after{content:"";position:absolute;bottom:-5px;inset-inline-end:28px;width:10px;height:10px;background:#141414;transform:rotate(45deg)}
.lg-nudge.is-on{opacity:1;transform:none}
.lg-scrim{position:fixed;inset:0;z-index:9991;background:rgba(20,20,20,.28);opacity:0;transition:opacity .35s cubic-bezier(.22,.61,.36,1)}
.lg-scrim.is-open{opacity:1}
.lg-panel{position:fixed;z-index:9992;top:0;bottom:0;inset-inline-end:0;width:min(440px,100vw);overflow-y:auto;overscroll-behavior:contain;background:#fff;padding:24px 32px 40px;box-shadow:-20px 0 60px rgba(0,0,0,.12);transform:translateX(100%);transition:transform .45s cubic-bezier(.22,.61,.36,1)}
.lg-panel[dir=rtl]{transform:translateX(-100%)}
.lg-panel.is-open{transform:none}
.lg-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;margin-bottom:28px;border-bottom:1px solid #e6e6e6}
.lg-by{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.lg-x{width:44px;height:44px;margin-inline-end:-12px;border:0;background:none;font-size:26px;line-height:1;color:#141414;cursor:pointer}
.lg-k{margin:0 0 10px;font-size:12px;letter-spacing:.06em;color:#6f6f6f}
.lg-t{margin:0 0 14px;font-size:26px;line-height:1.2;font-weight:600;letter-spacing:-.01em}
.lg-l{margin:0 0 28px;font-size:15px;line-height:1.6;color:#3a3a3a}
.lg-h{margin:0 0 10px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#141414}
.lg-panel[lang=he] .lg-h,.lg-panel[lang=he] .lg-by{letter-spacing:.02em}
.lg-list{margin:0 0 28px;padding:0;list-style:none;border-top:1px solid #e6e6e6}
.lg-list li{padding:11px 0;border-bottom:1px solid #e6e6e6;font-size:14px;line-height:1.5}
.lg-try{counter-reset:lg}
.lg-try li{counter-increment:lg;display:flex;gap:12px}
.lg-try li:before{content:counter(lg,decimal-leading-zero);color:#9a9a9a;font-variant-numeric:tabular-nums;min-width:20px}
.lg-note{margin:0 0 24px;font-size:13px;line-height:1.55;color:#7a7a7a}
.lg-cta{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:999px;background:#141414;color:#fff;text-decoration:none;font-size:14px;font-weight:600;transition:opacity .3s}
.lg-cta:hover{opacity:.86}
@media (max-width:600px){
  .lg-btn{inset-inline-end:12px;bottom:12px;padding:0 14px}
  .lg-btn-by{display:none}
  .lg-nudge{inset-inline-end:12px;bottom:64px}
  .lg-panel{padding:16px 20px 32px}
  .lg-t{font-size:23px}
}
@media (prefers-reduced-motion:reduce){
  .lg-dot{animation:none}
  .lg-panel,.lg-scrim,.lg-nudge,.lg-btn{transition:none}
}
@media print{.lg-btn,.lg-nudge,.lg-panel,.lg-scrim{display:none!important}}
