.product-demo{--demo-accent:#52525b;--demo-accent-soft:#f4f4f5;--demo-line:#e4e4e7;--demo-ink:#18181b;--demo-muted:#71717a;overflow:hidden;border:1px solid var(--demo-line);border-radius:18px;background:#fff;color:var(--demo-ink);box-shadow:0 18px 50px rgba(24,24,27,.1);font-family:var(--font-product,Inter,system-ui,sans-serif);font-size:12px}.product-demo--violet{--demo-accent:var(--color-accent);--demo-accent-soft:#f4efff}.product-demo--blue{--demo-accent:#2563eb;--demo-accent-soft:#eff6ff}.product-demo--green{--demo-accent:#15803d;--demo-accent-soft:#f0fdf4}.product-demo--orange{--demo-accent:#c2410c;--demo-accent-soft:#fff7ed}.product-demo--slate{--demo-accent:#3f3f46;--demo-accent-soft:#f4f4f5}.product-demo button{font-family:inherit}.product-demo button:focus-visible{outline:2px solid var(--demo-accent);outline-offset:2px}.product-demo__header,.product-demo__identity,.product-demo__identity>span:last-child,.product-demo__status{display:flex;align-items:center}.product-demo__header{min-height:58px;justify-content:space-between;gap:14px;padding:10px 14px;border-bottom:1px solid var(--demo-line);background:#fafafa}.product-demo__identity{min-width:0;gap:9px}.product-demo__identity>span:last-child{min-width:0;align-items:flex-start;flex-direction:column;gap:2px}.product-demo__identity strong{font-size:11.5px;font-weight:600}.product-demo__identity small,.product-demo__identity strong{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-demo__identity small{color:#a1a1aa;font-size:9.5px;text-transform:capitalize}.product-demo__mark,.product-demo__mini-mark{display:grid;place-items:center;flex:0 0 auto;background:#18181b;color:#fff;font-weight:600}.product-demo__mark{width:30px;height:30px;border-radius:8px;font-size:11px}.product-demo__mini-mark{width:26px;height:26px;border-radius:7px;font-size:9px}.product-demo__status{gap:7px;flex:0 0 auto;color:#52525b;font-size:9.5px;font-weight:500}.product-demo__status i{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.11)}.product-demo__body{min-height:clamp(290px,31vw,390px)}.product-demo--hero .product-demo__body{min-height:clamp(330px,34vw,430px)}.product-demo__action,.product-demo__dispatch-detail button,.product-demo__software-workspace>button{border:1px solid #18181b;border-radius:9px;background:#18181b;color:#fff;font-size:10.5px;font-weight:500;cursor:pointer}.product-demo__action:hover,.product-demo__dispatch-detail button:hover,.product-demo__software-workspace>button:hover{background:#27272a}.product-demo__agent{min-height:inherit;padding:clamp(16px,2.3vw,24px);display:grid;align-content:center;gap:12px;background:linear-gradient(180deg,#fff,#fafafa)}.product-demo__request{width:min(82%,440px);margin-left:auto;padding:13px 15px;border:1px solid var(--demo-line);border-radius:14px 14px 4px 14px;background:#fafafa}.product-demo__agent-result small,.product-demo__request span,.product-demo__source-row span{color:#a1a1aa;font-size:9px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.product-demo__agent-result p,.product-demo__request p{margin:5px 0 0;color:#3f3f46;font-size:11.5px;line-height:1.5}.product-demo__agent-result{width:min(90%,500px);padding:15px;border:1px solid var(--demo-line);border-radius:4px 14px 14px;background:#fff;box-shadow:0 8px 24px rgba(24,24,27,.06)}.product-demo__agent-result>div:first-child{display:grid;grid-template-columns:26px 1fr;column-gap:9px;align-items:center}.product-demo__agent-result>div:first-child strong{font-size:11px;font-weight:600}.product-demo__agent-result>div:first-child small{grid-column:2;text-transform:none;letter-spacing:0}.product-demo__source-row{margin-top:12px;padding-top:10px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 9px;border-top:1px solid #f4f4f5}.product-demo__source-row strong{min-width:0;overflow:hidden;color:#52525b;font-size:9.5px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.product-demo__action{justify-self:end;padding:9px 12px}.product-demo__action.is-done{border-color:#bbf7d0;background:#f0fdf4;color:#166534;cursor:default}.product-demo__workflow{min-height:inherit;padding:clamp(18px,2.5vw,26px);display:grid;align-content:center;gap:20px;background:#fff}.product-demo__activity-head,.product-demo__audit-intro,.product-demo__dispatch-head,.product-demo__workflow-copy{display:grid;gap:4px}.product-demo__activity-head>span,.product-demo__audit-intro>span,.product-demo__dispatch-head>span,.product-demo__workflow-copy>span{color:#a1a1aa;font-size:9px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.product-demo__activity-head>strong,.product-demo__audit-intro>strong,.product-demo__dispatch-head>strong,.product-demo__workflow-copy>strong{font-size:clamp(15px,1.8vw,20px);font-weight:600;letter-spacing:-.025em}.product-demo__activity-head>small,.product-demo__audit-intro>small,.product-demo__dispatch-head>small,.product-demo__workflow-copy>small{color:var(--demo-muted);font-size:10.5px}.product-demo__workflow ol{margin:0;padding:0;display:flex;align-items:center;list-style:none}.product-demo__workflow li{min-width:0;display:flex;flex:1;align-items:center}.product-demo__workflow li>i{width:clamp(12px,2vw,34px);height:1px;flex:0 1 auto;background:#d4d4d8}.product-demo__workflow li>button{min-width:0;flex:1;padding:11px 8px;display:grid;gap:3px;border:1px solid var(--demo-line);border-radius:11px;background:#fafafa;color:#52525b;text-align:left;cursor:pointer}.product-demo__workflow li>button.is-active{border-color:color-mix(in srgb,var(--demo-accent),#fff 62%);background:var(--demo-accent-soft);color:var(--demo-accent);box-shadow:0 8px 20px rgba(24,24,27,.07)}.product-demo__workflow button>span{font-family:var(--font-product);font-size:8.5px}.product-demo__workflow button>strong{overflow:hidden;font-size:9.5px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.product-demo__workflow button>small{color:#a1a1aa;font-size:8.5px}.product-demo__workflow-detail{padding:11px 13px;display:grid;grid-template-columns:auto 1fr;gap:3px 10px;border-left:2px solid var(--demo-accent);background:#fafafa}.product-demo__workflow-detail span{color:#a1a1aa;font-size:9px;text-transform:uppercase}.product-demo__workflow-detail strong{font-size:10.5px;font-weight:600}.product-demo__workflow-detail p{grid-column:2;margin:0;color:#71717a;font-size:9.5px;line-height:1.4}.product-demo__audit{min-height:inherit;padding:clamp(18px,2.5vw,26px);display:grid;align-content:center;gap:16px;background:linear-gradient(160deg,#fff 55%,var(--demo-accent-soft))}.product-demo__audit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.product-demo__audit-grid button{min-height:106px;padding:12px;display:grid;align-content:space-between;gap:8px;border:1px solid var(--demo-line);border-radius:12px;background:hsla(0,0%,100%,.86);color:#3f3f46;text-align:left;cursor:pointer}.product-demo__audit-grid button.is-active{border-color:var(--demo-accent);box-shadow:0 10px 28px rgba(24,24,27,.08)}.product-demo__audit-grid span{font-family:var(--font-product);color:#a1a1aa;font-size:9px}.product-demo__audit-grid strong{font-size:11px;font-weight:600}.product-demo__audit-grid small{color:var(--demo-accent);font-size:9px;font-weight:500}.product-demo__audit-detail{padding:11px 13px;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;border:1px solid var(--demo-line);border-radius:10px;background:#fff}.product-demo__audit-detail span{color:#a1a1aa;font-size:9px;text-transform:uppercase}.product-demo__audit-detail p{margin:0;color:#52525b;font-size:10px;line-height:1.4}.product-demo__website{min-height:inherit;padding:14px;background:#f4f4f5}.product-demo__browserbar{min-height:34px;padding:0 10px;display:flex;align-items:center;gap:5px;border:1px solid var(--demo-line);border-bottom:0;border-radius:12px 12px 0 0;background:#fafafa}.product-demo__browserbar i{width:6px;height:6px;border-radius:50%;background:#d4d4d8}.product-demo__browserbar span{margin-left:7px;color:#a1a1aa;font-size:8.5px}.product-demo__site-canvas{min-height:calc(clamp(290px, 31vw, 390px) - 62px);padding:clamp(16px,2.4vw,24px);display:flex;flex-direction:column;border:1px solid var(--demo-line);border-radius:0 0 12px 12px;background:#fff}.product-demo__site-canvas nav{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px}.product-demo__site-canvas nav strong{font-weight:600}.product-demo__site-canvas nav span{color:#71717a}.product-demo__site-hero{margin:auto 0;max-width:82%;display:grid;gap:8px}.product-demo__site-hero>span{color:var(--demo-accent);font-size:8.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.product-demo__site-hero h4{margin:0;color:#18181b;font-size:clamp(18px,2.8vw,30px);font-weight:600;letter-spacing:-.045em;line-height:1.03}.product-demo__site-hero p{margin:0;max-width:420px;color:#71717a;font-size:10px;line-height:1.45}.product-demo__site-hero button{width:fit-content;padding:8px 11px;border:0;border-radius:999px;background:#18181b;color:#fff;font-size:9px;font-weight:500}.product-demo__site-switcher{padding-top:12px;display:flex;gap:6px;border-top:1px solid #f4f4f5}.product-demo__site-switcher button{padding:5px 8px;border:1px solid transparent;border-radius:999px;background:transparent;color:#a1a1aa;font-size:8.5px;cursor:pointer}.product-demo__site-switcher button.is-active{border-color:var(--demo-line);background:#fafafa;color:#18181b}html[data-ag-theme=dark] .product-demo{--demo-line:hsla(0,0%,100%,.12);--demo-ink:#f4f4f5;--demo-muted:hsla(240,5%,96%,.65);--demo-accent-soft:hsla(0,0%,100%,.07);background:#121217;box-shadow:0 22px 60px rgba(0,0,0,.42)}html[data-ag-theme=dark] .product-demo--violet{--demo-accent:#c6a5ff;--demo-accent-soft:rgba(198,165,255,.14)}html[data-ag-theme=dark] .product-demo--blue{--demo-accent:#8cb9ff;--demo-accent-soft:rgba(140,185,255,.14)}html[data-ag-theme=dark] .product-demo--green{--demo-accent:#74d99d;--demo-accent-soft:rgba(116,217,157,.14)}html[data-ag-theme=dark] .product-demo--orange{--demo-accent:#f4ae7b;--demo-accent-soft:hsla(25,85%,72%,.14)}html[data-ag-theme=dark] .product-demo--slate{--demo-accent:#c9cbd3;--demo-accent-soft:rgba(201,203,211,.14)}html[data-ag-theme=dark] .product-demo__browserbar,html[data-ag-theme=dark] .product-demo__header,html[data-ag-theme=dark] .product-demo__site-switcher button.is-active,html[data-ag-theme=dark] .product-demo__software aside{background:#19191f}html[data-ag-theme=dark] .product-demo__activity,html[data-ag-theme=dark] .product-demo__agent,html[data-ag-theme=dark] .product-demo__browserbar,html[data-ag-theme=dark] .product-demo__site-canvas,html[data-ag-theme=dark] .product-demo__software,html[data-ag-theme=dark] .product-demo__website,html[data-ag-theme=dark] .product-demo__workflow{background:#121217}html[data-ag-theme=dark] .product-demo__activity li button,html[data-ag-theme=dark] .product-demo__agent-result,html[data-ag-theme=dark] .product-demo__audit-detail,html[data-ag-theme=dark] .product-demo__audit-grid button,html[data-ag-theme=dark] .product-demo__dispatch-board button,html[data-ag-theme=dark] .product-demo__dispatch-detail,html[data-ag-theme=dark] .product-demo__request,html[data-ag-theme=dark] .product-demo__site-canvas,html[data-ag-theme=dark] .product-demo__software-table,html[data-ag-theme=dark] .product-demo__workflow li>button,html[data-ag-theme=dark] .product-demo__workflow-detail{background:#1a1a21}html[data-ag-theme=dark] .product-demo__agent,html[data-ag-theme=dark] .product-demo__audit,html[data-ag-theme=dark] .product-demo__funnel{background:#14141a}html[data-ag-theme=dark] .product-demo__activity li strong,html[data-ag-theme=dark] .product-demo__activity-head>strong,html[data-ag-theme=dark] .product-demo__audit-intro>strong,html[data-ag-theme=dark] .product-demo__dispatch-head>strong,html[data-ag-theme=dark] .product-demo__funnel>div strong,html[data-ag-theme=dark] .product-demo__funnel>p strong,html[data-ag-theme=dark] .product-demo__header strong,html[data-ag-theme=dark] .product-demo__site-canvas nav strong,html[data-ag-theme=dark] .product-demo__site-hero h4,html[data-ag-theme=dark] .product-demo__software-table strong,html[data-ag-theme=dark] .product-demo__software-workspace>div:first-child strong,html[data-ag-theme=dark] .product-demo__workflow-copy>strong{color:#f4f4f5}html[data-ag-theme=dark] .product-demo__activity li small,html[data-ag-theme=dark] .product-demo__activity-head>small,html[data-ag-theme=dark] .product-demo__agent-result p,html[data-ag-theme=dark] .product-demo__audit-intro>small,html[data-ag-theme=dark] .product-demo__browserbar span,html[data-ag-theme=dark] .product-demo__dispatch-head>small,html[data-ag-theme=dark] .product-demo__funnel>div small,html[data-ag-theme=dark] .product-demo__funnel>p,html[data-ag-theme=dark] .product-demo__header small,html[data-ag-theme=dark] .product-demo__request p,html[data-ag-theme=dark] .product-demo__site-canvas nav span,html[data-ag-theme=dark] .product-demo__site-hero p,html[data-ag-theme=dark] .product-demo__software-workspace>div:first-child small,html[data-ag-theme=dark] .product-demo__status,html[data-ag-theme=dark] .product-demo__workflow-copy>small{color:hsla(240,5%,96%,.62)}html[data-ag-theme=dark] .product-demo__site-switcher{border-color:hsla(0,0%,100%,.08)}html[data-ag-theme=dark] .product-demo__site-switcher button{color:hsla(240,5%,96%,.48)}html[data-ag-theme=dark] .product-demo__site-switcher button.is-active{color:#f4f4f5}.product-demo__dispatch{min-height:inherit;padding:clamp(18px,2.5vw,26px);display:grid;align-content:center;gap:15px;background:#fafafa}.product-demo__dispatch-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.product-demo__dispatch-board button{min-height:105px;padding:12px;display:grid;align-content:start;gap:7px;border:1px solid var(--demo-line);border-radius:12px;background:#fff;color:#3f3f46;text-align:left;cursor:pointer}.product-demo__dispatch-board button.is-active{border-color:var(--demo-accent);box-shadow:0 8px 24px rgba(24,24,27,.08)}.product-demo__dispatch-board span{color:var(--demo-accent);font-size:8.5px;font-weight:600;text-transform:uppercase}.product-demo__dispatch-board strong{margin-top:auto;font-size:11px;font-weight:600}.product-demo__dispatch-board small{color:#a1a1aa;font-size:9px}.product-demo__dispatch-detail{padding:10px 12px;display:grid;grid-template-columns:1fr auto;gap:3px 12px;align-items:center;border:1px solid var(--demo-line);border-radius:10px;background:#fff}.product-demo__dispatch-detail strong{font-size:10.5px;font-weight:600}.product-demo__dispatch-detail span{color:#71717a;font-size:9px}.product-demo__dispatch-detail button{grid-column:2;grid-row:1/3;padding:8px 10px}.product-demo__software{min-height:inherit;display:grid;grid-template-columns:122px minmax(0,1fr);background:#fff}.product-demo__software aside{padding:14px 9px;display:grid;align-content:start;gap:4px;border-right:1px solid var(--demo-line);background:#fafafa}.product-demo__software aside button{padding:8px;display:flex;align-items:center;gap:7px;border:1px solid transparent;border-radius:8px;background:transparent;color:#71717a;font-size:9.5px;text-align:left;cursor:pointer}.product-demo__software aside button.is-active{border-color:var(--demo-line);background:#fff;color:#18181b}.product-demo__software aside span{font-family:var(--font-product);color:#a1a1aa;font-size:8px}.product-demo__software-workspace{min-width:0;padding:clamp(16px,2.2vw,22px);display:grid;align-content:center;gap:14px}.product-demo__software-workspace>div:first-child{display:grid;gap:3px}.product-demo__software-workspace>div:first-child span{color:#a1a1aa;font-size:8.5px;text-transform:uppercase}.product-demo__software-workspace>div:first-child strong{font-size:16px;font-weight:600;letter-spacing:-.02em}.product-demo__software-workspace>div:first-child small{color:#71717a;font-size:9.5px}.product-demo__software-table{overflow:hidden;display:grid;grid-template-columns:1.5fr 1fr 1fr;border:1px solid var(--demo-line);border-radius:10px}.product-demo__software-table>*{min-width:0;padding:8px;border-top:1px solid #f4f4f5;color:#52525b;font-size:9px;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-demo__software-table>:nth-child(-n+3){border-top:0;background:#fafafa;color:#a1a1aa;font-size:8px;text-transform:uppercase}.product-demo__software-table strong{font-weight:500;color:#27272a}.product-demo__software-table em{color:var(--demo-accent)}.product-demo__software-workspace>button{width:fit-content;padding:8px 10px}.product-demo__funnel{min-height:inherit;padding:clamp(18px,2.5vw,26px);display:grid;align-content:center;gap:22px;background:linear-gradient(150deg,#fff 55%,var(--demo-accent-soft))}.product-demo__funnel>div{display:grid;gap:4px}.product-demo__funnel>div span{color:#a1a1aa;font-size:9px;text-transform:uppercase}.product-demo__funnel>div strong{font-size:clamp(15px,1.8vw,20px);font-weight:600;letter-spacing:-.025em}.product-demo__funnel>div small{color:#71717a;font-size:10px}.product-demo__funnel ol{margin:0;padding:0;display:flex;align-items:center;list-style:none}.product-demo__funnel li{min-width:0;display:flex;flex:1;align-items:center}.product-demo__funnel li i{width:clamp(12px,2.5vw,40px);height:1px;background:#d4d4d8}.product-demo__funnel li button{min-width:0;flex:1;padding:11px 8px;display:grid;gap:4px;border:1px solid var(--demo-line);border-radius:10px;background:#fff;color:#52525b;text-align:left;cursor:pointer}.product-demo__funnel li button.is-active{border-color:var(--demo-accent);color:var(--demo-accent);box-shadow:0 8px 24px rgba(24,24,27,.07)}.product-demo__funnel li span{font-family:var(--font-product);font-size:8px}.product-demo__funnel li strong{overflow:hidden;font-size:9.5px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.product-demo__funnel>p{margin:0;padding-left:11px;border-left:2px solid var(--demo-accent);color:#71717a;font-size:9.5px;line-height:1.45}.product-demo__funnel>p strong{color:#27272a}.product-demo__activity{min-height:inherit;padding:clamp(18px,2.5vw,26px);display:grid;align-content:center;grid-template-columns:minmax(150px,.8fr) minmax(0,1.2fr);gap:clamp(20px,4vw,42px);background:#fff}.product-demo__activity ol{margin:0;padding:0;display:grid;gap:6px;list-style:none}.product-demo__activity li button{width:100%;padding:10px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid transparent;border-radius:10px;background:#fafafa;color:#52525b;text-align:left;cursor:pointer}.product-demo__activity li button.is-active{border-color:var(--demo-line);background:#fff;box-shadow:0 6px 18px rgba(24,24,27,.06)}.product-demo__activity li button>span{font-family:var(--font-product);color:#a1a1aa;font-size:8.5px}.product-demo__activity li button>div{min-width:0;display:grid;gap:2px}.product-demo__activity li strong{overflow:hidden;font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.product-demo__activity li small{color:#a1a1aa;font-size:8.5px}.product-demo__activity li em{color:var(--demo-accent);font-size:8.5px;font-style:normal;font-weight:500}@media (max-width:680px){.product-demo__status{display:none}.product-demo--hero .product-demo__body,.product-demo__body{min-height:330px}.product-demo__funnel ol,.product-demo__workflow ol{align-items:stretch;flex-direction:column;gap:5px}.product-demo__funnel li,.product-demo__workflow li{width:100%}.product-demo__funnel li i,.product-demo__workflow li>i{display:none}.product-demo__audit-grid,.product-demo__dispatch-board{grid-template-columns:1fr}.product-demo__audit-grid button,.product-demo__dispatch-board button{min-height:76px}.product-demo__software{grid-template-columns:1fr}.product-demo__software aside{grid-template-columns:repeat(3,1fr);border-right:0;border-bottom:1px solid var(--demo-line)}.product-demo__software aside button{justify-content:center}.product-demo__software aside button span{display:none}.product-demo__activity{grid-template-columns:1fr;gap:15px}}@media (prefers-reduced-motion:reduce){.product-demo *{scroll-behavior:auto!important}}.product-demo__site-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 14px 0}.product-demo__site-proof>div{display:grid;gap:2px;padding:10px 12px;border:1px solid #e4e4e7;border-radius:10px;background:#fff}.product-demo__site-proof strong{color:#18181b;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.product-demo__site-proof span{color:#71717a;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.product-demo__site-footer{display:flex;align-items:center;justify-content:space-between;margin:10px 14px 0;padding:9px 12px;border:1px solid rgba(115,5,255,.18);border-radius:10px;background:rgba(115,5,255,.05)}.product-demo__site-footer span{color:#3f3f46;font-size:10.5px;font-weight:500}.product-demo__site-footer i{display:inline-flex;align-items:center;gap:5px;color:#15803d;font-size:9px;font-style:normal;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.product-demo__site-footer i:before{content:"";width:6px;height:6px;border-radius:50%;background:#16a34a}