.tool-site .tool-page-document .section-tool-demo{padding:var(--tool-section-space)var(--tool-page-gutter)}.container-tool-demo{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1.8fr);align-items:center;gap:var(--tool-space-16);max-width:var(--tool-page-width);margin-inline:auto}.tool-demo-copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--tool-space-6);max-width:var(--tool-demo-copy-width)}.tool-site .tool-page-document .tool-demo-copy :is(h2,p){margin:0}.tool-demo-copy p{font-size:18px;line-height:1.55}.tool-demo-media{width:100%;max-width:var(--tool-demo-media-width);margin:0;justify-self:end}.tool-demo-frame{padding:var(--tool-space-2);border-radius:var(--tool-space-6);background:var(--nocapp-blue)}.tool-site .tool-page-document .tool-demo-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:var(--tool-content-radius);background:var(--tool-graphite)}@media(max-width:960px){.container-tool-demo{grid-template-columns:minmax(0,1fr);max-width:var(--tool-demo-media-width);gap:var(--tool-space-8)}.tool-demo-copy{max-width:100%}.tool-demo-media{justify-self:start}}@media(max-width:600px){.tool-demo-frame{padding:var(--tool-space-1);border-radius:var(--tool-space-5)}.tool-demo-copy p{font-size:17px}}