.zylo-impact {
  position: relative;
  z-index: 3;
  isolation: isolate;
  width: 100%;
  overflow: hidden;
  color: #f7f8fc;
  background:
    radial-gradient(circle at 16% 18%, rgba(100, 206, 251, 0.075), transparent 28%),
    radial-gradient(circle at 86% 62%, rgba(168, 85, 247, 0.08), transparent 31%),
    #000;
  border-top: 1px solid rgba(255, 255, 255, 0.055);
  font-family: Inter, Geist Sans, system-ui, sans-serif;
}

.zylo-impact::before,
.zylo-impact::after {
  position: absolute;
  z-index: -1;
  content: "";
  pointer-events: none;
}

.zylo-impact::before {
  inset: 0;
  opacity: 0.28;
  background-image:
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, 0.024) 1px, transparent 1px);
  background-size: 72px 72px;
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 18%, #000 82%, transparent);
  mask-image: linear-gradient(180deg, transparent, #000 18%, #000 82%, transparent);
}

.zylo-impact::after {
  display: none;
}

.zylo-impact__inner {
  width: min(1240px, calc(100vw - 48px));
  margin-inline: auto;
  padding: clamp(92px, 10vw, 148px) 0 clamp(88px, 9vw, 132px);
}

.zylo-impact__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
  align-items: end;
  gap: 48px;
  margin-bottom: 48px;
}

.zylo-impact__eyebrow,
.zylo-impact-card__eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: rgba(211, 221, 242, 0.62);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  line-height: 1.4;
  text-transform: uppercase;
}

.zylo-impact__eyebrow::before,
.zylo-impact-card__eyebrow::before {
  width: 24px;
  height: 1px;
  flex: 0 0 auto;
  content: "";
  background: linear-gradient(90deg, #64cefb, #a855f7);
}

.zylo-impact__title {
  max-width: 850px;
  margin: 17px 0 0;
  color: #f7f8fc;
  font-family: General Sans, Geist Sans, system-ui, sans-serif;
  font-size: clamp(3.1rem, 6.1vw, 6.4rem);
  font-weight: 500;
  letter-spacing: -0.074em;
  line-height: 0.94;
}

.zylo-impact__title span {
  display: block;
  color: transparent;
  background: linear-gradient(100deg, #7ddfff, #77a7ff 52%, #b96eff);
  background-clip: text;
  -webkit-background-clip: text;
}

.zylo-impact__intro {
  max-width: 390px;
  margin: 0 0 4px;
  color: rgba(219, 225, 239, 0.7);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.7;
}

.zylo-impact__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 14px;
}

.zylo-impact__side-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.zylo-impact-card {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(151, 165, 198, 0.2);
  border-radius: 24px;
  opacity: 0;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.016) 58%),
    rgba(4, 6, 14, 0.88);
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.08),
    0 24px 76px rgba(0, 0, 0, 0.22);
  transform: translateY(22px);
  transition:
    border-color 220ms ease,
    box-shadow 220ms ease,
    opacity 720ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 720ms cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--zylo-impact-delay, 0ms);
}

.zylo-impact.is-visible .zylo-impact-card {
  opacity: 1;
  transform: translateY(0);
}

.zylo-impact-card::after {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  background: radial-gradient(circle at 92% 8%, rgba(100, 206, 251, 0.13), transparent 36%);
}

.zylo-impact-card--feature {
  min-height: 394px;
  padding: 30px;
}

.zylo-impact-card--feature::after {
  background:
    radial-gradient(circle at 86% 12%, rgba(168, 85, 247, 0.2), transparent 36%),
    radial-gradient(circle at 6% 98%, rgba(100, 206, 251, 0.12), transparent 30%);
}

.zylo-impact-card--compact {
  display: flex;
  min-height: 190px;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
}

.zylo-impact-card--context {
  grid-column: 1 / -1;
}

.zylo-impact-card__index {
  position: absolute;
  top: 22px;
  right: 24px;
  color: rgba(219, 225, 239, 0.32);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.14em;
}

.zylo-impact-card__value {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: baseline;
  gap: 5px;
  margin: 56px 0 0;
  color: #fff;
  font-family: General Sans, Geist Sans, system-ui, sans-serif;
  font-size: clamp(4rem, 8vw, 7.8rem);
  font-weight: 500;
  letter-spacing: -0.105em;
  line-height: 0.82;
}

.zylo-impact-card--compact .zylo-impact-card__value {
  margin-top: 38px;
  font-size: clamp(3.1rem, 5.4vw, 5.2rem);
}

.zylo-impact-card__value small {
  color: rgba(211, 221, 242, 0.7);
  font-size: 0.28em;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.zylo-impact-card__dash {
  padding-inline: 1px;
  color: rgba(211, 221, 242, 0.48);
  font-size: 0.54em;
  letter-spacing: -0.18em;
}

.zylo-impact-card h3 {
  position: relative;
  z-index: 1;
  max-width: 18ch;
  margin: 26px 0 0;
  color: #f7f8fc;
  font-family: General Sans, Geist Sans, system-ui, sans-serif;
  font-size: clamp(1.28rem, 2vw, 1.8rem);
  font-weight: 500;
  letter-spacing: -0.045em;
  line-height: 1.04;
}

.zylo-impact-card--compact h3 {
  margin-top: 16px;
  font-size: clamp(1.08rem, 1.4vw, 1.28rem);
}

.zylo-impact-card__copy {
  position: relative;
  z-index: 1;
  max-width: 38ch;
  margin: 12px 0 0;
  color: rgba(211, 221, 242, 0.66);
  font-size: 0.88rem;
  font-weight: 500;
  line-height: 1.58;
}

.zylo-impact-card__meter {
  position: relative;
  z-index: 1;
  height: 2px;
  margin-top: 27px;
  overflow: hidden;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.1);
}

.zylo-impact-card__meter span {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #64cefb, #7aa7ff 55%, #a855f7);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 1100ms cubic-bezier(0.22, 1, 0.36, 1) 320ms;
}

.zylo-impact.is-visible .zylo-impact-card__meter span {
  transform: scaleX(var(--zylo-impact-fill, 1));
}

.zylo-impact-card__source {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 17px;
  color: rgba(170, 211, 255, 0.78);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: color 180ms ease;
}

.zylo-impact-card__source::after {
  content: "\2197";
  font-size: 0.92rem;
}

.zylo-impact__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  margin-top: 22px;
  padding: 18px 0 0;
}

.zylo-impact__note {
  max-width: 780px;
  margin: 0;
  color: rgba(211, 221, 242, 0.48);
  font-size: 0.74rem;
  font-weight: 500;
  line-height: 1.6;
}

.zylo-impact__note strong {
  color: rgba(229, 235, 248, 0.72);
}

.zylo-impact__cta {
  display: inline-flex;
  min-height: 54px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 11px;
  padding: 0 23px;
  border: 1px solid rgba(187, 203, 232, 0.33);
  border-radius: 999px;
  color: #f7f8fc;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025));
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.12);
  font-size: 0.88rem;
  font-weight: 750;
  transition:
    border-color 180ms ease,
    background-color 180ms ease,
    transform 180ms cubic-bezier(0.22, 1, 0.36, 1);
}

.zylo-impact__cta::after {
  content: "\2192";
  font-size: 1.1rem;
}

@media (hover: hover) and (pointer: fine) {
  .zylo-impact-card:hover {
    border-color: rgba(151, 201, 255, 0.36);
    box-shadow:
      inset 0 1px 1px rgba(255, 255, 255, 0.1),
      0 26px 78px rgba(0, 0, 0, 0.3);
    transform: translateY(-4px);
  }

  .zylo-impact-card__source:hover {
    color: #c7e6ff;
  }

  .zylo-impact__cta:hover {
    border-color: rgba(187, 222, 255, 0.54);
    background-color: rgba(255, 255, 255, 0.055);
    transform: translateY(-2px);
  }
}

/* zylo-pricing-premium-20260624a */
html body #pricing {
  position: relative !important;
  isolation: isolate !important;
  background:
    radial-gradient(circle at 74% 18%, rgba(94, 14, 215, 0.12), transparent 34%),
    radial-gradient(circle at 18% 74%, rgba(0, 209, 255, 0.10), transparent 32%),
    #000 !important;
  overflow: hidden !important;
}

html body #pricing::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.022) 1px, transparent 1px) !important;
  background-size: 56px 56px !important;
  mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 78%, transparent) !important;
  opacity: 0.32 !important;
}

html body #pricing [class*="pricingHeading"] {
  align-items: end !important;
  gap: clamp(20px, 4vw, 60px) !important;
}

html body #pricing [class*="pricingHeading"] > p {
  max-width: 380px !important;
  color: rgba(255, 255, 255, 0.70) !important;
  background: rgba(255, 255, 255, 0.035) !important;
  border: 1px solid rgba(125, 150, 255, 0.22) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 22px 70px rgba(0, 0, 0, 0.36) !important;
}

html body #pricing .zylo-pricing-titleline {
  display: inline-block !important;
  max-width: 920px !important;
  color: #fff !important;
  letter-spacing: -0.055em !important;
  text-wrap: balance !important;
}

html body #pricing .zylo-pricing-titleline em {
  font-style: normal !important;
  background: linear-gradient(105deg, #7c5cff 0%, #39c8ff 48%, #68f2d3 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  text-shadow: 0 0 34px rgba(59, 200, 255, 0.16) !important;
}

html body #pricing [class*="pricingGrid"] {
  gap: clamp(18px, 2.4vw, 30px) !important;
  align-items: stretch !important;
}

html body #pricing .zylo-pricing-card-premium {
  min-height: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.058), rgba(255, 255, 255, 0.012) 42%, rgba(6, 8, 14, 0.94) 100%),
    radial-gradient(circle at 92% 0%, rgba(124, 92, 255, 0.16), transparent 32%),
    #010203 !important;
  border: 1px solid rgba(117, 150, 255, 0.22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    inset 0 -1px 0 rgba(0, 209, 255, 0.08),
    0 26px 70px rgba(0, 0, 0, 0.48) !important;
  transform: translateZ(0) !important;
  transition: border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease, background 220ms ease !important;
}

html body #pricing .zylo-pricing-card-premium::after {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background:
    linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, 0.10) 18%, transparent 36%),
    radial-gradient(circle at 10% 100%, rgba(103, 232, 249, 0.10), transparent 34%) !important;
  opacity: 0.54 !important;
}

@media (hover: hover) {
  html body #pricing .zylo-pricing-card-premium:hover {
    transform: translateY(-4px) translateZ(0) !important;
    border-color: rgba(96, 220, 255, 0.48) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.09),
      0 28px 80px rgba(0, 0, 0, 0.58),
      0 0 46px rgba(0, 209, 255, 0.10) !important;
  }
}

html body #pricing .zylo-pricing-card-premium--recommended {
  background:
    linear-gradient(145deg, rgba(105, 236, 218, 0.10), rgba(255, 255, 255, 0.018) 44%, rgba(7, 4, 16, 0.95) 100%),
    radial-gradient(circle at 90% 0%, rgba(168, 85, 247, 0.20), transparent 36%),
    #010203 !important;
  border-color: rgba(67, 221, 255, 0.48) !important;
}

html body #pricing [class*="pricingTopline"] {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

html body #pricing [class*="pricingTopline"] span,
html body #pricing [class*="pricingTopline"] b,
html body #pricing [class*="pricingPopularBadge"] {
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.045) !important;
  border: 1px solid rgba(140, 171, 255, 0.20) !important;
  color: rgba(235, 246, 255, 0.82) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

html body #pricing [class*="pricingPopularBadge"] {
  color: #dffbff !important;
  background: linear-gradient(90deg, rgba(95, 220, 255, 0.24), rgba(126, 87, 255, 0.22)) !important;
  border-color: rgba(103, 232, 249, 0.44) !important;
  letter-spacing: 0.11em !important;
}

html body #pricing .zylo-pricing-card-premium h3 {
  color: rgba(255, 255, 255, 0.96) !important;
  letter-spacing: -0.05em !important;
}

html body #pricing [class*="pricingPrice"] {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 0 10px !important;
  margin-top: 16px !important;
}

html body #pricing [class*="pricingPrice"] > span {
  order: 0 !important;
  color: rgba(255, 255, 255, 0.50) !important;
  font-size: clamp(0.86rem, 1.4vw, 1rem) !important;
  font-weight: 800 !important;
}

html body #pricing .zylo-price-base {
  order: 1 !important;
  color: #fff !important;
  font-size: clamp(3.05rem, 6vw, 4.9rem) !important;
  line-height: 0.92 !important;
  letter-spacing: -0.07em !important;
  font-weight: 560 !important;
  text-shadow: 0 0 28px rgba(103, 232, 249, 0.10) !important;
}

html body #pricing [class*="pricingPrice"] > small {
  order: 2 !important;
  color: rgba(255, 255, 255, 0.52) !important;
  font-size: clamp(0.96rem, 1.8vw, 1.25rem) !important;
  font-weight: 800 !important;
}

html body #pricing .zylo-price-local-note {
  order: 3 !important;
  flex: 0 0 100% !important;
  margin-top: 8px !important;
  color: rgba(122, 238, 255, 0.76) !important;
  font-size: 0.78rem !important;
  font-style: normal !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
}

html body #pricing .zylo-pricing-card-premium > p {
  max-width: 640px !important;
  color: rgba(255, 255, 255, 0.70) !important;
  line-height: 1.45 !important;
}

html body #pricing .zylo-pricing-card-premium li {
  color: rgba(255, 255, 255, 0.78) !important;
}

html body #pricing .zylo-pricing-card-premium li svg {
  color: #8ff7ff !important;
  filter: drop-shadow(0 0 8px rgba(103, 232, 249, 0.28)) !important;
}

html body #pricing .zylo-pricing-card-premium a,
html body #pricing [class*="setupCard"] a {
  background:
    linear-gradient(135deg, rgba(0, 209, 255, 0.24), rgba(94, 14, 215, 0.26)),
    rgba(255, 255, 255, 0.025) !important;
  border: 1px solid rgba(0, 209, 255, 0.70) !important;
  color: #f8fdff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 34px rgba(0, 209, 255, 0.15) !important;
}

html body #pricing .zylo-pricing-card-premium a:hover {
  background:
    linear-gradient(135deg, rgba(0, 209, 255, 0.34), rgba(124, 92, 255, 0.32)),
    rgba(255, 255, 255, 0.04) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 0 44px rgba(0, 209, 255, 0.22) !important;
}

html body #pricing .zylo-pricing-setup-premium {
  background:
    linear-gradient(135deg, rgba(9, 14, 24, 0.92), rgba(12, 7, 22, 0.90)),
    #020304 !important;
  border: 1px solid rgba(128, 150, 255, 0.24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 24px 70px rgba(0, 0, 0, 0.50) !important;
}

html body #pricing .zylo-pricing-setup-premium > svg {
  color: #8ff7ff !important;
  filter: drop-shadow(0 0 12px rgba(103, 232, 249, 0.22)) !important;
}

html body #pricing [class*="setupContent"] strong {
  color: #fff !important;
  letter-spacing: -0.02em !important;
}

html body #pricing [class*="setupContent"] p {
  color: rgba(255, 255, 255, 0.62) !important;
}

html body #pricing [class*="setupPricePill"] {
  min-width: 144px !important;
  background: rgba(255, 255, 255, 0.045) !important;
  border: 1px solid rgba(147, 197, 253, 0.22) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

html body #pricing [class*="setupPricePill"] b {
  color: #fff !important;
}

html body #pricing .zylo-price-local-note--setup {
  display: block !important;
  margin-top: 3px !important;
  color: rgba(122, 238, 255, 0.66) !important;
  font-size: 0.66rem !important;
  line-height: 1.15 !important;
}

@media (max-width: 900px) {
  html body #pricing [class*="pricingHeading"] {
    align-items: start !important;
  }

  html body #pricing [class*="pricingHeading"] > p {
    max-width: none !important;
    border-radius: 18px !important;
  }

  html body #pricing .zylo-pricing-titleline {
    letter-spacing: -0.05em !important;
  }
}

@media (max-width: 640px) {
  html body #pricing {
    background: #000 !important;
  }

  html body #pricing [class*="pricingGrid"] {
    gap: 18px !important;
  }

  html body #pricing .zylo-pricing-card-premium {
    border-radius: 24px !important;
    padding-top: 28px !important;
  }

  html body #pricing .zylo-price-base {
    font-size: clamp(3rem, 15vw, 4rem) !important;
  }

  html body #pricing [class*="setupPricePill"] {
    width: 100% !important;
  }
}

/* zylo-workflow-uniform-oled-polish-20260624a */
html body section#workflow.zylo-card-showcase_workflowCinematicBlock__XkKNr {
  margin-top: 0 !important;
  padding-top: clamp(46px, 5vw, 66px) !important;
  padding-bottom: clamp(50px, 5.4vw, 74px) !important;
  background: #000 !important;
  background-color: #000 !important;
  box-shadow: none !important;
}

html body section#workflow.zylo-card-showcase_workflowCinematicBlock__XkKNr::before {
  inset: 0 !important;
  z-index: -2 !important;
  opacity: 0.05 !important;
  background:
    linear-gradient(90deg, rgba(120, 210, 255, 0.13) 1px, transparent 1px),
    linear-gradient(180deg, rgba(160, 120, 255, 0.1) 1px, transparent 1px) !important;
  background-size: 64px 64px !important;
  -webkit-mask-image:
    radial-gradient(ellipse at 58% 58%, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.36) 34%, transparent 70%) !important;
  mask-image:
    radial-gradient(ellipse at 58% 58%, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.36) 34%, transparent 70%) !important;
}

