.figma-home .fh-hero{--fh-hero-pad:max(clamp(20px, 6.125vw, 118px), calc((100vw - 1920px) / 2 + 118px));color:#fff;isolation:isolate;background:#242441;grid-template-rows:minmax(0,1.2fr) auto auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);min-height:max(620px,100svh - 81px);display:grid;position:relative;overflow:hidden}.fh-hero-media{z-index:-1;grid-area:1/1/-1/-1;position:relative}.fh-hero-clip{opacity:0;transition:opacity .3s;position:absolute;inset:0}.fh-hero-clip[data-active=true]{opacity:1}.fh-hero-poster,.fh-hero-video{top:0;left:var(--fh-video-left,0%);width:calc(100% - var(--fh-video-left,0%));object-fit:cover;object-position:0% 50%;height:100%;position:absolute}.fh-hero-video{opacity:0;transition:opacity .3s}.fh-hero-video[data-ready=true]{opacity:1}.fh-hero-clip:after{content:"";background:radial-gradient(85.1% 259% at 78.3% 55.4%, #24244100 32.7%, #242441e6 var(--fh-grade-end,75%));position:absolute;inset:0}.fh-hero-grade{background:linear-gradient(#24244100 62%,#242441d9 89%),linear-gradient(90deg,#242441e6 0 20%,#242441bf 52%,#24244100 75%);position:absolute;inset:0}.figma-home .fh-hero h1{margin:0 var(--fh-hero-pad);letter-spacing:-.02em;color:#fff;white-space:nowrap;grid-area:2/1;font-size:clamp(42px,5.3333vw,102px);font-weight:600;line-height:1.02}.figma-home .fh-hero .fh-hero-lede{max-width:712px;margin:35px var(--fh-hero-pad) 0;letter-spacing:-.01em;color:#fffc;grid-area:3/1;font-size:22px;line-height:1.6}.figma-home .fh-hero .fh-hero-cta{min-height:56px;margin:42px var(--fh-hero-pad) 0;color:#fff;background:linear-gradient(95deg,#3b2c45 0%,#ac4900 78%,#ff6d00 100%);border-radius:10px;grid-area:4/1;justify-self:start;align-items:center;gap:16px;padding:12px 26px;font-size:18px;font-weight:600;line-height:20px;text-decoration:none;display:inline-flex}.figma-home .fh-hero .fh-hero-cta img{flex:none;width:31px;height:31px}.figma-home .fh-hero .fh-hero-cta:hover{filter:brightness(1.08)}.figma-home .fh-hero a:focus-visible,.figma-home .fh-hero button:focus-visible{outline-offset:3px;outline:2px solid #fff}.fh-hero-tabs{grid-area:6/1;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.figma-home .fh-hero .fh-hero-tab{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);color:#b3b3c7;min-height:92px;font:500 20px/30px var(--font-geist), Arial, sans-serif;letter-spacing:.01em;text-align:center;cursor:pointer;background:#2424415e;border:0;border-radius:0;justify-content:center;align-items:center;margin:0;padding:12px 24px;transition:color .15s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff4d}.figma-home .fh-hero .fh-hero-tab+.fh-hero-tab{box-shadow:inset 0 1px #ffffff4d,inset 1px 0 #ffffff4d}.figma-home .fh-hero .fh-hero-tab[aria-pressed=true]{color:#fff}@media (hover:hover) and (pointer:fine){.figma-home .fh-hero .fh-hero-tab:hover{color:#fff}}.figma-home .fh-hero .fh-hero-tab:focus-visible{outline-offset:-4px}.fh-hero-tab-progress{transform-origin:0;pointer-events:none;background:#ff6d00;height:2px;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.fh-hero-tab[aria-pressed=true] .fh-hero-tab-progress{transform:none}.fh-hero[data-progress=timed] .fh-hero-tab[aria-pressed=true]:before{content:"";background:#ff6d0059;height:2px;position:absolute;top:0;left:0;right:0}.fh-hero[data-progress=timed] .fh-hero-tab[aria-pressed=true] .fh-hero-tab-progress{animation:fh-hero-progress var(--fh-clip-dur,5s) linear forwards;animation-play-state:paused;transform:scaleX(0)}.fh-hero[data-progress=timed][data-playing=true] .fh-hero-tab[aria-pressed=true] .fh-hero-tab-progress{animation-play-state:running}@keyframes fh-hero-progress{to{transform:scaleX(1)}}.figma-home .fh-hero .fh-hero-pause{top:24px;right:var(--fh-hero-pad);z-index:2;color:#fff;cursor:pointer;background:#13132799;border:1px solid #fff6;border-radius:999px;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute}@media (max-width:1000px){.figma-home .fh-hero{grid-template-rows:minmax(0,1fr) auto auto auto auto;min-height:max(560px,100svh - 72px)}.fh-hero-media{grid-area:1/1/3/2}.fh-hero-poster,.fh-hero-video{object-position:var(--fh-video-x,50%) 50%;width:100%;left:0}.fh-hero-clip:after{display:none}.fh-hero-grade{background:linear-gradient(#24244100 calc(100% - 166px),#242441e6 calc(100% - 48px),#242441 100%),radial-gradient(circle at 75.6% calc(100% - 258px),#24244100 0,#24244166 131px,#24244199 236px,#242441c2 420px,#242441e6 498px)}.figma-home .fh-hero h1{margin:0 var(--fh-gutter);font-size:min(64px, calc((100vw - 2 * var(--fh-gutter)) * .12));white-space:normal;line-height:1.2174}.figma-home .fh-hero .fh-hero-lede{max-width:600px;margin:18px var(--fh-gutter) 0;font-size:20px;line-height:32px}.figma-home .fh-hero .fh-hero-cta{margin:36px var(--fh-gutter) 32px}.fh-hero-tabs{grid-row:5}.figma-home .fh-hero .fh-hero-tab{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;min-height:80px;padding:12px 16px;font-size:18px;line-height:24px}.figma-home .fh-hero .fh-hero-pause{top:16px;right:16px}}@media (max-width:640px){.figma-home .fh-hero{grid-template-rows:minmax(60px,1fr) auto auto auto auto;min-height:max(480px,100svh - 72px)}.figma-home .fh-hero h1{letter-spacing:0;color:#fafafe;margin:0 20px;font-size:min(46px,12vw - 4.8px)}.figma-home .fh-hero .fh-hero-lede{letter-spacing:.01em;color:#f8f8ff;max-width:390px;margin:18px 20px 0;font-size:18px;line-height:28px}.figma-home .fh-hero .fh-hero-cta{white-space:nowrap;gap:clamp(10px,3.5vw,16px);max-width:calc(100% - 40px);margin:45px 20px 35px;padding:12px clamp(16px,5vw,26px);font-size:clamp(14px,4.2vw - 1.4px,16px)}.figma-home .fh-hero .fh-hero-tab{color:#9494ad;text-align:left;text-wrap:balance;justify-content:flex-start;padding:10px 12px;font-size:16px;font-weight:400;line-height:20px}.figma-home .fh-hero .fh-hero-tab[aria-pressed=true]{color:#fff}}@media (max-width:640px) and (max-height:700px){.figma-home .fh-hero .fh-hero-lede{margin-top:12px;font-size:16px;line-height:24px}.figma-home .fh-hero .fh-hero-cta{margin:28px 20px 24px}}@media (max-width:400px){.figma-home .fh-hero .fh-hero-cta img{width:28px;height:28px}}@media (max-width:360px){.figma-home .fh-hero .fh-hero-tab{padding:10px 8px}}@media (max-width:340px){.figma-home .fh-hero .fh-hero-cta{white-space:normal}}@media (max-width:240px){.figma-home .fh-hero{grid-template-rows:auto auto auto auto auto;min-height:0}.fh-hero-media{aspect-ratio:16/9;grid-area:1/1/2/2}.figma-home .fh-hero .fh-hero-cta{overflow-wrap:anywhere;width:calc(100% - 40px)}.fh-hero-tabs{grid-template-columns:minmax(0,1fr)}.figma-home .fh-hero .fh-hero-tab{min-height:44px}}