/* Ported from FACTdemo client/src/index.css — parity-first. */

.fact-site { background: var(--ink); min-height: 100vh; overflow-x: clip; overflow-y: visible; }

.content-shell { width: min(100% - 56px, 1400px); margin-inline: auto; }

.hero-overline, .section-eyebrow { display: flex; align-items: center; gap: 10px; color: var(--soft); font-size: 10px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }

.hero-status > span, .eyebrow-dot { display: inline-block; width: 6px; height: 6px; background: var(--signal); box-shadow: 0 0 0 4px rgba(255,43,28,.12); }

.button-primary { min-height: 52px; padding: 0 24px; background: var(--signal); color: #fff; }

.button-quiet { min-height: 52px; padding: 0 4px; color: #f3f0ec; border-bottom: 1px solid rgba(243,240,236,.26); }

.button-quiet:hover { border-color: var(--signal); color: var(--signal-bright); }

.section-eyebrow { color: #76716b; font-family: var(--font-display); font-variant-numeric: tabular-nums; }

.question-copy .eyebrow-dot { background: var(--signal); box-shadow: none; }

.section-eyebrow-light { color: #a9a39c; }

.section-eyebrow-light .eyebrow-dot { background: #8dd6a7; box-shadow: 0 0 0 4px rgba(141,214,167,.1); }

.button-light { min-height: 53px; padding: 0 24px; background: #f5f2ed; color: #121212; }

.button-light:hover { background: white; transform: translateY(-2px); }

.fact-site { background: #f7f7f5; }

.button-dark, .button-soft { min-height: 54px; display: inline-flex; align-items: center; justify-content: center; gap: 11px; padding: 0 24px; font: 400 17px/1.2857742857 var(--font-display);letter-spacing: .022em; transition: transform .18s var(--easing), background .18s var(--easing), color .18s var(--easing), border-color .18s var(--easing); }

.button-dark { color: white; background: #292929; border: 1px solid #292929; }

.button-dark:hover { background: var(--signal); border-color: var(--signal); transform: translateY(-2px); }

.button-soft { color: #333; background: #eeeeeb; border: 1px solid #deded9; }

.button-soft:hover { color: var(--signal); background: #fff; border-color: rgba(255,43,28,.34); transform: translateY(-2px); }

.nav-cta, .button-primary, .button-light, .button-dark, .button-soft, .global-demo-cta, .mobile-talk, .event-card-button {
	border-radius: 980px;
}

.button-dark:active, .button-soft:active { transform: scale(.97); }

.section-eyebrow-light { color: #777; }