/* Showcase-mode additions (2026-09-30). Layered over the original Meridex CSS. */
.sc-ribbon{background:#07140c;border-bottom:1px solid var(--line,#22352a);color:var(--dim,#9aaca0);font-family:var(--font-mono),"IBM Plex Mono",Menlo,monospace;font-size:12px;line-height:1.5}
.sc-ribbon-in{max-width:1440px;margin:0 auto;padding:.6rem 88px;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem}
.sc-ribbon strong{color:var(--ink,#e8f2eb);font-weight:500}
.sc-ribbon a{color:var(--accent,#5cff91);text-decoration:none;margin-left:auto;white-space:nowrap}
.sc-ribbon a:hover{text-decoration:underline}
.sc-dot{width:6px;height:6px;border-radius:50%;background:var(--accent,#5cff91);flex:none}
@media (max-width:1024px){.sc-ribbon-in{padding-left:48px;padding-right:48px}}
@media (max-width:640px){.sc-ribbon-in{padding-left:16px;padding-right:16px}.sc-ribbon a{margin-left:0}.sc-dot{display:none}}

.nav-buy a.nav-cta{background:var(--gold,#5cff91);color:#06120b;border-radius:6px;align-items:center;min-height:2.5rem;padding:.5rem 1.125rem;font-family:inherit;font-size:.875rem;font-weight:500;display:inline-flex;text-decoration:none}
.nav-buy a.nav-cta:hover{background:var(--accent-ice,#8affd2)}
.buy a.btn{text-decoration:none}

/* Interactive controls that need the old app runtime are hidden, their static values stay. */
.metric-info-btn,.pnlcal-toggle-btn:not(.active){display:none!important}
.pnlcal-toggle-btn.active{pointer-events:none}
.board-more{text-align:center}

.sc-app{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(2rem,6vw,5rem);align-items:center;padding-top:clamp(3rem,6vw,6rem)}
.sc-app h2{margin:.75rem 0 1rem;font-size:clamp(1.75rem,3.2vw,2.5rem);line-height:1.12;letter-spacing:-.01em}
.sc-app-points{list-style:none;margin:1.75rem 0 0;padding:0;border-top:1px solid var(--v2-line,var(--line,#22352a))}
.sc-app-points li{display:flex;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--v2-line,var(--line,#22352a));color:var(--v2-ink,var(--ink,#e8f2eb));font-size:.95rem;line-height:1.5}
.sc-phones{display:flex;justify-content:center;gap:clamp(1rem,3vw,2rem);align-items:flex-start}
.sc-phone{margin:0;flex:0 1 250px;min-width:0}
.sc-phone img{display:block;width:100%;height:auto;border-radius:28px;border:1px solid var(--v2-line,var(--line,#22352a));background:#0c100e;box-shadow:0 30px 60px -30px #000,0 0 0 6px #0a0f0c}
.sc-phone-2{margin-top:3rem}
.sc-phone figcaption{margin-top:1rem;text-align:center;font-family:var(--font-mono),"IBM Plex Mono",Menlo,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim,#9aaca0)}
@media (max-width:52rem){.sc-app{grid-template-columns:1fr}.sc-phone-2{margin-top:1.5rem}}
@media (max-width:30rem){.sc-phones{gap:.75rem}.sc-phone img{border-radius:18px;box-shadow:0 0 0 3px #0a0f0c}}

.sc-frozen{border-color:#5cff9160}
.sc-frozen .btn{text-decoration:none}
.sc-legal-note{border:1px solid #5cff9160;background:var(--panel,#0a100d);padding:1rem 1.25rem;border-radius:4px;color:var(--ink,#e8f2eb)}