/* Partner portal page — extras only (shared styles live in styles.css) */
.hero--dark .btn--light:hover { background: var(--sage); }

.p-facts { border-top: 1px solid rgba(255,255,255,.12); }
.p-facts .stat b { color: #fff; }
.p-facts .stat span { display: block; margin-top: 4px; line-height: 1.4; }

.p-soon { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; margin-top: 32px; }
.p-soon .chip { padding: 6px 14px 6px 8px; }



.p-formula { display: inline-block; padding: 12px 18px; border-radius: 16px; background: var(--sage-soft); color: var(--primary); font-size: 15.5px; line-height: 1.45; }

.p-demo { align-items: start; }
.p-formcard { padding: clamp(20px, 3vw, 32px); color: var(--primary); }
.p-formcard .form-ok { margin-top: 0; }
.p-link { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.p-link:hover { color: var(--sage); }
.section--dark .p-link ~ * { color: inherit; }
.p-also { grid-template-columns: repeat(2, 1fr); max-width: 820px; margin: 0 auto; }
@media (max-width: 900px) { .p-also { grid-template-columns: 1fr; } }

/* app mock-ups (real partner portal transcriptions) */
.p-hero-wrap { width: 100%; max-width: 620px; }
.p-hero-wrap .browser { max-width: 100%; }
.p-wrap { width: 100%; max-width: 560px; }
.p-wrap .browser { max-width: 100%; }
.p-wrap .browser-body.app-screen .app-ui { transform: scale(.46); transform-origin: top left; }
.p-wrap .browser-body.app-screen.p-tall { height: 470px; }
.p-wrap .browser-body.app-screen.p-short { height: 372px; }
.p-ill { display: block; font-size: 11.5px; color: var(--ink-2); text-align: center; margin-top: 8px; }
.hero--dark .p-ill { color: rgba(255,255,255,.7); }
@media (max-width: 1100px) { .p-wrap .browser-body.app-screen .app-ui { transform: scale(.4); transform-origin: top left; } }
@media (max-width: 560px) {
  .p-wrap .browser-body.app-screen .app-ui, .p-hero-wrap .browser-body.app-screen .app-ui { transform: scale(.29); transform-origin: top left; }
  .p-hero-wrap .browser-body.app-screen, .p-wrap .browser-body.app-screen.p-short { height: 240px; }
  .p-wrap .browser-body.app-screen.p-tall { height: 270px; }
}