/* Shared index typography in mobile browsers, PWA and Android WebView. */
.unipay-home-app-invitation {
  box-sizing:border-box;max-width:900px;margin:20px auto;padding:18px 22px;text-align:left;
  border:1px solid rgba(106,231,255,.42);border-radius:18px;
  background:linear-gradient(115deg,rgba(5,39,59,.9),rgba(18,24,51,.85));
  box-shadow:inset 0 0 20px rgba(84,224,255,.045);
}
.unipay-home-app-invitation h2 { margin:0 0 10px;font-size:1.25rem;line-height:1.3;color:#e8fbff; }
.unipay-home-app-invitation p { margin:0 0 14px;font:400 15px/1.6 system-ui,sans-serif;color:#c5e2ec; }
.unipay-home-app-invitation > :is(a,button) {
  display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;padding:10px 15px;
  border:1px solid #7beaff;border-radius:12px;background:rgba(33,115,143,.3);
  color:#e8fdff;font:600 14px/1.4 system-ui,sans-serif;text-decoration:none;cursor:pointer;
}
.unipay-home-app-invitation > :is(a,button):hover { background:rgba(45,143,174,.45); }
.unipay-home-app-invitation > :is(a,button):focus-visible { outline:2px solid #96edff;outline-offset:3px; }
.unipay-app-tools-presentation-actions button{display:inline-flex;align-items:center;min-height:44px;padding:11px 15px;border:1px solid #7beaff;border-radius:12px;background:rgba(33,115,143,.3);color:#e8fdff;font:600 14px/1.4 system-ui,sans-serif;cursor:pointer}
@media(max-width:600px){.unipay-home-app-invitation{padding:14px;margin:16px 0}.unipay-home-app-invitation > :is(a,button){width:100%;justify-content:center;text-align:center}}
.unipay-context-title-icon {
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  margin-inline-end: .4em;
  vertical-align: -.22em;
  color: #76eaff;
  border-radius: 50%;
  transform-origin: center;
  animation: unipay-title-icon-journey 8s ease-in-out infinite;
}
.unipay-context-title-icon:nth-child(1) { animation-delay: -.8s; }
.unipay-context-title-icon:focus-visible {
  outline: 2px solid #76eaff;
  outline-offset: 4px;
}
.unipay-context-title-icon:hover { filter: drop-shadow(0 0 5px #76eaff); }
@keyframes unipay-title-icon-journey {
  0%, 100% { transform: rotate(0deg) scale(1); }
  18% { transform: rotate(-6deg) scale(1.03); }
  36% { transform: rotate(6deg) scale(1.07); }
  56% { transform: rotate(0deg) scale(1.16); }
  78% { transform: rotate(-3deg) scale(1.04); }
}
@media (prefers-reduced-motion: reduce) {
  .unipay-context-title-icon { animation: none; transform: none; }
  html.unipay-page-index .unipay-title-main { animation:none!important;filter:none!important; }
}
.unipay-context-title-icon :is(img, svg) {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.unipay-context-title-icon[data-context="ecosystem"] img { border-radius: 50%; }
@media (max-width: 820px) {
  html.unipay-page-index body.unipay-page-index main :is(h1, h2, h3) {
    min-width: 0;
    max-width: 100%;
    line-height: 1.25 !important;
    letter-spacing: .015em !important;
    overflow-wrap: anywhere;
    text-wrap: balance;
  }
  html.unipay-page-index body.unipay-page-index main :is(h1, .unipay-title-main) {
    font-size: clamp(1.35rem, 5.4vw, 1.85rem) !important;
    margin-block: .6rem .9rem !important;
  }
  html.unipay-page-index body.unipay-page-index main h2 {
    font-size: clamp(1.075rem, 4.3vw, 1.35rem) !important;
    margin-block: .5rem .65rem !important;
  }
  html.unipay-page-index body.unipay-page-index main h3 {
    font-size: clamp(.95rem, 3.8vw, 1.1rem) !important;
    margin-block: .35rem .5rem !important;
  }
  html.unipay-page-index .unipay-title-mobile-break { display: none; }
  html.unipay-page-index body.unipay-page-index main :is(p, li, dd, blockquote) {
    font-size: clamp(.9rem, 3.8vw, 1rem) !important;
    line-height: 1.6 !important;
    overflow-wrap: anywhere;
  }
  html.unipay-page-index .unipay-hero-section > .ecosystem-kicker {
    font-size: .68rem;
    line-height: 1.4;
    letter-spacing: .075em;
    flex-wrap: wrap;
  }
}