html body section#workflow.zylo-card-showcase_workflowCinematicBlock__XkKNr::after {
  inset: auto 8% 7% 10% !important;
  height: 31% !important;
  opacity: 0.24 !important;
  background:
    radial-gradient(ellipse at 52% 54%, rgba(88, 211, 255, 0.11), transparent 52%),
    radial-gradient(ellipse at 62% 64%, rgba(139, 92, 246, 0.08), transparent 55%) !important;
  filter: blur(44px) !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicHeader__Kouvw > span {
  display: none !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicHeader__Kouvw h2 {
  margin-top: 0 !important;
  text-shadow: 0 22px 80px rgba(0, 0, 0, 0.72) !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicHeader__Kouvw p {
  color: rgba(229, 235, 246, 0.7) !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicGrid__kIZAq {
  opacity: 0.16 !important;
  background:
    radial-gradient(ellipse at 55% 46%, rgba(100, 206, 251, 0.09), transparent 38%),
    linear-gradient(90deg, transparent, rgba(100, 206, 251, 0.055) 48%, rgba(139, 92, 246, 0.045) 58%, transparent) !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicGlow__8UzSY {
  opacity: 0.42 !important;
  filter: blur(38px) !important;
  background:
    linear-gradient(110deg, transparent 0 30%, rgba(100, 206, 251, 0.082) 45%, rgba(139, 92, 246, 0.068) 57%, transparent 78%) !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicCurve__tkcdy {
  opacity: 0.7 !important;
  filter: drop-shadow(0 0 12px rgba(100, 206, 251, 0.14)) !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicCopy__vwl2i {
  border-color: color-mix(in srgb, var(--step-tone, #67e8f9) 28%, rgba(255, 255, 255, 0.11)) !important;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--step-tone, #67e8f9) 8%, transparent), transparent 32%),
    radial-gradient(circle at 78% 6%, color-mix(in srgb, var(--step-tone, #67e8f9) 10%, transparent), transparent 30%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.058), rgba(255, 255, 255, 0.014) 52%, rgba(255, 255, 255, 0.004)),
    rgba(1, 3, 9, 0.9) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.095),
    inset 0 -1px 0 rgba(100, 206, 251, 0.036),
    0 22px 72px rgba(0, 0, 0, 0.58),
    0 0 44px color-mix(in srgb, var(--step-tone, #67e8f9) 8%, transparent) !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicCopy__vwl2i::before {
  opacity: 0.42 !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicNumber__poxwZ {
  top: -58px !important;
  right: -12px !important;
  font-family: "General Sans", Inter, system-ui, sans-serif !important;
  font-weight: 700 !important;
  color: rgba(170, 216, 232, 0.105) !important;
  -webkit-text-stroke: 1.25px rgba(196, 235, 255, 0.12) !important;
  text-shadow:
    0 0 18px color-mix(in srgb, var(--step-tone, #67e8f9) 15%, transparent),
    0 20px 58px rgba(0, 0, 0, 0.56) !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicNode__oqpra {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.25),
    0 0 0 10px rgba(0, 0, 0, 0.82),
    0 0 34px color-mix(in srgb, var(--step-tone, #67e8f9) 30%, transparent),
    0 18px 42px rgba(0, 0, 0, 0.5) !important;
}

@media (max-width: 1080px) {
  html body section#workflow.zylo-card-showcase_workflowCinematicBlock__XkKNr {
    background: #000 !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicStage__6ze8w::before {
    background: linear-gradient(180deg, rgba(100, 206, 251, 0.05), rgba(100, 206, 251, 0.28), rgba(139, 92, 246, 0.24), rgba(125, 242, 208, 0.05)) !important;
    box-shadow: 0 0 14px rgba(100, 206, 251, 0.1) !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicNumber__poxwZ {
    color: rgba(170, 216, 232, 0.09) !important;
    -webkit-text-stroke-color: rgba(196, 235, 255, 0.11) !important;
  }
}

@media (max-width: 620px) {
  html body section#workflow.zylo-card-showcase_workflowCinematicBlock__XkKNr::before {
    opacity: 0.035 !important;
  }

  html body section#workflow.zylo-card-showcase_workflowCinematicBlock__XkKNr::after {
    opacity: 0.18 !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicHeader__Kouvw h2 {
    margin-top: 0 !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicNumber__poxwZ {
    top: 8px !important;
    right: 10px !important;
    opacity: 1 !important;
    color: rgba(170, 216, 232, 0.08) !important;
    -webkit-text-stroke: 1px rgba(196, 235, 255, 0.1) !important;
  }
}

/* zylo-workflow-premium-steps-20260623a */
html body section#workflow.zylo-card-showcase_workflowCinematicBlock__XkKNr {
  isolation: isolate !important;
  max-width: min(100%, 1400px) !important;
  min-height: auto !important;
  margin-top: clamp(8px, 1.5vw, 22px) !important;
  padding: clamp(34px, 4.3vw, 58px) clamp(18px, 4vw, 56px) clamp(44px, 5vw, 68px) !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  z-index: 5 !important;
  background-color: #000 !important;
  background:
    radial-gradient(ellipse 780px 420px at 73% 50%, rgba(100, 206, 251, 0.07), transparent 68%),
    radial-gradient(ellipse 620px 360px at 27% 78%, rgba(139, 92, 246, 0.065), transparent 72%),
    linear-gradient(180deg, #000 0%, #000 100%) !important;
  background-color: #000 !important;
  box-shadow: none !important;
  contain: layout style !important;
}

html body section#workflow.zylo-card-showcase_workflowCinematicBlock__XkKNr::before {
  content: "" !important;
  position: absolute !important;
  inset: clamp(10px, 2vw, 26px) 0 0 !important;
  z-index: -2 !important;
  pointer-events: none !important;
  opacity: 0.34 !important;
  background:
    linear-gradient(90deg, rgba(100, 206, 251, 0.12) 1px, transparent 1px),
    linear-gradient(180deg, rgba(139, 92, 246, 0.09) 1px, transparent 1px) !important;
  background-size: 56px 56px !important;
  -webkit-mask-image: radial-gradient(ellipse at 58% 56%, #000 0%, rgba(0, 0, 0, 0.62) 36%, transparent 76%) !important;
  mask-image: radial-gradient(ellipse at 58% 56%, #000 0%, rgba(0, 0, 0, 0.62) 36%, transparent 76%) !important;
}

html body section#workflow.zylo-card-showcase_workflowCinematicBlock__XkKNr::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 6% 10% 10% !important;
  z-index: -1 !important;
  height: 42% !important;
  pointer-events: none !important;
  opacity: 0.5 !important;
  background:
    radial-gradient(ellipse at 62% 28%, rgba(100, 206, 251, 0.13), transparent 52%),
    radial-gradient(ellipse at 38% 70%, rgba(139, 92, 246, 0.11), transparent 54%) !important;
  filter: blur(30px) !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicHeader__Kouvw {
  max-width: min(100%, 610px) !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicHeader__Kouvw > span {
  min-height: 30px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(125, 223, 255, 0.28) !important;
  background: linear-gradient(90deg, rgba(124, 92, 255, 0.88), rgba(100, 206, 251, 0.82)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 14px 38px rgba(100, 206, 251, 0.12) !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicHeader__Kouvw h2 {
  max-width: 10.8ch !important;
  margin-top: 14px !important;
  font-size: clamp(3.05rem, 5.2vw, 5.15rem) !important;
  line-height: 0.91 !important;
  letter-spacing: -0.055em !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicHeader__Kouvw p {
  max-width: 640px !important;
  margin-top: 16px !important;
  color: rgba(226, 232, 240, 0.72) !important;
  font-size: clamp(0.98rem, 1.04vw, 1.08rem) !important;
  line-height: 1.48 !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicStage__6ze8w {
  height: clamp(330px, 31vw, 390px) !important;
  margin-top: clamp(22px, 2.4vw, 34px) !important;
  overflow: visible !important;
  border-radius: 0 !important;
  pointer-events: none !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicGrid__kIZAq {
  display: block !important;
  inset: 4% 0 0 !important;
  opacity: 0.58 !important;
  background:
    linear-gradient(90deg, transparent 0%, rgba(100, 206, 251, 0.08) 46%, rgba(139, 92, 246, 0.1) 56%, transparent 100%),
    radial-gradient(circle at 48% 46%, rgba(100, 206, 251, 0.14), transparent 22%),
    radial-gradient(circle at 82% 20%, rgba(139, 92, 246, 0.11), transparent 26%) !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicCurve__tkcdy {
  display: block !important;
  top: 18% !important;
  height: 58% !important;
  opacity: 0.82 !important;
  filter: drop-shadow(0 0 14px rgba(100, 206, 251, 0.18)) !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicGlow__8UzSY {
  display: block !important;
  inset: 24% 6% 8% 11% !important;
  opacity: 0.72 !important;
  filter: blur(30px) !important;
  background:
    linear-gradient(110deg, transparent 0 26%, rgba(100, 206, 251, 0.105) 44%, rgba(139, 92, 246, 0.105) 56%, transparent 76%),
    radial-gradient(circle at 55% 48%, rgba(100, 206, 251, 0.1), transparent 42%) !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr,
html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr[data-align="left"],
html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr[data-align="right"] {
  pointer-events: auto !important;
  width: min(355px, 29vw) !important;
  border-radius: 30px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transition:
    transform 260ms cubic-bezier(0.22, 1, 0.36, 1),
    filter 260ms ease !important;
  will-change: transform !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr[data-align="left"] {
  transform: translateY(-50%) translateZ(0) !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr:not([data-align]),
html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr[data-align="center"] {
  transform: translate(-50%, -50%) translateZ(0) !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr[data-align="right"] {
  transform: translate(-100%, -50%) translateZ(0) !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicCopy__vwl2i {
  min-height: clamp(220px, 18vw, 254px) !important;
  padding: 24px 26px 22px !important;
  overflow: hidden !important;
  border: 1px solid color-mix(in srgb, var(--step-tone, #67e8f9) 34%, rgba(255, 255, 255, 0.12)) !important;
  border-radius: 28px !important;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--step-tone, #67e8f9) 12%, transparent), transparent 34%),
    radial-gradient(circle at 78% 8%, color-mix(in srgb, var(--step-tone, #67e8f9) 15%, transparent), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.018) 52%, rgba(255, 255, 255, 0.008)),
    rgba(2, 5, 13, 0.84) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    inset 0 -1px 0 rgba(100, 206, 251, 0.045),
    0 22px 70px rgba(0, 0, 0, 0.48),
    0 0 56px color-mix(in srgb, var(--step-tone, #67e8f9) 11%, transparent) !important;
  -webkit-backdrop-filter: blur(18px) saturate(142%) !important;
  backdrop-filter: blur(18px) saturate(142%) !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicCopy__vwl2i::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background:
    linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, 0.075) 42%, transparent 56%),
    linear-gradient(90deg, transparent, color-mix(in srgb, var(--step-tone, #67e8f9) 28%, transparent), transparent) top left / 100% 1px no-repeat !important;
  opacity: 0.62 !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicNumber__poxwZ {
  right: -22px !important;
  top: -68px !important;
  color: rgba(226, 232, 240, 0.16) !important;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.08) !important;
  text-shadow:
    0 0 34px color-mix(in srgb, var(--step-tone, #67e8f9) 17%, transparent),
    0 18px 56px rgba(0, 0, 0, 0.5) !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicNode__oqpra {
  top: -30px !important;
  width: 58px !important;
  height: 58px !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
  background:
    radial-gradient(circle at 35% 20%, rgba(255, 255, 255, 0.42), transparent 34%),
    linear-gradient(135deg, color-mix(in srgb, var(--step-tone, #67e8f9) 88%, #8b5cf6), rgba(28, 95, 245, 0.92)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 0 10px rgba(0, 0, 0, 0.72),
    0 0 46px color-mix(in srgb, var(--step-tone, #67e8f9) 34%, transparent),
    0 20px 44px rgba(0, 0, 0, 0.46) !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicKicker__b6vAB {
  min-height: 30px !important;
  padding: 0 11px !important;
  border-color: color-mix(in srgb, var(--step-tone, #67e8f9) 30%, rgba(255, 255, 255, 0.1)) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025)),
    rgba(0, 0, 0, 0.18) !important;
  color: color-mix(in srgb, var(--step-tone, #67e8f9) 78%, #fff) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicCopy__vwl2i h3 {
  margin-top: 18px !important;
  font-size: clamp(1.82rem, 2.1vw, 2.48rem) !important;
  line-height: 0.92 !important;
  letter-spacing: -0.062em !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicCopy__vwl2i p {
  max-width: 27ch !important;
  margin-top: 12px !important;
  color: rgba(226, 232, 240, 0.76) !important;
  font-size: clamp(0.9rem, 0.95vw, 1rem) !important;
  line-height: 1.42 !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicCopy__vwl2i strong {
  margin-top: 16px !important;
  color: color-mix(in srgb, var(--step-tone, #67e8f9) 82%, #fff) !important;
  font-size: 0.86rem !important;
}

@media (hover: hover) and (pointer: fine) {
  html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr[data-align="left"]:hover {
    transform: translateY(calc(-50% - 6px)) translateZ(0) !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr:not([data-align]):hover,
  html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr[data-align="center"]:hover {
    transform: translate(-50%, calc(-50% - 6px)) translateZ(0) !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr[data-align="right"]:hover {
    transform: translate(-100%, calc(-50% - 6px)) translateZ(0) !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr:hover {
    filter: brightness(1.07) saturate(1.08) !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr:hover .zylo-card-showcase_workflowCinematicCopy__vwl2i {
    border-color: color-mix(in srgb, var(--step-tone, #67e8f9) 56%, rgba(255, 255, 255, 0.16)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.14),
      inset 0 -1px 0 rgba(100, 206, 251, 0.06),
      0 28px 82px rgba(0, 0, 0, 0.54),
      0 0 68px color-mix(in srgb, var(--step-tone, #67e8f9) 16%, transparent) !important;
  }
}

@media (max-width: 1080px) {
  html body section#workflow.zylo-card-showcase_workflowCinematicBlock__XkKNr {
    padding-inline: clamp(18px, 4vw, 34px) !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicStage__6ze8w {
    height: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    margin-top: 26px !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicGrid__kIZAq,
  html body section#workflow .zylo-card-showcase_workflowCinematicCurve__tkcdy,
  html body section#workflow .zylo-card-showcase_workflowCinematicGlow__8UzSY {
    display: none !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicStage__6ze8w::before {
    content: "" !important;
    position: absolute !important;
    left: 38px !important;
    top: 38px !important;
    bottom: 38px !important;
    width: 1px !important;
    background: linear-gradient(180deg, rgba(100, 206, 251, 0.08), rgba(100, 206, 251, 0.42), rgba(139, 92, 246, 0.34), rgba(125, 242, 208, 0.08)) !important;
    box-shadow: 0 0 18px rgba(100, 206, 251, 0.16) !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr,
  html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr[data-align="left"],
  html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr[data-align="right"],
  html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr[data-align="center"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: none !important;
    transform: none !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicNode__oqpra {
    left: 14px !important;
    top: 24px !important;
    margin-left: 0 !important;
    width: 50px !important;
    height: 50px !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicNumber__poxwZ {
    top: 12px !important;
    right: 18px !important;
    font-size: clamp(4.6rem, 14vw, 7.2rem) !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicCopy__vwl2i {
    min-height: auto !important;
    padding: 24px 24px 24px 92px !important;
  }
}

@media (max-width: 620px) {
  html body section#workflow.zylo-card-showcase_workflowCinematicBlock__XkKNr {
    margin-top: 0 !important;
    padding: 44px 16px 54px !important;
    overflow: hidden !important;
  }

  html body section#workflow.zylo-card-showcase_workflowCinematicBlock__XkKNr::before {
    inset: 0 -20% 0 !important;
    opacity: 0.22 !important;
    background-size: 42px 42px !important;
  }

  html body section#workflow.zylo-card-showcase_workflowCinematicBlock__XkKNr::after {
    inset: auto -22% 20% -12% !important;
    height: 48% !important;
    opacity: 0.42 !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicHeader__Kouvw > span {
    min-height: 28px !important;
    font-size: 0.68rem !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicHeader__Kouvw h2 {
    max-width: 10.2ch !important;
    font-size: clamp(2.55rem, 12.2vw, 3.25rem) !important;
    line-height: 0.96 !important;
    letter-spacing: -0.055em !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicHeader__Kouvw p {
    font-size: 0.92rem !important;
    line-height: 1.48 !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicStage__6ze8w {
    gap: 14px !important;
    margin-top: 22px !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicStage__6ze8w::before {
    left: 31px !important;
    top: 34px !important;
    bottom: 34px !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicNode__oqpra {
    left: 9px !important;
    top: 22px !important;
    width: 44px !important;
    height: 44px !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.24),
      0 0 0 7px rgba(0, 0, 0, 0.72),
      0 0 30px color-mix(in srgb, var(--step-tone, #67e8f9) 30%, transparent) !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicCopy__vwl2i {
    padding: 22px 18px 21px 72px !important;
    border-radius: 24px !important;
    -webkit-backdrop-filter: blur(14px) saturate(132%) !important;
    backdrop-filter: blur(14px) saturate(132%) !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicKicker__b6vAB {
    min-height: 28px !important;
    max-width: calc(100% - 52px) !important;
    white-space: normal !important;
    line-height: 1.15 !important;
    font-size: 0.62rem !important;
    letter-spacing: 0.075em !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicCopy__vwl2i h3 {
    margin-top: 14px !important;
    font-size: clamp(1.65rem, 7.5vw, 2.1rem) !important;
    line-height: 1 !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicCopy__vwl2i p {
    max-width: 100% !important;
    font-size: 0.9rem !important;
    line-height: 1.42 !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicCopy__vwl2i strong {
    font-size: 0.8rem !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicNumber__poxwZ {
    top: 10px !important;
    right: 12px !important;
    font-size: clamp(4.1rem, 18vw, 5.5rem) !important;
    opacity: 0.2 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr,
  html body section#workflow .zylo-card-showcase_workflowCinematicCopy__vwl2i {
    transition: none !important;
  }
}

@media (max-width: 900px) {
  .zylo-impact__header {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }

  .zylo-impact__intro {
    max-width: 620px;
  }

  .zylo-impact__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 620px) {
  .zylo-impact__inner {
    width: min(100% - 28px, 560px);
    padding: 72px 0 76px;
  }

  .zylo-impact__header {
    gap: 16px;
    margin-bottom: 26px;
  }

  .zylo-impact__title {
    margin-top: 13px;
    font-size: clamp(2.68rem, 13.1vw, 3.65rem);
    line-height: 0.96;
  }

  .zylo-impact__intro {
    font-size: 0.92rem;
    line-height: 1.62;
  }

  .zylo-impact__side-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .zylo-impact-card {
    border-radius: 20px;
  }

  .zylo-impact-card--feature {
    min-height: 342px;
    padding: 24px;
  }

  .zylo-impact-card--compact {
    min-height: 170px;
    padding: 20px;
  }

  .zylo-impact-card__index {
    top: 19px;
    right: 20px;
  }

  .zylo-impact-card__value {
    margin-top: 48px;
    font-size: clamp(4.2rem, 25vw, 6.2rem);
  }

  .zylo-impact-card--compact .zylo-impact-card__value {
    margin-top: 30px;
    font-size: clamp(3.5rem, 19vw, 4.6rem);
  }

  .zylo-impact__footer {
    align-items: stretch;
    flex-direction: column;
    gap: 18px;
    margin-top: 18px;
  }

  .zylo-impact__cta {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .zylo-impact-card,
  .zylo-impact-card__meter span,
  .zylo-impact__cta {
    transition: none !important;
  }
}

/* zylo-impact-oled-button-20260602a */
.zylo-impact__cta {
  border-color: rgba(0, 229, 255, 0.42);
  color: #f8fbff;
  background:
    radial-gradient(circle at 18% 0, rgba(0, 229, 255, 0.24), transparent 38%),
    radial-gradient(circle at 88% 10%, rgba(139, 92, 246, 0.22), transparent 38%),
    linear-gradient(180deg, rgba(24, 27, 45, 0.9), rgba(3, 4, 12, 0.98));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    inset 0 -18px 38px rgba(0, 229, 255, 0.05),
    0 18px 54px rgba(0, 0, 0, 0.46),
    0 0 0 1px rgba(0, 229, 255, 0.12),
    0 0 36px rgba(0, 229, 255, 0.18),
    0 0 68px rgba(139, 92, 246, 0.12);
  text-shadow: 0 0 18px rgba(0, 229, 255, 0.16);
  transition:
    transform 220ms cubic-bezier(0.22, 1, 0.36, 1),
    border-color 220ms cubic-bezier(0.22, 1, 0.36, 1),
    background 220ms cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

.zylo-impact__cta:hover {
  border-color: rgba(157, 238, 255, 0.62);
  background:
    radial-gradient(circle at 20% -10%, rgba(0, 229, 255, 0.34), transparent 40%),
    radial-gradient(circle at 86% 8%, rgba(139, 92, 246, 0.28), transparent 40%),
    linear-gradient(180deg, rgba(34, 38, 64, 0.94), rgba(4, 5, 15, 0.98));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.24),
    inset 0 -20px 42px rgba(0, 229, 255, 0.07),
    0 24px 72px rgba(0, 0, 0, 0.54),
    0 0 0 1px rgba(0, 229, 255, 0.18),
    0 0 48px rgba(0, 229, 255, 0.24),
    0 0 88px rgba(139, 92, 246, 0.18);
  transform: translateY(-2px) scale(1.01);
}

/* zylo-client-voices-20260602a */
.zylo-voices {
  position: relative;
  z-index: 2;
  width: 100%;
  overflow: hidden;
  padding: clamp(78px, 9vw, 132px) 0 clamp(84px, 9vw, 138px);
  background: #000;
  color: #f8fbff;
}

.zylo-voices::before,
.zylo-voices::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.zylo-voices::before {
  inset: 0;
  background-image:
    linear-gradient(90deg, rgba(255, 255, 255, 0.024) 1px, transparent 0),
    linear-gradient(180deg, rgba(255, 255, 255, 0.018) 1px, transparent 0);
  background-size: 70px 70px;
  opacity: 0.06;
  -webkit-mask-image: linear-gradient(180deg, transparent, black 24%, black 76%, transparent);
  mask-image: linear-gradient(180deg, transparent, black 24%, black 76%, transparent);
}

.zylo-voices::after {
  inset: auto -20% 3%;
  height: 320px;
  background:
    radial-gradient(ellipse at 24% 54%, rgba(0, 229, 255, 0.055), transparent 68%),
    radial-gradient(ellipse at 72% 44%, rgba(139, 92, 246, 0.095), transparent 70%);
  filter: blur(52px);
  opacity: 0.62;
}

.zylo-voices__inner {
  position: relative;
  z-index: 1;
  display: grid;
  gap: clamp(28px, 4vw, 52px);
  width: min(100%, 1480px);
  margin: 0 auto;
}

.zylo-voices__header {
  width: min(1220px, calc(100vw - 40px));
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: clamp(18px, 3vw, 40px);
  margin: 0 auto;
}

.zylo-voices__badge {
  align-self: start;
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid rgba(0, 229, 255, 0.28);
  border-radius: 999px;
  color: rgba(185, 244, 255, 0.92);
  background: rgba(0, 229, 255, 0.07);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 0 28px rgba(0, 229, 255, 0.08);
  font-size: 0.72rem;
  font-weight: 820;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  white-space: nowrap;
}

.zylo-voices__header h2 {
  max-width: 980px;
  margin: 0;
  color: #ffffff;
  font-family: Inter, "General Sans", system-ui, sans-serif;
  font-size: clamp(2.45rem, 5vw, 5.45rem);
  font-weight: 850;
  letter-spacing: -0.058em;
  line-height: 0.96;
}

.zylo-voices__header h2::first-line {
  color: rgba(255, 255, 255, 0.96);
}

.zylo-voices__header p {
  max-width: 690px;
  margin: 18px 0 0;
  color: rgba(220, 230, 247, 0.66);
  font-size: clamp(0.98rem, 1.3vw, 1.12rem);
  font-weight: 560;
  line-height: 1.68;
}

.zylo-voices__header a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 22px;
  border: 1px solid rgba(0, 229, 255, 0.46);
  border-radius: 999px;
  color: #f8fbff;
  background:
    radial-gradient(circle at 20% -10%, rgba(0, 229, 255, 0.26), transparent 38%),
    radial-gradient(circle at 86% 8%, rgba(139, 92, 246, 0.22), transparent 40%),
    linear-gradient(180deg, rgba(27, 30, 51, 0.9), rgba(2, 3, 10, 0.98));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 18px 54px rgba(0, 0, 0, 0.44),
    0 0 36px rgba(0, 229, 255, 0.16);
  font-size: 0.92rem;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
  transition:
    transform 220ms cubic-bezier(0.22, 1, 0.36, 1),
    border-color 220ms cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

.zylo-voices__header a::after {
  content: "\2192";
  margin-left: 10px;
  font-size: 1.05rem;
}

.zylo-voices__header a:hover {
  border-color: rgba(157, 238, 255, 0.66);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.24),
    0 22px 62px rgba(0, 0, 0, 0.52),
    0 0 48px rgba(0, 229, 255, 0.24),
    0 0 86px rgba(139, 92, 246, 0.16);
  transform: translateY(-2px);
}

.zylo-voices__rail {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 8px 0 18px;
  -webkit-mask-image: linear-gradient(90deg, transparent, black 8%, black 92%, transparent);
  mask-image: linear-gradient(90deg, transparent, black 8%, black 92%, transparent);
}

.zylo-voices__track {
  display: flex;
  align-items: stretch;
  gap: 18px;
  width: max-content;
  padding-inline: max(20px, calc((100vw - 1220px) / 2));
  animation: zylo-voices-marquee 34s linear infinite;
  will-change: transform;
}

.zylo-voices__rail:hover .zylo-voices__track {
  animation-play-state: paused;
}

.zylo-voices-card {
  position: relative;
  width: clamp(286px, 27vw, 398px);
  min-height: 274px;
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 19px;
  padding: 20px;
  border: 1px solid rgba(126, 214, 255, 0.13);
  border-radius: 28px;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 0%, rgba(68, 210, 255, 0.075), transparent 34%),
    radial-gradient(circle at 102% 7%, rgba(139, 92, 246, 0.09), transparent 38%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.025), transparent 28%),
    linear-gradient(180deg, #03050a 0%, #010207 54%, #000000 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.055),
    inset 0 -34px 68px rgba(0, 0, 0, 0.58),
    0 24px 72px rgba(0, 0, 0, 0.54),
    0 0 0 1px rgba(0, 229, 255, 0.018),
    0 0 34px rgba(0, 229, 255, 0.045);
  transform: translateZ(0);
}

.zylo-voices-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(118deg, transparent 0 42%, rgba(255, 255, 255, 0.038) 49%, transparent 58%),
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.055), transparent 24%);
  opacity: 0.42;
}

.zylo-voices-card::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 27px;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 22%),
    radial-gradient(circle at 50% 115%, rgba(0, 229, 255, 0.045), transparent 42%);
  mix-blend-mode: screen;
  opacity: 0.46;
}

.zylo-voices-card__media,
.zylo-voices-card__body {
  position: relative;
  z-index: 1;
}

.zylo-voices-card__media {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}

.zylo-voices-card__media img {
  width: 74px;
  height: 74px;
  flex: 0 0 74px;
  border: 1px solid rgba(199, 235, 255, 0.18);
  border-radius: 24px;
  object-fit: cover;
  filter: saturate(1.08) contrast(1.08) brightness(0.92);
  box-shadow:
    0 0 0 4px rgba(0, 0, 0, 0.36),
    0 0 0 5px rgba(0, 229, 255, 0.035),
    0 0 24px rgba(0, 229, 255, 0.11),
    0 18px 42px rgba(0, 0, 0, 0.52);
}

.zylo-voices-card__body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
}

.zylo-voices-card__body p {
  margin: 0;
  color: rgba(247, 250, 255, 0.92);
  font-size: clamp(1.02rem, 1.28vw, 1.18rem);
  font-weight: 650;
  letter-spacing: -0.02em;
  line-height: 1.45;
  text-shadow: 0 10px 34px rgba(0, 0, 0, 0.72);
}

.zylo-voices-card__body footer {
  display: grid;
  gap: 5px;
}

.zylo-voices-card__body strong {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 840;
  letter-spacing: -0.02em;
}

.zylo-voices-card__body small {
  max-width: 31ch;
  color: rgba(178, 194, 222, 0.64);
  font-size: 0.78rem;
  font-weight: 620;
  line-height: 1.35;
}

@keyframes zylo-voices-marquee {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-50%, 0, 0);
  }
}

@media (max-width: 820px) {
  .zylo-voices {
    padding: 74px 0 92px;
  }

  .zylo-voices__header {
    width: calc(100vw - 28px);
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 18px;
  }

  .zylo-voices__header h2 {
    font-size: clamp(2.35rem, 11.2vw, 3.55rem);
    line-height: 0.98;
  }

  .zylo-voices__header p {
    max-width: 34rem;
    margin-top: 14px;
    font-size: 0.94rem;
    line-height: 1.55;
  }

  .zylo-voices__header a {
    width: min(100%, 260px);
  }

  .zylo-voices__rail {
    -webkit-mask-image: linear-gradient(90deg, transparent, black 5%, black 95%, transparent);
    mask-image: linear-gradient(90deg, transparent, black 5%, black 95%, transparent);
  }

  .zylo-voices__track {
    gap: 12px;
    padding-inline: 14px;
    animation-duration: 30s;
  }

  .zylo-voices-card {
    width: min(82vw, 330px);
    min-height: 264px;
    padding: 17px;
    border-radius: 24px;
  }

  .zylo-voices-card__media img {
    width: 66px;
    height: 66px;
    flex-basis: 66px;
    border-radius: 21px;
  }

  .zylo-voices-card__body p {
    font-size: 0.98rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .zylo-voices__rail {
    overflow-x: auto;
    -webkit-mask-image: none;
    mask-image: none;
    scrollbar-width: none;
  }

  .zylo-voices__rail::-webkit-scrollbar {
    display: none;
  }

  .zylo-voices__track {
    animation: none !important;
  }
}

/* zylo-faq-and-voices-polish-20260602a */
section#trust {
  max-width: 1240px !important;
  margin: clamp(72px, 8vw, 118px) auto 0 !important;
  padding: 0 clamp(20px, 3vw, 36px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

section#trust::before,
section#trust::after,
section#trust .zylo-card-showcase_sectionHeading__DHCNu::before {
  display: none !important;
  content: none !important;
}

section#trust .zylo-card-showcase_sectionHeading__DHCNu {
  padding: 0 !important;
}

section#trust .zylo-card-showcase_sectionHeading__DHCNu h2 {
  max-width: 10.5ch !important;
  text-wrap: balance;
}

.zylo-faq-title-accent {
  display: inline;
  color: transparent;
  background: linear-gradient(100deg, #7c5cff 0%, #35c8ff 48%, #76f7d2 100%);
  -webkit-background-clip: text;
  background-clip: text;
  text-shadow: 0 0 34px rgba(80, 140, 255, 0.14);
}

section#trust .zylo-card-showcase_faqCard__eSGnd {
  background:
    radial-gradient(circle at 16% 0%, rgba(100, 206, 251, 0.095), transparent 34%),
    radial-gradient(circle at 104% 0%, rgba(139, 92, 246, 0.12), transparent 38%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.012)),
    rgba(2, 4, 12, 0.74) !important;
  border-color: rgba(156, 190, 255, 0.16) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 24px 76px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(100, 206, 251, 0.025) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
  backdrop-filter: blur(18px) saturate(1.12) !important;
}

section#trust .zylo-card-showcase_faqCard__eSGnd:hover,
section#trust .zylo-card-showcase_faqCardOpen__h7s6W {
  background:
    radial-gradient(circle at 18% 0%, rgba(100, 206, 251, 0.14), transparent 32%),
    radial-gradient(circle at 100% 0%, rgba(139, 92, 246, 0.16), transparent 36%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.064), rgba(255, 255, 255, 0.016)),
    rgba(2, 4, 12, 0.84) !important;
  border-color: rgba(125, 211, 252, 0.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 30px 92px rgba(0, 0, 0, 0.46),
    0 0 46px rgba(34, 211, 238, 0.07) !important;
}

.zylo-premium-landing_faqRefresh__bm2Pz,
section:has(.zylo-premium-landing_faqGrid__l9un7) {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.zylo-premium-landing_faqRefresh__bm2Pz .zylo-premium-landing_sectionBadge__WQrOO,
.zylo-premium-landing_faqRefresh__bm2Pz .zylo-premium-landing_eyebrow__nVG00,
section:has(.zylo-premium-landing_faqGrid__l9un7) .zylo-premium-landing_sectionBadge__WQrOO,
section:has(.zylo-premium-landing_faqList__8KcK4) .zylo-premium-landing_eyebrow__nVG00 {
  display: none !important;
}

.zylo-premium-landing_faqRefresh__bm2Pz .zylo-premium-landing_internalIntro__9dIzy h2,
section:has(.zylo-premium-landing_faqGrid__l9un7) .zylo-premium-landing_internalIntro__9dIzy h2,
section:has(.zylo-premium-landing_faqList__8KcK4) .zylo-premium-landing_sectionIntro__nlXxO h2 {
  max-width: 11ch !important;
  text-wrap: balance;
}

.zylo-voices-card {
  border-color: rgba(158, 190, 255, 0.18);
  background:
    radial-gradient(circle at 18% 0%, rgba(100, 206, 251, 0.12), transparent 34%),
    radial-gradient(circle at 100% 8%, rgba(139, 92, 246, 0.14), transparent 40%),
    linear-gradient(132deg, rgba(255, 255, 255, 0.072), rgba(255, 255, 255, 0.014) 54%, rgba(100, 206, 251, 0.028)),
    rgba(2, 4, 12, 0.72);
  -webkit-backdrop-filter: blur(22px) saturate(1.18);
  backdrop-filter: blur(22px) saturate(1.18);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    inset 0 -1px 0 rgba(100, 206, 251, 0.055),
    0 28px 84px rgba(0, 0, 0, 0.44),
    0 0 0 1px rgba(100, 206, 251, 0.028);
}

.zylo-voices-card::before {
  background:
    linear-gradient(116deg, transparent 0 34%, rgba(255, 255, 255, 0.095) 46%, transparent 58%),
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.12), transparent 26%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 44%);
  opacity: 0.42;
}

.zylo-voices-card__media img {
  border-radius: 22px;
  border-color: rgba(205, 236, 255, 0.22);
  filter: saturate(1.12) contrast(1.08) brightness(0.92);
  box-shadow:
    0 0 0 4px rgba(100, 206, 251, 0.045),
    0 0 34px rgba(100, 206, 251, 0.18),
    0 18px 42px rgba(0, 0, 0, 0.42);
}

@media (max-width: 900px) {
  section#trust {
    margin-top: 64px !important;
    padding-inline: 20px !important;
  }
}

/* zylo-niche-marquee-speed-icons-20260602a */
.zylo-card-showcase_nicheMarqueeBlock__usmT9 {
  background:
    radial-gradient(ellipse at 18% 18%, rgba(0, 229, 255, 0.04), transparent 34%),
    radial-gradient(ellipse at 88% 28%, rgba(124, 92, 255, 0.052), transparent 36%),
    linear-gradient(180deg, #000 0%, #010205 46%, #000 100%) !important;
  box-shadow: none !important;
}

.zylo-card-showcase_nicheMarqueePerspective__sFVWU {
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 9%, #000 91%, transparent 100%) !important;
  mask-image: linear-gradient(90deg, transparent 0%, #000 9%, #000 91%, transparent 100%) !important;
}

.zylo-card-showcase_nicheMarqueeTrack__JHy8X {
  animation-duration: 30s !important;
  animation-timing-function: linear !important;
  transform: translate3d(0, 0, 0);
  will-change: transform;
}

.zylo-card-showcase_nicheMarqueeItem__oxqEg {
  gap: clamp(14px, 1.8vw, 28px) !important;
  color: rgba(248, 251, 255, 0.94) !important;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.04),
    0 14px 42px rgba(0, 0, 0, 0.62),
    0 0 26px rgba(110, 205, 255, 0.07);
}

.zylo-card-showcase_nicheMarqueeLabel__EDLyE {
  letter-spacing: -0.058em !important;
}

.zylo-card-showcase_nicheMarqueeIcon__toKwJ {
  position: relative;
  display: inline-grid !important;
  width: clamp(46px, 4.4vw, 68px) !important;
  height: clamp(46px, 4.4vw, 68px) !important;
  place-items: center;
  flex: 0 0 auto;
  overflow: hidden;
  border: 1px solid rgba(176, 221, 255, 0.2);
  border-radius: 999px;
  color: color-mix(in srgb, var(--niche-tone, #7ddfff) 84%, #ffffff 16%) !important;
  background:
    radial-gradient(circle at 32% 22%, rgba(255, 255, 255, 0.18), transparent 26%),
    radial-gradient(circle at 68% 82%, color-mix(in srgb, var(--niche-tone, #7ddfff) 22%, transparent), transparent 42%),
    linear-gradient(145deg, rgba(22, 33, 55, 0.82), rgba(2, 5, 14, 0.9));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    inset 0 -14px 24px rgba(0, 0, 0, 0.28),
    0 0 0 1px color-mix(in srgb, var(--niche-tone, #7ddfff) 9%, transparent),
    0 12px 34px rgba(0, 0, 0, 0.44),
    0 0 28px color-mix(in srgb, var(--niche-tone, #7ddfff) 18%, transparent);
  transform: translateZ(0);
  animation: zylo-niche-icon-float-20260602a 4.8s cubic-bezier(0.22, 1, 0.36, 1) infinite;
}

.zylo-card-showcase_nicheMarqueeIcon__toKwJ::before,
.zylo-card-showcase_nicheMarqueeIcon__toKwJ::after {
  position: absolute;
  content: "";
  pointer-events: none;
}

.zylo-card-showcase_nicheMarqueeIcon__toKwJ::before {
  inset: 1px;
  border-radius: inherit;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.18), transparent 36%),
    radial-gradient(circle at 50% 112%, color-mix(in srgb, var(--niche-tone, #7ddfff) 24%, transparent), transparent 52%);
  opacity: 0.72;
}

.zylo-card-showcase_nicheMarqueeIcon__toKwJ::after {
  top: 15%;
  right: 17%;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #dffaff;
  box-shadow:
    0 0 12px rgba(223, 250, 255, 0.52),
    0 0 22px color-mix(in srgb, var(--niche-tone, #7ddfff) 28%, transparent);
  opacity: 0.82;
}

.zylo-card-showcase_nicheMarqueeIcon__toKwJ svg {
  position: relative;
  z-index: 1;
  width: 42% !important;
  height: 42% !important;
  stroke-width: 1.9 !important;
  filter:
    drop-shadow(0 0 8px color-mix(in srgb, var(--niche-tone, #7ddfff) 42%, transparent))
    drop-shadow(0 8px 14px rgba(0, 0, 0, 0.34));
}

.zylo-card-showcase_nicheMarqueeItem__oxqEg:nth-child(6n + 1) .zylo-card-showcase_nicheMarqueeIcon__toKwJ { --niche-tone: #66f4d5; }
.zylo-card-showcase_nicheMarqueeItem__oxqEg:nth-child(6n + 2) .zylo-card-showcase_nicheMarqueeIcon__toKwJ { --niche-tone: #8ec7ff; }
.zylo-card-showcase_nicheMarqueeItem__oxqEg:nth-child(6n + 3) .zylo-card-showcase_nicheMarqueeIcon__toKwJ { --niche-tone: #9a7cff; }
.zylo-card-showcase_nicheMarqueeItem__oxqEg:nth-child(6n + 4) .zylo-card-showcase_nicheMarqueeIcon__toKwJ { --niche-tone: #70dcff; }
.zylo-card-showcase_nicheMarqueeItem__oxqEg:nth-child(6n + 5) .zylo-card-showcase_nicheMarqueeIcon__toKwJ { --niche-tone: #c28bff; }
.zylo-card-showcase_nicheMarqueeItem__oxqEg:nth-child(6n + 6) .zylo-card-showcase_nicheMarqueeIcon__toKwJ { --niche-tone: #ffd28a; }

@keyframes zylo-niche-icon-float-20260602a {
  0%,
  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    transform: translate3d(0, -3px, 0) scale(1.035);
  }
}

@media (max-width: 760px) {
  .zylo-card-showcase_nicheMarqueeTrack__JHy8X {
    animation-duration: 24s !important;
  }

  .zylo-card-showcase_nicheMarqueeItem__oxqEg {
    gap: 13px !important;
    text-shadow:
      0 10px 34px rgba(0, 0, 0, 0.64),
      0 0 20px rgba(110, 205, 255, 0.06);
  }

  .zylo-card-showcase_nicheMarqueeIcon__toKwJ {
    width: 42px !important;
    height: 42px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .zylo-card-showcase_nicheMarqueeTrack__JHy8X,
  .zylo-card-showcase_nicheMarqueeIcon__toKwJ {
    animation: none !important;
  }
}

/* zylo-testimonial-oled-cards-20260602a */
.zylo-voices .zylo-voices-card {
  border-color: rgba(126, 214, 255, 0.13) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(68, 210, 255, 0.075), transparent 34%),
    radial-gradient(circle at 102% 7%, rgba(139, 92, 246, 0.09), transparent 38%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.025), transparent 28%),
    linear-gradient(180deg, #03050a 0%, #010207 54%, #000000 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.055),
    inset 0 -34px 68px rgba(0, 0, 0, 0.58),
    0 24px 72px rgba(0, 0, 0, 0.54),
    0 0 0 1px rgba(0, 229, 255, 0.018),
    0 0 34px rgba(0, 229, 255, 0.045) !important;
}

.zylo-voices .zylo-voices-card::before {
  background:
    linear-gradient(118deg, transparent 0 42%, rgba(255, 255, 255, 0.038) 49%, transparent 58%),
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.055), transparent 24%) !important;
  opacity: 0.42 !important;
}

.zylo-voices .zylo-voices-card::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 27px;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 22%),
    radial-gradient(circle at 50% 115%, rgba(0, 229, 255, 0.045), transparent 42%);
  mix-blend-mode: screen;
  opacity: 0.46;
}

.zylo-voices .zylo-voices-card__media img {
  border-color: rgba(199, 235, 255, 0.18) !important;
  filter: saturate(1.08) contrast(1.08) brightness(0.92) !important;
  box-shadow:
    0 0 0 4px rgba(0, 0, 0, 0.36),
    0 0 0 5px rgba(0, 229, 255, 0.035),
    0 0 24px rgba(0, 229, 255, 0.11),
    0 18px 42px rgba(0, 0, 0, 0.52) !important;
}

.zylo-voices .zylo-voices-card__body p {
  color: rgba(247, 250, 255, 0.92) !important;
  text-shadow: 0 10px 34px rgba(0, 0, 0, 0.72) !important;
}

.zylo-voices .zylo-voices-card__body small {
  color: rgba(178, 194, 222, 0.64) !important;
}

/* zylo-testimonial-copy-photo-polish-20260622a */
.zylo-voices {
  background:
    radial-gradient(ellipse at 8% 2%, rgba(0, 229, 255, 0.035), transparent 34%),
    radial-gradient(ellipse at 86% 0%, rgba(139, 92, 246, 0.045), transparent 32%),
    #000000 !important;
}

.zylo-voices__header {
  align-items: end !important;
  gap: clamp(22px, 4vw, 56px) !important;
}

.zylo-voices__header h2 {
  max-width: 1060px !important;
  font-size: clamp(3.1rem, 6.5vw, 6.45rem) !important;
  line-height: 0.92 !important;
  letter-spacing: -0.058em !important;
  text-wrap: balance;
}

.zylo-voices__header h2 span {
  display: inline;
  background: linear-gradient(92deg, #ffffff 0%, #7bd8ff 50%, #8b5cf6 82%, #ffffff 118%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.zylo-voices__header p {
  max-width: 760px !important;
  color: rgba(221, 231, 247, 0.74) !important;
  font-size: clamp(1rem, 1.18vw, 1.16rem) !important;
  line-height: 1.6 !important;
}

.zylo-voices__track {
  gap: clamp(16px, 1.8vw, 26px) !important;
  animation-duration: 31s !important;
}

.zylo-voices .zylo-voices-card {
  width: clamp(326px, 28vw, 426px) !important;
  min-height: 292px !important;
  padding: clamp(20px, 2vw, 26px) !important;
  border-color: rgba(126, 214, 255, 0.16) !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(79, 213, 255, 0.09), transparent 32%),
    radial-gradient(circle at 102% 4%, rgba(141, 92, 246, 0.105), transparent 38%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.02), transparent 30%),
    linear-gradient(180deg, #020408 0%, #000103 58%, #000000 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    inset 0 -42px 80px rgba(0, 0, 0, 0.72),
    0 26px 80px rgba(0, 0, 0, 0.62),
    0 0 0 1px rgba(0, 229, 255, 0.02),
    0 0 34px rgba(0, 229, 255, 0.04) !important;
}

.zylo-voices .zylo-voices-card::before {
  background:
    linear-gradient(122deg, transparent 0 44%, rgba(255, 255, 255, 0.032) 50%, transparent 58%),
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.045), transparent 24%) !important;
  opacity: 0.34 !important;
}

.zylo-voices .zylo-voices-card::after {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.024), transparent 24%),
    radial-gradient(circle at 50% 116%, rgba(0, 229, 255, 0.052), transparent 44%) !important;
  opacity: 0.34 !important;
}

.zylo-voices .zylo-voices-card__media img {
  width: 86px !important;
  height: 86px !important;
  flex-basis: 86px !important;
  border-radius: 28px !important;
  border-color: rgba(207, 238, 255, 0.26) !important;
  filter: saturate(1.04) contrast(1.12) brightness(0.98) !important;
  box-shadow:
    0 0 0 4px rgba(0, 0, 0, 0.48),
    0 0 0 5px rgba(125, 216, 255, 0.05),
    0 0 24px rgba(100, 206, 251, 0.12),
    0 18px 48px rgba(0, 0, 0, 0.64) !important;
}

.zylo-voices .zylo-voices-card__body {
  gap: 22px !important;
}

.zylo-voices .zylo-voices-card__body p {
  max-width: 34ch;
  color: rgba(250, 252, 255, 0.94) !important;
  font-size: clamp(1.04rem, 1.28vw, 1.24rem) !important;
  line-height: 1.42 !important;
  letter-spacing: -0.026em !important;
}

.zylo-voices .zylo-voices-card__body strong {
  color: rgba(255, 255, 255, 0.98) !important;
}

.zylo-voices .zylo-voices-card__body small {
  color: rgba(172, 187, 214, 0.72) !important;
}

@media (max-width: 700px) {
  .zylo-voices__header {
    grid-template-columns: 1fr !important;
    width: min(100% - 32px, 520px) !important;
  }

  .zylo-voices__header h2 {
    font-size: clamp(2.6rem, 12vw, 4.25rem) !important;
    line-height: 0.96 !important;
    letter-spacing: -0.052em !important;
  }

  .zylo-voices__header p {
    font-size: 1rem !important;
    line-height: 1.55 !important;
  }

  .zylo-voices__header a {
    width: fit-content !important;
  }

  .zylo-voices__track {
    animation-duration: 28s !important;
  }

  .zylo-voices .zylo-voices-card {
    width: min(86vw, 348px) !important;
    min-height: 284px !important;
    padding: 18px !important;
    border-radius: 25px !important;
  }

  .zylo-voices .zylo-voices-card__media img {
    width: 72px !important;
    height: 72px !important;
    flex-basis: 72px !important;
    border-radius: 23px !important;
  }

  .zylo-voices .zylo-voices-card__body p {
    font-size: 1.02rem !important;
    line-height: 1.42 !important;
  }
}

/* zylo-workflow-borderless-shell-20260602a */
section#workflow.zylo-card-showcase_workflowCinematicBlock__XkKNr {
  border-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* zylo-hero-character-oled-fluid-20260623a */
.zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_heroVideo__O9DGt {
  background-color: #000 !important;
  background-image: url("/brand/zylo-hero-character-oled-poster-20260624a.jpg?v=hero-living-fluid-20260624a") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  filter: none !important;
  opacity: 1 !important;
  transform: var(--zylo-character-transform, translate3d(0, 0, 0) rotate(0deg) scale(1)) !important;
  transform-origin: center center !important;
  will-change: transform !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
  contain: paint !important;
  object-position: center center !important;
}

@media (max-width: 700px) {
  .zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_heroVideo__O9DGt {
    background-position: center center !important;
  }
}

/* zylo-hero-character-ultrafluid-20260624a */
html body .zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_heroVideo__O9DGt.zylo-mainframe-character-video {
  pointer-events: none !important;
  object-position: center center !important;
  background-position: center center !important;
  filter: none !important;
  transform: var(--zylo-character-transform, perspective(1100px) translate3d(0, 0, 0) rotateY(0deg) rotate(0deg) scale(1)) !important;
  transform-origin: 68% 48% !important;
  will-change: transform !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
  contain: paint !important;
}

@media (max-width: 700px) {
  html body .zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_heroVideo__O9DGt.zylo-mainframe-character-video {
    object-position: 74% 50% !important;
    background-position: 74% 50% !important;
    opacity: 0.9 !important;
    transform-origin: 58% 38% !important;
    filter: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body .zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_heroVideo__O9DGt.zylo-mainframe-character-video {
    will-change: auto !important;
    transform: none !important;
  }
}

/* zylo-hero-cta-stable-first-paint-20260602a */
.zylo-premium-landing_videoHero__9GH63 .zylo-mainframe-actions,
.zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_videoHeroContent__Q4tcN > .zylo-premium-landing_videoHeroCta__H1ZFK {
  margin-top: clamp(24px, 3vh, 34px) !important;
}

.zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_videoHeroContent__Q4tcN > .zylo-premium-landing_videoHeroCta__H1ZFK {
  visibility: hidden;
  opacity: 0;
  animation: zylo-hero-cta-standalone-failsafe-20260602a 1ms linear 650ms forwards;
}

.zylo-premium-landing_videoHero__9GH63 .zylo-mainframe-actions .zylo-premium-landing_videoHeroCta__H1ZFK {
  visibility: visible !important;
  opacity: 1 !important;
  animation: none !important;
}

.zylo-premium-landing_videoHero__9GH63 .zylo-mainframe-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: row !important;
  gap: clamp(16px, 2.4vw, 28px) !important;
  min-height: 60px !important;
  padding: 0 !important;
  contain: layout style;
}

.zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_videoHeroCta__H1ZFK,
.zylo-premium-landing_videoHero__9GH63 .zylo-mainframe-secondary {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  border-radius: 999px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  transform: translate3d(0, 0, 0);
  transition:
    transform 160ms cubic-bezier(0.22, 1, 0.36, 1),
    border-color 180ms ease,
    background-color 180ms ease,
    box-shadow 180ms ease,
    color 180ms ease !important;
  will-change: auto !important;
}

.zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_videoHeroCta__H1ZFK {
  min-width: 206px !important;
  padding: 0 30px !important;
  gap: 12px !important;
  font-size: 1rem !important;
  font-weight: 760 !important;
}

.zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_videoHeroCta__H1ZFK svg {
  width: 19px !important;
  height: 19px !important;
  flex: 0 0 auto !important;
}

.zylo-premium-landing_videoHero__9GH63 .zylo-mainframe-secondary {
  min-width: 116px !important;
  width: auto !important;
  padding: 0 12px !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(249, 252, 255, 0.82) !important;
  font-size: 0.98rem !important;
  font-weight: 740 !important;
  text-shadow: 0 10px 26px rgba(0, 0, 0, 0.72) !important;
}

@media (hover: hover) and (pointer: fine) {
  .zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_videoHeroCta__H1ZFK:hover,
  .zylo-premium-landing_videoHero__9GH63 .zylo-mainframe-secondary:hover {
    transform: translate3d(0, -1px, 0) !important;
  }
}

@media (max-width: 700px) {
  .zylo-premium-landing_videoHero__9GH63 .zylo-mainframe-actions {
    width: min(344px, calc(100vw - 58px)) !important;
    gap: 14px !important;
    margin-top: 30px !important;
    min-height: 56px !important;
    justify-content: center !important;
    flex-direction: row !important;
  }

  .zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_videoHeroCta__H1ZFK {
    min-width: 0 !important;
    width: 206px !important;
    padding: 0 24px !important;
  }

  .zylo-premium-landing_videoHero__9GH63 .zylo-mainframe-secondary {
    min-width: 112px !important;
    width: auto !important;
    height: 56px !important;
    max-height: 56px !important;
    font-size: 0.96rem !important;
  }
}

@media (max-width: 380px) {
  .zylo-premium-landing_videoHero__9GH63 .zylo-mainframe-actions {
    width: min(330px, calc(100vw - 36px)) !important;
    gap: 10px !important;
  }

  .zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_videoHeroCta__H1ZFK {
    width: 196px !important;
    padding-inline: 20px !important;
  }
}

@keyframes zylo-hero-cta-standalone-failsafe-20260602a {
  to {
    visibility: visible;
    opacity: 1;
  }
}

/* Final conversion section refresh. Kept standalone so the static export can
   replace the previous closing hero without relying on the Next bundle. */
.zylo-premium-landing_finalProgramHero__UxgB7 {
  background: #000 !important;
}

.zylo-premium-landing_finalProgramHero__UxgB7 .zylo-premium-landing_finalProgramVideo__A2NGY {
  opacity: 0 !important;
}

.zylo-final-refresh {
  --zylo-final-bg: #000;
  --zylo-final-text: rgba(255, 255, 255, 0.92);
  --zylo-final-muted: rgba(255, 255, 255, 0.72);
  --zylo-final-border: rgba(255, 255, 255, 0.16);
  --zylo-final-cyan: #64cefb;
  --zylo-final-violet: #7c5cff;
  position: relative;
  min-height: 100svh;
  overflow: hidden;
  isolation: isolate;
  display: flex;
  align-items: stretch;
  background: var(--zylo-final-bg);
  color: var(--zylo-final-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.zylo-final-refresh::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 67% 48%, rgba(0, 0, 0, 0.16), transparent 26%),
    radial-gradient(circle at 20% 25%, rgba(94, 14, 215, 0.18), transparent 35%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.23) 42%, rgba(0, 0, 0, 0.54) 100%),
    linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.16) 18%, rgba(0, 0, 0, 0.2) 72%, #000 100%);
}

.zylo-final-refresh::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0.18;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.028) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: radial-gradient(circle at center, #000 0%, transparent 72%);
}

.zylo-final-refresh__video {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.92;
  filter: saturate(1.25) hue-rotate(10deg) contrast(1.08) brightness(0.7);
  transform: scale(1.012);
  background: #000;
}

.zylo-final-refresh__shell {
  position: relative;
  z-index: 1;
  width: min(100%, 1440px);
  min-height: 100svh;
  margin: 0 auto;
  padding: clamp(18px, 2.5vw, 34px);
  display: grid;
  grid-template-rows: auto auto 1fr;
  gap: clamp(24px, 4vh, 54px);
}

.zylo-final-refresh__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.zylo-final-refresh__brand,
.zylo-final-refresh__links,
.zylo-final-refresh__contact,
.zylo-final-refresh__cta {
  min-height: 48px;
  border-radius: 999px;
  border: 1px solid var(--zylo-final-border);
  background: rgba(0, 0, 0, 0.42);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 18px 52px rgba(0, 0, 0, 0.34);
  backdrop-filter: blur(14px) saturate(150%);
  -webkit-backdrop-filter: blur(14px) saturate(150%);
}

.zylo-final-refresh__brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 16px 8px 10px;
  color: #fff;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-decoration: none;
  text-transform: uppercase;
}

.zylo-final-refresh__brand img {
  width: 31px;
  height: 31px;
  display: block;
  object-fit: contain;
  filter: saturate(1.18) contrast(1.04);
}

.zylo-final-refresh__links {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(12px, 1.8vw, 24px);
  padding: 0 22px;
}

.zylo-final-refresh__links a,
.zylo-final-refresh__contact {
  color: rgba(255, 255, 255, 0.74);
  font-size: 0.88rem;
  font-weight: 760;
  text-decoration: none;
  transition: color 180ms ease, border-color 180ms ease, background-color 180ms ease, transform 180ms ease;
  white-space: nowrap;
}

.zylo-final-refresh__links a:hover,
.zylo-final-refresh__contact:hover {
  color: #fff;
}

.zylo-final-refresh__contact {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 18px;
}

.zylo-final-refresh__contact:hover {
  border-color: rgba(100, 206, 251, 0.46);
  background: rgba(4, 20, 30, 0.5);
}

.zylo-final-refresh__top {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(220px, 0.44fr);
  align-items: start;
  gap: 28px;
  color: var(--zylo-final-muted);
}

.zylo-final-refresh__top p {
  margin: 0;
  max-width: 570px;
  font-size: clamp(0.92rem, 1.2vw, 1.06rem);
  line-height: 1.68;
  font-weight: 660;
}

.zylo-final-refresh__stat {
  justify-self: end;
  max-width: 300px;
  text-align: right;
  font-size: clamp(1.1rem, 2.1vw, 1.72rem);
  line-height: 1.08;
  font-weight: 850;
  letter-spacing: -0.03em;
  color: #fff;
}

.zylo-final-refresh__stat span {
  display: block;
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.72rem;
  line-height: 1.35;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.zylo-final-refresh__center {
  align-self: center;
  justify-self: center;
  width: min(100%, 1080px);
  padding-bottom: clamp(10px, 3vh, 36px);
  text-align: center;
}

.zylo-final-refresh__eyebrow {
  margin: 0 0 18px;
  color: rgba(255, 255, 255, 0.74);
  font-size: clamp(0.72rem, 1.2vw, 0.86rem);
  font-weight: 860;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.zylo-final-refresh__title {
  margin: 0;
  color: #fff;
  font-size: clamp(3.4rem, 8vw, 8.9rem);
  line-height: 0.86;
  letter-spacing: -0.065em;
  font-weight: 820;
  text-wrap: balance;
}

.zylo-final-refresh__title span {
  display: block;
}

.zylo-final-refresh__shine {
  display: inline-block;
  background-image: linear-gradient(100deg, #64cefb 0%, #69f0d8 22%, #7c5cff 42%, #fff 50%, #64cefb 62%, #9868ff 100%);
  background-size: 230% 100%;
  background-position: 0% 50%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: zylo-final-shine 3s linear infinite;
}

.zylo-final-refresh__copy {
  max-width: 680px;
  margin: clamp(18px, 2.4vw, 28px) auto 0;
  color: rgba(255, 255, 255, 0.76);
  font-size: clamp(1rem, 1.6vw, 1.24rem);
  line-height: 1.55;
  font-weight: 680;
}

.zylo-final-refresh__actions {
  margin-top: clamp(22px, 3vw, 34px);
  display: flex;
  justify-content: center;
}

.zylo-final-refresh__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 210px;
  padding: 0 28px;
  color: #fff;
  font-size: 1rem;
  font-weight: 820;
  text-decoration: none;
  border-color: rgba(100, 206, 251, 0.38);
  background:
    radial-gradient(circle at 80% 50%, rgba(124, 92, 255, 0.44), transparent 42%),
    linear-gradient(90deg, rgba(2, 27, 35, 0.82), rgba(0, 0, 0, 0.68));
  box-shadow:
    0 0 0 1px rgba(100, 206, 251, 0.12),
    0 18px 70px rgba(0, 214, 255, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.14);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.zylo-final-refresh__cta:hover {
  transform: translateY(-2px);
  border-color: rgba(100, 206, 251, 0.68);
  box-shadow:
    0 0 0 1px rgba(100, 206, 251, 0.18),
    0 22px 78px rgba(0, 214, 255, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.zylo-final-refresh__cta svg,
.zylo-final-refresh__contact svg {
  width: 18px;
  height: 18px;
  transition: transform 180ms ease;
}

.zylo-final-refresh__cta:hover svg,
.zylo-final-refresh__contact:hover svg {
  transform: translateX(3px);
}

@keyframes zylo-final-shine {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 220% 50%;
  }
}

@media (max-width: 1023px) {
  .zylo-final-refresh__shell {
    gap: 30px;
  }

  .zylo-final-refresh__nav {
    flex-wrap: wrap;
  }

  .zylo-final-refresh__links {
    order: 3;
    width: 100%;
    justify-content: flex-start;
    overflow-x: auto;
    padding-inline: 16px;
    scrollbar-width: none;
  }

  .zylo-final-refresh__links::-webkit-scrollbar {
    display: none;
  }

  .zylo-final-refresh__top {
    grid-template-columns: 1fr;
  }

  .zylo-final-refresh__top p,
  .zylo-final-refresh__stat {
    max-width: 640px;
    justify-self: center;
    text-align: center;
  }
}

@media (max-width: 640px) {
  .zylo-final-refresh {
    min-height: max(690px, 100svh);
  }

  .zylo-final-refresh__video {
    opacity: 0.82;
    filter: saturate(1.2) hue-rotate(10deg) contrast(1.07) brightness(0.62);
    object-position: 42% center;
  }

  .zylo-final-refresh__shell {
    padding: 16px;
    gap: 22px;
  }

  .zylo-final-refresh__brand,
  .zylo-final-refresh__contact {
    min-height: 44px;
  }

  .zylo-final-refresh__brand {
    padding-right: 14px;
  }

  .zylo-final-refresh__brand img {
    width: 28px;
    height: 28px;
  }

  .zylo-final-refresh__links {
    min-height: 42px;
    gap: 14px;
    padding-inline: 14px;
  }

  .zylo-final-refresh__links a,
  .zylo-final-refresh__contact {
    font-size: 0.82rem;
  }

  .zylo-final-refresh__top p {
    font-size: 0.9rem;
    line-height: 1.62;
  }

  .zylo-final-refresh__stat {
    font-size: 1.12rem;
  }

  .zylo-final-refresh__center {
    padding-bottom: 16px;
  }

  .zylo-final-refresh__title {
    font-size: clamp(3.25rem, 17vw, 5.6rem);
    letter-spacing: -0.06em;
  }

  .zylo-final-refresh__copy {
    font-size: 0.96rem;
    line-height: 1.55;
  }

  .zylo-final-refresh__cta {
    width: min(100%, 330px);
    min-height: 54px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .zylo-final-refresh__shine {
    animation: none;
    background-position: 42% 50%;
  }

  .zylo-final-refresh__cta,
  .zylo-final-refresh__cta svg,
  .zylo-final-refresh__contact,
  .zylo-final-refresh__contact svg {
    transition: none;
  }
}

/* Final footer composition: the closing block should feel like the end of the
   site, not a second landing hero. */
.zylo-final-refresh--footer {
  min-height: auto;
  margin-top: -1px;
  padding: clamp(56px, 7vw, 92px) 0 0;
  background:
    linear-gradient(180deg, #000 0%, #000 12%, #010307 42%, #000 100%);
  display: block;
  box-shadow: inset 0 96px 110px rgba(0, 0, 0, 0.96);
}

.zylo-final-refresh--footer::before {
  background:
    linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.96) 8%, rgba(0, 0, 0, 0.45) 30%, rgba(0, 0, 0, 0.62) 100%),
    radial-gradient(circle at 76% 48%, rgba(100, 206, 251, 0.12), transparent 25%),
    radial-gradient(circle at 16% 42%, rgba(124, 92, 255, 0.14), transparent 34%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.3) 48%, rgba(0, 0, 0, 0.78) 100%),
    linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.22) 24%, rgba(0, 0, 0, 0.38) 74%, #000 100%);
}

.zylo-final-refresh--footer::after {
  opacity: 0.11;
  background-size: 64px 64px;
  mask-image: linear-gradient(180deg, transparent 0%, #000 18%, #000 86%, transparent 100%);
}

.zylo-final-refresh--footer .zylo-final-refresh__video {
  opacity: 0.68;
  object-position: 52% 56%;
  filter: saturate(1.3) hue-rotate(12deg) contrast(1.12) brightness(0.56);
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.08) 8%, #000 26%, #000 100%);
  mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.08) 8%, #000 26%, #000 100%);
}

.zylo-final-refresh--footer .zylo-final-refresh__shell {
  width: min(calc(100% - 36px), 1320px);
  min-height: 0;
  padding: 0 0 clamp(18px, 2.4vw, 28px);
  grid-template-rows: auto auto;
  gap: clamp(28px, 3.6vw, 48px);
}

.zylo-final-refresh__footerTop {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
}

.zylo-final-refresh--footer .zylo-final-refresh__brand,
.zylo-final-refresh--footer .zylo-final-refresh__links,
.zylo-final-refresh--footer .zylo-final-refresh__contact,
.zylo-final-refresh--footer .zylo-final-refresh__cta,
.zylo-final-refresh__secondary,
.zylo-final-refresh__proofCard,
.zylo-final-refresh__bottom {
  border: 1px solid rgba(255, 255, 255, 0.13);
  background: rgba(0, 0, 0, 0.46);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 18px 60px rgba(0, 0, 0, 0.32);
  backdrop-filter: blur(16px) saturate(145%);
  -webkit-backdrop-filter: blur(16px) saturate(145%);
}

.zylo-final-refresh--footer .zylo-final-refresh__brand,
.zylo-final-refresh--footer .zylo-final-refresh__contact {
  min-height: 46px;
  justify-self: start;
}

.zylo-final-refresh--footer .zylo-final-refresh__links {
  justify-self: center;
  min-height: 46px;
  max-width: min(100%, 560px);
}

.zylo-final-refresh__closing {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.72fr);
  align-items: end;
  gap: clamp(28px, 6vw, 84px);
}

.zylo-final-refresh__message {
  max-width: 820px;
}

.zylo-final-refresh--footer .zylo-final-refresh__eyebrow {
  margin-bottom: 16px;
  text-align: left;
  color: rgba(255, 255, 255, 0.68);
}

.zylo-final-refresh--footer .zylo-final-refresh__title {
  max-width: 840px;
  font-size: clamp(3rem, 5.8vw, 6.65rem);
  line-height: 0.9;
  text-align: left;
}

.zylo-final-refresh--footer .zylo-final-refresh__title em {
  font-style: normal;
}

.zylo-final-refresh--footer .zylo-final-refresh__copy {
  max-width: 680px;
  margin: clamp(18px, 2.2vw, 28px) 0 0;
  color: rgba(255, 255, 255, 0.72);
  text-align: left;
  font-size: clamp(1rem, 1.2vw, 1.18rem);
}

.zylo-final-refresh--footer .zylo-final-refresh__actions {
  margin-top: clamp(24px, 3vw, 38px);
  justify-content: flex-start;
  gap: 14px;
  flex-wrap: wrap;
}

.zylo-final-refresh--footer .zylo-final-refresh__cta {
  min-width: 196px;
  min-height: 52px;
}

.zylo-final-refresh__secondary {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 22px;
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.96rem;
  font-weight: 780;
  text-decoration: none;
  transition: color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.zylo-final-refresh__secondary:hover {
  color: #fff;
  border-color: rgba(100, 206, 251, 0.36);
  transform: translateY(-1px);
}

.zylo-final-refresh__proof {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.zylo-final-refresh__proofCard {
  border-radius: 22px;
  padding: 18px 20px;
}

.zylo-final-refresh__proofCard--large {
  min-height: 148px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background:
    radial-gradient(circle at 20% 0%, rgba(100, 206, 251, 0.18), transparent 35%),
    linear-gradient(135deg, rgba(0, 0, 0, 0.62), rgba(14, 14, 26, 0.72));
}

.zylo-final-refresh__proofCard strong {
  display: block;
  color: #fff;
  font-size: clamp(1.04rem, 1.5vw, 1.42rem);
  line-height: 1.05;
  font-weight: 860;
  letter-spacing: -0.02em;
}

.zylo-final-refresh__proofCard--large strong {
  font-size: clamp(3rem, 5vw, 5.2rem);
  letter-spacing: -0.06em;
}

.zylo-final-refresh__proofCard span {
  display: block;
  margin-top: 8px;
  max-width: 300px;
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.92rem;
  line-height: 1.45;
  font-weight: 650;
}

.zylo-final-refresh__bottom {
  min-height: 62px;
  border-radius: 24px;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 18px;
  padding: 12px 18px;
  color: rgba(255, 255, 255, 0.58);
  font-size: 0.86rem;
  font-weight: 700;
}

.zylo-final-refresh__bottom span:first-child {
  color: #fff;
  letter-spacing: 0.04em;
}

.zylo-final-refresh__bottom a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(100, 206, 251, 0.84);
  text-decoration: none;
  transition: color 180ms ease;
  white-space: nowrap;
}

.zylo-final-refresh__bottom a:hover {
  color: rgba(255, 255, 255, 0.9);
}

.zylo-final-refresh__bottom svg {
  width: 16px;
  height: 16px;
}

@media (max-width: 1023px) {
  .zylo-final-refresh--footer {
    padding-top: 42px;
  }

  .zylo-final-refresh__footerTop {
    grid-template-columns: 1fr auto;
  }

  .zylo-final-refresh--footer .zylo-final-refresh__links {
    grid-column: 1 / -1;
    order: 3;
    justify-self: stretch;
    justify-content: flex-start;
    max-width: none;
  }

  .zylo-final-refresh__closing {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .zylo-final-refresh__proof {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .zylo-final-refresh__proofCard--large {
    min-height: 0;
  }

  .zylo-final-refresh__proofCard--large strong {
    font-size: clamp(2rem, 8vw, 3.8rem);
  }
}

@media (max-width: 720px) {
  .zylo-final-refresh--footer {
    padding-top: 34px;
  }

  .zylo-final-refresh--footer .zylo-final-refresh__video {
    opacity: 0.54;
    object-position: 48% 55%;
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.04) 7%, #000 23%, #000 100%);
    mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.04) 7%, #000 23%, #000 100%);
  }

  .zylo-final-refresh--footer .zylo-final-refresh__shell {
    width: min(calc(100% - 28px), 560px);
    gap: 22px;
  }

  .zylo-final-refresh--footer .zylo-final-refresh__brand,
  .zylo-final-refresh--footer .zylo-final-refresh__contact {
    min-height: 42px;
  }

  .zylo-final-refresh--footer .zylo-final-refresh__links {
    min-height: 44px;
    padding-inline: 13px;
  }

  .zylo-final-refresh--footer .zylo-final-refresh__eyebrow,
  .zylo-final-refresh--footer .zylo-final-refresh__title,
  .zylo-final-refresh--footer .zylo-final-refresh__copy {
    text-align: center;
  }

  .zylo-final-refresh--footer .zylo-final-refresh__title {
    font-size: clamp(2.45rem, 11vw, 3.35rem);
    line-height: 0.96;
  }

  .zylo-final-refresh--footer .zylo-final-refresh__copy {
    margin-inline: auto;
    font-size: 0.92rem;
    line-height: 1.45;
  }

  .zylo-final-refresh--footer .zylo-final-refresh__actions {
    justify-content: center;
  }

  .zylo-final-refresh--footer .zylo-final-refresh__cta,
  .zylo-final-refresh__secondary {
    width: min(100%, 330px);
    min-height: 48px;
  }

  .zylo-final-refresh__proof {
    grid-template-columns: 1fr;
  }

  .zylo-final-refresh__proofCard {
    border-radius: 20px;
    padding: 14px 16px;
    text-align: center;
  }

  .zylo-final-refresh__proofCard--large strong {
    font-size: clamp(2rem, 11vw, 2.8rem);
  }

  .zylo-final-refresh__proofCard span {
    margin-inline: auto;
  }

  .zylo-final-refresh__bottom {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    border-radius: 22px;
    padding-block: 16px;
  }
}

/* zylo-seamless-background-20260622a */
html,
body,
#top.zylo-premium-landing_page__VD5bl,
#top.zylo-premium-landing_page__VD5bl main,
section#platform.zylo-card-showcase_showcase__f8MWD,
section#trust.zylo-card-showcase_sectionBlock__QDpNY {
  background-color: #000 !important;
}

section#platform.zylo-card-showcase_showcase__f8MWD {
  background-image: none !important;
}

.zylo-final-refresh--footer {
  background: #000 !important;
}

.zylo-final-refresh--footer::before {
  background:
    linear-gradient(180deg, #000 0%, #000 16%, rgba(0, 0, 0, 0.72) 34%, rgba(0, 0, 0, 0.62) 100%),
    radial-gradient(circle at 76% 48%, rgba(100, 206, 251, 0.1), transparent 25%),
    radial-gradient(circle at 16% 42%, rgba(124, 92, 255, 0.11), transparent 34%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.4) 48%, rgba(0, 0, 0, 0.84) 100%) !important;
}

.zylo-final-refresh--footer .zylo-final-refresh__video {
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, transparent 9%, rgba(0, 0, 0, 0.22) 18%, #000 34%, #000 100%) !important;
  mask-image: linear-gradient(180deg, transparent 0%, transparent 9%, rgba(0, 0, 0, 0.22) 18%, #000 34%, #000 100%) !important;
}

@media (max-width: 720px) {
  .zylo-final-refresh--footer .zylo-final-refresh__video {
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, transparent 10%, rgba(0, 0, 0, 0.18) 20%, #000 38%, #000 100%) !important;
    mask-image: linear-gradient(180deg, transparent 0%, transparent 10%, rgba(0, 0, 0, 0.18) 20%, #000 38%, #000 100%) !important;
  }
}

/* zylo-niche-marquee-oled-cleanup-20260622a */
.zylo-card-showcase_nicheMarqueeBlock__usmT9,
.zylo-card-showcase_nicheMarqueeIntro__IKEDL,
.zylo-card-showcase_nicheMarqueePerspective__sFVWU {
  background: #000 !important;
  background-image: none !important;
  box-shadow: none !important;
}

.zylo-card-showcase_nicheMarqueeBlock__usmT9 {
  padding-top: clamp(66px, 7vw, 108px) !important;
  padding-bottom: clamp(76px, 8vw, 124px) !important;
  overflow: hidden !important;
}

.zylo-card-showcase_nicheMarqueeBlock__usmT9::before,
.zylo-card-showcase_nicheMarqueeBlock__usmT9::after {
  opacity: 0 !important;
}

.zylo-card-showcase_nicheMarqueeIntro__IKEDL > span:first-child,
.zylo-card-showcase_nicheMarqueeIntro__IKEDL [class*="eyebrow"],
.zylo-card-showcase_nicheMarqueeIntro__IKEDL [class*="badge"] {
  display: none !important;
}

.zylo-card-showcase_nicheMarqueeIntro__IKEDL {
  gap: clamp(14px, 2vw, 24px) !important;
  margin-bottom: clamp(26px, 4vw, 46px) !important;
}

.zylo-card-showcase_nicheMarqueeIntro__IKEDL::after {
  display: none !important;
}

.zylo-card-showcase_nicheMarqueeTrack__JHy8X {
  animation-duration: 25s !important;
  gap: clamp(28px, 5vw, 86px) !important;
}

.zylo-card-showcase_nicheMarqueeItem__oxqEg {
  gap: clamp(16px, 2.2vw, 30px) !important;
  color: rgba(250, 253, 255, 0.96) !important;
  text-shadow:
    0 18px 46px rgba(0, 0, 0, 0.88),
    0 0 18px rgba(124, 223, 255, 0.08) !important;
}

.zylo-card-showcase_nicheMarqueeIcon__toKwJ {
  width: clamp(54px, 5.2vw, 82px) !important;
  height: clamp(54px, 5.2vw, 82px) !important;
  min-width: clamp(54px, 5.2vw, 82px) !important;
  flex-basis: clamp(54px, 5.2vw, 82px) !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: color-mix(in srgb, var(--niche-tone, #7ddfff) 82%, #ffffff 18%) !important;
  animation: zylo-niche-icon-glide-20260622a 3.8s ease-in-out infinite !important;
}

.zylo-card-showcase_nicheMarqueeIcon__toKwJ::before,
.zylo-card-showcase_nicheMarqueeIcon__toKwJ::after {
  display: none !important;
}

.zylo-card-showcase_nicheMarqueeIcon__toKwJ svg {
  width: 76% !important;
  height: 76% !important;
  stroke-width: 1.65 !important;
  vector-effect: non-scaling-stroke;
  filter:
    drop-shadow(0 0 10px color-mix(in srgb, var(--niche-tone, #7ddfff) 34%, transparent))
    drop-shadow(0 16px 24px rgba(0, 0, 0, 0.72)) !important;
}

.zylo-card-showcase_nicheMarqueeLabel__EDLyE {
  letter-spacing: -0.052em !important;
}

@keyframes zylo-niche-icon-glide-20260622a {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -2px, 0);
  }
}

@media (max-width: 760px) {
  .zylo-card-showcase_nicheMarqueeBlock__usmT9 {
    padding-top: 58px !important;
    padding-bottom: 76px !important;
  }

  .zylo-card-showcase_nicheMarqueeTrack__JHy8X {
    animation-duration: 22s !important;
    gap: 34px !important;
  }

  .zylo-card-showcase_nicheMarqueeIcon__toKwJ {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    flex-basis: 50px !important;
  }

  .zylo-card-showcase_nicheMarqueeIcon__toKwJ svg {
    width: 82% !important;
    height: 82% !important;
  }
}

/* zylo-system-gallery-fan-20260622a */
.zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery {
  position: relative;
  max-width: min(1240px, calc(100vw - 48px)) !important;
  margin-top: clamp(58px, 7vw, 92px) !important;
}

.zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_platformHeading__eXhAl {
  position: relative;
  z-index: 3;
  margin-bottom: clamp(26px, 3.4vw, 44px) !important;
}

.zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImagePreviewItem__FkNkO {
  position: relative !important;
  z-index: 2;
  min-height: clamp(470px, 44vw, 650px);
  overflow: visible !important;
  perspective: 1600px;
}

.zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_motionItem__F0qcC {
  position: static !important;
  transform: none !important;
}

.zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageShowcase__ka_mp {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: clamp(470px, 44vw, 650px) !important;
  min-height: 0 !important;
  overflow: visible !important;
  isolation: isolate;
  transform: none !important;
  will-change: auto !important;
}

.zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageShowcase__ka_mp::before {
  position: absolute;
  inset: 8% 15% 8% 4%;
  z-index: 0;
  content: "";
  pointer-events: none;
  border-radius: 40px;
  background:
    radial-gradient(circle at 18% 15%, rgba(100, 206, 251, 0.12), transparent 34%),
    radial-gradient(circle at 78% 72%, rgba(139, 92, 246, 0.12), transparent 36%),
    linear-gradient(130deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01));
  opacity: 0.86;
  filter: blur(0.2px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 34px 110px rgba(0, 0, 0, 0.42);
}

.zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH {
  position: absolute !important;
  overflow: hidden !important;
  min-width: 0 !important;
  height: auto !important;
  aspect-ratio: 1.72 / 1 !important;
  opacity: 1 !important;
  cursor: pointer;
  outline: none;
  border-radius: clamp(20px, 2vw, 30px) !important;
  border: 1px solid rgba(152, 210, 255, 0.15) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.012)),
    rgba(0, 0, 0, 0.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    inset 0 -24px 54px rgba(0, 0, 0, 0.48),
    0 28px 86px rgba(0, 0, 0, 0.44),
    0 0 0 1px rgba(100, 206, 251, 0.018) !important;
  backface-visibility: hidden;
  transform-origin: center center;
  transition:
    opacity 240ms ease,
    border-color 240ms ease,
    box-shadow 240ms ease,
    transform 320ms cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH::after {
  position: absolute;
  inset: 0;
  z-index: 2;
  content: "";
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.2), transparent 28%),
    radial-gradient(circle at 72% 22%, rgba(100, 206, 251, 0.1), transparent 36%);
  opacity: 0.7;
  transition: opacity 240ms ease;
}

.zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transform: translateZ(0) scale(1.012) !important;
  backface-visibility: hidden;
  filter: saturate(1.08) contrast(1.05) brightness(0.96);
  transition:
    filter 240ms ease,
    transform 420ms cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-active {
  left: 0 !important;
  top: 50% !important;
  z-index: 8 !important;
  width: min(76%, 930px) !important;
  opacity: 1 !important;
  border-color: rgba(125, 230, 255, 0.38) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    inset 0 -24px 54px rgba(0, 0, 0, 0.36),
    0 36px 105px rgba(0, 0, 0, 0.58),
    0 0 56px rgba(34, 211, 238, 0.09),
    0 0 0 1px rgba(100, 206, 251, 0.08) !important;
  transform: translate3d(0, -50%, 0) rotate(0deg) scale(1) !important;
}

.zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-active::after {
  opacity: 0.15;
}

.zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-active img {
  filter: saturate(1.14) contrast(1.08) brightness(1.02);
  transform: translateZ(0) scale(1.018) !important;
}

.zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-side-1 {
  right: 0 !important;
  top: 6% !important;
  z-index: 5 !important;
  width: min(34%, 430px) !important;
  opacity: 1 !important;
  transform: translate3d(0, 0, -24px) rotate(6deg) scale(0.98) !important;
}

.zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-side-2 {
  right: 2.4% !important;
  top: 34% !important;
  z-index: 4 !important;
  width: min(33%, 412px) !important;
  opacity: 1 !important;
  transform: translate3d(0, 0, -54px) rotate(-2.5deg) scale(0.94) !important;
}

.zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-side-3 {
  right: 5.6% !important;
  top: 62% !important;
  z-index: 3 !important;
  width: min(31%, 390px) !important;
  opacity: 1 !important;
  transform: translate3d(0, 0, -80px) rotate(-8deg) scale(0.9) !important;
}

.zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH:hover,
.zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH:focus-visible {
  opacity: 1 !important;
  border-color: rgba(125, 230, 255, 0.45) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 34px 100px rgba(0, 0, 0, 0.56),
    0 0 42px rgba(99, 102, 241, 0.1) !important;
}

.zylo-system-fan-dots {
  position: relative;
  z-index: 6;
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: clamp(16px, 2.2vw, 28px);
}

.zylo-system-fan-dots button {
  width: 38px;
  height: 7px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.13);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14);
  transition:
    width 180ms ease,
    background-color 180ms ease,
    box-shadow 180ms ease;
}

.zylo-system-fan-dots button[aria-current="true"] {
  width: 58px;
  background: linear-gradient(90deg, #64cefb, #8b5cf6 64%, #76f7d2);
  box-shadow: 0 0 22px rgba(100, 206, 251, 0.22);
}

@media (max-width: 980px) and (min-width: 761px) {
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImagePreviewItem__FkNkO,
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageShowcase__ka_mp {
    height: clamp(430px, 54vw, 560px) !important;
    min-height: clamp(430px, 54vw, 560px);
  }

  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-active {
    width: min(78%, 760px) !important;
  }

  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-side-1,
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-side-2,
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-side-3 {
    width: min(36%, 360px) !important;
  }
}

@media (max-width: 760px) {
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery,
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery.zylo-mobile-system-rail {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: auto !important;
    margin-top: 64px !important;
    padding-inline: 0 !important;
    overflow: hidden !important;
  }

  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_platformHeading__eXhAl,
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery.zylo-mobile-system-rail .zylo-card-showcase_platformHeading__eXhAl {
    position: relative !important;
    top: auto !important;
    display: block !important;
    padding-inline: 20px !important;
    margin-bottom: 22px !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImagePreviewItem__FkNkO,
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery.zylo-mobile-system-rail .zylo-card-showcase_systemImagePreviewItem__FkNkO {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: visible !important;
    opacity: 1 !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_motionItem__F0qcC,
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery.zylo-mobile-system-rail .zylo-card-showcase_motionItem__F0qcC {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageShowcase__ka_mp,
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery.zylo-mobile-system-rail .zylo-card-showcase_systemImageShowcase__ka_mp {
    position: relative !important;
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    gap: 14px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    padding: 4px 20px 18px !important;
    scroll-padding-inline: 20px;
    scroll-snap-type: x mandatory;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
    transform: none !important;
    scrollbar-width: none;
  }

  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageShowcase__ka_mp::-webkit-scrollbar {
    display: none;
  }

  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageShowcase__ka_mp::before {
    display: none !important;
  }

  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH,
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery.zylo-mobile-system-rail .zylo-card-showcase_systemImageCard__4jBOH,
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-active,
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-side-1,
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-side-2,
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-side-3 {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 min(88vw, 430px) !important;
    width: min(88vw, 430px) !important;
    height: auto !important;
    aspect-ratio: 1.72 / 1 !important;
    scroll-snap-align: center;
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) scale(0.965) !important;
    transition:
      opacity 180ms ease,
      border-color 180ms ease,
      box-shadow 180ms ease,
      transform 220ms cubic-bezier(0.25, 1, 0.5, 1) !important;
  }

  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-active {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
  }

  .zylo-system-fan-dots {
    margin-top: 8px;
  }

  .zylo-system-fan-dots button {
    width: 28px;
    height: 6px;
  }

  .zylo-system-fan-dots button[aria-current="true"] {
    width: 46px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH,
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH img,
  .zylo-system-fan-dots button {
    transition: none !important;
  }
}

/* zylo-hero-nav-polish-20260622a */
.zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_heroNavbar__k8UWA {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_videoLogo__Q206I,
.zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_heroNavCenter__AOacG,
.zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_navSignup__Q4J9M {
  border: 1px solid rgba(104, 137, 190, 0.28) !important;
  background:
    radial-gradient(circle at 18% 0, rgba(91, 91, 255, 0.13), transparent 34%),
    radial-gradient(circle at 86% 18%, rgba(30, 216, 255, 0.08), transparent 38%),
    linear-gradient(180deg, rgba(11, 13, 24, 0.9), rgba(1, 2, 7, 0.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.075),
    inset 0 -14px 30px rgba(0, 0, 0, 0.32),
    0 16px 42px rgba(0, 0, 0, 0.46),
    0 0 0 1px rgba(0, 229, 255, 0.035),
    0 0 30px rgba(99, 102, 241, 0.075) !important;
  -webkit-backdrop-filter: blur(14px) saturate(120%) !important;
  backdrop-filter: blur(14px) saturate(120%) !important;
}

.zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_videoLogo__Q206I {
  min-height: 44px !important;
  padding: 5px 17px 5px 9px !important;
  border-radius: 999px !important;
  gap: 9px !important;
  color: #f8fbff !important;
  letter-spacing: 0.045em !important;
  text-shadow: 0 0 16px rgba(100, 206, 251, 0.16) !important;
}

.zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_videoLogo__Q206I img {
  width: 31px !important;
  height: 31px !important;
  display: block !important;
  object-fit: contain !important;
  transform: none !important;
  filter:
    drop-shadow(0 0 8px rgba(100, 206, 251, 0.28))
    drop-shadow(0 0 16px rgba(139, 92, 246, 0.18)) !important;
}

.zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_heroNavCenter__AOacG {
  min-height: 46px !important;
  padding: 0 24px !important;
  border-radius: 999px !important;
  gap: clamp(20px, 2.15vw, 30px) !important;
}

.zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_heroNavCenter__AOacG a,
.zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_heroNavCenter__AOacG button {
  color: rgba(235, 241, 255, 0.82) !important;
  text-shadow: none !important;
  transition:
    color 180ms ease,
    transform 180ms ease,
    text-shadow 180ms ease !important;
}

.zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_heroNavCenter__AOacG a:hover,
.zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_heroNavCenter__AOacG button:hover {
  color: #ffffff !important;
  text-shadow: 0 0 16px rgba(100, 206, 251, 0.24) !important;
}

.zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_navSignup__Q4J9M {
  min-height: 46px !important;
  padding: 9px 21px !important;
  border-color: rgba(126, 159, 214, 0.32) !important;
  color: #f8fbff !important;
  font-weight: 720 !important;
}

.zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_navSignup__Q4J9M::before {
  opacity: 0.42 !important;
}

.zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_videoLogo__Q206I:hover,
.zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_navSignup__Q4J9M:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(129, 210, 255, 0.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.095),
    inset 0 -14px 30px rgba(0, 0, 0, 0.34),
    0 18px 46px rgba(0, 0, 0, 0.5),
    0 0 34px rgba(100, 206, 251, 0.105),
    0 0 46px rgba(139, 92, 246, 0.09) !important;
}

@media (max-width: 900px) {
  .zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_heroNavbar__k8UWA {
    background:
      linear-gradient(180deg, rgba(9, 10, 19, 0.88), rgba(0, 0, 0, 0.92)) !important;
    border-color: rgba(104, 137, 190, 0.18) !important;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.48) !important;
  }

  .zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_videoLogo__Q206I,
  .zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_navSignup__Q4J9M {
    min-height: 42px !important;
  }

  .zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_videoLogo__Q206I img {
    width: 29px !important;
    height: 29px !important;
  }
}

/* zylo-hero-nav-polish-20260622b */
html body .zylo-premium-landing_page__VD5bl .zylo-premium-landing_videoHero__9GH63 a.zylo-premium-landing_heroSecondary___mMt7.zylo-premium-landing_navSignup__Q4J9M {
  min-height: 46px !important;
  padding: 9px 21px !important;
  border: 1px solid rgba(126, 159, 214, 0.32) !important;
  border-color: rgba(126, 159, 214, 0.32) !important;
  background:
    radial-gradient(circle at 18% 0, rgba(91, 91, 255, 0.13), transparent 34%),
    radial-gradient(circle at 86% 18%, rgba(30, 216, 255, 0.08), transparent 38%),
    linear-gradient(180deg, rgba(11, 13, 24, 0.9), rgba(1, 2, 7, 0.96)) !important;
  background-image:
    radial-gradient(circle at 18% 0, rgba(91, 91, 255, 0.13), transparent 34%),
    radial-gradient(circle at 86% 18%, rgba(30, 216, 255, 0.08), transparent 38%),
    linear-gradient(180deg, rgba(11, 13, 24, 0.9), rgba(1, 2, 7, 0.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    inset 0 -12px 28px rgba(0, 0, 0, 0.36),
    0 18px 44px rgba(0, 0, 0, 0.48),
    0 0 22px rgba(100, 206, 251, 0.08),
    0 0 30px rgba(139, 92, 246, 0.07) !important;
  color: #f8fbff !important;
}

html body .zylo-premium-landing_page__VD5bl .zylo-premium-landing_videoHero__9GH63 a.zylo-premium-landing_heroSecondary___mMt7.zylo-premium-landing_navSignup__Q4J9M:hover {
  border-color: rgba(129, 210, 255, 0.42) !important;
  background:
    radial-gradient(circle at 18% 0, rgba(100, 206, 251, 0.16), transparent 34%),
    radial-gradient(circle at 86% 18%, rgba(139, 92, 246, 0.13), transparent 38%),
    linear-gradient(180deg, rgba(12, 16, 28, 0.94), rgba(2, 3, 10, 0.98)) !important;
  background-image:
    radial-gradient(circle at 18% 0, rgba(100, 206, 251, 0.16), transparent 34%),
    radial-gradient(circle at 86% 18%, rgba(139, 92, 246, 0.13), transparent 38%),
    linear-gradient(180deg, rgba(12, 16, 28, 0.94), rgba(2, 3, 10, 0.98)) !important;
}

/* zylo-faq-compact-premium-20260622a */
html body section#trust {
  max-width: 1280px !important;
  margin: clamp(58px, 6.6vw, 92px) auto 0 !important;
  padding: 0 clamp(20px, 3vw, 36px) !important;
  display: grid !important;
  grid-template-columns: minmax(270px, 0.42fr) minmax(0, 1fr) !important;
  align-items: start !important;
  gap: clamp(28px, 4.8vw, 70px) !important;
  background: #000 !important;
  box-shadow: none !important;
}

html body section#trust .zylo-card-showcase_sectionHeading__DHCNu {
  position: sticky !important;
  top: 96px !important;
  max-width: 360px !important;
  padding: 2px 0 0 !important;
  text-shadow: none !important;
}

html body section#trust .zylo-card-showcase_sectionHeading__DHCNu::before {
  display: none !important;
  content: none !important;
}

html body section#trust .zylo-card-showcase_sectionHeading__DHCNu::after {
  content: "" !important;
  display: block !important;
  width: min(148px, 42%) !important;
  height: 1px !important;
  margin-top: clamp(16px, 2vw, 22px) !important;
  background: linear-gradient(90deg, rgba(100, 206, 251, 0.74), rgba(139, 92, 246, 0.28), transparent) !important;
  opacity: 0.68 !important;
}

html body section#trust .zylo-card-showcase_sectionHeading__DHCNu h2 {
  max-width: 9.8ch !important;
  margin: 0 !important;
  font-size: clamp(2.55rem, 3.55vw, 4.05rem) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.052em !important;
  font-weight: 760 !important;
  text-wrap: balance !important;
}

html body section#trust .zylo-faq-title-accent {
  background: linear-gradient(100deg, #7c5cff 0%, #42b9ff 48%, #68ead2 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  text-shadow: 0 0 24px rgba(80, 140, 255, 0.12) !important;
}

html body section#trust .zylo-card-showcase_faqEditorialGrid__9_jOY {
  gap: 9px !important;
  max-width: 790px !important;
  margin-left: auto !important;
  padding-bottom: clamp(72px, 9vw, 132px) !important;
  overflow: visible !important;
}

html body section#trust .zylo-card-showcase_faqCard__eSGnd {
  border-radius: 18px !important;
  border-color: rgba(150, 181, 230, 0.13) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(100, 206, 251, 0.055), transparent 34%),
    radial-gradient(circle at 102% 12%, rgba(139, 92, 246, 0.09), transparent 38%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.036), rgba(255, 255, 255, 0.01)),
    rgba(0, 0, 0, 0.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.055),
    0 14px 36px rgba(0, 0, 0, 0.28) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.08) !important;
  backdrop-filter: blur(14px) saturate(1.08) !important;
  transform: none !important;
}

html body section#trust .zylo-card-showcase_faqCard__eSGnd:last-child {
  margin-bottom: clamp(54px, 8vw, 92px) !important;
  scroll-margin-bottom: clamp(72px, 12vw, 132px) !important;
}

html body section#trust .zylo-card-showcase_faqCard__eSGnd::before {
  background: linear-gradient(105deg, rgba(100, 206, 251, 0.34), rgba(139, 92, 246, 0.24), rgba(104, 234, 210, 0.1)) !important;
  opacity: 0 !important;
}

html body section#trust .zylo-card-showcase_faqCard__eSGnd::after {
  left: 18px !important;
  right: 18px !important;
  opacity: 0.28 !important;
  background: linear-gradient(90deg, transparent, rgba(100, 206, 251, 0.22), rgba(139, 92, 246, 0.16), transparent) !important;
}

html body section#trust .zylo-card-showcase_faqCard__eSGnd:hover,
html body section#trust .zylo-card-showcase_faqCardOpen__h7s6W {
  transform: translateY(-1px) !important;
  border-color: rgba(125, 211, 252, 0.26) !important;
  background:
    radial-gradient(circle at 9% 0%, rgba(100, 206, 251, 0.085), transparent 34%),
    radial-gradient(circle at 100% 10%, rgba(139, 92, 246, 0.12), transparent 38%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.046), rgba(255, 255, 255, 0.012)),
    rgba(0, 0, 0, 0.78) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.075),
    0 18px 48px rgba(0, 0, 0, 0.36),
    0 0 32px rgba(34, 211, 238, 0.045) !important;
}

html body section#trust .zylo-card-showcase_faqQuestion__V0hGg {
  min-height: 62px !important;
  padding: 16px 18px 16px 20px !important;
  gap: 14px !important;
  color: rgba(248, 251, 255, 0.94) !important;
}

html body section#trust .zylo-card-showcase_faqQuestion__V0hGg span {
  font-size: clamp(0.94rem, 1vw, 1.05rem) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.022em !important;
  font-weight: 720 !important;
}

html body section#trust .zylo-card-showcase_faqQuestion__V0hGg svg {
  width: 20px !important;
  height: 20px !important;
  padding: 3px !important;
  flex: 0 0 20px !important;
  color: rgba(190, 231, 255, 0.86) !important;
  border-color: rgba(190, 231, 255, 0.2) !important;
  background: rgba(255, 255, 255, 0.028) !important;
  box-shadow: none !important;
}

html body section#trust .zylo-card-showcase_faqAnswer__hZbH7 p {
  max-width: 60ch !important;
  padding: 0 20px 18px !important;
  color: rgba(226, 232, 240, 0.74) !important;
  font-size: 0.92rem !important;
  line-height: 1.5 !important;
}

@media (max-width: 900px) {
  html body section#trust {
    margin-top: clamp(46px, 10vw, 68px) !important;
    padding: 0 clamp(18px, 5vw, 24px) clamp(88px, 18vw, 128px) !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    min-height: auto !important;
    overflow: visible !important;
  }

  html body section#trust .zylo-card-showcase_sectionHeading__DHCNu {
    position: relative !important;
    top: auto !important;
    max-width: 100% !important;
  }

  html body section#trust .zylo-card-showcase_sectionHeading__DHCNu h2 {
    max-width: 11ch !important;
    font-size: clamp(2.18rem, 9.8vw, 3.15rem) !important;
    line-height: 1.02 !important;
  }

  html body section#trust .zylo-card-showcase_sectionHeading__DHCNu::after {
    width: 112px !important;
    margin-top: 14px !important;
  }

  html body section#trust .zylo-card-showcase_faqEditorialGrid__9_jOY {
    max-width: 100% !important;
    gap: 9px !important;
    padding-bottom: 0 !important;
  }

  html body section#trust .zylo-card-showcase_faqCard__eSGnd {
    border-radius: 17px !important;
  }

  html body section#trust .zylo-card-showcase_faqCard__eSGnd:last-child {
    margin-bottom: clamp(88px, 22vw, 138px) !important;
    scroll-margin-bottom: clamp(104px, 24vw, 156px) !important;
  }

  html body section#trust .zylo-card-showcase_faqQuestion__V0hGg {
    min-height: 58px !important;
    padding: 15px 15px 15px 17px !important;
  }

  html body section#trust .zylo-card-showcase_faqQuestion__V0hGg span {
    font-size: 0.98rem !important;
    line-height: 1.16 !important;
  }

  html body section#trust .zylo-card-showcase_faqAnswer__hZbH7 p {
    padding: 0 17px 17px !important;
    font-size: 0.9rem !important;
  }
}

/* zylo-faq-bottom-clearance-20260623a */
html body section#trust.zylo-card-showcase_sectionBlock__QDpNY,
html body section#trust {
  position: relative !important;
  z-index: 8 !important;
  overflow: visible !important;
  padding-bottom: clamp(74px, 7vw, 112px) !important;
  margin-bottom: 0 !important;
  background:
    linear-gradient(180deg, #000 0%, #000 72%, rgba(0, 0, 0, 0.98) 88%, #000 100%) !important;
}

html body section#trust::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: clamp(62px, 7vw, 104px) !important;
  pointer-events: none !important;
  background:
    radial-gradient(ellipse at 70% 18%, rgba(100, 206, 251, 0.055), transparent 46%),
    linear-gradient(180deg, rgba(0, 0, 0, 0), #000 74%) !important;
  opacity: 1 !important;
  z-index: 0 !important;
}

html body section#trust .zylo-card-showcase_sectionHeading__DHCNu,
html body section#trust .zylo-card-showcase_faqEditorialGrid__9_jOY {
  position: relative !important;
  z-index: 2 !important;
}

html body section#trust .zylo-card-showcase_faqEditorialGrid__9_jOY {
  padding-bottom: clamp(18px, 2.4vw, 42px) !important;
}

html body section#trust .zylo-card-showcase_faqCard__eSGnd:last-child {
  margin-bottom: 0 !important;
  scroll-margin-bottom: clamp(108px, 12vw, 168px) !important;
}

html body section#trust ~ .zylo-premium-landing_finalProgramHero__UxgB7,
html body section#trust ~ .zylo-final-refresh,
html body section#trust ~ .zylo-final-refresh.zylo-final-refresh--footer {
  position: relative !important;
  z-index: 1 !important;
  margin-top: 0 !important;
}

@media (max-width: 900px) {
  html body section#trust.zylo-card-showcase_sectionBlock__QDpNY,
  html body section#trust {
    padding-bottom: clamp(76px, 18vw, 108px) !important;
    margin-bottom: 0 !important;
  }

  html body section#trust::after {
    height: clamp(70px, 17vw, 104px) !important;
  }

  html body section#trust .zylo-card-showcase_faqEditorialGrid__9_jOY {
    padding-bottom: clamp(20px, 6vw, 34px) !important;
  }
}

/* zylo-final-seamless-motion-20260622a */
html,
body,
#top.zylo-premium-landing_page__VD5bl,
#top.zylo-premium-landing_page__VD5bl main {
  background: #000 !important;
  background-color: #000 !important;
}

html body .zylo-final-refresh.zylo-final-refresh--footer {
  --zylo-final-overlap: clamp(160px, 18vh, 240px);
  margin-top: calc(var(--zylo-final-overlap) * -1) !important;
  min-height: 100svh !important;
  padding-top: calc(clamp(86px, 10vh, 136px) + var(--zylo-final-overlap)) !important;
  background: #000 !important;
  background-color: #000 !important;
  border-top: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  isolation: isolate !important;
  display: flex !important;
  align-items: flex-end !important;
  z-index: 3 !important;
}

html body .zylo-final-refresh.zylo-final-refresh--footer::before {
  background:
    linear-gradient(180deg,
      #000 0%,
      #000 8%,
      rgba(0, 0, 0, 0.98) 16%,
      rgba(0, 0, 0, 0.88) 26%,
      rgba(0, 0, 0, 0.58) 43%,
      rgba(0, 0, 0, 0.48) 58%,
      rgba(0, 0, 0, 0.72) 78%,
      rgba(0, 0, 0, 0.96) 93%,
      #000 100%),
    radial-gradient(ellipse at 28% 58%, rgba(94, 14, 215, 0.2), transparent 42%),
    radial-gradient(ellipse at 54% 46%, rgba(100, 206, 251, 0.15), transparent 38%),
    linear-gradient(90deg,
      rgba(0, 0, 0, 0.92) 0%,
      rgba(0, 0, 0, 0.46) 46%,
      rgba(0, 0, 0, 0.9) 100%) !important;
  opacity: 1 !important;
}

html body .zylo-final-refresh.zylo-final-refresh--footer::after {
  opacity: 0.055 !important;
  background-size: 80px 80px !important;
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.28) 20%, #000 48%, rgba(0, 0, 0, 0.42) 86%, transparent 100%) !important;
  mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.28) 20%, #000 48%, rgba(0, 0, 0, 0.42) 86%, transparent 100%) !important;
}

html body .zylo-final-refresh.zylo-final-refresh--footer .zylo-final-refresh__video {
  opacity: 0.94 !important;
  object-position: 48% 54% !important;
  transform: scale(1.075) translateY(-1.5%) !important;
  filter: saturate(1.62) hue-rotate(14deg) contrast(1.2) brightness(0.7) !important;
  -webkit-mask-image:
    linear-gradient(180deg,
      transparent 0%,
      rgba(0, 0, 0, 0.02) 8%,
      rgba(0, 0, 0, 0.08) 17%,
      rgba(0, 0, 0, 0.22) 27%,
      rgba(0, 0, 0, 0.52) 42%,
      rgba(0, 0, 0, 0.82) 58%,
      rgba(0, 0, 0, 0.92) 76%,
      rgba(0, 0, 0, 0.56) 92%,
      transparent 100%) !important;
  mask-image:
    linear-gradient(180deg,
      transparent 0%,
      rgba(0, 0, 0, 0.02) 8%,
      rgba(0, 0, 0, 0.08) 17%,
      rgba(0, 0, 0, 0.22) 27%,
      rgba(0, 0, 0, 0.52) 42%,
      rgba(0, 0, 0, 0.82) 58%,
      rgba(0, 0, 0, 0.92) 76%,
      rgba(0, 0, 0, 0.56) 92%,
      transparent 100%) !important;
}

html body .zylo-final-refresh.zylo-final-refresh--footer .zylo-final-refresh__shell {
  min-height: 0 !important;
  margin-top: auto !important;
}

@media (max-width: 720px) {
  html body .zylo-final-refresh.zylo-final-refresh--footer {
    --zylo-final-overlap: clamp(120px, 16vh, 190px);
    min-height: 100svh !important;
    padding-top: calc(clamp(72px, 9vh, 108px) + var(--zylo-final-overlap)) !important;
    align-items: flex-end !important;
  }

  html body .zylo-final-refresh.zylo-final-refresh--footer::before {
    background:
      linear-gradient(180deg,
        #000 0%,
        #000 10%,
        rgba(0, 0, 0, 0.96) 20%,
        rgba(0, 0, 0, 0.62) 38%,
        rgba(0, 0, 0, 0.4) 58%,
        rgba(0, 0, 0, 0.86) 88%,
        #000 100%),
      radial-gradient(ellipse at 36% 48%, rgba(94, 14, 215, 0.22), transparent 42%),
      radial-gradient(ellipse at 64% 52%, rgba(100, 206, 251, 0.17), transparent 40%) !important;
  }

  html body .zylo-final-refresh.zylo-final-refresh--footer .zylo-final-refresh__video {
    opacity: 0.96 !important;
    object-position: 45% 53% !important;
    transform: scale(1.14) translateY(-1%) !important;
    filter: saturate(1.62) hue-rotate(12deg) contrast(1.18) brightness(0.74) !important;
    -webkit-mask-image:
      linear-gradient(180deg,
        transparent 0%,
        rgba(0, 0, 0, 0.04) 10%,
        rgba(0, 0, 0, 0.24) 24%,
        rgba(0, 0, 0, 0.66) 44%,
        rgba(0, 0, 0, 0.94) 68%,
        rgba(0, 0, 0, 0.58) 91%,
        transparent 100%) !important;
    mask-image:
      linear-gradient(180deg,
        transparent 0%,
        rgba(0, 0, 0, 0.04) 10%,
        rgba(0, 0, 0, 0.24) 24%,
        rgba(0, 0, 0, 0.66) 44%,
        rgba(0, 0, 0, 0.94) 68%,
        rgba(0, 0, 0, 0.58) 91%,
        transparent 100%) !important;
  }
}

/* zylo-crm-fan-carousel-20260622a */
html body section#platform .zylo-card-showcase_crmImageShowcase__1mcTq {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  align-items: center !important;
  width: min(100%, 1280px) !important;
  min-height: clamp(470px, 43vw, 620px) !important;
  margin: clamp(24px, 3.8vw, 46px) auto 0 !important;
  padding: clamp(10px, 1.6vw, 22px) !important;
  gap: 0 !important;
  overflow: visible !important;
  perspective: 1400px !important;
  isolation: isolate !important;
}

html body section#platform .zylo-card-showcase_crmImageShowcase__1mcTq::before {
  content: "" !important;
  position: absolute !important;
  inset: 12% 5% 8% !important;
  z-index: 0 !important;
  pointer-events: none !important;
  border-radius: 999px !important;
  background:
    radial-gradient(ellipse at 28% 46%, rgba(100, 206, 251, 0.15), transparent 42%),
    radial-gradient(ellipse at 70% 40%, rgba(139, 92, 246, 0.18), transparent 44%),
    linear-gradient(90deg, transparent, rgba(94, 234, 212, 0.08), transparent) !important;
  filter: blur(34px) saturate(1.18) !important;
  opacity: 0.88 !important;
}

html body section#platform .zylo-card-showcase_crmImageShowcase__1mcTq::after {
  content: "" !important;
  position: absolute !important;
  left: 8% !important;
  right: 8% !important;
  top: 50% !important;
  z-index: 0 !important;
  height: 1px !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, transparent, rgba(100, 206, 251, 0.42), rgba(139, 92, 246, 0.28), transparent) !important;
  box-shadow: 0 0 24px rgba(100, 206, 251, 0.16) !important;
  transform: rotate(-2.4deg) !important;
  opacity: 0.58 !important;
}

html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: 664px !important;
  overflow: hidden !important;
  border-radius: 26px !important;
  border: 1px solid rgba(151, 196, 255, 0.16) !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(100, 206, 251, 0.1), transparent 34%),
    radial-gradient(circle at 92% 8%, rgba(139, 92, 246, 0.12), transparent 36%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(0, 0, 0, 0.82) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 22px 70px rgba(0, 0, 0, 0.48),
    0 0 0 1px rgba(0, 0, 0, 0.38) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
  backdrop-filter: blur(18px) saturate(1.12) !important;
  transition:
    transform 420ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 240ms ease,
    box-shadow 240ms ease,
    filter 240ms ease !important;
  will-change: transform !important;
}

html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background:
    linear-gradient(110deg, rgba(255, 255, 255, 0.16), transparent 24% 72%, rgba(100, 206, 251, 0.12)),
    radial-gradient(circle at var(--crm-sheen-x, 18%) 0%, rgba(255, 255, 255, 0.14), transparent 30%) !important;
  mix-blend-mode: screen !important;
  opacity: 0.36 !important;
}

html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk:nth-child(1) {
  grid-column: 1 / 7 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  --crm-sheen-x: 18% !important;
  transform: translate3d(1.5%, 22px, 0) rotate(-3.1deg) scale(0.98) !important;
  transform-origin: 58% 66% !important;
}

html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk:nth-child(2) {
  grid-column: 6 / 13 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  z-index: 2 !important;
  --crm-sheen-x: 78% !important;
  transform: translate3d(-1.5%, -16px, 0) rotate(2.7deg) scale(1.01) !important;
  transform-origin: 42% 70% !important;
}

html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk:hover {
  z-index: 6 !important;
  border-color: rgba(125, 211, 252, 0.34) !important;
  filter: saturate(1.08) brightness(1.03) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    0 30px 90px rgba(0, 0, 0, 0.56),
    0 0 48px rgba(100, 206, 251, 0.08) !important;
  transform: translate3d(0, -8px, 0) rotate(0deg) scale(1.02) !important;
}

html body section#platform .zylo-card-showcase_crmImageMeta___Csrg {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 15px !important;
  padding: clamp(17px, 2vw, 24px) clamp(18px, 2vw, 25px) 15px !important;
}

html body section#platform .zylo-card-showcase_crmImageMeta___Csrg > span {
  display: grid !important;
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px !important;
  place-items: center !important;
  border: 1px solid rgba(100, 206, 251, 0.24) !important;
  border-radius: 15px !important;
  background: linear-gradient(145deg, rgba(100, 206, 251, 0.13), rgba(139, 92, 246, 0.08)), rgba(3, 7, 18, 0.8) !important;
  color: rgba(161, 231, 255, 0.96) !important;
  font-size: 0.78rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.04em !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 12px 24px rgba(0, 0, 0, 0.22) !important;
}

html body section#platform .zylo-card-showcase_crmImageMeta___Csrg strong {
  color: rgba(255, 255, 255, 0.96) !important;
  font-size: clamp(1.02rem, 1.32vw, 1.26rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.035em !important;
}

html body section#platform .zylo-card-showcase_crmImageMeta___Csrg p {
  max-width: 48ch !important;
  margin-top: 5px !important;
  color: rgba(226, 232, 240, 0.68) !important;
  font-size: clamp(0.82rem, 0.96vw, 0.94rem) !important;
  line-height: 1.42 !important;
}

html body section#platform .zylo-card-showcase_crmImageFrame__RUeQL {
  position: relative !important;
  z-index: 2 !important;
  overflow: hidden !important;
  margin: 0 clamp(10px, 1.4vw, 18px) clamp(10px, 1.4vw, 18px) !important;
  border: 1px solid rgba(100, 206, 251, 0.15) !important;
  border-radius: 20px !important;
  background: #02050b !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.055),
    0 18px 52px rgba(0, 0, 0, 0.34) !important;
}

html body section#platform .zylo-card-showcase_crmImageFrame__RUeQL img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  transform: translateZ(0) scale(1.005) !important;
  transform-origin: center !important;
  backface-visibility: hidden !important;
}

@media (max-width: 980px) {
  html body section#platform .zylo-card-showcase_crmImageShowcase__1mcTq {
    min-height: clamp(410px, 58vw, 540px) !important;
  }

  html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk {
    max-width: 58vw !important;
  }
}

@media (max-width: 760px) {
  html body section#platform .zylo-card-showcase_crmImageShowcase__1mcTq {
    display: flex !important;
    width: auto !important;
    min-height: 0 !important;
    margin: clamp(18px, 6vw, 26px) calc(clamp(18px, 5vw, 24px) * -1) 0 !important;
    padding: 8px clamp(18px, 5vw, 24px) 18px !important;
    gap: 14px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    overscroll-behavior-x: contain !important;
    scroll-padding-inline: clamp(18px, 5vw, 24px) !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
    perspective: none !important;
  }

  html body section#platform .zylo-card-showcase_crmImageShowcase__1mcTq::-webkit-scrollbar {
    display: none !important;
  }

  html body section#platform .zylo-card-showcase_crmImageShowcase__1mcTq::before,
  html body section#platform .zylo-card-showcase_crmImageShowcase__1mcTq::after {
    display: none !important;
  }

  html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk,
  html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk:nth-child(1),
  html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk:nth-child(2),
  html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk:hover {
    flex: 0 0 min(86vw, 430px) !important;
    width: min(86vw, 430px) !important;
    max-width: min(86vw, 430px) !important;
    grid-column: auto !important;
    grid-row: auto !important;
    justify-self: auto !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
    opacity: 1 !important;
    transform: none !important;
  }

  html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk {
    border-radius: 21px !important;
  }

  html body section#platform .zylo-card-showcase_crmImageMeta___Csrg {
    gap: 11px !important;
    padding: 14px 14px 12px !important;
  }

  html body section#platform .zylo-card-showcase_crmImageMeta___Csrg > span {
    width: 36px !important;
    height: 36px !important;
    flex-basis: 36px !important;
    border-radius: 13px !important;
    font-size: 0.72rem !important;
  }

  html body section#platform .zylo-card-showcase_crmImageMeta___Csrg strong {
    font-size: 1rem !important;
  }

  html body section#platform .zylo-card-showcase_crmImageMeta___Csrg p {
    font-size: 0.82rem !important;
    line-height: 1.32 !important;
  }

  html body section#platform .zylo-card-showcase_crmImageFrame__RUeQL {
    margin: 0 10px 10px !important;
    border-radius: 16px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk,
  html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk:hover {
    transition: none !important;
  }
}

/* zylo-impact-premium-metrics-20260622a */
.zylo-impact {
  background:
    radial-gradient(circle at 14% 12%, rgba(100, 206, 251, 0.045), transparent 27%),
    radial-gradient(circle at 78% 52%, rgba(139, 92, 246, 0.05), transparent 30%),
    #000 !important;
  border-top-color: rgba(255, 255, 255, 0.032);
}

.zylo-impact::before {
  opacity: 0.18;
  background-size: 84px 84px;
}

.zylo-impact__inner {
  width: min(1260px, calc(100vw - 44px));
}

.zylo-impact__header {
  gap: clamp(28px, 5vw, 74px);
  margin-bottom: clamp(34px, 4.6vw, 58px);
}

.zylo-impact__intro {
  color: rgba(232, 237, 248, 0.74);
  font-size: clamp(0.98rem, 1.14vw, 1.08rem);
}

.zylo-impact__grid,
.zylo-impact__side-grid {
  gap: clamp(14px, 1.5vw, 20px);
}

.zylo-impact-card {
  border-color: rgba(153, 178, 218, 0.18);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.018) 32%, rgba(255, 255, 255, 0.006) 100%),
    radial-gradient(circle at var(--zylo-card-hot-x, 78%) var(--zylo-card-hot-y, 18%), rgba(100, 206, 251, 0.13), transparent 33%),
    radial-gradient(circle at 16% 100%, rgba(139, 92, 246, 0.105), transparent 36%),
    rgba(2, 4, 11, 0.94);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.095),
    inset 0 -1px 0 rgba(100, 206, 251, 0.05),
    0 26px 86px rgba(0, 0, 0, 0.42),
    0 0 0 1px rgba(100, 206, 251, 0.035);
  transform: translateY(18px) scale(0.985);
  transition:
    border-color 220ms ease,
    box-shadow 220ms ease,
    opacity 640ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 640ms cubic-bezier(0.22, 1, 0.36, 1);
}

.zylo-impact.is-visible .zylo-impact-card {
  transform: translateY(0) scale(1);
}

.zylo-impact-card::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  content: "";
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent, rgba(125, 223, 255, 0.22), rgba(168, 85, 247, 0.18), transparent) top left / 100% 1px no-repeat,
    linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 30%);
  opacity: 0.64;
}

.zylo-impact-card::after {
  z-index: 0;
  opacity: 0.78;
  background:
    radial-gradient(circle at 92% 10%, rgba(125, 223, 255, 0.13), transparent 35%),
    linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.045) 44%, transparent 64%);
}

.zylo-impact-card--feature {
  --zylo-card-hot-x: 84%;
  --zylo-card-hot-y: 8%;
  display: flex;
  min-height: clamp(390px, 31vw, 470px);
  flex-direction: column;
  justify-content: space-between;
  padding: clamp(28px, 3vw, 38px);
}

.zylo-impact-card--compact {
  min-height: clamp(198px, 16vw, 232px);
  padding: clamp(23px, 2.2vw, 30px);
}

.zylo-impact-card--context {
  min-height: clamp(210px, 17vw, 250px);
}

.zylo-impact-card__eyebrow,
.zylo-impact-card__index {
  color: rgba(214, 226, 246, 0.5);
  text-shadow: 0 0 18px rgba(100, 206, 251, 0.08);
}

.zylo-impact-card__value {
  overflow: visible;
  margin-top: clamp(48px, 5vw, 72px);
}

.zylo-impact-card--compact .zylo-impact-card__value {
  margin-top: clamp(34px, 3.7vw, 48px);
}

.zylo-impact-card__value [data-zylo-counter] {
  display: inline-block;
  color: transparent;
  background: linear-gradient(110deg, #ffffff 0%, #f7fbff 42%, #7ddfff 76%, #8978ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  text-shadow: 0 0 28px rgba(100, 206, 251, 0.12);
  transform-origin: 50% 78%;
}

.zylo-impact-card__dash {
  margin-inline: -0.04em 0.01em;
  color: rgba(205, 216, 244, 0.58);
  font-size: 0.48em;
  letter-spacing: -0.12em;
  transform: translateY(-0.04em);
}

.zylo-impact-counter.is-counting {
  animation: zylo-impact-number-settle 520ms cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: var(--zylo-counter-delay, 0ms);
}

.zylo-impact-counter.is-counted {
  animation: none;
}

@keyframes zylo-impact-number-settle {
  from {
    opacity: 0.72;
    filter: blur(4px);
    transform: translateY(10px) scale(0.985);
  }
  to {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0) scale(1);
  }
}

.zylo-impact-card h3 {
  max-width: 20ch;
  color: rgba(250, 252, 255, 0.96);
}

.zylo-impact-card--compact h3 {
  max-width: 18ch;
  color: rgba(240, 246, 255, 0.92);
}

.zylo-impact-card__copy {
  color: rgba(218, 228, 246, 0.68);
}

.zylo-impact-card__meter {
  height: 3px;
  margin-top: auto;
  background: rgba(255, 255, 255, 0.085);
}

.zylo-impact-card__meter span {
  background:
    linear-gradient(90deg, #60dcff, #6ea7ff 45%, #9b5cff 78%, #5cf0c5);
  box-shadow: 0 0 20px rgba(100, 206, 251, 0.42);
  transition-duration: 900ms;
  transition-delay: 180ms;
}

.zylo-impact__footer {
  margin-top: clamp(22px, 2.2vw, 30px);
  padding-top: 22px;
  border-top: 1px solid rgba(255, 255, 255, 0.045);
}

.zylo-impact__note {
  color: rgba(211, 221, 242, 0.55);
}

@media (hover: hover) and (pointer: fine) {
  .zylo-impact-card:hover {
    border-color: rgba(125, 223, 255, 0.34);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.12),
      inset 0 -1px 0 rgba(100, 206, 251, 0.075),
      0 30px 94px rgba(0, 0, 0, 0.52),
      0 0 46px rgba(100, 206, 251, 0.09);
    transform: translateY(-5px) scale(1.006);
  }
}

@media (max-width: 900px) {
  .zylo-impact__inner {
    width: min(100% - 32px, 680px);
  }

  .zylo-impact__header {
    margin-bottom: 30px;
  }

  .zylo-impact__grid,
  .zylo-impact__side-grid {
    gap: 14px;
  }

  .zylo-impact-card--feature,
  .zylo-impact-card--compact,
  .zylo-impact-card--context {
    min-height: auto;
  }
}

@media (max-width: 620px) {
  .zylo-impact {
    background:
      radial-gradient(circle at 18% 10%, rgba(100, 206, 251, 0.036), transparent 30%),
      #000 !important;
  }

  .zylo-impact__inner {
    width: min(100% - 28px, 520px);
    padding: 68px 0 74px;
  }

  .zylo-impact-card--feature,
  .zylo-impact-card--compact {
    padding: 22px;
  }

  .zylo-impact-card__index {
    max-width: 42%;
    text-align: right;
    line-height: 1.35;
  }

  .zylo-impact-card__value {
    margin-top: 42px;
  }

  .zylo-impact-card--compact .zylo-impact-card__value {
    margin-top: 32px;
  }

  .zylo-impact-card h3 {
    margin-top: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .zylo-impact-counter.is-counting {
    animation: none !important;
  }
}

/* zylo-voices-rating-polish-20260622a */
.zylo-voices .zylo-voices-card {
  width: clamp(344px, 29vw, 446px) !important;
  min-height: 318px !important;
  display: grid !important;
  grid-template-rows: auto 1fr !important;
  gap: 18px !important;
  border-color: rgba(132, 209, 255, 0.2) !important;
  background:
    linear-gradient(138deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.018) 31%, rgba(255, 255, 255, 0.005) 100%),
    radial-gradient(circle at 18% 0%, rgba(100, 206, 251, 0.12), transparent 30%),
    radial-gradient(circle at 96% 12%, rgba(168, 85, 247, 0.12), transparent 35%),
    linear-gradient(180deg, rgba(3, 6, 14, 0.98), #000 82%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.105),
    inset 0 -1px 0 rgba(100, 206, 251, 0.055),
    0 28px 88px rgba(0, 0, 0, 0.66),
    0 0 0 1px rgba(100, 206, 251, 0.035),
    0 0 44px rgba(100, 206, 251, 0.045) !important;
}

.zylo-voices .zylo-voices-card::before {
  background:
    linear-gradient(90deg, transparent, rgba(125, 223, 255, 0.2), rgba(168, 85, 247, 0.16), transparent) top left / 100% 1px no-repeat,
    linear-gradient(122deg, transparent 0 41%, rgba(255, 255, 255, 0.038) 50%, transparent 62%) !important;
  opacity: 0.52 !important;
}

.zylo-voices .zylo-voices-card::after {
  background:
    radial-gradient(circle at 20% 4%, rgba(255, 255, 255, 0.05), transparent 22%),
    radial-gradient(circle at 50% 115%, rgba(0, 229, 255, 0.075), transparent 46%) !important;
  opacity: 0.44 !important;
}

.zylo-voices .zylo-voices-card__media {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

.zylo-voices .zylo-voices-card__media img {
  position: relative !important;
  z-index: 2 !important;
  width: 88px !important;
  height: 88px !important;
  flex: 0 0 88px !important;
  border-radius: 28px !important;
  object-fit: cover !important;
  opacity: 1 !important;
  filter: saturate(1.07) contrast(1.14) brightness(1.01) !important;
  box-shadow:
    0 0 0 4px rgba(0, 0, 0, 0.52),
    0 0 0 5px rgba(125, 216, 255, 0.075),
    0 0 24px rgba(100, 206, 251, 0.14),
    0 18px 52px rgba(0, 0, 0, 0.68) !important;
}

.zylo-voices .zylo-voices-card__body {
  gap: 18px !important;
}

.zylo-voices-rating {
  position: relative;
  z-index: 1;
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 10px;
  min-height: 32px;
  padding: 7px 10px;
  border: 1px solid rgba(255, 218, 111, 0.16);
  border-radius: 999px;
  color: rgba(255, 236, 173, 0.94);
  background:
    radial-gradient(circle at 20% 0%, rgba(255, 214, 102, 0.13), transparent 38%),
    rgba(255, 255, 255, 0.028);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 26px rgba(255, 201, 93, 0.05);
}

.zylo-voices-rating__stars {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}

.zylo-voices-rating__star {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 13px;
  color: rgba(255, 255, 255, 0.16);
}

.zylo-voices-rating__star::before,
.zylo-voices-rating__star::after {
  position: absolute;
  inset: 0;
  content: "\2605";
  font-size: 13px;
  line-height: 1;
}

.zylo-voices-rating__star::after {
  width: var(--star-fill, 100%);
  overflow: hidden;
  color: #ffd76a;
  text-shadow: 0 0 12px rgba(255, 199, 95, 0.24);
}

.zylo-voices-rating__score {
  color: rgba(255, 246, 219, 0.84);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.zylo-voices .zylo-voices-card__body p {
  max-width: 35ch;
  font-size: clamp(1.05rem, 1.28vw, 1.22rem) !important;
  line-height: 1.43 !important;
}

.zylo-voices .zylo-voices-card__body footer {
  padding-top: 2px !important;
}

@media (hover: hover) and (pointer: fine) {
  .zylo-voices .zylo-voices-card:hover {
    border-color: rgba(132, 209, 255, 0.34) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.13),
      inset 0 -1px 0 rgba(100, 206, 251, 0.08),
      0 34px 96px rgba(0, 0, 0, 0.7),
      0 0 54px rgba(100, 206, 251, 0.08) !important;
  }
}

/* zylo-system-gallery-click-polish-20260622b */
.zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH {
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}

.zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery,
.zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageShowcase__ka_mp,
.zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImagePreviewItem__FkNkO,
.zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_motionItem__F0qcC,
.zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH {
  opacity: 1 !important;
  visibility: visible !important;
}

.zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH img {
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

@media (min-width: 761px) {
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageShowcase__ka_mp {
    overflow: visible !important;
    contain: layout style;
  }

  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH,
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-active,
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-side-1,
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-side-2,
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-side-3 {
    left: 50% !important;
    right: auto !important;
    top: 50% !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform-origin: center center !important;
    will-change: transform, width, opacity;
    transition:
      width 520ms cubic-bezier(0.16, 1, 0.3, 1),
      opacity 260ms ease,
      border-color 260ms ease,
      box-shadow 260ms ease,
      filter 260ms ease,
      transform 520ms cubic-bezier(0.16, 1, 0.3, 1) !important;
  }

  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-active {
    width: min(74%, 920px) !important;
    transform: translate3d(-67%, -50%, 0) rotate(0deg) scale(1) !important;
  }

  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-side-1 {
    width: min(36%, 440px) !important;
    transform: translate3d(45%, -86%, 0) rotate(5deg) scale(0.985) !important;
  }

  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-side-2 {
    width: min(34%, 420px) !important;
    transform: translate3d(52%, -25%, 0) rotate(-2deg) scale(0.95) !important;
  }

  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-side-3 {
    width: min(32%, 400px) !important;
    transform: translate3d(60%, 34%, 0) rotate(-6deg) scale(0.91) !important;
  }

  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH:hover:not(.is-active),
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH:focus-visible:not(.is-active) {
    border-color: rgba(125, 230, 255, 0.34) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.12),
      inset 0 -22px 48px rgba(0, 0, 0, 0.42),
      0 30px 92px rgba(0, 0, 0, 0.52),
      0 0 38px rgba(100, 206, 251, 0.08) !important;
  }

  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH:focus-visible {
    outline: 2px solid rgba(125, 230, 255, 0.74);
    outline-offset: 6px;
  }
}

@media (max-width: 760px) {
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageShowcase__ka_mp,
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery.zylo-mobile-system-rail .zylo-card-showcase_systemImageShowcase__ka_mp {
    scroll-behavior: smooth;
  }

  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH,
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery.zylo-mobile-system-rail .zylo-card-showcase_systemImageCard__4jBOH {
    scroll-snap-stop: always;
  }
}

@media (max-width: 700px) {
  .zylo-voices .zylo-voices-card {
    width: min(88vw, 358px) !important;
    min-height: 318px !important;
    padding: 18px !important;
    gap: 16px !important;
  }

  .zylo-voices .zylo-voices-card__media img {
    width: 74px !important;
    height: 74px !important;
    flex-basis: 74px !important;
    border-radius: 23px !important;
  }

  .zylo-voices-rating {
    gap: 8px;
    padding: 6px 9px;
  }

  .zylo-voices-rating__star {
    width: 12px;
    height: 12px;
  }

  .zylo-voices-rating__star::before,
  .zylo-voices-rating__star::after {
    font-size: 12px;
  }

  .zylo-voices .zylo-voices-card__body p {
    font-size: 1rem !important;
    line-height: 1.42 !important;
  }
}

/* zylo-voices-one-view-polish-20260624a */
.zylo-voices {
  min-height: auto !important;
  padding: clamp(42px, 5.8vh, 64px) 0 clamp(46px, 6vh, 70px) !important;
  background:
    radial-gradient(ellipse at 8% 0%, rgba(80, 217, 255, 0.028), transparent 30%),
    radial-gradient(ellipse at 82% 0%, rgba(139, 92, 246, 0.032), transparent 34%),
    #000 !important;
}

.zylo-voices::before {
  opacity: 0.038 !important;
}

.zylo-voices::after {
  height: 210px !important;
  opacity: 0.34 !important;
  filter: blur(46px) !important;
}

.zylo-voices__inner {
  gap: clamp(18px, 3vh, 30px) !important;
  width: min(100%, 1440px) !important;
}

.zylo-voices__header {
  width: min(1180px, calc(100vw - 44px)) !important;
  align-items: center !important;
  gap: clamp(18px, 3vw, 42px) !important;
}

.zylo-voices__header h2 {
  max-width: 880px !important;
  font-size: clamp(2.55rem, 4.85vw, 5.08rem) !important;
  line-height: 0.96 !important;
  letter-spacing: -0.054em !important;
}

.zylo-voices__header p {
  max-width: 700px !important;
  margin-top: 14px !important;
  font-size: clamp(0.94rem, 1.02vw, 1.06rem) !important;
  line-height: 1.52 !important;
}

.zylo-voices__header a {
  min-height: 46px !important;
  padding: 0 21px !important;
  font-size: 0.9rem !important;
}

.zylo-voices__rail {
  padding: 4px 0 12px !important;
}

.zylo-voices__track {
  gap: clamp(14px, 1.45vw, 20px) !important;
  padding-inline: max(22px, calc((100vw - 1180px) / 2)) !important;
  animation-duration: 29s !important;
}

.zylo-voices .zylo-voices-card {
  width: clamp(292px, 23.5vw, 358px) !important;
  min-height: 244px !important;
  padding: 18px !important;
  gap: 12px !important;
  border-radius: 24px !important;
  border-color: rgba(117, 218, 255, 0.17) !important;
  background:
    linear-gradient(142deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.014) 34%, transparent 100%),
    radial-gradient(circle at 16% 0%, rgba(87, 214, 255, 0.095), transparent 28%),
    radial-gradient(circle at 96% 4%, rgba(151, 98, 255, 0.082), transparent 34%),
    linear-gradient(180deg, rgba(5, 8, 15, 0.98), #000 86%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    inset 0 -1px 0 rgba(100, 206, 251, 0.05),
    0 20px 58px rgba(0, 0, 0, 0.62),
    0 0 0 1px rgba(100, 206, 251, 0.024) !important;
}

.zylo-voices .zylo-voices-card::before {
  opacity: 0.38 !important;
}

.zylo-voices .zylo-voices-card::after {
  border-radius: 23px !important;
  opacity: 0.26 !important;
}

.zylo-voices .zylo-voices-card__media {
  gap: 12px !important;
}

.zylo-voices .zylo-voices-card__media img {
  width: 64px !important;
  height: 64px !important;
  flex: 0 0 64px !important;
  border-radius: 20px !important;
  filter: saturate(1.05) contrast(1.08) brightness(1.02) !important;
  box-shadow:
    0 0 0 3px rgba(0, 0, 0, 0.64),
    0 0 0 4px rgba(125, 216, 255, 0.07),
    0 14px 36px rgba(0, 0, 0, 0.62) !important;
}

.zylo-voices .zylo-voices-card__body {
  gap: 13px !important;
}

.zylo-voices-rating {
  min-height: 27px !important;
  gap: 8px !important;
  padding: 5px 9px !important;
}

.zylo-voices-rating__star {
  width: 11px !important;
  height: 11px !important;
}

.zylo-voices-rating__star::before,
.zylo-voices-rating__star::after {
  font-size: 11px !important;
}

.zylo-voices-rating__score {
  font-size: 0.66rem !important;
}

.zylo-voices .zylo-voices-card__body p {
  max-width: 32ch !important;
  font-size: clamp(0.91rem, 1.02vw, 1.03rem) !important;
  line-height: 1.36 !important;
  letter-spacing: -0.018em !important;
}

.zylo-voices .zylo-voices-card__body strong {
  font-size: 0.94rem !important;
}

.zylo-voices .zylo-voices-card__body small {
  font-size: 0.76rem !important;
  line-height: 1.25 !important;
}

@media (min-width: 1200px) and (max-height: 850px) {
  .zylo-voices {
    padding-top: 34px !important;
    padding-bottom: 42px !important;
  }

  .zylo-voices__header h2 {
    font-size: clamp(2.35rem, 4.35vw, 4.55rem) !important;
  }

  .zylo-voices .zylo-voices-card {
    width: clamp(280px, 22vw, 332px) !important;
    min-height: 226px !important;
    padding: 16px !important;
  }

  .zylo-voices .zylo-voices-card__media img {
    width: 58px !important;
    height: 58px !important;
    flex-basis: 58px !important;
    border-radius: 18px !important;
  }
}

@media (max-width: 700px) {
  .zylo-voices {
    padding: 44px 0 52px !important;
  }

  .zylo-voices__header {
    width: min(100% - 32px, 460px) !important;
    gap: 16px !important;
  }

  .zylo-voices__header h2 {
    max-width: 11ch !important;
    font-size: clamp(2.18rem, 10vw, 3.35rem) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.048em !important;
  }

  .zylo-voices__header p {
    margin-top: 12px !important;
    font-size: 0.94rem !important;
    line-height: 1.46 !important;
  }

  .zylo-voices__rail {
    padding: 0 0 8px !important;
  }

  .zylo-voices__track {
    gap: 14px !important;
    animation-duration: 25s !important;
  }

  .zylo-voices .zylo-voices-card {
    width: min(82vw, 312px) !important;
    min-height: 238px !important;
    padding: 16px !important;
    border-radius: 22px !important;
  }

  .zylo-voices .zylo-voices-card__media img {
    width: 58px !important;
    height: 58px !important;
    flex-basis: 58px !important;
    border-radius: 18px !important;
  }

  .zylo-voices .zylo-voices-card__body p {
    font-size: 0.92rem !important;
    line-height: 1.36 !important;
  }
}

/* zylo-hero-uniform-transition-20260623a */
html,
body,
html body #top.zylo-premium-landing_page__VD5bl,
html body #top.zylo-premium-landing_page__VD5bl main {
  background: #000 !important;
  background-color: #000 !important;
}

html body #top.zylo-premium-landing_page__VD5bl::before,
html body #top.zylo-premium-landing_page__VD5bl::after,
html body #top.zylo-premium-landing_page__VD5bl .zylo-premium-landing_noise__rsKZf {
  opacity: 0 !important;
}

html body .zylo-premium-landing_videoHero__9GH63 {
  background: #000 !important;
  background-color: #000 !important;
  margin-bottom: -1px !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

html body .zylo-premium-landing_videoHero__9GH63::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -1px !important;
  z-index: 2 !important;
  height: clamp(280px, 42vh, 520px) !important;
  pointer-events: none !important;
  background:
    radial-gradient(ellipse at 72% 18%, rgba(0, 0, 0, 0.2), transparent 42%),
    linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.36) 26%, rgba(0, 0, 0, 0.82) 68%, #000 100%) !important;
  opacity: 1 !important;
  transform: translateZ(0) !important;
}

html body .zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_heroVideo__O9DGt {
  background-color: #000 !important;
}

html body .zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_videoHeroInner__8lLyr,
html body .zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_logoMarquee__U6lFA {
  position: relative !important;
  z-index: 5 !important;
}

html body section#platform.zylo-card-showcase_showcase__f8MWD,
html body section#platform,
html body .zylo-impact {
  background: #000 !important;
  background-color: #000 !important;
  border-top-color: transparent !important;
}

html body .zylo-impact::before {
  opacity: 0.1 !important;
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, transparent 18%, #000 42%, #000 82%, transparent 100%) !important;
  mask-image: linear-gradient(180deg, transparent 0%, transparent 18%, #000 42%, #000 82%, transparent 100%) !important;
}

@media (max-width: 760px) {
  html body .zylo-premium-landing_videoHero__9GH63::after {
    height: clamp(220px, 36vh, 360px) !important;
    background:
      linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.42) 28%, rgba(0, 0, 0, 0.88) 70%, #000 100%) !important;
  }
}

/* zylo-impact-compact-final-motion-20260623a */
html body .zylo-impact {
  min-height: auto !important;
  background: #000 !important;
  background-color: #000 !important;
}

html body .zylo-impact::before {
  opacity: 0.075 !important;
  background-size: 92px 92px !important;
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.32) 24%, #000 50%, rgba(0, 0, 0, 0.26) 82%, transparent 100%) !important;
  mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.32) 24%, #000 50%, rgba(0, 0, 0, 0.26) 82%, transparent 100%) !important;
}

html body .zylo-impact__inner {
  width: min(1360px, calc(100vw - 96px)) !important;
  padding: clamp(46px, 5vw, 72px) 0 clamp(54px, 5.6vw, 84px) !important;
}

html body .zylo-impact__header {
  grid-template-columns: minmax(0, 1.12fr) minmax(300px, 0.72fr) !important;
  align-items: end !important;
  gap: clamp(24px, 4vw, 62px) !important;
  margin-bottom: clamp(24px, 3vw, 38px) !important;
}

html body .zylo-impact__title {
  max-width: 820px !important;
  font-size: clamp(3.2rem, 5.05vw, 5.65rem) !important;
  line-height: 0.9 !important;
  letter-spacing: -0.078em !important;
}

html body .zylo-impact__intro {
  max-width: 430px !important;
  font-size: clamp(0.94rem, 1.02vw, 1.04rem) !important;
  line-height: 1.62 !important;
  color: rgba(226, 234, 248, 0.7) !important;
}

html body .zylo-impact__grid {
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: clamp(12px, 1.1vw, 16px) !important;
}

html body .zylo-impact__side-grid {
  gap: clamp(12px, 1.1vw, 16px) !important;
}

html body .zylo-impact-card {
  border-radius: 22px !important;
  border-color: rgba(119, 179, 224, 0.18) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.014) 38%, rgba(255, 255, 255, 0.004) 100%),
    radial-gradient(circle at var(--zylo-card-hot-x, 82%) var(--zylo-card-hot-y, 12%), rgba(100, 206, 251, 0.105), transparent 30%),
    radial-gradient(circle at 8% 110%, rgba(139, 92, 246, 0.08), transparent 34%),
    #020408 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.085),
    inset 0 -1px 0 rgba(100, 206, 251, 0.04),
    0 20px 64px rgba(0, 0, 0, 0.44),
    0 0 0 1px rgba(100, 206, 251, 0.025) !important;
  transition:
    border-color 220ms ease,
    box-shadow 220ms ease,
    opacity 540ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 540ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

html body .zylo-impact-card::before {
  opacity: 0.48 !important;
  background:
    linear-gradient(90deg, transparent, rgba(125, 223, 255, 0.2), rgba(139, 92, 246, 0.12), transparent) top left / 100% 1px no-repeat,
    linear-gradient(145deg, rgba(255, 255, 255, 0.05), transparent 34%) !important;
}

html body .zylo-impact-card::after {
  opacity: 0.42 !important;
  background:
    radial-gradient(circle at 92% 6%, rgba(100, 206, 251, 0.09), transparent 32%),
    linear-gradient(118deg, transparent 0%, rgba(255, 255, 255, 0.036) 48%, transparent 62%) !important;
}

html body .zylo-impact-card--feature {
  min-height: clamp(318px, 23vw, 360px) !important;
  padding: clamp(24px, 2.2vw, 30px) !important;
}

html body .zylo-impact-card--compact {
  min-height: clamp(150px, 11vw, 178px) !important;
  padding: clamp(18px, 1.7vw, 24px) !important;
}

html body .zylo-impact-card--context {
  min-height: clamp(160px, 12vw, 190px) !important;
}

html body .zylo-impact-card__eyebrow,
html body .zylo-impact-card__index {
  font-size: 0.64rem !important;
  letter-spacing: 0.15em !important;
  color: rgba(218, 228, 246, 0.56) !important;
}

html body .zylo-impact-card__value {
  margin-top: clamp(30px, 3.4vw, 46px) !important;
  font-size: clamp(3.45rem, 6vw, 6rem) !important;
  letter-spacing: -0.095em !important;
}

html body .zylo-impact-card--compact .zylo-impact-card__value {
  margin-top: clamp(18px, 2.1vw, 28px) !important;
  font-size: clamp(2.55rem, 4.05vw, 4.05rem) !important;
}

html body .zylo-impact-card h3 {
  margin-top: clamp(12px, 1.4vw, 18px) !important;
  max-width: 22ch !important;
  font-size: clamp(1.15rem, 1.72vw, 1.7rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.042em !important;
}

html body .zylo-impact-card--compact h3 {
  max-width: 19ch !important;
  font-size: clamp(1rem, 1.3vw, 1.28rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
}

html body .zylo-impact-card__copy {
  margin-top: 12px !important;
  font-size: clamp(0.82rem, 0.95vw, 0.95rem) !important;
  line-height: 1.45 !important;
  color: rgba(218, 228, 246, 0.7) !important;
}

html body .zylo-impact-card__meter {
  margin-top: clamp(18px, 2vw, 28px) !important;
}

html body .zylo-impact__footer {
  margin-top: clamp(16px, 1.6vw, 22px) !important;
  padding-top: 16px !important;
}

@media (hover: hover) and (pointer: fine) {
  html body .zylo-impact-card:hover {
    border-color: rgba(125, 223, 255, 0.3) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.12),
      inset 0 -1px 0 rgba(100, 206, 251, 0.065),
      0 24px 76px rgba(0, 0, 0, 0.52),
      0 0 38px rgba(100, 206, 251, 0.075) !important;
    transform: translateY(-3px) scale(1.003) !important;
  }
}

html body .zylo-final-refresh.zylo-final-refresh--footer {
  background: #000 !important;
  background-color: #000 !important;
  box-shadow:
    inset 0 130px 120px -92px #000,
    inset 0 -130px 126px -84px #000 !important;
}

html body .zylo-final-refresh.zylo-final-refresh--footer::before {
  background:
    linear-gradient(180deg,
      #000 0%,
      rgba(0, 0, 0, 0.96) 7%,
      rgba(0, 0, 0, 0.58) 22%,
      rgba(0, 0, 0, 0.26) 43%,
      rgba(0, 0, 0, 0.34) 64%,
      rgba(0, 0, 0, 0.72) 86%,
      #000 100%),
    radial-gradient(ellipse at 26% 55%, rgba(124, 92, 255, 0.16), transparent 44%),
    radial-gradient(ellipse at 56% 48%, rgba(100, 206, 251, 0.15), transparent 38%),
    linear-gradient(90deg,
      rgba(0, 0, 0, 0.88) 0%,
      rgba(0, 0, 0, 0.34) 42%,
      rgba(0, 0, 0, 0.68) 68%,
      rgba(0, 0, 0, 0.94) 100%) !important;
}

html body .zylo-final-refresh.zylo-final-refresh--footer::after {
  opacity: 0.065 !important;
}

html body .zylo-final-refresh.zylo-final-refresh--footer .zylo-final-refresh__video {
  opacity: 1 !important;
  object-position: 47% 54% !important;
  transform: scale(1.06) translate3d(0, -1.2%, 0) !important;
  filter: saturate(1.86) hue-rotate(14deg) contrast(1.32) brightness(0.9) !important;
  -webkit-mask-image:
    linear-gradient(180deg,
      transparent 0%,
      rgba(0, 0, 0, 0.12) 8%,
      rgba(0, 0, 0, 0.54) 17%,
      #000 30%,
      #000 84%,
      rgba(0, 0, 0, 0.74) 94%,
      transparent 100%) !important;
  mask-image:
    linear-gradient(180deg,
      transparent 0%,
      rgba(0, 0, 0, 0.12) 8%,
      rgba(0, 0, 0, 0.54) 17%,
      #000 30%,
      #000 84%,
      rgba(0, 0, 0, 0.74) 94%,
      transparent 100%) !important;
}

@media (max-width: 1100px) {
  html body .zylo-impact__inner {
    width: min(100% - 44px, 980px) !important;
  }

  html body .zylo-impact__header {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    margin-bottom: 24px !important;
  }

  html body .zylo-impact__title {
    max-width: 760px !important;
    font-size: clamp(2.9rem, 8vw, 4.9rem) !important;
  }

  html body .zylo-impact__intro {
    max-width: 560px !important;
  }
}

@media (max-width: 900px) {
  html body .zylo-impact__inner {
    width: min(100% - 32px, 680px) !important;
    padding: 58px 0 68px !important;
  }

  html body .zylo-impact__grid {
    grid-template-columns: 1fr !important;
  }

  html body .zylo-impact-card--feature,
  html body .zylo-impact-card--compact,
  html body .zylo-impact-card--context {
    min-height: auto !important;
  }
}

@media (max-width: 720px) {
  html body .zylo-final-refresh.zylo-final-refresh--footer::before {
    background:
      linear-gradient(180deg,
        #000 0%,
        rgba(0, 0, 0, 0.94) 9%,
        rgba(0, 0, 0, 0.46) 27%,
        rgba(0, 0, 0, 0.24) 50%,
        rgba(0, 0, 0, 0.72) 85%,
        #000 100%),
      radial-gradient(ellipse at 35% 48%, rgba(124, 92, 255, 0.16), transparent 42%),
      radial-gradient(ellipse at 66% 52%, rgba(100, 206, 251, 0.14), transparent 40%) !important;
  }

  html body .zylo-final-refresh.zylo-final-refresh--footer .zylo-final-refresh__video {
    object-position: 44% 53% !important;
    transform: scale(1.1) translate3d(0, -1%, 0) !important;
    filter: saturate(1.78) hue-rotate(12deg) contrast(1.26) brightness(0.88) !important;
    -webkit-mask-image:
      linear-gradient(180deg,
        transparent 0%,
        rgba(0, 0, 0, 0.16) 10%,
        rgba(0, 0, 0, 0.58) 22%,
        #000 40%,
        #000 85%,
        rgba(0, 0, 0, 0.68) 94%,
        transparent 100%) !important;
    mask-image:
      linear-gradient(180deg,
        transparent 0%,
        rgba(0, 0, 0, 0.16) 10%,
        rgba(0, 0, 0, 0.58) 22%,
        #000 40%,
        #000 85%,
        rgba(0, 0, 0, 0.68) 94%,
        transparent 100%) !important;
  }
}

@media (max-width: 620px) {
  html body .zylo-impact__inner {
    width: min(100% - 28px, 520px) !important;
    padding: 54px 0 64px !important;
  }

  html body .zylo-impact__title {
    font-size: clamp(2.28rem, 10.8vw, 2.95rem) !important;
    line-height: 0.96 !important;
    letter-spacing: -0.052em !important;
  }

  html body .zylo-impact__intro {
    font-size: 0.9rem !important;
    line-height: 1.54 !important;
  }

  html body .zylo-impact-card {
    border-radius: 20px !important;
  }

  html body .zylo-impact-card--feature,
  html body .zylo-impact-card--compact {
    padding: 20px !important;
  }

  html body .zylo-impact-card__value {
    margin-top: 30px !important;
    font-size: clamp(3rem, 17vw, 4.45rem) !important;
  }

  html body .zylo-impact-card--compact .zylo-impact-card__value {
    margin-top: 18px !important;
    font-size: clamp(2.55rem, 14vw, 3.45rem) !important;
  }
}

/* zylo-final-motion-boost-20260623b */
html body .zylo-final-refresh.zylo-final-refresh--footer {
  background: #000 !important;
  background-color: #000 !important;
  box-shadow:
    inset 0 150px 150px -106px #000,
    inset 0 -150px 145px -100px #000 !important;
}

html body .zylo-final-refresh.zylo-final-refresh--footer::before {
  background:
    linear-gradient(180deg,
      #000 0%,
      rgba(0, 0, 0, 0.9) 6%,
      rgba(0, 0, 0, 0.42) 18%,
      rgba(0, 0, 0, 0.12) 42%,
      rgba(0, 0, 0, 0.2) 66%,
      rgba(0, 0, 0, 0.64) 88%,
      #000 100%),
    radial-gradient(ellipse at 30% 56%, rgba(139, 92, 246, 0.13), transparent 42%),
    radial-gradient(ellipse at 56% 48%, rgba(100, 206, 251, 0.13), transparent 40%),
    linear-gradient(90deg,
      rgba(0, 0, 0, 0.76) 0%,
      rgba(0, 0, 0, 0.28) 30%,
      rgba(0, 0, 0, 0.2) 52%,
      rgba(0, 0, 0, 0.5) 73%,
      rgba(0, 0, 0, 0.9) 100%) !important;
}

html body .zylo-final-refresh.zylo-final-refresh--footer::after {
  opacity: 0.045 !important;
}

html body .zylo-final-refresh.zylo-final-refresh--footer .zylo-final-refresh__video {
  opacity: 1 !important;
  object-position: 42% 52% !important;
  transform: scale(1.035) translate3d(0, -0.5%, 0) !important;
  filter: saturate(2.08) hue-rotate(12deg) contrast(1.42) brightness(1.12) !important;
  -webkit-mask-image:
    linear-gradient(180deg,
      transparent 0%,
      rgba(0, 0, 0, 0.16) 6%,
      rgba(0, 0, 0, 0.74) 13%,
      #000 22%,
      #000 88%,
      rgba(0, 0, 0, 0.72) 95%,
      transparent 100%) !important;
  mask-image:
    linear-gradient(180deg,
      transparent 0%,
      rgba(0, 0, 0, 0.16) 6%,
      rgba(0, 0, 0, 0.74) 13%,
      #000 22%,
      #000 88%,
      rgba(0, 0, 0, 0.72) 95%,
      transparent 100%) !important;
}

html body .zylo-final-refresh.zylo-final-refresh--footer .zylo-final-refresh__title,
html body .zylo-final-refresh.zylo-final-refresh--footer .zylo-final-refresh__copy,
html body .zylo-final-refresh.zylo-final-refresh--footer .zylo-final-refresh__eyebrow {
  text-shadow: 0 18px 58px rgba(0, 0, 0, 0.72) !important;
}

@media (max-width: 720px) {
  html body .zylo-final-refresh.zylo-final-refresh--footer::before {
    background:
      linear-gradient(180deg,
        #000 0%,
        rgba(0, 0, 0, 0.9) 8%,
        rgba(0, 0, 0, 0.38) 24%,
        rgba(0, 0, 0, 0.13) 48%,
        rgba(0, 0, 0, 0.58) 84%,
        #000 100%),
      radial-gradient(ellipse at 40% 48%, rgba(139, 92, 246, 0.14), transparent 42%),
      radial-gradient(ellipse at 66% 52%, rgba(100, 206, 251, 0.13), transparent 40%),
      linear-gradient(90deg, rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.18) 48%, rgba(0, 0, 0, 0.72)) !important;
  }

  html body .zylo-final-refresh.zylo-final-refresh--footer .zylo-final-refresh__video {
    object-position: 39% 52% !important;
    transform: scale(1.08) translate3d(0, -0.5%, 0) !important;
    filter: saturate(2) hue-rotate(10deg) contrast(1.34) brightness(1.05) !important;
    -webkit-mask-image:
      linear-gradient(180deg,
        transparent 0%,
        rgba(0, 0, 0, 0.16) 8%,
        rgba(0, 0, 0, 0.7) 20%,
        #000 36%,
        #000 86%,
        rgba(0, 0, 0, 0.66) 95%,
        transparent 100%) !important;
    mask-image:
      linear-gradient(180deg,
        transparent 0%,
        rgba(0, 0, 0, 0.16) 8%,
        rgba(0, 0, 0, 0.7) 20%,
        #000 36%,
        #000 86%,
        rgba(0, 0, 0, 0.66) 95%,
        transparent 100%) !important;
  }
}

/* zylo-workflow-oled-redesign-end-20260624d */

/* zylo-system-fan-safe-20260624a */
.zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery {
  max-width: min(1220px, calc(100vw - 44px)) !important;
  margin-top: clamp(42px, 5.4vw, 70px) !important;
  overflow: visible !important;
}

.zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_platformHeading__eXhAl {
  margin-bottom: clamp(18px, 2.4vw, 30px) !important;
}

.zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImagePreviewItem__FkNkO {
  min-height: clamp(390px, 37vw, 525px) !important;
  overflow: visible !important;
}

.zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageShowcase__ka_mp {
  height: clamp(390px, 37vw, 525px) !important;
  min-height: clamp(390px, 37vw, 525px) !important;
  overflow: visible !important;
  contain: none !important;
  perspective: 1400px !important;
}

.zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageShowcase__ka_mp::before {
  inset: 10% 12% 11% 4% !important;
  opacity: 0.64 !important;
  filter: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 24px 70px rgba(0, 0, 0, 0.34) !important;
}

.zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH {
  border-radius: clamp(18px, 1.55vw, 24px) !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.008)), #02040a !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    inset 0 -18px 42px rgba(0, 0, 0, 0.42),
    0 18px 54px rgba(0, 0, 0, 0.46),
    0 0 0 1px rgba(100, 206, 251, 0.035) !important;
  transform: translateZ(0);
  will-change: transform, opacity !important;
  transition:
    opacity 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease,
    transform 360ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH img {
  object-fit: contain !important;
  transform: translateZ(0) scale(1.002) !important;
  filter: saturate(1.08) contrast(1.04) brightness(0.98) !important;
  transition: filter 220ms ease, transform 320ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}

@media (min-width: 761px) {
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH,
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-active,
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-side-1,
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-side-2,
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-side-3 {
    top: 48% !important;
    left: 50% !important;
    right: auto !important;
  }

  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-active {
    width: min(63%, 760px) !important;
    z-index: 9 !important;
    transform: translate3d(-72%, -50%, 0) rotate(0deg) scale(1) !important;
  }

  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-side-1 {
    width: min(34%, 410px) !important;
    z-index: 6 !important;
    transform: translate3d(22%, -76%, 0) rotate(4deg) scale(0.96) !important;
  }

  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-side-2 {
    width: min(33%, 395px) !important;
    z-index: 5 !important;
    transform: translate3d(30%, -22%, 0) rotate(-2deg) scale(0.92) !important;
  }

  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-side-3 {
    width: min(31%, 370px) !important;
    z-index: 4 !important;
    transform: translate3d(38%, 28%, 0) rotate(-5deg) scale(0.88) !important;
  }

  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH:hover:not(.is-active),
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH:focus-visible:not(.is-active) {
    transform-origin: center center !important;
  }
}

@media (max-width: 980px) and (min-width: 761px) {
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImagePreviewItem__FkNkO,
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageShowcase__ka_mp {
    min-height: clamp(360px, 47vw, 460px) !important;
    height: clamp(360px, 47vw, 460px) !important;
  }

  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-active {
    width: min(66%, 650px) !important;
  }
}

@media (max-width: 760px) {
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery,
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery.zylo-mobile-system-rail {
    margin-top: 54px !important;
    overflow: hidden !important;
  }

  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageShowcase__ka_mp,
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery.zylo-mobile-system-rail .zylo-card-showcase_systemImageShowcase__ka_mp {
    gap: 12px !important;
    padding: 4px max(18px, calc((100vw - 430px) / 2)) 16px !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    contain: content !important;
  }

  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH,
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery.zylo-mobile-system-rail .zylo-card-showcase_systemImageCard__4jBOH,
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-active,
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-side-1,
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-side-2,
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-side-3 {
    flex-basis: min(88vw, 430px) !important;
    width: min(88vw, 430px) !important;
    transform: translate3d(0, 0, 0) scale(0.985) !important;
    scroll-snap-align: center !important;
    scroll-snap-stop: always !important;
  }

  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-active {
    transform: translate3d(0, 0, 0) scale(1) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH,
  .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH img {
    transition: none !important;
  }
}
html body section#workflow,
html body section#workflow.zylo-card-showcase_workflowCinematicBlock__XkKNr {
  background: #000 !important;
  background-color: #000 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body section#workflow.zylo-card-showcase_workflowCinematicBlock__XkKNr::before,
html body section#workflow.zylo-card-showcase_workflowCinematicBlock__XkKNr::after,
html body section#workflow .zylo-card-showcase_workflowCinematicStage__6ze8w::before,
html body section#workflow .zylo-card-showcase_workflowCinematicStage__6ze8w::after,
html body section#workflow .zylo-card-showcase_workflowCinematicGlow__8UzSY {
  opacity: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicStage__6ze8w {
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicGrid__kIZAq {
  opacity: 0.045 !important;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.10) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px) !important;
  background-size: 74px 74px !important;
  -webkit-mask-image: radial-gradient(ellipse at 54% 52%, rgba(0, 0, 0, 0.9), transparent 66%) !important;
  mask-image: radial-gradient(ellipse at 54% 52%, rgba(0, 0, 0, 0.9), transparent 66%) !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicCurve__tkcdy {
  opacity: 0.56 !important;
  filter: drop-shadow(0 0 10px rgba(80, 220, 255, 0.16)) !important;
}

html body section#workflow .zylo-card-showcase_workflowCurveBase___eeaf {
  stroke: rgba(255, 255, 255, 0.09) !important;
  stroke-width: 4 !important;
}

html body section#workflow .zylo-card-showcase_workflowCurveActive__EtPO8 {
  stroke-width: 4.5 !important;
  filter: drop-shadow(0 0 12px rgba(103, 232, 249, 0.18)) !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicCopy__vwl2i {
  min-height: 198px !important;
  overflow: hidden !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.072), rgba(255, 255, 255, 0.016) 42%, rgba(0, 0, 0, 0.94) 100%),
    radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--step-tone, #67e8f9) 12%, transparent), transparent 36%),
    #010205 !important;
  border: 1px solid color-mix(in srgb, var(--step-tone, #67e8f9) 34%, rgba(255, 255, 255, 0.12)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.10),
    inset 0 -1px 0 rgba(103, 232, 249, 0.06),
    0 24px 72px rgba(0, 0, 0, 0.62),
    0 0 34px color-mix(in srgb, var(--step-tone, #67e8f9) 7%, transparent) !important;
  -webkit-backdrop-filter: blur(14px) saturate(145%) !important;
  backdrop-filter: blur(14px) saturate(145%) !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicCopy__vwl2i::before {
  opacity: 0.32 !important;
  background:
    linear-gradient(118deg, transparent 0%, rgba(255, 255, 255, 0.12) 18%, transparent 34%),
    radial-gradient(circle at 12% 100%, color-mix(in srgb, var(--step-tone, #67e8f9) 15%, transparent), transparent 42%) !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicCopy__vwl2i::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 20px 16px 20px !important;
  height: 1px !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--step-tone, #67e8f9) 52%, transparent), transparent) !important;
  opacity: 0.36 !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicNumber__poxwZ {
  top: -72px !important;
  right: -34px !important;
  z-index: 0 !important;
  opacity: 1 !important;
  font-size: clamp(6.8rem, 10.8vw, 11.6rem) !important;
  font-weight: 900 !important;
  color: rgba(255, 255, 255, 0.030) !important;
  -webkit-text-stroke: 1.35px color-mix(in srgb, var(--step-tone, #67e8f9) 32%, rgba(255, 255, 255, 0.10)) !important;
  text-shadow:
    0 0 18px color-mix(in srgb, var(--step-tone, #67e8f9) 18%, transparent),
    0 28px 76px rgba(0, 0, 0, 0.72) !important;
  filter: drop-shadow(0 0 16px color-mix(in srgb, var(--step-tone, #67e8f9) 11%, transparent)) !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr[data-align="center"] .zylo-card-showcase_workflowCinematicNumber__poxwZ {
  right: -18px !important;
  top: -82px !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr[data-align="right"] .zylo-card-showcase_workflowCinematicNumber__poxwZ {
  right: -40px !important;
  top: -92px !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicNode__oqpra {
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.42), transparent 32%),
    linear-gradient(145deg, color-mix(in srgb, var(--step-tone, #67e8f9) 74%, #2563eb), #111827) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 0 9px rgba(0, 0, 0, 0.86),
    0 0 30px color-mix(in srgb, var(--step-tone, #67e8f9) 30%, transparent),
    0 18px 44px rgba(0, 0, 0, 0.62) !important;
}

@media (max-width: 1080px) {
  html body section#workflow .zylo-card-showcase_workflowCinematicGrid__kIZAq {
    opacity: 0.03 !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicCopy__vwl2i {
    min-height: 0 !important;
    background:
      linear-gradient(150deg, rgba(255, 255, 255, 0.062), rgba(255, 255, 255, 0.014) 48%, rgba(0, 0, 0, 0.94) 100%),
      #010205 !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicNumber__poxwZ {
    top: 10px !important;
    right: 16px !important;
    font-size: clamp(4rem, 24vw, 7rem) !important;
    color: rgba(255, 255, 255, 0.026) !important;
  }
}

@media (max-width: 620px) {
  html body section#workflow .zylo-card-showcase_workflowCinematicCurve__tkcdy {
    opacity: 0.38 !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicNode__oqpra {
    width: 46px !important;
    height: 46px !important;
    margin-left: -23px !important;
  }
}

/* zylo-system-fan-final-fit-20260624b */
html body section#platform .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery {
  max-width: min(1200px, calc(100vw - 48px)) !important;
  margin-top: clamp(38px, 5vw, 64px) !important;
  overflow: visible !important;
}

html body section#platform .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_platformHeading__eXhAl {
  margin-bottom: clamp(16px, 2vw, 26px) !important;
}

html body section#platform .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImagePreviewItem__FkNkO {
  min-height: clamp(360px, 34vw, 470px) !important;
  overflow: visible !important;
}

html body section#platform .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageShowcase__ka_mp {
  height: clamp(360px, 34vw, 470px) !important;
  min-height: clamp(360px, 34vw, 470px) !important;
  overflow: visible !important;
  contain: none !important;
  isolation: isolate !important;
}

html body section#platform .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH,
html body section#platform .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-active,
html body section#platform .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-side-1,
html body section#platform .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-side-2,
html body section#platform .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-side-3 {
  left: 50% !important;
  right: auto !important;
  top: 43% !important;
  pointer-events: auto !important;
  backface-visibility: hidden !important;
  transform-origin: center center !important;
  transition:
    opacity 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 300ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}

html body section#platform .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-active {
  width: min(59%, 700px) !important;
  z-index: 9 !important;
  transform: translate3d(-72%, -52%, 0) rotate(0deg) scale(1) !important;
}

html body section#platform .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-side-1 {
  width: min(33%, 390px) !important;
  z-index: 6 !important;
  transform: translate3d(16%, -70%, 0) rotate(3.5deg) scale(0.96) !important;
}

html body section#platform .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-side-2 {
  width: min(31%, 370px) !important;
  z-index: 5 !important;
  transform: translate3d(26%, -22%, 0) rotate(-1.6deg) scale(0.92) !important;
}

html body section#platform .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-side-3 {
  width: min(29%, 345px) !important;
  z-index: 4 !important;
  transform: translate3d(35%, 16%, 0) rotate(-4deg) scale(0.88) !important;
}

html body section#platform .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH:hover:not(.is-active),
html body section#platform .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH:focus-visible:not(.is-active) {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 20px 60px rgba(0, 0, 0, 0.5),
    0 0 32px rgba(100, 206, 251, 0.075) !important;
}

@media (max-width: 760px) {
  html body section#platform .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery,
  html body section#platform .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery.zylo-mobile-system-rail {
    max-width: none !important;
    margin-top: 52px !important;
    overflow: hidden !important;
  }

  html body section#platform .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageShowcase__ka_mp,
  html body section#platform .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery.zylo-mobile-system-rail .zylo-card-showcase_systemImageShowcase__ka_mp {
    display: flex !important;
    height: auto !important;
    min-height: 0 !important;
    gap: 12px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    padding: 4px 18px 16px !important;
    scroll-padding-inline: 18px !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    contain: content !important;
  }

  html body section#platform .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH,
  html body section#platform .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery.zylo-mobile-system-rail .zylo-card-showcase_systemImageCard__4jBOH,
  html body section#platform .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-active,
  html body section#platform .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-side-1,
  html body section#platform .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-side-2,
  html body section#platform .zylo-card-showcase_platformBlock__f32_M.zylo-system-fan-gallery .zylo-card-showcase_systemImageCard__4jBOH.is-side-3 {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 min(88vw, 430px) !important;
    width: min(88vw, 430px) !important;
    transform: translate3d(0, 0, 0) scale(0.985) !important;
    scroll-snap-align: center !important;
    scroll-snap-stop: always !important;
  }
}

/* zylo-workflow-responsive-stability-20260624a */
html body section#workflow.zylo-card-showcase_workflowCinematicBlock__XkKNr {
  background: #000 !important;
  background-color: #000 !important;
  background-image: none !important;
  overflow: visible !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicHeader__Kouvw {
  position: relative !important;
  z-index: 4 !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicStage__6ze8w {
  position: relative !important;
  isolation: isolate !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr {
  will-change: transform, filter !important;
  backface-visibility: hidden !important;
  -webkit-font-smoothing: antialiased !important;
}

html body section#workflow .zylo-card-showcase_workflowCinematicCopy__vwl2i {
  position: relative !important;
  z-index: 2 !important;
  transform: translateZ(0) !important;
}

@media (min-width: 901px) {
  html body section#workflow .zylo-card-showcase_workflowCinematicStage__6ze8w {
    height: clamp(410px, 33vw, 470px) !important;
    margin-top: clamp(24px, 2.8vw, 40px) !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr[data-align="left"] {
    --step-y: 60% !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr[data-align="center"] {
    --step-y: 48% !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr[data-align="right"] {
    --step-x: 96.5% !important;
    --step-y: 39% !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicNumber__poxwZ,
  html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr[data-align="center"] .zylo-card-showcase_workflowCinematicNumber__poxwZ,
  html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr[data-align="right"] .zylo-card-showcase_workflowCinematicNumber__poxwZ {
    top: -38px !important;
    right: -18px !important;
    z-index: 1 !important;
    opacity: 1 !important;
    font-size: clamp(6.1rem, 9vw, 9.6rem) !important;
    line-height: 0.9 !important;
    color: rgba(255, 255, 255, 0.035) !important;
    -webkit-text-stroke: 1.2px color-mix(in srgb, var(--step-tone, #67e8f9) 42%, rgba(255, 255, 255, 0.10)) !important;
    text-shadow:
      0 0 18px color-mix(in srgb, var(--step-tone, #67e8f9) 14%, transparent),
      0 18px 48px rgba(0, 0, 0, 0.72) !important;
  }
}

@media (max-width: 900px) {
  html body section#workflow.zylo-card-showcase_workflowCinematicBlock__XkKNr {
    padding: clamp(38px, 7vw, 54px) clamp(16px, 5vw, 32px) clamp(42px, 8vw, 64px) !important;
    overflow: hidden !important;
  }

  html body section#workflow.zylo-card-showcase_workflowCinematicBlock__XkKNr::before,
  html body section#workflow.zylo-card-showcase_workflowCinematicBlock__XkKNr::after {
    display: none !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicHeader__Kouvw {
    max-width: min(100%, 560px) !important;
    margin: 0 auto !important;
    text-align: left !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicHeader__Kouvw > span {
    display: none !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicHeader__Kouvw h2 {
    max-width: 9.8ch !important;
    margin: 0 !important;
    font-size: clamp(2.65rem, 11.2vw, 4.9rem) !important;
    line-height: 0.94 !important;
    letter-spacing: -0.055em !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicHeader__Kouvw p {
    max-width: 42rem !important;
    margin-top: 18px !important;
    font-size: clamp(0.92rem, 2.7vw, 1.08rem) !important;
    line-height: 1.45 !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicStage__6ze8w {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
    width: min(100%, 620px) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 24px auto 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicGrid__kIZAq,
  html body section#workflow .zylo-card-showcase_workflowCinematicCurve__tkcdy,
  html body section#workflow .zylo-card-showcase_workflowCinematicGlow__8UzSY,
  html body section#workflow .zylo-card-showcase_workflowCinematicStage__6ze8w::before,
  html body section#workflow .zylo-card-showcase_workflowCinematicStage__6ze8w::after {
    display: none !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr,
  html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr[data-align="left"],
  html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr[data-align="center"],
  html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr[data-align="right"] {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;
    z-index: 1 !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicNode__oqpra {
    display: none !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicNumber__poxwZ,
  html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr[data-align="center"] .zylo-card-showcase_workflowCinematicNumber__poxwZ,
  html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr[data-align="right"] .zylo-card-showcase_workflowCinematicNumber__poxwZ {
    position: absolute !important;
    left: 18px !important;
    right: auto !important;
    top: 18px !important;
    width: 38px !important;
    height: 38px !important;
    display: grid !important;
    place-items: center !important;
    z-index: 4 !important;
    border-radius: 999px !important;
    border: 1px solid color-mix(in srgb, var(--step-tone, #67e8f9) 48%, rgba(255, 255, 255, 0.18)) !important;
    background:
      radial-gradient(circle at 34% 25%, rgba(255, 255, 255, 0.32), transparent 34%),
      linear-gradient(145deg, color-mix(in srgb, var(--step-tone, #67e8f9) 58%, #111827), rgba(4, 7, 13, 0.98)) !important;
    color: #f8fbff !important;
    -webkit-text-fill-color: #f8fbff !important;
    -webkit-text-stroke: 0 transparent !important;
    text-shadow: 0 0 14px color-mix(in srgb, var(--step-tone, #67e8f9) 36%, transparent) !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    opacity: 1 !important;
    filter: none !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.22),
      0 0 0 5px rgba(0, 0, 0, 0.72),
      0 12px 26px rgba(0, 0, 0, 0.44),
      0 0 24px color-mix(in srgb, var(--step-tone, #67e8f9) 16%, transparent) !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicCopy__vwl2i {
    min-height: 0 !important;
    width: 100% !important;
    padding: 18px 18px 18px 72px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.058), rgba(255, 255, 255, 0.014) 46%, rgba(0, 0, 0, 0.96) 100%),
      radial-gradient(circle at 102% 0%, color-mix(in srgb, var(--step-tone, #67e8f9) 10%, transparent), transparent 42%),
      #010205 !important;
    opacity: 1 !important;
    filter: none !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicCopy__vwl2i > * {
    opacity: 1 !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicKicker__b6vAB {
    min-height: 26px !important;
    max-width: calc(100% - 8px) !important;
    padding: 0 10px !important;
    font-size: 0.64rem !important;
    letter-spacing: 0.09em !important;
    white-space: normal !important;
    line-height: 1.05 !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicCopy__vwl2i h3 {
    margin-top: 12px !important;
    font-size: clamp(1.58rem, 7.1vw, 2rem) !important;
    line-height: 0.95 !important;
    letter-spacing: -0.055em !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicCopy__vwl2i p {
    max-width: 100% !important;
    margin-top: 10px !important;
    font-size: clamp(0.86rem, 3.4vw, 0.96rem) !important;
    line-height: 1.34 !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicCopy__vwl2i strong {
    margin-top: 12px !important;
    font-size: 0.78rem !important;
    line-height: 1.2 !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr:hover,
  html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr[data-align="left"]:hover,
  html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr[data-align="center"]:hover,
  html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr[data-align="right"]:hover {
    transform: none !important;
    filter: none !important;
  }
}

@media (max-width: 430px) {
  html body section#workflow.zylo-card-showcase_workflowCinematicBlock__XkKNr {
    padding-inline: 12px !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicHeader__Kouvw h2 {
    font-size: clamp(2.42rem, 11.6vw, 3.08rem) !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicHeader__Kouvw p {
    font-size: 0.89rem !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicStage__6ze8w {
    gap: 12px !important;
    margin-top: 20px !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicCopy__vwl2i {
    padding: 17px 15px 17px 66px !important;
    border-radius: 22px !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicNumber__poxwZ {
    left: 16px !important;
    top: 17px !important;
    width: 34px !important;
    height: 34px !important;
    font-size: 0.92rem !important;
  }
}

/* zylo-impact-mobile-one-view-20260624a */
@media (max-width: 620px) {
  html body .zylo-impact {
    min-height: auto !important;
    overflow: hidden !important;
    background: #000 !important;
    border-top: 0 !important;
  }

  html body .zylo-impact::before,
  html body .zylo-impact::after {
    opacity: 0.035 !important;
  }

  html body .zylo-impact__inner {
    width: min(100% - 24px, 520px) !important;
    padding: clamp(22px, 3.2vh, 28px) 0 clamp(22px, 3.4vh, 30px) !important;
  }

  html body .zylo-impact__header {
    display: block !important;
    margin-bottom: 14px !important;
  }

  html body .zylo-impact__title {
    max-width: 11.5ch !important;
    font-size: clamp(2.05rem, 9.4vw, 2.55rem) !important;
    line-height: 0.94 !important;
    letter-spacing: -0.062em !important;
  }

  html body .zylo-impact__intro {
    max-width: 100% !important;
    margin-top: 12px !important;
    font-size: clamp(0.78rem, 3.25vw, 0.9rem) !important;
    line-height: 1.38 !important;
  }

  html body .zylo-impact__grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }

  html body .zylo-impact__side-grid {
    display: contents !important;
  }

  html body .zylo-impact-card {
    overflow: hidden !important;
    border-radius: 20px !important;
    background:
      linear-gradient(143deg, rgba(255, 255, 255, 0.052), rgba(4, 7, 13, 0.84) 42%, rgba(0, 0, 0, 0.96)),
      #000 !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.055),
      0 14px 32px rgba(0, 0, 0, 0.34) !important;
  }

  html body .zylo-impact-card--feature {
    grid-column: 1 / -1 !important;
    min-height: 188px !important;
    padding: 15px 16px 14px !important;
  }

  html body .zylo-impact-card--compact {
    min-height: 118px !important;
    padding: 13px 13px 12px !important;
  }

  html body .zylo-impact-card--context {
    grid-column: 1 / -1 !important;
    min-height: 104px !important;
  }

  html body .zylo-impact-card__eyebrow,
  html body .zylo-impact-card__index {
    font-size: 0.53rem !important;
    line-height: 1 !important;
    letter-spacing: 0.14em !important;
  }

  html body .zylo-impact-card__value {
    margin-top: 20px !important;
    font-size: clamp(3.05rem, 15.4vw, 3.72rem) !important;
    line-height: 0.82 !important;
  }

  html body .zylo-impact-card--compact .zylo-impact-card__value {
    margin-top: 21px !important;
    font-size: clamp(2rem, 10.5vw, 2.65rem) !important;
    letter-spacing: -0.085em !important;
  }

  html body .zylo-impact-card--context .zylo-impact-card__value {
    margin-top: 18px !important;
    font-size: clamp(2.2rem, 11vw, 2.85rem) !important;
  }

  html body .zylo-impact-card__value small {
    font-size: 0.28em !important;
    letter-spacing: -0.02em !important;
  }

  html body .zylo-impact-card h3 {
    max-width: 17ch !important;
    margin-top: 9px !important;
    font-size: clamp(0.86rem, 3.45vw, 1rem) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.055em !important;
  }

  html body .zylo-impact-card__copy {
    max-width: 30ch !important;
    margin-top: 9px !important;
    font-size: clamp(0.68rem, 2.85vw, 0.76rem) !important;
    line-height: 1.34 !important;
  }

  html body .zylo-impact-card__meter {
    height: 2px !important;
    margin-top: 11px !important;
  }

  html body .zylo-impact__footer {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 12px !important;
    padding-top: 12px !important;
  }

  html body .zylo-impact__note {
    font-size: 0.58rem !important;
    line-height: 1.28 !important;
  }

  html body .zylo-impact__cta {
    min-height: 38px !important;
    padding: 0 14px !important;
    font-size: 0.72rem !important;
    white-space: nowrap !important;
  }

  html body .zylo-impact.is-visible .zylo-impact-card {
    transition-duration: 520ms !important;
  }
}

@media (max-width: 380px) {
  html body .zylo-impact__inner {
    width: min(100% - 18px, 520px) !important;
    padding-top: 18px !important;
    padding-bottom: 20px !important;
  }

  html body .zylo-impact__title {
    font-size: clamp(1.82rem, 9vw, 2.18rem) !important;
  }

  html body .zylo-impact__intro {
    font-size: 0.74rem !important;
  }

  html body .zylo-impact-card--feature {
    min-height: 176px !important;
  }

  html body .zylo-impact-card--compact {
    min-height: 108px !important;
    padding: 12px !important;
  }

  html body .zylo-impact-card__copy {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
  }
}

/* zylo-final-usa-flag-20260624a */
html body .zylo-premium-landing_finalProgramLegalName__SMgf2 strong,
html body strong.zylo-usa-legal-name {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  white-space: nowrap !important;
}

html body .zylo-premium-landing_finalProgramLegalName__SMgf2 strong::after,
html body strong.zylo-usa-legal-name::after {
  content: "" !important;
  flex: 0 0 auto !important;
  width: 26px !important;
  height: 18px !important;
  border-radius: 5px !important;
  background-image: url("/brand/zylo-usa-flag-minimal-20260624a.svg") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.18),
    0 8px 22px rgba(80, 130, 255, 0.14) !important;
  transform: translateY(0.5px) !important;
}

html body [class*="paymentCardsGrid"] strong.zylo-usa-legal-name,
html body [class*="paymentCard"] strong.zylo-usa-legal-name {
  display: inline !important;
  gap: 0 !important;
}

html body [class*="paymentCardsGrid"] strong.zylo-usa-legal-name::after,
html body [class*="paymentCard"] strong.zylo-usa-legal-name::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background-image: none !important;
  box-shadow: none !important;
}

@media (max-width: 620px) {
  html body .zylo-premium-landing_finalProgramLegalName__SMgf2 strong,
  html body strong.zylo-usa-legal-name {
    gap: 7px !important;
  }

html body .zylo-premium-landing_finalProgramLegalName__SMgf2 strong::after,
  html body strong.zylo-usa-legal-name::after {
    width: 23px !important;
    height: 16px !important;
    border-radius: 4px !important;
  }
}

/* zylo-global-map-polish-20260624a */
html body section[class*="zylo-card-showcase_globalMapBlock"] {
  position: relative !important;
  margin-top: clamp(34px, 4.6vw, 62px) !important;
  margin-bottom: clamp(48px, 6vw, 82px) !important;
  padding-inline: max(14px, env(safe-area-inset-left)) !important;
  overflow: visible !important;
  isolation: isolate !important;
}

html body section[class*="zylo-card-showcase_globalMapBlock"]::before,
html body section[class*="zylo-card-showcase_globalMapBlock"]::after {
  content: "" !important;
  position: absolute !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

html body section[class*="zylo-card-showcase_globalMapBlock"]::before {
  inset: -7% -8% 6% !important;
  background:
    radial-gradient(ellipse 42% 34% at 20% 42%, rgba(18, 196, 178, 0.055), transparent 68%),
    radial-gradient(ellipse 36% 32% at 72% 34%, rgba(102, 96, 255, 0.052), transparent 70%),
    linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.62) 42%, rgba(0, 0, 0, 0)) !important;
  filter: blur(10px) !important;
}

html body section[class*="zylo-card-showcase_globalMapBlock"]::after {
  left: 50% !important;
  top: 56% !important;
  width: min(74vw, 980px) !important;
  height: min(38vw, 380px) !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 35% 45%, rgba(94, 244, 220, 0.08), transparent 42%),
    radial-gradient(circle at 72% 42%, rgba(119, 112, 255, 0.07), transparent 48%) !important;
  opacity: 0.78 !important;
  filter: blur(76px) !important;
}

html body [class*="zylo-card-showcase_globalMapIntro"] {
  margin-bottom: clamp(16px, 2.2vw, 26px) !important;
  text-align: center !important;
}

html body [class*="zylo-card-showcase_globalMapIntro"] p {
  color: rgba(226, 232, 240, 0.72) !important;
  font-size: clamp(0.94rem, 1.08vw, 1.03rem) !important;
  line-height: 1.55 !important;
  letter-spacing: -0.01em !important;
  text-shadow: 0 12px 38px rgba(0, 0, 0, 0.42) !important;
}

html body [class*="zylo-card-showcase_globalMapFrame"] {
  width: min(calc(100% - 34px), 1284px) !important;
  min-height: 446px !important;
  aspect-ratio: 2.48 / 1 !important;
  border-radius: clamp(24px, 2.3vw, 34px) !important;
  border: 1px solid rgba(119, 241, 226, 0.21) !important;
  background:
    radial-gradient(ellipse at 18% 28%, rgba(35, 231, 205, 0.125), transparent 34%),
    radial-gradient(ellipse at 72% 18%, rgba(111, 102, 255, 0.135), transparent 38%),
    radial-gradient(ellipse at 50% 108%, rgba(16, 138, 128, 0.075), transparent 38%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.008)),
    #000205 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.105),
    inset 0 0 0 1px rgba(255, 255, 255, 0.028),
    inset 0 -48px 84px rgba(0, 0, 0, 0.54),
    0 30px 90px rgba(0, 0, 0, 0.5),
    0 0 72px rgba(28, 204, 191, 0.06) !important;
  overflow: hidden !important;
  transform: translate3d(0, 0, 0) !important;
  contain: layout paint style !important;
}

html body [class*="zylo-card-showcase_globalMapFrame"]::before {
  z-index: 2 !important;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.7), transparent 18%, transparent 82%, rgba(0, 0, 0, 0.72)),
    linear-gradient(180deg, rgba(0, 0, 0, 0.22), transparent 19%, transparent 74%, rgba(0, 0, 0, 0.5)),
    radial-gradient(ellipse at 32% 36%, rgba(100, 206, 251, 0.15), transparent 29%),
    radial-gradient(ellipse at 71% 32%, rgba(168, 139, 250, 0.125), transparent 33%) !important;
  mix-blend-mode: normal !important;
  opacity: 0.92 !important;
}

html body [class*="zylo-card-showcase_globalMapFrame"]::after {
  z-index: 6 !important;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.026) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px),
    linear-gradient(135deg, rgba(125, 242, 208, 0.12), transparent 22%, transparent 76%, rgba(125, 130, 255, 0.09)) !important;
  background-size: 58px 58px, 58px 58px, 100% 100% !important;
  opacity: 0.28 !important;
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 11%, #000 86%, transparent 100%) !important;
  mask-image: linear-gradient(180deg, transparent 0, #000 11%, #000 86%, transparent 100%) !important;
}

html body [class*="zylo-card-showcase_globalMapImage"] {
  opacity: 0.72 !important;
  filter: saturate(1.18) contrast(1.12) brightness(0.93) drop-shadow(0 0 18px rgba(60, 231, 214, 0.08)) !important;
  transform: scale(1.014) translateZ(0) !important;
  transform-origin: center !important;
  mix-blend-mode: screen !important;
}

html body [class*="zylo-card-showcase_globalMapAtmosphere"] {
  z-index: 3 !important;
  background:
    radial-gradient(ellipse at 16% 28%, rgba(37, 217, 202, 0.13), transparent 34%),
    radial-gradient(ellipse at 46% 48%, rgba(94, 234, 212, 0.09), transparent 33%),
    radial-gradient(ellipse at 78% 18%, rgba(139, 92, 246, 0.13), transparent 36%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.52), transparent 25%, transparent 76%, rgba(0, 0, 0, 0.56)) !important;
  opacity: 0.94 !important;
  animation: zyloGlobalMapPolishBreath 9s cubic-bezier(0.4, 0, 0.2, 1) infinite !important;
  will-change: opacity, transform !important;
}

html body [class*="zylo-card-showcase_globalMapFrame"] svg {
  z-index: 5 !important;
  transform: translateZ(0) !important;
}

html body [class*="zylo-card-showcase_globalMapRouteBase"] {
  stroke: rgba(116, 219, 255, 0.19) !important;
  stroke-width: 0.52 !important;
}

html body [class*="zylo-card-showcase_globalMapRouteGlow"] {
  stroke: rgba(100, 206, 251, 0.34) !important;
  stroke-width: 1.05 !important;
  filter: drop-shadow(0 0 6px rgba(100, 206, 251, 0.3)) !important;
  opacity: 0.78 !important;
}

html body [class*="zylo-card-showcase_globalMapRouteActive"] {
  stroke: rgba(132, 229, 255, 0.86) !important;
  stroke-width: 0.98 !important;
  stroke-linecap: round !important;
  stroke-dasharray: 5 13 !important;
  animation: zyloGlobalMapRouteFlow 2.55s linear infinite !important;
  filter:
    drop-shadow(0 0 5px rgba(100, 206, 251, 0.52))
    drop-shadow(0 0 11px rgba(139, 92, 246, 0.22)) !important;
}

html body [class*="zylo-card-showcase_globalMapRouteIdle"] {
  stroke: rgba(160, 190, 255, 0.16) !important;
  stroke-dasharray: 3 12 !important;
  opacity: 0.48 !important;
}

html body [class*="zylo-card-showcase_globalMapComet"] {
  fill: #e9fbff !important;
  opacity: 0.9 !important;
  filter:
    drop-shadow(0 0 7px rgba(100, 206, 251, 0.72))
    drop-shadow(0 0 16px rgba(94, 234, 212, 0.26)) !important;
}

html body [class*="zylo-card-showcase_globalMapPoint"],
html body [class*="zylo-card-showcase_globalMapHub"] {
  fill: #eaffff !important;
  stroke: rgba(112, 231, 255, 0.72) !important;
  stroke-width: 0.55 !important;
  filter: drop-shadow(0 0 6px rgba(94, 234, 212, 0.7)) !important;
}

html body [class*="zylo-card-showcase_globalMapHubAura"],
html body [class*="zylo-card-showcase_globalMapFlagAura"] {
  opacity: 0.55 !important;
  filter: drop-shadow(0 0 12px rgba(94, 234, 212, 0.2)) !important;
  animation-duration: 3.4s !important;
}

html body [class*="zylo-card-showcase_globalMapFlagShell"] {
  transform-box: fill-box !important;
  transform-origin: center !important;
  filter:
    drop-shadow(0 7px 14px rgba(0, 0, 0, 0.42))
    drop-shadow(0 0 7px rgba(141, 220, 255, 0.22)) !important;
  transition: transform 180ms ease, filter 180ms ease !important;
}

html body [class*="zylo-card-showcase_globalMapFlagShell"]:hover {
  transform: scale(1.08) !important;
  filter:
    drop-shadow(0 10px 18px rgba(0, 0, 0, 0.5))
    drop-shadow(0 0 12px rgba(100, 206, 251, 0.5)) !important;
}

html body [class*="zylo-card-showcase_globalMapFlagImageNode"] {
  filter: saturate(1.12) contrast(1.05) !important;
}

html body [class*="zylo-card-showcase_globalMapFlagStroke"] {
  stroke: rgba(236, 252, 255, 0.74) !important;
  stroke-width: 0.9 !important;
}

html body [class*="zylo-card-showcase_globalMapLabel"],
html body [class*="zylo-card-showcase_globalMapHubLabel"] {
  paint-order: stroke fill !important;
  stroke: rgba(0, 0, 0, 0.88) !important;
  stroke-width: 3.1px !important;
  fill: rgba(249, 252, 255, 0.94) !important;
  font-weight: 850 !important;
  letter-spacing: -0.015em !important;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.45)) !important;
}

html body [class*="zylo-card-showcase_globalMapStats"] {
  right: clamp(22px, 3vw, 34px) !important;
  bottom: clamp(20px, 2.8vw, 32px) !important;
  z-index: 8 !important;
  filter: drop-shadow(0 18px 36px rgba(0, 0, 0, 0.38)) !important;
}

html body [class*="zylo-card-showcase_globalMapStatPills"] {
  gap: 9px !important;
  max-width: 430px !important;
}

html body [class*="zylo-card-showcase_globalMapStatPills"] span {
  min-height: 36px !important;
  border: 1px solid rgba(218, 248, 255, 0.18) !important;
  border-radius: 999px !important;
  padding: 8px 15px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.018)),
    rgba(0, 3, 10, 0.82) !important;
  color: rgba(248, 250, 252, 0.92) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 -10px 24px rgba(100, 206, 251, 0.035),
    0 12px 28px rgba(0, 0, 0, 0.28) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.12) !important;
  backdrop-filter: blur(12px) saturate(1.12) !important;
  font-size: clamp(0.66rem, 0.72vw, 0.76rem) !important;
  font-weight: 900 !important;
  letter-spacing: 0.09em !important;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.42) !important;
}

html body [class*="zylo-card-showcase_globalMapStatPills"] span::before {
  content: "" !important;
  width: 6px !important;
  height: 6px !important;
  margin-right: 8px !important;
  display: inline-block !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #64cefb, #5ef4dc) !important;
  box-shadow: 0 0 14px rgba(94, 244, 220, 0.45) !important;
  vertical-align: 1px !important;
}

@keyframes zyloGlobalMapRouteFlow {
  from { stroke-dashoffset: 0; }
  to { stroke-dashoffset: -72; }
}

@keyframes zyloGlobalMapPolishBreath {
  0%, 100% {
    opacity: 0.88;
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    opacity: 1;
    transform: translate3d(0, -0.6%, 0) scale(1.012);
  }
}

@media (max-width: 980px) {
  html body [class*="zylo-card-showcase_globalMapFrame"] {
    width: min(calc(100% - 22px), 900px) !important;
    min-height: 372px !important;
    aspect-ratio: 1.74 / 1 !important;
    border-radius: 24px !important;
  }

  html body [class*="zylo-card-showcase_globalMapStats"] {
    right: 18px !important;
    bottom: 18px !important;
  }

  html body [class*="zylo-card-showcase_globalMapStatPills"] {
    max-width: 340px !important;
  }

  html body [class*="zylo-card-showcase_globalMapStatPills"] span {
    min-height: 32px !important;
    padding: 7px 11px !important;
    font-size: 0.62rem !important;
  }

  html body [class*="zylo-card-showcase_globalMapLabel"],
  html body [class*="zylo-card-showcase_globalMapHubLabel"] {
    stroke-width: 2.55px !important;
  }
}

@media (max-width: 640px) {
  html body section[class*="zylo-card-showcase_globalMapBlock"] {
    margin-top: 34px !important;
    margin-bottom: 48px !important;
    padding-inline: 8px !important;
    contain-intrinsic-size: 390px 610px !important;
  }

  html body [class*="zylo-card-showcase_globalMapIntro"] {
    margin-bottom: 18px !important;
  }

  html body [class*="zylo-card-showcase_globalMapIntro"] p {
    max-width: 32ch !important;
    margin-inline: auto !important;
    font-size: 0.88rem !important;
  }

  html body [class*="zylo-card-showcase_globalMapFrame"] {
    width: calc(100% - 10px) !important;
    min-height: 414px !important;
    aspect-ratio: 0.94 / 1 !important;
    border-radius: 22px !important;
    border-color: rgba(119, 241, 226, 0.18) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.09),
      inset 0 -36px 64px rgba(0, 0, 0, 0.52),
      0 22px 58px rgba(0, 0, 0, 0.44) !important;
  }

  html body [class*="zylo-card-showcase_globalMapImage"],
  html body [class*="zylo-card-showcase_globalMapSvg"] {
    width: 156% !important;
    left: -28% !important;
  }

  html body [class*="zylo-card-showcase_globalMapRouteActive"] {
    stroke-width: 0.86 !important;
    animation-duration: 2.85s !important;
  }

  html body [class*="zylo-card-showcase_globalMapLabel"],
  html body [class*="zylo-card-showcase_globalMapHubLabel"] {
    font-size: 6.1px !important;
    stroke-width: 2.1px !important;
  }

  html body [class*="zylo-card-showcase_globalMapStats"] {
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    justify-content: center !important;
  }

  html body [class*="zylo-card-showcase_globalMapStatPills"] {
    justify-content: center !important;
    gap: 7px !important;
    max-width: 100% !important;
  }

  html body [class*="zylo-card-showcase_globalMapStatPills"] span {
    min-height: 29px !important;
    padding: 6px 9px !important;
    font-size: 0.55rem !important;
    letter-spacing: 0.055em !important;
  }

  html body [class*="zylo-card-showcase_globalMapStatPills"] span::before {
    width: 5px !important;
    height: 5px !important;
    margin-right: 6px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body [class*="zylo-card-showcase_globalMapAtmosphere"],
  html body [class*="zylo-card-showcase_globalMapRouteActive"] {
    animation: none !important;
  }
}

/* zylo-workflow-desktop-number-lift-20260624a */
@media (min-width: 901px) {
  html body section#workflow .zylo-card-showcase_workflowCinematicStage__6ze8w {
    overflow: visible !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr {
    overflow: visible !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicNumber__poxwZ,
  html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr[data-align="center"] .zylo-card-showcase_workflowCinematicNumber__poxwZ,
  html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr[data-align="right"] .zylo-card-showcase_workflowCinematicNumber__poxwZ {
    top: -136px !important;
    right: -22px !important;
    z-index: 1 !important;
    font-size: clamp(7.15rem, 9.55vw, 10.2rem) !important;
    line-height: 0.86 !important;
    letter-spacing: -0.055em !important;
    color: rgba(255, 255, 255, 0.052) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.052) !important;
    -webkit-text-stroke: 1.45px color-mix(in srgb, var(--step-tone, #67e8f9) 58%, rgba(255, 255, 255, 0.12)) !important;
    text-shadow:
      0 0 22px color-mix(in srgb, var(--step-tone, #67e8f9) 23%, transparent),
      0 20px 58px rgba(0, 0, 0, 0.74) !important;
    filter: drop-shadow(0 0 18px color-mix(in srgb, var(--step-tone, #67e8f9) 16%, transparent)) !important;
    pointer-events: none !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr[data-align="center"] .zylo-card-showcase_workflowCinematicNumber__poxwZ {
    top: -142px !important;
    right: -26px !important;
  }

  html body section#workflow .zylo-card-showcase_workflowCinematicStep__7Mrnr[data-align="right"] .zylo-card-showcase_workflowCinematicNumber__poxwZ {
    top: -148px !important;
    right: -30px !important;
  }
}

/* zylo-platform-crm-cards-premium-responsive-20260624a */
html body section#platform .zylo-card-showcase_crmImageShowcase__1mcTq {
  width: min(100%, 1320px) !important;
  min-height: clamp(500px, 40vw, 610px) !important;
  margin-top: clamp(26px, 3vw, 42px) !important;
  padding: clamp(12px, 1.6vw, 22px) !important;
  perspective: 1500px !important;
}

html body section#platform .zylo-card-showcase_crmImageShowcase__1mcTq::before {
  inset: 13% 3% 11% !important;
  border-radius: 42px !important;
  background:
    radial-gradient(ellipse at 17% 38%, rgba(94, 234, 212, 0.13), transparent 38%),
    radial-gradient(ellipse at 82% 45%, rgba(124, 92, 255, 0.16), transparent 42%),
    linear-gradient(110deg, transparent 0%, rgba(100, 206, 251, 0.055) 42%, rgba(139, 92, 246, 0.045) 68%, transparent 100%) !important;
  filter: blur(32px) saturate(1.16) !important;
  opacity: 0.78 !important;
}

html body section#platform .zylo-card-showcase_crmImageShowcase__1mcTq::after {
  left: 10% !important;
  right: 10% !important;
  top: 52% !important;
  opacity: 0.42 !important;
  background: linear-gradient(90deg, transparent, rgba(94, 234, 212, 0.28), rgba(139, 92, 246, 0.22), transparent) !important;
  box-shadow: 0 0 22px rgba(100, 206, 251, 0.1) !important;
}

html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk {
  max-width: 690px !important;
  border-radius: clamp(22px, 1.7vw, 30px) !important;
  border-color: rgba(145, 204, 255, 0.18) !important;
  background:
    radial-gradient(circle at 12% -10%, rgba(100, 206, 251, 0.13), transparent 34%),
    radial-gradient(circle at 88% 2%, rgba(139, 92, 246, 0.14), transparent 38%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.058), rgba(255, 255, 255, 0.012) 54%, rgba(100, 206, 251, 0.025)),
    #02040a !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.095),
    inset 0 -28px 62px rgba(0, 0, 0, 0.54),
    0 24px 74px rgba(0, 0, 0, 0.56),
    0 0 0 1px rgba(100, 206, 251, 0.035) !important;
  transform-style: preserve-3d !important;
}

html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk::before {
  background:
    linear-gradient(112deg, rgba(255, 255, 255, 0.18), transparent 20% 78%, rgba(100, 206, 251, 0.12)),
    radial-gradient(circle at var(--crm-sheen-x, 18%) 0%, rgba(255, 255, 255, 0.13), transparent 27%) !important;
  opacity: 0.3 !important;
}

html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk::after {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  border: 1px solid rgba(255, 255, 255, 0.035) !important;
  box-shadow: inset 0 0 38px rgba(100, 206, 251, 0.045) !important;
}

html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk:nth-child(1) {
  transform: translate3d(1%, 20px, 0) rotate(-2.2deg) scale(0.982) !important;
}

html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk:nth-child(2) {
  transform: translate3d(-2%, -18px, 0) rotate(2.1deg) scale(1.012) !important;
}

html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk:hover {
  border-color: rgba(125, 230, 255, 0.38) !important;
  filter: saturate(1.08) brightness(1.04) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    inset 0 -24px 58px rgba(0, 0, 0, 0.48),
    0 30px 90px rgba(0, 0, 0, 0.62),
    0 0 44px rgba(34, 211, 238, 0.09) !important;
}

html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk:nth-child(1):hover {
  transform: translate3d(1%, 6px, 0) rotate(-0.7deg) scale(1.012) !important;
}

html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk:nth-child(2):hover {
  transform: translate3d(-2%, -26px, 0) rotate(0.6deg) scale(1.028) !important;
}

html body section#platform .zylo-card-showcase_crmImageMeta___Csrg {
  gap: clamp(12px, 1.35vw, 17px) !important;
  padding: clamp(16px, 1.75vw, 24px) clamp(17px, 1.85vw, 26px) 13px !important;
}

html body section#platform .zylo-card-showcase_crmImageMeta___Csrg > span {
  width: clamp(38px, 3.1vw, 46px) !important;
  height: clamp(38px, 3.1vw, 46px) !important;
  flex-basis: clamp(38px, 3.1vw, 46px) !important;
  border-radius: 15px !important;
  border-color: rgba(100, 206, 251, 0.28) !important;
  background:
    linear-gradient(145deg, rgba(100, 206, 251, 0.16), rgba(139, 92, 246, 0.09)),
    rgba(2, 6, 15, 0.92) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 10px 24px rgba(0, 0, 0, 0.34),
    0 0 18px rgba(100, 206, 251, 0.08) !important;
}

html body section#platform .zylo-card-showcase_crmImageMeta___Csrg strong {
  font-size: clamp(1.05rem, 1.38vw, 1.34rem) !important;
  letter-spacing: -0.04em !important;
}

html body section#platform .zylo-card-showcase_crmImageMeta___Csrg p {
  max-width: 52ch !important;
  color: rgba(226, 232, 240, 0.74) !important;
}

html body section#platform .zylo-card-showcase_crmImageFrame__RUeQL {
  margin: 0 clamp(10px, 1.35vw, 18px) clamp(10px, 1.35vw, 18px) !important;
  border-radius: clamp(16px, 1.35vw, 21px) !important;
  border-color: rgba(100, 206, 251, 0.18) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(0, 132, 255, 0.08), transparent 38%),
    #02060d !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.065),
    inset 0 -22px 42px rgba(0, 0, 0, 0.34),
    0 16px 42px rgba(0, 0, 0, 0.42) !important;
}

html body section#platform .zylo-card-showcase_crmImageFrame__RUeQL img {
  filter: saturate(1.08) contrast(1.055) brightness(0.98) !important;
  transform: translateZ(0) scale(1.008) !important;
}

@media (min-width: 761px) {
  html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk:nth-child(1) {
    grid-column: 1 / 7 !important;
  }

  html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk:nth-child(2) {
    grid-column: 6 / 13 !important;
  }
}

@media (max-width: 980px) and (min-width: 761px) {
  html body section#platform .zylo-card-showcase_crmImageShowcase__1mcTq {
    min-height: clamp(410px, 54vw, 540px) !important;
  }

  html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk {
    max-width: 59vw !important;
  }
}

@media (max-width: 760px) {
  html body section#platform .zylo-card-showcase_crmImageShowcase__1mcTq {
    display: flex !important;
    align-items: stretch !important;
    height: auto !important;
    min-height: 0 !important;
    margin: clamp(16px, 5vw, 24px) calc(clamp(16px, 4.6vw, 22px) * -1) 0 !important;
    padding: 8px clamp(16px, 4.6vw, 22px) 18px !important;
    gap: 12px !important;
    scroll-padding-inline: clamp(16px, 4.6vw, 22px) !important;
    mask-image: linear-gradient(90deg, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%) !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%) !important;
  }

  html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk,
  html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk:nth-child(1),
  html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk:nth-child(2),
  html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk:hover {
    flex: 0 0 min(83vw, 372px) !important;
    width: min(83vw, 372px) !important;
    max-width: min(83vw, 372px) !important;
    border-radius: 21px !important;
    transform: translate3d(0, 0, 0) !important;
    filter: none !important;
    scroll-snap-align: start !important;
    contain: layout paint !important;
  }

  html body section#platform .zylo-card-showcase_crmImageMeta___Csrg {
    align-items: center !important;
    gap: 10px !important;
    padding: 13px 13px 10px !important;
  }

  html body section#platform .zylo-card-showcase_crmImageMeta___Csrg > span {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
    border-radius: 12px !important;
    font-size: 0.7rem !important;
  }

  html body section#platform .zylo-card-showcase_crmImageMeta___Csrg strong {
    font-size: clamp(0.95rem, 4.3vw, 1.06rem) !important;
    line-height: 1.04 !important;
  }

  html body section#platform .zylo-card-showcase_crmImageMeta___Csrg p {
    max-width: 28ch !important;
    margin-top: 3px !important;
    font-size: clamp(0.74rem, 3.3vw, 0.82rem) !important;
    line-height: 1.28 !important;
  }

  html body section#platform .zylo-card-showcase_crmImageFrame__RUeQL {
    margin: 0 9px 9px !important;
    border-radius: 15px !important;
  }
}

@media (max-width: 420px) {
  html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk,
  html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk:nth-child(1),
  html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk:nth-child(2),
  html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk:hover {
    flex-basis: min(86vw, 350px) !important;
    width: min(86vw, 350px) !important;
    max-width: min(86vw, 350px) !important;
  }
}

/* zylo-full-page-audit-polish-20260624a
   Tightens long dark entry zones found during fast-scroll QA without changing
   the visual system or hiding content behind runtime mutations. */
html body .zylo-final-refresh--footer {
  padding-top: clamp(118px, 12vw, 176px) !important;
  margin-top: clamp(-124px, -7vw, -72px) !important;
}

/* zylo-crm-mobile-carousel-fit-20260624a
   Keeps the two CRM preview cards stable on touch devices: one readable card
   per snap position, no clipped first card, and no hover transforms on mobile. */
@media (max-width: 760px) {
  html body section#platform .zylo-card-showcase_crmImagePreviewItem__Gy15W {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  html body section#platform .zylo-card-showcase_crmImageShowcase__1mcTq {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: clamp(14px, 4.4vw, 18px) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: clamp(18px, 5vw, 26px) 0 0 !important;
    padding: 8px clamp(14px, 4vw, 18px) 22px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-inline: clamp(14px, 4vw, 18px) !important;
    scroll-behavior: smooth !important;
    overscroll-behavior-x: contain !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x pan-y !important;
    perspective: none !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
    scrollbar-width: none !important;
  }

  html body section#platform .zylo-card-showcase_crmImageShowcase__1mcTq::-webkit-scrollbar {
    display: none !important;
  }

  html body section#platform .zylo-card-showcase_crmImageShowcase__1mcTq::before {
    inset: 18% 8% 10% !important;
    filter: blur(24px) saturate(1.08) !important;
    opacity: 0.5 !important;
  }

  html body section#platform .zylo-card-showcase_crmImageShowcase__1mcTq::after {
    left: 20px !important;
    right: 20px !important;
    top: auto !important;
    bottom: 8px !important;
    opacity: 0.22 !important;
  }

  html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk,
  html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk:nth-child(1),
  html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk:nth-child(2),
  html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk:hover,
  html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk:focus-visible {
    flex: 0 0 min(430px, calc(100vw - 42px)) !important;
    width: min(430px, calc(100vw - 42px)) !important;
    min-width: min(430px, calc(100vw - 42px)) !important;
    max-width: min(430px, calc(100vw - 42px)) !important;
    margin: 0 !important;
    border-radius: clamp(19px, 5vw, 23px) !important;
    transform: translate3d(0, 0, 0) !important;
    transform-style: flat !important;
    filter: none !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
    contain: layout paint style !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.09),
      inset 0 -22px 54px rgba(0, 0, 0, 0.5),
      0 20px 58px rgba(0, 0, 0, 0.46),
      0 0 0 1px rgba(100, 206, 251, 0.035) !important;
  }

  html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk::before {
    opacity: 0.2 !important;
  }

  html body section#platform .zylo-card-showcase_crmImageMeta___Csrg {
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 10px !important;
    padding: 14px 14px 10px !important;
  }

  html body section#platform .zylo-card-showcase_crmImageMeta___Csrg > span {
    width: 36px !important;
    height: 36px !important;
    flex-basis: 36px !important;
    border-radius: 13px !important;
    font-size: 0.72rem !important;
  }

  html body section#platform .zylo-card-showcase_crmImageMeta___Csrg strong {
    display: block !important;
    font-size: clamp(1rem, 4.3vw, 1.14rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.035em !important;
  }

  html body section#platform .zylo-card-showcase_crmImageMeta___Csrg p {
    max-width: 30ch !important;
    margin-top: 4px !important;
    font-size: clamp(0.75rem, 3.35vw, 0.84rem) !important;
    line-height: 1.3 !important;
  }

  html body section#platform .zylo-card-showcase_crmImageFrame__RUeQL {
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    display: grid !important;
    place-items: center !important;
    margin: 0 10px 10px !important;
    overflow: hidden !important;
  }

  html body section#platform .zylo-card-showcase_crmImageFrame__RUeQL img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    transform: translateZ(0) !important;
  }
}

@media (max-width: 420px) {
  html body section#platform .zylo-card-showcase_crmImageShowcase__1mcTq {
    padding-inline: 13px !important;
    scroll-padding-inline: 13px !important;
  }

  html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk,
  html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk:nth-child(1),
  html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk:nth-child(2),
  html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk:hover,
  html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk:focus-visible {
    flex-basis: calc(100vw - 34px) !important;
    width: calc(100vw - 34px) !important;
    min-width: calc(100vw - 34px) !important;
    max-width: calc(100vw - 34px) !important;
  }
}

@media (max-width: 760px) and (prefers-reduced-motion: reduce) {
  html body section#platform .zylo-card-showcase_crmImageShowcase__1mcTq {
    scroll-behavior: auto !important;
  }
}

html body .zylo-final-refresh.zylo-final-refresh--footer {
  --zylo-final-overlap: clamp(72px, 8vh, 118px) !important;
  padding-top: clamp(118px, 12vw, 176px) !important;
  margin-top: clamp(-124px, -7vw, -72px) !important;
  align-items: flex-start !important;
  justify-content: center !important;
}

html body .zylo-final-refresh--footer .zylo-final-refresh__shell {
  margin-top: 0 !important;
}

html body .zylo-final-refresh.zylo-final-refresh--footer .zylo-final-refresh__shell {
  margin-top: 0 !important;
}

html body .zylo-final-refresh--footer .zylo-final-refresh__video {
  opacity: 0.82 !important;
  filter: saturate(1.42) hue-rotate(10deg) contrast(1.16) brightness(0.68) !important;
}

@media (max-width: 760px) {
  html body .zylo-final-refresh--footer {
    padding-top: clamp(74px, 16vw, 118px) !important;
    margin-top: -46px !important;
  }

  html body .zylo-final-refresh.zylo-final-refresh--footer {
    --zylo-final-overlap: 46px !important;
    padding-top: clamp(74px, 16vw, 118px) !important;
    margin-top: -46px !important;
    align-items: flex-start !important;
    justify-content: center !important;
  }

  html body .zylo-final-refresh--footer .zylo-final-refresh__video {
    opacity: 0.74 !important;
    filter: saturate(1.36) hue-rotate(10deg) contrast(1.12) brightness(0.64) !important;
  }
}

/* zylo-final-social-links-20260624b */
html body .zylo-premium-landing_finalProgramNav__jUqdV {
  justify-content: flex-start !important;
}

html body .zylo-premium-landing_finalProgramNav__jUqdV .zylo-premium-landing_finalProgramLinks__Veq6x {
  margin-left: auto !important;
}

html body .zylo-final-socials {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex: 0 0 auto;
  margin-left: clamp(12px, 1.8vw, 24px);
}

html body .zylo-final-refresh__bottom {
  grid-template-columns: auto minmax(0, 1fr) auto !important;
}

html body .zylo-final-refresh__bottom .zylo-final-socials {
  justify-self: end;
  margin-left: 8px;
}

html body .zylo-final-socials__link {
  --zylo-social-accent: #64cefb;
  --zylo-social-glow: rgba(100, 206, 251, 0.22);
  width: 42px;
  height: 42px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(148, 211, 255, 0.22);
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.9);
  background:
    radial-gradient(circle at 30% 18%, rgba(255, 255, 255, 0.11), transparent 30%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.012)),
    rgba(0, 0, 0, 0.56);
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.1),
    0 12px 34px rgba(0, 0, 0, 0.34),
    0 0 26px var(--zylo-social-glow);
  text-decoration: none;
  transform: translateZ(0);
  transition:
    transform 180ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 180ms ease,
    box-shadow 180ms ease,
    background 180ms ease,
    color 180ms ease;
  will-change: transform;
}

html body .zylo-final-socials__link--instagram {
  --zylo-social-accent: #ff7bd8;
  --zylo-social-glow: rgba(255, 123, 216, 0.2);
}

html body .zylo-final-socials__link--facebook {
  --zylo-social-accent: #70a7ff;
  --zylo-social-glow: rgba(112, 167, 255, 0.22);
}

html body .zylo-final-socials__link svg {
  width: 19px;
  height: 19px;
  display: block;
}

html body .zylo-final-socials__link:hover {
  color: #ffffff;
  border-color: var(--zylo-social-accent);
  background:
    radial-gradient(circle at 30% 18%, rgba(255, 255, 255, 0.16), transparent 32%),
    radial-gradient(circle at 70% 82%, var(--zylo-social-glow), transparent 42%),
    rgba(0, 0, 0, 0.68);
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.16),
    0 14px 38px rgba(0, 0, 0, 0.38),
    0 0 34px var(--zylo-social-glow);
  transform: translate3d(0, -2px, 0) scale(1.03);
}

html body .zylo-final-socials__link:focus-visible {
  outline: 2px solid rgba(100, 206, 251, 0.82);
  outline-offset: 3px;
}

@media (max-width: 900px) {
  html body .zylo-premium-landing_finalProgramNav__jUqdV {
    flex-wrap: wrap !important;
    align-items: center !important;
    row-gap: 14px !important;
  }

  html body .zylo-premium-landing_finalProgramLogo__kZBjL {
    order: 1;
  }

  html body .zylo-final-socials {
    order: 2;
    margin-left: auto;
    gap: 8px;
  }

  html body .zylo-final-refresh__bottom {
    grid-template-columns: minmax(0, 1fr) auto !important;
    justify-items: start !important;
    text-align: left !important;
    gap: 8px 12px !important;
    padding-inline: 16px !important;
  }

  html body .zylo-final-refresh__bottom .zylo-final-socials {
    grid-column: 2;
    grid-row: 1 / 3;
    align-self: center;
    justify-self: end;
    margin-left: 0;
  }

  html body .zylo-premium-landing_finalProgramMenu__Gj5hX {
    order: 3;
  }

  html body .zylo-premium-landing_finalProgramNav__jUqdV .zylo-premium-landing_finalProgramLinks__Veq6x {
    order: 4;
    width: 100%;
    margin-left: 0 !important;
  }

  html body .zylo-final-socials__link {
    width: 44px;
    height: 44px;
  }
}

@media (max-width: 360px) {
  html body .zylo-final-refresh__bottom {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
  }

  html body .zylo-final-refresh__bottom .zylo-final-socials {
    grid-column: 1;
    grid-row: auto;
    justify-self: center;
    margin-top: 6px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body .zylo-final-socials__link {
    transition: none !important;
  }

  html body .zylo-final-socials__link:hover {
    transform: none !important;
  }
}

/* zylo-hero-living-fluid-20260624a */
html body .zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_heroVideo__O9DGt.zylo-mainframe-character-video {
  pointer-events: none !important;
  opacity: 0.98 !important;
  object-position: 58% 50% !important;
  background-position: 58% 50% !important;
  filter: none !important;
  mix-blend-mode: screen !important;
  transform: var(--zylo-character-transform, perspective(1200px) translate3d(0, 0, 0) rotateY(0deg) rotate(0deg) scale(1.012)) !important;
  transform-origin: 68% 48% !important;
  transform-style: preserve-3d !important;
  will-change: transform !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
  contain: paint !important;
}

@media (max-width: 700px) {
  html body .zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_heroVideo__O9DGt.zylo-mainframe-character-video {
    opacity: 0.84 !important;
    object-position: 68% 52% !important;
    background-position: 68% 52% !important;
    filter: none !important;
    mix-blend-mode: screen !important;
    transform: var(--zylo-character-transform, translate3d(0, 0, 0) rotate(0deg) scale(0.92)) !important;
    transform-origin: 60% 45% !important;
  }
}

@supports (-webkit-touch-callout: none) {
  @media (max-width: 700px) {
    html body .zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_heroVideo__O9DGt.zylo-mainframe-character-video {
      mix-blend-mode: normal !important;
      opacity: 0.88 !important;
      filter: none !important;
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  html body .zylo-premium-landing_videoHero__9GH63 .zylo-premium-landing_heroVideo__O9DGt.zylo-mainframe-character-video {
    opacity: 0.9 !important;
    transform: translateZ(0) scale(0.98) !important;
    will-change: auto !important;
  }
}

/* zylo-platform-crm-images-restore-20260624a */
html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk {
  opacity: 1 !important;
  visibility: visible !important;
}

html body section#platform .zylo-card-showcase_crmImageFrame__RUeQL,
html body section#platform .zylo-card-showcase_crmImageFrame__RUeQL img {
  opacity: 1 !important;
  visibility: visible !important;
}

@media (min-width: 761px) {
  html body section#platform .zylo-card-showcase_crmImageShowcase__1mcTq {
    column-gap: clamp(22px, 3vw, 42px) !important;
  }

  html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk:nth-child(1) {
    grid-column: 1 / 7 !important;
    z-index: 4 !important;
    transform: translate3d(-1%, 18px, 0) rotate(-1.15deg) scale(0.985) !important;
  }

html body section#platform .zylo-card-showcase_crmImageCard__Pgjlk:nth-child(2) {
  grid-column: 7 / 13 !important;
  z-index: 5 !important;
  transform: translate3d(0, -10px, 0) rotate(1.05deg) scale(1) !important;
}
}

/* zylo-global-map-ultrafluid-20260624b */
html body section[class*="zylo-card-showcase_globalMapBlock"] {
  content-visibility: auto !important;
  contain-intrinsic-size: 780px 720px !important;
}

html body [class*="zylo-card-showcase_globalMapFrame"] {
  width: min(calc(100% - 28px), 1320px) !important;
  min-height: clamp(426px, 35.2vw, 520px) !important;
  aspect-ratio: 2.56 / 1 !important;
  border-color: rgba(127, 232, 255, 0.18) !important;
  background:
    radial-gradient(ellipse 42% 52% at 20% 48%, rgba(17, 176, 159, 0.16), transparent 65%),
    radial-gradient(ellipse 44% 50% at 76% 30%, rgba(91, 96, 255, 0.13), transparent 67%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.032), rgba(255, 255, 255, 0.006)),
    #000 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    inset 0 0 0 1px rgba(128, 221, 255, 0.035),
    inset 0 -42px 82px rgba(0, 0, 0, 0.62),
    0 24px 68px rgba(0, 0, 0, 0.46) !important;
  backface-visibility: hidden !important;
}

html body [class*="zylo-card-showcase_globalMapFrame"]::before {
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.74), transparent 16%, transparent 84%, rgba(0, 0, 0, 0.76)),
    linear-gradient(180deg, rgba(0, 0, 0, 0.2), transparent 22%, transparent 76%, rgba(0, 0, 0, 0.52)),
    radial-gradient(ellipse 34% 48% at 35% 40%, rgba(96, 228, 255, 0.13), transparent 60%),
    radial-gradient(ellipse 31% 42% at 70% 34%, rgba(147, 113, 255, 0.11), transparent 62%) !important;
  opacity: 0.86 !important;
}

html body [class*="zylo-card-showcase_globalMapFrame"]::after {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, 0.014) 1px, transparent 1px),
    linear-gradient(135deg, rgba(94, 244, 220, 0.075), transparent 24%, transparent 76%, rgba(125, 130, 255, 0.07)) !important;
  background-size: 64px 64px, 64px 64px, 100% 100% !important;
  opacity: 0.2 !important;
}

html body [class*="zylo-card-showcase_globalMapImage"] {
  opacity: 0.76 !important;
  filter: saturate(1.14) contrast(1.09) brightness(0.91) !important;
  transform: scale(1.01) translate3d(0, 0, 0) !important;
}

html body [class*="zylo-card-showcase_globalMapAtmosphere"] {
  background:
    radial-gradient(ellipse at 16% 31%, rgba(31, 214, 196, 0.14), transparent 38%),
    radial-gradient(ellipse at 49% 52%, rgba(95, 232, 217, 0.07), transparent 38%),
    radial-gradient(ellipse at 79% 23%, rgba(134, 104, 255, 0.13), transparent 40%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.58), transparent 27%, transparent 74%, rgba(0, 0, 0, 0.6)) !important;
  opacity: 0.9 !important;
  animation-duration: 11s !important;
}

html body [class*="zylo-card-showcase_globalMapFrame"] svg {
  shape-rendering: geometricPrecision !important;
  text-rendering: geometricPrecision !important;
}

html body [class*="zylo-card-showcase_globalMapRouteBase"] {
  stroke: rgba(121, 214, 255, 0.17) !important;
  stroke-width: 0.46 !important;
}

html body [class*="zylo-card-showcase_globalMapRouteGlow"] {
  stroke: rgba(96, 213, 251, 0.32) !important;
  stroke-width: 0.86 !important;
  filter: none !important;
  opacity: 0.68 !important;
}

html body [class*="zylo-card-showcase_globalMapRouteActive"] {
  stroke: rgba(128, 232, 255, 0.9) !important;
  stroke-width: 0.92 !important;
  stroke-dasharray: 7 14 !important;
  animation: zyloGlobalMapRouteFlowUltra 2.15s linear infinite !important;
  filter: drop-shadow(0 0 4px rgba(100, 206, 251, 0.34)) !important;
}

html body [class*="zylo-card-showcase_globalMapRouteIdle"] {
  stroke: rgba(155, 185, 255, 0.13) !important;
  opacity: 0.38 !important;
}

html body [class*="zylo-card-showcase_globalMapComet"] {
  opacity: 0.82 !important;
  filter: drop-shadow(0 0 6px rgba(100, 206, 251, 0.54)) !important;
}

html body [class*="zylo-card-showcase_globalMapPoint"],
html body [class*="zylo-card-showcase_globalMapHub"] {
  filter: drop-shadow(0 0 4px rgba(94, 234, 212, 0.52)) !important;
  stroke-width: 0.5 !important;
}

html body [class*="zylo-card-showcase_globalMapHubAura"],
html body [class*="zylo-card-showcase_globalMapFlagAura"] {
  opacity: 0.42 !important;
  filter: none !important;
  animation-duration: 4.25s !important;
}

html body [class*="zylo-card-showcase_globalMapFlagShell"] {
  filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.48)) !important;
  transition: transform 160ms ease, opacity 160ms ease !important;
}

