.hero{flex-direction:column;align-items:center;padding:64px 24px 88px;display:flex}.hero-copy-block{text-align:center;flex-direction:column;align-items:center;max-width:900px;display:flex}.hero-title{letter-spacing:-.024em;color:var(--ink);max-width:700px;margin:22px 0 0;font-size:clamp(40px,5.4vw,70px);font-weight:600;line-height:1.05}.hero-copy-text{color:var(--charcoal);max-width:560px;margin:18px 0 0;font-size:clamp(16.5px,1.5vw,19px);line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;display:flex}.hero-actions .btn-ink{align-items:center;gap:10px;padding:16px 30px;font-size:16px;display:inline-flex}.hero-actions .btn-ink svg{width:13px;height:13px;transition:transform .14s}.hero-actions .btn-ink:hover svg{transform:translate(2px)}.hero-demo{width:100%;max-width:780px;margin-top:58px}.demo-panel{background:var(--white);border:1px solid var(--ghost);box-shadow:var(--shadow-halo);border-radius:36px;flex-direction:column;gap:20px;padding:28px 28px 22px;display:flex}.demo-head{letter-spacing:.09em;text-transform:uppercase;color:var(--slate);justify-content:space-between;align-items:center;font-size:11.5px;font-weight:600;display:flex}.dh-live{color:var(--orange);align-items:center;gap:6px;font-size:11.5px;display:inline-flex}.demo-cap{text-align:center;color:var(--slate);margin:16px 0 0;font-size:13.5px}.demo-tabs{border:1px solid var(--ghost);background:#f7f5f2;border-radius:999px;align-self:flex-start;gap:4px;padding:4px;display:flex}.demo-tab{color:var(--slate);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background-color .15s,color .15s,box-shadow .15s}.demo-tab:hover{color:var(--ink)}.demo-tab.is-active{background:var(--white);color:var(--ink);box-shadow:0 2px 8px #14141314}.demo-tabpane{flex-direction:column;gap:20px;display:none}.demo-tabpane.is-active{display:flex}.wf{align-items:center;display:flex}.wf-node{opacity:0;flex-direction:column;align-items:center;gap:8px;transition:opacity .45s,transform .45s;display:flex;transform:translateY(8px)scale(.96)}.wf-node.on{opacity:1;transform:none}.wf-node .box{background:var(--white);border:1.5px solid var(--ghost);border-radius:18px;place-items:center;width:64px;height:64px;transition:border-color .3s,box-shadow .3s;display:grid;box-shadow:0 6px 18px #1414130f}.wf-node .box svg{width:30px;height:30px}.wf-node .nm{color:var(--slate);white-space:nowrap;font-size:13px;font-weight:600}.wf-node.pulse .box{border-color:var(--orange);box-shadow:0 0 0 5px #cf45001a}.wf-link{background:var(--dust);transform-origin:0;flex:1;align-self:flex-start;height:2px;margin:31px 10px 0;transition:transform .4s;position:relative;transform:scaleX(0)}.wf-link.on{transform:scaleX(1)}.wf-link i{background:var(--orange);opacity:0;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.wf-link.on i{animation:.8s both wf-travel}@keyframes wf-travel{0%{opacity:0;left:0}15%{opacity:1}85%{opacity:1}to{opacity:0;left:calc(100% - 8px)}}.chat{border:1px solid var(--ghost);background:#f7f5f2;border-radius:26px;overflow:hidden}.chat-head{background:var(--white);border-bottom:1px solid var(--ghost);color:var(--charcoal);letter-spacing:.02em;align-items:center;gap:8px;padding:12px 18px;font-size:13px;font-weight:600;display:flex}.chat-dot{background:var(--orange);border-radius:50%;flex:none;width:8px;height:8px}.chat-body{flex-direction:column;gap:12px;min-height:250px;padding:20px;display:flex}.bubble{opacity:0;border-radius:20px;max-width:80%;padding:12px 16px;font-size:15px;line-height:1.45;transition:opacity .45s,transform .45s;transform:translateY(10px)}.bubble.on{opacity:1;transform:none}.bubble.user{background:var(--white);border:1px solid var(--ghost);color:var(--charcoal);border-bottom-left-radius:6px;align-self:flex-start}.bubble.bot{background:var(--orange);color:var(--white);border-bottom-right-radius:6px;align-self:flex-end}.bubble.typing{background:var(--white);border:1px solid var(--ghost);align-self:flex-end;gap:5px;padding:13px 16px;display:flex}.bubble.typing i{background:var(--dust);border-radius:50%;width:6px;height:6px;animation:1.1s infinite blink}.bubble.typing i:nth-child(2){animation-delay:.18s}.bubble.typing i:nth-child(3){animation-delay:.36s}@keyframes blink{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.quick{align-self:flex-end;gap:8px;display:flex}.quick span{color:var(--orange);background:var(--white);opacity:0;border:1.5px solid #cf450080;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;transition:opacity .4s,transform .4s;transform:translateY(6px)}.quick.on span{opacity:1;transform:none}.quick.on span:nth-child(2){transition-delay:80ms}.exec-tag{color:var(--slate);opacity:0;justify-content:center;align-items:center;gap:8px;font-size:13.5px;font-weight:600;transition:opacity .4s,transform .4s;display:flex;transform:translateY(6px)}.exec-tag.on{opacity:1;transform:none}.exec-tag svg{flex:none;width:13px;height:13px}.mail{border:1px solid var(--ghost);background:#f7f5f2;border-radius:24px;overflow:hidden}.mail-body{padding:20px}.mail-item{background:var(--white);border:1px solid var(--ghost);opacity:0;border-radius:18px;gap:12px;padding:14px 16px;transition:opacity .45s,transform .45s;display:flex;transform:translateY(10px)}.mail-item.on{opacity:1;transform:none}.mi-avatar{background:var(--ink);width:36px;height:36px;color:var(--canvas);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:600;display:grid}.mi-txt{flex-direction:column;gap:4px;min-width:0;display:flex}.mi-top{justify-content:space-between;gap:12px;font-size:13px;display:flex}.mi-from{color:var(--charcoal);font-weight:600}.mi-time{color:var(--slate);font-size:12px}.mi-subj{color:var(--charcoal);font-size:14px}.mi-chips{gap:8px;min-height:27px;margin-top:4px;display:flex}.mchip{border:1px solid var(--ghost);color:var(--slate);opacity:0;background:#f7f5f2;border-radius:999px;align-items:center;padding:5px 11px;font-size:12px;font-weight:600;transition:opacity .4s,transform .4s;display:inline-flex;transform:translateY(6px)}.mchip.on{opacity:1;transform:none}.mchip-prio{background:var(--white);color:var(--orange);border-color:#cf450080}.line-alert{background:var(--white);border:1px solid var(--ghost);border-left:3px solid var(--orange);opacity:0;border-radius:16px;align-items:center;gap:12px;padding:12px 16px;transition:opacity .45s,transform .45s;display:flex;transform:translateY(10px)}.line-alert.on{opacity:1;transform:none}.la-title{color:var(--charcoal);font-size:13px;font-weight:600}.la-text{color:var(--slate);font-size:12.5px}.demo-panel.anim-end [data-a]:not([data-a=typing]){opacity:1;transform:none}.demo-panel.anim-end .wf-link{transform:scaleX(1)}.demo-panel.anim-end .wf-link i,.demo-panel.anim-end .bubble.typing{display:none}.demo-panel.anim-end .quick span{opacity:1;transform:none}@media (width<=960px){.hero{padding:32px 20px 64px}.hero-copy-block{max-width:none}.hero-title{font-size:clamp(34px,9.5vw,46px)}.hero-demo{max-width:none;margin-top:40px}.demo-panel{border-radius:28px;gap:16px;padding:20px 18px 16px}.wf-node .box{border-radius:15px;width:52px;height:52px}.wf-node .box svg{width:24px;height:24px}.wf-node .nm{font-size:11px}.wf-link{margin-top:25px}.chat-body{min-height:230px}.bubble{font-size:14px}}@media (prefers-reduced-motion:reduce){.wf-link,.wf-node,.bubble,.quick span,.exec-tag,.mail-item,.mchip,.line-alert{transition:none}}