@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-card:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--accent:#059669;--accent-glow:#05966933;--accent-dark:#047857;--accent2:#0284c7;--glass-bg:#ffffffd9;--glass-border:#0f172a14;--gradient-1:linear-gradient(135deg, #10b981, #0ea5e9);--gradient-2:linear-gradient(135deg, #0ea5e9, #8b5cf6);--radius:16px;--radius-sm:10px;--transition:.4s cubic-bezier(.25, .46, .45, .94)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px;font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;line-height:1.7;overflow-x:hidden}h1,h2,h3,h4{font-family:Outfit,sans-serif;line-height:1.2}.container{max-width:1200px;margin:0 auto;padding:0 24px}.navbar{z-index:1000;-webkit-backdrop-filter:blur(20px);transition:var(--transition);background:#ffffffb3;border-bottom:1px solid #0000;padding:16px 0;position:fixed;top:0;left:0;right:0}.navbar.scrolled{border-bottom-color:var(--glass-border);background:#fffffff2;padding:10px 0}.navbar .container{justify-content:space-between;align-items:center;display:flex}.nav-logo{align-items:center;gap:10px;text-decoration:none;display:flex}.nav-logo img{width:36px;height:36px}.nav-logo span{letter-spacing:3px;background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800}.nav-links{gap:32px;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);transition:var(--transition);font-size:.9rem;font-weight:500;text-decoration:none;position:relative}.nav-links a:hover{color:var(--accent)}.nav-links a:after{content:"";background:var(--gradient-1);width:0;height:2px;transition:var(--transition);border-radius:1px;position:absolute;bottom:-4px;left:0}.nav-links a:hover:after{width:100%}.nav-actions{align-items:center;gap:16px;display:flex}.lang-switcher{appearance:none;border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;transition:var(--transition);background:#ffffff80;border-radius:8px;outline:none;padding:6px 12px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600}.lang-switcher:hover,.lang-switcher:focus{border-color:var(--accent);background:#ffffffe6}.nav-cta{cursor:pointer;background:var(--gradient-1);color:#fff;transition:var(--transition);letter-spacing:.5px;border:none;border-radius:50px;padding:10px 24px;font-size:.85rem;font-weight:600}.nav-cta:hover{box-shadow:0 8px 30px var(--accent-glow);transform:translateY(-2px)}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.hamburger span{background:var(--text-primary);width:24px;height:2px;transition:var(--transition);border-radius:2px}.hero{justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 80px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;background:url(/assets/hero-bg.png) 50%/cover no-repeat;position:absolute;inset:0}.hero-bg:after{content:"";background:linear-gradient(180deg, #ffffffb3 0%, #ffffffd9 50%, var(--bg-primary) 100%);position:absolute;inset:0}.hero-content{z-index:1;text-align:center;max-width:800px;position:relative}.hero-badge{color:var(--accent);letter-spacing:1px;text-transform:uppercase;background:#00d4aa14;border:1px solid #00d4aa33;border-radius:50px;align-items:center;gap:8px;margin-bottom:28px;padding:8px 20px;font-size:.82rem;font-weight:500;display:inline-flex}.hero-badge .dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.hero h1{letter-spacing:-1px;margin-bottom:24px;font-size:clamp(2.8rem,6vw,4.5rem);font-weight:800}.hero h1 .gradient-text{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero .subtitle{color:var(--text-secondary);max-width:620px;margin:0 auto 40px;font-size:clamp(1rem,2vw,1.2rem);line-height:1.8}.hero-cta{background:var(--gradient-1);color:#fff;cursor:pointer;transition:var(--transition);letter-spacing:.5px;border:none;border-radius:50px;align-items:center;gap:10px;padding:16px 40px;font-size:1rem;font-weight:700;display:inline-flex}.hero-cta:hover{box-shadow:0 12px 40px var(--accent-glow);transform:translateY(-3px)}.hero-cta svg{width:18px;height:18px;transition:transform .3s}.hero-cta:hover svg{transform:translate(4px)}.hero-scroll{z-index:1;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.scroll-indicator{color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;flex-direction:column;align-items:center;gap:8px;font-size:.75rem;animation:3s ease-in-out infinite float-scroll;display:flex}.scroll-indicator .line{background:linear-gradient(to bottom, var(--accent), transparent);width:1px;height:40px}@keyframes float-scroll{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}section{padding:100px 0;position:relative}.section-label{color:var(--accent);text-transform:uppercase;letter-spacing:2px;align-items:center;gap:8px;margin-bottom:16px;font-size:.78rem;font-weight:600;display:inline-flex}.section-label .line{background:var(--gradient-1);border-radius:1px;width:30px;height:2px}.section-title{letter-spacing:-.5px;margin-bottom:20px;font-size:clamp(2rem,4vw,3rem);font-weight:700}.section-desc{color:var(--text-secondary);max-width:600px;font-size:1.05rem;line-height:1.8}#why-esg .grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;margin-top:60px;display:grid}.esg-card{border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition);padding:32px;position:relative;overflow:hidden}.esg-card:before{content:"";background:var(--gradient-1);opacity:0;height:3px;transition:var(--transition);position:absolute;top:0;left:0;right:0}.esg-card:hover{border-color:#00d4aa40;transform:translateY(-4px)}.esg-card:hover:before{opacity:1}.esg-card .icon-wrap{background:#00d4aa1a;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;display:flex}.esg-card .icon-wrap svg{width:24px;height:24px;color:var(--accent)}.esg-card h3{margin-bottom:10px;font-size:1.15rem;font-weight:600}.esg-card p{color:var(--text-secondary);font-size:.92rem;line-height:1.7}.esg-highlight{border-radius:var(--radius);background:linear-gradient(135deg,#00d4aa14,#0ea5e90f);border:1px solid #00d4aa26;margin-top:40px;padding:28px 32px}.esg-highlight p{color:var(--text-primary);font-size:1.1rem;font-weight:600}#problem{background:var(--bg-secondary)}#problem .content-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;margin-top:60px;display:grid}.problem-list{flex-direction:column;gap:20px;display:flex}.problem-item{border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--glass-border);transition:var(--transition);align-items:flex-start;gap:16px;padding:24px;display:flex}.problem-item:hover{border-color:#ef44444d}.problem-item .num{color:#ef4444;background:#ef44441a;border-radius:10px;justify-content:center;align-items:center;min-width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.problem-item h4{margin-bottom:4px;font-size:1rem;font-weight:600}.problem-item p{color:var(--text-secondary);font-size:.88rem}#approach .approach-content{grid-template-columns:1fr 1fr;align-items:start;gap:60px;margin-top:60px;display:grid}.approach-text{flex-direction:column;gap:24px;display:flex}.approach-point{align-items:flex-start;gap:16px;display:flex}.approach-point .check{background:#00d4aa1a;border-radius:8px;justify-content:center;align-items:center;min-width:32px;height:32px;margin-top:2px;display:flex}.approach-point .check svg{width:16px;height:16px;color:var(--accent)}.approach-point h4{margin-bottom:4px;font-size:1rem;font-weight:600}.approach-point p{color:var(--text-secondary);font-size:.9rem}.approach-highlight{border-radius:var(--radius);border:1px solid var(--glass-border);background:linear-gradient(135deg,#00d4aa0f,#0ea5e90a);padding:32px;position:relative}.approach-highlight .big-quote{color:var(--accent);opacity:.3;margin-bottom:12px;font-family:Georgia,serif;font-size:4rem;line-height:1}.approach-highlight p{font-size:1.15rem;font-weight:600;line-height:1.6}.approach-highlight .author{color:var(--text-muted);margin-top:16px;font-size:.85rem;font-weight:400}#process{background:var(--bg-secondary)}.process-timeline{flex-direction:column;gap:0;margin-top:60px;display:flex;position:relative}.process-timeline:before{content:"";background:linear-gradient(to bottom, var(--accent), var(--accent2), #8b5cf64d);width:2px;position:absolute;top:0;bottom:0;left:28px}.process-step{opacity:0;align-items:flex-start;gap:40px;padding:32px 0;transition:opacity .6s,transform .6s;display:flex;position:relative;transform:translate(-20px)}.process-step.visible{opacity:1;transform:translate(0)}.process-step .step-num{background:var(--bg-primary);border:2px solid var(--accent);min-width:56px;height:56px;color:var(--accent);z-index:1;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;display:flex}.process-step:hover .step-num{background:var(--accent);color:#fff;box-shadow:0 0 30px var(--accent-glow)}.process-step .step-content{flex:1}.process-step h3{margin-bottom:6px;font-size:1.3rem;font-weight:700}.process-step p{color:var(--text-secondary);font-size:.95rem}#services .services-grid{grid-template-columns:repeat(5,1fr);gap:20px;margin-top:60px;display:grid}.service-card{border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--glass-border);transition:var(--transition);padding:28px;position:relative;overflow:hidden}.service-card:after{content:"";background:var(--gradient-1);height:3px;transition:var(--transition);transform-origin:0;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.service-card:hover{border-color:#00d4aa40;transform:translateY(-4px)}.service-card:hover:after{transform:scaleX(1)}.service-card .s-icon{background:#00d4aa14;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:18px;display:flex}.service-card .s-icon svg{width:22px;height:22px;color:var(--accent)}.service-card h4{font-size:.95rem;font-weight:600;line-height:1.5}#impact{background:var(--bg-secondary)}#impact .impact-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:60px;display:grid}.impact-card{border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--glass-border);transition:var(--transition);align-items:flex-start;gap:16px;padding:28px;display:flex}.impact-card:hover{border-color:#00d4aa40;transform:translateY(-2px)}.impact-card .ic-icon{background:#00d4aa1a;border-radius:10px;justify-content:center;align-items:center;min-width:40px;height:40px;display:flex}.impact-card .ic-icon svg{width:20px;height:20px;color:var(--accent)}.impact-card h4{margin-bottom:4px;font-size:.95rem;font-weight:600}.impact-card p{color:var(--text-secondary);font-size:.85rem}.impact-highlight{border-radius:var(--radius);text-align:center;background:linear-gradient(135deg,#00d4aa14,#0ea5e90f);border:1px solid #00d4aa26;grid-column:1/-1;padding:28px 32px}.impact-highlight p{font-size:1.15rem;font-weight:600}#audience .audience-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:60px;display:grid}.audience-card{border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--glass-border);transition:var(--transition);align-items:flex-start;gap:16px;padding:28px;display:flex}.audience-card:hover{border-color:#0ea5e94d;transform:translateY(-2px)}.audience-card .a-icon{background:#0ea5e91a;border-radius:10px;justify-content:center;align-items:center;min-width:40px;height:40px;display:flex}.audience-card .a-icon svg{width:20px;height:20px;color:var(--accent2)}.audience-card h4{font-size:.95rem;font-weight:600}#why-cliff{background:var(--bg-secondary)}#why-cliff .why-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:60px;display:grid}.why-card{border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--glass-border);transition:var(--transition);padding:28px}.why-card:hover{border-color:#00d4aa40;transform:translateY(-3px)}.why-card .w-icon{background:#00d4aa14;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;display:flex}.why-card .w-icon svg{width:22px;height:22px;color:var(--accent)}.why-card h4{margin-bottom:6px;font-size:1rem;font-weight:600}.why-card p{color:var(--text-secondary);font-size:.88rem}#cta{text-align:center;padding:120px 0;position:relative;overflow:hidden}#cta:before{content:"";background:radial-gradient(#00d4aa0f 0%,#0000 70%);position:absolute;inset:0}#cta .container{z-index:1;position:relative}#cta .section-title{max-width:600px;margin:0 auto 16px}#cta .section-desc{text-align:center;margin:0 auto 48px}.cta-btn{background:var(--gradient-1);color:#fff;cursor:pointer;transition:var(--transition);letter-spacing:.5px;border:none;border-radius:50px;align-items:center;gap:12px;padding:18px 48px;font-size:1.05rem;font-weight:700;display:inline-flex}.cta-btn:hover{box-shadow:0 16px 50px var(--accent-glow);transform:translateY(-3px)}.cta-btn svg{width:20px;height:20px}.footer{border-top:1px solid var(--glass-border);text-align:center;color:var(--text-muted);padding:40px 0;font-size:.85rem}.modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:var(--transition);background:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;visibility:visible}.modal{border-radius:var(--radius);background:var(--bg-secondary);border:1px solid var(--glass-border);width:90%;max-width:480px;transition:var(--transition);padding:40px;transform:translateY(30px)scale(.95)}.modal-overlay.active .modal{transform:translateY(0)scale(1)}.modal-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.modal-header h3{font-size:1.4rem;font-weight:700}.modal-close{border:1px solid var(--glass-border);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border-radius:10px;justify-content:center;align-items:center;display:flex}.modal-close:hover{color:#ef4444;border-color:#ef44444d}.modal-form{flex-direction:column;gap:16px;display:flex}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:.82rem;font-weight:500;display:block}.form-group input,.form-group textarea{border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);transition:var(--transition);outline:none;padding:14px 16px;font-family:Inter,sans-serif;font-size:.95rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-group textarea{resize:vertical;min-height:100px}.form-submit{background:var(--gradient-1);color:#fff;cursor:pointer;width:100%;transition:var(--transition);border:none;border-radius:50px;margin-top:8px;padding:16px;font-size:1rem;font-weight:700}.form-submit:hover{box-shadow:0 8px 30px var(--accent-glow);transform:translateY(-2px)}.form-success{text-align:center;display:none}.form-success.show{display:block}.form-success .checkmark{background:#00d4aa1a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.form-success .checkmark svg{width:32px;height:32px;color:var(--accent)}.form-success h4{margin-bottom:8px;font-size:1.2rem}.form-success p{color:var(--text-secondary);font-size:.9rem}.fade-up{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.fade-up.visible{opacity:1;transform:translateY(0)}.fade-up:nth-child(2){transition-delay:.1s}.fade-up:nth-child(3){transition-delay:.2s}.fade-up:nth-child(4){transition-delay:.3s}@media (width<=768px){.nav-links{z-index:999;background:#060d1af7;flex-direction:column;justify-content:center;align-items:center;gap:32px;display:none;position:fixed;inset:0}.nav-links.active{display:flex}.nav-links a{font-size:1.2rem}.hamburger{z-index:1000;display:flex}.hamburger.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.nav-cta{display:none}#why-esg .grid,#problem .content-grid,#approach .approach-content{grid-template-columns:1fr;gap:40px}#impact .impact-grid,#audience .audience-grid,#why-cliff .why-grid{grid-template-columns:1fr}.process-step{gap:24px}section{padding:70px 0}}