/* Share the About card's material across the catalog surfaces. */
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) {
  --catalog-material: linear-gradient(150deg,rgba(255,255,255,.1),transparent 40%,rgba(115,112,230,.025)),linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.025) 68%),rgba(255,255,255,.06);
  --catalog-material-edge: rgba(255,255,255,.78);
  --catalog-material-shadow: 0 18px 55px rgba(47,51,92,.085),inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 0 rgba(255,255,255,.2);
}
.dark body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) {
  --catalog-material: linear-gradient(150deg,rgba(255,255,255,.035),transparent 40%,rgba(115,112,230,.00875)),linear-gradient(135deg,rgba(201,201,255,.07),rgba(255,255,255,.008) 68%),rgba(23,27,34,.16);
  --catalog-material-edge: rgba(210,210,255,.22);
  --catalog-material-shadow: 0 18px 55px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.035);
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) :is(aside.bg-card, main > .bg-card, main [data-slot="card"], main [data-slot="table-container"], header input, [data-slot="sheet-content"]),
.dark body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) :is(aside.bg-card, main > .bg-card, main [data-slot="card"], main [data-slot="table-container"], header input, [data-slot="sheet-content"]) {
  background: var(--catalog-material);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-color: var(--catalog-material-edge);
  box-shadow: var(--catalog-material-shadow);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
  backdrop-filter: blur(18px) saturate(135%);
}
/* Keep the material stable when hovering over model information. */
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [data-slot="card"]:hover {
  background: var(--catalog-material);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-color: var(--catalog-material-edge);
  box-shadow: var(--catalog-material-shadow);
}
/* Give animated backdrop sampling a stable, clipped compositing surface. */
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [data-slot="card"] {
  isolation: isolate;
  transform: translateZ(0);
  backface-visibility: hidden;
  transition: border-color .2s, box-shadow .2s;
}
@supports not (backdrop-filter: blur(1px)) {
  body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) :is(aside.bg-card, main > .bg-card, main [data-slot="card"], main [data-slot="table-container"], header input, [data-slot="sheet-content"]) { background: #f3f5f8; }
  .dark body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) :is(aside.bg-card, main > .bg-card, main [data-slot="card"], main [data-slot="table-container"], header input, [data-slot="sheet-content"]) { background: #171b22; }
}