.code-example-container.svelte-ra93mt{overflow:hidden;border-radius:.75rem;--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);max-width:600px;margin:0 auto}.code-header.svelte-ra93mt{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));padding:.75rem 1rem}.code-body.svelte-ra93mt{padding:1rem;min-height:200px}.code-footer.svelte-ra93mt{border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));padding:.5rem 1rem}pre.svelte-ra93mt{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1));font-family:Fira Code,Consolas,monospace;margin:0;white-space:pre}code.svelte-ra93mt{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.hero-frame.svelte-1uha8ag{border:2px solid rgba(99,102,241,.3);border-radius:20px;padding:clamp(1rem,3vh,2.5rem);max-width:1152px;margin:0 auto}@media (min-width: 768px){.hero-frame.svelte-1uha8ag{padding:clamp(1.5rem,4vh,3rem)}}.play-button.svelte-1uha8ag{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:50%;color:#fff;transition:all .3s ease;box-shadow:0 4px 15px #3b82f666;animation:svelte-1uha8ag-breathing 3s ease-in-out infinite}@keyframes svelte-1uha8ag-breathing{0%,to{transform:scale(1);box-shadow:0 4px 15px #3b82f666}50%{transform:scale(1.12);box-shadow:0 6px 25px #3b82f699}}.play-button.svelte-1uha8ag:hover{animation-play-state:paused;transform:scale(1.1);box-shadow:0 8px 30px #3b82f6b3}.play-button.svelte-1uha8ag:active{transform:scale(1.05)}.play-button.svelte-1uha8ag svg:where(.svelte-1uha8ag){margin-left:4px}.feature-card.svelte-1uha8ag{position:relative;overflow:hidden;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.feature-card.svelte-1uha8ag:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1));transform:translateY(-2px)}.feature-icon.svelte-1uha8ag{position:relative;margin-bottom:1rem;display:flex;height:3.5rem;width:3.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:center;justify-content:center;border-radius:.75rem;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.group.svelte-1uha8ag:hover .feature-icon:where(.svelte-1uha8ag){--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.feature-title.svelte-1uha8ag{margin-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.feature-description.svelte-1uha8ag{margin-bottom:1rem;line-height:1.625;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.feature-tags.svelte-1uha8ag{display:flex;flex-wrap:wrap;gap:.5rem}.feature-tags.svelte-1uha8ag span:where(.svelte-1uha8ag){border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));padding:.25rem .5rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}@keyframes svelte-1uha8ag-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up.svelte-1uha8ag{animation:svelte-1uha8ag-fade-in-up .6s ease-out}.gradient-text.svelte-1uha8ag{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #2563eb var(--tw-gradient-from-position);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #06b6d4 var(--tw-gradient-to-position);-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes svelte-1uha8ag-progress-scale{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes svelte-1uha8ag-bubble-move{0%{left:-7px}to{left:calc(100% - 7px)}}@keyframes svelte-1uha8ag-pulse-width{0%,to{width:20%}50%{width:100%}}.simple-progress-bar.svelte-1uha8ag{width:100%;height:4px;background-color:#e5e7eb80;border-radius:2px;overflow:visible;position:relative}.simple-progress-fill.svelte-1uha8ag{height:100%;background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:2px;animation:svelte-1uha8ag-simple-progress 6s ease-out infinite}.progress-bubble.svelte-1uha8ag{position:absolute;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#fff;border:2px solid #3b82f6;border-radius:50%;box-shadow:0 0 0 3px #3b82f633,0 2px 4px #0000001a;animation:svelte-1uha8ag-bubble-move 6s ease-out infinite}@keyframes svelte-1uha8ag-simple-progress{0%{width:0%}50%{width:100%}to{width:100%}}@keyframes svelte-1uha8ag-bubble-move{0%{left:-6px}16.67%{left:-6px}83.33%{left:calc(100% - 6px)}to{left:calc(100% - 6px)}}@keyframes svelte-1uha8ag-scroll-features{0%{transform:translate(0)}to{transform:translate(-50%)}}.scrolling-features.svelte-1uha8ag{animation:svelte-1uha8ag-scroll-features 30s linear infinite}.recording-indicator{margin-right:.5rem;display:inline-block;height:.75rem;width:.75rem;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1));animation:svelte-1uha8ag-recording-pulse 1.2s ease-in-out infinite;box-shadow:0 0 #ef4444b3}@keyframes svelte-1uha8ag-recording-pulse{0%{transform:scale(1);box-shadow:0 0 #ef4444b3}50%{transform:scale(1.2);box-shadow:0 0 0 10px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}