.elementor-56911 .elementor-element.elementor-element-285b3f2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56911 .elementor-element.elementor-element-285b3f2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-56911 .elementor-element.elementor-element-97d71ca{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56911 .elementor-element.elementor-element-0b117d6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56911 .elementor-element.elementor-element-040ab15{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:601px){.elementor-56911 .elementor-element.elementor-element-97d71ca{--content-width:100%;}.elementor-56911 .elementor-element.elementor-element-0b117d6{--content-width:100%;}.elementor-56911 .elementor-element.elementor-element-040ab15{--content-width:100%;}}@media(max-width:1200px){.elementor-56911 .elementor-element.elementor-element-285b3f2{--width:1015px;}}/* Start custom CSS for html, class: .elementor-element-f13aeac */#lad-loy-tipos-root,
#lad-loy-tipos-root *,
#lad-loy-tipos-root *::before,
#lad-loy-tipos-root *::after { box-sizing: border-box; }

#lad-loy-tipos-root {
  position: relative !important;
  background: linear-gradient(180deg, #09090b 0%, #000000 100%) !important;
  color: #ffffff !important;
  height: 220vh !important;
  isolation: isolate !important;
  overflow: visible !important;
  margin: 0 !important;
  width: 100% !important;
  font-family: "Inter Tight", "Inter", -apple-system, BlinkMacSystemFont,
               "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

@media (min-width: 769px) {
  .elementor-widget:has(#lad-loy-tipos-root),
  .elementor-widget-container:has(#lad-loy-tipos-root),
  .elementor-element:has(#lad-loy-tipos-root),
  .elementor-widget-wrap:has(#lad-loy-tipos-root),
  .elementor-column:has(#lad-loy-tipos-root),
  .elementor-container:has(#lad-loy-tipos-root),
  .elementor-section:has(#lad-loy-tipos-root),
  .elementor-top-section:has(#lad-loy-tipos-root),
  .e-con:has(#lad-loy-tipos-root),
  .e-con-inner:has(#lad-loy-tipos-root) {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
  }
}
#lad-loy-tipos-root::before {
  content: "" !important;
  position: absolute !important;
  top: 30% !important;
  left: 50% !important;
  width: 800px !important;
  height: 500px !important;
  transform: translateX(-50%) !important;
  background: radial-gradient(ellipse at center, rgba(255,74,28,0.14) 0%, transparent 65%) !important;
  filter: blur(80px) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

#lad-loy-tipos-root .lad-loy-tipos__sticky {
  position: sticky !important;
  top: 0 !important;
  height: 100vh !important;
  display: grid !important;
  grid-template-columns: minmax(320px, 1fr) minmax(0, 1.4fr) !important;
  gap: 40px 64px !important;
  padding: 80px 64px 120px 64px !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
  overflow: hidden !important;
  align-items: center !important;
}

#lad-loy-tipos-root .lad-loy-tipos__side {
  position: relative !important;
  z-index: 3 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  max-width: 480px !important;
}
#lad-loy-tipos-root .lad-loy-tipos__eyebrow {
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #ff4a1c !important;
  margin: 0 0 4px !important;
}
#lad-loy-tipos-root .lad-loy-tipos__title {
  font-size: clamp(28px, 3.2vw, 40px) !important;
  font-weight: 600 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.024em !important;
  margin: 0 !important;
  color: #ffffff !important;
  max-width: 380px !important;
}
#lad-loy-tipos-root .lad-loy-tipos__grad {
  background: linear-gradient(135deg, #ff4a1c 0%, #ffc400 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  display: inline-block !important;
}

#lad-loy-tipos-root .lad-loy-tipos__info {
  position: relative !important;
  padding: 28px 0 0 !important;
  margin-top: 8px !important;
  transition: opacity .3s ease, transform .3s ease !important;
  will-change: opacity, transform !important;
}
#lad-loy-tipos-root .lad-loy-tipos__info::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 80px !important;
  height: 2px !important;
  background: linear-gradient(90deg, rgba(255, 74, 28, 0.6), rgba(255, 74, 28, 0)) !important;
  border-radius: 980px !important;
}
#lad-loy-tipos-root .lad-loy-tipos__info-label {
  display: block !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.55) !important;
  margin: 0 0 14px !important;
}
#lad-loy-tipos-root .lad-loy-tipos__info-title {
  display: block !important;
  font-size: clamp(40px, 4.4vw, 56px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.028em !important;
  line-height: 1 !important;
  margin: 0 0 18px !important;
  background: linear-gradient(135deg, #ff4a1c 0%, #ff7e1c 50%, #ffc400 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  width: fit-content !important;
}
#lad-loy-tipos-root .lad-loy-tipos__info-body {
  font-size: 17px !important;
  line-height: 1.55 !important;
  color: #ebebef !important;
  margin: 0 0 24px !important;
  max-width: 440px !important;
  font-weight: 400 !important;
}
#lad-loy-tipos-root .lad-loy-tipos__info-cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 22px !important;
  border-radius: 980px !important;
  background: rgba(255, 74, 28, 0.2) !important;
  border: 1px solid rgba(255, 74, 28, 0.55) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  text-decoration: none !important;
  min-height: 44px !important;
  transition: background .3s ease, border-color .3s ease, transform .3s ease, box-shadow .3s ease !important;
}
#lad-loy-tipos-root .lad-loy-tipos__info-cta:hover {
  background: rgba(255, 74, 28, 0.32) !important;
  border-color: rgba(255, 74, 28, 0.75) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 24px -8px rgba(255, 74, 28, 0.5) !important;
}
#lad-loy-tipos-root .lad-loy-tipos__info-cta span {
  font-size: 16px !important;
  line-height: 1 !important;
  transform: translateX(2px) !important;
  transition: transform .3s ease !important;
}
#lad-loy-tipos-root .lad-loy-tipos__info-cta:hover span { transform: translateX(6px) !important; }

#lad-loy-tipos-root .lad-loy-tipos__stage {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 400px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  perspective: 1600px !important;
  perspective-origin: 50% 40% !important;
}

#lad-loy-tipos-root .lad-loy-tipos__card-mcopy { display: none !important; }

#lad-loy-tipos-root .lad-loy-tipos__card {
  --tx: 0px; --ty: 0px; --tz: 0px;
  --rot: 0deg; --rot-y: 0deg;
  --scale: 1; --opa: 1;
  --hover-y: 0px; --hover-s: 1;

  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 320px !important;
  height: 440px !important;
  margin: -220px 0 0 -160px !important;
  background: var(--brand, linear-gradient(135deg, #ff4a1c, #ffc400)) !important;
  border-radius: 26px !important;
  padding: 28px 26px 24px !important;
  color: #ffffff !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  box-shadow:
    0 40px 80px -20px rgba(0, 0, 0, 0.6),
    0 18px 36px -12px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
  transform:
    translate3d(var(--tx), calc(var(--ty) + var(--hover-y)), var(--tz))
    rotateY(var(--rot-y))
    rotateZ(var(--rot))
    scale(calc(var(--scale) * var(--hover-s))) !important;
  opacity: var(--opa) !important;
  transform-origin: center center !important;
  transition:
    --hover-y .4s cubic-bezier(.2,.8,.2,1),
    --hover-s .4s cubic-bezier(.2,.8,.2,1),
    box-shadow .4s ease !important;
  z-index: calc(20 - var(--i, 0)) !important;
}
#lad-loy-tipos-root .lad-loy-tipos__card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 80% 0%, rgba(255,255,255,0.18), transparent 50%),
    radial-gradient(circle at 0% 100%, rgba(0,0,0,0.18), transparent 50%) !important;
  pointer-events: none !important;
}
#lad-loy-tipos-root .lad-loy-tipos__card:hover {
  --hover-y: -24px;
  --hover-s: 1.04;
  z-index: 20 !important;
}

#lad-loy-tipos-root .lad-loy-tipos__card[data-i="2"] { z-index: 15 !important; }
#lad-loy-tipos-root .lad-loy-tipos__card[data-i="1"],
#lad-loy-tipos-root .lad-loy-tipos__card[data-i="3"] { z-index: 12 !important; }
#lad-loy-tipos-root .lad-loy-tipos__card[data-i="0"],
#lad-loy-tipos-root .lad-loy-tipos__card[data-i="4"] { z-index: 10 !important; }

#lad-loy-tipos-root .lad-loy-tipos__card-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 12px !important;
}
#lad-loy-tipos-root .lad-loy-tipos__card-brand {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  color: #ffffff !important;
}

#lad-loy-tipos-root .lad-loy-tipos__card-logo {
  display: block !important;
  height: 84px !important;
  width: auto !important;
  max-width: 220px !important;
  object-fit: contain !important;
  object-position: left center !important;
  opacity: 1 !important;
}
#lad-loy-tipos-root .lad-loy-tipos__card-type {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 5px 11px !important;
  border-radius: 980px !important;
  background: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

