.demo-macos-container{background:transparent;border-radius:12px;overflow:visible;box-shadow:0 20px 60px #0000004d;height:660px;padding:0;box-sizing:border-box;position:relative;width:100%;max-width:1200px;margin:0 auto}.demo-desktop{background-image:-webkit-image-set(url(/assets/images/Default.webp) type("image/webp"),url(/assets/images/Default.png) type("image/png"))!important;background-image:image-set(url(/assets/images/Default.webp) type("image/webp"),url(/assets/images/Default.png) type("image/png"))!important;background-size:100% 100%!important;background-position:0 0!important;background-repeat:no-repeat!important;background-origin:border-box!important;background-clip:border-box!important;background-color:transparent;border-radius:12px;overflow:visible;width:100%!important;height:660px!important;position:relative;padding:0!important;margin:0!important;border:none!important;box-sizing:border-box;display:block}.demo-menubar{background:#c8c8c8b3;background-origin:border-box;background-clip:border-box;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(0,0,0,.1);height:40px;border-radius:12px 12px 0 0;overflow:visible;position:relative;z-index:1;margin:0;box-sizing:border-box;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.dark .demo-menubar{background:#323232d9;border-bottom-color:#ffffff1a}.demo-keyboard-area{cursor:pointer;outline:none}.demo-keyboard-area:focus{outline:2px solid rgba(255,255,255,.3);outline-offset:-2px}.demo-menu-container{position:relative;z-index:100}.demo-main-menu{background:#f9f9f9;border-radius:8px;box-shadow:0 8px 24px #0000002e,0 0 1px #00000040;min-width:280px;max-width:280px;border:.5px solid rgba(0,0,0,.06);padding:4px;margin-top:6px;z-index:100}.dark .demo-main-menu{background:#323232;border-color:#ffffff14}.demo-menu-item{padding:8px 16px;cursor:pointer;transition:background .08s ease;display:flex;align-items:center;gap:10px;font-size:16px;line-height:1.4;color:#1d1d1f;white-space:nowrap;position:relative}.dark .demo-menu-item{color:#f5f5f7}.demo-menu-item img{filter:brightness(0) saturate(100%)}.dark .demo-menu-item img{filter:brightness(0) saturate(100%) invert(100%)}.demo-menu-item:hover{background:#007dfa26}.demo-menu-item.demo-menu-version{cursor:default;color:#86868b;opacity:1}.demo-menu-item.demo-menu-version:hover{background:transparent}.dark .demo-menu-item.demo-menu-version{color:#a1a1a6}.demo-menu-item.demo-menu-active{background:#007dfa;color:#fff}.dark .demo-menu-item.demo-menu-active{background:#0a84ff;color:#fff}.demo-menu-item.demo-menu-active svg{color:#fff}.demo-menu-item.demo-menu-active img,.dark .demo-menu-item.demo-menu-active img{filter:brightness(0) saturate(100%) invert(100%)!important}.demo-checkmark-green{width:18px;font-size:16px;color:#30d158;font-weight:600;text-align:center;margin-left:-2px;margin-right:2px}.dark .demo-checkmark-green{color:#32d74b}.demo-submenu{background:#f9f9f9;border-radius:8px;box-shadow:0 8px 24px #0000002e,0 0 1px #00000040;min-width:240px;max-width:240px;border:.5px solid rgba(0,0,0,.06);position:absolute;padding:4px 0;z-index:101;opacity:0;visibility:hidden;pointer-events:none;transition:none;left:100%;top:0}.demo-submenu.positioned{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .15s ease}.dark .demo-submenu{background:#323232;border-color:#ffffff14}.demo-submenu-category{padding:4px 16px 1px 26px;font-size:15px;font-weight:400;color:#86868b;letter-spacing:.01em;pointer-events:none;margin-top:0;line-height:1.3;text-align:left}.demo-submenu-category:first-child{padding-top:3px}.dark .demo-submenu-category{color:#a1a1a6}.demo-submenu-item{padding:2px 16px 2px 12px;cursor:pointer;transition:background .08s ease;display:flex;align-items:center;gap:0;font-size:16px;line-height:1.4;color:#1d1d1f;white-space:nowrap;min-height:26px;position:relative}.dark .demo-submenu-item{color:#f5f5f7}.demo-submenu-item:hover{background:#007dfa26}.demo-submenu-item>span:last-child{margin-left:36px}.demo-checkmark{width:18px;font-size:15px;color:#1d1d1f;font-weight:600;text-align:left;position:absolute;left:12px;margin:0;padding:0;opacity:0;transition:opacity .2s;display:inline-block}.dark .demo-checkmark{color:#f5f5f7}.demo-sound-pack-item[data-selected=true],.demo-sound-pack-item.selected{background:#007dfa40!important}.dark .demo-sound-pack-item[data-selected=true],.dark .demo-sound-pack-item.selected{background:#0a84ff40!important}.demo-sound-pack-item[data-selected=true] .demo-checkmark,.demo-sound-pack-item.selected .demo-checkmark{opacity:1!important;display:inline!important;visibility:visible!important}.demo-submenu-separator{height:1px;background:#00000014;margin:3px 0}.dark .demo-submenu-separator{background:#ffffff14}.demo-menu-separator{height:1px;background:#00000014;margin:4px 0}.dark .demo-menu-separator{background:#ffffff14}.demo-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:2em;padding:.25em .5em;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Arial,sans-serif;font-size:.9em;font-weight:600;line-height:1.4;color:#1d1d1f;background:linear-gradient(180deg,#fff,#f5f5f5);border:1px solid rgba(0,0,0,.2);border-bottom-width:3px;border-radius:6px;box-shadow:0 1px #ffffff80 inset,0 2px 4px #00000026}.dark .demo-kbd{color:#f5f5f7;background:linear-gradient(180deg,#4a4a4a,#2d2d2d);border-color:#fff3;text-shadow:0 1px 0 rgba(0,0,0,.5);box-shadow:0 1px #ffffff1a inset,0 2px 4px #0000004d}.demo-kbd:hover{transform:translateY(-1px);box-shadow:0 1px #ffffff80 inset,0 3px 6px #00000026}.demo-interactive-prompt{position:relative;display:inline-block;padding:.25em .75em;background:#9333ea26;border-left:4px solid rgb(147,51,234);border-radius:8px;animation:prompt-glow 2s ease-in-out infinite;vertical-align:baseline;line-height:1}@keyframes prompt-glow{0%,to{background:#9333ea26;box-shadow:0 0 #9333ea4d}50%{background:#9333ea40;box-shadow:0 0 12px #9333ea80}}.demo-keyboard-icon{display:inline-block;animation:keyboard-bounce 2s ease-in-out infinite}@keyframes keyboard-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.demo-sound-wave{transition:opacity .3s}.demo-key-marquee{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;font-size:23px;font-weight:600;color:#fff;display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;min-width:-moz-fit-content;min-width:fit-content;box-sizing:border-box;transition:all .3s}.demo-key-marquee-item{display:inline-flex;align-items:center;justify-content:center;background:#ffffff26;border-radius:8px;padding:8px 16px;min-width:52px;height:42px;font-size:23px;animation:keySlideIn .3s ease-out;white-space:nowrap;border:1px solid rgba(255,255,255,.2);flex-shrink:0;box-sizing:border-box}@keyframes keySlideIn{0%{opacity:0;transform:translate(30px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.demo-key-marquee-item.fade-out{animation:keyFadeOut .2s ease-out forwards}@keyframes keyFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.demo-key-marquee-item.slide-out-left{animation:keySlideOutLeft .15s ease-out forwards;pointer-events:none}@keyframes keySlideOutLeft{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-50px) scale(.7)}}.demo-key-placeholder{display:inline-flex!important;align-items:center;justify-content:center;font-size:21px;font-weight:500;font-style:italic;padding:8px 16px;height:42px;white-space:nowrap;position:relative;--spread: 60px;--base-color: rgba(255, 255, 255, .4);--shimmer-color: rgba(255, 255, 255, 1);background-image:linear-gradient(90deg,transparent calc(50% - var(--spread)),var(--shimmer-color),transparent calc(50% + var(--spread))),linear-gradient(var(--base-color),var(--base-color));background-size:250% 100%,auto;background-position:105% center,0 0;background-repeat:no-repeat,no-repeat;background-clip:text,text;-webkit-background-clip:text,text;-webkit-text-fill-color:transparent;color:transparent;animation:forgeShimmer 2.5s linear infinite;opacity:1!important;visibility:visible!important}@keyframes forgeShimmer{0%{background-position:105% center,0 0}to{background-position:-5% center,0 0}}.demo-instruction{text-shadow:0 2px 10px rgba(0,0,0,.3)}#demo-instruction{color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Arial,sans-serif}#demo-instruction>p:first-child{font-size:1.875rem;font-weight:700;line-height:1.25;margin-bottom:1.5rem;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}#demo-instruction>p:last-child{font-size:1.25rem;line-height:1.75;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}#demo-instruction>p:last-child>span{opacity:.9}#demo-instruction>p:last-child>span.opacity-80{opacity:.8!important}#demo-instruction>p:last-child>span.demo-interactive-prompt{opacity:1}#testimonials-carousel{position:relative;width:100%;overflow-x:hidden;overflow-y:visible;padding-top:16px;padding-bottom:16px}#testimonials-track{display:flex;will-change:transform;width:-moz-fit-content;width:fit-content;padding:0 1rem;align-items:stretch;margin-top:0}.testimonial-slide{flex-shrink:0;display:flex;align-items:stretch;margin-top:0}.testimonial-card{transition:transform .2s ease,box-shadow .2s ease;min-height:220px;display:flex;flex-direction:column;width:100%;border:1px solid rgba(0,0,0,.1);margin-top:0}.dark .testimonial-card{border-color:#ffffff1a}.testimonial-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.testimonial-avatar-section{margin-top:auto;padding-top:1rem}#testimonials-carousel::-webkit-scrollbar{display:none}#testimonials-carousel{-ms-overflow-style:none;scrollbar-width:none}@media(max-width:768px){.testimonial-slide{width:320px!important}}