.myaccess-case .access-animation-board{width:300px;max-width:100%;margin-inline:auto}
.myaccess-case .access-animation-board .device-phone{width:300px;max-width:100%;border-radius:24px!important}
.myaccess-case .access-animation-screen{position:relative;aspect-ratio:9/19.5;overflow:hidden!important;border-radius:20px!important}
.access-animation-layer{position:absolute;inset:0;opacity:0;overflow:hidden;pointer-events:none}
.access-animation-layer:first-child{opacity:1}
.access-animation-layer>div{will-change:transform}
.myaccess-case .access-animation-board figcaption{margin-bottom:12px;min-height:0}
.access-tap{position:absolute;z-index:10;width:16px;height:16px;border-radius:50%;background:#579fa5;box-shadow:0 0 0 9px #579fa526,0 0 20px 8px #579fa542;transform:translate(-50%,-50%);opacity:0;pointer-events:none}
.access-animation-board .phone-hover-cue{display:none!important}
.access-animation-board .wireframe-dots{display:flex;justify-content:center;gap:4px;margin-top:12px}
.access-animation-board .wireframe-dots button{display:grid;place-items:center;width:32px;height:32px;padding:4px;border:0;background:none;cursor:pointer;border-radius:16px}
.access-animation-board .wireframe-dots span{display:block;width:7px;height:7px;border:1px solid #7a9198;border-radius:10px}
.access-animation-board .wireframe-dots [aria-pressed=true] span{width:25px;background:#347d83;border-color:#347d83}
.access-animation-board .wireframe-dots button:hover{background:#347d8310}.access-animation-board .wireframe-dots button:focus-visible{outline:2px solid #347d83;outline-offset:3px}
@media(max-width:750px){.myaccess-case .access-animation-board{width:290px}}
/* Match the inner glass radius to the handset edge; no white corner wedges. */
body.myaccess-case .access-animation-board .device-phone{background:linear-gradient(#000,#000) padding-box,var(--client-frame) border-box!important}
body.myaccess-case .access-animation-board .device-phone .access-animation-screen{border-radius:20px!important;background:#000!important}

/* High-contrast touch cue stays centered over the original button or campaign tile. */
.access-animation-screen .access-tap{width:20px;height:20px;background:#579fa5;border:2px solid #fff;box-shadow:0 0 0 7px #579fa555,0 0 0 12px #ffffff50,0 0 22px 10px #579fa580}
