.vt-products:where(.astro-hzsdba6i){margin-block:var(--vt-space-24) var(--vt-space-32)}.vt-products__top:where(.astro-hzsdba6i){justify-content:space-between;align-items:flex-end;gap:var(--vt-space-16) var(--vt-space-24);margin-bottom:var(--vt-space-32);flex-wrap:wrap;display:flex}.vt-products__head:where(.astro-hzsdba6i){gap:var(--vt-space-8);max-width:62ch;display:grid}.vt-products__head:where(.astro-hzsdba6i) h2:where(.astro-hzsdba6i){font-family:var(--font-display);font-size:var(--sl-text-h2);color:var(--vt-text-hi);margin:0;font-weight:600;line-height:1.2}.vt-products__head:where(.astro-hzsdba6i) p:where(.astro-hzsdba6i){color:var(--vt-text-2);margin:0;line-height:1.6}.vt-products__grid:where(.astro-hzsdba6i){gap:var(--vt-space-24);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.vt-product:where(.astro-hzsdba6i){--c:var(--vt-cut-modal);--vt-app:var(--vt-blue);isolation:isolate;gap:var(--vt-space-24);min-height:300px;padding:var(--vt-space-32);box-sizing:border-box;background:var(--vt-line-strong);clip-path:polygon(var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c));transition:background-color var(--vt-motion-ui) var(--vt-ease-ui);grid-template-rows:auto 1fr;display:grid;position:relative}.vt-product:where(.astro-hzsdba6i):before{content:"";z-index:-1;background:var(--vt-surface-2);clip-path:polygon(calc(var(--c) - .6px) 0, 100% 0, 100% calc(100% - var(--c) + .6px), calc(100% - var(--c) + .6px) 100%, 0 100%, 0 calc(var(--c) - .6px));position:absolute;inset:1px}.vt-product:where(.astro-hzsdba6i):hover{background:var(--vt-line-hover)}.vt-product--devhub:where(.astro-hzsdba6i){--vt-app:var(--vt-app-sapphire)}.vt-product--brama:where(.astro-hzsdba6i){--vt-app:var(--vt-app-green)}.vt-product__top:where(.astro-hzsdba6i){justify-content:space-between;align-items:flex-start;gap:var(--vt-space-16);display:flex}.vt-product__logo:where(.astro-hzsdba6i){width:56px;height:56px;display:block}.vt-product__icon:where(.astro-hzsdba6i){--cut:14px;box-sizing:border-box;background:var(--vt-surface-2);border:1px solid var(--vt-line-strong);width:56px;height:56px;color:var(--vt-app);clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));flex:none;place-items:center;display:grid;overflow:hidden}.vt-product__icon:where(.astro-hzsdba6i) svg:where(.astro-hzsdba6i){width:100%;height:100%;display:block}.vt-product__icon:where(.astro-hzsdba6i) path:where(.astro-hzsdba6i){stroke-dasharray:30;stroke-dashoffset:0}.vt-product:where(.astro-hzsdba6i):hover .vt-product__icon:where(.astro-hzsdba6i) path:where(.astro-hzsdba6i){animation:.9s cubic-bezier(.2,.8,.2,1) v-trace}@keyframes v-trace{0%{stroke-dashoffset:30px}to{stroke-dashoffset:0}}.vt-product__status:where(.astro-hzsdba6i){font:400 12px/1.4 var(--font-ui);white-space:nowrap;color:var(--vt-accent-text);background:color-mix(in srgb, var(--vt-accent) 12%, transparent);padding:4px 12px;display:inline-block}.vt-product__text:where(.astro-hzsdba6i){gap:var(--vt-space-8);align-content:end;max-width:44ch;display:grid;position:relative}.vt-product__name:where(.astro-hzsdba6i){margin:0 0 var(--vt-space-4);font-family:var(--font-wordmark);letter-spacing:.04em;color:var(--vt-text-hi);font-size:clamp(26px,3vw,34px);font-weight:400;line-height:1}.vt-product__body:where(.astro-hzsdba6i){margin:var(--vt-space-8) 0 var(--vt-space-8);color:var(--vt-text-2);font-size:15px;line-height:1.6}.vt-product__text:where(.astro-hzsdba6i) .vt-btn:where(.astro-hzsdba6i){justify-self:start}.vt-product__board:where(.astro-hzsdba6i){z-index:-1;-webkit-mask-composite:source-in;pointer-events:none;width:72%;height:46%;position:absolute;top:18px;right:18px;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 45%),linear-gradient(#000 70%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 45%),linear-gradient(#000 70%,#0000 100%);mask-composite:intersect}.vt-product__board:where(.astro-hzsdba6i) .track:where(.astro-hzsdba6i),.vt-product__board:where(.astro-hzsdba6i) .signal:where(.astro-hzsdba6i){fill:none;stroke-width:1.5px;stroke-linejoin:miter}.vt-product__board:where(.astro-hzsdba6i) .track:where(.astro-hzsdba6i){stroke:var(--vt-line-strong);transition:stroke .4s var(--vt-ease-ui)}.vt-product__board:where(.astro-hzsdba6i) .pad:where(.astro-hzsdba6i){fill:var(--vt-surface-2);stroke:var(--vt-line-strong);stroke-width:1.5px;transition:stroke .4s var(--vt-ease-ui), fill .4s var(--vt-ease-ui)}.vt-product__board:where(.astro-hzsdba6i) .signal:where(.astro-hzsdba6i){stroke:var(--vt-app);stroke-width:2px;stroke-dasharray:16 84;stroke-dashoffset:100px;opacity:0}.vt-product__board:where(.astro-hzsdba6i) g:where(.astro-hzsdba6i):first-child{--t:0}.vt-product__board:where(.astro-hzsdba6i) g:where(.astro-hzsdba6i):nth-child(2){--t:1}.vt-product__board:where(.astro-hzsdba6i) g:where(.astro-hzsdba6i):nth-child(3){--t:2}.vt-product__board:where(.astro-hzsdba6i) g:where(.astro-hzsdba6i):nth-child(4){--t:3}.vt-product__board:where(.astro-hzsdba6i) g:where(.astro-hzsdba6i):nth-child(5){--t:4}.vt-product__board:where(.astro-hzsdba6i) g:where(.astro-hzsdba6i):nth-child(6){--t:5}.vt-product__board:where(.astro-hzsdba6i) g:where(.astro-hzsdba6i):nth-child(7){--t:6}.vt-product:where(.astro-hzsdba6i):hover .vt-product__board:where(.astro-hzsdba6i) .track:where(.astro-hzsdba6i){stroke:var(--vt-line-hover)}.vt-product:where(.astro-hzsdba6i):hover .vt-product__board:where(.astro-hzsdba6i) .pad:where(.astro-hzsdba6i){stroke:var(--vt-app);transition-delay:calc(var(--t) * 90ms + .5s)}.vt-product:where(.astro-hzsdba6i):hover .vt-product__board:where(.astro-hzsdba6i) .signal:where(.astro-hzsdba6i){opacity:1;animation:board-signal 1.1s cubic-bezier(.45, 0, .3, 1) calc(var(--t) * 90ms) infinite}@keyframes board-signal{0%{stroke-dashoffset:100px}70%,to{stroke-dashoffset:0}}@media (width<=46rem){.vt-products__grid:where(.astro-hzsdba6i){grid-template-columns:1fr}.vt-product:where(.astro-hzsdba6i){min-height:260px;padding:var(--vt-space-24)}.vt-product__board:where(.astro-hzsdba6i){opacity:.7;width:88%}}@media (prefers-reduced-motion:reduce){.vt-product:where(.astro-hzsdba6i):hover .vt-product__board:where(.astro-hzsdba6i) .signal:where(.astro-hzsdba6i),.vt-product:where(.astro-hzsdba6i):hover .vt-product__icon:where(.astro-hzsdba6i) path:where(.astro-hzsdba6i){animation:none}}