.pm-info-ai-readings .pm-info-hero { padding-bottom: clamp(3rem, 7vw, 6.5rem); }
.pm-info-ai-readings, .pm-info-ai-readings * { text-shadow: none !important; }
.pm-info-ai-readings .pm-info-hero > div { max-width: 1040px; }
.pm-info-ai-readings .pm-info-shell { margin-top: 0; }
.pm-info-ai-readings .pm-info-primary { min-width: 0; }
.pm-ai-page { color: #153f62; background: #f5fbff; }
.pm-ai-page *, .pm-ai-page *::before, .pm-ai-page *::after { box-sizing: border-box; }
.pm-ai-page h2, .pm-ai-page h3, .pm-ai-page p { margin-top: 0; }
.pm-ai-page h2 { color: #082f57; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(2.2rem, 4.5vw, 4.6rem); font-weight: 400; line-height: 1.03; }
.pm-ai-page h3 { color: #082f57; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(1.55rem, 2.4vw, 2.15rem); font-weight: 400; line-height: 1.15; }
.pm-ai-page p { font-size: clamp(1.05rem, 1.45vw, 1.28rem); line-height: 1.72; }
.pm-ai-kicker { color: #087fc1; font-size: .78rem !important; font-weight: 800; letter-spacing: .22em; line-height: 1.4 !important; text-transform: uppercase; }
.pm-ai-intro { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(260px, .65fr); gap: clamp(2rem, 6vw, 6rem); align-items: center; padding: clamp(3rem, 7vw, 7rem) clamp(1.25rem, 6vw, 7rem); background: #fffffa; }
.pm-ai-intro-copy { max-width: 850px; }
.pm-ai-intro-copy h2 { max-width: 800px; }
.pm-ai-positioning { margin: 2rem 0 0; padding-left: 1.35rem; border-left: 3px solid #6dc9f4; color: #082f57; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(1.35rem, 2vw, 1.85rem) !important; line-height: 1.45 !important; }
.pm-ai-intro-copy .pm-ai-offer { max-width: 760px; margin: 2rem 0 0 !important; }
.pm-ai-actions { display: flex; flex-wrap: wrap; gap: 1rem 1.6rem; align-items: center; margin-top: 2.75rem; }
.pm-ai-actions a { color: #0a5f91; font-size: .88rem; font-weight: 800; letter-spacing: .09em; text-decoration: none; text-transform: uppercase; }
.pm-ai-actions .pm-ai-primary { display: inline-flex; justify-content: space-between; min-width: 240px; padding: 1.2rem 1.4rem; background: #082f57; color: #fffffa; }
.pm-ai-popular { padding: clamp(1.5rem, 3vw, 2.4rem); border: 1px solid #a9d9ef; background: #e3f5fd; }
.pm-ai-popular h3 { margin-bottom: 1.6rem; font-size: clamp(1.45rem, 2vw, 1.9rem); }
.pm-ai-popular ul { margin: 0; padding: 0; list-style: none; }
.pm-ai-popular li { border-top: 1px solid #b8dfef; }
.pm-ai-popular a { display: flex; justify-content: space-between; gap: 1rem; padding: .9rem 0; color: #082f57; font-weight: 800; text-decoration: none; }
.pm-ai-levels, .pm-ai-how, .pm-ai-example, .pm-ai-faq { padding: clamp(3.5rem, 8vw, 7.5rem) clamp(1.25rem, 6vw, 7rem); }
.pm-ai-levels { background: #dff3fc; }
.pm-ai-levels > h2, .pm-ai-how > h2, .pm-ai-example-heading, .pm-ai-faq > h2 { max-width: 900px; }
.pm-ai-levels > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin-top: 3rem; background: #a9d9ef; border: 1px solid #a9d9ef; }
.pm-ai-levels article { min-height: 360px; padding: clamp(1.5rem, 3vw, 3rem); background: #fffffa; }
.pm-ai-levels article small { color: #087fc1; font-weight: 800; letter-spacing: .15em; }
.pm-ai-levels article a { color: #087fc1; font-weight: 800; text-decoration: none; text-transform: uppercase; }
.pm-ai-levels .pm-ai-level-featured { background: #0b4774; color: #d9eef8; }
.pm-ai-levels .pm-ai-level-featured h3, .pm-ai-levels .pm-ai-level-featured a { color: #fffffa; }
.pm-ai-how { background: #fffffa; }
.pm-ai-how > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; margin-top: 3rem; }
.pm-ai-how article { padding-top: 1.5rem; border-top: 2px solid #a9d9ef; }
.pm-ai-how article > span { display: inline-grid; width: 2.7rem; height: 2.7rem; margin-bottom: 1.25rem; place-items: center; border-radius: 50%; background: #dff3fc; color: #087fc1; font-weight: 800; }
.pm-ai-example { background: #082f57; color: #d9eef8; }
.pm-ai-example h2, .pm-ai-example .pm-ai-kicker { color: #fffffa; }
.pm-ai-example details { margin-top: 2.5rem; border: 1px solid #4b84a8; background: #fffffa; color: #153f62; }
.pm-ai-example summary { display: flex; justify-content: space-between; padding: 1.3rem 1.5rem; color: #082f57; cursor: pointer; font-size: 1.05rem; font-weight: 800; list-style: none; text-transform: uppercase; }
.pm-ai-example summary::-webkit-details-marker { display: none; }
.pm-ai-legacy-example { overflow: auto; padding: 1rem; border-top: 1px solid #a9d9ef; }
.pm-ai-legacy-example > div > legend:first-child, .pm-ai-legacy-example > div > legend:nth-child(2), .pm-ai-legacy-example > div > p { display: none; }
.pm-ai-legacy-example #workspace { max-width: 100%; margin: 0 auto; }
.pm-ai-legacy-example .chat td.hidden-phone img[src*="AI_Avatar"] { display: block; width: min(160px, 100%); max-width: 160px; height: auto !important; aspect-ratio: 4 / 5; object-fit: cover; }
.pm-ai-intro-copy .pm-ai-example-inline { margin: 2.75rem 0 0; padding: clamp(1.5rem, 3vw, 2.5rem); }
.pm-ai-intro-copy .pm-ai-example-inline h2 { font-size: clamp(1.8rem, 3.2vw, 2.8rem); }
.pm-ai-intro-copy .pm-ai-example-inline .pm-ai-example-heading { max-width: 720px; }
.pm-ai-intro-copy .pm-ai-example-inline details { margin-top: 1.75rem; }
.pm-ai-faq { background: #fffffa; }
.pm-ai-faq details { max-width: 980px; border-top: 1px solid #a9d9ef; }
.pm-ai-faq details:last-child { border-bottom: 1px solid #a9d9ef; }
.pm-ai-faq summary { padding: 1.25rem 0; color: #082f57; cursor: pointer; font-size: 1.12rem; font-weight: 800; }
.pm-ai-faq details p { padding: 0 0 1.4rem; }
@media (max-width: 820px) {
  .pm-ai-intro { grid-template-columns: 1fr; padding-top: 5rem; }
  .pm-ai-popular { margin-top: 2rem; }
  .pm-ai-levels > div, .pm-ai-how > div { grid-template-columns: 1fr; }
  .pm-ai-levels article { min-height: 0; }
}
@media (max-width: 520px) {
  .pm-ai-page h2 { font-size: 2.25rem; }
  .pm-ai-intro, .pm-ai-levels, .pm-ai-how, .pm-ai-example, .pm-ai-faq { padding-left: 1rem; padding-right: 1rem; }
  .pm-ai-intro-copy .pm-ai-example-inline { margin-left: -.15rem; margin-right: -.15rem; padding: 1.25rem; }
  .pm-ai-actions { align-items: stretch; flex-direction: column; }
  .pm-ai-actions .pm-ai-primary { min-width: 0; }
}