:root{--bg-color: #121212;--surface-color: #1e1e1e;--primary-color: #f5f5f5;--accent-red: #D90429;--accent-green: #25D366;--font-family: "Poppins", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--primary-color);font-family:var(--font-family);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.animate-on-scroll{opacity:0;transform:translateY(40px);transition:opacity .8s ease-out,transform .8s ease-out}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.main-header{background:#121212cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #2a2a2a;padding:1rem 0;position:sticky;top:0;z-index:1000;width:100%}.navbar{display:flex;justify-content:space-between;align-items:center}.logo img{height:50px;width:auto}.nav-menu{list-style:none;display:flex;gap:2.5rem}.nav-menu a{color:var(--primary-color);text-decoration:none;font-weight:600;position:relative;transition:color .3s}.nav-menu a:after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:0;background-color:var(--accent-red);transition:width .3s}.nav-menu a:hover{color:var(--accent-red)}.nav-menu a:hover:after{width:100%}.cta-button{background-color:var(--accent-red);color:#fff;padding:.8rem 2rem;text-decoration:none;font-weight:700;border-radius:5px;transition:transform .3s ease,background-color .3s ease;display:inline-block;border:none}.cta-button:hover{transform:scale(1.05);background-color:#ff1f47}.hero{padding:6rem 0;text-align:center}.hero-content h1{font-size:3.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.hero-content p{font-size:1.2rem;max-width:700px;margin:0 auto 2rem;color:#b3b3b3}.hero-cta{font-size:1.1rem;padding:1rem 3rem}.hero-image{margin-top:4rem;padding:1rem;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border-radius:10px;box-shadow:0 10px 30px #00000080}.hero-image img{width:100%;border-radius:5px}.features{padding:6rem 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background-color:var(--surface-color);padding:2.5rem 2rem;border-radius:10px;border:1px solid #2a2a2a;transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-10px);box-shadow:0 10px 20px #0000004d}.feature-card i{font-size:2.5rem;color:var(--accent-red);margin-bottom:1rem}.feature-card h3{font-size:1.5rem;margin-bottom:.5rem}.feature-card p{color:#b3b3b3}.final-cta .container{background:url('data:image/svg+xml;utf8,<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M11 18.232c3.434 1.48 7.432 1.48 10.866 0l-5.433-9.41L11 18.232z" fill-opacity="0.04" fill="%23fff"/></svg>'),var(--accent-red)}.hero-image-frame img{width:100%;border-radius:5px;position:relative;z-index:2}.hero-badge{position:absolute;right:-20px;top:30px;background-color:var(--accent-red);color:#fff;padding:1rem;border-radius:50%;width:100px;height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 5px 15px #d9042980;z-index:3}.hero-badge-number{font-size:1.5rem;font-weight:800}.hero-badge-text{font-size:.7rem;max-width:80px;text-align:center;line-height:1.2}.hero-stats{display:flex;justify-content:center;gap:3rem}.stat-box{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:2.5rem;font-weight:800;background:linear-gradient(90deg,var(--accent-red) 0%,var(--accent-green) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.5rem}.stat-text{font-size:1rem;color:#b3b3b3}@media (max-width: 768px){.hero-title{font-size:2.8rem}.hero-cta-container,.hero-stats{flex-direction:column;gap:1.5rem}.hero-badge{width:80px;height:80px;right:10px;top:10px}.hero-badge-number{font-size:1.2rem}.hero-badge-text{font-size:.6rem}}.section-title{text-align:center;font-size:2.5rem;margin-bottom:4rem;font-weight:700}.features{padding:8rem 0;position:relative}.features-subtitle{text-align:center;margin-bottom:3rem;color:#b3b3b3;max-width:700px;margin-left:auto;margin-right:auto}.title-highlight{color:var(--accent-red);position:relative}.title-highlight:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:3px;background:var(--accent-red);border-radius:2px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.feature-card{background-color:var(--surface-color);padding:2.5rem 2rem;border-radius:16px;border:1px solid #2a2a2a;transition:all .3s ease;position:relative;overflow:hidden;height:100%}.feature-card-gradient{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.feature-icon-wrapper{width:70px;height:70px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;position:relative;z-index:1}.feature-card i{font-size:2rem;position:relative;z-index:1}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;position:relative;z-index:1}.feature-card p{color:#b3b3b3;position:relative;z-index:1;line-height:1.6}.how-it-works{padding:6rem 0;background-color:var(--surface-color)}.steps-container{display:flex;justify-content:space-around;gap:2rem;text-align:center}.step{max-width:300px}.step-number{width:60px;height:60px;border:2px solid var(--accent-red);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:1.8rem;font-weight:700;color:var(--accent-red)}.step h3{font-size:1.5rem;margin-bottom:.5rem}.step p{color:#b3b3b3}.final-cta{background-color:var(--accent-red);padding:5rem 0;text-align:center}.final-cta .container{background:url('data:image/svg+xml;utf8,<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M11 18.232c3.434 1.48 7.432 1.48 10.866 0l-5.433-9.41L11 18.232z" fill-opacity="0.04" fill="%23fff"/></svg>'),var(--accent-red)}.final-cta h2{font-size:2.5rem;color:#fff}.final-cta p{font-size:1.1rem;margin:1rem 0 2rem;color:#ffffffe6}.final-cta .cta-button{background-color:#fff;color:var(--accent-red)}.final-cta .cta-button:hover{transform:scale(1.05)}.main-footer{padding:2rem 0;border-top:1px solid #2a2a2a;background-color:#101010}.main-footer .container{display:flex;justify-content:space-between;align-items:center;color:#888}.social-links a{color:#888;text-decoration:none;font-size:1.5rem;margin-left:1rem;transition:color .3s}.social-links a:hover{color:var(--primary-color)}@media (max-width: 768px){.nav-menu{display:none}.hero-content h1{font-size:2.5rem}.steps-container{flex-direction:column;align-items:center;gap:3rem}}.campaign{position:relative;overflow:hidden;padding:6rem 0}.campaign .msg{position:absolute;left:-50px;top:calc(50% - 20px);width:40px;height:40px;background:var(--accent-green);border-radius:50%;animation:fly 3s linear infinite}@keyframes fly{0%{transform:translate(0) rotate(0);opacity:0}10%{opacity:1}to{transform:translate(100vw) rotate(45deg);opacity:0}}.campaign-section{padding:8rem 0;position:relative;overflow:hidden}.campaign-subtitle{text-align:center;max-width:650px;margin:-2rem auto 4rem;color:#b3b3b3}.campaign-animation-container{display:flex;justify-content:space-between;align-items:center;position:relative;min-height:250px;background:radial-gradient(circle at 20% 50%,#25d3661a,transparent 40%)}.platform-hub,.client-bubble{background-color:#2a2a2a;border-radius:12px;padding:1.2rem 1.5rem;display:flex;align-items:center;gap:1rem;border:1px solid #333;box-shadow:0 5px 15px #0000004d;z-index:2}.platform-text,.client-text{display:flex;flex-direction:column}.platform-text h4,.client-text h4{font-weight:600;margin:0;color:var(--primary-color)}.platform-text span,.client-text span{font-size:.8rem;color:#b3b3b3}.platform-icon-container,.client-icon-container{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.platform-icon-container{background-color:#0496ff;color:#fff}.clients-group{display:flex;flex-direction:column;gap:1.5rem;z-index:2}.client-icon-container{background-color:var(--accent-red);color:#fff}.animation-area{position:absolute;top:0;left:15%;right:15%;bottom:0;z-index:1}.messages-wrapper{position:relative;width:100%;height:100%}.flying-message-bubble{position:absolute;top:50%;left:0;width:12px;height:12px;background-color:var(--accent-green);border-radius:50%;box-shadow:0 0 10px var(--accent-green),0 0 20px var(--accent-green)}.dashboard-update-badge{font-size:.7rem;background-color:#25d3661a;border:1px solid rgba(37,211,102,.3);color:var(--accent-green);border-radius:12px;padding:.2rem .7rem;margin-left:1rem;display:inline-flex;align-items:center;gap:.3rem}.pulse-dot{width:8px;height:8px;background-color:var(--accent-green);border-radius:50%;display:inline-block;animation:pulse-green 2s infinite}@keyframes pulse-green{0%{box-shadow:0 0 #25d366b3}70%{box-shadow:0 0 0 6px #25d36600}to{box-shadow:0 0 #25d36600}}.dashboard-interaction-hint{text-align:center;margin-top:.5rem;font-size:.8rem;color:#b3b3b3;font-style:italic}.doughnut-container{position:relative}.doughnut-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;font-weight:700;color:var(--accent-green);text-align:center}.doughnut-center-label{font-size:.8rem;font-weight:400;color:#b3b3b3}.promo-section{padding:8rem 0;position:relative}.promo-subtitle{text-align:center;margin:0 auto 4rem;max-width:700px;color:#b3b3b3}.promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.promo-content h3{font-size:2rem;margin-bottom:1.5rem;color:var(--primary-color)}.promo-text{font-size:1.1rem;line-height:1.7;color:#b3b3b3;margin-bottom:2rem}.promo-highlights{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.promo-highlight-item{display:flex;gap:1.5rem;background-color:#1e1e1eb3;border-radius:12px;padding:1.5rem;box-shadow:0 8px 20px #0000001a;border:1px solid #2a2a2a;transition:transform .3s ease,box-shadow .3s ease}.promo-highlight-item:hover{transform:translateY(-5px);box-shadow:0 12px 25px #00000026}.highlight-icon{background-color:var(--accent-red);width:50px;height:50px;min-width:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.highlight-content{display:flex;flex-direction:column}.highlight-content h4{font-size:1.2rem;margin-bottom:.5rem;color:var(--primary-color)}.highlight-content p{font-size:.95rem;color:#b3b3b3}.promo-cta{display:flex;align-items:center;justify-content:space-between;gap:2rem}.promo-customers{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem}.customer-avatars{display:flex}.customer-avatar{width:36px;height:36px;border-radius:50%;background-color:var(--accent-red);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:-10px;border:2px solid var(--bg-color)}.customer-avatar:nth-child(2){background-color:var(--accent-green)}.customer-avatar:nth-child(3){background-color:#0496ff}.customer-avatar:last-child{background-color:#7b2cbf}.promo-customers p{font-size:.9rem;color:#b3b3b3}.promo-stats{display:grid;grid-template-columns:1fr;gap:1.5rem}.stats-card{background:#1e1e1eb3;border-radius:12px;padding:1.5rem;box-shadow:0 8px 20px #0000001a;border:1px solid #2a2a2a}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stats-title{font-weight:600;color:#b3b3b3}.stats-icon{font-size:1.2rem;color:var(--accent-red)}.stats-content{display:flex;flex-direction:column;gap:.5rem}.stats-number{font-size:2.5rem;font-weight:700;color:var(--primary-color)}.stats-description{font-size:.95rem;color:#b3b3b3}.kanban-section{padding:8rem 0;position:relative}.kanban-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-bottom:2rem}.kanban-stat{text-align:center;background-color:var(--surface-color);padding:1.2rem;border-radius:10px;box-shadow:0 8px 16px #0000001a}.kanban-stat-value{font-size:2rem;font-weight:700;color:var(--accent-green);margin-bottom:.3rem}.kanban-stat-label{font-size:.9rem;color:#b3b3b3}.kanban-add-btn{background-color:var(--accent-green);color:#fff;border:none;border-radius:10px;padding:1rem;font-family:var(--font-family);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.kanban-add-btn:hover{background-color:#22c55e;transform:translateY(-3px);box-shadow:0 8px 16px #25d36633}.kanban-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem;min-height:450px}.kanban-column{background-color:var(--surface-color);border-radius:12px;box-shadow:0 8px 16px #0000001a;display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease;min-height:500px}.column-header{padding:1rem;background-color:#25d3661a;border-bottom:2px solid var(--accent-green);display:flex;align-items:center;gap:.8rem}.column-header i{color:var(--accent-green);font-size:1.2rem}.column-header h3{font-size:1.1rem;font-weight:600;margin:0;flex-grow:1}.column-count{background-color:#ffffff1a;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600}.column-content{padding:1rem;flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;min-height:200px}.kanban-card{background-color:#252525;border-radius:8px;padding:1rem;box-shadow:0 4px 8px #0000001a;cursor:grab;-webkit-user-select:none;user-select:none;border-left:3px solid #999}.kanban-card.priority-high{border-left-color:#d90429}.kanban-card.priority-medium{border-left-color:#ffd166}.kanban-card.priority-low{border-left-color:#25d366}.card-header{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}.card-avatar{width:32px;height:32px;border-radius:50%;background-color:var(--accent-red);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem}.card-name{font-weight:600;font-size:.95rem;flex-grow:1}.card-time{font-size:.8rem;color:#999}.card-body{margin-bottom:1rem}.card-message{font-size:.9rem;color:#b3b3b3;margin:0}.card-footer{display:flex;justify-content:space-between;align-items:center}.card-priority{font-size:.8rem}.priority{display:flex;align-items:center;gap:.3rem}.priority.high{color:#d90429}.priority.medium{color:#ffd166}.priority.low{color:#25d366}.card-actions{display:flex;gap:.5rem}.card-action-btn{width:26px;height:26px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:.8rem;cursor:pointer;background-color:#ffffff1a;color:#b3b3b3;transition:all .2s ease}.card-action-btn:hover{background-color:#fff3;color:#fff}.card-action-btn.reply:hover{color:#0496ff}.card-action-btn.complete:hover{color:#25d366}.empty-column{height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#555;gap:1rem}.empty-column i{font-size:2rem}.kanban-instructions{display:flex;justify-content:center;gap:2rem;margin-top:1.5rem}.instruction{display:flex;align-items:center;gap:.8rem;color:#b3b3b3;font-size:.9rem}.instruction i{color:var(--accent-green)}.drag-source{opacity:.6}.performance-section{padding:8rem 0;position:relative}.performance-content{margin-top:3rem}.chart-filters{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:2rem;gap:1rem}.metric-selector{display:flex;gap:1rem}.metric-btn{background-color:transparent;border:2px solid transparent;color:#b3b3b3;padding:.8rem 1.5rem;border-radius:8px;font-family:var(--font-family);font-weight:600;cursor:pointer;transition:all .2s ease}.metric-btn.active{background-color:#ffffff0d}.time-selector{display:flex;gap:.5rem}.time-btn{background-color:#1e1e1e99;border:1px solid #2a2a2a;color:#b3b3b3;padding:.6rem 1rem;border-radius:8px;font-family:var(--font-family);font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.9rem}.time-btn:hover{background-color:#282828cc}.time-btn.active{background-color:var(--accent-red);color:#fff;border-color:var(--accent-red)}.performance-chart{height:400px;margin-bottom:3rem;position:relative}.custom-tooltip{position:absolute;background-color:#1e1e1ee6;border:1px solid;padding:1rem;border-radius:8px;z-index:10;box-shadow:0 8px 16px #0003;min-width:120px;text-align:center;top:0;left:50%;transform:translate(-50%,-100%);pointer-events:none}.tooltip-title{font-weight:600;margin-bottom:.5rem}.performance-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.performance-stat-card{background-color:var(--surface-color);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 8px 16px #0000001a}.stat-card-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.stat-card-content{display:flex;flex-direction:column;gap:.2rem}.stat-card-value{font-size:1.8rem;font-weight:700;color:var(--primary-color)}.stat-card-label{font-size:.9rem;color:#b3b3b3}.main-footer{position:relative;margin-top:6rem;background-color:#121212}.footer-content{padding:5rem 0 3rem;position:relative}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr) 2fr;gap:3rem}.footer-logo{font-size:1.8rem;font-weight:700;margin-bottom:1rem;color:var(--primary-color);display:flex;align-items:center;gap:.5rem}.footer-logo i{color:var(--accent-green);font-size:2rem}.footer-slogan{font-size:1rem;color:#b3b3b3;margin-bottom:1.5rem;line-height:1.6}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-link{width:40px;height:40px;border-radius:50%;background-color:#ffffff0d;display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:1.2rem;transition:all .2s ease}.social-link:hover{background-color:var(--accent-red);color:#fff;transform:translateY(-3px)}.footer-links-col h4{font-size:1.2rem;margin-bottom:1.5rem;color:var(--primary-color);font-weight:600}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:1rem}.footer-links a{color:#b3b3b3;text-decoration:none;font-size:1rem;transition:color .2s ease;display:inline-flex;align-items:center}.footer-links a:hover{color:var(--accent-red)}.footer-links a:before{content:"›";margin-right:8px;font-size:1.2rem;line-height:0;opacity:0;transform:translate(-8px);transition:all .2s ease}.footer-links a:hover:before{opacity:1;transform:translate(0)}.footer-newsletter h4{font-size:1.2rem;margin-bottom:1rem;color:var(--primary-color);font-weight:600}.footer-newsletter p{font-size:1rem;color:#b3b3b3;margin-bottom:1.5rem;line-height:1.6}.newsletter-form{display:flex}.newsletter-input{flex-grow:1;padding:1rem 1.5rem;background-color:#ffffff0d;border:none;border-radius:8px 0 0 8px;color:var(--primary-color);font-family:var(--font-family)}.newsletter-button{padding:0 1.5rem;background-color:var(--accent-red);color:#fff;font-family:var(--font-family);font-weight:600;border:none;border-radius:0 8px 8px 0;cursor:pointer;transition:background-color .2s ease}.newsletter-button:hover{background-color:#ff1f47}.footer-bottom{padding:1.5rem 0;border-top:1px solid #2a2a2a}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center}.copyright{font-size:.9rem;color:#b3b3b3}.footer-bottom-links{display:flex;gap:2rem}.footer-bottom-links a{color:#b3b3b3;text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer-bottom-links a:hover{color:var(--accent-red)}.footer-decoration{position:absolute;top:-70px;left:0;width:100%;height:70px;overflow:hidden}@media (max-width: 1200px){.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-logo-col,.footer-newsletter{grid-column:span 2}}@media (max-width: 992px){.promo-grid,.performance-stats,.kanban-board{grid-template-columns:1fr}.chart-filters{flex-direction:column;align-items:center}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-logo-col,.footer-newsletter{grid-column:auto}.footer-bottom-content{flex-direction:column;gap:1rem;text-align:center}}@media (max-width: 576px){.metric-selector,.time-selector{flex-wrap:wrap;justify-content:center}.performance-stat-card{flex-direction:column;text-align:center}}.hero-dashboard-frame{background-color:#1e1e1e;border-radius:12px;box-shadow:0 10px 30px #00000080;overflow:hidden;border:1px solid #2a2a2a;max-width:900px;margin:0 auto;height:500px}.dashboard-header{background-color:var(--accent-green);padding:.8rem 1rem;display:flex;justify-content:space-between;align-items:center}.dashboard-logo{font-weight:700;font-size:1.2rem;color:#fff;display:flex;align-items:center;gap:.5rem}.dashboard-logo i{font-size:1.4rem}.dashboard-actions{display:flex;gap:1rem;align-items:center}.dashboard-user{font-size:1.4rem;color:#fff;cursor:pointer}.dashboard-content{display:flex;height:calc(100% - 56px)}.dashboard-sidebar{width:280px;background-color:#2a2a2a;border-right:1px solid #333;display:flex;flex-direction:column;height:100%;overflow:hidden}.dashboard-stats{display:flex;padding:.8rem;border-bottom:1px solid #333;background-color:#0000001a}.dash-stat{flex:1;text-align:center;padding:.5rem}.dash-stat-value{font-size:1.2rem;font-weight:700;margin-bottom:.2rem}.dash-stat-label{font-size:.75rem;color:#b3b3b3;text-transform:uppercase}.chat-list{flex:1;overflow-y:auto}.chat-item{display:flex;padding:.8rem;gap:.8rem;border-bottom:1px solid #333;cursor:pointer;transition:background-color .2s}.chat-item:hover{background-color:#333}.chat-item.selected{background-color:#333;border-left:3px solid var(--accent-green)}.chat-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--accent-red);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.chat-avatar.large{width:48px;height:48px;font-size:1.4rem}.chat-info{flex:1;overflow:hidden}.chat-name{font-weight:600;display:flex;justify-content:space-between;margin-bottom:.3rem}.chat-time{font-size:.75rem;color:#b3b3b3;font-weight:400}.chat-preview{font-size:.85rem;color:#b3b3b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item.status-new .chat-name{color:var(--accent-green)}.chat-item.status-new .chat-preview{color:#f5f5f5;font-weight:500}.dashboard-chat{flex:1;display:flex;flex-direction:column;background-color:#1a1a1a;position:relative}.chat-header{padding:.8rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333;background-color:#2a2a2a}.chat-contact{display:flex;align-items:center;gap:.8rem}.chat-contact-info{display:flex;flex-direction:column}.chat-contact-name{font-weight:600;margin-bottom:.2rem}.chat-contact-status{font-size:.8rem;color:#b3b3b3}.chat-actions{display:flex;gap:.5rem}.chat-action{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#b3b3b3;transition:color .2s}.chat-action:hover{color:var(--primary-color)}.chat-action.resolve{color:var(--accent-green)}.chat-messages{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.message{display:flex;flex-direction:column;max-width:80%}.message.customer{align-self:flex-start}.message.operator{align-self:flex-end}.message-bubble{padding:.8rem 1rem;border-radius:12px;background-color:#2a2a2a;line-height:1.4;font-size:.55rem}.message.customer .message-bubble{background-color:#2a2a2a;border-bottom-left-radius:4px}.message.operator .message-bubble{background-color:var(--accent-green);color:#000;border-bottom-right-radius:4px}.message-time{font-size:.75rem;color:#b3b3b3;margin-top:.3rem;align-self:flex-start}.message.operator .message-time{align-self:flex-end}.chat-input{padding:1rem;display:flex;gap:.8rem;background-color:#2a2a2a;border-top:1px solid #333}.input-field{flex:1;background-color:#1a1a1a;border-radius:20px;padding:0 1rem}.input-field input{width:100%;background:transparent;border:none;padding:.8rem 0;color:var(--primary-color);outline:none}.send-button{width:40px;height:40px;border-radius:50%;background-color:var(--accent-green);color:#000;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.send-button:hover{transform:scale(1.05)}@media (max-width: 768px){.hero-dashboard-frame{display:none}.dashboard-content{flex-direction:column}.dashboard-sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid #333}.dashboard-chat{height:300px}}@media (max-width: 992px){.container{padding:0 1.5rem}.section-title{font-size:2.2rem;margin-bottom:3rem}.hero-content h1{font-size:2.8rem}.promo-grid,.footer-grid{grid-template-columns:1fr}.campaign-animation-container{flex-direction:column;gap:3rem;background:none}.animation-area{display:none}}@media (max-width: 768px){body{line-height:1.5}.section-title{font-size:2rem;margin-bottom:2.5rem}.hero{padding:4rem 0}.hero-content h1{font-size:2.2rem}.hero-content p{font-size:1rem}.navbar .nav-menu,.navbar .nav-cta{display:none}.features-grid,.kanban-board,.performance-stats{grid-template-columns:1fr}.feature-card,.kanban-column,.performance-stat-card{padding:1.5rem}.kanban-column{min-height:auto}.steps-container{flex-direction:column;align-items:center}.footer-grid,.footer-bottom-content{text-align:center;flex-direction:column;gap:2rem}.footer-logo,.social-links{justify-content:center}}@media (max-width: 576px){.container{padding:0 1rem}.hero-content h1{font-size:1.8rem}.hero-cta{font-size:1rem;padding:.8rem 2rem}.platform-hub,.client-bubble{flex-direction:column;text-align:center;padding:1rem}.final-cta h2{font-size:2rem}}.hero-secondary-link{background:none;border:none;color:#fff;padding:.8rem 1.2rem;border-radius:5px;font-weight:600;margin-left:2rem;transition:background .2s,color .2s;cursor:pointer}.hero-secondary-link:hover{background:var(--accent-red);color:#fff;text-decoration:none}.arrow-down{font-size:1.2em;margin-left:.2em}