h2.white{color:#fff;}
/* Voice Module */
.voice-hero{position:relative;background:linear-gradient(135deg,var(--primary) 0%,hsl(222.2,47.4%,20%) 100%);color:var(--primary-foreground);padding:6rem 2rem;overflow:hidden;min-height:100vh;display:flex;align-items:center;}

.voice-network-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;}
.voice-network-canvas{position:absolute;top:0;left:0;width:100%;height:100%;}
.voice-hero-content{max-width:1200px;margin:0 auto;position:relative;z-index:2;width:100%;}
.voice-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;direction:rtl;}
.voice-hero-grid>*{direction:ltr;}
.voice-hero-text{animation:module-fadeInUp .8s ease-out;}
.voice-hero h1{font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem;}
.voice-hero-highlight{color:var(--accent);}
.voice-hero p{font-size:1.35rem;margin-bottom:2.5rem;opacity:.9;line-height:1.6;}
.voice-hero-features{display:flex;flex-direction:column;gap:1rem;margin-bottom:2.5rem;}
.voice-hero-feature{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;}
.voice-hero-check{width:24px;height:24px;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0;}
.voice-hero-cta{display:inline-block;background:var(--accent);color:var(--foreground);padding:1.25rem 3rem;border-radius:.75rem;text-decoration:none;font-size:1.25rem;font-weight:700;transition:all .3s ease;box-shadow:0 10px 30px hsla(35,100%,50%,.3);}
.voice-hero-cta:hover{background:var(--accent-glow);transform:translateY(-3px);box-shadow:0 15px 40px hsla(35,100%,50%,.4);}
.voice-hero-visual{animation:module-fadeInUp .8s ease-out .3s both;}
.voice-interface{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:1.5rem;padding:2.5rem;box-shadow:0 20px 60px rgba(0,0,0,.3);}
.voice-header{margin-bottom:2rem;}
.voice-status{display:flex;align-items:center;gap:.75rem;font-weight:600;font-size:1.1rem;}
.voice-pulse{width:12px;height:12px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite;}
.hero-waveform{display:flex;align-items:center;justify-content:center;gap:.5rem;height:120px;margin-bottom:2rem;}
.hero-wave-bar{width:8px;background:var(--accent);border-radius:4px;animation:wave 1.2s ease-in-out infinite;animation-delay:var(--delay);box-shadow:0 0 15px var(--accent);}
.hero-transcript{background:rgba(0,0,0,.3);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;font-size:.95rem;min-height:180px;}
.transcript-line{margin-bottom:1rem;line-height:1.6;}
.transcript-line:last-child{margin-bottom:0;}
.ai-line{color:#7dd3fc;}
.customer-line{color:#fff;}
.hero-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.hero-metric{background:rgba(0,0,0,.3);border-radius:.75rem;padding:1rem;text-align:center;}
.metric-label{font-size:.875rem;opacity:.8;margin-bottom:.5rem;}
.metric-value-module{font-size:1.5rem;font-weight:700;color:var(--accent);}
.voice-stats{padding:4rem 2rem;background:linear-gradient(135deg,hsl(222.2,47.4%,15%) 0%,var(--primary) 100%);color:var(--primary-foreground);}
.voice-stats-container{max-width:1200px;margin:0 auto;}
.voice-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;}
.voice-stat-card{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:1rem;padding:2rem;text-align:center;transition:all .3s ease;}
.voice-stat-card:hover{background:rgba(255,255,255,.15);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.2);}
.voice-stat-number{font-size:3rem;font-weight:700;color:var(--accent);display:block;margin-bottom:.5rem;}
.voice-stat-label{font-size:1.1rem;opacity:.9;line-height:1.4;}
.voice-demo-section{padding:6rem 2rem;background:linear-gradient(135deg,hsl(222.2,47.4%,15%) 0%,var(--primary) 100%);color:var(--primary-foreground);position:relative;overflow:hidden;}
.voice-demo-container{max-width:1200px;margin:0 auto;}
.voice-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;}
.voice-demo-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;}
.voice-demo-content p{font-size:1.25rem;opacity:.9;margin-bottom:2rem;}
.voice-interface{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:1.5rem;padding:2.5rem;}
.voice-header{margin-bottom:2rem;}
.voice-status{display:flex;align-items:center;gap:.75rem;font-weight:600;font-size:1.1rem;}
.voice-pulse{width:12px;height:12px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(34,197,94,.7);}50%{opacity:.8;box-shadow:0 0 0 10px rgba(34,197,94,0);}}
.voice-waveform{display:flex;align-items:center;justify-content:center;gap:.5rem;height:120px;margin-bottom:2rem;}
.wave-bar{width:8px;background:var(--accent);border-radius:4px;animation:wave 1.2s ease-in-out infinite;animation-delay:var(--delay);}
@keyframes wave{0%,100%{height:20px;}50%{height:100px;}}
.voice-transcript{background:rgba(0,0,0,.3);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;font-size:.95rem;min-height:200px;}
.transcript-line{margin-bottom:1rem;line-height:1.6;}
.ai-line{color:#7dd3fc;}
.customer-line{color:#fff;}
.voice-features-container{max-width:1200px;margin:0 auto;}
.section-header{text-align:center;margin-bottom:4rem;}
.section-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--foreground);}
.section-subtitle{font-size:1.25rem;color:var(--muted-foreground);}
.voice-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;}
.voice-feature-card{background:#fff;border:1px solid var(--border);border-radius:1rem;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden;}
.voice-feature-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-glow) 100%);transform:scaleX(0);transition:transform .3s ease;}
.voice-feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px hsla(222.2,47.4%,11.2%,.1);}
.voice-feature-card:hover::before{transform:scaleX(1);}
.voice-feature-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-glow) 100%);border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:1.5rem;}
.voice-feature-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--foreground);}
.voice-feature-text{color:var(--muted-foreground);line-height:1.7;}
.voice-use-cases{padding:6rem 2rem;background:linear-gradient(135deg,hsl(222.2,47.4%,15%) 0%,var(--primary) 100%);color:var(--primary-foreground);position:relative;}
.voice-use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto;}
.voice-use-case{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:1rem;padding:2rem;transition:all .3s ease;}
.voice-use-case:hover{background:rgba(255,255,255,.15);transform:translateY(-3px);}
.voice-use-case-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem;}
.voice-use-case-icon{font-size:2rem;}
.voice-use-case-text{opacity:.9;line-height:1.6;}
.voice-cta{padding:6rem 2rem;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-glow) 100%);text-align:center;}
.voice-cta h2{font-size:3rem;font-weight:800;margin-bottom:1.5rem;color:var(--primary);}
.voice-cta p{font-size:1.5rem;margin-bottom:2rem;color:var(--primary);opacity:.9;}
.voice-cta-button{display:inline-block;background:var(--primary);color:var(--primary-foreground);padding:1.25rem 3rem;border-radius:.75rem;text-decoration:none;font-size:1.25rem;font-weight:700;transition:all .3s ease;box-shadow:0 10px 30px hsla(222.2,47.4%,11.2%,.3);}
.voice-cta-button:hover{background:hsl(222.2,47.4%,15%);transform:translateY(-3px);box-shadow:0 15px 40px hsla(222.2,47.4%,11.2%,.4);}
@keyframes module-fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}
@media (max-width:968px){
.voice-hero-grid{grid-template-columns:1fr;gap:3rem;direction:ltr;}
.voice-hero{margin-top:80px;}
.voice-demo-grid{grid-template-columns:1fr;gap:3rem;}
.voice-hero h1{font-size:2.5rem;}
.voice-cta h2{font-size:2rem;}
.voice-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));}
}
@media (max-width:640px){
.voice-hero{padding:4rem 1.5rem;}
.voice-hero h1{font-size:2rem;}
.voice-hero p{font-size:1.1rem;}
.section-title{font-size:1.75rem;}
.hero-wave-bar{width:5px;}
.voice-interface{padding:1.5rem;}
}
.automation-showcase{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:4rem;align-items:center;}
.automation-showcase.reverse{direction:rtl;}
.automation-showcase.reverse>*{direction:ltr;}
@media (max-width:768px){.automation-showcase{grid-template-columns:1fr}.automation-showcase.reverse{direction:ltr}}
.automation-content{padding:2rem;}
.automation-badge{display:inline-block;padding:.5rem 1rem;background:rgba(155,81,224,.1);color:var(--accent-color);border-radius:20px;font-size:.9rem;font-weight:600;margin-bottom:1rem;}
.automation-content h3{font-size:2rem;font-weight:700;margin-bottom:1rem;}
.automation-content p{color:var(--dark-gray);margin-bottom:1.5rem;font-size:1.1rem;}
.automation-content p.grey{color:var(--medium-gray);margin-bottom:1.5rem;font-size:1.1rem;}
.feature-list{list-style:none;}
.feature-list li{padding:.5rem 0;color:var(--text-color);}
.feature-list li.grey{padding:.5rem 0;color:var(--medium-gray);}
.automation-visual{padding:2rem; min-width:0; }
/* Document Mockup */
.document-mockup{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,.1);}
.document-preview{background:var(--light-gray);border-radius:12px;padding:2rem;}
.doc-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;}
.doc-logo{font-size:2rem;}
.doc-title{font-weight:700;font-size:1.25rem;}
.doc-line{height:12px;background:var(--medium-gray);border-radius:4px;margin-bottom:.75rem;}
.doc-line.short{width:60%;}
.doc-line.shimmer{background:linear-gradient(90deg,var(--medium-gray) 0%,var(--light-gray) 50%,var(--medium-gray) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
.doc-table{margin:1.5rem 0;}
.table-row{height:30px;background:var(--medium-gray);border-radius:4px;margin-bottom:.5rem;}
.doc-total{display:flex;justify-content:space-between;font-size:1.5rem;font-weight:700;margin-top:2rem;}
.amount{color:var(--accent-color);}
.generation-status{margin-top:1.5rem;padding:.75rem;background:rgba(34,197,94,.1);color:#16a34a;border-radius:8px;text-align:center;}
.status-icon{margin-right:.5rem;}
/* CRM Module */
.crm-module{--crm-primary:hsl(217,91%,60%);--crm-primary-glow:hsl(217,91%,70%);--crm-bg-light:hsl(217,20%,96%);padding:6rem 2rem;background:linear-gradient(135deg,hsl(0,0%,100%) 0%,var(--crm-bg-light) 100%);}
.crm-container{max-width:1200px;margin:0 auto;}
.crm-split{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;direction:rtl;}
.crm-split>*{direction:ltr;}
.crm-visual{position:relative;}
.crm-dashboard{background:hsl(0,0%,100%);border-radius:1rem;padding:2rem;box-shadow:0 20px 60px rgba(0,0,0,.15);}
.crm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--crm-bg-light);}
.crm-header h3{font-size:1.3rem;color:hsl(222.2,47.4%,11.2%);}
.crm-badge{background:var(--crm-primary);color:#fff;padding:.4rem .8rem;border-radius:.5rem;font-size:.85rem;font-weight:600;}
.crm-appointments{display:flex;flex-direction:column;gap:1rem;}
.crm-appointment{background:linear-gradient(135deg,var(--crm-bg-light) 0%,hsl(0,0%,100%) 100%);border-left:4px solid var(--crm-primary);padding:1.25rem;border-radius:.5rem;animation:crm-slide-in .5s ease;}
@keyframes crm-slide-in{from{opacity:0;transform:translateX(-20px);}to{opacity:1;transform:translateX(0);}}
.crm-appointment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;}
.crm-appointment-name{font-weight:700;font-size:1.05rem;color:hsl(222.2,47.4%,11.2%);}
.crm-appointment-time{font-size:.9rem;color:var(--crm-primary);font-weight:600;}
.crm-appointment-details{color:hsl(215.4,16.3%,46.9%);font-size:.95rem;line-height:1.5;}
.crm-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem;}
.crm-metric{background:var(--crm-primary);color:#fff;padding:1rem;border-radius:.5rem;text-align:center;}
.crm-metric-value{font-size:2rem;font-weight:700;display:block;}
.crm-metric-label{font-size:.85rem;opacity:.9;margin-top:.25rem;}
.crm-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2;color:hsl(222.2,47.4%,11.2%);}
.crm-content .subtitle{font-size:1.25rem;color:hsl(215.4,16.3%,46.9%);margin-bottom:2rem;line-height:1.6;}
.crm-features{list-style:none;}
.crm-features li{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;font-size:1.05rem;line-height:1.6;}
.crm-features li::before{content:"✓";color:var(--crm-primary);font-weight:700;font-size:1.3rem;flex-shrink:0;}
/* Whatsapp module*/
.transcript-module{--transcript-primary:hsl(270,70%,60%);--transcript-primary-glow:hsl(270,70%,70%);--transcript-bg-light:hsl(270,20%,96%);padding:6rem 2rem;background:linear-gradient(135deg,var(--transcript-bg-light) 0%,hsl(0,0%,100%) 100%);}
.transcript-container{max-width:1200px;margin:0 auto;}
.transcript-split{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;}
.transcript-visual{position:relative;}
.transcript-panel{background:hsl(222.2,47.4%,11.2%);border-radius:1rem;padding:1.5rem;box-shadow:0 20px 60px rgba(0,0,0,.3);color:#fff;}
.transcript-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(255,255,255,.1);}
.transcript-header h3{font-size:1.2rem;}
.transcript-status{background:var(--transcript-primary);color:#fff;padding:.4rem .8rem;border-radius:.5rem;font-size:.85rem;font-weight:600;}
.transcript-content-area{background:rgba(255,255,255,.05);border-radius:.75rem;padding:1.5rem;min-height:300px;margin-bottom:1.5rem;font-family:'Courier New',monospace;font-size:.9rem;line-height:1.8;}
.transcript-line{margin-bottom:1rem;animation:transcript-appear .5s ease;}
@keyframes transcript-appear{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
.transcript-speaker{color:var(--transcript-primary);font-weight:700;margin-right:.5rem;}
.transcript-text{color:rgba(255,255,255,.9);}
.transcript-insights{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}
.transcript-insight{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);padding:1rem;border-radius:.5rem;text-align:center;}
.transcript-insight-value{font-size:1.5rem;font-weight:700;color:var(--transcript-primary);display:block;}
.transcript-insight-label{font-size:.8rem;opacity:.8;margin-top:.25rem;}
.transcript-module-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2;color:hsl(222.2,47.4%,11.2%);}
.transcript-module-content .subtitle{font-size:1.25rem;color:hsl(215.4,16.3%,46.9%);margin-bottom:2rem;line-height:1.6;}
.transcript-features{list-style:none;}
.transcript-features li{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;font-size:1.05rem;line-height:1.6;}
.transcript-features li::before{content:"✓";color:var(--transcript-primary);font-weight:700;font-size:1.3rem;flex-shrink:0;}
@media (max-width:968px){
.whatsapp-split,.crm-split,.transcript-split{grid-template-columns:1fr;gap:3rem;direction:ltr;}
.whatsapp-content h2,.crm-content h2,.transcript-module-content h2{font-size:2rem;}
.crm-metrics{grid-template-columns:1fr;}
.transcript-insights{grid-template-columns:1fr;}
}
.whatsapp-module {margin:0;padding:0;box-sizing:border-box;}
.whatsapp-module{--wa-module-primary:hsl(222.2,47.4%,11.2%);--wa-module-primary-foreground:hsl(210,40%,98%);--wa-module-accent:hsl(35,100%,50%);--wa-module-accent-glow:hsl(35,100%,60%);--wa-module-foreground:hsl(222.2,84%,4.9%);--wa-module-muted-foreground:hsl(215.4,16.3%,46.9%);--wa-module-background:hsl(0,0%,100%);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;padding:6rem 2rem;background:var(--wa-module-background);}
.whatsapp-container{max-width:1200px;margin:0 auto;}
.whatsapp-split{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;}
.whatsapp-split.reverse{direction:rtl;}
.whatsapp-split.reverse>{direction:ltr;}
.whatsapp-visual{position:relative;}
.whatsapp-phone-mockup{max-width:350px;margin:0 auto;}
.whatsapp-phone-screen{background:#075e54;border-radius:2rem;padding:1rem;box-shadow:0 20px 60px hsla(222.2,47.4%,11.2%,0.2);}
.whatsapp-header{background:#128c7e;padding:1rem;border-radius:1rem 1rem 0 0;display:flex;align-items:center;gap:1rem;color:#fff;}
.wa-back{font-size:1.25rem;cursor:pointer;}
.wa-contact{display:flex;align-items:center;gap:.75rem;flex:1;}
.wa-avatar{width:40px;height:40px;background:var(--wa-module-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;}
.wa-name{font-weight:600;}
.wa-online{font-size:.75rem;opacity:.9;}
.whatsapp-messages{background:#ece5dd;padding:1.5rem 1rem;min-height:400px;border-radius:0 0 1rem 1rem;}
.wa-message{margin-bottom:.75rem;animation:wa-fadeInUp .3s ease-out;}
.wa-bubble{background:#fff;padding:.75rem 1rem;border-radius:.5rem;max-width:80%;word-wrap:break-word;font-size:.95rem;line-height:1.5;}
.wa-received .wa-bubble{background:#fff;}
.wa-sent{text-align:right;}
.wa-sent .wa-bubble{background:#dcf8c6;display:inline-block;}
.wa-time{font-size:.7rem;color:#667781;margin-top:.25rem;}
.wa-typing{background:#fff;padding:.75rem 1rem;border-radius:.5rem;display:inline-flex;gap:.25rem;align-items:center;}
.wa-typing span{width:8px;height:8px;background:#667781;border-radius:50%;animation:wa-typing 1.4s infinite;}
.wa-typing span:nth-child(2){animation-delay:.2s;}
.wa-typing span:nth-child(3){animation-delay:.4s;}
@keyframes wa-typing{0%,60%,100%{transform:translateY(0);}30%{transform:translateY(-10px);}}
@keyframes wa-fadeInUp{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
.whatsapp-content{padding:2rem 0;}
.whatsapp-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--wa-module-foreground);}
.whatsapp-subtitle{font-size:1.25rem;color:var(--wa-module-muted-foreground);margin-bottom:2rem;}
.whatsapp-features{display:flex;flex-direction:column;gap:1.5rem;}
.whatsapp-feature-item{display:flex;gap:1rem;align-items:flex-start;}
.whatsapp-check{width:28px;height:28px;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:.875rem;}
.whatsapp-feature-item strong{display:block;font-size:1.1rem;margin-bottom:.25rem;color:var(--wa-module-foreground);}
.whatsapp-feature-item p{color:var(--wa-module-muted-foreground);margin:0;line-height:1.6;}
@media (max-width:968px){
.whatsapp-split{grid-template-columns:1fr;gap:3rem;}
.whatsapp-split.reverse{direction:ltr;}
.whatsapp-title{font-size:2rem;}
.whatsapp-module{padding:4rem 1.5rem;}
}
@media (max-width:640px){
.whatsapp-title{font-size:1.75rem;}
.whatsapp-subtitle{font-size:1.1rem;}
.whatsapp-phone-screen{padding:.75rem;}
.whatsapp-messages{min-height:350px;}
}
/* Lead Generation Module */
.lead-module { --lead-primary: hsl(340, 75%, 55%); --lead-bg-light: hsl(340, 20%, 96%); padding: 6rem 2rem; background: linear-gradient(135deg, hsl(0, 0%, 100%) 0%, var(--lead-bg-light) 100%); }
.lead-container { max-width: 1200px; margin: 0 auto; }
.lead-split { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; direction: rtl; }
.lead-split > * { direction: ltr; }
.lead-visual { position: relative; }
.lead-funnel { background: hsl(0, 0%, 100%); border-radius: 1rem; padding: 2rem; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15); }
.lead-funnel-header { text-align: center; margin-bottom: 2rem; }
.lead-funnel-header h3 { font-size: 1.3rem; color: hsl(222.2, 47.4%, 11.2%); margin-bottom: 0.5rem; }
.lead-funnel-stage { background: linear-gradient(135deg, var(--lead-bg-light) 0%, hsl(0, 0%, 100%) 100%); border-left: 4px solid var(--lead-primary); padding: 1rem; border-radius: 0.5rem; margin-bottom: 1rem; animation: lead-slide-in 0.5s ease; display: flex; justify-content: space-between; align-items: center; }
@keyframes lead-slide-in { from { opacity: 0; transform: translateX(20px); } to { opacity: 1; transform: translateX(0); } }
.lead-funnel-stage:nth-child(1) { animation-delay: 0.1s; }
.lead-funnel-stage:nth-child(2) { animation-delay: 0.2s; }
.lead-funnel-stage:nth-child(3) { animation-delay: 0.3s; }
.lead-funnel-stage:nth-child(4) { animation-delay: 0.4s; }
.lead-stage-name { font-weight: 700; color: hsl(222.2, 47.4%, 11.2%); }
.lead-stage-count { background: var(--lead-primary); color: white; padding: 0.4rem 0.8rem; border-radius: 0.5rem; font-weight: 700; font-size: 1.1rem; }
.lead-content h2 { font-size: 2.5rem; font-weight: 700; margin-bottom: 1rem; line-height: 1.2; color: hsl(222.2, 47.4%, 11.2%); }
.lead-content .subtitle { font-size: 1.25rem; color: hsl(215.4, 16.3%, 46.9%); margin-bottom: 2rem; line-height: 1.6; }
.lead-features { list-style: none; }
.lead-features li { display: flex; align-items: flex-start; gap: 0.75rem; margin-bottom: 1rem; font-size: 1.05rem; line-height: 1.6; }
.lead-features li::before { content: "✓"; color: var(--lead-primary); font-weight: 700; font-size: 1.3rem; flex-shrink: 0; }
/* Analytics Module */
.analytics-module { --analytics-primary: hsl(195, 85%, 50%); --analytics-bg-light: hsl(195, 20%, 96%); padding: 6rem 2rem; background: linear-gradient(135deg, var(--analytics-bg-light) 0%, hsl(0, 0%, 100%) 100%); }
.analytics-container { max-width: 1200px; margin: 0 auto; }
.analytics-split { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; }
.analytics-visual { position: relative; }
.analytics-dashboard { background: hsl(0, 0%, 100%); border-radius: 1rem; padding: 2rem; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15); }
.analytics-header { margin-bottom: 1.5rem; }
.analytics-header h3 { font-size: 1.3rem; color: hsl(222.2, 47.4%, 11.2%); }
.analytics-charts { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; margin-bottom: 1.5rem; }
.analytics-chart { background: linear-gradient(135deg, var(--analytics-bg-light) 0%, hsl(0, 0%, 100%) 100%); border-radius: 0.5rem; padding: 1rem; min-height: 120px; position: relative; overflow: hidden; }
.analytics-chart-label { font-size: 0.85rem; color: hsl(215.4, 16.3%, 46.9%); margin-bottom: 0.5rem; }
.analytics-chart-value { font-size: 1.8rem; font-weight: 700; color: var(--analytics-primary); }
.analytics-bar { position: absolute; bottom: 0; left: 0; height: 4px; background: var(--analytics-primary); animation: analytics-bar-grow 1s ease; }
@keyframes analytics-bar-grow { from { width: 0; } to { width: 100%; } }
.analytics-content h2 { font-size: 2.5rem; font-weight: 700; margin-bottom: 1rem; line-height: 1.2; color: hsl(222.2, 47.4%, 11.2%); }
.analytics-content .subtitle { font-size: 1.25rem; color: hsl(215.4, 16.3%, 46.9%); margin-bottom: 2rem; line-height: 1.6; }
.analytics-features { list-style: none; }
.analytics-features li { display: flex; align-items: flex-start; gap: 0.75rem; margin-bottom: 1rem; font-size: 1.05rem; line-height: 1.6; }
.analytics-features li::before { content: "✓"; color: var(--analytics-primary); font-weight: 700; font-size: 1.3rem; flex-shrink: 0; }
/* Email Automation Module */
.email-module { --email-primary: hsl(30, 95%, 55%); --email-bg-light: hsl(30, 20%, 96%); padding: 6rem 2rem; background: linear-gradient(135deg, hsl(0, 0%, 100%) 0%, var(--email-bg-light) 100%); }
.email-container { max-width: 1200px; margin: 0 auto; }
.email-split { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; direction: rtl; }
.email-split > * { direction: ltr; }
.email-visual { position: relative; }
.email-sequence { background: hsl(0, 0%, 100%); border-radius: 1rem; padding: 2rem; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15); }
.email-sequence-header { margin-bottom: 1.5rem; }
.email-sequence-header h3 { font-size: 1.3rem; color: hsl(222.2, 47.4%, 11.2%); }
.email-flow { display: flex; flex-direction: column; gap: 0.75rem; }
.email-step { background: linear-gradient(135deg, var(--email-bg-light) 0%, hsl(0, 0%, 100%) 100%); border-left: 4px solid var(--email-primary); padding: 1rem; border-radius: 0.5rem; animation: email-slide-in 0.5s ease; }
@keyframes email-slide-in { from { opacity: 0; transform: translateX(-20px); } to { opacity: 1; transform: translateX(0); } }
.email-step:nth-child(1) { animation-delay: 0.1s; }
.email-step:nth-child(2) { animation-delay: 0.2s; }
.email-step:nth-child(3) { animation-delay: 0.3s; }
.email-step:nth-child(4) { animation-delay: 0.4s; }
.email-step-title { font-weight: 700; color: hsl(222.2, 47.4%, 11.2%); margin-bottom: 0.25rem; }
.email-step-time { font-size: 0.85rem; color: var(--email-primary); font-weight: 600; }
.email-content h2 { font-size: 2.5rem; font-weight: 700; margin-bottom: 1rem; line-height: 1.2; color: hsl(222.2, 47.4%, 11.2%); }
.email-content .subtitle { font-size: 1.25rem; color: hsl(215.4, 16.3%, 46.9%); margin-bottom: 2rem; line-height: 1.6; }
.email-features { list-style: none; }
.email-features li { display: flex; align-items: flex-start; gap: 0.75rem; margin-bottom: 1rem; font-size: 1.05rem; line-height: 1.6; }
.email-features li::before { content: "✓"; color: var(--email-primary); font-weight: 700; font-size: 1.3rem; flex-shrink: 0; }
/* SMS Automation Module */
.sms-module { --sms-primary: hsl(160, 75%, 45%); --sms-bg-light: hsl(160, 20%, 96%); padding: 6rem 2rem; background: linear-gradient(135deg, var(--sms-bg-light) 0%, hsl(0, 0%, 100%) 100%); }
.sms-container { max-width: 1200px; margin: 0 auto; }
.sms-split { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; }
.sms-visual { position: relative; }
.sms-phone { background: hsl(0, 0%, 13%); border-radius: 2.5rem; padding: 1rem; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); max-width: 380px; margin: 0 auto; }
.sms-screen { background: hsl(0, 0%, 100%); border-radius: 1.8rem; overflow: hidden; }
.sms-header { background: var(--sms-primary); color: white; padding: 1rem; text-align: center; font-weight: 700; }
.sms-messages { background: hsl(0, 0%, 98%); padding: 1.5rem 1rem; min-height: 350px; display: flex; flex-direction: column; gap: 0.75rem; }
.sms-message { max-width: 75%; padding: 0.75rem 1rem; border-radius: 1rem; font-size: 0.9rem; line-height: 1.4; animation: sms-message-in 0.3s ease; }
@keyframes sms-message-in { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } }
.sms-message.sent { background: var(--sms-primary); color: white; align-self: flex-end; border-bottom-right-radius: 0.25rem; }
.sms-message.received { background: hsl(0, 0%, 90%); color: hsl(222.2, 47.4%, 11.2%); align-self: flex-start; border-bottom-left-radius: 0.25rem; }
.sms-content h2 { font-size: 2.5rem; font-weight: 700; margin-bottom: 1rem; line-height: 1.2; color: hsl(222.2, 47.4%, 11.2%); }
.sms-content .subtitle { font-size: 1.25rem; color: hsl(215.4, 16.3%, 46.9%); margin-bottom: 2rem; line-height: 1.6; }
.sms-features { list-style: none; }
.sms-features li { display: flex; align-items: flex-start; gap: 0.75rem; margin-bottom: 1rem; font-size: 1.05rem; line-height: 1.6; }
.sms-features li::before { content: "✓"; color: var(--sms-primary); font-weight: 700; font-size: 1.3rem; flex-shrink: 0; }
/* Payment Processing Module */
.payment-module { --payment-primary: hsl(260, 85%, 60%); --payment-bg-light: hsl(260, 20%, 96%); padding: 6rem 2rem; background: linear-gradient(135deg, hsl(0, 0%, 100%) 0%, var(--payment-bg-light) 100%); }
.payment-container { max-width: 1200px; margin: 0 auto; }
.payment-split { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; direction: rtl; }
.payment-split > * { direction: ltr; }
.payment-visual { position: relative; }
.payment-dashboard { background: hsl(0, 0%, 100%); border-radius: 1rem; padding: 2rem; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15); }
.payment-header { margin-bottom: 1.5rem; }
.payment-header h3 { font-size: 1.3rem; color: hsl(222.2, 47.4%, 11.2%); }
.payment-transactions { display: flex; flex-direction: column; gap: 0.75rem; margin-bottom: 1.5rem; }
.payment-transaction { background: linear-gradient(135deg, var(--payment-bg-light) 0%, hsl(0, 0%, 100%) 100%); border-left: 4px solid var(--payment-primary); padding: 1rem; border-radius: 0.5rem; display: flex; justify-content: space-between; align-items: center; animation: payment-slide-in 0.5s ease; }
@keyframes payment-slide-in { from { opacity: 0; transform: translateX(20px); } to { opacity: 1; transform: translateX(0); } }
.payment-transaction:nth-child(1) { animation-delay: 0.1s; }
.payment-transaction:nth-child(2) { animation-delay: 0.2s; }
.payment-transaction:nth-child(3) { animation-delay: 0.3s; }
.payment-details { display: flex; flex-direction: column; }
.payment-customer { font-weight: 700; color: hsl(222.2, 47.4%, 11.2%); }
.payment-type { font-size: 0.85rem; color: hsl(215.4, 16.3%, 46.9%); }
.payment-amount { font-size: 1.3rem; font-weight: 700; color: var(--payment-primary); }
.payment-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.payment-stat { background: var(--payment-primary); color: white; padding: 1rem; border-radius: 0.5rem; text-align: center; }
.payment-stat-value { font-size: 1.8rem; font-weight: 700; display: block; }
.payment-stat-label { font-size: 0.85rem; opacity: 0.9; margin-top: 0.25rem; }
.payment-content h2 { font-size: 2.5rem; font-weight: 700; margin-bottom: 1rem; line-height: 1.2; color: hsl(222.2, 47.4%, 11.2%); }
.payment-content .subtitle { font-size: 1.25rem; color: hsl(215.4, 16.3%, 46.9%); margin-bottom: 2rem; line-height: 1.6; }
.payment-features { list-style: none; }
.payment-features li { display: flex; align-items: flex-start; gap: 0.75rem; margin-bottom: 1rem; font-size: 1.05rem; line-height: 1.6; }
.payment-features li::before { content: "✓"; color: var(--payment-primary); font-weight: 700; font-size: 1.3rem; flex-shrink: 0; }
/* Invoice Processing Module */
.invoice-module { --invoice-primary: hsl(45, 90%, 55%); --invoice-bg-light: hsl(45, 20%, 96%); padding: 6rem 2rem; background: linear-gradient(135deg, var(--invoice-bg-light) 0%, hsl(0, 0%, 100%) 100%); }
.invoice-container { max-width: 1200px; margin: 0 auto; }
.invoice-split { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; }
.invoice-visual { position: relative; }
.invoice-scanner { background: hsl(0, 0%, 100%); border-radius: 1rem; padding: 2rem; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15); }
.invoice-scanner-header { margin-bottom: 1.5rem; }
.invoice-scanner-header h3 { font-size: 1.3rem; color: hsl(222.2, 47.4%, 11.2%); }
.invoice-doc { background: hsl(0, 0%, 98%); border: 2px dashed var(--invoice-primary); border-radius: 0.5rem; padding: 2rem; min-height: 300px; position: relative; overflow: hidden; }
.invoice-scan-line { position: absolute; left: 0; width: 100%; height: 3px; background: linear-gradient(90deg, transparent, var(--invoice-primary), transparent); animation: invoice-scan 2s ease-in-out infinite; }
@keyframes invoice-scan { 0%, 100% { top: 0; opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { top: 100%; opacity: 0; } }
.invoice-data { display: flex; flex-direction: column; gap: 0.75rem; margin-top: 1.5rem; }
.invoice-field { background: linear-gradient(135deg, var(--invoice-bg-light) 0%, hsl(0, 0%, 100%) 100%); padding: 0.75rem 1rem; border-radius: 0.5rem; border-left: 3px solid var(--invoice-primary); display: flex; justify-content: space-between; animation: invoice-field-in 0.5s ease; }
@keyframes invoice-field-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.invoice-field:nth-child(1) { animation-delay: 0.2s; }
.invoice-field:nth-child(2) { animation-delay: 0.4s; }
.invoice-field:nth-child(3) { animation-delay: 0.6s; }
.invoice-label { font-weight: 600; color: hsl(215.4, 16.3%, 46.9%); }
.invoice-value { font-weight: 700; color: var(--invoice-primary); }
.invoice-content h2 { font-size: 2.5rem; font-weight: 700; margin-bottom: 1rem; line-height: 1.2; color: hsl(222.2, 47.4%, 11.2%); }
.invoice-content .subtitle { font-size: 1.25rem; color: hsl(215.4, 16.3%, 46.9%); margin-bottom: 2rem; line-height: 1.6; }
.invoice-features { list-style: none; }
.invoice-features li { display: flex; align-items: flex-start; gap: 0.75rem; margin-bottom: 1rem; font-size: 1.05rem; line-height: 1.6; }
.invoice-features li::before { content: "✓"; color: var(--invoice-primary); font-weight: 700; font-size: 1.3rem; flex-shrink: 0; }
/* Review Response Module */
.review-module { --review-primary: hsl(25, 85%, 60%); --review-bg-light: hsl(25, 20%, 96%); padding: 6rem 2rem; background: linear-gradient(135deg, hsl(0, 0%, 100%) 0%, var(--review-bg-light) 100%); }
.review-container { max-width: 1200px; margin: 0 auto; }
.review-split { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; direction: rtl; }
.review-split > * { direction: ltr; }
.review-visual { position: relative; }
.review-panel { background: hsl(0, 0%, 100%); border-radius: 1rem; padding: 2rem; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15); }
.review-panel-header { margin-bottom: 1.5rem; }
.review-panel-header h3 { font-size: 1.3rem; color: hsl(222.2, 47.4%, 11.2%); }
.review-card { background: linear-gradient(135deg, var(--review-bg-light) 0%, hsl(0, 0%, 100%) 100%); padding: 1.25rem; border-radius: 0.75rem; border-left: 4px solid var(--review-primary); margin-bottom: 1rem; }
.review-stars { color: var(--review-primary); font-size: 1.2rem; margin-bottom: 0.5rem; }
.review-text { color: hsl(215.4, 16.3%, 46.9%); font-size: 0.95rem; margin-bottom: 1rem; line-height: 1.5; }
.review-response { background: hsl(0, 0%, 100%); padding: 1rem; border-radius: 0.5rem; border: 2px solid var(--review-primary); animation: review-typing 2s ease-in-out infinite; }
@keyframes review-typing { 0%, 100% { border-color: var(--review-primary); } 50% { border-color: transparent; } }
.review-response-label { font-size: 0.75rem; color: var(--review-primary); font-weight: 700; margin-bottom: 0.5rem; text-transform: uppercase; }
.review-response-text { color: hsl(222.2, 47.4%, 11.2%); font-size: 0.9rem; line-height: 1.5; }
.review-content h2 { font-size: 2.5rem; font-weight: 700; margin-bottom: 1rem; line-height: 1.2; color: hsl(222.2, 47.4%, 11.2%); }
.review-content .subtitle { font-size: 1.25rem; color: hsl(215.4, 16.3%, 46.9%); margin-bottom: 2rem; line-height: 1.6; }
.review-features { list-style: none; }
.review-features li { display: flex; align-items: flex-start; gap: 0.75rem; margin-bottom: 1rem; font-size: 1.05rem; line-height: 1.6; }
.review-features li::before { content: "✓"; color: var(--review-primary); font-weight: 700; font-size: 1.3rem; flex-shrink: 0; }
/* Social Media Module */
.social-module { --social-primary: hsl(305, 75%, 60%); --social-bg-light: hsl(305, 20%, 96%); padding: 6rem 2rem; background: linear-gradient(135deg, var(--social-bg-light) 0%, hsl(0, 0%, 100%) 100%); }
.social-container { max-width: 1200px; margin: 0 auto; }
.social-split { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; }
.social-visual { position: relative; }
.social-feed { background: hsl(0, 0%, 100%); border-radius: 1rem; padding: 2rem; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15); }
.social-feed-header { margin-bottom: 1.5rem; }
.social-feed-header h3 { font-size: 1.3rem; color: hsl(222.2, 47.4%, 11.2%); }
.social-posts { display: flex; flex-direction: column; gap: 1rem; }
.social-post { background: linear-gradient(135deg, var(--social-bg-light) 0%, hsl(0, 0%, 100%) 100%); padding: 1.25rem; border-radius: 0.75rem; border-left: 4px solid var(--social-primary); animation: social-post-in 0.5s ease; }
@keyframes social-post-in { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } }
.social-post:nth-child(1) { animation-delay: 0.1s; }
.social-post:nth-child(2) { animation-delay: 0.3s; }
.social-post:nth-child(3) { animation-delay: 0.5s; }
.social-post-platform { display: inline-block; background: var(--social-primary); color: white; padding: 0.3rem 0.7rem; border-radius: 0.5rem; font-size: 0.75rem; font-weight: 700; margin-bottom: 0.75rem; }
.social-post-content { color: hsl(222.2, 47.4%, 11.2%); font-size: 0.95rem; line-height: 1.5; }
.social-post-stats { display: flex; gap: 1.5rem; margin-top: 0.75rem; font-size: 0.85rem; color: hsl(215.4, 16.3%, 46.9%); }
.social-content h2 { font-size: 2.5rem; font-weight: 700; margin-bottom: 1rem; line-height: 1.2; color: hsl(222.2, 47.4%, 11.2%); }
.social-content .subtitle { font-size: 1.25rem; color: hsl(215.4, 16.3%, 46.9%); margin-bottom: 2rem; line-height: 1.6; }
.social-features { list-style: none; }
.social-features li { display: flex; align-items: flex-start; gap: 0.75rem; margin-bottom: 1rem; font-size: 1.05rem; line-height: 1.6; }
.social-features li::before { content: "✓"; color: var(--social-primary); font-weight: 700; font-size: 1.3rem; flex-shrink: 0; }
/* Inventory Management Module */
.inventory-module { --inventory-primary: hsl(185, 70%, 50%); --inventory-bg-light: hsl(185, 20%, 96%); padding: 6rem 2rem; background: linear-gradient(135deg, hsl(0, 0%, 100%) 0%, var(--inventory-bg-light) 100%); }
.inventory-container { max-width: 1200px; margin: 0 auto; }
.inventory-split { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; direction: rtl; }
.inventory-split > * { direction: ltr; }
.inventory-visual { position: relative; }
.inventory-dashboard { background: hsl(0, 0%, 100%); border-radius: 1rem; padding: 2rem; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15); }
.inventory-dashboard-header { margin-bottom: 1.5rem; }
.inventory-dashboard-header h3 { font-size: 1.3rem; color: hsl(222.2, 47.4%, 11.2%); }
.inventory-items { display: flex; flex-direction: column; gap: 1rem; }
.inventory-item { background: linear-gradient(135deg, var(--inventory-bg-light) 0%, hsl(0, 0%, 100%) 100%); padding: 1rem; border-radius: 0.5rem; display: flex; justify-content: space-between; align-items: center; animation: inventory-slide-in 0.5s ease; }
@keyframes inventory-slide-in { from { opacity: 0; transform: translateX(20px); } to { opacity: 1; transform: translateX(0); } }
.inventory-item:nth-child(1) { animation-delay: 0.1s; }
.inventory-item:nth-child(2) { animation-delay: 0.2s; }
.inventory-item:nth-child(3) { animation-delay: 0.3s; }
.inventory-item-name { font-weight: 700; color: hsl(222.2, 47.4%, 11.2%); }
.inventory-item-stock { display: flex; align-items: center; gap: 0.5rem; }
.inventory-stock-bar { width: 100px; height: 8px; background: hsl(0, 0%, 90%); border-radius: 4px; overflow: hidden; }
.inventory-stock-fill { height: 100%; background: var(--inventory-primary); animation: inventory-fill 1s ease; }
@keyframes inventory-fill { from { width: 0; } to { width: 100%; } }
.inventory-stock-number { font-weight: 700; color: var(--inventory-primary); font-size: 0.9rem; }
.inventory-alert { background: hsl(0, 70%, 95%); border-left: 4px solid hsl(0, 70%, 50%); padding: 1rem; border-radius: 0.5rem; margin-top: 1rem; animation: inventory-pulse 2s ease-in-out infinite; }
@keyframes inventory-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } }
.inventory-alert-text { font-weight: 600; color: hsl(0, 70%, 40%); font-size: 0.9rem; }
.inventory-content h2 { font-size: 2.5rem; font-weight: 700; margin-bottom: 1rem; line-height: 1.2; color: hsl(222.2, 47.4%, 11.2%); }
.inventory-content .subtitle { font-size: 1.25rem; color: hsl(215.4, 16.3%, 46.9%); margin-bottom: 2rem; line-height: 1.6; }
.inventory-features { list-style: none; }
.inventory-features li { display: flex; align-items: flex-start; gap: 0.75rem; margin-bottom: 1rem; font-size: 1.05rem; line-height: 1.6; }
.inventory-features li::before { content: "✓"; color: var(--inventory-primary); font-weight: 700; font-size: 1.3rem; flex-shrink: 0; }
/* Support Ticket Module */
.ticket-module { --ticket-primary: hsl(355, 75%, 60%); --ticket-bg-light: hsl(355, 20%, 96%); padding: 6rem 2rem; background: linear-gradient(135deg, var(--ticket-bg-light) 0%, hsl(0, 0%, 100%) 100%); }
.ticket-container { max-width: 1200px; margin: 0 auto; }
.ticket-split { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; }
.ticket-visual { position: relative; }
.ticket-queue { background: hsl(0, 0%, 100%); border-radius: 1rem; padding: 2rem; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15); }
.ticket-queue-header { margin-bottom: 1.5rem; }
.ticket-queue-header h3 { font-size: 1.3rem; color: hsl(222.2, 47.4%, 11.2%); }
.ticket-list { display: flex; flex-direction: column; gap: 0.75rem; }
.ticket-item { background: linear-gradient(135deg, var(--ticket-bg-light) 0%, hsl(0, 0%, 100%) 100%); padding: 1rem; border-radius: 0.5rem; animation: ticket-slide-in 0.5s ease; }
@keyframes ticket-slide-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.ticket-item:nth-child(1) { animation-delay: 0.1s; }
.ticket-item:nth-child(2) { animation-delay: 0.2s; }
.ticket-item:nth-child(3) { animation-delay: 0.3s; }
.ticket-item:nth-child(4) { animation-delay: 0.4s; }
.ticket-item-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem; }
.ticket-number { font-weight: 700; color: hsl(222.2, 47.4%, 11.2%); }
.ticket-priority { padding: 0.3rem 0.7rem; border-radius: 0.5rem; font-size: 0.75rem; font-weight: 700; color: white; }
.ticket-priority.high { background: var(--ticket-primary); }
.ticket-priority.medium { background: hsl(30, 75%, 55%); }
.ticket-priority.low { background: hsl(142, 70%, 45%); }
.ticket-subject { color: hsl(215.4, 16.3%, 46.9%); font-size: 0.9rem; margin-bottom: 0.5rem; }
.ticket-category { display: inline-block; background: var(--ticket-primary); color: white; padding: 0.25rem 0.6rem; border-radius: 0.5rem; font-size: 0.75rem; font-weight: 600; }
.ticket-content h2 { font-size: 2.5rem; font-weight: 700; margin-bottom: 1rem; line-height: 1.2; color: hsl(222.2, 47.4%, 11.2%); }
.ticket-content .subtitle { font-size: 1.25rem; color: hsl(215.4, 16.3%, 46.9%); margin-bottom: 2rem; line-height: 1.6; }
.ticket-features { list-style: none; }
.ticket-features li { display: flex; align-items: flex-start; gap: 0.75rem; margin-bottom: 1rem; font-size: 1.05rem; line-height: 1.6; }
.ticket-features li::before { content: "✓"; color: var(--ticket-primary); font-weight: 700; font-size: 1.3rem; flex-shrink: 0; }
/* Appointment Reminder Module */
.reminder-module { --reminder-primary: hsl(280, 65%, 55%); --reminder-bg-light: hsl(280, 20%, 96%); padding: 6rem 2rem; background: linear-gradient(135deg, hsl(0, 0%, 100%) 0%, var(--reminder-bg-light) 100%); }
.reminder-container { max-width: 1200px; margin: 0 auto; }
.reminder-split { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; direction: rtl; }
.reminder-split > * { direction: ltr; }
.reminder-visual { position: relative; }
.reminder-timeline { background: hsl(0, 0%, 100%); border-radius: 1rem; padding: 2rem; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15); }
.reminder-timeline-header { margin-bottom: 1.5rem; }
.reminder-timeline-header h3 { font-size: 1.3rem; color: hsl(222.2, 47.4%, 11.2%); }
.reminder-events { position: relative; padding-left: 2rem; }
.reminder-events::before { content: ''; position: absolute; left: 0.5rem; top: 0; bottom: 0; width: 2px; background: var(--reminder-primary); }
.reminder-event { position: relative; margin-bottom: 1.5rem; animation: reminder-fade-in 0.5s ease; }
@keyframes reminder-fade-in { from { opacity: 0; transform: translateX(-20px); } to { opacity: 1; transform: translateX(0); } }
.reminder-event:nth-child(1) { animation-delay: 0.1s; }
.reminder-event:nth-child(2) { animation-delay: 0.2s; }
.reminder-event:nth-child(3) { animation-delay: 0.3s; }
.reminder-event:nth-child(4) { animation-delay: 0.4s; }
.reminder-event::before { content: ''; position: absolute; left: -1.5rem; top: 0.3rem; width: 12px; height: 12px; border-radius: 50%; background: var(--reminder-primary); border: 3px solid hsl(0, 0%, 100%); box-shadow: 0 0 0 2px var(--reminder-primary); animation: reminder-pulse 2s ease-in-out infinite; }
@keyframes reminder-pulse { 0%, 100% { box-shadow: 0 0 0 2px var(--reminder-primary); } 50% { box-shadow: 0 0 0 6px rgba(147, 51, 234, 0.2); } }
.reminder-event-time { font-size: 0.85rem; color: var(--reminder-primary); font-weight: 700; margin-bottom: 0.25rem; }
.reminder-event-text { background: linear-gradient(135deg, var(--reminder-bg-light) 0%, hsl(0, 0%, 100%) 100%); padding: 0.75rem 1rem; border-radius: 0.5rem; color: hsl(222.2, 47.4%, 11.2%); font-size: 0.95rem; border-left: 3px solid var(--reminder-primary); }
.reminder-content h2 { font-size: 2.5rem; font-weight: 700; margin-bottom: 1rem; line-height: 1.2; color: hsl(222.2, 47.4%, 11.2%); }
.reminder-content .subtitle { font-size: 1.25rem; color: hsl(215.4, 16.3%, 46.9%); margin-bottom: 2rem; line-height: 1.6; }
.reminder-features { list-style: none; }
.reminder-features li { display: flex; align-items: flex-start; gap: 0.75rem; margin-bottom: 1rem; font-size: 1.05rem; line-height: 1.6; }
.reminder-features li::before { content: "✓"; color: var(--reminder-primary); font-weight: 700; font-size: 1.3rem; flex-shrink: 0; }
/* Customer Feedback Module */
.feedback-module { --feedback-primary: hsl(50, 95%, 50%); --feedback-bg-light: hsl(50, 20%, 96%); padding: 6rem 2rem; background: linear-gradient(135deg, var(--feedback-bg-light) 0%, hsl(0, 0%, 100%) 100%); }
.feedback-container { max-width: 1200px; margin: 0 auto; }
.feedback-split { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; }
.feedback-visual { position: relative; }
.feedback-survey { background: hsl(0, 0%, 100%); border-radius: 1rem; padding: 2rem; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15); }
.feedback-survey-header { margin-bottom: 1.5rem; }
.feedback-survey-header h3 { font-size: 1.3rem; color: hsl(222.2, 47.4%, 11.2%); }
.feedback-question { background: linear-gradient(135deg, var(--feedback-bg-light) 0%, hsl(0, 0%, 100%) 100%); padding: 1.25rem; border-radius: 0.75rem; margin-bottom: 1rem; }
.feedback-question-text { color: hsl(222.2, 47.4%, 11.2%); font-weight: 600; margin-bottom: 1rem; }
.feedback-rating { display: flex; gap: 0.5rem; justify-content: center; }
.feedback-star { font-size: 2rem; color: hsl(0, 0%, 80%); cursor: pointer; transition: all 0.3s ease; animation: feedback-star-pop 0.5s ease; }
@keyframes feedback-star-pop { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.2); } }
.feedback-star:nth-child(1) { animation-delay: 0.1s; }
.feedback-star:nth-child(2) { animation-delay: 0.2s; }
.feedback-star:nth-child(3) { animation-delay: 0.3s; }
.feedback-star:nth-child(4) { animation-delay: 0.4s; }
.feedback-star:nth-child(5) { animation-delay: 0.5s; color: var(--feedback-primary); }
.feedback-nps { display: flex; gap: 0.3rem; margin-top: 1rem; }
.feedback-nps-score { flex: 1; padding: 0.75rem; background: hsl(0, 0%, 95%); border-radius: 0.5rem; text-align: center; font-weight: 700; color: hsl(215.4, 16.3%, 46.9%); transition: all 0.3s ease; animation: feedback-score-in 0.5s ease; }
@keyframes feedback-score-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.feedback-nps-score:nth-child(9), .feedback-nps-score:nth-child(10) { background: var(--feedback-primary); color: hsl(222.2, 47.4%, 11.2%); }
.feedback-content h2 { font-size: 2.5rem; font-weight: 700; margin-bottom: 1rem; line-height: 1.2; color: hsl(222.2, 47.4%, 11.2%); }
.feedback-content .subtitle { font-size: 1.25rem; color: hsl(215.4, 16.3%, 46.9%); margin-bottom: 2rem; line-height: 1.6; }
.feedback-features { list-style: none; }
.feedback-features li { display: flex; align-items: flex-start; gap: 0.75rem; margin-bottom: 1rem; font-size: 1.05rem; line-height: 1.6; }
.feedback-features li::before { content: "✓"; color: var(--feedback-primary); font-weight: 700; font-size: 1.3rem; flex-shrink: 0; }
/* Sales Pipeline Module */
.pipeline-module { --pipeline-primary: hsl(145, 70%, 50%); --pipeline-bg-light: hsl(145, 20%, 96%); padding: 6rem 2rem; background: linear-gradient(135deg, hsl(0, 0%, 100%) 0%, var(--pipeline-bg-light) 100%); }
.pipeline-container { max-width: 1200px; margin: 0 auto; }
.pipeline-split { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; direction: rtl; }
.pipeline-split > * { direction: ltr; }
.pipeline-visual { position: relative; }
.pipeline-board { background: hsl(0, 0%, 100%); border-radius: 1rem; padding: 2rem; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15); }
.pipeline-board-header { margin-bottom: 1.5rem; }
.pipeline-board-header h3 { font-size: 1.3rem; color: hsl(222.2, 47.4%, 11.2%); }
.pipeline-stages { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; }
.pipeline-stage { background: linear-gradient(135deg, var(--pipeline-bg-light) 0%, hsl(0, 0%, 100%) 100%); padding: 1rem; border-radius: 0.5rem; border-top: 3px solid var(--pipeline-primary); }
.pipeline-stage-name { font-weight: 700; color: hsl(222.2, 47.4%, 11.2%); font-size: 0.85rem; margin-bottom: 0.75rem; }
.pipeline-card { background: hsl(0, 0%, 100%); padding: 0.75rem; border-radius: 0.5rem; border-left: 3px solid var(--pipeline-primary); margin-bottom: 0.5rem; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); animation: pipeline-card-slide 0.5s ease; }
@keyframes pipeline-card-slide { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
.pipeline-card-title { font-weight: 600; color: hsl(222.2, 47.4%, 11.2%); font-size: 0.85rem; margin-bottom: 0.25rem; }
.pipeline-card-value { color: var(--pipeline-primary); font-weight: 700; font-size: 0.9rem; }
.pipeline-content h2 { font-size: 2.5rem; font-weight: 700; margin-bottom: 1rem; line-height: 1.2; color: hsl(222.2, 47.4%, 11.2%); }
.pipeline-content .subtitle { font-size: 1.25rem; color: hsl(215.4, 16.3%, 46.9%); margin-bottom: 2rem; line-height: 1.6; }
.pipeline-features { list-style: none; }
.pipeline-features li { display: flex; align-items: flex-start; gap: 0.75rem; margin-bottom: 1rem; font-size: 1.05rem; line-height: 1.6; }
.pipeline-features li::before { content: "✓"; color: var(--pipeline-primary); font-weight: 700; font-size: 1.3rem; flex-shrink: 0; }
/* Knowledge Base Module */
.knowledge-module { --knowledge-primary: hsl(210, 90%, 60%); --knowledge-bg-light: hsl(210, 20%, 96%); padding: 6rem 2rem; background: linear-gradient(135deg, var(--knowledge-bg-light) 0%, hsl(0, 0%, 100%) 100%); }
.knowledge-container { max-width: 1200px; margin: 0 auto; }
.knowledge-split { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; }
.knowledge-visual { position: relative; }
.knowledge-chatbot { background: hsl(0, 0%, 100%); border-radius: 1rem; padding: 2rem; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15); }
.knowledge-chatbot-header { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 2px solid var(--knowledge-bg-light); }
.knowledge-chatbot-avatar { width: 45px; height: 45px; border-radius: 50%; background: var(--knowledge-primary); color: white; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 1.2rem; }
.knowledge-chatbot-title h3 { font-size: 1.1rem; color: hsl(222.2, 47.4%, 11.2%); margin-bottom: 0.15rem; }
.knowledge-chatbot-status { font-size: 0.8rem; color: var(--knowledge-primary); font-weight: 600; }
.knowledge-chat { min-height: 300px; display: flex; flex-direction: column; gap: 1rem; }
.knowledge-message { max-width: 80%; padding: 0.85rem 1rem; border-radius: 1rem; font-size: 0.95rem; line-height: 1.5; animation: knowledge-message-in 0.3s ease; }
@keyframes knowledge-message-in { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } }
.knowledge-message.user { background: linear-gradient(135deg, var(--knowledge-bg-light) 0%, hsl(0, 0%, 100%) 100%); align-self: flex-end; border-bottom-right-radius: 0.25rem; color: hsl(222.2, 47.4%, 11.2%); }
.knowledge-message.bot { background: var(--knowledge-primary); color: white; align-self: flex-start; border-bottom-left-radius: 0.25rem; }
.knowledge-suggestions { display: flex; gap: 0.5rem; flex-wrap: wrap; margin-top: 0.5rem; }
.knowledge-suggestion { background: hsl(0, 0%, 95%); padding: 0.5rem 0.85rem; border-radius: 1rem; font-size: 0.85rem; color: hsl(215.4, 16.3%, 46.9%); border: 1px solid hsl(0, 0%, 85%); animation: knowledge-suggestion-in 0.5s ease; }
@keyframes knowledge-suggestion-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
.knowledge-content h2 { font-size: 2.5rem; font-weight: 700; margin-bottom: 1rem; line-height: 1.2; color: hsl(222.2, 47.4%, 11.2%); }
.knowledge-content .subtitle { font-size: 1.25rem; color: hsl(215.4, 16.3%, 46.9%); margin-bottom: 2rem; line-height: 1.6; }
.knowledge-features { list-style: none; }
.knowledge-features li { display: flex; align-items: flex-start; gap: 0.75rem; margin-bottom: 1rem; font-size: 1.05rem; line-height: 1.6; }
.knowledge-features li::before { content: "✓"; color: var(--knowledge-primary); font-weight: 700; font-size: 1.3rem; flex-shrink: 0; }
/* Time Tracking Module */
.timetrack-module { --timetrack-primary: hsl(15, 85%, 60%); --timetrack-bg-light: hsl(15, 20%, 96%); padding: 6rem 2rem; background: linear-gradient(135deg, hsl(0, 0%, 100%) 0%, var(--timetrack-bg-light) 100%); }
.timetrack-container { max-width: 1200px; margin: 0 auto; }
.timetrack-split { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; direction: rtl; }
.timetrack-split > * { direction: ltr; }
.timetrack-visual { position: relative; }
.timetrack-dashboard { background: hsl(0, 0%, 100%); border-radius: 1rem; padding: 2rem; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15); }
.timetrack-dashboard-header { margin-bottom: 1.5rem; }
.timetrack-dashboard-header h3 { font-size: 1.3rem; color: hsl(222.2, 47.4%, 11.2%); }
.timetrack-entries { display: flex; flex-direction: column; gap: 0.75rem; }
.timetrack-entry { background: linear-gradient(135deg, var(--timetrack-bg-light) 0%, hsl(0, 0%, 100%) 100%); padding: 1rem; border-radius: 0.5rem; border-left: 4px solid var(--timetrack-primary); display: flex; justify-content: space-between; align-items: center; animation: timetrack-entry-in 0.5s ease; }
@keyframes timetrack-entry-in { from { opacity: 0; transform: translateX(20px); } to { opacity: 1; transform: translateX(0); } }
.timetrack-entry:nth-child(1) { animation-delay: 0.1s; }
.timetrack-entry:nth-child(2) { animation-delay: 0.2s; }
.timetrack-entry:nth-child(3) { animation-delay: 0.3s; }
.timetrack-entry-details { flex: 1; }
.timetrack-entry-name { font-weight: 700; color: hsl(222.2, 47.4%, 11.2%); margin-bottom: 0.25rem; }
.timetrack-entry-task { font-size: 0.85rem; color: hsl(215.4, 16.3%, 46.9%); }
.timetrack-entry-time { font-size: 1.3rem; font-weight: 700; color: var(--timetrack-primary); }
.timetrack-summary { background: var(--timetrack-primary); color: white; padding: 1.25rem; border-radius: 0.75rem; margin-top: 1.5rem; display: flex; justify-content: space-between; align-items: center; }
.timetrack-summary-label { font-size: 1rem; opacity: 0.9; }
.timetrack-summary-value { font-size: 2rem; font-weight: 700; }
.timetrack-content h2 { font-size: 2.5rem; font-weight: 700; margin-bottom: 1rem; line-height: 1.2; color: hsl(222.2, 47.4%, 11.2%); }
.timetrack-content .subtitle { font-size: 1.25rem; color: hsl(215.4, 16.3%, 46.9%); margin-bottom: 2rem; line-height: 1.6; }
.timetrack-features { list-style: none; }
.timetrack-features li { display: flex; align-items: flex-start; gap: 0.75rem; margin-bottom: 1rem; font-size: 1.05rem; line-height: 1.6; }
.timetrack-features li::before { content: "✓"; color: var(--timetrack-primary); font-weight: 700; font-size: 1.3rem; flex-shrink: 0; }
/* Responsive */
@media (max-width: 968px) {
.whatsapp-split, .crm-split, .document-split, .lead-split, .analytics-split, .email-split, .sms-split, .payment-split, .invoice-split, .review-split, .social-split, .inventory-split, .ticket-split, .reminder-split, .feedback-split, .pipeline-split, .knowledge-split, .timetrack-split { grid-template-columns: 1fr; gap: 3rem; direction: ltr; }
.whatsapp-content h2, .crm-content h2, .document-content h2, .lead-content h2, .analytics-content h2, .email-content h2, .sms-content h2, .payment-content h2, .invoice-content h2, .review-content h2, .social-content h2, .inventory-content h2, .ticket-content h2, .reminder-content h2, .feedback-content h2, .pipeline-content h2, .knowledge-content h2, .timetrack-content h2 { font-size: 2rem; }
.crm-metrics, .analytics-charts, .payment-stats { grid-template-columns: 1fr; }
.pipeline-stages { grid-template-columns: 1fr; }
}