.inerva-install-prompt {
  --install-gold: #e2c36f;
  --install-navy: #061830;
  position: fixed;
  z-index: 10000;
  right: max(1.25rem, env(safe-area-inset-right));
  bottom: max(1.25rem, env(safe-area-inset-bottom));
  width: min(27rem, calc(100vw - 2.5rem));
  padding: 1.15rem;
  color: #f8f4e9;
  border: 1px solid rgb(226 195 111 / 48%);
  background:
    radial-gradient(circle at 90% 0%, rgb(53 149 214 / 16%), transparent 42%),
    linear-gradient(145deg, rgb(8 33 61 / 98%), rgb(3 19 37 / 99%));
  box-shadow: 0 1.6rem 4rem rgb(0 8 21 / 48%), inset 0 1px rgb(255 255 255 / 6%);
  animation: inerva-install-enter 440ms cubic-bezier(.2, .75, .2, 1) both;
  font-family: "Montserrat", system-ui, sans-serif;
}

.inerva-install-prompt[hidden] { display: none; }

.inerva-install-prompt__close {
  position: absolute;
  top: .65rem;
  right: .65rem;
  display: grid;
  width: 2.5rem;
  height: 2.5rem;
  place-items: center;
  padding: 0;
  color: #b9c7d7;
  border: 0;
  background: transparent;
  font: inherit;
  font-size: 1.45rem;
  cursor: pointer;
}

.inerva-install-prompt__close:hover,
.inerva-install-prompt__close:focus-visible { color: var(--install-gold); }

.inerva-install-prompt__identity {
  display: grid;
  grid-template-columns: 4.25rem minmax(0, 1fr);
  gap: 1rem;
  align-items: center;
  padding-right: 2rem;
}

.inerva-install-prompt__icon {
  width: 4.25rem;
  aspect-ratio: 1;
  border: 1px solid rgb(226 195 111 / 50%);
  border-radius: 1rem;
  box-shadow: 0 .6rem 1.5rem rgb(0 0 0 / 25%);
}

.inerva-install-prompt__kicker {
  margin: 0 0 .3rem;
  color: var(--install-gold);
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .2em;
  text-transform: uppercase;
}

.inerva-install-prompt h2 {
  margin: 0;
  color: #fff;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(1.65rem, 5vw, 2.05rem);
  font-weight: 500;
  line-height: 1;
}

.inerva-install-prompt__copy {
  margin: 1rem 0 .45rem;
  color: #d6dfeb;
  font-size: .9rem;
  line-height: 1.65;
}

.inerva-install-prompt__benefit {
  display: flex;
  gap: .5rem;
  align-items: center;
  margin: 0;
  color: #91a6bc;
  font-size: .74rem;
  line-height: 1.5;
}

.inerva-install-prompt__benefit::before {
  width: .42rem;
  height: .42rem;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--install-gold);
  box-shadow: 0 0 .75rem rgb(226 195 111 / 65%);
  content: "";
}

.inerva-install-prompt__actions {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: .65rem;
  margin-top: 1rem;
}

.inerva-install-prompt__install,
.inerva-install-prompt__later {
  min-height: 3rem;
  padding: .7rem 1rem;
  border: 1px solid transparent;
  font: inherit;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .035em;
  cursor: pointer;
}

.inerva-install-prompt__install {
  color: #08182b;
  border-color: #f2d987;
  background: linear-gradient(115deg, #b78923, #f3dc8c 58%, #c69c38);
  box-shadow: 0 .6rem 1.5rem rgb(205 160 54 / 18%);
}

.inerva-install-prompt__later {
  color: #b8c7d8;
  border-color: rgb(141 160 180 / 30%);
  background: rgb(255 255 255 / 3%);
}

.inerva-install-prompt__install:hover,
.inerva-install-prompt__install:focus-visible,
.inerva-install-prompt__later:hover,
.inerva-install-prompt__later:focus-visible {
  transform: translateY(-1px);
  filter: brightness(1.08);
}

.inerva-install-prompt.is-success .inerva-install-prompt__actions,
.inerva-install-prompt.is-success .inerva-install-prompt__benefit,
.inerva-install-prompt.is-success .inerva-install-prompt__close { display: none; }

@keyframes inerva-install-enter {
  from { opacity: 0; transform: translateY(1.25rem) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 760px) {
  .inerva-install-prompt {
    right: max(.75rem, env(safe-area-inset-right));
    bottom: calc(5.8rem + env(safe-area-inset-bottom));
    left: max(.75rem, env(safe-area-inset-left));
    width: auto;
    padding: 1rem;
  }

  .inerva-install-prompt__identity { grid-template-columns: 3.75rem minmax(0, 1fr); }
  .inerva-install-prompt__icon { width: 3.75rem; }
}

@media (prefers-reduced-motion: reduce) {
  .inerva-install-prompt { animation: none; }
  .inerva-install-prompt__install,
  .inerva-install-prompt__later { transition: none; }
}