.hero--split{text-align:left;overflow-x:clip}.hero--split .wrap{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center;position:relative;z-index:1}.hero--split h1{font-size:clamp(25px,3.4vw,40px);line-height:1.4}.hero--split .btns{justify-content:flex-start}@media(max-width:880px){.hero--split .wrap{grid-template-columns:1fr;gap:38px}.hero--split{text-align:center}.hero--split .btns{justify-content:center}}.chat-card{position:relative;background:#fff;border-radius:20px;padding:18px 18px 14px;box-shadow:0 28px 70px #00000061;color:var(--ink)}.cc-head{display:flex;align-items:center;gap:12px;padding-bottom:13px;border-bottom:1px solid var(--line)}.cc-dots{display:flex;gap:6px}.cc-dots span{width:10px;height:10px;border-radius:50%;background:var(--line)}.cc-title{font-weight:700;font-size:14px;color:var(--navy)}.cc-status{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#2f9e69}.cc-status i{width:9px;height:9px;border-radius:50%;background:#36c081;animation:pulseDot 1.8s infinite}@keyframes pulseDot{0%{box-shadow:0 0 #36c08180}70%{box-shadow:0 0 0 8px #36c08100}to{box-shadow:0 0 #36c08100}}.cc-thread{padding:14px 2px 4px;min-height:316px;display:flex;flex-direction:column;gap:11px}.cc-msg{max-width:88%;opacity:0;transform:translateY(8px);animation:msgIn .35s ease forwards}@keyframes msgIn{to{opacity:1;transform:none}}.cc-user{align-self:flex-end;background:var(--bg-soft);color:var(--ink);border-radius:14px 14px 4px;padding:11px 15px;font-size:14px;font-weight:500;line-height:1.5}.cc-user .caret{display:inline-block;width:2px;height:1.05em;background:var(--cyan-deep);vertical-align:-2px;margin-left:1px;animation:caret .9s step-end infinite}@keyframes caret{50%{opacity:0}}.cc-ai{align-self:flex-start;background:#fffdf6;border:1px solid #ecdfba;border-left:3px solid var(--cyan);border-radius:4px 14px 14px;padding:11px 15px 12px;font-size:13.5px;line-height:1.55}.cc-ai .who{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;color:var(--cyan-deep);letter-spacing:.04em;margin-bottom:7px}.cc-ai .who svg{width:14px;height:14px}.cc-ai .reply{color:var(--ink)}.cc-typing{display:inline-flex;gap:4px;padding:3px 0}.cc-typing span{width:6px;height:6px;border-radius:50%;background:var(--cyan-deep);opacity:.4;animation:bounce 1.2s infinite}.cc-typing span:nth-child(2){animation-delay:.18s}.cc-typing span:nth-child(3){animation-delay:.36s}@keyframes bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.cc-steps{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.cc-step{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-soft);opacity:0;transform:translateY(6px);animation:msgIn .3s ease forwards}.cc-step .st-ico{flex:0 0 20px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.cc-spin{width:16px;height:16px;border-radius:50%;border:2px solid var(--bg-soft);border-top-color:var(--cyan-deep);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cc-check{width:18px;height:18px;border-radius:50%;background:var(--cyan);position:relative;transform:scale(.3);animation:pop .32s cubic-bezier(.2,1.3,.5,1) forwards}.cc-check:after{content:"";position:absolute;left:6px;top:3.5px;width:4px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}@keyframes pop{to{transform:scale(1)}}.cc-step.done{color:var(--ink)}.cc-result{margin-top:11px;padding-top:10px;border-top:1px dashed var(--line);display:flex;align-items:flex-start;gap:8px;font-size:13px;font-weight:700;color:var(--navy);opacity:0;transform:translateY(6px);animation:msgIn .3s ease forwards}.cc-result .rdot{flex:0 0 16px;width:16px;height:16px;border-radius:50%;background:var(--cyan);position:relative;margin-top:2px}.cc-result .rdot:after{content:"";position:absolute;left:5px;top:3px;width:4px;height:7px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}.cc-badge{position:absolute;right:-15px;top:-17px;width:50px;height:50px;border-radius:50%;background:var(--cyan);color:#1c130a;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px #00000052}.cc-badge:before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--cyan);animation:ring 2.4s ease-out infinite}@keyframes ring{0%{transform:scale(1);opacity:.7}to{transform:scale(1.7);opacity:0}}@media(prefers-reduced-motion:reduce){.cc-msg,.cc-step,.cc-result{opacity:1;transform:none}.cc-user .caret{display:none}}.ex-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:8px}@media(max-width:760px){.ex-grid{grid-template-columns:1fr;gap:22px}}.ex-panel{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 24px 28px;box-shadow:var(--sh-sm);display:flex;flex-direction:column}.ex-panel .ex-kicker{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:.08em;padding:5px 14px;border-radius:var(--r-pill);margin-bottom:6px}.ex-panel.web .ex-kicker{color:var(--ink-soft);background:var(--bg-soft)}.ex-panel.agent .ex-kicker{color:#fff;background:var(--navy)}.ex-panel h3{color:var(--navy);font-size:18px;line-height:1.5;margin:8px 0 4px}.ex-panel .ex-sub{font-size:13.5px;color:var(--ink-soft);margin-bottom:18px;min-height:2.4em}.stage{position:relative;border-radius:var(--r);height:300px;overflow:hidden;background:var(--bg-mist);border:1px solid var(--line)}.browser{position:absolute;inset:18px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh-sm);display:flex;flex-direction:column;overflow:hidden}.browser .bar{display:flex;align-items:center;gap:7px;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--bg-soft)}.browser .bar .dot{width:9px;height:9px;border-radius:50%;background:#cbcbc3}.browser .bar .url{flex:1;margin-left:8px;height:16px;border-radius:8px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;padding:0 9px;font-size:9px;color:var(--ink-soft);letter-spacing:.02em;overflow:hidden;white-space:nowrap}.browser .body{flex:1;padding:14px 14px 12px;display:flex;flex-direction:column;gap:9px;position:relative}.bubble{max-width:78%;font-size:12px;line-height:1.6;padding:8px 11px;border-radius:12px;opacity:0}.bubble.q{align-self:flex-end;background:var(--navy);color:#fff;border-bottom-right-radius:4px}.bubble.a{align-self:flex-start;background:var(--bg-soft);color:var(--ink);border-bottom-left-radius:4px}.copy-hand{position:absolute;right:14px;bottom:12px;display:flex;align-items:center;gap:7px;opacity:0}.copy-hand .lbl{font-size:10.5px;font-weight:700;color:var(--cyan-deep);background:#fff;border:1px solid var(--cyan);border-radius:var(--r-pill);padding:3px 10px;white-space:nowrap}.copy-hand .hand{width:24px;height:24px;color:var(--navy)}.stage.run .bubble.q{animation:webQ 8s infinite}.stage.run .bubble.a{animation:webA 8s infinite}.stage.run .copy-hand{animation:webCopy 8s infinite}@keyframes webQ{0%{opacity:0;transform:translateY(6px)}6%{opacity:1;transform:none}88%{opacity:1}96%,to{opacity:0}}@keyframes webA{0%,18%{opacity:0;transform:translateY(6px)}26%{opacity:1;transform:none}88%{opacity:1}96%,to{opacity:0}}@keyframes webCopy{0%,40%{opacity:0;transform:translate(6px)}50%{opacity:1;transform:none}60%{transform:translateY(-3px)}70%{transform:none}88%{opacity:1}96%,to{opacity:0}}.pc{position:absolute;inset:18px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh-sm);display:flex;flex-direction:column;overflow:hidden}.pc .titlebar{display:flex;align-items:center;gap:7px;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--navy);color:#fff}.pc .titlebar .dot{width:9px;height:9px;border-radius:50%;background:#ffffff8c}.pc .titlebar .t{margin-left:6px;font-size:10px;letter-spacing:.06em;opacity:.9}.pc .desktop{flex:1;position:relative;padding:16px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px}.app{position:relative;background:var(--bg-soft);border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:.2s}.app .glyph{width:26px;height:26px;color:var(--navy)}.app .name{font-size:11px;font-weight:700;color:var(--navy);letter-spacing:.02em}.app.word{border-top:3px solid var(--navy)}.app.excel{border-top:3px solid var(--cyan-deep)}.app.ppt{border-top:3px solid var(--navy-grad)}.app.mail{border-top:3px solid var(--cyan)}.cells{display:flex;gap:3px;margin-top:2px}.cells .cell{width:9px;height:9px;border:1px solid var(--line);border-radius:2px;background:#fff;transition:background .25s}.check{position:absolute;top:6px;right:7px;width:15px;height:15px;border-radius:50%;background:var(--cyan-deep);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.4)}.check svg{width:9px;height:9px}.agent-bot{position:absolute;left:8px;top:8px;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--navy),var(--navy-grad));color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-md);z-index:5}.agent-bot svg{width:16px;height:16px}.stage.run .agent-bot{animation:botMove 10s infinite}@keyframes botMove{0%{left:8px;top:8px}18%{left:calc(50% - 2px);top:8px}62%{left:calc(50% - 2px);top:8px}78%{left:8px;top:calc(50% - 2px)}92%,to{left:8px;top:8px}}.stage.run .app.excel{animation:appFocus 10s infinite}@keyframes appFocus{0%,16%{box-shadow:none;border-color:var(--line)}24%{box-shadow:0 0 0 2px var(--cyan)}62%{box-shadow:0 0 0 2px var(--cyan)}72%,to{box-shadow:none;border-color:var(--line)}}.stage.run .app.excel .cell:nth-child(1){animation:cellFill1 10s infinite}.stage.run .app.excel .cell:nth-child(2){animation:cellFill2 10s infinite}.stage.run .app.excel .cell:nth-child(3){animation:cellFill3 10s infinite}@keyframes cellFill1{0%,26%{background:#fff}32%,70%{background:var(--cyan)}80%,to{background:#fff}}@keyframes cellFill2{0%,34%{background:#fff}40%,70%{background:var(--cyan)}80%,to{background:#fff}}@keyframes cellFill3{0%,42%{background:#fff}48%,70%{background:var(--cyan)}80%,to{background:#fff}}.stage.run .app.excel .check{animation:checkPop 10s infinite}@keyframes checkPop{0%,52%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1)}70%{opacity:1;transform:scale(1)}80%,to{opacity:0;transform:scale(.4)}}.ex-caption{max-width:760px;margin:34px auto 0;text-align:center;font-size:15.5px;color:var(--ink);line-height:1.85}.ex-caption strong{color:var(--navy)}@media(prefers-reduced-motion:reduce){.stage.run .bubble.q,.stage.run .bubble.a,.stage.run .copy-hand,.stage.run .agent-bot,.stage.run .app.excel,.stage.run .app.excel .cell,.stage.run .app.excel .check{animation:none!important}.bubble,.copy-hand{opacity:1!important;transform:none!important}.agent-bot{left:calc(50% - 2px)!important;top:8px!important;transform:none!important}.app.excel{box-shadow:0 0 0 2px var(--cyan)}.app.excel .cell{background:var(--cyan)!important}.check{opacity:1!important;transform:scale(1)!important}}.ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:960px;margin:0 auto;align-items:stretch}@media(max-width:760px){.ba-grid{grid-template-columns:1fr}}.ba-col{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:28px 28px 26px;box-shadow:var(--sh-sm);display:flex;flex-direction:column;overflow:hidden}.ba-col.before{border-top:4px solid #c7d2dd}.ba-col.after{border-top:4px solid var(--cyan-deep)}.ba-head{display:flex;align-items:center;gap:11px;margin-bottom:6px}.ba-head .tag{font-size:11.5px;font-weight:700;letter-spacing:.1em;padding:3px 12px;border-radius:var(--r-pill)}.ba-col.before .ba-head .tag{color:var(--ink-soft);background:var(--bg-soft);border:1px solid var(--line)}.ba-col.after .ba-head .tag{color:#fff;background:var(--navy)}.ba-head h3{font-size:17.5px;line-height:1.4}.ba-col.before .ba-head h3{color:var(--ink-soft)}.ba-col.after .ba-head h3{color:var(--navy)}.ba-sub{font-size:12.5px;color:var(--ink-soft);margin-bottom:18px}.steps{list-style:none;display:flex;flex-direction:column;gap:10px;flex:1}.step{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:var(--r);border:1px solid var(--line);background:var(--bg-mist);opacity:0;transform:translateY(8px)}.step .sn{flex:0 0 26px;width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:var(--bg-soft);color:var(--ink-soft)}.ba-col.after .step .sn{background:var(--navy);color:#fff}.step .stxt{font-size:14px;line-height:1.6;color:var(--ink)}.ba-col.before .step .stxt{color:var(--ink-soft)}.step.manual{background:#fff;border-color:#cdd6de}.step.manual .sn{background:#e7ebef;color:#56606b}.step .you{display:inline-flex;align-items:center;gap:5px;margin-top:6px;font-size:11px;font-weight:700;color:#6b7480;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--r-pill);padding:2px 9px}.step .you svg{width:12px;height:12px}.step.auto{background:#fbf7ec;border-color:#e8dcbd}.step.auto .sn{background:transparent;color:var(--cyan-deep)}.step.auto .stxt{color:var(--cyan-deep);font-weight:700}.step .auto-flag{display:inline-flex;align-items:center;gap:5px;margin-top:6px;font-size:11px;font-weight:700;color:var(--cyan-deep);background:#fbf3df;border:1px solid #e8dcbd;border-radius:var(--r-pill);padding:2px 9px}.step .auto-flag svg{width:12px;height:12px}.step.done{background:#fbf7ec;border-color:var(--cyan)}.step.done .sn{background:var(--cyan-deep);color:#fff}.step.done .stxt{color:var(--navy);font-weight:700}.anim .ba-col.before .step{animation:stepIn .5s ease forwards;animation-iteration-count:1}.anim .ba-col.before .step:nth-child(1){animation-delay:.2s}.anim .ba-col.before .step:nth-child(2){animation-delay:1.4s}.anim .ba-col.before .step:nth-child(3){animation-delay:2.7s}.anim .ba-col.before .step:nth-child(4){animation-delay:4s}.anim .ba-col.before .step:nth-child(5){animation-delay:5.3s}.anim .ba-col.after .step{animation:stepIn .45s ease forwards}.anim .ba-col.after .step.s1{animation-delay:.2s}.anim .ba-col.after .step.s2{animation-delay:1.2s}.anim .ba-col.after .step.s3{animation-delay:2.6s}@keyframes stepIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.anim .step.auto .auto-flag svg{animation:spin 1.4s linear infinite}.ba-counter{margin-top:20px;padding-top:16px;border-top:1px dashed var(--line);display:flex;align-items:baseline;gap:8px;font-size:13.5px}.ba-counter .lbl{color:var(--ink-soft);font-weight:600}.ba-counter .val{font-size:22px;font-weight:700;line-height:1}.ba-col.before .ba-counter .val{color:#56606b}.ba-col.after .ba-counter .val{color:var(--cyan-deep)}.ba-counter .unit{font-size:13px;color:var(--ink-soft)}.ba-counter .pace{margin-left:auto;font-size:11px;font-weight:700;border-radius:var(--r-pill);padding:3px 11px}.ba-col.before .ba-counter .pace{color:#6b7480;background:var(--bg-soft)}.ba-col.after .ba-counter .pace{color:#fff;background:var(--cyan-deep)}.ba-foot-line{max-width:760px;margin:clamp(34px,5vw,48px) auto 0;text-align:center;font-size:clamp(15px,2.1vw,18px);line-height:1.85;color:var(--ink)}.ba-foot-line strong{color:var(--navy)}@media(prefers-reduced-motion:reduce){.step{opacity:1!important;transform:none!important;animation:none!important}.step.auto .auto-flag svg{animation:none!important}}
