.marketing-demo{z-index:3;background:transparent;padding-block:clamp(.5rem,1.5vh,1.25rem);padding-inline:.7%}html[data-page-key=demo] .marketing-demo,html[data-page-key=live-demo] .marketing-demo{margin-top:calc(-1 * var(--marketing-header-height, 4.75rem));padding-top:calc(var(--marketing-header-height, 4.75rem) + clamp(.5rem,1.5vh,1.25rem))}html[data-page-key=live-demo] .marketing-demo{min-height:100svh;display:flex;flex-direction:column;padding-bottom:.7%;box-sizing:border-box}html[data-page-key=live-demo] .marketing-demo__stage{flex:1 1 auto;height:auto;min-height:30rem}.marketing-demo__stage{position:relative;z-index:3;isolation:isolate;overflow:hidden;width:100%;max-width:1720px;height:min(86vh,940px);min-height:30rem;margin-inline:auto;border-radius:4px;border:1px solid var(--marketing-color-text);background:#11110f;box-shadow:var(--marketing-shadow-card);transform-origin:center center;color:var(--marketing-color-text)}.marketing-demo__video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:0;pointer-events:none}.marketing-demo__seam{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform-origin:center;z-index:0;pointer-events:none;opacity:0}.marketing-demo__stage.is-seaming .marketing-demo__seam{will-change:opacity,filter,transform}.marketing-demo__scrim{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(105deg,#050506d1,#05050673 42%,#05050647 70%,#0505069e),linear-gradient(0deg,#0505068c,#05050600 45%)}.marketing-demo__intro{position:absolute;z-index:3;top:clamp(1.5rem,4vw,3.5rem);left:clamp(1.5rem,4vw,3.5rem);max-width:min(96%,46rem)}.marketing-demo__title{margin:0;font-family:var(--marketing-font-display);font-weight:500;font-size:clamp(1.15rem,2.4vw,2.35rem);line-height:1.08;letter-spacing:var(--marketing-tracking-tight);white-space:nowrap}.marketing-demo__lead{margin:1rem 0 0;max-width:40ch;font-size:1rem;color:#f6f6f49e}.marketing-demo__chat{position:absolute;z-index:4;right:clamp(1rem,3vw,2.5rem);bottom:clamp(1rem,3vw,2.5rem);width:min(92%,27rem);display:flex;flex-direction:column;gap:.75rem}.marketing-demo__viewport{position:relative;height:min(68vh,34rem);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 22%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 22%,#000 100%)}.marketing-demo__track{display:flex;flex-direction:column;gap:.75rem;will-change:transform}.marketing-demo__msg,.marketing-demo__typing,.marketing-demo__track>.marketing-demo__pay{opacity:0;transform:translateY(18px) scale(.98);transition:opacity .72s var(--marketing-ease-out),transform .72s var(--marketing-ease-out)}.marketing-demo__msg.is-in,.marketing-demo__typing.is-in,.marketing-demo__track>.marketing-demo__pay.is-in{opacity:1;transform:translateY(0) scale(1)}.marketing-demo__msg{display:flex;flex-direction:column;max-width:92%}.marketing-demo__msg--user{align-self:flex-end;align-items:flex-end}.marketing-demo__msg--agent{align-self:flex-start;align-items:flex-start}.marketing-demo__agent{display:inline-flex;align-items:center;gap:.4rem;margin:0 0 .35rem;font-size:.8rem;color:#f6f6f4c7}.marketing-demo__msg--user .marketing-demo__agent{display:none}.marketing-demo__agent-logo{width:1.1rem;height:1.1rem;border-radius:.28rem;-o-object-fit:contain;object-fit:contain}.marketing-demo__bubble{padding:.75rem .95rem;border-radius:1.1rem}.marketing-demo__msg--user .marketing-demo__bubble{border-bottom-right-radius:.3rem;border:1px solid rgba(255,255,255,.16);background:#0a0a0b94;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.marketing-demo__msg--agent .marketing-demo__bubble{border:1px solid rgba(255,255,255,.28);border-bottom-left-radius:.3rem;background:#ffffff9e;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.marketing-demo__bubble-text{margin:0;font-size:.92rem;line-height:1.5}.marketing-demo__msg--user .marketing-demo__bubble-text{color:#f6f6f4}.marketing-demo__msg--agent .marketing-demo__bubble-text{color:#0a0a0b}.marketing-demo__products{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.6rem}.marketing-demo__products:has(>:only-child){grid-template-columns:1fr;max-width:11.5rem}.marketing-demo__product{display:flex;flex-direction:column;gap:.3rem}.marketing-demo__product-img{display:block;width:100%;aspect-ratio:4 / 3;-o-object-fit:cover;object-fit:cover;border-radius:.6rem;background:linear-gradient(135deg,#0a0a0b14,#0a0a0b08);border:1px solid rgba(10,10,11,.08)}.marketing-demo__product-label{font-size:.72rem;color:#0a0a0b8c}.marketing-demo__track>.marketing-demo__pay{align-self:stretch;width:100%}.marketing-demo__pay{margin-top:0;width:100%;border-radius:1.15rem;border:1px solid rgba(255,255,255,.16);background:#0a0a0b94;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden}.marketing-demo__pay-row{display:flex;align-items:center;gap:.7rem;padding:.75rem .85rem .8rem}.marketing-demo__pay-icon{flex:0 0 2.15rem;width:2.15rem;height:2.15rem;border-radius:999px;background:#ffffff1f;display:grid;place-items:center}.marketing-demo__pay-icon svg{width:1.05rem;height:1.05rem;stroke:#fff;fill:none;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.marketing-demo__pay-copy{min-width:0;flex:1;display:flex;flex-direction:column}.marketing-demo__pay-title{font-size:.95rem;font-weight:510;color:#fff;letter-spacing:-.02em}.marketing-demo__pay-status{display:block;min-height:1.05em;margin-top:.12rem;font-size:.78rem;line-height:1.05em;color:transparent;transition:color .22s var(--marketing-ease-out)}.marketing-demo__pay-amt{font-size:.95rem;font-weight:510;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.02em;transition:color .22s var(--marketing-ease-out)}.marketing-demo__pay[data-pay-state="2"] .marketing-demo__pay-status,.marketing-demo__pay[data-pay-state="3"] .marketing-demo__pay-status{color:#ffffff8c}.marketing-demo__pay[data-pay-state="3"] .marketing-demo__pay-status,.marketing-demo__pay[data-pay-state="3"] .marketing-demo__pay-amt{color:var(--marketing-color-success)}.marketing-demo__input{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.8rem 1rem;border-radius:var(--marketing-radius-pill);border:1px solid rgba(246,246,244,.14);background:#f6f6f40f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.marketing-demo__input-text{font-size:.9rem;color:#f6f6f48c}.marketing-demo__input-icon i{width:1.1rem;height:1.1rem;color:#f6f6f48c}.marketing-demo__typing{display:inline-flex;gap:.28rem;align-self:flex-start;padding:.7rem .9rem;border-radius:1.1rem 1.1rem 1.1rem .3rem;border:1px solid rgba(255,255,255,.28);background:#ffffff9e;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.marketing-demo__typing span{width:.42rem;height:.42rem;border-radius:999px;background:#0a0a0b59;animation:marketing-demo-dot 1.2s ease-in-out infinite}.marketing-demo__typing span:nth-child(2){animation-delay:.15s}.marketing-demo__typing span:nth-child(3){animation-delay:.3s}@keyframes marketing-demo-dot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media(max-width:760px){.marketing-demo{padding-inline:0;padding-block:0}.marketing-demo__stage{height:auto;min-height:min(102vh,55rem);border-radius:0;border-inline:0;border-top:0;box-shadow:none;transform:none;display:flex;flex-direction:column;justify-content:space-between;gap:2rem;padding:clamp(1.5rem,6vw,2.5rem) clamp(.85rem,4vw,1.35rem)}.marketing-demo__intro,.marketing-demo__chat{position:static;width:100%;max-width:none}.marketing-demo__chat{margin-top:auto}.marketing-demo__title{font-size:clamp(.95rem,4.5vw,1.28rem)}.marketing-demo__lead{display:none}.marketing-demo__viewport{height:min(62vh,25rem)}.marketing-demo__msg--user .marketing-demo__bubble,.marketing-demo__msg--agent .marketing-demo__bubble,.marketing-demo__typing,.marketing-demo__pay{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}@media(prefers-reduced-motion:reduce){.marketing-demo__seam{display:none}.marketing-demo__msg,.marketing-demo__typing,.marketing-demo__track>.marketing-demo__pay{opacity:1;transform:none;transition:none}.marketing-demo__pay-status{transition:none}}