body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#f7f9fc;color:#0f172a}h1{font-weight:700;letter-spacing:-.02em}p{margin:0}.app{min-height:100vh;display:flex;flex-direction:column}.app.started{padding-bottom:120px}.topbar{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:white;border-bottom:1px solid #e5e7eb}.topbar strong{font-size:16px}.top-actions{display:flex;align-items:center;gap:16px}.topbar .plan{font-size:14px;color:#2563eb}.menu-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:none;border:none;cursor:pointer;color:#374151;transition:background .2s}.menu-btn:hover{background:#f3f4f6}.user-menu-container{position:relative}.user-menu-dropdown{position:absolute;top:100%;right:0;margin-top:8px;min-width:280px;background:#1e1e1e;border-radius:16px;box-shadow:0 20px 60px #0006;overflow:hidden;z-index:1000;animation:menuSlideDown .2s ease}@keyframes menuSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{display:flex;align-items:center;gap:12px;padding:16px}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{color:#fff;font-weight:600;font-size:14px}.user-email{color:#9ca3af;font-size:12px}.user-menu-divider{height:1px;background:#333;margin:4px 0}.user-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;color:#e5e7eb;font-size:14px;cursor:pointer;transition:background .15s;text-decoration:none}.user-menu-item:hover{background:#2a2a2a}.user-menu-item svg{flex-shrink:0;color:#9ca3af}.user-menu-item .chevron{margin-left:auto;transition:transform .2s}.user-menu-item .chevron.open{transform:rotate(90deg)}.user-menu-item-with-submenu{position:relative}.help-submenu{background:#252525;border-top:1px solid #333}.submenu-item{padding-left:46px;font-size:13px}.submenu-item svg{width:16px;height:16px}.user-menu-item.logout{color:#f87171}.user-menu-item.logout svg{color:#f87171}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.3);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;z-index:100}.sidebar-overlay.visible{opacity:1;visibility:visible}.sidebar{position:fixed;top:0;right:0;width:280px;height:100vh;background:#ffffff;color:#0f172a;transform:translate(100%);transition:transform .3s ease;z-index:101;display:flex;flex-direction:column;box-shadow:-4px 0 20px #0000001a;border-left:1px solid #e5e7eb}.sidebar.open{transform:translate(0)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.sidebar-brand{font-weight:700;font-size:16px;color:#0f172a}.sidebar-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:6px;transition:background .2s}.sidebar-close:hover{background:#f3f4f6;color:#0f172a}.sidebar-content{flex:1;padding:16px;overflow-y:auto}.sidebar-new-chat{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border-radius:10px;border:1px solid #e5e7eb;background:#f8fafc;color:#0f172a;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s}.sidebar-new-chat:hover{background:#eef2ff;border-color:#c7d2fe}.sidebar-section{margin-top:24px}.sidebar-section h4{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-weight:600}.sidebar-empty{font-size:13px;color:#9ca3af;padding:8px 0}.chat-history-list{display:flex;flex-direction:column;gap:4px}.chat-history-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:8px;border:none;background:transparent;color:#374151;font-size:13px;cursor:pointer;text-align:left;transition:background .2s}.chat-history-item:hover{background:#f3f4f6}.chat-history-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-history-list{display:flex;flex-direction:column;gap:4px}.sidebar-history-item-row{display:flex;align-items:center;border-radius:8px;transition:background .2s}.sidebar-history-item-row:hover{background:#f3f4f6}.sidebar-history-item-row:hover .sidebar-history-delete{opacity:1}.sidebar-history-item{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:10px 8px 10px 12px;border-radius:8px;border:none;background:transparent;color:#374151;font-size:13px;cursor:pointer;text-align:left;transition:background .2s}.sidebar-history-item:hover{background:transparent}.sidebar-history-delete{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:#9ca3af;cursor:pointer;border-radius:6px;opacity:0;transition:opacity .2s,color .2s,background .2s;flex-shrink:0;margin-right:4px}.sidebar-history-delete:hover{color:#ef4444;background:#fef2f2}.sidebar-history-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-section{padding:16px;border-bottom:none}.sidebar-user-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.sidebar-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#fff;overflow:hidden}.sidebar-avatar img{width:100%;height:100%;object-fit:cover}.sidebar-user-info{display:flex;flex-direction:column;gap:2px}.sidebar-user-name{font-weight:600;font-size:14px;color:#0f172a}.sidebar-user-email{font-size:12px;color:#6b7280}.sidebar-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;background:none;border:none;color:#374151;font-size:14px;cursor:pointer;border-radius:10px;transition:background .15s;text-decoration:none}.sidebar-menu-item:hover{background:#f3f4f6}.sidebar-menu-item svg{flex-shrink:0;color:#6b7280}.sidebar-chevron{margin-left:auto;transition:transform .2s}.sidebar-chevron.open{transform:rotate(180deg)}.sidebar-menu-item-with-submenu{position:relative}.sidebar-help-submenu{background:#f8fafc;border-radius:8px;margin:4px 0 4px 30px;overflow:hidden}.sidebar-submenu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:none;border:none;color:#4b5563;font-size:13px;cursor:pointer;transition:background .15s;text-decoration:none}.sidebar-submenu-item:hover{background:#e5e7eb}.sidebar-submenu-item svg{flex-shrink:0;color:#6b7280}.sidebar-contact-info{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;color:#4b5563}.sidebar-contact-info svg{flex-shrink:0;color:#6b7280;margin-top:2px}.contact-details{display:flex;flex-direction:column;gap:2px}.contact-label{font-size:13px;color:#4b5563}.contact-email{font-size:12px;color:#2563eb;font-weight:500}.sidebar-menu-item.logout{color:#dc2626}.sidebar-menu-item.logout svg{color:#dc2626}.sidebar-divider{height:1px;background:#d1d5db;margin:8px 16px}.sidebar-footer{padding:16px;border-top:1px solid #e5e7eb;background:#f8fafc}.sidebar-user{display:flex;align-items:center;gap:10px;margin-bottom:12px}.sidebar-avatar-old{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#3b82f6);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff}.sidebar-upgrade{width:100%;padding:10px;border-radius:8px;border:none;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s}.sidebar-upgrade:hover{opacity:.9}.upgrade-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px;animation:fadeIn .2s ease}.upgrade-container{background:#1a1a1a;border-radius:20px;max-width:1000px;width:100%;max-height:90vh;overflow-y:auto;padding:40px;position:relative;animation:slideUp .3s ease}.signin-modal{background:white;border-radius:20px;max-width:440px;width:100%;padding:32px;position:relative;animation:slideUp .3s ease;text-align:center}.clerk-signin-wrapper{margin:0 -16px}.upgrade-close{position:absolute;top:20px;right:20px;background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s,color .2s}.upgrade-close:hover{background:#2a2a2a;color:#fff}.upgrade-header{text-align:center;margin-bottom:24px}.upgrade-title{font-size:28px;font-weight:600;color:#fff;margin:0}.plan-toggle{display:flex;justify-content:center;gap:0;background:#2a2a2a;padding:4px;border-radius:10px;width:fit-content;margin:0 auto 32px}.plan-toggle-option{padding:10px 24px;font-size:14px;color:#9ca3af;cursor:pointer;border-radius:8px;transition:all .2s}.plan-toggle-option.active{background:#3a3a3a;color:#fff}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}@media (max-width: 900px){.pricing-grid{grid-template-columns:1fr}.upgrade-container{padding:24px}}.pricing-card{background:#212121;border:1px solid #333;border-radius:16px;padding:24px;position:relative}.pricing-card h3{font-size:20px;font-weight:600;color:#fff;margin:0 0 12px}.price{margin-bottom:8px;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.price-strike{font-size:16px;color:#6b7280;text-decoration:line-through}.price-amount{font-size:32px;font-weight:700;color:#fff}.price-period{font-size:13px;color:#6b7280}.price-desc{font-size:14px;color:#9ca3af;margin-bottom:20px}.plan-btn{width:100%;padding:12px;border-radius:10px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:20px}.plan-btn.current{background:#333;color:#6b7280;cursor:not-allowed}.plan-btn.primary{background:white;color:#0f172a}.plan-btn.primary:hover{opacity:.9}.plan-btn.secondary{background:#333;color:#fff;border:1px solid #444}.plan-btn.secondary:hover{background:#444}.plan-features{list-style:none;padding:0;margin:0}.plan-features li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#d1d5db;margin-bottom:10px;line-height:1.4}.feature-dot:before{content:"○";color:#6b7280;font-size:10px}.plan-note{font-size:12px;color:#6b7280;margin-top:16px}.plan-note a{color:#60a5fa;text-decoration:underline}.upgrade-footer{text-align:center;padding-top:20px;border-top:1px solid #333}.footer-icon{font-size:20px;display:block;margin-bottom:8px}.upgrade-footer p{font-size:14px;color:#9ca3af;margin:0;line-height:1.5}.upgrade-footer a{color:#60a5fa;text-decoration:underline}.bug-report-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px;animation:fadeIn .2s ease}.bug-report-modal{background:white;border-radius:16px;max-width:480px;width:100%;padding:32px;position:relative;animation:slideUp .3s ease}.bug-report-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:6px;transition:background .2s}.bug-report-close:hover{background:#f3f4f6;color:#0f172a}.bug-report-header{text-align:center;margin-bottom:24px}.bug-report-header svg{color:#f59e0b;margin-bottom:12px}.bug-report-header h3{font-size:20px;font-weight:700;color:#0f172a;margin:0 0 8px}.bug-report-header p{font-size:14px;color:#6b7280;margin:0}.bug-report-textarea{width:100%;padding:14px;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;resize:vertical;min-height:120px;font-family:inherit;transition:border-color .2s}.bug-report-textarea:focus{outline:none;border-color:#2563eb}.bug-report-textarea::placeholder{color:#9ca3af}.bug-report-submit{width:100%;margin-top:16px;padding:14px;background:#2563eb;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s}.bug-report-submit:hover:not(:disabled){background:#1d4ed8}.bug-report-submit:disabled{background:#94a3b8;cursor:not-allowed}.bug-report-success{text-align:center;padding:20px 0}.bug-report-success h3{font-size:20px;font-weight:700;color:#0f172a;margin:16px 0 8px}.bug-report-success p{font-size:14px;color:#6b7280;margin:0}.landing{max-width:900px;margin:120px auto 0;text-align:center;padding:0 20px}.hero-title{font-size:56px;color:#2563eb;margin-bottom:12px}.landing p{font-size:18px;color:#475569}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}.chips span{background:#eef2ff;color:#1e40af;padding:8px 14px;border-radius:999px;font-size:14px}.chat-area{flex:1;padding:24px;overflow-y:auto}.thread{margin-bottom:32px}.user-msg{max-width:820px;margin:0 auto 18px;padding:14px 18px;background:#2563eb;color:#fff;border-radius:14px;font-size:15px;line-height:1.6}.ai-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;max-width:1200px;margin:0 auto}.ai-card{background:white;border-radius:16px;border:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden}.ai-card h4{margin:0;padding:10px 14px;font-size:13px;font-weight:600;background:#f1f5f9;color:#2563eb;border-bottom:1px solid #e5e7eb}.ai-text{padding:14px 16px;font-size:15px;line-height:1.75;white-space:pre-wrap;word-break:break-word}.ai-text h1,.ai-text h2,.ai-text h3{margin:12px 0 6px;font-weight:600}.ai-text ul{padding-left:18px}.ai-text li{margin-bottom:6px}.ai-text strong{font-weight:600}.compare-panel{max-width:960px;margin:22px auto 0;display:flex;flex-direction:column;gap:16px;background:white;border:1px solid #e5e7eb;border-radius:16px;padding:22px 28px}.compare-overview-header{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.compare-overview-header h2{margin:0;font-size:19px;font-weight:700;color:#0f172a}.compare-section{padding:0}.compare-executive{padding-bottom:12px;border-bottom:1px solid #f1f5f9}.compare-sub-title{margin:0 0 6px;font-size:14px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.04em}.compare-meta{margin:8px 0 0;font-size:12px;color:#94a3b8;font-style:italic}.compare-section-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.compare-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.02em}.compare-badge-green{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.compare-badge-green:before{content:"🟢";font-size:10px}.compare-badge-orange{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.compare-badge-orange:before{content:"🟠";font-size:10px}.compare-summary-text{font-size:15px;line-height:1.8;color:#334155}.compare-agree-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.compare-agree-list li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.6;color:#1e293b;padding:8px 14px;background:#f0fdf4;border-radius:8px;border-left:3px solid #10b981}.compare-agree-list li:before{content:"✓";color:#10b981;font-weight:700;flex-shrink:0;margin-top:1px}.compare-diff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.compare-diff-card{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:18px 22px}.compare-diff-model{font-size:13px;font-weight:700;color:#92400e;letter-spacing:.03em;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #fde68a;display:flex;align-items:center;gap:6px}.compare-diff-model:before{content:"🟠";font-size:8px}.compare-diff-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.compare-diff-card li{font-size:14px;line-height:1.65;color:#451a03;padding-left:16px;position:relative}.compare-diff-card li:before{content:"•";position:absolute;left:0;color:#f59e0b;font-weight:700}.compare-loader{max-width:960px;margin:28px auto 0;text-align:center;padding:40px 28px;background:white;border:1px solid #e5e7eb;border-radius:18px}.compare-loader p{font-size:15px;color:#475569;margin:12px 0 0;font-weight:500}.compare-loader-sub{font-size:13px!important;color:#94a3b8!important;font-weight:400!important}.compare-loader-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#4338ca;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.ai-thinking{padding:14px 16px;font-size:14px;color:#2563eb;font-style:italic;animation:pulse 1.4s infinite ease-in-out}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.input-bar{position:sticky;bottom:24px;margin:0 auto;width:min(100%,960px);background:white;padding:12px 14px;border-radius:999px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px #00000014}.attach-wrapper{position:relative}.plus{width:40px;height:40px;border-radius:50%;border:none;background:#f3f4f6;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;color:#374151;transition:background .2s}.plus:hover{background:#e5e7eb}.attach-menu{position:absolute;bottom:100%;left:0;margin-bottom:8px;background:white;border-radius:12px;box-shadow:0 4px 20px #00000026;overflow:hidden;min-width:180px;animation:slideUp .2s ease}.attach-option{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border:none;background:none;font-size:14px;color:#374151;cursor:pointer;transition:background .2s;text-align:left}.attach-option:hover:not(:disabled){background:#f3f4f6}.attach-option.disabled{opacity:.5;cursor:not-allowed}.attach-coming-soon-header{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:12px;font-weight:600;color:#f59e0b;border-bottom:1px solid #f3f4f6;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:background .2s}.attach-coming-soon-header:hover{background:#fffbeb}.coming-soon-badge{margin-left:auto;font-size:10px;font-weight:600;color:#f59e0b;background:#fef3c7;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.3px}.input-wrapper{flex:1;display:flex;cursor:text}.chat-input{width:100%;resize:none;border:none;outline:none;font-family:inherit;font-size:16px;line-height:1.6;min-height:44px;max-height:160px;padding:10px 12px;background:transparent;color:#0f172a;overflow-y:auto;white-space:pre-wrap}.chat-input.limited{cursor:pointer;opacity:.5;filter:blur(1px);-webkit-user-select:none;user-select:none}.chat-input:disabled,.chat-input[readonly]{pointer-events:none}.input-wrapper:has(.chat-input.limited){cursor:pointer;position:relative}.input-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.send{width:40px;height:40px;border-radius:50%;border:none;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.send:hover{background:#1d4ed8}.send:disabled{opacity:.7;cursor:not-allowed}.send-loading{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.toggle-pill{display:flex;background:#e5e7eb;border-radius:999px;padding:4px;width:180px}.toggle-pill .pill{flex:1;text-align:center;padding:8px 0;font-size:14px;border-radius:999px;cursor:pointer}.toggle-pill .pill.active{background:#2563eb;color:#fff}.model-selector-wrapper{text-align:center;margin:16px auto;padding:0 16px}.model-selector-header{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:12px}.model-selector-label{font-size:14px;color:#64748b;font-weight:500}.model-selector-count{font-size:13px;color:#94a3b8}.model-limit-hint{text-align:center;font-size:13px;color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:8px;padding:8px 16px;margin-top:8px;cursor:pointer;font-weight:500;transition:background .15s}.model-limit-hint:hover{background:#ede9fe}.model-selector{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.model-pill{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;border:1.5px solid #e5e7eb;background:white;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.model-pill:hover{border-color:var(--model-color, #e5e7eb)}.model-pill.active{color:#0f172a;font-weight:600}.model-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.model-pill.locked{opacity:.65;background:#f8fafc;color:#64748b;border:1.5px dashed #cbd5e1;cursor:pointer}.model-pill.locked:hover{background:#f1f5f9;border-color:#94a3b8}.model-pill .lock{margin-left:4px;font-size:11px}.plan.warning{color:#dc2626;font-weight:600}.review-card{max-width:600px;margin:24px auto;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:20px;padding:24px;box-shadow:0 4px 20px #0000000d}.review-card-header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.review-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#3b82f6);display:flex;align-items:center;justify-content:center;color:#fff}.review-card-header h4{margin:0 0 4px;font-size:16px;font-weight:600;color:#1e293b}.review-card-header p{font-size:13px;color:#64748b}.review-vote-row{display:flex;gap:12px;margin-bottom:16px}.review-vote-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:12px;border:2px solid #e2e8f0;background:white;font-size:14px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s}.review-vote-btn:hover{border-color:#cbd5e1;background:#f8fafc}.review-vote-btn.active.positive{border-color:#10b981;background:#ecfdf5;color:#059669}.review-vote-btn.active.negative{border-color:#f59e0b;background:#fffbeb;color:#d97706}.review-feedback-section{animation:fadeIn .3s ease}.review-textarea{width:100%;min-height:100px;padding:14px;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s;box-sizing:border-box}.review-textarea:focus{outline:none;border-color:#2563eb}.review-textarea::placeholder{color:#94a3b8}.review-submit-btn{width:100%;margin-top:12px;padding:14px;border-radius:12px;border:none;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .2s}.review-submit-btn:hover{opacity:.9;transform:translateY(-1px)}.thanks-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;z-index:150;animation:fadeIn .2s ease;cursor:pointer}.thanks-card{background:white;border-radius:20px;padding:32px 40px;text-align:center;max-width:360px;position:relative;cursor:default;animation:slideUp .3s ease;box-shadow:0 10px 40px #00000026}.thanks-close{position:absolute;top:12px;right:12px;background:none;border:none;color:#94a3b8;cursor:pointer;padding:6px;border-radius:8px;transition:background .2s,color .2s}.thanks-close:hover{background:#f1f5f9;color:#475569}.thanks-icon{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:linear-gradient(135deg,#10b981,#34d399);display:flex;align-items:center;justify-content:center;color:#fff}.thanks-card h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#1e293b}.thanks-card p{font-size:14px;color:#64748b;line-height:1.5}.muted{color:#64748b}.landing-page{min-height:100vh;background:#f7f9fc;color:#0f172a;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:16px 40px;background:white;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:50}.landing-brand{font-size:18px;font-weight:700;color:#0f172a}.landing-nav-links{display:flex;align-items:center;gap:32px}.landing-nav-links a{color:#64748b;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.landing-nav-links a:hover{color:#0f172a}.nav-cta{padding:10px 20px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.nav-cta:hover{background:#1d4ed8}.hero{max-width:800px;margin:0 auto;padding:80px 24px 60px;text-align:center}.hero-badge{display:inline-block;padding:6px 14px;background:#eef2ff;color:#4f46e5;border-radius:999px;font-size:13px;font-weight:500;margin-bottom:24px}.hero h1{font-size:48px;font-weight:700;line-height:1.15;margin:0 0 20px;color:#0f172a}.hero-accent{color:#2563eb}.hero-subtitle{font-size:18px;color:#64748b;line-height:1.6;max-width:600px;margin:0 auto 40px}.demo-app-container{max-width:700px;margin:0 auto;background:white;border:1px solid #e5e7eb;border-radius:20px;padding:24px;box-shadow:0 4px 24px #0000000f}.demo-model-selector{margin-bottom:20px}.demo-model-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.demo-model-label{font-size:13px;font-weight:600;color:#475569}.demo-model-count{font-size:12px;color:#94a3b8}.demo-model-pills{display:flex;flex-wrap:wrap;gap:8px}.demo-model-pill{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #e5e7eb;border-radius:999px;background:white;font-size:12px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s}.demo-model-pill:hover:not(.locked){border-color:var(--model-color)}.demo-model-pill.active{color:#0f172a}.demo-model-pill.locked{opacity:.5;cursor:not-allowed}.demo-pill-dot{width:8px;height:8px;border-radius:50%}.demo-lock{font-size:10px;margin-left:2px}.demo-mode-toggle{display:flex;justify-content:center;gap:4px;margin-bottom:16px;background:#f1f5f9;padding:4px;border-radius:999px;width:fit-content;margin-left:auto;margin-right:auto}.demo-mode-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:999px;background:transparent;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.demo-mode-btn.active{background:white;color:#0f172a;box-shadow:0 1px 3px #0000001a}.demo-mode-btn:hover:not(.active){color:#475569}.demo-input-section{max-width:600px;margin:0 auto}.demo-input-wrapper{display:flex;align-items:center;background:white;border:2px solid #e5e7eb;border-radius:999px;padding:6px 6px 6px 24px;transition:border-color .2s,box-shadow .2s}.demo-input-wrapper:focus-within{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.demo-input{flex:1;border:none;outline:none;font-size:16px;background:transparent;color:#0f172a}.demo-input::placeholder{color:#94a3b8}.demo-input:disabled{opacity:.6}.demo-send-btn{width:44px;height:44px;border-radius:50%;border:none;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;flex-shrink:0}.demo-send-btn:hover{background:#1d4ed8}.demo-send-btn:disabled{opacity:.7;cursor:not-allowed}.demo-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.demo-hint{font-size:13px;color:#94a3b8;margin-top:12px}.demo-response{margin-top:40px;animation:fadeSlideUp .4s ease}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.demo-response-header{margin-bottom:16px}.demo-check{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ecfdf5;color:#059669;border-radius:999px;font-size:13px;font-weight:500}.demo-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;text-align:left}@media (max-width: 600px){.demo-cards{grid-template-columns:1fr}}.demo-card{background:white;border:1px solid #e5e7eb;border-radius:16px;padding:16px}.demo-card-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#64748b;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #f1f5f9}.demo-dot{width:8px;height:8px;border-radius:50%}.demo-card p{font-size:14px;line-height:1.6;color:#475569;margin:0}.demo-continue-btn{display:inline-flex;align-items:center;gap:8px;margin-top:24px;padding:12px 24px;background:#2563eb;color:#fff;border:none;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.demo-continue-btn:hover{background:#1d4ed8}.demo-continue-hint{font-size:14px;color:#64748b;margin-top:24px}.demo-question-bubble{background:#eef2ff;padding:12px 16px;border-radius:16px;font-size:14px;color:#0f172a;margin-bottom:16px;text-align:left}.demo-you-label{display:block;font-size:11px;font-weight:600;color:#64748b;margin-bottom:4px;text-transform:uppercase}.demo-compare-section{text-align:left}.demo-agree-box{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:16px;padding:16px;margin-bottom:16px}.demo-agree-box h4{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#059669;margin:0 0 12px}.demo-agree-box ul{margin:0;padding-left:20px}.demo-agree-box li{font-size:13px;color:#047857;padding:4px 0}.demo-differ-box{background:white;border:1px solid #e5e7eb;border-radius:16px;padding:16px}.demo-differ-box h4{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#475569;margin:0 0 12px}.demo-differ-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 500px){.demo-differ-columns{grid-template-columns:1fr}}.demo-differ-col{background:#f8fafc;border-radius:12px;padding:12px}.demo-differ-model{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#64748b;margin-bottom:8px}.demo-differ-col ul{margin:0;padding-left:16px}.demo-differ-col li{font-size:12px;color:#475569;padding:3px 0}.features{padding:80px 24px;background:white}.features h2{text-align:center;font-size:32px;margin:0 0 48px;color:#0f172a}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1100px;margin:0 auto}@media (max-width: 900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 550px){.features-grid{grid-template-columns:1fr}}.feature-card{text-align:center;padding:32px 24px}.feature-icon{width:56px;height:56px;margin:0 auto 20px;background:#eef2ff;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#2563eb}.feature-card h3{font-size:18px;margin:0 0 12px;color:#0f172a}.feature-card p{font-size:14px;color:#64748b;line-height:1.6;margin:0}.coming-soon-card{position:relative;border:1px dashed #e5e7eb;border-radius:16px;background:#fafafa}.coming-soon-icon{background:#fef3c7!important;color:#f59e0b!important}.feature-coming-soon-tag{display:inline-block;margin-top:12px;font-size:11px;font-weight:600;color:#f59e0b;background:#fef3c7;padding:4px 12px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.models-section{padding:80px 24px;text-align:center;background:#f7f9fc}.models-section h2{font-size:32px;margin:0 0 12px;color:#0f172a}.models-subtitle{font-size:16px;color:#64748b;margin:0 0 40px}.models-showcase{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:700px;margin:0 auto}.model-badge{display:flex;align-items:center;gap:8px;padding:12px 20px;background:white;border:1.5px solid #e5e7eb;border-radius:999px;font-size:13px;font-weight:600;color:#0f172a}.model-badge.premium{opacity:.7}.model-dot{width:8px;height:8px;border-radius:50%}.pro-tag{font-size:10px;padding:2px 6px;background:#fef3c7;color:#d97706;border-radius:4px;margin-left:4px}.pricing-teaser{padding:80px 24px;background:white}.pricing-content{max-width:700px;margin:0 auto;text-align:center}.pricing-teaser h2{font-size:32px;margin:0 0 12px;color:#0f172a}.pricing-teaser>.pricing-content>p{font-size:16px;color:#64748b;margin:0 0 40px}.pricing-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.pricing-cards.three-col{grid-template-columns:repeat(3,1fr)}.pricing-content:has(.three-col){max-width:900px}@media (max-width: 800px){.pricing-cards.three-col{grid-template-columns:1fr}}@media (max-width: 600px){.pricing-cards{grid-template-columns:1fr}}.pricing-mini-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:28px 24px;text-align:left;position:relative}.pricing-mini-card.highlight{background:white;border:2px solid #2563eb}.popular-badge{position:absolute;top:-10px;left:20px;padding:4px 10px;background:#2563eb;color:#fff;font-size:11px;font-weight:600;border-radius:4px}.pricing-mini-card h4{margin:0 0 8px;font-size:18px;color:#0f172a}.pricing-value{font-size:36px;font-weight:700;color:#0f172a;margin-bottom:16px}.pricing-value span{font-size:14px;font-weight:400;color:#64748b}.pricing-mini-card ul{list-style:none;padding:0;margin:0}.pricing-mini-card li{font-size:14px;color:#475569;padding:6px 0;display:flex;align-items:center;gap:8px}.pricing-mini-card li:before{content:"✓";color:#10b981;font-weight:600}.pricing-btn{display:block;width:100%;padding:12px 20px;margin-top:20px;border-radius:10px;border:1px solid #d1d5db;background:white;color:#374151;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.pricing-btn:hover{background:#f3f4f6;border-color:#9ca3af}.pricing-btn.primary{background:#2563eb;color:#fff;border-color:#2563eb}.pricing-btn.primary:hover{background:#1d4ed8}.final-cta{padding:100px 24px;text-align:center;background:linear-gradient(180deg,#f7f9fc 0%,#eef2ff 100%)}.final-cta h2{font-size:36px;margin:0 0 12px;color:#0f172a}.final-cta p{font-size:16px;color:#64748b;margin:0 0 32px}.cta-button{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:#2563eb;color:#fff;border:none;border-radius:999px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s,transform .2s}.cta-button:hover{background:#1d4ed8;transform:translateY(-2px)}.cta-button.large{padding:18px 40px;font-size:17px}.use-cases-section{padding:80px 24px;background:#f7f9fc}.use-cases-section h2{text-align:center;font-size:32px;margin:0 0 12px;color:#0f172a}.use-cases-subtitle{text-align:center;font-size:16px;color:#64748b;margin:0 0 48px}.use-cases-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1000px;margin:0 auto}@media (max-width: 900px){.use-cases-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 550px){.use-cases-grid{grid-template-columns:1fr}}.use-case-card{background:white;border:1px solid #e5e7eb;border-radius:16px;padding:28px 20px;text-align:center;transition:transform .2s,box-shadow .2s}.use-case-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.use-case-icon{width:52px;height:52px;margin:0 auto 16px;background:#eef2ff;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#2563eb}.use-case-card h3{font-size:17px;font-weight:600;margin:0 0 8px;color:#0f172a}.use-case-card p{font-size:14px;color:#64748b;line-height:1.6;margin:0}.faq-section{padding:80px 24px;background:white}.faq-section h2{text-align:center;font-size:32px;margin:0 0 40px;color:#0f172a}.faq-list{max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:8px}.faq-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:border-color .2s}.faq-item.open{border-color:#2563eb;background:white}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:none;border:none;font-size:15px;font-weight:600;color:#0f172a;cursor:pointer;text-align:left;gap:12px}.faq-question:hover{color:#2563eb}.faq-chevron{flex-shrink:0;color:#94a3b8;transition:transform .2s}.faq-item.open .faq-chevron{transform:rotate(180deg);color:#2563eb}.faq-answer{padding:0 20px 18px;animation:faqFadeIn .2s ease}@keyframes faqFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.faq-answer p{font-size:14px;line-height:1.7;color:#475569;margin:0}.landing-footer{padding:40px 24px;text-align:center;background:#0f172a;color:#fff}.footer-brand{font-size:18px;font-weight:700;margin-bottom:12px}.footer-links{display:flex;justify-content:center;gap:24px;margin-bottom:16px}.footer-links a{font-size:14px;color:#94a3b8;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fff}.landing-footer p{font-size:14px;color:#64748b;margin:0}.signup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.signup-modal{background:white;border-radius:24px;max-width:420px;width:100%;padding:32px;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.signup-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#94a3b8;cursor:pointer;padding:6px;border-radius:8px;transition:background .2s,color .2s}.signup-close:hover{background:#f1f5f9;color:#475569}.signup-header{text-align:center;margin-bottom:24px}.signup-icon{width:56px;height:56px;margin:0 auto 16px;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff}.signup-header h3{font-size:22px;margin:0 0 8px;color:#0f172a}.signup-header p{font-size:15px;color:#64748b;line-height:1.5;margin:0}.signup-header strong{color:#2563eb}.signup-benefits{background:#f8fafc;border-radius:12px;padding:16px;margin-bottom:24px}.benefit-item{display:flex;align-items:center;gap:10px;font-size:14px;color:#475569;padding:6px 0}.benefit-item svg{color:#10b981;flex-shrink:0}.signup-buttons{display:flex;flex-direction:column;gap:12px}.signup-google,.signup-facebook{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,transform .2s}.signup-google{background:white;border:1.5px solid #e5e7eb;color:#0f172a}.signup-google:hover{background:#f8fafc}.signup-facebook{background:#1877F2;border:none;color:#fff}.signup-facebook:hover{background:#166fe5}.signup-free-note{text-align:center;color:#10b981;font-size:14px;font-weight:600;margin:16px 0 0}.signup-terms{text-align:center;font-size:12px;color:#94a3b8;margin:16px 0 0}.terms-checkbox-label{display:flex;align-items:flex-start;gap:10px;margin-bottom:20px;cursor:pointer;text-align:left;padding:12px 14px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;transition:border-color .2s}.terms-checkbox-label:hover{border-color:#2563eb}.terms-checkbox{width:18px;height:18px;margin-top:1px;accent-color:#2563eb;cursor:pointer;flex-shrink:0}.terms-checkbox-label span{font-size:13px;color:#475569;line-height:1.5}.terms-checkbox-label a{color:#2563eb;text-decoration:none;font-weight:500}.terms-checkbox-label a:hover{text-decoration:underline}.signin-blocked{padding:32px 20px;text-align:center;background:#f8fafc;border:1px dashed #d1d5db;border-radius:12px}.signin-blocked p{font-size:14px;color:#94a3b8;margin:0;line-height:1.5}.clerk-modal{max-width:440px}.clerk-signin-wrapper{margin:0 -32px}.clerk-signin-wrapper .cl-rootBox{width:100%}.clerk-signin-wrapper .cl-card{box-shadow:none;border:none;margin:0;padding:0}.clerk-hidden{display:none!important}.clerk-signin-wrapper .cl-headerTitle,.clerk-signin-wrapper .cl-headerSubtitle{display:none}.clerk-signin-wrapper .cl-socialButtonsBlockButton{border-radius:12px;padding:14px;font-weight:600}.clerk-signin-wrapper .cl-formButtonPrimary{background:#2563eb;border-radius:12px}.clerk-signin-wrapper .cl-formButtonPrimary:hover{background:#1d4ed8}@media (max-width: 768px){.landing-nav{padding:12px 20px}.landing-nav-links a{display:none}.hero{padding:60px 20px 40px}.hero h1{font-size:32px}.hero-subtitle{font-size:16px}.features h2,.models-section h2,.pricing-teaser h2,.final-cta h2,.use-cases-section h2,.faq-section h2{font-size:26px}.use-cases-section,.faq-section{padding:60px 20px}.faq-question{font-size:14px;padding:14px 16px}}.legal-page{min-height:100vh;background:#f7f9fc;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;flex-direction:column}.legal-nav{display:flex;justify-content:space-between;align-items:center;padding:16px 40px;background:white;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:50}.legal-brand{font-size:18px;font-weight:700;color:#0f172a;text-decoration:none}.legal-back{font-size:14px;font-weight:500;color:#2563eb;text-decoration:none;transition:color .2s}.legal-back:hover{color:#1d4ed8}.legal-content{max-width:720px;margin:0 auto;padding:48px 24px 80px;flex:1}.legal-content h1{font-size:36px;font-weight:700;color:#0f172a;margin:0 0 8px}.legal-updated{font-size:14px;color:#94a3b8;margin:0 0 40px}.legal-content section{margin-bottom:32px}.legal-content h2{font-size:20px;font-weight:600;color:#0f172a;margin:0 0 12px}.legal-content h3{font-size:16px;font-weight:600;color:#334155;margin:16px 0 8px}.legal-content p{font-size:15px;line-height:1.7;color:#475569;margin:0 0 12px}.legal-content ul{margin:0 0 12px;padding-left:24px}.legal-content li{font-size:15px;line-height:1.7;color:#475569;padding:2px 0}.legal-content a{color:#2563eb;text-decoration:none}.legal-content a:hover{text-decoration:underline}.legal-footer{padding:32px 24px;text-align:center;background:#0f172a;color:#fff}.legal-footer-links{display:flex;justify-content:center;gap:24px;margin-bottom:12px}.legal-footer-links a{font-size:14px;color:#94a3b8;text-decoration:none;transition:color .2s}.legal-footer-links a:hover{color:#fff}.legal-footer p{font-size:13px;color:#64748b;margin:0}@media (max-width: 768px){.legal-nav{padding:12px 20px}.legal-content{padding:32px 20px 60px}.legal-content h1{font-size:28px}}