.ai-agents-page{color:#fff;background:#000;min-height:100vh}.ai-agents-main{padding-top:120px}.ai-agents-container{max-width:1200px;margin:0 auto;padding:0 24px}.ai-agents-header{text-align:center;max-width:800px;margin:60px auto 120px}.ai-agents-label{color:#888;letter-spacing:.5px;margin-bottom:24px;font-family:IBM Plex Mono,monospace;font-size:14px}.bracket{color:#666}.label-text{color:#fff;margin:0 4px}.ai-agents-title{color:#fff;letter-spacing:-2px;margin:0 0 32px;font-size:55px;font-weight:300;line-height:1.2}.ai-agents-description{color:#888;max-width:700px;margin:0 auto 32px;font-size:18px;line-height:1.6}.coming-soon-badge{color:#ccc;letter-spacing:.5px;text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;align-items:center;padding:8px 16px;font-size:12px;font-weight:500;display:inline-flex}.ai-agents-content{flex-direction:column;gap:100px;margin-bottom:120px;display:flex}.section-title{color:#fff;letter-spacing:-1px;text-align:center;margin:0 0 60px;font-size:42px;font-weight:300}.agent-types-grid{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.agent-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff05 0%,#ffffff03 100%);border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;padding:32px 96px 32px 32px;transition:all .3s;display:flex;position:relative}.agent-info{flex-direction:column;flex:1;display:flex}.agent-card:hover{background:linear-gradient(135deg,#ffffff0a 0%,#ffffff05 100%);border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 8px 32px #0000004d}.agent-card:before{content:"";background:linear-gradient(90deg,#333,#666);border-radius:12px 12px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.agent-icon{color:#ffffff8c;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin:0;transition:all .3s;display:flex;position:absolute;top:28px;right:28px}.agent-card:hover .agent-icon{color:#ffffffd9;background:#ffffff0f;border-color:#ffffff26}.agent-name{color:#fff;letter-spacing:-.3px;text-align:left;margin:0 0 8px;font-size:19px;font-weight:500;line-height:1.3}.agent-description{color:#ffffff8c;text-align:left;margin:0 0 20px;font-size:14px;line-height:1.55}.agent-capabilities{flex-direction:column;gap:4px;margin:0 0 20px;padding:0;list-style:none;display:flex}.agent-capabilities li{color:#ffffffa6;text-align:left;background:0 0;border:0;border-radius:0;padding:4px 0 4px 18px;font-size:13.5px;line-height:1.5;transition:color .2s;position:relative}.agent-capabilities li:before{content:"·";color:#ffffff59;font-size:20px;line-height:1;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.agent-capabilities li:hover{color:#ffffffe6}.agent-status{color:#888;text-transform:uppercase;letter-spacing:.5px;background:#ffffff08;border-radius:16px;align-self:flex-start;margin-top:auto;padding:6px 12px;font-size:11px;font-weight:500;display:inline-block}.features-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.router-section{margin-bottom:64px}.section-subtitle{color:#ffffffb3;text-align:center;max-width:720px;margin:-16px auto 32px;font-size:16px;line-height:1.6}.router-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.router-card{background:#00000080;border:1px solid #ffffff14;border-radius:16px;padding:32px;transition:all .3s}.router-card:hover{border-color:#ffffff29;transform:translateY(-2px)}.router-card-title{color:#fff;letter-spacing:-.3px;margin:0 0 12px;font-size:20px;font-weight:500}.router-card-description{color:#ffffffbf;margin:0 0 16px;font-size:15px;line-height:1.6}.router-card-list{margin:0;padding:0;list-style:none}.router-card-list li{color:#ffffffa6;padding:6px 0 6px 18px;font-size:14px;line-height:1.6;position:relative}.router-card-list li:before{content:"—";color:#ffffff4d;position:absolute;left:0}@media (max-width:968px){.router-grid{grid-template-columns:1fr}}.feature-card{text-align:left;background:#ffffff03;border:1px solid #ffffff0d;border-radius:8px;padding:24px;transition:all .2s}.feature-card:hover{background:#ffffff05;border-color:#ffffff1a}.feature-title{color:#fff;text-align:left;margin:0 0 12px;font-size:16px;font-weight:600}.feature-description{color:#888;margin:0;font-size:14px;line-height:1.5}.use-cases-grid{grid-template-columns:repeat(2,1fr);gap:16px;max-width:600px;margin:0 auto;display:grid}.use-case-item{color:#ccc;align-items:center;gap:12px;padding:12px 0;font-size:14px;display:flex}.use-case-bullet{background:#666;border-radius:50%;flex-shrink:0;width:6px;height:6px}.technical-content{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.technical-card{background:#ffffff03;border:1px solid #ffffff0d;border-radius:8px;padding:24px;transition:all .2s}.technical-card:hover{background:#ffffff05;border-color:#ffffff1a}.technical-card h4{color:#fff;margin:0 0 12px;font-size:16px;font-weight:600}.technical-card p{color:#888;margin:0;font-size:14px;line-height:1.5}.cta-section{text-align:center;background:linear-gradient(135deg,#ffffff05 0%,#ffffff03 100%);border:1px solid #ffffff14;border-radius:16px;padding:60px 40px}.cta-content{max-width:500px;margin:0 auto}.cta-title{color:#fff;letter-spacing:-1px;margin:0 0 16px;font-size:28px;font-weight:400}.cta-description{color:#888;margin:0 0 32px;font-size:16px;line-height:1.6}.cta-actions{justify-content:center;gap:16px;display:flex}.cta-btn{cursor:pointer;border-radius:6px;align-items:center;padding:12px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.cta-btn.primary{color:#000;background:#fff}.cta-btn.primary:hover{background:#f0f0f0;transform:translateY(-2px)}.cta-btn.secondary{color:#fff;background:0 0;border:1px solid #fff3}.cta-btn.secondary:hover{background:#ffffff0d;border-color:#fff6;transform:translateY(-2px)}@media (max-width:1024px){.agent-types-grid,.features-grid,.technical-content,.use-cases-grid{grid-template-columns:1fr}}@media (max-width:768px){.cta-section{border:0;padding:40px 0}.ai-agents-main{padding-top:100px}.ai-agents-container{padding:0 20px}.ai-agents-header{margin:40px auto 80px}.ai-agents-title{font-size:42px}.ai-agents-description{font-size:16px}.section-title{font-size:32px}.ai-agents-content{gap:80px}.agent-card,.feature-card,.technical-card{padding:20px}.agent-card{padding-right:76px}.agent-icon{border-radius:8px;width:40px;height:40px;top:18px;right:18px}.agent-icon svg{width:24px;height:24px}.agent-name{font-size:17px}.agent-description{font-size:13.5px}.cta-section{padding:40px 24px}.cta-actions{flex-direction:column;align-items:center}.cta-btn{justify-content:center;width:200px}}
