function Footer() {
  return (
    <footer id="contact" style={{background:'var(--ivory)', paddingTop:'clamp(80px, 10vw, 140px)', paddingBottom:40, borderTop:'1px solid var(--rule)'}}>
      <div className="wrap">
        <div className="grid-4" style={{display:'grid', gridTemplateColumns:'2fr 1fr 1fr 1fr', gap:'clamp(24px, 4vw, 64px)', marginBottom:'clamp(48px, 6vw, 80px)'}}>
          <div>
            <div style={{display:'flex', alignItems:'center', gap:14, marginBottom:24}}>
              <DiamondMark size={40} />
              <img src="assets/casc-wordmark-only.png" alt="CASC Global" style={{height:26, width:'auto', display:'block'}} />
            </div>
            <p style={{fontFamily:'var(--heading-font)', fontStyle:'italic', fontSize:'clamp(22px, 2.2vw, 30px)', lineHeight:1.3, maxWidth:460, color:'var(--charcoal)'}}>
              Champion your value. Advance your goals. Strengthen your skills. Change your trajectory.
            </p>
            <div style={{marginTop:28, display:'flex', flexDirection:'column', gap:10, fontSize:15}}>
              <a href="mailto:hello@casc.global" style={{color:'var(--rose-deep)', textDecoration:'none'}}>hello@casc.global</a>
              <a href="mailto:carla@casc.global" style={{color:'var(--muted)', textDecoration:'none'}}>carla@casc.global</a>
            </div>
            <div style={{marginTop:24}}>
              <a href="mailto:hello@casc.global?subject=Discovery%20call" className="btn btn-primary">Book a discovery call <span>→</span></a>
            </div>
          </div>
          {[
            { t:"Consulting", items:[
                {l:"Services overview", href:"#services"},
                {l:"Transformation", href:"#services"},
                {l:"M&A integration", href:"#services"},
                {l:"Executive advisory", href:"#services"},
            ] },
            { t:"Community",  items:[
                {l:"About the community", href:"#community"},
                {l:"Events", href:"#events"},
                {l:"The Shop", href:"#products"},
                {l:"Dispatch", href:"#newsletter"},
            ] },
            { t:"Company",    items:[
                {l:"About", href:"#about"},
                {l:"Our Founder", href:"#founder"},
                {l:"Journal", href:"#resources"},
                {l:"Contact", href:"mailto:hello@casc.global"},
            ] },
          ].map(col => (
            <div key={col.t}>
              <div className="eyebrow" style={{color:'var(--muted)', marginBottom:20}}>{col.t}</div>
              <ul style={{listStyle:'none', padding:0, margin:0, display:'flex', flexDirection:'column', gap:12}}>
                {col.items.map(i => <li key={i.l}><a href={i.href} style={{textDecoration:'none', color:'var(--ink)', fontSize:15}}>{i.l}</a></li>)}
              </ul>
            </div>
          ))}
        </div>

        <div style={{borderTop:'1px solid var(--rule)', paddingTop:28, display:'flex', justifyContent:'space-between', alignItems:'center', gap:20, flexWrap:'wrap', fontSize:13, color:'var(--muted)'}}>
          <div>© 2005–2026 CASC Global · All rights reserved</div>
          <div style={{display:'flex', gap:24, flexWrap:'wrap'}}>
            <a href="#" style={{color:'var(--muted)', textDecoration:'none'}}>Terms & Conditions</a>
            <a href="#" style={{color:'var(--muted)', textDecoration:'none'}}>Privacy Policy</a>
            <a href="https://www.linkedin.com/company/89822658/" target="_blank" rel="noreferrer" style={{color:'var(--muted)', textDecoration:'none'}}>LinkedIn</a>
            <a href="https://www.linkedin.com/in/carla-scott-37b8411/" target="_blank" rel="noreferrer" style={{color:'var(--muted)', textDecoration:'none'}}>LinkedIn (Carla)</a>
            <a href="https://www.instagram.com/casc_global/" target="_blank" rel="noreferrer" style={{color:'var(--muted)', textDecoration:'none'}}>Instagram</a>
          </div>
        </div>
      </div>
    </footer>
  );
}
Object.assign(window, { Footer });