@property --fh-pad-x{syntax:"<length>";inherits:true;initial-value:20px}@property --fh-pad-y{syntax:"<length>";inherits:true;initial-value:20px}@property --fh-radius{syntax:"<length>";inherits:true;initial-value:40px}.figma-home .fh-hero{--fh-pad-x:20px;--fh-pad-y:20px;--fh-radius:40px;--fh-hero-blur:0;--fh-hero-scale:1;--fh-vh:100dvh;width:100%;max-width:1920px;margin-inline:auto;position:relative;overflow:visible}.figma-home .fh-hero__pin{z-index:1;width:100%;max-width:1920px;height:var(--fh-vh);padding:var(--fh-pad-top,var(--fh-pad-y)) var(--fh-pad-x) var(--fh-pad-y);box-sizing:border-box;pointer-events:none;contain:paint;position:fixed;top:0;left:50%;overflow:clip;transform:translate(-50%)}html:has(.fh-hero.is-booting){scrollbar-gutter:stable;overscroll-behavior:none;overflow:hidden scroll}html:has(.fh-hero.is-booting) body{overscroll-behavior:none;overflow-x:hidden}.figma-home .fh-hero.is-booting{--fh-pad-x:max(38vw, 72px);--fh-pad-y:max(42vh, 88px);--fh-radius:16px}.figma-home .fh-hero__pin.is-load-animating{transition:--fh-pad-x 1s cubic-bezier(.22,1,.36,1),--fh-pad-y 1s cubic-bezier(.22,1,.36,1),--fh-radius 1s cubic-bezier(.22,1,.36,1)}.figma-home .fh-hero__pin.is-done{visibility:hidden;pointer-events:none;opacity:0}.figma-home .fh-hero__pin-space{height:var(--fh-vh);pointer-events:none}.figma-home .fh-hero__shell{isolation:isolate;border-radius:var(--fh-radius);background:#1f5f9a;width:100%;height:100%;position:relative;overflow:hidden}.figma-home .fh-hero__mat{z-index:3;width:100%;max-width:1920px;height:var(--fh-vh);box-sizing:border-box;pointer-events:none;border-style:solid;border-color:var(--fh-bg);border-width:var(--fh-pad-top,var(--fh-pad-y)) var(--fh-pad-x) var(--fh-pad-y);border-radius:calc(var(--fh-radius) + min(var(--fh-pad-x), var(--fh-pad-y)));position:fixed;top:0;left:50%;transform:translate(-50%)}.figma-home .fh-hero.is-booting .fh-hero__mat,.figma-home .fh-hero__pin.is-done~.fh-hero__mat{opacity:0}.figma-home .fh-hero:not(.is-entered) .fh-hero__scroll{opacity:0;visibility:hidden;pointer-events:none}.figma-home .fh-hero__bg{z-index:0;position:absolute;inset:0;overflow:hidden}.figma-home .fh-hero__bg img{object-fit:cover;object-position:70% 50%;width:100%;max-width:none;height:100%;transform:scale(var(--fh-hero-scale,1));transform-origin:70%}.figma-home .fh-hero__bg:after{content:"";background:linear-gradient(90deg,#0e26429e 0%,#0e264247 48%,#0e264200 78%),linear-gradient(#0e26422e 0%,#0e264200 30%,#0e26424d 100%);position:absolute;inset:0}.figma-home .fh-hero__frost{z-index:1;pointer-events:none;opacity:var(--fh-hero-blur);-webkit-backdrop-filter:blur(calc(var(--fh-hero-blur) * 28px));background:#0e264247;position:absolute;inset:0}.figma-home .fh-hero__scroll{z-index:2;margin-top:calc(var(--fh-vh) * -1);padding-inline:var(--fh-pad-x);color:var(--fh-bg);box-sizing:border-box;position:relative}.figma-home .fh-hero__hold{box-sizing:border-box;padding-inline:clamp(40px,5.56vw,100px);min-height:135svh;padding-bottom:clamp(48px,6vh,80px);position:relative}.figma-home .fh-hero__content,.figma-home .fh-hero__logos{--fh-exit-blur:0px;--fh-exit-scale:1;--fh-exit-opacity:1;transform:scale(var(--fh-exit-scale));transform-origin:top;filter:blur(var(--fh-exit-blur));opacity:var(--fh-exit-opacity)}.figma-home .fh-hero__panel{box-sizing:border-box;--fh-panel-pad-x:clamp(40px, 5.56vw, 100px);min-height:calc(var(--fh-vh) - (var(--fh-pad-y) * 2));margin-block:var(--fh-pad-y);padding:clamp(100px, 10vw, 148px) var(--fh-panel-pad-x) clamp(24px, 2.8vw, 40px);flex-direction:column;justify-content:space-between;display:flex}.figma-home .fh-hero__panel--intro{gap:clamp(48px,6vw,88px);overflow:clip}.figma-home .fh-problem__sticky{flex-direction:column;gap:clamp(20px,2.5vw,32px);width:100%;max-width:none;padding-block:clamp(12px,2vh,28px);display:flex;position:sticky;top:clamp(72px,10vh,120px)}.figma-home .fh-problem__title-wrap{--fh-title-opacity:1;max-width:880px;opacity:var(--fh-title-opacity)}.figma-home .fh-hero__content{flex-direction:column;align-items:flex-start;gap:clamp(28px,3vw,44px);max-width:100%;display:flex}.figma-home .fh-hero__text{flex-direction:column;gap:24px;display:flex}.figma-home .fh-hero__title{letter-spacing:-.045em;color:var(--fh-bg);font-size:clamp(35px,5.56vw,72px);font-weight:600;line-height:1.08}.figma-home .fh-hero__title-line{display:block}@media (width>=720px){.figma-home .fh-hero__title-line{white-space:nowrap}}.figma-home .fh-hero__lead{letter-spacing:-.01em;color:#fffffae6;max-width:680px;font-size:clamp(15px,1.25vw,18px);font-weight:500;line-height:1.55}.figma-home .fh-hero__ctas{flex-wrap:wrap;gap:12px;display:flex}@media (prefers-reduced-motion:no-preference){.figma-home .fh-hero.is-entered .fh-hero__title,.figma-home .fh-hero.is-entered .fh-hero__lead,.figma-home .fh-hero.is-entered .fh-hero__ctas,.figma-home .fh-hero.is-entered .fh-trust{animation:.9s cubic-bezier(.22,1,.36,1) both fh-hero-enter}.figma-home .fh-hero.is-entered .fh-hero__lead{animation-delay:.1s}.figma-home .fh-hero.is-entered .fh-hero__ctas{animation-delay:.18s}.figma-home .fh-hero.is-entered .fh-trust{animation-delay:.28s}}@keyframes fh-hero-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translate(0,0)}}.figma-home .fh-trust{border-top:1px solid #fffffa47;flex-direction:column;gap:20px;min-width:0;padding-top:24px;display:flex}.figma-home .fh-trust__title{letter-spacing:-.01em;color:#fffffad9;font-size:14px;font-weight:600;line-height:1.4}.figma-home .fh-trust__marquee{width:calc(100% + (var(--fh-panel-pad-x) * 2));margin-inline:calc(var(--fh-panel-pad-x) * -1);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 14% 86%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 14% 86%,#0000 100%)}.figma-home .fh-trust__track{width:max-content;animation:48s linear infinite fh-trust-marquee;display:flex}.figma-home .fh-trust__marquee:hover .fh-trust__track{animation-play-state:paused}.figma-home .fh-trust__group{flex-shrink:0;align-items:center;gap:clamp(36px,4vw,64px);margin:0;padding:6px clamp(36px,4vw,64px) 6px 0;list-style:none;display:flex}.figma-home .fh-trust__logo{flex-shrink:0;align-items:center;height:auto;display:flex}.figma-home .fh-trust__logo img{object-fit:contain;opacity:1;filter:brightness(0)invert();width:auto;max-width:148px;height:28px;display:block}.figma-home .fh-trust__logo--tall img{height:40px}.figma-home .fh-trust__logo--lg img{max-width:220px;height:52px}@keyframes fh-trust-marquee{to{transform:translate(-50%)}}.figma-home .fh-problem{flex-direction:column;gap:clamp(32px,4vw,56px);width:100%;display:flex}.figma-home .fh-problem__head{flex-direction:column;gap:20px;max-width:880px;display:flex}.figma-home .fh-problem__title{letter-spacing:-.04em;color:var(--fh-bg);text-wrap:balance;font-size:clamp(30px,3.9vw,56px);font-weight:600;line-height:1.15}.figma-home .fh-problem__word{opacity:var(--fh-word-opacity,.28);filter:blur(var(--fh-word-blur,8px));margin-right:.28em;display:inline-block}.figma-home .fh-problem__word:last-child{margin-right:0}.figma-home .fh-problem__word-ghost{display:none}.figma-home .fh-problem--body{flex-direction:column;gap:clamp(32px,4vw,56px);width:100%;display:flex}.figma-home .fh-problem__lead{--fh-rise-y:48px;--fh-rise-opacity:0;color:#fffffae6;max-width:760px;opacity:var(--fh-rise-opacity);transform:translate3d(0, var(--fh-rise-y), 0);font-size:clamp(15px,1.25vw,18px);line-height:1.55}.figma-home .fh-problem__cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.4vw,24px);width:100%;display:grid}.figma-home .fh-problem__card{--fh-rise-y:80px;--fh-rise-opacity:0;-webkit-backdrop-filter:blur(18px)saturate(1.2);min-height:200px;opacity:var(--fh-rise-opacity);transform:translate3d(0, var(--fh-rise-y), 0);background:#e3e3e338;border:1px solid #fffffa59;border-radius:30px;flex-direction:column;gap:14px;padding:clamp(26px,2.6vw,36px);display:flex;box-shadow:0 16px 40px #0e264226}.figma-home .fh-problem__card h3{letter-spacing:-.035em;color:var(--fh-bg);font-size:clamp(20px,1.8vw,26px);font-weight:600;line-height:1.25}.figma-home .fh-problem__card p{color:#fffffae0;font-size:15px;line-height:1.55}@media (prefers-reduced-motion:reduce){.figma-home .fh-hero__frost{opacity:0;-webkit-backdrop-filter:none;will-change:auto}:is(.figma-home .fh-hero.is-booting:not(:has(.fh-hero__pin.is-load-animating)) .fh-hero__bg img,.figma-home .fh-hero__pin.is-load-animating .fh-hero__bg img,.figma-home .fh-hero.is-entered .fh-hero__bg img){transition:none;transform:none}.figma-home .fh-hero__pin.is-load-animating{transition:none}.figma-home .fh-hero__content,.figma-home .fh-hero__logos{filter:none;opacity:1;will-change:auto;transform:none}.figma-home .fh-problem__word{opacity:1;filter:none;will-change:auto}.figma-home .fh-problem__title-wrap,.figma-home .fh-problem__lead,.figma-home .fh-problem__card{opacity:1;will-change:auto;transform:none}.figma-home .fh-trust__track{animation:none}}@media (width<=1100px){.figma-home .fh-trust__marquee{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%)}}@media (width<=900px){.figma-home .fh-problem__cards{grid-template-columns:1fr}.figma-home .fh-problem__card{min-height:0}}@media (width<=640px){.figma-home .fh-hero__panel{--fh-panel-pad-x:24px;padding-top:112px;padding-inline:10px}.figma-home .fh-hero__hold{padding-inline:10px}.figma-home .fh-problem__sticky{top:100px}.figma-home .fh-hero__bg img{object-position:74% 50%}.figma-home .fh-hero__ctas .fh-btn{flex:auto}.figma-home .fh-trust__logo img{height:22px}.figma-home .fh-trust__logo--tall img{height:32px}.figma-home .fh-trust__logo--lg img{height:42px}}@media (width<=768px){.figma-home .fh-hero:not(.is-booting){--fh-pad-x:10px;--fh-pad-top:10px}.figma-home .fh-hero__panel,.figma-home .fh-hero__hold{--fh-panel-pad-x:10px;padding-inline:10px}.figma-home .fh-trust__marquee{width:100%;max-width:100%;margin-inline:0}.figma-home .fh-hero__content,.figma-home .fh-hero__text,.figma-home .fh-hero__ctas,.figma-home .fh-trust,.figma-home .fh-trust__row{width:100%;min-width:0;max-width:100%}.figma-home .fh-hero__ctas{flex-direction:column;align-items:stretch;gap:10px}.figma-home .fh-hero__ctas .fh-btn{flex:none;width:100%}.figma-home .fh-trust__row{justify-content:flex-start;gap:12px 16px}.figma-home .fh-trust__logo{flex:0 auto;min-width:0;max-width:calc(50% - 8px);height:26px}.figma-home .fh-trust__logo img{width:auto;max-width:100%;height:auto;max-height:26px}.figma-home .fh-trust__logo--designrush .fh-trust__dr-mark{height:22px;max-height:22px}.figma-home .fh-trust__logo--designrush .fh-trust__dr-text{height:11px;max-height:11px}.figma-home .fh-hero.is-booting{--fh-pad-x:10px;--fh-pad-y:20px;--fh-pad-top:10px;--fh-radius:40px;--fh-load-scale:.25}.figma-home .fh-hero__pin.is-load-animating{transition:none}:is(.figma-home .fh-hero.is-booting:not(:has(.fh-hero__pin.is-load-animating)) .fh-hero__shell,.figma-home .fh-hero__pin.is-load-hold .fh-hero__shell){transform:scale(var(--fh-load-scale,.25));transform-origin:50%;will-change:transform}.figma-home .fh-hero__pin.is-load-animating .fh-hero__shell{will-change:transform;transition:transform 1s cubic-bezier(.22,1,.36,1)}.figma-home .fh-hero__pin.is-load-animating:not(.is-load-hold) .fh-hero__shell{transform:scale(1)}.figma-home .fh-hero__bg img{transform:translate3d(0, 0, 0) scale(var(--fh-hero-scale,1))}.figma-home .fh-hero__frost{-webkit-backdrop-filter:none;background:#0816289e}.figma-home .fh-hero__content,.figma-home .fh-hero__logos{filter:none}.figma-home .fh-problem__card{-webkit-backdrop-filter:none}.figma-home .fh-problem__word{filter:none;opacity:1;position:relative}.figma-home .fh-problem__word-ghost{filter:blur(6px);opacity:calc(1 - var(--fh-word-opacity,.28));pointer-events:none;white-space:nowrap;display:block;position:absolute;top:0;left:0}.figma-home .fh-problem__word-sharp{opacity:var(--fh-word-opacity,.28)}}@media (width<=768px) and (prefers-reduced-motion:reduce){.figma-home .fh-hero__pin.is-load-hold .fh-hero__shell,.figma-home .fh-hero__pin.is-load-animating .fh-hero__shell,.figma-home .fh-hero__pin.is-load-animating:not(.is-load-hold) .fh-hero__shell{will-change:auto;transition:none;transform:none}.figma-home .fh-hero.is-booting:not(:has(.fh-hero__pin.is-load-animating)) .fh-hero__shell{will-change:auto;transition:none;transform:none}.figma-home .fh-problem__word{opacity:1;filter:none}.figma-home .fh-problem__word-ghost{display:none}.figma-home .fh-problem__word-sharp{opacity:1}}
