/* bl-demo 20260727stego-premium */
/* BlindLock interactive product demo — visual shell only (no real crypto). */
.bl-demo-hero{max-width:920px;margin:0 0 1.6rem}
.bl-demo-hero h1{font-size:clamp(2.2rem,5.5vw,3.6rem);line-height:1.05;letter-spacing:-.055em;margin:0 0 1rem}
.bl-demo-hero .lead{color:var(--text-secondary);font-size:1.05rem;line-height:1.8;font-weight:300;max-width:640px}
.bl-demo-trust{display:flex;flex-wrap:wrap;gap:.55rem .9rem;margin-top:1.15rem;list-style:none;padding:0}
.bl-demo-trust li{display:inline-flex;align-items:center;gap:.45rem;color:var(--emerald-light);font-size:.82rem;font-weight:600}
.bl-demo-trust li::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--emerald);box-shadow:0 0 8px rgba(16,185,129,.5)}

.bl-demo-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1rem;padding:.35rem;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid var(--border)}
.bl-demo-tab{appearance:none;border:0;background:transparent;color:var(--text-secondary);font:inherit;font-size:.82rem;font-weight:600;padding:.55rem .95rem;border-radius:999px;cursor:pointer;transition:color .2s,background .2s}
.bl-demo-tab[aria-selected="true"]{color:#04110d;background:linear-gradient(135deg,#10b981,#34d399)}
.bl-demo-tab:disabled{opacity:.45;cursor:not-allowed}
.bl-demo-tab:not(:disabled):hover{color:var(--text);background:rgba(255,255,255,.04)}
.bl-demo-tab[aria-selected="true"]:not(:disabled):hover{color:#04110d;background:linear-gradient(135deg,#10b981,#34d399)}

.bl-demo-shell{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#0c0c10;box-shadow:0 28px 80px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.04);min-height:540px}
.bl-demo-titlebar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1rem;background:rgba(15,15,18,.96);border-bottom:1px solid rgba(255,255,255,.06)}
.bl-demo-dots{display:flex;gap:.4rem}
.bl-demo-dots span{width:.7rem;height:.7rem;border-radius:50%;background:rgba(255,255,255,.12)}
.bl-demo-dots span:nth-child(1){background:#ff5f57}
.bl-demo-dots span:nth-child(2){background:#febc2e}
.bl-demo-dots span:nth-child(3){background:#28c840}
.bl-demo-title{font-size:.78rem;font-weight:600;color:var(--text-secondary);letter-spacing:.01em}
.bl-demo-badges{display:flex;flex-wrap:wrap;gap:.35rem}
.bl-demo-badge{font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:.28rem .55rem;border-radius:999px;border:1px solid rgba(16,185,129,.28);color:var(--emerald-light);background:rgba(16,185,129,.08)}

.bl-demo-stage{position:relative;min-height:480px}
.bl-demo-scene{display:none;min-height:480px}
.bl-demo-scene.is-active{display:flex}

/* PIN */
.bl-scene-pin{align-items:stretch}
.bl-pin-brand,.bl-pin-panel{flex:1;padding:2rem 1.6rem;display:flex;flex-direction:column;justify-content:center}
.bl-pin-brand{border-right:1px solid rgba(255,255,255,.05);background:radial-gradient(ellipse at 30% 20%,rgba(16,185,129,.1),transparent 55%)}
.bl-pin-logo{width:72px;height:72px;border-radius:18px;margin-bottom:1.2rem;box-shadow:0 0 28px rgba(16,185,129,.25)}
.bl-pin-brand h2{font-size:1.85rem;letter-spacing:-.04em;margin:0 0 .35rem}
.bl-pin-brand .tag{color:var(--text-tertiary);margin-bottom:1.4rem;font-size:.95rem}
.bl-pin-feats{display:grid;gap:.7rem}
.bl-pin-feat{display:flex;gap:.75rem;align-items:flex-start;padding:.75rem .85rem;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}
.bl-pin-feat .bl-tile{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:11px}
.bl-pin-feat strong{display:block;font-size:.88rem;margin-bottom:.15rem}
.bl-pin-feat span{display:block;font-size:.78rem;color:var(--text-tertiary);line-height:1.45}

/* BlIcon system — same premium tiles/glyphs as Desktop dashboard */
.bl-g{fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;display:block;overflow:visible}
.bl-tile{
  display:block;
  flex:0 0 auto;
  align-self:center;
  box-sizing:border-box;
  position:relative;
  overflow:visible;
}
/* Absolute center — drop-shadow must not clip or shift the glyph */
.bl-tile > .bl-g{
  position:absolute;
  top:50%;
  left:50%;
  width:56%;
  height:56%;
  margin:0;
  transform:translate(-50%,-50%);
}
.bl-st-em{stroke:url(#bl-em);filter:drop-shadow(0 0 3px rgba(52,211,153,.5))}
.bl-st-sky{stroke:url(#bl-sky);filter:drop-shadow(0 0 3px rgba(124,196,232,.5))}
.bl-st-gold{stroke:url(#bl-gold);filter:drop-shadow(0 0 3px rgba(224,182,106,.5))}
.bl-st-teal{stroke:url(#bl-teal);filter:drop-shadow(0 0 3px rgba(94,201,192,.5))}
.bl-st-blue{stroke:url(#bl-blue);filter:drop-shadow(0 0 3px rgba(110,168,240,.5))}
.bl-st-slate{stroke:url(#bl-slate);filter:drop-shadow(0 0 3px rgba(166,182,200,.45))}
.bl-bg-em{background:radial-gradient(120% 120% at 30% 18%,rgba(16,185,129,.22),rgba(16,185,129,.05) 60%,rgba(255,255,255,.02));border:1px solid rgba(110,231,183,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 18px -11px rgba(16,185,129,.6)}
.bl-bg-sky{background:radial-gradient(120% 120% at 30% 18%,rgba(108,184,230,.22),rgba(108,184,230,.05) 60%,rgba(255,255,255,.02));border:1px solid rgba(160,210,240,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 18px -11px rgba(108,184,230,.55)}
.bl-bg-gold{background:radial-gradient(120% 120% at 30% 18%,rgba(224,182,106,.22),rgba(224,182,106,.05) 60%,rgba(255,255,255,.02));border:1px solid rgba(240,220,170,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 18px -11px rgba(224,182,106,.55)}
.bl-bg-teal{background:radial-gradient(120% 120% at 30% 18%,rgba(94,201,192,.22),rgba(94,201,192,.05) 60%,rgba(255,255,255,.02));border:1px solid rgba(191,240,235,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 18px -11px rgba(94,201,192,.5)}
.bl-bg-blue{background:radial-gradient(120% 120% at 30% 18%,rgba(110,168,240,.22),rgba(110,168,240,.05) 60%,rgba(255,255,255,.02));border:1px solid rgba(188,214,251,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 18px -11px rgba(110,168,240,.55)}
.bl-bg-slate{background:radial-gradient(120% 120% at 30% 18%,rgba(159,176,196,.2),rgba(159,176,196,.05) 60%,rgba(255,255,255,.02));border:1px solid rgba(200,212,224,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 18px -11px rgba(159,176,196,.5)}
.bl-pin-card{width:min(100%,360px);margin:0 auto;padding:1.6rem 1.4rem;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:rgba(16,16,20,.88);box-shadow:0 12px 40px rgba(0,0,0,.35)}
.bl-pin-card h3{text-align:center;font-size:1.25rem;letter-spacing:-.03em;margin:0 0 .35rem}
.bl-pin-card .sub{text-align:center;color:var(--text-tertiary);font-size:.86rem;margin-bottom:1.3rem}
.bl-pin-dots{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.4rem;min-height:22px}
.bl-pin-dot,[data-bl-pin-dot]{display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid #3f3f46;background:transparent;box-sizing:border-box;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s}
.bl-pin-dot.is-optional:not(.is-on){border-color:#27272a}
.bl-pin-dot.is-on,[data-bl-pin-dot].is-on{border-color:var(--emerald);background:var(--emerald);box-shadow:0 0 12px rgba(16,185,129,.55)}
.bl-pin-dot.is-pulse,[data-bl-pin-dot].is-pulse{animation:bl-pin-pulse .22s ease-out}
@keyframes bl-pin-pulse{0%{transform:scale(1)}45%{transform:scale(1.35)}100%{transform:scale(1)}}
.bl-pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;max-width:280px;margin:0 auto 1rem}
.bl-pin-key{appearance:none;position:relative;overflow:hidden;border:1px solid #3f3f46;background:#18181b;color:var(--text);font:inherit;font-size:1.25rem;font-weight:600;font-variant-numeric:tabular-nums;min-height:56px;border-radius:14px;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s,transform .12s}
.bl-pin-key:hover{background:#27272a;border-color:var(--emerald);box-shadow:0 0 15px rgba(16,185,129,.2)}
.bl-pin-key:active,.bl-pin-key.is-flash{transform:scale(.95);background:rgba(16,185,129,.16);border-color:rgba(16,185,129,.55);box-shadow:0 0 18px rgba(16,185,129,.28)}
.bl-pin-key[data-bl-pin-key="C"]{color:#f87171;font-size:1rem}
.bl-pin-key[data-bl-pin-key="B"]{color:#a1a1aa}
.bl-pin-unlock{appearance:none;display:block;width:min(100%,280px);margin:0 auto;min-height:52px;border:0;border-radius:14px;font:inherit;font-size:1.05rem;font-weight:700;cursor:pointer;color:#09090b;background:linear-gradient(90deg,#10b981,#059669 55%,#047857);box-shadow:0 8px 24px rgba(16,185,129,.28);transition:opacity .15s,transform .12s,box-shadow .15s}
.bl-pin-unlock:hover:not(:disabled){box-shadow:0 8px 30px rgba(16,185,129,.38)}
.bl-pin-unlock:active:not(:disabled){transform:scale(.99)}
.bl-pin-unlock:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.bl-pin-hint{margin-top:.9rem;text-align:center;font-size:.78rem;color:var(--text-tertiary);line-height:1.45}

/* Unlocking — mirrors Desktop unlocking rings / scan / segments */
.bl-scene-unlocking{position:relative;align-items:center;justify-content:center;padding:2.2rem 1.4rem 5.2rem;overflow:hidden;background:#09090b}
.bl-unlock-fx{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.bl-unlock-grid{position:absolute;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2310b981'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.bl-unlock-pulse{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(16,185,129,.14) 0%,transparent 60%);opacity:.35;transition:opacity .5s}
.bl-unlock-pulse.is-mid{opacity:.55}
.bl-unlock-pulse.is-hot{opacity:.75}
.bl-unlock-scan{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(16,185,129,.55),transparent);animation:bl-unlock-scan 5s linear infinite;opacity:.65}
.bl-unlock-particles{position:absolute;inset:0}
.bl-unlock-particles i{position:absolute;top:50%;width:4px;height:4px;border-radius:50%;background:rgba(16,185,129,.35);animation:bl-unlock-float 3.8s ease-in-out infinite}
.bl-unlock-particles .p0{left:15%;animation-delay:0s;animation-duration:3s}
.bl-unlock-particles .p1{left:30%;animation-delay:.3s;animation-duration:3.5s}
.bl-unlock-particles .p2{left:45%;animation-delay:.6s;animation-duration:4s}
.bl-unlock-particles .p3{left:60%;animation-delay:.9s;animation-duration:4.5s}
.bl-unlock-particles .p4{left:75%;animation-delay:1.2s;animation-duration:5s}
.bl-unlock-particles .p5{left:90%;animation-delay:1.5s;animation-duration:5.5s}
.bl-unlock-core{position:relative;z-index:1;width:min(100%,440px);text-align:center}
.bl-unlock-orb{position:relative;width:80px;height:80px;margin:0 auto 1.35rem}
.bl-unlock-orb .ring{position:absolute;border-radius:50%;pointer-events:none}
.bl-unlock-orb .ring-a{inset:-24px;border:1px solid rgba(16,185,129,.2);animation:bl-spin 8s linear infinite}
.bl-unlock-orb .ring-a::before{content:"";position:absolute;top:0;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:rgba(16,185,129,.6)}
.bl-unlock-orb .ring-b{inset:-16px;border:1px solid rgba(16,185,129,.3);animation:bl-ring-pulse 2s ease-in-out infinite}
.bl-unlock-orb .ring-c{inset:-8px;border:1px dashed rgba(16,185,129,.4);animation:bl-spin-rev 6s linear infinite}
.bl-unlock-orb .glow{position:absolute;inset:0;border-radius:50%;background:rgba(16,185,129,.35);filter:blur(22px);transform:scale(1.5);opacity:.45;transition:opacity .5s}
.bl-unlock-orb .glow.is-mid{opacity:.65}
.bl-unlock-orb .glow.is-hot{opacity:.85}
.bl-unlock-orb .shell{position:relative;width:80px;height:80px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#10b981,#059669 45%,#047857);box-shadow:0 0 36px rgba(16,185,129,.5)}
.bl-unlock-orb .shell .bl-g{
  position:relative;top:auto;left:auto;transform:none;
  width:36px;height:36px;margin:0;
  stroke:#04110d!important;
  stroke-width:2!important;
  fill:none!important;
  filter:none!important;
  transition:opacity .22s ease,transform .22s ease;
}
.bl-unlock-orb .shell .bl-g [fill]:not([fill="none"]){fill:#04110d!important}
.bl-unlock-orb .shell.is-pop .bl-g{animation:bl-shell-pop .34s cubic-bezier(.22,1,.36,1)}
@keyframes bl-shell-pop{0%{opacity:.35;transform:scale(.82)}60%{opacity:1;transform:scale(1.06)}100%{opacity:1;transform:scale(1)}}
.bl-unlock-core h3{font-size:clamp(1.45rem,3vw,1.9rem);letter-spacing:-.04em;margin:0 0 .55rem;color:#fff}
.bl-unlock-stepline{display:flex;align-items:center;justify-content:center;gap:.55rem;margin-bottom:1.15rem;min-height:1.3rem}
.bl-unlock-stepline .idx{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;color:#34d399}
.bl-unlock-stepline .txt{font-size:.86rem;color:#a1a1aa}
.bl-unlock-segments{display:flex;gap:6px;margin-bottom:.55rem}
.bl-unlock-seg{flex:1;height:6px;border-radius:999px;background:#18181b;overflow:hidden}
.bl-unlock-seg.is-lit{box-shadow:0 0 8px rgba(16,185,129,.3)}
.bl-unlock-seg > i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#059669,#10b981,#34d399);transition:width .15s linear}
.bl-unlock-dots{display:flex;justify-content:space-between;padding:0 2px;margin-bottom:1rem}
.bl-unlock-dots span{width:6px;height:6px;border-radius:50%;background:#3f3f46;transition:background .25s,box-shadow .25s}
.bl-unlock-dots span.is-on{background:#10b981;box-shadow:0 0 6px rgba(16,185,129,.6)}
.bl-unlock-pct{display:flex;align-items:baseline;justify-content:center;gap:.15rem;margin-bottom:.35rem}
.bl-unlock-pct strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:2.4rem;font-weight:800;color:#34d399;text-shadow:0 0 24px rgba(16,185,129,.5);tabular-nums:tabular-nums;font-variant-numeric:tabular-nums}
.bl-unlock-pct span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.05rem;color:rgba(52,211,153,.55)}
.bl-unlock-note{margin:.35rem 0 0;font-size:.75rem;color:#71717a;line-height:1.5}
.bl-unlock-statusbar{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;justify-content:space-between;gap:1rem;padding:.85rem 1.25rem;border-top:1px solid rgba(63,63,70,.5);background:rgba(15,15,18,.88);backdrop-filter:blur(10px)}
.bl-unlock-statusbar .item{display:flex;align-items:center;gap:.65rem;min-width:0}
.bl-unlock-statusbar .ico{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#18181b;border:1px solid rgba(63,63,70,.5);box-shadow:0 0 8px rgba(16,185,129,.1);flex:0 0 auto}
.bl-unlock-statusbar .ico .bl-g{width:16px;height:16px}
.bl-unlock-statusbar b{display:block;font-size:.72rem;color:#fff;font-weight:600}
.bl-unlock-statusbar em{display:block;font-style:normal;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem;color:#34d399}
@keyframes bl-spin{to{transform:rotate(360deg)}}
@keyframes bl-spin-rev{to{transform:rotate(-360deg)}}
@keyframes bl-ring-pulse{0%,100%{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.65}}
@keyframes bl-unlock-scan{0%{top:0%;opacity:.65}100%{top:100%;opacity:.65}}
@keyframes bl-unlock-float{0%,100%{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-22px) scale(1.45);opacity:.65}}

/* Stego — dashboard-grade Sign in / Create */
.bl-scene-stego{flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;gap:0;background:#09090b;position:relative;overflow:hidden}
.bl-scene-stego::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 18% 30%,rgba(16,185,129,.14),transparent 48%),radial-gradient(ellipse at 82% 70%,rgba(94,201,192,.08),transparent 42%)}
.bl-stego-top{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.7rem 1rem;padding:.85rem 1.1rem;border-bottom:1px solid rgba(63,63,70,.5);background:rgba(15,15,18,.88);backdrop-filter:blur(14px)}
.bl-stego-modebar{display:flex;flex-wrap:wrap;gap:.45rem}
.bl-stego-mode{appearance:none;border:1px solid rgba(63,63,70,.7);background:rgba(24,24,27,.65);color:#a1a1aa;border-radius:999px;padding:.42rem .85rem .42rem .42rem;font:inherit;font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:.45rem;cursor:pointer;transition:border-color .2s,background .2s,color .2s,box-shadow .2s}
.bl-stego-mode .bl-tile{width:24px;height:24px;min-width:24px;min-height:24px;border-radius:8px}
.bl-stego-mode:hover{color:#fff;background:rgba(24,24,27,.9)}
.bl-stego-mode.is-active{border-color:rgba(16,185,129,.42);background:rgba(16,185,129,.12);color:#6ee7b7;box-shadow:0 0 22px rgba(16,185,129,.16)}
.bl-stego-pills{display:flex;flex-wrap:wrap;gap:.35rem}
.bl-stego-pills span{padding:.4rem .7rem;border-radius:999px;border:1px solid rgba(16,185,129,.22);background:rgba(16,185,129,.08);color:#6ee7b7;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.bl-stego-pills span.muted{border-color:rgba(63,63,70,.65);background:rgba(24,24,27,.85);color:#d4d4d8}
.bl-stego-panel{display:none;flex:1;min-height:0;width:100%;position:relative;z-index:1}
.bl-stego-panel.is-active{display:flex}
.bl-stego-panel-found{flex-direction:row;align-items:stretch;min-height:540px;padding:1.15rem;gap:1rem}
.bl-stego-found{flex:1 1 48%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1.4rem;min-width:0;border-radius:28px;border:1px solid rgba(63,63,70,.5);background:rgba(17,17,19,.78);box-shadow:0 18px 60px rgba(0,0,0,.28);backdrop-filter:blur(16px)}
.bl-stego-form{flex:1 1 48%;display:flex;flex-direction:column;justify-content:center;padding:0;min-width:0}
.bl-stego-card{width:100%;max-width:420px;margin:0 auto;padding:1.2rem 1.25rem 1.35rem;border-radius:22px;border:1px solid rgba(63,63,70,.5);background:rgba(17,17,19,.82);box-shadow:0 14px 40px rgba(0,0,0,.28);backdrop-filter:blur(16px)}
.bl-stego-check{position:relative;width:72px;height:72px;margin:0 auto 1rem;display:grid;place-items:center;animation:bl-dash-float 6s ease-in-out infinite}
.bl-stego-check-tile{width:64px!important;height:64px!important;min-width:64px!important;min-height:64px!important;border-radius:18px!important}
.bl-stego-check-tile .bl-g{width:30px;height:30px}
.bl-stego-check .pulse-ring{position:absolute;inset:0;border-radius:18px;border:1px solid rgba(16,185,129,.5);animation:bl-logo-pulse 2.4s ease-in-out infinite}
.bl-stego-found .bl-dash-chip{margin-bottom:.75rem}
.bl-stego-found h3{font-size:clamp(1.55rem,2.5vw,1.95rem);margin:0 0 .35rem;color:#fff;letter-spacing:-.04em;font-weight:800}
.bl-stego-sub{color:#a1a1aa;font-size:.95rem;font-weight:600;margin:0 0 .9rem}
.bl-stego-file{display:inline-flex;align-items:center;gap:.55rem;padding:.4rem .75rem .4rem .4rem;border-radius:999px;background:rgba(24,24,27,.75);border:1px solid rgba(63,63,70,.55);font-size:.78rem;color:#d4d4d8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.bl-stego-file .bl-tile{width:26px;height:26px;min-width:26px;min-height:26px;border-radius:8px}
.bl-stego-note{margin-top:1.1rem;width:min(100%,360px);text-align:left;padding:.85rem .95rem;border-radius:14px;border:1px solid rgba(224,182,106,.28);background:rgba(224,182,106,.08);color:#f5e6c8;font-size:.8rem;line-height:1.55;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.bl-stego-note strong{display:block;color:#f0d29a;margin-bottom:.3rem;font-size:.82rem}
.bl-stego-card .bl-dash-panelmeta,.bl-stego-create .bl-dash-panelmeta{margin-bottom:.85rem}
.bl-stego-form .sub,.bl-stego-create .sub{color:#a1a1aa;font-size:.88rem;margin:0 0 1rem;line-height:1.5}
.bl-stego-form .label,.bl-stego-create .label{display:block;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#71717a;margin:0 0 .4rem}
.bl-stego-fake{width:100%;min-height:46px;padding:.7rem .9rem;border-radius:12px;border:1px solid rgba(63,63,70,.65);background:rgba(24,24,27,.7);color:#fff;margin:0 0 .95rem;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:.6rem;pointer-events:none;user-select:none}
.bl-stego-fake span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}
.bl-stego-fake em{font-style:normal;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6ee7b7;border:1px solid rgba(16,185,129,.25);background:rgba(16,185,129,.1);padding:.18rem .4rem;border-radius:999px}
.bl-stego-fake.is-empty{opacity:.55;color:#71717a}
.bl-stego-fake.is-empty span{letter-spacing:0;font-family:inherit}
.bl-stego-panel-create{align-items:center;justify-content:center;padding:1.4rem 1.15rem}
.bl-stego-modal{width:min(100%,480px);padding:1.2rem 1.25rem 1.35rem;border-radius:28px;border:1px solid rgba(63,63,70,.5);background:rgba(17,17,19,.9);box-shadow:0 22px 70px rgba(0,0,0,.4);backdrop-filter:blur(16px)}
.bl-stego-tabs{display:flex;gap:1.2rem;margin:0 0 1.05rem;border-bottom:1px solid rgba(63,63,70,.45)}
.bl-stego-tab{color:#71717a;font-weight:700;font-size:.9rem;padding:0 0 .65rem;border-bottom:2px solid transparent;margin-bottom:-1px}
.bl-stego-tab.is-active{color:#6ee7b7;border-bottom-color:#10b981}
.bl-stego-pick{display:flex;gap:.55rem;align-items:stretch;margin:0 0 .85rem}
.bl-stego-pick-field{flex:1;min-height:46px;display:flex;align-items:center;padding:.55rem .85rem;border-radius:12px;border:1px solid rgba(63,63,70,.65);background:rgba(24,24,27,.7);color:#71717a;font-size:.86rem}
.bl-stego-pick-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.2rem .85rem .2rem .3rem;border-radius:12px;background:linear-gradient(135deg,#10b981,#059669);color:#04140f;font-weight:800;font-size:.82rem;white-space:nowrap;box-shadow:0 8px 18px -12px rgba(16,185,129,.75)}
.bl-stego-pick-btn .bl-tile{width:26px;height:26px;min-width:26px;min-height:26px;border-radius:8px;background:rgba(4,20,15,.18);border-color:rgba(4,20,15,.12);box-shadow:none}
.bl-stego-pick-btn .bl-g{width:14px;height:14px}
.bl-stego-create .bl-stego-note{width:100%;margin:.1rem 0 1rem}
.bl-demo-btn{appearance:none;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1.15rem;border-radius:14px;font:inherit;font-weight:700;background:linear-gradient(135deg,#10b981,#34d399);color:#04110d;width:100%;transition:filter .2s,transform .15s,box-shadow .2s;box-shadow:0 10px 24px -12px rgba(16,185,129,.8),inset 0 1px 0 rgba(255,255,255,.25)}
.bl-demo-btn:hover{filter:brightness(1.05)}
.bl-demo-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
.bl-demo-btn-muted{background:#27272a;color:#a1a1aa;box-shadow:none;border:1px solid rgba(63,63,70,.7)}
.bl-demo-btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid rgba(255,255,255,.12);width:auto;box-shadow:none}
.bl-stego-sim{font-size:.74rem;color:#71717a;margin:.75rem 0 0;line-height:1.45;text-align:center}
@media (max-width:760px){
  .bl-stego-panel-found{flex-direction:column;min-height:0;padding:.9rem}
  .bl-stego-found,.bl-stego-card{border-radius:20px}
  .bl-stego-found{padding:1.4rem 1.1rem}
}

/* Dashboard shell — mirrors Desktop sidebar + command center */
.bl-demo-shell{min-height:640px;min-width:0}
.panel[data-bl-demo]{max-width:none;width:100%}
.bl-scene-dash{display:none}
.bl-scene-dash.is-active{display:grid;grid-template-columns:240px 1fr;min-height:560px;background:#09090b;position:relative}
.bl-demo-side{background:#0f0f12;border-right:1px solid rgba(63,63,70,.5);padding:0;display:flex;flex-direction:column;min-height:0;z-index:2}
.bl-demo-side .side-brand{display:flex;align-items:center;gap:.65rem;padding:.85rem 1rem;border-bottom:1px solid rgba(63,63,70,.5)}
.bl-demo-side .side-brand img{width:32px;height:32px;border-radius:8px;flex:0 0 auto}
.bl-demo-side .side-brand strong{display:block;font-size:.88rem;letter-spacing:-.03em;line-height:1.1}
.bl-demo-side .side-brand em{display:block;font-style:normal;font-size:.62rem;color:#71717a;margin-top:.15rem}
.side-nav{flex:1;overflow:auto;padding:.55rem .5rem 0.75rem;min-height:0}
.side-sec{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#10b981;padding:.55rem .65rem .3rem}
.bl-demo-navbtn{appearance:none;border:0;background:transparent;color:#a1a1aa;text-align:left;font:inherit;font-size:.8rem;font-weight:600;padding:.35rem .55rem;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:.55rem;width:100%;margin:.1rem 0}
.bl-demo-navbtn.is-active{background:rgba(255,255,255,.05);color:#fff}
.bl-demo-navbtn:not(.is-disabled):hover{background:rgba(255,255,255,.03);color:#fff}
.bl-demo-navbtn.is-disabled{opacity:.42;cursor:default}
.bl-demo-navbtn .bl-tile{width:27px;height:27px;min-width:27px;min-height:27px;border-radius:8px}
.side-lock{appearance:none;border:1px solid rgba(16,185,129,.25);background:rgba(16,185,129,.09);color:#6ee7b7;margin:.55rem .65rem .75rem;padding:.65rem .7rem;border-radius:12px;font:inherit;font-size:.8rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 18px -12px rgba(16,185,129,.7)}
.side-lock .bl-tile{width:22px;height:22px;min-width:22px;min-height:22px;border-radius:7px}
.side-lock:hover{background:rgba(16,185,129,.15)}
.bl-demo-main{padding:1.15rem 1.25rem;overflow:auto;position:relative;z-index:1}
.bl-demo-main h3{font-size:1.2rem;letter-spacing:-.03em;margin:0 0 .35rem}
.bl-demo-main .sub{color:var(--text-tertiary);font-size:.88rem;margin-bottom:1.1rem}

.bl-dash-main{position:relative;z-index:1;container-type:inline-size;container-name:bl-dash}
.bl-dash-hero{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.2rem;padding:1.05rem 1.15rem;margin-bottom:1rem;border-radius:28px;border:1px solid rgba(63,63,70,.5);background:rgba(17,17,19,.78);box-shadow:0 18px 60px rgba(0,0,0,.28);backdrop-filter:blur(16px)}
.bl-dash-logo-wrap{position:relative;width:64px;height:64px;flex:0 0 auto;animation:bl-dash-float 6s ease-in-out infinite}
.bl-dash-logo-wrap img{width:64px;height:64px;border-radius:16px;border:1px solid rgba(16,185,129,.3);background:#0e1513;box-shadow:0 0 32px rgba(16,185,129,.18);display:block}
.bl-dash-logo-wrap .pulse-ring{position:absolute;inset:0;border-radius:16px;border:1px solid rgba(16,185,129,.5);animation:bl-logo-pulse 2.4s ease-in-out infinite}
.bl-dash-hero-copy{flex:1 1 180px;min-width:0}
.bl-dash-hero-copy .title-row{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .7rem}
.bl-dash-hero-copy h3{margin:0;font-size:1.7rem;letter-spacing:-.04em}
.bl-dash-chip{display:inline-flex;padding:.28rem .65rem;border-radius:999px;border:1px solid rgba(16,185,129,.25);background:rgba(16,185,129,.1);color:#6ee7b7;font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.bl-dash-hero-copy .sub{margin:.35rem 0 0;font-size:.9rem;line-height:1.5;color:#a1a1aa}
.bl-dash-pills{display:flex;flex-wrap:wrap;gap:.4rem;margin-left:auto}
.bl-dash-pills span{padding:.45rem .75rem;border-radius:999px;border:1px solid rgba(16,185,129,.2);background:rgba(16,185,129,.08);color:#6ee7b7;font-size:.72rem;font-weight:600}
.bl-dash-pills span.muted{border-color:rgba(63,63,70,.6);background:rgba(24,24,27,.8);color:#d4d4d8}

.bl-dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}
.bl-dash-stat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem;border-radius:16px;border:1px solid rgba(63,63,70,.5);background:rgba(24,24,27,.6);opacity:1;transform:none;transition:border-color .25s}
.bl-dash-stat:hover{border-color:rgba(16,185,129,.3)}
.bl-dash-stat .bl-tile{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:14px;margin-bottom:.7rem}
.bl-dash-main.is-enter .bl-dash-stat{opacity:0;transform:translateY(8px);animation:bl-dash-enter .45s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--i,0) * 90ms + 80ms)}
.bl-dash-stat strong{display:block;font-size:1.55rem;letter-spacing:-.03em;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;margin-bottom:.15rem}
.bl-dash-stat > span{font-size:.75rem;color:#a1a1aa}

.bl-dash-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.95fr);gap:1rem;align-items:stretch;min-width:0}
.bl-dash-threat,.bl-dash-right{min-width:0}
.bl-dash-threat,.bl-dash-right{padding:1.15rem;border-radius:22px;border:1px solid rgba(63,63,70,.5);background:rgba(17,17,19,.78);box-shadow:0 14px 40px rgba(0,0,0,.22);min-height:0}
.bl-dash-threat,.bl-dash-right,.bl-dash-hero{opacity:1;transform:none}
.bl-dash-main.is-enter .bl-dash-threat,.bl-dash-main.is-enter .bl-dash-right,.bl-dash-main.is-enter .bl-dash-hero{animation:bl-dash-enter .5s cubic-bezier(.22,1,.36,1) forwards}
.bl-dash-main.is-enter .bl-dash-hero{animation-delay:.02s;opacity:0;transform:translateY(8px)}
.bl-dash-main.is-enter .bl-dash-threat{animation-delay:.28s;opacity:0;transform:translateY(8px)}
.bl-dash-main.is-enter .bl-dash-right{animation-delay:.36s;opacity:0;transform:translateY(8px)}

.threat-head{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}
.threat-head .bl-tile{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:12px}
.threat-head strong{display:block;font-size:1.05rem;color:#fff}
.threat-head em{display:block;font-style:normal;font-size:.78rem;color:#71717a;margin-top:.1rem}
.threat-list{display:grid;gap:.55rem}
.threat-item{display:grid;grid-template-columns:32px 1fr auto;gap:.7rem;align-items:start;padding:.75rem;border-radius:12px;border:1px solid rgba(63,63,70,.3);background:rgba(24,24,27,.5)}
.threat-item .threat-ico .bl-tile{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:10px}
.threat-item strong{display:block;font-size:.84rem;color:#fff;font-weight:600}
.threat-item p{margin:.15rem 0 0;font-size:.74rem;color:#71717a;line-height:1.45}
.threat-item time{font-size:.68rem;color:#71717a;white-space:nowrap;padding-top:.15rem}

.bl-dash-tabs{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.85rem}
.bl-dash-tab{appearance:none;border:1px solid rgba(63,63,70,.7);background:rgba(24,24,27,.6);color:#a1a1aa;border-radius:999px;padding:.45rem .8rem;font:inherit;font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:.4rem;cursor:pointer}
.bl-dash-tab .bl-tile{width:22px;height:22px;min-width:22px;min-height:22px;border-radius:7px}
.bl-dash-tab.is-active{border-color:rgba(16,185,129,.4);background:rgba(16,185,129,.12);color:#6ee7b7;box-shadow:0 0 20px rgba(16,185,129,.14)}
.bl-dash-panelmeta{display:flex;align-items:center;gap:.7rem;padding:.65rem .8rem;margin-bottom:.75rem;border-radius:14px;border:1px solid #27272a;background:#101012}
.bl-dash-panelmeta .bl-tile{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:10px;flex:0 0 auto}
.bl-dash-panelmeta .eyebrow{font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#71717a;margin:0}
.bl-dash-panelmeta h4{margin:.1rem 0 0;font-size:.86rem;color:#fff;font-weight:600}

.bl-cred-card{border-radius:16px;border:1px solid rgba(63,63,70,.5);background:rgba(24,24,27,.35);padding:.85rem}
.bl-cred-card-head{display:flex;align-items:center;gap:.7rem;margin-bottom:.75rem}
.bl-cred-card-head .bl-tile{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:12px}
.bl-cred-card-head strong{display:block;font-size:.95rem;color:#fff}
.bl-cred-card-head em{display:block;font-style:normal;font-size:.74rem;color:#71717a;margin-top:.1rem}
.bl-cred{display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-areas:"av body" ". actions";column-gap:.7rem;row-gap:.45rem;align-items:start;padding:.7rem .75rem;border-radius:12px;border:1px solid rgba(63,63,70,.35);background:rgba(24,24,27,.5)}
.bl-cred-av{grid-area:av;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:.72rem;font-weight:800;color:#fff}
.bl-cred-av.from-em{background:linear-gradient(135deg,#10b981,#059669)}
.bl-cred-body{grid-area:body;min-width:0}
.bl-cred-top{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .45rem;min-width:0}
.bl-cred-top strong{font-size:.86rem;color:#fff;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.bl-cred-badge{flex:0 0 auto;padding:.12rem .4rem;border-radius:6px;background:rgba(16,185,129,.1);color:#34d399;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.bl-cred-top time{margin-left:auto;font-size:.68rem;color:#71717a;white-space:nowrap}
.bl-cred-body > em{display:block;font-style:normal;font-size:.74rem;color:#71717a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bl-cred-actions{grid-area:actions;display:flex;flex-wrap:wrap;gap:.3rem;justify-content:flex-start}
.bl-cred-act{width:28px;height:28px;border-radius:8px;background:#27272a;display:grid;place-items:center;flex:0 0 auto}
.bl-cred-act .bl-tile{width:22px;height:22px;min-width:22px;min-height:22px;border-radius:6px;background:transparent;border:0;box-shadow:none}
.bl-panel-note{font-size:.8rem;color:#71717a;line-height:1.55;margin:.7rem 0 0}
.bl-analysis{display:grid;gap:.75rem}
.bl-analysis-top{display:flex;gap:1rem;align-items:center;padding:.85rem;border-radius:16px;border:1px solid rgba(63,63,70,.5);background:rgba(24,24,27,.35)}
.bl-score{position:relative;width:72px;height:72px;flex:0 0 auto}
.bl-score svg{width:100%;height:100%;transform:rotate(-90deg);display:block}
.bl-score .track{fill:none;stroke:#27272a;stroke-width:8}
.bl-score .val{fill:none;stroke:#10b981;stroke-width:8;stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(16,185,129,.45))}
.bl-score-num{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.bl-score-num strong{font-size:1.15rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff;line-height:1;font-weight:700}
.bl-score-num em{font-style:normal;font-size:.58rem;color:#71717a;margin-top:.15rem}
.bl-metrics{flex:1;min-width:0;display:grid;gap:.35rem}
.bl-metric{display:grid;grid-template-columns:72px 1fr 28px;gap:.45rem;align-items:center}
.bl-metric span{font-size:.62rem;color:#a1a1aa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bl-metric-bar{height:6px;border-radius:999px;background:#27272a;overflow:hidden}
.bl-metric-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#34d399,#10b981)}
.bl-metric b{font-size:.62rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff;font-weight:600;text-align:right}
.bl-activity{padding:.85rem;border-radius:16px;border:1px solid rgba(63,63,70,.5);background:rgba(24,24,27,.35)}
.bl-activity-head{display:flex;align-items:center;gap:.45rem;margin-bottom:.7rem}
.bl-activity-head .bl-tile{width:22px;height:22px;min-width:22px;min-height:22px;border-radius:7px}
.bl-activity-head > span{font-size:.75rem;font-weight:600;color:#fff}
.bl-activity-meta{margin-left:auto;display:flex;gap:.7rem;align-items:center;font-size:.62rem}
.bl-activity-meta b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff;font-weight:700}
.bl-activity-meta em{font-style:normal;color:#34d399}
.bl-activity-bars{display:flex;align-items:flex-end;justify-content:space-between;gap:.35rem;height:56px}
.bl-act-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.25rem;height:100%}
.bl-act-bar{width:100%;max-width:28px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#34d399,#059669);box-shadow:0 0 10px rgba(16,185,129,.25)}
.bl-act-bar.is-empty{background:#27272a;box-shadow:none;opacity:.9;min-height:4px}
.bl-act-col span{font-size:.58rem;color:#71717a}
.bl-device{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem;border-radius:12px;border:1px solid rgba(63,63,70,.35);background:rgba(24,24,27,.45);margin-bottom:.45rem}
.bl-device strong{display:block;font-size:.86rem;color:#fff;width:100%}
.bl-device em{font-style:normal;font-size:.74rem;color:#71717a}
.bl-device span{font-size:.72rem;color:#6ee7b7;font-weight:600}

@keyframes bl-dash-enter{to{opacity:1;transform:translateY(0)}}
@keyframes bl-dash-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes bl-logo-pulse{0%,100%{transform:scale(1);opacity:.45}50%{transform:scale(1.08);opacity:.08}}

.bl-pw-list{display:grid;gap:.5rem}
.bl-pw-item{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:.75rem;align-items:center;padding:.75rem .85rem;border-radius:14px;border:1px solid rgba(63,63,70,.5);background:rgba(24,24,27,.45);cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;box-sizing:border-box}
.bl-pw-item:hover,.bl-pw-item.is-open{border-color:rgba(16,185,129,.4);background:rgba(16,185,129,.08);box-shadow:0 0 22px rgba(16,185,129,.1)}
.bl-pw-av{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:.78rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 18px -12px rgba(16,185,129,.7);flex:0 0 auto}
.bl-pw-body{min-width:0;display:grid;gap:.2rem}
.bl-pw-top{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;min-width:0}
.bl-pw-item strong{display:block;font-size:.92rem;color:#fff;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bl-pw-badge{flex:0 0 auto;padding:.14rem .45rem;border-radius:999px;border:1px solid rgba(16,185,129,.22);background:rgba(16,185,129,.1);color:#6ee7b7;font-size:.62rem;font-weight:700;letter-spacing:.02em}
.bl-pw-item em{display:block;font-style:normal;font-size:.78rem;color:#a1a1aa;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bl-pw-detail{margin-top:.85rem;padding:1.05rem 1.1rem;border-radius:18px;border:1px solid rgba(63,63,70,.5);background:rgba(17,17,19,.78);box-shadow:0 14px 40px rgba(0,0,0,.22);display:none}
.bl-pw-detail.is-open{display:block}
.bl-pw-detail dl{display:grid;gap:.7rem;margin:0}
.bl-pw-detail dt{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#71717a}
.bl-pw-detail dd{margin:.2rem 0 0;font-size:.92rem;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}

.bl-demo-footer-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;margin-top:1rem;padding:.85rem 1rem;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}
.bl-demo-footer-bar p{margin:0;font-size:.84rem;color:var(--text-tertiary);line-height:1.5;max-width:520px}
.bl-demo-actions{display:flex;flex-wrap:wrap;gap:.55rem}

.bl-demo-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

@media (max-width:860px){
  .bl-scene-pin{flex-direction:column}
  .bl-pin-brand{border-right:0;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:1.2rem}
  .bl-pin-feats{display:none}
  .bl-scene-dash.is-active{grid-template-columns:1fr}
  .bl-demo-side{border-right:0;border-bottom:1px solid rgba(63,63,70,.5);max-height:220px}
  .side-nav{display:flex;flex-wrap:wrap;gap:.15rem}
  .side-sec{flex-basis:100%}
  .bl-demo-navbtn{width:auto}
  .side-lock{margin-top:auto}
  .bl-unlock-statusbar{flex-direction:column;gap:.55rem}
  .bl-demo-shell{min-height:0}
  .bl-demo-stage,.bl-demo-scene{min-height:0}
}
/* Keep Bedrohungsmonitor | Zugang side-by-side like Desktop; stack only if the dash area itself is narrow */
@container bl-dash (max-width:720px){
  .bl-dash-stats,.bl-dash-grid{grid-template-columns:1fr}
}
@container bl-dash (min-width:721px){
  .bl-dash-stats{grid-template-columns:repeat(3,1fr)}
  .bl-dash-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.95fr)}
}
@media (prefers-reduced-motion:reduce){
  .bl-unlock-orb .ring-a,.bl-unlock-orb .ring-b,.bl-unlock-orb .ring-c,
  .bl-unlock-scan,.bl-unlock-particles i,.bl-dash-logo-wrap,.bl-dash-logo-wrap .pulse-ring,
  .bl-dash-main.is-enter .bl-dash-stat,
  .bl-dash-main.is-enter .bl-dash-threat,
  .bl-dash-main.is-enter .bl-dash-right,
  .bl-dash-main.is-enter .bl-dash-hero{animation:none;opacity:1;transform:none}
  .bl-pin-key,.bl-demo-btn,.bl-demo-tab{transition:none}
  .bl-pin-dot.is-pulse,[data-bl-pin-dot].is-pulse{animation:none}
}