:root{--green:#08783f;--dark:#103d2a;--lime:#b8d83e;--ink:#18352a;--muted:#66756d;--soft:#f2f7f1}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);line-height:1.7}
a{text-decoration:none;color:inherit}.main-nav{min-height:82px;border-bottom:1px solid #edf1ed}.navbar-brand{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.05;letter-spacing:1px;color:var(--dark)}.brand-mark{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--green);color:#fff;font-size:22px;font-weight:800}.nav-link{font-weight:600;font-size:14px;padding:28px 14px!important;color:#33463c!important}.nav-link:hover,.nav-link.active{color:var(--green)!important}.btn-primary{background:var(--green);border-color:var(--green)}.btn-primary:hover{background:#075e32;border-color:#075e32}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--green)}.hero-section{padding:90px 0 75px;background:linear-gradient(135deg,#f5f9f4 0%,#fff 58%);overflow:hidden}.hero-section h1{font-size:clamp(42px,5vw,70px);line-height:1.05;font-weight:800;letter-spacing:-2.5px;margin:15px 0 22px;color:var(--dark)}.hero-section h1 span{color:var(--green)}.hero-section .lead{font-size:18px;color:var(--muted);max-width:690px}.hero-metrics{display:flex;gap:32px}.hero-metrics div{display:flex;flex-direction:column;border-left:3px solid var(--lime);padding-left:12px}.hero-metrics strong{font-size:20px}.hero-metrics small{color:var(--muted)}.hero-visual{min-height:480px;border-radius:35px;background:linear-gradient(145deg,#0a5b39,#123d2c);position:relative;overflow:hidden;box-shadow:0 25px 60px #164e3225}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:38px 38px;transform:rotate(-8deg) scale(1.2)}.main-card{position:absolute;left:16%;top:24%;width:68%;height:52%;border:1px solid #ffffff40;background:#ffffff12;backdrop-filter:blur(8px);border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white}.main-card i{font-size:90px;color:var(--lime);margin-bottom:12px}.main-card span{text-align:center;font-weight:800;letter-spacing:3px}.visual-card.floating-card{position:absolute;right:5%;top:8%;background:white;padding:13px 18px;border-radius:15px;display:flex;gap:10px;align-items:center;box-shadow:0 12px 35px #0003}.floating-card i{font-size:25px;color:var(--green)}.floating-card small{display:block;color:#758078}.floating-card.bottom{right:auto;left:5%;top:auto;bottom:8%}.section-pad{padding:95px 0}.bg-light-green{background:var(--soft)}.section-heading{max-width:800px}.section-heading h2{font-size:clamp(30px,4vw,46px);font-weight:800;line-height:1.15;margin:10px 0}.section-heading p{color:var(--muted);font-size:16px}.eco-card,.platform-card,.research-card,.news-card{background:white;border:1px solid #e6ece6;border-radius:20px;padding:30px;transition:.25s;height:100%;box-shadow:0 4px 15px #173c1810}.eco-card:hover,.platform-card:hover,.research-card:hover,.news-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #173c1820}.icon-box,.platform-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#e8f4e8;color:var(--green);font-size:25px;margin-bottom:22px}.eco-card h5{font-weight:800}.eco-card p,.platform-card p,.research-card p{color:var(--muted);font-size:14px}.eco-card a,.platform-card a,.research-card a,.news-card a{font-weight:700;color:var(--green);font-size:14px}.platform-card{padding:34px}.platform-card h4{font-weight:800}.tech-section{background:#fff}.tech-flow{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.flow-item{min-width:80px;text-align:center}.flow-item div{width:58px;height:58px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;margin:auto;font-size:22px}.flow-item span{font-size:10px;font-weight:800;letter-spacing:.7px;display:block;margin-top:8px}.flow-arrow{color:#9ca9a0}.maritime-section{background:var(--dark);color:#fff}.maritime-section .lead{color:#c6d6cc}.method-row{display:flex;gap:10px;margin-top:28px}.method-row span{border:1px solid #ffffff45;border-radius:50px;padding:7px 20px;font-weight:800}.maritime-map{height:390px;border-radius:28px;background:radial-gradient(circle at 30% 30%,#2d7654,#092c20 65%);position:relative;overflow:hidden;border:1px solid #ffffff20}.map-line{position:absolute;border:1px solid #b8d83e66;border-radius:50%;width:80%;height:65%;transform:rotate(18deg)}.line1{left:5%;top:15%}.line2{left:20%;top:28%;transform:rotate(-25deg)}.map-pin{position:absolute;color:var(--lime);font-size:30px}.pin1{left:35%;top:30%}.pin2{right:22%;bottom:27%}.map-label{position:absolute;bottom:22px;left:25px;font-size:10px;letter-spacing:1.5px;color:#d9eadf}.research-card{padding:34px}.research-tag{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--green);font-weight:800;margin-bottom:15px}.news-card{padding:0;overflow:hidden}.news-image{height:180px;background:linear-gradient(135deg,#dcebdc,#9fc39f);display:grid;place-items:center;color:#fff;font-size:50px}.news-card small{color:var(--green);font-weight:800}.news-card h5{font-weight:800;line-height:1.35;margin:8px 0 20px}.partner-strip{padding:60px 0;background:#f8faf7;border-top:1px solid #e7eee7;border-bottom:1px solid #e7eee7}.partner-strip h3{margin-top:15px;font-weight:700;color:#4b5e54}.cta-section{padding:100px 0;background:linear-gradient(135deg,#eef6ea,#fff)}.cta-section h2{font-size:clamp(34px,5vw,56px);font-weight:800;margin:12px 0}.cta-section p{color:var(--muted);font-size:17px}.footer{background:#0d2b1f;color:#fff;padding:70px 0 25px}.footer h6{font-size:11px;letter-spacing:1.5px;margin-bottom:20px;color:#b8d83e}.footer a{display:block;color:#d2dfd7;margin:8px 0;font-size:14px}.footer .navbar-brand{color:white}.footer-text{color:#aebfb5;max-width:400px}.footer hr{border-color:#ffffff18;margin:45px 0 20px}.footer-bottom{color:#83978c}.socials{display:flex;gap:14px}.socials a{font-size:20px!important}.dropdown-item{font-size:14px;padding:9px 18px}.dropdown-item:hover{background:#eef6ea;color:var(--green)}@media(max-width:991px){.nav-link{padding:10px 0!important}.hero-section{padding-top:55px}.hero-visual{min-height:390px}.section-pad{padding:70px 0}}@media(max-width:575px){.hero-section h1{letter-spacing:-1.5px}.hero-metrics{gap:15px;flex-wrap:wrap}.hero-visual{min-height:330px}.main-card i{font-size:65px}.tech-flow{gap:4px}.flow-arrow{display:none}.method-row{flex-wrap:wrap}}