#lad-loy-tipos-root .lad-loy-tipos__card-body {
  margin: auto 0 !important;
  text-align: left !important;
}
#lad-loy-tipos-root .lad-loy-tipos__card-big {
  font-size: 52px !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
  line-height: 1 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 6px !important;
}
#lad-loy-tipos-root .lad-loy-tipos__card-big span {
  font-size: 20px !important;
  font-weight: 500 !important;
  opacity: 0.9 !important;
}
#lad-loy-tipos-root .lad-loy-tipos__card-currency {
  font-size: 30px !important;
  font-weight: 600 !important;
  opacity: 0.95 !important;
  margin-right: 3px !important;
}
#lad-loy-tipos-root .lad-loy-tipos__card-sub {
  font-size: 14px !important;
  font-weight: 500 !important;
  opacity: 0.88 !important;
  margin: 10px 0 0 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.4 !important;
}

#lad-loy-tipos-root .lad-loy-tipos__card-stamps {
  display: grid !important;
  grid-template-columns: repeat(10, 1fr) !important;
  gap: 6px !important;
  margin: 0 0 16px !important;
}
#lad-loy-tipos-root .lad-loy-tipos__card-stamps span {
  aspect-ratio: 1 !important;
  border-radius: 50% !important;
  border: 1.8px solid rgba(255, 255, 255, 0.55) !important;
}
#lad-loy-tipos-root .lad-loy-tipos__card-stamps span.filled {
  background: rgba(255, 255, 255, 0.95) !important;
  border-color: rgba(255, 255, 255, 0.95) !important;
}

#lad-loy-tipos-root .lad-loy-tipos__card-bar {
  width: 100% !important;
  height: 6px !important;
  background: rgba(255, 255, 255, 0.2) !important;
  border-radius: 980px !important;
  overflow: hidden !important;
  margin: 0 0 16px !important;
}
#lad-loy-tipos-root .lad-loy-tipos__card-bar span {
  display: block !important;
  height: 100% !important;
  background: linear-gradient(90deg, rgba(255,255,255,0.95), rgba(255,196,0,0.8)) !important;
  border-radius: 980px !important;
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.3) !important;
}

#lad-loy-tipos-root .lad-loy-tipos__card-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 0 16px !important;
}
#lad-loy-tipos-root .lad-loy-tipos__card-chips span {
  font-size: 12px !important;
  font-weight: 500 !important;
  padding: 6px 12px !important;
  border-radius: 980px !important;
  background: rgba(255, 255, 255, 0.14) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
}

#lad-loy-tipos-root .lad-loy-tipos__card-qr {
  width: 130px !important;
  height: 130px !important;
  padding: 8px !important;
  margin: 10px auto 0 !important;
  background: #ffffff !important;
  border-radius: 12px !important;
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 84'%3E%3Crect width='84' height='84' fill='%23fff'/%3E%3Cg fill='%23000'%3E%3Crect width='28' height='28'/%3E%3Crect x='56' width='28' height='28'/%3E%3Crect y='56' width='28' height='28'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Crect x='4' y='4' width='20' height='20'/%3E%3Crect x='60' y='4' width='20' height='20'/%3E%3Crect x='4' y='60' width='20' height='20'/%3E%3C/g%3E%3Cg fill='%23000'%3E%3Crect x='8' y='8' width='12' height='12'/%3E%3Crect x='64' y='8' width='12' height='12'/%3E%3Crect x='8' y='64' width='12' height='12'/%3E%3Crect x='36' y='0' width='4' height='4'/%3E%3Crect x='40' y='0' width='4' height='4'/%3E%3Crect x='44' y='0' width='4' height='4'/%3E%3Crect x='40' y='4' width='4' height='4'/%3E%3Crect x='44' y='4' width='4' height='4'/%3E%3Crect x='48' y='4' width='4' height='4'/%3E%3Crect x='32' y='8' width='4' height='4'/%3E%3Crect x='40' y='8' width='4' height='4'/%3E%3Crect x='44' y='8' width='4' height='4'/%3E%3Crect x='36' y='12' width='4' height='4'/%3E%3Crect x='48' y='12' width='4' height='4'/%3E%3Crect x='40' y='16' width='4' height='4'/%3E%3Crect x='44' y='16' width='4' height='4'/%3E%3Crect x='32' y='20' width='4' height='4'/%3E%3Crect x='36' y='20' width='4' height='4'/%3E%3Crect x='40' y='20' width='4' height='4'/%3E%3Crect x='32' y='24' width='4' height='4'/%3E%3Crect x='40' y='24' width='4' height='4'/%3E%3Crect x='48' y='24' width='4' height='4'/%3E%3Crect x='48' y='28' width='4' height='4'/%3E%3Crect x='24' y='32' width='4' height='4'/%3E%3Crect x='28' y='32' width='4' height='4'/%3E%3Crect x='32' y='32' width='4' height='4'/%3E%3Crect x='36' y='32' width='4' height='4'/%3E%3Crect x='40' y='32' width='4' height='4'/%3E%3Crect x='44' y='32' width='4' height='4'/%3E%3Crect x='48' y='32' width='4' height='4'/%3E%3Crect x='52' y='32' width='4' height='4'/%3E%3Crect x='60' y='32' width='4' height='4'/%3E%3Crect x='64' y='32' width='4' height='4'/%3E%3Crect x='68' y='32' width='4' height='4'/%3E%3Crect x='72' y='32' width='4' height='4'/%3E%3Crect x='4' y='36' width='4' height='4'/%3E%3Crect x='12' y='36' width='4' height='4'/%3E%3Crect x='16' y='36' width='4' height='4'/%3E%3Crect x='48' y='36' width='4' height='4'/%3E%3Crect x='52' y='36' width='4' height='4'/%3E%3Crect x='56' y='36' width='4' height='4'/%3E%3Crect x='60' y='36' width='4' height='4'/%3E%3Crect x='64' y='36' width='4' height='4'/%3E%3Crect x='76' y='36' width='4' height='4'/%3E%3Crect x='0' y='40' width='4' height='4'/%3E%3Crect x='8' y='40' width='4' height='4'/%3E%3Crect x='12' y='40' width='4' height='4'/%3E%3Crect x='16' y='40' width='4' height='4'/%3E%3Crect x='24' y='40' width='4' height='4'/%3E%3Crect x='28' y='40' width='4' height='4'/%3E%3Crect x='40' y='40' width='4' height='4'/%3E%3Crect x='44' y='40' width='4' height='4'/%3E%3Crect x='56' y='40' width='4' height='4'/%3E%3Crect x='60' y='40' width='4' height='4'/%3E%3Crect x='64' y='40' width='4' height='4'/%3E%3Crect x='76' y='40' width='4' height='4'/%3E%3Crect x='80' y='40' width='4' height='4'/%3E%3Crect x='0' y='44' width='4' height='4'/%3E%3Crect x='20' y='44' width='4' height='4'/%3E%3Crect x='40' y='44' width='4' height='4'/%3E%3Crect x='48' y='44' width='4' height='4'/%3E%3Crect x='52' y='44' width='4' height='4'/%3E%3Crect x='56' y='44' width='4' height='4'/%3E%3Crect x='68' y='44' width='4' height='4'/%3E%3Crect x='76' y='44' width='4' height='4'/%3E%3Crect x='4' y='48' width='4' height='4'/%3E%3Crect x='16' y='48' width='4' height='4'/%3E%3Crect x='24' y='48' width='4' height='4'/%3E%3Crect x='40' y='48' width='4' height='4'/%3E%3Crect x='44' y='48' width='4' height='4'/%3E%3Crect x='48' y='48' width='4' height='4'/%3E%3Crect x='64' y='48' width='4' height='4'/%3E%3Crect x='68' y='48' width='4' height='4'/%3E%3Crect x='80' y='48' width='4' height='4'/%3E%3Crect x='36' y='52' width='4' height='4'/%3E%3Crect x='48' y='52' width='4' height='4'/%3E%3Crect x='52' y='52' width='4' height='4'/%3E%3Crect x='60' y='52' width='4' height='4'/%3E%3Crect x='68' y='52' width='4' height='4'/%3E%3Crect x='72' y='52' width='4' height='4'/%3E%3Crect x='32' y='56' width='4' height='4'/%3E%3Crect x='36' y='56' width='4' height='4'/%3E%3Crect x='48' y='56' width='4' height='4'/%3E%3Crect x='56' y='56' width='4' height='4'/%3E%3Crect x='60' y='56' width='4' height='4'/%3E%3Crect x='64' y='56' width='4' height='4'/%3E%3Crect x='72' y='56' width='4' height='4'/%3E%3Crect x='76' y='56' width='4' height='4'/%3E%3Crect x='80' y='56' width='4' height='4'/%3E%3Crect x='36' y='60' width='4' height='4'/%3E%3Crect x='48' y='60' width='4' height='4'/%3E%3Crect x='52' y='60' width='4' height='4'/%3E%3Crect x='60' y='60' width='4' height='4'/%3E%3Crect x='64' y='60' width='4' height='4'/%3E%3Crect x='76' y='60' width='4' height='4'/%3E%3Crect x='36' y='64' width='4' height='4'/%3E%3Crect x='40' y='64' width='4' height='4'/%3E%3Crect x='44' y='64' width='4' height='4'/%3E%3Crect x='48' y='64' width='4' height='4'/%3E%3Crect x='52' y='64' width='4' height='4'/%3E%3Crect x='68' y='64' width='4' height='4'/%3E%3Crect x='72' y='64' width='4' height='4'/%3E%3Crect x='76' y='64' width='4' height='4'/%3E%3Crect x='32' y='68' width='4' height='4'/%3E%3Crect x='36' y='68' width='4' height='4'/%3E%3Crect x='40' y='68' width='4' height='4'/%3E%3Crect x='44' y='68' width='4' height='4'/%3E%3Crect x='48' y='68' width='4' height='4'/%3E%3Crect x='52' y='68' width='4' height='4'/%3E%3Crect x='60' y='68' width='4' height='4'/%3E%3Crect x='72' y='68' width='4' height='4'/%3E%3Crect x='44' y='72' width='4' height='4'/%3E%3Crect x='52' y='72' width='4' height='4'/%3E%3Crect x='56' y='72' width='4' height='4'/%3E%3Crect x='60' y='72' width='4' height='4'/%3E%3Crect x='64' y='72' width='4' height='4'/%3E%3Crect x='72' y='72' width='4' height='4'/%3E%3Crect x='80' y='72' width='4' height='4'/%3E%3Crect x='32' y='76' width='4' height='4'/%3E%3Crect x='52' y='76' width='4' height='4'/%3E%3Crect x='56' y='76' width='4' height='4'/%3E%3Crect x='76' y='76' width='4' height='4'/%3E%3Crect x='40' y='80' width='4' height='4'/%3E%3Crect x='48' y='80' width='4' height='4'/%3E%3Crect x='52' y='80' width='4' height='4'/%3E%3Crect x='64' y='80' width='4' height='4'/%3E%3Crect x='68' y='80' width='4' height='4'/%3E%3Crect x='76' y='80' width='4' height='4'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 114px 114px !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.22) !important;
  flex-shrink: 0 !important;
}
#lad-loy-tipos-root .lad-loy-tipos__card-serial {
  text-align: center !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em !important;
  color: rgba(255,255,255,0.65) !important;
  font-family: "SF Mono", "Menlo", "Consolas", monospace !important;
  margin: 8px 0 0 !important;
}
#lad-loy-tipos-root .lad-loy-tipos__card--light .lad-loy-tipos__card-serial {
  color: rgba(0,0,0,0.5) !important;
}

