.dn-demo{gap:20px;display:grid}.dn-demo-controls{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;display:flex}.dn-seg-label{color:var(--ink);margin-bottom:8px;font-size:15px;font-weight:600;display:block}.dn-demo-stage{position:relative}.dn-demo .dn-browser-view{min-height:470px}.dn-demo .pr-card{padding-bottom:14px}.dn-demo-sample{color:#1f3a5f;min-height:36px;font:600 14px/1 var(--font-body);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;align-items:center;margin-top:6px;padding:0 4px;-webkit-text-decoration:underline dashed;text-decoration:underline dashed;display:inline-flex}.dn-demo-overlay{z-index:3;animation:dn-fade var(--dur-2) var(--ease-out);background:#0f172a7a;place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow:auto}.dn-demo-door{width:auto;height:88%;color:var(--mint);filter:drop-shadow(0 0 12px #7ff0b573);position:absolute}.dn-demo-overlay .rs-card{position:relative}@container (max-width:420px){.dn-demo-overlay{align-items:end;padding:0}.dn-demo-overlay .rs-card{border-radius:15px 15px 0 0;width:100%;padding:20px 16px}}.dn-demo-xray{z-index:4;animation:dn-rise var(--dur-2) var(--ease-out);margin:0 12px 12px;position:relative}.dn-demo-chips{flex-wrap:wrap;align-items:center;gap:8px 16px;min-height:32px;margin-top:14px;display:flex}.dn-demo-coach{color:var(--ink);animation:dn-rise var(--dur-3) var(--ease-out);font-size:15px;font-weight:600}.dn-payoff{animation:dn-rise var(--dur-3) var(--ease-out);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.dn-payoff-side{border:1px solid var(--line);border-radius:var(--r-4);align-content:start;gap:16px;padding:24px;display:grid}.dn-payoff-title{color:var(--ink);font:600 18px/1 var(--font-display-stack);letter-spacing:-.02em;align-items:center;gap:8px;display:inline-flex}.dn-payoff ol{gap:14px;margin:0;padding:0;list-style:none;display:grid}.dn-payoff li{align-items:center;gap:10px;display:flex}.dn-payoff-side.is-without{background:var(--paper-sunk);color:var(--ink-muted)}.dn-payoff-side.is-without .dn-payoff-title{color:var(--ink-muted)}.dn-payoff-side.is-with{border-color:color-mix(in srgb, var(--mint-deep) 35%, var(--line));background:var(--paper-raised);justify-items:center}.dn-payoff-side.is-with .dn-payoff-title{justify-self:start}.dn-payoff-phone{aspect-ratio:9/11;max-width:220px}.dn-payoff-phone .dn-phone-view{padding-top:18px}.dn-payoff-phone .dn-notif{animation:dn-rise var(--dur-3) var(--ease-spring) .2s both}.dn-demo-cta{justify-items:start;gap:12px;padding-top:8px;display:grid}.dn-demo-reset{justify-self:start}@media (max-width:760px){.dn-payoff{grid-template-columns:minmax(0,1fr)}}.dn-demo.is-compact .dn-browser-view{min-height:400px}