.story-container{position:relative;width:100%}.story-step{min-height:100vh;position:relative;padding:0}.story-step-inner{position:sticky;top:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:4rem 1.5rem}.story-step-content{max-width:1400px;width:100%;display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center;opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.story-step-content.visible{opacity:1;transform:translateY(0)}@media(min-width:768px){.story-step-content{gap:3rem}}@media(min-width:1024px){.story-step-content{grid-template-columns:5fr 7fr;gap:3rem}}@media(min-width:1280px){.story-step-content{gap:4rem}}.story-text-side{color:#fff;opacity:0;transform:translate(-20px);transition:opacity .8s cubic-bezier(.16,1,.3,1) .1s,transform .8s cubic-bezier(.16,1,.3,1) .1s}.story-step-content.visible .story-text-side{opacity:1;transform:translate(0)}.story-title{font-size:1.875rem;font-weight:600;margin-bottom:1rem;line-height:1.2}@media(min-width:640px){.story-title{font-size:2.25rem}}.story-subtitle{font-size:1rem;color:#ffffffd9;margin-bottom:2rem;line-height:1.6}@media(min-width:640px){.story-subtitle{font-size:1.125rem}}.story-progress{display:flex;gap:.5rem;margin-bottom:1.5rem;opacity:0;transform:translateY(10px);transition:opacity .6s cubic-bezier(.16,1,.3,1) .3s,transform .6s cubic-bezier(.16,1,.3,1) .3s}.story-step-content.visible .story-progress{opacity:1;transform:translateY(0)}.story-dot{width:8px;height:8px;border-radius:4px;background:#ffffff4d;border:none;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);padding:0}.story-dot:hover{background:#ffffff80;transform:scale(1.3)}.story-dot.active{width:32px;background:#fff;box-shadow:0 0 20px #ffffff80}.story-dot.done{background:#fff9}.story-hint{font-size:.875rem;color:#fff9;margin-top:1rem;opacity:0;transform:translateY(10px);transition:opacity .6s cubic-bezier(.16,1,.3,1) .4s,transform .6s cubic-bezier(.16,1,.3,1) .4s}.story-step-content.visible .story-hint{opacity:1;transform:translateY(0);animation:hintPulse 3s ease-in-out 1s infinite}@keyframes hintPulse{0%,to{opacity:.6}50%{opacity:1}}.story-visual-side{width:100%;max-width:100%;opacity:0;transform:translate(20px);transition:opacity .8s cubic-bezier(.16,1,.3,1) .2s,transform .8s cubic-bezier(.16,1,.3,1) .2s}.story-step-content.visible .story-visual-side{opacity:1;transform:translate(0)}@media(max-width:1023px){.story-visual-side{width:100%;max-width:100%}}.story-chat-box{background:#0b3f7b66;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:1rem;overflow:hidden;box-shadow:0 8px 32px #0003;height:500px;display:flex;flex-direction:column;transform:scale(.95);transition:transform .6s cubic-bezier(.16,1,.3,1)}.story-step-content.visible .story-chat-box{transform:scale(1)}@media(min-width:1024px){.story-chat-box{height:480px}}@media(min-width:1280px){.story-chat-box{height:520px}}@media(min-width:1536px){.story-chat-box{height:580px}}.story-chat-header-bar{display:flex;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.story-chat-avatar-circle{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#0284c7);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.875rem}.story-chat-header-text{color:#fff;font-weight:600;font-size:.875rem}.story-chat-body{flex:1;overflow-y:auto;padding:1rem;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.story-msg-wrapper{margin-bottom:.75rem;opacity:0;transform:translateY(10px);animation:msgSlideIn .5s cubic-bezier(.16,1,.3,1) forwards}.story-msg-wrapper:nth-child(1){animation-delay:.1s}.story-msg-wrapper:nth-child(2){animation-delay:.2s}.story-msg-wrapper:nth-child(3){animation-delay:.3s}.story-msg-wrapper:nth-child(4){animation-delay:.4s}@keyframes msgSlideIn{to{opacity:1;transform:translateY(0)}}.story-chat-footer{padding:.75rem;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:.5rem}.story-chat-footer input{flex:1;padding:.5rem .75rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-size:.875rem;opacity:.5}.story-chat-footer input::-moz-placeholder{color:#ffffff80}.story-chat-footer input::placeholder{color:#ffffff80}.story-chat-footer button{padding:.5rem 1rem;border-radius:.5rem;background:#0c3c78;color:#fff;border:none;font-size:.875rem;font-weight:500;opacity:.5;cursor:not-allowed}.story-preview-box{background:#0f172a66;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;overflow:hidden;box-shadow:0 8px 32px #0000004d;transform:scale(.95);transition:transform .6s cubic-bezier(.16,1,.3,1);width:100%;max-width:100%}.story-browser-chrome{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f8fafcf2;border-bottom:1px solid rgba(0,0,0,.1)}.story-browser-dots{display:flex;gap:.375rem}.story-browser-dots span{width:12px;height:12px;border-radius:50%}.story-browser-dots span:nth-child(1){background:#ef4444}.story-browser-dots span:nth-child(2){background:#f59e0b}.story-browser-dots span:nth-child(3){background:#10b981}.story-browser-url{flex:1;padding:.375rem .75rem;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:.375rem;font-size:.875rem;color:#64748b}.story-preview-wrapper{width:100%;height:500px;overflow:hidden;background:#f8fafc;position:relative}.story-preview-iframe{width:100%;height:100%;border:none;display:block;position:absolute;top:0;left:0}@media(min-width:1024px){.story-preview-wrapper{height:480px}}@media(min-width:1280px){.story-preview-wrapper{height:520px}}@media(min-width:1536px){.story-preview-wrapper{height:580px}}.story-chat-demo{position:relative;height:500px;border-radius:1rem;overflow:hidden;box-shadow:0 20px 60px #00000026;transform:scale(.95);transition:transform .6s cubic-bezier(.16,1,.3,1)}.story-step-content.visible .story-chat-demo{transform:scale(1)}@media(min-width:1024px){.story-chat-demo{height:480px}}@media(min-width:1280px){.story-chat-demo{height:520px}}@media(min-width:1536px){.story-chat-demo{height:580px}}.story-website-bg{position:absolute;inset:0;background:#fff;border:1px solid #e2e8f0;opacity:.5;filter:blur(2px)}.story-website-content{padding:2rem;height:100%}.story-website-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.story-website-logo{width:4rem;height:3rem;background:linear-gradient(to bottom right,#fed7aa,#fb923c);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#9a3412;font-weight:700;font-size:1.125rem}.story-website-title{font-size:.875rem;color:#ea580c;font-weight:600}.story-website-subtitle{font-size:1.5rem;font-weight:600;color:#9a3412}.story-website-description{font-size:1rem;color:#4b5563;margin-bottom:1.5rem;max-width:32rem}.story-website-menu{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:28rem}.story-website-menu-item{border:1px solid #fed7aa;border-radius:.5rem;padding:1rem}.story-website-menu-name{font-size:1rem;font-weight:500}.story-website-menu-price{color:#c2410c;font-weight:700;font-size:1.125rem}.story-chat-widget{position:absolute;bottom:1.5rem;right:1.5rem;z-index:10}.story-chat-toggle{width:60px;height:60px;background:linear-gradient(135deg,#2196f3,#1976d2);border-radius:50%;margin-bottom:12px;box-shadow:0 6px 24px #2196f366;position:relative}.story-chat-toggle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z'/%3E%3C/svg%3E") no-repeat center;background-size:contain}.story-chat-bubble{width:360px;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.story-chat-header{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;padding:18px 20px}.story-chat-header-info{display:flex;align-items:center;gap:12px}.story-chat-avatar{width:40px;height:40px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.story-chat-name{font-weight:600;font-size:16px}.story-chat-status{font-size:14px;opacity:.9}.story-chat-messages{height:360px;overflow-y:auto;padding:20px;background:linear-gradient(to bottom,#f0f8ff,#e6f3ff);display:flex;flex-direction:column;gap:12px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.story-chat-message{display:flex;opacity:0;transform:translateY(15px) scale(.95);animation:chatMsgAppear .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes chatMsgAppear{to{opacity:1;transform:translateY(0) scale(1)}}.story-chat-message.user{justify-content:flex-end}.story-chat-message.assistant{justify-content:flex-start}.story-chat-message-bubble{max-width:85%;padding:12px 16px;border-radius:20px;box-shadow:0 2px 8px #00000014;font-size:15px;line-height:1.4}.story-chat-message.user .story-chat-message-bubble{background:linear-gradient(135deg,#e1f5fe,#b3e5fc);color:#0277bd;border-bottom-right-radius:4px}.story-chat-message.assistant .story-chat-message-bubble{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border-bottom-left-radius:4px}.story-chat-message-content{white-space:pre-line}.story-chat-message-time{font-size:12px;margin-top:4px;opacity:.7}.story-typing-indicator{display:flex;justify-content:flex-start}.story-typing-bubble{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border-radius:20px 20px 20px 4px;padding:16px;box-shadow:0 2px 8px #00000014}.story-typing-dots{display:flex;gap:4px}.story-typing-dots span{width:6px;height:6px;background:#fffc;border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both}.story-typing-dots span:nth-child(1){animation-delay:-.32s}.story-typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(.6) translateY(0);opacity:.5}40%{transform:scale(1) translateY(-4px);opacity:1}}.story-chat-input{padding:16px 20px;border-top:1px solid rgba(0,0,0,.05);display:flex;gap:12px;background:#fff}.story-chat-input input{flex:1;padding:12px 16px;border:1px solid rgba(0,0,0,.1);border-radius:25px;outline:none;font-size:15px;background:#f8f9fa}.story-chat-input button{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border:none;padding:12px;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.story-chat-input button svg{width:20px;height:20px}.story-vessail-watermark{position:absolute;bottom:16px;left:16px}.story-vessail-watermark .text{background:#000c;color:#fff;padding:8px 12px;border-radius:16px;font-size:11px;font-weight:500}@media(max-width:1023px){.story-step-inner{padding:2rem 1.5rem}.story-step-content{gap:2rem}.story-chat-box,.story-chat-demo,.story-preview-iframe{height:480px}}@media(max-width:768px){.story-step-inner{padding:2rem 1rem}.story-title{font-size:1.75rem}.story-subtitle{font-size:1rem}.story-chat-box,.story-chat-demo,.story-preview-iframe{height:500px}.story-chat-bubble{width:320px}.story-chat-messages{height:320px}.story-website-menu{grid-template-columns:1fr}}@media(max-width:640px){.story-step-inner{padding:1.5rem 1rem}.story-title{font-size:1.5rem}.story-subtitle{font-size:.9375rem}.story-chat-box,.story-chat-demo,.story-preview-iframe{height:520px}.story-chat-bubble{width:300px}.story-chat-messages{height:300px}}@media(max-width:480px){.story-chat-bubble{width:280px}.story-chat-widget{right:1rem}}.ai-web-assistant-toggle{position:absolute;bottom:24px;right:24px;width:56px;height:56px;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:50%;box-shadow:0 8px 32px #0ea5e966;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,.1)}.ai-web-assistant-toggle:hover{transform:scale(1.1);box-shadow:0 12px 40px #0ea5e999;background:linear-gradient(135deg,#38bdf8,#0ea5e9)}.ai-web-assistant-toggle:active{transform:scale(.95)}.ai-web-assistant-toggle:before{content:"";position:absolute;width:24px;height:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath strokeLinecap='round' strokeLinejoin='round' strokeWidth='2' d='M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z'/%3E%3C/svg%3E") no-repeat center;background-size:contain}.ai-web-assistant-toggle:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#0284c7);opacity:.3;animation:aiAssistantPulse 2s ease-in-out infinite;z-index:-1}@keyframes aiAssistantPulse{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.1}to{transform:scale(1.4);opacity:0}}@media(max-width:768px){.ai-web-assistant-toggle{bottom:20px;right:20px;width:52px;height:52px}.ai-web-assistant-toggle:before{width:22px;height:22px}}@media(max-width:480px){.ai-web-assistant-toggle{bottom:16px;right:16px;width:48px;height:48px}.ai-web-assistant-toggle:before{width:20px;height:20px}}