:root{--emerald:#10b981;--emerald-light:#d1fae5;--emerald-dark:#064e3b;--emerald-deep:#022c22;--emerald-ink:#0f766e;--text:#0f3f2e;--text-muted:#476575;--text-dark:#06281d;--border:#e2e8f0;--white:#fff;--font-serif:"Cormorant Garamond", serif;--font-sans:"Inter", sans-serif;--pad:clamp(1.25rem, 4vw, 4rem);--h1:clamp(2.65rem, 2rem + 2.3vw, 4.35rem);--h2:clamp(2.2rem, 1.75rem + 1.4vw, 3.15rem);--h3:clamp(1.3rem, 1.1rem + .55vw, 1.75rem);--lead:clamp(1.05rem, 1rem + .35vw, 1.22rem);--body:clamp(.98rem, .94rem + .18vw, 1.05rem)}.logo-mark,.nav-link{color:var(--text)!important}.nav-link:hover{color:var(--emerald)!important}.nav-link:after{background:var(--emerald)!important}.electro-page-wrapper{color:var(--text);background:#f8fafc}.perspective-bg,.perspective-bg-media{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.perspective-bg{background-position:50%;background-size:cover;background-attachment:fixed}.perspective-overlay{mix-blend-mode:multiply;z-index:1;background:linear-gradient(135deg,#022c22d1 0%,#064e3bb8 100%);position:absolute;inset:0}.section-shell,.narrative-container,.contact-sleek-content{max-width:1400px;padding:0 var(--pad);margin:0 auto}.swiss-label,.section-label,.narrative-eyebrow,.tech-hero-label,.trust-kicker{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;font-weight:700;display:inline-block}.swiss-header,.section-title,.narrative-title,.trust-heading{font-family:var(--font-serif);font-weight:600;line-height:1.08}.section-header-center{text-align:center;margin-bottom:4.5rem}.section-title-xl{font-size:var(--h2);margin:0 0 1.25rem}.header-intro,.section-intro-muted{max-width:860px;font-family:var(--font-sans);font-size:var(--body);color:var(--text-muted);margin:0 auto;line-height:1.75}.std-section,.electro-matrix-section,.h2-std-section,.trust-reality-section{padding:7rem 0}.tech-hero{color:var(--text);background:#fff;grid-template-columns:1.2fr 1fr;align-items:stretch;gap:0;min-height:100svh;display:grid;position:relative;overflow:hidden}.tech-hero-left{padding:8rem 4rem 6rem var(--pad);flex-direction:column;justify-content:center;display:flex;position:relative}.tech-hero-label{border:1px solid var(--emerald);width:fit-content;color:var(--emerald-dark);border-radius:999px;margin-bottom:2rem;padding:.5rem 1.25rem}.tech-hero-content-wrap{border-top:1px solid var(--border);padding-top:2.5rem}.tech-hero h1{font-family:var(--font-serif);font-size:var(--h1);letter-spacing:-.02em;color:var(--text);max-width:11.5ch;margin:0 0 1.6rem;line-height:1.02}.tech-hero-lead{font-family:var(--font-sans);font-size:var(--lead);color:#334155;max-width:90%;margin:0 0 1.15rem;line-height:1.7}.electro-hero-support{max-width:85%;font-family:var(--font-sans);color:#64748b;margin:0 0 2rem;font-size:.98rem;line-height:1.75}.tech-hero-link{width:fit-content;font-family:var(--font-sans);color:var(--text);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--text);align-items:center;gap:.5rem;padding-bottom:8px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.tech-hero-link:hover{color:var(--emerald);border-color:var(--emerald);padding-bottom:12px}.tech-hero-right{min-height:100%;position:relative}.tech-hero-img-box{width:100%;height:100%;position:relative;overflow:hidden}.tech-hero-img{filter:grayscale();transition:filter .6s cubic-bezier(.19,1,.22,1)}.tech-hero:hover .tech-hero-img{filter:grayscale(0%)}.electro-hero-img{background-image:url(/assets/h2lab/images/h2electrolyzers.png);background-position:50%}.tech-hero-card{border:1px solid var(--border);z-index:3;background:#fff;width:min(320px,100% - 2rem);padding:2.6rem 2.4rem;position:absolute;bottom:18%;left:-3rem;box-shadow:0 20px 50px #0f172a1a}.tech-stat-big{font-family:var(--font-serif);color:var(--emerald);margin-bottom:.75rem;font-size:3.5rem;line-height:1}.tech-stat-label{font-family:var(--font-sans);letter-spacing:.05em;text-transform:uppercase;color:#64748b;font-size:.85rem;font-weight:700}.electro-hero-points{border-top:1px solid var(--border);color:var(--text-muted);font-family:var(--font-sans);margin:1.5rem 0 0;padding:1.25rem 0 0 1rem;font-size:.92rem;line-height:1.7}.narrative-section{color:#fff;background:#0f172a;padding:9rem 0;position:relative;overflow:hidden}.electro-narrative-bg{opacity:.55}.narrative-container{z-index:2;position:relative}.narrative-header{text-align:center;margin-bottom:5rem}.narrative-eyebrow{color:#fff;margin-bottom:1.5rem}.narrative-title{font-size:var(--h2);color:#fff;margin:0 0 2rem}.narrative-lead{max-width:840px;font-family:var(--font-serif);color:#ffffffeb;margin:0 auto;font-size:1.6rem;font-weight:300;line-height:1.55}.narrative-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;display:grid}.narrative-card{background:linear-gradient(#ffffff0a 0%,#0000 100%);border-top:1px solid #ffffff38;padding:2.4rem}.electro-card-index{font-family:var(--font-sans);letter-spacing:.08em;color:#ffffffb8;margin-bottom:1rem;font-size:.8rem;font-weight:700;display:inline-block}.narrative-card-title{font-family:var(--font-serif);color:#fff;margin:0 0 .9rem;font-size:1.55rem}.narrative-card-text{font-family:var(--font-sans);color:#ffffffc2;margin:0;font-size:1rem;line-height:1.7}.electro-route-matrix-section,.electro-standard-section,.electro-outputs-section{border-top:1px solid var(--border);background:#fff}.swiss-label{color:var(--emerald-dark);margin-bottom:1rem}.electro-route-matrix-grid,.route-comparison-matrix,.electro-deep-dive-grid{gap:1.5rem;display:grid}.electro-route-matrix-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.electro-route-matrix-card,.electro-comparison-card,.electro-deep-dive-card{border:1px solid var(--border);background:#fff}.electro-route-matrix-card{flex-direction:column;gap:1rem;padding:2rem 1.8rem;display:flex;box-shadow:0 1px 3px #0f172a0a}.electro-route-card-meta,.electro-deep-dive-meta,.electro-comparison-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.electro-route-num{font-family:var(--font-sans);letter-spacing:.08em;color:#64748b;font-size:.78rem;font-weight:700}.route-chip{min-height:32px;font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;border:1px solid;border-radius:999px;justify-content:center;align-items:center;padding:.42rem .8rem;font-size:.7rem;font-weight:700;display:inline-flex}.route-chip-pem{color:#0f766e;background:#10b98114}.route-chip-aem{color:#047857;background:#34d39914}.route-chip-alkaline{color:#0f766e;background:#6ee7b71f}.route-chip-soec{color:#065f46;background:#10b98124}.electro-route-matrix-card h3,.electro-deep-dive-card h3,.ledger-title{font-family:var(--font-serif);font-size:var(--h3);color:var(--text-dark);margin:0;line-height:1.25}.electro-route-matrix-card p,.electro-deep-dive-context,.electro-deep-dive-insight,.ledger-copy,.electro-comparison-row p{font-family:var(--font-sans);color:var(--text-muted);margin:0;font-size:.96rem;line-height:1.72}.electro-route-card-footer{border-top:1px solid var(--border);font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--emerald-dark);margin-top:auto;padding-top:1rem;font-size:.74rem;font-weight:700}.electro-matrix-section,.electro-deep-dive-section{border-top:1px solid var(--border);background:#f8fafc}.route-comparison-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}.electro-comparison-card{flex-direction:column;gap:1.3rem;padding:2rem 1.9rem;display:flex;box-shadow:0 1px 3px #0f172a0a}.electro-comparison-kicker{font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--emerald-dark);font-size:.72rem;font-weight:700}.electro-comparison-row{border-top:1px solid var(--border);padding-top:1rem}.electro-comparison-label,.electro-deep-dive-columns h4{font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dark);margin-bottom:.45rem;font-size:.76rem;font-weight:700;display:block}.electro-h2-std-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:3rem}.h2-std-grid{border:1px solid var(--border);background:#fff;gap:0;display:grid}.h2-std-card{border-right:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;gap:1rem;padding:2.3rem 1.6rem;display:flex}.h2-std-card:nth-child(3n){border-right:none}.h2-std-card:nth-last-child(-n+3){border-bottom:none}.h2-std-num{font-family:var(--font-serif);color:var(--emerald);font-size:2.4rem;line-height:1}.h2-std-title{font-family:var(--font-sans);color:var(--text-dark);font-size:.96rem;font-weight:700;line-height:1.5}.electro-std-copy{font-family:var(--font-sans);color:var(--text-muted);margin:0;font-size:.92rem;line-height:1.65}.h2-std-artifact{border-top:1px solid var(--border);font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:#64748b;margin-top:auto;padding-top:1rem;font-size:.72rem;font-weight:700}.h2-spec-dashboard{color:#fff;background:#1e293b;justify-content:space-between;gap:1rem;padding:2.5rem 2rem;display:flex;position:relative}.h2-spec-dashboard:before{content:"TECH SPECS";background:var(--emerald);color:#fff;letter-spacing:.08em;border-radius:2px;padding:2px 8px;font-size:.65rem;font-weight:700;position:absolute;top:-12px;left:2rem}.h2-spec-item{border-left:1px solid #ffffff1f;flex:1;padding:0 1rem}.h2-spec-item:first-child{border-left:none;padding-left:0}.h2-spec-val{font-family:var(--font-sans);color:#fff;margin-bottom:.3rem;font-size:1.35rem;font-weight:600}.h2-spec-label{font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:#ffffff94;font-size:.72rem;font-weight:500}.electro-deep-dive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.electro-deep-dive-card{flex-direction:column;gap:1rem;padding:2rem 1.85rem;display:flex}.electro-deep-dive-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;padding-top:.5rem;display:grid}.electro-deep-dive-columns ul,.trust-list,.electro-hero-points{margin-top:0}.electro-deep-dive-columns ul,.trust-list{font-family:var(--font-sans);color:var(--text-muted);padding-left:1.1rem;font-size:.94rem;line-height:1.75}.electro-deep-dive-insight{border-top:1px solid var(--border);padding-top:1rem}.trust-reality-section{background:url(/assets/h2lab/images/technology/technical-documentation.png) 50%/cover no-repeat}.trust-split-card{background:#fff;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden;box-shadow:0 30px 60px -15px #0f172a26}.trust-side-dark,.trust-side-light{padding:3rem 3.2rem}.trust-side-dark{color:#fff;background:linear-gradient(#0f172aeb,#0f172ad1),url(/assets/h2lab/images/technology/technical-documentation.png) 50%/cover no-repeat;position:relative}.trust-side-dark:before{content:"";background:repeating-linear-gradient(45deg,#b91c1c,#b91c1c 10px,#991b1b 10px 20px);width:6px;height:100%;position:absolute;top:0;left:0}.trust-side-light{color:var(--text-dark);background:#fff}.trust-kicker{color:inherit;margin-bottom:1rem}.trust-heading{font-size:var(--h2);margin:0 0 1.6rem}.trust-side-dark .trust-list{color:#ffffffe0}.trust-side-light .trust-list{color:var(--text-muted)}.ledger-grid{border:1px solid var(--border);background:#fff;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid;box-shadow:0 1px 3px #0f172a0a}.ledger-item{border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:#fff;flex-direction:column;justify-content:space-between;min-height:340px;padding:2.5rem 2rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.ledger-item:nth-child(3n){border-right:none}.ledger-item:nth-last-child(-n+3){border-bottom:none}.ledger-item:hover{z-index:1;background:#fafbfc;transform:translateY(-2px);box-shadow:0 8px 24px #0f172a14,0 2px 8px #0f172a0a}.ledger-meta{border-bottom:1px solid #e2e8f080;justify-content:space-between;align-items:center;margin-bottom:1.8rem;padding-bottom:1.2rem;display:flex}.ledger-num{font-family:var(--font-sans);letter-spacing:.06em;color:#64748b;font-size:.8rem;font-weight:700}.ledger-icon{color:var(--text-dark);opacity:.24;font-size:1.25rem;transition:all .4s cubic-bezier(.16,1,.3,1)}.ledger-item:hover .ledger-num{color:var(--emerald)}.ledger-item:hover .ledger-icon{opacity:1;color:var(--emerald);transform:scale(1.12)rotate(4deg)}.ledger-title{margin-bottom:.9rem;font-size:1.45rem}.ledger-copy{line-height:1.7}.ledger-footer{margin-top:2rem}.ledger-tag{background:var(--emerald-deep);color:#fff;font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;padding:.45rem .8rem;font-size:.7rem;font-weight:700;display:inline-block}.contact-sleek{color:#fff;background:#0f172a;align-items:center;min-height:520px;padding:6rem 0;display:flex;position:relative;overflow:hidden}.contact-sleek-bg{object-fit:cover;z-index:1;opacity:.6;width:100%;height:100%;position:absolute;top:0;left:0}.contact-sleek-overlay{mix-blend-mode:multiply;z-index:2;background:linear-gradient(135deg,#022c22eb 0%,#064e3be0 100%);position:absolute;inset:0}.contact-sleek-content{z-index:3;width:100%;position:relative}.contact-sleek .section-head{border-bottom:1px solid #fff6;justify-content:space-between;align-items:baseline;gap:1.5rem;margin-bottom:3rem;padding-bottom:1.5rem;display:flex}.contact-sleek .section-title{color:#fff;font-size:var(--h2);margin:0}.contact-sleek .section-label{color:#fff;background:#ffffff1a;border:1px solid #fff6;border-radius:999px;padding:.5rem 1.25rem}.contact-sleek-grid{grid-template-columns:1fr 1px 1fr;align-items:stretch;gap:4rem;display:grid}.contact-sleek-line{background:#fff6;width:1px;min-height:200px}.contact-sleek-left,.contact-sleek-right{flex-direction:column;justify-content:center;display:flex}.contact-sleek-left{padding-right:2rem}.contact-sleek-right{gap:2rem;padding-left:2rem}.contact-sleek-heading{font-family:var(--font-serif);font-size:var(--h2);letter-spacing:-.02em;color:#fff;margin:0;font-weight:600}.contact-sleek-desc{max-width:540px;font-family:var(--font-sans);color:#fffffff2;margin:0;font-size:1.05rem;line-height:1.7}.contact-sleek-btn{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;color:#fff;border-bottom:1px solid #fff9;align-self:flex-start;align-items:center;gap:.75rem;padding-bottom:8px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.contact-sleek-btn:hover{color:var(--emerald);border-color:var(--emerald);gap:1rem}.electro-page-wrapper .btn-primary,.electro-page-wrapper .btn-secondary{font-family:var(--font-sans)}@media (max-width:1024px){.perspective-bg{background-attachment:scroll}.tech-hero{grid-template-columns:1fr;min-height:auto}.tech-hero-left{padding:4.5rem 2rem 3rem}.tech-hero-right{min-height:420px}.tech-hero-card{bottom:-2rem;left:2rem}.narrative-section,.std-section,.electro-matrix-section,.h2-std-section,.trust-reality-section{padding:5.5rem 0}.narrative-grid,.electro-route-matrix-grid,.route-comparison-matrix,.electro-deep-dive-grid,.ledger-grid,.electro-h2-std-grid{grid-template-columns:1fr 1fr}.h2-std-card:nth-child(3n){border-right:1px solid var(--border)}.h2-std-card:nth-child(2n){border-right:none}.h2-std-card:nth-last-child(-n+3){border-bottom:1px solid var(--border)}.h2-std-card:nth-last-child(-n+2){border-bottom:none}.h2-spec-dashboard{flex-direction:column;align-items:flex-start;gap:1.5rem}.h2-spec-item{border-bottom:1px solid #ffffff1a;border-left:none;width:100%;padding:0 0 1rem}.h2-spec-item:last-child{border-bottom:none;padding-bottom:0}.electro-deep-dive-columns,.trust-split-card,.contact-sleek-grid{grid-template-columns:1fr}.contact-sleek-line{display:none}.contact-sleek-left,.contact-sleek-right{padding:0}}@media (max-width:900px){.section-header-center{margin-bottom:3rem}.narrative-grid,.electro-route-matrix-grid,.route-comparison-matrix,.electro-deep-dive-grid,.electro-h2-std-grid,.ledger-grid{grid-template-columns:1fr}.ledger-item,.h2-std-card{border-right:none}.ledger-item:nth-last-child(-n+3),.h2-std-card:nth-last-child(-n+2){border-bottom:1px solid var(--border)}.ledger-item:last-child,.h2-std-card:last-child{border-bottom:none}.contact-sleek .section-head{flex-direction:column;align-items:flex-start}}@media (max-width:640px){:root{--pad:1.05rem}.tech-hero-left{padding:4rem var(--pad) 2.5rem}.tech-hero h1{max-width:none}.tech-hero-lead,.electro-hero-support{max-width:100%}.tech-hero-right{min-height:260px;margin:0 var(--pad) 2.5rem}.tech-hero-card{width:100%;margin-top:-2rem;position:relative;bottom:0;left:0}.narrative-section,.std-section,.electro-matrix-section,.h2-std-section,.trust-reality-section,.contact-sleek{padding:4.5rem 0}.narrative-lead{font-size:1.28rem}.narrative-card,.electro-route-matrix-card,.electro-comparison-card,.electro-deep-dive-card,.ledger-item{padding:1.8rem 1.4rem}.trust-side-dark,.trust-side-light{padding:2rem 1.5rem}.contact-sleek-btn{justify-content:space-between;width:100%}}
