:root{--whatsapp-green:#25D366;--whatsapp-dark:#128C7E;--whatsapp-teal:#075E54;--whatsapp-light:#1a3a2a;--text-dark:#f8fafc;--text-muted:#9aa6bd;--bg-light:#0b1222;--white:rgba(255,255,255,.04)}.hero{background:linear-gradient(135deg,var(--whatsapp-teal) 0%,var(--whatsapp-dark) 50%,var(--whatsapp-green) 100%);padding:100px 20px 80px;position:relative;overflow:hidden}.hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.3}.hero-content{max-width:1100px;margin:0 auto;text-align:center;position:relative;z-index:1}.hero h1{font-size:clamp(2rem,5vw,3.2rem);color:#fff;margin-bottom:20px;font-weight:700;line-height:1.2}.hero p{font-size:1.25rem;color:rgba(255,255,255,.95);max-width:700px;margin:0 auto 30px;line-height:1.6}.hero-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.btn-primary{background:#fff;color:var(--whatsapp-teal);padding:14px 32px;border-radius:30px;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.2)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(0,0,0,.3)}.btn-secondary{background:transparent;color:#fff;padding:14px 32px;border-radius:30px;font-weight:600;text-decoration:none;border:2px solid #fff;transition:all .3s ease}.btn-secondary:hover{background:#fff;color:var(--whatsapp-teal)}.services-section{padding:80px 20px;background:#0b1222}.services-container{max-width:1200px;margin:0 auto}.services-container h2{font-size:2.5rem;text-align:center;color:#f8fafc;margin-bottom:15px}.services-container>p{text-align:center;color:#9aa6bd;font-size:1.1rem;max-width:600px;margin:0 auto 50px}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.service-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:35px 30px;border-radius:16px;box-shadow:0 12px 36px rgba(2,6,23,.4);transition:all .3s ease}.service-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(37,211,102,.1);border-color:rgba(37,211,102,.3)}.service-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--whatsapp-green),var(--whatsapp-dark));border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:28px}.service-card h3{color:#f8fafc;font-size:1.3rem;margin-bottom:12px}.service-card p{color:#9aa6bd;line-height:1.6;font-size:.95rem}.workflow-section{padding:80px 20px;background:#090e1a}.workflow-container{max-width:1100px;margin:0 auto}.workflow-container h2{font-size:2.5rem;text-align:center;color:#f8fafc;margin-bottom:50px}.workflow-item{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:80px}.workflow-item:nth-child(even){direction:rtl}.workflow-item:nth-child(even)>*{direction:ltr}.workflow-content h3{font-size:1.8rem;color:#f8fafc;margin-bottom:15px}.workflow-content p{color:#9aa6bd;line-height:1.7;margin-bottom:20px}.workflow-features{list-style:none;padding:0}.workflow-features li{padding:8px 0;color:#b6c0d1;display:flex;align-items:center;gap:10px}.workflow-features li::before{content:"✓";color:var(--whatsapp-green);font-weight:700;font-size:1.1rem}.workflow-visual{background:rgba(37,211,102,.05);border:1px solid rgba(37,211,102,.15);border-radius:20px;padding:40px;position:relative}.chat-mockup{background:#0d1f17;border-radius:12px;padding:20px;max-width:320px;margin:0 auto}.chat-bubble{padding:12px 16px;border-radius:12px;margin-bottom:10px;max-width:85%;font-size:.9rem;line-height:1.4}.chat-bubble.received{background:rgba(255,255,255,.08);color:#e2e8f0;border-bottom-left-radius:4px}.chat-bubble.sent{background:rgba(37,211,102,.2);color:#dcf8c6;margin-left:auto;border-bottom-right-radius:4px}.chat-time{font-size:.7rem;color:#6b7280;text-align:right;margin-top:4px}.stats{background:linear-gradient(135deg,var(--whatsapp-teal),var(--whatsapp-dark));padding:60px 20px}.stats-container{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;text-align:center}.stat-item h3{font-size:3rem;color:#fff;margin-bottom:8px}.stat-item p{color:rgba(255,255,255,.9);font-size:1rem}.usecases-section{padding:80px 20px;background:#0b1222}.usecases-container{max-width:1100px;margin:0 auto}.usecases-container h2{font-size:2.5rem;text-align:center;color:#f8fafc;margin-bottom:50px}.usecase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.usecase-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;box-shadow:0 12px 36px rgba(2,6,23,.4);transition:all .3s ease}.usecase-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(2,6,23,.6)}.usecase-header{background:linear-gradient(135deg,var(--whatsapp-green),var(--whatsapp-dark));padding:25px;color:#fff}.usecase-header h3{font-size:1.3rem;margin-bottom:5px}.usecase-header span{font-size:.85rem;opacity:.9}.usecase-body{padding:25px}.usecase-body p{color:#9aa6bd;line-height:1.6;margin-bottom:15px}.usecase-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:15px;background:rgba(255,255,255,.04);border-radius:8px;font-size:.85rem}.usecase-flow span{background:rgba(37,211,102,.15);padding:6px 12px;border-radius:20px;color:#4ade80;font-weight:500}.usecase-flow .arrow{background:none;padding:0;color:#6b7280}.cta-section{padding:80px 20px;background:linear-gradient(135deg,var(--whatsapp-teal),var(--whatsapp-green));text-align:center}.cta-section h2{font-size:2.5rem;color:#fff;margin-bottom:15px}.cta-section p{font-size:1.2rem;color:rgba(255,255,255,.95);margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto}.cta-section .cta-btn{background:#fff;color:var(--whatsapp-teal);padding:16px 40px;border-radius:30px;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease;box-shadow:0 4px 20px rgba(0,0,0,.2)}.cta-section .cta-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,.3)}.faq-section{padding:80px 20px;background:#090e1a}.faq-container{max-width:800px;margin:0 auto}.faq-container h2{font-size:2.5rem;text-align:center;color:#f8fafc;margin-bottom:50px}.faq-section .accordion-item{border:1px solid rgba(255,255,255,.09);border-radius:12px;margin-bottom:15px;overflow:hidden}.faq-section .accordion-button{width:100%;padding:20px 25px;background:rgba(255,255,255,.04);border:none;text-align:left;font-size:1.1rem;font-weight:600;color:#e2e8f0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.faq-section .accordion-button:hover{background:rgba(255,255,255,.07)}.faq-section .accordion-button::after{content:"+";font-size:1.5rem;color:var(--whatsapp-green);transition:transform .3s ease}.faq-section .accordion-button.active::after{transform:rotate(45deg)}.faq-section .accordion-body{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-section .accordion-body p{padding:0 25px 20px;color:#9aa6bd;line-height:1.7}@media (max-width:768px){.workflow-item{grid-template-columns:1fr;gap:30px}.workflow-item:nth-child(even){direction:ltr}.hero h1{font-size:2rem}.services-container h2,.workflow-container h2,.usecases-container h2,.faq-container h2,.cta-section h2{font-size:2rem}}