/* /zh-tw: landing look. Mirrors the .parent-page__landing rules of the site stylesheet, scoped to this page. Generated by create-landing-page. */
.page__zh-tw {
  --layout-max-width: 1250px !important;
}

/* Title hidden, cover kept: the site stylesheet turns the Notion cover into the hero background. */
.page__zh-tw .notion-header__content {
  display: none !important;
}

.page__zh-tw .notion-callout {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  overflow: visible !important;
}

.page__zh-tw .notion-callout .notion-callout__icon {
  display: none !important;
}

.page__zh-tw .notion-callout .notion-callout__content {
  margin-inline-start: 0 !important;
  overflow: visible !important;
}

.page__zh-tw .notion-callout.bg-gray-light {
  background: #f9f9f8 !important;
}

.page__zh-tw .notion-quote {
  border: 0 !important;
  margin: 8px 0 !important;
  font-weight: 600 !important;
  padding: 0 !important;
}

/* Shared blocks reused from the landing pages: customer logos, support quotes */
.page__zh-tw #block-f9136b44b6cd254b8c9cf125f1c228e2-super {
  text-align: center !important;
  margin-bottom: 12px !important;
}

.page__zh-tw #block-815e42eabf051474068e099132158b02-super.notion-callout .notion-callout__content {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  max-width: 100% !important;
  gap: 32px !important;
  margin: 0 auto !important;
  justify-content: center !important;
}

.page__zh-tw #block-815e42eabf051474068e099132158b02-super.notion-callout .notion-callout__content .notion-image {
  padding: 4px 16px !important;
  max-width: 180px !important;
  align-self: center !important;
}

.page__zh-tw #block-e08860bf816e1513bda7011f806a7146-super {
  text-align: center !important;
}

.page__zh-tw #block-e08860bf816e1513bda7011f806a7146-super p {
  font-size: 1.125rem !important;
  max-width: 40rem !important;
  margin: 2px auto 12px auto !important;
}

.page__zh-tw #block-e08860bf816e1513bda7011f806a7146-super .notion-callout {
  border-radius: 24px !important;
  border: 1px solid #eee !important;
  padding: 16px !important;
}

@media (max-width: 680px) {
  .page__zh-tw #block-815e42eabf051474068e099132158b02-super.notion-callout .notion-callout__content {
    gap: 16px !important;
  }
  .page__zh-tw #block-815e42eabf051474068e099132158b02-super.notion-callout .notion-callout__content .notion-image {
    max-width: 130px !important;
  }
}
/* Hero */
.page__zh-tw #block-f15e65251201a88153881c4a6c298778-super {
  text-align: center !important;
  padding-top: 48px !important;
}

.page__zh-tw #block-f15e65251201a88153881c4a6c298778-super h1 {
  margin: 16px auto 0 !important;
  font-size: clamp(2.6rem, 6vw, 4rem) !important;
}

.page__zh-tw #block-f15e65251201a88153881c4a6c298778-super > .notion-callout__content > p {
  font-size: 1.125rem !important;
  max-width: 48rem !important;
  margin: 16px auto 0 !important;
}

.page__zh-tw #block-f15e65251201a88153881c4a6c298778-super > .notion-callout__content > p a.notion-link {
  display: inline-flex !important;
  justify-content: center !important;
  margin-top: 16px !important;
  background: #ffbe3d !important;
  color: #111 !important;
  padding: 10px 16px !important;
  border: 0 !important;
  border-radius: var(--rounded-md) !important;
  font-weight: 500 !important;
  font-size: 1rem !important;
  text-decoration: none !important;
  opacity: 1 !important;
}

.page__zh-tw #block-f15e65251201a88153881c4a6c298778-super > .notion-callout__content > p a.notion-link:hover {
  box-shadow: 0 5px 28px -6px #ffbe3d !important;
}

.page__zh-tw #block-f15e65251201a88153881c4a6c298778-super > .notion-callout__content > p a.notion-link:active {
  transform: translateY(1px) !important;
}

/* Hero badge (home page "NEW" line) */
.page__zh-tw #block-f15e65251201a88153881c4a6c298778-super > .notion-callout__content > p:nth-of-type(1) {
  display: table !important;
  margin: 0 auto 6px !important;
  padding: 8px 18px !important;
  background: var(--primary-500) !important;
  font-weight: 700 !important;
  font-size: 1.0625rem !important;
  color: var(--base-black) !important;
  border-radius: 10px !important;
  line-height: 1.4 !important;
  max-width: calc(100% - 8px) !important;
}

