Your AI front desk

What are you trying to send?

Paste a review, message, or request — get a polished response in seconds.

🔍

Press Enter to go straight to the right tool

All tools

No match found — try different words, or pick a tool below.

Professional response to any review, ready to post on Google or Yelp.

Describe it, get a polished email — ready to send.

Contract Review

Plain-English breakdown of what your contract actually says.

Ready-to-post caption with hashtags in seconds.

Compelling job ad ready to post anywhere — no HR team needed.

Invoices, payment reminders, and deduction questions — handled.

function updateUsagePill(remaining, limit, subscribed) { const pills = document.querySelectorAll('.usage-pill'); const mobileBar = document.getElementById('mobileSubBar'); let text, cls; if (subscribed) { text = '\u221e unlimited'; cls = 'usage-pill'; if (mobileBar) mobileBar.style.display = 'none'; } else if (remaining <= 0) { text = '0 free responses left'; cls = 'usage-pill out'; } else if (remaining <= 2) { text = `${remaining} free response${remaining === 1 ? '' : 's'} left today`; cls = 'usage-pill low'; } else { text = `${remaining} free responses left today`; cls = 'usage-pill'; } pills.forEach(p => { p.textContent = text; p.className = cls; }); } body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #0f1117; min-height: 100vh; color: #e8e8f0; } /* ── Nav ── */ nav { background: #1a1d27; border-bottom: 1px solid #2a2d3a; padding: 0 28px; height: 58px; position: sticky; top: 0; z-index: 100; } .nav-inner { max-width: 900px; margin: 0 auto; height: 100%; display: flex; align-items: center; justify-content: space-between; } .logo-group { display: flex; align-items: center; gap: 10px; } .logo-icon { width: 32px; height: 32px; background: linear-gradient(135deg, #6c5ce7, #a78bfa); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 16px; } .logo { font-size: 17px; font-weight: 800; color: #6c5ce7; } .logo span { color: #e8e8f0; } .nav-right { display: flex; align-items: center; gap: 10px; } .nav-cta-group { display: flex; align-items: center; background: #1a1d27; border: 1px solid #2a2d3a; border-radius: 8px; overflow: hidden; } .usage-pill { font-size: 12px; font-weight: 600; padding: 6px 12px; color: #6b7280; background: transparent; border-right: 1px solid #2a2d3a; white-space: nowrap; } .usage-pill.low { color: #fbbf24; } .usage-pill.out { color: #f87171; } .upgrade-btn { font-size: 12px; font-weight: 700; color: #a78bfa; background: transparent; border: none; padding: 6px 12px; cursor: pointer; transition: background 0.12s, color 0.12s; white-space: nowrap; } .upgrade-btn:hover { background: #252836; color: #c4b5fd; } /* ── Hero / Search ── */ .hero { padding: 24px 28px 16px; text-align: center; max-width: 700px; margin: 0 auto; } .hero-label { font-size: 11px; font-weight: 700; color: #4b5060; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 8px; } .hero h1 { font-size: 22px; font-weight: 700; color: #e8e8f0; margin-bottom: 6px; line-height: 1.25; } .hero p { font-size: 14px; color: #6b7280; margin-bottom: 14px; } .search-wrap { position: relative; max-width: 520px; margin: 0 auto; } .search-icon { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); font-size: 16px; pointer-events: none; } #searchInput { width: 100%; background: #1a1d27; border: 1.5px solid #2a2d3a; border-radius: 10px; padding: 10px 46px 10px 40px; font-size: 14px; color: #e8e8f0; outline: none; font-family: inherit; transition: border-color 0.15s, box-shadow 0.15s; } #searchInput:focus { border-color: #6c5ce7; box-shadow: 0 0 0 3px rgba(108,92,231,0.15); } #searchInput::placeholder { color: #4b5060; } .search-enter { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: #6c5ce7; border: none; border-radius: 7px; width: 32px; height: 32px; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #fff; transition: background 0.15s; } .search-enter:hover { background: #5b4bd4; } .search-hint { font-size: 12px; color: #3a3d4a; margin-top: 10px; text-align: center; } .search-hint span { color: #4b5060; } /* ── Tools grid ── */ .tools-section { max-width: 900px; margin: 0 auto; padding: 0 28px 60px; } .section-label { font-size: 11px; font-weight: 600; color: #3a3d4a; text-transform: uppercase; letter-spacing: 0.09em; margin-bottom: 16px; } .tools-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; } .tool-card { background: #13151e; border: 1.5px solid #2a2d3a; border-radius: 12px; padding: 14px 16px 12px; cursor: pointer; text-decoration: none; display: block; transition: border-color 0.15s, background 0.15s, transform 0.1s; position: relative; overflow: hidden; } .tool-card:hover { background: #1a1d27; transform: translateY(-1px); } .tool-card.highlighted { box-shadow: 0 0 0 2px var(--accent); } .tool-card.dimmed { opacity: 0.4; } /* Per-tool accent colors via CSS var */ .tool-card.purple { --accent: #6c5ce7; } .tool-card.green { --accent: #00b894; } .tool-card.blue { --accent: #0984e3; } .tool-card.orange { --accent: #e17055; } .tool-card.pink { --accent: #e84393; } .tool-card.teal { --accent: #00cec9; } .tool-card.gold { --accent: #fbbf24; } .tool-card:hover { border-color: var(--accent); } .tool-card.highlighted { border-color: var(--accent); background: #1a1d27; } .tool-icon-wrap { width: 34px; height: 34px; border-radius: 9px; background: color-mix(in srgb, var(--accent) 15%, #13151e); display: flex; align-items: center; justify-content: center; font-size: 17px; margin-bottom: 8px; border: 1px solid color-mix(in srgb, var(--accent) 25%, transparent); } .tool-name { font-size: 13px; font-weight: 600; color: var(--accent); margin-bottom: 3px; } .tool-desc { font-size: 12px; color: #4b5060; line-height: 1.4; } .tool-arrow { position: absolute; top: 14px; right: 14px; font-size: 13px; color: #2a2d3a; transition: color 0.15s, transform 0.15s; } .tool-card:hover .tool-arrow { color: var(--accent); transform: translateX(2px); } .soon-chip { display: inline-block; margin-top: 8px; font-size: 9px; font-weight: 700; color: #3a3d4a; background: #1a1d27; border: 0.5px solid #2a2d3a; border-radius: 4px; padding: 2px 6px; letter-spacing: 0.05em; } /* ── No-match message ── */ #noMatch { display: none; text-align: center; padding: 24px 0 8px; font-size: 14px; color: #4b5060; } /* ── Upgrade banner ── */ .upgrade-banner { display: none; max-width: 900px; margin: 0 auto 0; padding: 0 28px; } .upgrade-banner-inner { background: #1e1a0e; border: 1px solid #4a3a00; border-radius: 12px; padding: 16px 20px; display: flex; align-items: center; gap: 16px; margin-bottom: 24px; } .upgrade-banner-inner h3 { font-size: 14px; color: #fbbf24; margin-bottom: 3px; } .upgrade-banner-inner p { font-size: 13px; color: #d97706; } .upgrade-banner-inner button { background: #f59e0b; color: #fff; border: none; border-radius: 8px; padding: 9px 18px; font-size: 13px; font-weight: 600; cursor: pointer; white-space: nowrap; flex-shrink: 0; } /* ── Mobile ── */ @media (max-width: 700px) { .tools-grid { grid-template-columns: repeat(2, 1fr); } .hero h1 { font-size: 22px; } .hero { padding: 36px 20px 24px; } .tools-section { padding: 0 20px 40px; } } @media (max-width: 420px) { .tools-grid { grid-template-columns: 1fr; } }

Your AI front desk

What are you trying to send?

Paste a review, message, or request — get a polished response in seconds.

🔍

Press Enter to go straight to the right tool

All tools

No match found — try different words, or pick a tool below.

Professional response to any review, ready to post on Google or Yelp.

Describe it, get a polished email — ready to send.

Contract Review

Plain-English breakdown of what your contract actually says.

Ready-to-post caption with hashtags in seconds.

Compelling job ad ready to post anywhere — no HR team needed.

Invoices, payment reminders, and deduction questions — handled.