@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;600;700&family=Lato:wght@300;400;700&display=swap');
:root{--bg:#111010;--bg2:#1a1818;--card:#1f1c1c;--bord:#2e2828;--orange:#f97316;--amber:#fbbf24;--red:#ef4444;--teal:#2dd4bf;--text:#f0ece8;--text2:#8a7f78;--muted:#332e2e;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Lato',sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;}
.cl-header{position:relative;min-height:340px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#1a0a00 0%,#2d1500 40%,#111010 100%);border-bottom:1px solid var(--bord);}
#clCanvas{position:absolute;inset:0;width:100%;height:100%;opacity:.5;}
.cl-header-inner{position:relative;z-index:2;max-width:960px;margin:0 auto;padding:50px 32px;}
.cl-dept{font-size:.68rem;letter-spacing:.25em;text-transform:uppercase;color:var(--orange);margin-bottom:14px;font-weight:600;}
.cl-title{font-family:'Oswald',sans-serif;font-size:clamp(3rem,10vw,7rem);font-weight:700;line-height:.85;color:var(--text);text-transform:uppercase;}
.cl-title span{color:var(--orange);}
.cl-sub{margin-top:14px;color:var(--text2);font-size:.95rem;font-weight:300;}
.cl-temp-badge{display:inline-block;margin-top:20px;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.35);color:var(--red);padding:6px 16px;border-radius:4px;font-size:.82rem;font-weight:700;letter-spacing:.08em;}
.cl-nav{position:sticky;top:0;z-index:100;background:rgba(17,16,16,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--bord);display:flex;flex-wrap:wrap;justify-content:center;}
.cl-na{padding:11px 14px;font-size:.77rem;font-weight:600;text-decoration:none;color:var(--text2);border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;}
.cl-na:hover,.cl-na.active{color:var(--orange);border-color:var(--orange);}
.cl-main{max-width:980px;margin:0 auto;padding:48px 24px 80px;display:flex;flex-direction:column;gap:50px;}
.cl-section{opacity:0;transform:translateY(24px);transition:opacity .5s,transform .5s;}
.cl-section.visible{opacity:1;transform:translateY(0);}
.cl-section h2{font-family:'Oswald',sans-serif;font-size:1.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text);padding:12px 20px;background:rgba(249,115,22,.1);border-left:4px solid var(--orange);border-radius:0 6px 6px 0;display:flex;align-items:center;gap:14px;margin-bottom:0;}
.cl-n{font-size:.75rem;color:var(--orange);font-weight:400;}
.cl-body{background:var(--card);border:1px solid var(--bord);border-top:none;border-radius:0 0 8px 8px;padding:26px;}
.cl-body p{color:var(--text2);line-height:1.82;font-size:.93rem;margin-bottom:16px;}
.cl-body p:last-child{margin-bottom:0;}
.cl-body strong{color:var(--text);}
.cl-causes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;}
.cl-cause-card{background:var(--bg2);border:1px solid var(--bord);border-radius:8px;padding:16px;text-align:center;}
.cl-cc-pct{font-family:'Oswald',sans-serif;font-size:2rem;font-weight:700;color:var(--orange);line-height:1;margin-bottom:6px;}
.cl-cause-card h4{font-size:.82rem;font-weight:700;color:var(--text);margin-bottom:6px;}
.cl-cause-card p{font-size:.78rem;color:var(--text2);margin:0;line-height:1.6;}
.cl-ges-table{border:1px solid var(--bord);border-radius:6px;overflow:hidden;}
.cl-gt-head{display:grid;grid-template-columns:1.5fr 1fr 2fr 1fr;padding:8px 14px;background:rgba(249,115,22,.08);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text2);}
.cl-gt-row{display:grid;grid-template-columns:1.5fr 1fr 2fr 1fr;padding:8px 14px;border-top:1px solid var(--bord);font-size:.84rem;color:var(--text2);}
.cl-gt-row:hover{background:rgba(255,255,255,.02);}
.cl-gt-row span:first-child{color:var(--orange);font-weight:600;}
.cl-ges-process{display:flex;flex-direction:column;gap:0;margin:18px 0;}
.cl-gp-step{background:var(--bg2);border:1px solid var(--bord);border-radius:6px;padding:14px 18px;display:flex;gap:14px;align-items:flex-start;}
.cl-gp-step.highlight{background:rgba(249,115,22,.08);border-color:rgba(249,115,22,.3);}
.cl-gp-n{font-family:'Oswald',sans-serif;font-size:1.1rem;font-weight:700;color:var(--orange);flex-shrink:0;width:28px;}
.cl-gp-step p{font-size:.87rem;color:var(--text2);margin:0;line-height:1.7;}
.cl-gp-arrow{text-align:center;font-size:1.2rem;color:var(--bord);padding:4px 0;}
.cl-obs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.cl-obs{background:var(--bg2);border:1px solid var(--bord);border-radius:8px;padding:16px;}
.cl-obs-val{font-family:'Oswald',sans-serif;font-size:1.6rem;font-weight:700;margin-bottom:8px;line-height:1;}
.cl-obs-val.danger{color:var(--red);}
.cl-obs-val.warning{color:var(--amber);}
.cl-obs p{font-size:.82rem;color:var(--text2);margin:0;line-height:1.65;}
.cl-impacts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.cl-imp-card{background:var(--bg2);border:1px solid var(--bord);border-radius:8px;padding:14px;}
.cl-imp-card h4{font-size:.82rem;font-weight:700;color:var(--orange);margin-bottom:7px;}
.cl-imp-card p{font-size:.78rem;color:var(--text2);margin:0;line-height:1.6;}
.cl-ssp-list{display:flex;flex-direction:column;gap:8px;}
.cl-ssp{display:flex;align-items:center;gap:20px;padding:14px 18px;border-radius:8px;border:1px solid var(--bord);}
.cl-ssp.best{background:rgba(34,197,94,.07);border-color:rgba(34,197,94,.2);}
.cl-ssp.good{background:rgba(45,212,191,.06);border-color:rgba(45,212,191,.2);}
.cl-ssp.moderate{background:rgba(251,191,36,.06);border-color:rgba(251,191,36,.2);}
.cl-ssp.bad{background:rgba(249,115,22,.07);border-color:rgba(249,115,22,.2);}
.cl-ssp.worst{background:rgba(239,68,68,.07);border-color:rgba(239,68,68,.2);}
.cl-ssp-val{font-family:'Oswald',sans-serif;font-size:1.3rem;font-weight:700;width:120px;flex-shrink:0;}
.cl-ssp.best .cl-ssp-val{color:#22c55e;}
.cl-ssp.good .cl-ssp-val{color:var(--teal);}
.cl-ssp.moderate .cl-ssp-val{color:var(--amber);}
.cl-ssp.bad .cl-ssp-val{color:var(--orange);}
.cl-ssp.worst .cl-ssp-val{color:var(--red);}
.cl-ssp-name{font-size:.75rem;font-weight:700;color:var(--text2);width:80px;flex-shrink:0;}
.cl-ssp p{font-size:.83rem;color:var(--text2);margin:0;line-height:1.6;flex:1;}
.cl-tipping-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.cl-tp{background:var(--bg2);border:1px solid var(--bord);border-top:3px solid var(--red);border-radius:0 0 8px 8px;padding:16px;}
.cl-tp-temp{font-family:'Oswald',sans-serif;font-size:1rem;font-weight:700;color:var(--red);margin-bottom:6px;}
.cl-tp h4{font-size:.85rem;font-weight:700;color:var(--text);margin-bottom:6px;}
.cl-tp p{font-size:.8rem;color:var(--text2);margin:0;line-height:1.65;}
.cl-sol-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.cl-sol-h{font-family:'Oswald',sans-serif;font-size:.95rem;font-weight:600;color:var(--orange);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;}
.cl-ul{list-style:none;display:flex;flex-direction:column;gap:8px;}
.cl-ul li{font-size:.85rem;color:var(--text2);padding-left:16px;position:relative;line-height:1.65;}
.cl-ul li::before{content:'›';position:absolute;left:0;color:var(--orange);font-weight:700;}
.cl-ul strong{color:var(--text);}
.cl-giec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.cl-giec-card{background:var(--bg2);border:1px solid var(--bord);border-radius:8px;padding:16px;}
.cl-giec-card h4{font-size:.87rem;font-weight:700;color:var(--teal);margin-bottom:8px;}
.cl-giec-card p{font-size:.82rem;color:var(--text2);margin:0;line-height:1.65;}
.cl-footer{border-top:1px solid var(--bord);background:var(--bg2);padding:18px 32px;font-size:.8rem;color:var(--text2);text-align:center;}
@media(max-width:768px){.cl-causes-grid,.cl-impacts-grid{grid-template-columns:1fr 1fr;}.cl-obs-grid,.cl-tipping-grid{grid-template-columns:1fr;}.cl-ssp{flex-direction:column;align-items:flex-start;}.cl-sol-cols,.cl-giec-grid{grid-template-columns:1fr;}.cl-gt-head,.cl-gt-row{grid-template-columns:1.5fr 1fr 1fr;}.cl-gt-row span:nth-child(3),.cl-gt-head span:nth-child(3){display:none;}}