/* Portfolio-only presentation */
[data-st-remind],[data-st-lost],[data-st-expire],.nb-col-actions{display:none!important}
.nb-sidebar [aria-disabled="true"]{cursor:default}
.nb-st-link{cursor:default;text-decoration:none}
.demo-label{font-size:12px}
@media(max-width:600px){.demo-label{font-size:10px}.nb-topbar .nb-user-btn-text{display:none}}

@media(max-width:480px){.nb-sumtile-value{font-size:16px;letter-spacing:-.4px}.nb-sumtile-value--text{font-size:16px}}

/* Activation cover: lock the iframe document until the visitor starts. */
html.demo-awaiting-start,
html.demo-awaiting-start body { height:100%; overflow:hidden!important; }
.demo-awaiting-start .nb-shell { height:100dvh; overflow:hidden!important; }
.demo-start {
 position:fixed; inset:0; z-index:2147483647; width:100%; height:100%;
 display:grid; place-items:center; padding:24px; margin:0; border:0;
 background:rgba(234,243,240,.48); backdrop-filter:blur(2px);
 -webkit-backdrop-filter:blur(2px); color:#173e38; cursor:pointer;
 font:inherit; text-align:center; -webkit-tap-highlight-color:transparent;
}
.demo-start-card {
 display:flex; flex-direction:column; align-items:center; gap:12px;
 padding:30px 38px; border:1px solid rgba(255,255,255,.9); border-radius:24px;
 background:rgba(255,255,255,.94); box-shadow:0 16px 64px rgba(22,61,53,.14);
 transition:transform .2s ease,box-shadow .2s ease;
}
.demo-start:hover .demo-start-card { transform:translateY(-3px); box-shadow:0 22px 70px rgba(22,61,53,.2); }
.demo-start:focus-visible { outline:3px solid #398c7e; outline-offset:-7px; }
.demo-start-icon { position:relative; display:grid; place-items:center; width:66px; height:66px; border-radius:50%; background:#e7f3ef; }
.demo-start-icon::before { content:""; position:absolute; inset:0; border:2px solid #74b4a7; border-radius:50%; animation:demo-click-ring 2s ease-out infinite; }
.demo-start-icon svg { width:32px; height:32px; animation:demo-click-hand 2s ease-in-out infinite; }
.demo-start-title { font-size:24px; font-weight:700; line-height:1.2; }
.demo-start-hint { font-size:14px; color:#647b75; line-height:1.5; }
@keyframes demo-click-ring { 0%,25% { transform:scale(.8); opacity:0; } 35% { opacity:.6; } 85%,100% { transform:scale(1.4); opacity:0; } }
@keyframes demo-click-hand { 0%,20%,60%,100% { transform:translateY(0) scale(1); } 35% { transform:translateY(3px) scale(.9); } }
@media(prefers-reduced-motion:reduce) { .demo-start-icon::before,.demo-start-icon svg { animation:none; } .demo-start-card { transition:none; } }
@media(max-width:480px) { .demo-start-card { padding:26px; } .demo-start-title { font-size:22px; } }