.page__zh-tw #block-f15e65251201a88153881c4a6c298778-super > .notion-callout__content > p:nth-of-type(1) strong {
  background: var(--base-black) !important;
  color: var(--primary-500) !important;
  border-radius: 6px !important;
  padding: 1px 7px !important;
  margin-right: 6px !important;
  font-size: 0.8125rem !important;
  letter-spacing: 0.06em !important;
  vertical-align: 1px !important;
}

.page__zh-tw #block-f15e65251201a88153881c4a6c298778-super > .notion-callout__content > p:nth-of-type(1) a.notion-link {
  display: inline !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1.5px !important;
  text-underline-offset: 3px !important;
}

.page__zh-tw #block-f15e65251201a88153881c4a6c298778-super > .notion-callout__content > p:nth-of-type(1) a.notion-link:hover {
  background: none !important;
  box-shadow: none !important;
  opacity: 0.75 !important;
}

@media (max-width: 576px) {
  .page__zh-tw #block-f15e65251201a88153881c4a6c298778-super > .notion-callout__content > p:nth-of-type(1) {
    font-size: 0.875rem !important;
    padding: 8px 14px !important;
  }
}
.page__zh-tw #block-f15e65251201a88153881c4a6c298778-super > .notion-callout__content > p:nth-of-type(4) {
  font-size: 0.875rem !important;
  margin-top: 8px !important;
}

/* Hero pills (home page live support row) */
.page__zh-tw #block-f15e65251201a88153881c4a6c298778-super > .notion-callout__content > p:nth-of-type(5) {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 12px !important;
  margin-top: 22px !important;
  font-size: 0 !important;
}

.page__zh-tw #block-f15e65251201a88153881c4a6c298778-super > .notion-callout__content > p:nth-of-type(5) > strong, .page__zh-tw #block-f15e65251201a88153881c4a6c298778-super > .notion-callout__content > p:nth-of-type(5) a.notion-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 10px 16px !important;
  margin: 0 !important;
  border: 1.5px solid var(--base-black) !important;
  border-radius: 12px !important;
  background: var(--base-white) !important;
  color: var(--base-black) !important;
  font-size: 0.9375rem !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.page__zh-tw #block-f15e65251201a88153881c4a6c298778-super > .notion-callout__content > p:nth-of-type(5) a.notion-link:hover {
  background: var(--gray-25) !important;
  box-shadow: none !important;
}

.page__zh-tw #block-f15e65251201a88153881c4a6c298778-super > .notion-callout__content > p:nth-of-type(5) > strong::before {
  content: "";
  width: 16px;
  height: 16px;
  background: currentColor;
  -webkit-mask: url(https://cdn.jsdelivr.net/npm/lucide-static@1.57.0/icons/headset.svg) center/contain no-repeat;
  mask: url(https://cdn.jsdelivr.net/npm/lucide-static@1.57.0/icons/headset.svg) center/contain no-repeat;
}

.page__zh-tw #block-f15e65251201a88153881c4a6c298778-super > .notion-callout__content > p:nth-of-type(5) a.notion-link::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #e5322d;
  box-shadow: 0 0 0 3px rgba(229, 50, 45, 0.2);
  animation: lp-live 1.6s ease-in-out infinite;
}

@keyframes lp-live {
  50% {
    box-shadow: 0 0 0 6px rgba(229, 50, 45, 0);
  }
}
/* Cards */
.page__zh-tw #block-21da4c866375da6f85d3574dcad01db0-super {
  text-align: center !important;
}

.page__zh-tw #block-21da4c866375da6f85d3574dcad01db0-super > .notion-callout__content > p {
  font-size: 1.125rem !important;
  max-width: 40rem !important;
  margin: 2px auto 12px auto !important;
}

.page__zh-tw #block-21da4c866375da6f85d3574dcad01db0-super .notion-callout {
  border-radius: 24px !important;
  border: 1px solid #eee !important;
  padding: 32px !important;
  height: 100% !important;
}

@media (max-width: 680px) {
  .page__zh-tw #block-21da4c866375da6f85d3574dcad01db0-super .notion-callout {
    padding: 16px !important;
  }
}
.page__zh-tw #block-21da4c866375da6f85d3574dcad01db0-super .notion-callout {
  text-align: left !important;
}

.page__zh-tw #block-21da4c866375da6f85d3574dcad01db0-super .notion-callout h3 {
  margin-top: 4px !important;
}

