@font-face{font-family:Cerebri Sans;src:url(/Cerebri-Sans-Bold.ttf) format("truetype");font-weight:700;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}body{height:100%;width:100%;overflow-x:hidden;background-color:#f2fdff}html{margin:0;padding:0;height:100%;width:100%}.card{position:relative;overflow:hidden;background-color:#fff;padding:1rem;margin:0;box-sizing:border-box}.card.wide{grid-column:span 3;min-height:30vh}.card.narrow{transition:transform .3s ease,box-shadow .3s ease;box-shadow:2px 2px 16px #0003}.card.narrow:hover{transform:scale(1.05);box-shadow:8px 8px 16px #0006;z-index:2}.cardGroup .card.narrow:first-child:hover{transform:scale(1.05) translate(10px)}.cardGroup .card.narrow:nth-child(2):hover{transform:scale(1.05)}.cardGroup .card.narrow:last-child:hover{transform:scale(1.05) translate(-10px)}.card.fullImage{padding:0;min-height:30vh;display:flex;align-items:center;justify-content:center}.card.wideFullImage{grid-column:span 3;min-height:30vh;padding:0;display:flex;align-items:center;justify-content:center}.card.parallax{position:relative;overflow:hidden}.card-image{width:100%;height:auto;border-radius:8px;display:block;margin-bottom:1rem;object-fit:cover}.parallax-image{position:absolute;top:50%;left:50%;height:250%;object-fit:cover;transform:translate(-50%,-50%);z-index:0}.card-video{display:block}.card-title{margin:.5rem 0;font-size:3rem;color:#fff;padding-bottom:40px;text-align:center}.card-title-overlay{position:absolute;color:#fff;font-size:3rem;font-weight:lighter;text-shadow:2px 2px 8px rgba(0,0,0,.7);padding:1rem 2rem;z-index:1;text-align:center}.card-subtitle{font-size:1.5rem;color:#4c4c4c;margin-bottom:.5rem;text-align:center}.card-content{font-size:1.25rem;text-align:justify;color:#b8b8b8}.split-slide-container{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2rem;padding:2rem 0}.split-slide-container.flip{flex-direction:row-reverse}.split-slide-container.flip:before{left:auto;right:50%}.split-image{position:relative;flex:0 0 clamp(260px,40vw,6400px);aspect-ratio:16/9;display:flex;justify-content:center;align-items:center;overflow:hidden}.split-image img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px #00000026}.split-text{padding:0 2rem;text-align:left}.split-text .card-title{text-align:left}.split-slide-container.flip .split-text .card-content,.split-slide-container.flip .split-text .card-title{text-align:right}@media (max-width:768px){.split-slide-container,.split-slide-container.flip{flex-direction:column;gap:1.5rem;padding:1.5rem 0}.split-slide-container:before{display:none}.split-text{text-align:center;padding:0 1rem}.split-image{max-width:90vw}}.card.roundedBase:has(.split-slide-container.flip){position:relative;--radius-value: 500;clip-path:circle(calc(var(--radius-value) * 1vh) at 60vw calc((60 - var(--radius-value)) * 1vh));display:block;width:100%;transition:clip-path .8s ease-in-out}.card.roundedBase:has(.split-slide-container){position:relative;--radius-value: 500;clip-path:circle(calc(var(--radius-value) * 1vh) at 40vw calc((60 - var(--radius-value)) * 1vh));display:block;width:100%;transition:clip-path .8s ease-in-out}.fade-slide-enter{opacity:0;transform:translate(40px)}.fade-slide-enter-active,.fade-slide-exit{opacity:1;transform:translate(0)}.fade-slide-exit-active{opacity:0;transform:translate(-40px)}.fade-slide-enter-active,.fade-slide-exit-active{transition:opacity .4s ease,transform .4s ease}@media (max-width: 768px){.fade-slide-enter,.fade-slide-exit-active{transform:translate(0)}}.card.roundedBase{position:relative;--radius-value: 500;clip-path:circle(calc(var(--radius-value) * 1vh) at 50vw calc((60 - var(--radius-value)) * 1vh));display:block;width:100%}.card.snap-start{scroll-snap-align:start}.card.snap-mid{scroll-snap-align:center}.card.overlay{position:relative}.card.overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#001e32b3;z-index:1}.card.overlay .card-title-overlay,.card.overlay .card-title,.card.overlay .card-content{position:relative;z-index:2}.card.narrow .slider-container{overflow:hidden;position:relative;width:100%;height:auto;margin:20px 0}.card.narrow .slider-track{display:flex;transition:transform .5s ease;height:100%}.card.narrow .slide-box{flex:0 0 80%;margin-right:20px;background:#ffffffe6;border-radius:8px;padding:15px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;overflow:auto}.text-pop{background:#ffffffe6;padding:15px;border-radius:8px;box-shadow:0 4px 8px #0000001a}.slide-controls{position:absolute;bottom:6%;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:1rem;z-index:1000}.slide-button{background:none;border:none;font-size:2rem;color:#fff;cursor:pointer}.slide-dots{display:flex;gap:.5rem}.slide-dot{width:12px;height:12px;border-radius:50%;background:#aaa;border:none;cursor:pointer;transition:background .3s ease}.slide-dot.active,.slide-dot:hover{background:#fff}.floating-scroll-button{position:fixed;width:80px;height:80px;left:50%;transform:translate(-50%);background-color:transparent;border:none;padding:.75rem 1rem;border-radius:50%;cursor:pointer;z-index:1001;display:flex;justify-content:center;align-items:center;opacity:1;transition:opacity .3s ease,transform .3s ease;pointer-events:auto}.floating-scroll-button:hover{transform:translate(-50%,10px)}.card.overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#001e32e6;z-index:1}.card-subtitle.overlay{color:#fffc;margin-top:.4rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:2rem 3rem;margin:.8rem 0 2.5rem;text-align:center}.stat-value{font-size:3rem;font-weight:600;line-height:1;color:#e6a500}.stat-label{font-size:1rem;color:#f7f7f7;margin-top:.4rem}.stat-footnote{font-size:.8rem;color:#888;margin-top:.2rem}.homePage{display:flex;flex-direction:column;min-height:100vh;font-family:Cerebri Sans,sans-serif}.header{position:fixed;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;background-color:transparent;color:#fff;padding:1rem 2rem;z-index:1000}.logo{width:4%}.featureGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem 3rem;padding:2.5rem 0 1rem}.featureItem{text-align:center}.trimmedImage{width:48px;margin-bottom:.2rem;overflow:hidden;display:inline-block}.featureItem img{width:100%;object-fit:cover;object-position:center;transform:scale(1.5)}.featureItem h4{margin:.2rem 0 .6rem;font-weight:600}.logoStrip{display:flex;justify-content:center;align-items:center;gap:4rem;padding:2.5rem 0}.logoStrip img{max-height:48px;opacity:.9}.mapContainer{position:relative;text-align:center}.mapContainer img{width:100%;max-width:880px}.mapKey{list-style:none;padding:0;margin:1rem auto 0;display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;font-size:.9rem}.mapKey .dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.4rem}.dot.dnsps{background:#3778c2}.dot.sensors{background:#f6a21d}.dot.feeders{background:#d43f3f}.ctaButton{margin-top:2rem;font-size:1.2rem;padding:.9rem 2.2rem;background:#f6a21d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:transform .15s ease}.ctaButton:hover{transform:scale(1.04)}@media (min-width: 960px){.cardGroup{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}}.videoWrapper{position:relative;width:100%;height:100%}.heroPlayBtn{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);font-size:3rem;line-height:3rem;padding:.4rem 1rem;background:#ffffff40;border:none;border-radius:.6rem;color:#fff;cursor:pointer;transition:background .2s}.heroPlayBtn:hover{background:#fff6}.menu{display:flex;gap:1rem}.menu button{color:#fff;background-color:transparent;border:0 solid #fff;padding:.5rem 1rem;font-size:1rem;font-weight:700;cursor:pointer;transition:color .3s ease,color .3s ease}.menu button:hover{color:#e6a500}.content{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;margin:0 auto;padding:0 0 30px}.cardGroup{margin:1rem;grid-column:span 3;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.footer{background-color:#292f36;color:#f7f7f7;text-align:center;padding:1rem}.floating-scroll-button{position:fixed;width:80px;height:80px;left:50%;transform:translate(-50%);background-color:transparent;border:none;padding:.75rem 1rem;border-radius:50%;cursor:pointer;z-index:1001;display:flex;justify-content:center;align-items:center;opacity:.4;transition:opacity .3s ease,transform .3s ease;pointer-events:auto}.floating-scroll-button.hidden{opacity:0;pointer-events:none}.floating-scroll-button:hover{transform:translate(-50%,10px);opacity:.8}.floating-scroll-button:active{transform:translate(-50%)}.floating-scroll-button.down{bottom:5%}.floating-scroll-button.up{top:5%}.floating-scroll-button img{width:40px;height:auto;filter:drop-shadow(0 4px 4px rgba(0,0,0,1));transition:filter .3s ease}.floating-scroll-button:hover img{filter:drop-shadow(0 8px 8px rgba(0,0,0,.3))}.floating-scroll-button:active img{filter:drop-shadow(0 4px 4px rgba(0,0,0,1))}::-webkit-scrollbar{display:none}{-ms-overflow-style:none;scrollbar-width:none}.contact-form{max-width:100%;background:#fffffff2;border-radius:8px;padding:20px;box-shadow:0 4px 8px #0000001a;margin:0 auto;font-family:Cerebri Sans,sans-serif}.contact-form h3{margin-top:0;font-size:1.8rem;color:#333;text-align:center;padding-bottom:10px;border-bottom:1px solid #eee}.contact-form .form-group{margin-bottom:15px}.contact-form label{display:block;margin-bottom:5px;font-weight:700;color:#555;font-size:.95rem}.contact-form input,.contact-form textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1rem;outline:none;transition:border-color .3s ease}.contact-form input:focus,.contact-form textarea:focus{border-color:#69a297}.contact-form textarea{resize:vertical;min-height:100px}.contact-form button{display:block;width:100%;background:#69a297;color:#fff;border:none;padding:12px;font-size:1rem;border-radius:4px;cursor:pointer;transition:background .3s ease;margin-top:10px}.contact-form button:hover{background:#578f7d}.dashboard-overlay{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff}.dashboard-logo{width:80px;height:auto}.dashboard-logo:hover{display:inline-block;animation:bounce 1.5s ease-in-out infinite;transition:transform .3s ease}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-8px)}}@media (max-width: 992px){.content{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.content{grid-template-columns:1fr;width:95%}}