:root{--primary-accent: #5e8d7f;--secondary-accent: #7aab9a;--heading-color: #5d5d4c;--text-color: #4a4a4a;--background-color: #f5f5f0;--background-alt: #e9e9e0;--light-bg: #ffffff;--border-color: #dcdccc;--link-color: var(--primary-accent);--link-hover-color: var(--secondary-accent);--placeholder-orange: #f59e0b}h1{font-size:2.8em}h2{font-size:2.2em}h3{font-size:1.8em}h4{font-size:1.4em}.hero{background:linear-gradient(#0006,#0006),url(/images/nature-image.png) no-repeat center center/cover;color:#fff;text-align:center;padding:100px 20px;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.hero p{font-size:1.5em;margin-bottom:30px;color:#fff}.hero .tagline{font-size:1.8em;font-weight:700;margin-bottom:20px}.navbar .container{display:flex;justify-content:space-between;align-items:center}.navbar .logo{font-size:1.8em;font-weight:700;color:var(--heading-color)}.navbar .nav-links{list-style:none;margin:0;padding:0;display:flex;align-items:center}.navbar .nav-links li{margin-left:30px}.navbar .nav-links a{color:var(--text-color);font-weight:500;transition:color .3s ease}.navbar .nav-links a:hover{color:var(--primary-accent);text-decoration:none}.nav-button a{background-color:var(--primary-accent);color:var(--light-bg);padding:8px 16px;border-radius:5px;font-weight:700;transition:background-color .3s ease}.nav-button a:hover{background-color:var(--secondary-accent);color:var(--light-bg);text-decoration:none}section{padding:80px 0;border-bottom:1px solid var(--border-color)}section:nth-of-type(odd){background-color:var(--light-bg)}section:nth-of-type(2n){background-color:var(--background-color)}.btn{display:inline-block;background-color:var(--primary-accent);color:var(--light-bg);padding:12px 25px;border-radius:5px;transition:background-color .3s ease,transform .2s ease;text-align:center;border:none;cursor:pointer;font-size:1em;font-weight:700;margin-top:15px}.btn:hover{background-color:var(--secondary-accent);transform:translateY(-2px);text-decoration:none}.btn-outline{background-color:transparent;border:2px solid var(--primary-accent);color:var(--primary-accent)}.btn-outline:hover{background-color:var(--primary-accent);color:var(--light-bg)}.text-center{text-align:center}.grid-2,.grid-3{display:grid;gap:40px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background-color:var(--light-bg);border-radius:8px;box-shadow:0 4px 15px #00000014;border:1px solid var(--border-color);padding:30px;text-align:center}.card h3{color:var(--primary-accent);margin-bottom:15px}.list-unstyled{list-style:none;padding:0;margin:0}.list-unstyled li{margin-bottom:10px}#urbanbiome-tool .tool-overview{display:flex;flex-direction:column;align-items:center;margin-bottom:60px}#urbanbiome-tool .tool-image{width:100%;max-width:900px;height:auto;border-radius:8px;box-shadow:0 8px 25px #0000001a;margin-bottom:30px}.tool-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:50px}.tool-feature-item{background-color:var(--background-color);padding:25px;border-left:5px solid var(--primary-accent);border-radius:8px;box-shadow:0 2px 10px #0000000d}.tool-links{margin-top:50px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;text-align:center}.tool-link-item{padding:25px;background-color:var(--light-bg);border-radius:8px;border:1px solid var(--border-color);transition:all .3s ease}.tool-link-item:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-5px)}.tool-link-item a{font-weight:700;display:block;margin-top:15px}.placeholder-tag{background-color:var(--placeholder-orange);color:#fff;padding:4px 10px;border-radius:5px;font-size:.8em;font-weight:700;text-transform:uppercase;display:inline-block;margin-bottom:12px}.map-container{position:relative;overflow:hidden;width:100%;padding-top:75%;margin-top:40px}.map-container iframe{position:absolute;inset:0;width:100%;height:100%;border:1px solid var(--border-color);border-radius:8px}#founders .founder-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:40px}#founders .founder-card{background-color:var(--light-bg);border-radius:8px;box-shadow:0 4px 15px #00000014;border:1px solid var(--border-color);padding:30px;text-align:center;max-width:450px;width:100%;display:flex;flex-direction:column;align-items:center}#founders .founder-card img{width:150px;height:150px;border-radius:50%;object-fit:cover;margin-bottom:20px;border:4px solid var(--primary-accent)}#founders .founder-card h3{margin-bottom:5px;font-size:1.6em;display:flex;align-items:center;justify-content:center}#founders .founder-card h3 a{color:inherit;text-decoration:none}.linkedin-icon{width:1em;height:1em;margin-left:.5em;vertical-align:middle;fill:var(--text-color);transition:fill .3s ease}#founders .founder-card h3 a:hover .linkedin-icon{fill:var(--primary-accent)}#founders .founder-card p.title{color:var(--primary-accent);font-weight:700;margin-bottom:15px}#solutions .solution-category{margin-bottom:60px}#solutions .solution-category h3{color:var(--primary-accent);margin-bottom:20px;font-size:1.8em;text-align:center}#solutions .diy-guides ul{list-style:disc;padding-left:20px;max-width:700px;margin:0 auto}#solutions .diy-guides li{margin-bottom:8px}#solutions .consultation-services .service-item{background-color:var(--light-bg);padding:25px;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px;text-align:center}#projects .project-item{background-color:var(--light-bg);border-radius:8px;box-shadow:0 4px 15px #00000014;border:1px solid var(--border-color);overflow:hidden;text-align:left;display:flex;flex-direction:column}#projects .project-item img{width:100%;height:250px;object-fit:cover;display:block}#projects .project-content{padding:25px;flex-grow:1;display:flex;flex-direction:column}#projects .project-content h3{font-size:1.6em;color:var(--heading-color);margin-bottom:10px}#projects .project-content p{font-size:.95em;color:var(--text-color);margin-bottom:15px}#projects .project-content .status-location{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:.9em;color:var(--text-color)}#projects .project-content .status-location span:first-child{font-weight:700;color:var(--primary-accent)}#projects .project-content .btn{display:block;width:calc(100% + -0px);margin-top:auto}#services .service-grid .card{min-height:200px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}#news .news-list{list-style:none;padding:0;margin:0}#news .news-item{background-color:var(--light-bg);border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-bottom:25px;padding:25px;display:flex;flex-direction:column}#news .news-item h3{margin-bottom:5px;font-size:1.5em}#news .news-item .date{font-size:.9em;color:#777;margin-bottom:15px}#news .news-item .btn{align-self:flex-end;margin-top:15px}#contact .contact-info{display:flex;justify-content:center;gap:40px;margin-bottom:40px;flex-wrap:wrap}#contact .contact-item{background-color:var(--light-bg);padding:25px;border-radius:8px;text-align:center;flex:1;min-width:280px;box-shadow:0 2px 8px #0000000d}#contact .contact-item h4{color:var(--primary-accent);margin-bottom:10px}#contact .contact-form-container{background-color:var(--light-bg);padding:40px;border-radius:8px;box-shadow:0 4px 15px #00000014;border:1px solid var(--border-color);max-width:700px;margin:0 auto}#contact .contact-form-container label{display:block;margin-bottom:8px;font-weight:700;color:var(--heading-color)}#contact .contact-form-container input[type=text],#contact .contact-form-container input[type=email],#contact .contact-form-container textarea{width:calc(100% - 20px);padding:12px 10px;margin-bottom:20px;border:1px solid var(--border-color);border-radius:5px;font-size:1em;background-color:var(--background-color);color:var(--text-color);box-sizing:border-box}#contact .contact-form-container textarea{resize:vertical;min-height:120px}#contact .contact-form-container input[type=submit]{width:auto;display:block;margin-left:auto;margin-right:auto}@media (max-width: 992px){.navbar .nav-links{display:none}.navbar .container{justify-content:center}.hero h1{font-size:3em}.hero p{font-size:1.2em}.section-header h2{font-size:2em}section{padding:60px 0}}@media (max-width: 768px){h1{font-size:2.5em}h2{font-size:1.8em}h3{font-size:1.5em}.hero{padding:80px 20px}.container{padding:0 15px}.navbar .logo{font-size:1.5em}.grid-2,.grid-3,.founder-grid,.tool-features,.tool-links,.contact-info{grid-template-columns:1fr}#founders .founder-card{max-width:90%}#contact .contact-form-container{padding:30px 20px}}@media (max-width: 480px){.hero h1{font-size:2em}.hero p{font-size:1em}.btn{padding:10px 20px;font-size:.9em}section{padding:40px 0}.section-header{margin-bottom:40px}}.hero-subtitle{font-size:1.3em;margin-bottom:30px;color:#ffffffe6;font-weight:300}.hero-cta{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:30px}.cta-button{display:inline-block;padding:15px 30px;border-radius:8px;font-weight:700;font-size:1.1em;text-decoration:none;transition:all .3s ease;border:2px solid transparent}.cta-button.primary{background-color:var(--primary-accent);color:#fff;border-color:var(--primary-accent)}.cta-button.primary:hover{background-color:var(--secondary-accent);border-color:var(--secondary-accent);transform:translateY(-2px);text-decoration:none}.cta-button.secondary{background-color:transparent;color:#fff;border-color:#fff}.cta-button.secondary:hover{background-color:#fff;color:var(--heading-color);text-decoration:none}.dropdown{position:relative}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background-color:var(--light-bg);border:1px solid var(--border-color);border-radius:5px;box-shadow:0 4px 15px #0000001a;min-width:200px;z-index:1000;list-style:none;margin:0;padding:10px 0}.dropdown:hover .dropdown-menu{display:block}.dropdown-menu li{margin:0}.dropdown-menu a{display:block;padding:10px 20px;color:var(--text-color);text-decoration:none;transition:background-color .3s ease}.dropdown-menu a:hover{background-color:var(--background-color);color:var(--primary-accent)}.software-emphasis{background-color:var(--light-bg);padding:80px 0;text-align:center}.software-emphasis h2{color:var(--heading-color);font-size:2.5em;margin-bottom:30px}.software-emphasis>p{font-size:1.2em;color:var(--text-color);max-width:800px;margin:0 auto 50px;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:60px}.feature{background-color:var(--background-color);padding:30px;border-radius:10px;border:1px solid var(--border-color);transition:transform .3s ease,box-shadow .3s ease}.feature:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.feature h3{color:var(--primary-accent);margin-bottom:15px;font-size:1.4em}.feature p{color:var(--text-color);line-height:1.5}.contact-info{background-color:var(--background-color);padding:40px;border-radius:10px;border:1px solid var(--border-color);max-width:600px;margin:0 auto;text-align:left}.contact-info h3{color:var(--primary-accent);margin-bottom:20px;text-align:center}.contact-info p{margin-bottom:10px;color:var(--text-color)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:30px;text-align:left}.footer-section h4{color:var(--heading-color);margin-bottom:15px;font-size:1.2em}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{margin-bottom:8px}.footer-section a{color:var(--text-color);text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:var(--primary-accent)}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid var(--border-color);color:var(--text-color);font-size:.9em}@media (max-width: 768px){.hero-cta{flex-direction:column;align-items:center}.cta-button{width:100%;max-width:300px;text-align:center}.navbar .nav-links{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background-color:var(--light-bg);border:1px solid var(--border-color);box-shadow:0 4px 15px #0000001a}.navbar .nav-links li{margin:0;border-bottom:1px solid var(--border-color)}.navbar .nav-links a{display:block;padding:15px 20px}.dropdown-menu{position:static;display:block;box-shadow:none;border:none;background-color:var(--background-color)}.software-emphasis h2{font-size:2em}.software-emphasis>p{font-size:1.1em}.footer-content{grid-template-columns:1fr;text-align:center;gap:30px}}:root{--primary-accent: #5e8d7f;--secondary-accent: #7aab9a;--heading-color: #5d5d4c;--text-color: #4a4a4a;--background-color: #f5f5f0;--background-alt: #e9e9e0;--light-bg: #ffffff;--border-color: #dcdccc;--link-color: var(--primary-accent);--link-hover-color: var(--secondary-accent)}body{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0;line-height:1.6;color:var(--text-color);background-color:var(--background-color);scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{color:var(--heading-color);margin-top:0;margin-bottom:.5em;line-height:1.2}a{color:var(--link-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--link-hover-color);text-decoration:underline}p{margin-bottom:1em}.container{max-width:1200px;margin:0 auto;padding:0 20px}.hero{background:linear-gradient(#0006,#0006),url(/images/nature-image.png) no-repeat center center/cover;color:#fff;text-align:center;padding:100px 20px;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.hero h1{font-size:4em;margin-bottom:10px;color:#fff}.navbar{background-color:var(--light-bg);color:var(--text-color);padding:15px 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 5px #0000001a;border-bottom:1px solid var(--border-color)}.navbar .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.nav-links{list-style:none;margin:0;padding:0;display:flex;align-items:center;flex-wrap:wrap}.nav-links li{margin-left:20px}.nav-links a{color:var(--text-color);font-weight:500;padding:5px 0;transition:color .3s ease}.nav-links a:hover{color:var(--primary-accent);text-decoration:none}main section{padding:80px 20px;border-bottom:1px solid var(--border-color)}main section:nth-of-type(odd){background-color:var(--background-color)}main section:nth-of-type(2n){background-color:var(--light-bg)}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:2.5em;margin-bottom:15px;position:relative;display:inline-block}.section-header h2:after{content:"";display:block;width:60px;height:3px;background-color:var(--primary-accent);margin:10px auto 0}.footer{background-color:var(--background-alt);color:var(--text-color);text-align:center;padding:40px 20px;font-size:.9em}.footer p{margin:0}.content-wrapper{max-width:900px;margin:0 auto;text-align:center}.content-wrapper img{max-width:100%;height:auto;display:block;margin:20px auto;border-radius:8px;box-shadow:0 4px 15px #00000014}.logo-link{display:flex;align-items:center;text-decoration:none}.logo-image{height:40px;width:auto;border-radius:0;box-shadow:none;margin:0}.founders-container{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.founder-card{background-color:var(--light-bg);border:1px solid var(--border-color);box-shadow:0 4px 15px #00000014;border-radius:8px;padding:30px;text-align:center;flex:1;min-width:300px;max-width:450px;display:flex;flex-direction:column;align-items:center}.founder-card .founder-portrait{width:150px;height:150px;object-fit:cover;border-radius:50%;border:4px solid var(--primary-accent);margin-top:0;margin-bottom:20px}.founder-card h3{margin-bottom:5px;font-size:1.6em}.founder-card h3 a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:.5em}.founder-card .title{color:var(--primary-accent);font-weight:700;margin-bottom:15px;font-style:italic}.founder-card p{text-align:left}.contact-form-container{max-width:600px;margin:40px auto 0;text-align:left;background:var(--light-bg);padding:30px;border-radius:8px;box-shadow:0 4px 15px #00000014}.contact-form-container form{display:grid;gap:20px}.contact-form-container label{display:flex;flex-direction:column;font-weight:700;color:var(--heading-color)}.contact-form-container input,.contact-form-container textarea{width:100%;padding:12px;margin-top:5px;border:1px solid var(--border-color);border-radius:5px;font-size:1em;background-color:var(--background-color);box-sizing:border-box}.contact-form-container textarea{min-height:120px;resize:vertical}.contact-form-container .btn{width:auto;justify-self:flex-end;cursor:pointer;background-color:var(--primary-accent);color:var(--light-bg);padding:12px 25px;border-radius:5px;font-weight:700;border:none}.contact-form-container .btn:hover{background-color:var(--secondary-accent)}.linkedin-icon{width:1em;height:1em;fill:var(--text-color);transition:fill .3s ease}.founder-card h3 a:hover .linkedin-icon{fill:var(--primary-accent)}
