@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
/* The following line is used to measure usage of this code. You can remove it if you want. */
@import url("https://px.animaapp.com/68f72668ff820138a28f9b67.68f72669ff820138a28f9b6a.wFh3yMz.hcp.png");

@font-face {
  font-family: "Arial-Regular";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Satoshi-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Arial-Bold";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/ariblk.ttf") format("truetype");
}


.screen a {
  display: contents;
  text-decoration: none;
}

.overlay-base {
  display: none;
  height: 100%;
  opacity: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

.overlay-base.animate-appear {
  align-items: center;
  animation: reveal 0.3s ease-in-out 1 normal forwards;
  display: flex;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
}

.overlay-base.animate-disappear {
  animation: reveal 0.3s ease-in-out 1 reverse forwards;
  display: block;
  opacity: 1;
  pointer-events: none;
}

.overlay-base.animate-disappear * {
  pointer-events: none;
}

@keyframes reveal {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.hidden,
.hidden * {
  pointer-events: none;
  visibility: hidden;
}

* {
  box-sizing: border-box;
}

.navigation {
  align-items: center;
  align-self: stretch;
  display: flex;
  height: 23.99px;
  justify-content: space-between;
  padding: 0px -2.77e-05px 0px 0px;
  position: relative;
  width: 100%;
}

.group {
  height: 29px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 27px;
}

.group-1 {
  height: 24px;
  left: 33px;
  position: absolute;
  top: 3px;
  width: 85px;
}

.icon-6 {
  align-self: stretch;
  height: 23.99px;
  position: relative;
  width: 100%;
}

.optimizer {
  align-self: stretch;
  letter-spacing: 8.00px;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.buttons {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 12px;
  position: relative;
}

.frame-111-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 12px;
  justify-content: center;
  position: relative;
}

.heading-2 {
  align-self: stretch;
  height: 30px;
  position: relative;
  width: 100%;
}

.paragraph {
  align-self: stretch;
  height: 47.99px;
  position: relative;
  width: 100%;
}

.frame-38 {
  align-items: center;
  display: inline-flex;
  gap: 10px;
  justify-content: center;
  left: calc(50.00% - 172px);
  padding: 10px 24px;
  position: relative;
  top: -12px;
}

.container-1 {
  align-items: center;
  background-color: var(--pattens-blue);
  border-radius: 14px;
  display: flex;
  height: 63.99px;
  justify-content: center;
  padding: 0px 0px 0px 5.72e-06px;
  position: relative;
  width: 63.99px;
}

.container-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  height: 170.01px;
  margin-bottom: -39.99px;
  position: relative;
  width: 100%;
}

.container-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  gap: 11.99px;
  height: 54.02px;
  position: relative;
  width: 100%;
}

.frame-35 {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: center;
  position: relative;
  width: 278px;
}

.heading-3 {
  height: 24px;
  position: relative;
  width: 84px;
}

.paragraph-1 {
  align-self: stretch;
  height: 104px;
  position: relative;
  width: 100%;
}

.frame-36 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 236px;
  position: relative;
  width: 344px;
}

.icon-title {
  aspect-ratio: 1;
  height: 20px;
  position: relative;
  width: 20px;
}

.frame-3 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 4px 0px;
  position: relative;
}

.container-5 {
  align-items: center;
  display: flex;
  gap: 11.99px;
  height: 32px;
  left: 25px;
  position: absolute;
  top: 25px;
  width: 294px;
}

.list-1 {
  flex-direction: column;
  gap: 11.99px;
  height: 96px;
  left: 25px;
  position: absolute;
  top: 73px;
  width: 294px;
}

.container-6 {
  align-items: center;
  display: flex;
  gap: 11.99px;
  height: 32px;
  left: 25px;
  position: absolute;
  top: 25px;
  width: 294px;
}

.ig-reels-tik-tok {
  left: 0;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: -2px;
  white-space: nowrap;
}

.ptt-dcard {
  left: 0;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: -2px;
  white-space: nowrap;
}

.list-2 {
  flex-direction: column;
  gap: 11.99px;
  height: 96px;
  left: 25px;
  position: absolute;
  top: 73px;
  width: 294px;
}

.facebook-google {
  left: 0;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: -2px;
  white-space: nowrap;
}

.frame-37 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  position: relative;
  width: 100%;
}

.paragraph-6 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  padding: 0px 32px;
  position: relative;
  width: 100%;
}

