/* Press release: Coralogix raises $200M — page-only additions on top of pages.css */

/* Hero has no product shot: keep the wash short, close the hero tighter */
.pr-hero { padding-bottom: 8px; }
.pr-hero::before { top: 40px; height: 520px; opacity: .55; }
.pr-hero h1 { max-width: 1000px; font-size: clamp(36px, 5.2vw, 68px); }
.pr-hero .lead { max-width: 720px; }
.pr-hero .lead em { font-style: normal; }
.pr-dateline { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-top: 28px; font-family: var(--mono); font-size: 12.5px; color: var(--fg-3); }
.pr-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; max-width: 860px; margin: 72px auto 0; text-align: left; }
.pr-stats div { padding-left: 24px; border-left: 1px solid rgba(19,233,137,.4); }
.pr-stats b { display: block; font-size: clamp(36px, 4vw, 52px); line-height: 1; font-weight: 600; letter-spacing: -0.045em; color: var(--accent); }
.pr-stats span { display: block; margin-top: 10px; font-size: 15px; color: var(--fg-2); }

/* Article sections: prose is read, so the rhythm is tighter than product pages */
.section.pr-section { padding-top: 120px; padding-bottom: 120px; }
.pr-body { max-width: 760px; margin: 0 auto; }
.pr-body .eyebrow { display: inline-block; margin-bottom: 18px; }
.pr-body h2 { font-size: clamp(30px, 3.6vw, 46px); line-height: 1.1; letter-spacing: -0.035em; font-weight: 560; margin-bottom: 28px; }
.pr-body p { font-size: 17.5px; line-height: 1.75; color: var(--fg-2); }
.pr-body p + p { margin-top: 22px; }
.pr-body p strong { color: var(--fg); font-weight: 600; }
.pr-body .pr-first { font-size: 20px; line-height: 1.65; color: var(--fg); }

/* Quotes sit under the prose */
.pr-quote { max-width: 1040px; margin: 64px auto 0; }
.pr-quote .eyebrow { display: inline-block; margin-bottom: 24px; }
.pr-quote-wide { grid-template-columns: minmax(0, 1fr); max-width: 960px; }
.pr-quote-wide blockquote { font-size: clamp(19px, 1.8vw, 23px); }

/* Use of funds */
.pr-steps { max-width: 1120px; margin: 56px auto 0; }
.pr-steps .step h3 { padding-right: 32px; }
.pr-note { max-width: 760px; margin: 48px auto 0; font-size: 17px; line-height: 1.7; color: var(--fg-2); }
.pr-inline { color: var(--mint); text-decoration: underline; text-decoration-color: rgba(134,255,201,.35); text-underline-offset: 3px; transition: text-decoration-color .2s; overflow-wrap: anywhere; }
.pr-inline:hover { text-decoration-color: var(--mint); }

/* Boilerplate card */
.pr-about { max-width: 960px; margin: 0 auto; padding: 56px; }
.pr-about .eyebrow { display: inline-block; margin-bottom: 18px; }
.pr-about h2 { font-size: clamp(28px, 3vw, 38px); line-height: 1.12; letter-spacing: -0.03em; font-weight: 560; margin-bottom: 22px; }
.pr-about p { font-size: 16.5px; line-height: 1.75; color: var(--fg-2); }

.pr-back { margin-top: 36px; }

@media (max-width: 960px) {
  .section.pr-section { padding-top: 96px; padding-bottom: 96px; }
  .pr-stats { grid-template-columns: minmax(0, 1fr); gap: 24px; max-width: 420px; margin-top: 56px; }
  .pr-about { padding: 40px; }
}
@media (max-width: 560px) {
  .pr-hero { padding-bottom: 0; }
  .section.pr-section { padding-top: 72px; padding-bottom: 72px; }
  .pr-body p { font-size: 16.5px; }
  .pr-body .pr-first { font-size: 18px; }
  .pr-quote { margin-top: 48px; }
  .pr-quote-wide blockquote { font-size: 18px; }
  .pr-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; max-width: none; margin-top: 44px; }
  .pr-stats div { padding-left: 12px; }
  .pr-stats b { font-size: 26px; letter-spacing: -0.04em; }
  .pr-stats span { margin-top: 8px; font-size: 12.5px; line-height: 1.4; }
  .pr-about { padding: 28px; }
  .pr-note { font-size: 16px; }
}