html body [class*="zylo-card-showcase_globalMapFlagShell"]:hover {
  transform: scale(1.06) !important;
  filter: drop-shadow(0 8px 15px rgba(0, 0, 0, 0.52)) !important;
}

html body [class*="zylo-card-showcase_globalMapLabel"],
html body [class*="zylo-card-showcase_globalMapHubLabel"] {
  stroke: rgba(0, 0, 0, 0.94) !important;
  stroke-width: 2.65px !important;
  fill: rgba(255, 255, 255, 0.92) !important;
  filter: none !important;
}

html body [class*="zylo-card-showcase_globalMapStats"] {
  filter: none !important;
}

html body [class*="zylo-card-showcase_globalMapStatPills"] {
  gap: 8px !important;
  max-width: 452px !important;
}

html body [class*="zylo-card-showcase_globalMapStatPills"] span {
  min-height: 34px !important;
  padding: 7px 14px !important;
  border-color: rgba(210, 248, 255, 0.17) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.014)),
    rgba(0, 4, 12, 0.88) !important;
  -webkit-backdrop-filter: blur(9px) saturate(1.06) !important;
  backdrop-filter: blur(9px) saturate(1.06) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 10px 22px rgba(0, 0, 0, 0.26) !important;
}

@keyframes zyloGlobalMapRouteFlowUltra {
  from { stroke-dashoffset: 0; }
  to { stroke-dashoffset: -84; }
}

