*{box-sizing:border-box}body{margin:0;background:#f6f8fb;color:#172033;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}header{max-width:1100px;margin:auto;padding:18px 24px;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:800;font-size:20px;text-decoration:none;color:inherit}nav{display:flex;gap:20px}nav a,footer a{text-decoration:none;color:inherit}.hero,.tool-page{max-width:900px;margin:auto;text-align:center;padding:65px 20px}.hero h1,.tool-page h1{font-size:clamp(40px,7vw,66px);line-height:1.05;letter-spacing:-.04em}.hero p,.tool-page>p{color:#667085;font-size:18px}.eyebrow{color:#315efb;font-size:12px;font-weight:800;letter-spacing:.14em}.cta,.secondary{border:0;border-radius:10px;padding:13px 20px;font-weight:800;font-size:15px;cursor:pointer}.cta{background:#315efb;color:#fff}.secondary{background:#e9edf3;color:#172033}.ad{max-width:728px;min-height:90px;border:1px dashed #cbd0d8;color:#98a2b3;display:flex;align-items:center;justify-content:center;margin:25px auto;font-size:10px;letter-spacing:.12em}.container{max-width:900px;margin:auto;padding:20px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool,.tester,.content{background:#fff;border:1px solid #e4e7ec;border-radius:16px;padding:24px;box-shadow:0 6px 24px #1018280d}.tool{text-decoration:none;color:inherit}.tool span{font-size:30px}.tool h3{margin:6px 0}.tool p{color:#667085}.tester{margin:20px 0}.meter{height:34px;background:#edf0f5;border-radius:999px;overflow:hidden;margin:28px 0 6px}.meter div{height:100%;width:0;background:#315efb}.labels{display:flex;justify-content:space-between;color:#667085;font-size:13px}.details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.details div{background:#f8fafc;padding:13px;border-radius:10px;text-align:left}.details small{display:block;color:#667085}.error{color:#b42318}.tester video{width:100%;max-height:480px;background:#101828;border-radius:12px}.keyboard{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;background:#101828;padding:22px;border-radius:16px}.keyboard span{background:white;padding:8px 10px;border-radius:6px;min-width:35px;font-size:12px}.keyboard .pressed{background:#b9c6ff}.mouse-area{height:350px;background:#fff;border:2px dashed #98a2b3;border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:700;user-select:none}.button-grid{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}footer{border-top:1px solid #e4e7ec;background:white;padding:24px;display:flex;gap:25px;justify-content:center;color:#667085}@media(max-width:750px){nav{display:none}.tool-grid{grid-template-columns:1fr}.details{grid-template-columns:1fr}}