@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";body{font-family:Inter,system-ui,sans-serif}.gradient-text{background:linear-gradient(135deg,#6366f1,#8b5cf6,#d946ef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-btn{box-shadow:0 0 20px #8b5cf666;transition:all .3s}.glow-btn:hover{box-shadow:0 0 30px #8b5cf699;transform:translateY(-2px)}.input-area:focus{box-shadow:0 0 0 3px #6366f14d}.card-hover{transition:all .3s}.card-hover:hover{transform:translateY(-4px);box-shadow:0 10px 40px #0000004d}.step-active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.step-done{background:#059669;color:#fff}.step-pending{background:#475569;color:#cbd5e1;border:1px solid #64748b}.slider-track{background:linear-gradient(to right,#6366f1,#8b5cf6)}input[type=range]{-webkit-appearance:none;background:#374151;height:8px;border-radius:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;cursor:pointer}.model-card{transition:all .3s;cursor:pointer}.model-card:hover{border-color:#6366f1;background:#6366f11a}.model-card.selected{border-color:#6366f1;background:#6366f126;box-shadow:0 0 20px #6366f14d}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse-slow{animation:pulse 2s ease-in-out infinite}.navbar-tab{padding:.5rem .75rem;font-size:.875rem;color:#9ca3af;border-radius:.5rem;transition:all .2s}.navbar-tab:hover{color:#fff;background:#ffffff1a}.navbar-tab.active{color:#fff;background:#fff3}.custom-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:9999;animation:toastIn .3s ease-out}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast-overlay{position:fixed;inset:0;background:#0f172ad9;backdrop-filter:blur(8px);z-index:9998;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.toast-content{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #475569;border-radius:1rem;padding:1rem 1.5rem;max-width:max-content;width:auto;min-width:auto;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #6366f11a}.custom-input-card{border:2px dashed #6366f1;background:#6366f10d}.custom-input-card:focus-within{border-color:#8b5cf6;background:#6366f11a}.input-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433}.mode-toggle{display:flex;background:#1e293b;border-radius:.75rem;padding:4px;gap:4px}.mode-btn{flex:1;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-medium;transition:all .2s;cursor:pointer;text-align:center}.mode-btn.inactive{background:transparent;color:#9ca3af}.mode-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 2px 8px #6366f14d}.enterprise-section{border:2px solid rgba(99,102,241,.3);background:#6366f10d}.menu-open .menu-line:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.menu-open .menu-line:nth-child(2){opacity:0}.menu-open .menu-line:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.sidebar-left{position:fixed;left:0;top:60px;width:176px;bottom:0;background:#020617;border-right:1px solid var(--border);padding:16px 12px;overflow-y:auto;z-index:40}html[data-theme=light] body .sidebar-left{background:#fffffff2}html[data-theme=dark] body .sidebar-left{background:#020617}.sidebar-item{display:block;padding:12px 8px;margin-bottom:8px;background:#ffffff08;border:1px solid transparent;border-radius:10px;text-decoration:none;transition:all .2s;color:var(--text-secondary)}.sidebar-item:hover{background:#6366f126;border-color:#6366f14d;color:var(--text-primary)}.sidebar-item.active{background:#6366f133;border-color:var(--primary);color:var(--text-primary)}.sidebar-icon{font-size:20px;margin-bottom:4px;display:block}.sidebar-title{font-size:12px;font-weight:600;color:inherit;display:block}.sidebar-desc{font-size:10px;color:var(--text-secondary);display:block;margin-top:2px}.sidebar-right{position:fixed;right:0;top:60px;width:200px;bottom:0;background:#020617;z-index:40}[data-theme=light] .sidebar-right{background:#fffffff2}.ad-placeholder{width:100%;height:100%;background:transparent;border-left:1px dashed var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);font-size:11px;text-align:center;opacity:.6}.ad-placeholder .ad-icon{font-size:24px;margin-bottom:8px}.ad-placeholder .ad-size{font-size:9px;color:var(--text-secondary);opacity:.5;margin-top:8px}@media(max-width:1024px){.sidebar-left,.sidebar-right{display:none}main{margin-left:0!important;margin-right:0!important}}@media(min-width:769px){main{margin-left:176px!important;margin-right:200px!important}main>.max-w-4xl{margin-left:0;margin-right:0;max-width:none!important}}@media(min-width:769px){body{display:flex!important;flex-direction:column!important;min-height:100vh!important}footer,.footer{margin-top:auto}}.askintell-footer,footer{background:var(--bg-primary);padding:16px 24px;border-top:1px solid var(--border);text-align:center;color:var(--text-muted);font-size:12px}.footer-links{display:flex;justify-content:center;gap:20px;margin-bottom:6px;list-style:none;padding:0}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:12px}.footer-links a:hover{color:var(--text-primary)}.footer-copyright{color:var(--text-muted);font-size:12px;margin:0}footer,.footer,.askintell-footer{font-size:12px}footer p,.footer p,.footer-copyright{font-size:12px}footer a,.footer a,.footer-links a{font-size:12px}footer .text-xs,footer .text-sm{font-size:12px}.step-label{color:#9ca3af;font-weight:500;transition:color .2s}.step-label.active{color:#a5b4fc;font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle;margin-right:6px}.loading-overlay{position:absolute;inset:0;background:#0f172a99;border-radius:12px;display:flex;align-items:center;justify-content:center;z-index:10}.loading-overlay .loading-text{color:#a5b4fc;font-size:14px;display:flex;align-items:center;gap:8px}[data-theme=light] .bg-slate-800\/50,[data-theme=light] .bg-slate-800{background:#fff}[data-theme=light] .bg-slate-700\/50,[data-theme=light] .bg-slate-700\/30,[data-theme=light] .bg-slate-700{background:#f1f3f7}[data-theme=light] .bg-slate-700\/50.rounded-xl{background:#fff;border:1px solid #E2E6EF}[data-theme=light] .text-slate-400{color:#5a6478}[data-theme=light] .text-slate-500{color:#9ca3b8}[data-theme=light] .text-slate-300,[data-theme=light] .text-white{color:#1a1d26}[data-theme=light] .text-gray-400{color:#5a6478}[data-theme=light] .text-gray-300{color:#1a1d26}[data-theme=light] .text-gray-500{color:#9ca3b8}[data-theme=light] .border-slate-700\/50,[data-theme=light] .border-slate-700{border-color:#e2e6ef}[data-theme=light] .border-slate-600\/50,[data-theme=light] .border-slate-600{border-color:#d1d5e0}[data-theme=light] .border-slate-800,[data-theme=light] .border-gray-800{border-color:#e2e6ef}[data-theme=light] .step-pending{background:#e2e6ef;color:#9ca3b8}[data-theme=light] .step-active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}[data-theme=light] .step-done{background:#10b981;color:#fff}[data-theme=light] .bg-slate-700,[data-theme=light] input[type=range]{background:#e2e6ef}[data-theme=light] input[type=range]::-webkit-slider-thumb{background:linear-gradient(135deg,#6366f1,#8b5cf6)}[data-theme=light] input.bg-slate-700\/50,[data-theme=light] select.bg-slate-700,[data-theme=light] .bg-slate-700\/50.border-slate-600{background:#fff;border-color:#d1d5e0;color:#1a1d26}[data-theme=light] input.bg-slate-700\/50::placeholder,[data-theme=light] .placeholder-slate-400::placeholder{color:#9ca3b8}[data-theme=light] input.bg-slate-700\/50:focus,[data-theme=light] select.bg-slate-700:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}[data-theme=light] .mode-toggle{background:#f1f3f7;border:1px solid #D1D5E0}[data-theme=light] .mode-btn.inactive{color:#374151;background:transparent}html[data-theme=light] .mode-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}html[data-theme=dark] .mode-btn.inactive{background:transparent}html[data-theme=dark] .mode-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 2px 8px #6366f14d}html[data-theme=light] button.bg-slate-700:hover,html[data-theme=dark] button.bg-slate-700:hover{background:#475569;color:#e2e8f0}[data-theme=light] .role-btn{background:#fff;border-color:#d1d5e0;color:#1a1d26}[data-theme=light] .role-btn:hover{border-color:#6366f1;background:#6366f10d}[data-theme=light] .role-btn .text-slate-400{color:#5a6478}[data-theme=light] .custom-input-card{background:#6366f108;border:2px dashed #A5B4FC}[data-theme=light] .enterprise-section{background:#6366f108;border-color:#6366f133}[data-theme=light] .gradient-text{-webkit-text-fill-color:#6366f1;color:#6366f1}[data-theme=light] .from-indigo-600\/20.to-purple-600\/20{background:linear-gradient(135deg,#6366f114,#8b5cf614)}[data-theme=light] .border-indigo-500\/30{border-color:#6366f133}[data-theme=light] .bg-pink-500\/20{background:#ec489914}[data-theme=light] .toast-content{background:#fff;border-color:#e2e6ef;box-shadow:0 10px 40px #0000001a}[data-theme=light] .toast-content .text-white{color:#1a1d26}[data-theme=light] .toast-overlay{background:#ffffffb3}[data-theme=light] #leadModal .bg-slate-800{background:#fff}[data-theme=light] #leadModal .border-slate-700{border-color:#e2e6ef}[data-theme=light] #leadModal .text-slate-400{color:#5a6478}[data-theme=light] #leadModal .text-slate-300{color:#1a1d26}[data-theme=light] #leadModal .hover\:text-white:hover{color:#6366f1}[data-theme=light] #leadModal input{background:#f1f3f7;border-color:#d1d5e0;color:#1a1d26}[data-theme=light] #leadModal label.bg-slate-700{background:#f1f3f7}[data-theme=light] #leadModal label.bg-slate-700:hover{background:#e2e6ef}[data-theme=light] .navbar-tab{color:#5a6478}[data-theme=light] .navbar-tab:hover{color:#1a1d26;background:#0000000d}[data-theme=light] .navbar-tab.active{color:#6366f1;background:#6366f11a}[data-theme=light] footer.border-slate-800{border-color:#e2e6ef}[data-theme=light] footer .text-slate-500{color:#9ca3b8}[data-theme=light] .text-indigo-400{color:#6366f1}[data-theme=light] .text-green-400{color:#10b981}[data-theme=light] .text-blue-400{color:#3b82f6}[data-theme=light] .text-purple-400{color:#8b5cf6}[data-theme=light] .text-red-400{color:#ef4444}[data-theme=light] .text-pink-400{color:#ec4899}[data-theme=light] button.bg-indigo-600,[data-theme=light] a.bg-gradient-to-r.from-indigo-500,[data-theme=light] .bg-indigo-600,[data-theme=light] .bg-indigo-600:hover,[data-theme=light] .from-indigo-500.to-purple-500{color:#fff}[data-theme=light] nav .text-white.text-lg{color:#1a1d26}[data-theme=light] #mobileNav .text-gray-300{color:#5a6478}[data-theme=light] #mobileNav .text-gray-300:hover{color:#1a1d26}[data-theme=light] .step-label{color:#9ca3b8}[data-theme=light] .step-label.active{color:#6366f1}[data-theme=light] .loading-overlay{background:#fafbfcd9}[data-theme=light] .loading-overlay .loading-text{color:#6366f1}[data-theme=light] .loading-spinner{border-color:#6366f126;border-top-color:#6366f1}@media(max-width:767px){.calculator-card{padding:12px!important;border-radius:12px!important}.role-btn{padding:10px}#stepContent1 .custom-input-card .grid{grid-template-columns:1fr}#stepContent1 .custom-input-card input[type=text],#stepContent1 .custom-input-card input[type=text].w-24,#stepContent1 .custom-input-card button{width:100%}#stepContent2 .flex.gap-2{flex-direction:column}#stepContent2 .flex.gap-2 button{width:100%}#stepContent3 .custom-input-card .flex.gap-2{flex-direction:column}#stepContent3 .custom-input-card .flex.gap-2 .flex-1,#stepContent3 .custom-input-card .flex.gap-2 button{width:100%}#stepContent4 .space-x-2{display:flex;flex-direction:column;gap:8px}#stepContent4 .space-x-2 a,#stepContent4 .space-x-2 button{width:100%;display:block;text-align:center}#leadModal .max-w-md{max-width:calc(100vw - 32px);margin:0 16px}#leadModal .p-6{padding:16px}main h2.text-3xl{font-size:1.5rem}main .text-3xl{font-size:1.5rem}main .text-4xl{font-size:1.75rem}.flex.items-center.justify-center.gap-3{gap:6px}#enterpriseContent .grid.grid-cols-4{grid-template-columns:1fr 1fr}main{padding-left:16px!important;padding-right:16px!important}main>.max-w-4xl{max-width:100%!important}.sidebar-left,.sidebar-right{display:none!important}}
