.px .px-demo-chooser{display:flex;flex-direction:column;justify-content:center;gap:24px;width:100%;max-width:430px;min-height:100dvh;margin:0 auto;padding:max(24px,env(safe-area-inset-top,0px)) var(--gutter) max(24px,env(safe-area-inset-bottom,0px))}.px .px-demo-intro{display:grid;gap:12px}.px .px-demo-back{width:fit-content;color:var(--ink2);font-size:14px;line-height:20px;text-underline-offset:4px}.px .px-demo-title{margin:0;color:var(--ink);font-size:32px;line-height:36px;font-weight:750;letter-spacing:-.03em}.px .px-demo-tiles{display:grid;gap:12px}.px .px-demo-tile{display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:0;min-height:150px;padding:18px;border:1px solid var(--edge);border-radius:var(--r-card);background:var(--tb);color:var(--ink);box-shadow:var(--sh-card);text-decoration:none}.px .px-demo-tile-head{display:flex;align-items:center;gap:16px}.px .px-demo-tile h2{margin:0;font-size:23px;line-height:28px;font-weight:750;letter-spacing:-.025em}.px .px-demo-icon{display:flex;align-items:center;justify-content:center;flex:none;width:64px;height:64px;border-radius:var(--r-circle);background:var(--tm);color:var(--td)}.px .px-demo-detail{display:grid;gap:4px}.px .px-demo-description{color:var(--ink2);font-size:13.5px;line-height:20px;font-weight:550;letter-spacing:-.01em}.px .px-demo-kpis{color:var(--td);font-size:13px;line-height:18px;font-weight:650;letter-spacing:-.01em}.px .px-demo-arrow{display:flex;margin-left:auto;color:var(--td)}.px .px-demo-coming{display:grid;gap:6px;justify-items:start}.px .px-demo-chip{padding:4px 10px;border-radius:var(--r-chip);background:var(--surface);color:var(--ink2);font-size:12px;line-height:16px;font-weight:600}.px a.px-demo-tile{transition:transform .14s ease,box-shadow .14s ease;-webkit-tap-highlight-color:transparent}.px a.px-demo-tile:active{transform:scale(.985);box-shadow:var(--sh-tile)}@media (hover:hover){.px a.px-demo-tile:hover{box-shadow:var(--sh-proposal)}}@media (prefers-reduced-motion:reduce){.px a.px-demo-tile{transition:none}.px a.px-demo-tile:active{transform:none}}.px .px-demo-note{margin:0;color:var(--muted);font-size:14px;line-height:20px;font-weight:550}body:has(.px):has(.px-demo-chooser) .fbl-fab,body:has(.px):has(.px-demo-chooser) .ga-guide-pill{display:none}.px a.px-demo-tile:focus-visible{outline:3px solid var(--act);outline-offset:4px}.px .px-demo-tile[aria-disabled=true]{box-shadow:none;border-style:dashed}