@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--color-primary: #FF5A1F;--color-primary-hover: #E64A0F;--color-primary-light: #FF7A45;--color-primary-lighter: #FFF8F5;--color-primary-glow: rgba(255, 90, 31, .15);--color-primary-dim: rgba(255, 90, 31, .08);--color-primary-gradient: linear-gradient(135deg, #FF5A1F 0%, #FF7A45 50%, #FF9A6C 100%);--bg-app: #F8F9FC;--bg-card: #FFFFFF;--bg-secondary: #F3F4F8;--bg-tertiary: #ECEEF3;--bg-hover: rgba(0, 0, 0, .02);--bg-input: #F8F9FC;--bg-elevated: #FFFFFF;--bg-glass: rgba(255, 255, 255, .8);--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #64748B;--text-tertiary: #94A3B8;--text-inverse: #FFFFFF;--text-link: var(--color-primary);--accent: var(--color-primary);--accent-hover: var(--color-primary-hover);--accent-dim: var(--color-primary-dim);--border-subtle: rgba(0, 0, 0, .06);--border-default: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .12);--border-focus: var(--color-primary);--color-success: #10B981;--color-success-light: #ECFDF5;--color-success-dark: #059669;--color-success-bg: rgba(16, 185, 129, .1);--color-warning: #F59E0B;--color-warning-light: #FFFBEB;--color-warning-dark: #D97706;--color-warning-bg: rgba(245, 158, 11, .1);--color-danger: #EF4444;--color-danger-light: #FEF2F2;--color-danger-dark: #DC2626;--color-danger-bg: rgba(239, 68, 68, .1);--color-info: #3B82F6;--color-info-light: #EFF6FF;--color-info-dark: #2563EB;--color-info-bg: rgba(59, 130, 246, .1);--color-sms: #3B82F6;--color-whatsapp: #25D366;--color-messenger: #0084FF;--color-instagram: #E4405F;--color-widget: #8B5CF6;--color-email: #F59E0B;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: .9375rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.375rem;--text-3xl: 1.75rem;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--space-0: 0;--space-px: 1px;--space-0\.5: 2px;--space-1: 4px;--space-1\.5: 6px;--space-2: 8px;--space-2\.5: 10px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--page-padding-x: 32px;--page-padding-y: 28px;--radius-none: 0;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 10px 10px -5px rgba(0, 0, 0, .03);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .15);--shadow-primary: 0 4px 14px -2px rgba(255, 90, 31, .25);--shadow-primary-lg: 0 8px 24px -4px rgba(255, 90, 31, .3);--shadow-success: 0 4px 14px -2px rgba(16, 185, 129, .25);--shadow-danger: 0 4px 14px -2px rgba(239, 68, 68, .25);--glow-primary: 0 0 20px rgba(255, 90, 31, .15);--glow-success: 0 0 20px rgba(16, 185, 129, .15);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .04);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-slower: .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--transition-spring: .4s cubic-bezier(.175, .885, .32, 1.275);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 900;--z-modal: 1000;--z-popover: 1100;--z-tooltip: 1200}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2\.5) var(--space-4);font-family:var(--font-family);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-tight);border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 100%);opacity:0;transition:opacity var(--transition-fast)}.btn:hover:before{opacity:1}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary{background:var(--color-primary-gradient);color:var(--text-inverse);box-shadow:var(--shadow-primary)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-primary-lg)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-default);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.btn-ghost{background:transparent;color:var(--text-secondary);border:none}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:linear-gradient(135deg,var(--color-danger) 0%,#F87171 100%);color:var(--text-inverse);box-shadow:var(--shadow-danger)}.btn-danger:hover:not(:disabled){transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,var(--color-success) 0%,#34D399 100%);color:var(--text-inverse);box-shadow:var(--shadow-success)}.btn-sm{padding:var(--space-1\.5) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-md)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-md);border-radius:var(--radius-xl)}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-default);color:var(--text-secondary);box-shadow:var(--shadow-xs)}.btn-icon:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-strong)}.btn-icon.active{background:var(--color-primary-dim);color:var(--color-primary);border-color:#ff5a1f33}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base);overflow:hidden}.card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md)}.card-elevated{box-shadow:var(--shadow-lg);border:none}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle)}.card-body{padding:var(--space-5)}.card-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle);background:var(--bg-secondary)}.input{width:100%;padding:var(--space-2\.5) var(--space-4);font-family:var(--font-family);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:all var(--transition-fast);box-shadow:var(--shadow-inner)}.input:hover:not(:disabled){border-color:var(--border-strong)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.input::placeholder{color:var(--text-muted)}.input:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.input-with-icon{position:relative}.input-with-icon .input{padding-left:var(--space-10)}.input-with-icon svg{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.textarea{resize:vertical;min-height:100px;line-height:var(--leading-relaxed)}.label{display:block;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-2)}.form-group{margin-bottom:var(--space-5)}.form-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2\.5);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);white-space:nowrap;letter-spacing:var(--tracking-wide)}.badge-dot{width:6px;height:6px;border-radius:var(--radius-full);flex-shrink:0}.badge-success{background:var(--color-success-bg);color:var(--color-success-dark)}.badge-success .badge-dot{background:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning-dark)}.badge-warning .badge-dot{background:var(--color-warning)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger-dark)}.badge-danger .badge-dot{background:var(--color-danger)}.badge-info{background:var(--color-info-bg);color:var(--color-info-dark)}.badge-info .badge-dot{background:var(--color-info)}.badge-neutral{background:var(--bg-tertiary);color:var(--text-secondary)}.badge-primary{background:var(--color-primary-dim);color:var(--color-primary)}.badge-primary .badge-dot{background:var(--color-primary)}.badge-sms{background:#3b82f61a;color:var(--color-sms)}.badge-whatsapp{background:#25d3661a;color:var(--color-whatsapp)}.badge-messenger{background:#0084ff1a;color:var(--color-messenger)}.badge-instagram{background:#e4405f1a;color:var(--color-instagram)}.badge-widget{background:#8b5cf61a;color:var(--color-widget)}.status-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.status-dot.active{background:var(--color-success);box-shadow:0 0 0 3px var(--color-success-bg);animation:pulse-dot 2s infinite}.status-dot.inactive{background:var(--text-muted)}.status-dot.warning{background:var(--color-warning);box-shadow:0 0 0 3px var(--color-warning-bg)}.status-dot.danger{background:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-bg)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.divider{width:100%;height:1px;background:var(--border-subtle);margin:var(--space-4) 0}.divider-vertical{width:1px;height:100%;background:var(--border-subtle);margin:0 var(--space-3)}.divider-text{display:flex;align-items:center;gap:var(--space-4);color:var(--text-muted);font-size:var(--text-sm)}.divider-text:before,.divider-text:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.spinner{animation:spin .8s linear infinite}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-secondary) 20%,var(--bg-tertiary) 40%,var(--bg-tertiary) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-6);text-align:center}.empty-state-icon{width:72px;height:72px;background:var(--color-primary-dim);color:var(--color-primary);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-5)}.empty-state h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2)}.empty-state p{font-size:var(--text-base);color:var(--text-secondary);margin:0;max-width:320px;line-height:var(--leading-relaxed)}.tooltip{position:relative}.tooltip-content{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:var(--space-2) var(--space-3);background:var(--text-primary);color:var(--text-inverse);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-md);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);z-index:var(--z-tooltip)}.tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--text-primary)}.tooltip:hover .tooltip-content{opacity:1}.page-container{min-height:100vh;background:var(--bg-app);padding:var(--page-padding-y) var(--page-padding-x)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.page-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0;letter-spacing:var(--tracking-tight)}.page-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin-top:var(--space-1)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.m-0{margin:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-xs{font-size:var(--text-xs)}.text-base{font-size:var(--text-base)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.uppercase{text-transform:uppercase}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.hidden{display:none}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-fadeIn{animation:fadeIn .3s ease-out forwards}.animate-fadeInUp{animation:fadeInUp .4s ease-out forwards}.animate-scaleIn{animation:scaleIn .2s ease-out forwards}.animate-slideInRight{animation:slideInRight .3s ease-out forwards}.delay-1{animation-delay:50ms}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}.delay-6{animation-delay:.3s}@media(max-width:1400px){:root{--page-padding-x: 24px}}@media(max-width:1200px){.grid-cols-6,.grid-cols-5{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){:root{--page-padding-x: 16px;--page-padding-y: 20px}.grid-cols-6,.grid-cols-5,.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.grid-cols-6,.grid-cols-5,.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-app);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:var(--font-semibold);line-height:var(--leading-tight)}h1{font-size:var(--text-3xl);font-weight:var(--font-bold)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{line-height:var(--leading-normal)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}.glass-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.text-muted{color:var(--text-muted)}.text-sm{font-size:var(--text-sm)}.text-lg{font-size:var(--text-lg)}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-slideUp{animation:slideUp .4s ease-out}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.skip-link{position:absolute;top:-40px;left:0;padding:8px 16px;background:var(--color-primary);color:var(--text-inverse);font-weight:var(--font-medium);z-index:10000;transition:top var(--transition-fast);border-radius:0 0 var(--radius-md) 0}.skip-link:focus{top:0}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--color-primary-glow)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::selection{background:var(--color-primary-dim);color:var(--color-primary)}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-family);font-weight:var(--font-medium);line-height:var(--leading-tight);border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;position:relative;overflow:hidden}.ui-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.ui-btn-sm{padding:6px 12px;font-size:var(--text-xs);border-radius:var(--radius-md)}.ui-btn-md{padding:10px 16px;font-size:var(--text-sm)}.ui-btn-lg{padding:14px 24px;font-size:var(--text-md);border-radius:var(--radius-xl)}.ui-btn-primary{background:var(--color-primary-gradient);color:var(--text-inverse);box-shadow:var(--shadow-primary)}.ui-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-primary-lg)}.ui-btn-primary:active:not(:disabled){transform:translateY(0)}.ui-btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-default);box-shadow:var(--shadow-xs)}.ui-btn-secondary:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.ui-btn-ghost{background:transparent;color:var(--text-secondary)}.ui-btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.ui-btn-danger{background:linear-gradient(135deg,var(--color-danger) 0%,#F87171 100%);color:var(--text-inverse);box-shadow:var(--shadow-danger)}.ui-btn-danger:hover:not(:disabled){transform:translateY(-1px)}.ui-btn-success{background:linear-gradient(135deg,var(--color-success) 0%,#34D399 100%);color:var(--text-inverse);box-shadow:var(--shadow-success)}.ui-btn-success:hover:not(:disabled){transform:translateY(-1px)}.ui-btn-full{width:100%}.ui-btn-loading{pointer-events:none}.ui-btn-loader{display:flex;align-items:center;justify-content:center}.ui-btn-loader .spin{animation:spin .8s linear infinite}.ui-btn-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.ui-btn-icon-left{margin-right:var(--space-1)}.ui-btn-icon-right{margin-left:var(--space-1)}.ui-btn-text{flex:1;text-align:center}.ui-card{background:var(--bg-card);border-radius:var(--radius-xl);transition:all var(--transition-base);overflow:hidden}.ui-card-default{border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs)}.ui-card-elevated{border:none;box-shadow:var(--shadow-lg)}.ui-card-bordered{border:1px solid var(--border-default);box-shadow:none}.ui-card-flat{border:none;box-shadow:none;background:var(--bg-secondary)}.ui-card-padding-none{padding:0}.ui-card-padding-sm{padding:var(--space-3)}.ui-card-padding-md{padding:var(--space-5)}.ui-card-padding-lg{padding:var(--space-8)}.ui-card-hoverable:hover{border-color:var(--border-default);box-shadow:var(--shadow-md);transform:translateY(-2px)}.ui-card-clickable{cursor:pointer}.ui-card-clickable:active{transform:translateY(0)}.ui-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle)}.ui-card-padding-none .ui-card-header{padding:var(--space-4) var(--space-5)}.ui-card-header h3,.ui-card-header h4{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.ui-card-body,.ui-card-padding-none .ui-card-body{padding:var(--space-5)}.ui-card-footer{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle);background:var(--bg-secondary)}.ui-card-padding-none .ui-card-footer{padding:var(--space-4) var(--space-5)}.ui-card[data-accent=true]:before{content:"";display:block;height:3px;background:var(--color-primary-gradient)}.ui-input-wrapper{display:flex;flex-direction:column;gap:var(--space-1)}.ui-input-full{width:100%}.ui-input-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.ui-input-container{position:relative;display:flex;align-items:center}.ui-input{width:100%;font-family:var(--font-family);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:all var(--transition-fast);box-shadow:var(--shadow-inner)}.ui-input::placeholder{color:var(--text-muted)}.ui-input:hover:not(:disabled){border-color:var(--border-strong)}.ui-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.ui-input:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.ui-input-sm{padding:8px 12px;font-size:var(--text-sm);border-radius:var(--radius-md)}.ui-input-md{padding:10px 14px;font-size:var(--text-base)}.ui-input-lg{padding:14px 18px;font-size:var(--text-md);border-radius:var(--radius-xl)}.ui-input-with-left-icon{padding-left:40px}.ui-input-with-right-icon{padding-right:40px}.ui-input-icon{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--text-muted);pointer-events:none}.ui-input-icon-left{left:12px}.ui-input-icon-right{right:12px}.ui-input-error{border-color:var(--color-danger)}.ui-input-error:focus{box-shadow:0 0 0 3px var(--color-danger-bg)}.ui-input-error-text{font-size:var(--text-xs);color:var(--color-danger);display:flex;align-items:center;gap:4px}.ui-input-hint{font-size:var(--text-xs);color:var(--text-muted)}.ui-textarea{resize:vertical;min-height:100px;line-height:var(--leading-relaxed)}.ui-modal-overlay{position:fixed;inset:0;z-index:var(--z-modal-backdrop);background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn .2s ease-out}.ui-modal{background:var(--bg-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-height:calc(100vh - 32px);overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ui-modal-sm{width:100%;max-width:400px}.ui-modal-md{width:100%;max-width:560px}.ui-modal-lg{width:100%;max-width:720px}.ui-modal-xl{width:100%;max-width:960px}.ui-modal-full{width:calc(100vw - 32px);height:calc(100vh - 32px);max-width:none}.ui-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.ui-modal-title{margin:0;font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary)}.ui-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.ui-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.ui-modal-body{padding:var(--space-6);overflow-y:auto;flex:1}.ui-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-subtle);background:var(--bg-secondary);flex-shrink:0}.ui-modal-message{margin:0;font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}@media(max-width:600px){.ui-modal-overlay{padding:var(--space-2);align-items:flex-end}.ui-modal{border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;max-height:90vh}.ui-modal-sm,.ui-modal-md,.ui-modal-lg,.ui-modal-xl{max-width:100%}}.ui-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--text-inverse);font-weight:var(--font-semibold);position:relative;overflow:hidden;flex-shrink:0;-webkit-user-select:none;user-select:none}.ui-avatar-clickable{cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.ui-avatar-clickable:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.ui-avatar-clickable:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ui-avatar-xs{width:24px;height:24px;font-size:10px}.ui-avatar-sm{width:32px;height:32px;font-size:12px}.ui-avatar-md{width:40px;height:40px;font-size:14px}.ui-avatar-lg{width:56px;height:56px;font-size:18px}.ui-avatar-xl{width:80px;height:80px;font-size:24px}.ui-avatar-image{width:100%;height:100%;object-fit:cover}.ui-avatar-initials{line-height:1;letter-spacing:.02em}.ui-avatar-fallback{width:50%;height:50%;color:var(--text-inverse);opacity:.8}.ui-avatar-status{position:absolute;bottom:0;right:0;width:25%;height:25%;min-width:8px;min-height:8px;border-radius:var(--radius-full);border:2px solid var(--bg-card)}.ui-avatar-status-online{background:var(--color-success)}.ui-avatar-status-offline{background:var(--text-muted)}.ui-avatar-status-busy{background:var(--color-danger)}.ui-avatar-status-away{background:var(--color-warning)}.ui-avatar-group{display:flex;flex-direction:row-reverse;justify-content:flex-end}.ui-avatar-group .ui-avatar{border:2px solid var(--bg-card);margin-left:-8px}.ui-avatar-group .ui-avatar:last-child{margin-left:0}.ui-avatar-more{background:var(--bg-tertiary);color:var(--text-secondary)}.ui-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-family);font-weight:var(--font-semibold);border-radius:var(--radius-full);white-space:nowrap;letter-spacing:.02em}.ui-badge-sm{padding:2px 8px;font-size:10px}.ui-badge-md{padding:4px 10px;font-size:11px}.ui-badge-lg{padding:6px 14px;font-size:13px}.ui-badge-default{background:var(--bg-tertiary);color:var(--text-secondary)}.ui-badge-primary{background:var(--color-primary-dim);color:var(--color-primary)}.ui-badge-success{background:var(--color-success-bg);color:var(--color-success-dark)}.ui-badge-warning{background:var(--color-warning-bg);color:var(--color-warning-dark)}.ui-badge-danger{background:var(--color-danger-bg);color:var(--color-danger-dark)}.ui-badge-info{background:var(--color-info-bg);color:var(--color-info-dark)}.ui-badge-outline{background:transparent;border:1px solid currentColor}.ui-badge-dot{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor;flex-shrink:0}.ui-badge-icon{font-size:1em;line-height:1}.ui-badge-channel-sms{background:#3b82f61a;color:var(--color-sms)}.ui-badge-channel-whatsapp{background:#25d3661a;color:var(--color-whatsapp)}.ui-badge-channel-messenger{background:#0084ff1a;color:var(--color-messenger)}.ui-badge-channel-instagram{background:#e4405f1a;color:var(--color-instagram)}.ui-badge-channel-widget{background:#8b5cf61a;color:var(--color-widget)}.ui-badge-channel-email{background:#f59e0b1a;color:var(--color-email)}.language-selector{position:relative}.language-trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:1px solid #E5E7EB;border-radius:8px;font-size:.8rem;font-weight:500;color:#374151;cursor:pointer;transition:all .15s}.language-trigger:hover{background:#f9fafb;border-color:#d1d5db}.language-selector.compact .language-trigger{padding:6px 10px;gap:4px}.current-lang{white-space:nowrap}.current-flag{font-size:1rem}.chevron{transition:transform .2s;color:#9ca3af}.chevron.open{transform:rotate(180deg)}.language-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:140px;background:#fff;border:1px solid #E5E7EB;border-radius:10px;box-shadow:0 10px 25px #0000001a;z-index:1000;padding:4px;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.language-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:6px;font-size:.85rem;color:#374151;cursor:pointer;transition:all .1s;text-align:left}.language-option:hover{background:#f3f4f6}.language-option.active{background:#fff5eb;color:#ff470f}.lang-flag{font-size:1.1rem}.lang-name{flex:1}.check-icon{color:#ff470f}.sidebar .language-selector{margin-top:auto;padding:0 12px}.sidebar .language-trigger{width:100%;justify-content:flex-start;border:none;padding:10px 12px;border-radius:8px}.sidebar .language-trigger:hover{background:#ff470f1a}.sidebar .language-dropdown{bottom:calc(100% + 4px);top:auto;left:0;right:0}.impersonation-banner{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:space-between;padding:10px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b4d}.impersonation-content{display:flex;align-items:center;gap:12px}.impersonation-content svg{flex-shrink:0}.impersonation-info{display:flex;flex-direction:column;gap:2px}.impersonation-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;opacity:.9}.impersonation-user{font-size:.85rem;font-weight:600}.btn-exit-impersonation{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-exit-impersonation:hover{background:#ffffff4d;transform:translateY(-1px)}.sidebar.impersonating{top:56px;height:calc(100vh - 72px)}.sidebar{width:260px;height:calc(100vh - 24px);position:fixed;left:12px;top:12px;display:flex;flex-direction:column;padding:20px 12px;z-index:50;background:var(--bg-card);border-radius:var(--radius-2xl);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg)}.sidebar-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:4px 12px}.logo-container{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-gradient);border-radius:var(--radius-lg);box-shadow:var(--shadow-primary)}.logo-img{width:24px;height:24px;object-fit:contain;filter:brightness(0) invert(1)}.app-title{font-size:1.1rem;margin:0;color:var(--text-primary);font-weight:var(--font-bold);letter-spacing:-.02em}.text-orange{color:var(--color-primary)}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1;padding:0 4px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-lg);transition:all var(--transition-fast);border:1px solid transparent;background:transparent;font-size:var(--text-base);font-weight:var(--font-medium);width:100%;text-align:left;cursor:pointer;position:relative;overflow:hidden}.nav-item svg{width:20px;height:20px;flex-shrink:0;transition:transform var(--transition-fast)}.nav-item:hover{color:var(--text-primary);background:var(--bg-secondary)}.nav-item:hover svg{transform:scale(1.05)}.nav-item.active{background:var(--color-primary-dim);color:var(--color-primary);border-color:#ff5a1f1f;font-weight:var(--font-semibold)}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--color-primary);border-radius:0 2px 2px 0}.nav-item.active svg{color:var(--color-primary)}.nav-badge{margin-left:auto;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-full);font-size:.7rem;font-weight:700}.nav-badge.hot{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;animation:pulseBadge 2s ease-in-out infinite;box-shadow:0 2px 8px #f59e0b66}@keyframes pulseBadge{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.nav-item.has-badge{padding-right:10px}.nav-divider{height:1px;background:var(--border-subtle);margin:12px 8px}.sidebar-bottom{padding:0 4px;display:flex;flex-direction:column;gap:4px}.logout-btn{margin-top:4px;color:var(--text-muted)}.logout-btn:hover{color:var(--color-danger);background:var(--color-danger-bg)}.account-btn{color:var(--text-secondary)}.account-btn:hover{color:var(--color-primary);background:var(--color-primary-dim)}.account-modal-overlay{position:fixed;inset:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .2s ease-out}.account-modal{background:var(--bg-card);border-radius:var(--radius-2xl);width:100%;max-width:420px;box-shadow:var(--shadow-2xl);overflow:hidden;animation:scaleIn .25s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.account-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-subtle)}.account-modal-header h3{font-size:1.1rem;font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.modal-close-btn{background:none;border:none;padding:8px;cursor:pointer;color:var(--text-muted);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.account-modal-body{padding:28px 24px;display:flex;flex-direction:column;align-items:center;gap:24px}.account-avatar{width:80px;height:80px;background:var(--color-primary-gradient);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:var(--font-bold);text-transform:uppercase;box-shadow:var(--shadow-primary-lg)}.account-info{width:100%;display:flex;flex-direction:column;gap:12px}.account-info-item{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.account-info-item svg{color:var(--color-primary);flex-shrink:0;margin-top:2px}.account-info-item>div{display:flex;flex-direction:column;gap:2px;min-width:0}.info-label{font-size:.7rem;font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:.9rem;font-weight:var(--font-medium);color:var(--text-primary)}.info-id{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary)}.status-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:.65rem;font-weight:var(--font-semibold);margin-left:8px;text-transform:uppercase;letter-spacing:.04em}.status-badge.trial{background:var(--color-warning-bg);color:var(--color-warning-dark)}.status-badge.active{background:var(--color-success-bg);color:var(--color-success-dark)}.trial-item svg{color:var(--color-warning)!important}.trial-date{color:var(--color-warning-dark)!important;font-weight:var(--font-semibold)!important}.btn-upgrade-account{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;background:var(--color-primary-gradient);border:none;border-radius:var(--radius-xl);color:#fff;font-size:.9rem;font-weight:var(--font-semibold);cursor:pointer;margin-top:8px;transition:all var(--transition-base);box-shadow:var(--shadow-primary)}.btn-upgrade-account:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-lg)}.account-modal-footer{padding:16px 24px;border-top:1px solid var(--border-subtle);background:var(--bg-secondary);display:flex;justify-content:space-between;gap:12px}.account-modal-footer .btn-secondary{padding:10px 20px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.85rem;font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.account-modal-footer .btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--border-strong)}.account-modal-footer .btn-tour{display:flex;align-items:center;gap:6px;padding:10px 16px;background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.8rem;font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.account-modal-footer .btn-tour:hover{background:var(--color-primary-dim);color:var(--color-primary);border-color:#ff5a1f33}.usage-card{margin:12px 4px 8px;padding:16px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);position:relative;overflow:hidden}.usage-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-primary-gradient);opacity:.5}.usage-card.warning{background:linear-gradient(135deg,var(--color-warning-light) 0%,#FDE68A 100%);border-color:#f59e0b4d}.usage-card.warning:before{background:linear-gradient(90deg,#f59e0b,#d97706);opacity:1}.usage-card.trial{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-color:#fb923c4d}.usage-card.trial:before{background:linear-gradient(90deg,#fb923c,#ea580c);opacity:1}.usage-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.usage-icon{width:28px;height:28px;background:var(--color-primary-gradient);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-primary)}.usage-card.warning .usage-icon{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #d977064d}.usage-icon.trial{background:linear-gradient(135deg,#fb923c,#ea580c);box-shadow:0 4px 12px #ea580c4d}.usage-plan{font-size:.7rem;font-weight:var(--font-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.usage-card.warning .usage-plan{color:#92400e}.usage-card.trial .usage-plan{color:#c2410c}.usage-stats{display:flex;align-items:baseline;gap:4px;margin-bottom:10px}.usage-current{font-size:1.5rem;font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:-.02em}.usage-separator{font-size:1rem;color:var(--text-muted);margin:0 2px}.usage-limit{font-size:1rem;font-weight:var(--font-semibold);color:var(--text-secondary)}.usage-label{font-size:.7rem;color:var(--text-muted);margin-left:6px;font-weight:var(--font-medium)}.usage-bar{height:6px;background:#00000014;border-radius:var(--radius-full);overflow:hidden}.usage-card.warning .usage-bar{background:#ffffff80}.usage-bar-fill{height:100%;background:var(--color-primary-gradient);border-radius:var(--radius-full);transition:width .6s cubic-bezier(.4,0,.2,1)}.usage-card.warning .usage-bar-fill{background:linear-gradient(90deg,#d97706,#f59e0b)}.usage-card.trial .usage-bar-fill{background:linear-gradient(90deg,#ea580c,#fb923c)}.usage-upgrade-btn{margin-top:14px!important}.usage-card.trial .usage-upgrade-btn{background:linear-gradient(135deg,#ea580c,#f97316)!important}.usage-card.trial .usage-upgrade-btn:hover{background:linear-gradient(135deg,#c2410c,#ea580c)!important}.sidebar-footer{margin-top:auto;padding:0 4px;display:flex;flex-direction:column;gap:4px}.account-modal-content{display:flex;flex-direction:column;align-items:center;gap:24px}.account-avatar-new{box-shadow:var(--shadow-primary-lg)}.btn-upgrade-account-new{margin-top:12px}@media(max-width:768px){.sidebar{display:none}.account-modal{margin:16px;max-width:calc(100% - 32px);border-radius:var(--radius-xl)}}.tour-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tour-card{position:fixed;z-index:9999;background:#fff;border-radius:20px;padding:28px;width:380px;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tour-card.centered{top:50%;left:50%;transform:translate(-50%,-50%)}.tour-card.positioned{top:50%;left:320px;transform:translateY(-50%)}.tour-progress{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.progress-dot{width:8px;height:8px;border-radius:50%;background:#e5e7eb;transition:all .3s}.progress-dot.active{width:24px;border-radius:4px;background:linear-gradient(135deg,#ff470f,#ff6b35)}.progress-dot.completed{background:#10b981}.tour-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#f3f4f6;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s}.tour-close:hover{background:#e5e7eb;color:#374151}.tour-content{text-align:center;margin-bottom:24px}.tour-icon{width:64px;height:64px;margin:0 auto 20px;background:linear-gradient(135deg,#ff470f,#ff6b35);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff}.tour-icon.success{background:linear-gradient(135deg,#10b981,#34d399)}.tour-content h3{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 12px}.tour-content p{font-size:.95rem;color:#6b7280;line-height:1.6;margin:0}.tour-actions{display:flex;gap:12px;justify-content:space-between}.tour-btn{display:flex;align-items:center;gap:6px;padding:12px 20px;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.tour-btn.primary{flex:1;justify-content:center;background:linear-gradient(135deg,#ff470f,#ff6b35);color:#fff}.tour-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff470f4d}.tour-btn.secondary{background:#f3f4f6;color:#374151}.tour-btn.secondary:hover{background:#e5e7eb}.tour-btn.text{background:transparent;color:#9ca3af;padding:12px 16px}.tour-btn.text:hover{color:#6b7280}.tour-counter{text-align:center;margin-top:16px;font-size:.75rem;color:#9ca3af}:global(.tour-highlight){position:relative;z-index:9999;box-shadow:0 0 0 4px #ff470f4d,0 0 20px #ff470f33;border-radius:12px!important;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #ff470f4d,0 0 20px #ff470f33}50%{box-shadow:0 0 0 8px #ff470f33,0 0 30px #ff470f4d}}@media(max-width:768px){.tour-card{width:calc(100% - 32px);inset:auto 16px 16px;transform:none}.tour-card.centered,.tour-card.positioned{top:auto;left:16px;transform:none}}.app-layout{display:flex;min-height:100vh;background:#f5f3ef}.app-layout.impersonating{padding-top:54px}.main-content{flex:1;margin-left:280px;padding:0;min-height:100vh;position:relative;background:#f5f3ef}.main-content.impersonating{min-height:calc(100vh - 54px)}@media(max-width:768px){.main-content{margin-left:0;padding-bottom:5rem}}.progress-checklist{background:linear-gradient(135deg,#fffbf5,#fff5eb);border:1px solid #FFE4CC;border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 2px 8px #ff470f14}.progress-checklist.success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0}.checklist-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.checklist-title{display:flex;align-items:center;gap:12px}.checklist-title svg{color:#ff470f;flex-shrink:0}.checklist-title h4{margin:0;font-size:1rem;font-weight:600;color:#111}.checklist-subtitle{font-size:.8rem;color:#6b7280}.btn-dismiss{background:transparent;border:none;padding:4px;cursor:pointer;color:#9ca3af;border-radius:6px;transition:all .15s}.btn-dismiss:hover{background:#0000000d;color:#6b7280}.checklist-progress{margin-bottom:20px}.progress-bar{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#ff470f,#ff6b35);border-radius:3px;transition:width .5s ease-out}.checklist-steps{display:flex;flex-direction:column;gap:12px}.checklist-step{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:10px;border:1px solid #E5E7EB;transition:all .2s}.checklist-step:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000a}.checklist-step.completed{background:#f9fafb;opacity:.8}.checklist-step.completed .step-title{text-decoration:line-through;color:#9ca3af}.step-indicator{flex-shrink:0}.step-indicator .check-icon{color:#10b981}.step-indicator .circle-icon{color:#d1d5db}.step-content{flex:1;min-width:0}.step-header{display:flex;align-items:center;gap:8px;margin-bottom:2px}.step-header svg{color:#ff470f;flex-shrink:0}.checklist-step.completed .step-header svg{color:#9ca3af}.step-title{font-size:.875rem;font-weight:500;color:#111}.step-description{font-size:.75rem;color:#6b7280;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-action{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ff470f;color:#fff;border:none;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s;flex-shrink:0}.step-action:hover{background:#e63e0d;transform:translate(2px)}.checklist-success{display:flex;align-items:center;gap:16px}.checklist-success svg:first-child{color:#10b981;flex-shrink:0}.checklist-success h4{margin:0;font-size:1rem;font-weight:600;color:#111}.checklist-success p{margin:4px 0 0;font-size:.875rem;color:#6b7280}.checklist-success .btn-dismiss{margin-left:auto}@media(max-width:768px){.progress-checklist{padding:16px}.checklist-step{flex-wrap:wrap}.step-action{width:100%;justify-content:center;margin-top:8px}.step-description{white-space:normal}}.dashboard-v2{padding:var(--page-padding-y) var(--page-padding-x);background:var(--bg-app);min-height:100vh}.dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.dash-header-left h1{font-size:1.625rem;font-weight:var(--font-bold);color:var(--text-primary);margin:0;letter-spacing:-.02em}.dash-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin-top:4px;display:block}.dash-header-right{display:flex;align-items:center;gap:10px}.demo-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--color-primary-gradient);color:#fff;font-size:.75rem;font-weight:var(--font-semibold);border-radius:var(--radius-full);box-shadow:var(--shadow-primary)}.period-selector{display:flex;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs)}.period-selector button{padding:8px 16px;background:transparent;border:none;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);position:relative}.period-selector button:not(:last-child):after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:16px;background:var(--border-subtle)}.period-selector button:hover{background:var(--bg-secondary);color:var(--text-primary)}.period-selector button.active{background:var(--text-primary);color:var(--text-inverse)}.period-selector button.active:after{display:none}.icon-btn{position:relative;width:38px;height:38px;border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--bg-card);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}.icon-btn:hover{border-color:var(--border-strong);color:var(--text-primary);background:var(--bg-secondary)}.notif-dot{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:var(--color-danger);color:#fff;font-size:.65rem;font-weight:var(--font-bold);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-app)}.export-btn{display:flex;align-items:center;gap:8px;padding:9px 16px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}.export-btn:hover{border-color:var(--border-strong);background:var(--bg-secondary)}.export-btn svg{color:var(--text-secondary)}.notif-dropdown{position:absolute;top:70px;right:32px;width:360px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:1000;overflow:hidden;animation:fadeInDown .2s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-subtle);font-weight:var(--font-semibold);font-size:var(--text-base)}.notif-header button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.notif-header button:hover{color:var(--text-primary);background:var(--bg-secondary)}.notif-empty{padding:40px 20px;text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background var(--transition-fast)}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--bg-secondary)}.notif-item.read{opacity:.6}.notif-content{flex:1;display:flex;flex-direction:column;gap:3px}.notif-content strong{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.notif-content span{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.4}.notif-content small{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.notif-unread{width:8px;height:8px;background:var(--color-primary);border-radius:var(--radius-full);margin-top:5px;flex-shrink:0}.command-center{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:28px}.command-section{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:20px;box-shadow:var(--shadow-sm)}.command-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.command-title{display:flex;align-items:center;gap:10px;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.command-title .fire-icon{color:#f59e0b;animation:pulse 2s ease-in-out infinite}.command-title .zap-icon{color:#10b981}.hot-count{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:var(--text-xs);font-weight:var(--font-bold);padding:2px 8px;border-radius:var(--radius-full);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.hot-leads-grid{display:flex;flex-direction:column;gap:10px}.hot-lead-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.hot-lead-card:hover{transform:translate(4px);border-color:#f59e0b66;box-shadow:0 4px 12px #f59e0b26}.hot-lead-score{width:44px;height:44px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #f59e0b4d}.hot-lead-score .score-value{color:#fff;font-size:var(--text-lg);font-weight:var(--font-bold)}.hot-lead-info{flex:1;display:flex;flex-direction:column;gap:2px}.hot-lead-name{font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--text-sm)}.hot-lead-company{font-size:var(--text-xs);color:var(--text-secondary)}.hot-lead-action{color:var(--text-muted);transition:transform var(--transition-fast)}.hot-lead-card:hover .hot-lead-action{transform:translate(4px);color:#d97706}.empty-hot-leads{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-muted);text-align:center;gap:8px}.empty-hot-leads span{font-size:var(--text-sm);font-weight:var(--font-medium)}.empty-hot-leads small{font-size:var(--text-xs)}.speed-section{display:flex;flex-direction:column}.speed-display{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px 0}.speed-value{display:flex;align-items:baseline;gap:4px}.speed-number{font-size:3.5rem;font-weight:var(--font-bold);color:#10b981;line-height:1;letter-spacing:-.02em}.speed-unit{font-size:var(--text-xl);font-weight:var(--font-medium);color:var(--text-secondary)}.speed-label{font-size:var(--text-sm);color:var(--text-secondary);margin-top:8px}.speed-benchmark{display:flex;align-items:center;gap:6px;margin-top:16px;padding:8px 14px;background:#10b9811a;border-radius:var(--radius-full);font-size:var(--text-xs);color:#059669;font-weight:var(--font-medium)}.speed-benchmark .check-icon{color:#10b981}.roi-section{margin-bottom:28px}.roi-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:16px}.roi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.roi-card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.roi-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.roi-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.roi-content{flex:1;display:flex;flex-direction:column;gap:2px}.roi-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:1.2}.roi-label{font-size:var(--text-xs);color:var(--text-secondary)}.roi-percent{font-size:var(--text-sm);font-weight:var(--font-bold);color:#10b981;background:#10b9811a;padding:4px 10px;border-radius:var(--radius-full)}.roi-trend{display:flex;align-items:center;gap:4px;font-size:var(--text-sm);font-weight:var(--font-semibold)}.roi-trend.up{color:#10b981}.roi-equivalent{font-size:var(--text-xs);color:#8b5cf6;font-weight:var(--font-medium)}@media(max-width:1024px){.command-center,.roi-grid{grid-template-columns:1fr}}@media(max-width:768px){.roi-card{flex-direction:column;text-align:center}.roi-content{align-items:center}}.hot-alert{display:flex;align-items:center;gap:14px;padding:14px 18px;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-xl);margin-bottom:24px;box-shadow:0 2px 8px #f59e0b1a}.hot-icon{color:var(--color-warning);flex-shrink:0}.hot-alert span{flex:1;font-size:var(--text-sm);font-weight:var(--font-medium);color:#92400e}.hot-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--text-primary);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base)}.hot-btn:hover{background:#1e293b;transform:translateY(-1px)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.kpi-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:18px 20px;transition:all var(--transition-base);position:relative;overflow:hidden;animation:kpiSlideIn .4s cubic-bezier(.4,0,.2,1) forwards;opacity:0}.kpi-card:nth-child(1){animation-delay:0ms}.kpi-card:nth-child(2){animation-delay:50ms}.kpi-card:nth-child(3){animation-delay:.1s}.kpi-card:nth-child(4){animation-delay:.15s}.kpi-card:nth-child(5){animation-delay:.2s}.kpi-card:nth-child(6){animation-delay:.25s}@keyframes kpiSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--border-subtle);transition:all var(--transition-base)}.kpi-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-card:hover:before{background:var(--color-primary-gradient)}.kpi-card.highlight{border-color:#ff5a1f33;background:linear-gradient(135deg,rgba(255,90,31,.02) 0%,var(--bg-card) 100%)}.kpi-card.highlight:before{background:var(--color-primary-gradient)}.kpi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.kpi-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.kpi-trend{display:inline-flex;align-items:center;gap:3px;font-size:.65rem;font-weight:var(--font-bold);padding:3px 8px;border-radius:var(--radius-full)}.kpi-trend.up{background:var(--color-success-bg);color:var(--color-success-dark)}.kpi-trend.down{background:var(--color-danger-bg);color:var(--color-danger-dark)}.kpi-value{font-size:1.875rem;font-weight:var(--font-bold);color:var(--text-primary);line-height:1;margin-bottom:12px;letter-spacing:-.02em;animation:countUp .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.kpi-value small{font-size:.875rem;font-weight:var(--font-medium);color:var(--text-muted)}.kpi-bar{height:5px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.kpi-bar-fill{height:100%;border-radius:var(--radius-full);animation:barFillIn .8s cubic-bezier(.4,0,.2,1) forwards;transform-origin:left}@keyframes barFillIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}transition: width .6s cubic-bezier(.4,0,.2,1); } .kpi-bar-fill.primary{background:var(--color-primary-gradient)}.kpi-bar-fill.success{background:linear-gradient(90deg,var(--color-success),#34D399)}.kpi-bar-fill.info{background:linear-gradient(90deg,var(--color-info),#60A5FA)}.kpi-bar-fill.warning{background:linear-gradient(90deg,var(--color-warning),#FBBF24)}.kpi-subtext{font-size:var(--text-xs);color:var(--text-muted);margin-top:6px}.stats-row{display:flex;gap:12px;margin-bottom:20px}.stat-mini{flex:1;display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);transition:all var(--transition-fast)}.stat-mini:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm)}.stat-mini-icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-secondary)}.stat-mini svg{color:var(--text-muted)}.stat-mini-content{display:flex;flex-direction:column;gap:2px}.stat-mini-value{font-size:1.25rem;font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:-.01em}.stat-mini-label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--font-medium)}.charts-section{display:grid;grid-template-columns:300px 1fr;gap:16px;margin-bottom:20px}.chart-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:20px 24px;transition:all var(--transition-fast);animation:chartFadeIn .5s cubic-bezier(.4,0,.2,1) forwards;opacity:0}.charts-section .chart-card:nth-child(1){animation-delay:.3s}.charts-section .chart-card:nth-child(2){animation-delay:.4s}.charts-section .chart-card:nth-child(3){animation-delay:.5s}@keyframes chartFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.chart-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm)}.chart-card h3{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 20px}.chart-wrapper{margin:0 -8px}.chart-legend{display:flex;justify-content:center;gap:24px;margin-top:16px;font-size:var(--text-xs);color:var(--text-secondary)}.chart-legend span{display:flex;align-items:center;gap:8px;font-weight:var(--font-medium)}.chart-legend i{width:12px;height:12px;border-radius:3px}.funnel-card{display:flex;flex-direction:column}.funnel-visual{flex:1;display:flex;flex-direction:column;gap:12px}.funnel-step{display:flex;align-items:center;gap:14px}.funnel-bar{height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:flex-end;padding-right:12px;min-width:48px;transition:all .6s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-xs)}.funnel-value{font-size:var(--text-sm);font-weight:var(--font-bold);color:#fff}.funnel-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);white-space:nowrap}.activity-card{display:flex;flex-direction:column}.trend-card{margin-bottom:20px}.bottom-section{display:grid;grid-template-columns:1fr 1.6fr;gap:16px}.sources-card{display:flex;flex-direction:column}.sources-list{display:flex;flex-direction:column;gap:14px}.source-row{display:flex;align-items:center;gap:14px}.source-icon{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.source-icon.sms{background:#3b82f61a;color:var(--color-sms)}.source-icon.whatsapp{background:#25d3661a;color:var(--color-whatsapp)}.source-icon.messenger{background:#0084ff1a;color:var(--color-messenger)}.source-icon.instagram{background:#e4405f1a;color:var(--color-instagram)}.source-icon.widget{background:#8b5cf61a;color:var(--color-widget)}.source-name{width:90px;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-bar-wrapper{flex:1;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.source-bar{height:100%;background:var(--color-primary-gradient);border-radius:var(--radius-full);transition:width .6s cubic-bezier(.4,0,.2,1)}.source-rate{width:48px;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-success);text-align:right}.activity-list-card{display:flex;flex-direction:column}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header h3{margin:0}.see-all{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.see-all:hover{gap:8px}.empty-activity{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-muted);padding:48px 24px}.empty-activity svg{opacity:.5}.activity-items{display:flex;flex-direction:column;gap:8px}.activity-row{display:flex;align-items:center;gap:14px;padding:12px 14px;background:var(--bg-secondary);border-radius:var(--radius-lg);transition:all var(--transition-fast);border:1px solid transparent}.activity-row:hover{background:var(--bg-tertiary);border-color:var(--border-subtle)}.activity-dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.activity-dot.qualified{background:var(--color-success);box-shadow:0 0 0 3px var(--color-success-bg)}.activity-dot.disqualified{background:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-bg)}.activity-dot.pending{background:var(--color-warning);box-shadow:0 0 0 3px var(--color-warning-bg)}.activity-dot.meeting{background:var(--color-info);box-shadow:0 0 0 3px var(--color-info-bg)}.activity-dot.reply{background:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.activity-info{flex:1;display:flex;flex-direction:column;min-width:0}.activity-info strong{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.activity-info small{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.activity-badge{font-size:.625rem;font-weight:var(--font-bold);padding:4px 10px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em}.activity-badge.qualified{background:var(--color-success-bg);color:var(--color-success-dark)}.activity-badge.disqualified{background:var(--color-danger-bg);color:var(--color-danger-dark)}.activity-badge.pending{background:var(--color-warning-bg);color:var(--color-warning-dark)}.activity-badge.meeting{background:var(--color-info-bg);color:var(--color-info-dark)}.activity-badge.reply{background:#8b5cf61a;color:#7c3aed}.activity-right small{font-size:var(--text-xs);color:var(--text-muted)}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:60vh;color:var(--text-secondary);font-size:var(--text-base)}.dashboard-loading svg{color:var(--color-primary)}.animate-spin{animation:spin .8s linear infinite}@media(max-width:1400px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1200px){.charts-section,.bottom-section{grid-template-columns:1fr}}@media(max-width:900px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.stats-row{flex-wrap:wrap}.stat-mini{flex:1 1 calc(50% - 6px)}}@media(max-width:600px){.dashboard-v2{padding:16px}.dash-header{flex-direction:column;align-items:flex-start;gap:16px}.dash-header-right{width:100%;flex-wrap:wrap}.kpi-grid{grid-template-columns:1fr}.stats-row{flex-direction:column}.stat-mini{flex:1 1 100%}.notif-dropdown{right:16px;left:16px;width:auto}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px;background:linear-gradient(180deg,#fafafa,#fff);border:2px dashed #E5E7EB;border-radius:16px;min-height:300px}.empty-state.compact{padding:32px 20px;min-height:200px}.empty-state-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#fff5eb,#ffe4cc);border-radius:20px;margin-bottom:24px;color:#ff470f}.empty-state.compact .empty-state-icon{width:56px;height:56px;border-radius:14px;margin-bottom:16px}.empty-state-title{font-size:1.25rem;font-weight:600;color:#111;margin:0 0 12px}.empty-state.compact .empty-state-title{font-size:1rem;margin-bottom:8px}.empty-state-description{font-size:.9rem;color:#6b7280;margin:0 0 24px;max-width:400px;line-height:1.6}.empty-state.compact .empty-state-description{font-size:.8rem;margin-bottom:16px;max-width:300px}.empty-state-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.empty-state-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;font-size:.875rem;font-weight:500;border-radius:10px;cursor:pointer;transition:all .2s;border:none}.empty-state-btn.primary{background:linear-gradient(135deg,#ff470f,#ff6b35);color:#fff;box-shadow:0 4px 12px #ff470f4d}.empty-state-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff470f66}.empty-state-btn.secondary{background:#fff;color:#374151;border:1px solid #E5E7EB}.empty-state-btn.secondary:hover{border-color:#d1d5db;background:#f9fafb}.empty-state-btn .btn-arrow{opacity:0;margin-left:-4px;transition:all .2s}.empty-state-btn:hover .btn-arrow{opacity:1;margin-left:0}@media(max-width:640px){.empty-state{padding:40px 20px;min-height:250px}.empty-state-actions{flex-direction:column;width:100%}.empty-state-btn{width:100%;justify-content:center}}.conversations-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;color:var(--text-secondary)}.conversations-loading svg{color:var(--color-primary)}.spin{animation:spin .8s linear infinite}.conversations-page-v2{height:100vh;display:flex;flex-direction:column;background:var(--bg-app);overflow:hidden}.demo-banner-v2{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:var(--color-primary-gradient);color:#fff;font-size:var(--text-sm);font-weight:var(--font-semibold)}.conversations-container{flex:1;display:flex;overflow:hidden;margin:var(--space-4);margin-left:0;gap:0;background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.conv-sidebar{width:360px;display:flex;flex-direction:column;border-right:1px solid #E5E7EB;background:#fafafa;border-radius:var(--radius-xl) 0 0 var(--radius-xl)}.sidebar-search{display:flex;align-items:center;gap:12px;margin:20px;padding:14px 18px;background:#fff;border-radius:14px;border:1.5px solid #E5E7EB;transition:all .2s ease;box-shadow:0 1px 3px #0000000a}.sidebar-search:focus-within{background:#fff;border-color:#ff470f;box-shadow:0 0 0 4px #ff470f14}.sidebar-search svg{color:#9ca3af;flex-shrink:0}.sidebar-search input{flex:1;border:none;background:transparent;font-size:.95rem;color:#1a1a1a;outline:none}.sidebar-search input::placeholder{color:#9ca3af}.filter-tabs{display:flex!important;gap:0!important;padding:0 16px 16px!important;border-bottom:none!important;background:transparent!important}.conv-sidebar .filter-tab{flex:1!important;padding:12px 16px!important;background:#f3f4f6!important;border:none!important;border-radius:0!important;font-size:.85rem!important;font-weight:600!important;color:#6b7280!important;cursor:pointer;transition:all .2s ease;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.conv-sidebar .filter-tab:first-child{border-radius:12px 0 0 12px!important}.conv-sidebar .filter-tab:last-child{border-radius:0 12px 12px 0!important}.conv-sidebar .filter-tab:hover{background:#e5e7eb!important}.conv-sidebar .filter-tab.active{background:#1f2937!important;color:#fff!important;box-shadow:inset 0 2px 4px #0003!important}.conv-sidebar .filter-tab.hot.active{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important}.tab-count{font-size:.7rem;background:#ffffff40;padding:2px 7px;border-radius:10px;min-width:22px;text-align:center}.tab-count.hot{background:#ff6b004d;color:#fff;animation:pulse 2s ease-in-out infinite}.filter-row{display:flex!important;gap:10px!important;padding:12px 16px!important;background:transparent!important}.conv-sidebar .filter-select{flex:1!important;padding:10px 32px 10px 14px!important;background:#fff!important;border:1px solid #E5E7EB!important;border-radius:10px!important;font-size:.8rem!important;font-weight:500!important;color:#374151!important;cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 10px center!important}.conv-sidebar .filter-select:hover{border-color:#d1d5db!important;background-color:#fafafa!important}.conv-sidebar .filter-select:focus{outline:none!important;border-color:#ff470f!important;box-shadow:0 0 0 3px #ff470f14!important;background-color:#fff!important}.conv-score{position:absolute;top:12px;left:8px;width:26px;height:26px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff;z-index:2}.conv-score.hot{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 6px #f59e0b66}.conv-score.warm{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 6px #3b82f64d}.conv-score.cold{background:var(--text-muted)}.conv-item.hot{background:linear-gradient(90deg,rgba(245,158,11,.08) 0%,transparent 100%);border-left-color:#f59e0b}.conv-item.hot:hover{background:linear-gradient(90deg,rgba(245,158,11,.12) 0%,var(--bg-secondary) 100%)}.badge-status{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-full);font-size:.65rem;font-weight:600}.badge-status.auto-pilot{background:#10b9811a;color:#059669}.badge-status.needs-human{background:#ef44441a;color:#dc2626;animation:pulse 2s ease-in-out infinite}.conversations-header{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:14px 16px!important;background:transparent!important;margin:0 16px 8px!important;border-bottom:1px solid #E5E7EB!important;border-radius:0!important}.conversations-header h3{font-size:.9rem!important;font-weight:700!important;color:#1a1a1a!important;margin:0!important;letter-spacing:-.01em}.chat-count{font-size:.75rem!important;color:#6b7280!important;font-weight:600!important;background:#f3f4f6!important;padding:4px 12px!important;border-radius:20px!important}.conv-list{flex:1;overflow-y:auto;padding:4px 0}.conv-list::-webkit-scrollbar{width:5px}.conv-list::-webkit-scrollbar-track{background:transparent}.conv-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.conv-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.empty-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#9ca3af;gap:12px}.conv-item{display:flex!important;align-items:flex-start!important;gap:14px!important;padding:14px 16px!important;margin:6px 12px!important;cursor:pointer;transition:all .2s ease;border-left:4px solid transparent!important;border-radius:14px!important;position:relative;animation:convItemFadeIn .3s ease-out forwards;opacity:0;background:#fff!important;box-shadow:0 1px 3px #0000000d!important}.conv-list .conv-item:nth-child(1){animation-delay:0ms}.conv-list .conv-item:nth-child(2){animation-delay:30ms}.conv-list .conv-item:nth-child(3){animation-delay:60ms}.conv-list .conv-item:nth-child(4){animation-delay:90ms}.conv-list .conv-item:nth-child(5){animation-delay:.12s}.conv-list .conv-item:nth-child(6){animation-delay:.15s}.conv-list .conv-item:nth-child(7){animation-delay:.18s}.conv-list .conv-item:nth-child(8){animation-delay:.21s}@keyframes convItemFadeIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.conv-item:hover{background:#f9fafb!important;box-shadow:0 2px 8px #00000014!important;transform:translateY(-1px)}.conv-item.active{background:linear-gradient(90deg,#ff470f14,#fff)!important;border-left-color:#ff470f!important;box-shadow:0 3px 12px #ff470f26!important}.conv-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ff470f,#ff6b35);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.95rem;flex-shrink:0}.conv-avatar.qualified{background:linear-gradient(135deg,#10b981,#059669)}.conv-avatar.pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.conv-avatar.contacted{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.conv-content{flex:1;min-width:0}.conv-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.conv-name{font-weight:600;font-size:.95rem;color:#1a1a1a}.conv-time{font-size:.75rem;color:#9ca3af}.conv-preview{font-size:.85rem;color:#6b7280;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-badges{display:flex;gap:8px}.badge-channel{display:flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:.7rem;font-weight:600}.badge-channel.sms{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.badge-channel.whatsapp{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a}.badge-channel.instagram{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#db2777}.badge-channel.messenger{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.badge-channel.widget{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#7c3aed}.badge-bot,.badge-total{display:flex;align-items:center;gap:4px;padding:3px 8px;background:#f3f4f6;border-radius:12px;font-size:.7rem;font-weight:600;color:#6b7280}.badge-bot{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669}.unread-dot{position:absolute;top:16px;right:20px;width:20px;height:20px;background:#ff470f;color:#fff;font-size:.7rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}.chat-main{flex:1;display:flex;flex-direction:column;background:#fff;min-width:0}.no-conversation{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#9ca3af}.no-conversation h3{margin:0;font-size:1.25rem;color:#1a1a1a}.no-conversation p{margin:0;font-size:.95rem}.chat-header-v2{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#fff;gap:16px;flex-shrink:0}.header-left{display:flex;align-items:center;gap:14px;flex:1;min-width:0;overflow:hidden}.header-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#ff470f,#ff6b35);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.95rem;flex-shrink:0}.header-avatar.qualified{background:linear-gradient(135deg,#10b981,#059669)}.header-info{flex:1;min-width:0;overflow:hidden}.header-info h2{font-size:1.1rem;font-weight:700;color:#1a1a1a;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-meta{display:flex;align-items:center;gap:10px}.channel-indicator{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:600}.channel-indicator.sms{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.channel-indicator.whatsapp{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a}.channel-indicator.instagram{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#db2777}.channel-indicator.messenger{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.channel-indicator.widget{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#7c3aed}.meta-separator{color:#d1d5db;font-size:.8rem}.last-active{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#6b7280}.active-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.header-actions .ui-btn{white-space:nowrap}.header-actions .btn-autopilot.active{background:linear-gradient(135deg,#10b981,#059669)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 4px 12px #10b98140!important}.btn-icon{width:40px;height:40px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s}.btn-icon:hover{background:#f9fafb;color:#1a1a1a}.messages-area{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px;background:linear-gradient(180deg,#fafafa,#fff)}.messages-area::-webkit-scrollbar{width:6px}.messages-area::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.msg-wrapper{display:flex;flex-direction:column;max-width:70%;animation:msgFadeIn .3s ease-out forwards}@keyframes msgFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.msg-wrapper.incoming{align-self:flex-start;animation-name:msgSlideInLeft}.msg-wrapper.outgoing{align-self:flex-end;align-items:flex-end;animation-name:msgSlideInRight}@keyframes msgSlideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes msgSlideInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.msg-bubble{padding:14px 18px;border-radius:18px;position:relative}.msg-wrapper.incoming .msg-bubble{background:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:4px}.msg-wrapper.outgoing .msg-bubble{background:linear-gradient(135deg,#ff470f,#ff6b35);color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 12px #ff470f40}.msg-bubble p{margin:0;font-size:.95rem;line-height:1.5}.msg-actions{display:flex;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.2)}.msg-action-btn{width:28px;height:28px;border-radius:6px;border:none;background:#fff3;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.msg-action-btn:hover{background:#ffffff4d}.msg-time{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#9ca3af;margin-top:6px}.msg-sent{color:#10b981;font-weight:600}.pause-ai-banner{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;font-size:.9rem;font-weight:600}.chat-input-v2{padding:16px 24px 20px;border-top:1px solid #e5e7eb;background:#fff;border-radius:0}.chat-input-v2 input{width:100%;padding:16px 20px;border:2px solid #e5e7eb;border-radius:14px;font-size:.95rem;color:#1a1a1a;outline:none;transition:all .3s ease}.chat-input-v2 input:focus{border-color:#ff470f;box-shadow:0 0 0 4px #ff470f1a}.chat-input-v2 input:disabled{background:#f9fafb;color:#9ca3af}.input-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:0 4px}.char-count{font-size:.8rem;color:#9ca3af}.send-btn-v2{width:44px;height:44px;border-radius:12px;border:none;background:linear-gradient(135deg,#ff470f,#ff6b35);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 12px #ff470f40}.send-btn-v2:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff470f59}.send-btn-v2:disabled{opacity:.5;cursor:not-allowed}.info-panel{width:300px;border-left:1px solid var(--border-subtle);padding:var(--space-5);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-5);background:var(--bg-secondary);border-radius:0 var(--radius-xl) var(--radius-xl) 0}.info-widget{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--border-subtle)}.info-widget h4{font-size:.9rem;font-weight:700;color:#1a1a1a;margin:0 0 14px}.stats-widget-v2 h4{margin-bottom:14px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat-box-mini{display:flex;align-items:center;gap:10px;padding:12px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:10px;border:1px solid #E5E7EB;transition:all .2s ease}.stat-box-mini:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.stat-icon-mini{color:#3b82f6;flex-shrink:0}.stat-content-mini{display:flex;flex-direction:column;gap:2px}.stat-value-mini{font-size:1.2rem;font-weight:800;color:#0f172a;line-height:1}.stat-label-mini{font-size:.65rem;color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.contact-widget h4{margin-bottom:16px}.contact-fields-grid{display:flex;flex-direction:column;gap:12px}.contact-field{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fafbfc;border-radius:10px;font-size:.85rem;color:#1a1a1a;transition:all .2s ease}.contact-field:hover{background:#f3f4f6}.contact-field svg{color:#6b7280;flex-shrink:0}.contact-field span{flex:1;word-break:break-word;font-weight:500}.copy-btn{width:28px;height:28px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.copy-btn:hover{background:#f9fafb;color:#ff470f}.id-field{font-size:.8rem;color:#9ca3af}.field-label{color:#9ca3af}.field-value{font-family:monospace;font-size:.8rem}.status-widget h4{margin-bottom:12px}.status-badge-v2{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;font-size:.9rem;font-weight:700;width:100%;text-transform:uppercase;letter-spacing:.03em}.status-badge-v2.qualified{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669;border:2px solid #86EFAC}.status-badge-v2.pending{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#d97706;border:2px solid #FDE047}.status-badge-v2.contacted{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb;border:2px solid #93C5FD}.status-badge-v2 svg{flex-shrink:0}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.widget-header h4{margin:0}.widget-link{width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center}.widget-link:hover{color:#ff470f}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.tag-item{padding:6px 12px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:20px;font-size:.8rem;font-weight:600;color:#374151}.no-tags{font-size:.85rem;color:#9ca3af;font-style:italic}.campaigns-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 0;color:#9ca3af}.campaigns-empty svg{margin-bottom:12px;opacity:.5}.campaigns-empty p{margin:0;font-size:.95rem;font-weight:600;color:#1a1a1a}.campaigns-empty span{font-size:.8rem;margin-top:4px}.scoring-widget{background:linear-gradient(135deg,#fff,#fefce8);border-color:#fde047}.widget-header-scoring{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.widget-header-scoring h4{margin:0;font-size:.9rem;font-weight:700;color:#1a1a1a}.scoring-icon{color:#f59e0b}.score-display{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:20px}.score-circle{width:90px;height:90px;border-radius:50%;position:relative;transition:all .3s ease}.score-inner{position:absolute;inset:0;margin:9px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000014;z-index:1}.score-info{display:flex;flex-direction:column;align-items:center;gap:8px}.score-number-display{font-size:2rem;font-weight:800;line-height:1}.score-label{display:flex;align-items:center;gap:6px;font-size:.95rem;font-weight:700;padding:6px 16px;background:#ffffffe6;border-radius:20px;box-shadow:0 2px 8px #0000000f}.score-breakdown{display:flex;flex-direction:column;gap:12px}.breakdown-item{display:flex;flex-direction:column;gap:6px}.breakdown-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.breakdown-bar{height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.breakdown-fill{height:100%;border-radius:4px;transition:width .5s ease,background .3s ease}@media(max-width:1200px){.info-panel{width:260px}}@media(max-width:1024px){.info-panel{display:none}.chat-header-v2{padding:12px 16px}.header-actions .ui-btn span:not(.ui-btn-icon){display:none}.header-actions .ui-btn{padding:8px 10px}.header-avatar{width:40px;height:40px;font-size:.85rem}.header-info h2{font-size:1rem}}@media(max-width:768px){.conversations-container{margin:8px;border-radius:16px}.conv-sidebar{width:100%;position:absolute;z-index:10;inset:0;border-radius:16px}.chat-main{display:none}.conv-sidebar.has-selection+.chat-main{display:flex;position:absolute;inset:0;z-index:20;border-radius:16px}}.contacts-page{padding:var(--page-padding-x);background:var(--bg-app);min-height:100vh;overflow-x:hidden}.contacts-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:16px}.contacts-page .page-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary, #1a1a1a);margin-bottom:8px}.contacts-page .page-header .text-muted{color:var(--text-secondary, #6b7280);font-size:.95rem}.contacts-page .header-actions{display:flex;flex-direction:row;align-items:center;gap:12px}.contacts-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;color:var(--text-secondary, #6b7280);background:#fff;border:2px dashed var(--border-subtle, #e5e5e5);border-radius:16px;text-align:center}.contacts-page .empty-state svg{color:var(--text-muted, #9ca3af);margin-bottom:16px}.contacts-page .empty-state h3{font-size:1.25rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin-bottom:8px}.contacts-page .empty-state p{color:var(--text-secondary, #6b7280);font-size:.95rem}.contacts-page .glass-panel{background:#fff;border:1px solid var(--border-subtle, #e5e5e5);border-radius:16px;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.contacts-table-wrapper{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow-x:auto;box-shadow:var(--shadow-xs)}.contacts-table{width:100%;min-width:900px;border-collapse:collapse}.contacts-table th,.contacts-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border-subtle, #e5e5e5);white-space:nowrap}.contacts-table th{background:var(--bg-secondary, #f9fafb);color:var(--text-secondary, #6b7280);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.contacts-table td{color:var(--text-primary, #1a1a1a);font-size:.9rem}.contacts-table tr:last-child td{border-bottom:none}.contacts-table tr:hover td{background:var(--bg-secondary, #f9fafb)}.contacts-table td:first-child{white-space:normal;min-width:180px}.upload-area{border:2px dashed var(--border-subtle, #e5e5e5);border-radius:16px;padding:48px 32px;text-align:center;margin-bottom:24px;transition:all .2s ease;background:#fff}.upload-area:hover{border-color:var(--accent-primary, #FF470F);background:#ff470f05}.upload-label{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;color:var(--text-secondary, #6b7280)}.upload-label svg{color:var(--accent-primary, #FF470F)}.upload-label span{font-size:.95rem}.checkbox-group{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-secondary, #f9fafb);border-radius:10px;border:1px solid var(--border-subtle, #e5e5e5)}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary, #FF470F)}.checkbox-group label{color:var(--text-primary, #1a1a1a);font-size:.95rem}.contacts-page .btn-primary{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#ff470f,#ff6b35);border:none;border-radius:10px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.contacts-page .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff470f40}.contacts-page .btn-secondary{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border:1px solid var(--border-subtle, #e5e5e5);border-radius:10px;color:var(--text-primary, #1a1a1a);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none}.contacts-page .btn-secondary:hover{background:var(--bg-secondary, #f9fafb);border-color:var(--border-strong, #d1d5db)}.contacts-page .glass-panel{background:#fff;border:1px solid var(--border-subtle, #e5e5e5);border-radius:16px;box-shadow:0 1px 3px #0000000a}.btn-view-conversation{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#ff470f14;border:1px solid rgba(255,71,15,.2);border-radius:8px;color:#ff470f;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-view-conversation:hover{background:#ff470f26;border-color:#ff470f;transform:translateY(-1px)}.btn-view-conversation svg{flex-shrink:0}.contacts-table th:last-child,.contacts-table td:last-child{text-align:center;width:140px}.contacts-page .demo-badge{display:inline-flex;align-items:center;padding:8px 16px;background:linear-gradient(135deg,#ff470f,#ff6b35);border-radius:100px;color:#fff;font-size:.85rem;font-weight:600;box-shadow:0 4px 12px #ff470f4d}.contacts-table th.checkbox-cell,.contacts-table td.checkbox-cell{width:48px;text-align:center;padding:8px!important}.select-all-btn,.select-btn{background:none;border:none;padding:4px;cursor:pointer;color:#9ca3af;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.select-all-btn:hover,.select-btn:hover{color:#ff470f;background:#ff470f1a}.contacts-table tr.selected{background:#ff470f0d!important}.contacts-table tr.selected td{border-color:#ff470f33}.contacts-table tr.selected .select-btn{color:#ff470f}.action-buttons{display:flex;align-items:center;justify-content:center;gap:8px}.btn-delete-contact{display:flex;align-items:center;justify-content:center;padding:8px;background:none;border:1px solid #E5E7EB;border-radius:8px;color:#9ca3af;cursor:pointer;transition:all .2s ease}.btn-delete-contact:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.delete-confirmation{text-align:center;padding:20px 0}.delete-confirmation .warning-icon{color:#ef4444;margin-bottom:16px}.delete-confirmation p{color:#374151;font-size:1rem;line-height:1.6}.agent-config-page{max-width:1200px;margin:0 auto;padding:var(--page-padding-y) var(--page-padding-x);background:var(--bg-app);min-height:100vh}.loading-state{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:var(--text-base);color:var(--text-secondary)}.config-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--border-subtle);gap:24px}.config-header-left{display:flex;align-items:center;gap:16px;flex:1}.config-header .btn-primary{flex-shrink:0;width:auto}.config-icon-wrapper{width:52px;height:52px;background:var(--color-primary-gradient);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-primary-lg)}.config-title{font-size:1.625rem;font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 4px;letter-spacing:-.02em}.config-subtitle{color:var(--text-secondary);font-size:var(--text-base);margin:0}.subscription-banner{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-radius:var(--radius-xl);margin-bottom:24px;gap:20px;box-shadow:var(--shadow-sm)}.subscription-banner.inactive{background:linear-gradient(135deg,var(--color-warning-light) 0%,#FDE68A 100%);border:1px solid rgba(245,158,11,.4)}.subscription-banner.trial{background:linear-gradient(135deg,var(--color-info-light) 0%,#BFDBFE 100%);border:1px solid rgba(59,130,246,.4)}.subscription-banner.active{background:linear-gradient(135deg,var(--color-success-light) 0%,#A7F3D0 100%);border:1px solid rgba(16,185,129,.4)}.subscription-banner-content{display:flex;align-items:center;gap:16px}.banner-icon{width:46px;height:46px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:var(--color-warning-bg);color:var(--color-warning-dark)}.banner-icon.trial{background:var(--color-info-bg);color:var(--color-info-dark)}.banner-icon.active{background:var(--color-success-bg);color:var(--color-success-dark)}.banner-text h4{font-size:var(--text-md);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 4px}.banner-text p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.btn-activate-subscription{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--color-primary-gradient);border-radius:var(--radius-xl);color:#fff;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;white-space:nowrap}.btn-activate-subscription:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff470f4d}.btn-upgrade-subscription{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#3b82f6;border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;white-space:nowrap}.btn-upgrade-subscription:hover{background:#2563eb}.btn-manage-subscription{padding:12px 20px;background:#10b98133;border-radius:12px;color:#059669;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;white-space:nowrap}.btn-manage-subscription:hover{background:#10b9814d}.config-layout{display:grid;grid-template-columns:1fr 320px;gap:32px;align-items:start}.config-main{display:flex;flex-direction:column;gap:16px}.config-sidebar{position:sticky;top:32px;display:flex;flex-direction:column;gap:16px}.summary-card{background:#fff;border:1px solid #e5e5e5;border-radius:16px;overflow:hidden}.summary-card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0;background:#fafafa}.summary-card-title{display:flex;align-items:center;gap:12px}.summary-card-title svg{color:#ff470f}.summary-card-title h3{font-size:1rem;font-weight:600;color:#1a1a1a;margin:0}.btn-edit{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;color:#6b7280;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-edit:hover{background:#f9fafb;border-color:#d1d5db;color:#1a1a1a}.agent-identity-preview{display:flex;align-items:flex-start;gap:16px;padding:24px}.agent-avatar-large{width:64px;height:64px;background:linear-gradient(135deg,#ff470f,#ff6b35);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.agent-identity-info{flex:1}.agent-identity-info h4{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0 0 6px}.agent-goal{color:#6b7280;font-size:.9rem;margin:0 0 12px;line-height:1.5}.agent-tone-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f3f4f6;border-radius:20px;font-size:.8rem;color:#6b7280}.first-message-preview{padding:0 24px 24px;border-top:1px solid #f0f0f0;margin-top:0}.first-message-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af;margin:16px 0 8px}.first-message-preview p{color:#1a1a1a;font-style:italic;font-size:.95rem;margin:0;line-height:1.6}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;padding:0}.summary-item{padding:20px 24px;border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0}.summary-item:nth-child(2n){border-right:none}.summary-item:nth-last-child(-n+2){border-bottom:none}.summary-item.full-width{grid-column:1 / -1;border-right:none;border-bottom:none}.summary-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af;margin-bottom:6px}.summary-value{color:#1a1a1a;font-size:.95rem;font-weight:500}.pain-points-summary{padding:20px 24px;border-top:1px solid #f0f0f0}.pain-tag{padding:6px 12px;background:#ff470f14;color:#ff470f;border-radius:20px;font-size:.8rem;font-weight:500}.pain-tag.more{background:#f3f4f6;color:#6b7280}.summary-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.summary-card.half{min-height:auto}.channels-summary,.integrations-summary{display:flex;flex-wrap:wrap;gap:10px;padding:20px 24px}.channel-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#f9fafb;border:1px solid #e5e5e5;border-radius:10px;font-size:.85rem;font-weight:500;color:#6b7280}.channel-badge.active{background:#10b98114;border-color:#10b98133;color:#059669}.integration-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#f9fafb;border:1px solid #e5e5e5;border-radius:10px;font-size:.85rem;font-weight:500;color:#6b7280}.integration-badge.connected{background:#10b98114;border-color:#10b98133;color:#059669}.quality-summary{padding:20px 24px}.criteria-tags{display:flex;flex-wrap:wrap;gap:8px}.criteria-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;font-size:.8rem;font-weight:500}.criteria-tag.must-have{background:#10b98114;color:#059669}.criteria-tag.deal-breaker{background:#ef444414;color:#dc2626}.criteria-tag.more{background:#f3f4f6;color:#6b7280}.edit-section{padding:24px;background:#fafafa;border-top:1px solid #f0f0f0}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:.8rem;font-weight:600;color:#6b7280;margin-bottom:8px}.form-group input,.form-group textarea,.form-group select{padding:12px 16px;background:#fff;border:1px solid #e5e5e5;border-radius:10px;font-size:.95rem;color:#1a1a1a;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#ff470f;box-shadow:0 0 0 3px #ff470f1a}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group small{font-size:.8rem;color:#9ca3af;margin-top:6px}.tone-control{margin-bottom:20px;padding:16px;background:#fff;border-radius:10px;border:1px solid #e5e5e5}.tone-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tone-header label{font-size:.85rem;font-weight:600;color:#6b7280}.tone-value{color:#ff470f;font-weight:600;font-size:.85rem}.range-slider{width:100%;height:6px;border-radius:3px;background:linear-gradient(to right,#10b981,#f59e0b,#ef4444);-webkit-appearance:none;appearance:none}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#ff470f;cursor:pointer;box-shadow:0 2px 6px #ff470f4d;border:3px solid white}.tone-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:.75rem;color:#9ca3af}.politeness-control{display:flex;align-items:center;gap:16px;margin-bottom:20px}.politeness-control>label{font-size:.85rem;font-weight:600;color:#6b7280}.toggle-group{display:flex;background:#f3f4f6;border-radius:10px;padding:4px}.toggle-btn{padding:10px 20px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;color:#6b7280;transition:all .2s}.toggle-btn.active{background:#fff;color:#1a1a1a;box-shadow:0 1px 3px #0000001a}.criteria-section{margin-bottom:20px}.criteria-section:last-child{margin-bottom:0}.criteria-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.criteria-header h4{font-size:.9rem;font-weight:600;color:#1a1a1a;margin:0}.indicator{width:10px;height:10px;border-radius:50%}.indicator.must-have{background:#10b981}.indicator.nice-to-have{background:#3b82f6}.criteria-list{display:flex;flex-direction:column;gap:10px}.criteria-item{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border:1px solid #e5e5e5;border-radius:10px}.criteria-item.deal-breaker{background:#ef44440a;border-color:#ef444433}.criteria-item input{flex:1;border:none;background:transparent;font-size:.9rem;padding:0}.criteria-item input:focus{outline:none;box-shadow:none}.btn-icon{background:none;border:none;padding:6px;border-radius:6px;cursor:pointer;color:#9ca3af;transition:all .2s}.btn-icon.delete:hover{background:#ef44441a;color:#ef4444}.btn-dashed{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:transparent;border:2px dashed #e5e5e5;border-radius:10px;color:#6b7280;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-dashed:hover{border-color:#ff470f;color:#ff470f;background:#ff470f05}.btn-dashed.danger:hover{border-color:#ef4444;color:#ef4444;background:#ef444405}.channels-edit{display:flex;flex-direction:column;gap:12px}.channel-toggle{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#fff;border:1px solid #e5e5e5;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:500;color:#1a1a1a;transition:all .2s}.channel-toggle:hover{border-color:#d1d5db}.channel-toggle input[type=checkbox]{width:18px;height:18px;accent-color:#FF470F}.channel-toggle svg{color:#6b7280}.channel-toggle.disabled{opacity:.5;cursor:not-allowed}.channel-option{display:flex;align-items:center;justify-content:space-between;gap:12px}.channel-option .channel-toggle{flex:1}.channel-status{font-size:.75rem;padding:4px 10px;border-radius:100px;font-weight:500}.channel-status.connected{background:#d1fae5;color:#059669}.channel-status.coming-soon{background:#f3f4f6;color:#9ca3af}.channel-info-box{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#fef3c7;border:1px solid #F59E0B;border-radius:10px;font-size:.8rem;color:#92400e;margin-top:4px}.channel-info-box.whatsapp{background:#ecfdf5;border-color:#10b981;color:#065f46}.channel-info-box svg{flex-shrink:0;margin-top:2px}.channel-info-box code{background:#00000014;padding:2px 6px;border-radius:4px;font-size:.75rem;font-family:SF Mono,Fira Code,monospace}.channel-info-box a{color:inherit;font-weight:600;text-decoration:underline}.config-checklist{background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:24px}.config-checklist h4{font-size:.95rem;font-weight:600;color:#1a1a1a;margin:0 0 16px}.checklist-items{display:flex;flex-direction:column;gap:12px}.checklist-item{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#9ca3af}.checklist-item svg{color:#d1d5db}.checklist-item.checked{color:#1a1a1a}.checklist-item.checked svg{color:#10b981}.config-info-card{background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:24px}.config-info-card .info-card-icon{width:44px;height:44px;background:#f3f4f6;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#6b7280}.config-info-card h4{font-size:.95rem;font-weight:600;color:#1a1a1a;margin:0 0 8px}.config-info-card p{font-size:.85rem;color:#6b7280;line-height:1.5;margin:0}.config-info-card.highlight{background:linear-gradient(135deg,#ff470f0a,#ff6b3514);border-color:#ff470f26}.config-info-card.highlight .info-card-icon{background:#ff470f1a;color:#ff470f}.config-action-card{background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:24px}.config-action-card h4{font-size:.95rem;font-weight:600;color:#1a1a1a;margin:0 0 8px}.config-action-card p{font-size:.85rem;color:#6b7280;line-height:1.5;margin:0 0 16px}.config-help{text-align:center}.btn-text{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:#6b7280;font-size:.9rem;cursor:pointer;transition:color .2s}.btn-text:hover{color:#ff470f}.btn-primary{display:flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#ff470f,#ff6b35);border:none;border-radius:12px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff470f4d}.btn-secondary{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border:1px solid #e5e5e5;border-radius:10px;color:#1a1a1a;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;width:100%;justify-content:center}.btn-secondary:hover{background:#f9fafb;border-color:#ff470f;color:#ff470f}.toast-notification{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:12px;background:#1a1a1a;color:#fff;padding:16px 24px;border-radius:12px;box-shadow:0 8px 24px #00000026;transform:translateY(100px);opacity:0;transition:all .3s ease;z-index:1000}.toast-notification.show{transform:translateY(0);opacity:1}.toast-notification svg{color:#10b981}.text-muted{color:#9ca3af;font-size:.9rem}.text-danger{color:#ef4444}.schedule-summary{padding:20px 24px;display:flex;flex-direction:column;gap:16px}.schedule-summary-row{display:flex;gap:32px}.schedule-info-item{display:flex;flex-direction:column;gap:4px}.schedule-label{font-size:.75rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.schedule-value{font-size:.95rem;font-weight:500;color:#1a1a1a}.days-badges{display:flex;gap:6px}.day-badge{padding:4px 10px;background:#ff470f1a;color:#ff470f;border-radius:6px;font-size:.8rem;font-weight:600}.behavior-mode-section,.delay-section,.schedule-fields,.days-section{margin-bottom:20px}.section-label{display:block;font-size:.85rem;font-weight:600;color:#6b7280;margin-bottom:12px}.behavior-options-row{display:flex;gap:12px}.behavior-option-card{flex:1;display:flex;align-items:center;gap:10px;padding:16px;background:#f9fafb;border:2px solid #e5e5e5;border-radius:12px;cursor:pointer;transition:all .2s;position:relative}.behavior-option-card:hover{border-color:#d1d5db}.behavior-option-card.selected{background:#ff470f0a;border-color:#ff470f}.behavior-option-card svg:first-child{color:#6b7280}.behavior-option-card.selected svg:first-child{color:#ff470f}.behavior-option-card span{font-size:.9rem;font-weight:500;color:#1a1a1a}.behavior-option-card .check-mark{position:absolute;top:10px;right:10px;color:#ff470f}.delay-slider-row{display:flex;align-items:center;gap:16px}.delay-value-badge{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;font-weight:600;color:#ff470f;font-size:.9rem;min-width:80px;justify-content:center}.delay-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:.75rem;color:#9ca3af}.time-row{display:flex;align-items:flex-end;gap:12px}.time-field{flex:1}.time-field label{display:block;font-size:.75rem;color:#9ca3af;margin-bottom:6px}.time-field input[type=time]{width:100%;padding:12px 14px;background:#fff;border:1px solid #e5e5e5;border-radius:10px;font-size:.95rem;color:#1a1a1a}.time-field input[type=time]:focus{outline:none;border-color:#ff470f;box-shadow:0 0 0 3px #ff470f1a}.time-separator{padding-bottom:14px;color:#9ca3af;font-size:.9rem}.days-selector{display:flex;gap:8px;flex-wrap:wrap}.day-btn{width:44px;height:44px;border-radius:10px;border:2px solid #e5e5e5;background:#fff;font-size:.85rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.schedule-info-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#3b82f614;border-radius:10px;font-size:.85rem;color:#3b82f6;margin-top:8px}.schedule-info-message svg{flex-shrink:0}@media(max-width:1024px){.config-layout{grid-template-columns:1fr}.config-sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.config-checklist,.config-help{grid-column:1 / -1}}@media(max-width:768px){.agent-config-page{padding:20px}.config-header{flex-direction:column;align-items:flex-start;gap:16px}.config-header .btn-primary{width:100%;justify-content:center}.summary-row,.summary-grid{grid-template-columns:1fr}.summary-item{border-right:none}.form-grid,.config-sidebar{grid-template-columns:1fr}}.config-header-buttons{display:flex;gap:12px;flex-shrink:0}.btn-test-agent{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #10b9814d}.btn-test-agent:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.sandbox-message .message-content{padding:12px 16px;border-radius:16px}.sandbox-config-preview .config-item{display:flex;flex-direction:column;gap:2px}.sandbox-config-preview .config-label{font-size:.7rem;color:#6b7280;text-transform:uppercase}.sandbox-config-preview .config-value{font-size:.85rem;color:#f5f5f5;font-weight:500}@media(max-width:768px){.config-header-buttons{flex-direction:column;width:100%}.btn-test-agent{width:100%;justify-content:center}.trigger-options{flex-direction:column}.trigger-option{width:100%;justify-content:flex-start}.sandbox-modal{max-height:95vh;border-radius:16px}.sandbox-messages{min-height:250px;max-height:300px}}.integrations-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;color:#6b7280}.integrations-page-v2{min-height:100vh;background:var(--bg-app);padding:var(--page-padding-y) var(--page-padding-x)}.integrations-header{margin-bottom:28px}.integrations-header h1{font-size:1.5rem;font-weight:600;color:#111827;margin:0 0 4px}.integrations-header p{font-size:.875rem;color:#6b7280;margin:0}.integrations-tabs{display:inline-flex;background:#f3f4f6;border-radius:10px;padding:4px;margin-bottom:24px}.tab-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;background:transparent;border-radius:8px;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s ease;white-space:nowrap}.tab-btn svg{width:16px;height:16px}.tab-btn:hover{color:#374151}.tab-btn.active{background:#fff;color:#ff470f;box-shadow:0 1px 3px #00000014}.integrations-content{background:#fff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.tab-content{padding:28px}.channels-tab{display:flex;flex-direction:column;gap:32px}.channels-section{display:flex;flex-direction:column;gap:16px}.section-title{display:flex;align-items:center;gap:10px;font-size:.75rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.08em}.section-title svg{width:16px;height:16px;color:#9ca3af}.integrations-page-v2 .cards-grid{display:grid;gap:24px}.integrations-page-v2 .cards-grid.two{grid-template-columns:repeat(2,1fr);width:1000px;max-width:100%}.integrations-page-v2 .cards-grid.one{grid-template-columns:1fr;width:500px;max-width:100%}@media(max-width:1100px){.integrations-page-v2 .cards-grid.two{width:100%;max-width:800px}.integrations-page-v2 .cards-grid.one{width:100%;max-width:400px}}@media(max-width:700px){.integrations-page-v2 .cards-grid.two{grid-template-columns:1fr;width:100%;max-width:450px}.integrations-page-v2 .cards-grid.one{width:100%;max-width:100%}.integrations-page-v2 .channel-card{padding:20px!important;min-height:220px!important}.integrations-page-v2 .channel-icon{width:48px;height:48px}.integrations-page-v2 .channel-icon svg{width:24px;height:24px}.integrations-page-v2 .channel-card h3{font-size:1.125rem!important}.integrations-page-v2 .channel-card>p{font-size:.875rem!important;margin:0 0 16px!important}.integrations-page-v2 .btn-connect{padding:14px 20px!important;font-size:.9375rem!important}}.integrations-page-v2 .channel-card{padding:28px!important;background:#fafafa!important;border:2px solid #e5e7eb!important;border-radius:16px!important;transition:all .2s ease!important;position:relative!important;overflow:hidden!important;min-height:260px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;box-shadow:none!important}.integrations-page-v2 .channel-card:hover{border-color:#d1d5db!important;box-shadow:0 4px 12px #0000000f!important;transform:none!important}.integrations-page-v2 .channel-card.connected{background:linear-gradient(135deg,#f0fdf4,#ecfdf5)!important;border-color:#86efac!important}.integrations-page-v2 .channel-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.integrations-page-v2 .channel-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff}.integrations-page-v2 .channel-icon.sms{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.integrations-page-v2 .channel-icon.whatsapp{background:#25d366}.integrations-page-v2 .channel-icon.messenger{background:linear-gradient(135deg,#00b2ff,#006aff)}.integrations-page-v2 .channel-icon.instagram{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af)}.integrations-page-v2 .channel-icon.meta-ads{background:linear-gradient(135deg,#1877f2,#0c63d4)}.integrations-page-v2 .channel-icon svg{width:28px;height:28px}.integrations-page-v2 .status-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.integrations-page-v2 .status-badge.active{background:#dcfce7;color:#16a34a}.integrations-page-v2 .status-badge.inactive{background:#f3f4f6;color:#6b7280}.integrations-page-v2 .status-badge.warning{background:#fef3c7;color:#d97706}.integrations-page-v2 .status-badge.error{background:#fee2e2;color:#dc2626}.integrations-page-v2 .status-dot{width:7px;height:7px;border-radius:50%;background:currentColor;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.integrations-page-v2 .channel-card h3{font-size:1.25rem!important;font-weight:600!important;color:#111827!important;margin:0 0 10px!important}.integrations-page-v2 .channel-card>p{font-size:.9375rem!important;color:#6b7280!important;margin:0 0 24px!important;line-height:1.6!important;flex:1!important}.integrations-page-v2 .btn-connect{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important;padding:16px 24px!important;border:none!important;border-radius:12px!important;font-weight:600!important;font-size:1rem!important;cursor:pointer!important;transition:all .2s ease!important;position:relative!important;z-index:10!important;margin-top:auto!important}.integrations-page-v2 .btn-connect:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 4px 12px #00000026!important}.integrations-page-v2 .btn-connect:disabled{opacity:.5!important;cursor:not-allowed!important}.integrations-page-v2 .btn-connect.whatsapp{background:#25d366!important;color:#fff!important}.integrations-page-v2 .btn-connect.whatsapp:hover:not(:disabled){background:#1fba59!important}.integrations-page-v2 .btn-connect.messenger,.integrations-page-v2 .btn-connect.facebook{background:#1877f2!important;color:#fff!important}.integrations-page-v2 .btn-connect.messenger:hover:not(:disabled),.integrations-page-v2 .btn-connect.facebook:hover:not(:disabled){background:#166fe5!important}.integrations-page-v2 .btn-connect.instagram{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af)!important;color:#fff!important}.integrations-page-v2 .btn-connect.meta-ads{background:linear-gradient(135deg,#1877f2,#0c63d4)!important;color:#fff!important}.integrations-page-v2 .connected-info{display:flex;flex-direction:column;gap:12px;position:relative;z-index:5;margin-top:auto}.integrations-page-v2 .connected-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#dcfce7;border-radius:8px;color:#16a34a;font-weight:600;font-size:.875rem;width:fit-content}.integrations-page-v2 .connected-badge svg{width:16px;height:16px}.integrations-page-v2 .connected-avatar{width:24px;height:24px;border-radius:6px;object-fit:cover;margin-right:4px}.integrations-page-v2 .btn-disconnect{padding:10px 16px;background:transparent;color:#dc2626;border:1px solid #fecaca;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .15s}.integrations-page-v2 .btn-disconnect:hover{background:#fef2f2;border-color:#dc2626}.integrations-page-v2 .card-note{display:flex;align-items:center;gap:8px;margin-top:16px;padding:12px 14px;background:#fffbeb;border-radius:10px;font-size:.8125rem;color:#92400e}.integrations-page-v2 .card-note svg{width:14px;height:14px;color:#f59e0b;flex-shrink:0}.widget-tab{max-width:900px}.widget-subtabs{display:flex;gap:4px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.subtab{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:none;border-radius:8px;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s}.subtab:hover{color:#374151;background:#f9fafb}.subtab.active{color:#ff470f;background:#fff7f5}.widget-config-grid{display:grid;grid-template-columns:320px 1fr;gap:24px}@media(max-width:900px){.widget-config-grid{grid-template-columns:1fr}}.widget-settings,.widget-code{padding:24px;background:#fafafa;border:1px solid #e5e7eb;border-radius:12px}.widget-settings h3,.widget-code h3{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;color:#111827;margin:0 0 20px}.widget-settings h3 svg,.widget-code h3 svg{width:16px;height:16px;color:#6b7280}.setting-group{margin-bottom:20px}.setting-group label{display:block;font-size:.75rem;font-weight:600;color:#6b7280;margin-bottom:8px;text-transform:uppercase;letter-spacing:.03em}.color-picker{display:flex;align-items:center;gap:10px}.color-picker input[type=color]{width:40px;height:40px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:3px}.color-picker input[type=text]{flex:1;padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;font-family:SF Mono,Monaco,monospace;color:#374151}.color-picker input[type=text]:focus{outline:none;border-color:#ff470f}.position-selector{display:flex;gap:10px}.position-selector button{flex:1;padding:10px 16px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-weight:500;font-size:.875rem;color:#6b7280;cursor:pointer;transition:all .15s}.position-selector button:hover{border-color:#d1d5db}.position-selector button.active{border-color:#ff470f;background:#fff7f5;color:#ff470f}.code-block{position:relative;background:#1f2937;border-radius:10px;margin-bottom:16px}.code-block pre{margin:0;padding:18px;overflow-x:auto;font-family:SF Mono,Monaco,monospace;font-size:.8125rem;line-height:1.6;color:#d1d5db}.btn-copy{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ff470f;color:#fff;border:none;border-radius:6px;font-weight:500;font-size:.75rem;cursor:pointer}.btn-copy:hover{background:#e63d0a}.widget-preview h4,.widget-preview-section>label{font-size:.75rem;font-weight:600;color:#6b7280;margin:0 0 10px;text-transform:uppercase;letter-spacing:.03em}.preview-container{background:#f3f4f6;border-radius:10px;height:160px;position:relative;border:1px solid #e5e7eb}.preview-container:before{content:"Votre site web";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#9ca3af;font-size:.8125rem}.widget-bubble-preview{position:absolute;bottom:16px;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #00000026}.widget-bubble-preview svg{width:22px;height:22px}.calendar-options{display:flex;gap:10px;margin-bottom:20px}.calendar-option{display:flex;align-items:center;gap:10px;padding:12px 18px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .15s}.calendar-option:hover{border-color:#d1d5db}.calendar-option.active{border-color:#ff470f;background:#fff7f5}.calendar-option img{width:22px;height:22px}.calendar-option svg{width:18px;height:18px;color:#6b7280}.calendar-option.active svg{color:#ff470f}.calendar-option span{font-size:.875rem;font-weight:500;color:#374151}.calendar-option.active span{color:#ff470f}.calendar-config{max-width:500px}.availability-card{padding:24px;background:#fafafa;border:1px solid #e5e7eb;border-radius:12px}.availability-card h3{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;color:#111827;margin:0 0 6px}.availability-card>p{font-size:.875rem;color:#6b7280;margin:0 0 20px}.availability-grid{margin-bottom:20px}.day-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #f3f4f6}.day-row:last-child{border-bottom:none}.day-toggle{display:flex;align-items:center;gap:10px;cursor:pointer}.day-toggle input[type=checkbox]{width:16px;height:16px;accent-color:#FF470F}.day-name{font-size:.875rem;font-weight:500;color:#374151;min-width:80px}.time-inputs{display:flex;align-items:center;gap:8px;margin-left:auto}.time-inputs span{color:#9ca3af;font-size:.8125rem}.time-inputs input[type=time]{padding:6px 10px;border:1px solid #e5e7eb;border-radius:6px;font-size:.8125rem;color:#374151}.time-inputs input[type=time]:focus{outline:none;border-color:#ff470f}.webhook-card{padding:24px;background:#fafafa;border:1px solid #e5e7eb;border-radius:12px}.card-icon-small{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.card-icon-small.blue{background:#dbeafe;color:#2563eb}.card-icon-small.orange{background:#ffedd5;color:#ea580c}.card-icon-small svg{width:16px;height:16px}.card-header-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.webhook-card h3{font-size:1rem;font-weight:600;color:#111827;margin:0}.badge-active{padding:4px 10px;background:#dcfce7;color:#16a34a;border-radius:6px;font-size:.6875rem;font-weight:700;text-transform:uppercase}.webhook-card>p{font-size:.875rem;color:#6b7280;margin:0 0 16px}.webhook-card label{display:block;font-size:.75rem;font-weight:600;color:#6b7280;margin-bottom:8px;text-transform:uppercase;letter-spacing:.03em}.url-box{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px}.url-box code{flex:1;font-family:SF Mono,Monaco,monospace;font-size:.8125rem;color:#374151;overflow:hidden;text-overflow:ellipsis}.url-box button{padding:6px;background:transparent;border:none;color:#6b7280;cursor:pointer;border-radius:4px;transition:all .15s}.url-box button:hover{color:#111827;background:#f3f4f6}.json-preview{margin-top:16px;padding:16px;background:#1f2937;border-radius:8px;font-family:SF Mono,Monaco,monospace;font-size:.75rem;color:#a3e635;overflow-x:auto;white-space:pre}.btn-save,.integrations-page-v2 .btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#ff470f;color:#fff;border:none;border-radius:8px;font-weight:500;font-size:.9375rem;cursor:pointer;transition:all .15s}.btn-save:hover,.integrations-page-v2 .btn-primary:hover{background:#e63d0a}.btn-save:disabled,.integrations-page-v2 .btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#f3f4f6;border:none;border-radius:8px;font-weight:500;font-size:.9375rem;color:#374151;cursor:pointer;transition:all .15s}.btn-secondary:hover{background:#e5e7eb}.switch{position:relative;display:inline-block;width:40px;height:22px}.switch .slider{position:absolute;cursor:pointer;inset:0;background:#e5e7eb;border-radius:20px;transition:.15s}.switch .slider:before{content:"";position:absolute;height:16px;width:16px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.15s}.switch input:checked+.slider{background:#10b981}.switch input:checked+.slider:before{transform:translate(18px)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.whatsapp-modal-v2,.page-selector-modal,.lead-ads-modal{background:#fff;border-radius:16px;padding:0;max-width:480px;width:100%;position:relative;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 40px #0003}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#f3f4f6;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;z-index:10}.modal-close:hover{background:#e5e7eb}.whatsapp-modal-v2{padding:24px}.whatsapp-modal-v2 h2{font-size:1.25rem;font-weight:600;margin:0 0 4px;text-align:center;color:#111827}.whatsapp-modal-v2>p{text-align:center;color:#6b7280;margin:0 0 24px;font-size:.9375rem}.btn-back{display:inline-flex;align-items:center;gap:4px;padding:4px 0;background:none;border:none;color:#6b7280;font-weight:500;cursor:pointer;margin-bottom:12px;font-size:.875rem}.btn-back:hover{color:#374151}.whatsapp-option{border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:12px;transition:border-color .15s;cursor:pointer}.whatsapp-option:hover{border-color:#25d366}.whatsapp-option.business{background:#f0fdf4;border-color:#bbf7d0}.whatsapp-option.facebook-login{background:linear-gradient(135deg,#f0f7ff,#e8f4fd);border-color:#1877f2;position:relative}.whatsapp-option.recommended{order:-1}.recommended-badge{position:absolute;top:-10px;right:16px;background:linear-gradient(135deg,gold,orange);color:#7c2d12;font-size:.75rem;font-weight:600;padding:4px 12px;border-radius:20px}.option-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.option-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.option-icon.facebook{background:linear-gradient(135deg,#1877f2,#0c63d4);color:#fff}.option-icon.business{background:#25d366;color:#fff}.option-icon.manual{background:#6b7280;color:#fff}.option-icon.web{background:#f0fdf4;border:1px solid #bbf7d0}.option-info h3{margin:0;font-size:1rem;font-weight:600;color:#111827}.option-info span{color:#6b7280;font-size:.8125rem}.option-features{list-style:none;padding:0;margin:0 0 16px}.option-features li{display:flex;align-items:center;gap:8px;font-size:.8125rem;padding:4px 0}.option-features li svg{width:14px;height:14px}.option-features li.good{color:#16a34a}.option-features li.warning{color:#d97706}.option-features li.info{color:#3b82f6}.btn-option-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;background:#25d366;color:#fff;border:none;border-radius:10px;font-weight:600;font-size:.9375rem;cursor:pointer}.btn-option-primary:hover{background:#1fba59}.btn-option-primary.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e)}.btn-option-facebook{width:100%;padding:14px 20px;background:#1877f2;color:#fff;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}.btn-option-facebook:hover{background:#166fe5}.btn-option-secondary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;background:#fff;color:#374151;border:1px solid #e5e7eb;border-radius:10px;font-weight:500;font-size:.9375rem;cursor:pointer}.btn-option-secondary:hover{border-color:#25d366;background:#f0fdf4}.qr-container{display:flex;align-items:center;justify-content:center;min-height:220px;background:#f9fafb;border-radius:12px;margin-bottom:20px;border:1px dashed #e5e7eb}.qr-loading{display:flex;flex-direction:column;align-items:center;gap:12px;color:#6b7280;font-size:.9375rem}.qr-image{max-width:200px;border-radius:10px}.qr-error{display:flex;flex-direction:column;align-items:center;gap:12px;color:#dc2626;text-align:center;font-size:.9375rem}.qr-error button{padding:10px 20px;background:#dc2626;color:#fff;border:none;border-radius:8px;font-weight:500;font-size:.9375rem;cursor:pointer}.modal-instructions{background:#f9fafb;border-radius:10px;padding:16px}.modal-instructions h4{margin:0 0 10px;font-size:.9375rem;font-weight:600;color:#111827}.modal-instructions ol{margin:0;padding-left:20px}.modal-instructions li{padding:4px 0;font-size:.875rem;color:#4b5563}.business-form .form-group{margin-bottom:16px}.business-form label{display:block;font-weight:500;color:#374151;margin-bottom:6px;font-size:.875rem}.business-form input{width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:.9375rem}.business-form input:focus{outline:none;border-color:#25d366}.help-box-modal{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #86efac;border-radius:10px;padding:16px 18px;margin-bottom:20px}.help-box-modal strong{display:block;color:#166534;margin-bottom:12px;font-size:.9375rem}.help-box-modal ol{margin:0;padding-left:20px;color:#15803d;font-size:.8125rem;line-height:1.7}.help-box-modal a{color:#16a34a;font-weight:500;text-decoration:underline}.help-box-modal a:hover{color:#166534}.field-hint{display:block;font-size:.75rem;color:#9ca3af;margin-top:6px}.verified-badge-modal.success{background:linear-gradient(135deg,#dcfce7,#d1fae5);border:1px solid #86efac}.verified-badge-modal{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#dcfce7;border-radius:8px;color:#16a34a;font-weight:500;font-size:.875rem;margin-bottom:16px}.form-actions{display:flex;gap:10px;margin-bottom:16px}.btn-verify-modal{flex:1;padding:12px 16px;background:#f3f4f6;color:#374151;border:none;border-radius:8px;font-weight:500;font-size:.9375rem;cursor:pointer}.btn-verify-modal:hover{background:#e5e7eb}.btn-connect-modal{flex:1;padding:12px 16px;background:#25d366;color:#fff;border:none;border-radius:8px;font-weight:500;font-size:.9375rem;cursor:pointer}.btn-connect-modal:disabled{opacity:.5;cursor:not-allowed}.help-link{text-align:center}.help-link a{display:inline-flex;align-items:center;gap:6px;color:#6b7280;text-decoration:none;font-size:.8125rem}.help-link a:hover{color:#25d366}.page-selector-modal .modal-header-icon{display:flex;justify-content:center;padding:32px 24px 20px}.page-selector-modal .icon-wrapper{width:72px;height:72px;border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff}.page-selector-modal .icon-wrapper.facebook{background:linear-gradient(135deg,#1877f2,#0c63d4);box-shadow:0 8px 24px #1877f24d}.page-selector-modal h2{font-size:1.5rem;font-weight:700;text-align:center;color:#1a1a1a;margin:0;padding:0 24px}.page-selector-modal>p{text-align:center;color:#6b7280;font-size:.9375rem;margin:10px 0 24px;padding:0 24px}.pages-list{flex:1;overflow-y:auto;padding:0 24px 24px;display:flex;flex-direction:column;gap:12px}.page-item{display:flex;align-items:center;justify-content:space-between;padding:18px;background:#f9fafb;border:2px solid transparent;border-radius:14px;cursor:pointer;transition:all .2s ease}.page-item:hover:not(.disabled){background:#fff;border-color:#1877f2;box-shadow:0 4px 12px #1877f226}.page-item.disabled{opacity:.5;cursor:not-allowed}.page-info{display:flex;align-items:center;gap:14px}.page-avatar{width:52px;height:52px;border-radius:12px;object-fit:cover}.page-avatar-placeholder{width:52px;height:52px;border-radius:12px;background:linear-gradient(135deg,#1877f2,#0c63d4);display:flex;align-items:center;justify-content:center;color:#fff}.page-details h4{font-size:1.0625rem;font-weight:600;color:#1a1a1a;margin:0 0 4px}.page-category{font-size:.8125rem;color:#9ca3af}.instagram-linked{display:flex;align-items:center;gap:5px;margin-top:5px;font-size:.8125rem;color:#e4405f;font-weight:500}.page-badges{display:flex;flex-direction:column;gap:6px}.page-badges .badge{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:100px;font-size:.8125rem;font-weight:600}.page-badges .badge.messenger{background:#1877f21a;color:#1877f2}.page-badges .badge.instagram{background:#e4405f1a;color:#e4405f}.connecting-overlay{position:absolute;inset:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-radius:16px}.connecting-overlay p{font-weight:500;color:#1a1a1a}.modal-footer-info{display:flex;align-items:flex-start;gap:12px;padding:18px 24px;background:#f9fafb;border-top:1px solid #e5e7eb;font-size:.875rem;color:#6b7280}.modal-footer-info svg{flex-shrink:0;margin-top:2px;color:#9ca3af}.modal-section{margin-bottom:24px;padding:0 24px}.modal-section:last-of-type{margin-bottom:16px}.loading-accounts{display:flex;align-items:center;gap:12px;padding:18px;background:#f3f4f6;border-radius:12px;font-size:.9375rem;color:#6b7280}.whatsapp-accounts-list{display:flex;flex-direction:column;gap:12px}.waba-account{background:#f9fafb;border-radius:12px;overflow:hidden}.waba-header{padding:12px 16px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;font-size:.9375rem}.phone-numbers-list{display:flex;flex-direction:column}.phone-item{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:all .2s ease}.phone-item:last-child{border-bottom:none}.phone-item:hover:not(.disabled){background:#fff}.phone-item.disabled{opacity:.5;cursor:not-allowed}.phone-info{display:flex;flex-direction:column;gap:2px}.phone-number{font-weight:600;color:#1a1a1a;font-size:1rem}.phone-name{font-size:.875rem;color:#6b7280}.phone-status{display:flex;align-items:center;gap:12px}.quality-badge{font-size:.75rem;font-weight:600;text-transform:uppercase;padding:5px 10px;border-radius:6px}.quality-badge.green{background:#dcfce7;color:#16a34a}.quality-badge.yellow{background:#fef9c3;color:#ca8a04}.quality-badge.red{background:#fee2e2;color:#dc2626}.btn-connect-phone{padding:10px 16px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px}.btn-connect-phone:hover{box-shadow:0 4px 12px #25d3664d}.no-phones{padding:18px;text-align:center;color:#9ca3af;font-size:.875rem}.widget-analytics{padding:20px 0}.analytics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-box{padding:20px;background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;text-align:center}.stat-box.highlight{background:#fff7f5;border-color:#fed7aa}.stat-box .stat-value{font-size:1.75rem;font-weight:700;color:#111827}.stat-box.highlight .stat-value{color:#ff470f}.stat-box .stat-label{font-size:.8125rem;color:#6b7280;margin-top:6px}.empty-analytics{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;color:#9ca3af;text-align:center}.empty-analytics svg{margin-bottom:16px}.empty-analytics p{margin:0;font-weight:500;color:#6b7280}.empty-analytics span{font-size:.875rem;margin-top:6px}@media(max-width:900px){.analytics-grid{grid-template-columns:repeat(2,1fr)}}.integrations-page-v2 .channel-card.lead-ads.connected{background:linear-gradient(135deg,#eff6ff,#dbeafe)!important;border-color:#93c5fd!important}.integrations-page-v2 .lead-ads-actions{display:flex;gap:10px;margin-top:12px}.integrations-page-v2 .btn-view-forms{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb;padding:10px 16px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.integrations-page-v2 .btn-view-forms:hover{background:#e5e7eb}.lead-ads-modal{max-width:560px}.lead-ads-modal .modal-body{max-height:420px;overflow-y:auto;padding:24px}.lead-ads-modal .loading-state,.lead-ads-modal .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:#6b7280}.lead-ads-modal .empty-state h4{margin:18px 0 10px;color:#374151;font-size:1.0625rem}.lead-ads-modal .empty-state p{font-size:.9375rem}.forms-list{display:flex;flex-direction:column;gap:14px}.form-item{display:flex;align-items:center;justify-content:space-between;padding:20px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.form-info h4{margin:0 0 8px;font-size:1rem;color:#111827;font-weight:600}.form-meta{display:flex;gap:14px;font-size:.8125rem}.form-status{padding:4px 10px;border-radius:6px;font-weight:600;text-transform:uppercase;font-size:.6875rem}.form-status.active{background:#d1fae5;color:#059669}.form-status.draft{background:#fef3c7;color:#d97706}.form-leads{color:#6b7280}.btn-import{background:#ff470f;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .15s}.btn-import:hover:not(:disabled){background:#e63d0a}.btn-import:disabled{opacity:.6;cursor:wait}.lead-ads-modal .modal-footer{border-top:1px solid #e5e7eb;padding:18px 24px;background:#f9fafb}.modal-note{display:flex;align-items:center;gap:10px;font-size:.875rem;color:#6b7280;margin:0}.modal-note svg{color:#ff470f;flex-shrink:0}@media(max-width:768px){.integrations-page-v2{padding:16px}.integrations-tabs{width:100%;overflow-x:auto}.tab-content{padding:20px}.widget-config-grid{grid-template-columns:1fr}.calendar-options{flex-wrap:wrap}.page-selector-modal,.whatsapp-modal-v2,.lead-ads-modal{max-width:calc(100% - 32px);margin:16px}}.onboarding-nav-footer{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:40px;padding-top:24px;border-top:1px solid var(--border-subtle, #E5E5E5)}.onboarding-nav-footer .btn-back{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;background:#fff;border:1px solid #E5E5E5;border-radius:12px;color:#1a1a1a;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:160px}.onboarding-nav-footer .btn-back:hover{background:#f5f5f5;border-color:#d4d4d4}.onboarding-nav-footer .btn-next{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#ff470f,#ff6b35);border:none;border-radius:12px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:200px}.onboarding-nav-footer .btn-next:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff470f40}.onboarding-nav-footer .btn-next:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:768px){.onboarding-nav-footer{flex-direction:column-reverse;gap:12px}.onboarding-nav-footer .btn-back,.onboarding-nav-footer .btn-next{width:100%;min-width:unset}}.onboarding-container{--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 32px;--space-xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}.onboarding-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:var(--space-lg);background:#f5f3ef;background-image:linear-gradient(to right,rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.02) 1px,transparent 1px);background-size:64px 64px}.onboarding-header{width:100%;max-width:1100px;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl);padding:0 var(--space-sm);gap:24px}.logo-area{display:flex;align-items:center;gap:var(--space-xs);font-weight:600;font-size:.95rem;color:var(--text-primary);letter-spacing:-.01em;flex-shrink:0}.progress-section{flex:1;display:flex;flex-direction:column;gap:12px;max-width:800px}.progress-meta{display:flex;justify-content:space-between;align-items:center;padding:0 4px}.step-counter{font-size:.85rem;font-weight:600;color:var(--text-primary)}.time-estimate{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-tertiary);background:#ff470f14;padding:4px 12px;border-radius:20px}.time-estimate svg{color:var(--accent)}.progress-bar-enhanced{display:flex;align-items:flex-start;justify-content:space-between;position:relative;padding:0 8px}.progress-bar-enhanced:before{content:"";position:absolute;top:15px;left:32px;right:32px;height:2px;background:#e5e7eb;border-radius:2px;z-index:0}.progress-bar-enhanced .progress-line{position:absolute;top:15px;left:32px;height:2px;background:#10b981;border-radius:2px;z-index:1;transition:width .5s ease}.progress-step-enhanced{display:flex;flex-direction:column;align-items:center;gap:8px;z-index:2;cursor:default}.progress-bar-enhanced .step-dot{width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid #E5E7EB;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:14px}.progress-bar-enhanced .step-icon{font-size:14px;line-height:1}.progress-step-enhanced.active .step-dot{background:#fff;border-color:#ff470f;border-width:2px}.progress-step-enhanced.completed .step-dot{background:#10b981;border-color:#10b981;color:#fff}.progress-bar-enhanced .step-label{font-size:.75rem;font-weight:500;color:#9ca3af;text-align:center;max-width:70px;line-height:1.2}.progress-step-enhanced.active .step-label{color:#1a1a1a;font-weight:600}.progress-step-enhanced.completed .step-label{color:#10b981}.progress-bar{display:flex;gap:4px;align-items:center}.progress-step{width:32px;height:4px;background:var(--bg-hover);border-radius:2px;transition:all .3s ease}.progress-step.active{background:var(--accent)}.progress-step.completed{background:var(--text-tertiary)}@media(max-width:768px){.onboarding-header{flex-direction:column;align-items:stretch;gap:16px}.progress-section{max-width:100%}.step-label{display:none}.progress-bar-enhanced .step-dot{width:28px;height:28px;font-size:12px}.progress-bar-enhanced:before,.progress-bar-enhanced .progress-line{top:13px;left:24px;right:24px}}.step-wrapper{width:100%;display:flex;justify-content:center;animation:fadeIn .4s ease-out;background:transparent}.step-wrapper.wide{max-width:1100px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.center-card{width:100%;max-width:480px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-card)}.glass-panel{background:var(--bg-card);border:1px solid var(--border-subtle)}h1,h2,h3{font-weight:600;letter-spacing:-.02em;color:var(--text-primary);margin:0}h1.hero-title{font-size:1.75rem;margin-bottom:var(--space-sm);text-align:center}h2{font-size:1.25rem;margin-bottom:var(--space-xs)}.subtitle{font-size:.95rem;color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-md);font-weight:400}.text-accent{color:var(--accent)}.text-muted{color:var(--text-tertiary)}.text-success{color:#10b981}.input-group{margin-bottom:var(--space-md);text-align:center}.input-group label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:var(--space-xs);font-weight:500;text-align:center}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:12px;color:var(--text-tertiary);width:16px;height:16px}.input-with-icon input,textarea{width:100%;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 16px 12px 42px;color:var(--text-primary);font-size:.95rem;font-family:inherit;transition:all .2s ease;box-shadow:0 1px 2px #00000005}textarea{padding:12px 16px;resize:vertical;min-height:100px}.input-with-icon input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim);background:var(--bg-input)}.custom-select{width:100%;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 16px;color:var(--text-primary);font-size:.95rem;appearance:none;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #00000005}.custom-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.select-wrapper:after{content:"";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:10px;height:6px;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23666666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;pointer-events:none}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);padding:10px 20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;justify-content:center;align-items:center;gap:8px;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-hover);transform:scale(1.01)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:#fff;border:1px solid var(--border-strong);color:var(--text-primary);border-radius:var(--radius-md);padding:10px 20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--text-primary)}.badge{display:inline-block;background-color:var(--accent-dim);color:var(--text-primary);padding:6px 12px;border-radius:100px;font-size:.75rem;font-weight:600;margin-bottom:var(--space-sm);border:1px solid var(--border-subtle)}.badge-centered{display:table;margin:0 auto var(--space-sm) auto;text-align:center}.btn-text{background:none;border:none;color:var(--text-tertiary);font-size:.85rem;cursor:pointer;margin-top:var(--space-md);text-decoration:none;padding:0}.btn-text:hover{color:var(--text-secondary);text-decoration:underline}.full-width{width:100%}.summary-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.summary-item-card{background:var(--bg-input);padding:var(--space-sm);border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:4px}.summary-item-card:last-child{border-bottom:none}.summary-item-card .label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.value-row{display:flex;align-items:center;gap:8px;font-size:.9rem}.value-row input{padding:4px 0;border:none;background:transparent;color:var(--text-primary);font-weight:500}.value-row input:focus{background:transparent;border-bottom:1px solid var(--accent);border-radius:0}.theme-toggle{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-primary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.theme-toggle:hover{background:var(--bg-hover);transform:rotate(15deg)}.goals-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.goal-card{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:var(--space-xs)}.goal-card:hover{border-color:var(--border-active);box-shadow:var(--shadow-sm)}.goal-card.active{border-color:var(--accent);background:var(--accent-dim)}.goal-icon{color:var(--text-primary);margin-bottom:4px}.goal-card.active .goal-icon{color:var(--accent)}.goal-card h3{font-size:.95rem}.goal-card p{font-size:.8rem;color:var(--text-secondary);line-height:1.4;margin:0}.preview-layout{display:grid;grid-template-columns:4fr 6fr;gap:var(--space-xl);width:100%;align-items:start}.info-column{padding-top:var(--space-md)}.feature-list{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-lg)}.feature-item h4{font-size:.9rem;margin-bottom:2px}.feature-item p{font-size:.85rem;color:var(--text-secondary);margin:0}.chat-preview-container{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);height:500px;display:flex;flex-direction:column}.chat-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:var(--space-sm);background:var(--bg-hover)}.avatar-small{width:32px;height:32px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:#fff}.chat-body{flex:1;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);overflow-y:auto;background:var(--bg-root)}.message{max-width:85%;padding:10px 14px;border-radius:12px;font-size:.9rem;line-height:1.5}.message.received{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle);border-bottom-left-radius:2px;align-self:flex-start}.message.sent{background:var(--accent);color:#fff;border-bottom-right-radius:2px;align-self:flex-end}.micro-text{font-size:.75rem;color:var(--text-tertiary);margin-top:var(--space-sm);text-align:center}.persona-card{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md)}.persona-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-subtle)}.persona-header h3{font-size:1rem}.tag{font-size:.75rem;background:var(--bg-hover);padding:2px 8px;border-radius:4px;color:var(--text-secondary);border:1px solid var(--border-subtle)}.rules-list li{font-size:.85rem;color:var(--text-secondary);margin-bottom:6px;padding-left:12px;position:relative}.rules-list li:before{content:"•";position:absolute;left:0;color:var(--accent)}.channels-list{display:grid;grid-template-columns:1fr;gap:var(--space-sm)}.channel-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.channel-info h3{font-size:.9rem;margin-bottom:2px}.channel-info p{font-size:.8rem;color:var(--text-tertiary)}.final-preview-card{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);margin:var(--space-md) 0;text-align:left}.success-icon{color:var(--accent);margin-bottom:var(--space-md)}.step-container-split{display:grid;grid-template-columns:1fr 340px;gap:var(--space-xl);align-items:start;width:100%;max-width:1000px;margin:0 auto}.preview-layout-integrated{display:grid;grid-template-columns:400px 1fr;gap:var(--space-xl);width:100%;align-items:start}.guide-panel{padding-top:var(--space-sm);animation:fadeIn .6s ease-out}.guide-block{margin-bottom:var(--space-lg);border-left:2px solid var(--border-subtle);padding-left:var(--space-md)}.guide-block h4{font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs);display:flex;align-items:center;gap:8px}.guide-block p,.guide-block li{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin:0}.guide-block ul{padding-left:0;list-style:none;margin-top:4px}.guide-block li{position:relative;padding-left:12px;margin-bottom:4px}.guide-block li:before{content:"•";position:absolute;left:0;color:var(--border-strong)}.micro-note{display:inline-flex;align-items:center;gap:6px;background:#fe6d1014;border:1px solid rgba(254,109,16,.15);padding:4px 10px;border-radius:100px;font-size:.75rem;color:var(--accent);margin-bottom:var(--space-md);font-weight:500}.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-tertiary);margin-bottom:var(--space-xs)}.breadcrumb-item{display:flex;align-items:center;gap:8px}.breadcrumb-item.active{color:var(--text-primary);font-weight:500}.breadcrumb-separator{color:var(--border-strong)}.agent-selection-container{width:100%}.step-wrapper.wide{max-width:1400px}.agents-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-top:var(--space-lg)}@media(max-width:1200px){.agents-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}.agent-card-detailed{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:32px;display:flex;flex-direction:column;transition:all .2s ease;position:relative;overflow:hidden;height:100%}.agent-card-detailed:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 32px #0000004d}.premium-badge{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,gold,#fdb931);color:#1a1a1a;padding:4px 10px;border-radius:100px;font-size:.7rem;font-weight:700;display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px #fdb9314d}.agent-icon-wrapper{width:56px;height:56px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:var(--accent)}.agent-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:12px;line-height:1.3}.agent-description{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin-bottom:24px;min-height:3.2em}.agent-section{margin-bottom:20px}.section-label{display:block;font-size:.75rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.section-text{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.benefits-list{list-style:none;padding:0;margin:0}.benefits-list li{display:flex;align-items:flex-start;gap:10px;font-size:.9rem;color:var(--text-secondary);margin-bottom:8px;line-height:1.5}.benefits-list li svg{flex-shrink:0;margin-top:3px}.agent-example{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px;margin-bottom:24px;margin-top:auto}.example-label{display:block;font-size:.75rem;font-weight:700;color:var(--text-primary);margin-bottom:6px}.example-text{font-size:.9rem;color:var(--text-secondary);font-style:italic;line-height:1.6}.agent-card-detailed .btn-primary{width:100%;justify-content:center;background:var(--accent);color:#fff;border:none;font-weight:600}.agent-card-detailed .btn-primary:hover{background:var(--accent);color:#fff}.channel-selection-container{width:100%}.channels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.channel-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:24px;display:flex;flex-direction:column;transition:all .2s ease}.channel-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.channel-icon-wrapper{color:var(--text-primary)}.channel-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.channel-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.toggle-switch{width:44px;height:24px;background:var(--bg-input);border:1px solid var(--border-strong);border-radius:12px;position:relative;cursor:pointer;transition:all .3s ease}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-tertiary);border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1)}.toggle-switch.on{background:var(--accent);border-color:var(--accent)}.toggle-switch.on:after{transform:translate(20px);background:#fff}.toggle-switch.off{opacity:.7}.channel-footer{display:flex;flex-direction:column;gap:24px}.footer-notes{display:flex;flex-direction:column;gap:8px}.note-item{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--text-secondary)}.footer-actions{display:flex;justify-content:space-between;align-items:center;margin-top:16px}@media(min-width:768px){.channel-footer{flex-direction:row;justify-content:space-between;align-items:flex-end}.footer-actions{margin-top:0;gap:16px}}@media(max-width:1100px){.step-container-split{grid-template-columns:1fr}.hidden-on-mobile{display:none}}.analysis-step-container{width:100%;max-width:800px;margin:0 auto;padding:40px 20px;display:flex;flex-direction:column;align-items:center}.analysis-step-container .hero-title{font-size:2.5rem;margin-bottom:16px;text-align:center}.analysis-step-container .subtitle{text-align:center;margin-bottom:40px;color:var(--text-secondary)}.analysis-form{width:100%;background:transparent}.input-group{margin-bottom:24px}.input-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-secondary)}.input-with-icon.large-input{position:relative;border:1px solid var(--border-strong);border-radius:8px;background:var(--bg-input);transition:border-color .2s}.input-with-icon.large-input:focus-within{border-color:var(--accent)}.input-with-icon.large-input svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.input-with-icon.large-input input{width:100%;padding:16px 16px 16px 48px;font-size:1rem;background:transparent;border:none;color:var(--text-primary);outline:none}.grid-cols-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.select-wrapper{position:relative}.custom-select{width:100%;padding:12px 16px;background:var(--bg-input);border:1px solid var(--border-strong);border-radius:8px;color:var(--text-primary);font-size:1rem;appearance:none;cursor:pointer}.custom-select:focus{outline:none;border-color:var(--accent)}textarea{width:100%;padding:12px 16px;background:var(--bg-input);border:1px solid var(--border-strong);border-radius:8px;color:var(--text-primary);font-size:1rem;resize:vertical;min-height:100px}textarea:focus{outline:none;border-color:var(--accent)}.analysis-footer{display:flex;justify-content:space-between;align-items:center;margin-top:40px;width:100%}.btn-text{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.9rem}.btn-text:hover{color:var(--text-primary)}.btn-primary.large-btn{padding:14px 32px;font-size:1rem}@media(max-width:768px){.grid-cols-2{grid-template-columns:1fr}.analysis-footer{flex-direction:column-reverse;gap:20px}.btn-primary.large-btn{width:100%}}.simulation-layout{display:grid;grid-template-columns:1fr 320px;gap:var(--space-lg);width:100%;align-items:start}.conversation-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:600px;overflow:hidden;position:relative}.panel-header{padding:16px 24px;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}.panel-header h3{font-size:1rem;color:var(--text-primary);margin:0}.btn-text-small{background:none;border:none;color:var(--text-tertiary);font-size:.8rem;display:flex;align-items:center;gap:6px;cursor:pointer}.btn-text-small:hover{color:var(--accent)}.conversation-timeline{text-align:center;padding:16px 0;border-bottom:1px solid var(--border-subtle)}.conversation-timeline span{font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-app);padding:4px 12px;border-radius:100px}.messages-list{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px;background:var(--bg-card)}.message-row{display:flex;gap:12px;max-width:80%}.message-row.agent{align-self:flex-start}.message-row.lead{align-self:flex-end;flex-direction:row-reverse}.avatar-circle{width:32px;height:32px;border-radius:50%;background:var(--bg-input);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.message-row.agent .avatar-circle{background:#fe6d101a;color:var(--accent)}.message-content{display:flex;flex-direction:column;gap:4px}.message-bubble{padding:12px 16px;border-radius:12px;font-size:.95rem;line-height:1.5;position:relative}.message-row.agent .message-bubble{background:var(--bg-input);color:var(--text-primary);border-top-left-radius:2px}.message-row.lead .message-bubble{background:var(--accent);color:#fff;border-top-right-radius:2px}.message-time{font-size:.7rem;color:var(--text-tertiary);text-align:right}.message-row.agent .message-time{text-align:left}.input-area-wrapper{padding:16px 24px;border-top:1px solid var(--border-subtle);background:var(--bg-card)}.role-selector{display:flex;gap:8px;margin-bottom:12px}.role-btn{background:var(--bg-input);border:none;padding:4px 12px;border-radius:4px;font-size:.75rem;color:var(--text-secondary);cursor:pointer;font-weight:500}.role-btn.active{background:var(--accent);color:#fff}.input-row{display:flex;gap:12px}.input-row input{flex:1;background:var(--bg-input);border:1px solid var(--border-strong);color:var(--text-primary);padding:10px 16px;border-radius:8px}.input-row input:focus{border-color:var(--accent);outline:none}.send-btn{width:40px;height:40px;background:var(--accent);color:#fff;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.send-btn:hover{background:var(--accent-hover)}.sidebar-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px}.card-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;font-weight:600;margin-bottom:4px}.card-value{font-size:1rem;color:var(--text-primary)}.card-sub{font-size:.85rem;color:var(--text-secondary)}.agent-icon-box{width:40px;height:40px;background:var(--bg-input);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--accent)}@media(max-width:1024px){.simulation-layout{grid-template-columns:1fr}.conversation-panel{height:500px}}.integration-container{width:100%;max-width:1100px;margin:0 auto;padding:20px}.integration-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:24px}.integration-header-left{flex:1}.integration-header-right{flex-shrink:0;padding-top:28px}.integration-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 8px;line-height:1.2}.integration-subtitle{font-size:.95rem;color:var(--text-secondary);margin:0;max-width:500px;line-height:1.5}.btn-launch{padding:14px 28px;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:10px}.integrations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.integration-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:20px;transition:all .2s ease;display:flex;flex-direction:column;min-height:160px}.integration-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.integration-card.connected{background:#10b9810d;border-color:#10b981}.integration-card.connected:hover{border-color:#10b981}.integration-card.disabled{opacity:.5;pointer-events:none;background:var(--bg-hover)}.integration-card.disabled:hover{transform:none;box-shadow:none}.integration-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.integration-card-title{display:flex;align-items:center;gap:12px}.integration-card-title h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.integration-icon{width:36px;height:36px;border-radius:8px;background:var(--bg-input);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-weight:600;font-size:.9rem;flex-shrink:0}.integration-icon.smart-caller{background:var(--accent);border-color:var(--accent);color:#fff}.integration-icon.webhook{background:#3b82f6;border-color:#3b82f6;color:#fff}.integration-icon.disabled{background:var(--bg-hover);border-color:var(--border-subtle);color:var(--text-tertiary)}.status-badge{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:100px}.status-badge.connected{background:#10b981;color:#fff}.btn-outline-sm{background:transparent;border:1px solid var(--border-strong);padding:6px 14px;border-radius:6px;font-size:.8rem;color:var(--text-primary);cursor:pointer;transition:all .2s}.btn-outline-sm:hover{border-color:var(--accent);color:var(--accent)}.btn-outline-sm.disabled{border-color:var(--border-subtle);color:var(--text-tertiary);cursor:not-allowed}.integration-card .card-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.5;flex:1;margin:0}.webhook-input-wrapper{margin-top:12px}.webhook-input{width:100%;padding:10px 12px;background:var(--bg-input);border:1px solid var(--border-strong);border-radius:6px;font-size:.85rem;color:var(--text-primary)}.integration-footer{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-subtle)}@media(max-width:1024px){.integrations-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.integration-header{flex-direction:column;gap:16px}.integration-header-right{padding-top:0;width:100%}.btn-launch{width:100%;justify-content:center}.integrations-grid{grid-template-columns:1fr}.integration-footer{flex-direction:column-reverse;gap:16px}}.card-desc{color:var(--text-secondary);line-height:1.5;flex:1;color:var(--text-primary);font-size:.9rem}.webhook-input:focus{outline:none;border-color:var(--accent)}.simulation-layout.dark-theme-forced{display:grid;grid-template-columns:1fr 340px;gap:var(--space-md);background-color:#050505;padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid #333;height:700px;color:#ededed}.simulation-layout.dark-theme-forced .conversation-panel{background:#0a0a0a;border:1px solid #222;border-radius:var(--radius-md);display:flex;flex-direction:column;overflow:hidden}.simulation-layout.dark-theme-forced .panel-header{background:#0a0a0a;border-bottom:1px solid #222;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.simulation-layout.dark-theme-forced .panel-header h3{color:#ededed;font-size:1rem}.simulation-layout.dark-theme-forced .conversation-timeline{text-align:center;padding:12px;font-size:.7rem;color:#666;text-transform:uppercase;letter-spacing:.05em}.simulation-layout.dark-theme-forced .messages-list{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px;background:#0a0a0a}.simulation-layout.dark-theme-forced .message-row{display:flex;gap:12px;max-width:80%}.simulation-layout.dark-theme-forced .message-row.agent{align-self:flex-start}.simulation-layout.dark-theme-forced .message-row.lead{align-self:flex-end;flex-direction:row-reverse}.simulation-layout.dark-theme-forced .avatar-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.simulation-layout.dark-theme-forced .message-row.agent .avatar-circle{background:#262626;color:#fe6d10}.simulation-layout.dark-theme-forced .message-row.lead .avatar-circle{background:#333;color:#aaa}.simulation-layout.dark-theme-forced .message-content{display:flex;flex-direction:column;gap:4px}.simulation-layout.dark-theme-forced .message-bubble{padding:12px 16px;border-radius:12px;font-size:.9rem;line-height:1.5}.simulation-layout.dark-theme-forced .message-row.agent .message-bubble{background:#1a1a1a;color:#ededed;border-top-left-radius:2px}.simulation-layout.dark-theme-forced .message-row.lead .message-bubble{background:#fe6d10;color:#fff;border-top-right-radius:2px}.simulation-layout.dark-theme-forced .message-time{font-size:.7rem;color:#666;align-self:flex-end}.simulation-layout.dark-theme-forced .input-area-wrapper{padding:16px 24px;background:#0a0a0a;border-top:1px solid #222}.role-selector{display:flex;gap:12px;margin-bottom:8px}.role-label{font-size:.75rem;color:#666;cursor:pointer;padding:2px 8px;border-radius:4px;transition:all .2s}.role-label:hover{color:#aaa}.role-label.active{background:#262626;color:#fe6d10}.simulation-layout.dark-theme-forced .input-row{display:flex;gap:12px;background:#161616;padding:8px;border-radius:8px;border:1px solid #333}.simulation-layout.dark-theme-forced .input-row input{flex:1;background:transparent;border:none;color:#fff;padding:8px;box-shadow:none}.simulation-layout.dark-theme-forced .input-row input:focus{outline:none;box-shadow:none}.send-btn-orange{background:#fe6d10;color:#fff;border:none;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.send-btn-orange:hover{background:#ff7d2e}.simulation-sidebar{display:flex;flex-direction:column;gap:12px}.simulation-sidebar .sidebar-card{background:#111;border:1px solid #222;border-radius:8px;padding:16px}.simulation-sidebar .card-label{font-size:.7rem;color:#666;text-transform:uppercase;font-weight:600;margin-bottom:8px}.simulation-sidebar .card-value{color:#ededed;font-size:.95rem}.simulation-sidebar .card-sub{color:#888;font-size:.8rem}.simulation-sidebar .agent-icon-box{width:36px;height:36px;background:#fe6d101a;color:#fe6d10;border-radius:6px;display:flex;align-items:center;justify-content:center}.btn-primary-orange{background:#fe6d10;color:#fff;border:none;border-radius:8px;padding:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary-orange:hover{background:#ff7d2e}.channel-card.disabled{opacity:.6;pointer-events:none;background:var(--bg-hover)}.badge-coming-soon{font-size:.7rem;background:var(--bg-hover);color:var(--text-tertiary);padding:4px 8px;border-radius:100px;border:1px solid var(--border-subtle)}.analysis-step-container{width:100%;max-width:700px;margin:0 auto;padding:40px 20px}.analysis-step-container .hero-title{font-size:2rem;font-weight:600;margin-bottom:12px;text-align:center;color:var(--text-primary)}.analysis-step-container .subtitle{text-align:center;color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:48px}.analysis-form{display:flex;flex-direction:column;gap:24px}.input-group-vertical{display:flex;flex-direction:column;gap:8px;width:100%}.input-group-vertical label{font-size:.9rem;font-weight:500;color:var(--text-primary);text-align:left}.input-with-icon.full-width-input{position:relative;width:100%}.input-with-icon.full-width-input svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none;width:20px;height:20px}.input-with-icon.full-width-input input{width:100%;padding:14px 16px 14px 48px;font-size:.95rem;background:var(--bg-input);border:1px solid var(--border-strong);border-radius:8px;color:var(--text-primary);transition:border-color .2s ease}.input-with-icon.full-width-input input:focus{outline:none;border-color:var(--accent)}.select-wrapper.full-width-select{width:100%}.select-wrapper.full-width-select .custom-select{width:100%;padding:14px 40px 14px 16px;font-size:.95rem;background:var(--bg-input);border:1px solid var(--border-strong);border-radius:8px;color:var(--text-primary);cursor:pointer;appearance:none;transition:border-color .2s ease}.select-wrapper.full-width-select .custom-select:focus{outline:none;border-color:var(--accent)}.analysis-footer-centered{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:48px}.analysis-footer-centered .btn-secondary{background:#fff;border:1px solid var(--border-strong);color:var(--text-primary);padding:12px 20px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.analysis-footer-centered .btn-secondary:hover{background:var(--bg-hover);border-color:var(--text-primary)}.analysis-footer-centered .btn-primary{background:var(--accent);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.analysis-footer-centered .btn-primary:hover{background:var(--accent-hover)}.analysis-footer-centered .btn-primary:disabled{opacity:.6;cursor:not-allowed}.icp-layout{display:grid;grid-template-columns:1fr 320px;gap:32px;width:100%;max-width:1200px;margin:0 auto;align-items:start}.icp-main-content{width:100%}.icp-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:32px;box-shadow:var(--shadow-card)}.icp-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-subtle)}.icp-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.icp-subtitle{font-size:.9rem;color:var(--text-secondary);line-height:1.5;max-width:500px;margin:0}.ai-confidence-badge{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1px solid rgba(16,185,129,.2);color:#10b981;padding:8px 14px;border-radius:100px;font-size:.8rem;font-weight:600;flex-shrink:0}.icp-fields-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px}.icp-field-card{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:12px;padding:20px;transition:all .2s ease;position:relative}.icp-field-card:hover{border-color:var(--border-strong);background:var(--bg-card)}.icp-field-card:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);background:var(--bg-card)}.field-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.field-icon{width:32px;height:32px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.icp-field-card label{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.icp-field-card input{width:100%;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);font-size:.95rem;font-weight:600;padding:12px 14px;transition:all .2s ease;cursor:text}.icp-field-card input:hover{border-color:var(--border-strong);background:var(--bg-input)}.icp-field-card input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);background:var(--bg-card)}.icp-field-card input::placeholder{color:var(--text-tertiary);font-weight:400}.icp-field-card:after{content:"✏️";position:absolute;top:20px;right:20px;font-size:.8rem;opacity:0;transition:opacity .2s;pointer-events:none}.icp-field-card:hover:after{opacity:.5}.icp-field-card:focus-within:after{opacity:0}.icp-section{margin-bottom:28px;padding-top:24px;border-top:1px solid var(--border-subtle)}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.section-header svg{color:var(--accent);flex-shrink:0}.section-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.section-badge{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--accent-dim);color:var(--accent);padding:4px 8px;border-radius:4px;margin-left:auto}.pain-points-list{display:flex;flex-wrap:wrap;gap:10px}.pain-point-tag{display:flex;align-items:center;gap:8px;background:#ef444414;border:1px solid rgba(239,68,68,.15);color:#dc2626;padding:10px 14px;border-radius:8px;font-size:.85rem;font-weight:500;transition:all .2s ease}.pain-point-tag:hover{background:#ef44441f}.pain-point-tag .remove-tag{background:none;border:none;color:inherit;cursor:pointer;padding:0;opacity:.5;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.pain-point-tag .remove-tag:hover{opacity:1}.add-tag-btn{display:flex;align-items:center;gap:6px;background:var(--bg-input);border:1px dashed var(--border-strong);color:var(--text-secondary);padding:10px 16px;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-tag-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.needs-list{display:flex;flex-direction:column;gap:10px}.need-item{display:flex;align-items:center;gap:12px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:8px;padding:14px 16px;transition:all .2s ease}.need-item:hover{border-color:var(--border-strong)}.need-item:focus-within{border-color:var(--accent)}.need-check{color:#10b981;flex-shrink:0}.need-item input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.9rem}.need-item input:focus{outline:none}.objections-grid{display:flex;flex-direction:column;gap:12px}.objection-card{display:grid;grid-template-columns:1fr 1.5fr;gap:16px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:10px;padding:18px;transition:all .2s ease}.objection-card:hover{border-color:var(--border-strong)}.objection-q,.objection-a{display:flex;flex-direction:column;gap:8px}.objection-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.objection-q p{font-size:.9rem;color:var(--text-primary);font-weight:500;font-style:italic;margin:0;line-height:1.4}.objection-a input{width:100%;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;padding:10px 12px;font-size:.85rem;color:var(--text-primary);transition:border-color .2s}.objection-a input:focus{outline:none;border-color:var(--accent)}.icp-actions{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-subtle)}.icp-actions .btn-secondary,.icp-actions .btn-primary{display:flex;align-items:center;gap:8px}.icp-sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:24px}.sidebar-tip-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;padding:20px}.sidebar-tip-card.highlight{background:linear-gradient(135deg,#fe6d1014,#fe6d1005);border-color:#fe6d1033}.tip-icon{width:36px;height:36px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:12px}.sidebar-tip-card h4{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.sidebar-tip-card p{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin:0}.sidebar-stats{background:var(--accent);border-radius:10px;padding:24px;text-align:center}.stat-item{display:flex;flex-direction:column;gap:6px}.stat-value{font-size:2rem;font-weight:700;color:#fff;line-height:1}.stat-label{font-size:.8rem;color:#ffffffd9;line-height:1.4}@media(max-width:1100px){.icp-layout{grid-template-columns:1fr}.icp-sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.sidebar-stats{grid-column:span 2}}@media(max-width:768px){.icp-card{padding:20px}.icp-card-header{flex-direction:column;gap:16px}.icp-fields-grid,.objection-card{grid-template-columns:1fr}.icp-actions{flex-direction:column-reverse;gap:12px}.icp-actions button{width:100%;justify-content:center}.icp-sidebar{grid-template-columns:1fr}.sidebar-stats{grid-column:span 1}}.results-layout{display:grid;grid-template-columns:1fr 320px;gap:32px;align-items:start}.results-main{display:flex;flex-direction:column;gap:24px}.results-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding:24px;background:linear-gradient(135deg,#22c55e0f,#10b98108);border:1px solid rgba(34,197,94,.15);border-radius:16px}.results-header-content{display:flex;gap:16px;align-items:flex-start}.success-icon-wrapper{width:52px;height:52px;background:#22c55e1f;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#22c55e;flex-shrink:0}.results-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.results-subtitle{color:var(--text-secondary);font-size:15px;margin:0}.analysis-meta{display:flex;gap:16px}.meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);background:var(--bg-secondary);padding:6px 12px;border-radius:20px}.results-card{background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:28px;margin-bottom:24px;transition:all .2s ease;box-shadow:0 1px 3px #0000000a}.results-card:hover{border-color:#ff470f33;box-shadow:0 4px 12px #0000000f}.results-card:last-of-type{margin-bottom:0}.card-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #F3F4F6}.card-title-group{display:flex;align-items:center;gap:12px}.card-title-group h2{font-size:1.1rem;font-weight:600;margin:0;color:#1a1a1a;letter-spacing:-.01em}.card-title-group svg{color:#ff470f;width:22px;height:22px;padding:6px;background:#ff470f14;border-radius:8px}.edit-mode-toggle{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);padding:4px 8px;border-radius:20px}.toggle-label{font-size:12px;font-weight:500;color:var(--text-secondary);transition:color .2s}.toggle-label.active{color:var(--text-primary)}.toggle-switch{width:36px;height:20px;background:var(--border-color);border-radius:10px;position:relative;cursor:pointer;border:none;transition:background .2s}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 2px #0000001a}.toggle-switch.on{background:var(--accent-color)}.toggle-switch.on:after{transform:translate(16px)}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.profile-item{display:flex;flex-direction:column;gap:10px;padding:16px;background:#f9fafb;border-radius:12px;border:1px solid #F3F4F6}.profile-item.full-width{grid-column:span 2}.profile-item-header{display:flex;justify-content:space-between;align-items:center}.profile-label{font-size:.7rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.08em}.ai-detected-badge{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--accent-color);background:#ff470f1a;padding:2px 6px;border-radius:4px;font-weight:600}.profile-value{font-size:1rem;color:#1a1a1a;font-weight:500;padding:4px 0;line-height:1.5}.editable-input,.editable-select,.editable-textarea{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--bg-primary);color:var(--text-primary);transition:all .2s}.editable-input:focus,.editable-select:focus,.editable-textarea:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #ff470f1a}.edit-help-text{grid-column:span 2;display:flex;align-items:center;gap:8px;margin-top:16px;font-size:12px;color:var(--text-secondary);background:var(--bg-secondary);padding:8px 12px;border-radius:6px}.products-list{display:flex;flex-direction:column;gap:12px}.product-item{display:flex;align-items:center;gap:16px;padding:12px;background:var(--bg-secondary);border-radius:8px;border:1px solid transparent}.product-item:hover{border-color:var(--border-color);background:var(--bg-primary)}.product-icon{width:36px;height:36px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--accent-color);border:1px solid var(--border-color)}.product-content{flex:1;display:flex;flex-direction:column;gap:4px}.product-name-input{font-weight:600;font-size:14px;border:none;background:transparent;padding:0;color:var(--text-primary)}.product-desc-input{font-size:13px;color:var(--text-secondary);border:none;background:transparent;padding:0}.product-actions{display:flex;align-items:center;gap:12px}.product-price-input{width:100px;text-align:right;font-size:13px;font-weight:500;color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;padding:4px 8px;background:#fff}.btn-remove-item{color:var(--text-secondary);background:none;border:none;cursor:pointer;padding:4px;border-radius:4px}.btn-remove-item:hover{color:#ef4444;background:#ef44441a}.btn-add-small{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--accent-color);background:#ff470f1a;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .2s}.btn-add-small:hover{background:#ff470f33}.faq-list{display:flex;flex-direction:column;gap:10px}.faq-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-secondary);border-radius:8px}.faq-item svg{color:var(--text-secondary);flex-shrink:0}.faq-input{flex:1;border:none;background:transparent;font-size:14px;color:var(--text-primary)}.btn-remove-faq{opacity:0;transition:opacity .2s;background:none;border:none;color:var(--text-secondary);cursor:pointer}.faq-item:hover .btn-remove-faq{opacity:1}.btn-add-faq{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:1px dashed var(--border-color);border-radius:8px;background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s}.btn-add-faq:hover{border-color:var(--accent-color);color:var(--accent-color);background:#ff470f0d}.info-badge{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:500;color:#ff470f;background:#ff470f14;padding:6px 12px;border-radius:20px;border:1px solid rgba(255,71,15,.15)}.complement-card{border:1px dashed var(--border-color);background:linear-gradient(to bottom,var(--card-bg),var(--bg-secondary))}.optional-badge{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);background:var(--bg-secondary);padding:4px 8px;border-radius:4px;font-weight:600}.complement-intro{font-size:14px;color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.complement-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.complement-field{display:flex;flex-direction:column;gap:8px}.complement-field.warning-field{grid-column:span 2}.complement-field-header{display:flex;align-items:center;gap:8px}.complement-field-header svg{color:var(--text-secondary)}.complement-field-header label{font-size:13px;font-weight:600;color:var(--text-primary)}.complement-textarea,.complement-input{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:#fff;transition:all .2s}.complement-textarea:focus,.complement-input:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #ff470f1a}.complement-textarea.warning{border-color:#ef44444d;background:#fef2f280}.complement-textarea.warning:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.tone-options{display:flex;gap:8px;flex-wrap:wrap}.tone-option{padding:6px 12px;border:1px solid var(--border-color);border-radius:20px;background:#fff;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.tone-option:hover{border-color:var(--accent-color);color:var(--accent-color)}.tone-option.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.contact-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.complement-progress{grid-column:span 2;margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color)}.progress-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px;font-weight:600}.progress-percent{color:var(--accent-color)}.progress-bar-container{height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden;margin-bottom:8px}.progress-bar-fill{height:100%;background:var(--accent-color);border-radius:3px;transition:width .5s ease}.progress-hint{font-size:12px;color:var(--text-secondary);font-style:italic}.results-sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:24px}.sidebar-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:16px}.sidebar-card.highlight{background:linear-gradient(135deg,#ff470f0d,#fff0);border-color:#ff470f33}.sidebar-icon{width:32px;height:32px;background:var(--bg-secondary);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);margin-bottom:12px}.sidebar-card.highlight .sidebar-icon{background:#fff;color:var(--accent-color);box-shadow:0 2px 8px #ff470f26}.sidebar-card h4{font-size:14px;font-weight:600;margin:0 0 4px;color:var(--text-primary)}.sidebar-card p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.4}.sidebar-checklist{background:var(--bg-secondary);border-radius:12px;padding:16px}.sidebar-checklist h4{font-size:13px;font-weight:600;margin:0 0 12px;color:var(--text-primary)}.checklist-items{display:flex;flex-direction:column;gap:10px}.checklist-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.checklist-item.checked{color:var(--text-primary);font-weight:500}.checklist-item svg{color:var(--border-color)}.checklist-item.checked svg{color:#22c55e}.results-actions{display:flex;justify-content:space-between;margin-top:16px;padding-top:24px;border-top:1px solid var(--border-color)}@media(max-width:1024px){.results-layout{grid-template-columns:1fr}.results-sidebar{display:none}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:40px}.loading-icon-wrapper{width:80px;height:80px;background:#ff470f1a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:var(--accent-color);animation:pulse-ring 2s infinite}.loading-icon{animation:bounce 2s infinite}.loading-title{font-size:24px;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.loading-subtitle{color:var(--text-secondary);margin-bottom:40px}.loading-steps{display:flex;flex-direction:column;gap:16px;align-items:flex-start;width:100%;max-width:300px}.loading-step{display:flex;align-items:center;gap:12px;opacity:.5;transition:all .3s ease}.loading-step.active{opacity:1;font-weight:500}.step-dot{width:8px;height:8px;background:var(--border-color);border-radius:50%;transition:all .3s ease}.loading-step.active .step-dot{background:var(--accent-color);box-shadow:0 0 0 4px #ff470f33}@keyframes pulse-ring{0%{box-shadow:0 0 #ff470f66}70%{box-shadow:0 0 0 10px #ff470f00}to{box-shadow:0 0 #ff470f00}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.config-page-layout{display:grid;grid-template-columns:1fr 400px;gap:32px;min-height:calc(100vh - 200px)}.config-main-panel{display:flex;flex-direction:column;gap:24px}.config-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:24px;border-bottom:1px solid #E5E7EB}.config-title{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin-bottom:8px}.config-subtitle{font-size:.95rem;color:#6b7280}.btn-outline-sm{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;color:#6b7280;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-outline-sm:hover{background:#f9fafb;border-color:#1a1a1a;color:#1a1a1a}.config-card{background:#fff;border:1px solid #E5E7EB;border-radius:16px;overflow:hidden;transition:all .2s}.config-card:hover{border-color:#d1d5db;box-shadow:0 4px 20px #0000000f}.config-card-header{display:flex;align-items:left;gap:12px;padding:16px 20px;background:#fff}.config-card-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.config-card-icon.blue{background:#e0f2fe;color:#0284c7}.config-card-icon.orange{background:#ffedd5;color:#ea580c}.config-card-icon.green{background:#d1fae5;color:#059669}.config-card-header h3{font-size:.95rem;font-weight:600;color:#1a1a1a;margin-bottom:2px}.config-card-header p{font-size:.8rem;color:#6b7280;margin:0}.config-card-body{padding:20px;border-top:1px solid #E5E7EB;background:#fff;text-align:left}.config-field{margin-bottom:20px}.config-field:last-child{margin-bottom:0}.config-field.full-width{grid-column:1 / -1}.config-field label{display:block;font-size:.85rem;font-weight:600;color:#1a1a1a;margin-bottom:8px}.config-field input,.config-field textarea{width:100%;padding:12px 16px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px;font-size:.95rem;color:#1a1a1a;transition:all .2s}.config-field input:hover,.config-field textarea:hover{border-color:#d1d5db}.config-field input:focus,.config-field textarea:focus{outline:none;border-color:#ff470f;box-shadow:0 0 0 3px #ff470f1a}.config-field textarea{resize:vertical;min-height:80px}.config-card-body .config-field:nth-child(1),.config-card-body .config-field:nth-child(2){display:inline-block;width:calc(50% - 10px);vertical-align:top;text-align:left}.config-card-body .config-field:nth-child(2){margin-left:20px}@media(max-width:768px){.config-card-body .config-field:nth-child(1),.config-card-body .config-field:nth-child(2){display:block;width:100%}.config-card-body .config-field:nth-child(2){margin-left:0}}.objectives-list{display:flex;flex-direction:column;gap:12px}.objective-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f9fafb;border-radius:10px;border:1px solid #E5E7EB}.objective-check{width:22px;height:22px;border-radius:50%;background:#e5e7eb;color:#9ca3af;display:flex;align-items:center;justify-content:center;flex-shrink:0}.objective-item span{font-size:.9rem;color:#1a1a1a}.flow-timeline{display:flex;flex-direction:column;gap:0;position:relative}.flow-timeline-item{display:flex;align-items:flex-start;gap:16px;padding:16px 0;position:relative}.flow-timeline-item:not(:last-child):after{content:"";position:absolute;left:15px;top:48px;bottom:0;width:2px;background:#e5e7eb}.flow-timeline-number{width:28px;height:28px;border-radius:50%;background:#1f2937;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0;position:relative;z-index:1}.flow-timeline-content{flex:1;padding-top:4px}.flow-timeline-content h4{font-size:.95rem;font-weight:600;color:#1a1a1a;margin-bottom:4px}.flow-timeline-content p{font-size:.85rem;color:#6b7280;margin:0}.config-preview-panel{position:relative}.preview-sticky{position:sticky;top:100px;display:flex;flex-direction:column;gap:16px}.preview-device{background:#1a1a1a;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000026}.preview-device-header{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#2a2a2a;position:relative}.preview-device-dots{position:absolute;left:16px;display:flex;gap:6px}.preview-device-dots span{width:10px;height:10px;border-radius:50%;background:#3a3a3a}.preview-device-dots span:nth-child(1){background:#ff5f57}.preview-device-dots span:nth-child(2){background:#ffbd2e}.preview-device-dots span:nth-child(3){background:#28ca41}.preview-device-title{font-size:.75rem;color:#888;font-weight:500}.preview-chat-container{background:#fff;display:flex;flex-direction:column;height:480px}.preview-chat-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.preview-agent-info{display:flex;align-items:center;gap:12px}.preview-agent-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ff470f,#ff8a00);display:flex;align-items:center;justify-content:center;color:#fff}.preview-agent-info h4{font-size:.95rem;font-weight:600;color:#1a1a1a;margin-bottom:2px}.preview-agent-info span{font-size:.75rem;color:#10b981}.btn-icon-sm{width:32px;height:32px;border-radius:8px;background:#f5f5f5;border:none;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon-sm:hover{background:#eee;color:#333}.preview-chat-body{flex:1;overflow-y:auto;padding:20px;background:#f8f9fa}.preview-chat-empty{height:100%;display:flex;align-items:center;justify-content:center}.preview-chat-welcome{text-align:center}.welcome-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#ff470f,#ff8a00);display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 16px}.preview-chat-welcome h4{font-size:1rem;font-weight:600;color:#1a1a1a;margin-bottom:4px}.preview-chat-welcome p{font-size:.85rem;color:#666;margin-bottom:20px}.suggested-messages{display:flex;flex-direction:column;gap:8px;margin-top:8px}.suggested-msg{padding:10px 14px;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:12px;font-size:.8rem;color:#333;cursor:pointer;transition:all .2s;text-align:left}.suggested-msg:hover{background:#ff470f;border-color:#ff470f;color:#fff}.typing-indicator span{width:8px;height:8px;background:#999;border-radius:50%;animation:typing-bounce 1.4s ease-in-out infinite}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.typing-indicator-small{display:flex;gap:3px}.typing-indicator-small span{width:5px;height:5px;background:#fff;border-radius:50%;animation:typing-bounce 1.4s ease-in-out infinite}.typing-indicator-small span:nth-child(1){animation-delay:0s}.typing-indicator-small span:nth-child(2){animation-delay:.2s}.typing-indicator-small span:nth-child(3){animation-delay:.4s}.chat-message-bubble.typing{background:#f0f0f0;min-width:60px}.btn-send-chat.loading{background:#ff470f;cursor:wait}.btn-send-chat:disabled{opacity:.7}.preview-chat-messages{display:flex;flex-direction:column;gap:16px}.chat-message{display:flex;align-items:flex-end;gap:8px;max-width:85%}.chat-message.agent{align-self:flex-start}.chat-message.lead{align-self:flex-end;flex-direction:row-reverse}.chat-message-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#ff470f,#ff8a00);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.chat-message-bubble{padding:12px 16px;border-radius:18px;font-size:.9rem;line-height:1.5}.chat-message.agent .chat-message-bubble{background:#fff;color:#1a1a1a;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000000d}.chat-message.lead .chat-message-bubble{background:linear-gradient(135deg,#ff470f,#ff6b35);color:#fff;border-bottom-right-radius:4px}.preview-chat-input{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border-top:1px solid #eee}.preview-chat-input input{flex:1;padding:12px 18px;background:#f5f5f5;border:none;border-radius:24px;font-size:.9rem;outline:none;transition:all .2s}.preview-chat-input input:focus{background:#eee}.btn-send-chat{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#ff470f,#ff8a00);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-send-chat:hover{transform:scale(1.05);box-shadow:0 4px 12px #ff470f4d}.btn-primary-lg{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;background:linear-gradient(135deg,#ff470f,#ff6b35);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary-lg:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff470f40}.config-card-icon.purple{background:#f3e8ff;color:#7c3aed}.config-card-icon.teal{background:#ccfbf1;color:#0d9488}.behavior-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.behavior-option{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#f9fafb;border:2px solid #E5E7EB;border-radius:12px;cursor:pointer;transition:all .2s}.behavior-option:hover{background:#fff;border-color:#d1d5db}.behavior-option.selected{background:#ff470f0a;border-color:#ff470f}.behavior-option-icon{width:48px;height:48px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.behavior-option.selected .behavior-option-icon{background:linear-gradient(135deg,#ff470f,#ff6b35);color:#fff}.behavior-option-content{flex:1}.behavior-option-content h4{font-size:1rem;font-weight:600;color:#1a1a1a;margin:0 0 4px}.behavior-option-content p{font-size:.85rem;color:#6b7280;margin:0;line-height:1.5}.behavior-option-check{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.behavior-option.selected .behavior-option-check{background:#ff470f;color:#fff}.response-delay-section{background:#f3f4f6;border-radius:12px;padding:20px;margin-top:8px}.response-delay-section label{display:block;font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:16px}.delay-slider-container{display:flex;align-items:center;gap:16px}.delay-slider{flex:1;height:6px;border-radius:3px;background:linear-gradient(to right,#10b981,#f59e0b,#ff470f);-webkit-appearance:none;appearance:none}.delay-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid #FF470F;cursor:pointer;box-shadow:0 2px 6px #00000026}.delay-value{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-card);border-radius:8px;font-weight:600;color:#ff470f;font-size:.9rem;min-width:80px;justify-content:center}.delay-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:.75rem;color:var(--text-tertiary)}.schedule-section{display:flex;flex-direction:column;gap:24px}.schedule-row{display:flex;align-items:flex-end;gap:16px}.schedule-field{flex:1}.schedule-field label{display:block;font-size:.8rem;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.time-input{width:100%;padding:12px 16px;background:#fff;border:1px solid var(--border-subtle);border-radius:10px;font-size:1rem;color:var(--text-primary);font-family:inherit}.time-input:focus{outline:none;border-color:#ff470f;box-shadow:0 0 0 3px #ff470f1a}.schedule-separator{color:var(--text-tertiary);font-size:.9rem;padding-bottom:14px}.days-section label{display:block;font-size:.8rem;font-weight:500;color:var(--text-secondary);margin-bottom:12px}.days-selector{display:flex;gap:10px;flex-wrap:wrap}.day-btn{width:44px;height:44px;border-radius:10px;border:2px solid var(--border-subtle);background:var(--bg-card);font-size:.9rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s}.day-btn:hover{border-color:var(--border-strong)}.schedule-info{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#3b82f614;border-radius:10px;font-size:.85rem;color:#3b82f6}.schedule-info svg{flex-shrink:0}@media(max-width:1100px){.config-page-layout{grid-template-columns:1fr}.config-preview-panel{order:-1}.preview-sticky{position:relative;top:0}.preview-chat-container{height:400px}}@media(max-width:600px){.config-card-body .config-field:nth-child(1),.config-card-body .config-field:nth-child(2){display:block;width:100%}.config-card-body .config-field:nth-child(2){margin-left:0}}.activation-container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.activation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-subtle)}.activation-header-left{display:flex;align-items:center;gap:16px}.activation-icon-wrapper{width:56px;height:56px;background:linear-gradient(135deg,var(--accent) 0%,#FF8A00 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.activation-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 4px}.activation-subtitle{font-size:.95rem;color:var(--text-secondary);margin:0}.btn-activate{padding:14px 28px;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#ff470f,#ff6b35)!important;color:#fff!important;border:none;border-radius:12px;box-shadow:0 4px 14px #ff470f4d;cursor:pointer}.btn-activate:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff470f66}.activation-layout{display:grid;grid-template-columns:1fr 320px;gap:32px;align-items:start}.activation-main{display:flex;flex-direction:column;gap:20px}.summary-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:24px}.summary-card.half{flex:1}.summary-row{display:flex;gap:20px}.summary-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-subtle)}.summary-card-title{display:flex;align-items:center;gap:10px}.summary-card-title svg{color:var(--accent)}.summary-card-title h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.btn-edit{display:flex;align-items:center;gap:6px;background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:6px 12px;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s}.btn-edit:hover{border-color:var(--accent);color:var(--accent)}.agent-identity-preview{display:flex;align-items:center;gap:16px;margin-bottom:20px}.agent-avatar-large{width:64px;height:64px;background:linear-gradient(135deg,var(--accent) 0%,#FF8A00 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.agent-identity-info h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.agent-goal{font-size:.9rem;color:var(--text-secondary);margin:0 0 8px}.agent-tone-badge{display:inline-flex;align-items:center;gap:6px;background:var(--accent-dim);color:var(--accent);padding:4px 10px;border-radius:100px;font-size:.75rem;font-weight:600}.first-message-preview{background:var(--bg-input);border-radius:10px;padding:16px}.first-message-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.first-message-preview p{font-size:.9rem;color:var(--text-primary);font-style:italic;line-height:1.5;margin:0}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.summary-grid.three-cols{grid-template-columns:repeat(3,1fr)}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-item.full-width{grid-column:span 2;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-subtle)}.summary-label{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.summary-value{font-size:.9rem;color:var(--text-primary);font-weight:500}.pain-points-summary{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-subtle)}.pain-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.pain-tag{background:#ef444414;border:1px solid rgba(239,68,68,.15);color:#dc2626;padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:500}.pain-tag.more{background:var(--bg-input);border-color:var(--border-subtle);color:var(--text-secondary)}.channels-summary{display:flex;flex-wrap:wrap;gap:10px}.channel-badge{display:flex;align-items:center;gap:8px;background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:10px 16px;border-radius:8px;font-size:.85rem;font-weight:500}.channel-badge.active{background:#10b98114;border-color:#10b98133;color:#10b981}.channel-badge.active svg{color:#10b981}.integrations-summary{display:flex;flex-wrap:wrap;gap:10px}.integration-badge{display:flex;align-items:center;gap:8px;background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:10px 16px;border-radius:8px;font-size:.85rem;font-weight:500}.integration-badge.connected{background:#10b98114;border-color:#10b98133;color:#10b981}.integration-badge .check-icon{color:#10b981}.activation-sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:24px}.activation-checklist{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:20px}.activation-checklist h4{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0 0 16px}.activation-checklist .checklist-items{display:flex;flex-direction:column;gap:12px}.activation-checklist .checklist-item{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-tertiary)}.activation-checklist .checklist-item svg{color:var(--border-strong);flex-shrink:0}.activation-checklist .checklist-item.checked{color:var(--text-primary)}.activation-checklist .checklist-item.checked svg{color:#10b981}.activation-info-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:20px}.activation-info-card.highlight{background:linear-gradient(135deg,#fe6d1014,#fe6d1005);border-color:#fe6d1033}.info-card-icon{width:40px;height:40px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:12px}.activation-info-card h4{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0 0 6px}.activation-info-card p{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin:0}.activation-help{text-align:center}.activation-help .btn-text{display:inline-flex;align-items:center;gap:6px}.activation-footer{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-subtle)}.activation-footer-right{display:flex;align-items:center;gap:16px}.btn-activate-large{padding:14px 32px;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#ff470f,#ff6b35)!important;color:#fff!important;border:none;border-radius:12px;box-shadow:0 4px 14px #ff470f4d;cursor:pointer}.btn-activate-large:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff470f66}@media(max-width:1100px){.activation-layout{grid-template-columns:1fr}.activation-sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.activation-checklist{grid-column:span 2}}@media(max-width:768px){.activation-header{flex-direction:column;gap:20px;text-align:center}.activation-header-left{flex-direction:column}.btn-activate{width:100%;justify-content:center}.summary-row{flex-direction:column}.summary-grid,.summary-grid.three-cols{grid-template-columns:1fr}.summary-item.full-width{grid-column:span 1}.activation-sidebar{grid-template-columns:1fr}.activation-checklist{grid-column:span 1}.activation-footer{flex-direction:column-reverse;gap:16px}.activation-footer-right{flex-direction:column;width:100%}.btn-activate-large{width:100%;justify-content:center}}.getstarted-container{width:100%;max-width:1000px;margin:0 auto;padding:0 20px}.getstarted-header{text-align:center;margin-bottom:48px}.success-celebration{position:relative;display:inline-block;margin-bottom:24px}.success-icon-large{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#34d399);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto;animation:bounce-in .6s ease-out}@keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.confetti-dots{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.confetti-dots span{position:absolute;width:8px;height:8px;border-radius:50%;animation:confetti 1s ease-out forwards}.confetti-dots span:nth-child(1){background:#fe6d10;animation-delay:.1s}.confetti-dots span:nth-child(2){background:#3b82f6;animation-delay:.2s}.confetti-dots span:nth-child(3){background:#10b981;animation-delay:.3s}.confetti-dots span:nth-child(4){background:#f59e0b;animation-delay:.4s}.confetti-dots span:nth-child(5){background:#8b5cf6;animation-delay:.5s}@keyframes confetti{0%{transform:translate(0) scale(0);opacity:1}to{transform:translate(var(--x, 50px),var(--y, -50px)) scale(1);opacity:0}}.confetti-dots span:nth-child(1){--x: -60px;--y: -40px}.confetti-dots span:nth-child(2){--x: 60px;--y: -30px}.confetti-dots span:nth-child(3){--x: -40px;--y: 50px}.confetti-dots span:nth-child(4){--x: 50px;--y: 40px}.confetti-dots span:nth-child(5){--x: 0px;--y: -60px}.getstarted-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 12px}.getstarted-subtitle{font-size:1.1rem;color:var(--text-secondary);margin:0}.getstarted-options{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:48px;align-items:stretch}.getstarted-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:32px;position:relative;display:flex;flex-direction:column;transition:all .2s ease;min-height:480px}.getstarted-card:hover{border-color:var(--accent);box-shadow:0 8px 30px #00000014;transform:translateY(-4px)}.card-icon-wrapper{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.card-icon-wrapper.webhook-icon{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff}.card-icon-wrapper.csv-icon{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.card-badge{position:absolute;top:20px;right:20px;padding:4px 12px;border-radius:100px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.card-badge.recommended{background:linear-gradient(135deg,#fe6d10,#ff8a00);color:#fff}.card-badge.free{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.getstarted-card h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 12px}.getstarted-card .card-description{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin:0 0 24px}.webhook-section{margin-bottom:20px}.webhook-section label{display:block;font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.webhook-url-box{display:flex;align-items:center;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:10px;overflow:hidden}.webhook-url-display{flex:1;padding:14px 16px;display:flex;align-items:center;gap:0;font-family:Monaco,Menlo,Consolas,monospace;font-size:.8rem;overflow:hidden}.webhook-prefix{color:var(--text-tertiary);white-space:nowrap}.webhook-id{color:var(--text-primary);font-weight:600;background:var(--accent-dim);padding:2px 6px;border-radius:4px;margin-left:2px}.webhook-hint{font-size:.75rem;color:var(--text-tertiary);margin-top:8px;margin-bottom:0}.webhook-url-box code{flex:1;padding:12px 16px;font-size:.85rem;color:var(--text-primary);font-family:Monaco,Menlo,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-copy{display:flex;align-items:center;gap:6px;background:var(--accent);color:#fff;border:none;padding:14px 20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-copy:hover{background:var(--accent-hover)}.integration-examples{margin-bottom:24px}.examples-label{display:block;font-size:.75rem;color:var(--text-tertiary);margin-bottom:8px}.examples-logos{display:flex;flex-wrap:wrap;gap:8px}.logo-badge{background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:500}.csv-upload-section{margin-bottom:16px}.csv-dropzone{display:flex;align-items:center;justify-content:center;border:2px dashed var(--border-strong);border-radius:12px;padding:40px 32px;cursor:pointer;transition:all .2s;background:var(--bg-input);min-height:140px}.csv-dropzone:hover{border-color:var(--accent);background:var(--accent-dim)}.dropzone-content{text-align:center;color:var(--text-secondary)}.dropzone-content svg{margin-bottom:12px;color:var(--text-tertiary)}.dropzone-title{display:block;font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.dropzone-subtitle{font-size:.85rem;color:var(--text-tertiary)}.csv-preview{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden}.csv-file-info{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#10b98114;border-bottom:1px solid rgba(16,185,129,.15)}.csv-file-info>svg{color:#10b981;flex-shrink:0}.csv-file-info>div{flex:1;min-width:0}.csv-file-info .file-name{display:block;font-weight:600;color:var(--text-primary);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.csv-file-info .file-rows{display:block;font-size:.8rem;color:#10b981;font-weight:500}.btn-remove-file{margin-left:auto;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:6px;border-radius:6px;flex-shrink:0}.btn-remove-file:hover{color:#ef4444;background:#ef44441a}.csv-table-preview{overflow:hidden;max-height:120px}.csv-table-preview table{width:100%;border-collapse:collapse;font-size:.75rem;table-layout:fixed}.csv-table-preview th,.csv-table-preview td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--border-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.csv-table-preview th{background:var(--bg-hover);font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:.65rem;letter-spacing:.05em}.csv-table-preview td{color:var(--text-primary);font-family:Monaco,Menlo,monospace;font-size:.7rem}.csv-format-hint{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-tertiary);margin-bottom:24px}.csv-format-hint strong{color:var(--text-secondary)}.card-actions{margin-top:auto;display:flex;flex-direction:column;gap:12px}.card-actions .btn-primary.full-width{width:100%;justify-content:center;padding:14px 24px}.card-actions .btn-primary.disabled{opacity:.5;cursor:not-allowed}.btn-text-link{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--text-secondary);font-size:.85rem;text-decoration:none;transition:color .2s}.social-proof-section{margin-top:48px;padding-top:40px;border-top:1px solid var(--border-subtle)}.testimonial-card{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid rgba(245,158,11,.2);border-radius:16px;padding:28px;margin-bottom:32px}.testimonial-quote{position:relative}.quote-mark{position:absolute;top:-10px;left:-10px;font-size:4rem;color:#f59e0b4d;font-family:Georgia,serif;line-height:1}.testimonial-quote p{font-size:1.1rem;line-height:1.7;color:#1a1a1a;margin:0;padding-left:24px}.testimonial-quote strong{color:#d97706}.testimonial-author{display:flex;align-items:center;gap:14px;margin-top:20px;padding-left:24px}.author-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#d97706);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem}.author-name{font-weight:600;color:#1a1a1a;font-size:.95rem}.author-role{font-size:.85rem;color:#6b7280}.proof-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.proof-stat{text-align:center;padding:20px;background:#fff;border:1px solid var(--border-subtle);border-radius:12px}.proof-stat .stat-value{display:block;font-size:1.75rem;font-weight:700;color:var(--accent);line-height:1.2}.proof-stat .stat-label{display:block;font-size:.8rem;color:var(--text-tertiary);margin-top:4px}@media(max-width:640px){.proof-stats{grid-template-columns:1fr}.testimonial-quote p{font-size:1rem;padding-left:16px}.quote-mark{font-size:3rem}}.getstarted-footer{text-align:center;padding-top:32px;border-top:1px solid var(--border-subtle)}.skip-text{font-size:.9rem;color:var(--text-tertiary);margin:0 0 12px}.getstarted-footer .btn-text{display:inline-flex;align-items:center;gap:8px}@media(max-width:768px){.getstarted-options{grid-template-columns:1fr}.getstarted-card{padding:24px}.getstarted-title{font-size:1.5rem}.webhook-url-box{flex-direction:column}.webhook-url-box code{width:100%;text-align:center;border-bottom:1px solid var(--border-subtle)}.btn-copy{width:100%;justify-content:center}}.icp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.icp-item{display:flex;flex-direction:column;gap:8px}.icp-item label{font-size:.7rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.08em}.icp-item input{padding:14px 16px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px;font-size:.9rem;color:#1a1a1a;transition:all .2s ease}.icp-item input:focus{outline:none;background:#fff;border-color:#ff470f;box-shadow:0 0 0 3px #ff470f14}.icp-item input::placeholder{color:#9ca3af}.criteria-grid{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.criteria-chip{display:flex;align-items:center;gap:10px;padding:12px 18px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:30px;cursor:pointer;transition:all .2s ease}.criteria-chip:hover{border-color:#ff470f;background:#fff}.criteria-chip.enabled{background:linear-gradient(135deg,#10b98114,#22c55e0d);border-color:#10b9814d}.criteria-check{width:20px;height:20px;border-radius:6px;border:2px solid #D1D5DB;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.criteria-chip.enabled .criteria-check{background:#10b981;border-color:#10b981;color:#fff}.criteria-chip span:not(.criteria-check){font-size:.9rem;color:#1a1a1a;font-weight:500}.criteria-remove{background:none;border:none;color:#9ca3af;cursor:pointer;padding:2px;margin-left:4px;opacity:0;transition:all .2s ease}.criteria-chip:hover .criteria-remove{opacity:1}.criteria-remove:hover{color:#ef4444}.add-criteria-inline{display:flex;gap:12px;margin-top:8px}.add-criteria-inline input{flex:1;padding:12px 16px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px;font-size:.9rem}.add-criteria-inline input:focus{outline:none;border-color:#ff470f;background:#fff}.add-criteria-inline button{display:flex;align-items:center;gap:6px;padding:12px 20px;background:linear-gradient(135deg,#ff470f,#ff6b35);border:none;border-radius:10px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.add-criteria-inline button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ff470f40}.add-criteria-inline button:disabled{opacity:.5;cursor:not-allowed}.simulation-step-container{width:100%;max-width:1000px}.simulation-layout{display:grid;grid-template-columns:1fr 300px;gap:24px}.simulation-chat{background:#fff;border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;height:480px}.chat-header-sim{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#ff470f,#ff6b35);color:#fff}.chat-avatar-sim{width:40px;height:40px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center}.chat-info-sim{display:flex;flex-direction:column}.chat-name-sim{font-weight:600;font-size:.95rem}.chat-status-sim{display:flex;align-items:center;gap:6px;font-size:.8rem;opacity:.9}.status-dot-sim{width:8px;height:8px;background:#4ade80;border-radius:50%;animation:pulse-sim 2s ease-in-out infinite}@keyframes pulse-sim{0%,to{opacity:1}50%{opacity:.5}}.chat-messages-sim{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.chat-empty-sim{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-tertiary);gap:12px}.chat-empty-sim h3{font-size:1.1rem;color:var(--text-primary);margin:0}.chat-empty-sim p{font-size:.9rem;margin:0;max-width:280px}.btn-start-sim{display:flex;align-items:center;gap:8px;margin-top:12px;padding:12px 24px;background:linear-gradient(135deg,#ff470f,#ff6b35);border:none;border-radius:10px;font-size:.9rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.btn-start-sim:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff470f4d}.chat-message-sim{display:flex;gap:10px;max-width:85%;animation:messageInSim .3s ease-out}@keyframes messageInSim{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message-sim.user{align-self:flex-end;flex-direction:row-reverse}.message-avatar-sim{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-message-sim.user .message-avatar-sim{background:#e5e7eb;color:#6b7280}.chat-message-sim.assistant .message-avatar-sim{background:linear-gradient(135deg,#ff470f,#ff6b35);color:#fff}.message-content-sim{padding:12px 16px;border-radius:16px}.chat-message-sim.user .message-content-sim{background:#ff470f;color:#fff;border-bottom-right-radius:4px}.chat-message-sim.assistant .message-content-sim{background:#f3f4f6;color:var(--text-primary);border-bottom-left-radius:4px}.message-content-sim p{margin:0;font-size:.9rem;line-height:1.5}.message-time-sim{display:block;font-size:.7rem;margin-top:6px;opacity:.6}.message-content-sim.typing{display:flex;gap:4px;padding:16px}.message-content-sim.typing span{width:8px;height:8px;background:#9ca3af;border-radius:50%;animation:typingSim 1.4s ease-in-out infinite}.message-content-sim.typing span:nth-child(2){animation-delay:.2s}.message-content-sim.typing span:nth-child(3){animation-delay:.4s}@keyframes typingSim{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.chat-input-sim{display:flex;gap:12px;padding:16px 20px;border-top:1px solid var(--border-subtle);background:var(--bg-secondary)}.chat-input-sim input{flex:1;padding:12px 16px;background:#fff;border:1px solid var(--border-subtle);border-radius:10px;font-size:.9rem}.chat-input-sim input:focus{outline:none;border-color:var(--accent)}.chat-input-sim button{padding:12px 16px;background:var(--accent);border:none;border-radius:10px;color:#fff;cursor:pointer;transition:all .2s ease}.chat-input-sim button:hover:not(:disabled){background:var(--accent-hover)}.chat-input-sim button:disabled{opacity:.5;cursor:not-allowed}.simulation-sidebar{display:flex;flex-direction:column;gap:16px}.sim-info-card{background:#fff;border:1px solid var(--border-subtle);border-radius:12px;padding:20px}.sim-info-card.highlight{background:linear-gradient(135deg,#ff470f0d,#ff6b350d);border-color:#ff470f33}.sim-info-card h4{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0 0 12px}.sim-info-card ul{margin:0;padding-left:20px}.sim-info-card li{font-size:.85rem;color:var(--text-secondary);margin-bottom:8px;line-height:1.4}.btn-restart-sim{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#fff;border:1px solid var(--border-subtle);border-radius:10px;font-size:.85rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.btn-restart-sim:hover{background:var(--bg-secondary);color:var(--text-primary)}.success-header{text-align:center;margin-bottom:32px}.success-icon-large{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#ff470f,#ff6b35);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;animation:successPopV2 .5s ease-out}@keyframes successPopV2{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.next-steps-card{background:#fff;border:1px solid var(--border-subtle);border-radius:16px;padding:32px}.next-steps-card h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 24px;text-align:center}.campaign-options-grid{display:flex;flex-direction:column;gap:12px}.campaign-option-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;cursor:pointer;transition:all .2s ease}.campaign-option-card:hover{background:#fff;border-color:var(--accent);box-shadow:0 4px 12px #ff470f1a}.option-icon-large{width:56px;height:56px;background:linear-gradient(135deg,#ff470f,#ff6b35);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.option-icon-large.instagram{background:linear-gradient(135deg,#e1306c,#f77737)}.option-icon-large.messenger{background:linear-gradient(135deg,#0084ff,#00c6ff)}.option-text{flex:1}.option-text h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.option-text p{font-size:.85rem;color:var(--text-secondary);margin:0}.campaign-option-card .chevron{color:var(--text-tertiary);transition:all .2s ease}.campaign-option-card:hover .chevron{color:var(--accent);transform:translate(4px)}.skip-dashboard{text-align:center;margin-top:32px}.btn-text-link{display:inline-flex;align-items:center;gap:6px;background:none;border:none;font-size:.9rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.btn-text-link:hover{color:var(--accent)}.badge-highlight{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ff470f,#ff6b35)!important;color:#fff!important}@media(max-width:1024px){.simulation-layout{grid-template-columns:1fr}.simulation-sidebar{flex-direction:row;flex-wrap:wrap}.sim-info-card{flex:1;min-width:200px}}@media(max-width:768px){.icp-grid{grid-template-columns:1fr}.simulation-chat{height:400px}.campaign-options-grid{gap:10px}.campaign-option-card{padding:16px}.option-icon-large{width:48px;height:48px}}.auth-split-container{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-form-side{display:flex;align-items:center;justify-content:center;padding:60px;background:#fff}.auth-form-content{width:100%;max-width:420px}.auth-logo-section{display:flex;align-items:center;gap:12px;margin-bottom:48px}.auth-logo-icon{width:44px;height:44px;background:linear-gradient(135deg,#ff470f,#ff6b35);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #ff470f40}.auth-logo-text{font-size:1.35rem;font-weight:700;color:#1a1a1a;letter-spacing:-.02em}.auth-header-section{margin-bottom:36px}.auth-header-section h1{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0 0 10px;letter-spacing:-.02em}.auth-header-section p{font-size:1rem;color:#6b7280;margin:0}.auth-form{display:flex;flex-direction:column;gap:24px}.form-group label{font-size:.9rem;font-weight:600;color:#374151}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;color:#999;pointer-events:none}.input-field{width:100%;padding:14px 14px 14px 44px;background:#fff;border:1px solid #E5E5E5;border-radius:10px;color:#1a1a1a;font-size:.95rem;transition:all .2s ease}.input-field::placeholder{color:#aaa}.input-field:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a14}.input-field-clean{width:100%;padding:16px 18px;background:#f9fafb;border:1.5px solid #E5E7EB;border-radius:12px;color:#1a1a1a;font-size:1rem;transition:all .2s ease}.input-field-clean::placeholder{color:#9ca3af}.input-field-clean:focus{outline:none;background:#fff;border-color:#ff470f;box-shadow:0 0 0 4px #ff470f14}.input-field-clean:hover:not(:focus){border-color:#d1d5db}.terms-text{font-size:.8rem;color:#888;line-height:1.5;margin:0}.terms-text a{color:#1a1a1a;text-decoration:underline}.terms-text a:hover{color:#fe6d10}.btn-signup{width:100%;padding:16px 24px;background:linear-gradient(135deg,#1a1a1a,#333);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .25s ease;margin-top:8px;box-shadow:0 4px 14px #00000026}.btn-signup:hover{background:linear-gradient(135deg,#333,#4a4a4a);transform:translateY(-2px);box-shadow:0 6px 20px #0003}.btn-signup:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.auth-footer-section{margin-top:32px;padding-top:24px;border-top:1px solid #E5E5E5;text-align:center}.auth-footer-section p{font-size:.9rem;color:#666;margin:0}.link-accent{color:#fe6d10;font-weight:600;text-decoration:none}.link-accent:hover{text-decoration:underline}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#dc2626;padding:12px 16px;border-radius:10px;margin-bottom:20px;font-size:.9rem;text-align:center}.auth-testimonial-side{display:flex;align-items:center;justify-content:center;padding:60px;background:linear-gradient(145deg,#0f0f0f,#1a1a1a);position:relative;overflow:hidden}.auth-testimonial-side:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 10% 90%,rgba(255,71,15,.12) 0%,transparent 45%),radial-gradient(circle at 90% 10%,rgba(255,107,53,.08) 0%,transparent 35%),radial-gradient(circle at 50% 50%,rgba(255,71,15,.03) 0%,transparent 60%);pointer-events:none}.auth-testimonial-side:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.testimonial-content{position:relative;z-index:1;max-width:480px;width:100%}.testimonial-header{margin-bottom:40px}.testimonial-header h2{font-size:1.75rem;font-weight:700;color:#fff;line-height:1.3;margin:0;letter-spacing:-.02em}.testimonial-header .highlight{color:#fe6d10}.testimonial-card{display:flex;gap:20px;align-items:flex-start;margin-bottom:40px;padding:28px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.testimonial-photo{position:relative;flex-shrink:0}.testimonial-photo img{width:70px;height:70px;border-radius:14px;object-fit:cover;object-position:center top;filter:grayscale(80%);transition:all .3s ease;border:2px solid rgba(255,255,255,.1)}.testimonial-photo:hover img{filter:grayscale(0%);border-color:#ff470f80}.photo-placeholder{width:60px;height:60px;border-radius:12px;background:linear-gradient(135deg,#fe6d10,#ff8a00);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#fff}.photo-image{width:60px;height:60px;border-radius:12px;object-fit:cover;object-position:center top}.photo-accent{position:absolute;top:-6px;right:-6px;width:28px;height:28px;background:#fe6d10;border-radius:6px;z-index:-1}.testimonial-quote{flex:1}.quote-mark{font-size:4rem;font-weight:700;color:#fe6d10;line-height:.5;margin-bottom:16px;font-family:Georgia,serif}.quote-highlight{font-size:1.1rem;font-weight:600;color:#fff;line-height:1.5;margin:0 0 16px}.quote-text{font-size:.95rem;color:#a1a1a1;line-height:1.6;margin:0 0 12px}.quote-author{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.author-info{display:flex;flex-direction:column;gap:2px}.author-name{font-size:1rem;font-weight:700;color:#fff}.author-title{font-size:.85rem;color:#666}.testimonial-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-item{text-align:center}.stat-value{display:block;font-size:1.75rem;font-weight:800;color:#fff;margin-bottom:6px;text-shadow:0 2px 10px rgba(254,109,16,.3)}.stat-item:first-child .stat-value{color:#ff6b6b}.stat-item:nth-child(2) .stat-value{color:#10b981}.stat-item:nth-child(3) .stat-value{color:#fe6d10}.stat-label{font-size:.8rem;color:#ccc;line-height:1.3}@media(max-width:1024px){.auth-split-container{grid-template-columns:1fr}.auth-testimonial-side{display:none}.auth-form-side{padding:32px 24px}}@media(max-width:480px){.auth-form-content{max-width:100%}.auth-header-section h1{font-size:1.5rem}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:1rem;background:#0a0a0a}.auth-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.glow-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.orb-1{width:400px;height:400px;background:#fe6d10;top:-100px;left:-100px;animation:float 10s infinite ease-in-out}.orb-2{width:300px;height:300px;background:#1a1a1a;bottom:-50px;right:-50px;animation:float 12s infinite ease-in-out reverse}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,50px)}}.auth-card{width:100%;max-width:420px;padding:2.5rem;position:relative;z-index:10;background:#1a1a1acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 25px 50px -12px #00000080}.auth-header{text-align:center;margin-bottom:2rem}.logo-container{margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center;gap:.75rem}.auth-logo{height:60px;width:auto;max-width:100%;object-fit:contain;display:block;margin:0 auto}.auth-header h1{font-size:1.75rem;margin-bottom:.5rem;color:#fff}.form-footer{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.form-options{display:flex;justify-content:flex-end;margin-bottom:8px}.forgot-link{font-size:.85rem;color:#666;text-decoration:none;transition:color .2s}.forgot-link:hover{color:#fe6d10}.btn-block{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.auth-footer{margin-top:2rem;text-align:center;font-size:.9rem;color:#888;border-top:1px solid rgba(255,255,255,.05);padding-top:1.5rem}.link-highlight{color:#fe6d10;text-decoration:none;font-weight:600;transition:color .2s}.auth-divider{display:flex;align-items:center;text-align:center;margin:20px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid #e5e5e5}.auth-divider span{padding:0 16px;color:#9ca3af;font-size:.85rem;font-weight:500}.btn-demo{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;background:#fff;border:1.5px solid #E5E7EB;border-radius:12px;color:#374151;font-size:1rem;font-weight:600;cursor:pointer;transition:all .25s;text-decoration:none}.btn-demo:hover{border-color:#ff470f;background:#ff470f0a;color:#ff470f}.btn-demo:disabled{opacity:.7;cursor:not-allowed}.link-highlight:hover{color:#ff8a00}.text-muted{color:#888}.btn-primary{background:#fe6d10;color:#fff;border:none;border-radius:10px;padding:14px 24px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:#ff8a00}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.mt-6{margin-top:1.5rem}.campaigns-page{padding:0;min-height:100vh;background:var(--bg-app)}.campaigns-header{background:var(--bg-card);border-bottom:1px solid var(--border-subtle);padding:20px var(--page-padding-x);position:sticky;top:0;z-index:10;box-shadow:var(--shadow-xs)}.campaigns-page .header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;gap:24px}.campaigns-page .header-title{display:flex;align-items:center;gap:16px}.campaigns-page .header-icon-wrapper{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#ff5a1f,#ff8f5a);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #ff5a1f4d}.campaigns-page .header-title h1,.campaigns-page .header-content .header-title h1,.campaigns-page h1{font-size:1.75rem!important;font-weight:700!important;color:#0f172a!important;margin:0!important;letter-spacing:-.02em!important;opacity:1!important;-webkit-text-fill-color:#0F172A!important}.campaigns-page .header-title p{font-size:.9rem;color:#64748b;margin:4px 0 0}.campaigns-page .btn-primary{display:flex;align-items:center;gap:8px;padding:11px 22px;background:var(--color-primary-gradient);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-primary)}.campaigns-page .btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-primary-lg)}.campaigns-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px var(--page-padding-x);max-width:1200px;margin:0 auto}.stat-card{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;animation:statSlideIn .4s cubic-bezier(.4,0,.2,1) forwards;opacity:0;transition:all var(--transition-base)}.stat-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.campaigns-stats .stat-card:nth-child(1){animation-delay:0ms}.campaigns-stats .stat-card:nth-child(2){animation-delay:50ms}.campaigns-stats .stat-card:nth-child(3){animation-delay:.1s}.campaigns-stats .stat-card:nth-child(4){animation-delay:.15s}@keyframes statSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.stat-icon.active{background:#10b9811a;color:#10b981}.stat-icon.sent{background:#3b82f61a;color:#3b82f6}.stat-icon.replied{background:#8b5cf61a;color:#8b5cf6}.stat-icon.qualified{background:#ff470f1a;color:#ff470f}.campaigns-page .campaigns-filters{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 var(--page-padding-x) 24px;max-width:1200px;margin:0 auto}.campaigns-page .search-box{display:flex;align-items:center;gap:10px;background:#fff!important;border:1px solid #E5E7EB!important;border-radius:12px;padding:12px 16px;flex:1;max-width:400px;transition:all .2s ease}.campaigns-page .search-box:focus-within{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #ff5a1f1a}.campaigns-page .search-box svg{color:#9ca3af;flex-shrink:0}.campaigns-page .search-box input{border:none!important;background:transparent!important;flex:1;font-size:.9rem;color:#1a1a1a!important;min-width:0}.campaigns-page .search-box input:focus{outline:none}.campaigns-page .search-box input::placeholder{color:#9ca3af}.campaigns-page .filter-tabs{display:flex;gap:6px;background:#f3f4f6;padding:4px;border-radius:10px;border:none}.campaigns-page .filter-tab{padding:10px 18px;border:none;background:transparent;border-radius:8px;font-size:.85rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.campaigns-page .filter-tab:hover{color:#1a1a1a;background:#ffffff80}.campaigns-page .filter-tab.active{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #ff5a1f4d}.campaigns-list{padding:0 32px 32px;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid #e5e5e5;border-top-color:#ff470f;border-radius:50%;animation:spin .8s linear infinite}.loading-state p{color:#6b7280;font-size:.95rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{width:80px;height:80px;border-radius:20px;background:#ff470f1a;color:#ff470f;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.empty-state h3{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:0 0 8px}.empty-state p{font-size:.95rem;color:#6b7280;margin:0 0 24px;max-width:400px}.campaigns-list:before{content:"";display:block;background:#f8fafc;border-radius:12px;margin-bottom:8px;padding:12px 24px;font-size:.7rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.campaign-row{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:24px;transition:all .2s ease;cursor:pointer;position:relative;animation:rowFadeIn .3s ease forwards;opacity:0}.campaigns-list .campaign-row:nth-child(1){animation-delay:0ms}.campaigns-list .campaign-row:nth-child(2){animation-delay:40ms}.campaigns-list .campaign-row:nth-child(3){animation-delay:80ms}.campaigns-list .campaign-row:nth-child(4){animation-delay:.12s}.campaigns-list .campaign-row:nth-child(5){animation-delay:.16s}@keyframes rowFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.campaign-row:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.row-status-indicator{position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 2px 2px 0;background:#e5e7eb;transition:all .2s ease}.campaign-row.status-active .row-status-indicator{background:#10b981}.campaign-row.status-paused .row-status-indicator{background:#f59e0b}.campaign-row.status-draft .row-status-indicator{background:#94a3b8}.campaign-row.status-completed .row-status-indicator{background:#6366f1}.campaign-row:hover .row-status-indicator{width:4px;top:8px;bottom:8px}.row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;padding-left:12px}.row-name-line{display:flex;align-items:center;gap:12px}.row-name-line h3{font-size:.95rem;font-weight:600;color:#0f172a;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-status-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:100px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;flex-shrink:0}.row-status-pill.active{background:#10b9811a;color:#059669}.row-status-pill.paused{background:#f59e0b1a;color:#d97706}.row-status-pill.draft{background:#94a3b826;color:#64748b}.row-status-pill.completed{background:#6366f11a;color:#4f46e5}.live-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:livePulse 2s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.row-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.meta-item{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;color:#64748b}.meta-item svg{color:#94a3b8;flex-shrink:0}.meta-item.channel{font-weight:600;color:#475569;background:#f1f5f9;padding:2px 8px;border-radius:4px}.meta-item.channel svg{color:#475569}.meta-item.objective{font-weight:600}.meta-divider{color:#d1d5db;font-size:.6rem}.row-stats{display:flex;gap:4px;flex-shrink:0}.row-stat{display:flex;flex-direction:column;align-items:center;padding:8px 16px;background:#f8fafc;border-radius:8px;min-width:72px;transition:all .2s ease}.row-stat:hover{background:#f1f5f9}.row-stat .stat-value{font-size:1.1rem;font-weight:700;color:#0f172a;line-height:1}.row-stat .stat-label{font-size:.6rem;color:#94a3b8;margin-top:4px;text-transform:uppercase;letter-spacing:.04em;font-weight:500}.row-stat.accent .stat-value{color:#ff5a1f}.row-stat.success .stat-value{color:#10b981}.row-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.row-action-btn{width:36px;height:36px;border-radius:10px;border:1px solid #E5E7EB;background:#fff;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.row-action-btn:hover{transform:scale(1.05)}.row-action-btn.success{border-color:#d1fae5;background:#ecfdf5;color:#059669}.row-action-btn.success:hover{background:#10b981;border-color:#10b981;color:#fff}.row-action-btn.warning{border-color:#fef3c7;background:#fffbeb;color:#d97706}.row-action-btn.warning:hover{background:#f59e0b;border-color:#f59e0b;color:#fff}.row-action-btn.primary{border-color:#ffe4d6;background:#fff7ed;color:#ff5a1f}.row-action-btn.primary:hover{background:#ff5a1f;border-color:#ff5a1f;color:#fff}@media(max-width:1000px){.campaign-row{flex-wrap:wrap;gap:16px}.row-info{flex:1 1 100%;order:1}.row-stats{flex:1;order:3;justify-content:flex-start}.row-actions{order:2;margin-left:auto}}@media(max-width:700px){.campaign-row{padding:14px 16px;gap:12px}.row-info{padding-left:8px}.row-name-line{flex-wrap:wrap;gap:8px}.row-meta{gap:6px}.meta-divider{display:none}.meta-item{font-size:.7rem}.row-stats{width:100%;justify-content:space-between}.row-stat{flex:1;min-width:0;padding:8px}.row-stat .stat-value{font-size:1rem}.row-stat .stat-label{font-size:.55rem}}@media(max-width:480px){.row-stats{flex-wrap:wrap;gap:6px}.row-stat{flex:1 1 calc(50% - 3px)}}.btn-details{display:flex;align-items:center;gap:6px;padding:10px 18px;background:#fff;border:1px solid #E5E7EB;border-radius:10px;font-size:.85rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.btn-details:hover{background:#f9fafb;color:#1a1a1a;border-color:#d1d5db}@media(max-width:1024px){.campaigns-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.campaigns-page .campaigns-header{padding:20px}.campaigns-page .header-content{flex-direction:column;align-items:flex-start;gap:16px}.campaigns-page .campaigns-stats{padding:20px;grid-template-columns:1fr 1fr;gap:12px}.campaigns-page .campaigns-filters{flex-direction:column;gap:12px;padding:0 20px 20px}.campaigns-page .search-box{max-width:100%;width:100%}.campaigns-page .filter-tabs{width:100%;overflow-x:auto;flex-wrap:nowrap}.campaigns-page .campaigns-list{padding:0 20px 20px}.campaigns-page .campaign-stats{flex-wrap:wrap}.campaigns-page .stat-item{flex:0 0 50%;padding:8px 0}.campaigns-page .stat-divider{display:none}}.campaign-modal-overlay{position:fixed;inset:0;background:#0f172ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:overlayFadeIn .25s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.campaign-modal{background:#fff;border-radius:24px;width:100%;max-width:640px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 0 1px #0000000d,0 25px 80px #00000040,0 10px 30px #ff5a1f1a;animation:modalSlideIn .35s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.92) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:28px 28px 24px;background:linear-gradient(180deg,#fafbfc,#fff);border-bottom:1px solid #E5E7EB}.modal-title{display:flex;align-items:flex-start;gap:16px}.modal-title>svg{width:48px;height:48px;padding:12px;background:linear-gradient(135deg,#ff5a1f,#ff8f5a);border-radius:14px;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #ff5a1f4d}.modal-title-content{display:flex;flex-direction:column;gap:8px}.modal-title h2{margin:0;font-size:1.35rem;font-weight:700;color:#0f172a;line-height:1.3}.modal-status{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:100px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.modal-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}.modal-close{background:#f3f4f6;border:none;color:#6b7280;cursor:pointer;padding:10px;border-radius:12px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#e5e7eb;color:#1f2937;transform:rotate(90deg)}.modal-body{padding:28px;overflow-y:auto;flex:1;background:#fff}.modal-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}.modal-stat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:20px 12px;background:#fafbfc;border-radius:16px;border:1px solid #E5E7EB;transition:all .25s ease;position:relative;overflow:hidden}.modal-stat:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#E5E7EB,transparent);opacity:0;transition:opacity .2s}.modal-stat:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014;border-color:#d1d5db}.modal-stat:hover:before{opacity:1}.modal-stat svg{width:36px;height:36px;padding:8px;background:#f3f4f6;border-radius:10px;color:#64748b}.modal-stat.highlight{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-color:#ff5a1f40}.modal-stat.highlight:before{background:linear-gradient(90deg,transparent,#FF5A1F,transparent)}.modal-stat.highlight svg{background:#ff5a1f26;color:#ff5a1f}.modal-stat.success svg{background:#10b9811a;color:#10b981}.modal-stat-content{display:flex;flex-direction:column;gap:2px}.modal-stat-value{font-size:1.75rem;font-weight:800;color:#0f172a;line-height:1}.modal-stat.highlight .modal-stat-value{color:#ff5a1f}.modal-stat.success .modal-stat-value{color:#10b981}.modal-stat-label{font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-weight:500}.modal-section{margin-bottom:28px}.modal-section:last-child{margin-bottom:0}.modal-section h3{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;color:#64748b;margin:0 0 14px;text-transform:uppercase;letter-spacing:.08em}.modal-section h3:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#E5E7EB,transparent)}.modal-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.modal-info-item{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:#fafbfc;border-radius:12px;border:1px solid #F3F4F6}.modal-info-item .info-label{font-size:.75rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;font-weight:500}.modal-info-item .info-value{font-size:.95rem;color:#0f172a;font-weight:600}.modal-message-preview{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #E2E8F0;border-radius:16px;padding:20px;font-size:.9rem;color:#374151;line-height:1.7;white-space:pre-wrap;position:relative}.modal-message-preview:before{content:'"';position:absolute;top:8px;left:16px;font-size:3rem;color:#e2e8f0;font-family:Georgia,serif;line-height:1}.modal-objectives{display:flex;flex-wrap:wrap;gap:10px}.objective-tag.large{padding:12px 18px;font-size:.85rem;font-weight:600;border-radius:12px;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.objective-tag.large:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.modal-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 28px;border-top:1px solid #E5E7EB;background:linear-gradient(180deg,#fff,#fafbfc)}.modal-footer-right{display:flex;gap:12px}.modal-footer .ui-btn{padding:12px 20px;font-weight:600}.modal-footer .btn-secondary{padding:12px 24px;background:#fff;border:1px solid #e5e5e5;border-radius:10px;color:#6b7280;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.modal-footer .btn-secondary:hover{background:#f9fafb;color:#1a1a1a}.modal-footer .btn-primary{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#ff470f;border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.modal-footer .btn-primary:hover{background:#e03e0d}@media(max-width:700px){.campaign-modal{max-height:100vh;border-radius:16px 16px 0 0;margin-top:auto}.modal-stats-grid{grid-template-columns:repeat(2,1fr)}.modal-header,.modal-body{padding:20px}.modal-title>svg{width:40px;height:40px;padding:10px}.modal-title h2{font-size:1.15rem}}@media(max-width:480px){.campaign-modal{border-radius:20px 20px 0 0}.modal-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.modal-stat{padding:14px 10px}.modal-stat-value{font-size:1.35rem}.modal-info-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column;gap:12px;padding:16px 20px}.modal-footer-right{width:100%;flex-direction:column-reverse}.modal-footer .ui-btn{width:100%;justify-content:center}}.delete-modal{background:#fff;border-radius:20px;width:100%;max-width:420px;padding:32px;text-align:center;box-shadow:0 20px 60px #00000040;animation:deleteModalIn .3s cubic-bezier(.4,0,.2,1)}@keyframes deleteModalIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.delete-modal-icon{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.delete-modal h3{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0 0 12px}.delete-modal p{font-size:.95rem;color:#64748b;line-height:1.6;margin:0 0 28px}.delete-modal-actions{display:flex;gap:12px;justify-content:center}.delete-modal-actions .ui-btn{flex:1;max-width:160px}@media(max-width:480px){.delete-modal{margin:16px;padding:24px}.delete-modal-actions{flex-direction:column}.delete-modal-actions .ui-btn{max-width:100%}}.edit-modal{background:#fff;border-radius:20px;width:100%;max-width:640px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 80px #00000040;animation:editModalIn .35s cubic-bezier(.16,1,.3,1)}@keyframes editModalIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.edit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid #E5E7EB;background:linear-gradient(180deg,#fafbfc,#fff)}.edit-modal-title{display:flex;align-items:center;gap:14px}.edit-modal-title svg{width:44px;height:44px;padding:10px;background:linear-gradient(135deg,#3b82f6,#60a5fa);border-radius:12px;color:#fff;flex-shrink:0}.edit-modal-title h2{margin:0;font-size:1.25rem;font-weight:700;color:#0f172a}.edit-modal-body{padding:28px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:24px}.edit-field{display:flex;flex-direction:column;gap:8px}.edit-field label{font-size:.8rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.04em}.edit-field input[type=text],.edit-field textarea{padding:14px 16px;border:1px solid #E5E7EB;border-radius:12px;font-size:.95rem;color:#0f172a;background:#fafbfc;transition:all .2s ease;font-family:inherit;resize:vertical}.edit-field input[type=text]:focus,.edit-field textarea:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.edit-field input::placeholder,.edit-field textarea::placeholder{color:#9ca3af}.char-count{font-size:.75rem;color:#94a3b8;text-align:right;margin-top:4px}.edit-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.edit-status-options{display:flex;flex-wrap:wrap;gap:8px}.status-option{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border:2px solid #E5E7EB;border-radius:10px;background:#fff;font-size:.8rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}.status-option:hover{border-color:#d1d5db;background:#f9fafb}.status-option.selected.active{border-color:#10b981;background:#10b98114;color:#059669}.status-option.selected.paused{border-color:#f59e0b;background:#f59e0b14;color:#d97706}.status-option.selected.draft{border-color:#94a3b8;background:#94a3b81a;color:#475569}.status-option.selected.completed{border-color:#6366f1;background:#6366f114;color:#4f46e5}.edit-channel-options{display:flex;gap:8px}.channel-option{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border:2px solid #E5E7EB;border-radius:10px;background:#fff;font-size:.85rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease;flex:1;justify-content:center}.channel-option:hover{border-color:#d1d5db;background:#f9fafb}.channel-option.selected{border-color:#3b82f6;background:#3b82f614;color:#2563eb}.edit-objectives{display:flex;flex-wrap:wrap;gap:10px}.objective-option{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:2px solid;border-radius:10px;background:transparent;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative}.objective-option:hover{transform:translateY(-1px)}.objective-option .check-icon{margin-left:auto}.edit-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid #E5E7EB;background:linear-gradient(180deg,#fff,#fafbfc)}.row-action-btn.secondary{border-color:#e0e7ff;background:#eef2ff;color:#4f46e5}.row-action-btn.secondary:hover{background:#4f46e5;border-color:#4f46e5;color:#fff}@media(max-width:640px){.edit-modal{max-height:100vh;border-radius:16px 16px 0 0;margin-top:auto}.edit-modal-body{padding:20px}.edit-row{grid-template-columns:1fr}.edit-status-options{flex-wrap:wrap}.status-option{flex:1 1 calc(50% - 4px);justify-content:center}.edit-channel-options{flex-direction:column}.channel-option{flex:none}.edit-modal-footer{padding:16px 20px}}.campaign-page{min-height:100vh;background:linear-gradient(180deg,#f8f6f3,#f0ede8);display:flex;flex-direction:column}.campaign-header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06);position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:20px}.back-btn{width:44px;height:44px;border-radius:12px;border:none;background:linear-gradient(135deg,#f8f8f8,#f0f0f0);box-shadow:0 2px 8px #0000000f;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#6b7280}.back-btn:hover{background:#fff;box-shadow:0 4px 16px #0000001a;transform:translateY(-2px);color:#1a1a1a}.create-campaign-page .header-left h1{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#ff470f,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.02em}.header-left p{font-size:.9rem;color:#8b8b8b;margin:4px 0 0;font-weight:500}.header-right{display:flex;gap:16px}.btn-secondary{padding:12px 24px;border-radius:12px;border:1px solid rgba(0,0,0,.08);background:#fff;color:#1a1a1a;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px}.btn-secondary:hover{background:#f8f8f8;border-color:#0000001f;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.btn-primary{padding:12px 28px;border-radius:12px;border:none;background:linear-gradient(135deg,#ff470f,#ff6b35);color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:10px;box-shadow:0 4px 16px #ff470f40}.btn-primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 24px #ff470f59}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary.launch{padding:14px 32px;font-size:1rem}.campaign-progress{display:flex;align-items:center;justify-content:center;gap:0;padding:28px 40px;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.04)}.progress-step{display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;padding:0 20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.progress-step:hover{transform:translateY(-2px)}.step-circle{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#f0f0f0,#e8e8e8);color:#9ca3af;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600;transition:all .2s;border:2px solid transparent}.progress-step.active .step-circle{background:#ff470f;color:#fff;border-color:#ff470f;box-shadow:0 0 0 4px #ff470f26}.progress-step.completed .step-circle{background:#10b981;color:#fff;border-color:#10b981}.step-text{font-size:.8rem;font-weight:500;color:#9ca3af;white-space:nowrap}.progress-step.active .step-text{color:#ff470f;font-weight:600}.progress-step.completed .step-text{color:#10b981}.step-connector{width:60px;height:2px;background:#e5e5e5;margin:0 -8px 24px}.progress-step.completed+.step-connector,.step-connector:has(+.progress-step.active),.step-connector:has(+.progress-step.completed){background:#10b981}.campaign-content{flex:1;padding:32px;max-width:900px;margin:0 auto;width:100%}.step-content{animation:slideUp .5s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.step-header{margin-bottom:40px}.step-header h2{font-size:2rem;font-weight:800;color:#1a1a1a;margin:0 0 12px;letter-spacing:-.03em;background:linear-gradient(135deg,#1a1a1a,#4a4a4a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.step-header p{font-size:1.1rem;color:#6b7280;margin:0;font-weight:500}.form-section{margin-bottom:32px}.form-label{display:block;font-size:.95rem;font-weight:700;color:#1a1a1a;margin-bottom:12px;letter-spacing:-.01em}.form-hint{font-size:.9rem;color:#9ca3af;margin:-6px 0 14px;font-weight:500}.form-input{width:100%;padding:16px 20px;border:2px solid transparent;border-radius:14px;font-size:1rem;color:#1a1a1a;background:linear-gradient(135deg,#f8f8f8,#f3f4f6);transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500}.form-input:hover{background:#fff;border-color:#00000014}.form-input:focus{outline:none;background:#fff;border-color:#ff470f;box-shadow:0 0 0 4px #ff470f1a}.form-input::placeholder{color:#9ca3af;font-weight:400}transition: all .2s; } .form-input:focus{outline:none;border-color:#ff470f;box-shadow:0 0 0 3px #ff470f1a}.form-input.small{width:100px;text-align:center}.objectives-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.objective-card{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#fff;border:2px solid #e5e5e5;border-radius:14px;cursor:pointer;transition:all .2s}.objective-card:hover{border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.objective-card.selected{border-color:var(--accent, #FF470F);background:linear-gradient(135deg,#ff470f05,#ff6b3505)}.objective-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.objective-content{flex:1}.objective-content h4{font-size:1rem;font-weight:600;color:#1a1a1a;margin:0 0 4px}.objective-content p{font-size:.85rem;color:#6b7280;margin:0;line-height:1.4}.objective-check{width:24px;height:24px;border-radius:50%;border:2px solid #e5e5e5;display:flex;align-items:center;justify-content:center;color:transparent;transition:all .2s}.objective-card.selected .objective-check{background:var(--accent, #FF470F);border-color:var(--accent, #FF470F);color:#fff}.selected-summary{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#ff470f0f;border-radius:10px;color:#ff470f;font-size:.9rem;font-weight:500;margin-top:20px}.agent-card{display:flex;align-items:center;gap:20px;padding:24px;background:#fff;border:2px solid #e5e5e5;border-radius:16px;transition:all .2s}.agent-card.active{border-color:#10b981;background:linear-gradient(135deg,#10b98108,#10b9810f)}.agent-card.loading{justify-content:center;flex-direction:column;padding:40px;color:#9ca3af;text-align:center;gap:12px}.agent-card.empty{flex-direction:column;padding:40px;text-align:center;gap:16px;background:#fafafa}.agent-card.empty h4{font-size:1rem;color:#1a1a1a;margin:0}.agent-card.empty p{font-size:.9rem;color:#6b7280;margin:0}.agent-card.empty .btn-primary.small{padding:10px 20px;font-size:.85rem}.loading-spinner{width:32px;height:32px;border:3px solid #e5e5e5;border-top-color:#ff470f;border-radius:50%;animation:spin .8s linear infinite}.agent-avatar{width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,#ff470f,#ff6b35);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.agent-info{flex:1}.agent-info h4{font-size:1.15rem;font-weight:600;color:#1a1a1a;margin:0 0 4px}.agent-info>p{font-size:.9rem;color:#6b7280;margin:0 0 12px}.agent-details{display:flex;flex-wrap:wrap;gap:8px}.detail-tag{display:flex;align-items:center;gap:6px;padding:5px 10px;background:#f3f4f6;border-radius:6px;font-size:.75rem;color:#6b7280;font-weight:500}.agent-status{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;background:#10b9811a;border-radius:10px;color:#10b981}.agent-status svg{width:20px;height:20px}.agent-status span{font-size:.75rem;font-weight:600;text-transform:uppercase}.channels-grid{display:flex;gap:16px}.channel-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:14px;padding:32px 24px;background:linear-gradient(135deg,#fff,#fafafa);border:2px solid transparent;border-radius:20px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;color:#6b7280;box-shadow:0 4px 16px #0000000a;overflow:hidden}.channel-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(255,71,15,.02) 100%);opacity:0;transition:opacity .4s ease}.channel-card:hover:not(.disabled){transform:translateY(-6px);box-shadow:0 16px 32px #0000001a;border-color:#ff470f33}.channel-card:hover:not(.disabled):before{opacity:1}.channel-card.selected{border-color:#ff470f;color:#ff470f;background:linear-gradient(135deg,#fff,#fff8f5);box-shadow:0 8px 32px #ff470f26}.channel-card.selected:before{opacity:1}.channel-card.disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.5)}.channel-card svg{font-size:2.5rem;transition:transform .4s cubic-bezier(.4,0,.2,1)}.channel-card:hover:not(.disabled) svg{transform:scale(1.15)}.channel-card span{font-weight:700;font-size:1rem;letter-spacing:-.01em}.coming-soon{position:absolute;top:12px;right:12px;font-size:.7rem;padding:4px 10px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:20px;color:#9ca3af;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.channel-check{position:absolute;top:12px;right:12px}.sub-channels-grid{display:flex;gap:12px;margin-top:8px}.sub-channel-card{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 20px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative;color:#6b7280}.sub-channel-card:hover{border-color:#ff470f;background:#fff8f5}.sub-channel-card.selected{border-color:#ff470f;color:#ff470f;background:linear-gradient(135deg,#fff,#fff8f5);box-shadow:0 4px 16px #ff470f26}.sub-channel-card span{font-weight:600;font-size:.9375rem}.sub-channel-card .channel-check{position:absolute;top:8px;right:8px;color:#ff470f}.form-description{color:#6b7280;font-size:.875rem;margin:4px 0 12px}.response-channel-badge{display:inline-flex;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#fff8f5,#fff);border:2px solid #FF470F;color:#ff470f;font-weight:600;font-size:.9rem;margin-bottom:20px;width:28px;height:28px;background:linear-gradient(135deg,#ff470f,#ff6b35);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #ff470f59;animation:checkPop .3s cubic-bezier(.4,0,.2,1)}.info-box{display:flex;gap:18px;padding:20px 24px;background:linear-gradient(135deg,#3b82f614,#3b82f60a);border-radius:16px;border-left:4px solid #3B82F6;margin-top:28px}.info-box svg{color:#3b82f6;flex-shrink:0;margin-top:2px;font-size:1.25rem}.info-box strong{display:block;font-size:1rem;color:#1a1a1a;margin-bottom:6px;font-weight:700}.info-box p{font-size:.9rem;color:#6b7280;margin:0;line-height:1.5}line-height: 1.5; } .message-editor{background:#fff;border:1px solid #e5e5e5;border-radius:14px;overflow:hidden}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e5e5;background:#fafafa}.editor-header .form-label{margin:0}.btn-generate{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:none;border-radius:8px;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-generate:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.btn-generate:disabled{opacity:.6;cursor:not-allowed}.message-textarea{width:100%;border:none;padding:20px;font-size:1rem;line-height:1.6;resize:vertical;min-height:150px;font-family:inherit}.message-textarea:focus{outline:none}.editor-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #e5e5e5;background:#fafafa}.char-count{font-size:.85rem;color:#6b7280}.char-count .warning{color:#f59e0b}.sms-count{margin-left:8px;color:#9ca3af}.variables-hint{font-size:.8rem;color:#9ca3af}.variables-hint code{background:#e5e7eb;padding:2px 6px;border-radius:4px;margin-left:6px;font-family:monospace}.message-preview{margin-top:36px}.preview-header{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:700;color:#6b7280;margin-bottom:20px;text-transform:uppercase;letter-spacing:.05em}.preview-header svg{color:#ff470f}.phone-mockup{width:320px;background:linear-gradient(180deg,#1a1a1a,#0a0a0a);border-radius:44px;padding:14px;box-shadow:0 25px 50px -12px #0006,inset 0 1px 1px #ffffff1a;position:relative;overflow:hidden}.phone-mockup:before{content:"";position:absolute;inset:2px;border-radius:42px;border:1px solid rgba(255,255,255,.1);pointer-events:none}.phone-notch{width:110px;height:28px;background:#000;border-radius:0 0 18px 18px;position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;justify-content:center;gap:6px}.phone-notch:before{content:"";width:8px;height:8px;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:50%}.phone-screen{background:linear-gradient(180deg,#fff,#f8f8f8);border-radius:32px;overflow:hidden}.phone-status{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 12px;background:#f9fafb;border-bottom:1px solid #e5e5e5}.phone-status span:first-child{font-weight:600;font-size:.9rem;color:#1a1a1a}.phone-status .time{font-size:.8rem;color:#6b7280}.phone-messages{padding:20px 16px;min-height:180px;background:#f3f4f6}.message-bubble{max-width:85%;padding:12px 16px;border-radius:18px;font-size:.85rem;line-height:1.5;word-wrap:break-word}.message-bubble.agent{background:linear-gradient(135deg,#ff470f,#ff6b35);color:#fff;border-bottom-left-radius:4px;box-shadow:0 2px 8px #ff470f33}.schedule-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.time-range{display:flex;align-items:center;gap:12px}.time-range span{color:#6b7280}.time-range .form-input{width:auto}.days-selector{display:flex;gap:10px}.day-btn{width:44px;height:44px;border-radius:10px;border:2px solid #e5e5e5;background:#fff;font-size:.9rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.day-btn:hover{border-color:#d1d5db}.day-btn.selected{background:#ff470f;border-color:#ff470f;color:#fff}.settings-grid{display:flex;flex-direction:column;gap:16px;background:#fff;border:1px solid #e5e5e5;border-radius:14px;padding:20px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.setting-item:last-child{padding-bottom:0;border-bottom:none}.setting-info span{font-size:.95rem;font-weight:500;color:#1a1a1a}.setting-info p{font-size:.8rem;color:#9ca3af;margin:2px 0 0}.toggle{position:relative;display:inline-block;width:48px;height:26px}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#e5e7eb;transition:.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0000001a}.toggle input:checked+.toggle-slider{background-color:#10b981}.toggle input:checked+.toggle-slider:before{transform:translate(22px)}.summary-card{background:#fff;border:none;border-radius:24px;overflow:hidden;box-shadow:0 8px 32px #00000014}.summary-section{padding:28px 32px;border-bottom:1px solid rgba(0,0,0,.05);transition:background .3s ease}.summary-section:hover{background:#fafafa}.summary-section:last-child{border-bottom:none}.summary-section h4{display:flex;align-items:center;gap:12px;font-size:.85rem;font-weight:800;color:#9ca3af;margin:0 0 20px;text-transform:uppercase;letter-spacing:.08em}.summary-section h4 svg{color:#ff470f;width:18px;height:18px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.summary-row span{color:#6b7280;font-size:1rem;font-weight:500}.summary-row strong{color:#1a1a1a;font-size:1.05rem;font-weight:700}.summary-tags{display:flex;gap:10px;flex-wrap:wrap}.summary-tags .tag{padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:700}.summary-message{background:linear-gradient(135deg,#f8f8f8,#f3f4f6);padding:20px;border-radius:14px;font-size:1rem;color:#4b5563;font-style:italic;line-height:1.7;border-left:4px solid #FF470F}.launch-info{display:flex;gap:20px;padding:24px 28px;background:linear-gradient(135deg,#ff470f14,#ff470f0a);border-radius:18px;margin-top:28px;border:1px solid rgba(255,71,15,.1)}.launch-info svg{color:#ff470f;flex-shrink:0;width:28px;height:28px}.launch-info strong{display:block;font-size:1.1rem;color:#1a1a1a;margin-bottom:6px;font-weight:700}.launch-info p{font-size:.9rem;color:#6b7280;margin:0;line-height:1.5}.campaign-navigation{display:flex;justify-content:space-between;padding:20px 32px;background:#fff;border-top:1px solid #e5e5e5;position:sticky;bottom:0}.leads-source-selector{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.source-btn{display:flex;align-items:center;gap:16px;padding:20px 24px;background:#fff;border:2px solid #e5e5e5;border-radius:14px;cursor:pointer;transition:all .2s;text-align:left}.source-btn:hover{border-color:#d1d5db}.source-btn.active{border-color:#ff470f;background:#ff470f08}.source-btn svg{color:#6b7280;flex-shrink:0}.source-btn.active svg{color:#ff470f}.source-btn div{display:flex;flex-direction:column}.source-btn span{font-size:.95rem;font-weight:600;color:#1a1a1a}.source-btn small{font-size:.8rem;color:#9ca3af;margin-top:2px}.csv-import-section{margin-bottom:24px}.csv-dropzone-large{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;background:#fff;border:2px dashed #e5e5e5;border-radius:16px;cursor:pointer;transition:all .2s;text-align:center}.csv-dropzone-large:hover{border-color:#ff470f;background:#ff470f05}.csv-dropzone-large svg{color:#9ca3af;margin-bottom:16px}.csv-dropzone-large h4{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0 0 4px}.csv-dropzone-large p{font-size:.9rem;color:#6b7280;margin:0 0 12px}.csv-dropzone-large .format-hint{font-size:.8rem;color:#9ca3af;padding:8px 16px;background:#f9fafb;border-radius:8px}.csv-preview-card{background:#fff;border:1px solid #e5e5e5;border-radius:16px;overflow:hidden}.csv-file-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fafafa;border-bottom:1px solid #e5e5e5}.file-info{display:flex;align-items:center;gap:12px}.file-info svg{color:#ff470f}.file-info strong{display:block;font-size:.95rem;color:#1a1a1a}.file-info span{font-size:.8rem;color:#6b7280}.btn-remove{width:32px;height:32px;border-radius:8px;border:none;background:#ef44441a;color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-remove:hover{background:#ef444433}.csv-table-wrapper{padding:16px;overflow-x:auto}.csv-table-wrapper table{width:100%;border-collapse:collapse;font-size:.85rem}.csv-table-wrapper th{text-align:left;padding:10px 12px;background:#f9fafb;color:#6b7280;font-weight:600;border-bottom:1px solid #e5e5e5}.csv-table-wrapper td{padding:10px 12px;border-bottom:1px solid #f3f4f6;color:#1a1a1a}.csv-preview-card .btn-primary{margin:16px;width:calc(100% - 32px);justify-content:center}.contacts-selection{background:#fff;border:none;border-radius:20px;overflow:hidden;box-shadow:0 4px 24px #0000000f}.loading-contacts,.no-contacts{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;background:linear-gradient(135deg,#fafafa,#f5f5f5)}.no-contacts svg{color:#d1d5db;margin-bottom:20px;font-size:3rem}.no-contacts h4{font-size:1.25rem;font-weight:700;color:#1a1a1a;margin:0 0 10px}.no-contacts p{font-size:1rem;color:#6b7280;margin:0 0 24px}.contacts-filters{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.06);gap:16px;background:linear-gradient(180deg,#fff,#fafafa)}.search-contacts{display:flex;align-items:center;gap:12px;flex:1;max-width:320px;padding:12px 18px;background:#fff;border-radius:12px;border:2px solid transparent;box-shadow:0 2px 8px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-contacts:focus-within{background:#fff;border-color:#ff470f;box-shadow:0 4px 16px #ff470f26}.search-contacts svg{color:#9ca3af}.search-contacts input{border:none;background:none;flex:1;font-size:.95rem;color:#1a1a1a;font-weight:500}.search-contacts input:focus{outline:none}.search-contacts input::placeholder{color:#9ca3af}.filter-buttons{display:flex;gap:10px}.filter-btn{padding:10px 18px;border:2px solid transparent;border-radius:10px;background:linear-gradient(135deg,#f8f8f8,#f0f0f0);font-size:.85rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-btn:hover{background:#fff;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,#ff470f,#ff6b35);border-color:transparent;color:#fff;box-shadow:0 4px 16px #ff470f59}.selection-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#fafafa;border-bottom:1px solid #e5e5e5}.select-all-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;border:none;background:transparent;font-size:.85rem;font-weight:500;color:#6b7280;cursor:pointer;border-radius:6px;transition:all .2s}.select-all-btn:hover{background:#f3f4f6;color:#1a1a1a}.select-all-btn svg{color:#ff470f}.selection-count{font-size:.85rem;color:#6b7280;font-weight:500}.contacts-list{max-height:450px;overflow-y:auto;padding:8px 0}.contacts-list::-webkit-scrollbar{width:6px}.contacts-list::-webkit-scrollbar-track{background:transparent}.contacts-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.contacts-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.contact-row{display:flex;align-items:center;gap:18px;padding:16px 24px;margin:4px 12px;border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border:2px solid transparent}.contact-row:hover{background:linear-gradient(135deg,#fafafa,#f5f5f5);transform:translate(4px)}.contact-row.selected{background:linear-gradient(135deg,#fff8f5,#fff2ed);border-color:#ff470f33}.contact-checkbox{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#d1d5db;transition:all .3s ease}.contact-row.selected .contact-checkbox{color:#ff470f;transform:scale(1.1)}.contact-avatar{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#ff470f,#ff6b35);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px #ff470f40}.contact-info{flex:1;min-width:0}.contact-name{display:block;font-size:1rem;font-weight:700;color:#1a1a1a;letter-spacing:-.01em}.contact-phone{display:block;font-size:.85rem;color:#9ca3af;margin-top:2px}.contact-company{font-size:.85rem;color:#6b7280;padding:6px 14px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:20px;font-weight:600}.contact-status{font-size:.8rem;font-weight:700;padding:6px 14px;border-radius:20px;text-transform:uppercase;letter-spacing:.03em}.contact-status.new{background:#3b82f61a;color:#3b82f6}.contact-status.contacted{background:#f59e0b1a;color:#f59e0b}.contact-status.qualified{background:#10b9811a;color:#10b981}.selected-summary.success{background:#10b98114;color:#10b981}@media(max-width:768px){.campaign-header{flex-direction:column;gap:16px;align-items:flex-start}.header-right{width:100%}.header-right button{flex:1}.campaign-progress{overflow-x:auto;justify-content:flex-start;padding:16px}.campaign-content{padding:20px}.objectives-grid,.schedule-grid{grid-template-columns:1fr}.channels-grid{flex-direction:column}.days-selector{flex-wrap:wrap}}.templates-section{margin-top:24px;padding:20px;background:#f9fafb;border-radius:12px;border:1px solid #e5e5e5}.templates-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:#374151}.templates-header svg{color:#ff470f}.templates-header span{font-weight:600;font-size:.95rem}.templates-header small{color:#9ca3af;font-size:.8rem;font-weight:400;margin-left:auto}.templates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.template-card{position:relative;padding:14px;background:#fff;border:1px solid #e5e5e5;border-radius:10px;cursor:pointer;transition:all .2s}.template-card:hover{border-color:#ff470f;box-shadow:0 4px 12px #ff470f1a;transform:translateY(-2px)}.template-card:hover .template-copy-icon{opacity:1}.template-title{display:block;font-weight:600;font-size:.85rem;color:#1a1a1a;margin-bottom:6px}.template-preview{font-size:.8rem;color:#6b7280;line-height:1.4;margin:0}.template-copy-icon{position:absolute;top:12px;right:12px;color:#ff470f;opacity:0;transition:opacity .2s}@media(max-width:900px){.templates-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.templates-grid{grid-template-columns:1fr}}.ab-test-toggle{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#f9fafb;border:1px solid #e5e5e5;border-radius:12px;margin-bottom:20px}.toggle-switch{position:relative;width:48px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .toggle-slider{position:absolute;cursor:pointer;inset:0;background:#d1d5db;border-radius:26px;transition:.3s}.toggle-switch .toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s;box-shadow:0 2px 4px #00000026}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#ff470f,#ff6b35)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-label{flex:1;display:flex;flex-direction:column;gap:2px}.toggle-label span{font-weight:600;font-size:.95rem;color:#1a1a1a}.toggle-label small{font-size:.8rem;color:#6b7280}.ab-badge{display:flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(135deg,#ff470f,#ff6b35);color:#fff;font-size:.75rem;font-weight:600;border-radius:20px}.message-tabs{display:flex;gap:8px;margin-bottom:16px}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:#fff;border:2px solid #e5e5e5;border-radius:12px;cursor:pointer;transition:all .2s;font-size:.9rem;font-weight:500;color:#6b7280}.tab-btn:hover{border-color:#d1d5db;background:#f9fafb}.tab-btn.active{border-color:#ff470f;background:#ff470f0d;color:#ff470f}.tab-letter{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#e5e5e5;border-radius:6px;font-weight:700;font-size:.8rem}.tab-btn.active .tab-letter{background:#ff470f;color:#fff}.tab-percent{font-size:.75rem;color:#9ca3af;margin-left:auto}.tab-btn.active .tab-percent{color:#ff470f}.ab-split-section{margin:20px 0;padding:20px;background:#f9fafb;border-radius:12px;border:1px solid #e5e5e5}.split-slider{margin-top:12px}.split-labels{display:flex;justify-content:space-between;font-size:.85rem;font-weight:600;color:#374151;margin-bottom:8px}.split-slider input[type=range]{width:100%;height:6px;background:#e5e5e5;border-radius:3px;outline:none;-webkit-appearance:none;margin-bottom:12px}.split-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#ff470f;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #ff470f4d}.split-bar{display:flex;height:32px;border-radius:8px;overflow:hidden}.split-a{background:linear-gradient(135deg,#ff470f,#ff6b35);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;transition:width .3s}.split-b{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;transition:width .3s}.split-hint{font-size:.8rem;color:#6b7280;margin-top:12px;text-align:center}.message-preview.ab-preview .preview-phones{display:grid;grid-template-columns:1fr 1fr;gap:20px}.preview-phones{display:flex;justify-content:center}.phone-label{display:block;text-align:center;font-size:.8rem;font-weight:600;color:#374151;margin-bottom:8px;padding:4px 12px;background:#f3f4f6;border-radius:6px}@media(max-width:768px){.message-preview.ab-preview .preview-phones{grid-template-columns:1fr}}.campaign-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:32px}.campaign-type-card{background:#fff;border:2px solid transparent;border-radius:24px;padding:32px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;display:flex;flex-direction:column;gap:20px;box-shadow:0 4px 20px #0000000a;overflow:hidden}.campaign-type-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,transparent);transition:all .4s ease}.campaign-type-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.campaign-type-card:hover:before{background:linear-gradient(90deg,#ff470f,#ff6b35)}.campaign-type-card.selected{border-color:#ff470f;background:linear-gradient(135deg,#fff,#fff8f5);box-shadow:0 12px 32px #ff470f26}.campaign-type-card.selected:before{background:linear-gradient(90deg,#ff470f,#ff6b35)}.type-icon{width:72px;height:72px;border-radius:20px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.type-icon:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,transparent 100%)}.type-icon.outbound{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 8px 24px #3b82f659}.type-icon.inbound{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 8px 24px #10b98159}.type-content h3{font-size:1.75rem;font-weight:800;color:#1a1a1a;margin:0 0 6px;letter-spacing:-.02em}.type-content p{font-size:.95rem;font-weight:700;margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em}.campaign-type-card:not(.selected) .type-content p{color:#9ca3af}.campaign-type-card.selected .type-content p{color:#ff470f}.type-description{font-size:1rem;color:#6b7280;line-height:1.6}.type-channels{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:16px;border-top:1px solid rgba(0,0,0,.05)}.channel-tag{padding:8px 16px;background:linear-gradient(135deg,#f8f8f8,#f0f0f0);border-radius:24px;font-size:.85rem;font-weight:600;color:#374151;transition:all .3s ease}.campaign-type-card:hover .channel-tag{background:linear-gradient(135deg,#f0f0f0,#e8e8e8)}.channel-tag.disabled{opacity:.4;text-decoration:line-through}.type-check{position:absolute;top:20px;right:20px;width:36px;height:36px;background:linear-gradient(135deg,#ff470f,#ff6b35);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 16px #ff470f59;animation:checkPop .3s cubic-bezier(.4,0,.2,1)}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.routing-card{background:#fff;border:2px solid #e5e7eb;border-radius:24px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 24px #0000000a}.routing-card.active{border-color:#10b981;box-shadow:0 8px 32px #10b98126}.routing-card-header{display:flex;align-items:center;gap:20px;padding:28px 32px;background:linear-gradient(135deg,#f8f9fa,#fff)}.routing-card.active .routing-card-header{background:linear-gradient(135deg,#ecfdf5,#f0fdf4)}.routing-icon{width:56px;height:56px;background:linear-gradient(135deg,#e5e7eb,#d1d5db);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .3s ease}.routing-card.active .routing-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 8px 24px #10b98159}.routing-info{flex:1}.routing-info h3{font-size:1.25rem;font-weight:700;color:#1a1a1a;margin:0 0 4px}.routing-info p{font-size:.95rem;color:#6b7280;margin:0}.switch{position:relative;display:inline-block;width:56px;height:30px}.switch.small{width:48px;height:26px}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;inset:0;background:linear-gradient(135deg,#e5e7eb,#d1d5db);transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:30px}.switch .slider:before{position:absolute;content:"";height:24px;width:24px;left:3px;bottom:3px;background:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 8px #00000026}.switch.small .slider:before{height:20px;width:20px}.switch input:checked+.slider{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.switch input:checked+.slider:before{transform:translate(26px)}.switch.small input:checked+.slider:before{transform:translate(22px)}.routing-card-body{padding:0 32px 32px;display:flex;flex-direction:column;gap:28px;animation:slideDown .4s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.threshold-section{background:linear-gradient(135deg,#f8f9fa,#f3f4f6);border-radius:20px;padding:28px}.threshold-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.threshold-icon{width:44px;height:44px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 16px #f59e0b4d}.threshold-header h4{font-size:1.1rem;font-weight:700;color:#1a1a1a;margin:0}.threshold-header p{font-size:.9rem;color:#6b7280;margin:4px 0 0}.threshold-control{display:flex;align-items:center;gap:24px;margin-bottom:20px}.threshold-bar{flex:1;position:relative;height:12px;background:linear-gradient(90deg,#10b981,#f59e0b,#ef4444);border-radius:6px;overflow:visible}.threshold-fill{position:absolute;top:0;left:0;height:100%;background:#ffffff80;border-radius:6px;transition:width .3s ease}.threshold-bar input[type=range]{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;z-index:10}.threshold-bar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;background:#fff;border:4px solid #FF470F;border-radius:50%;cursor:grab;box-shadow:0 4px 16px #0003;transition:all .2s ease}.threshold-bar input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 6px 20px #00000040}.threshold-bar input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.15)}.threshold-display{display:flex;align-items:baseline;min-width:80px;justify-content:center}.threshold-number{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#ff470f,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.threshold-percent{font-size:1.25rem;font-weight:700;color:#ff470f;margin-left:2px}.threshold-labels{display:flex;justify-content:space-between;padding:0 8px}.threshold-labels span{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:#9ca3af;transition:all .3s ease}.threshold-labels span.active{color:#1a1a1a;transform:scale(1.05)}.threshold-labels .dot{width:10px;height:10px;border-radius:50%}.threshold-labels .dot.low{background:#10b981}.threshold-labels .dot.medium{background:#f59e0b}.threshold-labels .dot.hot{background:#ef4444}.notification-section{border-top:1px solid #e5e7eb;padding-top:28px}.notification-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;overflow:hidden;transition:all .3s ease}.notification-card.active{border-color:#3b82f6;box-shadow:0 4px 20px #3b82f61f}.notification-header{display:flex;align-items:center;gap:16px;padding:20px 24px}.notification-icon{width:44px;height:44px;background:linear-gradient(135deg,#e5e7eb,#d1d5db);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .3s ease}.notification-card.active .notification-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 16px #3b82f64d}.notification-header h4{font-size:1rem;font-weight:700;color:#1a1a1a;margin:0}.notification-header>div{flex:1}.notification-header p{font-size:.85rem;color:#6b7280;margin:2px 0 0}.notification-body{padding:0 24px 24px;animation:slideDown .3s ease}.email-input-wrapper{display:flex;align-items:center;gap:14px;padding:16px 20px;background:linear-gradient(135deg,#f8f9fa,#f3f4f6);border:2px solid transparent;border-radius:14px;transition:all .3s ease}.email-input-wrapper:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.email-input-wrapper svg{color:#9ca3af;flex-shrink:0}.email-input-wrapper:focus-within svg{color:#3b82f6}.email-input-wrapper input{flex:1;border:none;background:transparent;font-size:1rem;color:#1a1a1a;font-weight:500}.email-input-wrapper input:focus{outline:none}.email-input-wrapper input::placeholder{color:#9ca3af}.email-hint{display:flex;align-items:center;gap:8px;margin:12px 0 0;font-size:.85rem;color:#6b7280}.email-hint svg{color:#f59e0b}.routing-preview{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:20px;padding:28px;margin-top:28px}.routing-preview h4{display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:700;color:#9ca3af;margin:0 0 24px;text-transform:uppercase;letter-spacing:.05em}.routing-preview h4 svg{color:#ff470f}.flow-steps{display:flex;align-items:center;justify-content:space-between;gap:12px}.flow-step{display:flex;flex-direction:column;align-items:center;gap:10px}.flow-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.flow-icon.incoming{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 16px #3b82f659}.flow-icon.ai{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;box-shadow:0 4px 16px #8b5cf659}.flow-icon.qualify{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 16px #f59e0b59}.flow-icon.human{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.flow-icon.human.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b98159;animation:pulse 2s infinite}.flow-icon.human.disabled{opacity:.5}.flow-step span{font-size:.8rem;font-weight:600;color:#9ca3af;text-align:center;white-space:nowrap}.flow-arrow{font-size:1.5rem;color:#4b5563;font-weight:300}.routing-toggle,.notification-toggle{margin-bottom:16px}.toggle-label{display:flex;align-items:center;gap:12px;cursor:pointer}.toggle-label input[type=checkbox]{width:24px;height:24px;accent-color:#FF470F}.toggle-text{font-size:1rem;color:#1a1a1a;font-weight:500}@media(max-width:768px){.routing-card-header{flex-wrap:wrap;gap:16px}.threshold-control{flex-direction:column;gap:16px}.threshold-display{order:-1}.flow-steps{flex-wrap:wrap;justify-content:center}.flow-arrow{display:none}}@media(max-width:768px){.campaign-type-grid{grid-template-columns:1fr}}.channel-config{display:flex;flex-direction:column;gap:28px}.config-card{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #86efac;border-radius:20px;padding:32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;position:relative;overflow:hidden}.config-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(16,185,129,.1) 0%,transparent 50%);pointer-events:none}.config-card.warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fcd34d}.config-card.warning:before{background:radial-gradient(circle,rgba(245,158,11,.1) 0%,transparent 50%)}.config-icon{width:64px;height:64px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #10b98159;position:relative;z-index:1}.config-icon.warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 24px #f59e0b59}.config-card h3{font-size:1.5rem;font-weight:800;color:#1a1a1a;margin:0;letter-spacing:-.02em}.config-card p{color:#6b7280;margin:0;font-size:1rem}.code-block{background:#0f172a;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0003}.code-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#1e293b;border-bottom:1px solid #334155}.code-header span{color:#94a3b8;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.btn-copy{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#ff470f,#ff6b35);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-copy:hover{transform:translateY(-2px);box-shadow:0 4px 16px #ff470f66}.code-content{padding:20px;margin:0;color:#10b981;font-family:JetBrains Mono,Fira Code,Monaco,Menlo,monospace;font-size:.9rem;line-height:1.8;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.code-content.small{font-size:.8rem;color:#64748b;line-height:1.6}.webhook-example{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000000a}.webhook-example h4{font-size:.95rem;font-weight:700;color:#374151;margin:0 0 16px;display:flex;align-items:center;gap:8px}.config-info{display:flex;align-items:center;gap:14px;padding:16px 20px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:12px;color:#1e40af;font-size:.95rem;font-weight:500}.integration-steps{display:flex;flex-direction:column;gap:20px;padding:28px;background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000a}.step-item{display:flex;align-items:flex-start;gap:20px}.step-number{width:40px;height:40px;background:linear-gradient(135deg,#ff470f,#ff6b35);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;flex-shrink:0;box-shadow:0 4px 12px #ff470f4d}.step-item .step-content h4{font-size:1.1rem;font-weight:700;color:#1a1a1a;margin:0 0 6px}.step-item .step-content p{font-size:.95rem;color:#6b7280;margin:0;line-height:1.5}.btn-connect{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:18px 28px;border:none;border-radius:14px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-connect.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff;box-shadow:0 8px 24px #e1306c59}.btn-connect.instagram:hover{transform:translateY(-4px);box-shadow:0 12px 32px #e1306c73}.btn-connect.messenger{background:linear-gradient(135deg,#00b2ff,#006aff);color:#fff;box-shadow:0 8px 24px #006aff59}.btn-connect.messenger:hover{transform:translateY(-4px);box-shadow:0 12px 32px #006aff73}.form-source-selector{margin-bottom:24px}.form-source-selector h4{font-size:.9rem;font-weight:600;color:#374151;margin:0 0 12px}.source-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.source-option{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:2px solid #E5E7EB;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.source-option:hover{border-color:#d1d5db;background:#f9fafb}.source-option.active{border-color:#ff470f;background:#ff470f0a}.source-option svg{color:#6b7280;flex-shrink:0}.source-option.active svg{color:#ff470f}.source-option div{display:flex;flex-direction:column;gap:2px}.source-option span{font-size:.9rem;font-weight:600;color:#1a1a1a}.source-option small{font-size:.75rem;color:#6b7280}.leadads-forms-list{display:flex;flex-direction:column;gap:8px;margin:16px 0}.leadads-form-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:1.5px solid #E5E7EB;border-radius:10px;cursor:pointer;transition:all .2s ease}.leadads-form-item:hover{border-color:#d1d5db;background:#fafafa}.leadads-form-item.selected{border-color:#ff470f;background:#ff470f0a}.leadads-form-item .form-radio{color:#d1d5db}.leadads-form-item.selected .form-radio{color:#ff470f}.leadads-form-item .form-info{display:flex;flex-direction:column;gap:2px}.leadads-form-item .form-name{font-size:.9rem;font-weight:600;color:#1a1a1a}.leadads-form-item .form-meta{font-size:.75rem;color:#6b7280}.loading-forms{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:#6b7280}.loading-forms svg{animation:spin 1s linear infinite}.config-card.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #F59E0B}.config-card.warning .config-icon{background:#f59e0b}.config-card.warning h3{color:#92400e}.config-card.warning p{color:#a16207}.config-card .btn-secondary{margin-top:12px;padding:10px 20px;background:#fff;border:1px solid #D1D5DB;border-radius:8px;font-size:.85rem;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease}.config-card .btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.config-info.success{background:#10b9811a;border:1px solid rgba(16,185,129,.2)}.config-info.success svg{color:#059669}.landing-page.patagon-style{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:#1a1a1a;overflow-x:hidden;line-height:1.6}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #f0f0f0}.nav-container{max-width:1200px;margin:0 auto;padding:16px 32px;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:1.15rem;color:#1a1a1a}.logo-icon{width:32px;height:32px;background:linear-gradient(135deg,#ff470f,#ff6b35);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.nav-links{display:flex;align-items:center;gap:36px}.nav-links a{text-decoration:none;color:#6b7280;font-size:.9rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:#1a1a1a}.nav-actions{display:flex;align-items:center;gap:16px}.btn-nav-text{color:#6b7280;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.btn-nav-text:hover{color:#1a1a1a}.btn-nav-primary{padding:10px 20px;background:#1a1a1a;border-radius:8px;color:#fff;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s}.btn-nav-primary:hover{background:#333}.mobile-menu-btn{display:none;background:none;border:none;padding:8px;cursor:pointer;color:#1a1a1a}.mobile-menu{display:none;flex-direction:column;padding:20px 32px;border-top:1px solid #f0f0f0;background:#fff}.mobile-menu a{padding:14px 0;color:#1a1a1a;text-decoration:none;font-weight:500;border-bottom:1px solid #f5f5f5}.mobile-menu-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}.hero-section{padding:160px 32px 80px;text-align:center;max-width:900px;margin:0 auto}.hero-eyebrow{display:inline-block;padding:8px 16px;background:#f5f5f5;border-radius:100px;color:#6b7280;font-size:.85rem;font-weight:500;margin-bottom:24px}.hero-section h1{font-size:3.5rem;font-weight:700;line-height:1.1;color:#0a0a0a;margin:0 0 24px;letter-spacing:-.03em}.hero-description{font-size:1.25rem;color:#6b7280;line-height:1.7;max-width:700px;margin:0 auto 32px}.hero-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px}.hero-badge{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fafafa;border:1px solid #e5e5e5;border-radius:100px;font-size:.85rem;font-weight:500;color:#4b5563}.hero-badge svg{color:#ff470f}.hero-actions{display:flex;justify-content:center;gap:16px}.btn-primary-large{padding:16px 32px;background:#1a1a1a;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s}.btn-primary-large:hover{background:#333;transform:translateY(-1px)}.btn-secondary-large{padding:16px 32px;background:#fff;border:1px solid #e5e5e5;border-radius:10px;color:#1a1a1a;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s}.btn-secondary-large:hover{background:#fafafa;border-color:#d1d5db}.success-section{padding:40px 32px 80px;background:#fafafa;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.success-container{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap}.success-card{display:flex;flex-direction:column;align-items:center;padding:24px 32px;background:#fff;border:1px solid #e5e5e5;border-radius:16px;min-width:200px}.success-company{font-size:.8rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.success-metric{font-size:2rem;font-weight:800;margin-bottom:4px}.success-label{font-size:.9rem;color:#6b7280;margin-bottom:12px}.success-link{font-size:.85rem;color:#ff470f;text-decoration:none;font-weight:500}.success-link:hover{text-decoration:underline}.more-cases-link{font-size:.9rem;color:#6b7280;text-decoration:none;font-weight:500;margin-left:auto}.more-cases-link:hover{color:#1a1a1a}.value-section{padding:100px 32px}.value-container{max-width:1200px;margin:0 auto}.value-header{text-align:center;margin-bottom:60px}.value-header h2{font-size:2.5rem;font-weight:700;color:#0a0a0a;letter-spacing:-.02em;line-height:1.2}.value-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.features-list{display:flex;flex-direction:column;gap:32px}.feature-item{display:flex;gap:20px;padding:24px;background:#fafafa;border-radius:16px;transition:all .2s}.feature-item:hover{background:#f5f5f5}.feature-icon{width:48px;height:48px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#ff470f;flex-shrink:0}.feature-content h3{font-size:1.05rem;font-weight:600;color:#0a0a0a;margin:0 0 8px}.feature-content p{font-size:.95rem;color:#6b7280;margin:0;line-height:1.6}.conversation-preview{background:#1a1a1a;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000026}.conversation-header{padding:16px 20px;border-bottom:1px solid #333}.conversation-title{display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:500;color:#9ca3af}.conversation-body{padding:20px;display:flex;flex-direction:column;gap:12px;max-height:450px;overflow-y:auto}.chat-bubble{max-width:85%;padding:12px 16px;border-radius:16px;font-size:.9rem;line-height:1.5}.chat-bubble.incoming{background:#2a2a2a;color:#e5e5e5;align-self:flex-start;border-bottom-left-radius:4px}.chat-bubble.outgoing{background:#ff470f;color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.system-message{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ff470f1a;border-radius:8px;font-size:.8rem;color:#ff470f;align-self:center}.system-time{color:#ff470fb3;font-weight:500}.conversation-footer{padding:16px 20px;border-top:1px solid #333;text-align:center}.demo-label{font-size:.8rem;color:#6b7280}.comparison-section{padding:80px 32px;background:#0a0a0a}.comparison-container{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.comparison-content h2{font-size:2rem;font-weight:700;color:#fff;margin:0 0 16px;letter-spacing:-.02em}.comparison-content p{font-size:1.1rem;color:#9ca3af;margin:0}.comparison-stats{display:flex;flex-direction:column;gap:20px}.stat-bar{display:grid;grid-template-columns:100px 1fr 60px;align-items:center;gap:16px}.stat-bar-label{font-size:.9rem;color:#9ca3af;font-weight:500}.stat-bar-track{height:8px;background:#2a2a2a;border-radius:4px;overflow:hidden}.stat-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.stat-bar-fill.form{background:#6b7280}.stat-bar-fill.sms{background:linear-gradient(90deg,#ff470f,#ff6b35)}.stat-bar-value{font-size:1.1rem;font-weight:700;color:#9ca3af;text-align:right}.stat-bar-value.highlight{color:#ff470f}.comparison-note{font-size:.85rem;color:#6b7280;margin:8px 0 0;grid-column:1 / -1}.dashboard-section{padding:100px 32px}.dashboard-container{max-width:1100px;margin:0 auto}.dashboard-header{text-align:center;margin-bottom:48px}.section-eyebrow{display:inline-block;padding:8px 16px;background:#ff470f14;border-radius:100px;color:#ff470f;font-size:.85rem;font-weight:600;margin-bottom:16px}.dashboard-header h2{font-size:2.25rem;font-weight:700;color:#0a0a0a;margin:0 0 16px;letter-spacing:-.02em}.dashboard-header p{font-size:1.1rem;color:#6b7280;max-width:650px;margin:0 auto}.dashboard-preview{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;margin-bottom:32px}.dashboard-card{background:#fafafa;border:1px solid #e5e5e5;border-radius:16px;padding:24px}.dashboard-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dashboard-card-header h4{font-size:1rem;font-weight:600;color:#0a0a0a;margin:0}.badge-live{padding:4px 10px;background:#def7ec;color:#059669;border-radius:100px;font-size:.75rem;font-weight:600}.dashboard-metrics{display:flex;flex-direction:column;gap:16px}.metric-row{display:grid;grid-template-columns:100px 1fr 50px;align-items:center;gap:12px}.metric-source{font-size:.85rem;color:#6b7280}.metric-bar-container{height:8px;background:#e5e5e5;border-radius:4px;overflow:hidden}.metric-bar{height:100%;border-radius:4px}.metric-value{font-size:.9rem;font-weight:600;color:#0a0a0a;text-align:right}.kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.kpi-item{text-align:center;padding:16px;background:#fff;border-radius:12px}.kpi-value{display:block;font-size:1.5rem;font-weight:700;color:#0a0a0a;margin-bottom:4px}.kpi-label{font-size:.8rem;color:#6b7280}.dashboard-features{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.dashboard-feature{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#4b5563}.dashboard-feature svg{color:#10b981}.data-section{padding:100px 32px;background:#fafafa}.data-container{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.data-content h2{font-size:2.25rem;font-weight:700;color:#0a0a0a;margin:16px 0;letter-spacing:-.02em}.data-content>p{font-size:1.1rem;color:#6b7280;margin:0 0 32px;line-height:1.7}.data-benefits{display:flex;flex-direction:column;gap:16px}.data-benefit{display:flex;align-items:center;gap:12px;font-size:.95rem;color:#4b5563}.data-benefit svg{color:#10b981;flex-shrink:0}.lead-card{background:#fff;border:1px solid #e5e5e5;border-radius:20px;padding:28px;box-shadow:0 10px 40px #0000000f}.lead-card-header{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid #f0f0f0;margin-bottom:20px}.lead-avatar{width:52px;height:52px;background:linear-gradient(135deg,#ff470f,#ff6b35);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.1rem}.lead-info h4{font-size:1.1rem;font-weight:600;color:#0a0a0a;margin:0 0 4px}.lead-info span{font-size:.9rem;color:#6b7280}.lead-score{margin-left:auto;text-align:center}.score-value{display:block;font-size:1.75rem;font-weight:800;color:#10b981}.score-label{font-size:.75rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.lead-card-body{display:flex;flex-direction:column;gap:16px}.lead-field{display:flex;justify-content:space-between;align-items:center}.field-label{font-size:.85rem;color:#9ca3af}.field-value{font-size:.9rem;font-weight:500;color:#0a0a0a}.field-value.status-qualified{padding:4px 12px;background:#def7ec;color:#059669;border-radius:100px;font-size:.8rem;font-weight:600}.howitworks-section{padding:100px 32px}.howitworks-container{max-width:1000px;margin:0 auto;text-align:center}.howitworks-container h2{font-size:2.25rem;font-weight:700;color:#0a0a0a;margin:16px 0 48px;letter-spacing:-.02em}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:48px}.step-card{padding:32px 24px;background:#fafafa;border:1px solid #e5e5e5;border-radius:20px;text-align:left}.step-number{font-size:.9rem;font-weight:700;color:#ff470f;margin-bottom:16px}.step-card h3{font-size:1.1rem;font-weight:600;color:#0a0a0a;margin:0 0 12px}.step-card p{font-size:.95rem;color:#6b7280;margin:0;line-height:1.6}.howitworks-cta{display:flex;justify-content:center;gap:16px}.faq-section{padding:100px 32px;background:#fafafa}.faq-container{max-width:800px;margin:0 auto;text-align:center}.faq-container h2{font-size:2.25rem;font-weight:700;color:#0a0a0a;margin:16px 0;letter-spacing:-.02em}.faq-subtitle{font-size:1.1rem;color:#6b7280;margin:0 0 48px}.faq-list{display:flex;flex-direction:column;gap:12px;text-align:left}.faq-item{background:#fff;border:1px solid #e5e5e5;border-radius:14px;overflow:hidden;cursor:pointer;transition:all .2s}.faq-item:hover{border-color:#d1d5db}.faq-item.open{border-color:#ff470f}.faq-question{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;font-weight:500;color:#0a0a0a}.faq-icon{color:#9ca3af;transition:transform .2s}.faq-item.open .faq-icon{transform:rotate(180deg);color:#ff470f}.faq-answer{padding:0 24px 20px;color:#6b7280;font-size:.95rem;line-height:1.7}.faq-contact{margin-top:48px}.faq-contact p{color:#6b7280;margin:0 0 12px}.btn-text-link{color:#ff470f;font-weight:600;text-decoration:none}.btn-text-link:hover{text-decoration:underline}.pricing-section{padding:100px 32px;background:#fff}.pricing-container{max-width:1100px;margin:0 auto;text-align:center}.pricing-container h2{font-size:2.25rem;font-weight:700;color:#0a0a0a;margin:16px 0 12px;letter-spacing:-.02em}.pricing-subtitle{font-size:1.1rem;color:#6b7280;margin:0 0 32px}.early-bird-banner{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 24px;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;margin-bottom:16px;color:#fff}.early-bird-icon{font-size:1.5rem}.early-bird-content{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.early-bird-title{font-weight:700;font-size:1rem}.early-bird-badge{padding:6px 14px;background:#fff3;border-radius:100px;font-size:.8rem;font-weight:600}.trial-banner{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;background:#fafafa;border:1px solid #e5e5e5;border-radius:12px;margin-bottom:40px;font-size:.95rem;color:#4b5563}.trial-banner svg{color:#ff470f}.trial-banner strong{color:#0a0a0a}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}.pricing-card{background:#fafafa;border:1px solid #e5e5e5;border-radius:24px;padding:32px 28px;text-align:left;position:relative;transition:all .3s}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.pricing-card.featured{background:#fff;border:2px solid #FF470F;box-shadow:0 8px 32px #ff470f26;transform:scale(1.02)}.pricing-card.featured:hover{transform:scale(1.02) translateY(-4px)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:6px 20px;background:linear-gradient(135deg,#ff470f,#ff6b35);border-radius:100px;color:#fff;font-size:.8rem;font-weight:600}.pricing-header{margin-bottom:24px}.pricing-header h3{font-size:1.5rem;font-weight:700;color:#0a0a0a;margin:0 0 8px}.pricing-desc{color:#6b7280;font-size:.9rem;margin:0}.pricing-price{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid #e5e5e5}.price-wrapper{display:flex;align-items:baseline;gap:8px}.price{font-size:2.5rem;font-weight:800;color:#0a0a0a}.price-note{display:block;margin-top:8px;font-size:.85rem;color:#9ca3af}.pricing-features{list-style:none;padding:0;margin:0 0 28px}.pricing-features li{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:.95rem;color:#4b5563;border-bottom:1px solid #f3f4f6}.pricing-features li:last-child{border-bottom:none}.pricing-features li svg{color:#10b981;flex-shrink:0}.btn-pricing{display:block;width:100%;padding:14px 24px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;color:#0a0a0a;font-size:.95rem;font-weight:600;text-decoration:none;text-align:center;transition:all .2s;cursor:pointer}.btn-pricing:hover{background:#f9fafb;border-color:#d1d5db}.btn-pricing.featured{background:linear-gradient(135deg,#ff470f,#ff6b35);border:none;color:#fff}.btn-pricing.featured:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff470f4d}.pricing-guarantee{color:#6b7280;font-size:.9rem;margin:0}.cta-section{padding:100px 32px;background:linear-gradient(135deg,#ff470f,#ff6b35);text-align:center}.cta-container{max-width:700px;margin:0 auto}.cta-container h2{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 32px;letter-spacing:-.02em}.cta-actions{display:flex;justify-content:center;gap:16px}.btn-cta-primary{padding:16px 32px;background:#fff;border-radius:10px;color:#ff470f;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s}.btn-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.btn-cta-secondary{padding:16px 32px;background:transparent;border:2px solid rgba(255,255,255,.4);border-radius:10px;color:#fff;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s}.btn-cta-secondary:hover{background:#ffffff1a;border-color:#fff}.landing-footer{background:#0a0a0a;color:#fff;padding:60px 32px 24px}.footer-container{max-width:1100px;margin:0 auto}.footer-main{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding-bottom:40px;border-bottom:1px solid #2a2a2a}.footer-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.15rem;margin-bottom:16px}.footer-brand p{color:#6b7280;font-size:.95rem;line-height:1.6;margin:0 0 20px}.footer-social{display:flex;gap:16px}.footer-social a{color:#6b7280;transition:color .2s}.footer-social a:hover{color:#fff}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.footer-column h4{color:#fff;font-size:.9rem;font-weight:600;margin:0 0 16px}.footer-column a{display:block;color:#6b7280;text-decoration:none;font-size:.9rem;padding:6px 0;transition:color .2s}.footer-column a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px}.footer-bottom p{color:#6b7280;font-size:.85rem;margin:0}.footer-legal{display:flex;gap:24px}.footer-legal a{color:#6b7280;font-size:.85rem;text-decoration:none;transition:color .2s}.footer-legal a:hover{color:#fff}@media(max-width:1024px){.hero-section h1{font-size:2.75rem}.value-grid{grid-template-columns:1fr;gap:40px}.conversation-preview{max-width:500px;margin:0 auto}.comparison-container{grid-template-columns:1fr;text-align:center}.dashboard-preview{grid-template-columns:1fr}.data-container{grid-template-columns:1fr;gap:40px}.data-visual{order:-1;max-width:400px;margin:0 auto}.footer-main{grid-template-columns:1fr}}@media(max-width:768px){.desktop-only{display:none}.mobile-menu-btn{display:block}.mobile-menu{display:flex}.hero-section{padding:120px 24px 60px}.hero-section h1{font-size:2rem}.hero-description{font-size:1.1rem}.hero-actions{flex-direction:column}.hero-badges{gap:8px}.hero-badge{padding:8px 12px;font-size:.8rem}.success-container{flex-direction:column}.success-card{width:100%;max-width:300px}.value-header h2,.dashboard-header h2,.data-content h2,.howitworks-container h2,.faq-container h2{font-size:1.75rem}.steps-grid{grid-template-columns:1fr}.howitworks-cta,.cta-actions{flex-direction:column}.footer-links{grid-template-columns:1fr;gap:24px}.footer-bottom{flex-direction:column;gap:16px;text-align:center}}.landing-outrank{--primary-gradient: var(--color-primary-gradient);--primary-color: var(--color-primary);--primary-light: var(--color-primary-light);--text-dark: var(--text-primary);--text-muted: var(--text-muted);--bg-light: var(--bg-app);--bg-white: var(--bg-card);--border-light: var(--border-default);--success-green: var(--color-success);--whatsapp-green: var(--color-whatsapp)}.landing-outrank{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-dark);background:var(--bg-white);overflow-x:hidden}.landing-outrank *{box-sizing:border-box}.section-container{max-width:1200px;margin:0 auto;padding:0 24px}.nav-outrank{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid transparent;transition:all .3s ease}.nav-outrank.scrolled{background:#fffffff2;border-bottom:1px solid var(--border-light);box-shadow:0 4px 20px #0000000d}.nav-container{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:20px;color:var(--text-dark)}.logo-icon-new{width:36px;height:36px;background:var(--primary-gradient);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.nav-links{display:flex;gap:32px}.nav-links a{color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text-dark)}.nav-actions{display:flex;align-items:center;gap:12px}.btn-nav-ghost{padding:10px 16px;color:var(--text-dark);text-decoration:none;font-size:14px;font-weight:500;border-radius:8px;transition:background .2s}.btn-nav-ghost:hover{background:var(--bg-light)}.btn-nav-cta{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary-gradient);color:#fff;text-decoration:none;font-size:14px;font-weight:600;border-radius:8px;transition:transform .2s,box-shadow .2s}.btn-nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff470f4d}.desktop-only{display:flex}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;color:var(--text-dark)}.mobile-menu-outrank{position:absolute;top:100%;left:0;right:0;background:#fff;padding:20px;border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:16px}.mobile-menu-outrank a{color:var(--text-dark);text-decoration:none;font-weight:500;padding:12px 0;border-bottom:1px solid var(--border-light)}.mobile-menu-cta{display:flex;gap:12px;padding-top:12px}.hero-outrank{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 24px 80px;overflow:hidden}.hero-bg-effects{position:absolute;inset:0;pointer-events:none}.hero-glow{position:absolute;top:-200px;left:50%;transform:translate(-50%);width:800px;height:600px;background:radial-gradient(ellipse,rgba(255,71,15,.15) 0%,transparent 70%);filter:blur(60px)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent);mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent)}.floating-cards-container{position:absolute;inset:0;max-width:1400px;margin:0 auto;pointer-events:none}.floating-card{position:absolute;background:#fff;border-radius:12px;padding:12px 16px;box-shadow:0 10px 40px #0000001a;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;animation:float 6s ease-in-out infinite;border:1px solid rgba(0,0,0,.05)}.floating-card-icon{color:var(--primary-color)}.floating-card-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.float-tl{top:15%;left:5%;animation-delay:0s}.float-tr{top:20%;right:8%;animation-delay:1s}.float-l{top:45%;left:3%;animation-delay:2s}.float-r{top:40%;right:5%;animation-delay:.5s}.float-bl{bottom:25%;left:8%;animation-delay:1.5s}.float-br{bottom:20%;right:10%;animation-delay:2.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.seo-score-card{flex-direction:column;align-items:center;padding:16px 20px}.floating-score-circle{position:relative;width:70px;height:70px}.floating-score-circle svg{transform:rotate(-90deg)}.floating-score-circle .score-bg{fill:none;stroke:#e2e8f0;stroke-width:8}.floating-score-circle .score-fill{fill:none;stroke:var(--success-green);stroke-width:8;stroke-linecap:round;stroke-dasharray:251;stroke-dashoffset:25}.floating-score-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:700;color:var(--success-green)}.floating-article-mini{display:flex;flex-direction:column;gap:4px}.article-mini-header{display:flex;align-items:center;gap:8px}.article-mini-day{font-size:24px;font-weight:700;color:var(--primary-color)}.article-mini-status{background:#10b9811a;color:var(--success-green);font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px}.article-mini-title{font-size:13px;font-weight:500}.article-mini-stats{font-size:11px;color:var(--text-muted)}.calendar-mini{display:flex;align-items:center;gap:8px;color:var(--text-dark)}.calendar-mini svg{color:var(--primary-color)}.hero-content-outrank{position:relative;z-index:10;text-align:center;max-width:800px}.hero-guarantee-badge{display:inline-flex;align-items:center;gap:8px;background:#10b9811a;color:var(--success-green);padding:8px 16px;border-radius:100px;font-size:13px;font-weight:500;margin-bottom:24px}.hero-guarantee-badge svg{color:var(--success-green)}.hero-content-outrank h1{font-size:clamp(40px,6vw,64px);font-weight:800;line-height:1.1;margin:0 0 24px;letter-spacing:-.02em}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{font-size:18px;color:var(--text-muted);line-height:1.6;margin-bottom:32px}.hero-cta-group{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:40px;flex-wrap:wrap}.btn-hero-primary{display:inline-flex;align-items:center;gap:10px;padding:16px 28px;background:var(--primary-gradient);color:#fff;text-decoration:none;font-size:16px;font-weight:600;border-radius:12px;transition:transform .2s,box-shadow .2s;border:none;cursor:pointer}.btn-hero-primary:hover{transform:translateY(-3px);box-shadow:0 12px 30px #ff470f59}.btn-hero-secondary{display:inline-flex;align-items:center;gap:10px;padding:16px 28px;background:#fff;color:var(--text-dark);text-decoration:none;font-size:16px;font-weight:600;border-radius:12px;border:1px solid var(--border-light);transition:all .2s}.btn-hero-secondary:hover{border-color:var(--primary-color);color:var(--primary-color)}.hero-proof{display:flex;align-items:center;justify-content:center;gap:16px}.hero-avatars{display:flex;align-items:center}.avatar-img{width:36px;height:36px;border-radius:50%;border:3px solid white;margin-left:-10px;object-fit:cover}.avatar-img:first-child{margin-left:0}.avatar-more{width:36px;height:36px;border-radius:50%;background:var(--bg-light);border:3px solid white;margin-left:-10px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--text-muted)}.hero-proof-text{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.stars{display:flex;gap:2px}.hero-proof-text span{font-size:14px;color:var(--text-muted)}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;animation:bounce 2s infinite}.scroll-text{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.scroll-arrow{color:var(--text-muted)}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}.hero-transition{margin-top:-60px;position:relative;z-index:5}.hero-transition svg{display:block;width:100%;height:120px}.social-proof-banner{background:var(--bg-light);padding:24px 0;border-bottom:1px solid var(--border-light)}.social-proof-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;padding:0 24px}.social-proof-item{display:flex;align-items:center;gap:12px}.social-proof-item svg{color:var(--primary-color)}.social-proof-item>div{display:flex;flex-direction:column}.social-proof-value{font-size:20px;font-weight:700;color:var(--text-dark)}.social-proof-label{font-size:12px;color:var(--text-muted)}.social-proof-divider{width:1px;height:40px;background:var(--border-light)}.trust-logos-section{padding:60px 0;background:#fff}.trust-logos-label{text-align:center;font-size:13px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:32px}.trust-logos-grid{display:flex;align-items:center;justify-content:center;gap:48px;flex-wrap:wrap}.trust-logo-item{opacity:.6;transition:opacity .3s}.trust-logo-item:hover{opacity:1}.trust-logo-item>div{font-size:20px;font-weight:700;color:var(--text-dark);display:flex;flex-direction:column;align-items:center}.mooly-y-icon{color:var(--primary-color)}.mooly-tagline{font-size:8px;font-weight:500;letter-spacing:1px;color:var(--text-muted)}.section-header-outrank{text-align:center;margin-bottom:60px}.section-tag{display:inline-block;background:#ff470f1a;color:var(--primary-color);padding:6px 14px;border-radius:100px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.section-header-outrank h2{font-size:clamp(32px,4vw,48px);font-weight:700;line-height:1.2;margin:0 0 16px}.section-header-outrank p{font-size:18px;color:var(--text-muted);max-width:600px;margin:0 auto}.problem-solution-section{padding:100px 0;background:var(--bg-light)}.problem-solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:stretch}.problems-column{display:flex;flex-direction:column;gap:16px}.problem-card{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#fff;border-radius:12px;border:1px solid var(--border-light)}.problem-avatar{width:44px;height:44px;min-width:44px;background:#ef44441a;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#ef4444}.problem-content p{margin:0;font-size:15px;line-height:1.6;color:var(--text-dark)}.problem-highlight{color:#ef4444;font-weight:600}.solution-column{display:flex;align-items:center}.solution-card{padding:32px;background:var(--primary-gradient);border-radius:20px;color:#fff;width:100%}.solution-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.solution-logo{width:48px;height:48px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center}.solution-header span{font-size:24px;font-weight:700}.solution-tagline{font-size:16px;opacity:.9;margin-bottom:20px}.solution-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.solution-features li{display:flex;align-items:center;gap:10px;font-size:15px}.solution-features svg{color:#ffffffe6}.expert-setup-section{padding:100px 0;background:#fff}.expert-setup-content{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}.expert-setup-text h2{font-size:clamp(32px,4vw,44px);font-weight:700;margin:16px 0 20px}.expert-setup-desc{font-size:17px;color:var(--text-muted);line-height:1.7;margin-bottom:32px}.expert-benefits{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.expert-benefit{display:flex;gap:16px}.expert-benefit-icon{width:50px;height:50px;min-width:50px;background:#ff470f1a;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--primary-color)}.expert-benefit-content h4{margin:0 0 4px;font-size:16px;font-weight:600}.expert-benefit-content p{margin:0;font-size:14px;color:var(--text-muted)}.expert-cta-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 28px;background:var(--primary-gradient);color:#fff;text-decoration:none;font-size:16px;font-weight:600;border-radius:12px;transition:transform .2s,box-shadow .2s;margin-bottom:16px}.expert-cta-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px #ff470f59}.expert-guarantee{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}.expert-guarantee svg{color:var(--success-green)}.expert-card-preview{position:relative;background:#fff;border-radius:20px;padding:28px;box-shadow:0 20px 60px #0000001a;border:1px solid var(--border-light)}.expert-card-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.expert-avatar-large{width:60px;height:60px;background:var(--primary-gradient);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff}.expert-card-info h4{margin:0 0 4px;font-size:18px;font-weight:600}.expert-card-info p{margin:0;font-size:14px;color:var(--text-muted)}.expert-card-features{display:flex;flex-direction:column;gap:12px}.expert-card-feature{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-dark)}.expert-card-feature svg{color:var(--success-green)}.expert-card-badge{position:absolute;top:-12px;right:20px;display:flex;align-items:center;gap:6px;background:var(--success-green);color:#fff;padding:8px 14px;border-radius:100px;font-size:13px;font-weight:600}.before-after-section{padding:100px 0;background:var(--bg-light)}.before-after-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:40px;align-items:stretch}.before-after-column{background:#fff;border-radius:20px;padding:32px;border:1px solid var(--border-light)}.before-column{border-color:#ef444433}.after-column{border-color:#10b98133}.before-after-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-light)}.before-after-header h3{margin:0;font-size:18px;font-weight:600}.before-icon{color:#ef4444}.after-icon{color:var(--success-green)}.before-after-content{display:flex;flex-direction:column;gap:16px}.before-after-item{display:flex;align-items:flex-start;gap:12px}.before-after-item svg{color:var(--text-muted);margin-top:2px}.before-after-item>div{display:flex;flex-direction:column}.before-after-item strong{font-size:15px;color:var(--text-dark)}.before-after-item span{font-size:13px;color:var(--text-muted)}.before-after-vs{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.vs-arrow{color:var(--primary-color)}.vs-text{font-size:14px;font-weight:700;color:var(--text-muted)}.before-after-cta{text-align:center;margin-top:48px}.how-it-works-visual{padding:100px 0;background:#fff}.how-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.how-card{background:var(--bg-light);border-radius:20px;padding:32px;text-align:center;transition:transform .3s,box-shadow .3s}.how-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000014}.how-card h3{font-size:18px;font-weight:600;margin:24px 0 12px}.how-card p{font-size:14px;color:var(--text-muted);line-height:1.6;margin:0}.how-card-visual{position:relative;height:180px;display:flex;align-items:center;justify-content:center}.how-input-demo{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 20px #00000014;text-align:left;width:100%}.how-label{font-size:12px;font-weight:500;color:var(--text-muted);margin-bottom:8px;display:block}.how-input-field{display:flex;align-items:center;gap:10px;padding:12px;background:var(--bg-light);border-radius:8px;font-size:14px;color:var(--text-dark);margin-bottom:12px}.how-input-field svg{color:var(--text-muted)}.how-analyze-btn{width:100%;padding:12px;background:var(--primary-gradient);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.how-cursor-icon{position:absolute;bottom:20px;right:30px;color:var(--primary-color)}.how-calendar-demo{background:#fff;border-radius:12px;padding:16px;box-shadow:0 4px 20px #00000014;text-align:left;width:100%}.calendar-header{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}.cal-day{font-size:32px;font-weight:700;color:var(--text-dark)}.cal-label{font-size:12px;color:var(--text-muted)}.calendar-article{padding:12px;background:var(--bg-light);border-radius:8px}.cal-status{display:inline-block;background:#10b9811a;color:var(--success-green);font-size:10px;font-weight:600;padding:4px 8px;border-radius:4px;margin-bottom:6px}.cal-title{display:block;font-size:13px;font-weight:500;color:var(--text-dark);margin-bottom:4px}.cal-stats{display:flex;gap:12px;font-size:11px;color:var(--text-muted)}.handwritten-note{position:absolute;display:flex;align-items:center;gap:8px;color:var(--primary-color);font-family:Caveat,cursive;font-size:16px}.handwritten-note.bottom-right{bottom:10px;right:10px}.handwritten-note.small{font-size:14px}.how-score-demo{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 20px #00000014;text-align:center}.score-title{font-size:12px;color:var(--text-muted);margin-bottom:12px;display:block}.score-circle{position:relative;width:100px;height:100px;margin:0 auto 12px}.score-circle svg{transform:rotate(-90deg)}.score-circle .score-bg{fill:none;stroke:#e2e8f0;stroke-width:10}.score-circle .score-fill{fill:none;stroke:var(--success-green);stroke-width:10;stroke-linecap:round;stroke-dasharray:251;stroke-dashoffset:28}.score-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:22px;font-weight:700;color:var(--success-green)}.score-meta{display:flex;justify-content:center;gap:16px;font-size:12px;color:var(--text-muted)}.how-cta-center{text-align:center;margin-top:48px}.benefits-screenshots{padding:100px 0;background:var(--bg-light)}.benefit-item-screenshot{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:center;margin-bottom:80px}.benefit-item-screenshot.reverse{grid-template-columns:1.3fr 1fr}.benefit-item-screenshot.reverse .benefit-content{order:2}.benefit-item-screenshot.reverse .screenshot-wrapper{order:1}.benefit-icon-large{width:60px;height:60px;background:var(--primary-gradient);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:20px}.benefit-content h3{font-size:28px;font-weight:700;margin:0 0 16px}.benefit-content p{font-size:16px;color:var(--text-muted);line-height:1.7;margin-bottom:24px}.benefit-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.benefit-features li{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--text-dark)}.benefit-features svg{color:var(--success-green)}.screenshot-wrapper{position:relative}.real-screenshot{border-radius:16px;overflow:hidden;box-shadow:0 25px 80px #00000026;border:1px solid var(--border-light)}.dashboard-screenshot-img{width:100%;height:auto;display:block;border-radius:16px}.dashboard-preview,.planner-preview,.content-preview{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0000001a;border:1px solid var(--border-light)}.preview-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-light);border-bottom:1px solid var(--border-light)}.preview-dots{display:flex;gap:6px}.preview-dots span{width:10px;height:10px;border-radius:50%;background:#e2e8f0}.preview-dots span:first-child{background:#ef4444}.preview-dots span:nth-child(2){background:#fbbf24}.preview-dots span:nth-child(3){background:#10b981}.preview-header>span{font-size:12px;color:var(--text-muted)}.preview-content{padding:24px}.preview-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.preview-kpi-card{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-light);border-radius:10px}.preview-kpi-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.preview-kpi-icon.green{background:var(--success-green)}.preview-kpi-icon.blue{background:#3b82f6}.preview-kpi-icon.purple{background:#8b5cf6}.preview-kpi-content{display:flex;flex-direction:column}.preview-kpi-value{font-size:20px;font-weight:700;color:var(--text-dark)}.preview-kpi-label{font-size:11px;color:var(--text-muted)}.preview-recent{padding-top:16px;border-top:1px solid var(--border-light)}.preview-articles{display:flex;flex-direction:column;gap:8px}.preview-article-item{display:flex;align-items:center;gap:10px;padding:10px;background:var(--bg-light);border-radius:8px;font-size:13px}.preview-article-item svg{color:var(--text-muted)}.preview-article-item span:nth-child(2){flex:1}.preview-status{font-size:10px;font-weight:600;padding:4px 8px;border-radius:4px}.preview-status.published{background:#10b9811a;color:var(--success-green)}.preview-status.scheduled{background:#3b82f61a;color:#3b82f6}.chat-preview-container{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto}.chat-bubble{max-width:80%;padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.5}.chat-bubble.incoming{background:var(--bg-light);color:var(--text-dark);align-self:flex-start;border-bottom-left-radius:4px}.chat-bubble.outgoing{background:var(--primary-gradient);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.chat-bubble p{margin:0}.chat-status{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;background:#10b9811a;border-radius:8px;font-size:12px;font-weight:500;color:var(--success-green)}.preview-form{margin-bottom:20px}.preview-form-group{margin-bottom:12px}.preview-form-group label{display:block;font-size:12px;font-weight:500;color:var(--text-muted);margin-bottom:6px}.preview-form-group input{width:100%;padding:12px;border:1px solid var(--border-light);border-radius:8px;font-size:14px;color:var(--text-dark)}.preview-generate-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:var(--primary-gradient);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.preview-article-result{background:var(--bg-light);border-radius:12px;padding:20px}.preview-article-result h3{font-size:16px;font-weight:600;margin:0 0 8px}.preview-article-meta{display:flex;gap:8px;font-size:12px;color:var(--text-muted);margin-bottom:12px}.preview-article-content{font-size:13px;color:var(--text-muted);line-height:1.6}.preview-article-content p{margin:0 0 8px}.preview-article-actions{margin-top:16px;display:flex;gap:12px}.preview-action-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;border:none;cursor:pointer}.preview-action-btn.primary{background:var(--primary-gradient);color:#fff}.cms-integration{padding:80px 0;background:#fff}.cms-platforms-row{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap}.cms-platform-mini{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative}.cms-platform-mini span{font-size:14px;font-weight:500;color:var(--text-dark)}.cms-platform-icon{width:60px;height:60px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff}.cms-platform-icon svg{width:24px;height:24px}.cms-platform-mini.coming{opacity:.6}.coming-badge{position:absolute;top:-8px;right:-20px;background:var(--primary-color);color:#fff;font-size:10px;font-weight:600;padding:4px 8px;border-radius:100px}.stats-outrank{padding:80px 0;background:var(--text-dark)}.stats-grid-outrank{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;text-align:center}.stat-outrank{display:flex;flex-direction:column;gap:8px}.stat-value-big{font-size:48px;font-weight:800;color:#fff}.stat-label{font-size:14px;color:#fff9}.testimonials-xl-section{padding:100px 0;background:var(--bg-light)}.testimonials-metrics-banner{display:flex;align-items:center;justify-content:center;gap:40px;padding:24px;background:#fff;border-radius:16px;margin-bottom:48px;flex-wrap:wrap}.metric-item{display:flex;flex-direction:column;align-items:center;text-align:center}.metric-value{font-size:28px;font-weight:700;color:var(--text-dark)}.metric-label{font-size:13px;color:var(--text-muted)}.metric-divider{width:1px;height:40px;background:var(--border-light)}.testimonials-featured-title,.testimonials-regular-title h3{display:flex;align-items:center;justify-content:center;gap:10px;font-size:20px;font-weight:600;margin-bottom:32px}.testimonials-featured-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:48px}.twitter-testimonials-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.twitter-card{background:#fff;border-radius:16px;padding:20px;border:1px solid var(--border-light);transition:transform .3s,box-shadow .3s}.twitter-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000014}.featured-testimonial{border:2px solid var(--primary-color)}.twitter-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.twitter-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;background:var(--bg-light);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:var(--text-muted)}.twitter-avatar-img{width:100%;height:100%;object-fit:cover}.twitter-user-info{flex:1}.twitter-name{display:flex;align-items:center;gap:6px;font-weight:600;font-size:14px}.verified-badge{color:#1da1f2}.twitter-handle{font-size:13px;color:var(--text-muted)}.twitter-logo{color:#1da1f2}.twitter-content{margin-bottom:16px}.twitter-content p{font-size:14px;line-height:1.6;color:var(--text-dark);margin:0}.twitter-metric-card{background:var(--bg-light);border-radius:10px;padding:14px;margin-bottom:16px}.twitter-metric-label{font-size:12px;color:var(--text-muted);margin-bottom:8px}.twitter-metric-values{display:flex;align-items:center;gap:12px}.metric-before{font-size:18px;font-weight:600;color:#ef4444;text-decoration:line-through;opacity:.7}.metric-arrow{color:var(--text-muted)}.metric-after{font-size:22px;font-weight:700;color:var(--success-green)}.twitter-screenshot{background:var(--bg-light);border-radius:10px;overflow:hidden;margin-bottom:16px}.twitter-screenshot-header{display:flex;align-items:center;gap:8px;padding:12px;background:#fff;border-bottom:1px solid var(--border-light);font-size:12px;font-weight:500;color:var(--text-dark)}.twitter-screenshot-metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.twitter-screenshot-metric{display:flex;flex-direction:column;align-items:center;text-align:center}.screenshot-metric-value{font-size:18px;font-weight:700;color:var(--text-dark)}.screenshot-metric-label{font-size:11px;color:var(--text-muted)}.twitter-screenshot-caption{padding:10px 16px;background:#fff;font-size:12px;color:var(--text-muted);text-align:center}.twitter-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border-light)}.twitter-date{font-size:12px;color:var(--text-muted)}.twitter-likes{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted)}.twitter-likes svg{color:#fbbf24}.why-us-section{padding:100px 0;background:#fff}.why-us-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.why-us-card{background:var(--bg-light);border-radius:16px;padding:28px;transition:transform .3s,box-shadow .3s}.why-us-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000014}.why-us-icon{width:54px;height:54px;background:var(--primary-gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:20px}.why-us-card h3{font-size:18px;font-weight:600;margin:0 0 12px}.why-us-card p{font-size:14px;color:var(--text-muted);line-height:1.6;margin:0}.risk-reversal-section{padding:100px 0;background:linear-gradient(135deg,#0f172a,#1e293b)}.risk-reversal-content{text-align:center}.risk-reversal-header{margin-bottom:48px}.risk-reversal-icon{color:var(--success-green);margin-bottom:20px}.risk-reversal-header h2{font-size:36px;font-weight:700;color:#fff;margin:0 0 12px}.risk-reversal-header p{font-size:18px;color:#ffffffb3}.risk-reversal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:48px}.risk-reversal-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:28px;text-align:center}.risk-reversal-icon-small{width:50px;height:50px;background:#10b98133;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--success-green);margin:0 auto 16px}.risk-reversal-item h3{font-size:16px;font-weight:600;color:#fff;margin:0 0 8px}.risk-reversal-item p{font-size:13px;color:#fff9;line-height:1.5;margin:0}.risk-reversal-cta{display:flex;flex-direction:column;align-items:center;gap:16px}.risk-reversal-note{display:flex;align-items:center;gap:8px;font-size:13px;color:#fff9}.risk-reversal-note svg{color:var(--success-green)}.pricing-outrank{padding:100px 0;background:var(--bg-light)}.pricing-banner-outrank{display:flex;align-items:center;justify-content:center;gap:12px;background:var(--primary-gradient);color:#fff;padding:16px 24px;border-radius:12px;margin-bottom:48px;flex-wrap:wrap;text-align:center}.pricing-urgency{background:#fff3;padding:4px 10px;border-radius:100px;font-size:12px;font-weight:600}.pricing-grid-outrank{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin:0 auto}.pricing-grid-outrank.four-cols{grid-template-columns:repeat(4,1fr);max-width:1200px;gap:20px}.pricing-card-outrank{background:#fff;border-radius:20px;padding:32px;border:1px solid var(--border-light);position:relative;transition:transform .3s,box-shadow .3s}.pricing-card-outrank:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.pricing-card-outrank.featured{border:2px solid var(--primary-color);transform:scale(1.05)}.pricing-card-outrank.featured:hover{transform:scale(1.05) translateY(-8px)}.pricing-popular{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--primary-gradient);color:#fff;padding:6px 16px;border-radius:100px;font-size:12px;font-weight:600;white-space:nowrap}.pricing-tier{font-size:14px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.pricing-price-outrank{margin-bottom:12px}.price-old{font-size:18px;color:var(--text-muted);text-decoration:line-through;margin-right:8px}.price-new{font-size:42px;font-weight:800;color:var(--text-dark)}.price-period{font-size:16px;color:var(--text-muted)}.pricing-desc-outrank{font-size:14px;color:var(--text-muted);margin-bottom:24px}.pricing-list-outrank{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:12px}.pricing-list-outrank li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-dark)}.pricing-list-outrank svg{color:var(--success-green);flex-shrink:0}.btn-pricing-outrank{display:block;width:100%;padding:14px;background:var(--bg-light);color:var(--text-dark);text-decoration:none;font-size:14px;font-weight:600;border-radius:10px;text-align:center;transition:all .2s;border:1px solid var(--border-light)}.btn-pricing-outrank:hover{background:var(--text-dark);color:#fff}.btn-pricing-outrank.featured{background:var(--primary-gradient);color:#fff;border:none}.btn-pricing-outrank.featured:hover{box-shadow:0 8px 20px #ff470f4d}.pricing-note-outrank{text-align:center;margin-top:32px;font-size:14px;color:var(--text-muted)}.cta-expert-section{padding:100px 0;background:#fff}.cta-expert-content{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}.cta-expert-left h2{font-size:clamp(32px,4vw,44px);font-weight:700;margin:16px 0 20px}.cta-expert-desc{font-size:17px;color:var(--text-muted);line-height:1.7;margin-bottom:32px}.cta-expert-benefits{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.cta-expert-benefit{display:flex;gap:16px}.cta-expert-benefit-icon{width:50px;height:50px;min-width:50px;background:#ff470f1a;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--primary-color)}.cta-expert-benefit-content h4{margin:0 0 4px;font-size:16px;font-weight:600}.cta-expert-benefit-content p{margin:0;font-size:14px;color:var(--text-muted)}.cta-expert-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 28px;background:var(--primary-gradient);color:#fff;text-decoration:none;font-size:16px;font-weight:600;border-radius:12px;transition:transform .2s,box-shadow .2s;margin-bottom:16px}.cta-expert-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px #ff470f59}.cta-expert-guarantee{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}.cta-guarantee-divider{color:var(--border-light)}.cta-expert-card{position:relative;background:#fff;border-radius:20px;padding:28px;box-shadow:0 20px 60px #0000001a;border:1px solid var(--border-light)}.cta-expert-card-badge{position:absolute;top:-12px;right:20px;display:flex;align-items:center;gap:6px;background:var(--success-green);color:#fff;padding:8px 14px;border-radius:100px;font-size:13px;font-weight:600}.cta-expert-card-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.cta-expert-avatar{width:60px;height:60px;background:var(--primary-gradient);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff}.cta-expert-card-info h4{margin:0 0 4px;font-size:18px;font-weight:600}.cta-expert-card-info p{margin:0;font-size:14px;color:var(--text-muted)}.cta-expert-card-features{display:flex;flex-direction:column;gap:12px}.cta-expert-card-feature{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-dark)}.cta-expert-card-feature svg{color:var(--success-green)}.footer-outrank{background:var(--text-dark);padding:60px 0 30px}.footer-container-outrank{max-width:1200px;margin:0 auto;padding:0 24px}.footer-top{display:grid;grid-template-columns:1.5fr 2fr;gap:60px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-logo-outrank{display:flex;align-items:center;gap:10px;margin-bottom:16px}.footer-logo-outrank .logo-icon-new{background:var(--primary-gradient)}.footer-logo-outrank span{font-size:20px;font-weight:700;color:#fff}.footer-brand-outrank p{font-size:14px;color:#fff9;line-height:1.6;margin-bottom:20px}.footer-social-outrank{display:flex;gap:12px}.footer-social-outrank a{width:40px;height:40px;background:#ffffff1a;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s}.footer-social-outrank a:hover{background:var(--primary-color)}.footer-links-outrank{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.footer-col h4{font-size:14px;font-weight:600;color:#fff;margin:0 0 16px}.footer-col a{display:block;font-size:14px;color:#fff9;text-decoration:none;padding:6px 0;transition:color .2s}.footer-col a:hover{color:#fff}.footer-bottom-outrank{padding-top:24px;text-align:center}.footer-bottom-outrank p{font-size:13px;color:#fff6;margin:0}.floating-cta{position:fixed;bottom:-100px;left:0;right:0;background:#fff;box-shadow:0 -4px 30px #0000001a;z-index:999;transition:bottom .3s ease;border-top:1px solid var(--border-light)}.floating-cta.visible{bottom:0}.floating-cta-content{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.floating-cta-text{display:flex;flex-direction:column}.floating-cta-title{font-size:16px;font-weight:600;color:var(--text-dark)}.floating-cta-subtitle{font-size:13px;color:var(--text-muted)}.floating-cta-buttons{display:flex;gap:12px}.floating-cta-primary{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--primary-gradient);color:#fff;text-decoration:none;font-size:14px;font-weight:600;border-radius:8px}.floating-cta-secondary{padding:12px 20px;color:var(--text-dark);text-decoration:none;font-size:14px;font-weight:500;border:1px solid var(--border-light);border-radius:8px}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.animate-on-scroll.animate-in{opacity:1;transform:translateY(0)}@media(max-width:1024px){.floating-cards-container{display:none}.problem-solution-grid,.expert-setup-content,.cta-expert-content{grid-template-columns:1fr}.expert-setup-visual,.cta-expert-right{display:none}.before-after-grid{grid-template-columns:1fr;gap:20px}.before-after-vs{flex-direction:row;padding:16px 0}.vs-arrow{transform:rotate(90deg)}.how-cards-grid,.benefit-item-screenshot,.benefit-item-screenshot.reverse{grid-template-columns:1fr}.benefit-item-screenshot.reverse .benefit-content,.benefit-item-screenshot.reverse .screenshot-wrapper{order:unset}.stats-grid-outrank{grid-template-columns:repeat(2,1fr)}.testimonials-featured-grid,.twitter-testimonials-grid{grid-template-columns:1fr}.why-us-grid,.risk-reversal-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid-outrank{grid-template-columns:1fr;max-width:400px}.pricing-grid-outrank.four-cols{grid-template-columns:repeat(2,1fr);max-width:700px}.pricing-card-outrank.featured{transform:none}.footer-top{grid-template-columns:1fr;gap:40px}.footer-links-outrank{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.desktop-only{display:none}.mobile-menu-btn{display:block}.hero-outrank{padding:100px 20px 60px;min-height:auto}.hero-cta-group{flex-direction:column}.btn-hero-primary,.btn-hero-secondary{width:100%;justify-content:center}.social-proof-content{gap:20px}.social-proof-divider{display:none}.preview-kpis,.why-us-grid,.risk-reversal-grid{grid-template-columns:1fr}.cms-platforms-row{gap:24px}.footer-links-outrank{grid-template-columns:1fr 1fr}.pricing-grid-outrank.four-cols{grid-template-columns:1fr;max-width:400px}.floating-cta-content{flex-direction:column;text-align:center}.floating-cta-buttons{width:100%;flex-direction:column}.floating-cta-primary,.floating-cta-secondary{justify-content:center}}@media(max-width:480px){.hero-content-outrank h1{font-size:32px}.section-header-outrank h2{font-size:28px}.stats-grid-outrank{grid-template-columns:1fr 1fr;gap:20px}.stat-value-big{font-size:36px}.testimonials-metrics-banner{flex-direction:column;gap:16px}.metric-divider{display:none}}.integrations-section{padding:100px 0;background:var(--bg-light)}.integrations-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.integrations-visual{display:flex;justify-content:center;align-items:center}.integrations-orbit{position:relative;width:380px;height:380px}.orbit-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;display:flex;align-items:center;justify-content:center;z-index:2}.code-icon{font-family:monospace;font-size:28px;font-weight:700;color:var(--text-dark)}.smart-caller-icon{color:var(--primary-color)}.orbit-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;height:280px;border:1px solid #E5E7EB;border-radius:50%}.orbit-item{position:absolute;width:56px;height:56px;background:#fff;border-radius:14px;box-shadow:0 4px 15px #0000001a;display:flex;align-items:center;justify-content:center;overflow:hidden}.orbit-item img{width:32px;height:32px;object-fit:contain}.orbit-instagram{top:50%;left:0;transform:translate(-50%,-50%)}.orbit-whatsapp{top:10%;left:50%;transform:translate(-50%,-50%);background:#25d366}.orbit-calendly{top:50%;right:0;transform:translate(50%,-50%);background:#e8f4ff}.orbit-zapier{bottom:15%;left:15%;transform:translate(-50%,50%);background:#fff4ed}.orbit-make{bottom:15%;right:15%;transform:translate(50%,50%);background:#f3eeff}.integrations-text h2{font-size:42px;font-weight:800;line-height:1.2;margin-bottom:20px;color:var(--text-dark)}.integrations-subtitle{font-size:18px;color:var(--text-muted);line-height:1.6;margin-bottom:40px}.integrations-features{display:flex;flex-direction:column;gap:24px;margin-bottom:40px}.integration-feature{display:flex;gap:16px;align-items:flex-start}.feature-check{color:#10b981;flex-shrink:0;margin-top:4px}.integration-feature strong{display:block;font-size:16px;font-weight:600;color:var(--text-dark);margin-bottom:6px}.integration-feature p{font-size:14px;color:var(--text-muted);line-height:1.6;margin:0}.btn-cta-yellow{display:inline-flex;align-items:center;gap:8px;background:#fbbf24;color:var(--text-dark);font-weight:600;padding:14px 28px;border-radius:50px;text-decoration:none;transition:all .3s ease;font-size:16px}.btn-cta-yellow:hover{background:#f59e0b;transform:translateY(-2px);box-shadow:0 8px 20px #fbbf244d}.roi-calculator-section{padding:100px 0;background:var(--bg-light)}.roi-title{text-align:center;font-size:48px;font-weight:800;margin-bottom:60px;color:var(--text-dark)}.roi-title em{font-style:italic}.roi-calculator{max-width:1000px;margin:0 auto}.roi-inputs-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}.roi-input-card{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:24px}.roi-input-card label{display:block;font-size:14px;color:var(--text-muted);margin-bottom:12px}.roi-input-card input{width:100%;font-size:28px;font-weight:700;color:var(--text-dark);border:none;outline:none;background:transparent}.roi-results-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}.roi-result-card{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:32px;text-align:center}.roi-result-label{display:block;font-size:14px;color:var(--text-muted);margin-bottom:12px}.roi-result-value{display:block;font-size:42px;font-weight:800;color:var(--text-dark);margin-bottom:8px}.roi-result-sub{display:block;font-size:14px;color:var(--text-muted)}.roi-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px}.roi-comparison-card{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:32px}.roi-comparison-card.ai{border:2px solid #FBBF24}.roi-comparison-card h4{font-size:18px;font-weight:700;color:var(--text-dark);margin-bottom:24px}.roi-stat-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #F3F4F6}.roi-stat-row:last-child{border-bottom:none}.roi-stat-row>span:first-child{font-size:14px;color:var(--text-muted)}.roi-progress-container{flex:1;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.roi-progress-bar{height:100%;border-radius:4px;transition:width .3s ease}.roi-stat-value{font-size:16px;font-weight:700;color:var(--text-dark);min-width:60px;text-align:right}.roi-cta-section{text-align:center;background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:48px}.roi-cta-section h3{font-size:28px;font-weight:700;color:var(--text-dark);margin-bottom:12px}.roi-cta-section p{font-size:16px;color:var(--text-muted);margin-bottom:24px}@media(max-width:900px){.integrations-content{grid-template-columns:1fr;gap:48px}.integrations-visual{order:-1}.integrations-orbit{width:300px;height:300px}.orbit-ring{width:220px;height:220px}.integrations-text h2{font-size:32px}}@media(max-width:768px){.roi-inputs-row,.roi-results-row,.roi-comparison{grid-template-columns:1fr}.roi-title,.roi-result-value{font-size:32px}.roi-cta-section{padding:32px 20px}.roi-cta-section h3{font-size:22px}}.landing-page.seo-style{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:#1a1a1a;overflow-x:hidden;line-height:1.6}.landing-page.seo-style .landing-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #f0f0f0}.landing-page.seo-style .nav-container{max-width:1200px;margin:0 auto;padding:16px 32px;display:flex;align-items:center;justify-content:space-between}.landing-page.seo-style .nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:1.15rem;color:#1a1a1a}.landing-page.seo-style .logo-icon{width:32px;height:32px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.landing-page.seo-style .logo-icon.seo{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.landing-page.seo-style .nav-links{display:flex;align-items:center;gap:36px}.landing-page.seo-style .nav-links a{text-decoration:none;color:#6b7280;font-size:.9rem;font-weight:500;transition:color .2s}.landing-page.seo-style .nav-links a:hover{color:#1a1a1a}.landing-page.seo-style .nav-actions{display:flex;align-items:center;gap:16px}.landing-page.seo-style .btn-nav-text{color:#6b7280;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.landing-page.seo-style .btn-nav-text:hover{color:#1a1a1a}.landing-page.seo-style .btn-nav-primary{padding:10px 20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;color:#fff;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s}.landing-page.seo-style .btn-nav-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.landing-page.seo-style .mobile-menu-btn{display:none;background:none;border:none;padding:8px;cursor:pointer;color:#1a1a1a}.landing-page.seo-style .desktop-only{display:flex}.landing-page.seo-style .mobile-menu{display:none;flex-direction:column;padding:20px 32px;border-top:1px solid #f0f0f0;background:#fff}.landing-page.seo-style .mobile-menu a{padding:14px 0;color:#1a1a1a;text-decoration:none;font-weight:500;border-bottom:1px solid #f5f5f5}.landing-page.seo-style .mobile-menu-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}.landing-page.seo-style .hero-section{padding:160px 32px 80px;text-align:center;max-width:900px;margin:0 auto}.landing-page.seo-style .hero-eyebrow{display:inline-block;padding:10px 20px;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid rgba(99,102,241,.2);border-radius:100px;color:#6366f1;font-size:.9rem;font-weight:600;margin-bottom:24px}.landing-page.seo-style .hero-section h1{font-size:3.5rem;font-weight:800;line-height:1.1;color:#0a0a0a;margin:0 0 24px;letter-spacing:-.03em}.landing-page.seo-style .hero-description{font-size:1.25rem;color:#6b7280;line-height:1.7;max-width:700px;margin:0 auto 32px}.landing-page.seo-style .hero-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px}.landing-page.seo-style .hero-badge{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fafafa;border:1px solid #e5e5e5;border-radius:100px;font-size:.85rem;font-weight:500;color:#4b5563}.landing-page.seo-style .hero-badge svg{color:#6366f1}.landing-page.seo-style .hero-actions{display:flex;justify-content:center;gap:16px}.landing-page.seo-style .btn-primary-large{padding:16px 32px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;color:#fff;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s}.landing-page.seo-style .btn-primary-large:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f159}.landing-page.seo-style .btn-secondary-large{padding:16px 32px;background:#fff;border:1px solid #e5e5e5;border-radius:10px;color:#1a1a1a;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s}.landing-page.seo-style .btn-secondary-large:hover{background:#fafafa;border-color:#d1d5db}.landing-page.seo-style .success-section{padding:40px 32px 80px;background:#fafafa;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.landing-page.seo-style .success-container{max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap}.landing-page.seo-style .success-card{display:flex;flex-direction:column;align-items:center;padding:24px 40px;background:#fff;border:1px solid #e5e5e5;border-radius:16px;min-width:180px}.landing-page.seo-style .success-company{font-size:.8rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.landing-page.seo-style .success-metric{font-size:2.25rem;font-weight:800;margin-bottom:4px}.landing-page.seo-style .success-label{font-size:.9rem;color:#6b7280}.landing-page.seo-style .value-section{padding:100px 32px}.landing-page.seo-style .value-container{max-width:1100px;margin:0 auto}.landing-page.seo-style .value-header{text-align:center;margin-bottom:60px}.landing-page.seo-style .section-eyebrow{display:inline-block;padding:8px 16px;background:#6366f114;border-radius:100px;color:#6366f1;font-size:.85rem;font-weight:600;margin-bottom:16px}.landing-page.seo-style .value-header h2{font-size:2.5rem;font-weight:700;color:#0a0a0a;letter-spacing:-.02em;line-height:1.2}.landing-page.seo-style .features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.landing-page.seo-style .feature-card{padding:32px;background:#fafafa;border:1px solid #e5e5e5;border-radius:20px;transition:all .2s}.landing-page.seo-style .feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014;border-color:#d1d5db}.landing-page.seo-style .feature-icon{width:52px;height:52px;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#6366f1;margin-bottom:20px}.landing-page.seo-style .feature-card h3{font-size:1.15rem;font-weight:600;color:#0a0a0a;margin:0 0 12px}.landing-page.seo-style .feature-card p{font-size:.95rem;color:#6b7280;margin:0;line-height:1.6}.landing-page.seo-style .screenshot-section{padding:100px 32px}.landing-page.seo-style .screenshot-section:nth-child(2n){background:#fafafa}.landing-page.seo-style .screenshot-container{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}.landing-page.seo-style .screenshot-section.reverse .screenshot-container{grid-template-columns:1.2fr 1fr}.landing-page.seo-style .screenshot-section.reverse .screenshot-content{order:2}.landing-page.seo-style .screenshot-content h2{font-size:2rem;font-weight:700;color:#0a0a0a;margin:16px 0;letter-spacing:-.02em}.landing-page.seo-style .screenshot-content>p{font-size:1.05rem;color:#6b7280;margin:0 0 28px;line-height:1.7}.landing-page.seo-style .feature-list{display:flex;flex-direction:column;gap:14px}.landing-page.seo-style .feature-check{display:flex;align-items:center;gap:12px;font-size:.95rem;color:#4b5563}.landing-page.seo-style .feature-check svg{color:#10b981;flex-shrink:0}.landing-page.seo-style .screenshot-placeholder{background:#1a1a1a;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px #0003}.landing-page.seo-style .placeholder-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#252525;border-bottom:1px solid #333;font-size:.9rem;color:#9ca3af}.landing-page.seo-style .placeholder-tabs{display:flex;gap:12px}.landing-page.seo-style .placeholder-tabs span{padding:6px 12px;border-radius:6px;font-size:.8rem;color:#6b7280}.landing-page.seo-style .placeholder-tabs span.active{background:#6366f1;color:#fff}.landing-page.seo-style .live-badge{padding:4px 10px;background:#10b981;color:#fff;border-radius:100px;font-size:.75rem;font-weight:600}.landing-page.seo-style .calendar-preview{display:flex;gap:8px;padding:20px}.landing-page.seo-style .calendar-day{flex:1;display:flex;flex-direction:column;gap:8px}.landing-page.seo-style .day-label{font-size:.75rem;color:#6b7280;text-align:center}.landing-page.seo-style .calendar-item{padding:12px 8px;border-radius:8px;font-size:.75rem;text-align:center;color:#fff}.landing-page.seo-style .calendar-item.green{background:linear-gradient(135deg,#10b981,#059669)}.landing-page.seo-style .calendar-item.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.landing-page.seo-style .calendar-item.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.landing-page.seo-style .calendar-item.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.landing-page.seo-style .calendar-item.empty{background:#2a2a2a;border:1px dashed #444;color:#6b7280}.landing-page.seo-style .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:20px}.landing-page.seo-style .stat-box{background:#252525;border-radius:12px;padding:16px;text-align:center}.landing-page.seo-style .stat-number{display:block;font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:4px}.landing-page.seo-style .stat-label{font-size:.75rem;color:#9ca3af}.landing-page.seo-style .chart-placeholder{display:flex;align-items:flex-end;justify-content:space-around;padding:20px;height:120px}.landing-page.seo-style .chart-bar{width:24px;background:#333;border-radius:4px 4px 0 0;transition:all .3s}.landing-page.seo-style .chart-bar.active{background:linear-gradient(180deg,#6366f1,#8b5cf6)}.landing-page.seo-style .editor-actions{display:flex;gap:8px}.landing-page.seo-style .btn-small{padding:6px 12px;background:#333;border-radius:6px;font-size:.75rem;color:#9ca3af}.landing-page.seo-style .btn-small.primary{background:#6366f1;color:#fff}.landing-page.seo-style .editor-preview{padding:20px}.landing-page.seo-style .editor-meta{display:flex;gap:8px;margin-bottom:16px;font-size:.8rem}.landing-page.seo-style .meta-label{color:#6b7280}.landing-page.seo-style .meta-value{color:#6366f1;font-weight:500}.landing-page.seo-style .editor-title{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:16px;display:flex;align-items:center;gap:10px}.landing-page.seo-style .tag{padding:2px 8px;background:#6366f1;border-radius:4px;font-size:.7rem;font-weight:600}.landing-page.seo-style .editor-content{display:flex;flex-direction:column;gap:10px}.landing-page.seo-style .content-line{height:10px;background:#333;border-radius:4px}.landing-page.seo-style .content-line.short{width:70%}.landing-page.seo-style .editor-h2{font-size:.9rem;font-weight:500;color:#d1d5db;margin:8px 0;display:flex;align-items:center;gap:8px}.landing-page.seo-style .seo-score{display:flex;align-items:center;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #333}.landing-page.seo-style .score-circle{width:48px;height:48px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#fff}.landing-page.seo-style .seo-score span{color:#9ca3af;font-size:.85rem}.landing-page.seo-style .cms-section{padding:100px 32px;background:linear-gradient(180deg,#0a0a0a,#1a1a1a)}.landing-page.seo-style .cms-container{max-width:1000px;margin:0 auto;text-align:center}.landing-page.seo-style .cms-header{margin-bottom:48px}.landing-page.seo-style .cms-header .section-eyebrow{background:#6366f126;color:#818cf8}.landing-page.seo-style .cms-header h2{font-size:2.25rem;font-weight:700;color:#fff;margin:16px 0}.landing-page.seo-style .cms-header p{font-size:1.1rem;color:#9ca3af}.landing-page.seo-style .cms-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:48px}.landing-page.seo-style .cms-card{background:#1f1f1f;border:1px solid #333;border-radius:16px;padding:28px 20px;position:relative;transition:all .2s}.landing-page.seo-style .cms-card:hover{transform:translateY(-4px);border-color:#6366f1}.landing-page.seo-style .cms-card.popular{border-color:#6366f1;background:linear-gradient(180deg,#6366f11a,#1f1f1f)}.landing-page.seo-style .cms-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:4px 12px;background:#6366f1;border-radius:100px;font-size:.7rem;font-weight:600;color:#fff}.landing-page.seo-style .cms-logo{font-size:2.5rem;margin-bottom:12px}.landing-page.seo-style .cms-card h4{font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 16px}.landing-page.seo-style .cms-features{display:flex;flex-direction:column;gap:8px}.landing-page.seo-style .cms-features span{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.8rem;color:#9ca3af}.landing-page.seo-style .cms-features svg{color:#10b981}.landing-page.seo-style .cms-workflow{display:flex;align-items:center;justify-content:center;gap:20px;padding:32px;background:#1f1f1f;border-radius:16px;border:1px solid #333}.landing-page.seo-style .workflow-step{display:flex;flex-direction:column;align-items:center;gap:12px}.landing-page.seo-style .workflow-icon{width:56px;height:56px;background:linear-gradient(135deg,#6366f133,#8b5cf633);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#818cf8}.landing-page.seo-style .workflow-step span{font-size:.9rem;color:#d1d5db;font-weight:500}.landing-page.seo-style .workflow-arrow{font-size:1.5rem;color:#6366f1}.landing-page.seo-style .howitworks-section{padding:100px 32px}.landing-page.seo-style .howitworks-container{max-width:1000px;margin:0 auto;text-align:center}.landing-page.seo-style .howitworks-container h2{font-size:2.25rem;font-weight:700;color:#0a0a0a;margin:16px 0 48px}.landing-page.seo-style .steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.landing-page.seo-style .step-card{padding:32px 24px;background:#fafafa;border:1px solid #e5e5e5;border-radius:20px;text-align:left}.landing-page.seo-style .step-number{font-size:.9rem;font-weight:700;color:#6366f1;margin-bottom:16px}.landing-page.seo-style .step-card h3{font-size:1.1rem;font-weight:600;color:#0a0a0a;margin:0 0 12px}.landing-page.seo-style .step-card p{font-size:.95rem;color:#6b7280;margin:0;line-height:1.6}.landing-page.seo-style .faq-section{padding:100px 32px;background:#fafafa}.landing-page.seo-style .faq-container{max-width:800px;margin:0 auto;text-align:center}.landing-page.seo-style .faq-container h2{font-size:2.25rem;font-weight:700;color:#0a0a0a;margin:16px 0 48px}.landing-page.seo-style .faq-list{display:flex;flex-direction:column;gap:12px;text-align:left}.landing-page.seo-style .faq-item{background:#fff;border:1px solid #e5e5e5;border-radius:14px;overflow:hidden;cursor:pointer;transition:all .2s}.landing-page.seo-style .faq-item:hover{border-color:#d1d5db}.landing-page.seo-style .faq-item.open{border-color:#6366f1}.landing-page.seo-style .faq-question{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;font-weight:500;color:#0a0a0a}.landing-page.seo-style .faq-icon{color:#9ca3af;transition:transform .2s}.landing-page.seo-style .faq-item.open .faq-icon{transform:rotate(180deg);color:#6366f1}.landing-page.seo-style .faq-answer{padding:0 24px 20px;color:#6b7280;font-size:.95rem;line-height:1.7}.landing-page.seo-style .pricing-section{padding:100px 32px}.landing-page.seo-style .pricing-container{max-width:1100px;margin:0 auto;text-align:center}.landing-page.seo-style .pricing-container h2{font-size:2.25rem;font-weight:700;color:#0a0a0a;margin:16px 0 48px}.landing-page.seo-style .pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.landing-page.seo-style .pricing-card{background:#fafafa;border:1px solid #e5e5e5;border-radius:24px;padding:32px 28px;text-align:left;position:relative;transition:all .3s}.landing-page.seo-style .pricing-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.landing-page.seo-style .pricing-card.featured{background:#fff;border:2px solid #6366F1;box-shadow:0 8px 32px #6366f126;transform:scale(1.02)}.landing-page.seo-style .pricing-card.featured:hover{transform:scale(1.02) translateY(-4px)}.landing-page.seo-style .pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:6px 20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:100px;color:#fff;font-size:.8rem;font-weight:600}.landing-page.seo-style .pricing-header{margin-bottom:24px}.landing-page.seo-style .pricing-header h3{font-size:1.5rem;font-weight:700;color:#0a0a0a;margin:0 0 8px}.landing-page.seo-style .pricing-desc{color:#6b7280;font-size:.9rem;margin:0}.landing-page.seo-style .pricing-price{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid #e5e5e5}.landing-page.seo-style .price-wrapper{display:flex;align-items:baseline;gap:4px}.landing-page.seo-style .price{font-size:2.5rem;font-weight:800;color:#0a0a0a}.landing-page.seo-style .price-period{font-size:1rem;color:#6b7280}.landing-page.seo-style .pricing-features{list-style:none;padding:0;margin:0 0 28px}.landing-page.seo-style .pricing-features li{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:.95rem;color:#4b5563;border-bottom:1px solid #f3f4f6}.landing-page.seo-style .pricing-features li:last-child{border-bottom:none}.landing-page.seo-style .pricing-features li svg{color:#10b981;flex-shrink:0}.landing-page.seo-style .btn-pricing{display:block;width:100%;padding:14px 24px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;color:#0a0a0a;font-size:.95rem;font-weight:600;text-decoration:none;text-align:center;transition:all .2s;cursor:pointer}.landing-page.seo-style .btn-pricing:hover{background:#f9fafb;border-color:#d1d5db}.landing-page.seo-style .btn-pricing.featured{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff}.landing-page.seo-style .btn-pricing.featured:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f14d}.landing-page.seo-style .cta-section{padding:100px 32px;background:linear-gradient(135deg,#6366f1,#8b5cf6);text-align:center}.landing-page.seo-style .cta-container{max-width:700px;margin:0 auto}.landing-page.seo-style .cta-container h2{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 16px}.landing-page.seo-style .cta-container p{font-size:1.1rem;color:#fffc;margin:0 0 32px}.landing-page.seo-style .cta-actions{display:flex;justify-content:center;gap:16px}.landing-page.seo-style .btn-cta-primary{padding:16px 32px;background:#fff;border-radius:10px;color:#6366f1;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s}.landing-page.seo-style .btn-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.landing-page.seo-style .btn-cta-secondary{padding:16px 32px;background:transparent;border:2px solid rgba(255,255,255,.4);border-radius:10px;color:#fff;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s}.landing-page.seo-style .btn-cta-secondary:hover{background:#ffffff1a;border-color:#fff}.landing-page.seo-style .landing-footer{background:#0a0a0a;color:#fff;padding:60px 32px 24px}.landing-page.seo-style .footer-container{max-width:1100px;margin:0 auto}.landing-page.seo-style .footer-main{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding-bottom:40px;border-bottom:1px solid #2a2a2a}.landing-page.seo-style .footer-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.15rem;margin-bottom:16px}.landing-page.seo-style .footer-brand p{color:#6b7280;font-size:.95rem;line-height:1.6;margin:0 0 20px}.landing-page.seo-style .footer-social{display:flex;gap:16px}.landing-page.seo-style .footer-social a{color:#6b7280;transition:color .2s}.landing-page.seo-style .footer-social a:hover{color:#fff}.landing-page.seo-style .footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.landing-page.seo-style .footer-column h4{color:#fff;font-size:.9rem;font-weight:600;margin:0 0 16px}.landing-page.seo-style .footer-column a{display:block;color:#6b7280;text-decoration:none;font-size:.9rem;padding:6px 0;transition:color .2s}.landing-page.seo-style .footer-column a:hover{color:#fff}.landing-page.seo-style .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px}.landing-page.seo-style .footer-bottom p{color:#6b7280;font-size:.85rem;margin:0}.landing-page.seo-style .footer-legal{display:flex;gap:24px}.landing-page.seo-style .footer-legal a{color:#6b7280;font-size:.85rem;text-decoration:none;transition:color .2s}.landing-page.seo-style .footer-legal a:hover{color:#fff}@media(max-width:1024px){.landing-page.seo-style .hero-section h1{font-size:2.75rem}.landing-page.seo-style .features-grid{grid-template-columns:1fr}.landing-page.seo-style .screenshot-container{grid-template-columns:1fr;gap:40px}.landing-page.seo-style .screenshot-section.reverse .screenshot-content{order:0}.landing-page.seo-style .cms-grid{grid-template-columns:repeat(2,1fr)}.landing-page.seo-style .cms-workflow{flex-wrap:wrap}.landing-page.seo-style .footer-main{grid-template-columns:1fr}}@media(max-width:768px){.landing-page.seo-style .desktop-only{display:none}.landing-page.seo-style .mobile-menu-btn{display:block}.landing-page.seo-style .mobile-menu{display:flex}.landing-page.seo-style .hero-section{padding:120px 24px 60px}.landing-page.seo-style .hero-section h1{font-size:2rem}.landing-page.seo-style .hero-actions,.landing-page.seo-style .success-container{flex-direction:column}.landing-page.seo-style .value-header h2,.landing-page.seo-style .screenshot-content h2,.landing-page.seo-style .cms-header h2,.landing-page.seo-style .howitworks-container h2,.landing-page.seo-style .faq-container h2,.landing-page.seo-style .pricing-container h2{font-size:1.75rem}.landing-page.seo-style .steps-grid,.landing-page.seo-style .pricing-grid,.landing-page.seo-style .cms-grid{grid-template-columns:1fr}.landing-page.seo-style .cta-actions{flex-direction:column}.landing-page.seo-style .footer-links{grid-template-columns:1fr;gap:24px}.landing-page.seo-style .footer-bottom{flex-direction:column;gap:16px;text-align:center}.landing-page.seo-style .workflow-arrow{display:none}.landing-page.seo-style .cms-workflow{flex-direction:column;gap:16px}}:root{--funnel-primary: #FF470F;--funnel-primary-dark: #E63D0D;--funnel-primary-light: rgba(255, 71, 15, .1);--funnel-success: #10B981;--funnel-warning: #F59E0B;--funnel-danger: #EF4444;--funnel-bg: #FAFAF9;--funnel-card: #FFFFFF;--funnel-text: #1A1A1A;--funnel-text-muted: #6B7280;--funnel-border: #E5E5E5;--funnel-radius: 16px;--funnel-shadow: 0 4px 20px rgba(0, 0, 0, .08)}.funnel-container{min-height:100vh;background:var(--funnel-bg);padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.funnel-progress{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--funnel-card);padding:12px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px #0000000d}.progress-bar{flex:1;height:6px;background:var(--funnel-border);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--funnel-primary),var(--funnel-primary-dark));border-radius:3px;transition:width .4s ease}.progress-text{font-size:.8rem;color:var(--funnel-text-muted);white-space:nowrap}.btn-back{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--funnel-text-muted);font-size:.9rem;cursor:pointer;padding:16px 20px;transition:color .2s}.btn-back:hover{color:var(--funnel-text)}.funnel-landing{padding:0}.landing-hero{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;background:linear-gradient(180deg,#FFF 0%,var(--funnel-bg) 100%)}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--funnel-primary-light);color:var(--funnel-primary);padding:8px 16px;border-radius:100px;font-size:.85rem;font-weight:600;margin-bottom:24px}.hero-headline{font-size:2rem;font-weight:700;color:var(--funnel-text);line-height:1.2;margin:0 0 16px;max-width:600px}.hero-headline .highlight{color:var(--funnel-primary)}.hero-subheadline{font-size:1.1rem;color:var(--funnel-text-muted);margin:0 0 32px;max-width:500px}.hero-reassurance{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:24px}.hero-reassurance span{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--funnel-text-muted)}.hero-reassurance svg{color:var(--funnel-success)}.cta-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--funnel-primary),var(--funnel-primary-dark));color:#fff;border:none;border-radius:12px;padding:16px 32px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 16px #ff470f4d}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ff470f66}.cta-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.cta-primary.large{padding:18px 40px;font-size:1.1rem;width:100%;max-width:400px}.landing-problem{padding:60px 24px;background:var(--funnel-card)}.landing-problem h2{text-align:center;font-size:1.5rem;margin:0 0 32px}.problem-stats{display:grid;gap:16px;max-width:600px;margin:0 auto}.stat-card{background:var(--funnel-bg);border-radius:var(--funnel-radius);padding:24px;text-align:center}.stat-card.warning{background:#f59e0b1a}.stat-card.danger{background:#ef44441a}.stat-number{display:block;font-size:2.5rem;font-weight:700;color:var(--funnel-text);margin-bottom:8px}.stat-card.warning .stat-number{color:var(--funnel-warning)}.stat-card.danger .stat-number{color:var(--funnel-danger)}.stat-label{font-size:.95rem;color:var(--funnel-text-muted)}.landing-how{padding:60px 24px}.landing-how h2{text-align:center;font-size:1.5rem;margin:0 0 40px}.how-steps{display:flex;flex-direction:column;gap:24px;max-width:600px;margin:0 auto}.how-step{background:var(--funnel-card);border-radius:var(--funnel-radius);padding:24px;text-align:center;box-shadow:var(--funnel-shadow)}.step-icon{width:56px;height:56px;background:var(--funnel-primary-light);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--funnel-primary)}.how-step h3{font-size:1.1rem;margin:0 0 8px}.how-step p{font-size:.9rem;color:var(--funnel-text-muted);margin:0}.step-arrow{display:none}.landing-proof{padding:60px 24px;background:var(--funnel-card)}.proof-logos{text-align:center;margin-bottom:32px}.proof-text{font-size:.9rem;color:var(--funnel-text-muted);text-transform:uppercase;letter-spacing:.05em}.proof-testimonial{max-width:500px;margin:0 auto;text-align:center}.proof-testimonial p{font-size:1.1rem;font-style:italic;color:var(--funnel-text);margin:0 0 20px}.testimonial-author{display:flex;align-items:center;justify-content:center;gap:12px}.author-avatar{width:40px;height:40px;background:var(--funnel-primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--funnel-primary)}.testimonial-author div{text-align:left}.testimonial-author strong{display:block;font-size:.9rem}.testimonial-author span{font-size:.8rem;color:var(--funnel-text-muted)}.landing-final-cta{padding:60px 24px;text-align:center}.landing-final-cta h2{font-size:1.5rem;margin:0 0 12px}.landing-final-cta p{color:var(--funnel-text-muted);margin:0 0 32px}.landing-footer{padding:40px 24px;text-align:center;border-top:1px solid var(--funnel-border)}.footer-logo{height:32px;margin-bottom:12px}.landing-footer p{font-size:.85rem;color:var(--funnel-text-muted);margin:0}.funnel-diagnostic{padding:60px 24px 100px;min-height:100vh;display:flex;flex-direction:column}.diagnostic-progress{position:fixed;top:0;left:0;right:0;background:var(--funnel-card);padding:16px 24px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000d;z-index:100}.question-card{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:80px 0 40px}.question-icon{width:72px;height:72px;background:var(--funnel-primary-light);border-radius:18px;display:flex;align-items:center;justify-content:center;color:var(--funnel-primary);margin-bottom:24px}.question-title{font-size:1.4rem;font-weight:600;margin:0 0 8px;max-width:400px}.question-subtitle{font-size:.95rem;color:var(--funnel-text-muted);margin:0 0 32px}.question-options{display:flex;flex-direction:column;gap:12px;width:100%;max-width:400px}.option-btn{display:flex;align-items:center;gap:16px;background:var(--funnel-card);border:2px solid var(--funnel-border);border-radius:14px;padding:18px 20px;cursor:pointer;transition:all .2s;text-align:left}.option-btn:hover,.option-btn.selected{border-color:var(--funnel-primary);background:var(--funnel-primary-light)}.option-emoji{font-size:1.5rem}.option-label{flex:1;font-size:1rem;font-weight:500}.option-check{color:var(--funnel-primary)}.btn-skip{margin-top:24px;background:none;border:none;color:var(--funnel-text-muted);font-size:.9rem;cursor:pointer;text-decoration:underline}.funnel-result{padding:24px;max-width:600px;margin:0 auto}.result-header{text-align:center;padding:40px 0}.result-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:100px;font-size:.85rem;font-weight:600;margin-bottom:20px}.result-badge.critical{background:#ef44441a;color:var(--funnel-danger)}.result-badge.high{background:#f59e0b1a;color:var(--funnel-warning)}.result-badge.medium{background:#3b82f61a;color:#3b82f6}.result-badge.low{background:#10b9811a;color:var(--funnel-success)}.result-title{font-size:1.75rem;margin:0}.result-summary{background:var(--funnel-card);border-radius:var(--funnel-radius);padding:24px;margin-bottom:24px;box-shadow:var(--funnel-shadow)}.summary-text{font-size:1.05rem;line-height:1.6;margin:0}.loss-card{background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:var(--funnel-radius);padding:24px;display:flex;align-items:center;gap:20px;margin-bottom:24px}.loss-icon{width:64px;height:64px;background:#ef44441a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--funnel-danger);flex-shrink:0}.loss-content{flex:1}.loss-label{display:block;font-size:.85rem;color:var(--funnel-text-muted);margin-bottom:4px}.loss-amount{display:block;font-size:2rem;font-weight:700;color:var(--funnel-danger)}.loss-subtitle{display:block;font-size:.85rem;color:var(--funnel-text-muted);margin-top:4px}.result-insights{margin-bottom:32px}.result-insights h3{font-size:1.1rem;margin:0 0 16px}.insights-list{display:flex;flex-direction:column;gap:12px}.insight-item{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:12px;background:var(--funnel-card)}.insight-item.warning{background:#f59e0b1a}.insight-item.warning svg{color:var(--funnel-warning)}.insight-item.danger{background:#ef44441a}.insight-item.danger svg{color:var(--funnel-danger)}.insight-item.success{background:#10b9811a}.insight-item.success svg{color:var(--funnel-success)}.insight-item p{margin:0;font-size:.95rem;line-height:1.5}.result-solution{background:var(--funnel-card);border-radius:var(--funnel-radius);padding:24px;margin-bottom:32px}.result-solution h3{font-size:1.1rem;margin:0 0 16px}.solution-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.solution-list li{display:flex;align-items:center;gap:12px}.solution-list svg{color:var(--funnel-success);flex-shrink:0}.result-cta{text-align:center;padding:40px 0}.result-cta h2{font-size:1.4rem;margin:0 0 12px}.result-cta p{color:var(--funnel-text-muted);margin:0 0 24px}.cta-reassurance{display:block;margin-top:16px;font-size:.85rem;color:var(--funnel-text-muted)}.funnel-sms-test{min-height:100vh;display:flex;flex-direction:column}.sms-phone-step{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center}.phone-header{margin-bottom:40px}.phone-icon-wrapper{width:80px;height:80px;background:var(--funnel-primary-light);border-radius:20px;display:flex;align-items:center;justify-content:center;color:var(--funnel-primary);margin:0 auto 24px}.phone-header h1{font-size:1.5rem;margin:0 0 12px}.phone-header p{color:var(--funnel-text-muted);margin:0;max-width:300px}.phone-form{width:100%;max-width:350px;margin-bottom:24px}.phone-label{display:block;text-align:left;font-size:.9rem;font-weight:500;margin-bottom:8px}.phone-input-wrapper{display:flex;align-items:center;gap:12px;background:var(--funnel-card);border:2px solid var(--funnel-border);border-radius:12px;padding:14px 16px}.phone-input-wrapper:focus-within{border-color:var(--funnel-primary)}.phone-input-wrapper svg{color:var(--funnel-text-muted)}.phone-input{flex:1;border:none;background:none;font-size:1.1rem;outline:none}.phone-error{color:var(--funnel-danger);font-size:.85rem;margin-top:8px;text-align:left}.phone-reassurance{display:flex;align-items:flex-start;gap:12px;background:#10b9811a;padding:16px;border-radius:12px;text-align:left;max-width:350px;margin-bottom:32px}.phone-reassurance svg{color:var(--funnel-success);flex-shrink:0;margin-top:2px}.phone-reassurance p{margin:0;font-size:.9rem;line-height:1.5}.sms-waiting-step{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px}.waiting-animation{margin-bottom:24px;color:var(--funnel-primary)}.sms-waiting-step h2{font-size:1.3rem;margin:0 0 12px}.sms-waiting-step p{color:var(--funnel-text-muted);margin:0}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sms-conversation-step{flex:1;display:flex;flex-direction:column;background:var(--funnel-bg)}.conversation-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--funnel-card);border-bottom:1px solid var(--funnel-border)}.header-info{display:flex;align-items:center;gap:12px}.header-info svg{color:var(--funnel-primary)}.header-info h3{margin:0;font-size:1rem}.header-info .status{font-size:.8rem;color:var(--funnel-success)}.btn-end-conversation{background:var(--funnel-bg);border:1px solid var(--funnel-border);border-radius:8px;padding:8px 16px;font-size:.85rem;cursor:pointer}.conversation-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.message{display:flex;gap:12px;max-width:85%}.message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.message.assistant .message-avatar{background:var(--funnel-primary-light);color:var(--funnel-primary)}.message.user .message-avatar{background:var(--funnel-border);color:var(--funnel-text-muted)}.message-content{background:var(--funnel-card);border-radius:16px;padding:12px 16px;box-shadow:0 1px 3px #0000000d}.message.user .message-content{background:var(--funnel-primary);color:#fff}.message-content p{margin:0;font-size:.95rem;line-height:1.5}.message-time{display:block;font-size:.7rem;margin-top:6px;opacity:.6}.typing-indicator span{width:8px;height:8px;background:var(--funnel-text-muted);border-radius:50%;animation:typing 1.4s infinite}.conversation-input{padding:16px 20px;background:var(--funnel-card);border-top:1px solid var(--funnel-border)}.input-hint{text-align:center;margin-bottom:12px}.input-hint span{font-size:.8rem;color:var(--funnel-text-muted);background:var(--funnel-bg);padding:4px 12px;border-radius:100px}.input-wrapper{display:flex;gap:12px}.input-wrapper input{flex:1;background:var(--funnel-bg);border:1px solid var(--funnel-border);border-radius:24px;padding:14px 20px;font-size:1rem;outline:none}.input-wrapper input:focus{border-color:var(--funnel-primary)}.btn-send{width:48px;height:48px;background:var(--funnel-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.btn-send:hover:not(:disabled){transform:scale(1.05)}.btn-send:disabled{opacity:.5;cursor:not-allowed}.messages-remaining{display:block;text-align:center;font-size:.8rem;color:var(--funnel-text-muted);margin-top:12px}.sms-complete-step{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px}.complete-icon{color:var(--funnel-success);margin-bottom:24px}.sms-complete-step h2{font-size:1.3rem;margin:0 0 12px}.sms-complete-step p{color:var(--funnel-text-muted);margin:0 0 24px}.funnel-qualification{padding:24px;max-width:600px;margin:0 auto}.qualification-header{text-align:center;padding:40px 0}.header-icon{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.header-icon.success{background:#10b9811a;color:var(--funnel-success)}.qualification-header h1{font-size:1.5rem;margin:0 0 8px}.qualification-header p{color:var(--funnel-text-muted);margin:0}.qualification-card{background:var(--funnel-card);border-radius:var(--funnel-radius);padding:24px;margin-bottom:24px;box-shadow:var(--funnel-shadow)}.qualification-card h3{font-size:1rem;margin:0 0 20px}.qual-metrics{display:flex;flex-direction:column;gap:20px}.qual-metric{display:flex;justify-content:space-between;align-items:center}.metric-label{font-size:.9rem;color:var(--funnel-text-muted)}.metric-value{display:flex;align-items:center;gap:8px;font-weight:600}.metric-value.success{color:var(--funnel-success)}.metric-value.primary{color:var(--funnel-primary)}.metric-value.warning{color:var(--funnel-warning)}.metric-value.neutral{color:var(--funnel-text-muted)}.metric-score{display:flex;align-items:center;gap:12px}.score-bar{width:100px;height:8px;background:var(--funnel-border);border-radius:4px;overflow:hidden}.score-fill{height:100%;background:linear-gradient(90deg,var(--funnel-primary),var(--funnel-success));border-radius:4px}.score-number{font-weight:700;color:var(--funnel-text)}.conversation-summary{background:var(--funnel-card);border-radius:var(--funnel-radius);padding:24px;margin-bottom:24px}.conversation-summary h3{display:flex;align-items:center;gap:10px;font-size:1rem;margin:0 0 16px}.summary-content p{margin:0 0 16px;line-height:1.6}.summary-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background:var(--funnel-primary-light);color:var(--funnel-primary);padding:6px 12px;border-radius:100px;font-size:.8rem;font-weight:500}.recommended-action{margin-bottom:32px}.recommended-action h3{font-size:1rem;margin:0 0 16px}.action-card{display:flex;align-items:center;gap:16px;padding:20px;border-radius:var(--funnel-radius)}.action-card.qualified{background:#10b9811a;border:1px solid rgba(16,185,129,.2)}.action-card.qualified svg{color:var(--funnel-success)}.action-card.nurture{background:#3b82f61a;border:1px solid rgba(59,130,246,.2)}.action-card.nurture svg{color:#3b82f6}.action-card strong{display:block;margin-bottom:4px}.action-card p{margin:0;font-size:.9rem;color:var(--funnel-text-muted)}.cta-section{text-align:center;padding:40px 24px;border-radius:var(--funnel-radius);margin-bottom:32px}.cta-section.qualified{background:linear-gradient(135deg,#ff470f0d,#ff470f1a);border:1px solid rgba(255,71,15,.2)}.cta-section.nurture{background:var(--funnel-card);border:1px solid var(--funnel-border)}.cta-content{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:24px}.cta-content svg{color:var(--funnel-primary)}.cta-content h2{font-size:1.3rem;margin:0}.cta-content p{color:var(--funnel-text-muted);margin:0;line-height:1.5}.cta-benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:20px}.cta-benefits span{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--funnel-text-muted)}.cta-benefits svg{color:var(--funnel-success)}.nurture-options{display:flex;flex-direction:column;gap:12px}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--funnel-card);color:var(--funnel-text);border:2px solid var(--funnel-border);border-radius:12px;padding:14px 28px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{border-color:var(--funnel-primary);background:var(--funnel-primary-light)}.btn-text{background:none;border:none;color:var(--funnel-text-muted);font-size:.9rem;cursor:pointer;text-decoration:underline}.next-steps{background:var(--funnel-card);border-radius:var(--funnel-radius);padding:24px;margin-bottom:40px}.next-steps h3{font-size:1rem;margin:0 0 20px}.steps-list{display:flex;flex-direction:column;gap:20px}.step-item{display:flex;gap:16px}.step-number{width:32px;height:32px;background:var(--funnel-primary-light);color:var(--funnel-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.step-item strong{display:block;margin-bottom:4px}.step-item p{margin:0;font-size:.9rem;color:var(--funnel-text-muted)}.qualification-footer{text-align:center;padding:24px 0;border-top:1px solid var(--funnel-border)}.qualification-footer img{height:28px;margin-bottom:8px}.qualification-footer p{font-size:.8rem;color:var(--funnel-text-muted);margin:0}@media(min-width:768px){.hero-headline{font-size:2.8rem}.problem-stats{grid-template-columns:repeat(3,1fr)}.how-steps{flex-direction:row;align-items:flex-start}.step-arrow{display:flex;align-items:center;font-size:1.5rem;color:var(--funnel-text-muted);padding-top:40px}.question-title{font-size:1.6rem}.question-options{max-width:500px}.conversation-messages{max-width:600px;margin:0 auto}}@media(min-width:1024px){.landing-hero{padding:80px 40px}.hero-headline{font-size:3.2rem;max-width:800px}.hero-subheadline{font-size:1.25rem;max-width:600px}}:root{--fv2-primary: #FF470F;--fv2-primary-dark: #E63D0D;--fv2-primary-light: rgba(255, 71, 15, .1);--fv2-success: #10B981;--fv2-warning: #F59E0B;--fv2-danger: #EF4444;--fv2-bg: #0F0F0F;--fv2-bg-light: #1A1A1A;--fv2-card: #222222;--fv2-text: #FFFFFF;--fv2-text-muted: #9CA3AF;--fv2-border: #333333;--fv2-radius: 16px}.funnel-v2{min-height:100vh;min-height:100dvh;background:var(--fv2-bg);color:var(--fv2-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:fixed;inset:0;overflow:hidden}.funnel-v2.sandbox-only{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.sandbox-section-fullscreen{flex:1;display:flex;flex-direction:column;padding:0;background:var(--fv2-bg)}.sandbox-container-fullscreen{flex:1;display:flex;flex-direction:column;max-width:100%;width:100%;height:100vh;height:100dvh;overflow:hidden}.sandbox-container-fullscreen .sandbox-chat{flex:1;display:flex;flex-direction:column;height:100%;max-height:100%;border-radius:0;border:none;overflow:hidden}.sandbox-container-fullscreen .sandbox-chat .chat-messages{flex:1;overflow-y:auto;min-height:0;padding-bottom:100px}.sandbox-container-fullscreen .sandbox-chat .chat-input-area{position:fixed;bottom:0;left:0;right:0;z-index:100}.sandbox-container-fullscreen .conversation-summary-container{flex:1;height:100%;max-height:100%;border-radius:0;border:none;overflow-y:auto}.sandbox-container-fullscreen .demo-form-container{flex:1;display:flex;flex-direction:column;justify-content:center;height:100%;max-height:100%;border-radius:0;border:none}.hero-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:40px 24px;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 70% 30%,rgba(255,71,15,.15) 0%,transparent 50%);pointer-events:none}.hero-container{position:relative;z-index:1;max-width:700px;margin:0 auto;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--fv2-primary-light);color:var(--fv2-primary);padding:10px 20px;border-radius:100px;font-size:.85rem;font-weight:600;margin-bottom:32px;border:1px solid rgba(255,71,15,.3)}.hero-headline{font-size:2.2rem;font-weight:700;line-height:1.2;margin:0 0 24px;letter-spacing:-.02em}.hero-headline .highlight{background:linear-gradient(135deg,var(--fv2-primary),#FF8855);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subheadline{font-size:1.1rem;color:var(--fv2-text-muted);line-height:1.6;margin:0 0 40px}.hero-cta{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,var(--fv2-primary),var(--fv2-primary-dark));color:#fff;border:none;border-radius:14px;padding:18px 36px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 8px 32px #ff470f66}.hero-cta:hover{transform:translateY(-3px);box-shadow:0 12px 40px #ff470f80}.hero-cta .bounce{animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.hero-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:32px}.hero-trust span{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--fv2-text-muted)}.hero-trust svg{color:var(--fv2-success)}.hero-features{display:grid;grid-template-columns:1fr;gap:16px;max-width:800px;margin:60px auto 0;padding:0 24px}.feature-card{background:var(--fv2-card);border:1px solid var(--fv2-border);border-radius:var(--fv2-radius);padding:24px;text-align:center;transition:all .3s}.feature-card:hover{border-color:var(--fv2-primary);transform:translateY(-4px)}.feature-icon{width:56px;height:56px;background:var(--fv2-primary-light);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--fv2-primary)}.feature-card h3{font-size:1.1rem;margin:0 0 8px}.feature-card p{font-size:.9rem;color:var(--fv2-text-muted);margin:0}.sandbox-section{padding:60px 24px;background:var(--fv2-bg-light);min-height:100vh}.sandbox-container{max-width:500px;margin:0 auto}.sandbox-header{text-align:center;margin-bottom:32px}.sandbox-header h2{display:flex;align-items:center;justify-content:center;gap:12px;font-size:1.5rem;margin:0 0 12px}.sandbox-header h2 svg{color:var(--fv2-primary)}.sandbox-header p{color:var(--fv2-text-muted);font-size:.95rem;line-height:1.5;margin:0}.sandbox-chat{background:var(--fv2-card);border:1px solid var(--fv2-border);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;height:600px;max-height:70vh}.chat-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--fv2-bg);border-bottom:1px solid var(--fv2-border)}.header-avatar{width:40px;height:40px;background:var(--fv2-primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--fv2-primary)}.header-info{flex:1}.header-name{display:block;font-weight:600;font-size:.95rem}.header-status{display:block;font-size:.8rem;color:var(--fv2-success)}.header-badge{background:#10b98133;color:var(--fv2-success);padding:4px 12px;border-radius:100px;font-size:.7rem;font-weight:700;letter-spacing:.05em}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.chat-notice{background:#ff470f1a;border:1px solid rgba(255,71,15,.2);border-radius:12px;padding:14px 16px;text-align:center}.chat-notice p{margin:0;font-size:.85rem;color:var(--fv2-primary);line-height:1.5}.chat-notice strong{font-weight:600}.notice-links{display:flex;justify-content:center;gap:10px;margin-top:12px;flex-wrap:wrap}.notice-link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--fv2-text-muted);font-size:.8rem;font-weight:500;text-decoration:none;transition:all .2s}.notice-link:hover{background:#ffffff1a;color:var(--fv2-text);border-color:#fff3}.notice-link.primary{background:var(--fv2-primary);border-color:var(--fv2-primary);color:#fff}.notice-link.primary:hover{background:var(--fv2-primary-dark);border-color:var(--fv2-primary-dark)}.message{display:flex;gap:10px;max-width:85%}.message.user{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.message.assistant .message-avatar{background:var(--fv2-primary-light);color:var(--fv2-primary)}.message.user .message-avatar{background:var(--fv2-border);color:var(--fv2-text-muted)}.message-bubble{background:var(--fv2-bg);border-radius:16px;padding:12px 16px}.message.user .message-bubble{background:var(--fv2-primary)}.message-bubble p{margin:0;font-size:.95rem;line-height:1.5;white-space:pre-line}.message-time{display:block;font-size:.7rem;color:var(--fv2-text-muted);margin-top:6px}.message.user .message-time{color:#ffffffb3}.typing-dots{display:flex;gap:4px;padding:4px 0}.typing-dots span{width:8px;height:8px;background:var(--fv2-text-muted);border-radius:50%;animation:typingDot 1.4s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.chat-input-area{display:flex;gap:12px;padding:16px 20px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));background:var(--fv2-bg);border-top:1px solid var(--fv2-border);flex-shrink:0}.chat-input-area input{flex:1;background:#fff;border:1px solid var(--fv2-border);border-radius:24px;padding:14px 20px;color:#1a1a1a;font-size:.95rem;outline:none}.chat-input-area input:focus{border-color:var(--fv2-primary)}.chat-input-area input::placeholder{color:#9ca3af}.send-button{width:48px;height:48px;background:var(--fv2-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.send-button:hover:not(:disabled){transform:scale(1.05)}.send-button:disabled{opacity:.5;cursor:not-allowed}.conversation-ended{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;color:var(--fv2-success);font-weight:500}.chat-input-area.disabled{opacity:.7}.calendar-container{width:100%}.demo-end-cta{display:flex;flex-direction:column;gap:16px;padding:24px 20px;background:linear-gradient(135deg,#ff470f26,#1a1a1afa);border:2px solid var(--fv2-primary);border-radius:20px;margin:12px 0}.demo-end-header{display:flex;align-items:center;gap:12px;justify-content:center}.demo-end-icon{font-size:2rem}.demo-end-header h3{margin:0;font-size:1.3rem;font-weight:700;color:var(--fv2-text)}.demo-end-text{text-align:center;color:var(--fv2-text-secondary);font-size:.95rem;line-height:1.6;margin:0}.demo-end-text strong{color:var(--fv2-primary);font-weight:600}.demo-end-actions{display:flex;flex-direction:column;gap:12px;margin-top:8px}.btn-book-demo{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;background:linear-gradient(135deg,var(--fv2-primary) 0%,#e03e0d 100%);border:none;border-radius:14px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #ff470f66;animation:pulse-cta 2s infinite}@keyframes pulse-cta{0%,to{transform:scale(1);box-shadow:0 4px 20px #ff470f66}50%{transform:scale(1.02);box-shadow:0 6px 30px #ff470f80}}.btn-book-demo:hover{background:linear-gradient(135deg,#e03e0d,#c4350b);transform:scale(1.02)}.btn-later{padding:14px 20px;background:transparent;border:1px solid var(--fv2-border);border-radius:12px;color:var(--fv2-text-muted);font-size:.9rem;cursor:pointer;transition:all .2s ease;text-align:center}.btn-later:hover{border-color:var(--fv2-text-muted);color:var(--fv2-text);background:#ffffff0d}.email-form{display:flex;flex-direction:column;gap:12px}.email-form-text{text-align:center;color:var(--fv2-text-secondary);font-size:.9rem;margin:0}.email-input-row{display:flex;gap:10px}.email-input{flex:1;padding:14px 18px;background:var(--fv2-bg);border:1px solid var(--fv2-border);border-radius:12px;color:var(--fv2-text);font-size:1rem;outline:none;transition:border-color .2s}.email-input:focus{border-color:var(--fv2-primary)}.email-input::placeholder{color:var(--fv2-text-muted)}.btn-send-email{padding:14px 18px;background:var(--fv2-primary);border:none;border-radius:12px;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-send-email:hover:not(:disabled){background:#e03e0d}.btn-send-email:disabled{opacity:.5;cursor:not-allowed}.btn-back-to-demo{padding:12px;background:transparent;border:none;color:var(--fv2-text-muted);font-size:.85rem;cursor:pointer;text-align:center;transition:color .2s}.btn-back-to-demo:hover{color:var(--fv2-primary)}.calendar-picker{background:var(--fv2-bg);border:1px solid var(--fv2-border);border-radius:16px;overflow:hidden;margin-top:8px}.calendar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--fv2-border)}.calendar-title{display:flex;align-items:center;gap:10px;font-weight:600}.calendar-title svg{color:var(--fv2-primary)}.calendar-close{background:none;border:none;color:var(--fv2-text-muted);cursor:pointer;padding:4px}.calendar-days{display:flex;gap:8px;padding:16px;overflow-x:auto;scrollbar-width:none}.calendar-days::-webkit-scrollbar{display:none}.day-button{display:flex;flex-direction:column;align-items:center;min-width:60px;padding:12px;background:var(--fv2-card);border:2px solid var(--fv2-border);border-radius:12px;cursor:pointer;transition:all .2s;color:var(--fv2-text)}.day-button:hover{border-color:var(--fv2-primary)}.day-button.selected{background:var(--fv2-primary);border-color:var(--fv2-primary)}.day-name{font-size:.75rem;color:var(--fv2-text-muted);text-transform:uppercase}.day-button.selected .day-name{color:#fffc}.day-number{font-size:1.25rem;font-weight:700;margin:4px 0}.month-name{font-size:.7rem;color:var(--fv2-text-muted)}.day-button.selected .month-name{color:#fffc}.calendar-times{padding:0 16px 16px}.times-header{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--fv2-text-muted);margin-bottom:12px}.times-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.time-button{padding:10px;background:var(--fv2-card);border:1px solid var(--fv2-border);border-radius:8px;color:var(--fv2-text);font-size:.85rem;cursor:pointer;transition:all .2s}.time-button:hover:not(.booked){border-color:var(--fv2-primary)}.time-button.selected{background:var(--fv2-primary);border-color:var(--fv2-primary)}.time-button.booked{opacity:.3;cursor:not-allowed;text-decoration:line-through}.calendar-confirm{padding:16px;border-top:1px solid var(--fv2-border)}.confirm-summary{display:flex;justify-content:center;gap:16px;margin-bottom:12px;font-size:.9rem}.confirm-button{width:100%;background:var(--fv2-success);color:#fff;border:none;border-radius:10px;padding:14px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.confirm-button:hover{filter:brightness(1.1)}.calendar-footer{padding:12px 16px;text-align:center;background:var(--fv2-card);font-size:.75rem;color:var(--fv2-text-muted)}.conversation-summary-container{background:var(--fv2-card);border:1px solid var(--fv2-border);border-radius:20px;overflow:hidden}.summary-header{text-align:center;padding:32px 24px;border-bottom:1px solid var(--fv2-border)}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:100px;font-weight:600;margin-bottom:16px}.status-badge.qualified{background:#ff470f26;color:var(--fv2-primary);border:1px solid rgba(255,71,15,.3)}.status-badge.not-qualified{background:#ef444433;color:var(--fv2-danger)}.summary-header h2{font-size:1.5rem;margin:0 0 8px;color:var(--fv2-text)}.summary-header p{color:var(--fv2-text-muted);margin:0}.summary-score-card{display:flex;align-items:center;gap:24px;padding:24px;border-bottom:1px solid var(--fv2-border)}.score-visual{position:relative;width:100px;height:100px;flex-shrink:0}.score-circle{transform:rotate(-90deg)}.score-value{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-number{font-size:1.5rem;font-weight:700;color:var(--fv2-text)}.score-label{font-size:.75rem;color:var(--fv2-text-muted)}.score-details h3{font-size:1rem;margin:0 0 8px;color:var(--fv2-text)}.score-details p{font-size:.9rem;color:var(--fv2-text-muted);margin:0}.summary-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--fv2-border);border-bottom:1px solid var(--fv2-border)}.detail-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--fv2-card)}.detail-icon{width:36px;height:36px;background:#ff470f1a;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--fv2-primary);flex-shrink:0}.detail-label{display:block;font-size:.75rem;color:var(--fv2-text-muted);margin-bottom:4px}.detail-value{font-weight:600;font-size:.9rem}.detail-value.positive{color:var(--fv2-primary)}.detail-value.urgency-danger{color:var(--fv2-danger)}.detail-value.urgency-warning{color:var(--fv2-warning)}.summary-reasons{padding:24px;border-bottom:1px solid var(--fv2-border)}.summary-reasons h3{display:flex;align-items:center;gap:10px;font-size:1rem;margin:0 0 16px;color:var(--fv2-text)}.summary-reasons h3 svg{color:var(--fv2-primary)}.summary-reasons ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.summary-reasons li{font-size:.9rem;color:var(--fv2-text-muted)}.summary-actions{padding:24px;border-bottom:1px solid var(--fv2-border)}.summary-actions h3{display:flex;align-items:center;gap:10px;font-size:1rem;margin:0 0 16px;color:var(--fv2-text)}.summary-actions h3 svg{color:var(--fv2-primary)}.action-list{display:flex;flex-direction:column;gap:10px}.action-item{display:flex;align-items:center;gap:10px;font-size:.9rem}.action-item.success svg{color:var(--fv2-primary)}.action-item.neutral svg{color:var(--fv2-text-muted)}.summary-cta{padding:32px 24px;background:linear-gradient(135deg,#ff470f1a,#ff470f0d);border-bottom:1px solid var(--fv2-border)}.summary-cta .cta-content{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.summary-cta .cta-content>svg{color:var(--fv2-primary);flex-shrink:0}.summary-cta .cta-content h3{font-size:1.1rem;margin:0 0 8px;color:var(--fv2-text)}.summary-cta .cta-content p{color:var(--fv2-text-muted);margin:0;font-size:.95rem}.summary-cta .cta-buttons{display:flex;flex-direction:column;gap:12px}.summary-cta .cta-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:none;border-radius:12px;padding:16px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none}.summary-cta .cta-button.primary{background:var(--fv2-primary);color:#fff}.summary-cta .cta-button.secondary{background:transparent;color:var(--fv2-primary);border:2px solid var(--fv2-primary)}.summary-cta .cta-button:hover{filter:brightness(1.1);transform:translateY(-2px)}.summary-cta .cta-button.secondary:hover{background:#ff470f1a}.summary-footer{padding:16px 24px;text-align:center}.summary-footer p{margin:0;font-size:.8rem;color:var(--fv2-text-muted)}.demo-form-container{background:var(--fv2-card);border:1px solid var(--fv2-border);border-radius:20px;padding:40px 24px}.form-header{text-align:center;margin-bottom:32px}.form-header svg{color:var(--fv2-primary);margin-bottom:16px}.form-header h2{font-size:1.4rem;margin:0 0 12px}.form-header p{color:var(--fv2-text-muted);margin:0}.demo-form{display:flex;flex-direction:column;gap:20px}.form-group label{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500;margin-bottom:8px}.form-group label svg{color:var(--fv2-text-muted)}.form-group input,.form-group select{width:100%;background:var(--fv2-bg);border:1px solid var(--fv2-border);border-radius:10px;padding:14px 16px;color:var(--fv2-text);font-size:1rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--fv2-primary)}.form-group select{appearance:none;cursor:pointer}.form-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:var(--fv2-primary);color:#fff;border:none;border-radius:12px;padding:16px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:8px}.form-disclaimer{text-align:center;font-size:.85rem;color:var(--fv2-text-muted);margin:0}.form-success{text-align:center;padding:40px 0}.success-icon{color:var(--fv2-success);margin-bottom:20px}.form-success h2{font-size:1.5rem;margin:0 0 12px}.form-success p{color:var(--fv2-text-muted);margin:0 0 24px}.success-loader{width:40px;height:40px;border:3px solid var(--fv2-border);border-top-color:var(--fv2-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.proof-section{padding:80px 24px;background:var(--fv2-bg)}.proof-container{max-width:600px;margin:0 auto;text-align:center}.proof-container h3{font-size:.9rem;color:var(--fv2-text-muted);text-transform:uppercase;letter-spacing:.1em;margin:0 0 32px}.proof-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}.stat{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:700;color:var(--fv2-primary);margin-bottom:4px}.stat-label{font-size:.85rem;color:var(--fv2-text-muted)}.proof-testimonial{background:var(--fv2-card);border:1px solid var(--fv2-border);border-radius:var(--fv2-radius);padding:24px}.proof-testimonial p{font-size:1.1rem;font-style:italic;margin:0 0 16px;line-height:1.6}.testimonial-author{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--fv2-text-muted);font-size:.9rem}.testimonial-author svg{color:var(--fv2-warning)}.funnel-footer{padding:40px 24px;text-align:center;border-top:1px solid var(--fv2-border)}.funnel-footer img{height:28px;margin-bottom:12px;filter:brightness(0) invert(1)}.funnel-footer p{font-size:.85rem;color:var(--fv2-text-muted);margin:0 0 16px}.footer-links{display:flex;justify-content:center;gap:12px;font-size:.8rem}.footer-links a{color:var(--fv2-text-muted);text-decoration:none}.footer-links a:hover{color:var(--fv2-text)}@media(min-width:768px){.hero-headline{font-size:3rem}.hero-features{grid-template-columns:repeat(3,1fr)}.sandbox-chat{height:650px}.times-grid{grid-template-columns:repeat(5,1fr)}}@media(min-width:1024px){.hero-headline{font-size:3.5rem}}.sandbox-analytics{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#141414);color:#fff;padding:32px}.sandbox-analytics.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.sandbox-analytics .loader{width:48px;height:48px;border:3px solid #333;border-top-color:#ff470f;border-radius:50%;animation:spin 1s linear infinite}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;flex-wrap:wrap;gap:20px}.sandbox-analytics .header-content h1{display:flex;align-items:center;gap:14px;font-size:2rem;font-weight:700;margin:0;background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-content h1 svg{color:#ff470f;-webkit-text-fill-color:initial}.header-content p{color:#6b7280;margin:8px 0 0;font-size:.95rem}.days-select{background:#1a1a1a;border:1px solid #333;color:#fff;padding:12px 20px;border-radius:10px;font-size:.9rem;cursor:pointer;transition:all .2s}.days-select:hover{border-color:#ff470f}.refresh-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ff470f,#e63d0d);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #ff470f4d}.refresh-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff470f66}.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-bottom:40px}.stat-card{background:linear-gradient(145deg,#1a1a1a,#141414);border:1px solid #2A2A2A;border-radius:16px;padding:24px;display:flex;align-items:center;gap:18px;transition:all .3s}.stat-card:hover{border-color:#444;transform:translateY(-4px);box-shadow:0 10px 30px #0000004d}.stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.blue{background:linear-gradient(135deg,#3b82f633,#3b82f61a);color:#3b82f6;box-shadow:0 0 20px #3b82f626}.stat-icon.green{background:linear-gradient(135deg,#10b98133,#10b9811a);color:#10b981;box-shadow:0 0 20px #10b98126}.stat-icon.orange{background:linear-gradient(135deg,#ff470f33,#ff470f1a);color:#ff470f;box-shadow:0 0 20px #ff470f26}.stat-icon.purple{background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);color:#8b5cf6;box-shadow:0 0 20px #8b5cf626}.stat-icon.teal{background:linear-gradient(135deg,#14b8a633,#14b8a61a);color:#14b8a6;box-shadow:0 0 20px #14b8a626}.stat-icon.pink{background:linear-gradient(135deg,#ec489933,#ec48991a);color:#ec4899;box-shadow:0 0 20px #ec489926}.stat-content{display:flex;flex-direction:column;min-width:0}.stat-value{font-size:2rem;font-weight:700;line-height:1.1;color:#fff}.stat-label{font-size:.85rem;color:#9ca3af;margin-top:4px;white-space:nowrap}.stat-detail{font-size:.75rem;color:#6b7280;margin-top:4px}.conversations-section{background:linear-gradient(145deg,#1a1a1a,#141414);border:1px solid #2A2A2A;border-radius:20px;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid #2A2A2A;background:#ffffff05}.section-header h2{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:600;margin:0;color:#fff}.section-header h2 svg{color:#ff470f}.filter-tabs{display:flex;gap:8px;background:#0f0f0f;padding:4px;border-radius:10px}.filter-tabs button{background:transparent;border:none;color:#6b7280;padding:10px 20px;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.filter-tabs button:hover{color:#fff;background:#ffffff0d}.filter-tabs button.active{background:#ff470f;color:#fff;box-shadow:0 2px 10px #ff470f4d}.conversations-list{max-height:700px;overflow-y:auto}.conversations-list::-webkit-scrollbar{width:6px}.conversations-list::-webkit-scrollbar-track{background:#1a1a1a}.conversations-list::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;color:#4b5563}.empty-state svg{margin-bottom:16px;opacity:.3}.conversation-card{border-bottom:1px solid #222;transition:background .2s}.conversation-card:last-child{border-bottom:none}.conversation-card:hover{background:#ffffff05}.conversation-header{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;cursor:pointer}.conv-info{display:flex;align-items:center;gap:16px}.status-badge{padding:6px 14px;border-radius:100px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-badge.qualified{background:linear-gradient(135deg,#10b98133,#10b9811a);color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-badge.not-qualified{background:linear-gradient(135deg,#ef444433,#ef44441a);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.conv-date{font-size:.9rem;color:#9ca3af;font-weight:500}.conv-device{color:#6b7280;display:flex;align-items:center}.conv-stats{display:flex;align-items:center;gap:20px;font-size:.9rem}.conv-stats .score{font-weight:700;color:#ff470f;background:#ff470f1a;padding:4px 12px;border-radius:6px}.conv-stats .messages{color:#6b7280}.rdv-badge{background:linear-gradient(135deg,#10b98133,#10b9811a);color:#10b981;padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:600}.conversation-details{padding:0 28px 28px;background:linear-gradient(180deg,#0000004d,#0000001a);border-top:1px solid #222}.details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:24px 0;border-bottom:1px solid #222}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-weight:600;font-size:.95rem;color:#e5e7eb}.detail-value.urgency-high{color:#ef4444}.detail-value.urgency-medium{color:#f59e0b}.detail-value.urgency-low{color:#10b981}.reasons-list{display:flex;flex-wrap:wrap;gap:10px;padding:20px 0;border-bottom:1px solid #222;align-items:center}.reasons-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-right:8px}.reason-tag{background:#ff470f1a;border:1px solid rgba(255,71,15,.2);padding:6px 14px;border-radius:100px;font-size:.8rem;color:#f85}.messages-preview{padding-top:20px}.preview-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:16px}.messages-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding-right:10px}.messages-list::-webkit-scrollbar{width:4px}.messages-list::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.preview-message{display:flex;gap:12px;padding:14px 16px;border-radius:12px;font-size:.9rem;line-height:1.5}.preview-message.assistant{background:linear-gradient(135deg,#1f1f1f,#181818);border:1px solid #2A2A2A;margin-right:40px}.preview-message.user{background:linear-gradient(135deg,#ff470f26,#ff470f14);border:1px solid rgba(255,71,15,.2);margin-left:40px}.msg-role{flex-shrink:0;font-size:1.1rem}.msg-content{color:#d1d5db}.preview-message.user .msg-content{color:#fa8}@media(max-width:1400px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.sandbox-analytics{padding:20px}.stats-grid,.details-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sandbox-analytics{padding:16px}.analytics-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%}.days-select,.refresh-btn{flex:1}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:16px}.stat-value{font-size:1.5rem}.section-header{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.filter-tabs{width:100%}.filter-tabs button{flex:1;padding:10px 12px;font-size:.8rem}.conversation-header{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 20px}.conv-stats{width:100%;justify-content:space-between}.conversation-details{padding:0 20px 20px}.details-grid{grid-template-columns:1fr 1fr;gap:16px}.preview-message{margin-left:0!important;margin-right:0!important}.utm-grid{grid-template-columns:repeat(2,1fr)}}.utm-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#6366f133,#6366f11a);border:1px solid rgba(99,102,241,.3);border-radius:6px;font-size:.75rem;color:#818cf8;font-weight:600}.utm-section{margin-top:16px;padding:16px;background:#6366f10d;border:1px solid rgba(99,102,241,.15);border-radius:12px}.utm-label{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:#818cf8;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.utm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.utm-item{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:#0003;border-radius:8px}.utm-key{font-size:.7rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.utm-value{font-size:.85rem;color:#f5f5f5;font-weight:500}.utm-value.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.referrer-info{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(99,102,241,.15)}.referrer-label{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#6b7280;flex-shrink:0}.referrer-value{font-size:.8rem;color:#9ca3af;word-break:break-all}.subscription-page{min-height:100vh;background:linear-gradient(180deg,#f5f3ef,#fff);padding:40px 24px}.subscription-container{max-width:1100px;margin:0 auto}.subscription-header{text-align:center;margin-bottom:32px}.success-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);border-radius:100px;color:#fff;font-size:.9rem;font-weight:600;margin-bottom:24px}.subscription-header h1{font-size:2.25rem;font-weight:800;color:#0a0a0a;margin:0 0 12px;letter-spacing:-.02em}.subscription-header p{font-size:1.1rem;color:#6b7280;margin:0}.early-bird-banner{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px 32px;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;margin-bottom:20px;color:#fff}.early-bird-icon{width:48px;height:48px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center}.early-bird-content{text-align:left}.early-bird-title{font-size:1.15rem;font-weight:700;margin-bottom:4px}.early-bird-text{font-size:.9rem;opacity:.9}.trial-info{display:flex;justify-content:center;gap:32px;padding:16px 24px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;margin-bottom:40px}.trial-info-item{display:flex;align-items:center;gap:10px;font-size:.95rem;color:#4b5563}.trial-info-item svg{color:#ff470f}.trial-info-item strong{color:#0a0a0a}.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}.plan-card{background:#fff;border:2px solid #e5e5e5;border-radius:24px;padding:32px 28px;position:relative;cursor:pointer;transition:all .3s}.plan-card:hover{border-color:#d1d5db;transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.plan-card.selected{border-color:#ff470f;box-shadow:0 0 0 4px #ff470f1a}.plan-card.popular{border-color:#ff470f;background:linear-gradient(180deg,#fff,#fff8f5)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:8px 20px;background:linear-gradient(135deg,#ff470f,#ff6b35);border-radius:100px;color:#fff;font-size:.8rem;font-weight:600;white-space:nowrap}.plan-header{margin-bottom:24px}.plan-header h3{font-size:1.5rem;font-weight:700;color:#0a0a0a;margin:0 0 8px}.plan-header p{font-size:.9rem;color:#6b7280;margin:0}.plan-price{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid #e5e5e5}.price-row{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.price-old{font-size:1.25rem;color:#9ca3af;text-decoration:line-through}.price-current{font-size:2.5rem;font-weight:800;color:#0a0a0a}.price-period{font-size:1rem;color:#6b7280}.price-note{display:block;margin-top:6px;font-size:.8rem;color:#9ca3af}.plan-features{list-style:none;padding:0;margin:0 0 28px}.plan-features li{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:.95rem;color:#4b5563;border-bottom:1px solid #f3f4f6}.plan-features li:last-child{border-bottom:none}.plan-features li svg{color:#10b981;flex-shrink:0}.btn-plan{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 24px;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-plan.primary{background:linear-gradient(135deg,#ff470f,#ff6b35);color:#fff}.btn-plan.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff470f4d}.btn-plan.secondary{background:#fff;border:1px solid #e5e5e5;color:#0a0a0a}.btn-plan.secondary:hover{background:#f9fafb;border-color:#d1d5db}.btn-plan:disabled{opacity:.7;cursor:not-allowed}.guarantees{display:flex;justify-content:center;gap:40px;padding:24px;background:#fafafa;border-radius:16px;margin-bottom:48px}.guarantee-item{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#4b5563}.guarantee-item svg{color:#10b981}.subscription-faq{max-width:700px;margin:0 auto}.subscription-faq h4{font-size:1.25rem;font-weight:700;color:#0a0a0a;margin:0 0 24px;text-align:center}.faq-items{display:flex;flex-direction:column;gap:16px}.faq-item{padding:20px 24px;background:#fff;border:1px solid #e5e5e5;border-radius:12px}.faq-item strong{display:block;font-size:.95rem;color:#0a0a0a;margin-bottom:8px}.faq-item p{font-size:.9rem;color:#6b7280;margin:0;line-height:1.6}@media(max-width:1200px){.plans-grid{grid-template-columns:repeat(2,1fr);max-width:700px;margin-left:auto;margin-right:auto}}@media(max-width:768px){.plans-grid{grid-template-columns:1fr;max-width:450px}.plan-card.popular{order:-1}}@media(max-width:768px){.subscription-page{padding:24px 16px}.subscription-header h1{font-size:1.75rem}.early-bird-banner{flex-direction:column;text-align:center}.early-bird-content{text-align:center}.trial-info{flex-direction:column;gap:12px;text-align:center}.trial-info-item{justify-content:center}.guarantees{flex-direction:column;align-items:center;gap:16px}.pricing-bottom-cta{flex-direction:column}.cta-buttons{flex-direction:column;width:100%}}.pricing-public .back-link{display:inline-flex;align-items:center;gap:8px;color:#6b7280;text-decoration:none;font-size:.9rem;margin-bottom:32px;transition:color .2s}.pricing-public .back-link:hover{color:#ff470f}.pricing-bottom-cta{text-align:center;padding:48px 24px;margin-top:48px;background:linear-gradient(135deg,#ff470f0d,#ff470f05);border-radius:20px;border:1px solid rgba(255,71,15,.1)}.pricing-bottom-cta p{font-size:1.1rem;color:#6b7280;margin:0 0 24px}.cta-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.btn-demo{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:#0a0a0a;color:#fff;border-radius:10px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s}.btn-demo:hover{background:#1a1a1a;transform:translateY(-2px)}.btn-contact{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:transparent;color:#ff470f;border:2px solid #FF470F;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-contact:hover{background:#ff470f1a;transform:translateY(-2px)}.admin-dashboard{min-height:100vh;background:#0a0a0a;color:#f5f5f5;padding:24px}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#141414;border-radius:16px;margin-bottom:24px;border:1px solid #2a2a2a}.header-left{display:flex;align-items:center;gap:12px}.header-left svg{color:#ff470f}.admin-dashboard .header-left h1{font-size:1.5rem;font-weight:700;margin:0;background:linear-gradient(135deg,#ff470f,#ff6b3d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-right{display:flex;align-items:center;gap:16px}.admin-email{font-size:.9rem;color:#9ca3af}.btn-logout{display:flex;align-items:center;padding:10px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;cursor:pointer;transition:all .2s}.btn-logout:hover{background:#ef444433}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#141414;border:1px solid #2a2a2a;border-radius:16px;transition:all .2s}.stat-card:hover{border-color:#3a3a3a}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px}.stat-icon.blue{background:#3b82f626;color:#3b82f6}.stat-icon.green{background:#10b98126;color:#10b981}.stat-icon.orange{background:#ff470f26;color:#ff470f}.stat-icon.purple{background:#8b5cf626;color:#8b5cf6}.stat-icon.teal{background:#14b8a626;color:#14b8a6}.stat-icon.pink{background:#ec489926;color:#ec4899}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1.75rem;font-weight:700;color:#f5f5f5}.stat-label{font-size:.85rem;color:#9ca3af}.filters-bar{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#141414;border:1px solid #2a2a2a;border-radius:16px;margin-bottom:24px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:10px;flex:1;min-width:250px;padding:12px 16px;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:10px}.search-box svg{color:#6b7280}.search-box input{flex:1;background:transparent;border:none;outline:none;color:#f5f5f5;font-size:.9rem}.search-box input::placeholder{color:#6b7280}.filter-tabs{display:flex;gap:8px}.filter-tabs button{padding:10px 16px;background:transparent;border:1px solid #2a2a2a;border-radius:8px;color:#9ca3af;font-size:.85rem;cursor:pointer;transition:all .2s}.filter-tabs button:hover{border-color:#3a3a3a;color:#f5f5f5}.filter-tabs button.active{background:#ff470f;border-color:#ff470f;color:#fff}.btn-refresh{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ff470f1a;border:1px solid rgba(255,71,15,.3);border-radius:10px;color:#ff470f;font-size:.85rem;cursor:pointer;transition:all .2s}.btn-refresh:hover:not(:disabled){background:#ff470f33}.btn-refresh:disabled{opacity:.6;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}.admin-tabs{display:flex;gap:8px;margin-bottom:16px}.admin-tabs button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#141414;border:1px solid #2a2a2a;border-radius:10px;color:#9ca3af;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.admin-tabs button:hover{border-color:#3a3a3a;color:#f5f5f5}.admin-tabs button.active{background:linear-gradient(135deg,#ff470f,#ff6b3d);border-color:transparent;color:#fff}.admin-content{min-height:400px}.agents-list{display:flex;flex-direction:column;gap:12px}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;gap:16px}.agent-card{background:#141414;border:1px solid #2a2a2a;border-radius:16px;overflow:hidden;transition:all .2s}.agent-card:hover{border-color:#3a3a3a}.agent-card.expanded{border-color:#ff470f}.agent-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer}.agent-info{display:flex;align-items:center;gap:14px}.agent-avatar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ff470f1a;border-radius:12px;color:#ff470f}.agent-meta{display:flex;flex-direction:column;gap:4px}.agent-email{font-weight:600;color:#f5f5f5}.agent-name{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#9ca3af}.agent-name svg{color:#10b981}.agent-badges{display:flex;align-items:center;gap:12px}.badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:100px;font-size:.75rem;font-weight:600}.badge.active{background:#10b98126;color:#10b981}.badge.trialing{background:#3b82f626;color:#3b82f6}.badge.canceled{background:#ef444426;color:#ef4444}.badge.none{background:#6b728026;color:#6b7280}.date{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#6b7280}.agent-details{padding:0 20px 20px;border-top:1px solid #2a2a2a}.details-section{padding:20px 0;border-bottom:1px solid #1a1a1a}.details-section:last-child{border-bottom:none}.details-section h4{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600;color:#ff470f;margin:0 0 16px}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.detail-item{padding:12px;background:#0a0a0a;border-radius:10px;border:1px solid #1a1a1a}.detail-item .label{display:block;font-size:.75rem;color:#6b7280;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.detail-item .value{font-size:.9rem;font-weight:500;color:#f5f5f5}.message-preview,.context-preview{padding:16px;background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;font-size:.9rem;color:#d1d5db;line-height:1.6;white-space:pre-wrap}.no-agent{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#6b7280;gap:12px}.campaigns-list{display:flex;flex-direction:column;gap:12px}.campaign-card{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:16px 20px;transition:all .2s}.campaign-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000d}.campaign-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.campaign-info{display:flex;align-items:center;gap:12px}.campaign-info svg{color:#ff470f}.campaign-info>div{display:flex;flex-direction:column;gap:2px}.campaign-name{font-weight:600;color:#f5f5f5}.campaign-agent{font-size:.8rem;color:#6b7280}.campaign-stats{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.campaign-stats .stat{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#9ca3af;padding:6px 12px;background:#0a0a0a;border-radius:8px}.campaign-stats .badge{font-size:.75rem;padding:6px 12px;border-radius:100px;font-weight:600}.campaign-stats .badge.active{background:#10b98126;color:#10b981}.campaign-stats .badge.completed{background:#3b82f626;color:#3b82f6}.campaign-stats .badge.draft{background:#6b728026;color:#6b7280}.campaign-stats .badge.paused{background:#fbbf2426;color:#fbbf24}.campaign-message{margin-top:12px;padding:12px;background:#0a0a0a;border-radius:10px;font-size:.85rem;color:#9ca3af;line-height:1.5}.campaign-message strong{color:#f5f5f5}.error-banner{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;margin-bottom:24px;color:#ef4444}.error-banner span{flex:1;font-size:.9rem}.error-banner button{padding:8px 16px;background:#ef4444;border:none;border-radius:8px;color:#fff;font-size:.85rem;cursor:pointer}.error-banner button:hover{background:#dc2626}.admin-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#0a0a0a;color:#ef4444;gap:16px}.admin-denied h2{margin:0;color:#f5f5f5}.admin-denied p{color:#6b7280}.admin-denied button{margin-top:16px;padding:12px 24px;background:#ff470f;border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer}.user-info-section{background:#6366f10d;border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:16px!important}.user-info-section h4{color:#818cf8!important}.utm-info-section{background:#f59e0b0d;border:1px solid rgba(245,158,11,.2);border-radius:12px;padding:16px!important}.utm-info-section h4{color:#f59e0b!important}.utm-value{color:#f59e0b!important;font-weight:500}.utm-value.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.detail-item.full-width{grid-column:1 / -1}.agent-badges .utm-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);border-radius:6px;font-size:.75rem;color:#f59e0b;font-weight:600}.detail-item.copyable{cursor:pointer;transition:all .2s;border-radius:8px;padding:8px 12px;margin:-8px -12px}.detail-item.copyable:hover{background:#6366f11a}.detail-item .value svg{flex-shrink:0}.detail-item .value svg.copied{color:#10b981}.detail-item .id-value{font-family:monospace;font-size:.8rem;word-break:break-all}.admin-actions{display:flex;gap:12px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #1a1a1a}.btn-edit{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:10px;color:#818cf8;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-edit:hover{background:#6366f133;border-color:#818cf8}.btn-save{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-save:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#ef444433;border-color:#ef4444}.edit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.edit-field{display:flex;flex-direction:column;gap:6px}.edit-field.full-width{grid-column:1 / -1}.edit-field label{font-size:.8rem;color:#9ca3af;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.edit-field input,.edit-field select,.edit-field textarea{padding:12px 14px;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:10px;color:#f5f5f5;font-size:.9rem;transition:all .2s}.edit-field input:focus,.edit-field select:focus,.edit-field textarea:focus{outline:none;border-color:#ff470f;box-shadow:0 0 0 3px #ff470f26}.edit-field textarea{resize:vertical;min-height:100px;font-family:inherit;line-height:1.5}.edit-field select{cursor:pointer}.edit-field select option{background:#0a0a0a;color:#f5f5f5}.btn-test{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-test:hover{opacity:.9;transform:translateY(-1px)}.btn-impersonate{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-impersonate:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.sandbox-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sandbox-modal{background:#141414;border:1px solid #2a2a2a;border-radius:20px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px #00000080}.sandbox-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #2a2a2a;background:linear-gradient(135deg,#ff470f1a,#ff6b3d0d)}.sandbox-title{display:flex;align-items:center;gap:12px}.sandbox-title svg{color:#ff470f}.sandbox-title h3{margin:0;font-size:1.1rem;color:#f5f5f5}.sandbox-company{font-size:.85rem;color:#6b7280}.btn-close-sandbox{padding:8px;background:#ffffff0d;border:1px solid #2a2a2a;border-radius:10px;color:#9ca3af;cursor:pointer;transition:all .2s}.btn-close-sandbox:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.trigger-selector{padding:16px 24px;border-bottom:1px solid #2a2a2a;background:#0a0a0a}.trigger-selector label{font-size:.8rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;display:block}.trigger-options{display:flex;gap:8px;flex-wrap:wrap}.trigger-option{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#141414;border:1px solid #2a2a2a;border-radius:10px;color:#9ca3af;font-size:.85rem;cursor:pointer;transition:all .2s}.trigger-option:hover{border-color:#3a3a3a;color:#f5f5f5}.trigger-option.active{border-color:#ff470f;background:#ff470f1a;color:#f5f5f5}.trigger-option.active.inbound{border-color:#10b981;background:#10b9811a}.trigger-option.active.outbound{border-color:#f59e0b;background:#f59e0b1a}.trigger-type-badge{font-size:.7rem;padding:2px 6px;border-radius:4px;font-weight:600;text-transform:uppercase}.trigger-type-badge.inbound{background:#10b98133;color:#10b981}.trigger-type-badge.outbound{background:#f59e0b33;color:#f59e0b}.trigger-description{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;background:#141414;border-radius:8px;font-size:.8rem;color:#6b7280}.trigger-description svg{color:#ff470f;flex-shrink:0}.sandbox-messages{flex:1;padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;min-height:300px;max-height:400px}.sandbox-message{display:flex;gap:10px;max-width:85%}.sandbox-message.user{align-self:flex-end;flex-direction:row-reverse}.sandbox-message.assistant .message-avatar{width:32px;height:32px;background:linear-gradient(135deg,#ff470f,#ff6b3d);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sandbox-message.assistant .message-avatar svg{color:#fff}.sandbox-message .message-content{padding:12px 16px;border-radius:16px;position:relative}.sandbox-message.assistant .message-content{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px 16px 16px 4px}.sandbox-message.user .message-content{background:linear-gradient(135deg,#ff470f,#ff6b3d);border-radius:16px 16px 4px}.sandbox-message.error .message-content{background:#ef44441a;border-color:#ef44444d}.sandbox-message .message-content p{margin:0;font-size:.9rem;line-height:1.5;color:#f5f5f5}.sandbox-message .message-time{display:block;margin-top:6px;font-size:.7rem;color:#6b7280}.sandbox-message.user .message-time{color:#ffffffb3}.typing-indicator{display:flex;gap:4px;padding:4px 0}.typing-indicator span{width:8px;height:8px;background:#6b7280;border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.sandbox-input-area{display:flex;gap:12px;padding:16px 24px;border-top:1px solid #2a2a2a;background:#0a0a0a}.sandbox-input-area input{flex:1;padding:14px 18px;background:#141414;border:1px solid #2a2a2a;border-radius:999px;color:#f5f5f5;font-size:.9rem;outline:none;transition:all .2s}.sandbox-input-area input:focus{border-color:#ff470f}.sandbox-input-area input::placeholder{color:#6b7280}.btn-send-sandbox{width:48px;height:48px;background:linear-gradient(135deg,#ff470f,#ff6b3d);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-send-sandbox:hover:not(:disabled){transform:scale(1.05)}.btn-send-sandbox:disabled{opacity:.5;cursor:not-allowed}.sandbox-config-preview{display:flex;gap:16px;padding:12px 24px;background:#0a0a0a;border-top:1px solid #2a2a2a}.config-item{display:flex;flex-direction:column;gap:2px}.config-label{font-size:.7rem;color:#6b7280;text-transform:uppercase}.config-value{font-size:.85rem;color:#f5f5f5;font-weight:500}@media(max-width:768px){.admin-dashboard{padding:16px}.admin-header{flex-direction:column;gap:16px;text-align:center}.filters-bar{flex-direction:column}.search-box{width:100%}.filter-tabs{width:100%;flex-wrap:wrap}.filter-tabs button{flex:1;text-align:center}.agent-header{flex-direction:column;align-items:flex-start;gap:12px}.agent-badges{width:100%;justify-content:space-between}.details-grid,.edit-grid{grid-template-columns:1fr}.admin-actions{flex-wrap:wrap}.btn-edit,.btn-save,.btn-cancel{flex:1;justify-content:center}}.blacklist-page{padding:32px;background:#f5f3ef;min-height:100vh}.blacklist-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border-radius:16px;border:1px solid #e5e5e5}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;color:#1a1a1a}.stat-label{font-size:.85rem;color:#6b7280}.info-banner{display:flex;align-items:flex-start;gap:16px;margin-top:20px;padding:16px 20px;background:#eff6ff;border:1px solid #BFDBFE;border-radius:12px}.info-banner svg{color:#3b82f6;flex-shrink:0;margin-top:2px}.info-banner strong{display:block;color:#1e40af;margin-bottom:4px}.info-banner p{color:#3b82f6;font-size:.9rem;margin:0}.search-bar{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;margin-top:20px}.search-bar input{flex:1;border:none;outline:none;font-size:.95rem;background:transparent}.search-bar svg{color:#9ca3af}.blacklist-table{margin-top:20px;background:#fff;border-radius:16px;border:1px solid #e5e5e5;overflow:hidden}.blacklist-table table{width:100%;border-collapse:collapse}.blacklist-table th{text-align:left;padding:16px 20px;font-size:.8rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;background:#f9fafb;border-bottom:1px solid #e5e5e5}.blacklist-table td{padding:16px 20px;font-size:.9rem;color:#374151;border-bottom:1px solid #f3f4f6}.blacklist-table tr:last-child td{border-bottom:none}.blacklist-table tr:hover td{background:#f9fafb}.phone-cell{display:flex;align-items:center;gap:8px;font-family:monospace;font-weight:500}.phone-cell svg{color:#9ca3af}.date-cell{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:.85rem}.source-badge{display:inline-flex;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;color:#9ca3af;text-align:center}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state h3{color:#6b7280;margin-bottom:8px}.import-info{display:flex;align-items:center;gap:8px;padding:12px;background:#f3f4f6;border-radius:8px;font-size:.85rem;color:#6b7280}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#fff;border-radius:20px;width:100%;max-width:480px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e5e5}.modal-header h2{font-size:1.25rem;font-weight:600;margin:0}.modal-body{padding:24px;display:flex;flex-direction:column;gap:20px}.modal-footer{padding:16px 24px;border-top:1px solid #e5e5e5;display:flex;justify-content:flex-end;gap:12px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.85rem;font-weight:500;color:#374151}.form-group input,.form-group select,.form-group textarea{padding:12px 14px;border:1px solid #e5e5e5;border-radius:10px;font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#ff470f}.btn-primary{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#ff470f;color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#e5400d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;color:#374151;border:1px solid #e5e5e5;border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f5f5f5}.btn-icon{background:none;border:none;padding:4px;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;border-radius:6px}.btn-icon:hover{background:#f5f5f5}.btn-icon-sm{width:32px;height:32px;border:none;background:#f5f5f5;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s}.btn-icon-sm.danger:hover{background:#fee2e2;color:#ef4444}.page-loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:#6b7280}@media(max-width:900px){.blacklist-stats{grid-template-columns:repeat(2,1fr)}.header-actions{flex-wrap:wrap}}@media(max-width:600px){.blacklist-page{padding:16px}.blacklist-stats{grid-template-columns:1fr}.blacklist-table{overflow-x:auto}.blacklist-table table{min-width:600px}}.legal-page{min-height:100vh;background:linear-gradient(180deg,#fafafa,#f5f5f5);padding:40px 24px}.legal-container{max-width:800px;margin:0 auto}.legal-header{text-align:center;margin-bottom:48px}.legal-icon{width:72px;height:72px;background:linear-gradient(135deg,#1a1a1a,#333);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 24px}.legal-icon.privacy{background:linear-gradient(135deg,#10b981,#059669)}.legal-header h1{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0 0 12px;letter-spacing:-.02em}.legal-subtitle{color:#888;font-size:.95rem;margin:0}.legal-content{background:#fff;border-radius:20px;padding:48px;box-shadow:0 4px 24px #0000000f}.legal-content section{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #E5E5E5}.legal-content section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.legal-content h2{font-size:1.35rem;font-weight:700;color:#1a1a1a;margin:0 0 20px;letter-spacing:-.01em}.legal-content h3{font-size:1.05rem;font-weight:600;color:#333;margin:24px 0 12px}.legal-content h4{font-size:.95rem;font-weight:600;color:#1a1a1a;margin:0 0 8px}.legal-content p{color:#555;line-height:1.7;margin:0 0 16px;font-size:.95rem}.legal-content ul{margin:16px 0;padding-left:24px}.legal-content li{color:#555;line-height:1.7;margin-bottom:8px;font-size:.95rem}.legal-content a{color:#ff470f;text-decoration:none;font-weight:500}.legal-content a:hover{text-decoration:underline}.intro-section{background:#f9fafb;border-radius:12px;padding:24px;border-left:4px solid #FF470F}.intro-section p{margin:0;font-size:1rem;color:#444}.info-box{background:#f9fafb;border-radius:12px;padding:20px;margin:16px 0}.info-box p{margin:4px 0}.note{background:#fef3c7;border-radius:8px;padding:16px;border-left:4px solid #F59E0B;margin:16px 0}.purposes-table,.retention-table,.cookies-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.9rem}.purposes-table th,.purposes-table td,.retention-table th,.retention-table td,.cookies-table th,.cookies-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #E5E5E5}.purposes-table th,.retention-table th,.cookies-table th{background:#f9fafb;font-weight:600;color:#1a1a1a}.purposes-table td,.retention-table td,.cookies-table td{color:#555}.rights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:24px 0}.right-card{background:#f9fafb;border-radius:12px;padding:20px;transition:all .2s}.right-card:hover{background:#f3f4f6;transform:translateY(-2px)}.right-card h4{display:flex;align-items:center;gap:8px;margin-bottom:8px}.right-card p{margin:0;font-size:.85rem;color:#666}.legal-footer{text-align:center;margin-top:40px;padding-top:24px;border-top:1px solid #E5E5E5}.legal-footer p{color:#888;font-size:.85rem;margin:8px 0}.legal-footer a{color:#ff470f;text-decoration:none}.legal-footer a:hover{text-decoration:underline}@media(max-width:768px){.legal-page{padding:24px 16px}.legal-content{padding:32px 24px}.legal-header h1{font-size:1.5rem}.rights-grid{grid-template-columns:1fr}.purposes-table,.retention-table,.cookies-table{font-size:.8rem}.purposes-table th,.purposes-table td,.retention-table th,.retention-table td,.cookies-table th,.cookies-table td{padding:10px 12px}}.webhook-docs-page{min-height:100vh;background:linear-gradient(180deg,#fafafa,#f5f5f5);padding:40px 24px}.webhook-docs-container{max-width:900px;margin:0 auto}.back-link{display:inline-flex;align-items:center;gap:8px;color:#666;text-decoration:none;font-size:.9rem;font-weight:500;margin-bottom:32px;transition:color .2s}.back-link:hover{color:#ff470f}.docs-header{text-align:center;margin-bottom:48px}.docs-icon{width:72px;height:72px;background:linear-gradient(135deg,#ff470f,#ff6b35);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 24px}.docs-header h1{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0 0 12px}.docs-subtitle{color:#666;font-size:1.1rem;margin:0}.docs-content{background:#fff;border-radius:20px;padding:40px;box-shadow:0 4px 24px #0000000f}.docs-section{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #E5E5E5}.docs-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.docs-section h2{display:flex;align-items:center;gap:10px;font-size:1.3rem;font-weight:700;color:#1a1a1a;margin:0 0 16px}.docs-section h2 svg{color:#ff470f}.docs-section h3{font-size:1rem;font-weight:600;color:#333;margin:24px 0 12px}.docs-section h4{font-size:.9rem;font-weight:600;color:#555;margin:20px 0 10px}.docs-section p{color:#555;line-height:1.7;margin:0 0 16px}.section-header{display:flex;justify-content:space-between;align-items:center}.section-header.clickable{cursor:pointer;padding:8px;margin:-8px;border-radius:8px;transition:background .2s}.section-header.clickable:hover{background:#f9fafb}.section-header.clickable h2{margin:0}.section-content{margin-top:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.endpoint-box{display:flex;align-items:center;gap:12px;background:#1a1a1a;padding:16px 20px;border-radius:12px;margin:20px 0;overflow-x:auto}.endpoint-box .method{background:#10b981;color:#fff;padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:700;flex-shrink:0}.endpoint-box code{color:#e5e5e5;font-family:SF Mono,Monaco,monospace;font-size:.9rem}.endpoint-box .highlight{color:#ff470f;background:#ff470f33;padding:2px 6px;border-radius:4px}.info-callout{display:flex;align-items:flex-start;gap:12px;background:#f0fdf4;border:1px solid #BBF7D0;border-radius:12px;padding:16px;margin:16px 0}.info-callout svg{color:#10b981;flex-shrink:0;margin-top:2px}.info-callout p{margin:0;color:#166534;font-size:.9rem}.fields-table,.error-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.9rem}.fields-table th,.fields-table td,.error-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #E5E5E5}.fields-table th{background:#f9fafb;font-weight:600;color:#1a1a1a}.fields-table td code,.error-table td code{background:#f3f4f6;padding:2px 8px;border-radius:4px;font-size:.85rem;color:#1a1a1a}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.badge.required{background:#fee2e2;color:#dc2626}.badge.optional{background:#e5e5e5;color:#6b7280}.code-block{background:#1a1a1a;border-radius:12px;overflow:hidden;margin:16px 0}.code-block.success{border-left:4px solid #10B981}.code-block.error{border-left:4px solid #EF4444}.code-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.code-header span{color:#888;font-size:.8rem;font-weight:500}.copy-btn{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid rgba(255,255,255,.2);color:#888;padding:6px 12px;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s}.copy-btn:hover{background:#ffffff1a;color:#fff}.code-block code{color:#e5e5e5;font-family:SF Mono,Monaco,monospace;font-size:.85rem;line-height:1.6;white-space:pre}.integrations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.integration-card{background:#f9fafb;border:1px solid #E5E5E5;border-radius:12px;padding:20px;transition:all .2s}.integration-card:hover{border-color:#ff470f;transform:translateY(-2px)}.integration-card h4{font-size:1rem;font-weight:600;color:#1a1a1a;margin:0 0 8px}.integration-card p{font-size:.85rem;color:#666;margin:0;line-height:1.5}.help-section{display:flex;align-items:flex-start;gap:16px;background:#fef3c7;border-radius:12px;padding:24px;border:none!important;margin-bottom:0!important}.help-section svg{color:#d97706;flex-shrink:0}.help-section h3{margin:0 0 8px!important;color:#92400e}.help-section p{margin:0 0 12px;color:#92400e}.help-link{color:#d97706;font-weight:600;text-decoration:none}.help-link:hover{text-decoration:underline}.docs-footer{text-align:center;margin-top:40px;color:#888;font-size:.85rem}@media(max-width:768px){.webhook-docs-page{padding:24px 16px}.docs-content{padding:24px}.integrations-grid{grid-template-columns:1fr}.endpoint-box{flex-direction:column;align-items:flex-start;gap:8px}.fields-table{font-size:.8rem}.fields-table th,.fields-table td{padding:8px 10px}}.widget-integration-page{padding:32px;max-width:1400px;margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-color, #E5E7EB)}.header-content{display:flex;align-items:center;gap:16px}.header-icon{width:56px;height:56px;background:linear-gradient(135deg,#ff470f,#e63d0d);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff}.page-header h1{font-size:1.75rem;font-weight:700;margin:0;color:var(--text-primary, #1A1A1A)}.page-header p{margin:4px 0 0;color:var(--text-muted, #6B7280);font-size:.95rem}.header-actions{display:flex;gap:12px}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#ff470f,#e63d0d);color:#fff;border:none;box-shadow:0 4px 12px #ff470f4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff470f66}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-secondary, #F3F4F6);color:var(--text-primary, #1A1A1A);border:1px solid var(--border-color, #E5E7EB)}.btn-secondary:hover{background:var(--bg-tertiary, #E5E7EB)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tabs-container{display:flex;gap:8px;margin-bottom:24px;padding:6px;background:var(--bg-secondary, #F3F4F6);border-radius:12px;width:fit-content}.tab{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;background:transparent;border-radius:8px;font-size:.9rem;font-weight:500;color:var(--text-muted, #6B7280);cursor:pointer;transition:all .2s}.tab:hover{color:var(--text-primary, #1A1A1A)}.tab.active{background:#fff;color:#ff470f;box-shadow:0 2px 8px #00000014}.content-grid{display:grid;grid-template-columns:1fr;gap:24px}.content-grid:has(.preview-panel){grid-template-columns:1fr 400px}.main-content{min-width:0}.setup-section{display:flex;flex-direction:column;gap:24px}.step-card{background:#fff;border:1px solid var(--border-color, #E5E7EB);border-radius:16px;padding:24px}.step-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.step-number{width:36px;height:36px;background:linear-gradient(135deg,#ff470f,#e63d0d);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem;flex-shrink:0}.step-header h3{font-size:1.1rem;font-weight:600;margin:0 0 4px}.step-header p{margin:0;color:var(--text-muted, #6B7280);font-size:.9rem}.code-block{background:#1a1a1a;border-radius:12px;overflow:hidden}.code-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#2d2d2d;border-bottom:1px solid #404040}.code-lang{font-size:.8rem;color:#9ca3af;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.copy-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ff470f;color:#fff;border:none;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.copy-btn:hover{background:#e63d0d}.code-block pre{margin:0;padding:20px;overflow-x:auto}.code-block code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;line-height:1.6;color:#e5e7eb;white-space:pre-wrap;word-break:break-all}.verification-checklist{display:flex;flex-direction:column;gap:12px}.checklist-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary, #F3F4F6);border-radius:10px;font-size:.9rem}.checklist-item svg{color:#10b981;flex-shrink:0}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{background:var(--bg-secondary, #F3F4F6);border-radius:12px;padding:24px;text-align:center}.feature-card svg{color:#ff470f;margin-bottom:12px}.feature-card h4{font-size:1rem;margin:0 0 8px}.feature-card p{font-size:.85rem;color:var(--text-muted, #6B7280);margin:0}.customize-section{display:flex;flex-direction:column;gap:20px}.config-card{background:#fff;border:1px solid var(--border-color, #E5E7EB);border-radius:16px;padding:24px}.config-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.config-header svg{color:#ff470f}.config-header h3{font-size:1.1rem;font-weight:600;margin:0}.color-presets{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.color-preset{width:44px;height:44px;border-radius:12px;border:3px solid transparent;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#fff}.color-preset:hover{transform:scale(1.1)}.color-preset.active{border-color:#1a1a1a;box-shadow:0 0 0 2px #fff,0 0 0 4px #1a1a1a}.custom-color{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-secondary, #F3F4F6);border-radius:10px}.custom-color input[type=color]{width:32px;height:32px;padding:0;border:none;border-radius:8px;cursor:pointer}.custom-color span{font-size:.85rem;color:var(--text-muted, #6B7280)}.position-options{display:flex;gap:16px}.position-option{flex:1;padding:20px;background:var(--bg-secondary, #F3F4F6);border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s}.position-option:hover{border-color:var(--border-color, #E5E7EB)}.position-option.active{border-color:#ff470f;background:#ff470f0d}.position-preview{width:100%;height:80px;background:#fff;border:1px solid var(--border-color, #E5E7EB);border-radius:8px;position:relative;margin-bottom:12px}.position-preview .mock-widget{position:absolute;bottom:8px;width:20px;height:20px;background:#ff470f;border-radius:50%}.position-preview.right .mock-widget{right:8px}.position-preview.left .mock-widget{left:8px}.position-option span{font-size:.9rem;font-weight:500;color:var(--text-primary, #1A1A1A)}.input-group{margin-bottom:16px}.input-group:last-child{margin-bottom:0}.input-group label{display:block;font-size:.85rem;font-weight:500;color:var(--text-muted, #6B7280);margin-bottom:8px}.input-group input,.input-group textarea{width:100%;padding:12px 16px;background:var(--bg-secondary, #F3F4F6);border:1px solid var(--border-color, #E5E7EB);border-radius:10px;font-size:.95rem;color:var(--text-primary, #1A1A1A);transition:all .2s}.input-group input:focus,.input-group textarea:focus{outline:none;border-color:#ff470f;box-shadow:0 0 0 3px #ff470f1a}.input-group textarea{resize:vertical;min-height:80px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.toggle-label{font-weight:500;margin:0 0 4px}.toggle-desc{font-size:.85rem;color:var(--text-muted, #6B7280);margin:0}.toggle{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#e5e7eb;border-radius:28px;transition:.3s}.slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s;box-shadow:0 2px 4px #0000001a}input:checked+.slider{background-color:#ff470f}input:checked+.slider:before{transform:translate(24px)}.analytics-section{display:flex;flex-direction:column;gap:24px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{background:#fff;border:1px solid var(--border-color, #E5E7EB);border-radius:12px;padding:24px;text-align:center}.stat-card.highlight{background:linear-gradient(135deg,#ff470f1a,#ff470f0d);border-color:#ff470f4d}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary, #1A1A1A);margin-bottom:4px}.stat-card.highlight .stat-value{color:#ff470f}.stat-label{font-size:.85rem;color:var(--text-muted, #6B7280)}.info-box{display:flex;gap:16px;padding:20px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:12px}.info-box svg{color:#3b82f6;flex-shrink:0}.info-box p{margin:0;font-size:.9rem;color:var(--text-primary, #1A1A1A)}.info-box p:first-child{margin-bottom:4px}.info-box p:last-child{color:var(--text-muted, #6B7280)}.empty-state{text-align:center;padding:60px 20px;background:#fff;border:1px solid var(--border-color, #E5E7EB);border-radius:16px}.empty-state svg{color:var(--text-muted, #6B7280);margin-bottom:16px}.empty-state h3{font-size:1.1rem;margin:0 0 8px}.empty-state p{color:var(--text-muted, #6B7280);margin:0}.preview-panel{background:#fff;border:1px solid var(--border-color, #E5E7EB);border-radius:16px;overflow:hidden;position:sticky;top:24px;height:fit-content}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color, #E5E7EB)}.preview-header h3{font-size:1rem;margin:0}.preview-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#10b9811a;color:#10b981;font-size:.75rem;font-weight:600;border-radius:100px}.preview-badge:before{content:"";width:6px;height:6px;background:#10b981;border-radius:50%;animation:pulse-preview 2s infinite}@keyframes pulse-preview{0%,to{opacity:1}50%{opacity:.5}}.preview-container{padding:24px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);min-height:400px;display:flex;align-items:flex-end;justify-content:center}.preview-mockup{width:100%;max-width:320px;position:relative}.mock-widget-window{background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;overflow:hidden;margin-bottom:80px}.mock-header{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--preview-color, #FF470F);color:#fff}.mock-avatar{width:36px;height:36px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center}.mock-info{display:flex;flex-direction:column}.mock-name{font-weight:600;font-size:.9rem}.mock-status{font-size:.75rem;opacity:.9}.mock-messages{padding:16px;background:#f8f9fa;min-height:120px}.mock-message{max-width:80%}.mock-message.assistant p{background:#fff;padding:10px 14px;border-radius:14px 14px 14px 4px;font-size:.85rem;margin:0;box-shadow:0 1px 3px #00000014}.mock-input{padding:12px 16px;border-top:1px solid #E5E7EB}.mock-input input{width:100%;padding:10px 14px;border:1px solid #E5E7EB;border-radius:24px;font-size:.85rem;background:#f8f9fa}.mock-launcher{position:absolute;bottom:10px;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 16px #0003}.mock-launcher.right{right:10px}.mock-launcher.left{left:10px}@media(max-width:1024px){.content-grid:has(.preview-panel){grid-template-columns:1fr}.preview-panel{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.widget-integration-page{padding:20px}.page-header{flex-direction:column;align-items:flex-start;gap:20px}.header-actions{width:100%}.header-actions button{flex:1}.tabs-container{width:100%;overflow-x:auto}.features-grid{grid-template-columns:1fr}.position-options{flex-direction:column}.stats-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.tab{padding:10px 14px;font-size:.85rem}.tab span{display:none}}@media(prefers-color-scheme:dark){.widget-integration-page{--bg-secondary: #1A1A1A;--bg-tertiary: #2D2D2D;--text-primary: #FFFFFF;--text-muted: #9CA3AF;--border-color: #333333}.step-card,.config-card,.stat-card,.preview-panel,.tabs-container{background:#1a1a1a}.tab.active,.checklist-item,.feature-card,.input-group input,.input-group textarea,.position-preview{background:#2d2d2d}.preview-container{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}}.faq-page{padding:0;background:linear-gradient(180deg,var(--color-primary-lighter) 0%,var(--bg-card) 200px);min-height:100vh}.faq-header{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 50%,#FF8F5C 100%);padding:var(--space-12) var(--page-padding-x);border-radius:0 0 var(--radius-xl) var(--radius-xl);margin-bottom:var(--space-8)}.faq-header-content{display:flex;align-items:center;gap:20px;margin-bottom:28px}.faq-icon{width:64px;height:64px;background:#fff3;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff}.faq-header h1{margin:0;font-size:2.2rem;font-weight:800;color:#fff}.faq-header-content>div>p{margin:4px 0 0;color:#ffffffd9;font-size:1.1rem}.faq-search{display:flex;align-items:center;gap:14px;background:#fff;padding:16px 24px;border-radius:16px;box-shadow:0 8px 32px #00000026;max-width:600px}.faq-search svg{color:#9ca3af;flex-shrink:0}.faq-search input{flex:1;border:none;font-size:1.05rem;background:none;color:#1f2937}.faq-search input::placeholder{color:#9ca3af}.faq-search input:focus{outline:none}.quick-start{padding:0 40px 32px}.quick-start h2{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 20px}.quick-start h2 svg{color:#ff470f}.quick-start-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.quick-card{background:var(--bg-card);border:2px solid var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-6);cursor:pointer;transition:all var(--transition-slow)}.quick-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 12px 32px var(--color-primary-glow)}.quick-icon{width:48px;height:48px;background:linear-gradient(135deg,#ff470f,#ff6b35);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:16px}.quick-icon.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e)}.quick-icon.campaigns{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.quick-icon.meta{background:linear-gradient(135deg,#1877f2,#0d5fc6)}.quick-card h3{margin:0 0 6px;font-size:1.05rem;font-weight:700;color:#1f2937}.quick-card p{margin:0;font-size:.9rem;color:#6b7280}.faq-content{display:flex;gap:32px;padding:0 40px 60px;min-height:500px}.faq-sidebar{width:280px;flex-shrink:0}.categories-nav{background:#fff;border-radius:16px;border:2px solid #f3f4f6;padding:8px;position:sticky;top:24px}.category-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:none;border:none;border-radius:12px;cursor:pointer;transition:all .2s;text-align:left}.category-btn:hover{background:#f9fafb}.category-btn.active{background:linear-gradient(135deg,#fff5f2,#fff);border:1px solid #fecaca}.category-btn.active .category-title{color:#ff470f;font-weight:600}.category-emoji{font-size:1.2rem}.category-title{flex:1;font-size:.95rem;color:#374151}.category-arrow{color:#9ca3af;transition:transform .2s}.category-btn.active .category-arrow{color:#ff470f;transform:translate(2px)}.faq-main{flex:1;min-width:0}.all-categories h2{margin:0 0 24px;font-size:1.5rem;font-weight:700;color:#1f2937}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.category-card{background:#fff;border:2px solid #f3f4f6;border-radius:16px;padding:28px;cursor:pointer;transition:all .3s ease}.category-card:hover{border-color:#fecaca;transform:translateY(-4px);box-shadow:0 12px 32px #ff470f1a}.category-card .cat-emoji{font-size:2rem;display:block;margin-bottom:16px}.category-card h3{margin:0 0 8px;font-size:1.15rem;font-weight:700;color:#1f2937}.category-card p{margin:0 0 12px;font-size:.9rem;color:#6b7280;line-height:1.5}.article-count{font-size:.8rem;color:#ff470f;font-weight:600;background:#fff5f2;padding:4px 10px;border-radius:20px}.category-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 0;background:none;border:none;color:#6b7280;font-size:.95rem;cursor:pointer;transition:color .2s;margin-bottom:16px}.back-btn:hover{color:#ff470f}.category-header{display:flex;align-items:center;gap:20px;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #f3f4f6}.category-header .cat-emoji{font-size:3rem;background:#fff5f2;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:20px}.category-header h2{margin:0 0 6px;font-size:1.75rem;font-weight:800;color:#1f2937}.category-header p{margin:0;color:#6b7280;font-size:1.05rem}.articles-list{display:flex;flex-direction:column;gap:12px}.article-card{background:#fff;border:2px solid #f3f4f6;border-radius:16px;overflow:hidden;transition:all .2s}.article-card:hover{border-color:#e5e7eb}.article-card.expanded{border-color:#ff470f}.article-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 24px;background:none;border:none;cursor:pointer;text-align:left}.article-header h3{margin:0;font-size:1.05rem;font-weight:600;color:#1f2937}.article-chevron{color:#9ca3af;transition:transform .3s}.article-chevron.rotated{transform:rotate(180deg);color:#ff470f}.article-content{padding:0 24px 24px;border-top:1px solid #f3f4f6;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.article-content h3{font-size:1.1rem;font-weight:700;color:#1f2937;margin:20px 0 12px}.article-content h3:first-child{margin-top:20px}.article-content p{color:#4b5563;line-height:1.7;margin:0 0 16px}.article-content ul,.article-content ol{margin:0 0 16px;padding-left:24px;color:#4b5563}.article-content li{padding:6px 0;line-height:1.6}.article-content code{background:#f3f4f6;padding:2px 8px;border-radius:6px;font-family:Monaco,Consolas,monospace;font-size:.9em;color:#ff470f}.article-content strong{color:#1f2937}.tip-box{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:12px;padding:16px 20px;margin:20px 0;color:#065f46;line-height:1.6}.warning-box{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fcd34d;border-radius:12px;padding:16px 20px;margin:20px 0;color:#92400e;line-height:1.6}.code-example{background:#1f2937;border-radius:12px;padding:20px;margin:16px 0;overflow-x:auto;font-family:Monaco,Consolas,monospace;font-size:.85rem;color:#e5e7eb;line-height:1.6;white-space:pre-wrap}.need-help{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);margin:0 40px 40px;border-radius:24px;padding:48px}.need-help-content{text-align:center;max-width:500px;margin:0 auto}.need-help h2{margin:0 0 8px;font-size:1.5rem;font-weight:700;color:#1f2937}.need-help p{margin:0 0 28px;color:#6b7280;font-size:1.05rem}.help-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.help-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:12px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .3s}.help-btn.email{background:#fff;color:#374151;border:2px solid #e5e7eb}.help-btn.email:hover{border-color:#ff470f;color:#ff470f}.help-btn.call{background:linear-gradient(135deg,#ff470f,#ff6b35);color:#fff}.help-btn.call:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff470f59}@media(max-width:1024px){.faq-content{flex-direction:column}.faq-sidebar{width:100%}.categories-nav{position:static;display:flex;flex-wrap:wrap;gap:8px;padding:12px}.category-btn{flex:0 0 auto;padding:10px 16px}.category-arrow{display:none}}@media(max-width:768px){.faq-header{padding:32px 24px}.faq-header h1{font-size:1.75rem}.faq-content,.quick-start,.need-help{padding-left:24px;padding-right:24px}.quick-start-cards{grid-template-columns:1fr 1fr}.quick-card{padding:20px}.category-header{flex-direction:column;text-align:center}.article-header{padding:16px 20px}.article-content{padding:0 20px 20px}}@media(max-width:480px){.quick-start-cards{grid-template-columns:1fr}.help-actions{flex-direction:column}.help-btn{width:100%;justify-content:center}}