{"id":10,"date":"2026-04-15T00:08:18","date_gmt":"2026-04-15T00:08:18","guid":{"rendered":"https:\/\/essicert.wpenginepowered.com\/?page_id=10"},"modified":"2026-04-16T01:55:51","modified_gmt":"2026-04-16T01:55:51","slug":"elementor-10","status":"publish","type":"page","link":"https:\/\/www.essicert.org\/","title":{"rendered":"EssICert-HomePage"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nESSI \u2014 Environmentally Sustainable, Social Infrastructure<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;700;900&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --navy: #2B3849;\n --navy-deep: #1e2a38;\n --sage: #7a9e8e;\n --sage-light: #a8c4b8;\n --sage-pale: #d6e8e0;\n --cream: #f5f0e8;\n --gold: #c9a84c;\n --silver: #8a9bb0;\n --bronze: #a0714f;\n --platinum: #6b8fa8;\n --white: #ffffff;\n --text-dark: #2B3849;\n --text-mid: #3d5166;\n --text-light: #7a8fa0;\n }\n\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'DM Sans', sans-serif;\n background: var(--cream);\n color: var(--text-dark);\n overflow-x: hidden;\n }\n\n \/* \u2500\u2500 NAV \u2500\u2500 *\/\n nav {\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n display: flex; align-items: center; justify-content: space-between;\n padding: 0 5%;\n height: 64px;\n background: rgba(43, 56, 73, 0.96);\n backdrop-filter: blur(12px);\n border-bottom: 1px solid rgba(122,158,142,0.2);\n }\n .nav-logo {\n display: flex; align-items: center; gap: 12px;\n flex-shrink: 0;\n }\n .nav-logo-box {\n background: var(--sage);\n color: var(--white);\n font-family: 'Playfair Display', serif;\n font-weight: 900;\n font-size: 0.95rem;\n padding: 6px 11px;\n letter-spacing: 0.1em;\n line-height: 1;\n }\n .nav-logo-text {\n color: rgba(255,255,255,0.75);\n font-size: 0.6rem;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n line-height: 1.5;\n max-width: 160px;\n }\n .nav-links {\n display: flex; align-items: center; gap: 1.8rem; list-style: none;\n flex: 1; justify-content: center;\n }\n .nav-links a {\n color: rgba(255,255,255,0.7);\n text-decoration: none;\n font-size: 0.78rem;\n letter-spacing: 0.04em;\n white-space: nowrap;\n transition: color 0.2s;\n }\n .nav-links a:hover { color: var(--sage-light); }\n .nav-cta {\n background: var(--sage);\n color: var(--white) !important;\n padding: 8px 18px !important;\n font-size: 0.78rem !important;\n font-weight: 600 !important;\n white-space: nowrap;\n line-height: 1 !important;\n display: inline-flex !important;\n align-items: center !important;\n transition: background 0.2s !important;\n }\n .nav-cta:hover { background: var(--sage-light) !important; color: var(--navy) !important; }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .hero {\n min-height: 100vh;\n background: var(--navy-deep);\n display: grid;\n grid-template-columns: 1fr 1fr;\n position: relative;\n overflow: hidden;\n }\n .hero::before {\n content: '';\n position: absolute; inset: 0;\n background: radial-gradient(ellipse at 70% 50%, rgba(122,158,142,0.12) 0%, transparent 60%),\n radial-gradient(ellipse at 20% 80%, rgba(201,168,76,0.06) 0%, transparent 50%);\n }\n .hero-bg-lines {\n position: absolute; inset: 0; overflow: hidden; pointer-events: none;\n }\n .hero-bg-lines::before {\n content: '';\n position: absolute;\n right: -10%; top: 10%;\n width: 60vw; height: 60vw;\n border: 1px solid rgba(122,158,142,0.08);\n border-radius: 50%;\n animation: slowSpin 40s linear infinite;\n }\n .hero-bg-lines::after {\n content: '';\n position: absolute;\n right: -5%; top: 15%;\n width: 45vw; height: 45vw;\n border: 1px solid rgba(122,158,142,0.12);\n border-radius: 50%;\n animation: slowSpin 30s linear infinite reverse;\n }\n @keyframes slowSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\n\n .hero-content {\n display: flex; flex-direction: column; justify-content: center;\n padding: 10rem 5% 6rem 8%;\n position: relative; z-index: 2;\n }\n .hero-eyebrow {\n display: inline-flex; align-items: center; gap: 10px;\n color: var(--sage-light);\n font-size: 0.75rem;\n font-weight: 600;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n margin-bottom: 1.5rem;\n opacity: 0; animation: fadeUp 0.8s 0.2s forwards;\n }\n .hero-eyebrow::before {\n content: ''; width: 32px; height: 1px; background: var(--sage);\n }\n .hero-headline {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.8rem, 5vw, 4.5rem);\n font-weight: 900;\n line-height: 1.05;\n color: var(--white);\n margin-bottom: 1.5rem;\n opacity: 0; animation: fadeUp 0.8s 0.4s forwards;\n }\n .hero-headline span { color: var(--sage-light); }\n .hero-sub {\n font-size: 1.1rem;\n line-height: 1.7;\n color: rgba(255,255,255,0.6);\n max-width: 480px;\n margin-bottom: 2.5rem;\n opacity: 0; animation: fadeUp 0.8s 0.6s forwards;\n }\n .hero-actions {\n display: flex; gap: 1rem; flex-wrap: wrap;\n opacity: 0; animation: fadeUp 0.8s 0.8s forwards;\n }\n .btn-primary {\n background: var(--sage);\n color: var(--white);\n padding: 14px 32px;\n font-size: 0.9rem;\n font-weight: 600;\n letter-spacing: 0.05em;\n border: none; cursor: pointer;\n text-decoration: none;\n display: inline-block;\n transition: all 0.2s;\n }\n .btn-primary:hover { background: var(--sage-light); color: var(--navy); transform: translateY(-2px); }\n .btn-outline {\n background: transparent;\n color: rgba(255,255,255,0.8);\n padding: 14px 32px;\n font-size: 0.9rem;\n font-weight: 500;\n border: 1px solid rgba(255,255,255,0.25);\n cursor: pointer;\n text-decoration: none;\n display: inline-block;\n transition: all 0.2s;\n }\n .btn-outline:hover { border-color: var(--sage-light); color: var(--sage-light); }\n\n .hero-visual {\n display: flex; align-items: center; justify-content: center;\n position: relative; z-index: 2;\n padding: 8rem 8% 6rem 0;\n }\n .hero-stat-grid {\n display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem;\n opacity: 0; animation: fadeUp 0.8s 1s forwards;\n }\n .stat-card {\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(122,158,142,0.2);\n padding: 1.8rem;\n transition: all 0.3s;\n }\n .stat-card:hover {\n background: rgba(122,158,142,0.08);\n border-color: rgba(122,158,142,0.4);\n transform: translateY(-4px);\n }\n\n .stat-num {\n font-family: 'Playfair Display', serif;\n font-size: 2.2rem;\n font-weight: 700;\n color: var(--sage-light);\n line-height: 1;\n margin-bottom: 0.5rem;\n }\n .stat-label {\n font-size: 0.8rem;\n color: rgba(255,255,255,0.5);\n line-height: 1.4;\n letter-spacing: 0.03em;\n }\n\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* \u2500\u2500 WHAT IS ESSI \u2500\u2500 *\/\n .what {\n background: var(--cream);\n padding: 7rem 8%;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 6rem;\n align-items: center;\n }\n .section-eyebrow {\n font-size: 0.72rem;\n font-weight: 600;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--sage);\n margin-bottom: 1rem;\n display: flex; align-items: center; gap: 10px;\n }\n .section-eyebrow::before { content: ''; width: 24px; height: 1px; background: var(--sage); }\n h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2rem, 3.5vw, 3rem);\n font-weight: 700;\n line-height: 1.15;\n color: var(--navy);\n margin-bottom: 1.5rem;\n }\n .body-text {\n font-size: 1rem;\n line-height: 1.8;\n color: var(--text-mid);\n margin-bottom: 1.2rem;\n }\n .what-visual {\n position: relative;\n }\n .what-card {\n background: var(--navy);\n padding: 2.5rem;\n position: relative;\n overflow: hidden;\n }\n .what-card::before {\n content: '';\n position: absolute; top: 0; right: 0;\n width: 200px; height: 200px;\n background: radial-gradient(circle, rgba(122,158,142,0.15) 0%, transparent 70%);\n }\n .what-card-title {\n font-family: 'Playfair Display', serif;\n font-size: 1rem;\n color: var(--sage-light);\n letter-spacing: 0.1em;\n text-transform: uppercase;\n margin-bottom: 1.5rem;\n }\n .what-pillars {\n display: flex; flex-direction: column; gap: 1rem;\n }\n .pillar {\n display: flex; align-items: flex-start; gap: 1rem;\n padding: 1rem;\n border-left: 2px solid rgba(122,158,142,0.3);\n transition: border-color 0.2s;\n }\n .pillar:hover { border-left-color: var(--sage); }\n .pillar-icon {\n font-size: 1.3rem; min-width: 28px; margin-top: 2px;\n }\n .pillar-name {\n font-size: 0.85rem;\n font-weight: 600;\n color: var(--white);\n margin-bottom: 0.25rem;\n }\n .pillar-desc {\n font-size: 0.8rem;\n color: rgba(255,255,255,0.5);\n line-height: 1.5;\n }\n .what-accent {\n position: absolute;\n bottom: -1.5rem; right: -1.5rem;\n width: 80px; height: 80px;\n background: var(--sage);\n z-index: -1;\n }\n\n \/* \u2500\u2500 HOW IT WORKS \u2500\u2500 *\/\n .how {\n background: var(--navy-deep);\n padding: 7rem 8%;\n position: relative;\n overflow: hidden;\n }\n .how::before {\n content: '';\n position: absolute; bottom: 0; left: 0; right: 0;\n height: 1px; background: linear-gradient(90deg, transparent, rgba(122,158,142,0.3), transparent);\n }\n .how-header {\n text-align: center; margin-bottom: 5rem;\n }\n .how-header .section-eyebrow { justify-content: center; }\n .how-header .section-eyebrow::before { display: none; }\n .how-header h2 { color: var(--white); }\n\n .tiers {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1.5rem;\n }\n .tier-card {\n border: 1px solid rgba(255,255,255,0.08);\n padding: 2.5rem 1.8rem;\n position: relative;\n overflow: hidden;\n transition: all 0.35s;\n cursor: default;\n }\n .tier-card::after {\n content: '';\n position: absolute; bottom: 0; left: 0; right: 0;\n height: 3px;\n }\n .tier-card.bronze::after { background: var(--bronze); }\n .tier-card.silver::after { background: var(--silver); }\n .tier-card.gold::after { background: var(--gold); }\n .tier-card.platinum::after { background: var(--platinum); }\n .tier-card:hover {\n transform: translateY(-8px);\n border-color: rgba(255,255,255,0.15);\n background: rgba(255,255,255,0.04);\n }\n\n .tier-badge {\n font-size: 2rem;\n margin-bottom: 1rem;\n }\n .tier-name {\n font-family: 'Playfair Display', serif;\n font-size: 1.4rem;\n font-weight: 700;\n color: var(--white);\n margin-bottom: 0.5rem;\n }\n .tier-pct {\n font-size: 0.75rem;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n margin-bottom: 1.2rem;\n padding: 4px 10px;\n display: inline-block;\n }\n .tier-card.bronze .tier-pct { color: var(--bronze); background: rgba(160,113,79,0.1); }\n .tier-card.silver .tier-pct { color: var(--silver); background: rgba(138,155,176,0.1); }\n .tier-card.gold .tier-pct { color: var(--gold); background: rgba(201,168,76,0.1); }\n .tier-card.platinum .tier-pct { color: var(--platinum); background: rgba(107,143,168,0.1); }\n\n .tier-milestone {\n font-size: 0.85rem;\n color: rgba(255,255,255,0.5);\n line-height: 1.6;\n margin-bottom: 1.5rem;\n }\n .tier-checks {\n display: flex; flex-direction: column; gap: 0.5rem;\n }\n .tier-check {\n font-size: 0.78rem;\n color: rgba(255,255,255,0.4);\n display: flex; align-items: center; gap: 8px;\n }\n .tier-check::before { content: '\u2713'; color: var(--sage); font-weight: 700; }\n\n \/* \u2500\u2500 WHY IT MATTERS \u2500\u2500 *\/\n .why {\n background: var(--cream);\n padding: 7rem 8%;\n }\n .why-grid {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n gap: 2rem;\n margin-top: 4rem;\n }\n .why-card {\n background: var(--white);\n padding: 2.5rem;\n border-top: 3px solid var(--sage-pale);\n transition: all 0.3s;\n position: relative;\n overflow: hidden;\n }\n .why-card::before {\n content: '';\n position: absolute; top: 0; left: 0; right: 0;\n height: 3px;\n background: var(--sage);\n transform: scaleX(0); transform-origin: left;\n transition: transform 0.3s;\n }\n .why-card:hover::before { transform: scaleX(1); }\n .why-card:hover { box-shadow: 0 20px 40px rgba(26,43,60,0.1); transform: translateY(-4px); }\n .why-icon {\n font-size: 2rem; margin-bottom: 1.2rem;\n }\n .why-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.15rem;\n font-weight: 700;\n color: var(--navy);\n margin-bottom: 0.8rem;\n }\n .why-text {\n font-size: 0.9rem;\n color: var(--text-mid);\n line-height: 1.7;\n }\n\n \/* \u2500\u2500 FUNDING MECHANISM \u2500\u2500 *\/\n .funding {\n background: var(--sage-pale);\n padding: 7rem 8%;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 6rem;\n align-items: center;\n }\n .funding-visual {\n background: var(--white);\n padding: 2.5rem;\n box-shadow: 0 8px 32px rgba(26,43,60,0.08);\n position: relative;\n }\n .funding-visual-title {\n font-size: 0.75rem;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--text-light);\n margin-bottom: 1.5rem;\n text-align: center;\n }\n .project-flow {\n display: flex; flex-direction: column; gap: 1.2rem;\n }\n .proj-row {\n display: flex; align-items: center; gap: 1rem;\n padding: 1rem 1.2rem;\n background: var(--cream);\n border-left: 3px solid var(--sage);\n }\n .proj-row.highlight { background: var(--navy); border-left-color: var(--gold); }\n .proj-info { flex: 1; }\n .proj-name {\n font-size: 0.8rem;\n font-weight: 600;\n color: var(--navy);\n margin-bottom: 2px;\n }\n .proj-row.highlight .proj-name { color: var(--white); }\n .proj-detail {\n font-size: 0.72rem;\n color: var(--text-light);\n }\n .proj-row.highlight .proj-detail { color: rgba(255,255,255,0.5); }\n .proj-amount {\n font-family: 'Playfair Display', serif;\n font-size: 1rem;\n font-weight: 700;\n color: var(--sage);\n }\n .proj-row.highlight .proj-amount { color: var(--gold); }\n .flow-arrow {\n text-align: center; padding: 0.5rem 0;\n font-size: 1.2rem; color: var(--sage);\n }\n .funding-caption {\n font-size: 0.7rem;\n text-align: center;\n color: var(--text-light);\n margin-top: 1rem;\n font-style: italic;\n }\n\n \/* \u2500\u2500 CTA \u2500\u2500 *\/\n .cta {\n background: var(--navy);\n padding: 7rem 8%;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 4rem;\n align-items: center;\n position: relative; overflow: hidden;\n }\n .cta::before {\n content: '';\n position: absolute; right: -5%; top: -20%;\n width: 50vw; height: 140%;\n background: radial-gradient(ellipse, rgba(122,158,142,0.08) 0%, transparent 70%);\n }\n .cta h2 { color: var(--white); }\n .cta .body-text { color: rgba(255,255,255,0.6); }\n .cta-steps {\n display: flex; flex-direction: column; gap: 1.5rem;\n }\n .cta-step {\n display: flex; gap: 1.5rem; align-items: flex-start;\n }\n .step-num {\n width: 36px; height: 36px; min-width: 36px;\n background: rgba(122,158,142,0.15);\n border: 1px solid rgba(122,158,142,0.3);\n color: var(--sage-light);\n font-family: 'Playfair Display', serif;\n font-size: 0.9rem;\n font-weight: 700;\n display: flex; align-items: center; justify-content: center;\n }\n .step-content-title {\n font-size: 0.9rem; font-weight: 600;\n color: var(--white); margin-bottom: 0.25rem;\n }\n .step-content-text {\n font-size: 0.82rem;\n color: rgba(255,255,255,0.45);\n line-height: 1.6;\n }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n footer {\n background: var(--navy-deep);\n padding: 3rem 8%;\n display: flex; align-items: center; justify-content: space-between;\n border-top: 1px solid rgba(122,158,142,0.15);\n }\n .footer-logo {\n display: flex; align-items: center; gap: 12px;\n }\n .footer-links {\n display: flex; gap: 2rem;\n }\n .footer-links a {\n color: rgba(255,255,255,0.4);\n text-decoration: none;\n font-size: 0.8rem;\n transition: color 0.2s;\n }\n .footer-links a:hover { color: var(--sage-light); }\n .footer-contact {\n font-size: 0.8rem;\n color: rgba(255,255,255,0.4);\n text-align: right;\n line-height: 1.8;\n }\n .footer-contact a { color: var(--sage-light); text-decoration: none; }\n\n .tier-plus {\n margin-top: 1.2rem;\n padding-top: 1rem;\n border-top: 1px solid rgba(255,255,255,0.08);\n }\n .tier-plus-label {\n font-size: 0.78rem;\n font-weight: 600;\n color: rgba(255,255,255,0.5);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n margin-bottom: 0.6rem;\n }\n .plus-mark {\n color: var(--sage-light);\n font-size: 1rem;\n }\n .tier-plus-checks {\n display: flex; flex-direction: column; gap: 0.4rem;\n }\n @media (max-width: 900px) {\n .hero, .what, .funding, .cta {\n grid-template-columns: 1fr;\n gap: 3rem;\n }\n .hero-content { padding: 8rem 6% 3rem; }\n .hero-visual { padding: 0 6% 4rem; }\n .tiers { grid-template-columns: 1fr 1fr; }\n .why-grid { grid-template-columns: 1fr; }\n nav .nav-links { display: none; }\n footer { flex-direction: column; gap: 2rem; text-align: center; }\n .footer-contact { text-align: center; }\n }\n\n \/* \u2500\u2500 CATALYST CERTIFICATE \u2500\u2500 *\/\n .catalyst {\n background: var(--navy);\n padding: 7rem 8%;\n position: relative;\n overflow: hidden;\n }\n .catalyst::before {\n content: '';\n position: absolute; left: -5%; top: -20%;\n width: 50vw; height: 140%;\n background: radial-gradient(ellipse, rgba(201,168,76,0.07) 0%, transparent 70%);\n pointer-events: none;\n }\n .catalyst-inner {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 6rem;\n align-items: center;\n }\n .catalyst h2 { color: var(--white); }\n .catalyst .body-text { color: rgba(255,255,255,0.6); }\n .catalyst-badge {\n display: inline-flex; align-items: center; gap: 10px;\n background: rgba(201,168,76,0.12);\n border: 1px solid rgba(201,168,76,0.3);\n color: var(--gold);\n font-size: 0.72rem;\n font-weight: 700;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n padding: 6px 16px;\n margin-bottom: 1.5rem;\n display: inline-block;\n }\n .catalyst-visual {\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(201,168,76,0.2);\n padding: 2.5rem;\n position: relative;\n }\n .catalyst-visual-title {\n font-size: 0.72rem;\n font-weight: 600;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 1.8rem;\n text-align: center;\n }\n .catalyst-flow {\n display: flex; flex-direction: column; gap: 1rem;\n }\n .catalyst-row {\n display: flex; align-items: center; gap: 1rem;\n padding: 1rem 1.2rem;\n background: rgba(255,255,255,0.04);\n border-left: 3px solid rgba(201,168,76,0.4);\n }\n .catalyst-row.highlight {\n background: rgba(201,168,76,0.1);\n border-left-color: var(--gold);\n }\n .catalyst-row .proj-info { flex: 1; }\n .catalyst-row .proj-name { color: rgba(255,255,255,0.9); }\n .catalyst-row .proj-detail { color: rgba(255,255,255,0.4); }\n .catalyst-row .proj-amount {\n font-family: 'Playfair Display', serif;\n font-size: 1rem; font-weight: 700;\n color: var(--gold);\n }\n .catalyst-how {\n display: flex; flex-direction: column; gap: 1rem; margin-top: 1.5rem;\n }\n .catalyst-step {\n display: flex; gap: 1.2rem; align-items: flex-start;\n padding: 1rem 0;\n border-bottom: 1px solid rgba(255,255,255,0.06);\n }\n .catalyst-step:last-child { border-bottom: none; }\n .catalyst-step-icon {\n font-size: 1.4rem; min-width: 32px; margin-top: 2px;\n }\n .catalyst-step-title {\n font-size: 0.88rem; font-weight: 600;\n color: var(--white); margin-bottom: 0.25rem;\n }\n .catalyst-step-text {\n font-size: 0.8rem; color: rgba(255,255,255,0.45); line-height: 1.6;\n }\n\n \/* \u2500\u2500 NEED FUNDING \u2500\u2500 *\/\n .need-funding {\n background: var(--sage-pale);\n padding: 7rem 8%;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 6rem;\n align-items: center;\n position: relative;\n }\n .need-funding h2 { color: var(--navy); }\n .need-funding-visual {\n background: var(--navy);\n padding: 3rem;\n position: relative;\n overflow: hidden;\n }\n .need-funding-visual::before {\n content: '';\n position: absolute; top: 0; right: 0;\n width: 160px; height: 160px;\n background: radial-gradient(circle, rgba(122,158,142,0.18) 0%, transparent 70%);\n }\n .need-funding-visual-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.1rem; font-weight: 700;\n color: var(--white); margin-bottom: 0.5rem;\n }\n .need-funding-visual-sub {\n font-size: 0.82rem;\n color: rgba(255,255,255,0.45);\n line-height: 1.6;\n margin-bottom: 2rem;\n }\n .need-funding-checks {\n display: flex; flex-direction: column; gap: 0.8rem; margin-bottom: 2rem;\n }\n .need-funding-check {\n font-size: 0.83rem;\n color: rgba(255,255,255,0.7);\n display: flex; align-items: center; gap: 10px;\n }\n .need-funding-check::before { content: '\u2713'; color: var(--sage-light); font-weight: 700; }\n .btn-gold {\n background: var(--gold);\n color: var(--navy-deep);\n padding: 14px 32px;\n font-size: 0.9rem;\n font-weight: 700;\n border: none; cursor: pointer;\n text-decoration: none;\n display: inline-block;\n letter-spacing: 0.04em;\n transition: all 0.2s;\n }\n .btn-gold:hover { background: #dbb95a; transform: translateY(-2px); }\n\n @media (max-width: 900px) {\n .catalyst-inner, .need-funding { grid-template-columns: 1fr; gap: 3rem; }\n }\n\n \/* \u2500\u2500 INQUIRY FORM \u2500\u2500 *\/\n .inquiry {\n background: var(--cream);\n padding: 7rem 8%;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 6rem;\n align-items: start;\n }\n .inquiry-left {}\n .inquiry-eyebrow { margin-bottom: 1rem; }\n .inquiry h2 { color: var(--navy); margin-bottom: 0.75rem; }\n .inquiry-tagline {\n font-size: 1rem;\n color: var(--text-mid);\n line-height: 1.7;\n margin-bottom: 0;\n }\n .inquiry-contact-alt {\n margin-top: 2.5rem;\n padding-top: 2rem;\n border-top: 1px solid rgba(43,56,73,0.12);\n }\n .inquiry-contact-label {\n font-size: 0.72rem;\n font-weight: 600;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--text-light);\n margin-bottom: 0.75rem;\n }\n .inquiry-contact-links {\n display: flex; flex-direction: column; gap: 0.4rem;\n }\n .inquiry-contact-links a {\n color: var(--sage);\n text-decoration: none;\n font-size: 0.9rem;\n font-weight: 500;\n transition: color 0.2s;\n }\n .inquiry-contact-links a:hover { color: var(--navy); }\n\n \/* Form *\/\n .inquiry-form {\n display: flex; flex-direction: column; gap: 1.2rem;\n }\n .form-row {\n display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;\n }\n .form-group {\n display: flex; flex-direction: column; gap: 0.4rem;\n }\n .form-label {\n font-size: 0.68rem;\n font-weight: 600;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--text-light);\n }\n .form-input,\n .form-select,\n .form-textarea {\n font-family: 'DM Sans', sans-serif;\n font-size: 0.9rem;\n color: var(--text-dark);\n background: var(--white);\n border: 1px solid rgba(43,56,73,0.18);\n padding: 12px 14px;\n outline: none;\n transition: border-color 0.2s, box-shadow 0.2s;\n width: 100%;\n border-radius: 0;\n -webkit-appearance: none;\n appearance: none;\n }\n .form-input::placeholder,\n .form-textarea::placeholder { color: rgba(43,56,73,0.35); }\n .form-input:focus,\n .form-select:focus,\n .form-textarea:focus {\n border-color: var(--sage);\n box-shadow: 0 0 0 3px rgba(122,158,142,0.12);\n }\n .form-select {\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237a8fa0' stroke-width='1.5' fill='none' stroke-linecap='round'\/%3E%3C\/svg%3E\");\n background-repeat: no-repeat;\n background-position: right 14px center;\n padding-right: 36px;\n cursor: pointer;\n }\n .form-select option { color: var(--text-dark); }\n .form-textarea {\n resize: vertical;\n min-height: 130px;\n line-height: 1.6;\n }\n .form-submit {\n background: var(--navy);\n color: var(--white);\n font-family: 'DM Sans', sans-serif;\n font-size: 0.82rem;\n font-weight: 700;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n padding: 16px 32px;\n border: none;\n cursor: pointer;\n transition: background 0.2s, transform 0.15s;\n width: 100%;\n }\n .form-submit:hover { background: var(--navy-deep); transform: translateY(-1px); }\n .form-submit:active { transform: translateY(0); }\n .form-success {\n display: none;\n background: rgba(122,158,142,0.1);\n border: 1px solid rgba(122,158,142,0.3);\n padding: 1.2rem 1.5rem;\n font-size: 0.88rem;\n color: var(--sage);\n font-weight: 500;\n }\n @media (max-width: 900px) {\n .inquiry { grid-template-columns: 1fr; gap: 3rem; }\n .form-row { grid-template-columns: 1fr; }\n }\n<\/style>\n<\/head>\n<body>\n\n<!-- NAV -->\n<nav>\n <div class=\"nav-logo\">\n <div class=\"nav-logo-box\">ESSI<\/div>\n <div class=\"nav-logo-text\">Environmentally Sustainable,<br>Social Infrastructure<\/div>\n <\/div>\n <ul class=\"nav-links\">\n <li><a href=\"#what\">About<\/a><\/li>\n <li><a href=\"#how\">Certification<\/a><\/li>\n <li><a href=\"#catalyst\">Catalyst Certificate<\/a><\/li>\n <li><a href=\"#why\">Benefits<\/a><\/li>\n <li><a href=\"#need-funding\">Need Funding?<\/a><\/li>\n <li><a href=\"#inquiry\" class=\"nav-cta\">Apply Now<\/a><\/li>\n <\/ul>\n<\/nav>\n\n<!-- HERO -->\n<section class=\"hero\">\n <div class=\"hero-bg-lines\"><\/div>\n <div class=\"hero-content\">\n <div class=\"hero-eyebrow\">Certification Program<\/div>\n <h1 class=\"hero-headline\">\n Empowering<br><span>Equitable<\/span><br>Infrastructure\n <\/h1>\n <p class=\"hero-sub\">\n ESSI is a LEED-style certification that recognizes infrastructure projects delivering both environmental sustainability and social equity \u2014 especially in underserved communities.\n <\/p>\n <div class=\"hero-actions\">\n <a href=\"#inquiry\" class=\"btn-primary\">Apply for Certification<\/a>\n <a href=\"#what\" class=\"btn-outline\">Learn More<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-visual\">\n <div class=\"hero-stat-grid\">\n <div class=\"stat-card\">\n <div class=\"stat-num\">$1.3T<\/div>\n <div class=\"stat-label\">U.S. water infrastructure investment needed<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-num\">2M+<\/div>\n <div class=\"stat-label\">Americans without safe running water or plumbing<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-num\">9%<\/div>\n <div class=\"stat-label\">Federal share of water infrastructure spending today, down from 63% in 1977<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-num\">4<\/div>\n <div class=\"stat-label\">Certification tiers: Bronze, Silver, Gold & Platinum<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- WHAT IS ESSI -->\n<section class=\"what\" id=\"what\">\n <div>\n <div class=\"section-eyebrow\">What is ESSI?<\/div>\n <h2>A Trusted Standard for Infrastructure That Delivers<\/h2>\n <p class=\"body-text\">\n ESSI is a certification program recognizing infrastructure projects that deliver both environmental and social benefit \u2014 especially in underserved communities. Think of it as a LEED-style seal of approval for projects that build not just sustainably, but equitably.\n <\/p>\n <p class=\"body-text\">\n As public funding shrinks, ESSI fills the gap by certifying and promoting projects that attract private, philanthropic, and blended financing \u2014 with a strong equity and sustainability lens.\n <\/p>\n <a href=\"#how\" class=\"btn-primary\" style=\"margin-top:0.5rem;\">See Certification Tiers<\/a>\n <\/div>\n <div class=\"what-visual\">\n <div class=\"what-card\">\n <div class=\"what-card-title\">Certification Criteria<\/div>\n <div class=\"what-pillars\">\n <div class=\"pillar\">\n <div class=\"pillar-icon\">\ud83d\udca7<\/div>\n <div>\n <div class=\"pillar-name\">Equitable Funding<\/div>\n <div class=\"pillar-desc\">5\u201320%+ of total capital investment directed to underserved communities<\/div>\n <\/div>\n <\/div>\n <div class=\"pillar\">\n <div class=\"pillar-icon\">\ud83c\udf31<\/div>\n <div>\n <div class=\"pillar-name\">Environmental Sustainability<\/div>\n <div class=\"pillar-desc\">Meets LEED, Envision, or equivalent certification standards<\/div>\n <\/div>\n <\/div>\n <div class=\"pillar\">\n <div class=\"pillar-icon\">\ud83e\udd1d<\/div>\n <div>\n <div class=\"pillar-name\">Social Impact & Equity<\/div>\n <div class=\"pillar-desc\">Safe water, local hiring, affordability, community engagement<\/div>\n <\/div>\n <\/div>\n <div class=\"pillar\">\n <div class=\"pillar-icon\">\ud83d\udccb<\/div>\n <div>\n <div class=\"pillar-name\">Project Delivery<\/div>\n <div class=\"pillar-desc\">Milestones from planning through long-term operational benefit<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"what-accent\"><\/div>\n <\/div>\n<\/section>\n\n<!-- HOW IT WORKS \/ TIERS -->\n<section class=\"how\" id=\"how\">\n <div class=\"how-header\">\n <div class=\"section-eyebrow\">How It Works<\/div>\n <h2>Four Certification Tiers<\/h2>\n <\/div>\n <div class=\"tiers\">\n <!-- BRONZE -->\n <div class=\"tier-card bronze\">\n <div class=\"tier-badge\">\ud83e\udd49<\/div>\n <div class=\"tier-name\">Bronze<\/div>\n <div class=\"tier-pct\">5\u20139% Allocated<\/div>\n <div class=\"tier-milestone\">Project funded, planning initiated<\/div>\n <div class=\"tier-checks\">\n <div class=\"tier-check\">Funding committed<\/div>\n <\/div>\n <div class=\"tier-plus\">\n <div class=\"tier-plus-label\">Bronze <span class=\"plus-mark\">+<\/span><\/div>\n <div class=\"tier-plus-checks\">\n <div class=\"tier-check\">Funding committed<\/div>\n <div class=\"tier-check\">LEED \/ Sustainability goals met<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- SILVER -->\n <div class=\"tier-card silver\">\n <div class=\"tier-badge\">\ud83e\udd48<\/div>\n <div class=\"tier-name\">Silver<\/div>\n <div class=\"tier-pct\">10\u201314% Allocated<\/div>\n <div class=\"tier-milestone\">Project construction started<\/div>\n <div class=\"tier-checks\">\n <div class=\"tier-check\">Funding committed<\/div>\n <\/div>\n <div class=\"tier-plus\">\n <div class=\"tier-plus-label\">Silver <span class=\"plus-mark\">+<\/span><\/div>\n <div class=\"tier-plus-checks\">\n <div class=\"tier-check\">Funding committed<\/div>\n <div class=\"tier-check\">LEED \/ Sustainability goals met<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- GOLD -->\n <div class=\"tier-card gold\">\n <div class=\"tier-badge\">\ud83e\udd47<\/div>\n <div class=\"tier-name\">Gold<\/div>\n <div class=\"tier-pct\">15\u201320% Allocated<\/div>\n <div class=\"tier-milestone\">Project built & operational<\/div>\n <div class=\"tier-checks\">\n <div class=\"tier-check\">Funding committed<\/div>\n <\/div>\n <div class=\"tier-plus\">\n <div class=\"tier-plus-label\">Gold <span class=\"plus-mark\">+<\/span><\/div>\n <div class=\"tier-plus-checks\">\n <div class=\"tier-check\">Funding committed<\/div>\n <div class=\"tier-check\">LEED \/ Sustainability goals met<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- PLATINUM -->\n <div class=\"tier-card platinum\">\n <div class=\"tier-badge\">\ud83d\udc8e<\/div>\n <div class=\"tier-name\">Platinum<\/div>\n <div class=\"tier-pct\">20%+ Allocated<\/div>\n <div class=\"tier-milestone\">Fully operational & long-term community benefit demonstrated<\/div>\n <div class=\"tier-checks\">\n <div class=\"tier-check\">Funding committed<\/div>\n <div class=\"tier-check\">LEED \/ Sustainability goals met<\/div>\n <div class=\"tier-check\">Social impact requirements met<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<!-- CATALYST CERTIFICATE -->\n<section class=\"catalyst\" id=\"catalyst\">\n <div class=\"catalyst-inner\">\n <div>\n <div class=\"catalyst-badge\">\u2726 New Program<\/div>\n <div class=\"section-eyebrow\" style=\"color:var(--gold);\">ESSI Catalyst Certificate<\/div>\n <h2>Certified Planning & Design Projects That Advance Equitable Infrastructure<\/h2>\n <p class=\"body-text\">\n Not every project is under construction yet \u2014 but planning and design work is where equitable outcomes are decided. The ESSI Catalyst Certificate recognizes agencies and project sponsors who embed equity funding directly into their planning budgets.\n <\/p>\n <p class=\"body-text\">\n By rolling a standard 10% contingency (or a dedicated ESSI Contingency line item) into a certified planning or design project, those funds flow into the ESSI General Fund \u2014 seeding construction-ready projects in communities that need it most.\n <\/p>\n <div class=\"catalyst-how\">\n <div class=\"catalyst-step\">\n <div class=\"catalyst-step-icon\">\ud83d\udcd0<\/div>\n <div>\n <div class=\"catalyst-step-title\">Plan or Design Your Project<\/div>\n <div class=\"catalyst-step-text\">Any city, agency, or utility with an active planning or design scope is eligible to apply for Catalyst certification.<\/div>\n <\/div>\n <\/div>\n <div class=\"catalyst-step\">\n <div class=\"catalyst-step-icon\">\ud83d\udcb0<\/div>\n <div>\n <div class=\"catalyst-step-title\">Include an ESSI Contingency<\/div>\n <div class=\"catalyst-step-text\">Designate ~10% of your project budget as a Contingency or ESSI Contingency. These funds are directed to the ESSI General Fund upon certification.<\/div>\n <\/div>\n <\/div>\n <div class=\"catalyst-step\">\n <div class=\"catalyst-step-icon\">\ud83c\udf31<\/div>\n <div>\n <div class=\"catalyst-step-title\">Earn Your Catalyst Certificate<\/div>\n <div class=\"catalyst-step-text\">Receive recognition as an ESSI Catalyst \u2014 a certified planning leader advancing equitable infrastructure before a shovel hits the ground.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <a href=\"#inquiry\" class=\"btn-primary\" style=\"margin-top:2rem;background:var(--gold);color:var(--navy-deep);\">Apply for Catalyst Certificate<\/a>\n <\/div>\n <div class=\"catalyst-visual\">\n <div class=\"catalyst-visual-title\">Example Catalyst Funding Flow<\/div>\n <div class=\"catalyst-flow\">\n <div class=\"catalyst-row\">\n <div class=\"proj-info\">\n <div class=\"proj-name\">Planning \/ Design Project<\/div>\n <div class=\"proj-detail\">Total Budget $1,000,000 \u00b7 ESSI Contingency (10%)<\/div>\n <\/div>\n <div class=\"proj-amount\">$100,000<\/div>\n <\/div>\n <div class=\"flow-arrow\" style=\"color:var(--gold);\">\u2193<\/div>\n <div class=\"catalyst-row highlight\">\n <div class=\"proj-info\">\n <div class=\"proj-name\">ESSI General Fund<\/div>\n <div class=\"proj-detail\">Pooled contributions from all Catalyst-certified projects<\/div>\n <\/div>\n <div class=\"proj-amount\">\u2726<\/div>\n <\/div>\n <div class=\"flow-arrow\" style=\"color:var(--gold);\">\u2193<\/div>\n <div class=\"catalyst-row\">\n <div class=\"proj-info\">\n <div class=\"proj-name\">Underserved Community Projects<\/div>\n <div class=\"proj-detail\">Construction-ready projects that need funding to move forward<\/div>\n <\/div>\n <div class=\"proj-amount\">Funded<\/div>\n <\/div>\n <\/div>\n <div class=\"funding-caption\" style=\"margin-top:1.2rem;\">Planning contingencies pool into a general fund that seeds community construction projects<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- WHY IT MATTERS -->\n<section class=\"why\" id=\"why\">\n <div class=\"section-eyebrow\">Benefits of Certification<\/div>\n <h2>Why ESSI Certification Matters<\/h2>\n <div class=\"why-grid\">\n <div class=\"why-card\">\n <div class=\"why-icon\">\ud83d\udcc8<\/div>\n <div class=\"why-title\">Build Investor Confidence<\/div>\n <div class=\"why-text\">ESSI provides independent validation of technical feasibility, sustainability, and community benefit \u2014 giving impact investors and ESG funds the clarity they need to commit capital.<\/div>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-icon\">\ud83c\udfdb\ufe0f<\/div>\n <div class=\"why-title\">ESG & CSR Alignment<\/div>\n <div class=\"why-text\">Companies and financial institutions with ESG commitments can directly fund ESSI-certified projects, fulfilling social impact targets with documented, measurable outcomes.<\/div>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-icon\">\ud83c\udf10<\/div>\n <div class=\"why-title\">National Project Marketplace<\/div>\n <div class=\"why-text\">ESSI-certified projects are listed on a national platform, connecting utilities and municipalities with philanthropists, investors, and agencies they could never reach alone.<\/div>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-icon\">\ud83e\udd32<\/div>\n <div class=\"why-title\">Attract Philanthropic Capital<\/div>\n <div class=\"why-text\">Foundations can direct grants where they matter most. ESSI certification assures funders that a project is implementation-ready and addresses genuine community need.<\/div>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-icon\">\ud83d\udca1<\/div>\n <div class=\"why-title\">Better Project Design<\/div>\n <div class=\"why-text\">Following ESSI guidelines ensures sustainability and equity are built in from the start \u2014 reducing long-term costs, improving resilience, and making projects more fundable.<\/div>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-icon\">\u26a1<\/div>\n <div class=\"why-title\">Unlock Blended Finance<\/div>\n <div class=\"why-text\">ESSI enables public-private financing combinations \u2014 philanthropic seed capital can leverage state revolving funds, green bonds, and new federal dollars at scale.<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- FUNDING MECHANISM -->\n<section class=\"funding\">\n <div>\n <div class=\"section-eyebrow\">Funding Mechanism<\/div>\n <h2>How the Model Works in Practice<\/h2>\n <p class=\"body-text\">\n A large capital project sets aside an equitable infrastructure contribution \u2014 typically 10% of total cost \u2014 which is channeled directly to a disadvantaged community project that meets all ESSI funding goals.\n <\/p>\n <p class=\"body-text\">\n This creates a virtuous cycle: large projects gain certification and market visibility, while smaller underserved communities receive targeted investment they otherwise couldn't access.\n <\/p>\n <\/div>\n <div class=\"funding-visual\">\n <div class=\"funding-visual-title\">Example Project Funding Mechanism<\/div>\n <div class=\"project-flow\">\n <div class=\"proj-row\">\n <div class=\"proj-info\">\n <div class=\"proj-name\">Project 1 \u2014 Large Capital Project<\/div>\n <div class=\"proj-detail\">Total Cost $5,000,000 \u00b7 Equitable Funding (10%)<\/div>\n <\/div>\n <div class=\"proj-amount\">$500,000<\/div>\n <\/div>\n <div class=\"flow-arrow\">\u2193<\/div>\n <div class=\"proj-row highlight\">\n <div class=\"proj-info\">\n <div class=\"proj-name\">ESSI Certified Equitable Infrastructure Project<\/div>\n <div class=\"proj-detail\">Total Project Cost $5,500,000<\/div>\n <\/div>\n <div class=\"proj-amount\">\u2713<\/div>\n <\/div>\n <div class=\"flow-arrow\">\u2193<\/div>\n <div class=\"proj-row\">\n <div class=\"proj-info\">\n <div class=\"proj-name\">Project 2 \u2014 Disadvantaged Community<\/div>\n <div class=\"proj-detail\">Project Cost $500,000 \u00b7 Meets all ESSI funding goals<\/div>\n <\/div>\n <div class=\"proj-amount\">$500,000<\/div>\n <\/div>\n <\/div>\n <div class=\"funding-caption\">Equitable infrastructure funding flows from large certified projects to underserved communities<\/div>\n <\/div>\n<\/section>\n\n\n<!-- NEED FUNDING -->\n<section class=\"need-funding\" id=\"need-funding\">\n <div>\n <div class=\"section-eyebrow\">For Agencies & Communities<\/div>\n <h2>Does Your Project Need Funding?<\/h2>\n <p class=\"body-text\">\n ESSI isn't just for well-capitalized projects seeking certification \u2014 it's also a pathway for under-resourced cities, utilities, and communities to connect with the funding they need to build critical infrastructure.\n <\/p>\n <p class=\"body-text\">\n If your community has an infrastructure need but lacks the capital to move forward, ESSI can connect you with the network of Catalyst and certified project funds, philanthropic capital, and blended finance programs designed to fill exactly that gap.\n <\/p>\n <p class=\"body-text\" style=\"font-style:italic;color:var(--text-light);font-size:0.88rem;\">\n A full project marketplace for communities seeking funding is coming soon. In the meantime, reach out directly \u2014 we want to hear about your project.\n <\/p>\n <a href=\"#inquiry\" class=\"btn-gold\" style=\"margin-top:1rem;\">Tell Us About Your Project<\/a>\n <\/div>\n <div class=\"need-funding-visual\">\n <div class=\"need-funding-visual-title\">Who This Is For<\/div>\n <div class=\"need-funding-visual-sub\">Communities and agencies with infrastructure needs who are ready to be connected with funding sources.<\/div>\n <div class=\"need-funding-checks\">\n <div class=\"need-funding-check\">Small cities & rural municipalities with aging water infrastructure<\/div>\n <div class=\"need-funding-check\">Tribal nations and historically underserved communities<\/div>\n <div class=\"need-funding-check\">Agencies with shovel-ready projects lacking capital<\/div>\n <div class=\"need-funding-check\">Utilities seeking blended finance & philanthropic partnerships<\/div>\n <div class=\"need-funding-check\">Communities navigating environmental justice challenges<\/div>\n <\/div>\n <a href=\"#inquiry\" class=\"btn-primary\" style=\"width:100%;text-align:center;box-sizing:border-box;\">Contact ESSI Team<\/a>\n <\/div>\n<\/section>\n\n<!-- CTA -->\n<section class=\"cta\" id=\"cta\">\n <div>\n <div class=\"section-eyebrow\" style=\"color:var(--sage-light);\">Get Started<\/div>\n <h2>Ready to Certify Your Project?<\/h2>\n <p class=\"body-text\">Join utilities, municipalities, and project sponsors across the country pursuing ESSI certification to attract funding, demonstrate impact, and build equitable infrastructure.<\/p>\n <div style=\"display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem;\">\n <a href=\"#inquiry\" class=\"btn-primary\">Contact ESSI Team<\/a>\n <a href=\"#what\" class=\"btn-outline\">Learn More<\/a>\n <\/div>\n <\/div>\n <div class=\"cta-steps\">\n <div class=\"cta-step\">\n <div class=\"step-num\">1<\/div>\n <div>\n <div class=\"step-content-title\">Submit Your Project<\/div>\n <div class=\"step-content-text\">Provide project details, funding structure, and community impact data through our intake process.<\/div>\n <\/div>\n <\/div>\n <div class=\"cta-step\">\n <div class=\"step-num\">2<\/div>\n <div>\n <div class=\"step-content-title\">Third-Party Review<\/div>\n <div class=\"step-content-text\">Experts in water engineering, public health, and community development evaluate your project against ESSI criteria.<\/div>\n <\/div>\n <\/div>\n <div class=\"cta-step\">\n <div class=\"step-num\">3<\/div>\n <div>\n <div class=\"step-content-title\">Earn Certification<\/div>\n <div class=\"step-content-text\">Receive your Bronze, Silver, Gold, or Platinum designation and gain access to the ESSI project marketplace.<\/div>\n <\/div>\n <\/div>\n <div class=\"cta-step\">\n <div class=\"step-num\">4<\/div>\n <div>\n <div class=\"step-content-title\">Connect with Funders<\/div>\n <div class=\"step-content-text\">Your certified project is listed nationally, connecting you with investors, philanthropists, and grant programs.<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<!-- INQUIRY FORM -->\n<section class=\"inquiry\" id=\"inquiry\">\n <div class=\"inquiry-left\">\n <div class=\"section-eyebrow inquiry-eyebrow\">Send a Message<\/div>\n <h2>Tell Us About Your Project<\/h2>\n <p class=\"inquiry-tagline\">We'll respond within one business day.<\/p>\n <div class=\"inquiry-contact-alt\">\n <div class=\"inquiry-contact-label\">Or reach us directly<\/div>\n <div class=\"inquiry-contact-links\">\n <a href=\"tel:+15596792986\">+1 (559) 679-2986<\/a>\n <a href=\"mailto:agress@essieng.com\">agress@essieng.com<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div>\n <div class=\"inquiry-form\" id=\"inquiryForm\">\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label class=\"form-label\" for=\"firstName\">First Name<\/label>\n <input class=\"form-input\" id=\"firstName\" type=\"text\" placeholder=\"Aaron\" autocomplete=\"given-name\">\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\" for=\"lastName\">Last Name<\/label>\n <input class=\"form-input\" id=\"lastName\" type=\"text\" placeholder=\"Gress\" autocomplete=\"family-name\">\n <\/div>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\" for=\"organization\">Organization \/ Utility<\/label>\n <input class=\"form-input\" id=\"organization\" type=\"text\" placeholder=\"City of Escondido\" autocomplete=\"organization\">\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\" for=\"email\">Email<\/label>\n <input class=\"form-input\" id=\"email\" type=\"email\" placeholder=\"you@agency.gov\" autocomplete=\"email\">\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\" for=\"service\">Service Needed<\/label>\n <select class=\"form-select\" id=\"service\">\n <option value=\"\" disabled selected>Select a service...<\/option>\n <option value=\"construction-cert\">ESSI Construction Certification<\/option>\n <option value=\"catalyst-cert\">ESSI Catalyst Certificate (Planning \/ Design)<\/option>\n <option value=\"need-funding\">My Project Needs Funding<\/option>\n <option value=\"investor\">Investor \/ ESG \/ Philanthropic Inquiry<\/option>\n <option value=\"general\">General Information<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\" for=\"description\">Project Description<\/label>\n <textarea class=\"form-textarea\" id=\"description\" placeholder=\"Briefly describe your project, location, and timeline...\"><\/textarea>\n <\/div>\n <div class=\"form-success\" id=\"formSuccess\">\n \u2713 Thank you! We'll be in touch within one business day.\n <\/div>\n <button class=\"form-submit\" onclick=\"submitInquiry()\">Submit Inquiry<\/button>\n <\/div>\n <\/div>\n<\/section>\n\n<script>\nfunction submitInquiry() {\n const firstName = document.getElementById('firstName').value.trim();\n const lastName = document.getElementById('lastName').value.trim();\n const org = document.getElementById('organization').value.trim();\n const email = document.getElementById('email').value.trim();\n const service = document.getElementById('service').value;\n const description = document.getElementById('description').value.trim();\n\n if (!firstName || !email || !service) {\n alert('Please fill in your first name, email, and service needed.');\n return;\n }\n\n const subject = encodeURIComponent('ESSI Inquiry: ' + service + ' \u2014 ' + firstName + ' ' + lastName);\n const body = encodeURIComponent(\n 'Name: ' + firstName + ' ' + lastName + '\\n' +\n 'Organization: ' + org + '\\n' +\n 'Email: ' + email + '\\n' +\n 'Service: ' + service + '\\n\\n' +\n 'Project Description:\\n' + description\n );\n\n window.location.href = 'mailto:agress@essieng.com?subject=' + subject + '&body=' + body;\n\n document.getElementById('formSuccess').style.display = 'block';\n document.getElementById('inquiryForm').querySelector('.form-submit').style.display = 'none';\n}\n<\/script>\n\n<!-- FOOTER -->\n<footer>\n <div class=\"footer-logo\">\n <div class=\"nav-logo-box\">ESSI<\/div>\n <div class=\"nav-logo-text\" style=\"color:rgba(255,255,255,0.5);\">Environmentally Sustainable,<br>Social Infrastructure<\/div>\n <\/div>\n <div class=\"footer-links\">\n <a href=\"#what\">About<\/a>\n <a href=\"#how\">Certification<\/a>\n <a href=\"#why\">Benefits<\/a>\n <a href=\"#catalyst\">Catalyst<\/a>\n <a href=\"#need-funding\">Need Funding?<\/a>\n <a href=\"#inquiry\">Apply<\/a>\n <\/div>\n <div class=\"footer-contact\">\n <a href=\"tel:+15596792986\">+1 (559) 679-2986<\/a><br>\n <a href=\"mailto:agress@essieng.com\">agress@essieng.com<\/a>\n <\/div>\n<\/footer>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ESSI \u2014 Environmentally Sustainable, Social Infrastructure ESSI Environmentally Sustainable,Social Infrastructure About Certification Catalyst Certificate Benefits Need Funding? Apply Now Certification Program EmpoweringEquitableInfrastructure ESSI is a LEED-style certification that recognizes infrastructure projects delivering both environmental sustainability and social equity \u2014 especially in underserved communities. Apply for Certification Learn More $1.3T U.S. water infrastructure investment needed 2M+ […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"featured_image_src":null,"featured_image_src_square":null,"_links":{"self":[{"href":"https:\/\/www.essicert.org\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.essicert.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.essicert.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.essicert.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.essicert.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":0,"href":"https:\/\/www.essicert.org\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.essicert.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}