// 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, ja Suomella on kaikki mahdollisuudet nousta voittajana.
            </p>
            <p className="first" style={{ color: "rgb(77, 80, 65)" }}>
              Meillä on vahva osaamispohja, toimiva hallinto ja kansainvälistä luottamuspääomaa. Mutta <em style={{ color: "rgb(45, 90, 90)" }}>toiminnan ikkuna on kapea</em>. Ensi hallituskauden ratkaisut määrittävät vuosikymmeniksi, miten Suomi hyötyy tekoälystä ja miten se suojautuu sen riskeiltä.
            </p>
            <p>Turvallisen tekoälyn keskus on vapaa kansalaisjärjestö. Esitämme 15 konkreettista suositusta turvallisemman tekoälyn puolesta Suomessa kuudessa aihepiirissä. Tutke on poikkitieteellinen, poliittisesti sitoutumaton ja voittoa tavoittelematon verkosto.

            </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;