.site-status { margin-top: 14px; color: var(--text, #60746f); font-size: 13px; line-height: 1.7; }
.site-status[role="alert"], .is-error { color: #a34035 !important; }
.site-prose { white-space: pre-line; overflow-wrap: anywhere; line-height: 1.9; }
.product-highlights { margin-top: clamp(24px, 3.8vw, 48px); }
.product-highlights-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 28px 12px;
  border: 1px solid #24524a;
  border-radius: 18px;
  background: radial-gradient(ellipse at top left, #1b5145, transparent 66%), #102e2a;
  list-style: none;
}
.product-highlights-list li { display: grid; align-content: start; gap: 8px; padding: 9px clamp(14px, 2.1vw, 30px); }
.product-highlights-list li + li { border-inline-start: 1px solid #c0f3df30; }
.product-highlights-list strong { color: #e0fff2; font-size: clamp(24px, 2.5vw, 34px); line-height: 1.2; letter-spacing: -.035em; }
.product-highlights-list span { color: #bed8d0; font-size: 14px; line-height: 1.55; }
.site-business-prices { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
.site-package-badge { display: inline-block; margin-bottom: 12px; padding: 4px 10px; background: var(--mint); border-radius: 6px; color: var(--teal-dark); font-size: 12px; }
.site-package-description { margin-top: 16px; color: var(--text); font-size: 13px; line-height: 1.7; }
.release-checksum { margin-top: 18px; color: var(--text); font-size: 12px; line-height: 1.7; }
.release-checksum code { display: block; margin-top: 8px; overflow-wrap: anywhere; }
.download-actions a[aria-disabled="true"] { cursor: not-allowed; opacity: .55; }
.site-article-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 18px; margin-top: 24px; }
.tutorial-content > .site-article-list { padding-top: 0; }
.site-article-grid article { padding: 24px; border: 1px solid var(--line); border-radius: 12px; background: white; }
.site-article-grid h3 { margin-bottom: 12px; font-size: 19px; }
.site-article-grid p { color: var(--text); line-height: 1.8; }
.site-article-detail { max-width: 900px; }
.site-article-detail h1 { margin-block: 24px; font-size: clamp(26px, 4vw, 42px); line-height: 1.4; }
.site-article-detail .site-prose { margin-block: 30px; }
.site-article-detail video { display: block; width: 100%; margin-top: 26px; border-radius: 12px; background: #102221; }
.signup-invite { display: grid; gap: 7px; }
.signup-invite label { font-size: 12px; color: #687c87; }
.signup-captcha-row { display: grid; grid-template-columns: minmax(0, 1fr) 122px; gap: 10px; }
.captcha-button { display: grid; place-items: center; height: 44px; overflow: hidden; border: 1px solid #dce3eb; border-radius: 7px; background: white; color: #687c87; font-size: 12px; }
.captcha-button img { width: 120px; height: 40px; object-fit: contain; }
.signup-card button:disabled { cursor: not-allowed; opacity: .55; }
.signup-card #register-message { margin-top: 0; }
.signup-card #retry-config { justify-self: start; padding: 0; border: 0; background: none; font-size: 12px; }
@media (max-width: 800px) {
  .product-highlights-list { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 8px 12px; }
  .product-highlights-list li { padding-block: 16px; }
  .product-highlights-list li:nth-child(odd) { border-inline-start: 0; }
  .product-highlights-list li:nth-child(n + 3) { border-block-start: 1px solid #c0f3df30; }
}
@media (max-width: 380px) { .signup-captcha-row { grid-template-columns: minmax(0, 1fr) 100px; } .captcha-button img { width: 98px; } }

#recharge-packages .gift-plan { position: relative; padding-top: clamp(24px, 2.3vw, 27px); }

#recharge-packages .site-gift-ribbon {
  position: absolute;
  top: -1px;
  right: -1px;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 14px 5px 12px;
  border-radius: 0 17px 0 12px;
  background: var(--teal);
  background: linear-gradient(135deg, color-mix(in srgb, var(--teal) 72%, white), var(--teal));
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: .02em;
  white-space: nowrap;
  box-shadow: 0 2px 6px color-mix(in srgb, var(--teal) 30%, transparent);
}

#recharge-packages .site-gift-ribbon svg { width: 16px; height: 16px; flex: none; }
#recharge-packages .gift-plan:has(.site-package-badge) { padding-top: 42px; }

@media (max-width: 600px) {
  #recharge-packages .gift-plan { padding-top: 42px; }
}