.live-demo-teaser{overflow:hidden;padding:50px 20px;position:relative}.live-demo-teaser:before{background:linear-gradient(135deg,#10b9810f,#6366f10a 50%,#8b5cf60f);content:"";inset:0;pointer-events:none;position:absolute}.live-demo-inner{margin:0 auto;max-width:1200px;position:relative;z-index:1}.live-demo-header{margin-bottom:32px;text-align:center}.live-demo-badge{align-items:center;background:#10b9811a;border:1px solid #10b98140;border-radius:999px;color:#10b981;display:inline-flex;font-size:.8rem;font-weight:700;gap:8px;letter-spacing:.06em;margin-bottom:16px;padding:6px 16px;text-transform:uppercase}.live-demo-badge .pulse-dot{animation:pulseDot 2s ease-in-out infinite;background:#10b981;border-radius:50%;height:8px;width:8px}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.live-demo-title{color:#fff;font-size:1.8rem;font-weight:800;letter-spacing:-.02em;margin:0 0 8px}.live-demo-title .accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#06b6d4);-webkit-background-clip:text;background-clip:text}.live-demo-subtitle{color:#9ca3af;font-size:1rem;line-height:1.5;margin:0}.live-demo-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}.live-demo-card{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;color:inherit;cursor:pointer;display:flex;gap:14px;padding:18px 20px;text-decoration:none;transition:all .2s ease}.live-demo-card:hover{background:#ffffff0f;border-color:#ffffff1f;transform:translateY(-2px)}.live-demo-card-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;height:44px;justify-content:center;width:44px}.live-demo-card-text h4{color:#e2e8f0;font-size:.9rem;font-weight:700;margin:0 0 3px}.live-demo-card-text p{color:#9ca3af;font-size:.78rem;line-height:1.4;margin:0}.live-demo-card-tag{border-radius:4px;flex-shrink:0;font-size:.6rem;font-weight:800;letter-spacing:.05em;margin-left:auto;padding:2px 7px;text-transform:uppercase;white-space:nowrap}.live-demo-cta-row{align-items:center;display:flex;gap:24px;justify-content:center}.live-demo-cta-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 4px 16px #10b98140;color:#fff;display:inline-flex;font-size:.95rem;font-weight:700;gap:10px;padding:12px 28px;text-decoration:none;transition:all .2s ease}.live-demo-cta-btn:hover{box-shadow:0 6px 24px #10b98159;transform:translateY(-2px)}.live-demo-cta-note{color:#6b7280;font-size:.85rem;font-style:italic}@media (max-width:900px){.live-demo-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.live-demo-cards{grid-template-columns:1fr}.live-demo-title{font-size:1.4rem}.live-demo-cta-row{flex-direction:column;gap:12px}}
/*# sourceMappingURL=22.b04dd2aa.chunk.css.map*/