@media (min-width: 992px){.ai-agents .section-header-title{max-width:750px}}.ai-agents-create-content{display:flex;flex-direction:column;gap:var(--spacing-vertical-sm);width:100%;margin-top:var(--spacing-vertical-2xl)}@media (min-width: 992px){.ai-agents-create-content{flex-direction:row;gap:var(--spacing-xl);align-items:flex-start}}.ai-agents-create-cards{display:flex;flex-direction:column;gap:var(--spacing-vertical-sm);width:100%}@media (min-width: 992px){.ai-agents-create-cards{flex:0 0 auto;max-width:400px}}.ai-agents-create-card{background-color:var(--surface-white);border:var(--stroke-sm) solid var(--stroke-light);border-radius:var(--radius-md);width:100%;transition:border-color .3s ease,box-shadow .3s ease}.ai-agents-create-card:has(.collapse.show),.ai-agents-create-card:hover{border-color:var(--stroke-highlight);box-shadow:0 0 0 1px var(--stroke-highlight)}.ai-agents-create-card-header{display:flex;gap:var(--spacing-xs);align-items:center;width:100%;cursor:pointer;padding:var(--spacing-sm)}.ai-agents-create-card-header img{width:28px;height:28px;flex-shrink:0}@media (min-width: 992px){.ai-agents-create-card-header img{width:36px;height:36px}}.ai-agents-create-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:140%;letter-spacing:var(--font-letter-spacing-sm);text-wrap:balance;color:var(--text-primary);margin:0;width:100%}.ai-agents-create-card-content{width:100%}.ai-agents-create-card-content-inner{display:flex;flex-direction:column;gap:var(--spacing-vertical-sm);width:100%;padding:0 var(--spacing-sm) var(--spacing-sm) var(--spacing-sm)}.ai-agents-create-card-description{font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:150%;letter-spacing:var(--font-letter-spacing-sm);text-wrap:pretty;color:var(--text-secondary);margin:0;width:100%}.ai-agents-create-card-audio{width:100%;margin-top:var(--spacing-vertical-2xs)}.ai-agents-create-card-preview{display:flex;flex-direction:column;position:relative;width:100%;border-radius:var(--radius-sm);overflow:hidden}@media (min-width: 992px){.ai-agents-create-card-preview{display:none}}@keyframes mobile-caller-sequence{0%{opacity:0;transform:translateY(10px)}16.67%{opacity:1;transform:translateY(0)}50%{opacity:1;transform:translateY(0)}66.67%{opacity:0;transform:translateY(-10px)}to{opacity:0;transform:translateY(-10px)}}@keyframes mobile-agent-sequence{0%{opacity:0;transform:translateY(10px)}50%{opacity:0;transform:translateY(10px)}66.67%{opacity:0;transform:translateY(10px)}83.33%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}.ai-agents-create-card-preview-image{position:relative;width:100%;aspect-ratio:327/260;border-radius:var(--radius-sm);overflow:hidden;height:260px}@media (min-width: 576px){.ai-agents-create-card-preview-image{height:550px}}@media (min-width: 768px){.ai-agents-create-card-preview-image{height:500px}}.ai-agents-create-card-preview-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0000 49.809%,#00000020);pointer-events:none}.ai-agents-create-card-preview-image img{width:100%;height:100%;object-fit:cover;display:block}.ai-agents-create-card-preview-conversation,.ai-agents-create-image-conversation{display:flex;flex-direction:column;gap:17px}.ai-agents-create-card-preview-conversation{position:absolute;bottom:var(--spacing-xs);left:var(--spacing-xs);right:var(--spacing-xs);width:calc(100% - var(--spacing-xs) * 2)}@media (min-width: 576px){.ai-agents-create-card-preview-conversation{display:flex;flex-direction:column;gap:17px;bottom:var(--spacing-xl);left:var(--spacing-xl);right:var(--spacing-xl);width:calc(100% - var(--spacing-xl) * 2)}}.ai-agents-create-card-preview-conversation .ai-agents-create-card-preview-caller,.ai-agents-create-card-preview-conversation .ai-agents-create-card-preview-agent{opacity:0}@media (max-width: 575px){.ai-agents-create-card-preview-conversation .ai-agents-create-card-preview-caller,.ai-agents-create-card-preview-conversation .ai-agents-create-card-preview-agent{position:absolute;bottom:0;left:0;right:0}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-agents-create-card-content.show .ai-agents-create-card-preview-caller{animation:fade-in .5s ease-in-out forwards}.ai-agents-create-card-content.show .ai-agents-create-card-preview-agent{animation:fade-in .5s ease-in-out .5s forwards}@media (max-width: 575px){.ai-agents-create-card-content.show .ai-agents-create-card-preview-caller{animation:mobile-caller-sequence 3s ease-in-out forwards}.ai-agents-create-card-content.show .ai-agents-create-card-preview-agent{animation:mobile-agent-sequence 3s ease-in-out forwards}}.ai-agents-create-image-conversation{display:none;position:absolute;bottom:var(--spacing-xl);left:var(--spacing-xl);right:var(--spacing-xl);z-index:2}.ai-agents-create-card-preview-caller,.ai-agents-create-image-caller{display:flex;gap:16px;align-items:flex-start;padding:16px;background-color:#5656568c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);max-width:100%}@media (min-width: 768px){.ai-agents-create-card-preview-caller,.ai-agents-create-image-caller{padding:20px 20px 20px 24px;max-width:400px;gap:24px}}.ai-agents-create-image-caller{max-width:400px}.ai-agents-create-card-preview-caller-avatar,.ai-agents-create-image-caller-avatar{position:relative;width:40px;height:40px}@media (min-width: 576px){.ai-agents-create-card-preview-caller-avatar,.ai-agents-create-image-caller-avatar{width:80px;height:80px;display:flex;margin-right:16px}}.ai-agents-create-card-preview-caller-avatar-img,.ai-agents-create-image-caller-avatar-img{display:none}@media (min-width: 576px){.ai-agents-create-card-preview-caller-avatar-img,.ai-agents-create-image-caller-avatar-img{display:block;width:100%;height:100%;border-radius:50%;background-color:var(--surface-brand-100);flex-shrink:0}.ai-agents-create-card-preview-caller-avatar-img img,.ai-agents-create-image-caller-avatar-img img{width:100%;height:100%}}.ai-agents-create-card-preview-caller-avatar-badge,.ai-agents-create-image-caller-avatar-badge{position:absolute;width:40px;height:40px}.ai-agents-create-card-preview-caller-avatar-badge img,.ai-agents-create-image-caller-avatar-badge img{width:100%;height:100%}@media (min-width: 576px){.ai-agents-create-card-preview-caller-avatar-badge,.ai-agents-create-image-caller-avatar-badge{right:-16px;bottom:-6px}}.ai-agents-create-card-preview-caller-content,.ai-agents-create-image-caller-content{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.ai-agents-create-card-preview-caller-label,.ai-agents-create-image-caller-label{font-size:var(--font-size-md-responsive);font-weight:var(--font-weight-medium);line-height:150%;letter-spacing:var(--font-letter-spacing-sm);text-wrap:pretty;color:#ffffffbf;margin:0;line-height:1.5}.ai-agents-create-card-preview-caller-text,.ai-agents-create-image-caller-text{font-size:var(--font-size-md-responsive);font-weight:var(--font-weight-medium);line-height:150%;letter-spacing:var(--font-letter-spacing-sm);text-wrap:pretty;color:var(--text-white);margin:0;line-height:1.5}.ai-agents-create-card-preview-agent,.ai-agents-create-image-agent{display:flex;gap:16px;align-items:flex-start;padding:16px;background-color:#fffffff2;-webkit-backdrop-filter:blur(6.385px);backdrop-filter:blur(6.385px);border-radius:var(--radius-sm);max-width:100%;align-self:flex-end}@media (min-width: 576px){.ai-agents-create-card-preview-agent,.ai-agents-create-image-agent{gap:24px;padding:24px}}@media (min-width: 768px){.ai-agents-create-card-preview-agent,.ai-agents-create-image-agent{max-width:430px}}.ai-agents-create-image-agent{max-width:430px}.ai-agents-create-card-preview-agent-icon,.ai-agents-create-image-agent-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0}@media (min-width: 576px){.ai-agents-create-card-preview-agent-icon,.ai-agents-create-image-agent-icon{width:80px;height:80px}}.ai-agents-create-card-preview-agent-icon img,.ai-agents-create-image-agent-icon img{width:100%;height:100%;object-fit:contain}.ai-agents-create-card-preview-agent-content,.ai-agents-create-image-agent-content{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.ai-agents-create-card-preview-agent-label,.ai-agents-create-image-agent-label{font-size:var(--font-size-md-responsive);font-weight:var(--font-weight-medium);line-height:150%;letter-spacing:var(--font-letter-spacing-sm);text-wrap:pretty;color:var(--text-placeholder);margin:0;line-height:1.5}.ai-agents-create-card-preview-agent-text,.ai-agents-create-image-agent-text{font-size:var(--font-size-md-responsive);font-weight:var(--font-weight-medium);line-height:150%;letter-spacing:var(--font-letter-spacing-sm);text-wrap:pretty;color:var(--text-primary);margin:0;line-height:1.3}@media (min-width: 576px){.ai-agents-create-card-preview-agent-text,.ai-agents-create-image-agent-text{line-height:1.5}}.ai-agents-create-image{display:none}@media (min-width: 992px){.ai-agents-create-image{display:block;position:relative;flex:1;min-width:0;height:524px;border-radius:var(--radius-md);overflow:hidden}}.ai-agents-create-image-item{position:absolute;inset:0;width:100%;height:100%}.ai-agents-create-image-item>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .4s ease-in-out}.ai-agents-create-image-item.is-active>img{opacity:1}.ai-agents-create-image-item.is-active .ai-agents-create-image-conversation{display:flex}.ai-agents-create-image-item:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0000 49.809%,#00000020);pointer-events:none;z-index:1}