.FbZvwG_examplesPage{--examples-width:100%;color:#1b1b1b;background:#fff}.FbZvwG_hero{--radius:34px;text-align:center;background:linear-gradient(#0081ff 0%,#43a9ff 24%,#b8dcff 56%,#fff 100%),#fff;justify-content:center;align-items:center;min-height:700px;padding:96px 24px 42px;display:flex;position:relative;overflow:hidden}.FbZvwG_hero:before{aspect-ratio:2456/819;content:"";mix-blend-mode:screen;pointer-events:none;background:url(/figma/examples-hero-cloud-q90.webp) 50%/100% 100% no-repeat;width:min(2456px,132vw);position:absolute;top:208px;left:50%;transform:translate(-50%)}.FbZvwG_heroCloudIcons{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.FbZvwG_heroCloudIcon{filter:drop-shadow(0 18px 30px #00468c1f);opacity:.95;-webkit-user-select:none;user-select:none;width:120px;height:auto;display:block;position:absolute}.FbZvwG_heroCloudIconOne{--cloud-rotate:-11deg;--cloud-float-y:-18px;width:clamp(104px,9vw,150px);animation:8.4s ease-in-out infinite FbZvwG_heroCloudFloat;top:238px;left:clamp(28px,8vw,128px)}.FbZvwG_heroCloudIconTwo{--cloud-rotate:8deg;--cloud-float-y:14px;width:clamp(88px,8vw,120px);animation:9.6s ease-in-out 1.2s infinite FbZvwG_heroCloudFloat;bottom:118px;left:clamp(98px,16vw,260px)}.FbZvwG_heroCloudIconThree{--cloud-rotate:10deg;--cloud-float-y:-16px;width:clamp(106px,9vw,145px);animation:8.8s ease-in-out .6s infinite FbZvwG_heroCloudFloat;top:236px;right:clamp(40px,9vw,150px)}.FbZvwG_heroCloudIconFour{--cloud-rotate:-14deg;--cloud-float-y:12px;width:clamp(70px,6vw,92px);animation:10.2s ease-in-out 1.7s infinite FbZvwG_heroCloudFloat;bottom:126px;right:clamp(116px,17vw,270px)}@keyframes FbZvwG_heroCloudFloat{0%,to{transform:translate3d(0, 0, 0) rotate(var(--cloud-rotate))}50%{transform:translate3d(0, var(--cloud-float-y), 0) rotate(calc(var(--cloud-rotate) * -.75))}}@media (prefers-reduced-motion:reduce){.FbZvwG_heroCloudIcon{transform:rotate(var(--cloud-rotate));animation:none}}.FbZvwG_heroInner{z-index:2;width:min(1040px,100%);margin-bottom:140px;position:relative}.FbZvwG_heroInner h1{color:#fff;letter-spacing:0;text-wrap:balance;max-width:760px;margin:0 auto;font-size:52px;font-weight:500;line-height:1.02}.FbZvwG_heroInner p{color:#fff;max-width:650px;font-family:var(--description-font);letter-spacing:0;text-wrap:balance;margin:22px auto 0;font-size:18px;font-weight:400;line-height:1.42}.FbZvwG_showcaseSection{width:var(--examples-width);margin:34px auto 0}.FbZvwG_pageGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.FbZvwG_pageCardTilt{--tilt-rotate-x:0deg;--tilt-rotate-y:0deg;--tilt-scale:1;aspect-ratio:.82;perspective:900px;min-width:0;min-height:350px}.FbZvwG_pageCard{--radius:28px;border-radius:var(--radius);corner-shape:superellipse(2);isolation:isolate;color:#fff;width:100%;height:100%;transform:rotateX(var(--tilt-rotate-x)) rotateY(var(--tilt-rotate-y)) scale(var(--tilt-scale));transform-style:preserve-3d;will-change:transform;background:#141414;text-decoration:none;transition:transform .18s;display:block;position:relative;overflow:hidden}.FbZvwG_pageCardTilt:hover .FbZvwG_pageCard{transition:transform 80ms ease-out}.FbZvwG_pageCard:after{z-index:1;content:"";border-radius:var(--radius);corner-shape:superellipse(2);opacity:1;pointer-events:none;background:linear-gradient(#0000001f 0%,#0000 32%,#0000008f 100%);transition:background .18s;position:absolute;inset:0}.FbZvwG_pageCard:focus-visible{outline-offset:3px;outline:2px solid #09f}.FbZvwG_pagePreview{border-radius:var(--radius);corner-shape:superellipse(2);background-color:#fff;background-image:var(--page-preview-background-image,none);color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100%;height:100%;font-size:48px;font-weight:500;line-height:1;display:flex;position:relative;overflow:hidden}.FbZvwG_pagePreview img{border-radius:var(--radius);corner-shape:superellipse(2);object-fit:cover;width:100%;height:100%}.FbZvwG_pageBackground{pointer-events:none;position:absolute;inset:0}.FbZvwG_pageAvatar{z-index:1}@media (max-width:768px){.FbZvwG_pagePreview{background-image:var(--page-preview-background-image-mobile,none)}}.FbZvwG_pageInitials{z-index:1;color:var(--page-preview-initials-color,#fff);font-size:48px;font-weight:500;line-height:1;position:relative}.FbZvwG_pageOpenIcon{z-index:2;-webkit-backdrop-filter:blur(14px);color:#fff;background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .18s;display:inline-flex;position:absolute;top:18px;right:18px;box-shadow:0 8px 26px #0000001f}.FbZvwG_pageOpenIcon svg{width:23px;height:23px}.FbZvwG_pageOpenIcon path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px}.FbZvwG_pageCard:hover .FbZvwG_pageOpenIcon{color:#fff;background:#ffffff57}.FbZvwG_pageTitle{z-index:2;color:#161616;letter-spacing:0;overflow-wrap:anywhere;text-align:center;background:#fff;border-radius:999px;justify-content:center;align-items:center;width:min(100% - 48px,214px);min-height:48px;padding:8px 18px;font-size:17px;font-weight:500;line-height:1.08;transition:background-color .18s,color .18s;display:inline-flex;position:absolute;bottom:28px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 14px 34px #00000029}.FbZvwG_pageCard:hover .FbZvwG_pageTitle{color:#161616;background:#f6f6f6}.FbZvwG_emptyState{--radius:28px;text-align:center;background:#f6f6f6;flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:42px 24px;display:flex}.FbZvwG_emptyState h3{color:#1b1b1b;letter-spacing:0;margin:0;font-size:30px;font-weight:500;line-height:1.1}.FbZvwG_emptyState p{color:#4b4b4b;max-width:520px;font-family:var(--description-font);letter-spacing:0;margin:14px 0 0;font-size:17px;line-height:1.42}.FbZvwG_emptyState:has(noscript a)>p{display:none}.FbZvwG_emptyAction{color:#fff;background:#06d;border-radius:24px;justify-content:center;align-items:center;min-height:46px;margin-top:22px;padding:0 18px;font-size:16px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}@media (max-width:1680px){.FbZvwG_pageGrid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:1360px){.FbZvwG_pageGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1040px){.FbZvwG_pageGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.FbZvwG_examplesPage{--examples-width:calc(100% - 24px)}.FbZvwG_hero{--radius:24px;min-height:430px;padding:92px 20px 42px}.FbZvwG_heroCloudIcon{opacity:.72}.FbZvwG_heroCloudIconOne{width:86px;top:122px;left:18px}.FbZvwG_heroCloudIconTwo{width:72px;bottom:56px;left:42px}.FbZvwG_heroCloudIconThree{width:88px;top:132px;right:16px}.FbZvwG_heroCloudIconFour{width:58px;bottom:68px;right:54px}.FbZvwG_heroInner h1{font-size:38px}.FbZvwG_heroInner{margin-bottom:72px}.FbZvwG_pageGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.FbZvwG_examplesPage{--examples-width:calc(100% - 12px)}.FbZvwG_hero{--radius:18px;min-height:380px;padding:82px 18px 34px}.FbZvwG_heroCloudIconOne,.FbZvwG_heroCloudIconThree{opacity:.52;--cloud-float-y:-8px;width:54px;top:260px}.FbZvwG_heroCloudIconOne{left:24px}.FbZvwG_heroCloudIconThree{right:24px}.FbZvwG_heroCloudIconTwo{opacity:.46;--cloud-float-y:8px;width:46px;bottom:44px;left:64px}.FbZvwG_heroCloudIconFour{opacity:.5;--cloud-float-y:7px;width:38px;bottom:54px;right:70px}.FbZvwG_heroCloudIcon{animation-duration:10s}.FbZvwG_heroInner h1{font-size:31px}.FbZvwG_heroInner{margin-bottom:44px}.FbZvwG_heroInner p{font-size:16px}.FbZvwG_showcaseSection{margin-top:48px}.FbZvwG_pageGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.FbZvwG_pageCardTilt{--tilt-rotate-x:0deg;--tilt-rotate-y:0deg;--tilt-scale:1;aspect-ratio:auto;perspective:none;width:100%;min-width:0;height:248px;min-height:0}.FbZvwG_pageCard{--radius:18px;transform-style:flat;will-change:auto;transition:none;transform:none}.FbZvwG_pageCardTilt:hover .FbZvwG_pageCard{transform:none}.FbZvwG_pageOpenIcon{width:32px;height:32px;top:10px;right:10px}.FbZvwG_pageOpenIcon svg{width:18px;height:18px}.FbZvwG_pageTitle{width:min(100% - 28px,150px);min-height:38px;padding:6px 12px;font-size:13px;bottom:14px}}