:root{
  --navy:#063b63;--navy2:#082f50;--blue:#0868a8;--green:#19d98a;--green2:#0cb875;
  --sky:#eaf7ff;--text:#163d59;--muted:#587286;--white:#fff;--line:#d8e7ee;
  --shadow:0 12px 35px rgba(4,46,76,.10);--radius:14px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Nunito Sans",Arial,sans-serif;color:var(--text);background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(1180px,92%);margin:auto}
.skip-link{position:fixed;left:15px;top:-60px;background:#fff;padding:10px 14px;z-index:1000}.skip-link:focus{top:10px}
.site-header{height:76px;background:var(--navy);color:#fff;position:sticky;top:0;z-index:50;box-shadow:0 2px 15px #001c2d55}.nav-wrap{height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:9px;flex-shrink:0}.brand-mark{width:51px;height:51px;display:inline-flex}.brand-mark svg{width:100%;height:100%}.brand-word{font-family:Montserrat,sans-serif;font-size:31px;font-weight:800;letter-spacing:1px}.main-nav{display:flex;align-items:center;justify-content:center;gap:25px;margin-left:auto}.main-nav a{font-size:13px;font-weight:700;opacity:.9;padding:27px 0;position:relative;white-space:nowrap}.main-nav a:after{content:"";position:absolute;left:0;right:0;bottom:17px;height:3px;border-radius:3px;background:var(--green);transform:scaleX(0);transition:.2s}.main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}.nav-whatsapp{margin-left:5px;white-space:nowrap}.menu-toggle{display:none;background:none;border:0;color:#fff;width:42px;height:42px}.menu-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:30px;padding:12px 20px;font-weight:800;font-size:14px;transition:.2s;border:2px solid transparent;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--green);color:#063d3c}.btn-primary:hover{background:#35e59c}.btn-outline{border-color:#0b5d8d;color:#075078;background:#fff}.btn-outline-light{border-color:#fff;color:#fff;background:#ffffff12}.btn-large{padding:14px 23px}
.hero{min-height:520px;position:relative;display:flex;align-items:center;color:#fff;overflow:hidden}.hero-bg{position:absolute;inset:0;background-image:url("https://images.unsplash.com/photo-1531206715517-5c0ba140b2b8?auto=format&fit=crop&w=1900&q=85");background-size:cover;background-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,49,83,.96) 0%,rgba(0,64,99,.78) 42%,rgba(0,50,75,.16) 100%)}.hero-content{position:relative;padding:70px 0;z-index:1}.eyebrow{font-family:Montserrat,sans-serif;font-size:13px;font-weight:800;letter-spacing:.4px;color:#0a7a76;margin:0 0 7px}.eyebrow:before{content:"";display:inline-block;width:29px;height:3px;background:var(--green);vertical-align:middle;margin-right:10px}.eyebrow.light{color:#b9f7e1}.hero h1{font-family:Montserrat,sans-serif;font-size:clamp(39px,5vw,62px);line-height:1.05;margin:8px 0 17px;max-width:700px;letter-spacing:-1.5px}.hero h1 span{color:var(--green)}.hero-copy{font-size:17px;max-width:570px;margin:0 0 25px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.section{padding:75px 0}.intro-section{background:#fff}.intro-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:45px;align-items:center}.about-copy h2,.section h2{font-family:Montserrat,sans-serif;color:#075083;font-size:34px;line-height:1.1;margin:5px 0 16px}.about-copy>p:not(.eyebrow){font-size:17px;color:#36566c;max-width:520px;margin-bottom:25px}.mission-card{background:#eaf7ff;border-radius:12px;padding:27px 30px;display:grid;grid-template-columns:1fr 1fr;gap:24px;position:relative;overflow:hidden}.mission-item{display:flex;gap:14px}.icon-circle{width:42px;height:42px;border-radius:50%;background:#d4efff;color:#0968a7;display:grid;place-items:center;font-size:24px;flex-shrink:0}.mission-item h3{font-family:Montserrat,sans-serif;color:#075083;font-size:15px;margin:1px 0 4px}.mission-item p{font-size:13px;color:#426278;margin:0}.slogan{font-family:"Montserrat",sans-serif;font-style:italic;font-weight:800;color:#0c6397;font-size:22px;position:absolute;right:23px;bottom:18px;transform:rotate(-6deg);line-height:1.05}
.projects-section{background:#edf9ff}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:27px}.section-heading h2{margin:4px 0 0}.text-link{font-size:13px;color:#0874aa;font-weight:800;white-space:nowrap}.projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.project-card{background:#fff;border-radius:6px;padding:20px;min-height:155px;box-shadow:0 2px 12px #083d5b0b;border:1px solid #e6f0f4}.project-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:22px;margin-bottom:11px}.project-icon.blue{background:#d8edff}.project-icon.green{background:#d9f7ea}.project-icon.orange{background:#fff0dc}.project-icon.purple{background:#f0dfff}.project-icon.leaf{background:#dcf5df}.project-icon.red{background:#ffe2e3}.project-icon.teal{background:#d9f1f4}.project-icon.violet{background:#e8dcff}.project-card h3{margin:0 0 5px;font-family:Montserrat,sans-serif;font-size:15px;color:#17604d}.project-card p{margin:0;font-size:13px;color:#5a7080}
.news-section{background:#fff}.news-layout{display:grid;grid-template-columns:1fr 300px;gap:30px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.news-card{border:1px solid #e2e9ed;border-radius:7px;overflow:hidden;background:#fff;box-shadow:0 5px 15px #123e5309}.news-card img{height:145px;width:100%;object-fit:cover}.news-body{padding:14px}.news-body time{display:inline-block;background:#0cc487;color:#fff;border-radius:4px;padding:3px 7px;font-size:10px;font-weight:800}.news-body h3{font-family:Montserrat,sans-serif;color:#075083;font-size:15px;line-height:1.3;margin:9px 0}.news-body p{font-size:12px;color:#617787;margin:0 0 11px}.news-body a{font-size:12px;color:#0873a8;font-weight:800}.transparency{background:#e9fbf4;border-radius:8px;padding:23px 21px;align-self:start}.transparency h2{font-size:24px;margin:3px 0 10px}.transparency>p{font-size:13px;color:#55706b;margin-bottom:13px}.transparency>a:not(.btn){display:flex;justify-content:space-between;border-top:1px solid #cde9dd;padding:10px 0;font-size:13px;font-weight:700;color:#176b5c}.transparency .green-btn{width:100%;margin-top:14px;color:#08725b;border-color:#15a87c}
.join-banner{background:var(--navy);color:#fff;position:relative;overflow:hidden}.join-photo{position:absolute;inset:0;background:url("https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1800&q=80") center/cover;opacity:.24}.join-content{position:relative;min-height:180px;display:flex;align-items:center;justify-content:space-between;gap:25px}.join-content h2{font-family:Montserrat,sans-serif;font-size:31px;margin:0 0 5px}.join-content p{margin:0;color:#d5e8f3}
.contact-section{background:#f7fbfd}.centered{justify-content:center;text-align:center}.centered .eyebrow:before{display:none}.centered h2{margin-bottom:8px}.centered p{margin:0 auto;color:#5c7180}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;margin-top:30px}.contact-info,.contact-form{background:#fff;border:1px solid #e0ebf0;border-radius:12px;padding:28px;box-shadow:var(--shadow)}.contact-info h3{font-family:Montserrat,sans-serif;color:#075083;font-size:23px;margin-top:0}.contact-info p{font-size:14px;margin:18px 0;color:#526b7b}.contact-info a{color:#0873a8;font-weight:700}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form label{font-size:13px;font-weight:800;color:#2e556b}.contact-form label:nth-of-type(3),.contact-form label:nth-of-type(4),.contact-form button,.form-note{grid-column:1/-1}.contact-form input,.contact-form select,.contact-form textarea,.newsletter input{width:100%;margin-top:6px;border:1px solid #cbdde6;border-radius:8px;padding:12px 13px;font:inherit;color:var(--text);background:#fff;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#10ad7b;box-shadow:0 0 0 3px #10ad7b1c}.contact-form textarea{resize:vertical}.form-note{font-size:11px;color:#71828d;margin:0}
.site-footer{background:#063b63;color:#d9ebf5;padding:48px 0 20px}.footer-grid{display:grid;grid-template-columns:1.3fr 1.1fr .8fr 1.1fr;gap:35px}.footer-brand p{max-width:250px}.site-footer h4{font-family:Montserrat,sans-serif;color:#fff;margin:0 0 13px;font-size:14px}.site-footer p{font-size:12px;line-height:1.6;margin:7px 0}.socials{display:flex;gap:9px}.socials a{width:34px;height:34px;border:1px solid #76a6bf;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800}.newsletter{display:flex;margin-top:10px}.newsletter input{border-radius:8px 0 0 8px;border:0;margin:0}.newsletter button{width:45px;border:0;background:var(--green);color:#063b63;font-weight:900;border-radius:0 8px 8px 0}.footer-bottom{border-top:1px solid #2d6080;margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#a9c5d4}.footer-bottom a{color:#d9ebf5}

@media(max-width:1050px){.main-nav{gap:14px}.main-nav a{font-size:11px}.nav-wrap{gap:14px}.nav-whatsapp{font-size:11px;padding:10px 14px}.projects-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.site-header,.nav-wrap{height:68px}.nav-wrap{position:relative}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--navy2);padding:12px 5%;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 15px 25px #001d2d44}.main-nav.open{display:flex}.main-nav a{padding:13px 0;font-size:14px}.main-nav a:after{bottom:6px}.nav-whatsapp{display:none}.menu-toggle{display:block;margin-left:auto}.brand-word{font-size:26px}.brand-mark{width:43px;height:43px}.hero{min-height:610px}.hero-content{padding:90px 0}.hero h1{font-size:42px}.intro-grid,.news-layout,.contact-grid{grid-template-columns:1fr}.mission-card{grid-template-columns:1fr}.slogan{display:none}.news-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.hero h1{font-size:35px}.hero-copy{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.section{padding:55px 0}.section-heading{align-items:flex-start;flex-direction:column}.projects-grid,.news-grid,.footer-grid,.contact-form{grid-template-columns:1fr}.contact-form label,.contact-form button,.form-note{grid-column:auto}.join-content{padding:38px 0;flex-direction:column;align-items:flex-start}.footer-bottom{flex-direction:column}.about-copy h2,.section h2{font-size:29px}}