/* ==========================================================================
   Rydo – White-Label Ride-Hailing Platform
   custom.css · all page styles, grouped by section
   ========================================================================== */

/* ---------- 1. Base & reset ---------- */
html{scroll-behavior:smooth}
body{margin:0;background:#0B0F14;font-family:'Plus Jakarta Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
*{box-sizing:border-box}
img{display:block}
a{color:#C8F136;text-decoration:none}
a:hover{color:#e2ff7a}
@keyframes rydoFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes rydoFlow{to{background-position:16px 0}}
@keyframes rydoPing{0%{box-shadow:0 0 0 0 rgba(200,241,54,.6)}80%,100%{box-shadow:0 0 0 9px rgba(200,241,54,0)}}
@keyframes rydoFillY{from{transform:scaleY(0)}to{transform:scaleY(1)}}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;font-size:16px;overflow-x:hidden}
body{overflow-x:hidden;min-width:320px}
img,svg{max-width:100%}
button{-webkit-tap-highlight-color:transparent}

/* ---------- 2. Hybrid container ----------
   Small & medium screens (<1200px): content uses 100% of the available width,
   with responsive side padding (clamp) built into each section's inner container.
   Large & XL screens: content is capped and centred with margin: 0 auto.
   Section backgrounds always stretch full width. */
:root{--container-max:100%;--nav-max:100%}
@media (min-width:1200px){:root{--container-max:1680px;--nav-max:1600px}}
@media (min-width:1920px){:root{--container-max:1840px;--nav-max:1760px}}

/* ==========================================================================
   3. Page wrapper
   ========================================================================== */
.page-wrapper{
  width: 100%;
  overflow-x: clip;
  background: #0B0F14;
}

/* ==========================================================================
   4. Header / navigation
   ========================================================================== */
.header-section{
  position: sticky;
  top: 0;
  z-index: 50;
  height: 0;
  padding: 0 clamp(12px,2vw,32px);
  pointer-events: none;
}
.header-section__block-1{
  position: relative;
  top: 16px;
  pointer-events: auto;
  max-width: var(--nav-max);
  margin: 0 auto;
  padding: 9px 9px 9px 24px;
  display: flex;
  align-items: center;
  gap: 24px;
  border-radius: 999px;
  background: rgba(20,25,32,.55);
  backdrop-filter: blur(20px) saturate(1.5);
  -webkit-backdrop-filter: blur(20px) saturate(1.5);
  border: 1px solid rgba(255,255,255,.1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08),0 24px 60px -24px rgba(0,0,0,.85);
  transition: background .4s,box-shadow .4s;
}
.header-section__block-2{
  position: absolute;
  left: 32px;
  right: 32px;
  bottom: -1px;
  height: 2px;
  pointer-events: none;
}
.header-section__block-3{
  position: relative;
  height: 2px;
  width: 0%;
  background: linear-gradient(90deg,rgba(200,241,54,0),#C8F136);
  border-radius: 2px;
}
.header-section__link-1{
  flex: none;
  display: flex;
}
.header-section__image-1{
  height: 46px;
  width: auto;
}
.header-section__block-4{
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  display: flex;
  justify-content: center;
  gap: 2px;
}
.header-section__link-2{
  position: relative;
  padding: 10px 14px;
  color: #C9CFD8;
  font-size: 15px;
  font-weight: 600;
  white-space: nowrap;
  background: linear-gradient(#C8F136,#C8F136) no-repeat 50% 100% / 0% 2px;
  transition: background-size .35s cubic-bezier(.2,.8,.2,1),color .3s;
}
.header-section__block-5{
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 10px;
}
.header-section__block-6{
  display: flex;
  align-items: center;
  gap: 10px;
}
.header-section__link-3{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 20px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.16);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
  background: linear-gradient(#C8F136,#C8F136) no-repeat 0 100% / 100% 0%;
  transition: background-size .45s cubic-bezier(.7,0,.2,1),color .3s,border-color .3s,transform .3s;
}
.header-section__item-1{
  position: relative;
  display: flex;
  width: 8px;
  height: 8px;
}
.header-section__item-2{
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #C8F136;
  box-shadow: 0 0 0 0 rgba(200,241,54,.6);
  animation: rydoPing 1.8s infinite;
}
.header-section__item-3{
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #C8F136;
  border: 1px solid #0B0F14;
}
.header-section__link-4{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 20px 6px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.16);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
  background: linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.1)) no-repeat 0 0 / 0% 100%;
  transition: background-size .5s cubic-bezier(.7,0,.2,1),border-color .3s,transform .3s;
}
.header-section__item-4{
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .5s cubic-bezier(.2,.8,.2,1);
}
.header-section__item-5{
  width: 0;
  height: 0;
  margin-left: 3px;
  border-left: 9px solid #0B0F14;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}
.header-section__link-5{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 999px;
  border: 2px solid transparent;
  background: linear-gradient(#fff,#fff) padding-box,linear-gradient(100deg,#C8F136,#7420FF,#0D55FF,#C8F136) border-box;
  background-size: 100% 100%,300% 100%;
  background-position: 0 0,0% 0;
  color: #0B0F14;
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
  transition: background-position .9s cubic-bezier(.2,.8,.2,1),transform .3s;
}
.header-section__image-2{
  height: 17px;
  width: auto;
}

/* ==========================================================================
   5. Back to top button
   ========================================================================== */
.back-to-top{
  position: fixed;
  right: clamp(16px,2vw,32px);
  bottom: clamp(16px,2vw,32px);
  z-index: 60;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #C8F136;
  color: #0B0F14;
  box-shadow: 0 0 0 6px rgba(200,241,54,.14),0 16px 34px -10px rgba(0,0,0,.6);
  opacity: 0;
  transform: translateY(16px);
  pointer-events: none;
  transition: opacity .35s,transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;
}

/* ==========================================================================
   6. Hero section
   ========================================================================== */
.hero-section{
  position: relative;
  background: #0B0F14;
  color: #fff;
  padding: clamp(130px,10vw,170px) 0 0;
}
.hero-section__block-1{
  position: absolute;
  left: -22%;
  top: -38%;
  width: 72%;
  height: 110%;
  background: radial-gradient(closest-side,rgba(200,241,54,.07),rgba(200,241,54,.035) 40%,rgba(200,241,54,.01) 70%,transparent);
  filter: blur(90px);
  pointer-events: none;
}
.hero-section__block-2{
  position: relative;
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 clamp(20px,4vw,72px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: clamp(40px,5vw,96px);
}
.hero-section__block-3{
  flex: 1 1 460px;
  min-width: 0;
  max-width: 640px;
}
.hero-section__title-1{
  margin: 0;
  font-size: clamp(44px,5vw,88px);
  line-height: .96;
  letter-spacing: -.05em;
  font-weight: 800;
  text-wrap: balance;
}
.hero-section__item-1{
  color: #C8F136;
}
.hero-section__item-2{
  white-space: nowrap;
}
.hero-section__text-1{
  margin: 26px 0 0;
  font-size: clamp(16px,1.2vw,19px);
  line-height: 1.65;
  color: #A9B1BC;
  text-wrap: pretty;
}
.hero-section__block-4{
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.hero-section__is-state-1{
  border: 1px solid rgba(200,241,54,.3);
  background: linear-gradient(100deg,rgba(200,241,54,.1),rgba(200,241,54,.02) 70%);
  color: #fff;
}
.hero-section__is-state-2{
  border: 1px solid rgba(255,255,255,.06);
  background: rgba(255,255,255,.015);
  color: #6B7480;
}
.hero-section__button-1{
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  padding: 15px 20px;
  border-radius: 16px;
  text-align: left;
  font: 700 18px 'Plus Jakarta Sans',sans-serif;
  letter-spacing: -.01em;
  cursor: pointer;
  overflow: hidden;
  transition: color .3s,background .4s,border-color .4s;
}
.hero-section__is-state-3{
  background: #C8F136;
}
.hero-section__is-state-4{
  background: #3A414B;
}
.hero-section__item-3{
  flex: none;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  transition: background .3s;
}
.hero-section__item-4{
  flex: 1;
}
.hero-section__is-state-5{
  opacity: 1;
}
.hero-section__is-state-6{
  opacity: 0;
}
.hero-section__item-5{
  flex: none;
  font-size: 14px;
  font-weight: 500;
  color: #7F8995;
  transition: opacity .3s;
}
.hero-section__item-6{
  flex: none;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  transition: background .3s;
}
.hero-section__block-5{
  flex: 1.25 1 560px;
  min-width: 0;
  perspective: 2000px;
}
.hero-section__block-6{
  position: relative;
  aspect-ratio: 1/.92;
  transition: transform .6s cubic-bezier(.2,.8,.2,1);
  will-change: transform;
}
.hero-section__block-7{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 80%;
  aspect-ratio: 1/1;
  transform: translate(-50%,-50%);
  background: radial-gradient(closest-side,rgba(200,241,54,.16),transparent 70%);
  pointer-events: none;
}
.hero-section__is-state-7{
  opacity: 1;
  transform: none;
}
.hero-section__is-state-8{
  opacity: 0;
  transform: translateY(-30px) scale(.97);
}
.hero-section__block-8{
  position: absolute;
  inset: 0;
  perspective: 1600px;
  transition: opacity .7s ease,transform 1s cubic-bezier(.2,.8,.2,1);
  pointer-events: none;
}
.hero-section__block-9{
  position: absolute;
  left: 7%;
  top: 15%;
  width: 26%;
  transform-style: preserve-3d;
  transform: rotateY(28deg) translateZ(-60px);
  transition: transform .9s cubic-bezier(.2,.8,.2,1);
}
.hero-section__block-10{
  position: absolute;
  left: 8%;
  right: 8%;
  bottom: -7%;
  height: 6%;
  border-radius: 50%;
  background: radial-gradient(closest-side,rgba(0,0,0,.85),transparent);
  filter: blur(6px);
}
.hero-section__block-11{
  position: relative;
  border-radius: 13.5% / 6%;
  padding: 2.2%;
  background: #05070A;
  box-shadow: 0 0 0 1.5px #2E353F,0 0 0 3px #0B0F14,inset 0 0 0 1px rgba(255,255,255,.06),0 40px 70px -30px rgba(0,0,0,.95);
}
.hero-section__image-1{
  width: 100%;
  border-radius: 11.5% / 5.1%;
  filter: brightness(.78) saturate(.9);
}
.hero-section__block-12{
  position: absolute;
  inset: 2.2%;
  border-radius: 11.5% / 5.1%;
  background: linear-gradient(125deg,rgba(255,255,255,.14),rgba(255,255,255,0) 32%);
  pointer-events: none;
}
.hero-section__block-13{
  position: absolute;
  right: 7%;
  top: 15%;
  width: 26%;
  transform-style: preserve-3d;
  transform: rotateY(-28deg) translateZ(-60px);
  transition: transform .9s cubic-bezier(.2,.8,.2,1);
}
.hero-section__block-14{
  position: absolute;
  left: 33.5%;
  top: 7%;
  width: 33%;
  transform-style: preserve-3d;
  transform: translateZ(40px);
  transition: transform .9s cubic-bezier(.2,.8,.2,1);
}
.hero-section__block-15{
  position: relative;
  border-radius: 13.5% / 6%;
  padding: 2.2%;
  background: #05070A;
  box-shadow: 0 0 0 1.5px #2E353F,0 0 0 3px #0B0F14,inset 0 0 0 1px rgba(255,255,255,.06),0 50px 90px -30px rgba(0,0,0,.95),0 30px 100px -30px rgba(200,241,54,.5);
}
.hero-section__image-2{
  width: 100%;
  border-radius: 11.5% / 5.1%;
}
.hero-section__is-state-9{
  opacity: 0;
  transform: translateY(40px) scale(.97);
}
.hero-section__block-16{
  position: absolute;
  inset: 0;
  perspective: 1800px;
  transition: opacity .7s ease,transform 1s cubic-bezier(.2,.8,.2,1);
  pointer-events: none;
}
.hero-section__block-17{
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  transform: rotateX(14deg) rotateY(-20deg) rotateZ(3deg);
}
.hero-section__block-18{
  position: absolute;
  left: 20%;
  top: 6%;
  width: 74%;
  transform: translateZ(-160px);
  border-radius: 14px;
  background: #1A1F27;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.1),0 40px 70px -30px rgba(0,0,0,.9);
}
.hero-section__block-19{
  height: 30px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  background: #161B22;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.hero-section__item-7{
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #3A414B;
}
.hero-section__item-8{
  margin-left: 12px;
  padding: 2px 10px;
  border-radius: 6px;
  background: #0F1318;
  font-family: 'JetBrains Mono',monospace;
  font-size: 10px;
  color: #7F8995;
}
.hero-section__image-3{
  width: 100%;
  aspect-ratio: 2718/1478;
  object-fit: cover;
  object-position: top left;
  filter: brightness(.55);
}
.hero-section__block-20{
  position: absolute;
  left: 13%;
  top: 19%;
  width: 74%;
  transform: translateZ(-80px);
  border-radius: 14px;
  background: #1A1F27;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.1),0 40px 70px -30px rgba(0,0,0,.9);
}
.hero-section__image-4{
  width: 100%;
  aspect-ratio: 2718/1478;
  object-fit: cover;
  object-position: top left;
  filter: brightness(.72);
}
.hero-section__block-21{
  position: absolute;
  left: 6%;
  top: 32%;
  width: 74%;
  transform: translateZ(0px);
  border-radius: 14px;
  background: #1A1F27;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(255,255,255,.16),inset 0 1px 0 rgba(255,255,255,.1),0 60px 100px -30px rgba(0,0,0,.95),0 30px 110px -40px rgba(200,241,54,.55);
}
.hero-section__image-5{
  width: 100%;
  aspect-ratio: 2718/1478;
  object-fit: cover;
  object-position: top left;
}
.hero-section__block-22{
  position: absolute;
  inset: 0;
  transition: opacity .7s ease,transform 1s cubic-bezier(.2,.8,.2,1);
  pointer-events: none;
}
.hero-section__block-23{
  position: absolute;
  left: 5%;
  top: 6%;
  width: 90%;
  border-radius: 16px;
  background: #1A1F27;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.1),0 60px 100px -40px rgba(0,0,0,.95);
}
.hero-section__block-24{
  height: 38px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  background: #161B22;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.hero-section__item-9{
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #3A414B;
}
.hero-section__item-10{
  margin-left: 18px;
  padding: 3px 14px;
  border-radius: 7px;
  background: #0F1318;
  font-family: 'JetBrains Mono',monospace;
  font-size: 11px;
  color: #7F8995;
}
.hero-section__block-25{
  position: relative;
  aspect-ratio: 4/3;
  overflow: hidden;
  background: #0B0F14;
}
.hero-section__image-6{
  width: 100%;
}
.hero-section__block-26{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 22%;
  background: linear-gradient(to bottom,rgba(11,15,20,0),#0B0F14 85%);
  pointer-events: none;
}
.hero-section__block-27{
  position: absolute;
  left: 6%;
  right: 6%;
  bottom: 12px;
  display: flex;
  align-items: center;
  gap: 14px;
}
.hero-section__item-11{
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
}
.hero-section__block-28{
  flex: 1;
  display: flex;
  gap: 6px;
}
.hero-section__is-state-10{
  background: rgba(255,255,255,.14);
}
.hero-section__item-12{
  flex: 1;
  height: 3px;
  border-radius: 3px;
  transition: background .4s;
}
.hero-section__item-13{
  font-family: 'JetBrains Mono',monospace;
  font-size: 12px;
  color: #7F8995;
  white-space: nowrap;
}
.hero-section__block-29{
  position: relative;
  border-top: 1px solid rgba(255,255,255,.07);
  border-bottom: 1px solid rgba(255,255,255,.07);
  padding: 22px 0;
  overflow: hidden;
  margin-top: clamp(64px,6vw,104px);
  z-index: 3;
  background: #0B0F14;
}
.hero-section__block-30{
  display: flex;
  gap: 44px;
  width: max-content;
  will-change: transform;
}
.hero-section__item-14{
  display: flex;
  align-items: center;
  gap: 44px;
  font-size: clamp(18px,1.6vw,24px);
  font-weight: 700;
  letter-spacing: -.01em;
  color: #E6EAEF;
  white-space: nowrap;
}
.hero-section__item-15{
  width: 9px;
  height: 9px;
  background: #C8F136;
  border-radius: 2px;
  transform: rotate(45deg);
}

/* ==========================================================================
   7. Modules section
   ========================================================================== */
.modules-section{
  background: #F4F5F7;
  color: #0B0F14;
  padding: clamp(72px,7.5vw,128px) 0;
}
.modules-section__block-1{
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 clamp(20px,4vw,72px);
}
.modules-section__block-2{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 32px;
}
.modules-section__block-3{
  max-width: 820px;
}
.modules-section__title-1{
  margin: 0;
  font-size: clamp(34px,3.8vw,62px);
  line-height: 1.02;
  letter-spacing: -.04em;
  font-weight: 800;
  text-wrap: balance;
}
.modules-section__text-1{
  margin: 0;
  max-width: 440px;
  font-size: 18px;
  line-height: 1.6;
  color: #4A525E;
  text-wrap: pretty;
}
.modules-section__block-4{
  margin-top: clamp(40px,4vw,64px);
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,340px),1fr));
  gap: 24px;
}
.modules-section__link-1{
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 28px;
  background: #0B0F14;
  color: #fff;
  overflow: hidden;
  min-height: 520px;
  box-shadow: 0 1px 0 rgba(11,15,20,.04),0 30px 60px -36px rgba(11,15,20,.45);
  transition: transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;
}
.modules-section__block-5{
  padding: 32px 32px 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}
.modules-section__block-6{
  font-family: 'JetBrains Mono',monospace;
  font-size: 12px;
  letter-spacing: .08em;
  color: #C8F136;
}
.modules-section__block-7{
  margin-top: 10px;
  font-size: 30px;
  font-weight: 800;
  letter-spacing: -.03em;
}
.modules-section__block-8{
  margin-top: 8px;
  font-size: 15px;
  line-height: 1.55;
  color: #A9B1BC;
  max-width: 300px;
}
.modules-section__item-1{
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
.modules-section__block-9{
  flex: 1;
  position: relative;
  margin-top: 28px;
}
.modules-section__image-1{
  position: absolute;
  left: 50%;
  top: 0;
  width: 62%;
  transform: translateX(-50%);
  border-radius: 10% / 4.5%;
  box-shadow: 0 0 0 7px #1E242C,0 40px 60px -20px rgba(0,0,0,.8);
}
.modules-section__link-2{
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 28px;
  background: #C8F136;
  color: #0B0F14;
  overflow: hidden;
  min-height: 520px;
  box-shadow: 0 30px 60px -36px rgba(11,15,20,.45);
  transition: transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;
}
.modules-section__block-10{
  font-family: 'JetBrains Mono',monospace;
  font-size: 12px;
  letter-spacing: .08em;
  color: #3E4A12;
}
.modules-section__block-11{
  margin-top: 8px;
  font-size: 15px;
  line-height: 1.55;
  color: #2E3810;
  max-width: 300px;
}
.modules-section__item-2{
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(11,15,20,.25);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
.modules-section__image-2{
  position: absolute;
  left: 50%;
  top: 0;
  width: 62%;
  transform: translateX(-50%);
  border-radius: 10% / 4.5%;
  box-shadow: 0 0 0 7px #0B0F14,0 40px 60px -20px rgba(11,15,20,.6);
}
.modules-section__link-3{
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 28px;
  background: #fff;
  color: #0B0F14;
  overflow: hidden;
  min-height: 520px;
  box-shadow: 0 0 0 1px rgba(11,15,20,.06),0 30px 60px -36px rgba(11,15,20,.35);
  transition: transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;
}
.modules-section__block-12{
  font-family: 'JetBrains Mono',monospace;
  font-size: 12px;
  letter-spacing: .08em;
  color: #5C6470;
}
.modules-section__block-13{
  margin-top: 8px;
  font-size: 15px;
  line-height: 1.55;
  color: #4A525E;
  max-width: 300px;
}
.modules-section__item-3{
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(11,15,20,.18);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
.modules-section__block-14{
  flex: 1;
  position: relative;
  margin-top: 36px;
}
.modules-section__image-3{
  position: absolute;
  left: 32px;
  top: 0;
  width: 170%;
  max-width: none;
  border-radius: 14px;
  box-shadow: 0 0 0 1px rgba(11,15,20,.08),0 30px 60px -20px rgba(11,15,20,.35);
}
.modules-section__link-4{
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 28px;
  background: #E4E7EB;
  color: #0B0F14;
  overflow: hidden;
  min-height: 520px;
  box-shadow: 0 30px 60px -36px rgba(11,15,20,.35);
  transition: transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;
}
.modules-section__image-4{
  position: absolute;
  left: 32px;
  top: 0;
  width: 170%;
  max-width: none;
  border-radius: 14px;
  box-shadow: 0 30px 60px -20px rgba(11,15,20,.4);
}
.modules-section__block-15{
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,240px),1fr));
  gap: 20px;
}
.modules-section__block-16{
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 22px;
  padding: clamp(26px,2.6vw,36px);
  border-radius: 24px;
  background: #fff;
  color: #0B0F14;
  box-shadow: 0 0 0 1px rgba(11,15,20,.06),0 24px 50px -30px rgba(11,15,20,.35);
  transition: transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;
}
.modules-section__block-17{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.modules-section__item-4{
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #C8F136;
  color: #0B0F14;
  box-shadow: 0 12px 30px -10px rgba(200,241,54,.6);
}
.modules-section__block-18{
  font-size: clamp(20px,1.6vw,24px);
  font-weight: 800;
  letter-spacing: -.02em;
}
.modules-section__block-19{
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.55;
  color: #4A525E;
  text-wrap: pretty;
}
.modules-section__item-5{
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0B0F14;
  color: #C8F136;
  box-shadow: 0 12px 30px -12px rgba(11,15,20,.5);
}

/* ==========================================================================
   8. Rider app section
   ========================================================================== */
.rider-app-section{
  position: relative;
  background: #0B0F14;
  color: #fff;
  padding: clamp(72px,7.5vw,128px) 0;
  overflow: hidden;
}
.rider-app-section__block-1{
  position: relative;
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 clamp(20px,4vw,72px);
}
.rider-app-section__block-2{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.rider-app-section__title-1{
  margin: 0;
  font-size: clamp(34px,3.8vw,62px);
  line-height: 1.02;
  letter-spacing: -.04em;
  font-weight: 800;
  text-wrap: balance;
}
.rider-app-section__item-1{
  color: #C8F136;
}
.rider-app-section__text-1{
  margin: 16px 0 0;
  max-width: 620px;
  font-size: 18px;
  line-height: 1.6;
  color: #A9B1BC;
  text-wrap: pretty;
}
.rider-app-section__block-3{
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.rider-app-section__item-2{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 16px;
  border-radius: 999px;
  background: #C8F136;
  color: #0B0F14;
  font-size: 15px;
  font-weight: 700;
}
.rider-app-section__item-3{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0B0F14;
}
.rider-app-section__item-4{
  width: 22px;
  border-top: 2px dashed rgba(255,255,255,.25);
}
.rider-app-section__item-5{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 16px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.16);
  font-size: 15px;
  font-weight: 700;
}
.rider-app-section__block-4{
  margin-top: clamp(28px,3vw,44px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(20px,2.5vw,40px);
}
.rider-app-section__block-5{
  flex: 1 1 300px;
  min-width: 0;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.rider-app-section__is-state-1{
  border: 1px solid rgba(200,241,54,.45);
  background: #141A21;
  box-shadow: 0 30px 60px -30px rgba(0,0,0,.9),0 0 0 4px rgba(200,241,54,.06);
  transform: translateY(-2px);
}
.rider-app-section__is-state-2{
  border: 1px solid rgba(255,255,255,.08);
  background: transparent;
  box-shadow: none;
  transform: none;
}
.rider-app-section__button-1{
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  min-height: 200px;
  padding: 26px 24px 26px;
  border-radius: 20px;
  overflow: hidden;
  color: #fff;
  text-align: left;
  font-family: 'Plus Jakarta Sans',sans-serif;
  cursor: pointer;
  transition: background .4s,border-color .4s,box-shadow .4s,transform .4s;
}
.rider-app-section__item-6{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.rider-app-section__item-7{
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -.02em;
}
.rider-app-section__is-state-3{
  background: #C8F136;
  color: #0B0F14;
}
.rider-app-section__is-state-4{
  background: rgba(255,255,255,.06);
  color: #7F8995;
}
.rider-app-section__item-8{
  flex: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'JetBrains Mono',monospace;
  font-size: 11px;
  font-weight: 600;
  transition: background .4s,color .4s;
}
.rider-app-section__item-9{
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.rider-app-section__is-state-5{
  color: #DDE2E8;
}
.rider-app-section__is-state-6{
  color: #7F8995;
}
.rider-app-section__item-10{
  display: flex;
  gap: 12px;
  align-items: baseline;
  font-size: 14px;
  line-height: 1.4;
  transition: color .4s;
}
.rider-app-section__item-11{
  flex: none;
  width: 6px;
  height: 6px;
  border-radius: 2px;
  background: #C8F136;
  transform: translateY(-2px);
}
.rider-app-section__item-12{
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background: #C8F136;
  transform-origin: 0 50%;
  transform: scaleX(0);
  opacity: 0;
  transition: transform 0s linear;
}
.rider-app-section__block-6{
  flex: 1 1 340px;
  min-width: 0;
  max-width: 400px;
  position: relative;
  display: flex;
  justify-content: center;
  padding: 0;
}
.rider-app-section__block-7{
  position: absolute;
  left: 50%;
  top: 48%;
  width: 170%;
  aspect-ratio: 1/1;
  transform: translate(-50%,-50%);
  border-radius: 50%;
  background: radial-gradient(closest-side,rgba(200,241,54,.09),rgba(200,241,54,.06) 25%,rgba(200,241,54,.035) 45%,rgba(200,241,54,.015) 65%,rgba(200,241,54,.004) 85%,rgba(200,241,54,0));
  filter: blur(60px);
  pointer-events: none;
}
.rider-app-section__block-8{
  position: absolute;
  left: 22%;
  right: 22%;
  bottom: 16px;
  height: 30px;
  border-radius: 50%;
  background: radial-gradient(closest-side,rgba(0,0,0,.9),transparent);
  filter: blur(8px);
  pointer-events: none;
}
.rider-app-section__block-9{
  position: relative;
  width: min(100%,270px);
}
.rider-app-section__block-10{
  position: relative;
  border-radius: 13.5% / 6%;
  padding: 2.4%;
  background: #05070A;
  box-shadow: 0 0 0 1.5px #2E353F,0 0 0 3px #0B0F14,0 60px 100px -30px rgba(0,0,0,.95),0 30px 110px -30px rgba(200,241,54,.45);
}
.rider-app-section__block-11{
  position: relative;
  aspect-ratio: 1080/2424;
  border-radius: 11.5% / 5.1%;
  overflow: hidden;
  background: #F4F5F7;
}
.rider-app-section__is-state-7{
  opacity: 1;
}
.rider-app-section__is-state-8{
  opacity: 0;
}
.rider-app-section__image-1{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: none;
  transition: opacity .6s ease,transform .9s cubic-bezier(.2,.8,.2,1);
}
.rider-app-section__block-12{
  position: absolute;
  inset: 2.4%;
  border-radius: 11.5% / 5.1%;
  background: linear-gradient(125deg,rgba(255,255,255,.12),rgba(255,255,255,0) 30%);
  pointer-events: none;
}

/* ==========================================================================
   9. Driver app section
   ========================================================================== */
.driver-app-section{
  position: relative;
  background: #F4F5F7;
  color: #0B0F14;
  padding: clamp(72px,7.5vw,128px) 0;
  overflow: hidden;
}
.driver-app-section__block-1{
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 clamp(20px,4vw,72px);
}
.driver-app-section__block-2{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px 48px;
}
.driver-app-section__title-1{
  margin: 0;
  max-width: 900px;
  font-size: clamp(34px,3.8vw,62px);
  line-height: 1.05;
  letter-spacing: -.04em;
  font-weight: 800;
  text-wrap: balance;
}
.driver-app-section__item-1{
  white-space: nowrap;
}
.driver-app-section__text-1{
  margin: 0;
  max-width: 440px;
  font-size: 18px;
  line-height: 1.6;
  color: #4A525E;
  text-wrap: pretty;
}
.driver-app-section__block-3{
  margin-top: clamp(40px,4vw,64px);
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: clamp(24px,3vw,56px);
}
.driver-app-section__block-4{
  flex: 1.15 1 520px;
  min-width: 0;
}
.driver-app-section__block-5{
  position: relative;
  height: 100%;
  min-height: clamp(480px,40vw,640px);
  border-radius: 36px;
  background: #0B0F14;
  overflow: hidden;
  box-shadow: 0 50px 100px -50px rgba(11,15,20,.7);
}
.driver-app-section__block-6{
  position: absolute;
  left: 50%;
  top: 58%;
  width: 110%;
  aspect-ratio: 1/1;
  transform: translate(-50%,-50%);
  border-radius: 50%;
  border: 1px dashed rgba(255,255,255,.08);
}
.driver-app-section__block-7{
  position: absolute;
  left: 50%;
  top: 58%;
  width: 70%;
  aspect-ratio: 1/1;
  transform: translate(-50%,-50%);
  border-radius: 50%;
  background: radial-gradient(closest-side,rgba(200,241,54,.22),rgba(200,241,54,.04) 70%,transparent);
}
.driver-app-section__is-state-1{
  z-index: 3;
  transform: translate(-50%,0) scale(1);
  opacity: 1;
}
.driver-app-section__is-state-2{
  z-index: 1;
  transform: translate(-112%,7%) scale(.78) rotate(-6deg);
  opacity: 0.45;
}
.driver-app-section__is-state-3{
  z-index: 1;
  transform: translate(12%,7%) scale(.78) rotate(6deg);
  opacity: 0.45;
}
.driver-app-section__block-8{
  position: absolute;
  left: 50%;
  top: 9%;
  width: min(40%,280px);
  transition: transform .9s cubic-bezier(.2,.8,.2,1),opacity .6s ease;
}
.driver-app-section__is-state-4{
  box-shadow: 0 0 0 1.5px #2E353F,0 0 0 3px #0B0F14,0 50px 90px -30px rgba(0,0,0,.95),0 30px 100px -40px rgba(200,241,54,.5);
}
.driver-app-section__is-state-5{
  box-shadow: 0 0 0 1.5px #2E353F,0 0 0 3px #0B0F14,0 50px 90px -30px rgba(0,0,0,.95),0 30px 100px -40px rgba(200,241,54,0);
}
.driver-app-section__block-9{
  border-radius: 13.5% / 6%;
  padding: 2.6%;
  background: #05070A;
}
.driver-app-section__image-1{
  width: 100%;
  border-radius: 11.5% / 5.1%;
}
.driver-app-section__block-10{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 30%;
  background: linear-gradient(to bottom,rgba(11,15,20,0),#0B0F14 80%);
  z-index: 5;
  pointer-events: none;
}
.driver-app-section__block-11{
  position: absolute;
  left: 28px;
  right: 28px;
  bottom: 24px;
  z-index: 6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: #fff;
}
.driver-app-section__item-2{
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 700;
}
.driver-app-section__item-3{
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #C8F136;
  animation: rydoPing 1.8s infinite;
}
.driver-app-section__item-4{
  font-family: 'JetBrains Mono',monospace;
  font-size: 12px;
  color: #7F8995;
}
.driver-app-section__block-12{
  flex: 1 1 420px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 28px;
}
.driver-app-section__block-13{
  display: flex;
  flex-direction: column;
}
.driver-app-section__button-1{
  position: relative;
  display: flex;
  gap: 22px;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: #0B0F14;
  text-align: left;
  font-family: 'Plus Jakarta Sans',sans-serif;
  cursor: pointer;
}
.driver-app-section__item-5{
  position: relative;
  flex: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 52px;
}
.driver-app-section__is-state-6{
  background: #C8F136;
  box-shadow: 0 14px 30px -12px rgba(200,241,54,.9);
}
.driver-app-section__is-state-7{
  background: #fff;
  box-shadow: 0 0 0 1px rgba(11,15,20,.08);
}
.driver-app-section__item-6{
  position: relative;
  z-index: 1;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .4s,box-shadow .4s;
}
.driver-app-section__image-2{
  width: 22px;
  height: 22px;
}
.driver-app-section__item-7{
  flex: 1;
  width: 2px;
  min-height: 22px;
  margin: 6px 0;
  border-radius: 2px;
  background: rgba(11,15,20,.1);
  overflow: hidden;
  opacity: 1;
}
.driver-app-section__item-8{
  display: block;
  width: 100%;
  height: 100%;
  background: #0B0F14;
  transform-origin: 50% 0;
  transform: scaleY(0);
  transition: transform 0s linear;
}
.driver-app-section__item-9{
  flex: 1;
  min-width: 0;
  padding: 4px 0 26px;
}
.driver-app-section__is-state-8{
  color: #0B0F14;
}
.driver-app-section__is-state-9{
  color: #8A929D;
}
.driver-app-section__item-10{
  display: block;
  font-size: 13px;
  font-weight: 700;
  transition: color .4s;
}
.driver-app-section__item-11{
  display: block;
  margin-top: 4px;
  font-size: clamp(22px,1.9vw,30px);
  font-weight: 800;
  letter-spacing: -.03em;
  transition: color .4s;
}
.driver-app-section__is-state-10{
  max-height: 260px;
  opacity: 1;
  margin-top: 16px;
}
.driver-app-section__is-state-11{
  max-height: 0px;
  opacity: 0;
  margin-top: 0px;
}
.driver-app-section__item-12{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  overflow: hidden;
  transition: max-height .6s cubic-bezier(.2,.8,.2,1),opacity .4s,margin-top .4s;
}
.driver-app-section__item-13{
  padding: 8px 14px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(11,15,20,.07),0 8px 20px -14px rgba(11,15,20,.4);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
}
.driver-app-section__item-14{
  flex: 1;
  width: 2px;
  min-height: 22px;
  margin: 6px 0;
  border-radius: 2px;
  background: rgba(11,15,20,.1);
  overflow: hidden;
  opacity: 0;
}
.driver-app-section__block-14{
  padding: 20px;
  border-radius: 24px;
  background: #E4E7EB;
}
.driver-app-section__block-15{
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 800;
}
.driver-app-section__item-15{
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: #0B0F14;
}
.driver-app-section__block-16{
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.driver-app-section__block-17{
  flex: 1 1 150px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(11,15,20,.06);
}
.driver-app-section__item-16{
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F4F5F7;
  color: #0B0F14;
}
.driver-app-section__item-17{
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}

/* ==========================================================================
   10. Admin panel section
   ========================================================================== */
.admin-panel-section{
  position: relative;
  background: #0B0F14;
  color: #fff;
  padding: clamp(48px,4.5vw,80px) 0;
}
.admin-panel-section__block-1{
  position: absolute;
  left: 50%;
  top: 22%;
  width: 110%;
  height: 80%;
  transform: translateX(-50%);
  background: radial-gradient(closest-side,rgba(200,241,54,.06),rgba(200,241,54,.035) 35%,rgba(200,241,54,.012) 65%,rgba(200,241,54,0));
  filter: blur(70px);
  pointer-events: none;
}
.admin-panel-section__block-2{
  position: relative;
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 clamp(20px,4vw,72px);
}
.admin-panel-section__block-3{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.admin-panel-section__title-1{
  margin: 0;
  font-size: clamp(34px,3.8vw,62px);
  line-height: 1.02;
  letter-spacing: -.04em;
  font-weight: 800;
  max-width: 1000px;
  text-wrap: balance;
}
.admin-panel-section__item-1{
  color: #C8F136;
}
.admin-panel-section__text-1{
  margin: 16px 0 0;
  max-width: 620px;
  font-size: 18px;
  line-height: 1.6;
  color: #A9B1BC;
  text-wrap: pretty;
}
.admin-panel-section__block-4{
  margin-top: 36px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  padding: 6px;
  border-radius: 999px;
  background: #161B22;
  border: 1px solid rgba(255,255,255,.08);
}
.admin-panel-section__is-state-1{
  background: #C8F136;
  color: #0B0F14;
}
.admin-panel-section__is-state-2{
  background: transparent;
  color: #C9CFD8;
}
.admin-panel-section__button-1{
  padding: 12px 22px;
  border: 0;
  border-radius: 999px;
  font: 700 15px 'Plus Jakarta Sans',sans-serif;
  cursor: pointer;
  transition: background .3s,color .3s;
}
.admin-panel-section__block-5{
  margin: 36px auto 0;
  max-width: 1180px;
}
.admin-panel-section__block-6{
  border-radius: 20px;
  background: #1A1F27;
  box-shadow: 0 0 0 1px rgba(255,255,255,.08),0 100px 160px -60px rgba(0,0,0,.95),0 60px 160px -60px rgba(200,241,54,.14);
  overflow: hidden;
}
.admin-panel-section__block-7{
  height: 44px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 18px;
  background: #161B22;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.admin-panel-section__item-2{
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #3A414B;
}
.admin-panel-section__item-3{
  margin: 0 auto;
  padding: 4px 16px;
  border-radius: 8px;
  background: #0F1318;
  font-family: 'JetBrains Mono',monospace;
  font-size: 12px;
  color: #7F8995;
}
.admin-panel-section__block-8{
  position: relative;
  aspect-ratio: 2718/1478;
  background: #F4F5F7;
}
.admin-panel-section__is-state-3{
  opacity: 1;
  transform: scale(1);
}
.admin-panel-section__is-state-4{
  opacity: 0;
  transform: scale(1.03);
}
.admin-panel-section__image-1{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top left;
  transition: opacity .7s ease,transform 1.2s cubic-bezier(.2,.8,.2,1);
}
.admin-panel-section__block-9{
  margin: 20px auto 0;
  max-width: 1180px;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,260px),1fr));
  gap: 12px;
}
.admin-panel-section__is-state-5{
  background: #141A21;
  border: 1px solid rgba(200,241,54,.45);
}
.admin-panel-section__is-state-6{
  background: transparent;
  border: 1px solid rgba(255,255,255,.07);
}
.admin-panel-section__block-10{
  padding: 16px 18px;
  border-radius: 18px;
  cursor: pointer;
  transition: background .4s,border-color .4s;
}
.admin-panel-section__block-11{
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -.01em;
  color: #fff;
}
.admin-panel-section__is-state-7{
  background: #C8F136;
}
.admin-panel-section__is-state-8{
  background: #3A414B;
}
.admin-panel-section__item-4{
  width: 8px;
  height: 8px;
  border-radius: 2px;
  transition: background .4s;
}
.admin-panel-section__block-12{
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.admin-panel-section__is-state-9{
  color: #DDE2E8;
}
.admin-panel-section__is-state-10{
  color: #7F8995;
}
.admin-panel-section__item-5{
  padding: 4px 10px;
  border-radius: 8px;
  background: rgba(255,255,255,.05);
  font-size: 13px;
  line-height: 1.4;
  transition: color .4s;
}

/* ==========================================================================
   11. Website section
   ========================================================================== */
.website-section{
  background: #F4F5F7;
  color: #0B0F14;
  padding: clamp(72px,7.5vw,128px) 0;
  overflow: hidden;
}
.website-section__block-1{
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 clamp(20px,4vw,72px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: clamp(48px,6vw,100px);
}
.website-section__block-2{
  flex: 1 1 400px;
  min-width: 0;
  max-width: 560px;
}
.website-section__title-1{
  margin: 0;
  font-size: clamp(34px,3.8vw,62px);
  line-height: 1.02;
  letter-spacing: -.04em;
  font-weight: 800;
  text-wrap: balance;
}
.website-section__text-1{
  margin: 16px 0 0;
  max-width: 520px;
  font-size: 18px;
  line-height: 1.6;
  color: #4A525E;
  text-wrap: pretty;
}
.website-section__block-3{
  margin-top: clamp(32px,3vw,48px);
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,240px),1fr));
  gap: 10px;
}
.website-section__block-4{
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 18px 12px 12px;
  border-radius: 18px;
  background: #fff;
  color: #0B0F14;
  box-shadow: 0 0 0 1px rgba(11,15,20,.06),0 14px 30px -22px rgba(11,15,20,.5);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  transition: transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;
}
.website-section__item-1{
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0B0F14;
  color: #C8F136;
}
.website-section__block-5{
  grid-column: 1 / -1;
}
.website-section__block-6{
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 18px 12px 12px;
  border-radius: 18px;
  background: #0B0F14;
  color: #fff;
  box-shadow: 0 0 0 1px rgba(11,15,20,0),0 14px 30px -22px rgba(11,15,20,.5);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  transition: transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;
}
.website-section__item-2{
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #C8F136;
  color: #0B0F14;
}
.website-section__block-7{
  flex: 1.4 1 560px;
  min-width: 0;
  position: relative;
  perspective: 2000px;
}
.website-section__block-8{
  position: relative;
}
.website-section__block-9{
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(11,15,20,.08),-40px 60px 100px -40px rgba(11,15,20,.45),-14px 14px 0 -2px #C8F136;
  overflow: hidden;
  transform: rotateY(-14deg) rotateX(4deg);
  transform-origin: 0 50%;
  transition: transform .8s cubic-bezier(.2,.8,.2,1);
}
.website-section__block-10{
  height: 42px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 18px;
  background: #ECEEF1;
  border-bottom: 1px solid rgba(11,15,20,.06);
}
.website-section__item-3{
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #C9CED5;
}
.website-section__item-4{
  margin: 0 auto;
  width: 34%;
  height: 22px;
  border-radius: 7px;
  background: #fff;
}
.website-section__block-11{
  position: relative;
  aspect-ratio: 2738/1600;
  overflow: hidden;
  background: #0B0F14;
  cursor: ns-resize;
}
.website-section__image-1{
  width: 100%;
  transform: translateY(0);
  transition: transform 1.4s cubic-bezier(.4,0,.2,1);
}
.website-section__block-12{
  margin-top: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #5C6470;
}
.website-section__item-5{
  width: 18px;
  height: 28px;
  border-radius: 10px;
  border: 2px solid #9AA2AD;
  display: flex;
  justify-content: center;
  padding-top: 5px;
}
.website-section__item-6{
  width: 3px;
  height: 6px;
  border-radius: 2px;
  background: #0B0F14;
}

/* ==========================================================================
   12. Backend services section
   ========================================================================== */
.backend-services-section{
  position: relative;
  background: #0B0F14;
  color: #fff;
  padding: clamp(72px,7.5vw,128px) 0;
  overflow: hidden;
}
.backend-services-section__block-1{
  position: absolute;
  left: 50%;
  top: 55%;
  width: 80%;
  height: 80%;
  transform: translate(-50%,-50%);
  background: radial-gradient(closest-side,rgba(200,241,54,.04),rgba(200,241,54,.015) 55%,rgba(200,241,54,0));
  filter: blur(70px);
  pointer-events: none;
}
.backend-services-section__block-2{
  position: relative;
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 clamp(20px,4vw,72px);
}
.backend-services-section__block-3{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.backend-services-section__title-1{
  margin: 0;
  font-size: clamp(34px,3.8vw,62px);
  line-height: 1.02;
  letter-spacing: -.04em;
  font-weight: 800;
  text-wrap: balance;
}
.backend-services-section__item-1{
  color: #C8F136;
}
.backend-services-section__text-1{
  margin: 20px 0 0;
  max-width: 560px;
  font-size: 18px;
  line-height: 1.6;
  color: #A9B1BC;
}
.backend-services-section__block-4{
  margin-top: clamp(40px,4vw,64px);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 20px;
}
.backend-services-section__block-5{
  flex: 0 1 300px;
  min-width: min(100%,260px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
}
.backend-services-section__block-6{
  font-size: 13px;
  font-weight: 700;
  color: #7F8995;
  padding-left: 4px;
}
.backend-services-section__block-7{
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 18px 16px 14px;
  border-radius: 20px;
  background: #12171E;
  border: 1px solid rgba(255,255,255,.08);
}
.backend-services-section__item-2{
  flex: none;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #0B0F14;
}
.backend-services-section__item-3{
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.backend-services-section__item-4{
  font-size: 17px;
  font-weight: 800;
}
.backend-services-section__item-5{
  font-size: 13px;
  color: #7F8995;
}
.backend-services-section__block-8{
  flex: 0 0 clamp(20px,2.5vw,40px);
  align-self: center;
  height: 2px;
  background: repeating-linear-gradient(90deg,#C8F136 0 8px,transparent 8px 16px);
  background-size: 16px 2px;
  animation: rydoFlow .8s linear infinite;
  opacity: .7;
}
.backend-services-section__block-9{
  flex: 0 1 340px;
  min-width: min(100%,280px);
  display: flex;
  align-items: center;
}
.backend-services-section__block-10{
  position: relative;
  width: 100%;
  padding: clamp(28px,2.6vw,40px);
  border-radius: 32px;
  background: #C8F136;
  color: #0B0F14;
  box-shadow: 0 0 0 8px rgba(200,241,54,.04),0 30px 70px -30px rgba(200,241,54,.18);
}
.backend-services-section__block-11{
  display: flex;
  align-items: center;
  gap: 12px;
}
.backend-services-section__item-6{
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #0B0F14;
  animation: rydoPing 1.8s infinite;
}
.backend-services-section__item-7{
  font-family: 'JetBrains Mono',monospace;
  font-size: 13px;
  font-weight: 600;
}
.backend-services-section__block-12{
  margin-top: 22px;
  font-size: clamp(26px,2.4vw,38px);
  line-height: 1.05;
  font-weight: 800;
  letter-spacing: -.03em;
}
.backend-services-section__block-13{
  margin-top: 22px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.backend-services-section__block-14{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 12px;
  background: rgba(11,15,20,.08);
  font-size: 15px;
  font-weight: 700;
}
.backend-services-section__block-15{
  flex: 1 1 520px;
  min-width: min(100%,280px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
}
.backend-services-section__block-16{
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,240px),1fr));
  gap: 10px;
}
.backend-services-section__block-17{
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 16px 12px 12px;
  border-radius: 16px;
  background: #12171E;
  border: 1px solid rgba(255,255,255,.07);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
  color: #E6EAEF;
  transition: border-color .3s,transform .3s,background .3s;
}
.backend-services-section__item-8{
  flex: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(200,241,54,.1);
  color: #C8F136;
}
.backend-services-section__block-18{
  grid-column: 1 / -1;
}

/* ==========================================================================
   13. Tech stack section
   ========================================================================== */
.tech-stack-section{
  background: #F4F5F7;
  color: #0B0F14;
  padding: clamp(72px,7.5vw,128px) 0;
}
.tech-stack-section__block-1{
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 clamp(20px,4vw,72px);
  display: flex;
  flex-wrap: wrap;
  gap: clamp(40px,6vw,100px);
}
.tech-stack-section__block-2{
  flex: 1 1 340px;
  max-width: 480px;
}
.tech-stack-section__block-3{
  position: sticky;
  top: 120px;
}
.tech-stack-section__title-1{
  margin: 0;
  font-size: clamp(34px,3.8vw,62px);
  line-height: 1.02;
  letter-spacing: -.04em;
  font-weight: 800;
  text-wrap: balance;
}
.tech-stack-section__text-1{
  margin: 16px 0 0;
  max-width: 520px;
  font-size: 18px;
  line-height: 1.6;
  color: #4A525E;
  text-wrap: pretty;
}
.tech-stack-section__block-4{
  flex: 2 1 560px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.tech-stack-section__block-5{
  position: relative;
  display: flex;
  align-items: center;
  gap: clamp(16px,2vw,28px);
  padding: 22px clamp(20px,2.4vw,32px) 22px 22px;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(11,15,20,.06),0 18px 40px -30px rgba(11,15,20,.45);
  transition: transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;
}
.tech-stack-section__item-1{
  flex: none;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0B0F14;
  color: ;
}
.tech-stack-section__image-1{
  width: 24px;
  height: 24px;
}
.tech-stack-section__block-6{
  flex: 1;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 28px;
}
.tech-stack-section__block-7{
  flex: 0 0 170px;
  font-size: 19px;
  font-weight: 800;
  letter-spacing: -.02em;
}
.tech-stack-section__block-8{
  flex: 1 1 280px;
  font-size: 16px;
  line-height: 1.55;
  color: #4A525E;
  text-wrap: pretty;
}
.tech-stack-section__item-2{
  flex: none;
  align-self: flex-start;
  font-family: 'JetBrains Mono',monospace;
  font-size: 12px;
  font-weight: 600;
  color: #A9B0BA;
}
.tech-stack-section__item-3{
  flex: none;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #C8F136;
  color: ;
}

/* ==========================================================================
   14. Ai tools section
   ========================================================================== */
.ai-tools-section{
  position: relative;
  background: #0B0F14;
  color: #fff;
  padding: clamp(48px,4.5vw,80px) 0;
  overflow: hidden;
}
.ai-tools-section__block-1{
  position: absolute;
  left: 50%;
  top: 60%;
  width: 70%;
  height: 70%;
  transform: translate(-50%,-50%);
  background: radial-gradient(closest-side,rgba(200,241,54,.1),transparent);
  filter: blur(40px);
  pointer-events: none;
}
.ai-tools-section__block-2{
  position: relative;
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 clamp(20px,4vw,72px);
}
.ai-tools-section__block-3{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.ai-tools-section__title-1{
  margin: 0;
  font-size: clamp(34px,3.8vw,62px);
  line-height: 1.02;
  letter-spacing: -.04em;
  font-weight: 800;
  text-wrap: balance;
}
.ai-tools-section__item-1{
  color: #C8F136;
}
.ai-tools-section__text-1{
  margin: 20px 0 0;
  max-width: 560px;
  font-size: 18px;
  line-height: 1.6;
  color: #A9B1BC;
  text-wrap: pretty;
}
.ai-tools-section__block-4{
  margin-top: clamp(28px,2.6vw,40px);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
}
.ai-tools-section__block-5{
  flex: 1 1 260px;
  min-width: 0;
  max-width: 360px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
  border-radius: 24px;
  background: #12171E;
  border: 1px solid rgba(255,255,255,.08);
  transition: transform .45s cubic-bezier(.2,.8,.2,1),border-color .45s,box-shadow .45s;
}
.ai-tools-section__block-6{
  width: 100%;
  aspect-ratio: 2/1;
  border-radius: 16px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.ai-tools-section__image-1{
  width: 80%;
  height: 80%;
  object-fit: contain;
}

/* ==========================================================================
   15. Cta section
   ========================================================================== */
.cta-section{
  position: relative;
  background: #F4F5F7;
  color: #fff;
  padding: clamp(40px,4vw,64px) 0;
}
.cta-section__block-1{
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 clamp(20px,4vw,72px);
}
.cta-section__block-2{
  position: relative;
  overflow: hidden;
  border-radius: 40px;
  background: #0B0F14;
  padding: clamp(40px,4vw,64px) clamp(24px,4vw,64px);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  box-shadow: 0 60px 120px -60px rgba(11,15,20,.7),14px 14px 0 #C8F136;
}
.cta-section__title-1{
  margin: 0;
  font-size: clamp(38px,5vw,84px);
  line-height: .98;
  letter-spacing: -.045em;
  font-weight: 800;
  max-width: 1200px;
  text-wrap: balance;
}
.cta-section__item-1{
  color: #C8F136;
}
.cta-section__text-1{
  margin: 18px 0 0;
  max-width: 620px;
  font-size: 19px;
  line-height: 1.6;
  color: #A9B1BC;
}
.cta-section__block-3{
  margin-top: 28px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 14px;
}
.cta-section__link-1{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 26px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.16);
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  white-space: nowrap;
  background: linear-gradient(#C8F136,#C8F136) no-repeat 0 100% / 100% 0%;
  transition: background-size .45s cubic-bezier(.7,0,.2,1),color .3s,border-color .3s,transform .3s;
}
.cta-section__item-2{
  position: relative;
  display: flex;
  width: 8px;
  height: 8px;
}
.cta-section__item-3{
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #C8F136;
  box-shadow: 0 0 0 0 rgba(200,241,54,.6);
  animation: rydoPing 1.8s infinite;
}
.cta-section__item-4{
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #C8F136;
  border: 1px solid #0B0F14;
}
.cta-section__link-2{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 26px 8px 8px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.16);
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  white-space: nowrap;
  background: linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.1)) no-repeat 0 0 / 0% 100%;
  transition: background-size .5s cubic-bezier(.7,0,.2,1),border-color .3s,transform .3s;
}
.cta-section__item-5{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .5s cubic-bezier(.2,.8,.2,1);
}
.cta-section__item-6{
  width: 0;
  height: 0;
  margin-left: 3px;
  border-left: 9px solid #0B0F14;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}
.cta-section__link-3{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 26px;
  border-radius: 999px;
  border: 2px solid transparent;
  background: linear-gradient(#fff,#fff) padding-box,linear-gradient(100deg,#C8F136,#7420FF,#0D55FF,#C8F136) border-box;
  background-size: 100% 100%,300% 100%;
  background-position: 0 0,0% 0;
  color: #0B0F14;
  font-size: 17px;
  font-weight: 700;
  white-space: nowrap;
  transition: background-position .9s cubic-bezier(.2,.8,.2,1),transform .3s;
}
.cta-section__image-1{
  height: 20px;
  width: auto;
}

/* ==========================================================================
   16. Footer section
   ========================================================================== */
.footer-section{
  background: #0B0F14;
  border-top: 1px solid rgba(255,255,255,.08);
}
.footer-section__block-1{
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 32px clamp(20px,4vw,72px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.footer-section__image-1{
  height: 46px;
  width: auto;
}
.footer-section__block-2{
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  font-size: 14px;
  font-weight: 600;
}
.footer-section__link-1{
  color: #fff;
}
.footer-section__block-3{
  font-size: 14px;
  color: #fff;
}

/* ==========================================================================
   17. Hover & interaction states
   ========================================================================== */
.header-section__link-2:hover{
  background-size: 60% 2px;
  color: #fff;
}
.header-section__link-3:hover{
  background-size: 100% 100%;
  color: #0B0F14;
  border-color: #C8F136;
  transform: translateY(-2px);
}
.header-section__link-4:hover{
  background-size: 100% 100%;
  border-color: rgba(255,255,255,.4);
  transform: translateY(-2px);
  color: #fff;
}
.header-section__item-4:hover{
  transform: rotate(120deg) scale(1.08);
}
.header-section__link-5:hover{
  background-position: 0 0,100% 0;
  transform: translateY(-2px) rotate(-1.5deg);
  color: #0B0F14;
}
.back-to-top:hover{
  box-shadow: 0 0 0 10px rgba(200,241,54,.2),0 20px 40px -10px rgba(0,0,0,.7);
  color: #0B0F14;
}
.modules-section__link-1:hover{
  transform: translate(-6px,-6px);
  box-shadow: 12px 12px 0 #C8F136,0 40px 70px -30px rgba(11,15,20,.5);
  color: #fff;
}
.modules-section__link-2:hover{
  transform: translate(-6px,-6px);
  box-shadow: 12px 12px 0 #0B0F14,0 40px 70px -30px rgba(11,15,20,.4);
  color: #0B0F14;
}
.modules-section__link-3:hover{
  transform: translate(-6px,-6px);
  box-shadow: 12px 12px 0 #C8F136,0 0 0 1px #0B0F14;
  color: #0B0F14;
}
.modules-section__link-4:hover{
  transform: translate(-6px,-6px);
  box-shadow: 12px 12px 0 #0B0F14;
  color: #0B0F14;
}
.modules-section__block-16:hover{
  transform: translateY(-6px);
  box-shadow: 0 0 0 1px rgba(11,15,20,.08),0 36px 60px -30px rgba(11,15,20,.45);
}
.website-section__block-4:hover{
  transform: translateX(6px);
  box-shadow: 0 0 0 1px rgba(11,15,20,.1),0 20px 36px -20px rgba(11,15,20,.55);
}
.website-section__block-6:hover{
  transform: translateX(6px);
  box-shadow: 0 0 0 1px rgba(11,15,20,.1),0 20px 36px -20px rgba(11,15,20,.55);
}
.website-section__block-9:hover{
  transform: rotateY(0deg) rotateX(0deg);
}
.website-section__image-1:hover{
  transform: translateY(-83.17%);
  transition: transform 9s cubic-bezier(.45,0,.35,1);
}
.backend-services-section__block-17:hover{
  border-color: rgba(200,241,54,.55);
  background: #151B22;
  transform: translateX(4px);
}
.tech-stack-section__block-5:hover{
  transform: translateX(-6px);
  box-shadow: 6px 6px 0 #C8F136,0 0 0 1px #0B0F14;
}
.ai-tools-section__block-5:hover{
  transform: translateY(-8px);
  border-color: rgba(200,241,54,.5);
  box-shadow: 0 40px 70px -30px rgba(0,0,0,.9);
}
.cta-section__link-1:hover{
  background-size: 100% 100%;
  color: #0B0F14;
  border-color: #C8F136;
  transform: translateY(-2px);
}
.cta-section__link-2:hover{
  background-size: 100% 100%;
  border-color: rgba(255,255,255,.4);
  transform: translateY(-2px);
  color: #fff;
}
.cta-section__item-5:hover{
  transform: rotate(120deg) scale(1.08);
}
.cta-section__link-3:hover{
  background-position: 0 0,100% 0;
  transform: translateY(-2px) rotate(-1.5deg);
  color: #0B0F14;
}
.footer-section__link-1:hover{
  color: #C8F136;
}

/* ==========================================================================
   18. Responsive visibility (replaces JS width checks)
   ========================================================================== */
@media (max-width:1439.98px){[data-navmenu]{display:none !important}}
@media (min-width:1440px){[data-navmenu]{display:flex !important}}
@media (max-width:759.98px){[data-navlinks]{display:none !important}}
@media (min-width:760px){[data-navlinks]{display:flex !important}}
@media (max-width:1199.98px){[data-bconn]{display:none !important}}
@media (min-width:1200px){[data-bconn]{display:block !important}}

/* ==========================================================================
   19. JavaScript-driven states (main.js)
   ========================================================================== */
[data-navbar].is-scrolled{background:rgba(14,18,24,.82) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(200,241,54,.12),0 30px 70px -20px rgba(0,0,0,.95) !important}
[data-ref="toTopRef"]{opacity:0;transform:translateY(16px);pointer-events:none}
[data-ref="toTopRef"].is-visible{opacity:1;transform:none;pointer-events:auto}
.hero-section__progress{position:absolute;left:0;bottom:0;height:2px;width:100%;background:#C8F136;transform-origin:0 50%;transform:scaleX(0);opacity:0;pointer-events:none}
[data-progress].is-progressing{opacity:1 !important;transition:none !important}
[data-progress="x"].is-progressing{animation:rydoFill var(--progress-dur,4s) linear forwards}
[data-progress="y"].is-progressing{animation:rydoFillY var(--progress-dur,4s) linear forwards}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto !important}}

/* Live Website button (header + CTA) */
.lp-globe{flex:none;color:#C8F136;transition:color .3s}
.header-section__link-3:hover .lp-globe,.cta-section__link-1:hover .lp-globe{color:#0B0F14}
@media (max-width:1023.98px){.lp-website-btn{display:none !important}}