.use-cases-page.public-usecasespage{isolation:isolate;color:#101116;background:#fff;min-height:100svh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow:hidden}canvas.particle-field.use-cases-particles.public-usecasespage{z-index:0;opacity:.58;width:100vw;inset:0}.stage.public-usecasespage{z-index:1;grid-template-columns:minmax(0,1fr);place-items:center;min-height:calc(100svh - 56px);padding:clamp(72px,8vh,110px) clamp(28px,4vw,72px) clamp(54px,7vh,86px);display:grid;position:relative}.selector.public-usecasespage{z-index:2;align-content:center;justify-items:start;gap:10px;width:max-content;padding:0;display:grid;position:absolute;top:50%;left:clamp(28px,4vw,72px);transform:translateY(-50%)}.selector.public-usecasespage button{color:#10111680;width:auto;min-height:50px;font:inherit;letter-spacing:0;text-align:left;box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;opacity:0;animation:.46s cubic-bezier(.22,1,.36,1) both selector-input;animation-delay:var(--selector-delay);background:#b7bfd90e;border:1px solid #1011160a;border-radius:999px;align-items:center;gap:10px;padding:0 19px;font-size:clamp(.98rem,1vw,1.08rem);font-weight:450;transition:border-color .18s,background .18s,box-shadow .18s,color .18s,transform .18s;display:inline-flex}.selector.public-usecasespage button:hover,.selector.public-usecasespage button:focus-visible{color:#101116bd;background:#ffffffb8;border-color:#10111638;outline:none;transform:translate(3px)}.selector.public-usecasespage button.active{color:#101116;box-shadow:none;background:#ffffffc2;border-color:#101116}.mark.public-usecasespage{color:currentColor;flex:none;width:18px;height:18px;display:inline-block;position:relative}.mark.public-usecasespage:before,.mark.public-usecasespage:after{content:"";border-radius:999px;position:absolute}.mark.public-usecasespage:before{opacity:.55;border:1.25px solid;width:5px;height:5px;top:2px;left:2px;box-shadow:8px 1px 0 -1.25px,4px 9px 0 -1.25px}.mark.public-usecasespage:after{opacity:.1;background:currentColor;width:5px;height:5px;top:7px;left:7px}.label.public-usecasespage{text-overflow:ellipsis;white-space:nowrap;clip-path:inset(0 100% 0 0);min-width:0;animation:.58s steps(12,end) both selector-label-in;animation-delay:calc(var(--selector-delay) + 90ms);overflow:hidden}.copy.public-usecasespage{text-align:center;justify-self:center;width:min(820px,68vw);margin-top:clamp(18px,5vh,62px)}.copy-inner.public-usecasespage{animation:.28s cubic-bezier(.22,1,.36,1) both copy-in}h1.public-usecasespage{color:#101116;letter-spacing:0;text-wrap:balance;max-width:100%;margin:0;font-size:clamp(3.6rem,4.55vw,5.3rem);font-weight:560;line-height:.98;display:inline-block}.title-line.public-usecasespage{display:inline}.title-hidden.public-usecasespage{opacity:0}.title-caret.public-usecasespage{vertical-align:-.08em;background:linear-gradient(#3367f6 0%,#ef4760 52%,#fbbc04 100%);border-radius:999px;width:.045em;height:.82em;margin-left:.07em;animation:.76s step-end infinite title-caret;display:inline-block}.title-typing-complete.public-usecasespage .title-caret{animation:.76s step-end infinite title-caret,.26s .42s forwards title-caret-out}p.public-usecasespage{color:#191b22;letter-spacing:0;text-wrap:balance;opacity:0;max-width:560px;animation:copy-detail-in .38s ease var(--copy-delay) both;margin:22px auto 0;font-size:clamp(1.06rem,1.14vw,1.2rem);font-weight:420;line-height:1.46;transform:translateY(8px)}.app-strip.public-usecasespage{flex-wrap:wrap;justify-content:center;gap:10px;max-width:780px;margin:28px auto 0;display:flex}.app-chip.public-usecasespage{color:#101116c2;letter-spacing:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;min-height:38px;animation:.38s cubic-bezier(.22,1,.36,1) both app-chip-in;animation-delay:var(--app-delay);background:#ffffffad;border:1px solid #10111614;border-radius:999px;align-items:center;gap:8px;padding:0 13px 0 9px;font-size:.88rem;font-weight:520;line-height:1;display:inline-flex;transform:translateY(8px)scale(.985);box-shadow:0 10px 30px #1011160e}.app-logo.public-usecasespage{background:#fff;border-radius:7px;flex:none;justify-content:center;align-items:center;width:24px;height:22px;display:inline-flex;overflow:hidden;box-shadow:inset 0 0 0 1px #1011160f}.app-logo.wordmark.public-usecasespage{width:58px}.app-logo.public-usecasespage img{object-fit:contain;width:100%;height:100%}.cta.public-usecasespage{color:#fff;letter-spacing:0;opacity:0;min-height:42px;animation:copy-detail-in .38s ease var(--cta-delay) both;background:#101116;border-radius:999px;justify-content:center;align-items:center;margin-top:34px;padding:0 24px;font-size:.96rem;font-weight:520;text-decoration:none;transition:background .18s,box-shadow .18s,transform .18s;display:inline-flex;transform:translateY(8px);box-shadow:0 18px 36px #10111624}.cta.public-usecasespage:focus-visible{outline:none;box-shadow:0 0 0 3px #10111629,0 18px 36px #10111624}@keyframes copy-in{0%{opacity:0;transform:translateY(12px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes selector-input{0%{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur()}}@keyframes selector-label-in{to{clip-path:inset(0)}}@keyframes title-caret{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes title-caret-out{to{opacity:0}}@keyframes copy-detail-in{to{opacity:1;transform:translateY(0)}}@keyframes app-chip-in{to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1100px){canvas.particle-field.use-cases-particles.public-usecasespage{opacity:.52;width:100vw;inset:0}.stage.public-usecasespage{padding-left:clamp(22px,4vw,48px);padding-right:clamp(22px,4vw,48px)}.copy.public-usecasespage{width:min(760px,72vw)}h1.public-usecasespage{font-size:clamp(3.2rem,7vw,4.8rem)}}@media (width<=820px){canvas.particle-field.use-cases-particles.public-usecasespage{opacity:.36;width:100vw;left:0;right:auto}.use-cases-page.public-usecasespage{overflow-y:auto}.stage.public-usecasespage{flex-direction:column;justify-content:center;gap:42px;min-height:100svh;padding:104px 18px 28px;display:flex}.copy.public-usecasespage{order:1;width:min(100%,620px);margin-top:20px}h1.public-usecasespage{white-space:normal;font-size:clamp(3.25rem,14vw,5.7rem);line-height:.98}p.public-usecasespage{max-width:520px;margin-top:24px;font-size:clamp(1.02rem,4vw,1.22rem);line-height:1.5}.app-strip.public-usecasespage{gap:8px;max-width:min(100%,520px);margin-top:24px}.app-chip.public-usecasespage{min-height:36px;padding-right:11px;font-size:.84rem}.cta.public-usecasespage{min-height:48px;margin-top:32px;padding:0 24px}.selector.public-usecasespage{scrollbar-width:none;order:2;gap:8px;width:100%;max-height:none;padding:3px 2px 9px;display:flex;position:relative;top:auto;left:auto;overflow:auto hidden;transform:none}.selector.public-usecasespage::-webkit-scrollbar{display:none}.selector.public-usecasespage button{width:auto;min-width:max-content;min-height:44px;padding:0 16px;font-size:.95rem}}@media (width<=520px){h1.public-usecasespage{font-size:clamp(2.92rem,15vw,4.4rem)}}@media (width>=821px){h1.public-usecasespage{white-space:nowrap}}@media (prefers-reduced-motion:reduce){h1.public-usecasespage,p.public-usecasespage,.app-chip.public-usecasespage,.copy-inner.public-usecasespage,.label.public-usecasespage,.selector.public-usecasespage button,.cta.public-usecasespage{transition:none;animation:none}.title-caret.public-usecasespage{display:none}.label.public-usecasespage{clip-path:none}p.public-usecasespage,.app-chip.public-usecasespage,.selector.public-usecasespage button,.cta.public-usecasespage{opacity:1;transform:none}}
