function AssessmentBand({ compact }) {
  return (
    <section className="fade-in" style={{ background: 'var(--navy-900)', color: '#fff', padding: compact ? '48px 40px' : '72px 40px', textAlign: 'center' }}>
      <div style={{ maxWidth: 640, margin: '0 auto' }}>
        <h2 style={{ color: '#fff', fontSize: 'var(--text-2xl)', marginBottom: 14 }}>Free 60-Minute IT Assessment</h2>
        <p style={{ color: 'rgba(255,255,255,0.8)', lineHeight: 'var(--leading-relaxed)', marginBottom: 24 }}>Not sure where your systems actually stand? In one free, no-obligation 60-minute session, we'll take a look at your network, systems, and workflows and hand you a clear list of quick wins and longer-term recommendations. No sales pitch — just a straight answer on where things stand and what's worth fixing first.</p>
        <a href="contact.html" style={{ textDecoration: 'none', display: 'inline-block', background: 'var(--cyan-500)', color: 'var(--navy-900)', borderRadius: 'var(--radius-md)', padding: '12px 24px', fontWeight: 'var(--weight-bold)', fontSize: 'var(--text-base)' }}>Book Your Free Assessment</a>
      </div>
    </section>
  );
}
window.AssessmentBand = AssessmentBand;