/* Four semantic steps; original app screenshots and card artwork. */
html body .doplock-how-v76{padding:40px 0 48px;scroll-margin-top:110px}
.doplock-how-shell-v76{width:calc(100% - 64px);max-width:1240px;margin:auto}
.doplock-how-shell-v76>header{text-align:center;margin:0 0 26px}
.doplock-how-shell-v76 h2{font-size:clamp(28px,3vw,42px);line-height:1.1;margin:8px 0;color:#111;letter-spacing:-.045em}
.doplock-how-track-v76{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:0}
.doplock-how-step-v76{min-width:0;overflow:hidden;background:#fff;border:1px solid #eae5df;border-radius:26px;box-shadow:0 14px 32px #241a1006}
.doplock-how-visual-v76{height:326px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 80%,#ded7cc 0%,#f8f5ef 65%);overflow:hidden}
.doplock-how-phone-v76{width:124px;border:5px solid #171717;border-radius:23px;background:#111;overflow:hidden;box-shadow:8px 16px 22px #0003;transform:rotate(-7deg)}
.doplock-how-phone-v76>img{display:block;width:100%;height:auto}
.doplock-how-step-v76:nth-child(even) .doplock-how-phone-v76{transform:rotate(7deg)}
.doplock-how-step-v76:last-child .doplock-how-phone-v76{transform:translateY(24px) rotate(-7deg)}
.doplock-how-card-v76{position:absolute;top:26px;left:50%;width:168px!important;height:auto!important;transform:translateX(-47%) rotate(-7deg);filter:drop-shadow(0 5px 4px #0004)}
.doplock-how-copy-v76{display:flex;align-items:flex-start;gap:10px;padding:20px 16px 24px}
.doplock-how-copy-v76>span{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:50%;background:#ff7418;color:#111;font-size:13px;font-weight:800}
.doplock-how-copy-v76 h3{font-size:19px;line-height:1.2;letter-spacing:-.025em;margin:4px 0 9px;color:#111}
.doplock-how-copy-v76 p{font-size:14px;line-height:1.55;color:#62616a;margin:0}
.doplock-how-apps-v76{background:#fff;min-height:248px;padding:27px 8px 14px;color:#111}
.doplock-how-apps-v76>small{display:block;font-size:8px;color:#777;margin-bottom:10px}
.doplock-how-apps-v76>strong{font-size:11px;display:block;margin-bottom:15px}
.doplock-how-apps-v76>div{display:flex;align-items:center;gap:4px;border-bottom:1px solid #eee;padding:9px 0;font-size:7px}
.doplock-how-apps-v76 b{background:var(--app-color);color:white;border-radius:4px;width:17px;height:17px;display:grid;place-items:center;font-size:8px}
.doplock-how-apps-v76 i{margin-left:auto;background:#ff7418;color:#fff;font-style:normal;border-radius:50%;width:11px;height:11px;text-align:center;line-height:11px}
.doplock-how-swipe-v76{display:none}
.doplock-how-track-v76:focus-visible{outline:2px solid #b94c10;outline-offset:5px;border-radius:26px}
@media(min-width:783px) and (max-width:1050px){.doplock-how-track-v76{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:782px){
 html body .doplock-how-v76{padding:24px 0 28px}
 .doplock-how-shell-v76{width:100%;max-width:none}
 .doplock-how-shell-v76>header{padding:0 20px;margin-bottom:18px}
 .doplock-how-track-v76{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:18px;padding:0 18px 18px;gap:12px;overscroll-behavior-x:contain}
 .doplock-how-step-v76{flex:0 0 86%;scroll-snap-align:start;max-width:360px}
 .doplock-how-visual-v76{height:310px}
 .doplock-how-phone-v76{width:124px}
 .doplock-how-copy-v76{padding:17px 18px 21px}
 .doplock-how-copy-v76 h3{font-size:21px}
 .doplock-how-copy-v76 p{font-size:14px}
 .doplock-how-swipe-v76{display:block;text-align:center;font-size:12px;color:#737078;margin:0 16px}
}

/* V77: clean card edge and original iOS activity picker. */
html body .doplock-how-card-v76{
 width:155px!important;top:36px;
 clip-path:inset(1.2% round 8px);
 border:0!important;border-radius:9px;
 filter:drop-shadow(0 3px 2px #0002);
 transform:translateX(-43%) rotate(-7deg);
}
html body .doplock-how-step-v76:nth-child(1) .doplock-how-phone-v76{
 transform:rotate(5deg);background:#1d1d1f;
}