@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600&display=swap');
body{font-family:'DM Sans',sans-serif;margin:0;padding:24px;background:#fafafa;color:#111;}
h1{font-size:28px;font-weight:600;margin-bottom:16px;}
.step-card{background:white;padding:20px;border-radius:16px;margin-bottom:20px;box-shadow:0 2px 6px rgba(0,0,0,0.06);}
/* updated */
.step-card .step-img {
    width: 100%;
    border-radius: 12px;
    margin-top: 12px;
}
.button{display:block;text-align:center;padding:16px;background:black;color:white;border-radius:12px;text-decoration:none;font-weight:600;margin-top:30px;}
.inline-icon{width:14px;vertical-align:middle;margin:0 4px;border-radius:0;}
.progress{height:6px;background:#e5e5e5;border-radius:3px;margin-bottom:20px;}
.bar{height:6px;background:black;border-radius:3px;}
.step-label{font-size:14px;color:#555;margin-bottom:8px;}

.inline-icon{height:18px;vertical-align:middle;margin:0 4px;}

.inline-icon{height:18px;width:auto;display:inline-block !important;vertical-align:middle;margin:0 4px;}




.inline-icon{width:18px!important;height:auto;margin:0;padding:0;border-radius:0!important;vertical-align:middle;}





@keyframes tap-bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}



@keyframes tapBounce {
    0%   { transform: translate(-50%, 0) scale(1); }
    50%  { transform: translate(-50%, -8px) scale(1.06); }
    100% { transform: translate(-50%, 0) scale(1); }
}


/* v24 tap indicator positioning */




@keyframes tapBounce24 {
    0%   { transform: translate(-50%, 0) scale(1); }
    50%  { transform: translate(-50%, -10px) scale(1.08); }
    100% { transform: translate(-50%, 0) scale(1); }
}


/* v25 tap indicator positioning responsive */
.tap-hint {
    position: fixed;
    bottom: 16vh;
    left: 70%;
    transform: translateX(-50%);
    width: 36vw;
    z-index: 9999;
    pointer-events: none;
    animation: tapBounce25 1.4s infinite ease-in-out;
}
@keyframes tapBounce25 {
    0%   { transform: translate(-50%, 0) scale(1); }
    50%  { transform: translate(-50%, -8px) scale(1.05); }
    100% { transform: translate(-50%, 0) scale(1); }
}