.vti{--vti-gutter:16px;--vti-sec:96px;--vti-head:24px;--vti-pad:20px;--vti-gap:12px;color:var(--pop-content);font-family:var(--pop-font-body);overflow-x:clip}@media (min-width:768px){.vti{--vti-gutter:24px;--vti-sec:128px;--vti-head:32px;--vti-pad:28px;--vti-gap:16px}}@media (min-width:1200px){.vti{--vti-gutter:32px;--vti-sec:160px;--vti-head:48px;--vti-pad:32px;--vti-gap:24px}}.vti-wrap{width:100%;max-width:1440px;padding-inline:var(--vti-gutter);margin-left:auto;margin-right:auto}.vti-h1{color:var(--pop-content);font-family:var(--pop-font-display);letter-spacing:var(--pop-tracking-hero);margin:0;font-size:32px;font-weight:700;line-height:36px}.vti-lead{max-width:720px;color:var(--pop-content);font-size:var(--pop-text-lead);font-weight:500;line-height:var(--pop-leading-lead);margin:16px 0 0}.vti-top{padding-top:40px}.vti-sec{margin-top:var(--vti-head)}@media (min-width:768px){.vti-top{padding-top:48px}.vti-h1{font-size:44px;line-height:48px}}@media (min-width:1200px){.vti-top{padding-top:64px}.vti-h1{font-size:var(--pop-text-hero);line-height:var(--pop-leading-hero)}}.vti a{outline:none}.vti a:focus-visible{border-radius:var(--pop-radius-dialog);box-shadow:var(--pop-ring)}.vti-grid{gap:var(--vti-gap);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.vti-grid>li{min-width:0}@media (max-width:1099px){.vti-grid>li:last-child:nth-child(odd){grid-column:1/-1}}@media (min-width:1100px){.vti-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.vti-tile{min-width:0;height:100%;padding:var(--vti-pad);border-radius:var(--pop-radius-dialog);background:var(--pop-surface-soft);color:var(--pop-content);transition:background-color var(--pop-duration-quick);flex-direction:column;align-items:flex-start;gap:12px;text-decoration:none;display:flex}a.vti-tile:hover{background:color-mix(in oklab,var(--pop-surface-soft),var(--pop-content)2%)}a.vti-tile:active{background:color-mix(in oklab,var(--pop-surface-soft),var(--pop-content)4%)}.vti-disc{border-radius:var(--pop-radius-pill);background:var(--pop-surface-page);width:40px;height:40px;color:var(--pop-content);flex-shrink:0;place-items:center;display:grid}.vti-disc svg{width:20px;height:20px}.vti-disc[data-tone=blue]{background:color-mix(in srgb,var(--pop-action)14%,var(--pop-surface-page));color:var(--pop-action)}.vti-disc[data-tone=pink]{background:var(--pop-brand-pink)}.vti-disc[data-tone=mango]{background:var(--pop-brand-mango)}.vti-disc[data-tone=pandan]{background:var(--pop-brand-pandan)}.vti-disc[data-tone=soft]{background:var(--pop-content);color:var(--pop-content-inverse)}.vti-tile__title{overflow-wrap:anywhere;color:var(--pop-content);font-family:var(--pop-font-display);letter-spacing:var(--pop-tracking-title);font-size:18px;font-weight:700;line-height:22px;display:block}.vti-tile__line{color:var(--pop-content-secondary);font-size:var(--pop-text-label);line-height:22px;display:none}.vti-tile__foot{flex-direction:column-reverse;align-items:flex-start;width:100%;margin-top:auto;display:flex}.vti-go{white-space:nowrap;min-height:44px;color:var(--pop-link);text-underline-offset:4px;flex-shrink:0;align-items:center;gap:8px;font-size:15px;font-weight:800;line-height:22px;text-decoration:none;display:inline-flex}.vti-go svg{flex-shrink:0;width:20px;height:20px}.vti-tile:hover .vti-go,.vti-go:hover{text-decoration:underline;text-decoration-thickness:2px}.vti-count{overflow-wrap:anywhere;min-width:0;color:var(--pop-content-secondary);font-size:var(--pop-text-label);font-weight:600;line-height:var(--pop-leading-label);display:block}.vti-count b{color:var(--pop-content);font-family:var(--pop-font-numeral);font-size:16px;font-weight:700}.vti-proof{background:var(--pop-surface-page);box-shadow:inset 0 0 0 1px var(--pop-line-subtle)}.vti-proof .vti-tile__line{display:block}.vti-proof__number{color:var(--pop-content);font-family:var(--pop-font-numeral);font-size:48px;font-weight:700;line-height:52px}.vti-proof .vti-go{margin-top:auto}@media (min-width:768px){.vti-tile{gap:16px}.vti-disc{width:48px;height:48px}.vti-disc svg{width:24px;height:24px}.vti-tile__title{font-size:var(--pop-text-card);line-height:var(--pop-leading-card)}.vti-tile__line{display:block}.vti-tile__foot{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:8px}.vti-proof__number{font-size:64px;line-height:68px}}@media (min-width:1200px){.vti-tile{gap:12px;min-height:240px}.vti-tile__title{max-width:100%;font-size:var(--pop-text-tile);line-height:var(--pop-leading-tile)}.vti-proof__number{font-size:80px;line-height:84px}}@media (prefers-reduced-motion:reduce){.vti-tile{transition:none}}
