// Intro chapter — establishes context with a drop-cap and the "kapea ikkuna" stats.

const IntroChapter = () => {
  return (
    <section className="intro" data-screen-label="02 Johdanto">
      <div className="wrap">
        <div className="intro-grid">
          <div className="intro-marker">
            <span>§ 01</span>
            <span className="dash"></span>
            <span>Johdanto</span>
          </div>

          <div className="intro-body">
            <p className="intro-lede">
              Tekoäly muuttaa yhteiskuntaa <span className="accent">laajemmin kuin mikään teknologia sitten internetin</span> tai ehkä jopa teollisen vallankumouksen.
            </p>
            <p className="first" style={{ color: "rgb(77, 80, 65)" }}>
              Suomella on hyvät edellytykset hyötyä tästä muutoksesta: meillä on korkea koulutustaso, hyvin toimiva julkishallinto ja kansainvälistä luottamuspääomaa. <em style={{ color: "rgb(45, 90, 90)" }}>Aikaa toimia on kuitenkin vähän.</em> Ensi hallituskauden ratkaisut määrittävät vuosikymmeniksi, miten Suomi hyötyy tekoälystä ja suojautuu sen riskeiltä.
            </p>
            <p>Turvallisen tekoälyn keskus (Tutke) on poikkitieteellinen ja voittoa tavoittelematon verkosto. Esittelemme tässä ohjelmassa 15 suositusta turvallisemman tekoälyn puolesta Suomessa kuudessa aihepiirissä.</p>

            <div className="intro-stats">
              <div className="intro-stat">
                <div className="num"><em>15</em></div>
                <div className="lbl">Suositusta seuraavalle hallituskaudelle</div>
              </div>
              <div className="intro-stat">
                <div className="num"><em>06</em></div>
                <div className="lbl">Aihepiiriä huoltovarmuudesta hyvinvointiin</div>
              </div>
              <div className="intro-stat">
                <div className="num"><em>21</em></div>
                <div className="lbl">TUNNISTETTUA VASTUUTAHOA EDUSKUNNASTA KUNTIIN</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>);

};

window.IntroChapter = IntroChapter;