/* PromptMyImage homepage micro-polish — v1.2.7. */
body.home .pmi-home-v118 {
  font-size: 15px;
}
body.home .pmi-home-v118 :is(p, li, td, th, button, a, span, small) {
  line-height: 1.6;
}

/* Hero: slightly stronger demonstration without changing the structure. */
body.home .pmi-v118-hero-grid {
  grid-template-columns: minmax(380px, .72fr) minmax(650px, 1.28fr) !important;
  gap: 54px !important;
}
body.home .pmi-v118-hero-copy {
  max-width: 570px !important;
}
body.home .pmi-react-hero-demo,
body.home .pmi-v118-demo-card {
  width: 100%;
  max-width: none !important;
}
body.home .pmi-react-hero-demo :is(p, li, dd, dt, button, span),
body.home .pmi-v118-analysis :is(dt, dd) {
  font-size: 14px !important;
  line-height: 1.55 !important;
}
body.home .pmi-react-prompt-text,
body.home .pmi-v118-demo-prompt p {
  font-size: 15px !important;
  line-height: 1.7 !important;
}

/* Comparison: more editorial and less administrative. */
body.home .pmi-v118-compare-table {
  box-shadow: 0 10px 30px rgba(26, 40, 76, .04);
}
body.home .pmi-v118-compare-table > div {
  transition: background-color .18s ease;
}
body.home .pmi-v118-compare-table > div:not(.is-head):hover {
  background: #fbfcff;
}
body.home .pmi-v118-compare-table > div > span:nth-child(2) {
  color: #99a3b5;
  font-weight: 500;
}
body.home .pmi-v118-compare-table > div > span:nth-child(3) {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 16px;
  color: #6246ea;
  font-weight: 700;
  background: #faf8ff;
}
body.home .pmi-v118-compare-table > div:not(.is-head) > span:nth-child(3)::before {
  content: "✓";
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: #efeaff;
  color: #6e4ff4;
  font-size: 12px;
  font-weight: 800;
}
body.home .pmi-v118-compare-table > div.is-head > span:nth-child(3) {
  display: block;
}

/* Example detail: keep it useful without letting it dominate the section. */
body.home .pmi-react-example-detail,
body.home .pmi-react-example-output {
  align-items: start;
}
body.home .pmi-react-example-detail p,
body.home .pmi-react-example-output p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  font-size: 15px !important;
  line-height: 1.65 !important;
}
body.home .pmi-react-example-detail.is-expanded p,
body.home .pmi-react-example-output.is-expanded p {
  display: block;
  overflow: visible;
  -webkit-line-clamp: unset;
}

/* Trust: slightly stronger cards while remaining calm. */
body.home .pmi-v118-trust-facts > div {
  position: relative;
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  min-height: 96px;
  padding: 18px !important;
  border-color: #dfe6f3 !important;
  background: #fbfcff !important;
}
body.home .pmi-v118-trust-facts > div::before {
  content: none !important;
}
body.home .pmi-v118-trust-facts .icon {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  padding: 9px;
  border-radius: 12px;
  background: #eeebff;
  color: #5b4df4;
}
body.home .pmi-v118-trust-facts > div > span {
  display: grid;
  gap: 5px;
}
body.home .pmi-v118-trust-facts strong {
  font-size: 16px !important;
  line-height: 1.4 !important;
}
body.home .pmi-v118-trust-facts span {
  font-size: 14px !important;
  line-height: 1.55 !important;
}

/* Pricing: improve unit-value visibility and featured hierarchy. */
body.home .pmi-v118-pricing-grid article {
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
body.home .pmi-v118-pricing-grid article:hover {
  transform: translateY(-3px);
  border-color: #d4dcf0;
  box-shadow: 0 16px 34px rgba(27, 42, 78, .07);
}
body.home .pmi-v118-pricing-grid article.is-featured {
  border-color: #7a5df1 !important;
  box-shadow: 0 20px 46px rgba(99, 74, 225, .13) !important;
}
body.home .pmi-v118-pricing-grid article.is-featured:hover {
  transform: translateY(-8px);
}
body.home .pmi-v118-pricing-grid article > small {
  top: -15px !important;
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  font-size: 14px !important;
  line-height: 1 !important;
}
body.home .pmi-v118-pricing-grid .pmi-unit-price,
body.home .pmi-v118-pricing-grid article > em {
  color: #53617a;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 700;
}

/* FAQ: softer conversion card. */
body.home .pmi-v118-ready-card,
body.home .pmi-react-faq-cta {
  background: linear-gradient(135deg, #5b6cff 0%, #a855f7 100%) !important;
  box-shadow: 0 14px 32px rgba(100, 77, 230, .16) !important;
}
body.home .pmi-v118-faq-list summary {
  min-height: 52px;
  font-size: 15px !important;
}
body.home .pmi-v118-faq-list details p {
  font-size: 15px !important;
}

/* Footer: more breathing room and a calmer trust card. */
body.home .site-footer {
  padding-top: 56px !important;
  padding-bottom: 28px !important;
}
body.home .site-footer :is(p, a, span, li, small) {
  font-size: 14px !important;
  line-height: 1.6 !important;
}
body.home .site-footer .pmi-v126-footer-trust {
  padding: 18px !important;
  background: rgba(255, 255, 255, .045) !important;
}
body.home .site-footer .pmi-v126-footer-bottom {
  margin-top: 32px !important;
  padding-top: 20px !important;
}

@media (max-width: 1180px) {
  body.home .pmi-v118-hero-grid {
    grid-template-columns: 1fr !important;
  }
  body.home .pmi-v118-hero-copy {
    max-width: 780px !important;
  }
}

@media (max-width: 700px) {
  body.home .pmi-v118-trust-facts > div {
    padding: 16px !important;
  }
  body.home .pmi-v118-compare-table > div > span:nth-child(3) {
    padding-left: 12px;
    gap: 6px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.home .pmi-v118-compare-table > div,
  body.home .pmi-v118-pricing-grid article {
    transition: none !important;
  }
}
