.tools-shell{min-height:100vh;background:#fff;color:#0a0a0a;display:flex;flex-direction:column}.tools-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:1.125rem 3rem;background:hsla(0,0%,100%,.93);backdrop-filter:blur(12px);border-bottom:1px solid #e8e8e8}.tools-brand{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1rem;letter-spacing:-.02em;color:#0a0a0a;text-decoration:none}.tools-brand .sl,.tools-cta .sl,.tools-foot-brand .sl{color:#0057ff}.tools-nav-right{display:flex;align-items:center;gap:1.75rem}.tools-back{font-size:.8125rem;font-weight:500;color:#666;text-decoration:none;transition:color .2s}.tools-back:hover{color:#0057ff}.tools-cta{background:#0a0a0a;color:#fff;text-decoration:none;font-family:Space Grotesk,sans-serif;font-size:.8125rem;font-weight:600;padding:.5rem 1.25rem;border-radius:4px;transition:background .2s,transform .2s}.tools-cta:hover{background:#0057ff;transform:translateY(-1px)}.tools-main{flex:1;max-width:1120px;width:100%;margin:0 auto;padding:4rem 3rem 6rem}.tools-eyebrow{font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#0057ff;margin-bottom:1.5rem}.tools-h1{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:clamp(2.2rem,4vw,3.6rem);letter-spacing:-.035em;line-height:1.05;margin-bottom:1rem}.tools-h1 em{font-style:italic;color:#0057ff}.tools-sub{color:#666;font-size:1.05rem;max-width:540px;line-height:1.7;margin-bottom:4rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.tool-card{display:flex;flex-direction:column;gap:1rem;padding:1.75rem;background:#fff;border:1.5px solid #e8e8e8;border-radius:14px;text-decoration:none;color:inherit;transition:border-color .25s,box-shadow .25s,transform .25s;position:relative;overflow:hidden}.tool-card:hover{border-color:#0057ff;box-shadow:0 16px 48px rgba(0,87,255,.12);transform:translateY(-4px)}.tool-card .tool-glyph{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:#f6f5ff;border:1.5px solid #e8e8e8}.tool-card.accent-blue .tool-glyph{background:rgba(0,87,255,.08);border-color:rgba(0,87,255,.25)}.tool-card.accent-orange .tool-glyph{background:rgba(255,77,0,.08);border-color:rgba(255,77,0,.25)}.tool-card.accent-purple .tool-glyph{background:rgba(123,47,255,.08);border-color:rgba(123,47,255,.25)}.tool-card.accent-green .tool-glyph{background:rgba(0,184,122,.08);border-color:rgba(0,184,122,.25)}.tool-name{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.2rem;letter-spacing:-.02em}.tool-tagline{color:#666;font-size:.9375rem;line-height:1.6}.tool-slug{margin-top:auto;font-family:JetBrains Mono,monospace;font-size:.72rem;color:#999;letter-spacing:.05em}.tool-arrow{position:absolute;top:1.75rem;right:1.75rem;font-size:1rem;color:#999;transition:color .2s,transform .2s}.tool-card:hover .tool-arrow{color:#0057ff;transform:translate(4px,-4px)}.tool-detail-header{display:flex;align-items:flex-start;gap:1.25rem;margin-bottom:2.5rem}.tool-detail-glyph{width:64px;height:64px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0;background:#f6f5ff;border:1.5px solid #e8e8e8}.tool-detail-glyph.accent-blue{background:rgba(0,87,255,.08);border-color:rgba(0,87,255,.25)}.tool-detail-glyph.accent-orange{background:rgba(255,77,0,.08);border-color:rgba(255,77,0,.25)}.tool-detail-glyph.accent-purple{background:rgba(123,47,255,.08);border-color:rgba(123,47,255,.25)}.tool-detail-glyph.accent-green{background:rgba(0,184,122,.08);border-color:rgba(0,184,122,.25)}.tool-detail-name{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:clamp(1.8rem,3vw,2.5rem);letter-spacing:-.03em;line-height:1.1;margin-bottom:.5rem}.tool-detail-desc{color:#666;font-size:1rem;line-height:1.7;max-width:640px}.tool-detail-body{background:#fff;border:1.5px solid #e8e8e8;border-radius:14px;padding:2rem}.tools-footer{background:#0a0a0a;color:hsla(0,0%,100%,.45);padding:2rem 3rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.78rem}.tools-foot-brand{font-family:Space Grotesk,sans-serif;font-weight:700;color:#fff;font-size:.9rem}.og-form{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.og-input{flex:1;min-width:240px;padding:.875rem 1rem;border:1.5px solid #e8e8e8;border-radius:8px;font-family:JetBrains Mono,monospace;font-size:.9rem;outline:none;background:#fff;color:#0a0a0a;transition:border-color .2s,box-shadow .2s}.og-input:focus{border-color:#0057ff;box-shadow:0 0 0 4px rgba(0,87,255,.12)}.og-submit{padding:.875rem 1.5rem;background:#0057ff;color:#fff;border:none;border-radius:8px;font-family:Inter,sans-serif;font-weight:600;font-size:.9rem;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 4px 16px rgba(0,87,255,.25)}.og-submit:hover{background:#0047d4;transform:translateY(-1px)}.og-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.og-error{padding:1rem 1.25rem;background:rgba(255,77,0,.08);border:1.5px solid rgba(255,77,0,.25);border-radius:8px;color:#ff4d00;font-size:.9rem;margin-bottom:1.5rem;font-family:JetBrains Mono,monospace}.og-card{border:1.5px solid #e8e8e8;border-radius:12px;overflow:hidden;background:#fff;margin-bottom:2rem}.og-card-image{width:100%;aspect-ratio:1200/630;background:#f6f5ff;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #e8e8e8;overflow:hidden}.og-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.og-card-image-empty{color:#999;font-family:JetBrains Mono,monospace;font-size:.85rem}.og-card-body{padding:1.25rem 1.5rem}.og-card-domain{font-family:JetBrains Mono,monospace;font-size:.72rem;color:#999;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.og-card-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.05rem;margin-bottom:.375rem;letter-spacing:-.02em}.og-card-desc{color:#666;font-size:.875rem;line-height:1.6}.og-meta-table{width:100%;border-collapse:collapse;font-family:JetBrains Mono,monospace;font-size:.78rem}.og-meta-table th{text-align:left;font-weight:700;color:#666;padding:.625rem 1rem .625rem 0;white-space:nowrap;vertical-align:top}.og-meta-table td{padding:.625rem 0;color:#0a0a0a;word-break:break-all;border-bottom:1px solid #f2f2f2}.og-meta-table tr:last-child td{border-bottom:none}.og-meta-section-h{font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#0057ff;margin:1.5rem 0 .75rem}@media (max-width:900px){.tools-nav{padding:1rem 1.5rem}.tools-main{padding:3rem 1.5rem 4rem}.tools-footer{padding:1.75rem 1.5rem;flex-direction:column;align-items:flex-start}}