/* screen - index */

.index {
  background-color: var(--white);
  display: flex;
  justify-content: center;
  min-height: 3537px;
  min-width: 1920px;
  width: 100%;
}

.index .body {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 3537px;
  position: relative;
  width: 1920px;
}

.index .hero-section {
  align-self: stretch;
  background-image: url(../img/bg-elements.png);
  background-size: 100% 100%;
  height: 950px;
  position: relative;
  width: 100%;
}

.index .header {
  align-items: center;
  background-color: transparent;
  display: flex;
  justify-content: space-between;
  left: 0;
  padding: 16px 99px;
  position: absolute;
  top: 0;
  width: 1920px;
}

.index .logotype {
  display: inline-flex;
}

.index .logo {
  background-color: var(--blue-500);
  border-radius: 8px;
  box-shadow: 32px 32px 32px #28316614 , 16px 16px 16px #28316614 , 8px 8px 8px #28316614 , 4px 4px 4px #2831660a , 2px 2px 2px #28316614 , inset 1px 1px 0px #ffffff66;
  height: 48px;
  position: relative;
  width: 48px;
}

.index .repeat-group-1 {
  height: 40px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 40px;
}

.index .gmail-cleanup {
  color: var(--blue-800);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-75bold);
  font-size: var(--font-size-m);
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .menu {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 30px;
  position: relative;
}

.index .features {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .how-it-work {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .cta-button {
  align-items: center;
  background-color: var(--blue-500);
  border-radius: 8px;
  box-shadow: 32px 32px 32px #28316614 , 16px 16px 16px #28316614 , 8px 8px 8px #28316614 , 4px 4px 4px #2831660a , 2px 2px 2px #28316614 , inset 1px 1px 0px #ffffff66;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  height: 48px;
  justify-content: center;
  padding: 14px 32px;
  position: relative;
}

.index .get-started {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.50px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .titledescription-1 {
  left: calc(50.00% - 465px);
  position: absolute;
  top: 128px;
}

.index .clean-your-gmail-reclaim-your-space {
  align-self: stretch;
  color: var(--blue-800);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-75bold);
  font-size: 72px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .effortlessly-manage {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index .buttons {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 30px;
  position: relative;
}

.index .cta-button-1 {
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--blue-500);
  box-shadow: 32px 32px 32px #28316614 , 16px 16px 16px #28316614 , 8px 8px 8px #28316614 , 4px 4px 4px #2831660a , 2px 2px 2px #28316614 , inset 1px 1px 0px #ffffff66;
  flex: 0 0 auto;
}

.index .learn-more {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.50px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .image {
  display: flex;
  height: 482px;
  justify-content: center;
  left: 327px;
  position: absolute;
  top: 468px;
  width: 1267px;
}

.index .image-1 {
  height: 482px;
  position: relative;
  width: 1267.16px;
}

.index .frame-5 {
  display: flex;
  flex-direction: column;
  gap: 5.7px;
  height: 330px;
  left: calc(50.00% - 88px);
  position: absolute;
  top: 43px;
  width: 476px;
}

.index .item-2 {
  align-items: flex-start;
  border: 0.96px solid;
  border-color: var(--gray-100);
  border-radius: 7.65px;
  flex-direction: column;
  gap: 9.56px;
  height: 96.59px;
  justify-content: center;
  padding: 14.35px;
  position: relative;
  width: 476.26px;
}

.index .checkboxtitledate {
  gap: 9.56px;
}

.index .rectangle-1 {
  aspect-ratio: 1;
  border: 0.96px solid;
  border-color: var(--gray-500);
  border-radius: 1.91px;
  height: 15.3px;
  position: relative;
  width: 15.3px;
}

.index .studio-hellostudiodesign {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.96px;
  position: relative;
}

.index .studio-design-support-holiday-schedule {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.index .frame-4 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 9.56px;
  position: relative;
}

.index .x5-kb {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.96px;
  position: relative;
  width: fit-content;
}

.index .important {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 3.83px;
  position: relative;
}

.index .fistar {
  height: 15.3px;
  width: 15.3px;
}

.index .important-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.81px;
  position: relative;
  width: fit-content;
}

.index .item-3 {
  align-items: flex-start;
  border: 4.78px solid;
  border-color: var(--blue-500);
  border-radius: 9.18px;
  box-shadow: 0px 0px 95.63px #a3d3fe;
  flex-direction: column;
  gap: 11.48px;
  height: 125.47px;
  justify-content: center;
  margin-left: -52.4px;
  padding: 17.21px;
  position: relative;
  width: 581.08px;
}

.index .checkboxtitledate-1 {
  gap: 11.48px;
}

.index .check-box {
  background-color: var(--blue-500);
  border-radius: 2.3px;
  height: 18.36px;
  position: relative;
  width: 18.36px;
}

.index .vector {
  height: 52.34%;
  left: 14.06%;
  position: absolute;
  top: 23.44%;
  width: 71.88%;
}

.index .jovin-from-mobbin-jovinmobbincom {
  color: var(--blue-800);
  flex: 1;
  font-family: var(--font-family-neue_haas_grotesk_display_pro-65medium);
  font-size: 18.4px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.15px;
  position: relative;
}

.index .november-26-2024-1 {
  color: var(--gray-500);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-65medium);
  font-size: 13.8px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.index .discover-mobbins-top-3-apps {
  align-self: stretch;
  color: var(--gray-500);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-55roman);
  font-size: 14.9px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.index .frame-4-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 11.48px;
  position: relative;
}

.index .x365-kb {
  color: var(--gray-500);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-65medium);
  font-size: 14.9px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.15px;
  position: relative;
  width: fit-content;
}

.index .important-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 4.59px;
  position: relative;
}

