@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@0,300;0,700;1,300;1,700&family=Nunito+Sans:wght@300;400;600;700&display=swap');
:root{--bg:#0f0c06;--bg2:#171208;--card:#1e160a;--bord:#2e2010;--green:#65a30d;--lime:#a3e635;--amber:#d97706;--brown:#92400e;--teal:#0d9488;--text:#f5f0e8;--text2:#7a6040;--muted:#1a1408;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Nunito Sans',sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;}
.ag-header{background:linear-gradient(150deg,#0a0800,#140e04,#0a0c06);padding:56px 32px 42px;border-bottom:1px solid var(--bord);position:relative;overflow:hidden;}
.ag-header::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,rgba(101,163,13,.08),transparent 60%),radial-gradient(ellipse at 20% 80%,rgba(163,228,53,.05),transparent 50%);}
.ag-header-inner{position:relative;z-index:1;max-width:980px;margin:0 auto;}
.ag-dept{font-size:.68rem;letter-spacing:.25em;text-transform:uppercase;color:var(--lime);margin-bottom:14px;font-weight:700;}
.ag-title{font-family:'Fraunces',serif;font-size:clamp(3rem,10vw,6.5rem);font-weight:700;line-height:.88;color:var(--text);}
.ag-title em{font-style:italic;font-weight:300;color:var(--green);}
.ag-sub{margin-top:14px;color:var(--text2);font-size:.93rem;font-family:'Fraunces',serif;font-style:italic;font-weight:300;max-width:520px;}
.ag-kpis{display:flex;gap:0;margin-top:26px;border:1px solid var(--bord);border-radius:8px;overflow:hidden;width:fit-content;background:rgba(15,12,6,.5);}
.ag-kpi{display:flex;flex-direction:column;gap:3px;padding:13px 22px;border-right:1px solid var(--bord);font-size:.7rem;color:var(--text2);}
.ag-kpi:last-child{border-right:none;}
.ag-kpi span{font-family:'Fraunces',serif;font-size:1.4rem;font-weight:700;color:var(--green);line-height:1;}
.ag-nav{position:sticky;top:0;z-index:100;background:rgba(15,12,6,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--bord);display:flex;flex-wrap:wrap;justify-content:center;}
.ag-na{padding:11px 13px;font-size:.77rem;font-weight:700;text-decoration:none;color:var(--text2);border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap;}
.ag-na:hover,.ag-na.active{color:var(--green);border-color:var(--green);}
.ag-main{max-width:980px;margin:0 auto;padding:48px 24px 80px;display:flex;flex-direction:column;gap:50px;}
.ag-section{opacity:0;transform:translateY(22px);transition:opacity .5s,transform .5s;}
.ag-section.visible{opacity:1;transform:translateY(0);}
.ag-section h2{font-family:'Fraunces',serif;font-size:1.5rem;font-style:italic;font-weight:700;color:var(--text);padding:13px 22px;background:rgba(101,163,13,.1);border-left:4px solid var(--green);border-radius:0 6px 6px 0;margin-bottom:0;}
.ag-body{background:var(--card);border:1px solid var(--bord);border-top:none;border-radius:0 0 8px 8px;padding:26px;}
.ag-body p{color:var(--text2);line-height:1.82;font-size:.93rem;margin-bottom:16px;}
.ag-body p:last-child{margin-bottom:0;}
.ag-body strong{color:var(--text);}
.ag-enjeux-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0;}
.ag-ej-card{background:var(--bg2);border:1px solid var(--bord);border-radius:8px;padding:14px;text-align:center;}
.ag-ej-n{font-family:'Fraunces',serif;font-size:1.4rem;font-weight:700;color:var(--amber);margin-bottom:5px;}
.ag-ej-card p{font-size:.78rem;color:var(--text2);margin:0;line-height:1.5;}
.ag-impact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.ag-imp{background:var(--bg2);border:1px solid var(--bord);border-radius:8px;padding:16px;}
.ag-imp h4{font-size:.87rem;font-weight:700;color:var(--amber);margin-bottom:7px;}
.ag-imp p{font-size:.81rem;color:var(--text2);margin:0;line-height:1.65;}
.ag-prat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;}
.ag-pr{background:var(--bg2);border:1px solid var(--bord);border-radius:10px;padding:18px;text-align:center;}
.ag-pr-icon{font-size:1.6rem;margin-bottom:8px;}
.ag-pr h4{font-family:'Fraunces',serif;font-size:.95rem;font-style:italic;color:var(--green);margin-bottom:6px;}
.ag-pr p{font-size:.8rem;color:var(--text2);margin:0;line-height:1.6;}
.ag-bio-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:14px 0;}
.ag-bio-h{font-size:.88rem;font-weight:700;color:var(--green);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;}
.ag-bio-cols>div:last-child .ag-bio-h{color:var(--amber);}
.ag-ul{list-style:none;display:flex;flex-direction:column;gap:6px;}
.ag-ul li{font-size:.83rem;color:var(--text2);padding-left:16px;position:relative;line-height:1.65;}
.ag-ul li::before{content:'◆';position:absolute;left:0;color:var(--green);font-size:.5rem;top:5px;}
.ag-bio-cols>div:last-child .ag-ul li::before{color:var(--amber);}
.ag-sols-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.ag-sl{background:var(--bg2);border:1px solid var(--bord);border-radius:8px;padding:14px;}
.ag-sl h4{font-size:.87rem;font-weight:700;color:var(--teal);margin-bottom:6px;}
.ag-sl p{font-size:.8rem;color:var(--text2);margin:0;line-height:1.65;}
.ag-bio-divgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.ag-bd{background:var(--bg2);border:1px solid var(--bord);border-radius:8px;padding:14px;}
.ag-bd h4{font-size:.87rem;font-weight:700;color:var(--lime);margin-bottom:6px;}
.ag-bd p{font-size:.8rem;color:var(--text2);margin:0;line-height:1.65;}
.ag-alim-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.ag-al{background:var(--bg2);border:1px solid var(--bord);border-left:3px solid var(--green);border-radius:0 8px 8px 0;padding:16px;}
.ag-al h4{font-size:.87rem;font-weight:700;color:var(--green);margin-bottom:7px;}
.ag-al p{font-size:.81rem;color:var(--text2);margin:0;line-height:1.65;}
.ag-pol-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.ag-pl{background:var(--bg2);border:1px solid var(--bord);border-radius:8px;padding:16px;}
.ag-pl h4{font-size:.87rem;font-weight:700;color:var(--amber);margin-bottom:7px;}
.ag-pl p{font-size:.81rem;color:var(--text2);margin:0;line-height:1.65;}
.ag-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){.ag-enjeux-grid{grid-template-columns:1fr 1fr;}.ag-impact-grid,.ag-prat-grid,.ag-sols-grid{grid-template-columns:1fr;}.ag-bio-cols,.ag-bio-divgrid,.ag-alim-grid,.ag-pol-grid{grid-template-columns:1fr;}.ag-kpis{flex-wrap:wrap;}}