.timeline-section, .future-grid-section { padding: 3rem 0; }
.timeline { display: grid; gap: 1rem; }
.timeline-item { position: relative; padding: 1.4rem 1.4rem 1.4rem 5.5rem; border: 1px solid var(--line); border-radius: var(--radius-lg); background: rgba(255,250,240,.72); box-shadow: 0 16px 44px rgba(24,48,47,.07); }
.timeline-item span { position: absolute; left: 1.2rem; top: 1.35rem; display: grid; place-items: center; width: 58px; height: 58px; border-radius: 20px; background: rgba(63,125,88,.12); color: var(--green-dark); font-size: .75rem; font-weight: 900; text-align: center; }
.timeline-item p, .vision-card p, .mini-card p, .evidence-section p, .evidence-grid span { color: var(--muted); }
.future-grid-section { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.vision-card, .mini-card, .evidence-section { border: 1px solid var(--line); border-radius: var(--radius-lg); background: rgba(255,250,240,.72); box-shadow: 0 16px 44px rgba(24,48,47,.07); }
.vision-card { padding: clamp(1.4rem,4vw,2.4rem); }
.future-cards { display: grid; gap: 1rem; }
.mini-card { padding: 1.3rem; }
.evidence-section { margin-top: 3rem; margin-bottom: 5rem; padding: clamp(1.4rem,4vw,2.4rem); display: grid; grid-template-columns: .7fr 1.3fr; gap: 2rem; }
.evidence-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: .8rem; }
.evidence-grid div { padding: 1rem; border-radius: 18px; background: rgba(63,125,88,.08); }
.evidence-grid strong { display: block; margin-bottom: .3rem; }
@media(max-width:860px){.future-grid-section,.evidence-section,.evidence-grid{grid-template-columns:1fr}}@media(max-width:520px){.timeline-item{padding:1.2rem}.timeline-item span{position:static;margin-bottom:1rem}}
