body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--foob-yellow:#fefae0;--foob-brown-light:#dda15e;--foob-brown-dark:#bc6c25;--foob-green-light:#606c38;--foob-green-dark:#283618;--foob-green-lighter:#a8d46f}.color1{background-color:#fefae0;background-color:var(--foob-yellow)}.color2{background-color:#dda15e;background-color:var(--foob-brown-light)}.color3{background-color:#bc6c25;background-color:var(--foob-brown-dark)}.color4{background-color:#606c38;background-color:var(--foob-green-light)}.color5{background-color:#283618;background-color:var(--foob-green-dark)}body{background-color:#fefae0;background-color:var(--foob-yellow)}.videos-list{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:800px;padding:2rem 1rem}.video-item{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.video-item:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.video-thumbnail{flex-shrink:0;margin-right:1rem}.video-thumbnail img{border-radius:8px;cursor:pointer;height:101px;transition:opacity .2s ease;width:180px}.video-thumbnail img:hover{opacity:.8}.video-info{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.video-title{color:#283618;color:var(--foob-green-dark);font-size:1.1rem;font-weight:600;line-height:1.3;margin:0;text-decoration:none;transition:color .2s ease}.video-title:hover{color:#bc6c25;color:var(--foob-brown-dark);text-decoration:underline}@media (max-width:768px){.video-item{flex-direction:column;text-align:center}.video-thumbnail{margin-bottom:1rem;margin-right:0}.video-thumbnail img{height:157px;width:280px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header{display:flex;justify-content:center;padding:1rem 0}.nav ul{display:flex;list-style:none;margin:0;padding:0}.nav li{margin-right:15px}.nav a{background-color:var(--foob-green-dark);border-radius:20px;color:#fff;display:inline-block;font-size:1.5rem;font-weight:700;line-height:1;padding:1rem 1.5rem;text-decoration:none;transition:background-color .3s}.nav a:hover{background-color:var(--foob-green-light)}.nav a.active{background-color:var(--foob-brown-dark)}.nav a.active:hover{background-color:var(--foob-brown-light)}.nav a.secondary{background-color:var(--foob-brown-dark)}.nav a.secondary:hover{background-color:var(--foob-brown-light)}.nav .header-icon a{align-items:center;background-color:var(--foob-green-dark);border-radius:20px;color:#fff;display:flex;justify-content:center;padding:1rem 1.3rem;text-decoration:none;transition:background-color .3s}.nav .header-icon a:hover{background-color:var(--foob-green-light)}@media (max-width:768px){.nav ul{align-items:center;flex-direction:column}.nav li{margin-bottom:10px;margin-right:0;max-width:300px;width:100%}.nav a{text-align:center;width:100%}}.footer{color:#fff;margin-bottom:1rem;padding:0 1rem 1rem;text-align:center}.footer-icons a{align-items:center;background-color:var(--foob-green-dark);border-radius:20px;color:#fff;display:inline-flex;justify-content:center;margin:1rem;padding:1rem 1.3rem;transition:background-color .3s}.footer-icons a:hover{background-color:var(--foob-green-light)}.Home{margin:0 auto;max-width:1200px;padding:0 2rem 2rem}.hero-section{margin-bottom:0;margin-left:-10rem;margin-right:-10rem;padding:.5rem 1rem;text-align:center}.hero-content h1{color:var(--foob-green-dark);font-size:3.5rem;margin-bottom:.5rem}.hero-content h2{color:var(--foob-brown-dark);font-size:1.8rem;margin-bottom:1.5rem}.foobara-title{color:var(--foob-green-dark)}.hero-description{background-color:#fff;border-radius:20px;box-shadow:0 4px 6px #0000001a;font-size:1.2rem;line-height:1.6;margin:.5rem auto;max-width:1000px;padding:1.5rem;text-align:left}.hero-description p{margin:0 0 1rem}.hero-description p:last-child{margin-bottom:0}.hero-explanation{margin-bottom:1rem;padding:.5rem 1rem;text-align:center}.hero-explanation p{color:var(--foob-green-dark);font-size:1.3rem;line-height:1.6;margin:0 auto;max-width:1100px;text-align:left}.hero-explanation strong{font-weight:400;text-decoration:underline}.hero-cta{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.cta-button{background-color:var(--foob-green-dark);border-radius:20px;color:#fff;display:inline-block;font-size:1.5rem;font-weight:700;line-height:1;padding:1rem 1.5rem;text-decoration:none;transition:background-color .3s}.cta-button:hover{background-color:var(--foob-green-light)}.cta-button.secondary{background-color:var(--foob-brown-dark)}.cta-button.secondary:hover{background-color:var(--foob-brown-light)}section{margin-bottom:4rem}section h2{color:var(--foob-green-dark);font-size:2rem;margin-bottom:2rem;text-align:center}.cta-section h2{margin-bottom:1.5rem}.feature-group{align-items:center}.feature-group,.tools-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.benefits-list,.tools-list{align-items:stretch}.benefits-list{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.feature{min-height:200px}.benefit-item,.feature,.tool-item{background-color:#fff;border-radius:20px;box-shadow:0 4px 6px #0000001a;flex:1 1;min-width:300px;padding:.25rem 1.5rem;text-align:left}.benefit-item,.tool-item{min-height:140px}.benefit-item h3,.feature h3,.tool-item h3{color:var(--foob-brown-dark);margin-bottom:1rem;text-align:center}.feature ul{padding-left:1.5rem;text-align:left}.feature li{margin-bottom:.5rem}.operator{align-items:center;color:var(--foob-brown-dark);display:flex;font-size:3rem;font-weight:700;justify-content:center;padding:0 1rem}.cta-section{margin:0 auto;text-align:center}.cta-buttons{display:flex;gap:1rem;justify-content:center}.diagram-section{margin:1rem 0 4rem;text-align:center}.diagram-container{margin:0 auto;max-width:100%}.diagram-image{height:auto;max-width:100%}.diagram-caption{color:var(--foob-brown-dark);font-style:italic;margin-top:1rem}.example-section{margin:3rem auto 0;text-align:center}.example-section h2{margin-bottom:1.5rem}.example-with-image{align-items:flex-start;display:flex;gap:2rem;justify-content:center;margin:0 auto}.baby-capybara-bottle-side{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0}.baby-capybara-bottle-side h2{color:var(--foob-green-dark);font-size:3rem;line-height:1.2;margin-bottom:1rem;margin-top:0;text-align:center;width:500px}.baby-capybara-bottle-image-container{flex-shrink:0;margin-top:2rem;width:500px}.baby-capybara-bottle-image{border-radius:20px;box-shadow:0 4px 6px #0000001a;height:auto;width:500px}.capy-and-dog-image-container{flex-shrink:0;position:relative}.capy-and-dog-image{border-radius:20px;box-shadow:0 4px 6px #0000001a;display:block;height:auto;width:350px}.meme-text{color:var(--foob-yellow);font-family:Impact,Arial Black,sans-serif;font-size:2rem;font-weight:700;pointer-events:none;position:absolute;text-shadow:-2px -2px 0 var(--foob-green-dark),2px -2px 0 var(--foob-green-dark),-2px 2px 0 var(--foob-green-dark),2px 2px 0 var(--foob-green-dark),-2px 0 0 var(--foob-green-dark),2px 0 0 var(--foob-green-dark),0 -2px 0 var(--foob-green-dark),0 2px 0 var(--foob-green-dark)}.meme-text-foobara{left:15%;top:5%}.meme-text-foobara:before{background-color:var(--foob-green-dark);height:40px;top:100%;width:5px}.meme-text-foobara:after,.meme-text-foobara:before{content:"";left:50%;position:absolute;transform:translateX(-50%)}.meme-text-foobara:after{border-left:12px solid #0000;border-right:12px solid #0000;border-top:18px solid var(--foob-green-dark);height:0;top:calc(100% + 40px);width:0}.meme-text-cli{right:15%;text-shadow:-2px -2px 0 var(--foob-green-dark),2px -2px 0 var(--foob-green-dark),-2px 2px 0 var(--foob-green-dark),2px 2px 0 var(--foob-green-dark),-2px 0 0 var(--foob-green-dark),2px 0 0 var(--foob-green-dark),0 -2px 0 var(--foob-green-dark),0 2px 0 var(--foob-green-dark);top:25%}.meme-text-cli:before{background-color:var(--foob-yellow);height:40px;top:100%;width:5px}.meme-text-cli:after,.meme-text-cli:before{content:"";left:50%;position:absolute;transform:translateX(-50%)}.meme-text-cli:after{border-left:12px solid #0000;border-right:12px solid #0000;border-top:18px solid var(--foob-yellow);height:0;top:calc(100% + 40px);width:0}.meme-text-mcp{right:10%;text-shadow:-2px -2px 0 var(--foob-green-dark),2px -2px 0 var(--foob-green-dark),-2px 2px 0 var(--foob-green-dark),2px 2px 0 var(--foob-green-dark),-2px 0 0 var(--foob-green-dark),2px 0 0 var(--foob-green-dark),0 -2px 0 var(--foob-green-dark),0 2px 0 var(--foob-green-dark);top:25%}.meme-text-mcp:before{background-color:var(--foob-yellow);height:40px;top:100%;width:5px}.meme-text-mcp:after,.meme-text-mcp:before{content:"";left:50%;position:absolute;transform:translateX(-50%)}.meme-text-mcp:after{border-left:12px solid #0000;border-right:12px solid #0000;border-top:18px solid var(--foob-yellow);height:0;top:calc(100% + 40px);width:0}.image-attribution{color:#666;font-size:.75rem;margin-top:.5rem;text-align:right}.image-attribution a{color:var(--foob-green-dark);text-decoration:none}.image-attribution a:hover{text-decoration:underline}.example-container{display:flex;flex-direction:column;gap:0;margin:0;width:610px}.example-container.wide{width:770px}.connector-selector{align-items:center;display:flex;gap:1.5rem;justify-content:center;margin-bottom:2rem}.connector-selector-label{color:var(--foob-green-dark);font-size:1.5rem;font-weight:700;margin:0}.connector-buttons{display:flex;gap:.5rem}.connector-button{align-items:center;background-color:var(--foob-green-dark);border:none;border-radius:20px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;justify-content:center;padding:.75rem 1rem;text-decoration:none;transition:background-color .3s}.connector-button:hover{background-color:var(--foob-green-light)}.connector-button.active{background-color:var(--foob-brown-dark)}.connector-button.active:hover{background-color:var(--foob-brown-light)}.tabs{align-items:center;justify-content:space-between;margin-bottom:0}.tabs,.tabs>div{display:flex;gap:.5rem}.tabs>div{align-items:flex-end}.tab{background-color:var(--foob-green-dark);border:2px solid var(--foob-green-dark);border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:20px;border-top-right-radius:20px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-bottom:2px;padding:.75rem 1.5rem;transition:background-color .2s,color .2s,border-color .2s}.tab:hover{background-color:var(--foob-green-light);border-color:var(--foob-green-light);color:#fff}.tab.active{background-color:#000;border:2px solid var(--foob-brown-dark);border-bottom:none;color:#fff;font-weight:700;margin-bottom:0;position:relative;z-index:1}.tab.active:after{background-color:#000;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.tab.active:hover{background-color:#000;border-color:var(--foob-brown-dark);color:var(--foob-yellow);cursor:default}.tab-link{background-color:var(--foob-green-dark);border:2px solid var(--foob-green-dark);border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s,color .2s;white-space:nowrap}.tab-link:hover{background-color:var(--foob-green-light);border-color:var(--foob-green-light);color:#fff}.tab-content{margin:0}.tab-content>div{background-color:0;overflow:visible}.tab-content>div,.tab-content>pre{border-radius:0 0 8px 8px;border-top:2px solid var(--foob-brown-dark);border:2px solid var(--foob-brown-dark);box-shadow:0 4px 6px #0003;margin:0}.tab-content>pre{background-color:#000;color:#d4d4d4;overflow-x:visible;padding:1rem;text-align:left}.tab-content>pre code{display:block;font-family:Consolas,Monaco,Courier New,monospace;font-size:1rem;line-height:1.6;white-space:pre}@media (max-width:768px){.hero-content h1{font-size:2.5rem}.hero-content h2{font-size:1.5rem}.benefits-list,.feature-group,.tools-list{flex-direction:column;gap:2rem}.benefit-item,.feature,.tool-item{min-width:auto}.cta-buttons,.hero-cta{align-items:center;flex-direction:column}.cta-button{margin-bottom:1rem;max-width:300px;width:100%}.operator{font-size:2.5rem;margin:1rem 0}}pre{background-color:#fff;margin:0;padding:1.5rem}pre code{background-color:#000;.c1{color:#999;color:#6f6fd4;color:#666;font-style:italic}.k{color:#6f6fd4}.k,.k-self{color:#89cff0}.k-self{font-weight:700}.nb,.nf{color:#fefae0;font-weight:700}.nc,.no{color:#dda15e;font-weight:700}.s2{color:#a8d46f;color:#89cff0;color:var(--foob-green-lighter)}.si{color:#fefae0}.si,.ss{font-weight:700}.ss{color:#bc6c25}.o{color:#fff}.o,.p{font-weight:700}.p{color:#aaa}.n{color:#bbb}}.contact-container{margin:0 auto;max-width:800px;padding:2rem}.contact-header{color:var(--foob-green-dark);margin-bottom:2rem;text-align:center}.contact-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:2rem}.contact-info{margin-bottom:1.5rem}.contact-info h3{color:var(--foob-brown-dark);margin-bottom:.5rem}.contact-links a{background-color:var(--foob-green-dark);border-radius:20px;color:#fff;display:inline-block;font-weight:700;margin-bottom:1rem;margin-right:1rem;padding:.8rem 1.5rem;text-decoration:none;transition:background-color .3s}.contact-links a:hover{background-color:var(--foob-green-light)}.contact-links a.secondary{background-color:var(--foob-brown-dark)}.contact-links a.secondary:hover{background-color:var(--foob-brown-light)}@media (max-width:768px){.contact-links{align-items:center;display:flex;flex-direction:column}.contact-links a{margin-right:0;max-width:300px;text-align:center;width:100%}}
/*# sourceMappingURL=main.bd9c25ba.css.map*/