.saas-marketing .pm-section.pm-section-before-portfolio{padding-bottom:0}@media (min-width:1024px){.saas-marketing .pm-section.pm-section-before-portfolio{padding-bottom:.25rem}}.saas-marketing .pm-section-before-portfolio .pm-pricing-help{margin-top:1.25rem}.saas-marketing .pm-section-before-portfolio .pm-pricing-help+p{margin-top:.75rem}.saas-marketing .pm-section-before-portfolio .pm-container>p:last-child{margin-bottom:0}.saas-marketing .pm-section.pm-section-portfolio{padding-top:0}@media (min-width:1024px){.saas-marketing .pm-section.pm-section-portfolio{padding-top:.25rem}}.saas-marketing .pm-portfolio-header{max-width:40rem;margin:0 auto 1.75rem;text-align:center}.saas-marketing .pm-portfolio-heading{margin:0;font-family:var(--font-display),serif;font-weight:700;letter-spacing:-.03em;line-height:1.05}.saas-marketing .pm-portfolio-heading-primary{display:block;font-size:1.875rem;color:hsl(var(--pm-on-dark))}@media (min-width:640px){.saas-marketing .pm-portfolio-heading-primary{font-size:2.25rem}}.saas-marketing .pm-portfolio-heading-accent{display:block;margin-top:.25rem;font-size:1.875rem;background:linear-gradient(135deg,hsl(217 91% 82%),hsl(216 93% 58%) 55%,hsl(217 91% 72%));-webkit-background-clip:text;background-clip:text;color:transparent}@media (min-width:640px){.saas-marketing .pm-portfolio-heading-accent{font-size:2.25rem}}.saas-marketing .pm-portfolio-subtitle{margin:.875rem auto 0;max-width:34rem}.saas-marketing .pm-portfolio-clients{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;max-width:56rem;margin-inline:auto}.saas-marketing .pm-portfolio-clients--single{max-width:16rem;margin-inline:auto;padding-inline:1rem}.saas-marketing .pm-portfolio-marquee{position:relative;width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw);padding-block:.25rem .5rem}.saas-marketing .pm-portfolio-marquee__viewport{overflow:hidden}.saas-marketing .pm-portfolio-marquee__track{display:flex;width:-moz-max-content;width:max-content;gap:.875rem;padding-inline:1rem}@media (min-width:640px){.saas-marketing .pm-portfolio-marquee__track{gap:1rem;padding-inline:1.25rem}}.saas-marketing .pm-portfolio-marquee__slide{flex:0 0 auto;width:min(68vw,14.5rem)}@media (min-width:640px){.saas-marketing .pm-portfolio-marquee__slide{width:15rem}}@media (min-width:1024px){.saas-marketing .pm-portfolio-marquee__slide{width:16rem}}.saas-marketing .pm-portfolio-marquee--animated .pm-portfolio-marquee__track{will-change:transform;animation:pm-portfolio-marquee-scroll var(--pm-portfolio-marquee-duration,40s) linear infinite}@media (hover:hover) and (pointer:fine){.saas-marketing .pm-portfolio-marquee--animated:hover .pm-portfolio-marquee__track{animation-play-state:paused}}.saas-marketing .pm-portfolio-marquee--native-scroll .pm-portfolio-marquee__viewport{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none}.saas-marketing .pm-portfolio-marquee--native-scroll .pm-portfolio-marquee__viewport::-webkit-scrollbar{display:none}.saas-marketing .pm-portfolio-marquee--native-scroll .pm-portfolio-marquee__track{width:auto}.saas-marketing .pm-portfolio-marquee--native-scroll .pm-portfolio-marquee__slide{scroll-snap-align:start}@keyframes pm-portfolio-marquee-scroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.saas-marketing .pm-portfolio-marquee__fade{position:absolute;top:0;bottom:0;z-index:2;width:min(12vw,5rem);pointer-events:none}.saas-marketing .pm-portfolio-marquee__fade--start{left:0;background:linear-gradient(90deg,hsl(var(--pm-section-bg,222 47% 4%)/.98) 0,transparent 100%)}.saas-marketing .pm-portfolio-marquee__fade--end{right:0;background:linear-gradient(270deg,hsl(var(--pm-section-bg,222 47% 4%)/.98) 0,transparent 100%)}.saas-marketing .pm-portfolio-client-tile{display:flex;flex-direction:column;overflow:hidden;padding:0;contain:layout paint}.saas-marketing .pm-portfolio-client-tile__link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.saas-marketing .pm-portfolio-client-tile__link:focus-visible{outline:2px solid hsl(var(--pm-accent-highlight));outline-offset:2px}.saas-marketing .pm-portfolio-client-tile__shot{position:relative;aspect-ratio:16/10;width:100%;overflow:hidden;background:hsl(222 22% 11%)}.saas-marketing .pm-portfolio-client-tile__shot-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.saas-marketing .pm-portfolio-client-tile__shot-gradient{position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(180deg,transparent,hsl(222 47% 6%/.72));pointer-events:none}.saas-marketing .pm-portfolio-client-tile__live{position:absolute;top:.5rem;right:.5rem;z-index:1;display:inline-flex;align-items:center;gap:.3125rem;padding:.1875rem .5rem;border-radius:9999px;border:1px solid hsl(142 55% 48%/.28);background:hsl(222 47% 6%/.72);font-size:.5625rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:hsl(142 50% 72%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.saas-marketing .pm-portfolio-client-tile__live-dot{width:.3125rem;height:.3125rem;border-radius:50%;background:hsl(142 60% 52%);box-shadow:0 0 6px hsl(142 60% 52%/.75)}.saas-marketing .pm-portfolio-client-tile__bar{display:flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:.5rem .625rem;border-top:1px solid hsl(var(--pm-border-glass))}.saas-marketing .pm-portfolio-client-tile__logo{flex-shrink:0}.saas-marketing .pm-portfolio-client-tile__logo .pm-portfolio-site-logo{width:1.625rem;height:1.625rem;border-radius:.375rem}.saas-marketing .pm-portfolio-client-tile__logo .pm-portfolio-site-logo__image{-o-object-fit:cover;object-fit:cover}.saas-marketing .pm-portfolio-client-tile__name{flex:1;min-width:0;font-size:.8125rem;font-weight:700;line-height:1.25;color:hsl(var(--pm-on-dark));display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.saas-marketing .pm-portfolio-client-tile__arrow{flex-shrink:0;width:.875rem;height:.875rem;color:hsl(var(--pm-on-dark-muted));transition:color var(--pm-motion-base) cubic-bezier(.22,1,.36,1)}.saas-marketing .pm-portfolio-client-tile__link:focus-visible .pm-portfolio-client-tile__arrow,.saas-marketing .pm-portfolio-client-tile__link:hover .pm-portfolio-client-tile__arrow{color:hsl(var(--pm-accent-highlight))}.saas-marketing .pm-portfolio-site-logo{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.5rem;overflow:hidden;border:1px solid hsl(0 0% 100%/.12);background:hsl(0 0% 100%/.06);box-shadow:inset 0 1px 0 hsl(0 0% 100%/.08)}.saas-marketing .pm-portfolio-site-logo--hero{width:5.5rem;height:5.5rem;border-radius:1rem;border-color:hsl(0 0% 100%/.16);background:hsl(0 0% 100%/.92);box-shadow:0 0 0 1px hsl(var(--pm-accent)/.12),0 12px 32px hsl(var(--pm-accent)/.1)}.saas-marketing .pm-portfolio-site-logo--hero .pm-portfolio-site-logo__fallback{font-size:1.125rem}.saas-marketing .pm-portfolio-site-logo__image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;background:hsl(0 0% 100%)}.saas-marketing .pm-portfolio-site-logo__fallback{font-size:.6875rem;font-weight:700;letter-spacing:.04em;color:hsl(var(--pm-on-dark-muted))}.saas-marketing .pm-portfolio-preview{position:relative;display:block;width:100%;aspect-ratio:16/10;overflow:hidden;contain:layout paint;background:linear-gradient(145deg,hsl(220 14% 18%),hsl(220 10% 28%))}.saas-marketing .pm-portfolio-preview--compact{aspect-ratio:16/9;max-height:11.5rem}.saas-marketing .pm-portfolio-preview-carousel{isolation:isolate}.saas-marketing .pm-portfolio-preview-stack{position:absolute;inset:0}.saas-marketing .pm-portfolio-preview-image{transition:opacity .4s cubic-bezier(.22,1,.36,1)}.saas-marketing .pm-portfolio-preview-image-active{opacity:1;z-index:1}.saas-marketing .pm-portfolio-preview-image-inactive{opacity:0;z-index:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.saas-marketing .pm-portfolio-preview-image{transition:none}.saas-marketing .pm-portfolio-marquee--animated .pm-portfolio-marquee__track{animation:none}.saas-marketing .pm-portfolio-marquee__viewport{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}}