:root{--chat-bg:#090d16;--chat-primary:#00ff85;--chat-primary-hover:#00e074;--chat-accent:#00f0ff;--chat-text:#f3f4f6;--chat-text-muted:#9ca3af;--chat-border:rgba(255,255,255,0.08);--phone-frame:#1b1e2b;--font-family:'Outfit','Inter',sans-serif;}.chat-messages::-webkit-scrollbar{width:5px;}.chat-messages::-webkit-scrollbar-track{background:transparent;}.chat-messages::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:10px;}.chat-messages::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.25);}.sdr-chat-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(4,5,10,0.7);backdrop-filter:blur(8px);z-index:9998;opacity:0;pointer-events:none;transition:opacity 0.4s cubic-bezier(0.16,1,0.3,1);}.sdr-chat-backdrop.active{opacity:1;pointer-events:auto;}.sdr-chat-wrapper{position:fixed;z-index:9999;background:var(--chat-bg);overflow:hidden;display:flex;flex-direction:column;font-family:var(--font-family);box-sizing:border-box;}@media (min-width:769px){.sdr-chat-wrapper{bottom:30px;right:30px;width:380px;height:675px;border:14px solid var(--phone-frame);border-radius:44px;box-shadow:0 25px 60px -15px rgba(0,0,0,0.8),0 0 50px rgba(0,240,255,0.1),inset 0 0 20px rgba(255,255,255,0.03);transform:translateY(120%) scale(0.9);opacity:0;transition:transform 0.5s cubic-bezier(0.16,1,0.3,1),opacity 0.4s cubic-bezier(0.16,1,0.3,1);pointer-events:none;}.sdr-chat-wrapper.active{transform:translateY(0) scale(1);opacity:1;pointer-events:auto;}.sdr-chat-wrapper::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:130px;height:22px;background:var(--phone-frame);border-bottom-left-radius:18px;border-bottom-right-radius:18px;z-index:10000;box-shadow:inset 0 -2px 5px rgba(0,0,0,0.3);}}@media (max-width:768px){.sdr-chat-wrapper{bottom:0;left:0;width:100%;height:85dvh;border-top-left-radius:28px;border-top-right-radius:28px;box-shadow:0 -10px 40px rgba(0,0,0,0.6);transform:translateY(100%);transition:transform 0.4s cubic-bezier(0.16,1,0.3,1);border:none;}.sdr-chat-wrapper.active{transform:translateY(0);}.sdr-chat-wrapper::before{content:"";position:absolute;top:10px;left:50%;transform:translateX(-50%);width:50px;height:5px;background:rgba(255,255,255,0.2);border-radius:10px;z-index:10000;}}.sdr-chat-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative;padding-top:12px;}.chat-header{padding:16px 20px;background:rgba(255,255,255,0.02);border-bottom:1px solid var(--chat-border);display:flex;align-items:center;gap:12px;backdrop-filter:blur(10px);}.chat-header .avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--chat-accent),var(--chat-primary));display:flex;align-items:center;justify-content:center;font-weight:800;color:#05070c;font-size:13px;box-shadow:0 0 15px rgba(0,240,255,0.3);position:relative;}.chat-header .avatar::after{content:"";position:absolute;bottom:0;right:0;width:10px;height:10px;background:#00ff85;border:2px solid var(--chat-bg);border-radius:50%;}.chat-header .status-info{display:flex;flex-direction:column;}.chat-header .name{font-weight:700;font-size:14.5px;color:var(--chat-text);letter-spacing:-0.2px;}.chat-header .status{font-size:11px;color:var(--chat-primary);display:flex;align-items:center;gap:5px;font-weight:500;}.chat-messages{flex:1;overflow-y:auto;padding:24px 20px;display:flex;flex-direction:column;gap:16px;background:radial-gradient(circle at top right,rgba(0,240,255,0.02),transparent 60%),radial-gradient(circle at bottom left,rgba(0,255,133,0.01),transparent 60%);}.message-bubble{max-width:82%;padding:14px 18px;border-radius:20px;font-size:14px;line-height:1.5;word-wrap:break-word;opacity:0;transform:translateY(15px) scale(0.95);animation:bubbleAppear 0.4s cubic-bezier(0.16,1,0.3,1) forwards;}.message-bubble.incoming{align-self:flex-start;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);color:var(--chat-text);border-top-left-radius:4px;}.message-bubble.outgoing{align-self:flex-end;background:linear-gradient(135deg,rgba(0,240,255,0.1),rgba(0,255,133,0.06));border:1px solid rgba(0,240,255,0.2);color:#ffffff;border-top-right-radius:4px;box-shadow:0 4px 20px rgba(0,240,255,0.05);}.message-bubble strong{color:var(--chat-accent);}.typing-indicator{align-self:flex-start;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);padding:14px 22px;border-radius:20px;border-top-left-radius:4px;display:flex;gap:5px;align-items:center;width:fit-content;animation:bubbleAppear 0.3s cubic-bezier(0.16,1,0.3,1) forwards;}.typing-dot{width:6px;height:6px;background:var(--chat-text-muted);border-radius:50%;animation:typingPulse 1.4s infinite ease-in-out;}.typing-dot:nth-child(2){animation-delay:0.2s;}.typing-dot:nth-child(3){animation-delay:0.4s;}.chat-input-bar{padding:16px 20px;background:rgba(9,13,22,0.9);border-top:1px solid var(--chat-border);display:flex;gap:12px;align-items:center;backdrop-filter:blur(10px);margin-top:auto;flex-shrink:0;}.chat-input-field{flex:1;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:26px;padding:12px 20px;color:var(--chat-text);font-size:14px;outline:none;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);font-family:var(--font-family);}.chat-input-field:focus{border-color:rgba(0,240,255,0.4);background:rgba(255,255,255,0.05);box-shadow:0 0 15px rgba(0,240,255,0.15);}.chat-send-btn{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--chat-accent),var(--chat-primary));border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#05070c;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);box-shadow:0 4px 15px rgba(0,255,133,0.2);}.chat-send-btn:hover{transform:scale(1.06);box-shadow:0 6px 20px rgba(0,255,133,0.45);}.chat-send-btn svg{margin-left:2px;transition:transform 0.2s ease;}.chat-send-btn:hover svg{transform:translate(1px,-1px);}.chat-cta-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;text-align:center;background:#25d366;color:#ffffff;font-weight:800;text-decoration:none;padding:14px;border-radius:14px;margin-top:12px;box-shadow:0 8px 25px rgba(37,211,102,0.35);text-transform:uppercase;font-size:13px;letter-spacing:0.5px;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);box-sizing:border-box;}.chat-cta-btn:hover{background:#20ba59;transform:translateY(-2px);box-shadow:0 10px 30px rgba(37,211,102,0.5);}.chat-trigger-btn{position:fixed;bottom:24px;right:24px;width:65px;height:65px;border-radius:50%;background:linear-gradient(135deg,var(--chat-accent),var(--chat-primary));display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,240,255,0.35);cursor:pointer;z-index:9997;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);}.chat-trigger-btn:hover{transform:scale(1.08) translateY(-2px);box-shadow:0 15px 35px rgba(0,240,255,0.5);}.chat-trigger-btn .close-icon{display:none;}.chat-trigger-btn.active{transform:rotate(90deg) scale(0.95);background:#1f2937;box-shadow:0 10px 25px rgba(0,0,0,0.3);}.chat-trigger-btn.active .chat-icon{display:none;}.chat-trigger-btn.active .close-icon{display:block;}.chat-trigger-btn.active svg{stroke:#ffffff;}.sdr-chat-wrapper.hidden-sdr{display:none !important;}.chat-plan-btn-container{display:flex;flex-direction:column;gap:8px;margin-top:10px;width:100%;}.chat-plan-btn{width:100%;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,0.1);color:#fff;cursor:pointer;font-size:13px;font-weight:700;transition:all 0.2s ease;text-align:left;font-family:var(--font-family);}.chat-plan-btn.annual{background:rgba(0,240,255,0.08);border-color:rgba(0,240,255,0.3);}.chat-plan-btn.annual:hover{background:rgba(0,240,255,0.18);border-color:var(--chat-accent);}.chat-plan-btn.monthly{background:rgba(255,255,255,0.03);}.chat-plan-btn.monthly:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.25);}@keyframes bubbleAppear{to{opacity:1;transform:translateY(0) scale(1);}}@keyframes typingPulse{0%,100%{transform:scale(1);opacity:0.4;}50%{transform:scale(1.3);opacity:1;}}body.sdr-embedded .chat-trigger-btn{display:none !important;}body.sdr-embedded .sdr-chat-backdrop{display:none !important;}.mockup-state{display:none !important;opacity:0;transition:opacity 0.5s ease;width:100%;height:100%;}#mockup-video-state.mockup-state.active{display:block !important;opacity:1;}#mockup-chat-state.mockup-state.active,#floating-chat-state.mockup-state.active{display:flex !important;opacity:1;}#floating-mini-mockup .chat-messages{padding:12px 10px !important;gap:8px !important;}#floating-mini-mockup .message-bubble{padding:8px 12px !important;font-size:12px !important;line-height:1.4 !important;border-radius:14px !important;}#floating-mini-mockup .message-bubble.incoming{border-top-left-radius:4px !important;}#floating-mini-mockup .message-bubble.outgoing{border-top-right-radius:4px !important;}#floating-mini-mockup .chat-input-bar{padding:8px 10px !important;gap:6px !important;}#floating-mini-mockup .chat-input-field{padding:8px 12px !important;font-size:12px !important;}#floating-mini-mockup .chat-send-btn{width:34px !important;height:34px !important;}#floating-mini-mockup .chat-header{padding:8px 12px !important;gap:8px !important;}#floating-mini-mockup .chat-header .avatar{width:30px !important;height:30px !important;font-size:11px !important;}#floating-mini-mockup .chat-header .name{font-size:12px !important;}#floating-mini-mockup .chat-header .status{font-size:10px !important;}#floating-mini-mockup .chat-cta-btn{padding:8px 10px !important;font-size:11px !important;margin-top:6px !important;border-radius:10px !important;}#floating-mini-mockup .typing-indicator{padding:8px 14px !important;border-radius:14px !important;border-top-left-radius:4px !important;}#floating-mini-mockup .chat-plan-btn-container{gap:6px !important;}#floating-mini-mockup .chat-plan-btn{padding:8px 10px !important;font-size:11px !important;border-radius:8px !important;}