.demo-badge{position:fixed;z-index:60;right:16px;bottom:16px;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(12,14,18,.72);color:#f2f2f0;font:500 .82rem/1 var(--font-sans);letter-spacing:.01em;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(0,0,0,.25);transition:background-color .2s ease}.demo-badge:hover{background:rgba(12,14,18,.9)}.demo-badge b{font-weight:700}.demo-badge-dot{width:7px;height:7px;border-radius:50%;background:#75baff;box-shadow:0 0 0 3px rgba(117,186,255,.25)}.demo-note{position:relative;z-index:5;padding:72px 24px 96px;background:#0c0e12;color:#eef0f4;font-family:var(--font-sans)}.demo-note-inner{max-width:640px;margin:0 auto;text-align:center}.demo-note-title{font-size:clamp(1.25rem,2.6vw,1.6rem);font-weight:600;line-height:1.3;letter-spacing:-.01em}.demo-note-text{margin-top:14px;color:#a3aab6;line-height:1.6}.demo-note-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 20px;align-items:center;margin-top:28px}.demo-note-btn{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border-radius:10px;background:#75baff;color:#061321;font-weight:600}.demo-note-btn:hover{background:#9ccdff}.demo-note-link{color:#eef0f4;font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(255,255,255,.3)}.demo-note-legal{display:flex;justify-content:center;gap:20px;margin-top:40px;font-size:.875rem}.demo-note-legal a{color:#7d8593}.demo-note-legal a:hover{color:#eef0f4}@media (max-width:600px){.demo-badge{right:12px;bottom:12px;padding:9px 12px;font-size:.78rem}}