.index .fistar-1 {
  height: 18.36px;
  width: 18.36px;
}

.index .important-3 {
  color: var(--blue-800);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-55roman);
  font-size: 14.9px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.97px;
  position: relative;
  width: fit-content;
}

.index .item-4 {
  align-items: flex-start;
  border: 0.96px solid;
  border-color: var(--gray-100);
  border-radius: 7.65px;
  flex-direction: column;
  gap: 9.56px;
  height: 96.59px;
  justify-content: center;
  margin-left: 0;
  padding: 14.35px;
  position: relative;
  width: 476.26px;
}

.index .name {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.96px;
  position: relative;
}

.index .item-5 {
  align-items: flex-start;
  border: 0.96px solid;
  border-color: var(--gray-100);
  border-radius: 7.65px;
  flex-direction: column;
  gap: 9.56px;
  height: 97px;
  justify-content: center;
  left: 545px;
  opacity: 0.5;
  padding: 14.35px;
  position: absolute;
  top: 385px;
  width: 476px;
}

.index .vimeo-vimeoemailvimeocom {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.96px;
  position: relative;
}

.index .unused-budget-set-y-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.index .trash {
  align-items: center;
  background-color: var(--red-400);
  border-radius: 114.76px;
  box-shadow: 0px 3.83px 15.3px #ff565652;
  display: flex;
  gap: 9.56px;
  height: 107px;
  left: 1160px;
  padding: 30.6px;
  position: absolute;
  top: 159px;
  width: 107px;
}

.index .fitrash-2 {
  aspect-ratio: 1;
  height: 45.9px;
  position: relative;
  width: 45.9px;
}

.index .vector-2 {
  height: 80px;
  left: 907px;
  position: absolute;
  top: 115px;
  width: 265px;
}

.index .radio-buttons {
  gap: 9.6px;
  height: 438px;
  left: 215px;
  position: absolute;
  top: 1px;
  width: 201px;
}

.index .radio-button {
  align-items: center;
  background-color: var(--white);
  border: 0.96px solid;
  border-color: var(--gray-100);
  border-radius: 7.65px;
  gap: 9.56px;
  height: 102.77px;
  padding: 14.35px;
  position: relative;
  width: 200.83px;
}

.index .fimail {
  height: 22.95px;
  position: relative;
  width: 22.95px;
}

.index .radio-button-1 {
  align-items: center;
  background-color: var(--white);
  border: 1.15px solid;
  border-color: var(--blue-500);
  border-radius: 9.18px;
  box-shadow: 0px 4px 64px #a3d3fe80;
  display: flex;
  flex-direction: column;
  gap: 11.48px;
  height: 123.92px;
  margin-left: -20.1px;
  padding: 17.21px;
  position: relative;
  width: 241px;
}

.index .compaign_icon {
  height: 27.54px;
  position: relative;
  width: 27.54px;
}

.index .vector-1 {
  height: 20px;
  left: calc(50.00% - 13px);
  position: absolute;
  top: calc(50.00% - 10px);
  width: 25px;
}

.index .promotions-and-mailings {
  align-self: stretch;
  color: var(--blue-800);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-65medium);
  font-size: 18.4px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index .marketing-letters {
  align-self: stretch;
  color: var(--gray-500);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-65medium);
  font-size: 13.8px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index .fiusers {
  height: 22.95px;
  position: relative;
  width: 22.95px;
}

.index .fiinbox {
  height: 22.95px;
  position: relative;
  width: 22.95px;
}

.index .inbox {
  align-items: center;
  background-color: var(--white);
  border: 0.96px solid;
  border-color: #bfdfff;
  border-radius: 7.65px;
  display: flex;
  gap: 7.65px;
  height: 50px;
  left: 1px;
  padding: 9.56px;
  position: absolute;
  top: 143px;
  width: 164px;
}

.index .frame-2 {
  align-items: center;
  background-color: var(--blue-500);
  border-radius: 28.69px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 9.56px;
  padding: 8.61px;
  position: relative;
}

.index .vector-1-1 {
  height: 13.39px;
  position: relative;
  width: 13.39px;
}

.index .inbox-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .vector-3 {
  height: 55px;
  left: 365px;
  position: absolute;
  top: 105px;
  width: 159px;
}

.index .vector-4 {
  height: 53px;
  left: 89px;
  position: absolute;
  top: 105px;
  width: 157px;
}

.index .features-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 48px;
  padding: 96px 99px;
  position: relative;
  width: 100%;
}

.index .titledescription {
  flex: 0 0 auto;
  position: relative;
}

