/* /investor-relations — IR Widgets + IR Metrics. Scoped to .irp; product rows
   reuse .prod from solution.css and the browser frame from shots.css. */

.irp-hero{padding-bottom:var(--sp-8)}
.irp-hero h1{margin:var(--sp-4) 0;max-width:18ch}
.irp-hero__lede{color:var(--text-soft);font-size:var(--step-1);max-width:60ch}
.irp-hero__cta{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin-top:var(--sp-6)}

.irp .kicker{font-size:var(--step-label);letter-spacing:.1em;text-transform:uppercase;
  color:var(--action);font-weight:650;margin:0 0 var(--sp-2)}
.irp-head{margin-bottom:var(--sp-6)}
.irp-head__lede{color:var(--text-soft);font-size:var(--step-1);max-width:60ch;margin:0}
.irp-center{text-align:center;margin-bottom:var(--sp-8)}

/* the "more widgets" list */
.irp-more{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3) var(--sp-5);margin:0;padding:0;list-style:none}
.irp-more li{display:flex;flex-direction:column;border-left:2px solid var(--action);padding-left:var(--sp-3)}
.irp-more b{color:var(--text-heading)}
.irp-more span{color:var(--text-soft);font-size:var(--step--1)}
@media(max-width:600px){.irp-more{grid-template-columns:1fr}}

/* IR Metrics band */
.irp-metrics{background:linear-gradient(155deg,#0e1633 0%,#2a1c57 55%,#5b2b63 100%);color:#fff}
.irp-metrics__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px);align-items:center}
@media(max-width:900px){.irp-metrics__grid{grid-template-columns:1fr}}
.irp-metrics h2{color:#fff;margin:0 0 var(--sp-3)}
.irp-metrics__lede{color:rgba(255,255,255,.78);font-size:var(--step-1);margin:0 0 var(--sp-5)}
.irp-metrics__points{list-style:none;margin:0 0 var(--sp-6);padding:0;display:grid;gap:var(--sp-3)}
.irp-metrics__points li{display:flex;flex-direction:column;border-left:2px solid var(--action);padding-left:var(--sp-3)}
.irp-metrics__points b{color:#fff}
.irp-metrics__points span{color:rgba(255,255,255,.72);font-size:var(--step--1)}
.irp-badge{display:inline-block;margin-left:var(--sp-2);padding:2px 10px;border-radius:var(--radius-pill);
  background:var(--action);color:#fff;font-size:var(--step--2);letter-spacing:.06em}
.irp-metrics .prod__shot--live{background:none;border:0;padding:0}
.irp-soon{aspect-ratio:16/10;display:grid;place-items:center;text-align:center;padding:var(--sp-6);
  background:repeating-linear-gradient(135deg,#f6f7f9 0 14px,#eef0f4 14px 28px);color:#7b8494;
  font-size:var(--step--1)}

/* product rows on this page: the shot panel keeps the solutions look */
.irp .prodstack .prod__shot--live{min-height:0}

/* integration */
.irp-int{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
@media(max-width:900px){.irp-int{grid-template-columns:1fr}}
.irp-int h2{margin:0 0 var(--sp-3)}
.irp-code pre{margin:0;padding:var(--sp-4);font-family:var(--font-mono);font-size:var(--step--1);
  line-height:1.6;color:#182230;background:#fbfbfc;overflow-x:auto;white-space:pre}

.irp-cards{display:grid;gap:var(--sp-4);margin-top:var(--sp-6)}
.irp-cards--2{grid-template-columns:1fr 1fr}
.irp-cards--4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.irp-cards--4{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.irp-cards--2,.irp-cards--4{grid-template-columns:1fr}}
.irp-card{background:var(--surface);border:var(--border) solid var(--line);border-top:3px solid var(--brand-600);
  border-radius:var(--radius);padding:var(--sp-5)}
.irp-card h3{font-size:var(--step-0);margin:0 0 var(--sp-2);color:var(--text-heading)}
.irp-card p{margin:0;color:var(--text-soft);font-size:var(--step--1)}

/* CTA */
.irp-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6);flex-wrap:wrap;
  padding:var(--sp-8);border-radius:var(--radius-lg);background:var(--brand-900);color:#fff;
  border-top:3px solid var(--action)}
.irp-cta h2{color:#fff;margin:0 0 var(--sp-2)}
.irp-cta p{color:rgba(255,255,255,.78);margin:0;max-width:52ch}
.irp-cta__btns{display:flex;gap:var(--sp-3);flex-wrap:wrap}
.irp-cta .btn:not(.btn--action){color:#fff;border-color:rgba(255,255,255,.4)}
.irp .section--tint{background:var(--surface-tint)}