body { overflow-x: clip; }
      .header {
         position: sticky;
         top: 0;
         background: transparent;
      }
      main section[id] { scroll-margin-top: 100px; }
      /* 导航与大标题之间的间距已按需求压缩 20px（2026-09-14）：
         原来 padding-top: 5px，现在再上提 20px。 */
      .hero .hero__body {
         display: grid;
         grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
         align-items: stretch;
         gap: 32px;
         padding-top: 0;
         margin-top: -20px;
         padding-bottom: 10px;
      }
      .hero .hero__cards {
         display: grid;
         grid-template-columns: repeat(2, minmax(0, 1fr));
         gap: 5px;
         align-content: center;
      }
      .hero .hero__art {
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;
         min-width: 0;
         gap: 10px;
         text-align: center;
      }
      .hero .hero__art-copy {
         margin: 0;
         color: rgba(255,255,255,.9);
         font-family: Unbounded, sans-serif;
         font-size: clamp(16px, 1.8vw, 26px);
         line-height: 1.45;
         letter-spacing: .04em;
         text-shadow: 0 0 18px rgba(168,85,247,.55);
      }
      .hero .hero__art-copy .accent {
         background: linear-gradient(90deg, #d51acb, #3c8fff);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
         display: inline-block;
         font-size: 3.2em;
         font-weight: 800;
      }
      .hero .hero__art-copy .light { color: #fff; font-size: 1.2em; font-weight: 700; }
      .hero .hero__art-copy--sub {
         color: #fff;
         font-family: Manrope, sans-serif;
         font-size: clamp(16px, 1.6vw, 22px);
         font-weight: 700;
         font-style: italic;
         letter-spacing: .08em;
      }
      .hero .hero__art img {
         display: block;
         width: 100%;
         max-width: 100%;
         height: auto;
         object-fit: contain;
         transform: none;
      }
      .hero .hero__text {
         min-width: 0;
         text-align: center;
         border: 1px solid rgba(180, 180, 190, .58);
         border-radius: 24px;
         padding: 8px 12px;
         display: flex;
         flex-direction: column;
         transform: scale(.65);
         margin: -17.5%;
      }
      .hero .hero__users { justify-content: center; }
      .hero .hero__button { width: 95%; max-width: 95%; margin-inline: auto; margin-top: auto; }
      .hero .hero__button .btn-gradient { width: 100%; max-width: 100%; font-size: 32px; }
      .hero .hero__title { font-size: clamp(24px, 2.4vw, 34px); }
      .hero .hero__cards .hero__title { margin-bottom: 8px; }
      .hero .hero__cards .hero__description { margin-bottom: 8px; }
      .hero .hero__cards .hero__users { margin-bottom: 12px; }
      .hero .hero__cards .hero__text:nth-child(1) { order: 3; }
      .hero .hero__cards .hero__text:nth-child(2) { order: 1; }
      .hero .hero__cards .hero__text:nth-child(3) { order: 2; }
      .hero .hero__cards .hero__text:nth-child(4) { order: 4; }
      .hero .hero__cards .hero__title > img {
         transform: none;
         margin-bottom: 0 !important;
      }
      .hero .hero__user { width: 48px; height: 48px; flex-shrink: 0; }
      .hero .hero__user:not(:first-child) { margin-left: -22px; }
      .hero .hero__user-text { margin-left: 12px; }
      .hero .hero__user-text span { font-size: 22px; }
      .header__brand { display: flex; align-items: center; gap: 18px; min-width: 0; }
      .header__tagline {
         background: linear-gradient(131.19deg, #f85e76 3.025%, #a324b0 22.986%, #7807cd 45.185%, #514fd8 72.222%, #2baedf 100.153%);
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
         background-clip: text;
         text-fill-color: transparent;
         font-size: 16px;
         font-weight: 700;
         line-height: 1.4;
         white-space: nowrap;
      }
      @media (max-width: 991px) {
         .hero .hero__body { grid-template-columns: 1fr; gap: 40px; padding-top: 0; margin-top: -20px; }
         .hero .hero__art { order: -1; }
         .hero .hero__art img { transform: none; }
      }
      @media (max-width: 700px) {
         .hero .hero__cards { grid-template-columns: 1fr; gap: 24px; }
         .header__brand { gap: 10px; }
         .header__tagline { font-size: 12px; white-space: normal; max-width: 150px; }
      }
      /* Keep community hand artwork inside viewport instead of clipping its right side. */
      @media (min-width: 769px) {
         .community .globe { right: 2%; transform: none; }
      }
      @media (min-width: 1201px) {
         .prices__cell:nth-child(n + 5) { border-bottom: 0; }
      }
      @media (max-width: 1200px) {
         .prices__cell:nth-child(7),
         .prices__cell:nth-child(8) { border-bottom: 0; }
      }