/* Steps: full-width dark band */
.page__zh-tw #block-c85b600098f2a7b765ade420c6893288-super {
  width: 100vw !important;
  position: relative !important;
  margin-left: -50vw !important;
  height: auto !important;
  left: 50% !important;
  background: var(--gray-900) !important;
  border-radius: 0 !important;
  --column-spacing: 45px !important;
}

.page__zh-tw #block-c85b600098f2a7b765ade420c6893288-super > .notion-callout__content {
  padding: 80px 96px !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
}

.page__zh-tw #block-c85b600098f2a7b765ade420c6893288-super .notion-heading {
  color: var(--base-white) !important;
}

.page__zh-tw #block-c85b600098f2a7b765ade420c6893288-super h2 {
  text-align: center !important;
  margin-bottom: 20px !important;
  margin-top: 0 !important;
}

.page__zh-tw #block-c85b600098f2a7b765ade420c6893288-super h3 {
  margin-top: 4px !important;
  font-size: 22px !important;
}

.page__zh-tw #block-c85b600098f2a7b765ade420c6893288-super p, .page__zh-tw #block-c85b600098f2a7b765ade420c6893288-super .highlighted-color {
  color: rgba(255, 255, 255, 0.6) !important;
}

@media (max-width: 680px) {
  .page__zh-tw #block-c85b600098f2a7b765ade420c6893288-super > .notion-callout__content {
    padding: 60px 25px !important;
  }
}
/* Cards */
.page__zh-tw #block-f50a354df8536cae3c529090680bb7ae-super {
  text-align: center !important;
}

.page__zh-tw #block-f50a354df8536cae3c529090680bb7ae-super > .notion-callout__content > p {
  font-size: 1.125rem !important;
  max-width: 40rem !important;
  margin: 2px auto 12px auto !important;
}

.page__zh-tw #block-f50a354df8536cae3c529090680bb7ae-super .notion-callout {
  border-radius: 24px !important;
  border: 1px solid #eee !important;
  padding: 32px !important;
  height: 100% !important;
}

@media (max-width: 680px) {
  .page__zh-tw #block-f50a354df8536cae3c529090680bb7ae-super .notion-callout {
    padding: 16px !important;
  }
}
.page__zh-tw #block-f50a354df8536cae3c529090680bb7ae-super .notion-callout {
  text-align: left !important;
}

.page__zh-tw #block-f50a354df8536cae3c529090680bb7ae-super .notion-callout h3 {
  margin-top: 4px !important;
}

/* Section with artwork */
.page__zh-tw #block-1d57200898e9243d28ce20848d96b899-super {
  text-align: center !important;
}

.page__zh-tw #block-1d57200898e9243d28ce20848d96b899-super > .notion-callout__content > p {
  font-size: 1.125rem !important;
  max-width: 40rem !important;
  margin: 2px auto 12px auto !important;
}

.page__zh-tw #block-1d57200898e9243d28ce20848d96b899-super .notion-image {
  margin-top: 12px !important;
}

/* Closing call to action: artwork and button of the shared "Create Something Super" block */
.page__zh-tw #block-158b43335af1cfdb9aac52e74d63fd30-super {
  text-align: center !important;
  padding: 80px 24px !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  background: #ffcf6e url("https://superso.b-cdn.net/186f4256-f467-4f79-8d6f-40defe12b9b4/images/764a2a48-6882-4799-9176-a3bdfa1ea4c6/footer-cta.png?width=1920&quality=90") center/cover no-repeat !important;
}

.page__zh-tw #block-158b43335af1cfdb9aac52e74d63fd30-super h2 {
  margin-top: 0 !important;
}

.page__zh-tw #block-158b43335af1cfdb9aac52e74d63fd30-super > .notion-callout__content > p a.notion-link {
  display: inline-flex !important;
  justify-content: center !important;
  margin-top: 16px !important;
  background: #ffbe3d !important;
  color: #111 !important;
  padding: 10px 16px !important;
  border: 0 !important;
  border-radius: var(--rounded-md) !important;
  font-weight: 500 !important;
  font-size: 1rem !important;
  text-decoration: none !important;
  opacity: 1 !important;
  background: #111 !important;
  color: #fff !important;
  margin-top: 24px !important;
  padding: var(--button-padding) !important;
}

.page__zh-tw #block-158b43335af1cfdb9aac52e74d63fd30-super > .notion-callout__content > p a.notion-link:hover {
  background: var(--gray-900) !important;
}