/* OKAI — medidor de web (lead magnet) */
.md-wrap{margin-top:1.5rem;max-width:540px}
.md-form{display:flex;gap:.5rem}
.md-form input{flex:1;background:#0d0d0f;border:1px solid #26262b;color:#fff;border-radius:999px;padding:.8rem 1.1rem;font:inherit}
.md-form input::placeholder{color:#6c6c78}
.md-form button{background:#af50ff;color:#0a0a0a;border:0;border-radius:999px;padding:.8rem 1.3rem;font-weight:700;cursor:pointer;white-space:nowrap}
.md-form button:hover{filter:brightness(1.08)}
.md-hint{margin:.5rem 2px 0;color:#6c6c78;font-size:.8rem}
.md-stage{margin-top:1rem}
.md-stage.is-loading,.md-stage.is-result,.md-stage.is-error{margin-top:1.2rem}
.md-loading{color:#9a9aa6}
.md-dots::after{content:'';animation:mddots 1.2s steps(4,end) infinite}
@keyframes mddots{0%{content:''}25%{content:'.'}50%{content:'..'}75%{content:'...'}}
.md-err{color:#f97316}
/* resultado */
.md-grade{display:flex;align-items:baseline;gap:.7rem;border-bottom:1px solid #26262b;padding-bottom:.7rem;animation:mdfade .4s}
.md-letter{font-size:3rem;font-weight:800;line-height:1}
.md-num{color:#9a9aa6;font-size:.9rem}
.md-areas{margin:.9rem 0}
.md-area{margin:.5rem 0}
.md-arow{display:flex;justify-content:space-between;font-size:.82rem;color:#cfcfd6;margin-bottom:3px}
.md-bar{height:7px;background:#1c1c20;border-radius:99px;overflow:hidden}
.md-bar i{display:block;height:100%;border-radius:99px;transition:width .6s ease}
.md-found h4{margin:.6rem 0 .4rem;font-size:.95rem;color:#fff}
.md-probs{margin:0;padding-left:1.1rem;color:#cfcfd6;font-size:.88rem}
.md-probs li{margin:.25rem 0}
.md-ok{color:#9a9aa6;font-size:.9rem}
/* captura */
.md-lead{margin-top:1rem;border-top:1px solid #26262b;padding-top:.9rem}
.md-lead p{color:#cfcfd6;font-size:.9rem;margin:0 0 .5rem}
.md-lrow{display:flex;gap:.5rem}
.md-lrow input{flex:1;background:#0d0d0f;border:1px solid #26262b;color:#fff;border-radius:999px;padding:.7rem 1rem;font:inherit}
.md-lrow button{background:#22c55e;color:#06210f;border:0;border-radius:999px;padding:.7rem 1.1rem;font-weight:700;cursor:pointer;white-space:nowrap}
.md-sent{color:#22c55e;font-size:.92rem;margin:0}
@keyframes mdfade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.md-grade{animation:none}.md-dots::after{animation:none;content:'...'}}