:root{--bg-main:#1a202c;--bg-card:#2d3748;--accent-cyan:#4fd1c5;--accent-orange:#f6ad55;--text-primary:#e2e8f0;--text-secondary:#a0aec0;--border-color:#4a5568;--highlight-glow-cyan:#4fd1c54d;--highlight-glow-orange:#f6ad5566}body{background-color:var(--bg-main);color:var(--text-primary);font-family:Inter,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";background-image:linear-gradient(var(--border-color) 1px, transparent 1px), linear-gradient(90deg, var(--border-color) 1px, transparent 1px);z-index:-1;opacity:.05;pointer-events:none;background-size:50px 50px;width:100%;height:100%;animation:30s linear infinite subtle-grid-move;position:fixed;top:0;left:0}@keyframes subtle-grid-move{0%{background-position:0 0}to{background-position:100px 50px}}h1,h2,h3,h4,.font-heading{font-family:Poppins,sans-serif;font-weight:700}.font-mono{font-family:Roboto Mono,monospace}.btn-agent{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:.375rem;justify-content:center;align-items:center;padding:.75rem 1.75rem;font-family:Poppins,sans-serif;font-weight:600;line-height:1.2;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 2px 4px #0000001a}.btn-agent-primary{background-color:var(--accent-orange)!important;color:var(--bg-main)!important;border-color:var(--accent-orange)!important}.btn-agent-primary:hover{box-shadow:0 4px 10px var(--highlight-glow-orange);transform:translateY(-2px);background-color:#dd6b20!important;border-color:#dd6b20!important}.btn-agent-secondary{color:var(--accent-cyan)!important;border-color:var(--accent-cyan)!important;background-color:#0000!important}.btn-agent-secondary:hover{box-shadow:0 0 10px var(--highlight-glow-cyan);transform:translateY(-2px);color:#fff!important;background-color:#4fd1c51a!important}header nav button.nav-button{cursor:pointer;padding:.375rem 1rem;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:500;transition:color .3s;color:var(--text-secondary)!important;background-color:#0000!important;border:none!important}header nav button.nav-button:hover{color:var(--accent-cyan)!important}.card-agent{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;flex-direction:column;height:100%;padding:1.5rem;transition:all .3s;display:flex;box-shadow:0 5px 15px #0003}.card-agent:hover{border-color:var(--accent-cyan);box-shadow:0 8px 20px #0000004d, 0 0 15px var(--highlight-glow-cyan);transform:translateY(-5px)}.card-agent-highlight{border-color:var(--accent-cyan);box-shadow:0 8px 25px #0000004d, 0 0 20px var(--highlight-glow-cyan)}.scroll-fade-in{opacity:0;transition:opacity .7s ease-out,transform .7s ease-out;transform:translateY(30px)}.scroll-fade-in.visible{opacity:1;transform:translateY(0)}.typewriter-cursor:after{content:"|";background-color:var(--accent-orange);color:var(--bg-main);margin-left:3px;font-weight:700;animation:1s infinite blink-caret;display:inline-block}@keyframes blink-caret{0%,to{opacity:1}50%{opacity:0}}.text-gradient-cyan-orange{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-orange));-webkit-text-fill-color:transparent;text-fill-color:transparent;background-clip:text}.agent-lifecycle{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;margin:2rem 0;padding:0 1rem;display:flex;position:relative}.lifecycle-stage{text-align:center;z-index:1;background:var(--bg-main);flex:1;min-width:80px;margin-bottom:1rem;padding:0 .5rem}.lifecycle-stage i{border:2px solid var(--border-color);border-radius:50%;width:40px;height:40px;margin-bottom:.5rem;margin-left:auto;margin-right:auto;font-size:1.5rem;line-height:40px;transition:all .3s;display:block}.lifecycle-stage span{color:var(--text-secondary);font-family:Roboto Mono,monospace;font-size:.8rem;display:block}.lifecycle-connector{background:var(--border-color);z-index:0;height:2px;display:none;position:absolute;top:21px;left:5%;right:5%}@media (width>=640px){.lifecycle-connector{display:block}}.lifecycle-stage.active i{border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:0 0 10px var(--highlight-glow-cyan);animation:1.5s infinite pulse-icon}.lifecycle-stage.active span{color:var(--text-primary)}@keyframes pulse-icon{0%{box-shadow:0 0 10px var(--highlight-glow-cyan)}50%{box-shadow:0 0 20px var(--highlight-glow-cyan)}to{box-shadow:0 0 10px var(--highlight-glow-cyan)}}.faq-item summary{cursor:pointer;color:var(--text-primary);justify-content:space-between;align-items:center;padding:1rem 1.5rem;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::marker{display:none}.faq-item summary .icon{color:var(--accent-cyan);transition:transform .3s}.faq-item[open] summary .icon{transform:rotate(45deg)}.faq-item div{color:var(--text-secondary);padding:0 1.5rem 1rem;font-size:.9rem}