@media(max-width:767px){html,body{overflow-x:clip}main .grid>*{min-width:0}#recovery-signal .grid{grid-template-columns:minmax(0,1fr)}#recovery-signal .grid>*{max-width:100%;min-width:0}#recovery-signal button.w-full{padding:24px!important}#recovery-signal h3{overflow-wrap:anywhere}#recovery-signal [class~="p-12"]{padding:24px!important}#recovery-capability-frame{overflow-x:auto;overflow-y:hidden;max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}#recovery-capability-diagram{width:750px!important;min-width:750px!important;max-width:none!important}#recovery-capability-frame:focus-visible{outline:2px solid #ec6334;outline-offset:3px}#recovery-carousel-controls{top:auto!important;bottom:-64px!important;transform:none!important;justify-content:center!important;gap:16px}#recovery-carousel-row{margin-bottom:112px!important}#recovery-carousel-controls button{border-radius:3px;min-width:48px;min-height:48px}footer h2 span{color:#b8b8c5!important}}

/* Keep the recovered dashboard visible when scroll animation state is stale. */
main section:first-of-type .relative.mx-auto.max-w-6xl:has(>img[alt="Brandzen Dashboard"]){opacity:1!important;transform:none!important}
footer h2 span{color:#b8b8c5!important}