.demo-stage__orb.svelte-g1guxp{position:absolute;z-index:-1;border-radius:var(--radius-pill);background:var(--color-primary);filter:blur(80px);opacity:.2;pointer-events:none}.demo-stage__orb--one.svelte-g1guxp{top:5%;right:-10rem;width:26rem;height:26rem}.demo-stage__orb--two.svelte-g1guxp{bottom:-12rem;left:20%;width:20rem;height:20rem;opacity:.12}.demo-stage__frame.svelte-g1guxp{position:relative;z-index:0;max-width:32rem;margin-inline:auto}.demo-stage__frame.svelte-g1guxp:before{position:absolute;z-index:-1;inset:2rem -1.5rem -2rem 1.5rem;border:1px dashed var(--color-primary-soft);border-radius:var(--radius-xl);content:"";opacity:.45}.demo-takeaway.svelte-g1guxp{display:grid;gap:1rem;min-width:0;padding:1.5rem;border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);font-weight:700;color:var(--color-ink);transition:transform var(--dur-base) var(--ease-spring),box-shadow var(--dur-base) var(--ease-out)}.demo-takeaway.svelte-g1guxp:hover{transform:translateY(-4px);box-shadow:var(--shadow-float)}@media(max-width:639px){.demo-stage__frame.svelte-g1guxp:before{inset:1rem -.5rem -1rem .5rem}}