#lad-loy-tipos-root .lad-loy-tipos__progress {
  position: absolute !important;
  bottom: 48px !important;
  left: 64px !important;
  right: 64px !important;
  z-index: 10 !important;
}
#lad-loy-tipos-root .lad-loy-tipos__progress-track {
  position: relative !important;
  height: 2px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border-radius: 980px !important;
  overflow: hidden !important;
  margin: 0 0 14px !important;
}
#lad-loy-tipos-root .lad-loy-tipos__progress-bar {
  --progress: 0;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, #ff4a1c 0%, #ffc400 100%) !important;
  transform-origin: left center !important;
  transform: scaleX(var(--progress)) !important;
  transition: transform .15s linear !important;
  box-shadow: 0 0 12px rgba(255, 196, 0, 0.4) !important;
}
#lad-loy-tipos-root .lad-loy-tipos__progress-labels {
  display: flex !important;
  justify-content: space-between !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
}
#lad-loy-tipos-root .lad-loy-tipos__progress-labels span {
  color: rgba(255, 255, 255, 0.5) !important;
  transition: color .3s ease, transform .3s ease, font-weight .3s ease !important;
  flex: 1 !important;
  text-align: center !important;
}
#lad-loy-tipos-root .lad-loy-tipos__progress-labels span:first-child { text-align: left !important; }
#lad-loy-tipos-root .lad-loy-tipos__progress-labels span:last-child  { text-align: right !important; }
#lad-loy-tipos-root .lad-loy-tipos__progress-labels span.is-active {
  color: #ffffff !important;
  font-weight: 600 !important;
  transform: translateY(-2px) !important;
}

#lad-loy-tipos-root .lad-loy-tipos__card-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
}
#lad-loy-tipos-root .lad-loy-tipos__card-brand {
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  color: #ffffff !important;
}
#lad-loy-tipos-root .lad-loy-tipos__card-type {
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  padding: 4px 10px !important;
  border-radius: 980px !important;
  background: rgba(255,255,255,0.2) !important;
  color: #ffffff !important;
}
#lad-loy-tipos-root .lad-loy-tipos__card-divider {
  height: 1px !important;
  background: rgba(255,255,255,0.2) !important;
  margin: 12px 0 !important;
}
#lad-loy-tipos-root .lad-loy-tipos__card-fields {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 16px !important;
  margin: 0 !important;
}
#lad-loy-tipos-root .lad-loy-tipos__card-field {
  min-width: 0 !important;
}
#lad-loy-tipos-root .lad-loy-tipos__card-field--right {
  text-align: right !important;
}
#lad-loy-tipos-root .lad-loy-tipos__card-flabel {
  display: block !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  color: rgba(255,255,255,0.72) !important;
  margin: 0 0 4px !important;
}
#lad-loy-tipos-root .lad-loy-tipos__card-fvalue {
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  color: #ffffff !important;
  line-height: 1.2 !important;
}
#lad-loy-tipos-root .lad-loy-tipos__card-watermark {
  margin: 6px 0 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 56px !important;
  opacity: 0.9 !important;
}
#lad-loy-tipos-root .lad-loy-tipos__card-watermark img {
  max-height: 56px !important;
  max-width: 70% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

#lad-loy-tipos-root .lad-loy-tipos__card-visual { display: contents; }

