@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";
[data-px=play]{font-family:var(--px-font-sans);background:var(--px-bg-app);color:var(--px-fg-1)}.t-hero{font-family:var(--px-font-sans);font-size:clamp(2rem,6vw,3.5rem);font-weight:800;line-height:var(--px-lh-tight);letter-spacing:var(--px-tracking-tighter);color:var(--px-fg-1)}.t-h1{font-size:32px;font-weight:700;line-height:var(--px-lh-snug);letter-spacing:var(--px-tracking-tight);color:var(--px-fg-1)}.t-h2{font-size:22px;font-weight:700;line-height:var(--px-lh-snug);letter-spacing:var(--px-tracking-tight);color:var(--px-fg-1)}.t-h3{font-size:18px;font-weight:600;line-height:var(--px-lh-snug);color:var(--px-fg-1)}.t-card-title{color:var(--px-fg-1);letter-spacing:var(--px-tracking-tight);font-size:15px;font-weight:600}.t-body{font-size:15px;font-weight:400;line-height:var(--px-lh-loose);color:var(--px-fg-3)}.t-body-sm{font-size:13px;font-weight:400;line-height:var(--px-lh-base);color:var(--px-fg-3)}.t-meta{color:var(--px-fg-4);font-size:13px;font-weight:500}.t-caption{color:var(--px-fg-4);font-size:11px;font-weight:500}.t-label{color:var(--px-fg-3);font-size:13px;font-weight:500}.t-eyebrow{letter-spacing:var(--px-tracking-wider);text-transform:uppercase;color:var(--px-green);font-size:11px;font-weight:700}.t-mono{font-family:var(--px-font-mono);color:var(--px-fg-4);font-size:12px}.t-gradient{background:linear-gradient(135deg,#fff 0% 50%,#fff6 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.px-glass{background:var(--px-bg-glass);-webkit-backdrop-filter:blur(var(--px-bg-glass-blur))saturate(var(--px-bg-glass-saturate));border-bottom:1px solid var(--px-surface-stroke)}.px-card{background:var(--px-surface-1);border:1px solid var(--px-surface-stroke);border-radius:var(--px-radius-2xl);transition:background var(--px-dur-base)var(--px-ease-out)}.px-card:hover{background:var(--px-surface-2)}.px-cta{background:var(--px-green);height:44px;color:var(--px-fg-on-green);border-radius:var(--px-radius-pill);box-shadow:var(--px-shadow-glow-green);transition:background var(--px-dur-base)var(--px-ease-out),box-shadow var(--px-dur-base)var(--px-ease-out),transform var(--px-dur-base)var(--px-ease-out);justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:14px;font-weight:700;display:inline-flex}.px-cta:hover{background:var(--px-green-hover);box-shadow:var(--px-shadow-glow-green-lg)}.px-cta:active{transform:scale(.97)}.px-cta:disabled{opacity:.5;box-shadow:none;cursor:not-allowed}.px-ghost{background:var(--px-surface-2);height:36px;color:var(--px-fg-3);border-radius:var(--px-radius-pill);transition:background var(--px-dur-base)var(--px-ease-out);align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:500;display:inline-flex}.px-ghost:hover{background:var(--px-surface-3);color:var(--px-fg-1)}.px-pill-live{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--px-radius-pill);letter-spacing:.06em;color:#fff;background:#ef4444e6;align-items:center;gap:6px;height:24px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.px-pill-live:before{content:"";background:#fff;border-radius:50%;width:6px;height:6px;animation:1.4s infinite px-pulse}.px-pill-247{background:var(--px-surface-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--px-radius-pill);color:#fff;align-items:center;gap:6px;height:24px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.px-logo-tile{border-radius:var(--px-radius-md);background:var(--px-green);width:40px;height:40px;box-shadow:0 8px 24px var(--px-green-glow);justify-content:center;align-items:center;display:inline-flex}.px-mesh-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.px-mesh-bg:before,.px-mesh-bg:after{content:"";filter:blur(120px);border-radius:50%;position:absolute}.px-mesh-bg:before{background:#1db95426;width:500px;height:500px;top:0;left:25%}.px-mesh-bg:after{background:#1db9541a;width:400px;height:400px;top:80px;right:25%}@keyframes px-pulse{0%,to{opacity:1}50%{opacity:.4}}.px-press{touch-action:manipulation;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.px-press:active{transform:scale(.9)}@media (prefers-reduced-motion:reduce){.px-press{transition:none}.px-press:active{transform:none}}