@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap');
:root{--navy:#08263b;--navy2:#0d344d;--green:#57d34b;--green2:#1aa36f;--ink:#10283a;--muted:#647080;--line:#e7ebee;--bg:#f7faf9;--white:#fff;--red:#e92f37;--gold:#e8a719;--shadow:0 20px 60px rgba(8,38,59,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.site-header{height:82px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid #edf0f2}.nav-wrap{height:100%;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;min-width:290px}.brand-mark{width:58px;height:46px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;letter-spacing:-7px;color:#fff;background:linear-gradient(135deg,#0c6b8d,#39bf5c);clip-path:polygon(50% 0,100% 100%,0 100%)}.brand-mark span:last-child{color:#0a3651}.brand-text strong{display:block;font-size:18px;letter-spacing:1px}.brand-text small{font-size:11px;letter-spacing:5px;color:#557080}.desktop-nav{display:flex;align-items:center;gap:18px;font-size:12px;font-weight:600;flex:1;justify-content:flex-end}.desktop-nav>a,.nav-drop>button{padding:8px 0;border:0;background:none;font:inherit;color:#16364a;cursor:pointer}.desktop-nav>a:hover,.desktop-nav .active{color:#2aaf49}.nav-drop{position:relative}.nav-drop>button span{margin-left:3px}.drop-menu{position:absolute;top:35px;left:-18px;background:#fff;border-radius:12px;padding:10px;box-shadow:var(--shadow);width:200px;display:none}.nav-drop:hover .drop-menu{display:grid}.drop-menu a{padding:10px;border-radius:8px;font-size:12px}.drop-menu a:hover{background:#f0f7f3;color:#15934a}.nav-actions{display:flex;align-items:center;gap:10px}.icon-btn{border:0;background:none;font-size:27px;cursor:pointer;color:var(--navy)}.login-btn,.mobile-login{border:0;background:var(--navy);color:white;padding:12px 24px;border-radius:30px;font-weight:700;cursor:pointer}.menu-btn{display:none;border:0;background:none;width:42px}.menu-btn i{height:2px;background:var(--navy);display:block;margin:6px 0}.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#061f32 0%,#0c334b 55%,#eaf8ef 100%);color:#fff;min-height:650px}.hero-grid{min-height:650px;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:30px;position:relative;z-index:2}.hero-copy{padding:70px 0}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;margin:0 0 15px;color:#c9e9d3}.eyebrow:before{content:"";display:inline-block;width:28px;height:3px;background:var(--green);vertical-align:middle;margin-right:10px}.eyebrow.dark{color:#71808a}.hero h1{font-size:clamp(44px,5.3vw,72px);line-height:1.02;max-width:680px;margin:10px 0 22px;letter-spacing:-2px}.hero h1 em,.hero h1+em{font-style:normal;color:#6be254}.lead{font-size:17px;line-height:1.7;color:#d8e7ec;max-width:590px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:30px;padding:14px 23px;font-weight:800;border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--green);color:#07301b}.btn-primary:hover{transform:translateY(-2px)}.btn-ghost{border-color:rgba(255,255,255,.55);color:#fff}.btn-dark{background:var(--navy);color:#fff}.hero-trust{display:flex;gap:22px;font-size:12px;color:#bcd2dc;flex-wrap:wrap}.hero-art{height:500px;position:relative}.earth{width:270px;height:270px;border-radius:50%;position:absolute;left:28%;top:22%;background:radial-gradient(circle at 35% 28%,#baf59b 0 4%,transparent 5%),radial-gradient(circle at 65% 65%,#37bb62 0 12%,transparent 13%),radial-gradient(circle at 30% 70%,#0d6c91 0 18%,transparent 19%),linear-gradient(145deg,#4bc6db,#082f4a);box-shadow:0 30px 80px rgba(0,0,0,.35);display:grid;place-items:center;font-size:30px;font-weight:800;letter-spacing:6px}.earth span{background:rgba(4,35,54,.75);padding:12px 18px;border-radius:10px}.leaf{position:absolute;font-size:100px;color:#73e55b;opacity:.8}.leaf-a{top:12%;left:12%;transform:rotate(-30deg)}.leaf-b{right:8%;top:30%;transform:rotate(25deg)}.facility{position:absolute;bottom:20px;right:0;width:300px;height:180px;border-bottom:10px solid #fff;opacity:.8}.facility div{position:absolute;bottom:0;width:35px;background:#b6d4d8;border-radius:60px 60px 0 0}.facility div:nth-child(1){height:130px;left:20px}.facility div:nth-child(2){height:105px;left:85px}.facility div:nth-child(3){height:145px;left:155px}.facility div:nth-child(4){height:115px;left:220px}.art-caption{position:absolute;right:10px;top:8%;font-family:'Playfair Display',serif;font-size:30px;transform:rotate(-7deg);text-align:center;color:#092c40}.art-caption span,.art-caption small{display:block}.art-caption span{font-size:23px}.art-caption small{font-size:19px;color:#2caa47}.slider-controls{position:absolute;left:4%;bottom:28px;display:flex;align-items:center;gap:18px}.slider-controls button{width:44px;height:44px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:transparent;color:#fff;font-size:20px}.section{padding:100px 0}.section-head{display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:end;margin-bottom:42px}.section h2{font-size:48px;line-height:1.08;margin:0;letter-spacing:-1.5px}.section h2 span{color:#2eae4c}.section-head>p{color:var(--muted);line-height:1.7;margin:0}.section-head>a{font-size:12px;font-weight:800;color:#249742}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{min-height:355px;border-radius:20px;padding:30px;color:white;position:relative;overflow:hidden;box-shadow:var(--shadow)}.service-card:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-70px;top:-70px;background:rgba(255,255,255,.09)}.service-card.red{background:linear-gradient(150deg,#ff3b40,#9c0714)}.service-card.gold{background:linear-gradient(150deg,#ffc218,#cc8500)}.service-card.green{background:linear-gradient(150deg,#36a51d,#07542e)}.service-card.navy{background:linear-gradient(150deg,#126482,#061f36)}.service-icon{font-size:50px;border:2px solid rgba(255,255,255,.7);border-radius:50%;width:72px;height:72px;display:grid;place-items:center;margin-bottom:30px}.service-card h3{font-size:24px;margin:0 0 15px}.service-card p{line-height:1.65;color:#f5f8f8}.service-card a{position:absolute;bottom:25px;font-weight:700;font-size:13px}.about{background:#f8faf9}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-visual{height:520px;position:relative}.visual-panel{height:100%;border-radius:24px;overflow:hidden;background:linear-gradient(160deg,#9bd2e5,#dff6fa 48%,#3bc66c 49%,#08735a);position:relative}.tower{position:absolute;bottom:40px;width:12px;height:370px;background:#829ba4;left:38%;transform:skewX(-5deg);box-shadow:50px 0 #829ba4}.tower:before,.tower:after{content:"";position:absolute;left:-80px;width:180px;height:8px;background:#829ba4}.tower:before{top:70px}.tower:after{top:160px}.t2{left:65%;height:270px}.water{position:absolute;bottom:0;left:0;right:0;height:85px;background:rgba(7,93,104,.25)}.floating-badge{position:absolute;left:25px;bottom:25px;background:rgba(3,37,54,.9);color:white;padding:18px 24px;border-radius:14px}.floating-badge strong,.floating-badge b,.floating-badge small{display:block}.floating-badge b{font-size:22px;color:#72df52}.about-copy>p:not(.eyebrow){color:var(--muted);line-height:1.8;font-size:16px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:35px}.stats div{border-left:3px solid #62d450;padding-left:14px}.stats b{font-size:22px;display:block}.stats span{font-size:12px;color:var(--muted)}.sustainable{background:#eef8f0}.sustainable-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.sustainable p:not(.eyebrow){color:var(--muted);line-height:1.8;max-width:520px}.energy-wheel{width:360px;height:360px;border-radius:50%;margin:auto;position:relative;background:conic-gradient(#67d52f 0 25%,#24a9e0 25% 50%,#009c7c 50% 75%,#9ad71b 75% 100%);display:grid;place-items:center;box-shadow:var(--shadow)}.energy-wheel:before{content:"";position:absolute;inset:28px;background:white;border-radius:50%}.energy-wheel .center{position:relative;text-align:center;font-weight:800;line-height:1.4;color:#11613f;background:#0b9a60;color:#fff;padding:35px;border-radius:18px}.energy-wheel i{position:absolute;color:white;font-size:34px;font-style:normal}.energy-wheel i:nth-of-type(1){top:22px;left:75px}.energy-wheel i:nth-of-type(2){right:50px;top:100px}.energy-wheel i:nth-of-type(3){bottom:50px;right:85px}.energy-wheel i:nth-of-type(4){left:45px;bottom:95px}.rnd{background:linear-gradient(120deg,#041c2c,#0b3850);color:white}.rnd-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.rnd h2{font-size:52px}.rnd p:not(.eyebrow){color:#bdd0d9;line-height:1.8}.lab-visual{height:380px;border-radius:25px;background:radial-gradient(circle at 55% 40%,#2f7b8d,#09283d 50%,#041a28);position:relative;overflow:hidden}.microscope{position:absolute;left:20%;top:20%;font-size:160px;color:#bfeee0;opacity:.8}.rnd-points{position:absolute;right:30px;bottom:30px;display:grid;gap:10px}.rnd-points span{padding:12px 15px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:10px;font-size:12px}.products{background:#fff}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-grid article{border:1px solid var(--line);border-radius:18px;padding:16px;background:#fff}.product-image{height:240px;border-radius:14px;display:grid;place-items:center;font-size:48px;font-weight:800;color:#fff;letter-spacing:6px}.p1{background:linear-gradient(135deg,#08344b,#1e8d8d)}.p2{background:linear-gradient(135deg,#2a8e45,#a3dd31)}.p3{background:linear-gradient(135deg,#f1b328,#8d430a)}.product-grid h3{margin:18px 8px 5px}.product-grid p{margin:0 8px 12px;color:var(--muted)}.how{background:#f7faf9}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:45px}.steps div{padding:25px;border-top:2px solid #cfe0d7}.steps b{font-size:14px;color:#27a647}.steps h3{margin:28px 0 8px}.steps p{color:var(--muted);line-height:1.6}.gallery-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;grid-template-rows:220px 220px;gap:15px}.g{border-radius:18px;padding:25px;color:white;font-size:30px;font-weight:800;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(135deg,#08354c,#2a9e6e)}.g small{font-size:13px}.g1{grid-row:span 2;background:linear-gradient(135deg,#08263b,#0c8b7a)}.g2{background:linear-gradient(135deg,#a70f19,#ef7d1a)}.g3{background:linear-gradient(135deg,#0c6a4d,#77c936)}.g4{grid-column:2/4;background:linear-gradient(135deg,#12648a,#1b365b)}.narrow{max-width:850px}.faq{background:#f7faf9}.faq details{border-bottom:1px solid #dfe6e7;padding:24px 0}.faq summary{font-size:18px;font-weight:700;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:#26a848;font-size:25px}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--muted);line-height:1.7;max-width:700px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog-grid article{border:1px solid var(--line);border-radius:18px;padding:28px;background:#fff}.blog-grid small{color:#2aab48;font-weight:800}.blog-grid h3{font-size:23px}.blog-grid p{color:var(--muted);line-height:1.6}.careers{background:#eaf7ed}.career-box{border-radius:28px;background:var(--navy);padding:60px;display:flex;align-items:center;justify-content:space-between;color:#fff}.career-box h2{font-size:45px;margin:0 0 15px}.career-box p:not(.eyebrow){color:#c7d7de;max-width:620px;line-height:1.7}.contact{background:#f7faf9}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact h2{font-size:52px}.contact p:not(.eyebrow){color:var(--muted);line-height:1.8}.contact-list{display:grid;gap:13px;margin-top:30px;font-weight:600}.contact form{background:white;border-radius:20px;padding:28px;box-shadow:var(--shadow);display:grid;gap:12px}.contact input,.contact textarea,.modal-card input,.search-modal input{font:inherit;padding:14px 15px;border:1px solid #dce4e5;border-radius:10px;outline:none}.contact input:focus,.contact textarea:focus{border-color:#41bd58}.form-msg{margin:0!important;font-size:12px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;padding:65px 0 45px;color:#c7d6dc}.footer-grid>b,.footer-grid div>b{display:block;color:white;margin-bottom:15px}.footer-grid a{display:block;margin:10px 0;font-size:13px}.footer-brand{font-weight:800;font-size:18px;color:#fff}.footer-brand span{color:#64db50}.copyright{border-top:1px solid rgba(255,255,255,.12);padding:18px 0;color:#8ea5ae;font-size:11px}footer{background:#041c2b}.mobile-panel{position:fixed;z-index:100;right:-100%;top:0;width:min(410px,88vw);height:100vh;background:#0d1217;color:white;padding:85px 32px 30px;transition:.35s;overflow:auto}.mobile-panel.open{right:0}.mobile-panel nav{display:grid}.mobile-panel nav>a,.mobile-panel summary{font-size:22px;font-weight:700;padding:12px 0}.mobile-panel nav>a:first-child{color:#ff4a52}.mobile-panel details a{font-size:16px;padding:9px 0 9px 15px;color:#cbd6dc}.mobile-panel summary{list-style:none;display:flex;justify-content:space-between}.close-menu{position:absolute;right:24px;top:18px;background:none;border:0;color:white;font-size:40px;cursor:pointer}.mobile-login{margin-top:25px;background:#ff4650;padding:14px 28px}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:90;opacity:0;pointer-events:none;transition:.3s}.overlay.show{opacity:1;pointer-events:auto}.modal,.search-modal{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:120;display:none;place-items:center;padding:20px}.modal.show,.search-modal.show{display:grid}.modal-card{width:min(430px,100%);background:white;border-radius:20px;padding:35px;display:grid;gap:12px;position:relative}.modal-card h2{margin:0 0 10px;font-size:38px}.modal-card h2 span{color:#2eae4c}.modal-card small{color:var(--muted);line-height:1.5}.modal-close,.search-modal>div>button{position:absolute;right:16px;top:12px;border:0;background:none;font-size:28px;cursor:pointer}.search-modal>div{width:min(700px,100%);background:white;border-radius:18px;padding:50px 30px 25px;position:relative}.search-modal input{width:100%;font-size:20px}.search-modal p{color:var(--muted)}@media(max-width:1100px){.desktop-nav{gap:10px}.brand{min-width:230px}.desktop-nav{font-size:11px}.service-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.site-header{height:72px}.desktop-nav,.icon-btn,.login-btn{display:none}.menu-btn{display:block}.nav-actions{margin-left:auto}.brand{min-width:0}.brand-text strong{font-size:15px}.brand-text small{font-size:8px;letter-spacing:3px}.brand-mark{width:45px;height:37px}.hero-grid,.about-grid,.sustainable-grid,.rnd-grid,.contact-grid{grid-template-columns:1fr}.hero{min-height:unset}.hero-grid{padding-bottom:70px}.hero-copy{padding:70px 0 10px}.hero-art{height:390px;order:-1}.earth{width:220px;height:220px;left:25%;top:20%}.section{padding:75px 0}.section-head{grid-template-columns:1fr;margin-bottom:30px}.section h2,.contact h2{font-size:40px}.service-grid{grid-template-columns:1fr}.service-card{min-height:310px}.about-visual{height:390px}.energy-wheel{width:290px;height:290px}.steps{grid-template-columns:1fr 1fr}.product-grid,.blog-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:200px 200px 200px}.g1{grid-row:span 1}.g4{grid-column:1/3}.career-box{padding:40px;display:grid;gap:25px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media(max-width:520px){.hero h1{font-size:43px}.lead{font-size:15px}.hero-art{height:330px}.art-caption{font-size:20px}.art-caption span{font-size:16px}.art-caption small{font-size:14px}.hero-trust{font-size:10px;gap:10px}.section h2,.contact h2{font-size:34px}.steps{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,170px)}.g4{grid-column:auto}.footer-grid{grid-template-columns:1fr}.career-box h2{font-size:35px}}