*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#fafafa;color:#151515}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 8%;border-bottom:1px solid #eee;background:rgba(250,250,250,.9);position:sticky;top:0;z-index:5}.brand{font-weight:900;letter-spacing:2px;text-decoration:none;color:inherit}.nav button{border:1px solid #ddd;background:white;border-radius:12px;width:42px;height:42px;font-size:18px}.tool-head{max-width:850px;margin:70px auto 30px;text-align:center;padding:0 20px}.badge{display:inline-block;padding:9px 15px;border-radius:999px;background:#eee;font-weight:700;font-size:14px}.tool-head h1{font-size:clamp(42px,7vw,72px);margin:20px 0 10px;letter-spacing:-3px}.tool-head p{font-size:20px;color:#666}.tool-wrap{max-width:860px;margin:0 auto;padding:0 20px 80px}.card{background:white;border:1px solid #e5e5e5;border-radius:24px;padding:28px;box-shadow:0 8px 30px rgba(0,0,0,.04)}input,textarea,select{font:inherit;border:1px solid #d9d9d9;border-radius:12px;padding:13px;background:white;color:inherit}input[type=file]{width:100%;padding:18px}textarea{width:100%;min-height:280px;resize:vertical}button,.buttonlike{font:inherit;font-weight:700;border:0;border-radius:12px;padding:13px 18px;background:#111;color:#fff;cursor:pointer;text-decoration:none;display:inline-block;margin-top:14px}button.secondary{background:#eee;color:#111;margin-left:8px}.form-grid{display:grid;gap:14px}.form-grid label,.tool-card>label{display:grid;gap:8px;font-weight:700}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.result{margin-top:18px;padding:18px;border-radius:14px;background:#f5f5f5;min-height:54px}.result input{width:100%;margin-bottom:8px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.stats-grid div{padding:15px;background:#f5f5f5;border-radius:14px;text-align:center}.stats-grid b,.stats-grid span{display:block}.stats-grid b{font-size:22px}.stats-grid span{font-size:12px;color:#666;margin-top:5px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checks label{font-weight:500}.qrout{text-align:center;margin-top:20px}.qrout img{border-radius:12px;border:1px solid #eee;padding:8px;background:#fff}.dark{background:#111;color:#eee}.dark .nav{background:#111;border-color:#2b2b2b}.dark .nav button,.dark .card,.dark input,.dark textarea{background:#181818;color:#eee;border-color:#333}.dark .tool-head p{color:#aaa}.dark .result,.dark .stats-grid div,.dark button.secondary{background:#222;color:#eee}.dark .badge{background:#222}.dark .buttonlike{background:#eee;color:#111}@media(max-width:650px){.nav{padding:0 20px}.tool-head{margin-top:45px}.tool-head h1{letter-spacing:-2px}.stats-grid{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}.card{padding:20px}.checks{grid-template-columns:1fr}}
/* Homepage */
.hero{max-width:900px;margin:85px auto 70px;text-align:center;padding:0 20px}.pill{display:inline-block;padding:9px 15px;border-radius:999px;background:#eee;font-weight:700;font-size:14px}.hero h1{font-size:clamp(52px,9vw,96px);line-height:.98;letter-spacing:-5px;margin:28px 0 18px}.hero h1 span{color:#999}.hero p{font-size:20px;color:#666;margin:0 auto 35px}.search{max-width:780px;margin:0 auto}.search input{width:100%;padding:18px 22px;border-radius:18px;font-size:18px}.hero + section{max-width:1100px;margin:0 auto;padding:0 20px}.hero + section h2{font-size:30px;letter-spacing:-1px;margin:0 0 25px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid .card{display:block;color:inherit;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.grid .card:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(0,0,0,.08)}.grid .card small{display:block;color:#888;font-weight:700;margin-bottom:18px}.grid .card h3{margin:0 0 10px;font-size:22px}.grid .card p{margin:0 0 22px;color:#666;line-height:1.5}.grid .card b{font-size:14px}.dark .hero h1 span{color:#777}.dark .hero p,.dark .grid .card p{color:#aaa}.dark .grid .card small{color:#999}.dark footer{border-color:#2b2b2b!important;color:#aaa!important}
@media(max-width:850px){.grid{grid-template-columns:1fr 1fr}.hero h1{letter-spacing:-3px}}
@media(max-width:560px){.hero{margin-top:55px}.hero h1{font-size:52px}.hero p{font-size:17px}.grid{grid-template-columns:1fr}}