.web-app-demo{scroll-margin-top:var(--fg-space-32);padding:var(--fg-space-32) var(--fg-section-padding-x) 0;background:var(--fg-color-background)}.web-app-demo__inner{width:min(100%, var(--fg-content-6xl));margin:0 auto}.web-app-demo__header{max-width:var(--web-app-section-header-width);margin:0 0 var(--fg-space-12);text-align:left}.web-app-demo__eyebrow{margin:0;color:var(--web-app-section-eyebrow-color);font-size:var(--web-app-section-eyebrow-size);font-weight:var(--web-app-section-eyebrow-weight);line-height:var(--web-app-section-eyebrow-line-height);letter-spacing:var(--web-app-section-eyebrow-tracking);text-transform:uppercase}.web-app-demo__title{max-width:var(--web-app-section-header-width);margin:var(--fg-space-3) 0 0;color:var(--web-app-section-title-color);font-size:var(--web-app-section-title-size);font-weight:var(--web-app-section-title-weight);line-height:var(--web-app-section-title-line-height);letter-spacing:var(--web-app-section-title-tracking);text-wrap:balance}.web-app-demo__intro{margin:var(--fg-space-4) 0 0;text-wrap:pretty}.web-app-demo__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--fg-space-8);margin:0;padding:0;list-style:none}.web-app-demo__step{display:grid;gap:var(--fg-space-2);align-content:start;padding-top:var(--fg-space-5);border-top:var(--fg-border-width) solid var(--fg-color-border)}.web-app-demo__step-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--fg-space-3)}.web-app-demo__number{color:var(--fg-color-muted);font-size:var(--fg-text-xs);font-weight:var(--fg-weight-semibold);letter-spacing:var(--fg-tracking-wide)}.web-app-demo__kicker{margin:0;color:var(--fg-color-muted);font-size:var(--fg-text-2xs);font-weight:var(--fg-weight-semibold);letter-spacing:var(--fg-tracking-wide);line-height:var(--fg-leading-tight);text-transform:uppercase}.web-app-demo__card-title{margin:0;color:var(--fg-color-text);font-size:var(--fg-text-lg);font-weight:var(--fg-weight-bold);letter-spacing:var(--fg-tracking-reset);line-height:var(--fg-leading-tight)}.web-app-demo__card-copy{margin:0;color:var(--fg-color-muted);font-size:var(--fg-text-sm);line-height:var(--fg-leading-normal)}@media (max-width:1100px){.web-app-demo__grid{gap:var(--fg-space-6)}}@media (max-width:640px){.web-app-demo{padding-top:var(--fg-space-24)}.web-app-demo__title{font-size:var(--web-app-section-title-size)}.web-app-demo__grid{grid-template-columns:1fr}}