@media (max-width: 1024px) {
  #lad-loy-tipos-root { height: 260vh !important; }
  #lad-loy-tipos-root .lad-loy-tipos__sticky {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding: 56px 24px 100px !important;
    text-align: center !important;
    max-width: 720px !important;
  }
  #lad-loy-tipos-root .lad-loy-tipos__progress {
    left: 24px !important;
    right: 24px !important;
    bottom: 32px !important;
  }
  #lad-loy-tipos-root .lad-loy-tipos__side {
    max-width: 640px !important;
    margin: 0 auto !important;
    align-items: center !important;
    text-align: center !important;
  }
  #lad-loy-tipos-root .lad-loy-tipos__title { max-width: 100% !important; }
  #lad-loy-tipos-root .lad-loy-tipos__info { text-align: center !important; max-width: 540px !important; margin: 0 auto !important; }
  #lad-loy-tipos-root .lad-loy-tipos__info-title { display: inline-block !important; font-size: clamp(34px, 5vw, 44px) !important; }
  #lad-loy-tipos-root .lad-loy-tipos__info-body { margin-left: auto !important; margin-right: auto !important; }
  #lad-loy-tipos-root .lad-loy-tipos__card { width: 280px !important; height: 400px !important; margin: -200px 0 0 -140px !important; }
}
@media (max-width: 768px) {
  /* Forzar elementos data-stagger visibles en mobile (sin animación de reveal) */
  #lad-loy-tipos-root [data-stagger] {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
  }
  /* Alturas fijas — no confiamos en 100vh que Elementor puede aplastar */
  #lad-loy-tipos-root {
    height: auto !important;
    min-height: 0 !important;
    padding: 48px 0 32px !important;
    overflow: hidden !important;
    display: block !important;
  }
  #lad-loy-tipos-root .lad-loy-tipos__sticky {
    position: relative !important;
    top: auto !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    overflow: visible !important;
    max-width: 100% !important;
    margin: 0 !important;
    gap: 20px !important;
    align-items: stretch !important;
  }

  /* Header compacto */
  #lad-loy-tipos-root .lad-loy-tipos__side {
    padding: 0 20px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important;
    max-width: 100% !important;
    text-align: center !important;
  }
  #lad-loy-tipos-root .lad-loy-tipos__eyebrow { font-size: 11px !important; margin: 0 !important; }
  #lad-loy-tipos-root .lad-loy-tipos__title {
    font-size: clamp(22px, 5.5vw, 28px) !important;
    line-height: 1.15 !important;
    max-width: 100% !important;
  }
  #lad-loy-tipos-root .lad-loy-tipos__info { display: none !important; }

  /* Stage con altura FIJA */
  #lad-loy-tipos-root .lad-loy-tipos__stage {
    position: relative !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    height: 620px !important;
    min-height: 620px !important;
    max-height: 620px !important;
    perspective: none !important;
    align-items: stretch !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  #lad-loy-tipos-root .lad-loy-tipos__stage::-webkit-scrollbar { display: none !important; }

  /* Cards: 100vw slide con wallet visual + mcopy stacked */
  #lad-loy-tipos-root .lad-loy-tipos__card {
    position: relative !important;
    left: auto !important; top: auto !important; margin: 0 !important;
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;
    height: 620px !important;
    min-height: 620px !important;
    padding: 16px 24px !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    scroll-snap-align: center !important;
    scroll-snap-stop: always !important;
    transform: none !important;
    opacity: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important;
    flex: 0 0 100vw !important;
  }

  /* __card-visual: card compacta con wallet completo (logo grande + fields + QR) */
  #lad-loy-tipos-root .lad-loy-tipos__card-visual {
    display: flex !important;
    flex-direction: column !important;
    width: 300px !important;
    max-width: calc(100vw - 48px) !important;
    padding: 22px 22px 20px !important;
    border-radius: 24px !important;
    background: var(--brand, linear-gradient(135deg, #ff4a1c, #ffc400)) !important;
    box-shadow:
      0 30px 60px -20px rgba(0,0,0,0.55),
      0 12px 24px -12px rgba(0,0,0,0.35),
      inset 0 1px 0 rgba(255,255,255,0.22) !important;
    gap: 14px !important;
    position: relative !important;
    order: 1 !important;
  }

  /* Header del wallet: brand + type badge */
  #lad-loy-tipos-root .lad-loy-tipos__card-visual .lad-loy-tipos__card-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 10px !important;
  }
  #lad-loy-tipos-root .lad-loy-tipos__card-visual .lad-loy-tipos__card-brand {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
  }
  #lad-loy-tipos-root .lad-loy-tipos__card-visual .lad-loy-tipos__card-type {
    font-size: 9px !important;
    padding: 3px 8px !important;
    letter-spacing: 0.14em !important;
  }

  /* Divider */
  #lad-loy-tipos-root .lad-loy-tipos__card-visual .lad-loy-tipos__card-divider {
    height: 1px !important;
    background: rgba(255,255,255,0.2) !important;
    margin: 2px 0 !important;
  }

  /* Fields */
  #lad-loy-tipos-root .lad-loy-tipos__card-visual .lad-loy-tipos__card-fields {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 14px !important;
  }
  #lad-loy-tipos-root .lad-loy-tipos__card-visual .lad-loy-tipos__card-flabel {
    font-size: 10px !important;
    color: rgba(255,255,255,0.72) !important;
    margin-bottom: 3px !important;
    display: block !important;
  }
  #lad-loy-tipos-root .lad-loy-tipos__card-visual .lad-loy-tipos__card-fvalue {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
  }

  /* QR */
  #lad-loy-tipos-root .lad-loy-tipos__card-visual .lad-loy-tipos__card-qr {
    display: block !important;
    width: 100px !important;
    height: 100px !important;
    background-size: 86px 86px !important;
    padding: 5px !important;
    margin: 4px auto 0 !important;
    align-self: center !important;
    box-shadow: 0 6px 16px -6px rgba(0,0,0,0.4) !important;
    background-color: #ffffff !important;
    border-radius: 10px !important;
  }

  /* Serial */
  #lad-loy-tipos-root .lad-loy-tipos__card-visual .lad-loy-tipos__card-serial {
    display: block !important;
    text-align: center !important;
    font-size: 9px !important;
    color: rgba(255,255,255,0.6) !important;
    margin: 2px 0 0 !important;
    letter-spacing: 0.12em !important;
  }

  /* Watermark logo — grande, al final */
  #lad-loy-tipos-root .lad-loy-tipos__card-visual .lad-loy-tipos__card-watermark {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    margin: 4px 0 0 !important;
    opacity: 0.95 !important;
  }
  #lad-loy-tipos-root .lad-loy-tipos__card-visual .lad-loy-tipos__card-watermark img {
    max-height: 44px !important;
    max-width: 65% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
  }

  /* MCOPY: chip + título + body + CTA */
  #lad-loy-tipos-root .lad-loy-tipos__card-mcopy {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 0 8px !important;
    max-width: 340px !important;
    margin: 0 auto !important;
    gap: 10px !important;
    order: 2 !important;
  }
  /* Título del mcopy oculto en mobile (ya está el brand en la card) */
  #lad-loy-tipos-root .lad-loy-tipos__card-mcopy-title { display: none !important; }
  /* mcopy orden 3 — texto + CTA debajo del QR */
  #lad-loy-tipos-root .lad-loy-tipos__card-mcopy {
    order: 3 !important;
  }
  #lad-loy-tipos-root .lad-loy-tipos__card-mcopy-title {
    font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    margin: 0 !important;
    background: linear-gradient(135deg, #ff4a1c 0%, #ff7e1c 50%, #ffc400 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    letter-spacing: -0.02em !important;
  }
  #lad-loy-tipos-root .lad-loy-tipos__card-mcopy-body {
    font-size: 14px !important;
    line-height: 1.45 !important;
    color: #d4d4d8 !important;
    margin: 0 !important;
    font-weight: 400 !important;
  }
  #lad-loy-tipos-root .lad-loy-tipos__card-mcopy-cta {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 13px 26px !important;
    border-radius: 980px !important;
    background: rgba(255, 74, 28, 0.2) !important;
    border: 1px solid rgba(255, 74, 28, 0.6) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    min-height: 46px !important;
    margin-top: 4px !important;
    white-space: nowrap !important;
  }
  #lad-loy-tipos-root .lad-loy-tipos__card-mcopy-cta span { font-size: 16px !important; }

  /* Dots abajo — con espacio garantizado */
  #lad-loy-tipos-root .lad-loy-tipos__progress {
    position: relative !important;
    left: auto !important; right: auto !important; bottom: auto !important;
    margin: 0 !important;
    max-width: 100% !important;
    padding: 0 20px !important;
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  #lad-loy-tipos-root .lad-loy-tipos__progress-track { display: none !important; }
  #lad-loy-tipos-root .lad-loy-tipos__progress-labels {
    display: flex !important; justify-content: center !important; gap: 10px !important; font-size: 0 !important;
  }
  #lad-loy-tipos-root .lad-loy-tipos__progress-labels span {
    width: 9px !important; height: 9px !important; border-radius: 50% !important;
    background: rgba(255,255,255,0.25) !important; color: transparent !important; padding: 0 !important;
    cursor: pointer !important; transition: background .3s ease, transform .3s ease !important;
    flex: 0 0 auto !important;
  }
  #lad-loy-tipos-root .lad-loy-tipos__progress-labels span.is-active {
    background: #ff4a1c !important; transform: scale(1.4) !important;
  }
}
@media (max-width: 480px) {
  #lad-loy-tipos-root .lad-loy-tipos__title { font-size: clamp(20px, 6vw, 26px) !important; }
  #lad-loy-tipos-root .lad-loy-tipos__stage { height: 600px !important; min-height: 600px !important; max-height: 600px !important; }
  #lad-loy-tipos-root .lad-loy-tipos__card { height: 600px !important; min-height: 600px !important; }
  #lad-loy-tipos-root .lad-loy-tipos__card-visual { width: 280px !important; padding: 20px 20px 18px !important; }
  #lad-loy-tipos-root .lad-loy-tipos__card-mcopy::before { width: 76px !important; height: 76px !important; }
  #lad-loy-tipos-root .lad-loy-tipos__card-mcopy-title { font-size: 28px !important; }
  #lad-loy-tipos-root .lad-loy-tipos__card-mcopy-body { font-size: 14px !important; }
}

@media (prefers-reduced-motion: reduce) {
  #lad-loy-tipos-root { height: auto !important; }
  #lad-loy-tipos-root .lad-loy-tipos__sticky {
    position: static !important;
    height: auto !important;
    padding: 80px 24px !important;
  }
  #lad-loy-tipos-root .lad-loy-tipos__stage {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 24px !important;
  }
  #lad-loy-tipos-root .lad-loy-tipos__card {
    position: relative !important;
    left: auto !important; top: auto !important;
    margin: 0 !important;
    width: 100% !important; height: auto !important;
    min-height: 380px !important;
    transform: none !important;
    opacity: 1 !important;
  }
  #lad-loy-tipos-root .lad-loy-tipos__progress { display: none !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0f86b7f */#lad-loy-push-root,
#lad-loy-push-root *,
#lad-loy-push-root *::before,
#lad-loy-push-root *::after { box-sizing: border-box; }

#lad-loy-push-root {
  background: #f5f5f7 !important;
  color: #1d1d1f !important;
  padding: 120px 24px !important;
  margin: 0 !important;
  width: 100% !important;
  font-family: "Inter Tight", "Inter", -apple-system, BlinkMacSystemFont,
               "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
