.WindowManagementShowcase_container__etASM {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 8px;
}
.WindowManagementShowcase_alsoWindow__39PC7 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  isolation: isolate;
}
.WindowManagementShowcase_windowWrapper__kJoU_ {
  position: relative;
  width: 100%;
  height: 100%;
}
.WindowManagementShowcase_window__cShqX {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(158, 190, 215, 0.1);
  -webkit-backdrop-filter: blur(36px);
  backdrop-filter: blur(36px);
  border: 1px solid hsla(270, 2%, 56%, 0.2);
  border-radius: 12px;
  box-shadow: 0 4px 40px 8px rgba(0, 0, 0, 0.4), 0 0 0 0.5px rgba(0, 0, 0, 0.8),
    inset 0 0.5px 0 0 hsla(0, 0%, 100%, 0.3);
  transition: all 0.3s ease;
  transform: translateZ(0);
}
.WindowManagementShowcase_controls__Mw91l {
  display: flex;
  gap: 6px;
  align-items: center;
  height: 34px;
  padding: 10px 16px 0;
}
.WindowManagementShowcase_control__JyEmN {
  width: 12px;
  height: 12px;
  background-color: hsla(0, 0%, 100%, 0.2);
  border-radius: 6px;
}
@-moz-document url-prefix() {
  .WindowManagementShowcase_window__cShqX {
    transform: none;
  }
}
.Features_container__cNA2k {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.Features_container__cNA2k .Features_sub__2RCSJ {
  max-width: 467px;
  margin-top: var(--spacing-3);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Text-Muted, var(--grey-300));
  text-align: center;
  letter-spacing: 0.2px;
}
.Features_container__cNA2k .Features_sub__2RCSJ > span {
  color: var(--Text-Loud, var(--Base-White, #fff));
}
.Features_sectionTitle__3tVmK {
  margin-bottom: var(--spacing-8);
}
.Features_frameOuter__cy6jZ {
  position: relative;
  width: 100%;
  max-width: min(1204px, calc(100vw + 19px));
  height: clamp(500px, calc(100vw * 0.6 + 274.436px), 740px);
  padding: var(--spacing-1);
  background: radial-gradient(
      85.77% 49.97% at 51% 5.12%,
      hsla(0, 100%, 79%, 0.11) 0,
      rgba(222, 226, 255, 0.08) 45.83%,
      rgba(241, 242, 255, 0.02) 100%
    ),
    rgba(0, 0, 0, 0.44);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  border: 1px solid hsla(0, 0%, 100%, 0.08);
  box-shadow: 0 0 40px 20px hsla(0, 0%, 100%, 0.03),
    inset 0 0.5px 0 0 hsla(0, 0%, 100%, 0.3);
  transform: translateZ(0);
}
@media (min-width: 1204px) {
  .Features_frameOuter__cy6jZ {
    border-radius: 19px;
  }
}
.Features_backdropWrapper__L2OUh {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.Features_backdrop__VxyxO {
  position: absolute;
  inset: -60px -70px;
  filter: blur(20px);
  transform: translateZ(0);
}
.Features_backdrop__VxyxO:before {
  position: absolute;
  inset: 0;
  z-index: -1;
  clip-path: polygon(
    0 0,
    50% 14%,
    100% 0,
    92% 50%,
    100% 100%,
    50% 86%,
    0 100%,
    8% 50%
  );
  content: "";
  background: radial-gradient(
    40% 147% at 50% 46.2%,
    hsla(0, 100%, 73%, 0.2) 5%,
    rgba(154, 170, 255, 0.11) 60%,
    hsla(0, 100%, 88%, 0) 140%
  );
}
.Features_stars__YRhs6 {
  position: absolute;
  inset: -45px -135px;
}
.Features_stars__YRhs6 > * {
  position: absolute;
}
.Features_stars__YRhs6 .Features_top__hfxko {
  top: 0;
  right: 0;
  left: 0;
  height: 45px;
}
.Features_stars__YRhs6 .Features_bottom__lzPWj {
  right: 0;
  bottom: 0;
  left: 0;
  height: 45px;
}
.Features_stars__YRhs6 .Features_left__nIVgE {
  top: 82px;
  bottom: 82px;
  left: 50px;
  width: 86px;
}
.Features_stars__YRhs6 .Features_right___pNrD {
  top: 82px;
  right: 50px;
  bottom: 82px;
  width: 86px;
}
.Features_stars__YRhs6 .Features_star__CMn8R {
  position: absolute;
  background: #fff;
  border-radius: 100%;
}
.Features_stars__YRhs6 .Features_star__CMn8R:after,
.Features_stars__YRhs6 .Features_star__CMn8R:before {
  position: absolute;
  inset: 0;
  width: inherit;
  height: inherit;
  content: "";
  border-radius: inherit;
  opacity: 0;
  transition: opacity var(--transition-duration) ease;
}
.Features_stars__YRhs6 .Features_star__CMn8R:after {
  background: #fff;
  box-shadow: 0 0 1px 1px rgba(50, 145, 255, 0.8),
    0 0 2px 1px rgba(50, 145, 255, 0.25);
}
.Features_stars__YRhs6 .Features_star__CMn8R:before {
  box-shadow: 0 0 2px 1px rgba(50, 145, 255, 0.25);
}
.Features_stars__YRhs6 .Features_star__CMn8R[data-state="off"] {
  background: #fff;
}
.Features_stars__YRhs6 .Features_star__CMn8R[data-state="high"]:after,
.Features_stars__YRhs6 .Features_star__CMn8R[data-state="medium"]:before {
  opacity: 1;
}
.Features_frameInner__2Z6Vc {
  position: relative;
  height: 100%;
  overflow: hidden;
  background: #07080a;
  border: 1px solid hsla(0, 0%, 100%, 0.08);
  box-shadow: 0 0 2px 0 hsla(0, 0%, 100%, 0.19),
    inset 0 0.5px 0 0 hsla(0, 0%, 100%, 0.1);
}
@media (min-width: 1204px) {
  .Features_frameInner__2Z6Vc {
    border-radius: var(--rounding-md);
  }
}
.Features_frameContent__Hbf8N {
  position: relative;
  height: 100%;
}
.Features_scrollBlocker__GPhab {
  position: absolute;
  inset: 0;
  z-index: 2;
}
.Features_showcaseReel__g17fo {
  display: grid;
  grid-template-columns: repeat(3, min(1184px, 100vw));
  place-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding: 0 0 102px;
  overflow-y: scroll;
}
@media (min-width: 720px) {
  .Features_showcaseReel__g17fo {
    padding-top: 48px;
  }
}
.Features_dock__uWI8c {
  position: absolute;
  bottom: var(--spacing-3);
  left: 50%;
  z-index: 3;
  display: flex;
  gap: var(--spacing-1);
  align-items: flex-end;
  justify-content: center;
  padding: var(--spacing-1);
  background: linear-gradient(
    181deg,
    rgba(0, 0, 0, 0.1) 4.5%,
    hsla(0, 0%, 100%, 0.03) 99.51%
  );
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: 1px solid var(--Card-Border, hsla(0, 0%, 100%, 0.06));
  border-radius: calc(var(--rounding-md) + var(--spacing-1));
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.17),
    0 4px 3px 0 rgba(0, 0, 0, 0.1), 0 7px 3px 0 rgba(0, 0, 0, 0.03),
    0 12px 3px 0 transparent, 0 4px 4px 0 rgba(0, 0, 0, 0.25),
    inset 0 1px 0 0 hsla(0, 0%, 100%, 0.1), 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  transform: translate3d(-50%, 0, 0);
}
.Features_dock__uWI8c .Features_item__CDT4o {
  display: flex;
  gap: var(--spacing-1);
  align-items: center;
  padding: var(--spacing-2);
  color: var(--grey-200);
  background: radial-gradient(
    1139.98% 138.18% at 0 0,
    hsla(0, 0%, 100%, 0.1) 0,
    hsla(0, 0%, 100%, 0) 100%
  );
  border: 1px solid var(--grey-500);
  border-radius: var(--rounding-md);
  box-shadow: 0 7px 3px 0 rgba(0, 0, 0, 0.03), 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  transition: all 0.2s ease;
}
.Features_dock__uWI8c .Features_item__CDT4o > svg {
  width: 20px;
  height: 20px;
}
.Features_dock__uWI8c .Features_item__CDT4o.Features_active__1TRW9,
.Features_dock__uWI8c .Features_item__CDT4o:hover {
  color: #fff;
  background: radial-gradient(
    79.21% 79.21% at 42.35% 0,
    #787878 0,
    #282828 100%
  );
  border: 1px solid var(--grey-400);
  box-shadow: 0 8.077px 3.462px 0 rgba(0, 0, 0, 0.03),
    0 4.615px 4.615px 0 rgba(0, 0, 0, 0.25),
    inset 0 1.154px 0 0 hsla(0, 0%, 100%, 0.19),
    0 0 6px 0 hsla(0, 0%, 100%, 0.25);
}
.Features_dock__uWI8c .Features_item__CDT4o.Features_active__1TRW9 {
  margin: 0 6px;
  border-radius: var(--rounding-lg);
  transform: scale(1.25) translateY(-5px);
}
.Features_menuBar__Tkc36 {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: none;
  align-items: center;
  justify-content: space-between;
  height: 48px;
  padding: 12px;
  font-family: SF Pro;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  color: hsla(0, 0%, 100%, 0.4);
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 36px 100px rgba(0, 0, 0, 0.7);
}
.Features_menuBar__Tkc36 .Features_leading__fUTCO {
  display: flex;
  gap: 7px;
  align-items: center;
}
.Features_menuBar__Tkc36 .Features_leading__fUTCO .Features_menuItems__PtzlB {
  display: flex;
  gap: 19px;
  align-items: center;
}
.Features_menuBar__Tkc36 .Features_leading__fUTCO .Features_icon__8NTMr {
  width: 17px;
  margin: 0 10px;
}
.Features_menuBar__Tkc36 .Features_trailing__n0P9F {
  display: flex;
  gap: 6px;
  align-items: center;
  padding: 0 12px 0 0;
}
@media (min-width: 720px) {
  .Features_menuBar__Tkc36 {
    display: flex;
  }
}
.Features_applicationMenu__14PGa {
  display: flex;
  align-items: center;
}
.Features_applicationMenu__14PGa .Features_logo__UEgu9 {
  display: flex;
  align-items: center;
  padding: 0 11px;
}
.Features_applicationMenu__14PGa .Features_menuItems__PtzlB {
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: center;
}
.Features_tooltip__z3iB3 {
  display: inline-flex;
  gap: var(--spacing-1);
  align-items: center;
  justify-content: center;
  padding: 1px var(--spacing-1);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Text-Loud, var(--Base-White, #fff));
  letter-spacing: 0.2px;
  background: var(
    --Card-BG,
    linear-gradient(137deg, #111214 4.87%, #0c0d0f 75.88%)
  );
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border: 1px solid var(--Card-Border, hsla(0, 0%, 100%, 0.06));
  border-radius: var(--rounding-sm);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  transform: translateZ(0);
}