:root{--bg-dark: #0f1011;--bg-darker: #070707;--bg-card: #1c1d1f;--text-main: #f3f4f6;--text-muted: #9ca3af;--accent-orange: #ff6b00;--accent-orange-hover: #e05e00;--font-body: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--font-heading: "Outfit", "Inter", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}@media (max-width: 768px){html{font-size:14px}}@media (max-width: 480px){html{font-size:12px}}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:var(--text-main);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-orange)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.text-orange{color:var(--accent-orange)}.bg-orange{background-color:var(--accent-orange)}.btn-primary{display:inline-block;background-color:var(--accent-orange);color:#fff;font-weight:600;padding:.75rem 1.5rem;border-radius:4px;border:none;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-primary:hover{background-color:var(--accent-orange-hover);transform:translateY(-2px);box-shadow:0 4px 12px #ff6b004d;color:#fff}.btn-outline{display:inline-block;background-color:transparent;color:var(--accent-orange);font-weight:600;padding:.75rem 1.5rem;border-radius:4px;border:2px solid var(--accent-orange);cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-outline:hover{background-color:var(--accent-orange);color:#fff;transform:translateY(-2px)}.glass-nav{background:#0f1011d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05)}.navbar{position:sticky;top:0;left:0;width:100%;padding:1rem 0;z-index:1000;transition:all .3s ease;background-color:var(--bg-dark);border-bottom:1px solid rgba(255,255,255,.05)}.navbar.glass-nav{background:#0f1011f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-container{display:flex;justify-content:space-between;align-items:center}.nav-logo{font-family:var(--font-heading);font-size:1.8rem;font-weight:800;letter-spacing:1px}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{font-family:var(--font-heading);font-weight:500;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;position:relative;color:#fff;transition:color .3s ease}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--accent-orange);transition:width .3s ease}.nav-link:hover:after{width:100%}@media (max-width: 768px){.nav-links .nav-link{display:none}}.hero{position:relative;min-height:55vh;max-height:650px;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;padding:60px 0;background-color:#0f1011;background-image:linear-gradient(to right,#0f1011,#0f1011e6 30%,#0f10114d),url(/sisifo_blanco.png);background-size:cover;background-position:center right;background-repeat:no-repeat}.hero-gradient-orb{display:none}.hero-container{position:relative;z-index:1;text-align:left;max-width:1200px}.badge{display:inline-block;background-color:#ff6b001a;color:var(--accent-orange);padding:.5rem 1rem;border-radius:50px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:2rem;border:1px solid rgba(255,107,0,.2)}.hero-title{font-size:clamp(3rem,6vw,5.5rem);margin-bottom:1.5rem;letter-spacing:-1px}.hero-title .highlight{position:relative;display:inline-block}.hero-title .highlight:after{content:"";position:absolute;bottom:10%;left:0;width:100%;height:30%;background-color:#ff6b004d;z-index:-1;transform:rotate(-2deg)}.hero-subtitle{font-size:1.25rem;color:var(--text-muted);max-width:600px;margin:0 0 3rem;line-height:1.8}.hero-actions{display:flex;gap:1.5rem;justify-content:flex-start;align-items:center}@media (max-width: 768px){.hero{background-position:center}.hero-actions{flex-direction:column;gap:1rem}.hero-actions>a{width:100%;text-align:center}}.services{padding:6rem 0;background-color:var(--bg-darker);position:relative}.services-header{text-align:center;max-width:700px;margin:0 auto 4rem}.section-title{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem}.section-subtitle{color:var(--text-muted);font-size:1.1rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.service-card{background-color:var(--bg-card);padding:2.5rem 2rem;border-radius:8px;border:1px solid rgba(255,255,255,.05);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--accent-orange);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.service-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000080;border-color:#ff6b0033}.service-card:hover:before{transform:scaleX(1)}.service-icon{font-size:3rem;margin-bottom:1.5rem;background:#ff6b001a;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:12px}.service-title{font-size:1.5rem;margin-bottom:1rem}.service-description{color:var(--text-muted);margin-bottom:2rem;line-height:1.7}.service-link{color:var(--accent-orange);font-weight:600;text-transform:uppercase;font-size:.9rem;letter-spacing:.5px;display:flex;align-items:center;gap:.5rem}.service-link span{transition:transform .3s ease}.service-link:hover span{transform:translate(5px)}.chatbot-options-section{padding:80px 0;background-color:var(--bg-darker);position:relative;overflow:hidden}.chatbot-options-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;max-width:800px;height:400px;background:radial-gradient(circle,rgba(255,107,0,.05) 0%,transparent 70%);pointer-events:none}.section-header{margin-bottom:60px}.section-header .title{font-size:2.5rem;margin-bottom:1rem;color:var(--text-main);text-align:center}.section-header .subtitle{color:var(--text-muted);font-size:1.1rem;max-width:600px;margin:0 auto}.integration-badges{margin-top:30px;display:flex;flex-direction:column;align-items:center;gap:12px}.integration-label{font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-weight:600}.badges-list{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.integration-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:30px;background-color:var(--bg-card);border:1px solid rgba(255,255,255,.05);font-size:.9rem;font-weight:600;color:var(--text-main);box-shadow:0 4px 10px #0003;transition:all .3s ease}.integration-badge:hover{transform:translateY(-2px);border-color:#ff6b004d;box-shadow:0 6px 15px #ff6b0026}.integration-badge svg{width:18px;height:18px}.integration-badge.whatsapp svg{color:#25d366}.integration-badge.instagram svg{color:#e1306c}.integration-badge.facebook svg{color:#1877f2}.integration-badge.comments svg{color:var(--accent-orange)}.chatbot-options-container{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}@media (max-width: 900px){.chatbot-options-container{grid-template-columns:1fr;gap:60px}}.options-selector{display:flex;flex-direction:column;gap:20px}.option-card{background-color:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:24px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.option-card:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background-color:var(--accent-orange);transform:scaleY(0);transition:transform .3s ease;transform-origin:bottom}.option-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000080;border-color:#ff6b0033}.option-card.active{background:linear-gradient(145deg,var(--bg-card),rgba(255,107,0,.05));border-color:#ff6b004d}.option-card.active:before{transform:scaleY(1)}.option-card h3{font-size:1.4rem;margin-bottom:12px;color:var(--text-main)}.option-card.active h3{color:var(--accent-orange)}.option-card p{color:var(--text-muted);font-size:.95rem;line-height:1.5}.chat-preview-container{display:flex;justify-content:center}.mock-phone{width:320px;height:640px;background-color:#000;border-radius:40px;border:8px solid #2a2c30;box-shadow:0 25px 50px #000c,0 0 40px #ff6b001a;display:flex;flex-direction:column;position:relative;overflow:hidden}.mock-phone .phone-notch{width:120px;height:25px;background-color:#2a2c30;border-bottom-left-radius:15px;border-bottom-right-radius:15px;position:absolute;top:0;left:50%;transform:translate(-50%);z-index:10}.phone-header{background-color:#1a1b1f;padding:30px 15px 15px;border-bottom:1px solid #2a2c30;display:flex;align-items:center;position:relative}.phone-details{display:flex;align-items:center;gap:12px;margin-top:15px}.phone-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent-orange),#ff9a44);position:relative}.phone-avatar:after{content:"";position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;background-color:#4caf50;border:2px solid #1a1b1f}.phone-details span{color:#fff;font-weight:600;font-size:1rem}.phone-screen{flex:1;background-color:#111214;overflow-y:auto;scrollbar-width:none}.phone-screen::-webkit-scrollbar{display:none}.chat-simulation{padding:15px;height:100%}.chat-body{display:flex;flex-direction:column;gap:15px}.chat-bubble-wrapper{display:flex;flex-direction:column;max-width:85%}.chat-bubble-wrapper.bot{align-self:flex-start}.chat-bubble-wrapper.user{align-self:flex-end}.chat-bubble{padding:12px 16px;border-radius:16px;font-size:.9rem;line-height:1.4;position:relative}.chat-bubble.bot{background-color:#22252a;color:#e5e7eb;border-bottom-left-radius:4px}.chat-bubble.user{background-color:var(--accent-orange);color:#fff;border-bottom-right-radius:4px}.chat-options{display:flex;flex-direction:column;gap:8px;margin-top:10px;align-items:flex-start}.chat-option-btn{background-color:transparent;border:1px solid var(--accent-orange);color:var(--accent-orange);padding:8px 16px;border-radius:20px;font-size:.8rem;cursor:pointer;transition:all .2s}.chat-option-btn:hover{background-color:var(--accent-orange);color:#fff}.chat-typing{align-self:flex-start;background-color:#22252a;padding:12px 16px;border-radius:16px 16px 16px 4px;display:flex;gap:4px;align-items:center;width:max-content}.chat-typing .dot{width:6px;height:6px;background-color:#888;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.chat-typing .dot:nth-child(1){animation-delay:-.32s}.chat-typing .dot:nth-child(2){animation-delay:-.16s}.chat-typing .dot:nth-child(3){animation-delay:0}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.animate-bubble{animation:slideUpFade .3s ease-out forwards}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.phone-footer{background-color:#1a1b1f;padding:15px;border-top:1px solid #2a2c30;display:flex;align-items:center;gap:10px}.phone-input{flex:1;background-color:#2a2c30;border-radius:20px;padding:10px 15px;color:#888;font-size:.9rem}.phone-send-btn{width:38px;height:38px;border-radius:50%;background-color:var(--accent-orange);display:flex;align-items:center;justify-content:center;color:#fff}.phone-send-btn svg{width:18px;height:18px;margin-right:-2px}.how-it-works{padding:6rem 0;background-color:var(--bg-dark);position:relative}.how-it-works-header{text-align:center;max-width:700px;margin:0 auto 4rem}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.step-card{background-color:var(--bg-card);padding:2.5rem 2rem;border-radius:8px;border:1px solid rgba(255,255,255,.05);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column}.step-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000080;border-color:#ff6b0033}.step-number{font-size:3rem;font-weight:800;color:#ff6b0033;margin-bottom:1rem;line-height:1;transition:color .3s ease}.step-card:hover .step-number{color:var(--accent-orange)}.step-title{font-size:1.5rem;margin-bottom:1rem}.step-description{color:var(--text-muted);line-height:1.7}.human-handoff-section{padding:100px 0;background-color:var(--bg-dark);position:relative}.handoff-content-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}@media (max-width: 968px){.handoff-content-wrapper{grid-template-columns:1fr;gap:50px}}.handoff-text .title{font-size:2.5rem;margin-bottom:20px;color:var(--text-main)}.handoff-text .description{color:var(--text-muted);font-size:1.1rem;margin-bottom:40px}.handoff-features{list-style:none;padding:0;display:flex;flex-direction:column;gap:25px}.handoff-features li{display:flex;gap:15px;align-items:flex-start}.feature-icon{width:45px;height:45px;background:#ff6b001a;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--accent-orange);flex-shrink:0;border:1px solid rgba(255,107,0,.2)}.feature-icon svg{width:24px;height:24px}.handoff-features h4{font-size:1.2rem;color:var(--text-main);margin-bottom:6px}.handoff-features p{color:var(--text-muted);font-size:.95rem;line-height:1.5}.handoff-visual{position:relative;border-radius:12px;perspective:1000px}.dashboard-mockup{background-color:#1a1b1f;border-radius:12px;border:1px solid #2a2c30;box-shadow:0 30px 60px #0009,0 0 50px #ff6b000d;overflow:hidden;transform:rotateY(-5deg) rotateX(5deg);transition:transform .5s ease}.dashboard-mockup:hover{transform:rotateY(0) rotateX(0)}.dash-header{height:40px;background-color:#24262a;border-bottom:1px solid #32353a;display:flex;align-items:center;padding:0 15px}.dash-dots{display:flex;gap:6px}.dash-dots span{width:10px;height:10px;border-radius:50%;background-color:#4a4d52}.dash-dots span:nth-child(1){background-color:#ff5f56}.dash-dots span:nth-child(2){background-color:#ffbd2e}.dash-dots span:nth-child(3){background-color:#27c93f}.dash-title{color:#8a8d93;font-size:.8rem;margin:0 auto 0 -40px;letter-spacing:1px;text-transform:uppercase;font-weight:600}.dash-body{display:flex;height:350px}.dash-sidebar{width:80px;border-right:1px solid #2a2c30;padding:20px 10px;display:flex;flex-direction:column;gap:15px;background-color:#151619}.skeleton-line{height:8px;background-color:#2a2c30;border-radius:4px}.sh-1{width:100%}.sh-2{width:70%}.sh-3{width:40%}.dash-main{flex:1;padding:30px;display:flex;flex-direction:column;justify-content:center;position:relative}.transfer-animation-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;padding:0 20px}.entity-box{display:flex;flex-direction:column;align-items:center;gap:15px;position:relative}.entity-avatar{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;z-index:2;position:relative}.entity-avatar.ai{background-color:#2a2c30;color:var(--accent-orange);border:2px solid var(--accent-orange);box-shadow:0 0 20px #ff6b0033}.entity-avatar.human{background-color:var(--accent-orange);color:#fff}.entity-name{color:#a0a6b1;font-size:.9rem;font-weight:600}.pulse-ripple{position:absolute;top:30px;left:50%;transform:translate(-50%,-50%);border-radius:50%;z-index:1}.ai-ripple{width:60px;height:60px;border:2px solid rgba(255,107,0,.5);animation:pulse-ring 2s infinite cubic-bezier(.215,.61,.355,1)}.human-ripple{width:60px;height:60px;border:2px solid rgba(255,255,255,.2)}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}.transfer-path{flex:1;position:relative;height:2px;margin:0 20px;top:-15px}.transfer-line{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#ff6b00cc,#ff6b001a);border-radius:2px}.transfer-packet{position:absolute;top:50%;left:0;transform:translateY(-50%);width:32px;height:32px;background-color:#1a1b1f;border:2px solid var(--accent-orange);border-radius:8px;display:flex;align-items:center;justify-content:center;z-index:3;animation:travel-packet 3s infinite ease-in-out;box-shadow:0 0 15px #ff6b0066}.transfer-packet svg{width:16px;height:16px}@keyframes travel-packet{0%{left:0;opacity:0;transform:translateY(-50%) scale(.5)}20%{opacity:1;transform:translateY(-50%) scale(1)}80%{opacity:1;transform:translateY(-50%) scale(1)}to{left:calc(100% - 32px);opacity:0;transform:translateY(-50%) scale(.5)}}.chat-notification{background-color:#ff6b001a;border-left:4px solid var(--accent-orange);padding:15px 20px;border-radius:0 8px 8px 0;animation:fade-in-out 3s infinite;opacity:0}.chat-notification span{display:block;font-weight:700;color:var(--accent-orange);font-size:.8rem;margin-bottom:5px}.ticket-details{color:#d1d5db;font-size:.9rem}@keyframes fade-in-out{0%,10%{opacity:0;transform:translateY(10px)}25%,85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.cta{padding:6rem 0;position:relative;min-height:55vh;max-height:650px;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;background-image:linear-gradient(to right,#0f1011,#0f1011e6 30%,#0f10114d),url(/sisifo_chill.png);background-size:cover;background-position:center right;background-repeat:no-repeat}.cta-box{background:linear-gradient(145deg,var(--bg-card) 0%,rgba(28,29,31,.5) 100%);border:1px solid rgba(255,107,0,.2);border-radius:12px;padding:4rem 2rem;text-align:center;max-width:800px;margin:0 auto;box-shadow:0 20px 50px #00000080}.cta-box h2{font-size:clamp(2rem,3vw,2.5rem);margin-bottom:1.5rem}.cta-box p{color:var(--text-muted);font-size:1.1rem;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;justify-content:center;gap:1.5rem}@media (max-width: 500px){.cta-buttons{flex-direction:column}}