/* Section: reviews — navy/blue design system (Phase 1) */

.reviews { padding: 80px 0 100px 0; }

.reviews h2 { font-family: var(--display); color: var(--ink); margin-bottom:30px}
.reviews .eyebrow { color: var(--blue); }
.reviews .lede { color: var(--muted); }

/* Aggregate stats */
.review-stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 48px;
    text-align: center;
}
@media (max-width: 540px) { .review-stats { grid-template-columns: 1fr; } }
.review-stats .stat {
    padding: 24px;
    background: linear-gradient(135deg, #212b55 0%, #005770 100%);
    border: 1px solid var(--line);
    border-radius: var(--r);
}
.review-stats .num {
    font-family: var(--display);
    font-size: 38px;
    font-weight: 800;
    color: #fff;
    line-height: 1;
}
.review-stats .label { margin-top: 8px; font-size: 13px; color: #fff; }

/* Review cards: 3 → 2 → 1 */
.review-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
@media (max-width: 767px) {.reviews{padding: 50px 0 70px;} }
@media (max-width: 980px) { .review-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .review-grid { grid-template-columns: 1fr; } }

.review-card {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--r);
    padding: 24px;
    box-shadow: var(--sh-sm);
}
.review-card .rstars {
    color: var(--blue);
    letter-spacing: 2px;
    margin-bottom: 10px;
    font-size: 1.05rem;
}
.review-card blockquote {
    font-size: .97rem;
    line-height: 1.65;
    color: var(--ink);
    margin-bottom: 14px;
}

/* Author meta — maps the design's .who row */
.review-card .meta {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: .86rem;
    color: var(--muted);
}
.review-card .meta strong {
    color: var(--ink);
    font-weight: 700;
    display: block;
}
.review-card .src-tag {
    margin-left: auto;
    background: var(--blue-l);
    color: var(--blue-d);
    padding: 2px 10px;
    border-radius: var(--r-sm);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}