/* LOGOS visual refresh — presentation only; existing application logic is unchanged */
:root{--ink:#183b29;--green:#087b36;--paper:#fbfff9;--muted:#66786b;--yellow:#f4cf39;--line:#dcebdd;--pink:#f8e9e6}
body{background:#fbfff9;color:#183b29}
.header{max-width:1500px;border-bottom:1px solid #e0eee1;padding-top:16px;padding-bottom:16px}
.brand{gap:12px;color:#116b31}
.brand-logo{width:74px;height:74px;object-fit:contain;border-radius:50%;flex-shrink:0;background:#fff}
.brand-wordmark{display:block;font-weight:800}
.brand-wordmark small{color:#54805f;letter-spacing:1.5px}
.header nav a.active{color:#087b36;border-color:#087b36}
.contact-button,.button{background:#087b36;color:#fff;border-radius:14px}
.contact-button:hover,.button:hover{background:#075e2a}
.hero{padding-top:55px}
.hero-art{background:#e8f5e9;border-radius:34px;overflow:hidden}
.art-label{background:#f5d94c;color:#24452b}
.ribbon{background:#eff8ec;border-color:#dcebdd;color:#27643a}
.section{padding-top:76px;padding-bottom:76px}
.card{border:1px solid #dcebdd;border-radius:20px;box-shadow:0 8px 24px #1643240a}
.card-media{background:#edf7e9}
.card h3{color:#145b2c}
.filters button,.pill{border-radius:12px}
footer{background:#103b25!important;color:#f3fff3!important}
footer .brand{color:#fff}
footer .brand-wordmark small{color:#c5e4c8}
footer p,footer a{color:#e1f2e2}
.logos-info{max-width:1320px;margin:34px auto 28px;padding:22px 26px;border:1px solid #3e7550;border-radius:20px;background:#17482e;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logos-info-heading{display:flex;align-items:center;gap:13px;min-width:190px}
.logos-info-dot{width:12px;height:12px;border-radius:50%;background:#f2d33f;box-shadow:0 0 0 6px #f2d33f20}
.logos-info-heading strong,.logos-info-heading small{display:block}
.logos-info-heading strong{font-size:16px;color:#fff}
.logos-info-heading small{font-size:11px;color:#c5e4c8}
.logos-info-items{display:flex;flex-wrap:wrap;gap:28px}
.logos-info-items>div{display:flex;flex-direction:column;gap:3px}
.logos-info-items small{font-size:9px;letter-spacing:1.4px;color:#b8d8bf}
.logos-info-items strong{font-size:15px;color:#fff}
.logos-info-placeholder{font-size:12px;color:#d5ead8;max-width:440px}
footer .footer-bottom{border-top:1px solid #ffffff26}
@media(max-width:760px){
.header{padding:12px 5%;gap:10px}.brand-logo{width:58px;height:58px}.brand{font-size:17px}.brand-wordmark small{font-size:8px;letter-spacing:1px}
.hero{padding-top:36px;gap:25px}.hero-art{min-height:330px}.hero-art>img{height:300px}
.logos-info{margin:24px 5%;padding:19px;align-items:flex-start;flex-direction:column;gap:18px}
.logos-info-items{gap:16px 24px}
}