.chatmock-stage{background:radial-gradient(#4682b40a,#0000 70%);justify-content:center;align-items:center;width:100%;padding:28px 8px;display:flex}.chatmock-stage .chat-frame{isolation:isolate;border-radius:24px;width:400px;max-width:100%;padding:3px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000001f}.chatmock-stage .chat-frame:before{content:"";aspect-ratio:1;z-index:0;background:conic-gradient(#4682b4,#2c7e9b,#6b4fb5,#8e5a8a,#4682b4);width:250%;animation:8s linear infinite edge-rotate;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)}@keyframes edge-rotate{to{transform:translate(-50%,-50%)rotate(360deg)}}.chatmock-stage .chat-widget{z-index:1;backdrop-filter:blur(20px)saturate(1.1);background:#fffffff5;border-radius:21px;flex-direction:column;height:600px;max-height:640px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden}.chatmock-stage .chat-header{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;align-items:center;gap:12px;height:56px;padding:0 16px;display:flex}.chatmock-stage .chat-title{flex-direction:column;line-height:1.2;display:flex}.chatmock-stage .chat-name{color:#18181b;font-size:15px;font-weight:600}.chatmock-stage .chat-subtitle{color:#71717a;font-size:12px;font-weight:400}.chatmock-stage .orb{filter:blur(.5px)saturate(1.1);background:conic-gradient(#4682b4 0%,#2c7e9b 25%,#6b4fb5 60%,#8e5a8a 85%,#4682b4 100%);border-radius:50%;flex-shrink:0;width:32px;height:32px;animation:3.5s ease-in-out infinite orb-breath;position:relative}.chatmock-stage .orb:after{content:"";background:inherit;filter:blur(8px);opacity:.4;z-index:-1;border-radius:50%;position:absolute;inset:-4px}@keyframes orb-breath{0%,to{opacity:.95;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.chatmock-stage .chat-messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:12px;padding:16px;transition:opacity .5s;display:flex;overflow:hidden}.chatmock-stage .message{flex-shrink:0;max-width:80%;padding:12px 16px;font-size:14px;font-weight:400;line-height:1.5;animation:.24s cubic-bezier(.16,1,.3,1) message-enter}.chatmock-stage .message-ai{color:#18181b;background:#fff;border:1px solid #e5e7eb;border-radius:16px 16px 16px 4px;align-self:flex-start;box-shadow:0 1px 2px #0000000a}.chatmock-stage .message-user{color:#fff;background:#4682b4;border-radius:16px 16px 4px;align-self:flex-end}@keyframes message-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chatmock-stage .typing-dots{background:#fff;border:1px solid #e5e7eb;border-radius:16px 16px 16px 4px;flex-shrink:0;align-self:flex-start;gap:4px;width:fit-content;padding:14px 18px;animation:.24s cubic-bezier(.16,1,.3,1) message-enter;display:flex}.chatmock-stage .typing-dot{background:#71717a;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite typing-bounce}.chatmock-stage .typing-dot:nth-child(2){animation-delay:.2s}.chatmock-stage .typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.chatmock-stage .chat-input{background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;align-items:center;gap:10px;height:64px;padding:12px 16px;display:flex}.chatmock-stage .chat-input-field{color:#71717a;background:#fafafa;border:1px solid #e5e7eb;border-radius:9999px;flex:1;align-items:center;height:40px;padding:0 14px;font-size:14px;display:flex}.chatmock-stage .chat-send{color:#fff;cursor:default;background:#4682b4;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.chatmock-stage .chat-send svg{width:16px;height:16px}@media (prefers-reduced-motion:reduce){.chatmock-stage .chat-frame:before,.chatmock-stage .orb,.chatmock-stage .typing-dot,.chatmock-stage .message,.chatmock-stage .typing-dots{animation:none}}.landingmock-stage{background:radial-gradient(#4682b40a,#0000 70%);justify-content:center;align-items:center;width:100%;padding:28px 8px;display:flex}.landingmock-stage .phone{aspect-ratio:9/19.5;background:#1c1c1e;border-radius:48px;width:340px;max-width:86vw;padding:12px;position:relative;box-shadow:0 30px 70px -20px #00000059,0 10px 28px #0000002e}.landingmock-stage .phone-screen{background:#fafbfc;border-radius:38px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.landingmock-stage .phone-statusbar{color:#1c1c1e;flex-shrink:0;justify-content:space-between;align-items:center;height:38px;padding:4px 24px 0;font-family:Inter,-apple-system,sans-serif;display:flex}.landingmock-stage .status-time{letter-spacing:-.01em;font-size:13px;font-weight:600}.landingmock-stage .status-icons{align-items:center;gap:6px;display:flex}.landingmock-stage .status-signal{width:17px;height:11px}.landingmock-stage .status-wifi{width:16px;height:11px}.landingmock-stage .status-battery{width:25px;height:11px}.landingmock-stage .phone-body{flex:1;min-height:0;padding:10px 10px 14px;display:flex}.landingmock-stage .landing-shell{isolation:isolate;flex:1;width:100%;min-height:0;display:flex;position:relative}.landingmock-stage .thinking-glow{z-index:0;opacity:0;filter:blur(4px);background:linear-gradient(120deg,#4682b4 0%,#6b4fb5 30%,#8e5a8a 55%,#2c7e9b 80%,#4682b4 100%) 0 0/280% 100%;border-radius:26px;transition:opacity .32s;animation:2.4s linear infinite edge-flow;position:absolute;inset:-2px}.landingmock-stage .landing-shell.is-thinking .thinking-glow{opacity:.6}@keyframes edge-flow{0%{background-position:0%}to{background-position:280%}}.landingmock-stage .landing-card{z-index:1;color:#1c1c1e;background:#fff;border:.5px solid #0000000f;border-radius:26px;flex-direction:column;flex:1;width:100%;min-height:0;padding:16px 16px 20px;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000008}.landingmock-stage .card-header{justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.landingmock-stage .header-left{align-items:center;display:flex}.landingmock-stage .brand-name{letter-spacing:-.01em;color:#1c1c1e;margin-left:8px;font-size:15px;font-weight:500}.landingmock-stage .intent-badge{letter-spacing:.12em;text-transform:uppercase;color:#4682b4;font-size:10px;font-weight:500}.landingmock-stage .progress-bar{gap:4px;margin-top:14px;display:flex}.landingmock-stage .progress-dot{background:#e8e8ea;border-radius:2px;flex:1;height:3px;transition:background .3s ease-out}.landingmock-stage .progress-dot.active{background:linear-gradient(90deg,#4682b4,#6b4fb5)}.landingmock-stage .progress-dot.done{background:#4682b4}.landingmock-stage .landing-orb{background:conic-gradient(#4682b4 0% 25%,#6b4fb5 40%,#8e5a8a 55%,#4682b4 70%,#2c7e9b 85%,#4682b4 100%);border-radius:50%;flex-shrink:0;width:84px;height:84px;margin:0;animation:3.2s linear infinite orb-spin,2.2s ease-in-out infinite orb-breathe;position:relative;box-shadow:0 8px 32px #6b4fb52e}.landingmock-stage .landing-orb:after{content:"";background:radial-gradient(circle at 32% 28%,#ffffff80,#0000 55%);border-radius:50%;position:absolute;inset:7px}.landingmock-stage .logo-orb{background:conic-gradient(#4682b4 0% 25%,#6b4fb5 40%,#8e5a8a 55%,#4682b4 70%,#2c7e9b 85%,#4682b4 100%);border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:3.2s linear infinite orb-spin}@keyframes orb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orb-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.landingmock-stage .landing-stage{flex:1;width:100%;min-height:0;display:flex;position:relative}.landingmock-stage .orb-holder{opacity:1;pointer-events:none;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landingmock-stage .orb-holder.orb-hidden{opacity:0}.landingmock-stage .scene{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;display:flex}.landingmock-stage .scene-block{width:100%}.landingmock-stage .scene-entering{animation:.32s ease-out forwards scene-enter}.landingmock-stage .scene-exiting{animation:.2s ease-in forwards scene-exit}@keyframes scene-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scene-exit{0%{opacity:1}to{opacity:0}}.landingmock-stage .ai-message{color:#1c1c1e;letter-spacing:-.018em;text-align:center;max-width:460px;margin:0 auto 28px;font-size:19px;font-weight:400;line-height:1.45}.landingmock-stage .ai-message-cursor{vertical-align:text-bottom;background:#1c1c1e;width:2px;height:1em;margin-left:2px;animation:1s steps(2,end) infinite cursor-blink;display:inline-block}@keyframes cursor-blink{to{opacity:0}}.landingmock-stage .chip{color:#1c1c1e;text-align:center;cursor:pointer;user-select:none;background:#fff;border:1px solid #ececec;border-radius:14px;max-width:380px;margin:0 auto 10px;padding:15px 20px;font-size:15px;font-weight:400;transition:background .2s ease-out,border-color .2s ease-out,color .2s ease-out}.landingmock-stage .chip.chip-in{animation:.28s ease-out both chip-in}.landingmock-stage .chip.selected{color:#fff;background:linear-gradient(135deg,#4682b4,#6b4fb5,#8e5a8a);border-color:#0000}@keyframes chip-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.landingmock-stage .capture-moment{flex-direction:column;align-items:center;gap:6px;padding:16px 24px;display:flex}.landingmock-stage .capture-moment.capture-anim{animation:1s ease-out both capture-flash}.landingmock-stage .capture-check{color:#fff;background:linear-gradient(135deg,#4682b4,#6b4fb5,#8e5a8a);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.landingmock-stage .capture-check svg{width:16px;height:16px}.landingmock-stage .capture-label{color:#4682b4;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:500}.landingmock-stage .capture-value{color:#1c1c1e;letter-spacing:-.018em;font-size:17px;font-weight:500}@keyframes capture-flash{0%{opacity:0;transform:scale(.92)}20%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.landingmock-stage .profile-card{text-align:center;width:100%;padding:8px 0 4px}.landingmock-stage .profile-label{letter-spacing:.12em;text-transform:uppercase;color:#4682b4;margin-bottom:8px;font-size:10px;font-weight:500}.landingmock-stage .profile-headline{letter-spacing:-.025em;color:#1c1c1e;margin-bottom:20px;font-size:24px;font-weight:500}.landingmock-stage .factor-row{border-bottom:1px solid #ececec;justify-content:space-between;align-items:center;padding:12px 16px;font-size:15px;display:flex}.landingmock-stage .factor-row:last-child{border-bottom:none}.landingmock-stage .factor-name{color:#1c1c1e}.landingmock-stage .factor-value{color:#888;font-weight:500}@media (prefers-reduced-motion:reduce){.landingmock-stage .landing-orb,.landingmock-stage .logo-orb,.landingmock-stage .thinking-glow,.landingmock-stage .ai-message-cursor,.landingmock-stage .scene-entering,.landingmock-stage .scene-exiting,.landingmock-stage .chip.chip-in,.landingmock-stage .capture-moment.capture-anim{animation:none}}