body{font-family:'Inter',sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--secondary-color);overflow-x:hidden;padding-top:80px;}
.container{max-width:1536px;margin:0 auto;}
/* Hero Section */
.hero-section{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);}
.hero-animated-bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.floating-particle{position:absolute;width:20px;height:20px;background:rgba(255,255,255,.1);border-radius:50%;animation:float 6s ease-in-out infinite;}
.floating-particle:nth-child(1){top:20%;left:20%;animation-delay:0s;}
.floating-particle:nth-child(2){top:60%;left:80%;animation-delay:2s;}
.floating-particle:nth-child(3){top:80%;left:30%;animation-delay:4s;}
.floating-particle:nth-child(4){top:40%;left:60%;animation-delay:1s;}
.floating-particle:nth-child(5){top:70%;left:50%;animation-delay:3s;}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-30px)}}
.hero-content{position:relative;z-index:2;text-align:center;color:#fff;}
.hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;margin-bottom:1rem;line-height:1.1;}
.gradient-text{background:linear-gradient(135deg,#fff 0%,#f0f0f0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hero-subtitle{font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:1rem;font-weight:600;}
.hero-description{font-size:clamp(1rem,2vw,1.25rem);margin-bottom:2rem;opacity:.9;}
.cta-button{display:inline-block;padding:1rem 2.5rem;background:#fff;color:#764ba2;font-weight:700;border-radius:8px;text-decoration:none;transition:all .3s ease;box-shadow:0 10px 25px rgba(0,0,0,.2);}
.cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(0,0,0,.3);}
.fade-in{animation:fadeIn .8s ease-out;}
.fade-in-delay{animation:fadeIn .8s ease-out .2s both;}
.fade-in-delay-2{animation:fadeIn .8s ease-out .4s both;}
.fade-in-delay-3{animation:fadeIn .8s ease-out .6s both;}
@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
/* Sectors Section */
.sectors-section{padding:5rem 0;background:#fff;}
.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;text-align:center;margin-bottom:1rem;color:var(--primary-color);}
.section-subtitle{text-align:center;font-size:1.25rem;color:var(--dark-gray);margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto;}
.sectors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;}
.sector-card{position:relative;padding:2.5rem;background:#fff;border:2px solid var(--light-gray);border-radius:16px;text-decoration:none;color:var(--text-color);transition:all .3s ease;overflow:hidden;}
.sector-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .3s ease;}
.sector-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.1);border-color:var(--accent-color);}
.sector-card:hover::before{transform:scaleX(1);}
.sector-icon{font-size:3rem;margin-bottom:1rem;}
.sector-card h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;}
.sector-card p{color:var(--dark-gray);margin-bottom:1rem;}
.sector-arrow{position:absolute;bottom:2rem;right:2rem;font-size:1.5rem;color:var(--accent-color);transition:transform .3s ease;}
.sector-card:hover .sector-arrow{transform:translateX(5px);}
/* Universal Automations Section */
.universal-automations-section{padding:5rem 0;background:var(--light-gray);}
.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; }
.whatsapp-mockup, .voice-agent-mockup, .document-mockup{
  max-width:100%;
}
/* WhatsApp Mockup */
.whatsapp-mockup{background:#ECE5DD;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.2);}
.whatsapp-header{background:#075E54;color:#fff;padding:1rem;display:flex;align-items:center;gap:1rem;}
.avatar{width:40px;height:40px;border-radius:50%;background:#ccc;}
.contact-name{font-weight:600;}
.status{font-size:.8rem;opacity:.8;}
.whatsapp-messages{padding:1.5rem;min-height:300px;}
.message{margin-bottom:1rem;display:flex;flex-direction:column;}
.message.received{align-items:flex-start;}
.message.sent{align-items:flex-end;}
.message-bubble{background:#fff;padding:.75rem 1rem;border-radius:8px;max-width:70%;box-shadow:0 1px 2px rgba(0,0,0,.1);}
.message.sent .message-bubble{background:#DCF8C6;}
.message-time{font-size:.7rem;color:#666;margin-top:.25rem;}
.typing-indicator{display:flex;gap:4px;}
.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#999;animation:typing 1.4s infinite;}
.typing-indicator span:nth-child(2){animation-delay:.2s;}
.typing-indicator span:nth-child(3){animation-delay:.4s;}
@keyframes typing{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-10px)}}
/* Voice Agent Mockup */
.voice-agent-mockup{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;padding:2rem;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.2);}
.voice-wave{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:2rem;height:60px;}
.wave-bar{width:8px;background:#fff;border-radius:4px;animation:wave .8s ease-in-out infinite;}
.wave-bar:nth-child(1){animation-delay:0s;}
.wave-bar:nth-child(2){animation-delay:.1s;}
.wave-bar:nth-child(3){animation-delay:.2s;}
.wave-bar:nth-child(4){animation-delay:.3s;}
.wave-bar:nth-child(5){animation-delay:.4s;}
.wave-bar:nth-child(6){animation-delay:.5s;}
.wave-bar:nth-child(7){animation-delay:.6s;}
@keyframes wave{0%,100%{height:20px}50%{height:40px}}
.call-info{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;}
.caller-avatar{width:50px;height:50px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;}
.caller-name{font-weight:600;font-size:1.1rem;}
.call-status{font-size:.9rem;opacity:.9;}
.call-timer{font-size:.9rem;opacity:.8;}
.transcript-live{background:rgba(255,255,255,.1);padding:1rem;border-radius:8px;}
.transcript-line{font-style:italic;}
/* CRM Mockup */
.crm-mockup{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,.1);}
.crm-pipeline{display:flex;align-items:flex-start;gap:1rem;}
.pipeline-stage{flex:1;background:var(--light-gray);border-radius:12px;padding:1rem;}
.stage-header{font-weight:700;margin-bottom:1rem;color:var(--primary-color);}
.lead-card{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all .3s ease;}
.lead-card:hover{transform:scale(1.05);}
.lead-card.animating{animation:pulse 2s ease-in-out infinite;}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.lead-avatar{width:40px;height:40px;background:var(--gradient-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:.5rem;}
.lead-name{font-weight:600;}
.lead-score{font-size:.85rem;color:var(--dark-gray);}
.lead-status{margin-top:.5rem;}
.pipeline-arrow{font-size:2rem;color:var(--accent-color);display:flex;align-items:center;}
/* 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;}
/* ROI Calculator */
.roi-section{padding:5rem 0;background:#fff;}
.roi-calculator-business{max-width:1200px;margin:3rem auto;background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.1);padding:3rem;}
.calculator-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem;}
.input-group{display:flex;flex-direction:column;gap:1rem;}
.input-group label{font-weight:600;color:var(--primary-color);margin-bottom:2rem;}
.slider-container{display:flex;align-items:center;gap:1rem;}
.slider{flex:1;height:8px;border-radius:5px;background:var(--light-gray);outline:none;-webkit-appearance:none;}
.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-color);cursor:pointer;}
.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:none;}
.slider-value{font-weight:700;color:var(--accent-color);min-width:80px;text-align:right;}
.calculator-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;}
.roi-result-card{background:var(--light-gray);padding:2rem;border-radius:12px;text-align:center;transition:all .3s ease;}
.roi-result-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1);}
.roi-result-card.primary{background:var(--gradient-primary);color:#fff;}
.roi-result-label{font-size:.9rem;margin-bottom:.5rem;opacity:.9;}
.roi-result-value{font-size:2rem;font-weight:800;}
.calculator-cta{text-align:center;margin-top:2rem;}
.calculator-cta p{font-size:1.25rem;margin-bottom:1rem;}
/* Final CTA */
.final-cta-section{padding:5rem 0;background:var(--gradient-primary);text-align:center;color:#fff;}
.final-cta-section h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:1rem;}
.final-cta-section p{font-size:1.25rem;margin-bottom:2rem;}
.cta-button.large{font-size:1.25rem;padding:1.25rem 3rem;}

/* Mobile fixes for CRM pipeline */
@media (max-width: 768px){
  .crm-pipeline{
    display:grid;
    grid-template-columns: 1fr;
    gap: .75rem;
  }
  .crm-pipeline .pipeline-arrow{ display:none; }
}