*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#0f172a;background:linear-gradient(135deg,#667eea 0%,#fff 50%,#4facfe 100%) 0 0/400% 400%;font-family:Outfit,sans-serif;animation:15s infinite gradientAnimation;overflow-x:hidden}@keyframes gradientAnimation{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.glow-orb{filter:blur(100px);opacity:.12;pointer-events:none;z-index:-1;border-radius:50%;position:fixed}.orb-1{background:#667eea;width:600px;height:600px;animation:10s infinite float;top:-200px;left:-200px}.orb-2{background:#fa709a;width:500px;height:500px;animation:12s infinite reverse float;bottom:-150px;right:-150px}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.menu-bar{-webkit-backdrop-filter:blur(15px);z-index:1000;background:#ffffffd9;border:1px solid #fff6;border-radius:50px;justify-content:space-between;align-items:center;width:90%;max-width:1100px;padding:12px 30px;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .4s;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000014}.nav-hidden{opacity:0;visibility:hidden;transform:translate(-50%)translateY(-20px)}.menu-links{gap:25px;list-style:none;display:flex}.menu-links a{color:#334155;align-items:center;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.menu-links a:hover{color:#667eea}.menu-logo{color:#54689e;padding-bottom:4px;font-size:22px;font-weight:900;line-height:1;text-decoration:none;position:relative}.menu-logo:after{content:"";background:#d1242a;width:100%;height:3px;position:absolute;bottom:0;left:0}.menu-btn{color:#fff;background:linear-gradient(135deg,#0043f6,#b800eb,#0043f6) 0 0/200%;border-radius:30px;padding:10px 22px;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s;animation:4s linear infinite shine;box-shadow:0 8px 20px #b800eb4d}.menu-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.dropdown{opacity:0;visibility:hidden;background:#fff;border-radius:12px;min-width:250px;margin-top:15px;padding:10px 0;transition:all .3s;position:absolute;top:100%;left:0;box-shadow:0 10px 30px #0000001a}.menu-links li:hover .dropdown{opacity:1;visibility:visible}.dropdown a{padding:10px 20px;font-size:14px;display:block;color:#333!important}.esg-hero{text-align:center;max-width:1000px;margin:0 auto;padding:160px 20px 80px}.hero-label-esg{background:linear-gradient(135deg,#572dff,#9d4dff);-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:2px;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:20px;font-weight:800;display:block}.esg-h1{color:#1e293b;margin-bottom:30px;font-size:56px;font-weight:900;line-height:1.1}.esg-sub{color:#64748b;max-width:800px;margin:0 auto 40px;font-size:18px;line-height:1.8}.pillars-section{max-width:1200px;margin:0 auto 100px;padding:20px}.section-heading{text-align:center;color:#1e293b;margin-bottom:50px;font-size:36px;font-weight:900}.pillars-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.pillar-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border:1px solid #ffffff80;border-radius:24px;padding:35px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000d}.pillar-card:hover{background:#fffffff2;transform:translateY(-10px);box-shadow:0 20px 50px #667eea26}.pillar-icon{color:#fff;border-radius:20px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:25px;font-size:32px;display:flex;box-shadow:0 10px 20px #0000001a}.icon-e{background:linear-gradient(135deg,#10b981,#059669)}.icon-s{background:linear-gradient(135deg,#667eea,#764ba2)}.icon-g{background:linear-gradient(135deg,#f59e0b,#d97706)}.pillar-card h3{color:#1e293b;margin-bottom:15px;font-size:22px;font-weight:800}.pillar-card p{color:#64748b;margin-bottom:20px;font-size:15px;line-height:1.7}.pillar-list{padding:0;list-style:none}.pillar-list li{color:#475569;margin-bottom:10px;padding-left:25px;font-size:14px;font-weight:600;position:relative}.pillar-list li:before{content:"•";color:#cbd5e1;font-size:20px;line-height:1;position:absolute;left:0}.icon-e+h3+p+.pillar-list li:before{color:#10b981}.icon-s+h3+p+.pillar-list li:before{color:#667eea}.icon-g+h3+p+.pillar-list li:before{color:#f59e0b}.dashboard-section{background:linear-gradient(90deg,#f8fafc80,#f1f5f980);border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:100px 20px}.dashboard-container{align-items:center;gap:60px;max-width:1100px;margin:0 auto;display:flex}.dash-content{flex:1}.dash-content h2{color:#1e293b;margin-bottom:25px;font-size:36px;font-weight:900}.dash-content p{color:#64748b;margin-bottom:30px;font-size:16px;line-height:1.7}.dash-visual{flex:1.2;position:relative}.glass-dashboard{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #fff9;border-radius:24px;padding:30px;transition:all .4s;transform:perspective(1000px)rotateY(-5deg);box-shadow:0 20px 60px #0000001a}.glass-dashboard:hover{transform:perspective(1000px)rotateY(0)}.dash-header{justify-content:space-between;margin-bottom:25px;display:flex}.dash-title{color:#1e293b;font-weight:800}.dash-btn{color:#fff;background:#667eea;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:700}.metric-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.metric-card{background:#ffffff80;border:1px solid #ffffff80;border-radius:16px;padding:20px}.metric-title{color:#64748b;margin-bottom:10px;font-size:13px;font-weight:600}.metric-value{color:#1e293b;margin-bottom:5px;font-size:28px;font-weight:900}.metric-trend{align-items:center;gap:5px;font-size:12px;font-weight:700;display:flex}.trend-up,.trend-down{color:#10b981}.benefits-section{text-align:center;max-width:1000px;margin:100px auto;padding:20px}.benefits-list{text-align:left;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px;display:grid}.benefit-item{color:#334155;background:#fff;border:1px solid #f1f5f9;border-radius:16px;align-items:center;gap:15px;padding:20px 25px;font-size:15px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 5px 15px #00000008}.benefit-item:hover{border-color:#c7d2fe;transform:translateY(-3px);box-shadow:0 10px 25px #667eea1a}.check-icon{color:#10b981;background:#dcfce7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:900;display:flex}.footer-section{color:#fff;background:linear-gradient(#0f172a 0%,#1e293b 100%);padding:80px 20px 30px;position:relative;overflow:hidden}.footer-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#667eea1a 0%,#0000 50%),radial-gradient(circle at 80% 80%,#84fab014 0%,#0000 50%);animation:15s ease-in-out infinite bgShift;position:absolute;inset:0}@keyframes bgShift{0%,to{opacity:.5}50%{opacity:.8}}.footer-container{text-align:center;z-index:1;flex-direction:column;align-items:center;max-width:1100px;margin:0 auto;display:flex;position:relative}.footer-logo{color:#54689e;margin-bottom:24px;padding-bottom:8px;font-size:36px;font-weight:900;display:inline-block;position:relative}.footer-logo:after{content:"";background:#d1242a;width:100%;height:5px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.footer-info p{color:#cbd5e1;max-width:600px;margin-bottom:20px;font-size:15px;line-height:1.8}.footer-contact{flex-wrap:wrap;justify-content:center;gap:30px;margin-top:20px;display:flex}.footer-contact-item{color:#cbd5e1;align-items:center;gap:8px;font-size:14px;display:flex}.footer-contact-item span{color:#667eea;font-size:18px}.cert-logos{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:40px;display:flex}.cert-badge{background:#fffffff2;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:140px;height:60px;padding:8px 12px;transition:all .3s;display:flex}.cert-badge:hover{background:#fff;transform:translateY(-5px);box-shadow:0 5px 15px #0003}.cert-badge img{-o-object-fit:contain;object-fit:contain;max-width:120px;max-height:40px}.footer-bottom{color:#94a3b8;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:60px;padding-top:30px;font-size:13px;display:flex}.footer-links{gap:20px;display:flex}.footer-links a{color:#cbd5e1;font-weight:600;text-decoration:none;transition:all .3s}.footer-links a:hover{color:#fff}@media (max-width:900px){.pillars-grid{grid-template-columns:1fr}.dashboard-container{flex-direction:column}.glass-dashboard{transform:none}.benefits-list,.metric-grid{grid-template-columns:1fr}}@keyframes shine{to{background-position:200%}}@media (max-width:768px){.menu-bar{justify-content:space-between;align-items:center;gap:10px;display:flex;flex-wrap:wrap!important;padding:10px 15px!important}.menu-links{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffffa;border-radius:15px;flex-direction:column;order:3;width:100%;margin-top:10px;padding:15px;box-shadow:0 10px 30px #0000001a;display:none!important}.menu-links.active{display:flex!important}.menu-links li{text-align:left;width:100%}.menu-links>li>a{border-bottom:1px solid #0000000d;justify-content:space-between;padding:12px 10px;display:flex}.dropdown{display:none;opacity:1!important;visibility:visible!important;box-shadow:none!important;background:0 0!important;margin-top:5px!important;padding-left:20px!important;position:static!important}.dropdown.active{display:block}.dropdown a{border-bottom:1px solid #00000005;padding:10px!important}.mobile-menu-btn{cursor:pointer;color:#334155;background:0 0;border:none;order:1;justify-content:center;align-items:center;font-size:24px;display:flex!important}#main-nav>div{flex:1;order:2;justify-content:flex-end;gap:10px;display:flex}.menu-logo{font-size:20px!important}}@media (min-width:769px){.mobile-menu-btn{display:none!important}}