function Support() {
  const supportStyles = {
    section: {
      padding: 'clamp(96px, 13vw, 160px) clamp(24px, 5vw, 64px)',
      maxWidth: '880px',
      margin: '0 auto',
    },
    h1: {
      marginBottom: '24px',
    },
    h2: {
      marginTop: '56px',
      marginBottom: '16px',
    },
    p: {
      marginBottom: '16px',
    },
    ul: {
      paddingLeft: '24px',
      marginBottom: '16px',
    },
    li: {
      marginBottom: '8px',
    },
    a: {
      color: 'var(--teal)',
      textDecoration: 'none',
    },
  };

  return (
    <main>
      <div style={supportStyles.section}>
        <h1 className="t-h1" style={supportStyles.h1}>Support</h1>

        <p className="t-body" style={supportStyles.p}>We're a small team, and we read every message. Whether it's a question about your sensor, the app, your subscription, or anything else about Eivi — get in touch and we'll help.</p>

        <h2 className="t-h4" style={supportStyles.h2}>Email us</h2>
        <p className="t-body" style={supportStyles.p}>The fastest way to reach us is by email: <a href="mailto:hello@eivihealth.com" style={supportStyles.a}>hello@eivihealth.com</a></p>
        <p className="t-body" style={supportStyles.p}>We aim to reply within one working day, Monday to Friday. If your question is about something time-sensitive — like a sensor that has stopped working mid-programme — say so in the subject line and we'll prioritise it.</p>

        <h2 className="t-h4" style={supportStyles.h2}>Help us help you faster</h2>
        <p className="t-body" style={supportStyles.p}>A few details make most questions much quicker to resolve. Where it's relevant, include:</p>
        <ul className="t-body" style={supportStyles.ul}>
          <li style={supportStyles.li}>The email address you signed up with</li>
          <li style={supportStyles.li}>Your phone model and whether you're on iPhone or Android</li>
          <li style={supportStyles.li}>For sensor issues: when you applied it, and a photo if you can</li>
          <li style={supportStyles.li}>A screenshot of anything unexpected in the app</li>
        </ul>

        <h2 className="t-h4" style={supportStyles.h2}>Before you write</h2>
        <p className="t-body" style={supportStyles.p}>The answer to many common questions — about the sensor, the programme, pricing, and shipping — is on our <a href="/faqs.html" style={supportStyles.a}>FAQs page</a>. It's worth a quick look; you may not need to wait for us at all.</p>

        <h2 className="t-h4" style={supportStyles.h2}>Privacy and your data</h2>
        <p className="t-body" style={supportStyles.p}>For anything related to your personal data — access requests, deletion, or questions about how we handle health data — email <a href="mailto:privacy@eivihealth.com" style={supportStyles.a}>privacy@eivihealth.com</a> or read our <a href="/privacy-policy.html" style={supportStyles.a}>Privacy Policy</a>.</p>

        <h2 className="t-h4" style={supportStyles.h2}>A note on medical questions</h2>
        <p className="t-body" style={supportStyles.p}>Eivi is not medical care, and our support team can't give medical advice. If you have a health concern, please speak to your GP or pharmacist. We're always happy to help with questions about the programme itself.</p>
      </div>
    </main>
  );
}
window.Support = Support;