@font-face {
    font-family: 'sourcesanspro';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(https://design.penpot.app/fonts/sourcesanspro-regular.woff) format('woff');
  }
/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url(https://design.penpot.app/internal/gfonts/font/dmsans/v15/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwARZtRR232VGM.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url(https://design.penpot.app/internal/gfonts/font/dmsans/v15/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwARZtRSW32.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


html, body {
  margin: 0;
  min-height: 100%;
  min-width: 100%;
  padding: 0;
}

body {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100vw;
  min-height: 100vh;
}

* {
  box-sizing: border-box;
}

.text-node { background-clip: text !important; -webkit-background-clip: text !important; }

/* Step 1 - Accueil */
.step-1-a-d3b8301b5456 {
  position: relative;
  width: 1280px;
  height: 800px;
  background: #FFFFFF;
  overflow: hidden;
  z-index: 0;
}

/* Buttons / Primary / Text / Rest */
.buttons-d3b71d634fd0 {
  position: absolute;
  left: 579px;
  top: 476px;
  width: 114px;
  height: 27px;
  border-radius: 0px;
}

/* Commencer */
.commencer-d3b71d63bd59 > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0px,0px);
}
.commencer-d3b71d63bd59 {
  position: absolute;
  left: 8px;
  top: 3.5px;
  width: 98px;
  height: 20px;
}
.commencer-d3b71d63bd59 .root-0 {
  
  
  display: flex;
  white-space: break-spaces;
  align-items: flex-start;
}
.commencer-d3b71d63bd59 .root-0-paragraph-set-0 {
  display: inline-flex;
  flex-direction: column;
  justify-content: inherit;
  
  margin-right: 1px;
  vertical-align: top;
}
.commencer-d3b71d63bd59 .root-0-paragraph-set-0-paragraph-0 {
  font-size: 0;
  line-height: 1.2;
  margin: 0;
  text-align: center;
}
.commencer-d3b71d63bd59 .root-0-paragraph-set-0-paragraph-0-text-0 {
  color: rgba(255, 255, 255, 1);
  text-transform: none;
  
  line-break: auto;
  overflow-wrap: initial;
  white-space: pre;
  font-size: 16px;
  text-rendering: geometricPrecision;
  caret-color: rgba(255, 255, 255, 1);
  
  letter-spacing: 0px;
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 700;
}

/* Bg */
.bg-d3b71d63bd58 > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0px,0px);
}
.bg-d3b71d63bd58 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 114px;
  height: 27px;
  border-radius: 10px;
}

/* Bienvenue dans cette démo de BEI+ */
.bienvenue-d3b476f75b53 {
  position: absolute;
  left: 453px;
  top: 200px;
  width: 369px;
  height: 211px;
}
.bienvenue-d3b476f75b53 .root-0 {
  
  
  display: flex;
  white-space: break-spaces;
  align-items: flex-start;
}
.bienvenue-d3b476f75b53 .root-0-paragraph-set-0 {
  display: inline-flex;
  flex-direction: column;
  justify-content: inherit;
  min-width: 100%;
  margin-right: 1px;
  vertical-align: top;
}
.bienvenue-d3b476f75b53 .root-0-paragraph-set-0-paragraph-0 {
  font-size: 0;
  line-height: 1.2;
  margin: 0;
  text-align: center;
}
.bienvenue-d3b476f75b53 .root-0-paragraph-set-0-paragraph-0-text-0 {
  color: rgba(42, 66, 82, 1);
  text-transform: none;
  
  line-break: auto;
  overflow-wrap: initial;
  white-space: break-spaces;
  font-size: 48px;
  text-rendering: geometricPrecision;
  caret-color: rgba(42, 66, 82, 1);
  text-decoration: none;
  letter-spacing: 0px;
  font-family: "sourcesanspro";
  font-style: normal;
  font-weight: 400;
}

/* Devices / Phone */
.devices-d3b69505337b {
  position: absolute;
  left: 410px;
  top: 50px;
  width: 461px;
  height: 700px;
  border-radius: 0px;
}

/* Circle-18 */
.circle18-d3b69505337e > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0px,0px);
}
.circle18-d3b69505337e {
  position: absolute;
  left: 201.43px;
  top: 627.42px;
  width: 59px;
  height: 59px;
  border-radius: 50%;
}

/* Rect-45 */
.rect45-d3b69505337d > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0px,0px);
}
.rect45-d3b69505337d {
  position: absolute;
  left: 20px;
  top: 88.5px;
  width: 421px;
  height: 523px;
  border-radius: 0px;
}

/* Rect-44 */
.rect44-d3b69505337c > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0px,0px);
}
.rect44-d3b69505337c {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 461px;
  height: 700px;
  border-radius: 80px;
}