.arena-public .arena-hero-figma{--herof-ink:#171717;--herof-body:#111113;--herof-mark:var(--c-pink-58,#fb23c2);--herof-display:var(--font-arena-inter), "Inter", sans-serif;--herof-ui:var(--font-arena-inter), "Inter", sans-serif;width:100%;color:var(--herof-ink);position:relative}.arena-public .arena-hero-figma-frame{box-sizing:border-box;height:clamp(26rem,max(34vw,62vh),min(42rem,80vh));padding-top:var(--nav-height);background:var(--c-white,#fff);align-items:center;display:flex;position:relative;overflow:hidden}.arena-public:has(.arena-hero-figma){position:relative}.arena-public .arena-hero-section:has(.arena-hero-figma)+.arena-home-divider{display:none}.arena-public .arena-hero-figma-media{z-index:0;pointer-events:none;display:block;position:absolute;inset:0}.arena-public .arena-hero-figma-media--live .arena-hero-layer,.arena-public .arena-hero-figma-media--live .arena-hero-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.arena-public .arena-hero-figma-media--live canvas{width:100%;height:100%;display:block}.arena-public .arena-hero-figma-media img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.arena-public .arena-hero-figma-wash{z-index:1;pointer-events:none;background:linear-gradient(90deg,#fff 0%,#fffffff0 24%,#ffffffb8 44%,#ffffff57 56%,#ffffff14 66%,#fff0 74%);position:absolute;inset:0}.arena-public .arena-hero-figma-fade{z-index:1;pointer-events:none;background:linear-gradient(180deg, rgb(from var(--arena-home-paper,#fafafa) r g b / 0) 15.4%, color-mix(in srgb, var(--arena-home-paper,#fafafa) 78%, transparent) 66.7%, var(--arena-home-paper,#fafafa) 100%);height:clamp(5rem,10.16vw,12.2rem);position:absolute;bottom:0;left:0;right:0}.arena-public .arena-hero-figma-content{z-index:2;box-sizing:border-box;width:min(100%, var(--nav-max-width,var(--arena-page-frame)));padding-inline:var(--arena-page-gutter);flex-direction:column;align-items:flex-start;margin-inline:auto;display:flex;position:relative}.arena-public .arena-hero-figma-stats{z-index:2;background:rgb(from var(--c-white,#fff) r g b / 59%);color:var(--c-grey-05,#111113);-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);border:1px solid #eaeaea;border-radius:12px;flex-shrink:0;align-items:center;gap:12px;margin:0;padding:8px 12px;display:flex;position:relative;box-shadow:7px 9px 16.3px #00000040}.arena-public .arena-hero-figma-stats div{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:0 8px;display:flex}.arena-public .arena-hero-figma-stats dd{order:-1}.arena-public .arena-hero-figma-stats dt,.arena-public .arena-hero-figma-stats dd{font-family:var(--font-arena-geist-mono), ui-monospace, "SF Mono", Menlo, monospace;margin:0;font-weight:400;line-height:normal}.arena-public .arena-hero-figma-stats dt{color:#43484e;letter-spacing:0;text-transform:uppercase;font-size:12px}.arena-public .arena-hero-figma-stats dd{color:var(--c-grey-05,#111113);font-variant-numeric:tabular-nums;letter-spacing:-.07em;font-size:24px}.arena-public .arena-hero-figma-title-block{padding:clamp(.75rem,1.042vw,1.25rem) 0 0}.arena-public .arena-hero-figma-headline,.arena-public .arena-hero-figma-headline *{font-family:var(--herof-display);letter-spacing:-.05em;font-size:clamp(2.25rem,4.6vw,5.5rem);font-style:normal;font-weight:600;line-height:1}.arena-public .arena-hero-figma-headline{color:var(--herof-ink);text-shadow:none;text-transform:none;margin:0}.arena-public .arena-hero-figma-line{white-space:nowrap;display:block}.arena-public .arena-hero-figma-mark{color:var(--herof-mark)}.arena-public .arena-hero-figma-aside{justify-content:space-between;align-items:flex-end;gap:clamp(1.5rem,3vw,4rem);width:100%;padding:clamp(.5rem,.7vw,.875rem) 0 clamp(.75rem,.9375vw,1.125rem);display:flex}.arena-public .arena-hero-figma-aside-copy{flex-direction:column;align-items:flex-start;gap:clamp(1.5rem,2.1vw,2.5rem);display:flex}.arena-public .arena-hero-figma-copy{max-width:clamp(20rem,38vw,44rem);font-family:var(--herof-ui);letter-spacing:-.005em;color:var(--herof-body);text-wrap:pretty;margin:0;font-size:clamp(.9375rem,1.05vw,1.25rem);font-weight:400;line-height:1.55}.arena-public .arena-hero-figma-nobreak{white-space:nowrap}.arena-public .arena-hero-figma-cta{flex-wrap:wrap;align-items:center;gap:clamp(.5rem,.672vw,.8125rem);display:flex}.arena-public .arena-hero-figma-btn{box-sizing:border-box;width:clamp(8.5rem,9.655vw,11.6rem);height:clamp(2.75rem,2.688vw,3.25rem);font-family:var(--herof-ui);letter-spacing:-.005em;white-space:nowrap;cursor:pointer;border-radius:clamp(.625rem,.672vw,.8125rem);justify-content:center;align-items:center;font-size:clamp(.875rem,.84vw,1.01rem);line-height:1.6;text-decoration:none;transition:opacity .15s,transform .18s,border-color .15s,background .16s,box-shadow .22s;display:inline-flex;box-shadow:0 1px 2px #0000000f}.arena-public .arena-hero-figma-btn:hover,.arena-public .arena-hero-figma-btn:focus-visible{transform:translateY(-1px)}.arena-public .arena-hero-figma-btn:active{transition-duration:60ms;transform:translateY(0);box-shadow:0 1px 2px #0000000f}.arena-public .arena-hero-figma-btn.is-solid{background:var(--c-grey-05,#111113);color:#fff;border:0;font-weight:600;position:relative}.arena-public .arena-hero-figma-btn.is-solid:hover,.arena-public .arena-hero-figma-btn.is-solid:focus-visible{background:var(--c-grey-16,#2a2a2e);box-shadow:0 2px 4px #0000001a,0 10px 24px #0000002e}.arena-public .arena-hero-figma-btn.is-ghost{background:var(--c-white,#fff);color:var(--herof-ink);border:1px solid #0000002e;font-weight:600}.arena-public .arena-hero-figma-btn.is-ghost:hover,.arena-public .arena-hero-figma-btn.is-ghost:focus-visible{background:#f2f2f2;border-color:#0006;box-shadow:0 2px 4px #0000000d,0 10px 24px #00000017}@media (max-width:900px){.arena-public .arena-hero-figma-frame{height:auto;min-height:20rem;padding-block:calc(var(--nav-height) + 1.5rem) 3rem}.arena-public .arena-hero-figma-media{opacity:.55;inset:0}.arena-public .arena-hero-figma-wash{background:linear-gradient(#fff 20%,#ffffffe6 60%,#fff6 100%)}.arena-public .arena-hero-figma-line{white-space:normal}.arena-public .arena-hero-figma-headline,.arena-public .arena-hero-figma-headline *{letter-spacing:-.045em;font-size:clamp(2rem,9vw,2.5rem);line-height:1.02}.arena-public .arena-hero-figma-title-block{padding:.5rem 0 .25rem}.arena-public .arena-hero-figma-copy{max-width:30rem;font-size:.9375rem;font-weight:400;line-height:1.5}.arena-public .arena-hero-figma-aside{flex-direction:column;align-items:stretch;gap:1rem;padding:.375rem 0 0}.arena-public .arena-hero-figma-aside-copy{gap:1.125rem}.arena-public .arena-hero-figma-cta{flex-wrap:wrap;gap:.625rem;width:100%}.arena-public .arena-hero-figma-btn{white-space:nowrap;flex:none;width:auto;min-width:8.75rem;height:2.75rem;padding-inline:1.25rem;font-size:.9375rem}.arena-public .arena-hero-figma-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;width:100%;padding:8px 12px;display:grid}.arena-public .arena-hero-figma-stats dd{font-size:clamp(1.125rem,5vw,1.5rem)}.arena-public .arena-hero-figma-stats dt{font-size:11px}}.arena-public .arena-home:has(.arena-hero-figma) .arena-home-explorer{z-index:2;margin-top:calc(-1*clamp(1.5rem,2.6vw,2.75rem));position:relative}@media (max-width:900px){.arena-public .arena-home:has(.arena-hero-figma) .arena-home-explorer{margin-top:0}}@media (prefers-reduced-motion:reduce){.arena-public .arena-hero-figma-btn,.arena-public .arena-hero-figma-btn:hover{transition:none;transform:none}}@keyframes arena-hero-rise{0%{opacity:0;transform:translateY(1.1rem)}to{opacity:1;transform:none}}@keyframes arena-hero-fade{0%{opacity:0}to{opacity:1}}@keyframes arena-hero-drop{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:none}}html.arena-intro .arena-public .arena-hero-figma-line{animation:.9s cubic-bezier(.2,.7,.15,1) .18s both arena-hero-rise}html.arena-intro .arena-public .arena-hero-figma-line+.arena-hero-figma-line{animation-delay:.3s}html.arena-intro .arena-public .arena-hero-figma-copy{animation:.9s cubic-bezier(.2,.7,.15,1) .46s both arena-hero-rise}html.arena-intro .arena-public .arena-hero-figma-btn{animation:.8s cubic-bezier(.2,.7,.15,1) .62s both arena-hero-rise}html.arena-intro .arena-public .arena-hero-figma-btn+.arena-hero-figma-btn{animation-delay:.72s}html.arena-intro .arena-public .arena-hero-figma-media--live{animation:1.6s ease-out .1s both arena-hero-fade}html.arena-hero-pending-live .arena-public .arena-hero-figma-media:not(.arena-hero-figma-media--live){visibility:hidden}html.arena-hero-static-fallback .arena-public .arena-hero-figma-media:not(.arena-hero-figma-media--live){visibility:visible!important}html.arena-intro .arena-public .arena-public-brand{animation:.6s cubic-bezier(.2,.7,.15,1) 50ms both arena-hero-drop}html.arena-intro .arena-public .arena-public-nav-links>li{animation:.6s cubic-bezier(.2,.7,.15,1) backwards arena-hero-drop}html.arena-intro .arena-public .arena-public-nav-links>li:first-child{animation-delay:.14s}html.arena-intro .arena-public .arena-public-nav-links>li:nth-child(2){animation-delay:.2s}html.arena-intro .arena-public .arena-public-nav-links>li:nth-child(3){animation-delay:.26s}html.arena-intro .arena-public .arena-public-nav-links>li:nth-child(4){animation-delay:.32s}html.arena-intro .arena-public .arena-public-nav-links>li:nth-child(5){animation-delay:.38s}html.arena-intro .arena-public .arena-public-nav-links>li:nth-child(n+6){animation-delay:.44s}html.arena-intro .arena-public .arena-public-utility{animation:.6s cubic-bezier(.2,.7,.15,1) .4s both arena-hero-drop}@media (prefers-reduced-motion:reduce){html.arena-intro .arena-public .arena-hero-figma-line,html.arena-intro .arena-public .arena-hero-figma-copy,html.arena-intro .arena-public .arena-hero-figma-btn,html.arena-intro .arena-public .arena-hero-figma-media--live,html.arena-intro .arena-public .arena-public-brand,html.arena-intro .arena-public .arena-public-nav-links>li,html.arena-intro .arena-public .arena-public-utility{animation:none}}.arena-public .arena-hero-figma-frame:has(.arena-hero-canvas[data-ready=true]) .arena-hero-figma-media:not(.arena-hero-figma-media--live){visibility:hidden}@keyframes arena-card-slide{0%{opacity:0;transform:translate(1.25rem)}to{opacity:1;transform:none}}html.arena-intro .arena-public .arena-master-category-rail>.arena-master-category-card{animation:.7s cubic-bezier(.2,.7,.15,1) both arena-card-slide;animation-delay:calc(.55s + var(--card-i,8) * 55ms)}html.arena-intro .arena-public .arena-master-category-rail>.arena-master-category-card:first-child{--card-i:0}html.arena-intro .arena-public .arena-master-category-rail>.arena-master-category-card:nth-child(2){--card-i:1}html.arena-intro .arena-public .arena-master-category-rail>.arena-master-category-card:nth-child(3){--card-i:2}html.arena-intro .arena-public .arena-master-category-rail>.arena-master-category-card:nth-child(4){--card-i:3}html.arena-intro .arena-public .arena-master-category-rail>.arena-master-category-card:nth-child(5){--card-i:4}html.arena-intro .arena-public .arena-master-category-rail>.arena-master-category-card:nth-child(6){--card-i:5}html.arena-intro .arena-public .arena-master-category-rail>.arena-master-category-card:nth-child(7){--card-i:6}html.arena-intro .arena-public .arena-master-category-rail>.arena-master-category-card:nth-child(8){--card-i:7}html.arena-intro .arena-public .arena-master-ranking-stack>:first-child{animation:.9s cubic-bezier(.2,.7,.15,1) .85s both arena-hero-rise}@media (prefers-reduced-motion:reduce){html.arena-intro .arena-public .arena-master-category-rail>.arena-master-category-card,html.arena-intro .arena-public .arena-master-ranking-stack>:first-child{animation:none}}