.agents-page{min-height:100vh;position:relative}.agents-grid-bg{pointer-events:none;z-index:-1;background-color:#f5f3ff;background-image:linear-gradient(#00000014 1px,#0000 1px),linear-gradient(90deg,#00000014 1px,#0000 1px);background-size:16px 16px;position:fixed;inset:0}.agents-hero{text-align:center;padding:120px 0 60px}.agents-hero-content{margin-bottom:40px}.agents-badge{color:#fff;background:#8b5cf6;border:3px solid #000;margin-bottom:20px;padding:8px 20px;font-size:1rem;font-weight:600;display:inline-block}.agents-hero-content h1{color:#5b21b6;text-shadow:4px 4px #0003;margin-bottom:16px;font-size:4rem}.agents-subtitle{color:#64748b;max-width:600px;margin:0 auto;font-size:1.3rem;line-height:1.6}.agents-hero-visual{justify-content:center;margin:0 auto;display:flex}.agents-mockup{background:#fff;border:4px solid #000;width:100%;max-width:600px;box-shadow:8px 8px #000}.agents-mockup .mockup-header{background:#f1f5f9;border-bottom:3px solid #000;align-items:center;gap:8px;padding:12px 16px;display:flex}.agents-mockup .mockup-dot{border:2px solid #000;width:12px;height:12px}.agents-mockup .mockup-dot.red{background:#ef4444}.agents-mockup .mockup-dot.yellow{background:#f59e0b}.agents-mockup .mockup-dot.green{background:#22c55e}.agents-mockup .mockup-title{color:#64748b;margin-left:auto;font-size:.85rem;font-weight:600}.agents-mockup .mockup-canvas{flex-direction:column;align-items:center;gap:0;padding:32px;display:flex}.agent-node{border:3px solid #000;align-items:center;gap:12px;padding:14px 24px;font-weight:600;display:flex;box-shadow:3px 3px #000}.agent-node i{font-size:1.25rem}.agent-center{color:#5b21b6;background:#ede9fe}.agent-cpms{color:#1d4ed8;background:#dbeafe}.agent-erpms{color:#059669;background:#d1fae5}.agent-workflow{color:#d97706;background:#fef3c7}.agents-mockup .canvas-line{background:#000;width:4px;height:20px}.agent-branches{justify-content:center;width:100%;display:flex}.agent-branch{flex-direction:column;flex:1;align-items:center;padding:0 12px;display:flex;position:relative}.branch-line{width:100%;height:20px;position:relative}.branch-line:after{content:"";background:#000;width:4px;height:100%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.branch-line:before{content:"";background:#000;height:4px;position:absolute;top:0}.agent-branch:first-child .branch-line:before{width:50%;left:50%}.agent-branch:last-child .branch-line:before{width:50%;left:0}.agent-branch:nth-child(2) .branch-line:before{width:100%;left:0}.agents-build{background:#5b21b6;border-top:4px solid #000;border-bottom:4px solid #000;padding:80px 0}.build-header{text-align:center;margin-bottom:48px}.build-header h2{color:#fff;margin-bottom:12px;font-size:2.5rem}.build-header p{color:#fffc;font-size:1.1rem}.build-steps{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.build-step{text-align:center;background:#ffffff1a;border:3px solid #ffffff4d;padding:32px 24px}.step-number{color:#ffffff80;margin-bottom:16px;font-size:2rem;font-weight:800}.build-step h3{color:#fff;margin-bottom:12px;font-size:1.15rem;font-weight:700}.build-step p{color:#fffc;font-size:.95rem;line-height:1.5}.build-purple,.build-blue,.build-teal,.build-green{background:#ffffff1a;border-color:#ffffff4d}.build-purple .step-number,.build-blue .step-number,.build-teal .step-number,.build-green .step-number{color:#ffffff80}.agents-modes{background:#fff;padding:80px 0}.modes-header{text-align:center;margin-bottom:48px}.modes-header h2{color:#1a1a2e;font-family:Georgia,Noto Serif SC,serif;font-size:2.25rem;font-weight:400}.modes-grid{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.mode-card{background:#f8fafc;border:4px solid #000;padding:40px 32px;transition:transform .2s;box-shadow:8px 8px #000}.mode-card:hover{transform:translate(-2px,-2px);box-shadow:10px 10px #000}.mode-icon{background:#fff;border:3px solid #000;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:20px;font-size:2.5rem;display:flex}.mode-card h3{color:#1a1a2e;margin-bottom:16px;font-size:1.5rem;font-weight:700}.mode-card>p{color:#64748b;margin-bottom:24px;font-size:1.05rem;line-height:1.7}.mode-example{background:#fff;border:3px solid #000;padding:20px}.example-title{color:#8b5cf6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.85rem;font-weight:600}.mode-example ul{margin:0;padding:0;list-style:none}.mode-example li{color:#64748b;border-bottom:1px solid #f1f5f9;padding:8px 0;font-size:.95rem}.mode-example li:last-child{border-bottom:none}.mode-example li:before{content:"→ ";color:#8b5cf6}.chat-demo{flex-direction:column;gap:12px;display:flex}.chat-bubble{border:3px solid #000;max-width:90%;padding:12px 16px;font-size:.9rem;line-height:1.5;box-shadow:4px 4px #0000001a}.chat-bubble.system{color:#6d28d9;background:#ede9fe;align-self:flex-start}.chat-bubble.user{color:#fff;background:#8b5cf6;align-self:flex-end}.agents-cta{text-align:center;background:linear-gradient(135deg,#1a1a2e 0%,#2d2d4a 100%);padding:100px 0}.agents-cta h2{color:#fff;margin-bottom:16px;font-family:Georgia,Noto Serif SC,serif;font-size:2.25rem;font-weight:400}.cta-desc{color:#fffc;max-width:600px;margin:0 auto 32px;font-size:1.1rem;line-height:1.7}.agents-cta .cta-buttons{justify-content:center;gap:16px;display:flex}.agents-cta .btn-cta-primary{color:#1a1a2e;background:#fff;border-radius:8px;padding:14px 32px;font-weight:600;transition:all .2s}.agents-cta .btn-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.agents-cta .btn-cta-secondary{color:#fff;background:0 0;border:2px solid #ffffff4d;border-radius:8px;padding:14px 32px;font-weight:600;transition:all .2s}.agents-cta .btn-cta-secondary:hover{background:#ffffff1a;border-color:#ffffff80}.agents-integration{background:#fff;padding:80px 0}.integration-header{text-align:center;margin-bottom:48px}.integration-header h2{color:#1a1a2e;margin-bottom:12px;font-family:Georgia,Noto Serif SC,serif;font-size:2.25rem;font-weight:400}.integration-header p{color:#64748b;font-size:1.1rem}.integration-cases{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.case-card{background:#f8fafc;border:4px solid #000;padding:32px;transition:transform .2s;box-shadow:8px 8px #000}.case-card:hover{transform:translate(-3px,-3px);box-shadow:11px 11px #000}.case-cpms{border-color:#60a5fa}.case-erpms{border-color:#34d399}.case-badge{background:#fff;border:3px solid #000;margin-bottom:20px;padding:6px 16px;font-size:.8rem;font-weight:700;display:inline-block}.case-cpms .case-badge{color:#1d4ed8;background:#dbeafe;box-shadow:4px 4px #000}.case-erpms .case-badge{color:#059669;background:#d1fae5;box-shadow:4px 4px #000}.case-card h3{color:#1a1a2e;margin-bottom:20px;font-size:1.35rem;font-weight:700}.case-flow{background:#fff;border:3px solid #000;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;display:flex;box-shadow:4px 4px #0000001a}.flow-step{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.step-icon{background:#f1f5f9;border:2px solid #000;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.step-text{color:#64748b;max-width:80px;font-size:.8rem}.flow-arrow{color:#8b5cf6;font-size:1.25rem;font-weight:700}.case-features{margin:0;padding:0;list-style:none}.case-features li{color:#64748b;border-bottom:2px dashed #e2e8f0;align-items:center;gap:8px;padding:10px 0;font-size:.95rem;display:flex}.case-features li:last-child{border-bottom:none}.case-features li:before{content:"";background:#8b5cf6;border:2px solid #000;width:12px;height:12px;display:inline-block}@media (max-width:1024px){.features-grid-3{grid-template-columns:1fr}.build-steps{grid-template-columns:repeat(2,1fr)}.modes-grid,.usecases-grid,.integration-cases{grid-template-columns:1fr}}@media (max-width:768px){.agents-hero-content h1{font-size:2.5rem}.agents-subnav{flex-wrap:wrap;gap:12px}.build-steps{grid-template-columns:1fr}.agent-orb-container{width:220px;height:220px}.tool-node{transform:rotate(var(--angle))translateY(-90px)rotate(calc(-1*var(--angle)))}.case-flow{flex-wrap:wrap;gap:12px}.flow-arrow{display:none}}