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