:root{--bg:#07090f;--bg-elevated:#0d111a;--bg-card:#121826;--bg-card-hover:#161e2e;--border:#1e2a3d;--border-strong:#2a3a55;--text:#e8eef8;--text-muted:#8b9bb8;--text-dim:#5c6d8a;--accent:#22d3a6;--accent-dim:#22d3a61f;--accent-glow:#22d3a659;--warn:#f5a524;--danger:#f0435a;--score-high:#22d3a6;--score-mid:#f5a524;--score-low:#8b9bb8;--reddit:#ff4500;--radius:12px;--radius-sm:8px;--font:"Inter", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", "SF Mono", ui-monospace, monospace;--shadow:0 8px 32px #00000073}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(80% 50% at 50% -20%,#22d3a614,#0000),radial-gradient(60% 40% at 100% 0,#6366f10f,#0000);line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}.app-shell{flex-direction:column;min-height:100vh;display:flex}.nav{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#07090fd9;justify-content:space-between;align-items:center;padding:1rem 1.75rem;display:flex;position:sticky;top:0}.nav-brand{letter-spacing:-.02em;align-items:center;gap:.6rem;font-size:1.1rem;font-weight:700;display:flex}.nav-brand .logo-mark{background:linear-gradient(135deg, var(--accent), #6366f1);width:28px;height:28px;box-shadow:0 0 20px var(--accent-glow);border-radius:8px;place-items:center;display:grid}.nav-links{align-items:center;gap:.5rem;display:flex}.nav-links a,.nav-links button.linkish{color:var(--text-muted);border-radius:8px;padding:.45rem .85rem;font-size:.9rem;font-weight:500;transition:color .15s,background .15s}.nav-links a:hover,.nav-links button.linkish:hover{color:var(--text);background:var(--bg-card)}.nav-links a.active{color:var(--accent);background:var(--accent-dim)}.btn{border-radius:10px;justify-content:center;align-items:center;gap:.45rem;padding:.65rem 1.15rem;font-size:.925rem;font-weight:600;transition:transform .12s,box-shadow .12s,background .15s,opacity .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{color:#04110c;box-shadow:0 4px 20px var(--accent-glow);background:linear-gradient(135deg,#22d3a6,#14b8a6)}.btn-primary:hover{box-shadow:0 6px 28px var(--accent-glow)}.btn-ghost{background:var(--bg-card);border:1px solid var(--border);color:var(--text)}.btn-ghost:hover{border-color:var(--border-strong);background:var(--bg-card-hover)}.btn-outline{border:1px solid var(--accent);color:var(--accent);background:0 0}.btn-outline:hover{background:var(--accent-dim)}.btn-danger{color:#ff6b7e;background:#f0435a26;border:1px solid #f0435a59}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-sm{border-radius:8px;padding:.4rem .75rem;font-size:.8rem}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 1.5rem}.container-wide{max-width:1200px}.hero{text-align:center;padding:4.5rem 0 3.5rem}.badge{background:var(--accent-dim);color:var(--accent);letter-spacing:.02em;border:1px solid #22d3a640;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:1.25rem;padding:.35rem .75rem;font-size:.78rem;font-weight:600;display:inline-flex}.hero h1{letter-spacing:-.035em;max-width:780px;margin:0 auto 1.25rem;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800;line-height:1.1}.hero h1 .grad{background:linear-gradient(120deg, var(--accent), #818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--text-muted);max-width:560px;margin:0 auto 2rem;font-size:1.15rem;line-height:1.6}.hero-cta{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1rem;display:flex}.hero-price{color:var(--text-dim);font-size:.9rem}.hero-price strong{color:var(--text)}.features{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;padding:2rem 0 4rem;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:left;padding:1.35rem}.feature-card .icon{background:var(--accent-dim);width:40px;height:40px;color:var(--accent);border-radius:10px;place-items:center;margin-bottom:.9rem;display:grid}.feature-card h3{letter-spacing:-.01em;margin-bottom:.4rem;font-size:1rem}.feature-card p{color:var(--text-muted);font-size:.9rem}.demo-strip{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:3rem;padding:1.25rem 1.5rem;display:flex}.demo-strip .label{color:var(--text-muted);font-size:.85rem}.demo-strip .label strong{color:var(--accent)}.page{flex:1;padding:2rem 0 4rem}.page-header{margin-bottom:1.75rem}.page-header h1{letter-spacing:-.03em;margin-bottom:.35rem;font-size:1.75rem}.page-header p{color:var(--text-muted)}.form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.75rem}.field{margin-bottom:1.25rem}.field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.4rem;font-size:.82rem;font-weight:600;display:block}.field input,.field textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;width:100%;padding:.7rem .9rem;transition:border-color .15s,box-shadow .15s}.field input:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.field textarea{resize:vertical;min-height:110px}.field .hint{color:var(--text-dim);margin-top:.35rem;font-size:.78rem}.chip-row{flex-wrap:wrap;gap:.4rem;margin-top:.5rem;display:flex}.chip{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);border-radius:6px;padding:.25rem .55rem;font-size:.75rem}.form-actions{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.inbox-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.inbox-meta{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.pill{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:.3rem .65rem;font-size:.78rem;font-weight:600}.pill.accent{background:var(--accent-dim);color:var(--accent);border-color:#22d3a64d}.pill.warn{color:var(--warn);background:#f5a5241f;border-color:#f5a52459}.leads-grid{flex-direction:column;gap:1rem;display:flex}.lead-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.35rem;transition:border-color .15s,background .15s;position:relative}.lead-card:hover{border-color:var(--border-strong);background:var(--bg-card-hover)}.lead-card.locked{overflow:hidden}.lead-card.locked .lead-body-blur{filter:blur(5px);-webkit-user-select:none;user-select:none;pointer-events:none}.lock-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:var(--radius);z-index:2;text-align:center;background:#07090f8c;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;display:flex;position:absolute;inset:0}.lock-overlay p{color:var(--text-muted);max-width:280px;font-size:.9rem}.lead-top{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.lead-title{letter-spacing:-.015em;font-size:1.05rem;font-weight:650;line-height:1.35}.lead-meta{color:var(--text-dim);flex-wrap:wrap;gap:.5rem .85rem;margin-top:.45rem;font-size:.8rem;display:flex}.lead-meta .sub{color:var(--reddit);font-weight:600}.score-badge{letter-spacing:-.03em;border:1px solid;border-radius:14px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.25rem;font-weight:800;display:flex}.score-badge span{letter-spacing:.04em;text-transform:uppercase;opacity:.8;font-size:.65rem;font-weight:600}.score-high{color:var(--score-high);background:#22d3a61a;border-color:#22d3a659}.score-mid{color:var(--score-mid);background:#f5a5241a;border-color:#f5a52459}.score-low{color:var(--score-low);background:#8b9bb81a;border-color:#8b9bb84d}.lead-body{color:var(--text-muted);margin-bottom:.85rem;font-size:.92rem;line-height:1.55}.reason{color:var(--accent);background:var(--accent-dim);border:1px solid #22d3a633;border-radius:8px;margin-bottom:1rem;padding:.5rem .75rem;font-size:.82rem}.draft-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:.9rem;padding:.9rem 1rem}.draft-box .draft-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:.45rem;font-size:.7rem;font-weight:700}.draft-box p{color:var(--text);white-space:pre-wrap;font-size:.88rem;line-height:1.55}.lead-actions{flex-wrap:wrap;gap:.5rem;display:flex}.empty-state{text-align:center;background:var(--bg-card);border:1px dashed var(--border-strong);border-radius:var(--radius);padding:4rem 1.5rem}.empty-state h2{margin-bottom:.5rem}.empty-state p{color:var(--text-muted);margin-bottom:1.25rem}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#000000a6;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--bg-elevated);border:1px solid var(--border-strong);width:100%;max-width:420px;box-shadow:var(--shadow);text-align:center;border-radius:16px;padding:2rem}.modal h2{letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.4rem}.modal p{color:var(--text-muted);margin-bottom:1.25rem;font-size:.95rem}.modal .price{letter-spacing:-.03em;margin-bottom:.25rem;font-size:2.2rem;font-weight:800}.modal .price span{color:var(--text-muted);font-size:1rem;font-weight:500}.modal-actions{flex-direction:column;gap:.6rem;margin-top:1.25rem;display:flex}.toast{background:var(--bg-card);border:1px solid var(--accent);color:var(--accent);z-index:200;box-shadow:var(--shadow);border-radius:10px;padding:.75rem 1.1rem;font-size:.875rem;font-weight:600;animation:.25s slideIn;position:fixed;bottom:1.5rem;right:1.5rem}@keyframes slideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.footer{border-top:1px solid var(--border);color:var(--text-dim);text-align:center;padding:1.25rem 1.75rem;font-size:.8rem}@media (width<=640px){.nav{padding:.85rem 1rem}.hero{padding:3rem 0 2rem}.lead-top{flex-direction:column}.score-badge{align-self:flex-start}}.nav-links a.btn-primary,.nav-links a.btn-primary:hover{color:#04110c;background:linear-gradient(135deg,#22d3a6,#14b8a6)}@media (width<=480px){.nav-links{flex-wrap:nowrap;gap:2px}.nav-links a,.nav-links button.linkish{padding:6px 7px;font-size:.85rem}.nav-links a[href=\/],.nav-links .btn-sm{display:none}.nav-brand{font-size:1rem}}
