.td-pwa-install-box{
  position:fixed;
  left:18px;
  right:18px;
  bottom:18px;
  z-index:10000;
  max-width:560px;
  margin:auto;
  background:#fff;
  border:1px solid #dbe7f3;
  border-radius:20px;
  box-shadow:0 18px 55px rgba(4,39,88,.24);
  padding:14px 48px 14px 14px;
  display:flex;
  align-items:center;
  gap:12px;
}
.td-pwa-install-logo{
  width:44px;height:44px;border-radius:14px;
  background:#eef8fb;color:#07306b;
  display:flex;align-items:center;justify-content:center;
  font-size:23px;flex:0 0 auto;
}
.td-pwa-install-text{flex:1;color:#07306b;line-height:1.25}
.td-pwa-install-text strong{display:block;font-size:15px}
.td-pwa-install-text small{display:block;color:#66788a;margin-top:3px}
#tdPwaInstallBtn{
  border:0;background:#07306b;color:#fff;border-radius:999px;
  padding:9px 16px;font-weight:800;white-space:nowrap;
}
#tdPwaInstallClose{
  position:absolute;right:15px;top:9px;font-size:24px;color:#789;cursor:pointer;
}
.pwa-install-hero{
  background:linear-gradient(135deg,#07306b,#10a9be);
  color:#fff;
  border-radius:28px;
  padding:42px;
  box-shadow:0 18px 45px rgba(4,39,88,.18);
}
.pwa-install-hero h1{font-size:42px;font-weight:900;margin:12px 0}
.pwa-install-hero p{font-size:18px;max-width:720px;opacity:.95}
.pwa-pill{
  display:inline-block;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  font-weight:800;
}
.pwa-info-card{
  background:#fff;
  border:1px solid #e2edf4;
  border-radius:22px;
  padding:22px;
  height:100%;
  box-shadow:0 12px 28px rgba(4,39,88,.07);
}
.pwa-icon{font-size:34px;margin-bottom:10px}
.pwa-info-card h4{color:#07306b;font-weight:900}
.pwa-info-card p{color:#66788a}
@media(max-width:600px){
  .td-pwa-install-box{left:10px;right:10px;bottom:10px;padding-right:42px}
  .pwa-install-hero{padding:28px}
  .pwa-install-hero h1{font-size:30px}
}