@media (max-width: 980px) {
  html body [class*="zylo-card-showcase_globalMapFrame"] {
    width: min(calc(100% - 18px), 900px) !important;
    min-height: clamp(352px, 55vw, 430px) !important;
    aspect-ratio: 1.78 / 1 !important;
  }

  html body [class*="zylo-card-showcase_globalMapRouteActive"] {
    animation-duration: 2.35s !important;
  }
}

@media (max-width: 640px) {
  html body section[class*="zylo-card-showcase_globalMapBlock"] {
    margin-top: 30px !important;
    margin-bottom: 42px !important;
    padding-inline: 6px !important;
    contain-intrinsic-size: 390px 560px !important;
  }

  html body [class*="zylo-card-showcase_globalMapIntro"] {
    margin-bottom: 14px !important;
  }

  html body [class*="zylo-card-showcase_globalMapFrame"] {
    width: calc(100% - 8px) !important;
    min-height: clamp(360px, 98vw, 430px) !important;
    aspect-ratio: 0.98 / 1 !important;
    border-radius: 20px !important;
    background:
      radial-gradient(ellipse 70% 45% at 28% 40%, rgba(19, 188, 172, 0.15), transparent 68%),
      radial-gradient(ellipse 78% 46% at 80% 24%, rgba(98, 100, 255, 0.11), transparent 70%),
      #000 !important;
  }

  html body [class*="zylo-card-showcase_globalMapImage"],
  html body [class*="zylo-card-showcase_globalMapSvg"] {
    width: 166% !important;
    left: -34% !important;
  }

  html body [class*="zylo-card-showcase_globalMapRouteGlow"],
  html body [class*="zylo-card-showcase_globalMapRouteIdle"] {
    opacity: 0.28 !important;
  }

  html body [class*="zylo-card-showcase_globalMapRouteActive"] {
    stroke-width: 0.82 !important;
    stroke-dasharray: 7 15 !important;
    animation-duration: 2.6s !important;
    filter: none !important;
  }

  html body [class*="zylo-card-showcase_globalMapLabel"],
  html body [class*="zylo-card-showcase_globalMapHubLabel"] {
    font-size: 6px !important;
    stroke-width: 1.95px !important;
  }

  html body [class*="zylo-card-showcase_globalMapStats"] {
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
  }

  html body [class*="zylo-card-showcase_globalMapStatPills"] {
    gap: 6px !important;
  }

  html body [class*="zylo-card-showcase_globalMapStatPills"] span {
    min-height: 28px !important;
    padding: 5px 8px !important;
    font-size: clamp(0.5rem, 2.3vw, 0.58rem) !important;
    letter-spacing: 0.048em !important;
  }
}

@media (max-width: 420px) {
  html body [class*="zylo-card-showcase_globalMapImage"],
  html body [class*="zylo-card-showcase_globalMapSvg"] {
    width: 176% !important;
    left: -39% !important;
  }

  html body [class*="zylo-card-showcase_globalMapStatPills"] span {
    max-width: calc(50% - 4px) !important;
    white-space: nowrap !important;
  }
}