.paragraph-7 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  padding: 0px 32px;
  position: relative;
  width: 100%;
}

.heading-2-4 {
  justify-content: center;
}

.frame-45 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  margin-bottom: -2.00px;
  position: relative;
  width: 100%;
}

.case-cardphone {
  background-color: var(--basic-colorwhite);
  border-radius: 16px;
  box-shadow: 0px 4px 6px -4px #0000001a , 0px 10px 15px -3px #0000001a;
  height: 459px;
  overflow: hidden;
  position: relative;
  width: 352px;
}

.paragraph-3 {
  display: flex;
  height: 71.99px;
  margin-left: 24.0px;
  margin-top: 12.0px;
  width: 304.51px;
}

.hash-tag {
  align-items: center;
  background-color: var(--wild-sand);
  border-radius: 50px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 4px 10px;
  position: relative;
}

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

.image-with-fallback {
  background-image: url(../img/imagewithfallback@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 224px;
  left: 0;
  position: absolute;
  top: 0;
  width: 352px;
}

.carousel-page-indicator {
  align-items: flex-start;
  display: flex;
  gap: 8px;
  height: 8px;
  justify-content: center;
  position: relative;
  width: 375px;
}

.frame-113 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  position: relative;
}

.button-1 {
  background-color: var(--mischka);
  border-radius: 33554400px;
  height: 8px;
  position: relative;
  width: 8px;
}

.frame-43 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  position: relative;
}

.frame-41 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: 100%;
}

.paragraph-10 {
  align-self: stretch;
  height: 23.99px;
  position: relative;
  width: 100%;
}

.paragraph-11 {
  align-self: stretch;
  height: 23.99px;
  position: relative;
  width: 100%;
}

.paragraph-12 {
  align-self: stretch;
  height: 23.99px;
  position: relative;
  width: 100%;
}

.paragraph-13 {
  align-self: stretch;
  height: 23.99px;
  position: relative;
  width: 100%;
}

.servicetaohomecomtw {
  left: 0;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: -2px;
  white-space: nowrap;
}

.vector-22 {
  height: 33.34%;
  left: 33.33%;
  position: absolute;
  top: 25.00%;
  width: 33.34%;
}

.frame-40 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  margin-right: -0.51px;
  position: relative;
  width: 264.52px;
}

.frame-39 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: 100%;
}

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

.text-input-1 {
  border-bottom-style: solid;
  border-bottom-width: 1.1px;
  height: 49.05px;
  padding: 12px 16px;
}

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

.text-input-2 {
  border: 2px solid;
  border-radius: 8px;
  height: 42px;
  overflow: hidden;
  padding: 8px 16px;
}

.frame-20 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  justify-content: space-between;
  position: relative;
}

.polygon-1 {
  height: 8.66px;
  position: relative;
  width: 12.76px;
}

.text-area {
  align-items: flex-start;
  align-self: stretch;
  border: 2px solid;
  border-color: var(--mercury);
  border-radius: 8px;
  display: flex;
  height: 144.95px;
  overflow: hidden;
  padding: 12px 16px;
  position: relative;
  width: 100%;
}

.frame-105 {
  align-items: center;
  display: flex;
  flex: 1;
  height: 44px;
  justify-content: space-between;
  margin-left: 22px;
  margin-right: 22px;
  position: relative;
  width: 331px;
}

.frame-106 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  margin-right: -32.97px;
  position: relative;
}

.group-2 {
  height: 29px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 28px;
}

.group-3 {
  height: 24px;
  left: 33px;
  position: absolute;
  top: 3px;
  width: 87px;
}

.x181-2-f-1 {
  height: 20px;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -0.9px;
  white-space: nowrap;
  width: 196px;
}

.e-mail-servicetaohomecomtw {
  height: 20px;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -0.9px;
  white-space: nowrap;
  width: 213px;
}

.heading-4 {
  align-self: stretch;
  height: 23.99px;
  position: relative;
  width: 100%;
}

.icon-link {
  height: 34px;
  position: relative;
  width: 34px;
}

.x2025-optimizer-all-rights-reserved {
  left: 32px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  text-align: center;
  top: -2px;
  white-space: nowrap;
}

.rwd-18 {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x-4 {
  left: 0;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: -1px;
  width: calc(100% + 1px);
}

.frame-115 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 0px 4px;
  position: relative;
}