/* hero.css — EN homepage hero section (step 3).
   Rules are verbatim extracts from the captured Webflow shared CSS
   (reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css); each rule carries its
   source line number, media queries are re-grouped per original @media block (only the hero rules
   from each). A rule is included when its selector can match an element of the hero markup
   (group selectors are kept whole, so they may list ids/classes of other pages). Rules already
   present in base.css / header.css (e.g. .button-primary) are not repeated. No class renamed.
   The last block ("Rebuild additions") is NOT from the original: it replaces the Webflow
   inline "opacity:0" + IX2 scroll-in effect, see assets/js/reveal.js. */

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:2043 */
.wf-layout-layout {
  display: grid;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:2752 */
.uui-text-align-center {
  text-align: center;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:2756 */
.uui-max-width-xlarge {
  width: 100%;
  max-width: 50rem;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:2761 */
.uui-container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:2768 */
.align-center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:2774 */
.uui-page-padding {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:2779 */
.uui-max-width-large {
  width: 100%;
  max-width: 50rem;
  line-height: 1.5;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:2785 */
.uui-max-width-large.align-center {
  margin-left: auto;
  margin-right: auto;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:2827 */
.uui-heading-xlarge {
  color: var(--untitled-ui--gray900);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 1.2;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:2856 */
.uui-heroheader13_component {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:2904 */
.uui-text-size-xlarge {
  font-size: 1.2rem;
  line-height: 1.5;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:2975 */
.uui-space-small {
  width: 100%;
  min-height: 1.5rem;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:2980 */
.uui-space-large {
  width: 100%;
  min-height: 3rem;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:2985 */
.uui-padding-vertical-xhuge {
  padding-top: 5rem;
  padding-bottom: 4rem;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:2990 */
.color-dark-blue {
  color: var(--dark-blue);
  text-align: left;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3007 */
.image {
  border-radius: 10px;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 1px 1px 20px #0003;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3015 */
.cell {
  grid-row-gap: 35px;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3022 */
.cell-2 {
  justify-content: center;
  align-items: flex-start;
  padding-top: 40px;
  padding-left: 0;
  padding-right: 0;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3030 */
.dashboard-wrapper {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 60px;
  padding-right: 60px;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3076 */
.section {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3082 */
.section.hero {
  position: relative;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3196 */
.image-2 {
  border-radius: 10px;
  box-shadow: 1px 1px 20px #0003;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3206 */
.image-4 {
  border-radius: 10px;
  box-shadow: 1px 1px 20px #0003;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3614 */
.absolute {
  z-index: -1;
  position: absolute;
  top: auto;
  bottom: -52px;
  left: -60px;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3622 */
.absolute.top {
  z-index: 20;
  top: 0;
  left: auto;
  right: 0;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3629 */
.absolute.top.nav {
  z-index: -1;
  width: 180px;
  top: -30px;
  bottom: 0;
  right: 0;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3637 */
.absolute.bottom-nav {
  bottom: -140px;
  left: 0;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3646 */
.cell-3 {
  justify-content: flex-end;
  align-items: flex-start;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3651 */
.quick-stack-3 {
  padding: 10px 0 20px;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:4961 (hero rules only) */
@media screen and (min-width: 1280px) {
  /* :4966 */
  .uui-container-large {
      max-width: 100vw;
    }

  /* :4970 */
  .dashboard-wrapper {
      grid-column-gap: 50px;
      grid-row-gap: 50px;
    }

  /* :4993 */
  .absolute.top.nav {
      width: 200px;
      right: -25px;
    }
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:5015 (hero rules only) */
@media screen and (min-width: 1440px) {
  /* :5033 */
  .uui-container-large {
      max-width: 84rem;
    }

  /* :5037 */
  .cell {
      padding-top: 0;
      padding-left: 5px;
      padding-right: 5px;
    }

  /* :5043 */
  .cell-2 {
      padding-left: 0;
      padding-right: 0;
    }

  /* :5048 */
  .dashboard-wrapper {
      grid-column-gap: 50px;
      grid-row-gap: 50px;
    }

  /* :5073 */
  .image-4 {
      width: 330px;
    }

  /* :5105 */
  .absolute.top.nav {
      width: auto;
      right: 0;
    }

  /* :5110 */
  .absolute.bottom-nav {
      left: 0;
    }

  /* :5114 */
  .quick-stack-3 {
      grid-column-gap: 13px;
      grid-row-gap: 13px;
      padding-top: 0;
      padding-left: 0;
      padding-right: 0;
    }
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:5174 (hero rules only) */
@media screen and (min-width: 1920px) {
  /* :5208 */
  .uui-container-large {
      max-width: 104.3rem;
    }

  /* :5212 */
  .uui-text-size-xlarge {
      font-size: 1.3rem;
    }

  /* :5216 */
  .image {
      width: 950px;
    }

  /* :5220 */
  .cell {
      grid-row-gap: 40px;
      justify-content: center;
      align-items: flex-start;
      padding-top: 0;
    }

  /* :5227 */
  .cell-2 {
      justify-content: flex-start;
      align-items: flex-end;
      padding-top: 50px;
      padding-left: 0;
      padding-right: 0;
    }

  /* :5235 */
  .dashboard-wrapper {
      grid-column-gap: 60px;
      grid-row-gap: 60px;
    }

  /* :5286 */
  .image-2 {
      width: 320px;
    }

  /* :5351 */
  .absolute.top.nav {
      top: 80px;
      right: 0;
    }

  /* :5356 */
  .absolute.bottom-nav {
      bottom: -65px;
      left: 0;
    }

  /* :5361 */
  .image-5 {
      width: 220px;
    }

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

  /* :5370 */
  .quick-stack-3 {
      padding-top: 0;
      padding-left: 0;
      padding-right: 0;
    }

  /* :5380 */
  .image-absolute {
      width: 720px;
    }
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:5454 (hero rules only) */
@media screen and (max-width: 991px) {
  /* :5684 */
  .uui-heading-xlarge {
      font-size: 2.8rem;
    }

  /* :5688 */
  .uui-text-size-xlarge {
      font-size: 1rem;
    }

  /* :5692 */
  .uui-space-large {
      min-height: 2.5rem;
    }

  /* :5696 */
  .uui-padding-vertical-xhuge {
      padding-top: 4rem;
      padding-bottom: 6rem;
    }

  /* :5701 */
  .image {
      width: 700px;
    }

  /* :5705 */
  .cell {
      grid-row-gap: 15px;
      justify-content: flex-start;
      align-items: flex-start;
      padding-top: 0;
    }

  /* :5712 */
  .cell-2 {
      justify-content: center;
      align-items: flex-end;
      padding-top: 30px;
      padding-left: 0;
      padding-right: 0;
    }

  /* :5720 */
  .dashboard-wrapper {
      grid-column-gap: 15px;
      grid-row-gap: 15px;
      margin-top: 60px;
      padding: 0 20px;
    }

  /* :5857 */
  .absolute {
      display: none;
    }

  /* :5861 */
  .absolute.top {
      display: block;
    }

  /* :5865 */
  .absolute.top.nav {
      display: none;
    }

  /* :5869 */
  .absolute.bottom-nav {
      bottom: -170px;
    }

  /* :5873 */
  .image-5 {
      width: 150px;
    }

  /* :5877 */
  .quick-stack-3 {
      padding-top: 0;
      padding-left: 0;
      padding-right: 0;
    }
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:6197 (hero rules only) */
@media screen and (max-width: 767px) {
  /* :6343 */
  .uui-page-padding {
      padding-left: 1rem;
      padding-right: 1rem;
    }

  /* :6368 */
  .uui-heading-xlarge {
      font-size: 2.4rem;
    }

  /* :6389 */
  .uui-text-size-xlarge {
      font-size: 1.125rem;
    }

  /* :6409 */
  .uui-space-small {
      min-height: 1.25rem;
    }

  /* :6413 */
  .uui-space-large {
      min-height: 2rem;
    }

  /* :6417 */
  .uui-padding-vertical-xhuge {
      padding-top: 4rem;
      padding-bottom: 4rem;
    }

  /* :6518 */
  .absolute.top {
      display: none;
    }
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:6751 (hero rules only) */
@media screen and (max-width: 479px) {
  /* :6848 */
  .uui-heading-xlarge {
      font-size: 2.2rem;
    }

  /* :6852 */
  .uui-text-size-xlarge {
      font-size: 1rem;
    }

  /* :6856 */
  .image {
      width: 300px;
      margin-left: 0;
      margin-right: 0;
    }

  /* :6862 */
  .cell-2 {
      display: none;
    }

  /* :6866 */
  .dashboard-wrapper {
      margin-left: 0;
      margin-right: 0;
      padding-left: 0;
      padding-right: 0;
    }

  /* :7030 */
  .cell-3 {
      display: none;
    }

  /* :7038 */
  .cell-4 {
      justify-content: center;
      align-items: center;
    }
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:7253 */
#w-node-_6159d348-87d8-8bd2-b3a9-dc855909dc3e-ae8de04e {
  grid-template-rows: auto;
  grid-template-columns: .5fr 1.5fr .5fr;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:7258 */
#w-node-_6159d348-87d8-8bd2-b3a9-dc855909dc40-ae8de04e {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:7346 (hero rules only) */
@media screen and (min-width: 1440px) {
  /* :7347 */
  #w-node-_75d13e04-a597-bc9d-c442-a784310b0b5f-14693f99, #w-node-_6159d348-87d8-8bd2-b3a9-dc855909dc3e-ae8de04e, #w-node-_75d13e04-a597-bc9d-c442-a784310b0b5f-dd187ff2, #w-node-_75d13e04-a597-bc9d-c442-a784310b0b5f-ec3b5fef {
      grid-template-rows: auto;
      grid-template-columns: .5fr 1.5fr .5fr;
    }
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:7353 (hero rules only) */
@media screen and (max-width: 991px) {
  /* :7364 */
  #w-node-_6159d348-87d8-8bd2-b3a9-dc855909dc3e-ae8de04e {
      grid-template-rows: auto;
      grid-template-columns: .5fr 1.75fr .5fr;
    }
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:7395 (hero rules only) */
@media screen and (max-width: 479px) {
  /* :7462 */
  #w-node-_6159d348-87d8-8bd2-b3a9-dc855909dc3e-ae8de04e {
      grid-template-rows: auto;
      grid-template-columns: 2fr;
    }

  /* :7467 */
  #w-node-_6159d348-87d8-8bd2-b3a9-dc855909dc3f-ae8de04e, #w-node-_6159d348-87d8-8bd2-b3a9-dc855909dc46-ae8de04e {
      grid-area: span 1 / span 1 / span 1 / span 1;
    }
}

/* ===== Rebuild additions (reveal on scroll; replaces inline opacity:0 + Webflow IX2) ===== */

/* Hidden only while JavaScript is available (html.w-mod-js is set by the inline script in <head>);
   without JavaScript the content stays visible. reveal.js adds .is-revealed when the effect has ended. */
html.w-mod-js [data-reveal]:not(.is-revealed) {
  opacity: 0;
}

/* After the effect the original leaves a neutral (identity) 3D transform on the element. It does not
   move anything, but it makes the browser rasterise images the same way as on the live site (without it
   the dashboard images differ by sub-pixel anti-aliasing). Kept for the image / decoration reveals. */
html.w-mod-js [data-reveal].is-revealed {
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
}

/* Text sections and the text container of Contact (data-reveal-clean) are cleaned up when the effect has
   ended: no transform at all. A left-over identity transform makes Chrome rasterise the text of these
   sections either like live or shifted by 1px, depending on timing (QA of the EN homepage, step 11);
   without it the rendering is deterministic. */
html.w-mod-js [data-reveal][data-reveal-clean].is-revealed {
  transform: none;
  transform-style: flat;
}