.figma-divider{width:100%;height:1px;background:linear-gradient(to right,transparent 0,var(--color-brand-secondary-subtle) 50%,transparent 100%)}.figma-section-top-gradient{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:1400px;max-width:100vw;height:auto;aspect-ratio:2710/1916;background-image:url(/assets/website/background-blurs/secondary-top-bg-gradient.png);background-size:100% 100%;pointer-events:none;z-index:0}.figma-hero-section{position:relative;width:100%;max-width:1440px;margin:0 auto;padding:160px 120px 32px;display:flex;flex-direction:column;align-items:center;gap:64px;overflow:hidden}.figma-hero-bg-gradient{position:absolute;top:503px;left:50%;transform:translate(-50%,-50%);width:1400px;max-width:100vw;height:auto;aspect-ratio:2710/1916;background-image:url(/assets/website/background-blurs/secondary-top-bg-gradient.png);background-size:100% 100%;pointer-events:none;z-index:0}.figma-hero-content-area{gap:64px;width:100%;max-width:1200px;position:relative;z-index:1}.figma-hero-content-area,.figma-hero-text{display:flex;flex-direction:column;align-items:center}.figma-hero-text{max-width:720px;text-align:center;gap:32px}.figma-hero-title{color:var(--color-neutral-text-strong);margin:0}.figma-hero-subtitle{color:var(--color-neutral-text-medium);margin:0}.figma-hero-buttons{display:flex;gap:20px;align-items:center;width:100%}.figma-hero-buttons>*{flex:1;display:flex;justify-content:center}.figma-hero-preview{width:100%;position:relative}.figma-hero-preview-inner{padding:12px;height:760px}.figma-hero-preview-image{width:100%;height:100%;border-radius:var(--corner-radius-default-large,12px);overflow:hidden;background:var(--color-neutral-surface-subtlest)}.figma-hero-preview-image img{width:100%;height:100%;object-fit:cover}.figma-feature-section{position:relative;width:100%;max-width:1440px;margin:0 auto;padding:80px 120px;overflow:hidden}.figma-feature-content{display:flex;align-items:flex-start;justify-content:space-between;gap:120px;max-width:1200px;margin:0 auto}.figma-feature-content.reversed{flex-direction:row-reverse}.figma-feature-text-col{width:100%;max-width:440px;flex-shrink:0;display:flex;flex-direction:column;gap:40px}.figma-feature-header{display:flex;flex-direction:column;gap:16px}.figma-feature-header h2{color:var(--color-neutral-text-strong);margin:0}.figma-feature-header p{color:var(--color-neutral-text-medium);margin:0}.figma-feature-items{display:flex;flex-direction:column;gap:32px}.figma-feature-item{display:flex;gap:20px;align-items:flex-start}.figma-feature-item-icon{width:40px;height:40px;flex-shrink:0;border-radius:var(--corner-radius-default-small);border:1px solid var(--color-brand-secondary-subtler);box-shadow:0 1px 2px 0 rgba(0,0,0,.04);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(var(--effects-elevation-background-blur-small));-webkit-backdrop-filter:blur(var(--effects-elevation-background-blur-small))}.figma-feature-item-icon svg{width:24px;height:24px;color:var(--color-thematic-fill-secondary-top)}.figma-feature-item-text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.figma-feature-item-text h3{color:var(--color-neutral-text-strong);margin:0}.figma-feature-item-text p{color:var(--color-neutral-text-medium);margin:0}.figma-feature-image-col{width:100%;max-width:640px;aspect-ratio:640/560;flex-shrink:0;overflow:hidden;border-radius:var(--corner-radius-default-large);position:relative}.figma-feature-image-col img{width:100%;height:100%;object-fit:cover}.figma-features-sticky-wrapper{position:relative;width:100%;max-width:1440px;margin:0 auto;padding:0 120px 80px;overflow:visible}.figma-features-sticky-header{position:sticky;top:0;z-index:50;width:100vw;margin-left:calc(-50vw + 50%);height:0;display:flex;flex-direction:column}.figma-features-sticky-header.bg-layer{z-index:0}.figma-features-header-inner{position:relative;clip-path:inset(0 -100vw -100vh -100vw)}.figma-features-sticky-content{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:120px;max-width:1200px;margin:120px auto 0}.figma-feature-mobile-image{display:none}.figma-features-left{width:100%;max-width:440px;flex-shrink:0;display:flex;flex-direction:column;gap:220px;padding-bottom:300px}.figma-feature-text-block{display:flex;flex-direction:column;gap:40px;transition:opacity .3s ease}.figma-features-right{width:100%;max-width:640px;aspect-ratio:640/560;flex-shrink:0;position:sticky;top:160px;align-self:flex-start}.figma-feature-image-sticky-container{width:100%;height:100%;border-radius:var(--corner-radius-default-large);position:relative;overflow:visible}.figma-feature-transition-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(.97) translateY(12px);filter:blur(8px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1),filter .7s cubic-bezier(.16,1,.3,1);will-change:opacity,transform,filter}.figma-feature-transition-image.active{opacity:1;transform:scale(1) translateY(0);filter:blur(0);z-index:1}.figma-templates-section{position:relative;width:100%;max-width:1440px;margin:0 auto;padding:80px 120px;overflow:hidden}.figma-templates-header{position:relative;z-index:1;text-align:center;max-width:600px;margin:0 auto 40px;display:flex;flex-direction:column;gap:24px}.figma-templates-header h2{color:var(--color-neutral-text-strong);margin:0}.figma-templates-header p{color:var(--color-neutral-text-medium);margin:0}.figma-templates-showcase{position:relative;z-index:1;max-width:1200px;margin:0 auto}.figma-templates-cards{display:flex;gap:16px;justify-content:center}.figma-template-card{flex:1 1 0;max-width:380px;padding:20px 24px;cursor:pointer;display:flex;align-items:center;gap:16px;outline:none;transition:box-shadow .2s,outline .2s}.figma-template-card.active{outline:1px solid var(--color-brand-secondary-subtle)}.figma-template-card-icon{color:var(--color-neutral-icon-medium);flex-shrink:0}.figma-template-card.active .figma-template-card-icon{color:var(--color-brand-secondary-medium)}.figma-template-card-label{color:var(--color-neutral-text-medium)}.figma-template-card.active .figma-template-card-label{color:var(--color-neutral-text-strong)}.figma-stats-section{position:relative;width:100%;max-width:1440px;margin:0 auto;padding:80px 120px;overflow:hidden}.figma-stats-header{position:relative;z-index:1;text-align:center;max-width:1200px;margin:0 auto 64px;display:flex;flex-direction:column;gap:16px}.figma-stats-header h2{color:var(--color-neutral-text-strong);margin:0}.figma-stats-header p{color:var(--color-neutral-text-medium);margin:0}.figma-stats-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);max-width:1200px;margin:0 auto}.figma-stats-grid:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(to right,rgba(13,13,13,0) 0,var(--color-brand-primary-subtle) 50%,rgba(13,13,13,0) 100%);transform:translateY(-50%)}.figma-stats-grid .col-divider-1,.figma-stats-grid .col-divider-2{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,rgba(13,13,13,0) 0,var(--color-brand-primary-subtle) 50%,rgba(13,13,13,0) 100%)}.figma-stats-grid .col-divider-1{left:33.333%}.figma-stats-grid .col-divider-2{left:66.667%}.figma-stats-grid .grid-glow{position:absolute;width:40px;height:40px;border-radius:50%;background:var(--color-brand-secondary-subtlest);filter:blur(80px);pointer-events:none}.figma-stats-grid .grid-glow.center{top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:40px}.figma-stats-grid .grid-glow.left{top:50%;left:33.333%;transform:translate(-50%,-50%);width:40px;height:200px}.figma-stats-grid .grid-glow.right{top:50%;left:66.667%;transform:translate(-50%,-50%);width:40px;height:200px}.figma-stat-cell{display:flex;flex-direction:column;gap:12px;padding:40px;text-align:center;position:relative;z-index:1}.figma-stat-cell h3{color:var(--color-neutral-text-strong);margin:0}.figma-stat-cell p{color:var(--color-neutral-text-medium);margin:0}.figma-faqs-section{position:relative;width:100%;max-width:1440px;margin:0 auto;padding:80px 320px;overflow:hidden}@media (max-width:1280px){.figma-hero-section{padding:120px 60px 32px}.figma-features-sticky-wrapper,.figma-stats-section,.figma-templates-section{padding:80px 60px}.figma-faqs-section{padding:80px 120px}.figma-feature-content{gap:60px}}@media (max-width:1024px){.figma-hero-section{padding:160px 40px 32px}.figma-faqs-section,.figma-features-sticky-wrapper,.figma-stats-section,.figma-templates-section{padding:60px 40px}.figma-features-sticky-content{flex-direction:column!important;gap:0;margin-top:40px}.figma-features-right{display:none!important}.figma-features-left{width:100%;gap:80px;padding-bottom:0}.figma-feature-mobile-image{display:block;width:100%;margin-top:40px}.figma-feature-mobile-image img{width:100%;height:auto;display:block;border-radius:var(--corner-radius-default-large,12px);box-shadow:var(--shadow-elevation-elevated)}.figma-hero-preview-inner{height:auto;aspect-ratio:1200/760}.figma-hero-title{font-size:var(--typescale-H2-size)!important;line-height:var(--typescale-H2-line-height)!important}.figma-feature-content{flex-direction:column;gap:40px}.figma-feature-content.reversed{flex-direction:column}.figma-feature-image-col,.figma-feature-text-col{max-width:100%}}@media (max-width:768px){.figma-hero-section{padding:140px 24px 32px}.figma-features-sticky-wrapper,.figma-stats-section,.figma-templates-section{padding:48px 24px}.figma-templates-cards{flex-direction:column;align-items:center}.figma-template-card{width:100%;max-width:100%}.figma-faqs-section{padding:48px 24px}.figma-hero-title{font-size:var(--typescale-H3-size)!important;line-height:var(--typescale-H3-line-height)!important}.figma-hero-text{max-width:100%;padding:0 16px}.figma-hero-buttons{flex-direction:column;align-items:stretch;width:100%}.figma-hero-preview-inner{height:500px;aspect-ratio:auto}.figma-hero-preview-image img{object-position:top left}.figma-stats-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,auto)}.figma-stats-grid .col-divider-1{left:50%}.figma-stats-grid .col-divider-2,.figma-stats-grid:before{display:none}.figma-stat-cell{padding:24px}.figma-templates-header{text-align:left}.figma-stats-header{text-align:center;align-items:center}.figma-stats-header h2,.figma-templates-header h2{font-size:var(--typescale-H4-size)!important;line-height:var(--typescale-H4-line-height)!important}.figma-feature-section{padding:48px 24px}.figma-feature-content{gap:32px}}@media (max-width:480px){.figma-hero-section{padding:120px 16px 24px}.figma-faqs-section,.figma-features-sticky-wrapper,.figma-stats-section,.figma-templates-section{padding:40px 16px}.figma-stats-grid{grid-template-columns:1fr;grid-template-rows:auto}.figma-stats-grid .col-divider-1,.figma-stats-grid .col-divider-2{display:none}.figma-hero-buttons{flex-direction:column;align-items:stretch}.figma-hero-title{font-size:var(--typescale-H4-size)!important;line-height:var(--typescale-H4-line-height)!important}.figma-feature-section{padding:40px 16px}.figma-stat-cell{padding:20px 16px}.figma-feature-content{gap:24px}}