.pdemo{--pd-ink: var(--ink);--pd-soft: var(--ink-soft);--pd-muted: var(--muted);--pd-line: var(--line);--pd-line-soft: var(--line-soft);--pd-paper: var(--paper);--pd-green: var(--green);--pd-green-deep: var(--green-deep);--pd-green-soft: var(--green-soft);--pd-green-tint: var(--green-tint);--pd-amber: var(--amber);--pd-amber-soft: var(--amber-soft);--pd-indigo: var(--indigo);--pd-indigo-soft: var(--indigo-soft);--pd-navy: #0c1c3c;--pd-red: #e5484d;--pd-ease: cubic-bezier(.22, .8, .24, 1);--pd-spring: cubic-bezier(.34, 1.35, .5, 1);--pd-k: 0;--pd-t1: calc(var(--pd-k) * .28s);--pd-t2: calc(var(--pd-k) * .48s);--pd-t3: calc(var(--pd-k) * .72s);position:absolute;inset:0;margin:0;overflow:hidden;border-radius:inherit;container:pdemo / size;isolation:isolate;color:var(--pd-ink);font-family:inherit;text-align:left;background:radial-gradient(70% 55% at 88% 4%,rgb(204 241 233 / .95),transparent 70%),radial-gradient(60% 50% at 6% 100%,rgb(255 244 221 / .9),transparent 70%),linear-gradient(165deg,var(--green-soft) 0%,var(--mint) 70%)}.pdemo:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgb(1 133 104 / .16) 1px,transparent 1.3px);background-size:16px 16px;mask-image:radial-gradient(85% 85% at 50% 45%,#000 0%,transparent 100%)}@media(prefers-reduced-motion:no-preference){.pdemo[data-live]{--pd-k: 1}}.pdemo-board{position:absolute;inset:0;margin:auto;width:min(100cqw,100cqh);height:min(100cqw,100cqh);container:pdemo-board / inline-size}.pdemo-toggle{position:absolute;right:max(10px,2.4cqmin);bottom:max(10px,2.4cqmin);z-index:4;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px 0 9px;border:0;border-radius:99px;background:#ffffffe0;box-shadow:0 0 0 1px #0c1c3c1a,0 4px 12px -4px #0c1c3c33;color:var(--pd-ink);font:inherit;font-size:12px;font-weight:500;cursor:pointer;opacity:.78;transition:opacity .2s,background-color .2s}.pdemo-toggle[hidden]{display:none}.pdemo:hover .pdemo-toggle,.pdemo-toggle:focus-visible{opacity:1}.pdemo-toggle:hover{background:#fff}.pdemo-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.pdemo-toggle[data-state=playing] .pdemo-toggle-icon--play,.pdemo-toggle[data-state=stopped] .pdemo-toggle-icon--pause{display:none}.pdemo-phone{container:pdemo-phone / inline-size;aspect-ratio:1 / 2.05;filter:drop-shadow(0 26px 28px rgb(12 28 60 / .32))}.pdemo-phone-body{position:relative;height:100%;padding:3.4cqw;border-radius:15cqw;background:linear-gradient(145deg,#2c313d,#0b0d12 55%);box-shadow:inset 0 0 0 .5cqw #444b5c,inset 0 0 0 1.2cqw #0b0d12}.pdemo-phone-island{position:absolute;top:5.6cqw;left:50%;z-index:5;width:26cqw;height:7cqw;border-radius:99px;background:#05060a;transform:translate(-50%)}.pdemo-phone-screen{position:relative;height:100%;overflow:hidden;isolation:isolate;border-radius:11.8cqw;background:#fff}.pdemo-phone-status{position:absolute;inset:0 0 auto;z-index:4;display:flex;align-items:center;justify-content:space-between;height:13cqw;padding:3.2cqw 9cqw 0 10.5cqw;color:var(--pd-ink);font-size:4.2cqw;font-weight:600;letter-spacing:-.01em}.pdemo-phone-icons{display:flex;align-items:center;gap:1.3cqw}.pdemo-phone-icons i{display:block;width:3.6cqw;height:2.4cqw;border-radius:.6cqw;background:currentColor}.pdemo-phone-icons .pdemo-phone-battery{width:6.2cqw;height:2.8cqw;border-radius:.9cqw}.solution-hero-media>.pdemo{z-index:11}@media(max-width:767px){.tabs-stage:has(.tabs-panel:not([hidden]) .pdemo){height:auto}.tabs-panel-media-demo{aspect-ratio:1}}.pdemo-chip{display:inline-flex;align-items:center;gap:.35em;padding:.18em .65em;border-radius:99px;background:#eef1f6;color:var(--pd-soft);font-size:.82em;font-weight:500;line-height:1.4;white-space:nowrap}.pdemo-chip svg{flex:none}.pdemo-chip--paid{background:var(--pd-green-soft);color:var(--pd-green-deep)}.pdemo-chip--pending{background:var(--pd-amber-soft);color:var(--pd-amber)}.pdemo-chip--info{background:var(--pd-indigo-soft);color:var(--pd-indigo)}.pdemo-avatar{display:grid;flex:none;place-items:center;width:2.4em;height:2.4em;border-radius:50%;background:var(--pd-indigo-soft);color:var(--pd-indigo);font-size:.78em;font-style:normal;font-weight:600}.pdemo-avatar--amber{background:var(--pd-amber-soft);color:var(--pd-amber)}.pdemo-avatar--green{background:var(--pd-green-soft);color:var(--pd-green-deep)}.pdemo-avatar--pink{background:var(--pink-soft);color:#c2285a}.pdemo-spin{display:inline-block;flex:none;width:.85em;height:.85em;border:.15em solid currentColor;border-right-color:transparent;border-radius:50%;opacity:.75}@media(prefers-reduced-motion:no-preference){.pdemo[data-live] .pdemo-spin{animation:pdemo-spin .8s linear infinite}}@keyframes pdemo-spin{to{transform:rotate(360deg)}}.pdemo-proof{position:absolute;inset:auto 0 4.2cqw;display:flex;align-items:center;gap:.55em;width:max-content;margin-inline:auto;padding:.65em 1.2em;border-radius:99px;background:var(--pd-navy);box-shadow:0 14px 24px -14px #0c1c3c99;color:#fff;opacity:0;transform:translateY(.9em);transition:opacity var(--pd-t2) var(--pd-ease),transform var(--pd-t3) var(--pd-spring)}.pdemo-proof svg,.pdemo-proof b{color:#7ff0cf}.pdemo-proof b{font-weight:600}.pdemo[data-s~=proof] .pdemo-proof{opacity:1;transform:none}