:root{--esg-navy:#061b31;--esg-deep:#0b334d;--esg-ink:#0b2a43;--esg-teal:#0aa69d;--esg-cyan:#3ddbd0;--esg-blue:#1973d4;--esg-soft:#eef5f5;--esg-line:#c8d9df;--esg-muted:#557084}
.esg-page{background:#eef4f6;color:var(--esg-ink)}
.esg-hero{position:relative;overflow:hidden;padding:clamp(74px,9vw,132px) clamp(24px,7vw,112px);background:linear-gradient(105deg,rgba(5,25,44,.98) 0%,rgba(5,25,44,.94) 51%,rgba(5,25,44,.35) 100%),url('assets/solutions/esg/product-esg-digital-thread.svg') center/cover;color:#fff}
.esg-hero:after{content:"";position:absolute;right:-110px;bottom:-180px;width:430px;height:430px;border:1px solid rgba(61,219,208,.25);border-radius:50%}
.esg-hero__inner{position:relative;z-index:1;width:min(1180px,100%);margin:auto}
.esg-kicker{margin:0 0 20px;color:var(--esg-cyan);font-size:12px;font-weight:800;letter-spacing:.19em}
.esg-hero h2{max-width:960px;margin:0;font-size:clamp(42px,6vw,78px);line-height:1.09;letter-spacing:-.045em}
.esg-hero__lead{max-width:850px;margin:26px 0 0;color:#d2e4ec;font-size:clamp(17px,2vw,21px);line-height:1.75}
.esg-hero__tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.esg-hero__tags span{padding:8px 13px;border:1px solid rgba(255,255,255,.25);background:rgba(8,51,73,.72);color:#eafcfa;font-size:12px}
.plm-single-page .category-hero-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;gap:12px;overflow:visible;margin-top:32px;padding:0}.plm-single-page .category-hero-tabs>a{justify-content:center;min-width:0;padding:11px 12px;text-align:center}
.esg-content{width:min(1180px,calc(100% - 48px));margin:auto;padding:42px 0 96px}.esg-section{margin-bottom:24px;padding:clamp(28px,4.5vw,60px);background:#fff;border:1px solid var(--esg-line)}
.esg-section--dark{background:var(--esg-navy);color:#fff}.esg-section--dark p,.esg-section--dark li{color:#c7dae5}.esg-section--soft{background:#e8f3f2}
.esg-label{margin:0;color:var(--esg-teal);font-size:12px;font-weight:800;letter-spacing:.17em}.esg-section--dark .esg-label{color:var(--esg-cyan)}
.esg-section h2{max-width:940px;margin:10px 0 20px;font-size:clamp(30px,4vw,48px);line-height:1.2;letter-spacing:-.03em}.esg-section h3{margin:0 0 10px;font-size:20px;line-height:1.35}.esg-section p,.esg-section li{color:var(--esg-muted);font-size:15px;line-height:1.85}.esg-lead{max-width:900px;font-size:18px!important;color:#355970!important}
.esg-split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.esg-split figure{margin:0;border:1px solid var(--esg-line);background:#fff}.esg-split img,.esg-figure img{display:block;width:100%;height:auto}.esg-split figcaption,.esg-figure figcaption{padding:12px 15px;background:#e8eff2;color:#60798a;font-size:12px;line-height:1.6}
.esg-statements{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.esg-statements article,.esg-cards article{padding:24px;border:1px solid var(--esg-line);background:#f8fbfb}.esg-statements b{display:block;color:var(--esg-teal);font-size:12px;letter-spacing:.1em}.esg-statements strong{display:block;margin:8px 0;font-size:20px}.esg-statements p,.esg-cards p{margin:0}
.esg-data-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.esg-data-grid article{padding:21px;border:1px solid #b8d3d3;background:#fff}.esg-data-grid small{display:block;margin-bottom:8px;color:var(--esg-teal);font-weight:800;letter-spacing:.09em}.esg-data-grid strong{display:block;margin-bottom:8px;font-size:18px}.esg-data-grid p{margin:0;font-size:13px}
.esg-figure{margin:28px 0 0;border:1px solid var(--esg-line);background:#fff}
.esg-table-wrap{overflow-x:auto;margin-top:28px;border:1px solid var(--esg-line)}.esg-table{width:100%;min-width:850px;border-collapse:collapse}.esg-table th,.esg-table td{padding:15px;text-align:left;vertical-align:top;border-right:1px solid var(--esg-line);border-bottom:1px solid var(--esg-line)}.esg-table th{background:var(--esg-deep);color:#fff;font-size:13px}.esg-table td{color:#4d687b;font-size:13px}.esg-table td:first-child{color:#087d82;font-weight:800}
.esg-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.esg-cards small{display:block;margin-bottom:8px;color:var(--esg-teal);font-weight:800;letter-spacing:.08em}
.esg-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:28px}.esg-flow article{position:relative;padding:22px 18px;background:#fff;border:1px solid #bdd4dc}.esg-flow b{display:block;color:var(--esg-blue);font-size:13px}.esg-flow strong{display:block;margin:8px 0;font-size:18px}.esg-flow p{margin:0;font-size:13px}
.esg-note{margin-top:24px;padding:18px 20px;border-left:4px solid var(--esg-cyan);background:#e8f7f5;color:#315d69;font-size:14px}.esg-note--warning{border-color:#e1a23c;background:#fff6e7;color:#6f521d}
.esg-checklist{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0 0;padding:0;list-style:none;counter-reset:esg-step}.esg-checklist li{position:relative;min-height:76px;padding:16px 18px 16px 58px;border:1px solid var(--esg-line);background:#f8fbfb}.esg-checklist li:before{counter-increment:esg-step;content:counter(esg-step,decimal-leading-zero);position:absolute;left:18px;top:16px;color:var(--esg-teal);font-weight:800}
.esg-sources{margin:0;padding-left:20px}.esg-sources li{margin-bottom:10px}.esg-sources a{color:#1268bd;text-decoration:underline}.esg-section--dark .esg-sources a{color:#68e6dc}
.esg-cta{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:clamp(30px,5vw,58px);background:linear-gradient(120deg,#07304c,#0c5d68);color:#fff}.esg-cta h2{margin:6px 0 12px;font-size:clamp(29px,4vw,46px)}.esg-cta p{max-width:760px;margin:0;color:#cfe2e8}.esg-cta a{flex:0 0 auto;display:inline-flex;padding:14px 22px;background:#fff;color:#0b405d;font-weight:800}
@media(max-width:980px){.esg-split{grid-template-columns:1fr}.esg-data-grid{grid-template-columns:repeat(2,1fr)}.esg-flow{grid-template-columns:repeat(2,1fr)}.esg-statements,.esg-cards{grid-template-columns:1fr}.esg-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:800px){.plm-single-page .category-hero-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:26px}.plm-single-page .category-hero-tabs>a:last-child{grid-column:1/-1}}
@media(max-width:720px){.esg-hero{padding:68px 24px}.esg-content{width:calc(100% - 32px);padding-top:22px}.esg-section{padding:28px 20px}.esg-data-grid,.esg-flow,.esg-checklist{grid-template-columns:1fr}.esg-hero h2{font-size:42px}}