.feature-demo{border-block:1px solid var(--line);grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);align-items:start;gap:clamp(24px,5vw,64px);padding-block:28px;display:grid}.feature-demo-copy h2{letter-spacing:-.035em;max-width:15ch;margin:0;font-size:clamp(24px,3vw,36px);line-height:1.12}.feature-demo-copy p{max-width:42ch;color:var(--text-body);margin:12px 0 0;line-height:1.6}.feature-demo-frame{border:1px solid var(--line);background:var(--card);border-radius:8px;min-width:0;padding:clamp(12px,2vw,24px);overflow:hidden}.feature-demo-loading{background:var(--surface-muted);min-height:360px}.feature-demo-frame .marketing-app-demo-view [class*="dark:!text-white"]{color:#171717!important}.feature-demo-frame .marketing-app-demo-view .text-muted-foreground\/70{color:#52525b!important}.feature-demo-frame .marketing-app-demo-view h3:has(button){grid-template-columns:minmax(0,1fr) 2.75rem}.feature-demo-frame .marketing-app-demo-view button:has(svg.lucide-info){display:none}.feature-sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px clamp(28px,6vw,88px);display:grid}.feature-sections .article-section h2{margin-top:0}.feature-sections .content-prose{max-width:64ch}@media (width<=760px){.feature-demo,.feature-sections{grid-template-columns:minmax(0,1fr)}.feature-demo{gap:20px}.feature-demo-loading{min-height:260px}.feature-sections{gap:28px}}