.hero-demo{color:#1a1c1e;font-size:14px;line-height:1.45}.hero-demo .mono{font-family:var(--font-geist-mono),ui-monospace,monospace}.hero-demo a{color:#0b243b}.hero-demo a:hover{color:#13314d}.hero-demo .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hero-demo .nav-mid{display:flex}@media (max-width:760px){.nav-mid{display:none}}.hero-demo .hl{text-decoration:underline;text-decoration-color:#f59e0b;text-decoration-thickness:5px;text-underline-offset:7px}.hero-demo .globe{width:40px;height:40px;border-radius:10px;border:0;background:transparent;color:#1a1c1e;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.hero-demo .globe:hover{background:#f3f5f8}.hero-demo .globe:focus-visible{outline:2px solid #0b243b;outline-offset:2px}.hero-demo .langs{position:absolute;right:0;top:46px;width:170px;background:#fff;border:1px solid #e8eaed;border-radius:12px;padding:4px 0;margin:0;list-style:none;box-shadow:0 12px 28px -12px rgba(11,36,59,.25);z-index:40}.hero-demo .langs button{display:flex;justify-content:space-between;width:100%;text-align:left;padding:9px 14px;border:0;background:none;font-family:inherit;font-size:14px;color:#1a1c1e;cursor:pointer}.hero-demo .langs button:hover{background:#f7f8fa}.hero-demo .langs button.sel{font-weight:600;color:#0b243b}.hero-demo .stage{border-radius:24px;padding:14px 20px 10px;background:#f0f0f0}@media (max-width:560px){.hero-demo .stage{padding:10px 12px 6px;border-radius:18px}}.hero-demo .chaps{display:flex;align-items:stretch;gap:10px;margin-bottom:10px}.hero-demo .ch{position:relative;flex:1 1 0;min-width:0;min-height:48px;background:none;border:0;padding:12px 2px 4px;text-align:left;cursor:pointer;font-family:inherit;color:#5f6773}.hero-demo .ch b{display:block;font-family:Geist Mono,ui-monospace,monospace;font-size:10px;font-weight:500;color:#6b7280}.hero-demo .ch span{display:block;font-size:13px;font-weight:600;line-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-demo .ch:before{right:0;background:rgba(11,36,59,.13)}.hero-demo .ch:after,.hero-demo .ch:before{content:"";position:absolute;left:0;top:0;height:3px;border-radius:2px}.hero-demo .ch:after{width:0;background:#f59e0b}.hero-demo .ch.past:after{width:100%}.hero-demo .ch.on{color:#0b243b}.hero-demo .ch.on b{color:#b45309}.hero-demo .ch.on:after{animation:fillbar var(--d) linear forwards}.hero-demo .stage.paused .ch.on:after{animation-play-state:paused}.hero-demo .stage.ended .ch.on:after{animation:none;width:100%}.hero-demo .ch:focus-visible,.hero-demo .ctl:focus-visible{outline:2px solid #0b243b;outline-offset:2px;border-radius:4px}.hero-demo .ctl{width:44px;height:44px;flex:0 0 44px;align-self:center;border-radius:50%;border:1px solid rgba(11,36,59,.22);background:#fff;color:#0b243b;display:flex;align-items:center;justify-content:center;cursor:pointer}.hero-demo .ctl:hover{background:#f7f8fa}@media (max-width:560px){.hero-demo .ch span{font-size:11px;white-space:normal}}.hero-demo .fit{position:relative;width:100%;overflow:hidden}.hero-demo .frame{position:relative;width:720px;height:560px;margin:0;transform-origin:top left;background:#f4f6f9;border-radius:14px;overflow:hidden;box-shadow:0 20px 44px -22px rgba(11,36,59,.45),0 0 0 1px #e1e5ea;font-family:Inter,system-ui,sans-serif;color:#1a1c1e}.hero-demo .chap{position:absolute;inset:0;transition:opacity .6s ease,visibility 0s}.hero-demo .chap.off{opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s .6s}.hero-demo .topbar{position:absolute;left:0;top:0;right:0;height:40px;background:#0b243b;display:flex;align-items:center;gap:10px;padding:0 14px;color:#fff;z-index:3}.hero-demo .mark{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex:0 0 24px;overflow:hidden}.hero-demo .mark img{width:24px;height:24px;display:block;object-fit:contain}.hero-demo .tb-t{font-size:13px;font-weight:600;flex:1}.hero-demo .live{display:flex;align-items:center;gap:5px;font-size:10.5px;color:#c9d4df}.hero-demo .live i{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.2)}.hero-demo .avs{display:flex;padding-left:6px}.hero-demo .av{width:22px;height:22px;border-radius:50%;border:2px solid #0b243b;margin-left:-6px;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}.hero-demo .toolbar{position:absolute;left:0;right:0;top:40px;height:48px;background:#fff;border-bottom:1px solid #e6e9ee;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.hero-demo .tabs{display:flex;gap:6px}.hero-demo .tab{gap:6px;font-size:11.5px;font-weight:500;color:#3b4350;border:1px solid #e1e5ea;padding:4px 6px 4px 10px;background:#fff;transition:box-shadow .4s}.hero-demo .tab,.hero-demo .tab b{display:inline-flex;align-items:center;border-radius:999px}.hero-demo .tab b{font-size:10px;font-weight:600;min-width:18px;height:18px;background:#f1f3f6;justify-content:center;padding:0 5px}.hero-demo .tab.on{background:#2563eb;border-color:#2563eb;color:#fff}.hero-demo .tab.on b{background:#fff;color:#2563eb}.hero-demo .tab.ping{box-shadow:0 0 0 4px rgba(37,99,235,.18)}.hero-demo .tab.ping b{background:#2563eb;color:#fff}.hero-demo .tools{display:flex;gap:8px;align-items:center}.hero-demo .seg{display:flex;border:1px solid #e1e5ea;border-radius:8px;padding:2px;font-size:11px;font-weight:500;background:#fff}.hero-demo .seg span{padding:4px 9px;border-radius:6px;color:#3b4350}.hero-demo .newbtn,.hero-demo .seg span.on{background:#2563eb;color:#fff}.hero-demo .newbtn{font-size:11px;font-weight:600;border-radius:8px;padding:7px 10px}.hero-demo .cols{position:absolute;left:10px;top:98px;display:flex;gap:6px}.hero-demo .col{width:135px;height:452px;background:#fff;border:1px solid #e6e9ee;border-radius:10px;padding:9px 8px;position:relative;transition:background .4s,border-color .4s}.hero-demo .col.target{background:#f0f6ff;border-color:#93b4f5}.hero-demo .col.cele{animation:cele 1.6s ease}.hero-demo .col-h{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;font-weight:700;color:#1a1c1e}.hero-demo .cnt{min-width:20px;height:20px;border-radius:999px;border:1px solid #dfe3e8;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;color:#3b4350}.hero-demo .bar{display:flex;align-items:center;gap:6px;margin-top:7px}.hero-demo .bar i{flex:1;height:4px;border-radius:2px;background:#e6e9ee;position:relative;overflow:hidden}.hero-demo .bar i em{position:absolute;left:0;top:0;bottom:0;background:#2563eb;border-radius:2px}.hero-demo .bar span{font-size:9.5px;color:#5f6773;font-weight:500;width:26px;text-align:right}.hero-demo .empty{position:absolute;left:6px;right:6px;top:52px;height:48px;border:1px dashed #dfe3e8;border-radius:8px;font-size:10px;color:#8a929d;display:flex;align-items:center;justify-content:center;transition:opacity .3s}.hero-demo .empty.off{opacity:0}.hero-demo .card{position:absolute;width:123px;height:86px;background:#fff;border:1px solid #e1e5ea;border-radius:8px;padding:7px 8px;box-shadow:0 1px 2px rgba(16,24,40,.06);transition:left var(--mv) cubic-bezier(.5,0,.25,1),top var(--mv) cubic-bezier(.5,0,.25,1),opacity .5s ease,transform .35s ease,box-shadow .35s ease,border-color .35s;z-index:2}.hero-demo .card.off{opacity:0;transform:translateY(-16px) scale(.96)}.hero-demo .card.lift{z-index:6;transform:rotate(2.5deg) scale(1.05);box-shadow:0 20px 32px -12px rgba(11,36,59,.38),0 4px 10px rgba(11,36,59,.12);border-color:#93b4f5}.hero-demo .card.won{border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.14),0 6px 14px -6px rgba(22,163,74,.35);animation:wonpop .6s cubic-bezier(.3,1.5,.5,1)}.hero-demo .c-r1{display:flex;justify-content:space-between;align-items:center;gap:4px}.hero-demo .c-name{font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-demo .c-id{font-family:Geist Mono,ui-monospace,monospace;font-size:9px;color:#8a929d}.hero-demo .c-r2{display:flex;align-items:center;gap:5px;margin-top:4px}.hero-demo .c-pill{font-size:8.5px;font-weight:600;background:#f3e8ff;color:#7e22ce;border-radius:999px;padding:1px 6px}.hero-demo .c-date{font-size:9px;color:#6b7280}.hero-demo .c-prod{font-size:10px;color:#2563eb;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-demo .c-r4{display:flex;justify-content:space-between;align-items:center;margin-top:5px}.hero-demo .c-val{font-size:10px;font-weight:600;color:#1a1c1e}.hero-demo .c-own{width:16px;height:16px;border-radius:50%;font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center}.hero-demo .own-R{background:#e3e9f0;color:#0b243b}.hero-demo .own-J{background:#ede9fe;color:#6d28d9}.hero-demo .c-won{position:absolute;top:6px;right:6px;display:inline-flex;align-items:center;gap:2px;font-size:8.5px;font-weight:700;color:#fff;background:#16a34a;border-radius:999px;padding:1px 6px 1px 4px;opacity:0;transform:scale(.5);transition:opacity .3s .15s,transform .4s cubic-bezier(.3,1.6,.5,1) .15s}.hero-demo .card.won .c-won{opacity:1;transform:none}.hero-demo .card.won .c-id{opacity:0}.hero-demo .conf{position:absolute;left:641px;top:193px;width:0;height:0;z-index:8;pointer-events:none}.hero-demo .conf:before{content:"";position:absolute;left:-40px;top:-40px;width:80px;height:80px;border-radius:50%;border:2px solid rgba(245,158,11,.55);opacity:0}.hero-demo .conf.go:before{animation:halo 1.1s ease-out forwards}.hero-demo .pc{position:absolute;left:0;top:0;opacity:0}.hero-demo .conf.go .pc{animation:confetti 1.7s cubic-bezier(.15,.7,.3,1) forwards}.hero-demo .toast{position:absolute;left:50%;bottom:14px;width:430px;margin-left:-215px;z-index:10;background:#0b243b;color:#fff;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;box-shadow:0 18px 36px -12px rgba(2,10,20,.55);transition:opacity .5s,transform .6s cubic-bezier(.3,1.3,.5,1)}.hero-demo .toast.off{opacity:0;transform:translateY(30px)}.hero-demo .toast.on{transition-delay:1.1s}.hero-demo .t-row{display:flex;align-items:center;gap:8px;font-size:11px;line-height:14px}.hero-demo .t-row b{font-weight:600}.hero-demo .t-ic{width:20px;height:20px;flex:0 0 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.12);color:#fff}.hero-demo .t-ic.amb{background:#f59e0b;color:#0b243b}.hero-demo .cur{position:absolute;z-index:30;pointer-events:none;transition:left var(--mv) cubic-bezier(.5,0,.25,1),top var(--mv) cubic-bezier(.5,0,.25,1),opacity .35s}.hero-demo .cur.off{opacity:0}.hero-demo .cur svg{display:block;transition:transform .2s;transform-origin:2px 2px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}.hero-demo .cur.press svg{transform:scale(.84)}.hero-demo .cur .tag{position:absolute;left:14px;top:16px;font-size:9.5px;font-weight:600;color:#fff;border-radius:6px;padding:2px 6px;white-space:nowrap}.hero-demo .cur-R .tag{background:#0b243b}.hero-demo .cur-J .tag{background:#7c3aed}.hero-demo .cur-M .tag{background:#0f766e}.hero-demo .cur-C .tag{background:#f59e0b;color:#3d2a06}.hero-demo .kpis{position:absolute;left:10px;right:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hero-demo .kpi{background:#fff;border:1px solid #e6e9ee;border-radius:10px;padding:9px 11px;height:60px}.hero-demo .kpi span{display:block;font-size:9.5px;color:#5f6773;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-demo .kpi b{display:block;font-size:19px;font-weight:700;color:#1a1c1e;margin-top:3px;line-height:22px}.hero-demo .kpi b.red{color:#dc2626}.hero-demo .tbl{position:absolute;left:10px;right:10px;bottom:10px;background:#fff;border:1px solid #e6e9ee;border-radius:10px;overflow:hidden}.hero-demo .th,.hero-demo .tr{display:grid;grid-template-columns:52px 74px minmax(0,1fr) 78px 76px 150px;gap:8px;align-items:center;padding:0 12px}.hero-demo .th{height:32px;background:#f8f9fb;border-bottom:1px solid #eceef1;font-size:9px;font-weight:600;color:#5f6773;text-transform:uppercase;letter-spacing:.04em}.hero-demo .tr{height:44px;border-bottom:1px solid #f0f2f5;font-size:11px;color:#3b4350;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s,background .3s}.hero-demo .tr.on{opacity:1;transform:none}.hero-demo .tr.new{background:#fffbeb}.hero-demo .tr.hover{background:#eef4ff}.hero-demo .tr .id{font-family:Geist Mono,ui-monospace,monospace;font-weight:500;color:#1a1c1e}.hero-demo .tr .cu{font-weight:600;color:#1a1c1e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-demo .badge{font-size:9px;font-weight:600;border-radius:999px;padding:2px 7px;justify-self:start}.hero-demo .b-act{background:#dcfce7;color:#166534}.hero-demo .b-done{background:#dbeafe;color:#1e40af}.hero-demo .newpill{font-size:8px;font-weight:700;background:#f59e0b;color:#3d2a06;border-radius:999px;padding:1px 5px;margin-left:5px;vertical-align:1px}.hero-demo .cbar{display:flex;align-items:center;gap:6px}.hero-demo .cbar i{flex:1;height:6px;border-radius:3px;background:#e5e7eb;overflow:hidden;position:relative}.hero-demo .cbar i em{position:absolute;left:0;top:0;bottom:0;border-radius:3px;transition:width .9s ease,background .4s}.hero-demo .cbar span{font-size:10px;color:#4b5563;width:30px;text-align:right}.hero-demo .ovl{position:absolute;inset:0;background:rgba(11,36,59,.38);opacity:0;transition:opacity .4s;z-index:20;pointer-events:none}.hero-demo .ovl.on{opacity:1}.hero-demo .modal{position:absolute;left:34px;right:34px;top:22px;bottom:14px;background:#fff;border-radius:14px;box-shadow:0 30px 60px -20px rgba(2,10,20,.5);z-index:21;opacity:0;transform:translateY(18px) scale(.97);transition:opacity .45s,transform .55s cubic-bezier(.3,1.2,.5,1);overflow:hidden}.hero-demo .modal.on{opacity:1;transform:none}.hero-demo .m-h{height:58px;border-bottom:1px solid #eceef1;display:flex;align-items:center;gap:10px;padding:0 16px}.hero-demo .m-id{font-family:Geist Mono,ui-monospace,monospace;font-size:12px;color:#5f6773}.hero-demo .m-name{font-size:14px;color:#1a1c1e}.hero-demo .m-comp{margin-left:auto;width:180px}.hero-demo .m-x{color:#6b7280;display:flex}.hero-demo .m-body{position:absolute;left:0;right:0;top:58px;bottom:0;overflow:hidden}.hero-demo .m-in{padding:14px 16px;transition:transform 1.3s cubic-bezier(.45,0,.2,1)}.hero-demo .m-sec{font-size:9.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#5f6773;margin:0 0 8px}.hero-demo .kv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hero-demo .kv div{background:#f8f9fb;border-radius:8px;padding:7px 9px}.hero-demo .kv span{display:block;font-size:9px;color:#6b7280}.hero-demo .kv b{display:block;font-size:11px;font-weight:600;color:#1a1c1e;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-demo .instr{background:#f8f9fb;border-radius:8px;padding:9px 10px;font-size:10.5px;line-height:15px;color:#3b4350}.hero-demo .td-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.hero-demo .td-h .m-sec{margin:0}.hero-demo .dl{font-size:10px;font-weight:600;border:1px solid #d6dbe1;border-radius:7px;padding:4px 8px;color:#0b243b;display:inline-flex;gap:4px;align-items:center}.hero-demo .tk,.hero-demo .tk-th{display:grid;grid-template-columns:minmax(0,1fr) 70px 72px 48px 64px;gap:8px;align-items:center;padding:0 8px}.hero-demo .tk-th{height:26px;font-size:9px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #eceef1}.hero-demo .tk{height:40px;border-bottom:1px solid #f1f3f5;font-size:10.5px;color:#1a1c1e;transition:background .8s}.hero-demo .tk.flash{background:#f0fdf4;transition:background .1s}.hero-demo .tk-d{min-width:0;display:flex;flex-direction:column;gap:2px}.hero-demo .tk-d span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-demo .fchip{display:none;align-items:center;gap:3px;font-size:9px;font-weight:500;color:#2563eb;align-self:flex-start}.hero-demo .fchip.on{display:inline-flex;animation:pop .45s cubic-bezier(.3,1.4,.5,1)}.hero-demo .dep{color:#3b4350;background:#f1f3f5}.hero-demo .dep,.hero-demo .vis{font-size:9px;font-weight:600;border-radius:5px;padding:2px 6px;justify-self:start}.hero-demo .vis{display:inline-flex;align-items:center;gap:3px}.hero-demo .vis-int{background:#f1f3f5;color:#5f6773}.hero-demo .vis-cust{background:#fef3c7;color:#92400e}.hero-demo .due{font-size:10px;color:#5f6773}.hero-demo .ts{font-size:9px;font-weight:700;border-radius:999px;padding:2px 8px;justify-self:start;display:inline-flex;gap:3px;align-items:center}.hero-demo .ts-p{background:#f1f3f5;color:#5f6773}.hero-demo .ts-d{background:#dcfce7;color:#166534}.hero-demo .pt-band{position:absolute;left:0;right:0;top:0;height:80px;background:#0d0f5e;color:#fff;z-index:3}.hero-demo .pt-row{display:flex;align-items:center;gap:10px;height:48px;padding:0 14px}.hero-demo .pt-logo{width:30px;height:30px;border-radius:7px;background:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 30px}.hero-demo .pt-tt{flex:1;min-width:0}.hero-demo .pt-tt b{display:block;font-size:12.5px;font-weight:700;line-height:15px}.hero-demo .pt-tt span{display:block;font-size:10px;color:#c7cbf0;line-height:13px}.hero-demo .pt-lang{display:flex;gap:2px;font-size:9.5px;font-weight:600}.hero-demo .pt-lang span{padding:3px 6px;border-radius:5px;color:#aeb3e6}.hero-demo .pt-lang span.on{background:#2a2e86;color:#fff}.hero-demo .pt-who{text-align:right;line-height:12px}.hero-demo .pt-who small{display:block;font-size:8px;letter-spacing:.06em;color:#c7cbf0;text-transform:uppercase}.hero-demo .pt-who b{font-size:10px;font-weight:600}.hero-demo .pt-btn{font-size:9.5px;font-weight:600;border:1px solid rgba(255,255,255,.55);border-radius:7px;padding:4px 8px;white-space:nowrap}.hero-demo .pt-tabs{display:flex;gap:18px;padding:0 16px;height:32px;align-items:flex-end;font-size:11.5px;font-weight:600}.hero-demo .pt-tabs span{padding-bottom:7px;color:#aeb3e6;border-bottom:2px solid transparent}.hero-demo .pt-tabs span.on{color:#fff;border-bottom-color:#fff}.hero-demo .pt-body{position:absolute;left:0;right:0;top:80px;bottom:0;background:#f4f5f6}.hero-demo .pt-f{position:absolute;left:12px;right:12px;top:12px;display:flex;gap:6px}.hero-demo .pt-f span{height:28px;border:1px solid #e1e4e8;background:#fff;border-radius:7px;display:flex;align-items:center;padding:0 10px;font-size:10.5px;color:#3b4350}.hero-demo .pt-f span.grow{flex:0 0 230px}.hero-demo .pk{position:absolute;left:12px;right:12px;top:50px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hero-demo .pk div{background:#fff;border:1px solid #e6e8eb;border-radius:10px;padding:8px 11px;height:56px}.hero-demo .pk span{display:block;font-size:8.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#6b7280}.hero-demo .pk b{display:block;font-size:17px;font-weight:600;color:#1a1c1e;margin-top:4px}.hero-demo .pt-tbl{position:absolute;left:12px;right:12px;top:118px;background:#fff;border:1px solid #e6e8eb;border-radius:10px;overflow:hidden}.hero-demo .pth,.hero-demo .ptr{display:grid;grid-template-columns:40px 72px 36px 58px 70px 64px minmax(0,1fr) 70px;gap:8px;align-items:center;padding:0 12px}.hero-demo .pth{height:30px;border-bottom:1px solid #eceef1;font-size:8.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#6b7280}.hero-demo .ptr{height:40px;border-bottom:1px solid #f0f2f5;font-size:10.5px;color:#1a1c1e;opacity:0;transform:translateY(6px);transition:opacity .45s,transform .45s,background .3s}.hero-demo .ptr.on{opacity:1;transform:none}.hero-demo .ptr.hover{background:#f3f4ff}.hero-demo .ptr .id{font-family:Geist Mono,ui-monospace,monospace;font-weight:500}.hero-demo .pbar{display:flex;align-items:center;gap:6px}.hero-demo .pbar i{flex:1;max-width:96px;height:5px;border-radius:3px;background:#e6e8f5;position:relative;overflow:hidden}.hero-demo .pbar i em{position:absolute;left:0;top:0;bottom:0;background:#2326a8;border-radius:3px;transition:width .9s ease}.hero-demo .pbar span{font-size:9.5px;color:#3a3fb8}.hero-demo .pst{font-size:9px;font-weight:500;border-radius:999px;padding:2px 7px;justify-self:start}.hero-demo .pst-a{background:#dcfce7;color:#166534}.hero-demo .pst-c{background:#e3e5ff;color:#2326a8}.hero-demo .povl{position:absolute;inset:0;background:rgba(15,23,42,.45);opacity:0;transition:opacity .4s;z-index:20;pointer-events:none}.hero-demo .povl.on{opacity:1}.hero-demo .pmod{position:absolute;left:70px;right:70px;top:24px;bottom:16px;background:#fff;border-radius:14px;box-shadow:0 30px 60px -20px rgba(2,10,20,.5);z-index:21;opacity:0;transform:translateY(18px) scale(.97);transition:opacity .45s,transform .55s cubic-bezier(.3,1.2,.5,1);overflow:hidden}.hero-demo .pmod.on{opacity:1;transform:none}.hero-demo .pm-h{height:62px;border-bottom:1px solid #eceef1;display:flex;justify-content:space-between;align-items:flex-start;padding:12px 18px}.hero-demo .pm-h b{display:block;font-size:16px;font-weight:600;color:#1a1c1e}.hero-demo .pm-h span{display:block;font-size:11px;color:#6b7280;margin-top:1px}.hero-demo .pm-h .pm-x{font-size:11px;color:#6b7280;margin-top:3px}.hero-demo .pm-body{position:absolute;left:0;right:0;top:62px;bottom:0;overflow:hidden}.hero-demo .pm-in{padding:14px 18px;transition:transform 1.1s cubic-bezier(.45,0,.2,1)}.hero-demo .pm-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px}.hero-demo .pm-g span{display:block;font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;color:#6b7280}.hero-demo .pm-g b{display:block;font-size:11px;font-weight:500;color:#1a1c1e;margin-top:2px}.hero-demo .pm-t{font-size:11.5px;font-weight:600;color:#1a1c1e;margin:18px 0 7px;display:flex;justify-content:space-between;align-items:center}.hero-demo .lnk{color:#2326a8;text-decoration:underline;border-radius:4px;transition:background .25s}.hero-demo .lnk.hot{background:#e3e5ff}.hero-demo .pm-t .lnk{font-size:10.5px;font-weight:500;padding:1px 3px}.hero-demo .stb{border:1px solid #e6e8eb;border-radius:6px;overflow:hidden;font-size:10.5px;color:#1a1c1e}.hero-demo .stb-r{display:grid;grid-template-columns:minmax(0,1fr) 86px 70px 86px;border-bottom:1px solid #eceef1}.hero-demo .stb-r:last-child{border-bottom:0}.hero-demo .stb-r span{padding:5px 8px;text-align:right;border-left:1px solid #eceef1}.hero-demo .stb-r span:first-child{text-align:left;border-left:0}.hero-demo .stb-r.h{background:#fafafb;color:#5f6773;font-size:9.5px}.hero-demo .stb-r.gt{background:#eef0ff;font-weight:600}.hero-demo .dtb{border:1px solid #e6e8eb;border-radius:6px;overflow:hidden;font-size:10.5px;color:#1a1c1e}.hero-demo .dt-r{display:grid;grid-template-columns:150px minmax(0,1fr);border-bottom:1px solid #eceef1}.hero-demo .dt-r:last-child{border-bottom:0}.hero-demo .dt-r>div{padding:6px 8px}.hero-demo .dt-r>div+div{border-left:1px solid #eceef1}.hero-demo .dt-r.h{background:#fafafb;color:#5f6773;font-size:9.5px}.hero-demo .dt-r small{display:block;font-size:9px;color:#8a929d}.hero-demo .dt-r .lnk{display:inline-block;font-size:10.5px;line-height:15px;padding:0 2px}.hero-demo .login{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#f4f5f6;z-index:25;transition:opacity .5s,visibility 0s}.hero-demo .login.off{opacity:0;visibility:hidden;transition:opacity .5s,visibility 0s .5s}.hero-demo .lcard{width:300px;background:#fff;border:1px solid #e6e9ee;border-radius:14px;padding:22px;box-shadow:0 14px 30px -18px rgba(11,36,59,.35)}.hero-demo .lt{font-size:16px;font-weight:700;color:#0d0f5e;margin-top:12px}.hero-demo .ls{font-size:11px;color:#6b7280;margin-top:3px}.hero-demo .lf{margin-top:14px}.hero-demo .lf label{display:block;font-size:10px;font-weight:600;color:#3b4350;margin-bottom:4px}.hero-demo .lf div{height:34px;border:1px solid #d6dbe1;border-radius:8px;padding:0 10px;display:flex;align-items:center;font-size:11.5px;color:#1a1c1e}.hero-demo .typed{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;max-width:0}.hero-demo .login.typing .typed{animation:type .9s steps(18) .25s forwards}.hero-demo .caret{display:inline-block;width:1px;height:14px;background:#0b243b;margin-left:1px;animation:blink 1s infinite}.hero-demo .dots{opacity:0;letter-spacing:2px}.hero-demo .login.typing .dots{animation:fadein .2s 1.15s forwards}.hero-demo .lbtn{margin-top:16px;height:36px;border-radius:9px;background:#0d0f5e;color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center}.hero-demo .login.typing .lbtn{animation:press .3s 1.45s}@media (max-width:560px){.hero-sec{padding:36px 16px 40px!important;gap:32px!important}.setup-g{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}}.hero-demo .m-demo{display:none;position:relative;height:470px;border-radius:16px;overflow:hidden;background:#f4f6f9;box-shadow:0 0 0 1px #e1e5ea,0 16px 34px -20px rgba(11,36,59,.45);font-family:Inter,system-ui,sans-serif;color:#1a1c1e}@media (max-width:600px){.hero-demo .fit{display:none}.hero-demo .m-demo{display:block}}.hero-demo .m-scr{position:absolute;inset:0;transition:opacity .5s,visibility 0s}.hero-demo .m-scr.off{opacity:0;visibility:hidden;transition:opacity .5s,visibility 0s .5s}.hero-demo .m-bar{height:44px;background:#0b243b;color:#fff;display:flex;align-items:center;gap:10px;padding:0 14px;font-size:14px}.hero-demo .m-bar b{flex:1;font-weight:600}.hero-demo .m-pad{padding:16px 14px}.hero-demo .m-steps{display:flex;align-items:center;gap:6px}.hero-demo .m-dot{flex:1;height:5px;border-radius:3px;background:#e1e5ea;transition:background .5s}.hero-demo .m-dot.done{background:#2563eb}.hero-demo .m-dot.won{background:#16a34a}.hero-demo .m-stage{display:flex;justify-content:space-between;align-items:baseline;margin-top:12px;gap:8px}.hero-demo .m-stage>span:first-child{font-size:17px;font-weight:700;color:#0b243b}.hero-demo .m-stage .fa{animation:mIn .4s ease}.hero-demo .m-stage .fb{animation:mIn2 .4s ease}.hero-demo .m-pct{font-size:12px;color:#5f6773}.hero-demo .m-dwrap{position:relative;margin-top:12px}.hero-demo .m-deal{background:#fff;border:1.5px solid #e1e5ea;border-radius:12px;padding:12px 14px;box-shadow:0 1px 2px rgba(16,24,40,.06);position:relative;transition:transform .45s cubic-bezier(.4,0,.2,1),box-shadow .35s,border-color .35s}.hero-demo .m-deal.lift{transform:translateX(12px) rotate(1.5deg) scale(1.02);box-shadow:0 18px 30px -12px rgba(11,36,59,.35);border-color:#93b4f5}.hero-demo .m-deal.won{border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.14);animation:wonpop .6s cubic-bezier(.3,1.5,.5,1)}.hero-demo .m-deal.won .c-won{opacity:1;transform:none}.hero-demo .m-deal.won .c-id{opacity:0}.hero-demo .m-deal .c-id{font-size:11px}.hero-demo .m-deal .c-pill{font-size:10.5px}.hero-demo .m-deal .c-date{font-size:11.5px}.hero-demo .m-deal .c-own{width:24px;height:24px;font-size:10px}.hero-demo .m-deal .c-won{font-size:11px;top:10px;right:10px;padding:2px 8px 2px 6px}.hero-demo .m-name{font-size:15px;font-weight:700}.hero-demo .m-prod{font-size:13.5px;color:#2563eb;margin-top:7px}.hero-demo .m-val{font-size:14px;font-weight:600}.hero-demo .m-conf{position:absolute;left:50%;top:40%;width:0;height:0;pointer-events:none;z-index:5}.hero-demo .m-conf.go .pc{animation:confetti 1.7s cubic-bezier(.15,.7,.3,1) forwards}.hero-demo .m-other{margin-top:16px;display:flex;flex-direction:column;gap:8px}.hero-demo .m-mini{background:#fff;border:1px solid #e6e9ee;border-radius:10px;padding:10px 12px;display:flex;justify-content:space-between;gap:10px;font-size:13px;color:#3b4350}.hero-demo .m-mini span{color:#6b7280;font-size:12.5px;text-align:right}.hero-demo .m-toast{position:absolute;left:12px;right:12px;bottom:12px;background:#0b243b;color:#fff;border-radius:12px;padding:12px 14px;font-size:13.5px;line-height:1.45;transition:opacity .5s,transform .6s cubic-bezier(.3,1.3,.5,1)}.hero-demo .m-toast.off{opacity:0;transform:translateY(30px)}.hero-demo .m-toast.on{transition-delay:1.1s}.hero-demo .m-view{position:absolute;left:0;right:0;top:44px;bottom:0;padding:14px;transition:transform .55s cubic-bezier(.4,0,.2,1),opacity .45s}.hero-demo .m-view.offl{transform:translateX(-25%);opacity:0;pointer-events:none}.hero-demo .m-view.offr{transform:translateX(100%);opacity:0;pointer-events:none}.hero-demo .m-kp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hero-demo .m-kp div{background:#fff;border:1px solid #e6e9ee;border-radius:10px;padding:8px 10px}.hero-demo .m-kp span{display:block;font-size:11px;color:#5f6773}.hero-demo .m-kp b{font-size:19px;font-weight:700}.hero-demo .m-kp b.red{color:#dc2626}.hero-demo .m-or{margin-top:8px;background:#fff;border:1px solid #e6e9ee;border-radius:10px;padding:10px 12px;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s,background .3s,border-color .3s}.hero-demo .m-or.on{opacity:1;transform:none}.hero-demo .m-or.new{background:#fffbeb}.hero-demo .m-or.hover{background:#eef4ff;border-color:#93b4f5}.hero-demo .m-or1{display:flex;align-items:center;gap:8px;font-size:13.5px;margin-bottom:8px}.hero-demo .m-or1 b{font-weight:600}.hero-demo .m-dcomp span,.hero-demo .m-or .cbar span{font-size:12px;width:36px}.hero-demo .m-dh{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:15px}.hero-demo .m-dh b{font-weight:700}.hero-demo .m-dcomp{margin-top:10px}.hero-demo .m-dcomp i{height:8px}.hero-demo .m-sec2{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#5f6773;margin:16px 0 4px}.hero-demo .m-tk{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 4px;border-bottom:1px solid #eceef1;transition:background .8s}.hero-demo .m-tk.flash{background:#f0fdf4;transition:background .1s}.hero-demo .m-tk1{min-width:0;font-size:13px}.hero-demo .m-tk1 span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-demo .m-tk1 small{display:block;font-size:11px;color:#6b7280}.hero-demo .m-tk .ts{font-size:10.5px}.hero-demo .m-pband{background:#0d0f5e;color:#fff;padding:14px 16px 0}.hero-demo .m-pband b{display:block;font-size:15px}.hero-demo .m-pband>span{display:block;font-size:12px;color:#c7cbf0}.hero-demo .m-ptabs{display:flex;gap:18px;margin-top:12px;font-size:13.5px;font-weight:600}.hero-demo .m-ptabs span{padding-bottom:8px;color:#aeb3e6;border-bottom:2px solid transparent}.hero-demo .m-ptabs span.on{color:#fff;border-bottom-color:#fff}.hero-demo .m-plist{padding:12px 14px;display:flex;flex-direction:column;gap:8px}.hero-demo .m-pr{background:#fff;border:1px solid #e6e8eb;border-radius:10px;padding:10px 12px;opacity:0;transform:translateY(6px);transition:opacity .45s,transform .45s,background .3s,border-color .3s}.hero-demo .m-pr.on{opacity:1;transform:none}.hero-demo .m-pr.hover{background:#f3f4ff;border-color:#c7cbf0}.hero-demo .m-pr1{display:flex;align-items:center;gap:10px;font-size:13.5px;margin-bottom:8px}.hero-demo .m-pr1 span:nth-child(2){flex:1;color:#3b4350}.hero-demo .m-pr .pbar i{max-width:none;height:6px}.hero-demo .m-pr .pbar span{font-size:12px}.hero-demo .m-pr .pst{font-size:11px}.hero-demo .m-povl{position:absolute;inset:0;background:rgba(15,23,42,.45);opacity:0;transition:opacity .4s;z-index:20;pointer-events:none}.hero-demo .m-povl.on{opacity:1}.hero-demo .m-sheet{position:absolute;left:12px;right:12px;top:40px;bottom:14px;background:#fff;border-radius:16px;z-index:21;padding:14px 16px;box-shadow:0 30px 60px -20px rgba(2,10,20,.5);opacity:0;transform:translateY(16px) scale(.97);transition:opacity .45s,transform .55s cubic-bezier(.3,1.2,.5,1);overflow:hidden}.hero-demo .m-sheet.on{opacity:1;transform:none}.hero-demo .m-shh{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:10px;border-bottom:1px solid #eceef1}.hero-demo .m-shh b{display:block;font-size:18px;font-weight:600}.hero-demo .m-shh span{font-size:12.5px;color:#6b7280}.hero-demo .m-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.hero-demo .m-g2 span{display:block;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#6b7280}.hero-demo .m-g2 b{font-size:13.5px;font-weight:500}.hero-demo .m-sheet .pm-t{font-size:13.5px}.hero-demo .m-sheet .pm-t .lnk{font-size:12.5px}.hero-demo .m-files>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #eceef1;font-size:13px}.hero-demo .m-files small{display:block;font-size:11px;color:#8a929d}.hero-demo .m-files .lnk{font-size:12px;text-align:right;word-break:break-all}@keyframes mIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes mIn2{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes wonpop{0%{transform:scale(1)}45%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes cele{0%{background:#fff}25%{background:#f0fdf4}to{background:#fff}}@keyframes halo{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(2.4)}}@keyframes confetti{0%{opacity:0;transform:translate(0) rotate(0deg) scale(.4)}8%{opacity:1}45%{opacity:1;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(1)}to{opacity:0;transform:translate(var(--x2),var(--y2)) rotate(var(--r2)) scale(.85)}}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes fillbar{0%{width:0}to{width:100%}}@keyframes type{to{max-width:180px}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes fadein{to{opacity:1}}@keyframes press{50%{transform:scale(.96);background:#13314d}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.hero-demo .typed{max-width:none}.hero-demo .dots{opacity:1}}.hero-demo .menu-btn{display:none;width:44px;height:44px;border:1px solid #e1e5ea;border-radius:10px;background:#fff;align-items:center;justify-content:center;color:#0b243b;cursor:pointer;padding:0}.hero-demo .menu-btn:focus-visible{outline:2px solid #0b243b;outline-offset:2px}.hero-demo .mnav{display:flex;flex-direction:column;padding:4px 16px 16px;border-top:1px solid #e8eaed;background:#fff}.hero-demo .mnav a{padding:14px 4px;font-size:16px;font-weight:500;color:#1a1c1e;text-decoration:none;border-bottom:1px solid #f1f3f5}@media (max-width:760px){.menu-btn{display:inline-flex}.hdr-login{display:none}.hdr-r{gap:8px!important}}@media (min-width:761px){.mnav{display:none}}@media (max-width:420px){.hdr-in{padding:0 16px!important}.hdr-start{padding:10px 12px!important;font-size:13px!important}.hdr-logo{height:22px!important}}