#lad-loy-push-root .lad-loy-push__inner {
  max-width: 1200px !important;
  margin: 0 auto !important;
}

#lad-loy-push-root .lad-loy-push__head {
  text-align: center !important;
  max-width: 720px !important;
  margin: 0 auto 64px !important;
}
#lad-loy-push-root .lad-loy-push__eyebrow {
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #ff4a1c !important;
  margin: 0 0 16px !important;
}
#lad-loy-push-root .lad-loy-push__title {
  font-size: clamp(32px, 4.4vw, 52px) !important;
  font-weight: 600 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.024em !important;
  margin: 0 !important;
  color: #1d1d1f !important;
}
#lad-loy-push-root .lad-loy-push__grad {
  background: linear-gradient(135deg, #ff4a1c 0%, #ffc400 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  display: inline-block !important;
}
#lad-loy-push-root .lad-loy-push__lede {
  font-size: 17px !important;
  line-height: 1.55 !important;
  color: #6e6e73 !important;
  margin: 24px 0 0 !important;
}

#lad-loy-push-root .lad-loy-push__grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 20px !important;
}

#lad-loy-push-root .lad-loy-push__card {
  background: #ffffff !important;
  border-radius: 20px !important;
  padding: 24px !important;
  border: 1px solid #e5e5e7 !important;
  margin: 0 !important;
  transition: transform .35s cubic-bezier(.2,.8,.2,1),
              border-color .35s ease,
              box-shadow .35s ease !important;
}
#lad-loy-push-root .lad-loy-push__card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(255,74,28,0.3) !important;
  box-shadow: 0 20px 40px -16px rgba(0,0,0,0.1) !important;
}

#lad-loy-push-root .lad-loy-push__notif {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 12px 14px !important;
  background: rgba(255,255,255,0.78) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(0,0,0,0.05) !important;
  border-radius: 14px !important;
  margin: 0 0 20px !important;
  box-shadow: 0 10px 24px -8px rgba(0,0,0,0.08) !important;
}
#lad-loy-push-root .lad-loy-push__notif-icon {
  width: 36px !important;
  height: 36px !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #ff4a1c, #ffc400) !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  flex-shrink: 0 !important;
}
#lad-loy-push-root .lad-loy-push__notif-body { flex: 1 !important; min-width: 0 !important; }
#lad-loy-push-root .lad-loy-push__notif-title {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #1d1d1f !important;
  margin: 0 0 2px !important;
}
#lad-loy-push-root .lad-loy-push__notif-text {
  font-size: 12.5px !important;
  line-height: 1.35 !important;
  color: #1d1d1f !important;
  margin: 0 !important;
}
#lad-loy-push-root .lad-loy-push__notif-time {
  font-size: 11px !important;
  color: #86868b !important;
  flex-shrink: 0 !important;
}

#lad-loy-push-root .lad-loy-push__card-title {
  font-size: 17px !important;
  font-weight: 600 !important;
  letter-spacing: -0.012em !important;
  margin: 0 0 6px !important;
  color: #1d1d1f !important;
}
#lad-loy-push-root .lad-loy-push__card-body {
  font-size: 14.5px !important;
  line-height: 1.5 !important;
  color: #6e6e73 !important;
  margin: 0 !important;
}

@media (max-width: 1024px) {
  #lad-loy-push-root { padding: 88px 24px !important; }
  #lad-loy-push-root .lad-loy-push__head { margin-bottom: 48px !important; }
}
@media (max-width: 768px) {
  #lad-loy-push-root { padding: 72px 20px !important; }
  #lad-loy-push-root .lad-loy-push__title { font-size: clamp(28px, 6vw, 40px) !important; }
  #lad-loy-push-root .lad-loy-push__grid { grid-template-columns: 1fr !important; }
}
@media (max-width: 480px) {
  #lad-loy-push-root { padding: 64px 16px !important; }
}

@media (prefers-reduced-motion: reduce) {
  #lad-loy-push-root .lad-loy-push__card { transition: none !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6077e32 */#lad-loy-flow-root,
#lad-loy-flow-root *,
#lad-loy-flow-root *::before,
#lad-loy-flow-root *::after { box-sizing: border-box; }

#lad-loy-flow-root {
  position: relative !important;
  background: linear-gradient(180deg, #000000 0%, #09090b 100%) !important;
  color: #ffffff !important;
  padding: 120px 24px !important;
  margin: 0 !important;
  width: 100% !important;
  overflow: hidden !important;
  isolation: isolate !important;
  font-family: "Inter Tight", "Inter", -apple-system, BlinkMacSystemFont,
               "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

#lad-loy-flow-root .lad-loy-flow__bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
}
#lad-loy-flow-root .lad-loy-flow__glow {
  position: absolute !important;
  border-radius: 50% !important;
  filter: blur(70px);
  animation: ladLoyFlowPulse 11s ease-in-out infinite !important;
}
#lad-loy-flow-root .lad-loy-flow__glow--orange {
  top: 10% !important;
  left: -10% !important;
  width: 600px !important;
  height: 600px !important;
  background: radial-gradient(circle, rgba(255,74,28,0.20) 0%, transparent 70%) !important;
}
#lad-loy-flow-root .lad-loy-flow__glow--yellow {
  bottom: 0 !important;
  right: -10% !important;
  width: 480px !important;
  height: 480px !important;
  background: radial-gradient(circle, rgba(255,196,0,0.14) 0%, transparent 65%) !important;
  animation-delay: 5s !important;
}
@keyframes ladLoyFlowPulse {
  0%, 100% { opacity: 0.85; transform: scale(1); }
  50%      { opacity: 1;    transform: scale(1.12); }
}

#lad-loy-flow-root .lad-loy-flow__inner {
  position: relative !important;
  z-index: 1 !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

#lad-loy-flow-root .lad-loy-flow__head {
  text-align: center !important;
  max-width: 720px !important;
  margin: 0 auto 72px !important;
}
#lad-loy-flow-root .lad-loy-flow__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #ff4a1c !important;
  margin: 0 0 16px !important;
}
#lad-loy-flow-root .lad-loy-flow__pulse {
  display: inline-block !important;
  width: 8px;
  height: 8px;
  border-radius: 50% !important;
  background: #ff4a1c;
  animation: ladLoyFlowLivePulse 2s cubic-bezier(0, 0, 0.2, 1) infinite !important;
}
@keyframes ladLoyFlowLivePulse {
  0%   { box-shadow: 0 0 0 0 rgba(255, 74, 28, 0.6); }
  70%  { box-shadow: 0 0 0 10px rgba(255, 74, 28, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 74, 28, 0); }
}
#lad-loy-flow-root .lad-loy-flow__title {
  font-size: clamp(32px, 4.4vw, 52px) !important;
  font-weight: 600 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.024em !important;
  margin: 0 !important;
  color: #ffffff !important;
}
#lad-loy-flow-root .lad-loy-flow__grad {
  background: linear-gradient(135deg, #ff4a1c 0%, #ffc400 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  display: inline-block !important;
}
#lad-loy-flow-root .lad-loy-flow__lede {
  font-size: 17px !important;
  line-height: 1.55 !important;
  color: #d2d2d7 !important;
  margin: 24px auto 0 !important;
  max-width: 580px !important;
}

#lad-loy-flow-root .lad-loy-flow__stage {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  gap: 24px !important;
  align-items: center !important;
  justify-items: center !important;
  max-width: 980px !important;
  margin: 0 auto 64px !important;
  perspective: 1600px !important;
}

#lad-loy-flow-root .lad-loy-flow__phone {
  position: relative !important;
  width: 240px !important;
  background: linear-gradient(180deg, #1a1a1d 0%, #09090b 100%) !important;
  border-radius: 36px !important;
  padding: 8px !important;
  box-shadow: 0 40px 80px -20px rgba(0,0,0,0.6), inset 0 0 0 1.5px rgba(255,255,255,0.08) !important;
  overflow: hidden !important;
}
#lad-loy-flow-root .lad-loy-flow__phone--customer {
  transform: rotateY(8deg) rotateX(2deg);
  animation: ladLoyFlowFloatA 7s ease-in-out infinite !important;
}
#lad-loy-flow-root .lad-loy-flow__phone--cashier {
  transform: rotateY(-8deg) rotateX(2deg);
  animation: ladLoyFlowFloatB 7s ease-in-out infinite !important;
}
@keyframes ladLoyFlowFloatA {
  0%, 100% { transform: rotateY(8deg) rotateX(2deg) translateY(0); }
  50%      { transform: rotateY(8deg) rotateX(2deg) translateY(-10px); }
}
@keyframes ladLoyFlowFloatB {
  0%, 100% { transform: rotateY(-8deg) rotateX(2deg) translateY(0); }
  50%      { transform: rotateY(-8deg) rotateX(2deg) translateY(-8px); }
}