.index .powerful-features {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .everything-you-need {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index .items {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 30px 30px;
  position: relative;
  width: 100%;
}

.index .item {
  align-items: center;
  border: 1px solid;
  border-color: var(--gray-100);
  border-radius: 16px;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
  position: relative;
  width: 554px;
}

.index .icon {
  align-items: center;
  background-color: var(--blue-500);
  border-radius: 70px;
  box-shadow: 32px 32px 32px #28316614 , 16px 16px 16px #28316614 , 8px 8px 8px #28316614 , 4px 4px 4px #2831660a , 2px 2px 2px #28316614 , inset 1px 1px 0px #ffffff66;
  display: inline-flex;
  gap: 10px;
  padding: 16px;
}

.index .fitrash-2-1 {
  aspect-ratio: 1;
  height: 48px;
  position: relative;
  width: 48px;
}

.index .bulk-delete {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index .delete-thousands-of {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index .fibar-chart-2 {
  aspect-ratio: 1;
  height: 48px;
  position: relative;
  width: 48px;
}

.index .smart-filters {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index .filter-by-date-size {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index .fihard-drive {
  aspect-ratio: 1;
  height: 48px;
  position: relative;
  width: 48px;
}

.index .storage-insights {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index .see-which-emails-tak {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index .x100-secure {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index .your-data-stays-priv {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index .fizap {
  aspect-ratio: 1;
  height: 48px;
  position: relative;
  width: 48px;
}

.index .lightning-fast {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index .process-thousands-of {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index .works-everywhere {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index .access-from-any-devi {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index .how-it-works {
  align-items: center;
  align-self: stretch;
  background-color: var(--blue-50);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 48px;
  padding: 96px 99px;
  position: relative;
  width: 100%;
}

.index .how-it-works-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .get-started-in-three {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index .number {
  align-items: center;
  display: flex;
  justify-content: center;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 48px;
}

.index .connect-your-gmail {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index .sign-in-securely-wit {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index .filter-select {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index .use-our-powerful-fil {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index .clean-up {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index .delete-selected-emai {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index .your-privacy-is-our-priority {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 48px;
  padding: 96px 99px;
  position: relative;
  width: 100%;
}

.index .your-privacy-is-our-priority-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .we-take-security-ser {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index .item-1 {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--gray-100);
  border-radius: 16px;
  flex: 1;
  flex-grow: 1;
  gap: 16px;
  padding: 20px;
  position: relative;
}

.index .fikey {
  aspect-ratio: 1;
  height: 48px;
  position: relative;
  width: 48px;
}

.index .frame-6 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 16px;
  position: relative;
}

.index .o-auth-20 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.index .secure-authenticatio {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.index .fiminus-circle {
  aspect-ratio: 1;
  height: 48px;
  position: relative;
  width: 48px;
}

.index .no-storage {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.index .we-dont-store-your {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.index .https-only {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.index .all-connections-are {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.index .ficheck-circle {
  aspect-ratio: 1;
  height: 48px;
  position: relative;
  width: 48px;
}

.index .gdpr-compliant {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.index .we-follow-strict-dat {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.index .ready-to-clean-your-inbox {
  align-items: center;
  align-self: stretch;
  background-color: var(--blue-800);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 48px;
  padding: 96px 99px;
  position: relative;
  width: 100%;
}

.index .bg-elements {
  height: 386px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.index .ready-to-clean-your-inbox-1 {
  align-self: stretch;
  color: var(--white);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-75bold);
  font-size: 48px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .join-thousands-of-us {
  align-self: stretch;
  color: var(--white);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-65medium);
  font-size: var(--font-size-l);
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index .cta-button-2 {
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--blue-500);
}

.index .footer {
  align-items: center;
  align-self: stretch;
  background-color: var(--blue-900);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  padding: 64px 99px 32px;
  position: relative;
  width: 100%;
}

.index .colums {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 30px;
  position: relative;
  width: 100%;
}

.index .colum-1 {
  gap: 10px;
}

.index .logotype-1 {
  align-self: stretch;
  display: flex;
  width: 100%;
}

.index .gmail-cleanup-1 {
  color: var(--white);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-75bold);
  font-size: var(--font-size-m);
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .colum {
  gap: 30px;
  justify-content: center;
}

.index .product {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .features-2 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .how-it-work-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .place {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .privacy-policy {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .terms-of-service {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .connect {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .support {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .git-hub {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .cta-button-3 {
  background-color: var(--blue-500);
  flex: 0 0 auto;
}

.index .divider {
  align-self: stretch;
  background-color: var(--blue-800);
  height: 1px;
  position: relative;
  width: 100%;
}

.index .x2025-gmail-cleanup {
  color: transparent;
  font-family: var(--font-family-neue_haas_grotesk_display_pro-medium);
  font-size: var(--font-size-xs);
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.index .span0 {
  color: #ffffff99;
}

.index .span1 {
  color: #ffb52d;
  text-decoration: underline;
}

.index .checkboxtitledate-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.index .colum-2 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
}

.index .cta-button-4 {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  gap: 10px;
  height: 48px;
  justify-content: center;
  padding: 14px 32px;
  position: relative;
}

.index .files-and-attachments-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index .filock-2 {
  aspect-ratio: 1;
  height: 48px;
  position: relative;
  width: 48px;
}

.index .fistar-2 {
  aspect-ratio: 1;
  position: relative;
}

.index .icon-2 {
  flex: 0 0 auto;
  position: relative;
}

.index .item-6 {
  background-color: var(--white);
  display: flex;
}

.index .logotype-2 {
  align-items: center;
  flex: 0 0 auto;
  gap: 16px;
  position: relative;
}

.index .radio {
  display: flex;
  flex-direction: column;
}

.index .titledescription-2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 930px;
}

.index .what-are-we-looking-for-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}
/* screen - landing-page-mobile */

.landing-page-mobile {
  background-color: var(--white);
  display: flex;
  min-height: 5937px;
  min-width: 390px;
  width: 100%;
}

.landing-page-mobile .body-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 5937px;
  position: relative;
  width: 390px;
}

.landing-page-mobile .hero-section-1 {
  align-self: stretch;
  height: 950px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.landing-page-mobile .gradient {
  background: linear-gradient(180deg, rgba(216, 236, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
  height: 950px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.landing-page-mobile .bg-elements-1 {
  height: 950px;
}

.landing-page-mobile .header-1 {
  align-items: center;
  background-color: transparent;
  display: flex;
  justify-content: space-between;
  left: 0;
  padding: 16px 15px;
  position: absolute;
  top: 0;
  width: 390px;
}

.landing-page-mobile .logotype-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 16px;
  position: relative;
}

.landing-page-mobile .logo-1 {
  background-color: var(--blue-500);
  border-radius: 8px;
  box-shadow: 32px 32px 32px #28316614 , 16px 16px 16px #28316614 , 8px 8px 8px #28316614 , 4px 4px 4px #2831660a , 2px 2px 2px #28316614 , inset 1px 1px 0px #ffffff66;
  height: 48px;
  position: relative;
  width: 48px;
}

.landing-page-mobile .repeat-group-1-1 {
  height: 40px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 40px;
}

.landing-page-mobile .gmail-cleanup-2 {
  color: var(--blue-800);
}

.landing-page-mobile .menu-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  position: relative;
}

.landing-page-mobile .burger-menu {
  height: 32px;
  position: relative;
  width: 32px;
}

.landing-page-mobile .vector-5 {
  height: 6.25%;
  left: 9.38%;
  position: absolute;
  top: 71.88%;
  width: 81.25%;
}

.landing-page-mobile .vector-6 {
  height: 6.25%;
  left: 9.38%;
  position: absolute;
  top: 46.88%;
  width: 59.38%;
}

.landing-page-mobile .vector-7 {
  height: 6.25%;
  left: 9.38%;
  position: absolute;
  top: 21.88%;
  width: 81.25%;
}

.landing-page-mobile .menu-2 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.landing-page-mobile .titledescription-3 {
  left: calc(50.00% - 180px);
  position: absolute;
  top: 112px;
  width: 360px;
}

.landing-page-mobile .clean-your-gmail-reclaim-your-space-1 {
  align-self: stretch;
  color: var(--blue-800);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-75bold);
  font-size: 42px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.landing-page-mobile .effortlessly-manage-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.landing-page-mobile .buttons-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 30px;
  position: relative;
}

.landing-page-mobile .cta-button-4 {
  background-color: var(--blue-500);
  box-shadow: 32px 32px 32px #28316614 , 16px 16px 16px #28316614 , 8px 8px 8px #28316614 , 4px 4px 4px #2831660a , 2px 2px 2px #28316614 , inset 1px 1px 0px #ffffff66;
  flex: 0 0 auto;
}

.landing-page-mobile .get-started-free-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.50px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.landing-page-mobile .cta-button-5 {
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--blue-500);
  box-shadow: 32px 32px 32px #28316614 , 16px 16px 16px #28316614 , 8px 8px 8px #28316614 , 4px 4px 4px #2831660a , 2px 2px 2px #28316614 , inset 1px 1px 0px #ffffff66;
  flex: 0 0 auto;
}

.landing-page-mobile .learn-more-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.50px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.landing-page-mobile .image-2 {
  height: 468px;
  left: 0;
  position: absolute;
  top: 439px;
  width: 390px;
}

.landing-page-mobile .image-3 {
  height: 445px;
  left: calc(50.00% - 307px);
  position: absolute;
  top: 23px;
  width: 618px;
}

.landing-page-mobile .image-4 {
  display: flex;
  height: 241px;
  justify-content: center;
  left: calc(50.00% - 132px);
  position: absolute;
  top: 137px;
  width: 261px;
}

.landing-page-mobile .frame-5-1 {
  display: flex;
  flex-direction: column;
  height: 241.18px;
  width: 261px;
}

.landing-page-mobile .item-8 {
  align-items: flex-start;
  border: 0.52px solid;
  border-color: var(--gray-100);
  border-radius: 4.19px;
  flex-direction: column;
  gap: 5.24px;
  height: 52.93px;
  justify-content: center;
  margin-top: 0.5px;
  padding: 7.86px;
  width: 261px;
}

.landing-page-mobile .checkboxtitledate-2 {
  gap: 5.24px;
}

.landing-page-mobile .rectangle-1-1 {
  aspect-ratio: 1;
  border: 0.52px solid;
  border-color: var(--gray-500);
  border-radius: 1.05px;
  height: 8.39px;
  position: relative;
  width: 8.39px;
}

.landing-page-mobile .studio-hellostudiodesign-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.52px;
  position: relative;
}

.landing-page-mobile .studio-design-support-holiday-schedule-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.landing-page-mobile .frame-4-2 {
  gap: 5.24px;
}

.landing-page-mobile .x5-kb-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.52px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.landing-page-mobile .important-4 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 2.1px;
  position: relative;
}

.landing-page-mobile .fistar-2 {
  height: 8.39px;
  width: 8.39px;
}

.landing-page-mobile .important-5 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.33px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.landing-page-mobile .item-9 {
  align-items: flex-start;
  border: 2.62px solid;
  border-color: var(--blue-500);
  border-radius: 5.03px;
  box-shadow: 0px 0px 52.41px #a3d3fe;
  flex-direction: column;
  gap: 6.29px;
  height: 68.76px;
  justify-content: center;
  margin-left: -28.7px;
  margin-top: 3.1px;
  padding: 9.43px;
  width: 318.44px;
}

.landing-page-mobile .checkboxtitledate-3 {
  gap: 6.29px;
}

.landing-page-mobile .check-box-1 {
  background-color: var(--blue-500);
  border-radius: 1.26px;
  height: 10.06px;
  position: relative;
  width: 10.06px;
}

.landing-page-mobile .vector-8 {
  height: 52.34%;
  left: 14.06%;
  position: absolute;
  top: 23.44%;
  width: 71.88%;
}

.landing-page-mobile .jovin-from-mobbin-jovinmobbincom-1 {
  color: var(--blue-800);
  flex: 1;
  font-family: var(--font-family-neue_haas_grotesk_display_pro-65medium);
  font-size: 10.1px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.63px;
  position: relative;
}

.landing-page-mobile .november-26-2024-3 {
  color: var(--gray-500);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-65medium);
  font-size: 7.5px;
  font-weight: 500;
  white-space: nowrap;
}

.landing-page-mobile .discover-mobbins-top-3-apps-1 {
  align-self: stretch;
  color: var(--gray-500);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-55roman);
  font-size: 8.2px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.landing-page-mobile .frame-4-3 {
  gap: 6.29px;
}

.landing-page-mobile .x365-kb-1 {
  color: var(--gray-500);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-65medium);
  font-size: 8.2px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.63px;
  position: relative;
  width: fit-content;
}

.landing-page-mobile .important-6 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 2.52px;
  position: relative;
}

.landing-page-mobile .fistar-3 {
  height: 10.06px;
  width: 10.06px;
}

.landing-page-mobile .important-7 {
  color: var(--blue-800);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-55roman);
  font-size: 8.2px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.60px;
  position: relative;
  width: fit-content;
}

.landing-page-mobile .item-10 {
  align-items: flex-start;
  border: 0.52px solid;
  border-color: var(--gray-100);
  border-radius: 4.19px;
  flex-direction: column;
  gap: 5.24px;
  height: 52.93px;
  justify-content: center;
  margin-top: 3.1px;
  padding: 7.86px;
  width: 261px;
}

.landing-page-mobile .name-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.52px;
  position: relative;
}

.landing-page-mobile .item-11 {
  align-items: flex-start;
  align-self: center;
  border: 0.52px solid;
  border-color: var(--gray-100);
  border-radius: 4.19px;
  flex-direction: column;
  gap: 5.24px;
  height: 52.93px;
  justify-content: center;
  margin-left: 0;
  margin-top: 6.7px;
  opacity: 0.5;
  padding: 7.86px;
  width: 261px;
}

.landing-page-mobile .vimeo-vimeoemailvimeocom-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.52px;
  position: relative;
}

.landing-page-mobile .group-2 {
  display: flex;
  height: 53px;
  left: 280px;
  position: absolute;
  top: 392px;
  width: 53px;
}

.landing-page-mobile .trash-1 {
  align-items: center;
  background-color: var(--red-400);
  border-radius: 57.11px;
  box-shadow: 0px 1.9px 7.61px #ff565652;
  display: flex;
  gap: 4.76px;
  height: 53.3px;
  margin-left: 0;
  padding: 15.23px;
  position: relative;
  width: 53.3px;
}

.landing-page-mobile .fitrash-2-2 {
  height: 22.84px;
  width: 22.84px;
}

.landing-page-mobile .radio-buttons-1 {
  display: flex;
  gap: 6.6px;
  height: 71px;
  left: calc(50.00% - 309px);
  position: absolute;
  top: 50px;
  width: 618px;
}

.landing-page-mobile .radio-button-3 {
  border: 0.66px solid;
  border-color: var(--gray-100);
  border-radius: 5.28px;
  gap: 6.6px;
  height: 71.82px;
  margin-left: 8.1px;
  margin-top: -0.4px;
  padding: 9.9px;
  width: 138.55px;
}

.landing-page-mobile .fimail-1 {
  height: 15.83px;
  margin-left: -1864.68px;
  margin-top: -511.59px;
  position: relative;
  width: 15.83px;
}

.landing-page-mobile .radio-button-4 {
  border: 0.79px solid;
  border-color: var(--blue-500);
  border-radius: 6.33px;
  box-shadow: 0px 4px 64px #a3d3fe80;
  gap: 7.92px;
  height: 84.59px;
  margin-top: -6.8px;
  padding: 11.88px;
  width: 166.26px;
}

.landing-page-mobile .compaign_icon-1 {
  height: 19px;
  position: relative;
  width: 19px;
}

.landing-page-mobile .vector-9 {
  height: 13px;
  left: calc(50.00% - 9px);
  position: absolute;
  top: calc(50.00% - 7px);
  width: 17px;
}

.landing-page-mobile .promotions-and-mailings-1 {
  align-self: stretch;
  color: var(--blue-800);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-65medium);
  font-size: 12.7px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.landing-page-mobile .marketing-letters-1 {
  align-self: stretch;
  color: var(--gray-500);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-65medium);
  font-size: 9.5px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.landing-page-mobile .radio-button-2 {
  border: 0.66px solid;
  border-color: var(--gray-100);
  border-radius: 5.28px;
  gap: 6.6px;
  height: 71.82px;
  margin-top: -0.4px;
  padding: 9.9px;
  width: 138.55px;
}

.landing-page-mobile .fiusers-1 {
  height: 15.83px;
  position: relative;
  width: 15.83px;
}

.landing-page-mobile .fiinbox-1 {
  height: 15.83px;
  margin-left: -2327.84px;
  margin-top: -511.59px;
  position: relative;
  width: 15.83px;
}

.landing-page-mobile .inbox-2 {
  align-items: center;
  background-color: var(--white);
  border: 0.66px solid;
  border-color: #bfdfff;
  border-radius: 5.28px;
  display: flex;
  gap: 5.28px;
  height: 34px;
  left: calc(50.00% - 59px);
  padding: 6.6px;
  position: absolute;
  top: 0;
  width: 113px;
}

.landing-page-mobile .frame-2-1 {
  align-items: center;
  background-color: var(--blue-500);
  border-radius: 19.79px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 6.6px;
  padding: 5.94px;
  position: relative;
}

.landing-page-mobile .vector-1-2 {
  height: 9.24px;
  position: relative;
  width: 9.24px;
}

.landing-page-mobile .inbox-3 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.landing-page-mobile .vector-2-1 {
  height: 167px;
  left: 337px;
  position: absolute;
  top: 246px;
  width: 69px;
}

.landing-page-mobile .vector-4-1 {
  height: 53px;
  left: 181px;
  position: absolute;
  top: 16px;
  width: 73px;
}

.landing-page-mobile .vector-3-1 {
  height: 109px;
  left: 18px;
  position: absolute;
  top: 128px;
  width: 36px;
}

.landing-page-mobile .features-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 48px;
  padding: 64px 15px;
  position: relative;
  width: 100%;
}

.landing-page-mobile .titledescription-4 {
  flex: 0 0 auto;
  position: relative;
  width: 360px;
}

.landing-page-mobile .powerful-features-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.landing-page-mobile .everything-you-need-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.landing-page-mobile .items-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  position: relative;
  width: 100%;
}

.landing-page-mobile .item-6 {
  align-items: center;
  align-self: stretch;
  border: 1px solid;
  border-color: var(--gray-100);
  border-radius: 16px;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
  width: 100%;
}

.landing-page-mobile .icon-2 {
  align-items: center;
  background-color: var(--blue-500);
  border-radius: 70px;
  box-shadow: 32px 32px 32px #28316614 , 16px 16px 16px #28316614 , 8px 8px 8px #28316614 , 4px 4px 4px #2831660a , 2px 2px 2px #28316614 , inset 1px 1px 0px #ffffff66;
  display: inline-flex;
  gap: 10px;
  padding: 16px;
}

.landing-page-mobile .fitrash-2-3 {
  height: 48px;
  width: 48px;
}

.landing-page-mobile .bulk-delete-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.landing-page-mobile .delete-thousands-of-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.landing-page-mobile .fibar-chart-2-1 {
  aspect-ratio: 1;
  height: 48px;
  position: relative;
  width: 48px;
}

.landing-page-mobile .smart-filters-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.landing-page-mobile .filter-by-date-size-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.landing-page-mobile .fihard-drive-1 {
  aspect-ratio: 1;
  height: 48px;
  position: relative;
  width: 48px;
}

.landing-page-mobile .storage-insights-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.landing-page-mobile .see-which-emails-tak-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.landing-page-mobile .x100-secure-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.landing-page-mobile .your-data-stays-priv-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.landing-page-mobile .fizap-1 {
  aspect-ratio: 1;
  height: 48px;
  position: relative;
  width: 48px;
}

.landing-page-mobile .lightning-fast-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.landing-page-mobile .process-thousands-of-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.landing-page-mobile .works-everywhere-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.landing-page-mobile .access-from-any-devi-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.landing-page-mobile .how-it-works-2 {
  align-items: center;
  background-color: var(--blue-50);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 48px;
  padding: 64px 15px;
  width: 100%;
}

.landing-page-mobile .titledescription-2 {
  align-self: stretch;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.landing-page-mobile .how-it-works-3 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  text-align: center;
}

.landing-page-mobile .get-started-in-three-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.landing-page-mobile .number-1 {
  align-items: center;
  display: flex;
  justify-content: center;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 48px;
}

.landing-page-mobile .connect-your-gmail-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.landing-page-mobile .sign-in-securely-wit-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.landing-page-mobile .filter-select-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.landing-page-mobile .use-our-powerful-fil-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.landing-page-mobile .clean-up-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.landing-page-mobile .delete-selected-emai-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.landing-page-mobile .your-privacy-is-our-priority-2 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 48px;
  padding: 64px 15px;
  width: 100%;
}

.landing-page-mobile .your-privacy-is-our-priority-3 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  text-align: center;
}

.landing-page-mobile .we-take-security-ser-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.landing-page-mobile .item-7 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px solid;
  border-color: var(--gray-100);
  border-radius: 16px;
  flex: 0 0 auto;
  gap: 16px;
  padding: 20px;
  width: 100%;
}

.landing-page-mobile .fikey-1 {
  aspect-ratio: 1;
  height: 48px;
  position: relative;
  width: 48px;
}

.landing-page-mobile .frame-6-1 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 16px;
  position: relative;
}

.landing-page-mobile .o-auth-20-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.landing-page-mobile .secure-authenticatio-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.landing-page-mobile .fiminus-circle-1 {
  aspect-ratio: 1;
  height: 48px;
  position: relative;
  width: 48px;
}

.landing-page-mobile .no-storage-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.landing-page-mobile .we-dont-store-your-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.landing-page-mobile .https-only-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.landing-page-mobile .all-connections-are-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.landing-page-mobile .ficheck-circle-1 {
  aspect-ratio: 1;
  height: 48px;
  position: relative;
  width: 48px;
}

.landing-page-mobile .gdpr-compliant-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.landing-page-mobile .we-follow-strict-dat-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.landing-page-mobile .ready-to-clean-your-inbox-2 {
  align-items: center;
  background-color: var(--blue-800);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 48px;
  padding: 96px 15px;
  width: 100%;
}

.landing-page-mobile .bg-elements-2 {
  height: 422px;
}

.landing-page-mobile .ready-to-clean-your-inbox-3 {
  color: var(--white);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-75bold);
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  text-align: center;
}

.landing-page-mobile .join-thousands-of-us-1 {
  align-self: stretch;
  color: var(--white);
  font-family: var(--font-family-neue_haas_grotesk_display_pro-65medium);
  font-size: var(--font-size-l);
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.landing-page-mobile .cta-button-6 {
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--blue-500);
}

.landing-page-mobile .get-started-now-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.50px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.landing-page-mobile .footer-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--blue-900);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  padding: 64px 15px 32px;
  position: relative;
  width: 100%;
}

.landing-page-mobile .colum-2 {
  gap: 30px;
}

.landing-page-mobile .colum-3 {
  gap: 10px;
}

.landing-page-mobile .gmail-cleanup-3 {
  color: var(--white);
}

.landing-page-mobile .product-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.landing-page-mobile .features-4 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.landing-page-mobile .how-it-work-2 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.landing-page-mobile .place-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.landing-page-mobile .privacy-policy-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.landing-page-mobile .terms-of-service-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.landing-page-mobile .connect-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.landing-page-mobile .support-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.landing-page-mobile .git-hub-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.landing-page-mobile .cta-button-7 {
  background-color: var(--blue-500);
}

.landing-page-mobile .divider-1 {
  align-self: stretch;
  background-color: var(--blue-800);
  height: 1px;
  position: relative;
  width: 100%;
}

.landing-page-mobile .x2025-gmail-cleanup-1 {
  align-self: stretch;
  color: transparent;
  font-family: var(--font-family-neue_haas_grotesk_display_pro-medium);
  font-size: var(--font-size-xs);
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.landing-page-mobile .span0-1 {
  color: #ffffff99;
}

.landing-page-mobile .span1-1 {
  color: #ffb52d;
  text-decoration: underline;
}

.landing-page-mobile .bg-elements {
  left: 0;
  position: absolute;
  top: 0;
  width: 390px;
}

.landing-page-mobile .checkboxtitledate {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.landing-page-mobile .colum {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.landing-page-mobile .cta-button {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  gap: 10px;
  height: 48px;
  justify-content: center;
  padding: 14px 32px;
  position: relative;
}

.landing-page-mobile .filock {
  aspect-ratio: 1;
  height: 48px;
  position: relative;
  width: 48px;
}

.landing-page-mobile .fistar {
  aspect-ratio: 1;
  position: relative;
}

.landing-page-mobile .fitrash-2 {
  aspect-ratio: 1;
  position: relative;
}

.landing-page-mobile .frame-4 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}

.landing-page-mobile .gmail-cleanup {
  font-family: var(--font-family-neue_haas_grotesk_display_pro-75bold);
  font-size: var(--font-size-m);
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.landing-page-mobile .how-it-works {
  align-self: stretch;
  position: relative;
}

.landing-page-mobile .icon {
  flex: 0 0 auto;
  position: relative;
}

.landing-page-mobile .item {
  background-color: var(--white);
  display: flex;
  position: relative;
}

.landing-page-mobile .radio-button {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  position: relative;
}

.landing-page-mobile .ready-to-clean-your-inbox {
  align-self: stretch;
  position: relative;
}

.landing-page-mobile .titledescription {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.landing-page-mobile .your-privacy-is-our-priority {
  align-self: stretch;
  position: relative;
}
@media screen and (max-width: 1919px) {
  .screen.index { 
    display: none;
   }
}
@media screen and (min-width: 1920px) {
  .screen.landing-page-mobile { 
    display: none;
   }
}/* Hover Effects */
.cta-button,
.cta-button-1,
.cta-button-2,
.cta-button-3,
.cta-button-4,
.cta-button-5,
.cta-button-6,
.cta-button-7 {
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

.cta-button:hover,
.cta-button-1:hover,
.cta-button-2:hover,
.cta-button-3:hover,
.cta-button-4:hover,
.cta-button-5:hover,
.cta-button-6:hover,
.cta-button-7:hover {
    transform: scale(1.05);
    filter: brightness(1.1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* Responsive Toggling */

/* Default: Desktop visible, Mobile hidden */
.screen.landing-page-mobile {
    display: none;
}

.screen.index {
    display: flex;
}

/* Tablet & Mobile: Show Mobile layout, hide Desktop */
@media screen and (max-width: 1024px) {
    .screen.index {
        display: none;
    }

    .screen.landing-page-mobile {
        display: flex;
        flex-direction: column;
        width: 100%;
        overflow-x: hidden;
        background-color: var(--white);
        align-items: center;
    }

    /* Make mobile layout fluid */
    .landing-page-mobile .body-1 {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .landing-page-mobile .header-1 {
        width: 100%;
        padding: 16px 20px;
        justify-content: space-between;
        left: auto;
        top: auto;
        position: relative;
    }

    .landing-page-mobile .hero-section-1 {
        width: 100%;
        height: auto;
        min-height: 800px;
    }

    .landing-page-mobile .bg-elements {
        width: 100%;
        height: auto;
        max-width: 500px;
        /* Keep it from getting too huge */
    }

    /* Fix absolute positioning in mobile hero */
    .landing-page-mobile .image-2 {
        position: relative;
        left: auto;
        top: auto;
        margin-top: 50px;
        width: 100%;
        display: flex;
        justify-content: center;
        height: auto;
    }

    .landing-page-mobile .image-3 {
        position: relative;
        transform: scale(0.8);
        /* Scale down hero image if needed */
    }

    /* Adjust sections padding */
    .landing-page-mobile .features-3,
    .landing-page-mobile .how-it-works-2,
    .landing-page-mobile .your-privacy-is-our-priority-2,
    .landing-page-mobile .ready-to-clean-your-inbox-2,
    .landing-page-mobile .footer-1 {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }
}@media screen and (max-width: 1024px) {

    /* Fix overlap in hero section */
    .landing-page-mobile .hero-section-1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: auto;
        min-height: auto;
        padding-bottom: 50px;
    }

    /* Make title block relative so it takes semantic space */
    .landing-page-mobile .titledescription-3 {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        max-width: 500px;
        margin-top: 120px;
        /* Space from top (header) */
        margin-bottom: 40px;
        /* Space before images */
        padding: 0 20px;
        box-sizing: border-box;
    }

    /* Ensure images block flows after title */
    .landing-page-mobile .image-2 {
        position: relative;
        left: auto;
        top: auto;
        margin-top: 0;
        width: 100%;
        display: flex;
        justify-content: center;
        /* Scale down if it's wider than the screen */
        transform-origin: top center;
    }

    /* Ensure header stays on top */
    .landing-page-mobile .header-1 {
        z-index: 10;
        position: relative;
    }
}
/* Login Modal */
.login-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.login-modal-overlay.open {
  display: flex;
  opacity: 1;
}

.login-modal {
  background: #ffffff;
  border-radius: 24px;
  padding: 40px;
  width: 90%;
  max-width: 440px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
  transform: translateY(20px);
  transition: transform 0.3s ease;
  text-align: center;
  position: relative;
}

.login-modal-overlay.open .login-modal {
  transform: translateY(0);
}

.login-modal .close-button {
  position: absolute;
  top: 20px;
  right: 20px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 8px;
  color: #64748b;
  border-radius: 50%;
  transition: background 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.login-modal .close-button svg {
  width: 24px;
  height: 24px;
}

.login-modal .close-button:hover {
  background: #f1f5f9;
}

.login-modal h2 {
  font-family: var(--font-family-neue_haas_grotesk_display_pro-75bold);
  font-weight: 700;
  font-size: 28px;
  color: var(--blue-800);
  margin-bottom: 12px;
  margin-top: 0;
}

.login-modal p {
  font-family: var(--font-family-neue_haas_grotesk_display_pro-65medium);
  font-size: 16px;
  color: var(--waterloo);
  margin-bottom: 32px;
  line-height: 1.5;
}

.google-signin-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  padding: 16px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: white;
  font-family: var(--font-family-neue_haas_grotesk_display_pro-65medium);
  font-size: 16px;
  font-weight: 500;
  color: #1e293b;
  cursor: pointer;
  transition: all 0.2s;
  text-decoration: none;
  box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}

.google-signin-btn:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
  transform: translateY(-1px);
  box-shadow: 0 10px 15px rgba(0,0,0,0.1);
}

.google-signin-btn img {
  width: 24px;
  height: 24px;
}