:root{--ink:#123f3b;--muted:#5d7873;--line:#d7e8e2;--paper:#f8fbfa;--mint:#e3f6ef;--teal:#36c7bb;--dark:#0d403b;--mono:'DM Mono',monospace;--sans:'Plus Jakarta Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}a{color:inherit}.module-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:38px;width:min(1320px,calc(100% - 80px));height:86px;margin:auto;border-bottom:1px solid var(--line);background:rgba(248,251,250,.93);backdrop-filter:blur(12px)}.module-nav img{display:block;width:180px}.module-nav nav{display:flex;gap:25px;margin-left:auto}.module-nav nav a,.nav-access{color:#315d57;font-size:13px;font-weight:700;text-decoration:none}.nav-access{padding:12px 15px;border:1px solid var(--line);border-radius:8px}.module-footer{display:flex;justify-content:space-between;width:min(1320px,calc(100% - 80px));margin:0 auto;padding:28px 0;color:#6c8882;border-top:1px solid var(--line);font:500 10px var(--mono);letter-spacing:.4px}.overview-hero,.module-hero{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;width:min(1320px,calc(100% - 80px));min-height:500px;margin:auto;padding:90px 0}.overview-hero>p,.module-hero>div>p:first-child,.workflow-module>p,.module-details p{margin:0;color:#168c80;font:600 10px var(--mono);letter-spacing:1.1px}.overview-hero h1,.module-hero h1{margin:18px 0 0;font-size:clamp(46px,5.2vw,76px);line-height:1.02;letter-spacing:-4px}.overview-hero h1 em,.module-hero h1 em{font-style:normal;color:#2cae9f}.overview-hero>div>p{max-width:480px;color:var(--muted);font-size:17px;line-height:1.65}.primary{display:inline-block;margin-top:24px;padding:16px 20px;border-radius:8px;background:var(--dark);color:#fff;font-weight:800;text-decoration:none}.overview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;width:min(1320px,calc(100% - 80px));margin:0 auto 110px}.overview-cards a{min-height:250px;padding:27px;border:1px solid var(--line);border-radius:14px;background:#fff;text-decoration:none;transition:.2s}.overview-cards a:hover{transform:translateY(-4px);box-shadow:0 18px 35px #16453c18;border-color:#9fd8cd}.overview-cards span,.overview-steps span{color:#1b9788;font:600 10px var(--mono);letter-spacing:1px}.overview-cards h2,.overview-steps h2{margin:45px 0 12px;font-size:23px;letter-spacing:-1px}.overview-cards p,.overview-steps p{color:var(--muted);font-size:13px;line-height:1.55}.overview-cards b{color:#168c80;font-size:12px}.overview-steps{display:grid;grid-template-columns:repeat(5,1fr);width:min(1320px,calc(100% - 80px));margin:0 auto 110px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.overview-steps article{min-height:280px;padding:26px;border-right:1px solid var(--line)}.overview-steps article:last-child{border:0}.access-band{display:grid;grid-template-columns:.75fr 1.6fr auto;gap:30px;align-items:center;width:min(1320px,calc(100% - 80px));margin:0 auto 80px;padding:26px 30px;border:1px solid #b7e3d7;border-radius:13px;background:linear-gradient(90deg,#e6faf3,#f8fffd)}.access-band b{font-size:17px}.access-band p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.access-band a{color:#147a6f;font-weight:800;font-size:13px;text-decoration:none;white-space:nowrap}.module-hero{min-height:585px}.hero-intro{max-width:570px!important;margin-top:25px!important;color:var(--muted)!important;font-size:17px!important;line-height:1.65!important}.module-actions{display:flex;gap:21px;align-items:center}.module-actions>a:last-child{margin-top:24px;color:#168c80;font-size:13px;font-weight:800;text-decoration:none}.photo-stage{position:relative;min-height:425px;overflow:hidden;border-radius:19px;background:radial-gradient(circle at 70% 22%,#d7faf1 0 5%,transparent 5.5%),linear-gradient(125deg,#0e413c 0 30%,#277d72 30% 53%,#76b7ad 53% 100%);box-shadow:20px 25px 45px #123e3721}.photo-stage:before{content:"";position:absolute;inset:0;opacity:.42;background-image:linear-gradient(110deg,transparent 0 32%,#ffffff2b 32% 33%,transparent 33% 52%,#ffffff2b 52% 53%,transparent 53%),linear-gradient(#ffffff16 1px,transparent 1px);background-size:auto,28px 28px}.photo-stage span{position:absolute;z-index:3;right:25px;bottom:22px;color:#effffb;font:600 10px var(--mono);letter-spacing:1px}.photo-stage i{position:absolute;z-index:2;display:block;border:2px solid #e0fff787;border-radius:999px}.photo-stage i:nth-child(2){width:190px;height:190px;top:72px;right:80px;animation:pulse 4s ease-in-out infinite}.photo-stage i:nth-child(3){width:310px;height:50px;right:20px;bottom:102px;transform:rotate(-18deg);border-left-color:transparent;border-right-color:transparent}.photo-stage i:nth-child(4){width:88px;height:250px;right:150px;bottom:0;border-radius:8px;background:#e2fff32e;transform:skew(-8deg)}.module-water .photo-stage{background:linear-gradient(125deg,#113f4a 0 32%,#257e89 32% 55%,#99ddd2 55%)}.module-cbam .photo-stage{background:linear-gradient(125deg,#153b39 0 32%,#536e52 32% 55%,#bfd09a 55%)}.module-esg .photo-stage{background:linear-gradient(125deg,#173c36 0 32%,#6c987c 32% 55%,#d1e6b8 55%)}.module-trustmark .photo-stage{background:linear-gradient(125deg,#0f3d5b 0 32%,#397895 32% 55%,#a6d7e7 55%)}@keyframes pulse{50%{transform:scale(1.08);opacity:.55}}.promise{display:grid;grid-template-columns:1fr 2fr;gap:45px;width:min(1320px,calc(100% - 80px));margin:auto;padding:31px;border:1px solid var(--line);border-radius:13px;background:#fff}.promise b{font-size:17px}.promise p{margin:0;color:var(--muted);font-size:15px;line-height:1.6}.workflow-module{width:min(1320px,calc(100% - 80px));margin:115px auto}.workflow-module h2,.module-details h2{margin:16px 0 45px;font-size:clamp(39px,4vw,58px);line-height:1.03;letter-spacing:-3px}.module-flow{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.module-flow article{min-height:235px;padding:25px;border-right:1px solid var(--line)}.module-flow article:last-child{border:0}.module-flow span{color:#1b998a;font:600 10px var(--mono)}.module-flow h3{margin:46px 0 11px;font-size:20px;letter-spacing:-.6px}.module-flow p{color:var(--muted);font-size:13px;line-height:1.55}.module-details{display:grid;grid-template-columns:1.25fr .75fr;gap:90px;width:min(1320px,calc(100% - 80px));margin:0 auto 105px}.module-details ul{padding:0;margin:0;list-style:none;border-top:1px solid var(--line)}.module-details li{padding:17px 2px;border-bottom:1px solid var(--line);font-weight:600;font-size:14px}.module-details aside{padding:30px;border-radius:14px;background:var(--dark);color:#effcf8}.module-details aside p{color:#84d7c8}.module-details aside h3{font-size:20px;line-height:1.35}.module-details aside small{color:#c4ded8;line-height:1.55}@media(max-width:900px){.module-nav nav{display:none}.module-nav{width:calc(100% - 40px)}.module-nav .nav-access{margin-left:auto}.overview-hero,.module-hero,.promise,.module-details{grid-template-columns:1fr;gap:30px;width:calc(100% - 40px)}.overview-cards{grid-template-columns:repeat(2,1fr);width:calc(100% - 40px)}.overview-steps,.module-flow{grid-template-columns:repeat(2,1fr);width:calc(100% - 40px)}.access-band{grid-template-columns:1fr;width:calc(100% - 40px)}.workflow-module{width:calc(100% - 40px)}}@media(max-width:520px){.overview-cards,.overview-steps,.module-flow{grid-template-columns:1fr}.overview-steps,.module-flow{width:calc(100% - 40px)}.module-footer{width:calc(100% - 40px);flex-direction:column;gap:10px}.module-hero{padding:60px 0}.photo-stage{min-height:330px}}
/* Photoreal industrial image is integrated into the module narrative, not a separate card. */
.photo-stage{background-image:linear-gradient(90deg,rgba(10,56,51,.76),rgba(10,56,51,.13)),url("./assets/controlled-industrial-hero-v1.png");background-size:cover;background-position:center}.module-water .photo-stage{background-position:63% center}.module-cbam .photo-stage{background-position:78% center}.module-esg .photo-stage{background-position:70% center}.module-trustmark .photo-stage{background-position:85% center}
.module-water .photo-stage,.module-cbam .photo-stage,.module-esg .photo-stage,.module-trustmark .photo-stage{background-image:linear-gradient(90deg,rgba(10,56,51,.76),rgba(10,56,51,.13)),url("./assets/controlled-industrial-hero-v1.png");background-size:cover}

/* Full-bleed module narratives: image, content and moving evidence labels are one scene. */
.module-hero{position:relative;display:block;width:100%;min-height:720px;margin:0;padding:0;overflow:hidden;background:#0c413b}
.hero-image{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(7,46,42,.96) 0%,rgba(8,55,50,.88) 30%,rgba(8,55,50,.35) 58%,rgba(8,55,50,.12) 100%),linear-gradient(0deg,rgba(7,46,42,.44),transparent 42%),var(--module-image);background-size:cover;background-position:center;animation:hero-drift 18s ease-in-out infinite alternate}
.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,62,56,.25),transparent 36%);mix-blend-mode:screen}
.hero-copy-layer{position:relative;z-index:2;width:min(1320px,calc(100% - 80px));margin:0 auto;padding:125px 0 110px;color:#f4fffc}.hero-copy-layer>p:first-child{margin:0;color:#7de2d5;font:600 10px var(--mono);letter-spacing:1.2px}.module-hero h1{max-width:725px;margin:22px 0 0;color:#fff;font-size:clamp(54px,5.4vw,84px);line-height:1.01;letter-spacing:-4.6px}.module-hero h1 em{color:#5dd7ca}.hero-intro{max-width:590px!important;color:#d6eeea!important;font-size:18px!important;line-height:1.62!important}.hero-narrative{max-width:600px;margin:15px 0 0;color:#a9d2cb;font-size:14px;line-height:1.72}.module-actions>a:last-child{color:#80ded1}.module-actions .primary{background:#f1fffb;color:#0d443e}.data-atmosphere{position:absolute;z-index:2;inset:0;pointer-events:none}.data-atmosphere b{position:absolute;right:6.2%;bottom:8%;color:#e4fffa;opacity:.72;font:600 10px var(--mono);letter-spacing:1.1px}.metric{position:absolute;display:block;padding:8px 11px;border:1px solid rgba(204,255,247,.38);border-radius:999px;background:rgba(8,67,60,.25);box-shadow:0 10px 30px rgba(0,20,18,.15);backdrop-filter:blur(5px);color:#e2fffa;font:500 10px var(--mono);letter-spacing:.45px;opacity:0;animation:metric-rise 9s ease-in-out infinite}.metric-1{right:13%;bottom:17%;animation-delay:0s}.metric-2{right:33%;bottom:7%;animation-delay:1.5s}.metric-3{right:8%;bottom:39%;animation-delay:3s}.metric-4{right:27%;bottom:52%;animation-delay:4.5s}.metric-5{right:43%;bottom:25%;animation-delay:6s}.metric-6{right:17%;bottom:68%;animation-delay:7.5s}@keyframes hero-drift{from{transform:scale(1)}to{transform:scale(1.045)}}@keyframes metric-rise{0%{opacity:0;transform:translateY(24px)}16%,68%{opacity:.93}84%,100%{opacity:0;transform:translateY(-45px)}}
@media(max-width:900px){.module-hero{min-height:680px;padding:0}.hero-copy-layer{width:calc(100% - 40px);padding:92px 0}.module-hero h1{letter-spacing:-3.2px}.data-atmosphere{opacity:.72}.metric-4,.metric-5{display:none}}@media(max-width:520px){.module-hero{min-height:710px;padding:0}.hero-copy-layer{padding:74px 0}.hero-narrative{font-size:13px}.data-atmosphere{opacity:.52}.metric-3,.metric-6{display:none}}

/* A full-width navigation bar anchors every module page to the platform. */
.module-nav{width:100%;height:96px;margin:0;padding-left:max(40px,calc((100vw - 1320px)/2));padding-right:max(40px,calc((100vw - 1320px)/2));background:rgba(248,251,250,.96)}
/* Data is intentionally a floating annotation layer, not a set of UI pills. */
.metric{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;color:#ecfffb;font-size:clamp(18px,1.35vw,22px);font-weight:700;letter-spacing:-.4px;text-shadow:0 4px 14px rgba(0,21,18,.98),0 1px 2px rgba(0,21,18,.9)}
.metric-7{right:49%;bottom:41%;animation-delay:.7s}.metric-8{right:38%;bottom:15%;animation-delay:2.2s}.metric-9{right:5%;bottom:25%;animation-delay:3.7s}.metric-10{right:36%;bottom:73%;animation-delay:5.2s}.metric-11{right:22%;bottom:34%;animation-delay:6.7s}.metric-12{right:10%;bottom:57%;animation-delay:8.2s}
@media(max-width:900px){.module-nav{width:100%;padding-left:20px;padding-right:20px}.metric-7,.metric-8,.metric-9,.metric-10{display:none}}@media(max-width:520px){.metric-11,.metric-12{display:none}}

.module-kicker{display:flex;align-items:baseline;gap:11px;margin:0}.hero-copy-layer .module-kicker>span{color:#9bf0e3;font:600 16px var(--sans);letter-spacing:-.35px}.hero-copy-layer .module-kicker>i{color:#6ecabd;font:500 9px var(--mono);letter-spacing:1px;text-transform:uppercase;font-style:normal}.metric{font-weight:400!important;letter-spacing:-.25px}.metric-5{right:31%;bottom:30%}.metric-7{right:27%;bottom:44%}.metric-8{right:20%;bottom:14%}

.module-esg .hero-image{background-position:center}.module-esg .data-atmosphere b{right:4.8%;bottom:7%;font-size:9px}.module-esg .metric{background:transparent;border-color:transparent;font-size:clamp(18px,1.35vw,22px)}.module-esg .metric-1{right:11%;bottom:21%}.module-esg .metric-2{right:33%;bottom:10%}.module-esg .metric-3{right:9%;bottom:44%}.module-esg .metric-4{right:28%;bottom:57%}.module-esg .metric-5{right:43%;bottom:29%}.module-esg .metric-6{right:17%;bottom:70%}.module-esg .metric-7{right:35%;bottom:43%}.module-esg .metric-8{right:23%;bottom:16%}
.reporting-route{width:min(1320px,calc(100% - 80px));margin:105px auto;padding:0 0 56px;border-bottom:1px solid var(--line)}.reporting-route-copy{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.reporting-route-copy>p:first-child{grid-column:1/-1;margin:0;color:#168c80;font:600 11px var(--mono);letter-spacing:.6px}.reporting-route h2{margin:0;color:var(--ink);font-size:clamp(38px,4.3vw,61px);line-height:1.03;letter-spacing:-.055em}.reporting-route h2 em{font-style:normal;color:#2cae9f}.reporting-route-copy>p:last-child{max-width:540px;margin:0;color:var(--muted);font-size:16px;line-height:1.65}.reporting-route-options{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:42px}.route-option{min-height:172px;padding:19px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--ink);text-align:left;font-family:var(--sans);cursor:pointer;transition:.2s}.route-option:hover,.route-option.is-selected{transform:translateY(-3px);border-color:#54cbb9;box-shadow:0 15px 28px rgba(22,94,83,.1)}.route-option.is-selected{background:linear-gradient(145deg,#effcf8,#fff)}.route-option b{display:block;font-size:16px;letter-spacing:-.03em}.route-option span{display:block;margin-top:13px;color:var(--muted);font-size:12px;line-height:1.5}.custom-route{margin-top:18px;padding:24px;border:1px solid #a9ddd2;border-radius:14px;background:#effbf7}.custom-route>p{margin:0 0 17px;color:var(--ink);font-size:15px;font-weight:700}.custom-route>div{display:flex;flex-wrap:wrap;gap:10px}.custom-route label{padding:9px 11px;border:1px solid #c8e7df;border-radius:999px;background:#fff;color:#315f58;font-size:13px}.custom-route input{accent-color:#1b9d8d}.custom-route small{display:block;margin-top:17px;color:#5f7d76;font-size:12px;line-height:1.55}.reporting-route-cta{display:inline-flex;align-items:center;gap:28px;margin-top:24px;padding:15px 20px;border-radius:8px;background:#0d403b;color:#fff;font-size:14px;font-weight:800;text-decoration:none}.reporting-route-cta span{font-size:19px;font-weight:400}@media(max-width:900px){.reporting-route{width:calc(100% - 40px)}.reporting-route-copy{grid-template-columns:1fr;gap:22px}.reporting-route-options{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.reporting-route{margin:72px auto}.reporting-route-options{grid-template-columns:1fr}.route-option{min-height:auto}.reporting-route-cta{width:100%;justify-content:space-between}}