@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Hind:wght@300;400;500;600&display=swap');
:root{--bg:#020c18;--bg2:#041420;--card:#061828;--bord:#0d2840;--blue:#38bdf8;--teal:#2dd4bf;--indigo:#818cf8;--text:#e0f4ff;--text2:#4a7a9a;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Hind',sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;}
.ce-header{position:relative;background:linear-gradient(180deg,#020c18,#031828);padding:0;min-height:280px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--bord);}
#ceCanvas{position:absolute;inset:0;width:100%;height:100%;opacity:.6;}
.ce-header-inner{position:relative;z-index:1;max-width:980px;margin:0 auto;padding:50px 32px;}
.ce-dept{font-size:.68rem;letter-spacing:.25em;text-transform:uppercase;color:var(--blue);margin-bottom:14px;font-weight:600;}
.ce-title{font-family:'Cinzel',serif;font-size:clamp(2.5rem,8vw,5.5rem);font-weight:700;color:var(--text);}
.ce-sub{margin-top:12px;color:var(--text2);font-size:.93rem;}
.ce-nav{position:sticky;top:0;z-index:100;background:rgba(2,12,24,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--bord);display:flex;flex-wrap:wrap;justify-content:center;}
.ce-na{padding:11px 15px;font-size:.77rem;font-weight:600;text-decoration:none;color:var(--text2);border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap;}
.ce-na:hover,.ce-na.active{color:var(--blue);border-color:var(--blue);}
.ce-main{max-width:980px;margin:0 auto;padding:48px 24px 80px;display:flex;flex-direction:column;gap:50px;}
.ce-section{opacity:0;transform:translateY(22px);transition:opacity .5s,transform .5s;}
.ce-section.visible{opacity:1;transform:translateY(0);}
.ce-section h2{font-family:'Cinzel',serif;font-size:1.3rem;color:var(--text);padding:13px 22px;background:rgba(56,189,248,.08);border-left:4px solid var(--blue);border-radius:0 6px 6px 0;margin-bottom:0;}
.ce-body{background:var(--card);border:1px solid var(--bord);border-top:none;border-radius:0 0 8px 8px;padding:26px;}
.ce-body p{color:var(--text2);line-height:1.82;font-size:.93rem;margin-bottom:16px;}
.ce-body p:last-child{margin-bottom:0;}
.ce-body strong{color:var(--text);}
.ce-reservoirs{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;}
.ce-res{background:var(--bg2);border:1px solid var(--bord);border-radius:8px;padding:14px;flex:1;min-width:140px;text-align:center;}
.ce-res-pct{font-family:'Cinzel',serif;font-size:1.1rem;color:var(--blue);margin-bottom:4px;}
.ce-res h4{font-size:.82rem;font-weight:600;color:var(--text);margin-bottom:3px;}
.ce-res p{font-size:.74rem;color:var(--text2);margin:0;}
.ce-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.ce-step{background:var(--bg2);border:1px solid var(--bord);border-radius:10px;padding:16px;text-align:center;}
.ce-step-icon{font-size:1.6rem;margin-bottom:8px;}
.ce-step h4{font-family:'Cinzel',serif;font-size:.85rem;color:var(--blue);margin-bottom:6px;}
.ce-step p{font-size:.8rem;color:var(--text2);margin:0;line-height:1.6;}
.ce-data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.ce-dg{background:var(--bg2);border:1px solid var(--bord);border-radius:8px;padding:14px;text-align:center;}
.ce-dg-n{font-family:'Cinzel',serif;font-size:1.1rem;color:var(--teal);margin-bottom:6px;}
.ce-dg p{font-size:.78rem;color:var(--text2);margin:0;line-height:1.5;}
.ce-perturb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.ce-pt{background:var(--bg2);border:1px solid var(--bord);border-radius:8px;padding:16px;}
.ce-pt h4{font-size:.87rem;font-weight:600;color:var(--indigo);margin-bottom:7px;}
.ce-pt p{font-size:.81rem;color:var(--text2);margin:0;line-height:1.65;}
.ce-srv-list{display:flex;flex-direction:column;gap:12px;}
.ce-sv{display:flex;gap:16px;align-items:flex-start;background:var(--bg2);border:1px solid var(--bord);border-radius:8px;padding:14px 18px;}
.ce-sv-icon{font-size:1.4rem;flex-shrink:0;}
.ce-sv h4{font-size:.9rem;font-weight:600;color:var(--teal);margin-bottom:5px;}
.ce-sv p{font-size:.82rem;color:var(--text2);margin:0;line-height:1.65;}
.ce-gest-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.ce-gt{background:var(--bg2);border:1px solid var(--bord);border-radius:8px;padding:16px;}
.ce-gt h4{font-size:.87rem;font-weight:600;color:var(--blue);margin-bottom:7px;}
.ce-gt p{font-size:.81rem;color:var(--text2);margin:0;line-height:1.65;}
.ce-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){.ce-steps,.ce-data-grid,.ce-perturb-grid,.ce-gest-grid{grid-template-columns:1fr;}.ce-reservoirs{flex-direction:column;}}