#lad-loy-flow-root .lad-loy-flow__notch {
  position: absolute !important;
  top: 12px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 50px !important;
  height: 16px !important;
  background: #000 !important;
  border-radius: 980px !important;
  z-index: 3 !important;
}

#lad-loy-flow-root .lad-loy-flow__status {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 14px 22px 6px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  font-family: "Inter", sans-serif !important;
}
#lad-loy-flow-root .lad-loy-flow__status-right { display: inline-flex !important; align-items: center !important; gap: 5px !important; }
#lad-loy-flow-root .lad-loy-flow__signal,
#lad-loy-flow-root .lad-loy-flow__wifi,
#lad-loy-flow-root .lad-loy-flow__battery {
  display: inline-block !important;
  background: #ffffff !important;
}
#lad-loy-flow-root .lad-loy-flow__signal {
  width: 14px !important; height: 9px !important;
  -webkit-mask: linear-gradient(to top, #000 0 25%, transparent 25% 33%, #000 33% 50%, transparent 50% 58%, #000 58% 75%, transparent 75% 83%, #000 83%) right / 3px 100% repeat-x !important;
          mask: linear-gradient(to top, #000 0 25%, transparent 25% 33%, #000 33% 50%, transparent 50% 58%, #000 58% 75%, transparent 75% 83%, #000 83%) right / 3px 100% repeat-x !important;
}
#lad-loy-flow-root .lad-loy-flow__wifi {
  width: 12px !important; height: 9px !important;
  clip-path: polygon(50% 0, 100% 35%, 100% 50%, 75% 35%, 50% 100%, 25% 35%, 0 50%, 0 35%) !important;
}
#lad-loy-flow-root .lad-loy-flow__battery {
  width: 22px !important; height: 11px !important;
  background: transparent !important;
  border: 1px solid #ffffff !important;
  border-radius: 3px !important;
  position: relative !important;
}
#lad-loy-flow-root .lad-loy-flow__battery::before {
  content: "" !important;
  position: absolute !important;
  inset: 1.5px 4px 1.5px 1.5px !important;
  background: #ffffff !important;
  border-radius: 1.5px !important;
}
#lad-loy-flow-root .lad-loy-flow__battery::after {
  content: "" !important;
  position: absolute !important;
  top: 3px !important; right: -3px !important;
  width: 2px !important; height: 5px !important;
  background: #ffffff !important;
  border-radius: 0 1px 1px 0 !important;
}

#lad-loy-flow-root .lad-loy-flow__pass {
  position: relative !important;
  margin: 6px 6px 8px !important;
  border-radius: 24px !important;
  padding: 22px 18px 16px !important;
  background: linear-gradient(135deg, #ff4a1c 0%, #ff7e1c 60%, #ffc400 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 32px -10px rgba(255,74,28,0.5), inset 0 1px 0 rgba(255,255,255,0.18) !important;
  min-height: 350px !important;
}
#lad-loy-flow-root .lad-loy-flow__brand {
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  opacity: 0.9 !important;
  margin: 0 0 12px !important;
}
#lad-loy-flow-root .lad-loy-flow__pass-title {
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: -0.014em !important;
  margin: 0 0 6px !important;
}
#lad-loy-flow-root .lad-loy-flow__meta {
  display: flex !important;
  justify-content: space-between !important;
  font-size: 11px !important;
  opacity: 0.9 !important;
  margin: 0 0 18px !important;
}
#lad-loy-flow-root .lad-loy-flow__meta strong { font-size: 13px !important; display: inline-block !important; }

#lad-loy-flow-root .lad-loy-flow__stamps {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 6px !important;
  margin: 0 0 14px !important;
}
#lad-loy-flow-root .lad-loy-flow__stamps span {
  aspect-ratio: 1 !important;
  border-radius: 50% !important;
  border: 1.5px solid rgba(255,255,255,0.45);
  background: transparent;
}
#lad-loy-flow-root .lad-loy-flow__stamps span.filled {
  background: rgba(255,255,255,0.95) !important;
  border-color: rgba(255,255,255,0.95) !important;
}
#lad-loy-flow-root .lad-loy-flow__new {
  animation: ladLoyFlowNewStamp 12s linear infinite !important;
}
@keyframes ladLoyFlowNewStamp {
  0%, 65%   { background: transparent; border-color: rgba(255,255,255,0.45); transform: scale(1); }
  70%       { background: rgba(255,255,255,0.95); border-color: rgba(255,255,255,0.95); transform: scale(1.6); box-shadow: 0 0 24px rgba(255,255,255,0.8); }
  76%       { transform: scale(1); background: rgba(255,255,255,0.95); border-color: rgba(255,255,255,0.95); }
  95%       { background: rgba(255,255,255,0.95); border-color: rgba(255,255,255,0.95); }
  98%, 100% { background: transparent; border-color: rgba(255,255,255,0.45); transform: scale(1); }
}

#lad-loy-flow-root .lad-loy-flow__qr-mini {
  position: relative !important;
  width: 48px;
  height: 48px;
  margin: 0 0 8px !important;
  background:
    repeating-linear-gradient(0deg, #ffffff 0px, #ffffff 2px, transparent 2px, transparent 4px),
    repeating-linear-gradient(90deg, #ffffff 0px, #ffffff 2px, rgba(0,0,0,0.85) 2px, rgba(0,0,0,0.85) 4px);
  background-blend-mode: multiply !important;
  border-radius: 4px !important;
  opacity: 0.85;
  animation: ladLoyFlowQrMini 12s linear infinite !important;
}
@keyframes ladLoyFlowQrMini {
  0%, 18%   { opacity: 0.85; transform: scale(1); }
  22%       { opacity: 1; transform: scale(1.08); box-shadow: 0 0 16px rgba(255,255,255,0.4); }
  38%       { opacity: 1; transform: scale(1.04); }
  45%       { opacity: 0.85; transform: scale(1); box-shadow: none; }
  100%      { opacity: 0.85; }
}
#lad-loy-flow-root .lad-loy-flow__qr-pulse {
  position: absolute !important;
  inset: -8px !important;
  border-radius: 8px !important;
  border: 2px solid rgba(255,255,255,0.5);
  opacity: 0;
  animation: ladLoyFlowQrPulseRing 12s linear infinite !important;
}
@keyframes ladLoyFlowQrPulseRing {
  0%, 20%   { opacity: 0; transform: scale(0.9); }
  25%       { opacity: 1; transform: scale(1); }
  40%       { opacity: 0; transform: scale(1.4); }
  100%      { opacity: 0; }
}

#lad-loy-flow-root .lad-loy-flow__code {
  height: 24px !important;
  background: repeating-linear-gradient(90deg,
    rgba(0,0,0,0.85) 0px, rgba(0,0,0,0.85) 2px,
    #ffffff 2px, #ffffff 3px,
    rgba(0,0,0,0.85) 3px, rgba(0,0,0,0.85) 4px,
    #ffffff 4px, #ffffff 6px) !important;
  border-radius: 3px !important;
  margin-top: 4px !important;
  opacity: 0.85 !important;
}

#lad-loy-flow-root .lad-loy-flow__notif {
  position: absolute !important;
  top: 56px;
  left: 12px;
  right: 12px;
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  padding: 10px 12px !important;
  background: rgba(28, 28, 30, 0.78);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px !important;
  box-shadow: 0 12px 32px -8px rgba(0,0,0,0.5);
  opacity: 0;
  transform: translateY(-100px) scale(0.95);
  pointer-events: none !important;
  z-index: 4 !important;
  animation: ladLoyFlowNotif 12s linear infinite !important;
}
@keyframes ladLoyFlowNotif {
  0%, 78%   { opacity: 0; transform: translateY(-100px) scale(0.95); }
  82%       { opacity: 1; transform: translateY(0) scale(1); }
  92%       { opacity: 1; transform: translateY(0) scale(1); }
  98%       { opacity: 0; transform: translateY(-30px) scale(0.95); }
  100%      { opacity: 0; }
}
#lad-loy-flow-root .lad-loy-flow__notif-icon {
  width: 32px !important; height: 32px !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #ff4a1c, #ffc400) !important;
  color: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  flex-shrink: 0 !important;
}
#lad-loy-flow-root .lad-loy-flow__notif-body { flex: 1 !important; min-width: 0 !important; }
#lad-loy-flow-root .lad-loy-flow__notif-title {
  font-size: 11px !important; font-weight: 600 !important; color: #fff !important; margin: 0 0 2px !important;
}
#lad-loy-flow-root .lad-loy-flow__notif-text {
  font-size: 11px !important; line-height: 1.3 !important;
  color: rgba(255,255,255,0.85) !important; margin: 0 !important;
}
#lad-loy-flow-root .lad-loy-flow__notif-time {
  font-size: 10px !important; color: rgba(255,255,255,0.55) !important; flex-shrink: 0 !important;
}

