.examples-module__WCI7pG__examplesPage{--examples-width:100%;color:#1b1b1b;background:#fff}.examples-module__WCI7pG__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}.examples-module__WCI7pG__hero:before{aspect-ratio:2456/819;content:"";mix-blend-mode:screen;pointer-events:none;background:url(/figma/examples-hero-cloud.png) 50%/100% 100% no-repeat;width:min(2456px,132vw);position:absolute;top:208px;left:50%;transform:translate(-50%)}.examples-module__WCI7pG__heroCloudIcons{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.examples-module__WCI7pG__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}.examples-module__WCI7pG__heroCloudIconOne{--cloud-rotate:-11deg;--cloud-float-y:-18px;width:clamp(104px,9vw,150px);animation:8.4s ease-in-out infinite examples-module__WCI7pG__heroCloudFloat;top:238px;left:clamp(28px,8vw,128px)}.examples-module__WCI7pG__heroCloudIconTwo{--cloud-rotate:8deg;--cloud-float-y:14px;width:clamp(88px,8vw,120px);animation:9.6s ease-in-out 1.2s infinite examples-module__WCI7pG__heroCloudFloat;bottom:118px;left:clamp(98px,16vw,260px)}.examples-module__WCI7pG__heroCloudIconThree{--cloud-rotate:10deg;--cloud-float-y:-16px;width:clamp(106px,9vw,145px);animation:8.8s ease-in-out .6s infinite examples-module__WCI7pG__heroCloudFloat;top:236px;right:clamp(40px,9vw,150px)}.examples-module__WCI7pG__heroCloudIconFour{--cloud-rotate:-14deg;--cloud-float-y:12px;width:clamp(70px,6vw,92px);animation:10.2s ease-in-out 1.7s infinite examples-module__WCI7pG__heroCloudFloat;bottom:126px;right:clamp(116px,17vw,270px)}@keyframes examples-module__WCI7pG__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){.examples-module__WCI7pG__heroCloudIcon{transform:rotate(var(--cloud-rotate));animation:none}}.examples-module__WCI7pG__heroInner{z-index:2;width:min(1040px,100%);position:relative}.examples-module__WCI7pG__heroInner h1{color:#1b1b1b;letter-spacing:0;text-wrap:balance;max-width:760px;margin:0 auto;font-size:52px;font-weight:500;line-height:1.02}.examples-module__WCI7pG__heroInner p{color:#4b4b4b;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}.examples-module__WCI7pG__showcaseSection{width:var(--examples-width);margin:72px auto 0}.examples-module__WCI7pG__pageGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.examples-module__WCI7pG__pageCardTilt{--tilt-rotate-x:0deg;--tilt-rotate-y:0deg;--tilt-scale:1;aspect-ratio:.82;perspective:900px;min-height:350px}.examples-module__WCI7pG__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}.examples-module__WCI7pG__pageCardTilt:hover .examples-module__WCI7pG__pageCard{transition:transform 80ms ease-out}.examples-module__WCI7pG__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}.examples-module__WCI7pG__pageCard:focus-visible{outline-offset:3px;outline:2px solid #09f}.examples-module__WCI7pG__pagePreview{border-radius:var(--radius);corner-shape:superellipse(2);color:#fff;background:linear-gradient(135deg,#fffc,#ffffff2e),#09f;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}.examples-module__WCI7pG__pagePreview img{border-radius:var(--radius);corner-shape:superellipse(2);object-fit:cover;width:100%;height:100%}.examples-module__WCI7pG__pageInitials{z-index:1;color:#fff;font-size:48px;font-weight:500;line-height:1;position:relative}.examples-module__WCI7pG__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}.examples-module__WCI7pG__pageOpenIcon svg{width:23px;height:23px}.examples-module__WCI7pG__pageOpenIcon path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px}.examples-module__WCI7pG__pageCard:hover .examples-module__WCI7pG__pageOpenIcon{color:#fff;background:#ffffff57}.examples-module__WCI7pG__pageTitle{z-index:2;color:#161616;letter-spacing:0;text-align:center;background:#fff;border-radius:999px;justify-content:center;align-items:center;width:min(100% - 80px,214px);min-height:48px;padding:0 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%;transform:translate(-50%);box-shadow:0 14px 34px #00000029}.examples-module__WCI7pG__pageCard:hover .examples-module__WCI7pG__pageTitle{color:#161616;background:#f6f6f6}.examples-module__WCI7pG__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}.examples-module__WCI7pG__emptyState h3{color:#1b1b1b;letter-spacing:0;margin:0;font-size:30px;font-weight:500;line-height:1.1}.examples-module__WCI7pG__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}.examples-module__WCI7pG__emptyAction{color:#fff;background:#09f;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}.examples-module__WCI7pG__examplesPage #footer{margin-top:96px}@media (max-width:1120px){.examples-module__WCI7pG__pageGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:820px){.examples-module__WCI7pG__examplesPage{--examples-width:calc(100% - 24px)}.examples-module__WCI7pG__hero{--radius:24px;min-height:430px;padding:92px 20px 42px}.examples-module__WCI7pG__heroCloudIcon{opacity:.72}.examples-module__WCI7pG__heroCloudIconOne{width:86px;top:122px;left:18px}.examples-module__WCI7pG__heroCloudIconTwo{width:72px;bottom:56px;left:42px}.examples-module__WCI7pG__heroCloudIconThree{width:88px;top:132px;right:16px}.examples-module__WCI7pG__heroCloudIconFour{width:58px;bottom:68px;right:54px}.examples-module__WCI7pG__heroInner h1{font-size:38px}.examples-module__WCI7pG__pageGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.examples-module__WCI7pG__examplesPage{--examples-width:calc(100% - 12px)}.examples-module__WCI7pG__hero{--radius:18px;min-height:380px;padding:82px 18px 34px}.examples-module__WCI7pG__heroCloudIconOne,.examples-module__WCI7pG__heroCloudIconThree{opacity:.52;--cloud-float-y:-8px;width:54px;top:260px}.examples-module__WCI7pG__heroCloudIconOne{left:24px}.examples-module__WCI7pG__heroCloudIconThree{right:24px}.examples-module__WCI7pG__heroCloudIconTwo,.examples-module__WCI7pG__heroCloudIconFour{display:none}.examples-module__WCI7pG__heroCloudIcon{animation-duration:10s}.examples-module__WCI7pG__heroInner h1{font-size:31px}.examples-module__WCI7pG__heroInner p{font-size:16px}.examples-module__WCI7pG__showcaseSection{margin-top:48px}.examples-module__WCI7pG__pageGrid{grid-template-columns:1fr}.examples-module__WCI7pG__pageCardTilt{min-height:360px}.examples-module__WCI7pG__pageCard{--radius:22px}.examples-module__WCI7pG__pageOpenIcon{width:40px;height:40px;top:14px;right:14px}.examples-module__WCI7pG__pageTitle{width:min(100% - 70px,240px);min-height:46px;font-size:16px;bottom:22px}.examples-module__WCI7pG__examplesPage #footer{--radius:18px;margin-top:72px}}