.agents-demo-section .badge,.agents-demo-section .section-title,.agents-demo-section .section-subtitle{display:block;margin-left:auto;margin-right:auto;width:fit-content}.agents-demo-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);margin-top:var(--space-8)}.agents-demo-card{display:flex;flex-direction:column;background:var(--color-bg-card);border:1px solid var(--color-border-glass);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--transition-base);position:relative;overflow:hidden}.agents-demo-card:hover{border-color:var(--color-border-glass-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.agents-demo-card-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--color-accent-gradient);color:#fff;margin-bottom:var(--space-5)}.agents-demo-card-icon .agents-demo-svg{width:30px;height:30px}.agents-demo-card-name{font-size:var(--text-xl);margin-bottom:var(--space-1)}.agents-demo-card-role{font-size:var(--text-sm);font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.agents-demo-card-desc{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6;margin-bottom:var(--space-6)}.agents-demo-card-actions{display:flex;gap:var(--space-3);margin-top:auto}.agents-demo-btn{flex:1;padding-left:var(--space-4);padding-right:var(--space-4)}.agents-demo-btn-icon{display:inline-flex}.agents-demo-btn-icon svg{width:16px;height:16px}.agents-demo-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.agents-demo-modal[hidden]{display:none}.agents-demo-modal-backdrop{position:absolute;inset:0;background:#1c243099;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.agents-demo-modal-dialog{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;height:100%;max-width:480px;max-height:calc(100dvh - 2 * var(--space-4));overflow:hidden;background:var(--color-bg-primary);border:1px solid var(--color-border-glass-hover);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.agents-demo-modal-x{position:absolute;top:var(--space-4);right:var(--space-4);z-index:3;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border-glass-hover);border-radius:var(--radius-full);background:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.agents-demo-modal-x:hover{color:var(--color-accent);border-color:var(--color-accent)}.agents-demo-modal-x svg{width:20px;height:20px}.agents-modal-aside{display:contents}.agents-modal-aside-header{order:1;flex:0 0 auto;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5);padding-right:56px;background:var(--color-bg-warm);border-bottom:1px solid var(--color-border-glass)}.agents-modal-aside-details{order:3;flex:0 1 auto;min-height:0;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-bg-warm);border-top:1px solid var(--color-border-glass);overflow-y:auto}.agents-modal-foot{order:4;flex:0 0 auto;padding:var(--space-4) var(--space-5);background:var(--color-bg-warm);border-top:1px solid var(--color-border-glass)}.agents-modal-aside-top{display:flex;align-items:center;gap:var(--space-4)}.agents-modal-avatar{flex:0 0 auto;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--color-accent-gradient);color:#fff}.agents-modal-avatar .agents-demo-svg{width:26px;height:26px}.agents-modal-title{font-size:var(--text-xl)}.agents-modal-role{font-size:var(--text-sm);font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em}.agents-modal-chip{align-self:flex-start}.agents-modal-desc{color:var(--color-text-secondary);font-size:var(--text-base);line-height:1.7}.agents-modal-caps{display:none;flex-direction:column;gap:var(--space-3)}.agents-modal-cap{display:flex;align-items:flex-start;gap:var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5}.agents-modal-cap-check{flex:0 0 auto;width:18px;height:18px;margin-top:2px;color:var(--color-success)}.agents-modal-cta{margin-top:auto;width:100%;white-space:normal;text-transform:none;letter-spacing:.01em;text-align:center;line-height:1.4;padding-top:var(--space-3);padding-bottom:var(--space-3)}.agents-modal-live{order:2;flex:1 1 auto;min-height:340px;display:flex}.agents-modal-frame{width:100%;height:100%;min-height:0;border:0;display:block;background:var(--color-bg-secondary)}@media(min-width:640px){.agents-demo-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:992px){.agents-demo-grid{grid-template-columns:repeat(3,1fr)}.agents-demo-modal{padding:var(--space-4)}.agents-demo-modal-dialog{display:grid;grid-template-columns:minmax(320px,380px) 1fr;width:100%;height:auto;max-width:1040px;max-height:min(760px,calc(100dvh - 2 * var(--space-8)));border:1px solid var(--color-border-glass-hover);border-radius:var(--radius-2xl)}.agents-modal-aside{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8);background:var(--color-bg-warm);border-right:1px solid var(--color-border-glass);overflow-y:auto}.agents-modal-aside-header,.agents-modal-aside-details,.agents-modal-foot{order:0;display:flex;flex-direction:column;gap:var(--space-4);padding:0;background:none;border:0;overflow:visible}.agents-modal-aside-details{flex:1 1 auto}.agents-modal-caps{display:flex}.agents-modal-aside-top{padding-right:48px}.agents-modal-avatar{width:60px;height:60px}.agents-modal-avatar .agents-demo-svg{width:30px;height:30px}.agents-modal-title{font-size:var(--text-2xl)}.agents-modal-cta{margin-top:auto}.agents-modal-live,.agents-modal-frame{min-height:620px}}.agents-waitlist{scroll-margin-top:calc(var(--header-height) + 2rem)}.agents-waitlist-card{text-align:center;padding:var(--space-16);border-radius:var(--radius-2xl);background:linear-gradient(135deg,#5f92cd0f,#5fbb460f);border:1px solid rgba(95,146,205,.12)}.agents-waitlist-card h2{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.agents-waitlist-card p{color:var(--color-text-secondary);font-size:var(--text-lg);margin-bottom:var(--space-8)}@media(max-width:768px){.agents-waitlist-card{padding:var(--space-10) var(--space-6)}}
