:root{--bg: #101827;--bg-card: #1a2236;--bg-card-hover: #1f2a42;--bg-filter: #232e45;--border: #2a3654;--text: #e8ecf2;--text-secondary: #9ca8be;--text-muted: #6b7a94;--accent: #f59e0b;--accent-hover: #d97706;--green: #34d399;--red: #f87171;--max-width: 1140px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 1rem}nav{background:var(--bg);padding:.6rem 0;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}nav .container{display:flex;align-items:center;justify-content:space-between}.logo{font-size:.95rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.logo b{color:var(--accent)}.nav-links{display:flex;gap:.25rem;list-style:none}.nav-links a{color:var(--text-secondary);font-size:.8rem;padding:.35rem .7rem;border-radius:5px;font-weight:500}.nav-links a:hover{background:var(--bg-filter);color:var(--text)}.filters{display:flex;flex-wrap:wrap;gap:.35rem;padding:.75rem 0;border-bottom:1px solid var(--border)}.filter-pill{background:var(--bg-filter);color:var(--text-secondary);padding:.3rem .65rem;border-radius:5px;font-size:.75rem;font-weight:500;cursor:pointer;border:1px solid transparent}.filter-pill:hover{border-color:var(--border);color:var(--text)}.filter-pill.active{background:var(--accent);color:#000;font-weight:600}.hero{padding:2rem 0 .5rem}.hero h1{font-size:1.5rem;font-weight:700;line-height:1.25;letter-spacing:-.02em;margin-bottom:.35rem}.hero p{font-size:.9rem;color:var(--text-secondary);max-width:500px}.hero-stat{display:inline-block;background:var(--bg-filter);padding:.2rem .5rem;border-radius:4px;font-size:.75rem;color:var(--accent);font-weight:600;margin-top:.5rem}.verticals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;padding:1rem 0 2rem}.vertical-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem;display:flex;flex-direction:column}.vertical-card:hover{background:var(--bg-card-hover);border-color:#3a4b6e}.vertical-card h3{font-size:.95rem;font-weight:600;margin-bottom:.25rem}.vertical-card p{color:var(--text-muted);font-size:.8rem;flex:1;margin-bottom:.5rem;line-height:1.45}.vertical-card .tool-count{font-size:.75rem;color:var(--accent);font-weight:600}.tools-grid{display:flex;flex-direction:column;gap:0;padding:0}.tool-card{display:grid;grid-template-columns:1fr auto;align-items:center;padding:.65rem .75rem;border-bottom:1px solid var(--border);gap:1rem}.tool-card:first-child{border-top:1px solid var(--border)}.tool-card:hover{background:var(--bg-card)}.tool-card .tool-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.15rem}.tool-card .tool-header h3{font-size:.9rem;font-weight:600}.tool-card .tagline{color:var(--text-muted);font-size:.8rem;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:500px}.tool-card .meta{display:flex;align-items:center;gap:.75rem;font-size:.78rem;flex-shrink:0}.tool-card .price{color:var(--green);font-weight:600;font-size:.78rem}.tool-card .categories{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.3rem}.tool-card .category-tag{background:var(--bg-filter);color:var(--text-muted);padding:.1rem .4rem;border-radius:3px;font-size:.65rem;font-weight:500}.badge-featured{background:#f59e0b26;color:var(--accent);padding:.1rem .35rem;border-radius:3px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.rating{color:var(--accent);font-weight:600;font-size:.78rem}.section-header{padding:1.25rem 0 .4rem}.section-header h2{font-size:1.1rem;font-weight:600;letter-spacing:-.01em}.section-header p{color:var(--text-muted);margin-top:.15rem;font-size:.85rem}.breadcrumbs{padding:.75rem 0 0;font-size:.75rem;color:var(--text-muted)}.breadcrumbs a{color:var(--text-muted)}.breadcrumbs a:hover{color:var(--text)}.breadcrumbs span{margin:0 .3rem}.tool-detail{padding:1rem 0 3rem;max-width:640px}.tool-detail h1{font-size:1.5rem;font-weight:700;margin-bottom:.25rem;letter-spacing:-.02em}.tool-detail .tagline{font-size:.95rem;color:var(--text-secondary);margin-bottom:1.25rem}.tool-detail .description{font-size:.9rem;line-height:1.65;color:var(--text-secondary);margin-bottom:1.25rem}.tool-detail h2{font-size:.95rem;font-weight:600;margin:1.25rem 0 .4rem;color:var(--text)}.tool-detail ul{list-style:none;padding:0}.tool-detail ul li{padding:.3rem 0 .3rem 1rem;position:relative;color:var(--text-secondary);font-size:.85rem}.tool-detail ul li:before{content:"•";position:absolute;left:0;color:var(--text-muted)}.tool-detail .cta-box{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:1.25rem;margin:1.25rem 0}.tool-detail .cta-box p{font-size:.85rem;color:var(--text-secondary);margin-bottom:.6rem}.btn{display:inline-block;background:var(--accent);color:#000;padding:.5rem 1.25rem;border-radius:5px;font-weight:600;font-size:.85rem;border:none;cursor:pointer}.btn:hover{background:var(--accent-hover)}footer{border-top:1px solid var(--border);padding:1.5rem 0;margin-top:2rem;color:var(--text-muted);font-size:.75rem}@media (max-width: 768px){.hero h1{font-size:1.25rem}.verticals-grid,.tool-card{grid-template-columns:1fr}.tool-card .tagline{max-width:100%}.nav-links{display:none}}