.figma-landing .fl-why .fl-why__product{justify-content:center;align-items:center;height:auto;display:flex;overflow:visible}.fl-why__stage{width:100%;aspect-ratio:var(--frame-ratio,600 / 1043);transform:scale(calc(1 + var(--why-explode,0) * .05));transform-origin:50%;isolation:isolate;backface-visibility:hidden;margin-inline:auto;position:relative}.fl-why__stage:before{content:"";z-index:0;height:7%;opacity:calc(.7 + var(--why-explode,0) * .3);pointer-events:none;background:radial-gradient(closest-side,#00000073,#0000);border-radius:50%;position:absolute;bottom:-3%;left:12%;right:12%}.figma-landing .fl-why .fl-why__product .fl-why__stage img,.fl-why__stage canvas{z-index:1;image-rendering:auto;width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0;transform:translateZ(0)}.figma-landing .fl-why .fl-why__product .fl-why__stage[data-ready=true] img{visibility:hidden}@media (min-width:901px){.fl-why__stage{width:min(100%,385px)}}@media (max-width:900px){.figma-landing .fl-why .fl-why__product{height:auto;margin-bottom:12px}.fl-why__stage{width:min(100%,330px)}}@media (prefers-reduced-motion:reduce){.fl-why__stage{transform:none}}.figma-landing .fl-why{overflow:clip}.fl-why__story{--fade:.035;position:relative}.fl-why__story .fl-why__stage:after{content:"";z-index:0;opacity:calc(.35 + var(--why-explode,0) * .65);pointer-events:none;background:radial-gradient(closest-side,#00000052,#0000);position:absolute;inset:4% -70%}.figma-landing .fl-why .fl-why__eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#ffc629;margin:0 0 clamp(14px,2vh,24px);font-family:Hanken Grotesk,system-ui,sans-serif;font-size:clamp(12px,.95vw,14px);font-weight:700}.fl-why__steps{gap:16px;display:grid}.fl-why__step{--art-col:170px;grid-template-columns:var(--art-col) minmax(0, 1fr);border-radius:var(--cr-r-lg,24px);background:#14121d33;border:1px solid #ffffff17;align-items:center;gap:clamp(16px,2vw,28px);min-width:0;padding:clamp(16px,1.6vw,24px);display:grid;box-shadow:inset 0 1px #ffffff14}.fl-why__step .fl-benefit__art{justify-self:center}.fl-why__text{min-width:0}.figma-landing .fl-why .fl-why__count{color:#f3f3f3;margin:0 0 6px;font-family:Hanken Grotesk,system-ui,sans-serif;font-size:clamp(14px,1.2vw,18px)}.figma-landing .fl-why .fl-why__step h3{letter-spacing:-.01em;text-wrap:balance;color:#fff;margin:0;font-family:Newsreader,Georgia,serif;font-size:clamp(26px,2.4vw,34px);font-weight:500;line-height:1.1}.figma-landing .fl-why .fl-why__script{letter-spacing:0;color:#ffc629;margin-top:.02em;font-family:Dancing Script,Brush Script MT,cursive;font-size:1.25em;font-weight:600;line-height:.95;display:block}.figma-landing .fl-why .fl-why__text>p:last-child{color:#f3f3f3;margin:10px 0 0;font-family:Hanken Grotesk,system-ui,sans-serif;font-size:clamp(15px,1.15vw,17px);line-height:1.55}.fl-why__dots{display:none}@media (min-width:901px){.figma-landing .fl-why:not(#a):not(#b){padding-top:0}.fl-why__story{height:calc(100svh + 300vh);margin-top:0}.fl-why__pin{box-sizing:border-box;height:100svh;padding-top:calc(var(--nav-h,76px) + 14px);align-content:safe start;padding-bottom:18px;display:grid;position:sticky;top:0}.figma-landing .fl-why .fl-why__layout{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(32px,5vw,96px);display:grid}.figma-landing .fl-why .fl-why__story .fl-why__product{opacity:1;transition:none;transform:none}.figma-landing .fl-why .fl-why__story .fl-why__stage{width:auto;max-width:none;height:min(calc((100svh - var(--nav-h,76px) - 52px) / 1.06), 780px)}}@media (min-width:901px) and (prefers-reduced-motion:no-preference){.fl-why__story[data-stuck] :is(.fl-why__step,.fl-why__dots i){--slot:calc(1 / var(--why-n));--start:calc(var(--i) * var(--slot));--in:clamp(0, (var(--why-p,0) - var(--start)) / var(--fade), 1);--out:clamp(0, (var(--start) + var(--slot) - var(--why-p,0)) / var(--fade), 1)}.fl-why__story[data-stuck] :is(.fl-why__step,.fl-why__dots i):first-child{--in:1}.fl-why__story[data-stuck] :is(.fl-why__step,.fl-why__dots i):last-child{--out:1}.fl-why__story[data-stuck] .fl-why__steps{gap:0}.fl-why__story[data-stuck] .fl-why__step{box-shadow:none;opacity:min(var(--in), var(--out));transform:translate3d(0, calc((1 - var(--in)) * 36px - (1 - var(--out)) * 36px), 0);filter:blur(calc((1 - min(var(--in), var(--out))) * 8px));will-change:opacity, transform, filter;background:0 0;border:0;grid-area:1/1;padding:0}.figma-landing .fl-why .fl-why__story[data-stuck] .fl-why__count{font-size:clamp(19px,1.6vw,26px)}.figma-landing .fl-why .fl-why__story[data-stuck] .fl-why__step h3{font-size:clamp(40px,4.2vw,68px);line-height:1.02}.figma-landing .fl-why .fl-why__story[data-stuck] .fl-why__text>p:last-child{max-width:34em;margin-top:20px;font-size:clamp(17px,1.4vw,21px);line-height:1.6}.fl-why__story[data-stuck] .fl-why__dots{gap:10px;margin-top:clamp(24px,4vh,44px);display:flex}.fl-why__story[data-stuck] .fl-why__dots i{background:#ffffff38;border-radius:2px;width:40px;height:4px;position:relative;overflow:hidden}.fl-why__story[data-stuck] .fl-why__dots i:after{content:"";opacity:min(var(--in), var(--out));background:#ffc629;position:absolute;inset:0}}@media (min-width:901px) and (max-height:820px){.fl-why__story .fl-why__step{--art-col:128px}.fl-why__story .fl-why__step .fl-benefit__art{zoom:.75}.figma-landing .fl-why .fl-why__story[data-stuck] .fl-why__step h3{font-size:clamp(32px,3.2vw,50px)}}@media (min-width:901px) and (max-width:1180px){.fl-why__story .fl-why__step{--art-col:104px}.fl-why__story .fl-why__step .fl-benefit__art{zoom:.6}}@media (max-width:900px){.fl-why__story{margin-top:28px}.figma-landing .fl-why .fl-why__layout{flex-direction:column;display:flex}.figma-landing .fl-why .fl-why__story .fl-why__product{top:calc(var(--nav-h,64px) + 6px);z-index:3;background:linear-gradient(#000 0% calc(100% - 44px),#0000 100%);order:-1;height:auto;margin-inline:-20px;padding:4px 20px 56px;position:sticky}.figma-landing .fl-why .fl-why__story[data-stuck=true] .fl-why__product:before{content:"";height:calc(var(--nav-h,64px) + 12px);pointer-events:none;background:#000;position:absolute;bottom:100%;left:0;right:0}.figma-landing .fl-why .fl-why__story .fl-why__stage{width:auto;height:min(42svh,380px)}.fl-why__copy{z-index:1;position:relative}.fl-why__story .fl-why__step{--art-col:72px}.fl-why__story .fl-why__step .fl-benefit__art{zoom:.45}}@media (prefers-reduced-motion:reduce){.fl-why__story{height:auto}.fl-why__pin{height:auto;padding-top:0;position:static}.figma-landing .fl-why .fl-why__story .fl-why__product{position:static}}.figma-landing .fl-why{min-height:0;padding-top:clamp(28px,4vw,56px)}