/* Exact page-specific declarations from platform-pm-agent.html. */
.hero-visual{ background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.12); border-radius:var(--radius); padding:1.6rem; backdrop-filter:blur(6px); }
.hero-visual .media-cap{ color:rgba(243,247,245,.65); }
.hero-visual .media-cap::before{ background:var(--green-bright); }
.rvp-quote{ margin-top:2.4rem; border-top:1px solid var(--d-card-border); padding-top:2rem; }
.rvp-quote blockquote{ font-family:var(--display); text-transform:none; font-weight:500; font-size:clamp(1.3rem,2.2vw,1.7rem); line-height:1.3; color:#fff; margin:0 0 .8rem; }
.rvp-quote .quote-mark{ color:var(--green-bright); }
.rvp-quote cite{ font-style:normal; font-size:.9rem; color:var(--d-muted); }
@media (max-width:1024px){
.hero-visual{ max-width:520px; }
}
.qmode-row{ display:flex; flex-wrap:wrap; gap:.6rem; margin-bottom:1.3rem; }
.qmode-chip{ display:inline-flex; align-items:center; gap:.4rem; font-size:.82rem; font-weight:600; padding:.45rem .9rem; border-radius:999px; background:var(--bg-tint); color:var(--green-ink); border:1px solid #cfe0d6; }
.knowledge-cliff{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,5vw,4rem); align-items:center; }
.knowledge-cliff-fig{ background:var(--bg-tint); border:1px solid #cfe0d6; border-radius:var(--radius); padding:1.6rem; }
@media (max-width:860px){
.knowledge-cliff{ grid-template-columns:1fr; }
}
.shot-placeholder{ border:2px dashed var(--border); border-radius:var(--radius); background:var(--bg-tint); padding:3rem 1.5rem; display:flex; align-items:center; justify-content:center; min-height:320px; }
.dark .shot-placeholder{ border-color:rgba(255,255,255,.22); background:var(--d-card); }
.shot-ph-inner{ text-align:center; color:var(--muted); max-width:320px; }
.dark .shot-ph-inner{ color:var(--d-muted); }
.shot-ph-inner svg{ width:40px; height:40px; margin:0 auto .9rem; opacity:.6; }
.shot-ph-label{ font-family:var(--display); text-transform:uppercase; letter-spacing:.04em; font-size:1rem; margin:0; line-height:1.3; }

/* ---- PM AI Agent live demo (hero) ---- */
.hero--platform .hero-inner.hero-split{ max-width:none; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,480px); gap:clamp(2.4rem,5vw,4.6rem); align-items:start; }
.hero-copy{ min-width:0; }
.hero-demo{ min-width:0; }
@media (max-width:1024px){
  .hero--platform .hero-inner.hero-split{ grid-template-columns:1fr; }
  .hero-demo{ max-width:560px; }
}
/* .pma-* widget styles now live in assets/pma-widget.css (shared everywhere PM AI Agent is shown) */
#pmaEmbed{ max-width:none; }

@keyframes typingBounce {
  0%, 60%, 100% { transform: translateY(0); opacity: .5; }
  30%            { transform: translateY(-5px); opacity: 1; }
}
#hero-td1,#ask-td1 { animation: typingBounce 1.1s ease-in-out infinite; animation-delay: 0ms; }
#hero-td2,#ask-td2 { animation: typingBounce 1.1s ease-in-out infinite; animation-delay: 160ms; }
#hero-td3,#ask-td3 { animation: typingBounce 1.1s ease-in-out infinite; animation-delay: 320ms; }