.howto-hero{background:var(--brand-bg-alt);padding-top:96px}.howto-hero__grid{align-items:center;display:grid;grid-gap:42px;gap:42px;grid-template-columns:minmax(0,1fr) minmax(360px,0.92fr)}.howto-hero h1{color:var(--brand-text);font-size:max(2rem, min(4vw, 3.5rem));margin-bottom:18px}.howto-hero p:not(.eyebrow){color:var(--brand-text);font-size:1.08rem}.howto-before-after{background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:var(--brand-radius);overflow:hidden}.howto-before-after img{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;width:100%}.howto-demo{background:var(--brand-bg)}.demo-grid{display:grid;grid-gap:22px;gap:22px;grid-template-columns:repeat(4,minmax(0,1fr))}.demo-panel{background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:var(--brand-radius);padding:22px;position:relative}.demo-panel h3{font-size:1.08rem}.demo-panel p,.howto-card-grid p{color:var(--brand-text)}.howto-cases{background:var(--brand-bg-alt)}.howto-card-grid article{background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:var(--brand-radius);overflow:hidden}.howto-card-grid img{aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;width:100%}.howto-card-grid h3,.howto-card-grid p{padding-left:20px;padding-right:20px}.howto-card-grid h3{margin-top:18px}.howto-card-grid p{padding-bottom:22px}@media (max-width:991px){.howto-hero{padding-top:72px}.demo-grid,.howto-hero__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.howto-hero__grid{grid-template-columns:1fr}}@media (max-width:575px){.demo-grid{grid-template-columns:1fr}}