.vp-usecases{background:var(--ax-band)}.vp-usecases .vp-usecase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.vp-usecase-cell{display:flex;min-width:0}.vp-usecases .vp-usecase-card{display:flex;flex:1;flex-direction:column;min-width:0;min-height:300px;padding:32px;border-radius:var(--ax-radius-lg);background:var(--ax-paper);transition:background-color var(--ax-dur-fast) var(--ax-ease-out)}.vp-usecases .vp-usecase-card:hover{background:var(--ax-hover-light)}.vp-usecase-top{display:flex;align-items:center;justify-content:space-between;gap:24px}.vp-usecase-tag{color:var(--ax-muted);font-size:var(--ax-ui-size);font-weight:var(--ax-w-ui);line-height:var(--ax-ui-lh)}.vp-usecase-top svg{flex:0 0 auto}.vp-usecases .vp-usecase-card h3{max-width:28ch;margin:auto 0 12px;padding-top:48px;font-size:var(--tp-title-size);font-weight:var(--ax-w-medium);letter-spacing:var(--ax-h3-ls);line-height:var(--ax-h3-lh)}.vp-usecases .vp-usecase-card p{max-width:52ch;margin:0;color:var(--ax-ink-2);font-size:var(--ax-lede-size);letter-spacing:var(--ax-lede-ls);line-height:var(--ax-lede-lh)}@media(hover:hover)and (pointer:fine){.vp-usecase-top svg{transition:transform var(--ax-dur-fast) var(--ax-ease-out)}.vp-usecase-card:hover:not(:focus-visible) .vp-usecase-top svg{transform:translate(3px,-3px)}}@media(max-width:900px){.vp-usecases .vp-usecase-grid{grid-template-columns:minmax(0,1fr)}.vp-usecases .vp-usecase-card{min-height:240px;padding:24px}}