.cs-bento__perf.csbp{position:absolute;inset:0;background:var(--base-opp);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:14px 16px 0;overflow:hidden;isolation:isolate}[color-scheme=dark] .cs-bento__perf.csbp{background:var(--base-shade)}.csbp__grid{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.1px);background-size:16px 16px;pointer-events:none;z-index:0}.csbp__chips{position:relative;z-index:3;display:flex;gap:6px}.csbp__chip{font-size:.85rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:.35em .9em;line-height:1.2}.csbp__chip--inert{background:transparent;font-family:inherit;cursor:default}.csbp__chip--btn{background:transparent;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease;pointer-events:auto}.csbp__chip--btn:hover{color:#fff;border-color:rgba(255,255,255,.4)}.csbp__chip--btn.is-on{background:rgb(var(--accent-rgb));color:#0c0c0c;border-color:rgb(var(--accent-rgb))}.csbp__chip--btn:focus-visible{outline:2px solid rgb(var(--accent-rgb));outline-offset:2px}.csbp__stage{position:relative;z-index:2;flex:1;min-height:0}.csbp__m{position:absolute;inset:0;display:flex;align-items:center;gap:14px;opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease;pointer-events:none}.csbp__m.is-on{opacity:1;transform:translateY(0)}.csbp__mtxt{display:flex;flex-direction:column;justify-content:center;min-width:0}.csbp__value{font-weight:800;font-size:clamp(2.6rem,4.5vw,4rem);line-height:1;letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums;font-family:var(--_font-accent,var(--_font-body))}.csbp__value--long{font-size:clamp(1.8rem,3vw,2.6rem)}.csbp__value--fallback{font-size:clamp(1.4rem,2vw,1.8rem);letter-spacing:-.02em;line-height:1.1}.csbp__label{margin-top:.6em;font-size:.95rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5);max-width:30ch;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.csbp__m--social .csbp__reel{flex:none;width:4rem;height:7rem;border-radius:.9rem;background:rgba(255,255,255,.06);border:1.5px solid rgb(var(--accent-rgb));position:relative;overflow:hidden}.csbp__reel:before{content:"";position:absolute;top:.5rem;left:50%;transform:translateX(-50%);width:1.1rem;height:.28rem;border-radius:.2rem;background:rgba(255,255,255,.25)}.csbp__reel i{position:absolute;left:52%;top:50%;transform:translate(-50%,-50%);width:0;height:0;border-left:1rem solid rgb(var(--accent-rgb));border-top:.65rem solid transparent;border-bottom:.65rem solid transparent}.csbp__reel:after{content:"";position:absolute;left:.55rem;right:.55rem;bottom:.55rem;height:.28rem;border-radius:.2rem;background:linear-gradient(90deg,rgb(var(--accent-rgb)) 65%,rgba(255,255,255,.18) 65%)}.csbp--app{justify-content:center;height:100%}.cs-bento__perf.csbp--app{padding-bottom:3.4rem}.csbp--app .csbp__stage{display:flex;align-items:center;min-height:0}.csbp--app .csbp__m--social{height:100%;align-items:center}.csbp--app .csbp__phonewrap{position:relative;flex:none;height:min(13rem,100%);aspect-ratio:1/2}.csbp--app .csbp__phonewrap .csbp__reel.csbp__reel--shot{position:absolute;inset:0;width:100%;height:100%;border-radius:1.1rem}.csbp__reel--shot:after,.csbp__reel--shot:before{display:none}.csbp__reel--shot img{object-fit:cover}.csbp__reel--shot .csbp__appshot{height:126%!important;animation:csbp-app-pan 9s ease-in-out infinite alternate}@keyframes csbp-app-pan{0%{transform:translateY(0)}to{transform:translateY(-20%)}}@media (prefers-reduced-motion:reduce){.csbp__reel--shot .csbp__appshot{animation:none}}.csbp__chart{position:relative;z-index:1;flex:none;width:calc(100% + 32px);margin:0 -16px;height:34%;max-height:72px;min-height:44px;display:block}.csbp__chart-line{stroke:rgb(var(--accent-rgb));stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.csbp__chart-dot{fill:rgb(var(--accent-rgb))}@media (prefers-reduced-motion:reduce){.csbp__m{transition:none}}.csbp__badges{display:inline-flex;flex-direction:column;gap:.8rem}.csbp__badge{display:inline-flex;align-items:center;gap:.9rem;padding:.7rem 1.3rem .7rem 1.1rem;border:1px solid rgba(255,255,255,.4);border-radius:.9rem;background:rgba(0,0,0,.35);color:#fff;font-size:2.2rem;line-height:1;animation:csbp-badge-live 6s ease-in-out infinite}.csbp__badge:nth-child(2){animation-delay:3s}@keyframes csbp-badge-live{0%,8%{border-color:rgba(255,255,255,.4);background:rgba(0,0,0,.35);transform:translateY(0) scale(1);box-shadow:0 0 0 0 transparent}16%,40%{border-color:rgb(var(--accent-rgb));background:color-mix(in srgb,rgb(var(--accent-rgb)) 14%,rgba(0,0,0,.35));transform:translateY(-2px) scale(1.04);box-shadow:0 10px 26px -10px color-mix(in srgb,rgb(var(--accent-rgb)) 65%,transparent)}52%,to{border-color:rgba(255,255,255,.4);background:rgba(0,0,0,.35);transform:translateY(0) scale(1);box-shadow:0 0 0 0 transparent}}@media (prefers-reduced-motion:reduce){.csbp__badge{animation:none}}.csbp__badge-txt{display:flex;flex-direction:column;gap:.25rem}.csbp__badge-txt i{font-style:normal;font-size:.85rem;font-weight:600;letter-spacing:.04em;color:rgba(255,255,255,.65)}.csbp__badge-txt b{font-size:1.35rem;font-weight:800;letter-spacing:-.01em;white-space:nowrap}