dialog.feature-promotion-popup{position:fixed;inset:auto 0 0;margin:0 auto;width:min(100%,460px);height:min(calc(430px + env(safe-area-inset-bottom,0px)),86dvh);max-width:100%;max-height:86dvh;border:0;border-radius:26px 26px 0 0;padding:12px 20px calc(18px + env(safe-area-inset-bottom,0px));box-sizing:border-box;background:#fff;color:#172e27;box-shadow:0 -10px 38px #092b2526;font-family:Arial,sans-serif;line-height:1.45;overflow:hidden}
dialog.feature-promotion-popup[open]{display:flex;flex-direction:column;animation:feature-promo-slide .35s cubic-bezier(.2,.8,.2,1)}
dialog.feature-promotion-popup::backdrop{background:#09231e99}
.feature-promo-top{position:relative;flex:0 0 45px}
.feature-promo-handle{display:block;width:34px;height:4px;border-radius:3px;background:#c8d7d0;margin:0 auto}
.feature-promo-close{position:absolute;top:0;right:0;width:44px;height:44px;padding:13px;border:0;border-radius:50%;background:#eef3ef;color:#52675d;display:grid;place-items:center;cursor:pointer}
.feature-promo-close svg{width:17px;height:17px}
.feature-promo-body{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding-bottom:3px;scrollbar-width:thin}
.feature-promo-heading{display:flex;align-items:center;gap:12px}
.feature-promo-heading h2{font-size:20px;line-height:1.25;font-weight:700;letter-spacing:-.4px;margin:0;color:#172e27}
.feature-promo-badge{width:48px;height:48px;flex:0 0 48px;border-radius:15px;background:#e5f4ec;color:#126b55;display:grid;place-items:center}
.feature-promo-badge svg{width:26px;height:26px}
.feature-promo-subtitle{font-size:14px;font-weight:600;line-height:1.45;margin:14px 0 16px;color:#254f40}
.feature-promo-steps{list-style:none;display:grid;gap:13px;margin:0;padding:0}
.feature-promo-steps li{display:flex;align-items:flex-start;gap:11px;font-size:12px;line-height:1.5;color:#586b62}
.feature-promo-step-icon{width:32px;height:32px;flex:0 0 32px;border-radius:10px;background:#eef6f0;color:#126b55;display:grid;place-items:center}
.feature-promo-step-icon svg{width:16px;height:16px}
.feature-promo-steps strong{display:block;color:#284639;font-size:13px;font-weight:600;line-height:1.5;margin:0 0 1px}
.feature-promo-action{display:flex;align-items:center;justify-content:center;gap:8px;flex:0 0 48px;width:100%;min-height:48px;margin:12px 0 0;padding:12px;border:0;border-radius:14px;background:#126b55;color:#fff;font-family:inherit;font-size:14px;line-height:1.3;font-weight:600;cursor:pointer}
.feature-promo-action svg{width:17px;height:17px}
.feature-promo-foot{flex-shrink:0;margin:11px 0 0;text-align:center;font-size:11px;line-height:1.45;color:#65746e}
.feature-promo-close:focus-visible,.feature-promo-action:focus-visible{outline:3px solid #85bca4;outline-offset:2px}
@keyframes feature-promo-slide{from{transform:translateY(100%)}to{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){dialog.feature-promotion-popup[open]{animation:none}}