*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{background:linear-gradient(135deg,#fef5f0,#fffaf7 50%,#fff8f3);color:#2d3748;display:flex;min-height:100vh;position:relative}.app:before{background:radial-gradient(circle at 20% 50%,#ffab9114 0,#0000 50%),radial-gradient(circle at 80% 80%,#ff8a650f 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.content-side{display:flex;flex:1 1;flex-direction:column;margin-right:420px;max-width:1200px;overflow-y:auto;padding:40px 60px;position:relative;z-index:1}.header{border-bottom:1px solid #ff8a651a;justify-content:space-between;margin-bottom:80px;padding-bottom:20px}.header,.logo{align-items:center;display:flex}.logo{gap:12px}.logo-image{height:40px;object-fit:contain;width:auto}.logo h1{color:#2d3748;font-size:24px;font-weight:400;letter-spacing:1px}.nav{display:flex;gap:35px}.nav a{color:#718096;font-size:14px;font-weight:400;letter-spacing:.5px;position:relative;text-decoration:none;transition:color .3s}.nav a:after{background:#ff8a65;bottom:-5px;content:"";height:1px;left:0;position:absolute;transition:width .3s;width:0}.nav a:hover{color:#2d3748}.nav a:hover:after{width:100%}.main-content{flex:1 1;padding-bottom:60px}.hero{margin-bottom:120px}.hero-badge{background:#ff8a651f;border:1px solid #ff8a654d;border-radius:20px;color:#ff6f43;display:inline-block;font-size:12px;font-weight:500;letter-spacing:1px;margin-bottom:30px;padding:8px 20px;text-transform:uppercase}.hero-title{color:#2d3748;font-size:64px;font-weight:300;letter-spacing:-1px;line-height:1.1;margin-bottom:25px}.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff8a65,#ff6f43);-webkit-background-clip:text;background-clip:text;font-weight:400}.hero-subtitle{color:#718096;font-size:18px;font-weight:300;line-height:1.7;margin-bottom:40px;max-width:700px}.cta-buttons{display:flex;gap:20px;margin-bottom:60px}.btn-primary,.btn-secondary{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;letter-spacing:.5px;padding:16px 32px;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#ff8a65,#ff6f43);color:#fff}.btn-primary:hover{box-shadow:0 10px 30px #ff8a6566;transform:translateY(-2px)}.btn-secondary{background:#0000;border:1px solid #ff8a6580;color:#ff6f43}.btn-secondary:hover{background:#ff8a651a;border-color:#ff6f43}.trust-indicators{border-bottom:1px solid #ff8a651a;border-top:1px solid #ff8a651a;display:flex;gap:60px;padding:40px 0}.indicator{display:flex;flex-direction:column}.indicator-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff8a65,#ff6f43);-webkit-background-clip:text;font-size:36px;font-weight:300;margin-bottom:8px}.indicator-label{color:#718096;font-size:13px;letter-spacing:.5px}.section-title{color:#2d3748;font-size:32px;font-weight:300;letter-spacing:-.5px;margin-bottom:50px}.services{margin-bottom:120px}.services-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr)}.service-card{background:linear-gradient(135deg,#fffc,#fff9);border:1px solid #ff8a6526;border-radius:12px;padding:40px;transition:all .3s}.service-card:hover{border-color:#ff8a6566;box-shadow:0 15px 40px #ff8a6526;transform:translateY(-5px)}.service-icon{font-size:40px;margin-bottom:20px;opacity:.9}.service-card h4{color:#2d3748;font-size:20px;font-weight:400;letter-spacing:.5px;margin-bottom:15px}.service-card p{color:#718096;font-size:14px;line-height:1.6;margin-bottom:20px}.service-features{list-style:none;margin:0;padding:0}.service-features li{color:#718096;font-size:13px;padding:8px 0 8px 20px;position:relative}.service-features li:before{color:#ff8a65;content:"→";left:0;position:absolute}.insights{margin-bottom:80px}.insights-content{display:flex;gap:40px}.insight-item{background:#ffffff80;border-left:3px solid #ff8a65;border-radius:8px;flex:1 1;padding:30px}.insight-number{color:#ff6f43;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:15px}.insight-item h4{color:#2d3748;font-size:18px;font-weight:400;margin-bottom:10px}.insight-item p{color:#718096;font-size:14px;line-height:1.6}.footer{border-top:1px solid #ff8a651a;margin-top:60px;padding:40px 0}.footer-content{align-items:center;display:flex;justify-content:space-between}.footer-content p{color:#718096;font-size:13px;letter-spacing:.5px}.footer-links{display:flex;gap:30px}.footer-links a{color:#718096;font-size:13px;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#ff6f43}@media (max-width:1200px){.content-side{margin-right:0;max-width:100%}.services-grid{grid-template-columns:1fr}.insights-content{flex-direction:column}}@media (max-width:768px){.content-side{padding:30px}.header{align-items:flex-start;flex-direction:column;gap:20px}.hero-title{font-size:42px}.trust-indicators{gap:30px}.cta-buttons,.trust-indicators{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.voice-csa{background:linear-gradient(180deg,#fff8f3,#fef5f0);border-left:1px solid #ff8a6533;box-shadow:-10px 0 40px #ff8a6526;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:420px;z-index:1000}.csa-header{background:linear-gradient(135deg,#ff8a65,#ff6f43);border-bottom:1px solid #fff3;color:#fff;overflow:hidden;padding:20px 25px;position:relative;text-align:center}.csa-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='40' fill='rgba(255,255,255,0.05)'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.csa-avatar-container{margin-bottom:12px;position:relative;z-index:1}.csa-avatar{display:inline-block;position:relative}.avatar-circle{align-items:center;animation:floatAvatar 3s ease-in-out infinite;background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:50%;box-shadow:0 10px 40px #0000004d,0 0 0 4px #fff3;display:flex;height:70px;justify-content:center;position:relative;width:70px}@keyframes floatAvatar{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.avatar-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff8a65,#ff6f43);-webkit-background-clip:text;background-clip:text;font-size:35px}.status-indicator{animation:pulseIndicator 2s infinite;background:#4caf50;border:3px solid #fff;border-radius:50%;bottom:8px;box-shadow:0 2px 8px #4caf5099;height:16px;position:absolute;right:8px;width:16px}@keyframes pulseIndicator{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.csa-header h2{font-size:24px;font-weight:600;letter-spacing:1px;margin-bottom:5px;position:relative;z-index:1}.csa-subtitle{font-size:13px;font-weight:400;letter-spacing:.5px;margin-bottom:3px;opacity:.9}.csa-subtitle,.csa-tagline{position:relative;z-index:1}.csa-tagline{font-size:11px;font-style:italic;font-weight:300;opacity:.75}.status-badge{background:#ff8a650d;border-bottom:1px solid #ff8a651a;font-size:12px;font-weight:300;letter-spacing:1px;padding:10px 20px;text-align:center}.status-connected{background-color:#4caf5026;border-bottom:1px solid #4caf5033;color:#4caf50}.status-disconnected{background-color:#f4433626;border-bottom:1px solid #f4433633;color:#f44336}.messages-container{background:#fffaf7;flex:1 1;overflow-y:auto;padding:25px}.message{animation:slideIn .5s cubic-bezier(.4,0,.2,1);border:1px solid #ff8a651a;border-radius:8px;margin-bottom:20px;overflow:hidden;padding:16px 18px;position:relative}.message:before{background:linear-gradient(180deg,#0000,currentColor,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:3px}.message:hover:before{opacity:.6}@keyframes slideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.message-user{background:#2196f31a;border-left:3px solid #2196f3}.message-ai{background:linear-gradient(135deg,#ff8a651f,#ff6f4314);border-left:3px solid #ff8a65;box-shadow:0 2px 8px #ff8a651a}.message-ai.streaming{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cursor{animation:blink 1s infinite;color:#ff8a65}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.message-system{background:#ffc1071a;border-left:3px solid #ffc107;color:#ffc107;font-size:12px;font-style:italic}.message-label{display:block;font-size:11px;font-weight:400;letter-spacing:1.5px;margin-bottom:8px;opacity:.7;text-transform:uppercase}.message-text{color:#4a5568;display:block;font-size:14px;font-weight:300;line-height:1.6}.controls{align-items:center;background:#fff8f3;border-top:1px solid #ff8a6526;display:flex;flex-wrap:wrap;gap:15px;padding:25px 30px}.btn-connect,.btn-disconnect,.btn-mic,.btn-mic-toggle,.btn-stop-audio{border:none;border-radius:8px;box-shadow:0 4px 15px #ff8a6533;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;letter-spacing:.5px;min-width:calc(50% - 6px);padding:18px;text-transform:uppercase;transition:all .3s ease}.btn-mic-toggle{align-items:center;background:linear-gradient(135deg,#fff,#f5f5f5);border:3px solid #ff8a654d;border-radius:50%;box-shadow:0 4px 20px #ff8a6533;display:flex;flex:0 0 80px;height:80px;justify-content:center;min-width:80px;padding:0;width:80px}.btn-mic-toggle:hover{border-color:#ff8a65;box-shadow:0 6px 30px #ff8a6566;transform:scale(1.05)}.btn-mic-toggle.recording{animation:pulseRecording 1.5s infinite;background:linear-gradient(135deg,#ff8a65,#ff6f43);border-color:#ff6f43}@keyframes pulseRecording{0%,to{box-shadow:0 0 20px #ff8a6599;transform:scale(1)}50%{box-shadow:0 0 40px #ff8a65e6;transform:scale(1.05)}}.mic-icon{display:block;font-size:36px;line-height:1}.mic-icon.active{animation:bounce .6s ease-in-out}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.btn-connect{background:linear-gradient(135deg,#ff8a65,#ff6f43);color:#fff;font-size:15px}.btn-connect:hover{box-shadow:0 10px 30px #ff8a6580;transform:translateY(-3px)}.btn-mic{background:linear-gradient(135deg,#ff8a65,#ff6f43);color:#fff}.btn-mic:hover:not(:disabled){box-shadow:0 8px 20px #ff8a6566;transform:translateY(-2px)}.btn-mic.recording{animation:pulseGlow 2s infinite;background:linear-gradient(135deg,#f44336,#e91e63)}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #f4433680}50%{box-shadow:0 0 40px #f44336cc}}.btn-mic:disabled{cursor:not-allowed;opacity:.4}.btn-disconnect{background:#f4433633;border:1px solid #f443364d;color:#f44336}.btn-disconnect:hover{background:#f443364d;border-color:#f44336}.btn-stop-audio{animation:pulseOrange 2s infinite;background:linear-gradient(135deg,#ff9800,#ff5722);color:#fff}@keyframes pulseOrange{0%,to{box-shadow:0 0 20px #ff980080}50%{box-shadow:0 0 30px #ff9800cc}}.btn-stop-audio:hover{box-shadow:0 8px 25px #ff572299;transform:translateY(-2px)}.clear-history-container{background:#fff8f3;padding:15px 30px 0}.btn-clear-history{background:#ffc10714;border:1px solid #ffc1074d;border-radius:6px;color:#ffc107;cursor:pointer;font-size:13px;font-weight:400;letter-spacing:.5px;padding:14px;text-transform:uppercase;transition:all .3s ease;width:100%}.btn-clear-history:hover{background:#ffc10726;border-color:#ffc107;box-shadow:0 6px 20px #ffc10733;transform:translateY(-2px)}.csa-info{background:#ff8a6514;border-top:1px solid #ff8a6526;color:#718096;font-size:13px;font-weight:400;letter-spacing:.3px;line-height:1.6;padding:25px 30px;text-align:center}.agent-info{border-top:1px solid #ff8a651a;margin-top:12px;padding-top:12px}.messages-container::-webkit-scrollbar{width:4px}.messages-container::-webkit-scrollbar-track{background:#0000}.messages-container::-webkit-scrollbar-thumb{background:#ff8a654d;border-radius:2px}.messages-container::-webkit-scrollbar-thumb:hover{background:#ff8a6580}@media (max-width:1200px){.voice-csa{height:auto;position:relative;width:100%}}
/*# sourceMappingURL=main.52c508bf.css.map*/