/* demo.css — rules of the demo pages (/cs|de|dk/demo) that are not in the shared section files.
   Verbatim extracts from the captured Webflow shared CSS
   (reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css) with source line numbers,
   media queries re-grouped per original @media block; only rules that match the demo markup and are not
   already present, byte for byte, in the other shared files. The only change: the three card background
   images (pozadi-ai / pozadi-cashflow / pozadi-finance .png) point to the local copies in assets/img
   instead of the Webflow CDN. Loaded after footer.css and before the locale file; the #w-node-…
   placements of each demo page live in locale-cs.css / locale-de.css / locale-dk.css.
   Regression guard: adding this file to the EN, CZ, DE and DK home pages changes nothing. */

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3105 */
.card {
  background-image: linear-gradient(to bottom, var(--dark-blue-70), var(--dark-blue-70)), url("/assets/img/pozadi-ai.png");
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 330px;
  height: 160px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3120 */
.card.ai {
  background-image: linear-gradient(to bottom, var(--dark-blue-70), var(--dark-blue-70)), url("/assets/img/pozadi-ai.png");
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 35px;
  height: 100%;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3129 */
.card.cashflow {
  background-image: linear-gradient(to bottom, var(--dark-blue-70), var(--dark-blue-70)), url("/assets/img/pozadi-cashflow.png");
  background-size: auto, cover;
  border-radius: 35px;
  height: 100%;
  padding: 20px;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3137 */
.card.data {
  background-image: linear-gradient(to bottom, var(--dark-blue-70), var(--dark-blue-70)), url("/assets/img/pozadi-finance.png");
  background-size: auto, cover;
  border-radius: 35px;
  height: 100%;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3144 */
.card.steps {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: linear-gradient(to bottom, var(--dark-blue), var(--dark-blue));
  justify-content: center;
  align-items: center;
  width: 90%;
  height: 100%;
  padding: 25px 0 20px 60px;
  position: relative;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3156 */
.card.steps._2, .card.steps._3 {
  padding-left: 60px;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3160 */
.quick-stack-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  width: 95vw;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 60px 0 60px 10px;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3170 */
.heading {
  width: 225px;
  color: var(--white);
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rethink Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  display: flex;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3185 */
.heading.steps {
  text-align: left;
  justify-content: center;
  align-items: flex-start;
  width: 245px;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3192 */
.heading.steps._2 {
  width: 245px;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:4762 */
.number {
  color: var(--lavender-blue);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rethink Sans, sans-serif;
  font-size: 12.5rem;
  font-weight: 500;
  position: absolute;
  left: -60px;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:4773 */
.cell-10 {
  justify-content: center;
  align-items: center;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:4778 */
.cell-11 {
  justify-content: center;
  align-items: flex-end;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:5015 (rules of this section only) */
@media screen and (min-width: 1440px) {
  /* :5058 */
  .card {
      background-image: linear-gradient(to bottom, var(--dark-blue-70), var(--dark-blue-70)), url("/assets/img/pozadi-ai.png");
      background-size: auto, cover;
      width: 360px;
      height: 180px;
    }

  /* :5065 */
  .quick-stack-2 {
      width: 100vw;
      margin-left: auto;
      margin-right: auto;
      padding-left: 0;
      padding-right: 0;
    }
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:5174 (rules of this section only) */
@media screen and (min-width: 1920px) {
  /* :5257 */
  .card {
      background-image: linear-gradient(to bottom, var(--dark-blue-70), var(--dark-blue-70)), url("/assets/img/pozadi-ai.png");
      background-size: auto, cover;
      border-radius: 35px;
      width: 450px;
      height: 200px;
    }

  /* :5265 */
  .card.steps {
      width: 395px;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 60px;
      position: relative;
    }

  /* :5273 */
  .quick-stack-2 {
      grid-column-gap: 0px;
      grid-row-gap: 0px;
      padding-left: 0;
      padding-right: 0;
    }

  /* :5280 */
  .heading {
      font-size: 1.3rem;
      font-weight: 500;
      line-height: 1.5;
    }

  /* :5437 */
  .number {
      color: var(--lavender-blue);
      margin-top: 0;
      margin-bottom: 0;
      font-family: Rethink Sans, sans-serif;
      font-size: 13.5rem;
      font-weight: 500;
      position: absolute;
      inset: auto auto auto -61px;
    }

  /* :5448 */
  .cell-9, .cell-10, .cell-11 {
      justify-content: center;
      align-items: center;
    }
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:5454 (rules of this section only) */
@media screen and (max-width: 991px) {
  /* :5746 */
  .card {
      background-image: linear-gradient(to bottom, var(--dark-blue-70), var(--dark-blue-70)), url("/assets/img/pozadi-ai.png");
      background-size: auto, cover;
      border-radius: 40px;
      width: 100%;
      height: 220px;
    }

  /* :5754 */
  .card.ai, .card.cashflow {
      height: 270px;
    }

  /* :5758 */
  .card.data {
      height: 270px;
      padding-top: 20px;
      padding-bottom: 20px;
    }

  /* :5764 */
  .card.steps {
      width: 90%;
      height: 125px;
      padding-left: 0;
    }

  /* :5770 */
  .card.steps._2 {
      border-top-left-radius: 40px;
      border-bottom-left-radius: 40px;
      padding-left: 60px;
    }

  /* :5776 */
  .card.steps._3 {
      justify-content: center;
      align-items: center;
    }

  /* :5781 */
  .card.steps._1 {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      width: 90%;
    }

  /* :5787 */
  .quick-stack-2 {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      padding-bottom: 0;
      padding-right: 0;
    }

  /* :5795 */
  .heading {
      justify-content: center;
      align-items: flex-start;
      width: 350px;
    }

  /* :6157 */
  .number {
      font-size: 11.5rem;
      left: -58px;
    }

  /* :6162 */
  .cell-9 {
      justify-content: flex-start;
      align-items: center;
    }

  /* :6167 */
  .cell-10, .cell-11 {
      justify-content: center;
      align-items: center;
    }
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:6197 (rules of this section only) */
@media screen and (max-width: 767px) {
  /* :6431 */
  .card.steps._2, .card.steps._3 {
      padding-left: 0;
    }

  /* :6435 */
  .heading {
      justify-content: center;
      align-items: center;
    }
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:6751 (rules of this section only) */
@media screen and (max-width: 479px) {
  /* :6897 */
  .card {
      height: 130px;
    }

  /* :6901 */
  .heading {
      margin-left: auto;
      margin-right: auto;
      padding-left: 20px;
      padding-right: 20px;
      font-size: 19px;
    }
}

/* Demo pages have a plain <body> (no .body class), so text fell back to Arial.
   Same font stack as the homepages; font size / line height are unchanged. */
body {
  font-family: Rethink Sans, sans-serif;
}

/* Layout-critical grid placement of the "cards" and "steps" grids on the demo pages.
   Same rules as in locale-cs.css (reference ...shared.css:7325 and the :7389 rule at <= 991px, limited to these two ids).
   Repeated here because the EN demo page has no locale file and would otherwise stack both grids into
   one column at >= 992px (and keep three columns at <= 991px, where the original collapses them). */
#w-node-_5a63c2f6-7619-83ec-f09e-36912df9e720-d908baee, #w-node-c70ade71-dccf-5bb7-e1bc-5167964fe198-d908baee {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

@media screen and (max-width: 991px) {
  #w-node-_5a63c2f6-7619-83ec-f09e-36912df9e720-d908baee, #w-node-c70ade71-dccf-5bb7-e1bc-5167964fe198-d908baee {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}