/* AI-first extends the established PM composition, not a new visual system. */
.pm-ai { position:relative; color:var(--fg); }
.pm-ai * { box-sizing:border-box; }
.pm-ai section { content-visibility:visible!important; contain-intrinsic-size:none!important; }
.pm-ai h1 { max-width:22ch; text-wrap:balance; letter-spacing:-.035em; }
.pm-ai [id] { scroll-margin-top:104px; }
.pm-ai h2 { text-wrap:balance; }
.pm-ai .scramble { opacity:1!important; }
body:has([data-ai-first-platform]) .exit-offer-inline { content-visibility:visible!important; contain-intrinsic-size:none!important; }
.pm-ai .pm-head { display:block; max-width:1000px; }
.pm-ai .pm-section-lede { max-width:70ch; margin:0 0 32px; color:var(--fg-2); font-size:1rem; line-height:1.65; }
.pm-ai .pm-flow .pm-row { border-color:color-mix(in oklab,var(--accent) 38%,var(--line)); }
.pm-ai .pm-flow .pm-row h3 { color:var(--accent); }
.pm-ai .ai-conversation { margin:0; padding:32px; border:1px solid var(--line); border-radius:var(--r-md); background:var(--bg-2); }
.pm-ai .ai-conversation figcaption { margin-bottom:24px; color:var(--fg-2); font:500 12px/1.6 var(--font-mono); }
.pm-ai .ai-messages { display:flex; flex-direction:column; gap:24px; }
.pm-ai .ai-messages .pm-row { display:grid; grid-template-columns:minmax(150px,1fr) minmax(0,3fr); gap:24px; }
.pm-ai .ai-messages h3 { margin:0; }
.pm-ai .pm-list { padding-left:24px; }
.pm-ai .pm-list li+li { margin-top:16px; }
.pm-ai .ai-hero-grid { display:grid; grid-template-columns:minmax(0,3fr) minmax(240px,1fr); gap:64px; align-items:center; }
.pm-ai .ai-hero-grid > * { min-width:0; }
.pm-ai .ai-method-preview { border-top:1px solid var(--accent); padding-top:24px; }
.pm-ai .ai-method-preview ol { list-style:none; padding:0; margin:0; }
.pm-ai .ai-method-preview li { display:flex; gap:16px; padding:20px 0; border-bottom:1px solid var(--line); }
.pm-ai .ai-method-preview li span { color:var(--accent); font:500 12px/1.8 var(--font-mono); }
.pm-ai .ai-method-preview a { color:var(--fg); text-decoration:none; }
.pm-ai .ai-method-preview a:hover { color:var(--accent); }
.pm-ai .ai-monitor { margin:0; }
.pm-ai .ai-monitor figcaption { margin-bottom:24px; color:var(--fg-2); font:500 12px/1.6 var(--font-mono); }
.pm-ai .pm-faq { grid-template-columns:1fr; max-width:1000px; }
@media(max-width:1100px) {
 .pm-ai .ai-hero-grid { grid-template-columns:1fr; gap:32px; }
 .pm-ai .ai-method-preview { max-width:600px; }
}
@media(max-width:700px) {
 .pm-ai .ai-conversation { padding:24px; }
 .pm-ai .ai-messages .pm-row { grid-template-columns:1fr; gap:8px; }
}
@media(max-width:380px) {
 .pm-ai h1 { font-size:2.25rem; overflow-wrap:anywhere; }
}