.bg-page{--bg:#fff;--tile:#f1f1f1;--ink:#0b0b0b;--muted:#737373;--line:#e4e4e4;--chip:#f1f1f1;--accent:#6e56cf;min-height:100vh;background:var(--bg);color:var(--ink);padding:0 20px 80px;font-family:ui-sans-serif,system-ui,-apple-system,Inter,sans-serif}@media (prefers-color-scheme:dark){.bg-page{--bg:#0b0b0c;--tile:#18181a;--ink:#f4f4f5;--muted:#8b8b92;--line:#26262a;--chip:#1c1c1f}}.bg-page *{box-sizing:border-box}.bg-top{max-width:1400px;margin:0 auto;padding:16px 0;display:flex;align-items:center;gap:12px}.bg-back{color:var(--muted);text-decoration:none;font-size:14px;margin-right:auto}.bg-top input{width:min(260px,40vw);border-radius:999px;border:0;background:var(--chip);color:var(--ink);font:inherit}.bg-play,.bg-top input{padding:9px 16px;font-size:14px}.bg-play{border-radius:999px;background:var(--ink);color:var(--bg);text-decoration:none;font-weight:600}.bg-hero{max-width:640px;margin:48px auto 36px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.bg-hero h1{font-size:clamp(30px,5vw,44px);letter-spacing:-.03em;margin:0;line-height:1.1}.bg-hero p{margin:0;color:var(--muted);line-height:1.55}.bg-badge{padding:5px 12px;border-radius:999px;border:1px solid var(--line);font-size:13px;color:var(--ink)!important}.bg-cta{display:inline-block;margin-top:8px;padding:12px 22px;border-radius:999px;background:var(--ink);color:var(--bg);text-decoration:none;font-weight:600;font-size:15px;transition:transform .15s}.bg-cta:hover{transform:translateY(-1px)}.bg-chips{max-width:1400px;margin:0 auto 16px;display:flex;flex-wrap:wrap;gap:8px}.bg-chips button{padding:7px 14px;border-radius:999px;border:0;background:var(--chip);color:var(--ink);font:inherit;font-size:13px;cursor:pointer;transition:background .2s,color .2s}.bg-grid{max-width:1400px;margin:0 auto;columns:360px 3;column-gap:16px}.bg-tile{position:relative;margin:0 0 16px;page-break-inside:avoid;break-inside:avoid;border-radius:28px;background:var(--tile);overflow:hidden;display:flex;flex-direction:column}.bg-stage{display:grid;place-items:center;min-height:15rem;padding:40px 24px 12px;position:relative}.bg-tile[data-size=l] .bg-stage{min-height:26rem}.bg-tile[data-size=m] .bg-stage{min-height:19rem}.bg-tile[data-size=s] .bg-stage{min-height:11rem}.bg-tile figcaption{display:flex;justify-content:space-between;align-items:baseline;padding:6px 22px 18px;font-size:13px}.bg-tile figcaption span{color:var(--muted)}.bg-new{position:absolute;top:16px;left:16px;z-index:5;padding:4px 10px;border-radius:999px;background:var(--bg);font-size:12px;font-weight:500}.bg-none{color:var(--muted)}:where(.bg-page) button{font:inherit;color:inherit}.bg-page :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.bg-hint{color:var(--muted);font-size:12px;margin-top:18px;display:block;text-align:center}.bg-pill{margin-top:26px;padding:8px 16px;border-radius:999px;border:0;background:var(--bg);cursor:pointer;font-size:13px;transition:transform .15s}.bg-pill:active{transform:scale(.95)}.bg-counter{display:inline-flex;align-items:center;gap:6px;padding:8px;border-radius:22px;background:var(--bg);box-shadow:0 1px 0 rgba(0,0,0,.04),0 8px 24px -14px rgba(0,0,0,.25)}.bg-counter button{width:46px;height:46px;border-radius:15px;border:0;background:var(--tile);font-size:22px;cursor:pointer;transition:transform .12s,background .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.bg-counter button:active{transform:scale(.88)}.bg-counter output{display:inline-flex;padding:0 10px;font-size:36px;font-weight:600;letter-spacing:-.02em}.bg-digit{display:inline-block;height:1.15em;line-height:1.15em;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent);mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent)}.bg-digit__col{display:flex;flex-direction:column;transform:translateY(calc(var(--d) * -1.15em));transition:transform .65s cubic-bezier(.34,1.45,.5,1)}.bg-digit__col i{font-style:normal;height:1.15em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bg-toasts{display:flex;flex-direction:column;align-items:center;width:100%}.bg-toasts__stack{position:relative;width:min(320px,100%);height:calc(70px + (var(--n, 3) - 1) * 0px + 12px);transition:height .5s cubic-bezier(.34,1.3,.5,1)}.bg-toasts[data-open=true] .bg-toasts__stack{height:calc(70px + (var(--n, 3) - 1) * 76px)}.bg-toast{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:12px;padding:12px 12px 12px 14px;border-radius:18px;background:var(--bg);box-shadow:0 10px 28px -14px rgba(0,0,0,.35),0 0 0 1px rgba(0,0,0,.04);z-index:calc(10 - var(--i));transform:translateY(calc(var(--i) * 10px)) scale(calc(1 - var(--i) * .05));opacity:calc(1 - var(--i) * .22);transition:transform .5s cubic-bezier(.34,1.3,.5,1),opacity .35s;animation:bg-in .5s cubic-bezier(.34,1.4,.5,1)}.bg-toasts[data-open=true] .bg-toast{transform:translateY(calc(var(--i) * 76px));opacity:1}@keyframes bg-in{0%{transform:translateY(-20px) scale(.96);opacity:0}}.bg-toast__dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 18%,transparent)}.bg-toast>div{display:flex;flex-direction:column;min-width:0;flex:1 1}.bg-toast strong{font-size:14px}.bg-toast small{color:var(--muted);font-size:12.5px}.bg-toast__act{border:0;background:var(--tile);padding:6px 12px;border-radius:999px;font-size:12.5px;cursor:pointer}.bg-toast__x{color:var(--muted);font-size:18px;padding:0 4px}.bg-hold,.bg-toast__x{border:0;background:none;cursor:pointer}.bg-hold{display:inline-flex;flex-direction:column;align-items:center;gap:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.bg-hold svg{overflow:visible;border-radius:50%;background:var(--bg);box-shadow:0 8px 24px -12px rgba(0,0,0,.3);padding:0;transition:transform .25s cubic-bezier(.34,1.5,.5,1);width:64px;height:64px}.bg-hold[data-active=true] svg{transform:scale(calc(1.05 + var(--p) * .12))}.bg-hold__track{fill:none;stroke:color-mix(in srgb,var(--ink) 10%,transparent);stroke-width:3}.bg-hold__ring{fill:none;stroke:#e5484d;stroke-width:3;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center}.bg-hold__bin,.bg-hold__tick{fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bg-hold[data-done=true] .bg-hold__ring{stroke:#30a46c}.bg-hold[data-done=true] .bg-hold__tick{stroke:#30a46c;stroke-dasharray:40;animation:bg-draw .4s ease both}@keyframes bg-draw{0%{stroke-dashoffset:40}to{stroke-dashoffset:0}}.bg-hold span{font-size:13px;color:var(--muted)}.bg-deck{position:relative;width:190px;height:250px;touch-action:pan-y}.bg-deck__card{position:absolute;inset:0;border-radius:22px;border:5px solid #fff;box-shadow:0 16px 34px -16px rgba(0,0,0,.45);cursor:-webkit-grab;cursor:grab;display:flex;align-items:flex-end;padding:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bg-deck__card:active{cursor:-webkit-grabbing;cursor:grabbing}.bg-deck__card span{background:#fff;color:#111;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:500}.bg-dots{position:absolute;inset:0;width:100%;height:100%;color:var(--ink);cursor:crosshair}.bg-island-wrap{display:flex;flex-direction:column;align-items:center}.bg-island{position:relative;border:0;background:#000;color:#fff;padding:0;cursor:pointer;overflow:hidden;display:grid;place-items:center;transition:width .55s cubic-bezier(.34,1.35,.5,1),height .55s cubic-bezier(.34,1.35,.5,1),border-radius .55s cubic-bezier(.34,1.35,.5,1)}.bg-island:active{transform:scale(.97)}.bg-island__body{display:flex;align-items:center;gap:12px;width:100%;padding:0 16px;animation:bg-fade .45s ease .12s both}@keyframes bg-fade{0%{opacity:0;filter:blur(6px);transform:scale(.92)}}.bg-island b{font-size:14px;font-weight:600;text-align:left;flex:1 1}.bg-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ff9ad5,#7b61ff)}.bg-call{width:30px;height:30px;border-radius:50%;background:#30a46c;position:relative}.bg-call:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #30a46c;animation:bg-ping 1.4s infinite}@keyframes bg-ping{to{transform:scale(1.7);opacity:0}}.bg-ring{width:22px;height:22px;border-radius:50%;border:3px solid #f5a623;border-right-color:transparent;animation:bg-spin 2.4s linear infinite}@keyframes bg-spin{to{rotate:1turn}}.bg-music{display:flex;align-items:center;gap:12px;width:100%}.bg-music>div{flex:1 1;display:flex;flex-direction:column;text-align:left}.bg-music small{color:#9a9aa2;font-size:12px}.bg-art{width:54px;height:54px;border-radius:12px;background:conic-gradient(from 160deg,#6e56cf,#ff7eb3,#24c6dc,#6e56cf)}.bg-eq{display:inline-flex;align-items:flex-end;gap:3px;height:22px}.bg-eq i{width:4px;border-radius:2px;background:#fff;animation:bg-eq 1s ease-in-out infinite alternate}.bg-eq i:nth-child(2){animation-delay:.2s}.bg-eq i:nth-child(3){animation-delay:.4s}.bg-eq i:nth-child(4){animation-delay:.1s}@keyframes bg-eq{0%{height:20%}to{height:100%}}.bg-ticks{width:min(100%,300px);gap:14px}.bg-ticks,.bg-ticks__row{display:flex;align-items:center}.bg-ticks__row{flex:1 1;height:38px;justify-content:space-between;cursor:ew-resize;touch-action:none}.bg-ticks__row i{width:2px;height:22px;border-radius:1px;background:color-mix(in srgb,var(--ink) 18%,transparent);transition:transform .18s cubic-bezier(.34,1.5,.5,1),background .15s}.bg-ticks__row i.on{background:var(--ink)}.bg-ticks output{width:3ch;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--muted);font-size:14px}.bg-seg{width:min(100%,300px);padding:16px;border-radius:22px;background:var(--bg);box-shadow:0 8px 24px -16px rgba(0,0,0,.25);display:flex;flex-direction:column;gap:18px}.bg-seg__top{display:flex;align-items:center;justify-content:space-between}.bg-seg__top strong{font-size:22px;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bg-seg__ctl{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:999px;background:var(--tile)}.bg-seg__ctl i{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:999px;background:var(--bg);box-shadow:0 1px 4px rgba(0,0,0,.18);transition:transform .45s cubic-bezier(.34,1.45,.5,1)}.bg-seg__ctl[data-k=Week] i{transform:translateX(100%)}.bg-seg__ctl button{position:relative;z-index:1;padding:5px 14px;border:0;background:none;cursor:pointer;font-size:13px;color:var(--muted)}.bg-seg__ctl button[aria-pressed=true]{color:var(--ink)}.bg-seg__bars{height:104px;display:flex;align-items:flex-end;gap:4px}.bg-seg__bars i{flex:1 1;border-radius:4px;background:linear-gradient(#8b7bef,#6e56cf);transition:height .7s cubic-bezier(.34,1.35,.5,1)}.bg-liquid{position:relative;width:112px;height:56px;border-radius:999px;border:0;background:color-mix(in srgb,var(--ink) 14%,transparent);cursor:pointer;transition:background .35s;padding:0;-webkit-tap-highlight-color:transparent}.bg-liquid[aria-checked=true]{background:#30a46c}.bg-liquid__knob{position:absolute;top:5px;left:5px;width:46px;height:46px;border-radius:999px;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.25);transition:left .55s cubic-bezier(.34,1.5,.5,1),width .2s ease}.bg-liquid:active .bg-liquid__knob{width:66px}.bg-liquid[aria-checked=true] .bg-liquid__knob{left:calc(100% - 51px)}.bg-liquid[aria-checked=true]:active .bg-liquid__knob{left:calc(100% - 71px)}.bg-liquid__label{position:absolute;top:50%;translate:0 -50%;right:16px;font-size:13px;font-weight:600;color:var(--muted)}.bg-liquid[aria-checked=true] .bg-liquid__label{left:16px;right:auto;color:#fff}@media (prefers-reduced-motion:reduce){.bg-page *{transition-duration:.01ms!important;animation-duration:.01ms!important}}.bg-themed{display:grid;place-items:center;width:100%;border-radius:22px;padding:28px 20px;background:var(--c-bg);color:var(--c-text);font-family:var(--f-body);overflow:hidden;position:relative}.bg-tile[data-kit] .bg-stage{padding:36px 14px 6px;min-height:12rem}.bg-kit{position:absolute;top:16px;right:16px;z-index:5;padding:4px 10px;border-radius:999px;background:var(--ink);color:var(--bg);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.bg-themed .lp-btn,.bg-themed button{cursor:pointer}.bg-themed{zoom:.74}.bg-themed .lp-tabs [role=tabpanel] .lp-media,.bg-themed .lp-tabs__panel .lp-media{display:none}.bg-tile figcaption{flex-direction:column;align-items:stretch;gap:10px}.bg-cap{display:flex;justify-content:space-between;align-items:baseline}.bg-variants{display:flex;flex-wrap:wrap;gap:6px}.bg-variants button{flex:none;padding:5px 12px;border-radius:999px;border:0;background:color-mix(in srgb,var(--ink) 7%,transparent);color:var(--muted);font-size:12px;cursor:pointer;transition:background .2s,color .2s}.bg-variants button[aria-selected=true]{background:var(--ink);color:var(--bg)}.bg-stage{animation:bg-swap .35s ease both}@keyframes bg-swap{0%{opacity:0;transform:translateY(6px)}}.bg-dock{display:flex;align-items:flex-end;gap:8px;padding:10px 14px;border-radius:24px;background:color-mix(in srgb,var(--bg) 85%,transparent);box-shadow:0 10px 30px -16px rgba(0,0,0,.4),0 0 0 1px rgba(0,0,0,.05);height:78px}.bg-dock__i{position:relative;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff;font-weight:700;transition:transform .12s ease-out;transform-origin:bottom center}.bg-dock__i em{position:absolute;bottom:calc(100% + 8px);font-style:normal;font-size:11px;font-weight:500;padding:3px 8px;border-radius:8px;background:var(--ink);color:var(--bg);opacity:0;pointer-events:none;transition:opacity .15s;white-space:nowrap}.bg-dock__i:hover em{opacity:1}.bg-tiltwrap{perspective:800px;padding:24px}.bg-tilt{position:relative;width:250px;height:156px;border-radius:20px;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;color:#fff;background:linear-gradient(135deg,#3b1d8f,#7b61ff 55%,#ff7eb3);box-shadow:0 24px 40px -22px rgba(60,20,140,.7);overflow:hidden;transform-style:preserve-3d}.bg-tilt small{letter-spacing:.2em;font-size:10px;opacity:.8}.bg-tilt strong{font-size:18px}.bg-tilt>span:last-child{opacity:.8;font-size:13px;letter-spacing:.12em}.bg-tilt__glare{position:absolute;inset:0;transition:opacity .2s;pointer-events:none}.bg-spot{position:relative;width:min(100%,340px);border-radius:18px;overflow:hidden;background:var(--bg);box-shadow:0 0 0 1px rgba(0,0,0,.06)}.bg-spot__g{display:grid;grid-template-columns:repeat(4,1fr)}.bg-spot__g span{padding:22px 6px;text-align:center;font-size:13px;color:var(--muted);border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);margin:-.5px}.bg-spot__g--lit{position:absolute;inset:0;pointer-events:none;-webkit-mask-image:radial-gradient(circle 90px at var(--x) var(--y),#000,transparent);mask-image:radial-gradient(circle 90px at var(--x) var(--y),#000,transparent)}.bg-spot__g--lit span{color:var(--ink);font-weight:650;background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.bg-scramble{border:0;background:none;cursor:pointer;text-align:center;font-family:ui-monospace,Menlo,monospace;font-size:30px;font-weight:700;letter-spacing:-.02em;min-width:9ch}.bg-scramble small{display:block;margin-top:12px;font-family:inherit;font-size:12px;font-weight:400;color:var(--muted);letter-spacing:0}.bg-reorder{position:relative;list-style:none;margin:0;padding:0;width:min(100%,290px)}.bg-reorder li{position:absolute;left:0;right:0;top:0;height:46px;display:flex;align-items:center;gap:12px;padding:0 14px;border-radius:14px;background:var(--bg);box-shadow:0 1px 0 rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.04);font-size:14px;cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bg-reorder li.is-drag{cursor:-webkit-grabbing;cursor:grabbing;box-shadow:0 16px 30px -12px rgba(0,0,0,.35)}.bg-grip{color:var(--muted);letter-spacing:-2px}.bg-swipe{width:min(100%,300px);display:flex;flex-direction:column;gap:8px;align-items:center}.bg-swipe__row{position:relative;width:100%;border-radius:14px;overflow:hidden;background:#e5484d}.bg-swipe__del{position:absolute;right:0;top:0;bottom:0;width:88px;border:0;background:none;color:#fff;font-weight:600;cursor:pointer}.bg-swipe__face{position:relative;display:flex;justify-content:space-between;align-items:center;padding:15px 14px;background:var(--bg);font-size:14px;touch-action:pan-y;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bg-swipe__face small{color:var(--muted)}.bg-cmd{width:min(100%,310px);border-radius:16px;background:var(--bg);box-shadow:0 18px 40px -22px rgba(0,0,0,.4),0 0 0 1px rgba(0,0,0,.05);overflow:hidden}.bg-cmd input{width:100%;border:0;border-bottom:1px solid var(--line);padding:14px 16px;font:inherit;font-size:14px;background:none;color:var(--ink);outline:none}.bg-cmd ul{list-style:none;margin:0;padding:6px}.bg-cmd li{display:flex;justify-content:space-between;padding:9px 10px;border-radius:9px;font-size:14px;cursor:pointer;transition:background .12s}.bg-cmd li[data-on=true]{background:color-mix(in srgb,var(--accent) 14%,transparent)}.bg-cmd kbd{color:var(--muted);font:inherit}.bg-cmd__none{color:var(--muted);cursor:default!important}.bg-cmd__foot{display:block;padding:8px 14px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.bg-react{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:56px}.bg-react__bar{position:absolute;top:0;display:flex;gap:4px;padding:6px 8px;border-radius:999px;background:var(--bg);box-shadow:0 10px 28px -12px rgba(0,0,0,.35);opacity:0;transform:translateY(10px) scale(.9);pointer-events:none;transition:opacity .2s,transform .35s cubic-bezier(.34,1.5,.5,1)}.bg-react__bar[data-open=true]{opacity:1;transform:none;pointer-events:auto}.bg-react__bar button{border:0;background:none;font-size:24px;cursor:pointer;padding:2px 4px;transform:scale(.4);opacity:0;transition:transform .35s cubic-bezier(.34,1.8,.5,1),opacity .2s}.bg-react__bar[data-open=true] button{transform:none;opacity:1}.bg-react__bar button:hover{transform:scale(1.5) translateY(-4px)!important}.bg-react__main{border:0;background:var(--bg);padding:10px 18px;border-radius:999px;font-size:16px;cursor:pointer;box-shadow:0 0 0 1px rgba(0,0,0,.06)}.bg-react__main span{font-size:14px;margin-left:6px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bg-react__main[data-on=true]{background:color-mix(in srgb,var(--accent) 14%,var(--bg))}.bg-swatch{--c:#6e56cf;display:flex;flex-direction:column;align-items:center;gap:18px}.bg-swatch__card{width:230px;padding:16px;border-radius:18px;background:var(--bg);display:grid;grid-gap:4px;gap:4px;box-shadow:0 10px 28px -16px rgba(0,0,0,.3)}.bg-swatch__card i{width:34px;height:34px;border-radius:10px;background:var(--c);transition:background .4s;margin-bottom:6px}.bg-swatch__card span{color:var(--muted);font-size:13px}.bg-swatch__card button{margin-top:10px;border:0;padding:9px;border-radius:10px;background:var(--c);color:#fff;font-weight:600;transition:background .4s}.bg-swatch__row{display:flex;gap:10px}.bg-swatch__row button{width:28px;height:28px;border-radius:50%;border:0;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.8,.5,1),box-shadow .2s}.bg-swatch__row button[aria-checked=true]{transform:scale(1.25);box-shadow:0 0 0 3px var(--tile),0 0 0 5px currentColor;color:var(--ink)}.bg-stars{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:center;max-width:260px}.bg-stars button{border:0;background:none;padding:2px;cursor:pointer}.bg-stars svg path{fill:color-mix(in srgb,var(--ink) 14%,transparent);transition:fill .15s,transform .3s cubic-bezier(.34,1.8,.5,1);transform-origin:center;transform-box:fill-box}.bg-stars button[data-on=true] svg path{fill:#f5a623;transform:scale(1.08)}.bg-stars button[data-pop=true] svg{animation:bg-pop .45s cubic-bezier(.34,1.8,.5,1)}@keyframes bg-pop{40%{transform:scale(1.35) rotate(-8deg)}}.bg-stars small{width:100%;text-align:center;color:var(--muted);font-size:13px;margin-top:8px;min-height:1.2em}.bg-btn{border:0;cursor:pointer;font-weight:600;font-size:15px;padding:14px 26px;border-radius:999px;background:var(--ink);color:var(--bg);position:relative;overflow:hidden}.bg-btn--ripple i{position:absolute;width:10px;height:10px;margin:-5px;border-radius:50%;background:color-mix(in srgb,var(--bg) 45%,transparent);animation:bg-ripple .7s ease-out forwards;pointer-events:none}@keyframes bg-ripple{to{transform:scale(26);opacity:0}}.bg-mag{padding:38px 54px}.bg-btn--mag{background:var(--accent);color:#fff}.bg-btn--shine{background:linear-gradient(135deg,#1d1d20,#3a3a40);color:#fff}.bg-btn--shine:after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-18deg);transition:left .7s ease}.bg-btn--shine:hover:after{left:130%}.bg-btn--shine span{position:relative;z-index:1}.bg-tx{margin:0;font-size:22px;font-weight:650;letter-spacing:-.02em;text-align:center}.bg-tx--lg{font-size:30px}.bg-tx--xl{font-size:40px;letter-spacing:-.03em}.bg-rot{height:1.25em;overflow:hidden;vertical-align:bottom;color:var(--accent)}.bg-rot,.bg-rot__in{display:inline-block}.bg-rot__in{animation:bg-rot 2s cubic-bezier(.34,1.3,.5,1) both}@keyframes bg-rot{0%{transform:translateY(100%);opacity:0;filter:blur(6px)}22%,80%{transform:none;opacity:1;filter:none}to{transform:translateY(-100%);opacity:0;filter:blur(6px)}}.bg-type{font-family:ui-monospace,Menlo,monospace;font-size:20px;min-height:1.4em}.bg-type i{display:inline-block;width:2px;height:1.1em;margin-left:3px;background:var(--ink);vertical-align:-.15em;animation:bg-blink 1s steps(1) infinite}@keyframes bg-blink{50%{opacity:0}}.bg-shimmer{background:linear-gradient(100deg,color-mix(in srgb,var(--ink) 35%,transparent) 40%,var(--ink) 50%,color-mix(in srgb,var(--ink) 35%,transparent) 60%) 0 0 /250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:bg-shim 2.6s linear infinite}@keyframes bg-shim{0%{background-position:150% 0}to{background-position:-50% 0}}.bg-flow{background:linear-gradient(90deg,#6e56cf,#ff7eb3,#f5a623,#30a46c,#3b82f6,#6e56cf) 0 0 /300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:bg-flow 6s linear infinite}@keyframes bg-flow{to{background-position:-300% 0}}.bg-flip,.bg-hl,.bg-reveal{border:0;background:none;cursor:pointer;text-align:center;font:inherit;color:inherit;max-width:300px}.bg-hl{font-size:24px;font-weight:650;letter-spacing:-.02em;line-height:1.45}.bg-hl mark{color:inherit;background:linear-gradient(transparent 58%,color-mix(in srgb,#f5c542 75%,transparent) 0) 0 0 /0 100% no-repeat;animation:bg-mark .8s var(--d,.1s) ease-out forwards;padding:0 2px}@keyframes bg-mark{to{background-size:100% 100%}}.bg-flip small,.bg-hl small,.bg-reveal small{display:block;margin-top:16px;font-size:12px;font-weight:400;color:var(--muted);letter-spacing:0}.bg-reveal{font-size:26px;font-weight:650;letter-spacing:-.02em;line-height:1.2}.bg-reveal i{display:inline-block;font-style:normal;margin-right:.28em;animation:bg-blur .7s cubic-bezier(.2,.8,.2,1) both}@keyframes bg-blur{0%{opacity:0;filter:blur(10px);transform:translateY(.4em)}}.bg-tick{display:flex;flex-direction:column;align-items:center;gap:4px}.bg-tick strong{font-size:52px;letter-spacing:-.04em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bg-tick span{color:var(--muted);font-size:14px}.bg-tick .bg-pill{margin-top:18px}.bg-flip span{display:inline-flex;gap:4px}.bg-flip i{display:grid;place-items:center;width:32px;height:46px;border-radius:6px;background:#141416;color:#f4f4f5;font-style:normal;font-family:ui-monospace,Menlo,monospace;font-size:24px;font-weight:700;position:relative;box-shadow:inset 0 -1px 0 rgba(255,255,255,.08)}.bg-flip i:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.7)}.bg-phone{position:relative;width:190px;height:380px;border-radius:34px;padding:9px;background:#151517;box-shadow:0 30px 50px -26px rgba(0,0,0,.55),inset 0 0 0 2px #2c2c30;flex:none}.bg-phone__notch{position:absolute;top:14px;left:50%;translate:-50% 0;width:62px;height:18px;border-radius:12px;background:#000;z-index:3}.bg-phone__screen{position:relative;height:100%;border-radius:26px;overflow:hidden;background:#f6f6f7;display:flex;flex-direction:column}.bg-phone__bar{display:flex;justify-content:space-between;align-items:baseline;padding:40px 16px 10px;background:#f6f6f7;z-index:2;color:#111}.bg-phone__bar em{font-style:normal;font-size:12px;background:#6e56cf;color:#fff;border-radius:999px;padding:1px 8px}.bg-feedwrap{flex:1 1;overflow:hidden;display:flex;flex-direction:column;animation:bg-feed 12s linear infinite}.bg-feedwrap--slow{animation-duration:20s}.bg-phone__screen>.bg-feedwrap{padding-top:36px}.bg-phone__bar+.bg-feedwrap{padding-top:0}@keyframes bg-feed{to{transform:translateY(-50%)}}.bg-feed{display:flex;flex-direction:column;gap:8px;padding:0 12px 8px}.bg-feed__c{display:grid;grid-template-columns:34px 1fr;grid-template-rows:10px 10px;grid-gap:6px 10px;gap:6px 10px;padding:10px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.05)}.bg-feed__c i{grid-row:1/3;border-radius:10px}.bg-feed__c b,.bg-feed__c u{border-radius:4px;background:#e6e6ea}.bg-feed__c u{width:60%;background:#efeff2}.bg-pair{position:relative;width:290px;height:360px}.bg-phone--s{width:150px;height:300px;border-radius:28px;padding:7px;position:absolute;right:0;top:40px}.bg-phone--s .bg-phone__screen{border-radius:22px}.bg-phone--back{left:0;right:auto;top:0;transform:rotate(-6deg)}.bg-phone--s .bg-phone__notch{width:48px;height:14px;top:11px}.bg-browser{width:min(100%,360px);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 26px 46px -24px rgba(0,0,0,.5),0 0 0 1px rgba(0,0,0,.08)}.bg-browser__bar{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#efeff1}.bg-browser__bar i{width:9px;height:9px;border-radius:50%;background:#d4d4d8}.bg-browser__bar i:first-child{background:#ff5f57}.bg-browser__bar i:nth-child(2){background:#febc2e}.bg-browser__bar i:nth-child(3){background:#28c840}.bg-browser__bar span{margin-left:8px;flex:1 1;font-size:11px;color:#777;background:#fff;border-radius:6px;padding:3px 10px}.bg-browser__body{display:grid;grid-template-columns:70px 1fr;height:200px}.bg-browser aside{display:flex;flex-direction:column;gap:8px;padding:14px 10px;background:#f6f6f8}.bg-browser aside b{height:8px;border-radius:4px;background:#dcdce2}.bg-browser aside b:first-child{background:#6e56cf}.bg-browser main{padding:14px;display:flex;flex-direction:column;gap:14px}.bg-browser__row{display:flex;gap:8px}.bg-browser__row u{flex:1 1;height:38px;border-radius:8px;background:#f0eefc}.bg-browser__chart{flex:1 1;display:flex;align-items:flex-end;gap:6px}.bg-browser__chart i{flex:1 1;border-radius:4px 4px 0 0;background:linear-gradient(#8b7bef,#6e56cf);transform-origin:bottom;animation:bg-grow 3s ease-in-out infinite alternate}.bg-browser__chart i:nth-child(odd){animation-delay:.4s}@keyframes bg-grow{0%{transform:scaleY(.7)}}.bg-bgp{position:relative;width:100%;height:320px;border-radius:18px;overflow:hidden;background:#08080b;isolation:isolate}.bg-bgp__label{left:14px;bottom:12px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.4)}.bg-bgp>i,.bg-bgp__label{position:absolute}.bg-bgp--beams>i{top:-20%;bottom:-20%;width:90px;left:calc(var(--i) * 15% - 4%);background:linear-gradient(transparent,rgba(110,86,207,.65),transparent);filter:blur(14px);transform:rotate(18deg);animation:bg-beam 5s ease-in-out calc(var(--i) * -.7s) infinite alternate}@keyframes bg-beam{0%{opacity:.15;translate:-40px 0}to{opacity:.9;translate:50px 0}}.bg-bgp--rays{background:#0b0a10}.bg-bgp--rays>i{inset:-60% -20% auto;height:220%;background:repeating-conic-gradient(from 0deg at 50% 0,rgba(255,214,140,.85) 0deg 2.5deg,transparent 2deg 12deg);-webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 0,#000,transparent 70%);mask-image:radial-gradient(ellipse 60% 70% at 50% 0,#000,transparent 70%);animation:bg-rays 14s ease-in-out infinite alternate;transform-origin:50% 0}@keyframes bg-rays{0%{transform:rotate(-9deg)}to{transform:rotate(9deg)}}.bg-bgp--horizon{background:linear-gradient(#0a0618,#1b0b3a 55%,#3a1366)}.bg-bgp--horizon>i{left:-50%;right:-50%;bottom:-10%;height:60%;background-image:linear-gradient(rgba(255,120,200,.7) 1px,transparent 0),linear-gradient(90deg,rgba(255,120,200,.7) 1px,transparent 0);background-size:48px 48px;transform:perspective(300px) rotateX(62deg);transform-origin:top;animation:bg-horizon 2.4s linear infinite;-webkit-mask-image:linear-gradient(transparent,#000 40%);mask-image:linear-gradient(transparent,#000 40%)}@keyframes bg-horizon{to{background-position:0 48px}}.bg-bgp--streaks>i{top:-10%;left:var(--x);width:1.5px;height:90px;background:linear-gradient(transparent,#fff);transform:rotate(35deg);opacity:0;animation:bg-streak var(--s) var(--d) linear infinite}@keyframes bg-streak{0%{translate:0 0;opacity:0}10%{opacity:.9}to{translate:-260px 420px;opacity:0}}.bg-bgp--stars>i{width:calc(var(--z) * 1.5px);height:calc(var(--z) * 1.5px);border-radius:50%;background:#fff;animation:bg-tw 3s var(--d) ease-in-out infinite}@keyframes bg-tw{0%,to{opacity:.15;transform:scale(.7)}50%{opacity:1;transform:scale(1.4)}}.bg-bgp--grain{background:radial-gradient(60% 80% at 25% 30%,#6e56cf,transparent 65%),radial-gradient(50% 70% at 80% 70%,#ff7a59,transparent 65%),#120c1f}.bg-bgp--grain>i{inset:-10%;filter:url(#bgn);opacity:.45;mix-blend-mode:overlay;animation:bg-grain 1.2s steps(4) infinite}@keyframes bg-grain{25%{translate:-2% 1%}50%{translate:1% -2%}75%{translate:2% 2%}}@property --r{syntax:"<percentage>";inherits:false;initial-value:0}.bg-bgp--dots>i{inset:0;background-image:radial-gradient(rgba(255,255,255,.7) 1.3px,transparent 1.8px);background-size:20px 20px;--r:0%;-webkit-mask-image:radial-gradient(circle at 50% 50%,transparent calc(var(--r) - 14%),#000 var(--r),transparent calc(var(--r) + 14%));mask-image:radial-gradient(circle at 50% 50%,transparent calc(var(--r) - 14%),#000 var(--r),transparent calc(var(--r) + 14%));animation:bg-dp 4s ease-out infinite}@keyframes bg-dp{0%{--r:0%;opacity:1}to{--r:95%;opacity:0}}@media (prefers-reduced-motion:reduce){.bg-bgp *,.bg-feedwrap,.bg-flow,.bg-rot__in,.bg-shimmer{animation:none!important}}.bg-fxpage{display:block;position:relative;width:100%;height:25rem;overflow:hidden;border-radius:18px;background:var(--c-bg);color:var(--c-text);font-family:var(--f-body);isolation:isolate;text-align:left}.bg-fxpage[data-fx-scroller]{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.bg-fxpage .lp-section{padding-block:1.6rem}.bg-fxpage .lp-hero{padding-block:2.2rem 2.6rem}.bg-fxpage .lp-nav{position:-webkit-sticky;position:sticky;top:0}.bg-fxpage .lp-nav__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 1rem}.bg-fxpage .lp-nav nav{display:flex;gap:1rem;font-size:.85rem}.bg-fxpage .lp-heading--display{font-size:clamp(1.7rem,4.2vw,2.5rem)!important;max-width:16ch;margin-inline:auto}.bg-fxpage .lp-grid{gap:.8rem}.bg-fxpage .lp-grid--3{grid-template-columns:repeat(3,1fr)}.bg-fxpage .lp-card,.bg-fxpage .lp-feature{padding:1rem;font-size:.85rem}.bg-fxpage .lp-logo-row{gap:1.2rem;flex-wrap:wrap;justify-content:center}.bg-fxpage .lp-fxdock{z-index:70}.bg-tile[data-fx] .bg-stage{padding:14px;min-height:0;display:block}.bg-tile[data-fx] .bg-cap span{text-transform:none}.bg-fxabout{margin:6px 4px 2px;font-size:.78rem;line-height:1.45;color:var(--bg-mute,#8a8f98)}.bg-fxpage a:not(.lp-btn){color:inherit;text-decoration:none}.bg-group{display:block;margin:2px 0 8px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.bg-laptop{width:100%;display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:70px 0 6px;--W:240px;--D:155px;--H:150px}.bg-laptop__rig{position:relative;width:var(--W);height:1px;transform-style:preserve-3d;transform:perspective(1300px) translateY(30px) rotateX(-24deg) rotateY(var(--yaw,-30deg));transition:transform .35s ease-out}.bg-laptop__rig>*{position:absolute;left:0;top:0}.bg-laptop__base{width:var(--W);height:var(--D);transform-origin:top;transform:rotateX(90deg);border-radius:6px 6px 16px 16px;background:linear-gradient(#d9d9de,#bdbdc4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.6);display:grid;grid-template-rows:auto 1fr;padding:14px 16px 12px;grid-gap:10px;gap:10px}.bg-laptop__keys{display:grid;grid-template-columns:repeat(14,1fr);grid-gap:3px;gap:3px}.bg-laptop__keys i{height:10px;border-radius:2px;background:#2b2b30;box-shadow:0 1px 0 #111}.bg-laptop__pad{width:42%;margin:0 auto;border-radius:6px;background:#c7c7ce;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14)}.bg-laptop__front{width:var(--W);height:9px;transform:translateZ(var(--D));border-radius:0 0 14px 14px;background:linear-gradient(#a3a3ab,#85858d)}.bg-laptop__shadow{width:var(--W);height:var(--D);transform:translateY(10px) rotateX(90deg) scale(1.1);transform-origin:top;background:radial-gradient(closest-side,rgba(0,0,0,.45),transparent);filter:blur(12px)}.bg-laptop__lid{width:var(--W);height:var(--H);top:calc(var(--H) * -1);transform-origin:bottom;transform-style:preserve-3d;transform:rotateX(-88deg);transition:transform 1s cubic-bezier(.3,1.25,.5,1)}.bg-laptop[data-open=true] .bg-laptop__lid{transform:rotateX(10deg)}.bg-laptop__screen{position:absolute;inset:0;padding:12px 10px 10px;border-radius:12px 12px 4px 4px;background:#121214;box-shadow:inset 0 0 0 2px #2c2c31;-webkit-backface-visibility:hidden;backface-visibility:hidden}.bg-laptop__screen:after{content:"";position:absolute;inset:12px 10px 10px;border-radius:4px;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.14) 50%,transparent 60%);pointer-events:none}.bg-laptop__cam{position:absolute;top:4px;left:50%;width:4px;height:4px;border-radius:50%;background:#3a3a40}.bg-laptop__ui{height:100%;border-radius:4px;background:linear-gradient(160deg,#f4f1ff,#fff);padding:14px;display:grid;align-content:start;grid-gap:8px;gap:8px;overflow:hidden}.bg-laptop__ui b{height:14px;width:40%;border-radius:4px;background:#6e56cf}.bg-laptop__ui u{height:30px;border-radius:8px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.07)}.bg-laptop__back{position:absolute;inset:0;border-radius:12px 12px 4px 4px;background:linear-gradient(#c9c9d0,#a9a9b1);transform:rotateY(180deg);-webkit-backface-visibility:hidden;backface-visibility:hidden}.bg-laptop .bg-hint{margin-top:70px}.bg-fxpage .lp-logo,.bg-fxpage .lp-nav a,.bg-fxpage .lp-nav__links a{white-space:nowrap}.bg-fxpage .lp-nav__links{gap:10px;font-size:13px}.bg-support{color:var(--ink);text-decoration:none;font-size:.8rem;white-space:nowrap}@media (max-width:650px){.bg-top{flex-wrap:wrap}.bg-back{flex-basis:calc(100% - 100px)}.bg-back span{display:none}.bg-top input{width:auto;flex:1 1}.bg-support{margin-left:auto}}.bg-page.bg-page{--bg:#f5f3ed;--tile:#eeece4;--ink:#22271f;--muted:#64685e;--line:#d8dbcf;--chip:#e7e5dc;--accent:#3e523d;color-scheme:light;padding:0 clamp(22px,5vw,88px) 72px}@media (prefers-color-scheme:dark){.bg-page.bg-page{--bg:#f5f3ed;--tile:#eeece4;--ink:#22271f;--muted:#64685e;--line:#d8dbcf;--chip:#e7e5dc}}.bg-page .sf-nav{max-width:1400px;margin:0 auto;padding-block:25px}.bg-page .sf-brand{font-weight:650;letter-spacing:-.8px}.bg-page .sf-brand,.bg-page .sf-nav a{color:var(--ink);text-decoration:none}.bg-hero{max-width:1400px;margin:0 auto;padding:clamp(48px,6vw,84px) 0 44px;text-align:left;align-items:flex-start;gap:0}.bg-eyebrow{font:10px ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:28px!important}.bg-hero h1{font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;font-size:clamp(54px,7vw,96px);font-weight:400;line-height:.99;letter-spacing:-.045em;margin:0 0 28px}.bg-hero h1 em{color:var(--accent);font-weight:400}.bg-lede{font-size:16px;line-height:1.75;max-width:34rem}.bg-tools{display:flex;flex-wrap:wrap;gap:20px 32px;margin-top:32px;width:100%}.bg-cta,.bg-tools{align-items:center}.bg-cta{margin:0;padding:0 0 8px;border-radius:0;background:none;color:var(--ink);border-bottom:1px solid var(--ink);font-weight:400;font-size:13px;display:inline-flex;gap:28px}.bg-cta:hover{transform:none;border-bottom-width:2px}.bg-tools input{margin-left:auto;width:min(260px,100%);padding:10px 2px;border:0;border-radius:0;background:none;border-bottom:1px solid var(--line);font-size:13px;color:var(--ink)}.bg-tools input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.bg-count{font:11px ui-monospace,monospace;color:var(--muted)}.bg-chips{padding-block:0}.bg-chips button{padding:10px 15px;border-radius:30px;background:none;color:var(--muted);font-size:12px}.bg-chips button:hover{background:var(--chip);color:var(--ink)}.bg-chips button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.bg-chips+.bg-chips{margin-bottom:24px}.bg-tile{border-radius:14px;border:1px solid var(--line)}.bg-kit,.bg-new{padding:0;border-radius:0;background:none;font:10px ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.bg-new{color:var(--accent)}@media (max-width:650px){.bg-tools input{margin-left:0;width:100%}}