#lad-loy-flow-root .lad-loy-flow__data {
  position: relative !important;
  width: 120px !important;
  height: 200px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 24px !important;
}
#lad-loy-flow-root .lad-loy-flow__line {
  position: relative !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1) 20%, rgba(255,255,255,0.1) 80%, transparent) !important;
}
#lad-loy-flow-root .lad-loy-flow__line--back {
  background: linear-gradient(90deg, transparent, rgba(255,196,0,0.12) 20%, rgba(255,196,0,0.12) 80%, transparent) !important;
}
#lad-loy-flow-root .lad-loy-flow__dot-flow {
  position: absolute !important;
  top: 50%;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50% !important;
  background: #ff4a1c;
  box-shadow: 0 0 12px rgba(255,74,28,0.7);
  transform: translate(-50%, -50%);
  opacity: 0;
  animation: ladLoyFlowDot 12s linear infinite !important;
}
#lad-loy-flow-root .lad-loy-flow__dot-flow--1 { animation-delay: 0s !important; }
#lad-loy-flow-root .lad-loy-flow__dot-flow--2 { animation-delay: 0.25s !important; }
#lad-loy-flow-root .lad-loy-flow__dot-flow--3 { animation-delay: 0.5s !important; }
@keyframes ladLoyFlowDot {
  0%, 22%   { left: 0; opacity: 0; }
  25%       { left: 0; opacity: 1; }
  40%       { left: 100%; opacity: 1; }
  43%       { left: 100%; opacity: 0; }
  100%      { opacity: 0; }
}
#lad-loy-flow-root .lad-loy-flow__dot-flow--back {
  background: #ffc400 !important;
  box-shadow: 0 0 12px rgba(255,196,0,0.7) !important;
  animation-name: ladLoyFlowDotBack !important;
}
@keyframes ladLoyFlowDotBack {
  0%, 60%   { left: 100%; opacity: 0; }
  62%       { left: 100%; opacity: 1; }
  72%       { left: 0; opacity: 1; }
  74%       { left: 0; opacity: 0; }
  100%      { opacity: 0; }
}
#lad-loy-flow-root .lad-loy-flow__dot-flow--back.lad-loy-flow__dot-flow--1 { animation-delay: 0s !important; }
#lad-loy-flow-root .lad-loy-flow__dot-flow--back.lad-loy-flow__dot-flow--2 { animation-delay: 0.2s !important; }

#lad-loy-flow-root .lad-loy-flow__scanner {
  position: relative !important;
  margin: 6px 6px 8px !important;
  border-radius: 24px !important;
  background: #0a0a0c !important;
  padding: 28px 18px 22px !important;
  min-height: 350px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;
}
#lad-loy-flow-root .lad-loy-flow__viewfinder {
  position: relative !important;
  width: 168px !important;
  height: 168px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#lad-loy-flow-root .lad-loy-flow__corner {
  position: absolute !important;
  width: 28px;
  height: 28px;
  border: 2.5px solid #ff4a1c;
  animation: ladLoyFlowCorner 12s linear infinite !important;
}
#lad-loy-flow-root .lad-loy-flow__corner--tl { top: 0; left: 0; border-right: 0; border-bottom: 0; border-radius: 6px 0 0 0; }
#lad-loy-flow-root .lad-loy-flow__corner--tr { top: 0; right: 0; border-left: 0; border-bottom: 0; border-radius: 0 6px 0 0; }
#lad-loy-flow-root .lad-loy-flow__corner--bl { bottom: 0; left: 0; border-right: 0; border-top: 0; border-radius: 0 0 0 6px; }
#lad-loy-flow-root .lad-loy-flow__corner--br { bottom: 0; right: 0; border-left: 0; border-top: 0; border-radius: 0 0 6px 0; }
@keyframes ladLoyFlowCorner {
  0%, 22%   { border-color: rgba(255,255,255,0.3); }
  25%       { border-color: #ff4a1c; }
  55%       { border-color: #ff4a1c; }
  60%       { border-color: #28c840; }
  78%       { border-color: #28c840; }
  82%       { border-color: rgba(255,255,255,0.3); }
}

#lad-loy-flow-root .lad-loy-flow__qr-target {
  width: 110px;
  height: 110px;
  background:
    repeating-linear-gradient(0deg, #ffffff 0px, #ffffff 4px, transparent 4px, transparent 8px),
    repeating-linear-gradient(90deg, #ffffff 0px, #ffffff 4px, #0a0a0c 4px, #0a0a0c 8px);
  background-blend-mode: multiply !important;
  border-radius: 4px !important;
  opacity: 0.6;
  animation: ladLoyFlowQrTarget 12s linear infinite !important;
}
@keyframes ladLoyFlowQrTarget {
  0%, 22%   { opacity: 0; transform: scale(0.85); }
  28%       { opacity: 0.95; transform: scale(1); }
  55%       { opacity: 0.95; transform: scale(1); }
  60%       { opacity: 0; transform: scale(1.1); }
  100%      { opacity: 0; }
}

#lad-loy-flow-root .lad-loy-flow__beam {
  position: absolute !important;
  left: 4px;
  right: 4px;
  height: 2px;
  background: linear-gradient(90deg, transparent, #ff4a1c 30%, #ffc400 50%, #ff4a1c 70%, transparent);
  box-shadow: 0 0 16px rgba(255,74,28,0.7);
  opacity: 0;
  top: 8px;
  animation: ladLoyFlowBeam 12s linear infinite !important;
}
@keyframes ladLoyFlowBeam {
  0%, 28%   { opacity: 0; top: 8px; }
  32%       { opacity: 1; top: 8px; }
  48%       { opacity: 1; top: calc(100% - 12px); }
  52%       { opacity: 0; top: calc(100% - 12px); }
  100%      { opacity: 0; }
}

#lad-loy-flow-root .lad-loy-flow__check {
  position: absolute !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 76px;
  height: 76px;
  border-radius: 50% !important;
  background: #28c840;
  color: #ffffff;
  box-shadow: 0 0 40px rgba(40, 200, 64, 0.5);
  opacity: 0;
  transform: scale(0);
  animation: ladLoyFlowCheck 12s linear infinite !important;
}
@keyframes ladLoyFlowCheck {
  0%, 55%   { opacity: 0; transform: scale(0); }
  60%       { opacity: 1; transform: scale(1.3); }
  65%       { opacity: 1; transform: scale(1); }
  75%       { opacity: 1; transform: scale(1); }
  80%       { opacity: 0; transform: scale(0.9); }
  100%      { opacity: 0; }
}

#lad-loy-flow-root .lad-loy-flow__scanner-info { text-align: center !important; }
#lad-loy-flow-root .lad-loy-flow__scanner-brand {
  font-size: 12px !important; font-weight: 600 !important; color: #fff !important; margin: 0 0 4px !important;
}
#lad-loy-flow-root .lad-loy-flow__scanner-action {
  font-size: 11px; color: #a1a1a6; letter-spacing: 0.02em !important;
  animation: ladLoyFlowScannerAction 12s linear infinite !important;
}
@keyframes ladLoyFlowScannerAction {
  0%, 55%   { color: #a1a1a6; }
  60%       { color: #28c840; font-weight: 600; }
  78%       { color: #28c840; font-weight: 600; }
  82%       { color: #a1a1a6; font-weight: 400; }
  100%      { color: #a1a1a6; }
}

#lad-loy-flow-root .lad-loy-flow__timeline {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 auto 48px !important;
  max-width: 980px !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
}
#lad-loy-flow-root .lad-loy-flow__step {
  position: relative !important;
  padding: 20px 16px 16px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  display: flex !important;
  gap: 12px !important;
  align-items: flex-start !important;
  transition: background .3s ease, border-color .3s ease !important;
}
#lad-loy-flow-root .lad-loy-flow__step-num {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  color: rgba(255,255,255,0.4) !important;
  padding: 4px 8px !important;
  background: rgba(255,255,255,0.04) !important;
  border-radius: 980px !important;
  flex-shrink: 0 !important;
}
#lad-loy-flow-root .lad-loy-flow__step-body { flex: 1 !important; min-width: 0 !important; }
#lad-loy-flow-root .lad-loy-flow__step-body strong {
  display: block !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  margin: 0 0 4px !important;
  line-height: 1.3 !important;
}
#lad-loy-flow-root .lad-loy-flow__step-body span {
  display: block !important;
  font-size: 12.5px !important;
  color: #a1a1a6 !important;
  line-height: 1.4 !important;
}

#lad-loy-flow-root .lad-loy-flow__step--1 { animation: ladLoyFlowStep1 12s linear infinite !important; }
#lad-loy-flow-root .lad-loy-flow__step--2 { animation: ladLoyFlowStep2 12s linear infinite !important; }
#lad-loy-flow-root .lad-loy-flow__step--3 { animation: ladLoyFlowStep3 12s linear infinite !important; }
#lad-loy-flow-root .lad-loy-flow__step--4 { animation: ladLoyFlowStep4 12s linear infinite !important; }
@keyframes ladLoyFlowStep1 {
  0%, 22% { background: rgba(255,74,28,0.12); border-color: rgba(255,74,28,0.4); box-shadow: 0 0 24px rgba(255,74,28,0.18); }
  25%, 100% { background: rgba(255,255,255,0.03); border-color: rgba(255,255,255,0.06); box-shadow: none; }
}
@keyframes ladLoyFlowStep2 {
  0%, 22%   { background: rgba(255,255,255,0.03); border-color: rgba(255,255,255,0.06); }
  25%, 55%  { background: rgba(255,74,28,0.12); border-color: rgba(255,74,28,0.4); box-shadow: 0 0 24px rgba(255,74,28,0.18); }
  58%, 100% { background: rgba(255,255,255,0.03); border-color: rgba(255,255,255,0.06); box-shadow: none; }
}
@keyframes ladLoyFlowStep3 {
  0%, 55%   { background: rgba(255,255,255,0.03); border-color: rgba(255,255,255,0.06); }
  58%, 78%  { background: rgba(255,74,28,0.12); border-color: rgba(255,74,28,0.4); box-shadow: 0 0 24px rgba(255,74,28,0.18); }
  82%, 100% { background: rgba(255,255,255,0.03); border-color: rgba(255,255,255,0.06); box-shadow: none; }
}
@keyframes ladLoyFlowStep4 {
  0%, 78%   { background: rgba(255,255,255,0.03); border-color: rgba(255,255,255,0.06); }
  82%, 98%  { background: rgba(255,74,28,0.12); border-color: rgba(255,74,28,0.4); box-shadow: 0 0 24px rgba(255,74,28,0.18); }
  100%      { background: rgba(255,255,255,0.03); border-color: rgba(255,255,255,0.06); box-shadow: none; }
}

#lad-loy-flow-root .lad-loy-flow__ctas {
  display: flex !important;
  gap: 12px !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
}
#lad-loy-flow-root .lad-loy-flow__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px 28px !important;
  border-radius: 980px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  border: 1px solid transparent !important;
  transition: transform .25s ease, background .25s ease, color .25s ease, box-shadow .25s ease !important;
}
#lad-loy-flow-root .lad-loy-flow__btn--primary {
  background: linear-gradient(135deg, #ff4a1c 0%, #ff7e1c 100%) !important;
  color: #fff !important;
  box-shadow: 0 8px 20px -8px rgba(255,74,28,0.55) !important;
}
#lad-loy-flow-root .lad-loy-flow__btn--primary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 28px -8px rgba(255,74,28,0.7) !important;
}
#lad-loy-flow-root .lad-loy-flow__btn--ghost {
  background: transparent !important;
  color: #fff !important;
  border-color: rgba(255,255,255,0.18) !important;
}
#lad-loy-flow-root .lad-loy-flow__btn--ghost:hover {
  background: #fff !important; color: #1d1d1f !important; border-color: #fff !important;
}

