/* Safina MIS page: extras on top of websites.css (.web-*) and visibility.css (.vis-case, .cs-*) */

/* 03 Case study (black) */
.saf-cases { background: #000; padding: 7rem 5vw; }
.saf-head { max-width: 760px; margin: 0 auto 3.5rem; text-align: center; }
.saf-head .web-eyebrow { color: #f5c842; }
.saf-head h2 { font-size: clamp(2rem, 4.2vw, 3rem); color: #fdf6e8; letter-spacing: -.02em; line-height: 1.15; margin: 0 0 .9rem; }
.saf-head p:not(.web-eyebrow) { font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: clamp(1.2rem, 2.2vw, 1.5rem); color: #E0C070; margin: 0; }
.saf-case-grid { grid-template-columns: minmax(0, 420px); justify-content: center; }
.saf-cases .vis-case { box-shadow: 0 24px 60px rgba(0,0,0,.6), 0 0 44px rgba(245,200,66,.1); }

/* 04 Why us: comparison table */
.saf-why-inner { max-width: 980px; margin: 0 auto; }
.saf-why h2 { max-width: 22ch; margin-left: auto; margin-right: auto; }
.saf-table-wrap { margin-top: 2.5rem; background: #fff; border-radius: 18px; overflow-x: auto;
  box-shadow: 0 24px 55px rgba(20,33,61,.22); text-align: left; }
.saf-table { width: 100%; min-width: 640px; border-collapse: collapse; font-family: 'Inter', sans-serif; font-size: .92rem; }
.saf-table th, .saf-table td { padding: 1rem 1.2rem; border-bottom: 1px solid rgba(20,33,61,.1); color: #14213d; line-height: 1.4; }
.saf-table thead th { background: #14213d; color: #fff; font-weight: 600; font-size: .85rem; letter-spacing: .04em; text-align: center; }
.saf-table thead th:first-child { background: #14213d; }
.saf-table thead th.is-us { background: #0c1626; color: #f5c842; }
.saf-table tbody th { font-weight: 600; text-align: left; width: 32%; }
.saf-table td { text-align: center; color: rgba(20,33,61,.8); }
.saf-table td.is-us { background: rgba(245,200,66,.22); color: #14213d; font-weight: 600; }
.saf-table tbody tr:last-child th, .saf-table tbody tr:last-child td { border-bottom: 0; }

/* FAQ links on black */
.web-faq-a a { color: #f5c842; text-decoration: none; border-bottom: 1px solid rgba(245,200,66,.5); }
.web-faq-a a:hover { color: #fff; border-color: #fff; }

@media (max-width: 860px) { .saf-cases { padding: 5rem 6vw; } }

.saf-why h2 { max-width: none; }
.saf-h2-line { display: block; }
@media (min-width: 900px) { .saf-h2-line { white-space: nowrap; } }

.saf-table-note { margin: 1rem 0 0; font-size: .8rem; font-style: italic; color: rgba(20,33,61,.65); }
.saf-table-note a { color: #14213d; }

.saf-table.is-wide { min-width: 820px; }
.saf-table-note { margin: 1rem 0 0; font-size: .8rem; font-style: italic; color: rgba(20,33,61,.65); }
.saf-table-note a { color: #14213d; }
.saf-why h2 { max-width: none; }
.saf-h2-line { display: block; }
@media (min-width: 900px) { .saf-h2-line { white-space: nowrap; } }
.jah-live { display: inline-flex; align-items: center; gap: .6rem; margin: 0 0 1.25rem; padding: .45rem 1.1rem;
  border: 1px solid rgba(245,200,66,.5); border-radius: 50px; background: rgba(0,0,0,.35);
  font-family: 'Inter', sans-serif; font-size: .78rem; font-weight: 600; letter-spacing: .1em;
  text-transform: uppercase; color: #f5c842; }
.jah-live-dot { width: .55rem; height: .55rem; border-radius: 50%; background: #25D366; box-shadow: 0 0 0 4px rgba(37,211,102,.25); }