/* Only the new showcase; existing landing sections retain their styles. */
.dashboard-demo-section .section-head{margin-bottom:28px}.demo-mode-note{display:flex;align-items:center;gap:8px;color:#aab4cf;font-size:12px;margin:20px 0 0}.demo-mode-note span{color:#a48bff;font-size:10px}.dashboard-demo{position:relative;width:100%;max-width:1320px;height:750px;margin-inline:auto;border-radius:20px;overflow:hidden;border:1px solid rgba(131,117,215,.36);background:#050a12;box-shadow:0 18px 50px rgba(0,0,0,.24),0 0 28px rgba(92,78,212,.08);isolation:isolate}.dashboard-demo iframe{display:block;width:100%;height:100%;border:0;background:#050a12;opacity:0;transition:opacity .3s}.dashboard-demo.is-ready iframe{opacity:1}.demo-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#b1bfd9;font-size:14px;pointer-events:none;z-index:0}.demo-placeholder::before{content:'';width:34px;height:34px;border-radius:50%;border:3px solid rgba(164,139,255,.25);border-top-color:#a48bff;animation:demo-spin .9s linear infinite}.dashboard-demo iframe{position:relative;z-index:1}.dashboard-demo.is-ready .demo-placeholder{display:none}@keyframes demo-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.demo-placeholder::before{animation:none}}.demo-placeholder small{font-size:12px;color:#8391aa}.dashboard-demo-section>.container{max-width:1320px}.demo-noscript{font-size:13px;color:#b1bfd9}.dashboard-demo-section .section-heading-copy{max-width:900px}
@media(max-width:820px){.dashboard-demo{height:750px;border-radius:16px}}
@media(max-width:560px){.dashboard-demo{height:750px;border-radius:14px}.dashboard-demo-section .section-sub{font-size:14px}.demo-mode-note{font-size:11px;line-height:1.6;align-items:flex-start}.dashboard-demo-section .section-head{margin-bottom:22px}}