.maranto-install {
  box-sizing: border-box;
  width: min(440px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  padding: 30px 28px 24px;
  margin: auto;
  overflow-y: auto;
  border: 1px solid #e5e9f2;
  border-radius: 26px;
  background: #fff;
  color: #0b1f4b;
  text-align: center;
  font-family: 'Vazirmatn', sans-serif;
  box-shadow: 0 24px 80px #06123340;
}
.maranto-install[open] { animation: maranto-install-in 180ms ease-out; }
.maranto-install::backdrop { background: #06123399; backdrop-filter: blur(5px); }
.maranto-install-close { position: absolute; top: 12px; left: 12px; border: 0; background: #f3f5fa; border-radius: 50%; width: 32px; height: 32px; color: #64748b; font-size: 25px; cursor: pointer; }
.maranto-install-icon { display: grid; place-items: center; width: 84px; height: 84px; margin: 0 auto 18px; border: 1px solid #dbe5f5; border-radius: 24px; background: #f3f6fc; }
.maranto-install-icon img { object-fit: contain; }
.maranto-install-eyebrow { margin: 0 0 8px; color: #ff5a1f; font-size: 12px; font-weight: 700; }
.maranto-install h2 { margin: 0 0 12px; font-size: 21px; line-height: 1.7; font-weight: 800; }
.maranto-install #maranto-install-description { margin: 0; color: #64748b; font-size: 13px; line-height: 2; }
.maranto-install-benefits { display: flex; flex-wrap: wrap; justify-content: center; gap: 7px; margin: 20px 0; }
.maranto-install-benefits span { border-radius: 20px; padding: 5px 10px; color: #395786; background: #f0f5fd; font-size: 10px; font-weight: 500; }
.maranto-install-actions { display: grid; gap: 9px; }
.maranto-install-actions button { min-height: 46px; border: none; border-radius: 13px; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
.maranto-install-primary { background: #0b1f4b; color: white; }
.maranto-install-primary:hover { background: #16386e; }
.maranto-install-primary:disabled { opacity: .6; cursor: wait; }
.maranto-install-later { background: #f3f5fa; color: #64748b; }
.maranto-install-help { margin: 0 0 16px; padding: 13px; background: #fff8ee; color: #845817; border-radius: 12px; font-size: 12px; line-height: 2; text-align: right; }
.maranto-install button:focus-visible { outline: 3px solid #1e8bff; outline-offset: 3px; }
@keyframes maranto-install-in { from { opacity: 0; transform: translateY(10px) scale(.98); } to { opacity: 1; transform: none; } }
@media (max-width: 400px) { .maranto-install { padding: 28px 20px 20px; border-radius: 22px; } .maranto-install h2 { font-size: 19px; } }
@media (prefers-reduced-motion: reduce) { .maranto-install[open] { animation: none; } }