.navbar{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:1rem;margin-top:1rem;margin-left:1rem;margin-right:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;z-index:100}.nav-left,.nav-right{display:flex;align-items:center;gap:1rem}.nav-button{background-color:transparent;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:sans-serif}.nav-button:hover{background-color:#4f46e5;color:#fff;transform:translateY(-2px);box-shadow:0 4px 6px #4f46e540}.nav-button.active{background-color:#4f46e5;color:#fff;box-shadow:0 2px 4px #4f46e54d}.credits-container{display:flex;align-items:center;gap:8px;margin-left:16px}.credits-add-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:50%;color:#fff;font-size:20px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #10b9814d;font-family:sans-serif}.credits-add-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #10b98166;background:linear-gradient(135deg,#059669,#047857)}.credits-add-button:active{transform:translateY(0) scale(.95)}.credits-display,.credits-loading,.credits-error{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d;font-family:sans-serif}.credits-display:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.credits-icon{font-size:18px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.credits-amount{font-size:18px;font-weight:700;color:#fff;min-width:30px;text-align:center;font-family:sans-serif}.credits-label,.credits-text{font-size:14px;font-weight:500;color:#ffffffe6;font-family:sans-serif}.credits-low{background:linear-gradient(135deg,#f59e0b,#ef4444);animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.credits-low:hover{box-shadow:0 4px 12px #ef444466}.credits-error{background:linear-gradient(135deg,#ef4444,#dc2626)}.credits-error:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.credits-loading{background:linear-gradient(135deg,#6b7280,#4b5563);cursor:default}.credits-loading .credits-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.credits-label{display:none}.credits-display,.credits-loading,.credits-error{padding:6px 12px}}.profile-dropdown{position:relative}.profile-button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.profile-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;transition:transform .2s ease,box-shadow .2s ease}.profile-button:hover .profile-avatar{transform:scale(1.05);box-shadow:0 4px 12px #4f46e54d}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;min-width:220px;padding:8px;z-index:1000;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:12px}.dropdown-email{font-size:14px;color:#374151;font-weight:500;word-break:break-word}.dropdown-divider{height:1px;background:#e5e7eb;margin:8px 0}.dropdown-item{width:100%;padding:10px 12px;background:none;border:none;border-radius:8px;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;font-weight:500;color:#374151;transition:background-color .2s ease;text-align:left}.dropdown-item:hover{background-color:#f3f4f6}.dropdown-item.logout{color:#dc2626}.dropdown-item.logout:hover{background-color:#fee2e2}.dropdown-icon{font-size:16px}.data-table{margin:1rem;margin-bottom:0}.data-table-container{transition:margin-left .3s ease-out,width .3s ease-out;margin-top:5rem;padding-top:.5rem}.chat-open{transition:margin-left .3s ease-out,width .3s ease-out}.action-bar{display:flex;justify-content:space-between;align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:.25rem;margin-top:.5rem;margin-left:1rem;margin-right:1rem;margin-bottom:0;min-height:3rem;z-index:90;position:relative}.action-chat-btn{background-color:#4f46e5;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;margin-left:.5rem;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #4f46e540;z-index:100}.action-chat-btn:hover{background-color:#4338ca;transform:translateY(-2px);box-shadow:0 6px 10px #4f46e54d}.action-chat-btn:active{transform:translateY(0);box-shadow:0 2px 4px #4f46e533}:root{--navbar-height: 4rem;--actionbar-height: 4.5rem;--spacing: 1rem;--bottom-margin: 2rem;--chat-width: 350px;--chat-window-padding: 1rem;--total-offset: calc(var(--navbar-height) + var(--actionbar-height) + var(--spacing) * 2 + var(--bottom-margin))}.chatbar{position:fixed;margin:1rem;width:auto;height:auto}.chatbar button{background-color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;cursor:pointer;font-weight:500;box-shadow:0 4px 12px #0000001a;transition:all .2s ease}.chatbar button:hover{background-color:#0000000d;transform:translateY(-2px);box-shadow:0 6px 14px #00000026}.chat-window{position:absolute;left:0;top:calc(var(--actionbar-height) - 15px);width:var(--chat-width);height:calc(100vh - var(--total-offset) + 20px);background-color:#fff;border-radius:16px;box-shadow:0 6px 24px #0000001f;padding:var(--chat-window-padding);z-index:80;display:flex;flex-direction:column;overflow:hidden;margin-left:0;margin-bottom:var(--bottom-margin);animation:chat-open-side .3s ease-out forwards}.chat-window h2{margin:0 0 1rem;font-size:1.25rem;color:#333}.chat-window button{position:absolute;top:.75rem;right:.75rem;width:2rem;height:2rem;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600;font-size:1rem;background-color:#f5f5f5;box-shadow:none;transition:all .2s ease}.chat-window button.action-chat-btn{position:absolute;top:.75rem;right:.75rem;width:auto;height:auto;border-radius:8px;padding:.5rem 1rem;background-color:#4f46e5;color:#fff;font-weight:500;font-size:.9rem;box-shadow:0 4px 6px #4f46e540;display:flex;align-items:center;justify-content:center}.chat-window button.action-chat-btn:hover{background-color:#4338ca;transform:translateY(-2px);box-shadow:0 6px 10px #4f46e54d}.chat-window button.action-chat-btn:active{transform:translateY(0);box-shadow:0 2px 4px #4f46e533}@keyframes chat-open-side{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.chat-messages{flex:1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.5rem}.chat-input-form{display:flex;padding:.75rem;gap:.5rem;border-top:1px solid rgba(0,0,0,.1);margin-top:auto}.chat-input{flex:1;padding:.75rem;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:.9rem;outline:none;transition:border-color .2s ease}.chat-input:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51a}.chat-input:disabled{background-color:#f5f5f5;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}.chat-window button.chat-send-button{position:static!important;top:auto!important;right:auto!important;width:auto!important;height:auto!important;background-color:#4f46e5;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;font-size:.9rem;cursor:pointer;box-shadow:0 4px 6px #4f46e540;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.chat-window button.chat-send-button:hover{background-color:#4338ca;transform:translateY(-2px);box-shadow:0 6px 10px #4f46e54d}.chat-window button.chat-send-button:active{transform:translateY(0);box-shadow:0 2px 4px #4f46e533}.chat-window button.chat-send-button:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.chat-window button.chat-send-button:disabled:hover{background-color:#9ca3af;transform:none;box-shadow:none}.chat-empty-state{font-family:sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:8rem 2rem 2rem;text-align:center;color:#6b7280;margin-top:3rem}.chat-empty-state h1{font-size:1.5rem;font-weight:500;margin-bottom:.5rem;color:#292929}.chat-empty-state p{font-size:.9rem;opacity:.8}.loading-container{display:flex;align-items:center;justify-content:center;padding:15px 0}.loading-ball{display:inline-block;width:10px;height:10px;border-radius:50%;margin:0 5px;background-color:#4f46e5;animation:bounce .6s infinite alternate}.loading-ball:nth-child(2){animation-delay:.2s;background-color:#4f46e5}.loading-ball:nth-child(3){animation-delay:.4s;background-color:#4f46e5}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-15px)}}.saved-leads-container{font-family:sans-serif;padding:20px}.saved-leads-title{font-family:sans-serif;font-size:2.5rem;font-weight:600;color:#4f46e5;margin-bottom:30px;margin-top:0}.saved-lead-card{margin-bottom:40px}.saved-lead-header-compact{padding:20px 24px;background-color:#fff;display:flex;justify-content:space-between;align-items:center;font-family:sans-serif;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #E5E7EB}.saved-lead-header-compact:hover{background-color:#f9fafb}.saved-lead-info h3{font-family:sans-serif;margin:0 0 8px;font-size:1.25rem;font-weight:600;color:#1f2937}.saved-lead-meta{display:flex;gap:12px;align-items:center;font-size:14px;color:#6b7280;font-family:sans-serif}.saved-lead-meta span{display:flex;align-items:center;gap:4px}.saved-lead-actions{display:flex;align-items:center;gap:16px}.view-button{font-family:sans-serif;background-color:#4f46e5;color:#fff;border:none;padding:8px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;box-shadow:0 2px 4px #4f46e54d}.view-button:hover{background-color:#4338ca;transform:translateY(-2px);box-shadow:0 4px 8px #4f46e566}.view-button:active{transform:translateY(0);box-shadow:0 2px 4px #4f46e533}.delete-button{font-family:sans-serif;background-color:#ef4444;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;box-shadow:0 2px 4px #ef44444d}.delete-button:hover{background-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 8px #ef444466}.delete-button:active{transform:translateY(0);box-shadow:0 2px 4px #ef444433}.saved-lead-expanded{padding:20px;background-color:#f9fafb;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:600px}}.saved-lead-header{padding:15px 20px;background-color:#4f46e5;color:#fff;display:flex;justify-content:space-between;align-items:center;font-family:sans-serif}.saved-lead-info p{font-family:sans-serif;margin:5px 0 0;font-size:14px;opacity:.9}.empty-state{font-family:sans-serif;padding:60px 40px;text-align:center;color:#666}.empty-state h2{font-family:sans-serif;font-size:2rem;font-weight:600;color:#374151;margin-bottom:10px}.empty-state p{font-family:sans-serif;font-size:1.1rem;color:#6b7280}.save-modal-overlay{font-family:sans-serif;position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.save-modal-content{font-family:sans-serif;background-color:#fff;padding:35px;border-radius:12px;box-shadow:0 10px 40px #0000004d;min-width:450px;max-width:90%}.save-modal-title{font-family:sans-serif;margin-top:0;margin-bottom:10px;color:#4f46e5;font-size:1.75rem;font-weight:600}.save-modal-description{font-family:sans-serif;color:#6b7280;margin-bottom:20px;font-size:1rem;line-height:1.5}.save-modal-input{font-family:sans-serif;width:100%;padding:12px 16px;font-size:16px;border:2px solid #E5E7EB;border-radius:8px;margin-bottom:25px;box-sizing:border-box;transition:all .2s ease}.save-modal-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.save-modal-input::-moz-placeholder{color:#9ca3af}.save-modal-input::placeholder{color:#9ca3af}.save-modal-buttons{display:flex;gap:12px;justify-content:flex-end}.modal-button{font-family:sans-serif;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;transition:all .2s ease}.modal-button-cancel{background-color:#f3f4f6;color:#374151}.modal-button-cancel:hover{background-color:#e5e7eb;transform:translateY(-1px)}.modal-button-save{background-color:#4f46e5;color:#fff;box-shadow:0 2px 4px #4f46e54d}.modal-button-save:hover{background-color:#4338ca;transform:translateY(-2px);box-shadow:0 4px 8px #4f46e566}.modal-button-save:active,.modal-button-cancel:active{transform:translateY(0)}.message{margin:10px;padding:10px 15px;border-radius:10px;max-width:70%;word-wrap:break-word}.user-message{background-color:#fff;border:1px solid #4F46E5;align-self:flex-end;margin-left:auto}.ai-message{background-color:#f0f0f0;color:#333;align-self:flex-start;margin-right:auto}.message-content{margin-bottom:5px}.message-content p{margin:0}.message-sender{font-size:.8em;opacity:.7;text-align:right}.chat-messages{display:flex;flex-direction:column;overflow-y:auto;padding-top:25px;font-family:sans-serif}.tab-bar{display:flex;align-items:center;background-color:#fff;padding:8px 16px;overflow-x:auto;width:100%}.tab-list{display:flex;flex-grow:1;overflow-x:auto;scrollbar-width:thin}.tab{font-family:sans-serif;color:#3730a3;display:flex;align-items:center;background-color:#f5f5f5;border-radius:4px 4px 0 0;padding:8px 16px;margin-right:4px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid #3730a3;border-bottom:none;transition:background-color .2s;white-space:nowrap;min-width:60px;position:relative}.tab:has(.tab-close){padding-right:32px}.tab:hover{background-color:#a5b4fc;color:#fff}.tab.active{background-color:#4f46e5;color:#fff;border-color:#4f46e5}.tab-name{overflow:hidden;text-overflow:ellipsis;max-width:150px}.tab-close{background:none;border:none;color:inherit;font-size:18px;padding:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;cursor:pointer;position:absolute;right:8px}.tab-close:hover{background-color:#0000001a}.new-tab-button{background-color:#4f46e5;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;margin-left:8px;flex-shrink:0;padding-bottom:.25px}.new-tab-button:hover{background-color:#3730a3}.tab-list::-webkit-scrollbar{height:4px}.tab-list::-webkit-scrollbar-track{background:#fff}.tab-list::-webkit-scrollbar-thumb{background:#fff}.tab-list::-webkit-scrollbar-thumb:hover{background:#fff}.signupin-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;margin:0;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:sans-serif}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.signupin-container form{width:100%;max-width:400px;padding:30px;border-radius:8px;box-shadow:0 4px 12px #0000001a;background:linear-gradient(to top,#fff,#fff6);border:1px solid white}.signupin-heading{display:flex;justify-content:center;align-items:center;font-family:sans-serif;padding-bottom:30px;color:#fff;font-size:35px}.signupin-container input{width:100%;padding:15px;margin-bottom:15px;border:1px solid #ddd;border-radius:4px;font-size:16px;box-sizing:border-box}.signupin-container button{width:100%;padding:12px;background-color:#4f46e5;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;margin-bottom:15px}.signupin-container button:hover{color:#4f46e4;background-color:transparent;border:1px solid #4f46e4}.signupin-container button:disabled{background-color:#ccc;cursor:not-allowed}.terms-checkbox{display:flex;align-items:flex-start;gap:10px;margin-bottom:20px;padding:10px;background-color:#ffffff80;border-radius:6px}.terms-checkbox input[type=checkbox]{width:auto;margin:4px 0 0;cursor:pointer;flex-shrink:0}.terms-checkbox label{font-size:14px;color:#374151;line-height:1.5;cursor:pointer}.terms-checkbox label a{color:#4f46e5;text-decoration:underline;font-weight:500}.terms-checkbox label a:hover{color:#4338ca}.signupin-container p{margin-top:15px;text-align:center}.forgot-password-btn{background-color:transparent!important;color:#4f46e5!important;border:none!important;padding:8px!important;font-size:14px!important;text-decoration:underline;cursor:pointer;margin-bottom:10px!important}.forgot-password-btn:hover{color:#4338ca!important;background-color:transparent!important;border:none!important}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:40px;border-radius:12px;box-shadow:0 8px 24px #0003;max-width:500px;width:90%;font-family:sans-serif}.modal-content h2{margin:0 0 10px;color:#111827;font-size:24px;text-align:center}.modal-content p{text-align:center}.modal-content input{width:100%;padding:14px;margin-bottom:10px;border:1px solid #D1D5DB;border-radius:8px;font-size:16px;box-sizing:border-box}.modal-content button{flex:1;padding:14px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.reset-message{padding:10px;border-radius:8px;margin-top:10px;font-size:14px;font-weight:500}.reset-message.success{background-color:#d1fae5;color:#065f46}.reset-message.error{background-color:#fee2e2;color:#991b1b}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }*{margin:0;padding:0;box-sizing:border-box}.landing-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#fff;min-height:100vh}.landing-nav{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);z-index:1000;padding:1rem 0}.nav-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{height:30px;width:auto}.nav-buttons{display:flex;gap:1rem}.nav-btn-signin{padding:.75rem 1.5rem;background:transparent;border:none;color:#1f2937;font-size:1rem;font-weight:500;cursor:pointer;transition:color .2s}.nav-btn-signin:hover{color:#4f46e5}.nav-btn-signup{padding:.75rem 1.5rem;background:#4f46e5;border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.nav-btn-signup:hover{background:#4338ca;transform:translateY(-2px);box-shadow:0 4px 12px #4f46e54d}.hero-section{padding:8rem 2rem 6rem;background:linear-gradient(135deg,#667eea,#764ba2)}.hero-content-split{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-text{text-align:left}.hero-demo{display:flex;justify-content:center;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;color:#fff;font-size:.9rem;font-weight:500;margin-bottom:2rem}.badge-icon{font-size:1.2rem}.hero-title{font-size:4rem;font-weight:700;color:#fff;margin-bottom:1.5rem;line-height:1.2}.gradient-text{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.25rem;color:#ffffffe6;margin-bottom:2.5rem;line-height:1.6}.hero-buttons{display:flex;gap:1rem;justify-content:flex-start;margin-bottom:1.5rem}.btn-primary{padding:1rem 2.5rem;background:#fff;border:none;border-radius:8px;color:#4f46e5;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.btn-secondary{padding:1rem 2.5rem;background:transparent;border:2px solid white;border-radius:8px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-secondary:hover{background:#fff;color:#4f46e5}.hero-subtext{color:#fffc;font-size:.95rem}.demo-chatbox{position:relative;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden;width:100%;max-width:600px}.demo-chat-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.demo-header-text{color:#fff;font-weight:600;font-size:1.1rem}.demo-badge-live{background:#ffffff4d;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.demo-chat-messages{padding:2rem;min-height:400px;background:#f9fafb;display:flex;flex-direction:column;gap:1rem}.demo-message{display:flex;animation:fadeIn .5s ease}.demo-message-user{justify-content:flex-end}.demo-message-ai{justify-content:flex-start}.demo-message-bubble{max-width:80%;padding:1rem 1.25rem;border-radius:12px;font-size:.95rem;line-height:1.5}.demo-message-user .demo-message-bubble{background:#4f46e5;color:#fff}.demo-message-ai .demo-message-bubble{background:#fff;color:#1f2937;box-shadow:0 2px 8px #0000001a}.demo-table-preview{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;margin-top:.5rem}.demo-table-row{display:grid;grid-template-columns:2fr 1.5fr 1fr 2fr;gap:1rem;padding:.75rem 1rem;font-size:.9rem;border-bottom:1px solid #e5e7eb}.demo-table-row:last-child{border-bottom:none}.demo-table-header{background:#f3f4f6;font-weight:600;color:#374151}.demo-table-row:not(.demo-table-header){color:#6b7280}.demo-table-more{padding:.75rem 1rem;text-align:center;color:#4f46e5;font-weight:500;font-style:italic;background:#f9fafb}.demo-chat-input-container{display:flex;gap:.5rem;padding:1rem;border-top:1px solid #e5e7eb;background:#fff}.demo-chat-input{flex:1;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem;background:#f9fafb;color:#6b7280}.demo-send-button{padding:.75rem 1.5rem;background:#e5e7eb;border:none;border-radius:8px;color:#9ca3af;font-weight:500;cursor:not-allowed}.demo-overlay{position:absolute;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.demo-chatbox:hover .demo-overlay{opacity:1}.demo-overlay-button{padding:1rem 2.5rem;background:#fff;border:none;border-radius:8px;color:#4f46e5;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 8px 20px #0000004d}.demo-overlay-button:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0006}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.features-section{padding:6rem 2rem;background:#f9fafb}.pricing-section{padding:6rem 2rem;background:#fff}.pricing-subtitle{text-align:center;font-size:1.1rem;color:#6b7280;margin-bottom:3rem;margin-top:0rem}.pricing-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.pricing-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:2.5rem 2rem;display:flex;flex-direction:column;transition:all .3s;position:relative}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0000001f;border-color:#4f46e5}.pricing-card-popular{border-color:#4f46e5;border-width:3px;box-shadow:0 8px 20px #4f46e526}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:.4rem 1.2rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.section-title{text-align:center;font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#1f2937,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;position:relative;padding-bottom:1.5rem}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:2px}.pricing-header{text-align:center;margin-bottom:2rem}.pricing-plan-name{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.pricing-price{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.price-amount{font-size:3rem;font-weight:800;color:#4f46e5}.price-period{font-size:1.1rem;color:#6b7280;font-weight:500}.pricing-features{list-style:none;padding:0;margin:0 0 2rem;flex-grow:1}.pricing-features li{padding:.75rem 0;color:#4b5563;font-size:1rem;border-bottom:1px solid #f3f4f6}.pricing-features li:last-child{border-bottom:none}.pricing-button{width:100%;padding:1rem 2rem;background:#4f46e5;border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.pricing-button:hover{background:#4338ca;transform:translateY(-2px);box-shadow:0 4px 12px #4f46e54d}.pricing-button-popular{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.pricing-button-popular:hover{background:linear-gradient(135deg,#4338ca,#6d28d9)}.pricing-note{text-align:center;margin-top:3rem;color:#6b7280;font-size:.95rem}.features-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:all .3s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:.75rem}.feature-description{font-size:1rem;color:#6b7280;line-height:1.6}.coming-soon-section{padding:6rem 2rem;background:linear-gradient(135deg,#f9fafb,#fff);text-align:center}.coming-soon-badge{display:inline-block;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:.5rem 1.5rem;border-radius:50px;font-size:.9rem;font-weight:600;margin-bottom:2rem;text-transform:uppercase;letter-spacing:1px}.coming-soon-subtitle{text-align:center;font-size:1.2rem;color:#6b7280;margin-bottom:4rem;max-width:700px;margin-left:auto;margin-right:auto}.coming-soon-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.coming-soon-card{background:#fff;padding:2.5rem 2rem;border-radius:16px;border:2px solid #e5e7eb;transition:all .3s;position:relative;overflow:hidden}.coming-soon-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4f46e5,#7c3aed);transform:scaleX(0);transition:transform .3s}.coming-soon-card:hover:before{transform:scaleX(1)}.coming-soon-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #4f46e526;border-color:#4f46e5}.coming-soon-icon{font-size:3rem;margin-bottom:1.5rem;opacity:.8}.coming-soon-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.coming-soon-description{font-size:1rem;color:#6b7280;font-style:italic;line-height:1.6}.cta-section{padding:6rem 2rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);text-align:center}.cta-content{max-width:700px;margin:0 auto}.cta-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1rem}.cta-description{font-size:1.25rem;color:#ffffffe6;margin-bottom:2rem}.cta-button{padding:1rem 2.5rem;background:#fff;border:none;border-radius:8px;color:#4f46e5;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.landing-footer{padding:2rem;background:#1f2937;text-align:center;color:#ffffffb3;font-size:.9rem}@media (max-width: 1024px){.hero-content-split{grid-template-columns:1fr;gap:3rem}.hero-text{text-align:center}.hero-buttons{justify-content:center}.demo-chatbox{max-width:500px}}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-description{font-size:1.1rem}.hero-buttons{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.features-grid{grid-template-columns:1fr}.section-title,.cta-title{font-size:2rem}.demo-table-row{grid-template-columns:1.5fr 1fr .8fr 1.5fr;font-size:.8rem}}.settings-container{max-width:800px;margin:2rem auto;padding:0 1rem;font-family:sans-serif}.settings-title{font-size:2rem;font-weight:700;color:#111827;margin-bottom:2rem;font-family:sans-serif}.settings-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.section-title{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:1rem;font-family:sans-serif}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-family:sans-serif}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #E5E7EB;font-family:sans-serif}.info-row:last-child{border-bottom:none}.info-label{font-weight:500;color:#6b7280;font-family:sans-serif}.info-value{font-weight:500;color:#111827;font-family:sans-serif}.credits-value{color:#4f46e5;font-weight:600;font-family:sans-serif}.toggle-button{background-color:#4f46e5;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s ease;font-family:sans-serif}.toggle-button:hover{background-color:#4338ca}.history-container{margin-top:1rem;font-family:sans-serif}.loading-text,.empty-text{text-align:center;color:#6b7280;padding:2rem;font-family:sans-serif}.history-list{display:flex;flex-direction:column;gap:.75rem;font-family:sans-serif}.history-item{padding:1rem;background-color:#f9fafb;border-radius:8px;border:1px solid #E5E7EB;font-family:sans-serif}.history-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-family:sans-serif}.history-reason{font-weight:500;color:#111827;font-family:sans-serif}.history-amount{font-weight:600;font-size:1.1rem;font-family:sans-serif}.history-amount.positive{color:#10b981;font-family:sans-serif}.history-amount.negative{color:#ef4444;font-family:sans-serif}.history-meta{display:flex;justify-content:space-between;font-size:.875rem;color:#6b7280;font-family:sans-serif}.password-form{display:flex;flex-direction:column;gap:1rem;font-family:sans-serif}.form-group{display:flex;flex-direction:column;gap:.5rem;font-family:sans-serif}.form-label{font-weight:500;color:#374151;font-family:sans-serif}.form-input{padding:.75rem;border:1px solid #D1D5DB;border-radius:8px;font-size:1rem;transition:border-color .2s ease;font-family:sans-serif}.form-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;font-family:sans-serif}.password-message{padding:.75rem;border-radius:8px;font-weight:500;font-family:sans-serif}.password-message.success{background-color:#d1fae5;color:#065f46;font-family:sans-serif}.password-message.error{background-color:#fee2e2;color:#991b1b;font-family:sans-serif}.submit-button{background-color:#4f46e5;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s ease;align-self:flex-start;font-family:sans-serif}.submit-button:hover:not(:disabled){background-color:#4338ca;font-family:sans-serif}.submit-button:disabled{opacity:.6;cursor:not-allowed}.packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1rem}.package-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:2rem 1.5rem;color:#fff;display:flex;flex-direction:column;gap:1rem;position:relative;box-shadow:0 4px 6px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.package-card:hover{transform:translateY(-4px);box-shadow:0 8px 12px #00000026}.package-header{display:flex;justify-content:space-between;align-items:center}.package-name{font-size:1.25rem;font-weight:700;margin:0;font-family:sans-serif}.best-value-badge{background-color:#fcd34d;color:#92400e;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;font-family:sans-serif}.package-credits{font-size:2rem;font-weight:700;font-family:sans-serif}.package-price{font-size:1.5rem;font-weight:600;font-family:sans-serif}.package-per-credit{font-size:.875rem;opacity:.9;font-family:sans-serif}.package-button{background-color:#fff;color:#667eea;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem;font-family:sans-serif}.package-button:hover:not(:disabled){background-color:#f3f4f6;transform:scale(1.02)}.package-button:disabled{opacity:.7;cursor:not-allowed}.subscription-prompt{text-align:center;color:#6b7280;margin-bottom:1.5rem;font-size:1rem;font-family:sans-serif}.subscription-note{font-size:.875rem;opacity:.9;text-align:center;font-family:sans-serif;margin:0}.current-subscription{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:2rem;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.subscription-info{flex:1;min-width:250px}.subscription-plan-name{font-size:1.75rem;font-weight:700;margin:0 0 1rem;font-family:sans-serif}.subscription-status{font-size:1rem;margin:.5rem 0;font-family:sans-serif}.status-active{background-color:#10b981;padding:.25rem .75rem;border-radius:12px;font-weight:600;font-family:sans-serif}.subscription-details{font-size:1rem;margin:.5rem 0;opacity:.95;font-family:sans-serif}.subscription-warning{background-color:#fbbf2433;border:1px solid #FCD34D;padding:.75rem;border-radius:8px;margin-top:1rem;font-weight:500;font-family:sans-serif}.cancel-button{background-color:#ef4444e6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:sans-serif;white-space:nowrap}.cancel-button:hover:not(:disabled){background-color:#dc2626}.cancel-button:disabled{opacity:.6;cursor:not-allowed}.legal-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.legal-container{max-width:800px;margin:0 auto;background:#fff;padding:60px;border-radius:12px;box-shadow:0 8px 24px #00000026}.back-link{display:inline-block;color:#4f46e5;text-decoration:none;font-weight:500;margin-bottom:30px;transition:color .2s ease}.back-link:hover{color:#4338ca}.legal-container h1{font-size:36px;color:#111827;margin-bottom:10px;font-weight:700}.last-updated{color:#6b7280;font-size:14px;margin-bottom:40px;font-style:italic}.legal-container section{margin-bottom:40px}.legal-container h2{font-size:24px;color:#1f2937;margin-bottom:15px;font-weight:600}.legal-container p{color:#374151;line-height:1.8;font-size:16px;margin-bottom:15px}.legal-container ul{color:#374151;line-height:1.8;font-size:16px;margin-left:20px;margin-bottom:15px}.legal-container li{margin-bottom:10px}@media (max-width: 768px){.legal-container{padding:30px 20px}.legal-container h1{font-size:28px}.legal-container h2{font-size:20px}}