.hero--tools{padding:3rem 0 3.25rem}.hero-breadcrumb{font-family:var(--mono);color:#ffffff4d;letter-spacing:.08em;margin-bottom:1.25rem;font-size:10px}.hero-breadcrumb a{color:#ffffff59;text-decoration:none}.hero-breadcrumb a:hover{color:#fff9}.hero--tools .hero-title{margin-bottom:.75rem;font-size:clamp(1.8rem,4vw,2.6rem)}.hero-sub{font-family:var(--serif);color:#ffffff80;margin-bottom:2rem;font-size:15px;font-style:italic;font-weight:300;line-height:1.5}.hero--tools .hero-rule{margin-bottom:1.5rem}.hero-stats{gap:2.5rem;display:flex}.hero-stat-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#ffffff47;margin-bottom:3px;font-size:8.5px;font-weight:600}.hero-stat-value{font-family:var(--mono);color:#ffffffbf;font-size:13px;font-weight:500}.page-body{max-width:820px;margin:0 auto;padding:3.5rem 2.5rem 6rem}.section-header{align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.section-badge{font-family:var(--mono);color:var(--accent);background:var(--accent-faint);border:.5px solid var(--accent-mid);white-space:nowrap;letter-spacing:.04em;border-radius:3px;padding:3px 10px;font-size:10px;font-weight:600}.section-title{font-family:var(--serif);color:var(--text-1);letter-spacing:-.02em;font-size:22px;font-weight:400}.form-card{border:.5px solid var(--border);border-radius:4px;margin-bottom:4rem;overflow:hidden}.form-card-header{background:var(--surface);border-bottom:.5px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.form-card-title{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-size:10px;font-weight:600}.form-card-note{font-family:var(--mono);color:var(--text-3);letter-spacing:.02em;font-size:9.5px}.form-body{padding:1.75rem 1.5rem 2rem}.form-grid{grid-template-columns:1fr 1fr;gap:1.25rem 1.5rem;margin-bottom:1.25rem;display:grid}.form-field{flex-direction:column;gap:6px;display:flex}.form-field.full{grid-column:1/-1}.field-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:8px;font-size:9.5px;font-weight:600;display:flex}.field-required{color:var(--accent);font-size:11px;font-weight:600}.field-hint{font-family:var(--mono);color:var(--text-3);text-transform:none;letter-spacing:.02em;font-size:9px;font-weight:400}input[type=text],input[type=email],input[type=url],textarea{font-family:var(--sans);color:var(--text-1);background:var(--bg);border:.5px solid var(--border-strong);border-radius:4px;outline:none;width:100%;padding:9px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}input[type=text]:focus,input[type=email]:focus,input[type=url]:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-faint)}input::placeholder,textarea::placeholder{color:var(--text-3);font-size:13.5px}textarea{resize:vertical;min-height:90px;line-height:1.55}.desc-footer{justify-content:space-between;align-items:center;margin-top:5px;display:flex}.desc-note{font-family:var(--mono);color:var(--text-3);font-size:9.5px}.word-count{font-family:var(--mono);color:var(--text-3);font-size:10px;font-weight:500;transition:color .15s}.word-count.warn{color:#b45309}.word-count.over{color:#dc2626}.word-count.ok{color:#16a34a}.form-footer{border-top:.5px solid var(--border);justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.25rem;display:flex}.form-policy{font-family:var(--mono);color:var(--text-3);max-width:400px;font-size:9.5px;line-height:1.6}.form-status{font-family:var(--mono);border-radius:4px;margin-bottom:1rem;padding:.75rem 1rem;font-size:10px;line-height:1.6}.form-status--error{color:#991b1b;background:#fef2f2;border:.5px solid #fecaca}.form-status--success{color:#166534;background:#f0fdf4;border:.5px solid #bbf7d0}.btn-submit{font-family:var(--mono);letter-spacing:.05em;color:#fff;background:var(--accent);cursor:pointer;white-space:nowrap;border:none;border-radius:4px;flex-shrink:0;padding:10px 20px;font-size:11.5px;font-weight:600;transition:opacity .15s}.btn-submit:hover{opacity:.85}.btn-submit:disabled{opacity:.4;cursor:not-allowed}.filter-bar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:2rem;display:flex}.filter-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-right:.25rem;font-size:9.5px;font-weight:600}.filter-tag{font-family:var(--mono);border:.5px solid var(--border-strong);color:var(--text-2);background:var(--bg);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:3px;padding:4px 10px;font-size:10px;font-weight:500;transition:all .12s}.filter-tag:hover,.filter-tag.active{background:var(--accent-faint);border-color:var(--accent-mid);color:var(--accent)}.tool-list{flex-direction:column;gap:0;display:flex}.tool-entry{border-bottom:.5px solid var(--border);grid-template-columns:44px 1fr;gap:0 1.25rem;padding:1.5rem 0;transition:background .12s;display:grid}.tool-entry:first-child{border-top:.5px solid var(--border)}.tool-entry:hover{background:var(--surface);margin:0 -1.5rem;padding:1.5rem}.tool-index{font-family:var(--mono);color:var(--text-3);letter-spacing:.04em;padding-top:3px;font-size:11px;font-weight:600}.tool-top{flex-wrap:wrap;align-items:baseline;gap:.875rem;margin-bottom:3px;display:flex}.tool-name{font-family:var(--mono);color:var(--accent);letter-spacing:-.01em;font-size:14px;font-weight:600;text-decoration:none}.tool-name:hover{text-underline-offset:2px;text-decoration:underline}.tool-company{font-family:var(--sans);color:var(--text-2);font-size:12px;font-weight:500}.tool-url{font-family:var(--mono);color:var(--text-3);margin-left:auto;font-size:10.5px;text-decoration:none}.tool-url:hover{color:var(--accent)}.tool-desc{font-family:var(--serif);color:var(--text-2);margin-bottom:.75rem;font-size:15px;font-weight:300;line-height:1.65}.tool-footer{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.tool-tag{font-family:var(--mono);background:var(--accent-faint);border:.5px solid var(--accent-mid);color:var(--accent);letter-spacing:.03em;border-radius:3px;padding:2px 8px;font-size:9.5px;font-weight:500}.tool-date{font-family:var(--mono);color:var(--text-3);margin-left:auto;font-size:9.5px}@media (max-width:640px){.page-body{padding:2.5rem 1.25rem 4rem}.form-grid{grid-template-columns:1fr}.form-footer{flex-direction:column;align-items:flex-start;gap:1rem}.tool-url{display:none}}