.win-co,.v-co{--co-green: var(--product-cloud-overture);--co-green-dark: #1e7a54;--co-green-ink: #155a3e;--co-green-wash: #f0fbf5;--co-green-edge: #a8e4c8;--co-green-tint: #d8f3e8;--co-ink: #18181a;--co-ink-2: #38383c;--co-muted: #6b6b70;--co-line: #ececef;--co-blue: #1a52b8;--co-blue-tint: #d6e8ff;--co-amber: #92400e;--co-amber-mark: #a85d00;--co-amber-tint: #fef0d6;--co-teal: #0a7b6c;--co-teal-mark: #0c7a6e;--co-teal-tint: #dff5f2}[data-anim].is-off,[data-anim].is-off *{animation-play-state:paused!important}.hero-stack{grid-column:7 / span 6;position:relative;min-height:560px}.hero-seal{position:absolute;right:-20px;top:-44px;z-index:4;width:104px;height:104px;color:var(--on-brand);filter:drop-shadow(0 6px 12px rgba(0,0,0,.35))}.hero-seal svg{width:100%;height:100%}.js .hero-seal{opacity:0;transform:scale(.8) rotate(-12deg);animation:seal-in 1s .9s var(--ease-out) forwards}@keyframes seal-in{to{opacity:1;transform:none}}.win{position:absolute;background:var(--surface-raised);color:var(--ink);border-radius:var(--radius-md);box-shadow:var(--shadow-window);font-size:12px;line-height:16px;overflow:hidden;transform:var(--rot, none)}.js .win{opacity:0;animation:win-in .9s var(--ease-out) forwards;animation-delay:var(--d, 0s)}@keyframes win-in{0%{opacity:0;transform:translateY(40px) var(--rot, rotate(0deg))}to{opacity:1;transform:var(--rot, none)}}.win-bar{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f4f4f6;border-bottom:1px solid #e4e4e7;font-weight:600;font-size:12px;color:#505055}.win-bar .dot{width:8px;height:8px;border-radius:50%;background:#d6d6da}.win-bar .dot:first-child{margin-left:2px}.win-bar .title{margin-left:6px}.win-bar .app{margin-left:auto;font-weight:500;color:#6b6b70}.win-body{padding:12px}.win-co{--rot: rotate(1.5deg);--d: .35s;width:350px;right:8px;top:236px;z-index:3}.co-head{display:flex;align-items:center;gap:10px}.co-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:6px;background:var(--co-green-tint);color:var(--co-green-dark)}.co-name{font-weight:600;font-size:13px;color:var(--co-ink)}.co-sub{color:var(--co-muted);font-size:11px}.co-amt{margin-left:auto;font-weight:600;font-size:15px;font-variant-numeric:tabular-nums}.co-chip-slot{position:relative;height:20px;margin-top:10px}.co-chip{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;opacity:0}.co-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.co-chip-sent{background:var(--co-blue-tint);color:var(--co-blue);animation:co-chip-1 10s infinite}.co-chip-due{background:var(--co-amber-tint);color:var(--co-amber);animation:co-chip-2 10s infinite}.co-chip-paid{background:var(--co-teal-tint);color:var(--co-teal);animation:co-chip-3 10s infinite}@keyframes co-chip-1{0%,3%{opacity:0;transform:translateY(4px)}7%,35%{opacity:1;transform:none}38%,to{opacity:0}}@keyframes co-chip-2{0%,36%{opacity:0;transform:translateY(4px)}40%,63%{opacity:1;transform:none}66%,to{opacity:0}}@keyframes co-chip-3{0%,64%{opacity:0;transform:translateY(4px)}68%,97%{opacity:1;transform:none}to{opacity:0}}.co-steps{list-style:none;margin:12px 0 0;padding:0;border-top:1px solid var(--co-line)}.co-step{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--co-line);color:var(--co-muted);opacity:.45}.co-step .mark{display:grid;place-items:center;flex:0 0 16px;width:16px;height:16px;border-radius:50%;border:1.5px solid #c8c8cc;color:#fff}.co-step .mark svg{opacity:0}.co-step .t{font-weight:600;color:var(--co-ink-2)}.co-step .m{margin-left:auto;font-size:11px}.co-step-1{animation:co-step-on-1 10s infinite}.co-step-2{animation:co-step-on-2 10s infinite}.co-step-3{animation:co-step-on-3 10s infinite}.co-step-1 .mark{animation:co-mark-on-1 10s infinite}.co-step-2 .mark{animation:co-mark-on-2 10s infinite}.co-step-3 .mark{animation:co-mark-on-3 10s infinite}.co-step-1 .mark svg{animation:co-tick-1 10s infinite}.co-step-2 .mark svg{animation:co-tick-2 10s infinite}.co-step-3 .mark svg{animation:co-tick-3 10s infinite}@keyframes co-step-on-1{0%,4%{opacity:.45}8%,97%{opacity:1}to{opacity:.45}}@keyframes co-step-on-2{0%,37%{opacity:.45}41%,97%{opacity:1}to{opacity:.45}}@keyframes co-step-on-3{0%,65%{opacity:.45}69%,97%{opacity:1}to{opacity:.45}}@keyframes co-mark-on-1{0%,4%{background:transparent;border-color:#c8c8cc}8%,97%{background:var(--co-green-dark);border-color:var(--co-green-dark)}to{background:transparent}}@keyframes co-mark-on-2{0%,37%{background:transparent;border-color:#c8c8cc}41%,97%{background:var(--co-amber-mark);border-color:var(--co-amber-mark)}to{background:transparent}}@keyframes co-mark-on-3{0%,65%{background:transparent;border-color:#c8c8cc}69%,97%{background:var(--co-teal-mark);border-color:var(--co-teal-mark)}to{background:transparent}}@keyframes co-tick-1{0%,4%{opacity:0}8%,97%{opacity:1}to{opacity:0}}@keyframes co-tick-2{0%,37%{opacity:0}41%,97%{opacity:1}to{opacity:0}}@keyframes co-tick-3{0%,65%{opacity:0}69%,97%{opacity:1}to{opacity:0}}.co-ai{display:flex;align-items:center;gap:8px;margin-top:10px;padding:7px 10px;border-radius:6px;background:var(--co-green-wash);border:1px solid var(--co-green-edge);color:var(--co-green-ink);font-size:11px;opacity:0;animation:co-ai 10s infinite}.co-ai b{font-weight:600}.co-ai .act{margin-left:auto;padding:2px 8px;border-radius:4px;background:var(--co-green);color:var(--co-ink);font-weight:600;white-space:nowrap}@keyframes co-ai{0%,44%{opacity:0;transform:translateY(6px)}49%,64%{opacity:1;transform:none}67%,to{opacity:0}}.win-wt{--rot: rotate(-2deg);--d: .55s;width:300px;left:-28px;top:104px;z-index:2}.wt-crumb{font-size:11px;color:var(--ink-muted)}.wt-crumb b{color:var(--ink);font-weight:600}.wt-head{display:flex;align-items:center;gap:10px;margin-top:8px}.wt-av{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--brand);color:var(--on-brand);font-weight:600;font-size:11px}.wt-name{font-weight:600;font-size:13px}.wt-co{color:var(--ink-muted);font-size:11px}.wt-fields{margin:10px 0 0;padding:0;list-style:none}.wt-fields li{display:grid;grid-template-columns:86px 1fr;gap:8px;padding:5px 0;border-top:1px solid var(--co-line, #ececef)}.wt-fields .k{color:var(--ink-muted);font-size:11px}.wt-fields .v{font-weight:500}.wt-custom .k{color:var(--accent)}.wt-custom .tag-mini{display:inline-block;margin-left:4px;padding:0 5px;border-radius:3px;background:var(--accent-tint);color:var(--accent);font-size:9px;font-weight:600;line-height:14px;vertical-align:1px}.wt-type{display:inline-block;min-height:16px}.js .wt-type:not(.done):after{content:"";display:inline-block;width:1px;height:12px;margin-left:1px;background:var(--brand);vertical-align:-2px;animation:blink 1s steps(2) infinite}@keyframes blink{to{opacity:0}}.wt-act{margin:10px 0 0;padding:8px 0 0;border-top:1px solid #ececef}.wt-act .h{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.wt-act ul{list-style:none;margin:4px 0 0;padding:0}.wt-act li{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:11px}.wt-act li .ic{display:grid;place-items:center;flex:0 0 16px;width:16px;height:16px;border-radius:4px;background:var(--brand-tint);color:var(--brand)}.wt-act li .w{margin-left:auto;color:#6b6b70}.wt-act li.new{margin:2px -6px 0;padding:4px 6px;border-radius:4px;background:var(--accent-tint)}.js .wt-act li.new{opacity:0;transform:translate(-10px);transition:opacity .4s,transform .4s}.js .wt-act li.new.show{opacity:1;transform:none}.wt-act li.new .ic{background:var(--surface-raised);color:var(--accent)}.win-gs{--rot: rotate(2.5deg);--d: .75s;width:296px;right:0;top:16px;z-index:1;background:var(--screen);color:var(--phosphor);font-family:var(--font-mono);font-size:10.5px;line-height:15px}.win-gs .win-bar{background:#10231a;border-color:#1c3a2b;color:#9be3b8}.win-gs .win-bar .app{color:var(--phosphor-dim)}.win-gs .win-bar .dot{background:#2a4d3a}.win-gs .win-body{margin:0;font:inherit;padding:10px 12px 12px;white-space:pre;text-shadow:0 0 6px rgba(95,227,154,.35)}.gs-dim{color:var(--phosphor-dim)}.gs-hi{color:#c7ffd9}.gs-cmd{display:inline-block;overflow:hidden;vertical-align:bottom;white-space:nowrap;width:9ch;animation:gs-type-9 10s steps(9,end) infinite}@keyframes gs-type-9{0%,12%{width:0}38%,to{width:9ch}}.gs-cur{display:inline-block;width:7px;height:13px;background:var(--phosphor);vertical-align:-2px;animation:blink 1s steps(2) infinite}.gs-out{display:block;opacity:0;animation:gs-out 10s infinite}@keyframes gs-out{0%,46%{opacity:0}50%,96%{opacity:1}to{opacity:0}}@media(max-width:1024px){.hero-stack{transform:scale(.86);transform-origin:top right}}@media(max-width:768px){.hero-stack{grid-column:1 / -1;width:100%;max-width:560px;min-height:540px;margin-top:var(--space-6);justify-self:center;transform:none}.hero-seal{top:-28px;right:0;width:84px;height:84px}.win-wt{left:0}}@media(max-width:599px){.hero-stack{min-height:0;margin-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.hero-seal{position:static;order:-1;width:72px;height:72px;margin-bottom:var(--space-2)}.win{position:static;width:100%;--rot: none}.win-gs{order:3}}.vig{position:relative;height:168px;background-color:var(--surface);background-image:radial-gradient(color-mix(in srgb,var(--brand) 12%,transparent) 1px,transparent 1.2px);background-size:16px 16px;border-bottom:1px solid var(--line);overflow:hidden;font-size:11px;line-height:14px}.v-co-app{position:absolute;inset:14px 0;width:min(100% - 28px,420px);margin-inline:auto;display:grid;grid-template-columns:78px 1fr;background:#fff;border:1px solid #e4e4e7;border-radius:6px;overflow:hidden}.v-co-side{padding:8px 0;background:#f9f9fa;border-right:1px solid #e4e4e7}.v-co-side div{position:relative;padding:5px 10px;color:var(--co-muted);font-weight:500}.v-co-side div:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:0 2px 2px 0;background:var(--co-green);opacity:0}.v-co-side .s1{animation:v-co-side 9s infinite}.v-co-side .s2{animation:v-co-side 9s 3s infinite}.v-co-side .s3{animation:v-co-side 9s 6s infinite}.v-co-side .s1:before{animation:v-co-bar 9s infinite}.v-co-side .s2:before{animation:v-co-bar 9s 3s infinite}.v-co-side .s3:before{animation:v-co-bar 9s 6s infinite}@keyframes v-co-side{0%,2%{color:var(--co-muted);background:transparent}5%,30%{color:var(--co-ink);background:var(--co-green-wash)}33%,to{color:var(--co-muted);background:transparent}}@keyframes v-co-bar{0%,2%{opacity:0}5%,30%{opacity:1}33%,to{opacity:0}}.v-co-main{position:relative;padding:8px 10px}.v-co-pane{position:absolute;inset:8px 10px;opacity:0}.v-co-pane.p1{animation:v-co-pane 9s infinite}.v-co-pane.p2{animation:v-co-pane 9s 3s infinite}.v-co-pane.p3{animation:v-co-pane 9s 6s infinite}@keyframes v-co-pane{0%,2%{opacity:0;transform:translateY(5px)}5%,30%{opacity:1;transform:none}33%,to{opacity:0;transform:translateY(-4px)}}.v-co-pane .h{font-weight:600;font-size:11px;color:var(--co-ink)}.v-co-row{display:flex;align-items:center;gap:6px;padding:4px 0;border-top:1px solid var(--co-line);color:var(--co-ink-2);white-space:nowrap}.v-co-row:first-of-type{border-top:0}.v-co-row .who{overflow:hidden;text-overflow:ellipsis}.v-co-row .r{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--co-muted)}.v-co-row .pill{padding:0 6px;border-radius:999px;font-size:10px;font-weight:600}.pill-paid{background:var(--co-teal-tint);color:var(--co-teal)}.pill-sent{background:var(--co-blue-tint);color:var(--co-blue)}.pill-open{background:var(--co-amber-tint);color:var(--co-amber)}.v-co-ai{position:absolute;left:8px;right:8px;bottom:8px;display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:5px;background:var(--co-green-wash);border:1px solid var(--co-green-edge);color:var(--co-green-ink);font-size:10px;line-height:13px}.v-co-ai .sp{flex:0 0 12px;color:var(--co-green-dark)}.v-co-ai .txt{position:relative;flex:1;height:13px;overflow:hidden}.v-co-ai .txt span{position:absolute;left:0;top:0;white-space:nowrap;opacity:0}.v-co-ai .txt .a1{animation:v-co-ai 9s 1s infinite}.v-co-ai .txt .a2{animation:v-co-ai 9s 4s infinite}.v-co-ai .txt .a3{animation:v-co-ai 9s 7s infinite}@keyframes v-co-ai{0%{opacity:0;transform:translateY(4px)}4%,22%{opacity:1;transform:none}26%,to{opacity:0}}.v-wt-stage{position:absolute;inset:0;max-width:380px;margin-inline:auto}.v-wt-svg{position:absolute;inset:0;width:100%;height:100%}.v-wt-line{fill:none;stroke:#b9c4d3;stroke-width:1.2}.v-wt-pulse{fill:var(--accent)}.v-wt-pulse.p1{offset-path:path("M 44 36 L 118 84");animation:v-wt-move 8s 0s infinite}.v-wt-pulse.p2{offset-path:path("M 44 132 L 118 84");animation:v-wt-move 8s 2s infinite}.v-wt-pulse.p3{offset-path:path("M 300 36 L 226 84");animation:v-wt-move 8s 4s infinite}.v-wt-pulse.p4{offset-path:path("M 300 132 L 226 84");animation:v-wt-move 8s 6s infinite}@keyframes v-wt-move{0%{offset-distance:0%;opacity:0}4%{opacity:1}18%{offset-distance:100%;opacity:1}22%,to{offset-distance:100%;opacity:0}}.v-wt-sys{position:absolute;width:66px;padding:5px 0;text-align:center;background:#fff;border:1px solid var(--line);border-radius:5px;font-weight:600;font-size:10px;color:var(--ink-muted)}.v-wt-sys.s1{left:12px;top:24px}.v-wt-sys.s2{left:12px;top:120px}.v-wt-sys.s3{right:12px;top:24px}.v-wt-sys.s4{right:12px;top:120px}.v-wt-app{position:absolute;left:50%;top:50%;width:120px;padding:7px 8px;transform:translate(-50%,-50%);background:#fff;border:1px solid var(--brand);border-radius:6px;box-shadow:0 6px 16px -8px #1f3a5f66}.v-wt-app .t{display:flex;align-items:center;gap:6px;font-weight:600;font-size:11px;color:var(--ink)}.v-wt-app .av{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--brand);color:var(--on-brand);font-size:8px}.v-wt-app ul{list-style:none;margin:5px 0 0;padding:0;font-size:10px;line-height:13px}.v-wt-app li{display:flex;justify-content:space-between;gap:6px;padding:1px 2px;border-radius:2px;color:var(--ink-muted)}.v-wt-app li b{color:var(--ink);font-weight:600}.v-wt-app li.f1{animation:v-wt-fill 8s 1.4s infinite}.v-wt-app li.f2{animation:v-wt-fill 8s 3.4s infinite}.v-wt-app li.f3{animation:v-wt-fill 8s 5.4s infinite}.v-wt-app li.f4{animation:v-wt-fill 8s 7.4s infinite}@keyframes v-wt-fill{0%{background:transparent}3%,12%{background:var(--accent-tint)}18%,to{background:transparent}}.v-ca{position:absolute;top:0;bottom:0;left:max(0px,50% - 172px);width:344px}.v-ca-belt{position:absolute;left:0;right:0;top:104px;height:2px;background:var(--line);overflow:hidden}.v-ca-belt:after{content:"";position:absolute;inset:0 0 0 -16px;background:repeating-linear-gradient(90deg,var(--brand) 0 8px,transparent 8px 16px);opacity:.35;animation:v-ca-belt 1.2s linear infinite}@keyframes v-ca-belt{to{transform:translate(16px)}}.v-ca-part{position:absolute;top:72px;left:-40px;display:grid;place-items:center;width:34px;height:28px;background:#fff;border:1px solid var(--line);border-radius:4px;color:var(--brand);font-size:8px;font-weight:600;line-height:1;text-align:center;opacity:0;animation:v-ca-part 10s linear infinite;animation-delay:var(--pd, 0s)}.v-ca-part svg{width:16px;height:16px}.v-ca-part--ai{color:var(--accent)}@keyframes v-ca-part{0%{transform:translate(0);opacity:0}3%{opacity:1}30%{transform:translate(142px);opacity:1}34%,to{transform:translate(150px);opacity:0}}.v-ca-box{position:absolute;left:118px;top:50px;display:grid;place-items:center;width:74px;height:76px;background:var(--brand);border-radius:6px;color:var(--on-brand);font-size:10px;font-weight:600;letter-spacing:.04em;box-shadow:0 8px 18px -8px #1f3a5f99}.v-ca-box:before,.v-ca-box:after{content:"";position:absolute;left:12px;right:12px;height:3px;border-radius:2px;background:var(--accent-on-navy);opacity:.9;transform-origin:left}.v-ca-box:before{top:12px;animation:v-ca-work 1.6s ease-in-out infinite}.v-ca-box:after{bottom:12px;animation:v-ca-work 1.6s .8s ease-in-out infinite}@keyframes v-ca-work{0%,to{transform:scaleX(.3)}50%{transform:scaleX(1)}}.v-ca-out{position:absolute;left:212px;top:44px;width:88px;height:86px;background:#fff;border:1px solid var(--brand);border-radius:6px;box-shadow:0 10px 20px -10px #1f3a5f80;overflow:hidden;opacity:0;animation:v-ca-out 10s infinite}@keyframes v-ca-out{0%,44%{opacity:0;transform:translate(-20px) scale(.9)}52%,92%{opacity:1;transform:none}97%,to{opacity:0;transform:translate(14px)}}.v-ca-out .bar{height:10px;background:var(--brand)}.v-ca-out .ln{height:5px;margin:7px 8px 0;border-radius:2px;background:var(--brand-tint)}.v-ca-out .ln.s{width:40%}.v-ca-out .btn-mini{width:40px;height:12px;margin:8px 8px 0;border-radius:3px;background:var(--accent)}.v-ca-out .lbl{position:absolute;left:8px;bottom:6px;font-size:9px;font-weight:600;color:var(--ink)}.v-ca-cap{position:absolute;left:14px;right:14px;bottom:10px;font-size:10px;color:var(--ink-muted)}.mini-gs{margin:0;padding:12px 14px;background:var(--screen);color:var(--phosphor);font-family:var(--font-mono);font-size:11px;line-height:16px;white-space:pre;text-shadow:0 0 6px rgba(95,227,154,.3);overflow:hidden}.mini-gs .gs-cmd{width:10ch;animation:gs-type-10 8s steps(10,end) infinite}@keyframes gs-type-10{0%,10%{width:0}40%,to{width:10ch}}.mini-gs .gs-out{animation-duration:8s}.mini-qv{padding:12px 14px;background:var(--surface);border-bottom:1px solid var(--line);font-size:11px;line-height:14px}.mini-qv .q{font-family:var(--font-mono);font-size:10.5px;color:var(--brand)}.mini-qv table{width:100%;margin-top:8px;border-collapse:collapse;background:#fff;border:1px solid var(--line)}.mini-qv th{padding:3px 6px;border-bottom:1px solid var(--line);background:#faf8f3;text-align:left;font-weight:600;font-size:10px;letter-spacing:.04em;color:var(--ink-muted)}.mini-qv td{padding:3px 6px;border-top:1px solid #efe9dc;font-variant-numeric:tabular-nums}.mini-qv tr.r1 td{animation:qv-row 8s .6s infinite both}.mini-qv tr.r2 td{animation:qv-row 8s 1s infinite both}.mini-qv tr.r3 td{animation:qv-row 8s 1.4s infinite both}@keyframes qv-row{0%{opacity:0}5%,90%{opacity:1}95%,to{opacity:0}}.mini-qv .n{margin-top:4px;font-size:10px;color:var(--ink-muted)}@media(prefers-reduced-motion:reduce){.js .win,.js .hero-seal{opacity:1}.js .hero-seal{transform:none}.co-chip-paid{opacity:1}.co-chip-sent,.co-chip-due{opacity:0}.co-step{opacity:1}.co-step-1 .mark{background:var(--co-green-dark);border-color:var(--co-green-dark)}.co-step-2 .mark{background:var(--co-amber-mark);border-color:var(--co-amber-mark)}.co-step-3 .mark{background:var(--co-teal-mark);border-color:var(--co-teal-mark)}.co-step .mark svg{opacity:1}.co-ai{display:none}.js .wt-type:after,.gs-cur{display:none}.js .wt-act li.new{opacity:1;transform:none}.gs-cmd{width:9ch}.mini-gs .gs-cmd{width:10ch}.gs-out{opacity:1}.v-co-side .s1{color:var(--co-ink);background:var(--co-green-wash)}.v-co-side .s1:before{opacity:1}.v-co-pane.p1,.v-co-ai .txt .a1{opacity:1}.v-wt-pulse{display:none}.v-ca-part,.v-ca-belt:after{display:none}.v-ca-out{opacity:1}.v-ca-box:before,.v-ca-box:after{transform:none}.mini-qv td{opacity:1}}