.appbn{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 74px;grid-template-areas:"txt art" "cta cta";gap:12px 14px;align-items:center;margin:14px 0;padding:16px 16px 14px;border-radius:20px;background:radial-gradient(120% 140% at 100% 0,color-mix(in srgb,var(--accent) 22%,var(--surface)),var(--surface) 62%);border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line))}.appbn-txt{grid-area:txt;min-width:0;display:flex;flex-direction:column;gap:4px;padding-right:8px}.appbn-kicker{font:700 11.5px var(--b);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.appbn-title{margin:0;font:800 22px/1.02 var(--d);text-transform:uppercase;letter-spacing:.01em;color:var(--text);text-wrap:balance}.appbn-sub{margin:2px 0 0;color:var(--text2);font-size:13.5px;line-height:1.4}.appbn-art{grid-area:art;position:relative;align-self:start;margin-top:34px;height:104px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}.appbn-tv{display:none}.appbn-phone{display:block;width:70px;padding:3px;border-radius:13px;background:#050608;box-shadow:0 0 0 1px #2c323c}.appbn-phone img{display:block;width:100%;height:auto;border-radius:10px}.appbn-cta{grid-area:cta;min-height:46px;font-size:15.5px;font-weight:700;display:flex;align-items:center;justify-content:center;text-decoration:none}.appbn-x{position:absolute;top:8px;right:8px;z-index:1;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:color-mix(in srgb,var(--bg) 70%,transparent);border:1px solid var(--line);color:var(--text2)}.appbn-x:hover{color:var(--text)}@media (min-width:720px){.appbn{grid-template-columns:230px 1fr auto;grid-template-areas:"art txt cta";gap:22px;padding:14px 52px 14px 16px}.appbn-art{align-self:stretch;margin:0;height:auto;min-height:116px;overflow:visible;-webkit-mask-image:none;mask-image:none}.appbn-tv{display:block;position:absolute;left:0;top:50%;width:190px;transform:translateY(-50%);padding:4px 4px 5px;border-radius:8px;background:#050608;box-shadow:0 0 0 1px #2c323c,0 14px 34px rgba(0,0,0,.5)}.appbn-tv img{display:block;width:100%;height:auto;border-radius:4px}.appbn-phone{position:absolute;top:50%;right:4px;width:62px;transform:translateY(-46%) rotate(4deg);box-shadow:0 0 0 1px #2c323c,0 14px 34px rgba(0,0,0,.5)}.appbn-title{font-size:26px}.appbn-cta{padding-inline:22px}}