.offering-scene{background:#f1f3f5!important}.offering-scene>.offering-scene-label,.offering-scene>.offering-number{display:none}.offering-scene .offering-window{inset:0!important;border-radius:20px;overflow:hidden}.service-component{position:absolute;inset:0;padding:15px;font-family:Arial,sans-serif;color:#19262f;overflow:hidden;background:#edf0f3}.component-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;position:relative;z-index:5}.component-live{display:flex;gap:6px;align-items:center;background:#fff;padding:7px 10px;border-radius:30px;color:#75808a;font-family:monospace;letter-spacing:.05em}.component-live>i{width:5px;height:5px;border-radius:50%;background:#f94d26}.component-top>b{background:#111b23;color:#fff;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font-family:monospace;font-weight:400}.mini-app,.portal-preview,.ai-chat,.design-preview{position:absolute;left:7%;right:7%;top:63px;bottom:22px;background:#fff;border-radius:14px;box-shadow:0 12px 25px #14223113;overflow:hidden}.mini-app-head{padding:13px 15px;border-bottom:1px solid #e9edf0;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}.mini-app-head>span{font-size:8px;color:#6b8274}.mini-kpis{display:flex;gap:7px;margin:11px 12px}.mini-kpis>div{flex:1;background:#f4f6f8;border-radius:7px;padding:9px}.mini-kpis small{font-size:6px;display:block;color:#89949b}.mini-kpis b{font-size:19px;display:block;margin-top:4px;font-weight:500}.mini-board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 12px}.mini-board>div{background:#f3f5f7;border-radius:6px;min-height:84px;padding:7px}.mini-board label{display:block;font-size:7px;color:#858f96;margin-bottom:8px}.mini-board span{display:block;font-size:7px;background:#fff;padding:7px 5px;margin-bottom:5px;border-radius:4px;box-shadow:0 2px 3px #00000007}.mini-board .moving-task{background:#fff0e9;border:1px solid #f94d2640;animation:taskFlow 6s ease-in-out infinite}.mini-board .done-task{color:#cd4b26;animation:donePulse 6s infinite}.mini-app-footer{font-size:7px;color:#8b969e;margin:10px 15px}.mini-app-footer>i{display:inline-block;background:#f94d26;width:4px;height:4px;border-radius:50%;margin-right:5px}.component-1{background:#ffdfd0}.portal-preview{left:6%;right:6%;top:58px;bottom:28px}.portal-nav{font-size:8px;display:flex;justify-content:space-between;padding:12px 15px}.portal-nav>span{font-size:6px;color:#7f8c96}.portal-hero{background:#17232d;color:#fff;position:relative;padding:18px;min-height:140px}.portal-hero small{font-size:6px;color:#f5a58b;display:block}.portal-hero strong{font-size:23px;line-height:1.1;display:block;margin:8px 0}.portal-button{display:inline-block;background:#f94d26;padding:6px 9px;border-radius:20px;font-size:6px}.portal-tiles{position:absolute;right:20px;top:24px;width:100px;display:grid;grid-template-columns:1fr 1fr;gap:6px;transform:rotate(-9deg);animation:portalFloat 5s ease-in-out infinite}.portal-tiles i{display:block;height:42px;border-radius:7px;background:#f94d26}.portal-tiles i:nth-child(2){background:#ffe2d4}.portal-tiles i:nth-child(3){grid-column:span 2;background:#364953;height:27px}.portal-bottom{display:flex;gap:6px;padding:10px}.portal-bottom>span{flex:1;background:#f4f6f8;border-radius:5px;padding:6px;font-size:7px}.portal-bottom b{display:block;font-size:6px;color:#9aa3aa;margin-top:4px;font-weight:400}.component-toast{position:absolute;right:15px;bottom:12px;z-index:4;border-radius:30px;padding:9px 12px;background:#fff;color:#65747f;box-shadow:0 6px 15px #14223113;font-size:7px;animation:toastAppear 6s infinite}.component-2{background:#e7edf1}.mini-phone{position:absolute;left:50%;top:45px;transform:translateX(-50%);width:153px;height:300px;border:5px solid #15232d;border-radius:25px;background:#fff;padding:20px 9px 9px;box-shadow:0 14px 25px #14223122;overflow:hidden}.phone-notch{width:50px;height:10px;background:#15232d;position:absolute;left:50%;top:0;transform:translateX(-50%);border-radius:0 0 8px 8px}.phone-greeting small{font-size:5px;display:block;color:#949fa7}.phone-greeting b{font-size:11px;display:block;margin-top:4px}.phone-banner{border-radius:9px;background:#ffe0d1;padding:14px 9px;margin-top:11px}.phone-banner span{display:block;font-size:15px;color:#9b3a1f;font-weight:600}.phone-banner b{display:block;font-size:6px;margin-top:8px;color:#b25335}.phone-feed{margin-top:10px;animation:phoneScroll 7s ease-in-out infinite}.phone-feed>div{display:flex;align-items:center;gap:6px;padding:9px 2px;border-bottom:1px solid #edf0f3}.phone-feed i{font-style:normal;background:#f4f6f8;border-radius:6px;padding:7px;font-size:7px;color:#f94d26}.phone-feed span{font-size:7px;flex:1}.phone-feed small{font-size:5px;color:#9aa4ac;display:block;margin-top:3px}.phone-feed b{font-size:9px;color:#f94d26}.phone-nav{font-size:13px;text-align:center;padding-top:12px}.mobile-badge{position:absolute;left:9%;top:50%;font-size:10px;background:#fff;padding:12px;border-radius:9px;box-shadow:0 8px 20px #1422310b;animation:portalFloat 6s infinite}.mobile-badge i{font-style:normal;color:#f94d26}.component-3{background:#15222d}.ai-chat{top:57px;bottom:25px}.agent-dot{display:inline-block;width:6px;height:6px;background:#f94d26;border-radius:50%;margin-right:5px}.chat-thread{padding:13px 14px;position:relative}.chat-bubble{border-radius:10px;padding:10px 12px;font-size:8px;line-height:1.5;max-width:82%}.incoming{background:#f1f4f6}.outgoing{background:#fff0e9;color:#b54b2b;margin:10px 0 0 auto;animation:replyAppear 8s infinite}.chat-thinking{position:absolute;right:20px;top:65px;display:flex;gap:3px;animation:thinkingHide 8s infinite}.chat-thinking i{width:4px;height:4px;background:#f94d26;border-radius:50%;animation:thinkDot 1s infinite}.chat-thinking i:nth-child(2){animation-delay:.2s}.chat-thinking i:nth-child(3){animation-delay:.4s}.ai-workflow{display:flex;justify-content:center;align-items:center;gap:5px;margin:0 10px}.ai-workflow span{background:#f4f6f8;padding:6px;border-radius:20px;font-size:6px;animation:donePulse 8s infinite}.ai-workflow i{color:#f94d26;font-size:9px;font-style:normal}.ai-handover{margin:12px 14px;padding-top:10px;border-top:1px solid #e9edf0}.ai-handover b{font-size:9px;color:#e2532b;display:block}.ai-handover small{font-size:7px;color:#929ea6;display:block;margin-top:4px}.component-4{background:#ffe8dd}.design-toolbar{display:flex;justify-content:space-between;padding:12px;font-size:8px;border-bottom:1px solid #e5eaf0}.design-toolbar span{font-size:6px;color:#909ca5}.design-canvas{position:absolute;inset:35px 0 0;background:#f1f4f6;padding:12px 30px 12px 55px}.design-sidebar{position:absolute;left:0;top:0;bottom:0;width:35px;background:#fff;padding:15px 10px}.design-sidebar i{display:block;width:15px;height:10px;background:#dce3e8;margin-bottom:14px;border-radius:2px}.design-screen{height:100%;background:#fff;border:1px solid #dce3e8;padding:10px}.design-header{font-size:7px}.design-feature{background:#ffe0d0;margin-top:7px;padding:12px;animation:designBuild 7s infinite}.design-feature small{font-size:5px;color:#c15b38;display:block}.design-feature strong{font-size:18px;display:block;line-height:1.1;margin:6px 0;color:#26343e}.design-feature span{font-size:5px;background:#f94d26;color:white;border-radius:12px;padding:4px 7px;display:inline-block}.design-cards{display:flex;gap:5px;margin-top:7px}.design-cards i{flex:1;height:24px;background:#eaf0f4;border-radius:3px}.design-cursor{position:absolute;left:70%;top:75%;color:#f94d26;font-size:19px;animation:cursorDesign 7s infinite}.design-cursor b{font-size:5px;display:block;background:#f94d26;color:#fff;padding:3px 5px;white-space:nowrap;margin-left:10px;border-radius:3px}.selection-frame{position:absolute;inset:32px 25px 38px 50px;border:1px solid #f94d26;animation:selectionShow 7s infinite;pointer-events:none}.component-5{background:#eef2f5}.api-network{position:absolute;left:0;right:0;top:52px;bottom:20px}.api-network svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#d4dce3;stroke-width:1.5}.api-network .api-signals{stroke:#f94d26;stroke-dasharray:12 30;animation:apiSignal 2s linear infinite}.api-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:65px;background:#16242e;border-radius:13px;color:#fff;font-size:16px;font-weight:bold;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 6px #fff}.api-core small{font-size:6px;color:#f08060;margin-top:5px;letter-spacing:1px}.api-endpoint{position:absolute;background:#fff;border:1px solid #e0e7ed;border-radius:9px;padding:12px;font-size:10px;width:100px;box-shadow:0 5px 12px #14223108;transform:translate(-50%,-50%)}.api-endpoint small{display:block;font-size:6px;margin-top:6px;color:#c15d3d}.endpoint-0{left:19%;top:22%}.endpoint-1{left:19%;top:78%}.endpoint-2{left:81%;top:22%}.endpoint-3{left:81%;top:78%}
@keyframes taskFlow{0%,15%,100%{transform:translateX(-108%);opacity:.3}35%,60%{transform:translateX(0);opacity:1}80%{transform:translateX(108%);opacity:.3}}@keyframes donePulse{0%,100%{opacity:.4}50%,80%{opacity:1}}@keyframes portalFloat{0%,100%{translate:0 0}50%{translate:0 -6px}}@keyframes toastAppear{0%,10%,100%{opacity:0;translate:0 6px}25%,85%{opacity:1;translate:0 0}}@keyframes phoneScroll{0%,20%,100%{translate:0 0}60%,80%{translate:0 -19px}}@keyframes replyAppear{0%,30%,100%{opacity:0;translate:0 5px}40%,90%{opacity:1;translate:0 0}}@keyframes thinkingHide{0%,25%{opacity:1}35%,100%{opacity:0}}@keyframes thinkDot{50%{translate:0 -3px}}@keyframes designBuild{0%,15%,100%{filter:grayscale(1);opacity:.5}40%,85%{filter:none;opacity:1}}@keyframes cursorDesign{0%,100%{left:70%;top:75%}40%,60%{left:42%;top:35%}}@keyframes selectionShow{0%,20%,100%{opacity:0}35%,80%{opacity:1}}@keyframes apiSignal{to{stroke-dashoffset:-84}}
@media(max-width:900px){.mini-app,.portal-preview,.ai-chat,.design-preview{left:4%;right:4%;top:53px;bottom:12px}.mini-kpis{margin:7px}.mini-kpis>div{padding:6px}.mini-kpis b{font-size:15px}.mini-board{margin:0 7px;gap:4px}.mini-board>div{padding:5px}.mini-board span{font-size:6px}.mini-app-footer{font-size:6px;margin:7px 10px}.portal-hero{padding:12px;min-height:120px}.portal-hero strong{font-size:20px}.portal-tiles{right:12px;width:80px}.portal-tiles i{height:35px}.portal-bottom{padding:7px}.api-endpoint{width:75px;padding:9px;font-size:9px}.api-core{width:80px;height:60px}.chat-thread{padding:9px}.chat-bubble{font-size:7px;padding:8px}.ai-handover{margin:8px 10px}.design-feature strong{font-size:16px}.mini-phone{width:140px}.mobile-badge{left:5%;font-size:8px}}
@media(prefers-reduced-motion:reduce){.service-component *{animation:none!important}.chat-thinking{display:none}.outgoing,.component-toast{opacity:1}.moving-task{transform:none}}