.build-with{background:var(--ab-color-canvas)}.build-with>.ab-container>h2{margin:0 0 var(--ab-space-56)}.build-with>.ab-container>h2 em{color:var(--build-with-em-color,var(--ab-blue-400));font-style:normal}.build-with__inner{gap:var(--ab-space-48);grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:center;display:grid}.build-with__inner+.build-with__inner{margin-top:var(--ab-space-section-md)}.build-with__inner--reverse{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.build-with__inner--reverse .build-with__grid{grid-column:1}.build-with__inner--reverse .build-with__intro-copy{grid-column:2}.build-with__intro-copy h3{max-width:none;font-size:var(--ab-font-size-32);font-weight:var(--ab-font-weight-semibold);line-height:var(--ab-line-tight);margin:0}.build-with__intro-copy p{max-width:var(--ab-width-form);margin:var(--ab-space-16) 0 0;color:var(--ab-color-text-secondary)}.build-with__grid{gap:var(--ab-space-16);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.build-with__item{min-width:0;display:flex}.build-with__item--wide{grid-column:1/-1}.build-with__card{gap:var(--ab-space-16);width:100%;padding:var(--ab-space-32);border:var(--ab-border-thin) solid var(--ab-color-border);border-radius:var(--ab-radius-16);background:var(--ab-color-surface);color:var(--ab-color-text);grid-template-rows:auto auto 1fr auto;display:grid}.build-with__card>*{margin:0}.build-with__card--dark{background:var(--ab-color-surface-raised);color:var(--ab-color-text)}.build-with__card h4{max-width:none;font-size:var(--ab-font-size-20);font-weight:var(--ab-font-weight-semibold)}.build-with__card p{color:var(--ab-color-text-secondary)}.build-with__platforms{align-items:center;gap:var(--ab-space-16);flex-wrap:wrap;display:flex}.build-with__platforms img{width:var(--ab-icon-24);height:var(--ab-icon-24);object-fit:contain}.build-with__platforms-more{color:var(--ab-color-text-muted);font-size:var(--ab-font-size-14)}.build-with__pills{gap:var(--ab-space-8);flex-wrap:wrap;align-self:end;margin:0;padding:0;list-style:none;display:flex}.build-with__pills .ab-tag{border-color:var(--ab-color-border);background:var(--ab-color-surface-hover);color:var(--ab-color-text)}@media (width<=64rem){.build-with__inner,.build-with__inner--reverse{gap:var(--ab-space-32);grid-template-columns:1fr}.build-with__inner--reverse .build-with__grid,.build-with__inner--reverse .build-with__intro-copy{grid-column:auto}.build-with__inner--reverse .build-with__intro-copy{order:-1}}@media (width<=48rem){.build-with__grid{grid-template-columns:1fr}.build-with__item--wide{grid-column:auto}}.everything-inside .ab-block-layout__header{margin-bottom:var(--ab-space-56)}.everything-inside .ab-block-layout__header.ab-section-head--stacked>*{max-width:47.5rem!important}.everything-inside .everything-inside__icon{color:var(--ab-color-text)}.everything-inside .everything-inside__icon.ab-decorative-icon--tile{border-color:var(--ab-color-border-strong);background:var(--ab-neutral-50)}.ab-block-layout--feature-grid .everything-inside__items{grid-template-columns:repeat(3,minmax(0,1fr))}.everything-inside__item--wide{grid-column:span 2}.everything-inside__pills{gap:var(--ab-space-8);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.everything-inside__pills .ab-tag{border-color:var(--ab-color-border);background:var(--ab-color-surface-hover);color:var(--ab-color-text)}.everything-inside .ab-block-layout__item{grid-template-rows:auto auto 1fr auto}.everything-inside__cta-footer{justify-content:space-between;align-items:center;gap:var(--ab-space-16);display:flex}.everything-inside__cta-button{flex:none}@media (width<=64rem){.ab-block-layout--feature-grid .everything-inside__items{grid-template-columns:repeat(2,minmax(0,1fr))}.everything-inside__item--wide{grid-column:span 2}}@media (width<=48rem){.ab-block-layout--feature-grid .everything-inside__items{grid-template-columns:1fr}.everything-inside__item--wide{grid-column:auto}.everything-inside__cta-footer{flex-direction:column;align-items:flex-start}}.ab-block-layout.grow-into-ags{background:var(--ab-color-surface)}.grow-into-ags .ab-block-layout__header{margin-bottom:var(--ab-space-56)}.grow-into-ags .ab-block-layout__header.ab-section-head--stacked>*{max-width:47.5rem!important}.ab-block-layout.grow-into-ags .ab-block-layout__item{background:var(--ab-color-surface-hover)}