body.figma-home-page{color:#000;background:#fff;min-height:100vh;font-family:Manrope,Arial,sans-serif;font-size:16px;font-weight:700;line-height:24px}body.figma-home-page .figma-home-shell{width:min(600px,100% - 48px);margin:0 auto;padding:128px 0}body.figma-home-page .figma-home-main{width:100%}.figma-home-content,.figma-blog-content{flex-direction:column;align-items:flex-start;gap:64px;width:100%;display:flex}.figma-blog-content .section{flex-direction:column;align-items:flex-start;gap:10px;width:100%;display:flex}.figma-blog-content .page-heading{color:#aeaeb2;letter-spacing:0;font-size:16px;font-weight:700;line-height:24px}.figma-blog-content .writing-list{flex-direction:column;align-items:flex-start;gap:10px;width:100%;display:flex}.figma-blog-content .writing-list li{width:100%;min-height:24px}.figma-blog-content .writing-row{color:#000;letter-spacing:0;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:24px;width:100%;font-size:16px;font-weight:700;line-height:24px;display:grid}.figma-blog-content .writing-row>span:not(.hover-details){color:#000;font-weight:700;line-height:24px}.figma-blog-content .writing-row time{color:#aeaeb2;white-space:nowrap;font-size:16px;font-weight:700;line-height:24px}.figma-blog-content .page-footer{color:#000;justify-content:space-between;gap:24px;width:100%;margin:0;font-size:16px;font-weight:700;line-height:24px;display:flex}.figma-introduction{color:#aeaeb2;letter-spacing:0;width:100%;font-size:16px;font-weight:700;line-height:24px}.figma-introduction p{min-height:24px;margin:0}.figma-introduction strong{color:#000;font-weight:700}.figma-home-content .section{flex-direction:column;align-items:flex-start;gap:10px;width:100%;display:flex}.figma-home-content h2{color:#aeaeb2;letter-spacing:0;margin:0;font-size:16px;font-weight:700;line-height:24px}.figma-home-content .writing-list,.figma-home-content .building-list{flex-direction:column;align-items:flex-start;gap:10px;width:100%;display:flex}.figma-home-content .writing-list li,.figma-home-content .building-list li{width:100%;min-height:24px}.figma-home-content .building-list li{position:relative}.figma-home-content .writing-row{color:#000;letter-spacing:0;justify-content:space-between;align-items:center;width:100%;font-size:16px;font-weight:700;line-height:24px;display:flex}.figma-home-content .writing-row>span:not(.hover-details){color:#000;white-space:nowrap;font-weight:700;line-height:24px}.figma-home-content .writing-row time{display:none}.figma-home-content .archive-link{color:#000;letter-spacing:0;white-space:nowrap;align-self:flex-start;align-items:center;gap:4px;font-size:16px;font-weight:700;line-height:24px;display:inline-flex}.figma-home-content .ai-usage-home-section{gap:10px}.figma-home-content ai-usage-home,.figma-home-content .ai-usage-home-content{flex-wrap:wrap;align-items:baseline;gap:0 6px;width:100%;display:flex}.figma-home-content .ai-usage-home-label{color:#aeaeb2;font-size:16px;line-height:24px}.figma-home-content .ai-usage-home-content strong{color:#000;font-size:16px;line-height:24px}.figma-home-content .ai-usage-home-chart{border-bottom:1px solid #ededed;align-items:end;gap:2px;width:100%;height:56px;margin-top:6px;display:flex}.figma-home-content .ai-usage-home-bar{background:#3965fa;flex:1 1 0;min-width:1px}.figma-home-content .ai-usage-home-empty{color:#aeaeb2;align-self:center;font-size:14px;line-height:20px}.figma-home-content .ai-usage-home-cta{color:#000;margin-top:10px;font-size:16px;line-height:24px;display:inline-block}.figma-home-content .current-role{gap:10px}.figma-home-content .current-role p{color:#000;letter-spacing:0;white-space:nowrap;align-items:center;gap:5px;width:100%;min-height:24px;font-size:16px;font-weight:700;line-height:24px;display:flex}.figma-home-content .inline-card-link.compact{height:24px;box-shadow:none;color:#000;letter-spacing:0;white-space:nowrap;background:#f2f2f7;border-radius:0;flex:none;justify-content:center;align-items:center;gap:5px;margin:0;padding:0 7px;font-size:16px;font-weight:700;line-height:24px;text-decoration:none;display:flex;position:static}.figma-home-content .inline-card-link.compact img{object-fit:contain;flex:0 0 14px;width:14px;height:14px;display:block}.figma-home-content a.inline-card-link.compact:hover,.figma-home-content a.inline-card-link.compact:focus-visible{color:#fff;background:#000;text-decoration:none}.figma-home-content a.inline-card-link.compact:hover img,.figma-home-content a.inline-card-link.compact:focus-visible img{filter:brightness(0)invert()}.figma-home-content .building-row{color:#000;letter-spacing:0;white-space:nowrap;align-items:center;gap:8px;width:100%;min-height:24px;font-size:16px;font-weight:700;line-height:24px;display:flex}.figma-home-content .building-icon{object-fit:contain;flex:0 0 18px;width:18px;height:18px;display:block}.figma-home-content .compact-tools-section .favorite-tools{width:100%}.figma-home-content .compact-tools-section .favorite-tool,.figma-home-content .compact-tools-section .favorite-tool img{border-radius:0}.figma-home-content .compact-tools-section .favorite-tool{background:#f2f2f7;overflow:hidden}.figma-home-content .compact-tools-section .favorite-tool img{background:#f2f2f7}.figma-home-content .compact-tools-section .favorite-tool-name{color:#fff;background:#000;border-radius:0;padding:5px;font-size:12px;font-weight:700;line-height:16px;top:calc(100% + 5px)}.figma-home-content .building-popover{z-index:2;color:#fff;letter-spacing:0;pointer-events:none;white-space:normal;background:#000;width:309px;padding:5px;font-size:12px;font-weight:700;line-height:16px;display:none;position:absolute;top:1px;left:195px}.figma-home-content .building-popover-copy{display:block}.figma-home-content .building-popover .product-stack{gap:4px 8px;margin-top:8px;font-size:11px;font-weight:700;line-height:14px}.figma-home-content .building-popover .product-stack-item{gap:3px}.figma-home-content .building-popover .product-stack .product-stack-item img{filter:brightness(0)invert();flex:0 0 11px;width:11px;height:11px}@media (hover:hover) and (pointer:fine){.figma-home-content .building-list li:hover .building-popover{display:block}}.figma-home-content .building-list li:focus-within .building-popover{display:block}.figma-home-page .figma-home-content a:hover,.figma-home-page .figma-home-content a:focus-visible,.figma-home-page .figma-blog-content a:hover,.figma-home-page .figma-blog-content a:focus-visible{color:#000;text-underline-offset:3px;text-decoration:underline 1px}@media (width<=747px){body.figma-home-page .figma-home-shell{width:calc(100% - 48px);padding:48px 0}.figma-home-content,.figma-blog-content{gap:48px}.figma-home-content .writing-row>span:not(.hover-details),.figma-home-content .current-role p{white-space:normal}.figma-home-content .building-popover{width:100%;top:calc(100% + 5px);left:0}.figma-home-content .current-role p{flex-wrap:wrap}.figma-blog-content .writing-row{grid-template-columns:minmax(0,1fr);gap:5px}.figma-blog-content .page-footer{flex-wrap:wrap}}