.product-demo{width:min(var(--max,1240px), calc(100% - 34px));margin-inline:auto;padding-block:92px;scroll-margin-top:90px}.product-demo button{appearance:none;cursor:pointer}.product-demo button:disabled{cursor:default}.product-demo button:focus-visible{outline-offset:5px;outline:2px solid #c5adff}.product-demo .demo-signup{text-decoration:none}.product-demo .demo-signup:focus-visible{outline-offset:5px;outline:2px solid #c5adff}.product-demo .demo-intro{max-width:790px;margin-bottom:30px}.product-demo .demo-intro .eyebrow{color:var(--violet-bright,#a47cff);margin-bottom:14px}.product-demo .demo-intro h2{max-width:780px;margin-bottom:16px;font-size:clamp(2rem,4.6vw,3.65rem);line-height:1.08}.product-demo .demo-intro>p:last-child{max-width:670px;color:var(--muted,#ada7b4);margin-bottom:0;font-size:1rem;line-height:1.65}.product-demo .demo-workspace{border:1px solid var(--line,#343039);background:#151319f5;border-radius:24px;scroll-margin-top:130px;overflow:hidden}.product-demo .demo-steps{border-bottom:1px solid var(--line-soft,#ffffff1a);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px;margin:0;padding:16px 22px;list-style:none;display:grid}.product-demo .demo-steps>li{min-width:0}.product-demo .demo-steps button{width:100%;min-height:48px;color:var(--muted,#ada7b4);text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:8px 9px;font-size:.78rem;font-weight:620;line-height:1.35;transition:background-color .16s,color .16s;display:flex}.product-demo .demo-steps button:hover{color:var(--paper,#f3f0e8);background:#ffffff0a}.product-demo .demo-step-number{font-variant-numeric:tabular-nums;border:1px solid #49414e;border-radius:50%;flex:0 0 25px;place-items:center;width:25px;height:25px;font-size:.67rem;font-weight:750;display:grid}.product-demo .demo-steps button[aria-current=step]{color:#e5d8ff;background:#8b5cf621}.product-demo [aria-current=step] .demo-step-number{border-color:var(--violet,#8b5cf6);background:var(--violet,#8b5cf6);color:#fff}.product-demo .demo-stage-layout{background:radial-gradient(at 22% 42%,#8b5cf611,#0000 60%);grid-template-columns:minmax(300px,.95fr) minmax(0,1fr);align-items:center;gap:clamp(30px,5vw,74px);padding:32px clamp(24px,4.4vw,64px);display:grid}.product-demo .demo-device-column{justify-items:center;gap:13px;min-width:0;margin:0;display:grid}.product-demo .demo-example-label{color:#b1a6bf;letter-spacing:.04em;text-align:center;max-width:360px;margin:0;font-size:.65rem;font-weight:650;line-height:1.5}.product-demo .demo-view-selector{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;max-width:360px;display:grid}.product-demo .demo-view-selector button{color:#bcb0c7;background:0 0;border:1px solid #4b414f;border-radius:8px;min-width:0;min-height:48px;padding:10px 8px;font-size:.73rem;font-weight:650;line-height:1.4}.product-demo .demo-view-selector button:hover{color:#eee3fb;border-color:#877096}.product-demo .demo-view-selector button[aria-pressed=true]{color:#f0e4ff;background:#8b5cf629;border-color:#9a72d3}.product-demo .demo-view-caption{color:#b9adc3;text-align:center;width:100%;max-width:360px;min-height:2.8em;margin:0;font-size:.73rem;line-height:1.4}.product-demo .demo-screenshot-button{background:0 0;border:0;border-radius:12px;justify-items:center;gap:12px;width:100%;max-width:360px;padding:0;display:grid}.product-demo .demo-phone{background:#09080c;border:1px solid #49434f;border-radius:12px;width:100%;padding:6px;transition:border-color .16s;display:block;box-shadow:0 20px 50px #00000052}.product-demo .demo-phone img{width:100%;height:auto;display:block}.product-demo .demo-screenshot-button:hover .demo-phone{border-color:#a47cff}.product-demo .demo-enlarge-label{color:#c0a8df;align-items:center;gap:8px;min-height:24px;font-size:.73rem;line-height:1.4;display:inline-flex}.product-demo .demo-screenshot-button:hover .demo-enlarge-label{color:#e1ccfa}.product-demo .demo-story{min-width:0;max-width:470px}.product-demo .demo-story-kicker{color:var(--violet-bright,#a47cff);letter-spacing:.13em;text-transform:uppercase;margin:0 0 15px;font-size:.67rem;font-weight:750;line-height:1.4}.product-demo .demo-story h3{color:var(--paper,#f3f0e8);letter-spacing:-.035em;margin:0 0 15px;font-size:clamp(1.6rem,2.7vw,2.45rem);font-weight:630;line-height:1.12}.product-demo .demo-story-copy{color:var(--muted,#ada7b4);margin:0 0 22px;font-size:.94rem;line-height:1.65}.product-demo .demo-numbers{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 0 16px;display:grid}.product-demo .demo-numbers>div{background:#8b5cf613;border:1px solid #44364f;border-radius:10px;flex-direction:column-reverse;justify-content:flex-end;gap:8px;min-width:0;padding:16px 12px;display:flex}.product-demo .demo-numbers dt{color:#c8bdcf;font-size:.69rem;line-height:1.4}.product-demo .demo-numbers dd{color:#f3f0e8;font-variant-numeric:tabular-nums;letter-spacing:-.04em;white-space:nowrap;margin:0;font-size:clamp(1.1rem,2.3vw,2.15rem);font-weight:700;line-height:1}.product-demo .demo-numbers-four{grid-template-columns:repeat(2,minmax(0,1fr))}.product-demo .demo-numbers-four>div:last-child{background:#d3ad5614;border-color:#6a5a36}.product-demo .demo-numbers-four>div:last-child dd{color:var(--gold,#d3ad56)}.product-demo .demo-result-formula{color:#e2d1a5;font-variant-numeric:tabular-nums;margin:0 0 12px;font-size:.82rem;line-height:1.6}.product-demo .demo-number-note{color:#b8acbf;margin:0 0 24px;font-size:.77rem;line-height:1.6}.product-demo .demo-screen-count{color:#a393b2;font-variant-numeric:tabular-nums;margin:0 0 12px;font-size:.7rem;line-height:1.4}.product-demo .demo-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.product-demo .demo-next,.product-demo .demo-back{color:#fff;background:#8b5cf6;border:1px solid #8b5cf6;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-width:0;min-height:48px;padding:12px 18px;font-size:.82rem;font-weight:700;line-height:1.35;transition:border-color .16s,background-color .16s;display:inline-flex}.product-demo .demo-next:hover{background:#9a6cf0;border-color:#a47cff}.product-demo .demo-back{color:#c8bfce;background:0 0;border-color:#4b414f}.product-demo .demo-back:hover{background:#ffffff09;border-color:#766281}.product-demo .demo-back:disabled{opacity:.38}.product-demo .demo-restart{color:#a99ab7;text-underline-offset:4px;background:0 0;border:0;align-items:center;min-height:48px;margin-top:5px;padding:10px 0;font-size:.75rem;line-height:1.35;-webkit-text-decoration:underline #65566e;text-decoration:underline #65566e;display:inline-flex}.product-demo .demo-restart:hover{color:#ddc8f3}.product-demo .demo-disclaimer{border-top:1px solid var(--line-soft,#ffffff1a);color:#a396af;margin:0;padding:14px 24px;font-size:.7rem;line-height:1.6}.product-demo .demo-screenshot-dialog{overscroll-behavior:contain;color:#f3f0e8;background:#111019;border:1px solid #5c4a70;border-radius:16px;width:min(660px,100vw - 24px);max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;position:fixed;overflow:auto;box-shadow:0 24px 80px #0009}.product-demo .demo-screenshot-dialog::backdrop{background:#050409e0}.product-demo .demo-dialog-header{z-index:1;background:#17121e;border-bottom:1px solid #403446;justify-content:space-between;align-items:center;gap:16px;padding:13px 16px;display:flex;position:sticky;top:0}.product-demo .demo-dialog-header>div{min-width:0}.product-demo .demo-dialog-header p{color:#b8a9c7;margin:0 0 4px;font-size:.62rem;line-height:1.4}.product-demo .demo-dialog-header h3{margin:0;font-size:1rem;font-weight:650;line-height:1.3}.product-demo .demo-dialog-header button{color:#f3eafa;background:#292131;border:1px solid #63516d;border-radius:8px;align-items:center;gap:10px;min-height:48px;padding:10px 12px;font-size:.8rem;display:inline-flex}.product-demo .demo-dialog-header button span{font-size:1.3rem;line-height:1}.product-demo .demo-screenshot-dialog>img{width:100%;height:auto;display:block}@media (width<=900px){.product-demo .demo-stage-layout{grid-template-columns:minmax(260px,.95fr) minmax(0,1fr);gap:30px;padding-inline:24px}.product-demo .demo-story h3{font-size:1.8rem}.product-demo .demo-steps{gap:3px;padding-inline:12px}.product-demo .demo-steps button{gap:6px;padding-inline:5px;font-size:.7rem}}@media (width<=720px){.product-demo{padding-block:46px 56px}.product-demo .demo-intro{margin-bottom:25px}.product-demo .demo-intro h2{max-width:540px;font-size:clamp(2rem,7.2vw,3rem)}.product-demo .demo-intro>p:last-child{font-size:.93rem}.product-demo .demo-workspace{border-radius:17px}.product-demo .demo-steps{gap:2px;padding:10px 8px}.product-demo .demo-steps button{text-align:center;flex-direction:column;justify-content:flex-start;gap:5px;min-height:63px;padding:6px 2px;font-size:.61rem;line-height:1.25}.product-demo .demo-step-number{flex-basis:22px;width:22px;height:22px;font-size:.6rem}.product-demo .demo-stage-layout{grid-template-columns:minmax(0,1fr);gap:25px;padding:23px 22px 24px}.product-demo .demo-story{width:100%;max-width:550px;margin-inline:auto}.product-demo .demo-story-kicker{margin-bottom:11px;font-size:.62rem}.product-demo .demo-story h3{margin-bottom:12px;font-size:clamp(1.55rem,5.6vw,2rem)}.product-demo .demo-story-copy{margin-bottom:13px;font-size:.86rem;line-height:1.6}.product-demo .demo-numbers{gap:7px}.product-demo .demo-numbers>div{padding:14px 10px}.product-demo .demo-numbers dt{font-size:.67rem}.product-demo .demo-numbers dd{font-size:clamp(1rem,5.4vw,1.8rem)}.product-demo .demo-number-note{margin-bottom:20px;font-size:.75rem}.product-demo .demo-controls{flex-wrap:nowrap}.product-demo .demo-next{flex:1}.product-demo .demo-disclaimer{font-size:.65rem}}@media (width<=390px){.product-demo .demo-stage-layout{padding-inline:16px}.product-demo .demo-next,.product-demo .demo-back{padding-inline:13px;font-size:.76rem}}@media (prefers-reduced-motion:reduce){.product-demo *,.product-demo :before,.product-demo :after{scroll-behavior:auto;transition:none;animation:none}}