@media (max-width: 1024px) {
  #lad-loy-flow-root { padding: 96px 24px !important; }
  #lad-loy-flow-root .lad-loy-flow__stage {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  #lad-loy-flow-root .lad-loy-flow__data { display: none !important; }
  #lad-loy-flow-root .lad-loy-flow__timeline { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 768px) {
  #lad-loy-flow-root { padding: 80px 20px !important; }
  #lad-loy-flow-root .lad-loy-flow__phone { width: 200px !important; }
  #lad-loy-flow-root .lad-loy-flow__timeline { grid-template-columns: 1fr !important; }
  #lad-loy-flow-root .lad-loy-flow__title { font-size: clamp(28px, 6vw, 40px) !important; }
}

@media (prefers-reduced-motion: reduce) {
  #lad-loy-flow-root .lad-loy-flow__glow,
  #lad-loy-flow-root .lad-loy-flow__pulse,
  #lad-loy-flow-root .lad-loy-flow__phone,
  #lad-loy-flow-root .lad-loy-flow__beam,
  #lad-loy-flow-root .lad-loy-flow__check,
  #lad-loy-flow-root .lad-loy-flow__corner,
  #lad-loy-flow-root .lad-loy-flow__qr-target,
  #lad-loy-flow-root .lad-loy-flow__qr-mini,
  #lad-loy-flow-root .lad-loy-flow__qr-pulse,
  #lad-loy-flow-root .lad-loy-flow__new,
  #lad-loy-flow-root .lad-loy-flow__notif,
  #lad-loy-flow-root .lad-loy-flow__dot-flow,
  #lad-loy-flow-root .lad-loy-flow__scanner-action,
  #lad-loy-flow-root .lad-loy-flow__step { animation: none !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0c70c70 */#lad-loy-integ-root,
#lad-loy-integ-root *,
#lad-loy-integ-root *::before,
#lad-loy-integ-root *::after { box-sizing: border-box; }

#lad-loy-integ-root {
  background: #f5f5f7 !important;
  color: #1d1d1f !important;
  padding: 100px 24px !important;
  margin: 0 !important;
  width: 100% !important;
  font-family: "Inter Tight", "Inter", -apple-system, BlinkMacSystemFont,
               "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
#lad-loy-integ-root .lad-loy-integ__inner {
  max-width: 1120px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 64px !important;
  align-items: center !important;
}

#lad-loy-integ-root .lad-loy-integ__copy { min-width: 0 !important; }
#lad-loy-integ-root .lad-loy-integ__eyebrow {
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #ff4a1c !important;
  margin: 0 0 16px !important;
}
#lad-loy-integ-root .lad-loy-integ__title {
  font-size: clamp(28px, 3.6vw, 44px) !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.022em !important;
  margin: 0 !important;
  color: #1d1d1f !important;
}
#lad-loy-integ-root .lad-loy-integ__lede {
  font-size: 17px !important;
  line-height: 1.55 !important;
  color: #6e6e73 !important;
  margin: 16px 0 0 !important;
  max-width: 460px !important;
}

#lad-loy-integ-root .lad-loy-integ__visual {
  position: relative !important;
  width: 400px !important;
  height: 400px !important;
  margin: 0 auto !important;
}
#lad-loy-integ-root .lad-loy-integ__lines {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

#lad-loy-integ-root .lad-loy-integ__node {
  position: absolute !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  border: 1px solid #e5e5e7 !important;
  color: #1d1d1f !important;
  font-weight: 700 !important;
  font-size: 22px !important;
  box-shadow: 0 8px 20px -8px rgba(0,0,0,0.1) !important;
  transition: transform .3s ease, box-shadow .3s ease !important;
}
#lad-loy-integ-root .lad-loy-integ__node:hover {
  transform: translateY(-3px) scale(1.05) !important;
  box-shadow: 0 14px 28px -8px rgba(0,0,0,0.18) !important;
}
#lad-loy-integ-root .lad-loy-integ__node--center {
  width: 120px !important;
  height: 120px !important;
  border-radius: 50% !important;
  top: 50% !important; left: 50% !important;
  transform: translate(-50%, -50%) !important;
  background: linear-gradient(135deg, #ff4a1c 0%, #ff7e1c 100%) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  font-size: 14px !important;
  box-shadow: 0 20px 40px -10px rgba(255,74,28,0.4) !important;
}
#lad-loy-integ-root .lad-loy-integ__node--center:hover {
  transform: translate(-50%, -50%) scale(1.03) !important;
}
#lad-loy-integ-root .lad-loy-integ__node-inner {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
#lad-loy-integ-root .lad-loy-integ__dot {
  width: 8px !important; height: 8px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
}

#lad-loy-integ-root .lad-loy-integ__node--1 { top: 8%;  right: 8%; }
#lad-loy-integ-root .lad-loy-integ__node--2 { top: 46%; right: 0%; }
#lad-loy-integ-root .lad-loy-integ__node--3 { top: 78%; right: 12%; }
#lad-loy-integ-root .lad-loy-integ__node--4 { top: 78%; left: 12%; }
#lad-loy-integ-root .lad-loy-integ__node--5 { top: 46%; left: 0%; }
#lad-loy-integ-root .lad-loy-integ__node--6 { top: 8%;  left: 8%; }

@media (max-width: 1024px) {
  #lad-loy-integ-root .lad-loy-integ__inner {
    grid-template-columns: 1fr !important;
    text-align: center !important;
    gap: 48px !important;
  }
  #lad-loy-integ-root .lad-loy-integ__lede { margin-left: auto !important; margin-right: auto !important; }
}
@media (max-width: 768px) {
  #lad-loy-integ-root { padding: 80px 20px !important; }
  #lad-loy-integ-root .lad-loy-integ__visual { width: 320px !important; height: 320px !important; }
}
@media (max-width: 480px) {
  #lad-loy-integ-root { padding: 64px 16px !important; }
  #lad-loy-integ-root .lad-loy-integ__visual { width: 280px !important; height: 280px !important; }
}/* End custom CSS */