.demo-embed{width:min(var(--public-band,1320px), calc(100% - 2 * var(--public-gutter,1rem)));gap:1.25rem;max-width:none;margin:3rem auto;padding-inline:0;display:grid}.demo-embed__copy{gap:.5rem;max-width:44rem;display:grid}.demo-embed__copy h2{margin:0}.demo-embed__copy p{color:var(--ink-700,#2f4a3c);margin:0;line-height:1.55}.demo-embed__device{border:1px solid var(--line,#d5e2d8);background:linear-gradient(152deg, var(--porcelain,#fff) 0 55%, #fdf7ec);border-radius:20px 24px 18px 22px;padding:.75rem;box-shadow:0 3px #e6dcc8,0 18px 34px #0d2c221c}.demo-embed__screen{aspect-ratio:16/10;border:1px solid var(--line,#d5e2d8);background:var(--porcelain,#fff);border-radius:12px 14px 11px 13px;position:relative;overflow:hidden}.demo-embed__poster,.demo-embed__frame{border:0;width:100%;height:100%;position:absolute;inset:0}.demo-embed__frame{z-index:1;background:var(--porcelain,#fff)}.demo-embed__poster{object-fit:cover;object-position:top left}.demo-embed__screen:after{content:"";pointer-events:none;background:linear-gradient(#fffdf800 30%,#fffdf88c);position:absolute;inset:0}.demo-embed__device[data-demo-embed=open] .demo-embed__screen:after{display:none}.demo-embed__start{z-index:1;min-height:48px;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.demo-embed__full{min-height:44px;color:var(--field-700,#16734a);text-underline-offset:3px;justify-self:start;align-items:center;gap:.35rem;font-weight:600;text-decoration:underline;display:inline-flex}@media (max-width:700px){.demo-embed__start,.demo-embed__frame,.demo-embed .demo-embed__start{display:none}.demo-embed__device[data-demo-embed=open] .demo-embed__screen:after{display:block}}