.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-64 .elementor-element.elementor-element-c204794 .elementor-heading-title{font-family:"Bakbak One", Sans-serif;font-size:75px;font-weight:500;}.elementor-64 .elementor-element.elementor-element-1e43dde{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-64 .elementor-element.elementor-element-1e43dde .jeg-elementor-kit.jkit-nav-menu .jkit-menu > ul, .elementor-64 .elementor-element.elementor-element-1e43dde .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper:not(.active) .jkit-menu, .elementor-64 .elementor-element.elementor-element-1e43dde .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper:not(.active) .jkit-menu > li > a{display:flex;}.elementor-64 .elementor-element.elementor-element-1e43dde .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu{justify-content:flex-start;}.elementor-64 .elementor-element.elementor-element-1e43dde .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu .menu-item .sub-menu{left:unset;top:100%;right:unset;bottom:unset;}.elementor-64 .elementor-element.elementor-element-1e43dde .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu .menu-item .sub-menu .menu-item .sub-menu{left:100%;top:unset;right:unset;bottom:unset;}.elementor-64 .elementor-element.elementor-element-1e43dde .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper{height:90px;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-64 .elementor-element.elementor-element-1e43dde .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu > li > a{font-family:"Poppins", Sans-serif;}.elementor-64 .elementor-element.elementor-element-1e43dde .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li.menu-item-has-children .sub-menu{min-width:220px;}.elementor-64 .elementor-element.elementor-element-1e43dde .jeg-elementor-kit.jkit-nav-menu .jkit-hamburger-menu{float:right;}.elementor-64 .elementor-element.elementor-element-1e43dde .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-nav-identity-panel .jkit-nav-site-title .jkit-nav-logo img{object-fit:cover;}.elementor-64 .elementor-element.elementor-element-077b4fa{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-64 .elementor-element.elementor-element-1e43dde .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-nav-identity-panel .jkit-nav-site-title .jkit-nav-logo img{max-width:260px;}}@media(max-width:767px){.elementor-64 .elementor-element.elementor-element-1e43dde .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-nav-identity-panel .jkit-nav-site-title .jkit-nav-logo img{max-width:240px;}}@media (max-width: 1024px) {.elementor-element.elementor-element-1e43dde .jeg-elementor-kit.jkit-nav-menu .jkit-hamburger-menu { display: block; } }@media (max-width: 1024px) {.elementor-element.elementor-element-1e43dde .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper { width: 100%; max-width: 360px; border-radius: 0; background-color: #f7f7f7; width: 100%; position: fixed; top: 0; left: -110%; height: 100%!important; box-shadow: 0 10px 30px 0 rgba(255,165,0,0); overflow-y: auto; overflow-x: hidden; padding-top: 0; padding-left: 0; padding-right: 0; display: flex; flex-direction: column-reverse; justify-content: flex-end; -moz-transition: left .6s cubic-bezier(.6,.1,.68,.53), width .6s; -webkit-transition: left .6s cubic-bezier(.6,.1,.68,.53), width .6s; -o-transition: left .6s cubic-bezier(.6,.1,.68,.53), width .6s; -ms-transition: left .6s cubic-bezier(.6,.1,.68,.53), width .6s; transition: left .6s cubic-bezier(.6,.1,.68,.53), width .6s; } }@media (max-width: 1024px) {.elementor-element.elementor-element-1e43dde .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper.active { left: 0; } }@media (max-width: 1024px) {.elementor-element.elementor-element-1e43dde .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu-container { overflow-y: hidden; } }@media (max-width: 1024px) {.elementor-element.elementor-element-1e43dde .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-nav-identity-panel { padding: 10px 0px 10px 0px; display: block; position: relative; z-index: 5; width: 100%; } }@media (max-width: 1024px) {.elementor-element.elementor-element-1e43dde .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-nav-identity-panel .jkit-nav-site-title { display: inline-block; } }@media (max-width: 1024px) {.elementor-element.elementor-element-1e43dde .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-nav-identity-panel .jkit-close-menu { display: block; } }@media (max-width: 1024px) {.elementor-element.elementor-element-1e43dde .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu { display: block; height: 100%; overflow-y: auto; } }@media (max-width: 1024px) {.elementor-element.elementor-element-1e43dde .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li.menu-item-has-children > a i { margin-left: auto; border: 1px solid var(--jkit-border-color); border-radius: 3px; padding: 4px 15px; } }@media (max-width: 1024px) {.elementor-element.elementor-element-1e43dde .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li.menu-item-has-children > a svg { margin-left: auto; border: 1px solid var(--jkit-border-color); border-radius: 3px; } }@media (max-width: 1024px) {.elementor-element.elementor-element-1e43dde .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li.menu-item-has-children .sub-menu { position: inherit; box-shadow: none; background: none; } }@media (max-width: 1024px) {.elementor-element.elementor-element-1e43dde .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li { display: block; width: 100%; position: inherit; } }@media (max-width: 1024px) {.elementor-element.elementor-element-1e43dde .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li .sub-menu { display: none; max-height: 2500px; opacity: 0; visibility: hidden; transition: max-height 5s ease-out; } }@media (max-width: 1024px) {.elementor-element.elementor-element-1e43dde .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li .sub-menu.dropdown-open { display: block; opacity: 1; visibility: visible; } }@media (max-width: 1024px) {.elementor-element.elementor-element-1e43dde .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li a { display: block; } }@media (max-width: 1024px) {.elementor-element.elementor-element-1e43dde .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li a i { float: right; } }@media (max-width: 1024px) {.elementor-element.elementor-element-1e43dde .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li a svg { float: right } }@media (min-width: 1025px) {.elementor-element.elementor-element-1e43dde .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu-container { height: 100%; } }@media (max-width: 1024px) {.admin-bar .elementor-element.elementor-element-1e43dde .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper { top: 32px; } }@media (max-width: 782px) {.admin-bar .elementor-element.elementor-element-1e43dde .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper { top: 46px; } }
/* Start custom CSS for html, class: .elementor-element-077b4fa *//* =========================================
   BASE SYSTEM & VARIABLES
   ========================================= */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --green: #D3FE3E;
  --blue: #693EFE;
  --dark: #0A0A0A;
  --darker: #050505;
  --light: #F4F4F4;
  --gray: #A0A0A0;
}

body.berok-bento-layout {
  background-color: var(--darker);
  color: var(--light);
  font-family: 'Bakbak One', sans-serif;
  line-height: 1.5;
}

/* Typography Utilities */
.font-horizon { font-family: 'Horizon', sans-serif; text-transform: uppercase; }
.font-bakbak { font-family: 'Bakbak One', sans-serif; }
.font-poppins-italic { font-family: 'Poppins', sans-serif; font-style: italic; }

.text-green { color: var(--green); }
.text-blue { color: var(--blue); }
.text-dark { color: var(--dark); }
.text-light { color: var(--light); }
.text-gray { color: var(--gray); }
.text-center { text-align: center; }
.text-lg { font-size: 1.2rem; }
.px-2 { padding: 0 10px; }
.mb-2 { margin-bottom: 1rem; }
.mt-2 { margin-top: 1rem; }
.mt-1 { margin-top: 0.5rem; }
.w-full { width: 100%; display: block; }
.bg-dark { background-color: var(--dark); }
.bg-blue { background-color: var(--blue); }
.bg-green { background-color: var(--green); }

/* =========================================
   NAVIGATION
   ========================================= */
.bento-nav {
  background-color: var(--dark);
  border-bottom: 2px solid #222;
  position: sticky;
  top: 0;
  z-index: 100;
}
.nav-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 1.5rem 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.logo { font-size: 2rem; letter-spacing: 1px; }

/* Buttons */
.btn-primary, .btn-solid-dark, .btn-outline-dark {
  padding: 1rem 1.5rem;
  text-decoration: none;
  border-radius: 8px;
  transition: transform 0.2s, background 0.2s;
  display: inline-block;
  font-size: 1.1rem;
}
.btn-primary { background: var(--blue); color: var(--light); border: 2px solid var(--blue); }
.btn-primary:hover { background: transparent; color: var(--blue); }

.btn-solid-dark { background: var(--dark); color: var(--green); border: 2px solid var(--dark); }
.btn-solid-dark:hover { background: transparent; color: var(--dark); border-color: var(--dark); }

.btn-outline-dark { background: transparent; color: var(--dark); border: 2px solid var(--dark); }
.btn-outline-dark:hover { background: var(--dark); color: var(--light); }

/* =========================================
   BENTO GRID SYSTEM
   ========================================= */
.grid-container {
  max-width: 1400px;
  margin: 4rem auto;
  padding: 0 2rem;
}

.bento-box {
  padding: 3rem;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* Flex Alignments inside boxes */
.flex-center { justify-content: center; align-items: center; }
.flex-center-left { justify-content: center; align-items: flex-start; }

/* Borders */
.border-green { border: 2px solid var(--green); }
.border-blue { border: 2px solid var(--blue); }
.border-light { border: 2px solid #333; }
.border-dark { border: 2px solid var(--dark); }

/* HERO GRID STRUCTURE */
.main-hero-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: auto auto;
  gap: 2rem;
}
.box-massive {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
}

.tag-pill {
  background: #222;
  color: var(--green);
  padding: 0.5rem 1rem;
  border-radius: 50px;
  margin-bottom: 2rem;
  font-size: 0.9rem;
}
.giant-title { font-size: clamp(3rem, 6vw, 6rem); line-height: 1; margin-bottom: 1rem; }
.giant-stat { font-size: 4rem; line-height: 1; margin-bottom: 0.5rem; }

/* =========================================
   CONTAINED MARQUEE
   ========================================= */
.bento-marquee-wrapper {
  background: var(--dark);
  border-top: 2px solid #333;
  border-bottom: 2px solid #333;
  padding: 1.5rem 0;
  overflow: hidden;
  width: 100%;
}
.ticker-track {
  display: inline-block;
  white-space: nowrap;
  font-size: 1.5rem;
  color: var(--gray);
  animation: scroll-left 25s linear infinite;
}
@keyframes scroll-left { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

/* =========================================
   PIPELINE GRID
   ========================================= */
.pipeline-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

.icon-wrapper {
  width: 80px;
  height: 80px;
  margin: 0 auto 2rem auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.5rem;
  border-radius: 50%;
  background: transparent;
}

/* =========================================
   MOBILE RESPONSIVENESS
   ========================================= */
@media (max-width: 992px) {
  .main-hero-grid {
    grid-template-columns: 1fr;
  }
  .box-massive {
    grid-column: 1 / -1;
    grid-row: auto;
  }
  .pipeline-grid {
    grid-template-columns: 1fr;
  }
}/* End custom CSS */