/* poslanding.css — country landing pages (/pos-software/{country}). Loaded only on the
   PosSoftware controller. Layered over redesign.css; reuses rp-eyebrow / rp-h2 / rp-faq. Prefix: pos- */

.pos-hero {
    background: linear-gradient(135deg, #141c4d 0%, #1e2a6b 100%);
    color: #fff;
    padding: 3.75rem 0 3rem;
}
.pos-hero .rp-eyebrow { background: rgba(255,255,255,.14); color: #dbe4ff; }
.pos-hero h1 { color: #fff; font-weight: 800; margin: .65rem 0 .6rem; max-width: 15ch; }
.pos-hero__lead { color: #c7d0f0; max-width: 640px; font-size: 1.08rem; line-height: 1.65; margin-bottom: 1.5rem; }
.pos-hero__cta { display: flex; gap: .75rem; flex-wrap: wrap; }
.pos-hero__facts { margin-top: 1.75rem; display: flex; gap: 1.75rem; flex-wrap: wrap; }
.pos-fact { color: #dbe4ff; font-size: .9rem; }
.pos-fact strong { display: block; color: #fff; font-size: 1.35rem; font-weight: 800; }

.pos-section { padding: 3.5rem 0; }
.pos-section--tint { background: #f5f7fb; }
.pos-intro { max-width: 820px; margin: 0 auto; color: #334155; font-size: 1.05rem; line-height: 1.8; text-align: center; }

.pos-grid { display: grid; gap: 1.25rem; grid-template-columns: 1fr; margin-top: 2rem; }
@media (min-width: 576px) { .pos-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 992px) { .pos-grid { grid-template-columns: repeat(4, 1fr); } }

.pos-card {
    background: #fff; border: 1px solid #eef1f8; border-radius: 18px; padding: 1.5rem;
    box-shadow: 0 8px 24px rgba(20,28,77,.06); height: 100%;
}
.pos-card__icon {
    width: 52px; height: 52px; border-radius: 14px; display: grid; place-items: center;
    background: linear-gradient(135deg, #2563eb, #3b82f6); color: #fff; font-size: 1.3rem; margin-bottom: 1rem;
}
.pos-card__title { color: #141c4d; font-weight: 700; font-size: 1.05rem; margin-bottom: .4rem; }
.pos-card__text { color: #475569; font-size: .93rem; line-height: 1.6; }

.pos-keyword { max-width: 820px; margin: 2rem auto 0; color: #64748b; font-size: .95rem; text-align: center; }

.pos-faq-wrap { max-width: 820px; margin: 0 auto; }

.pos-cta { background: linear-gradient(135deg, #141c4d, #1e2a6b); color: #fff; border-radius: 22px; padding: 2.5rem 1.5rem; text-align: center; }
.pos-cta h2 { color: #fff; font-weight: 800; }
.pos-cta p { color: #c7d0f0; max-width: 640px; margin: .5rem auto 1.5rem; }

/* Country cards (hub + cross-links) rendered as links */
.pos-card--link { display: flex; flex-direction: column; text-decoration: none; transition: transform .18s, box-shadow .18s; }
.pos-card--link:hover { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(20,28,77,.12); }
.pos-card__cta { color: #2563eb; font-weight: 700; font-size: .9rem; margin-top: .9rem; }
.pos-others { margin-top: 2rem; display: grid; gap: 1rem; grid-template-columns: 1fr; }
@media (min-width: 576px) { .pos-others { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 992px) { .pos-others { grid-template-columns: repeat(4, 1fr); } }
.pos-other {
    display: flex; align-items: center; gap: .6rem; text-decoration: none;
    background: #fff; border: 1px solid #eef1f8; border-radius: 12px; padding: .8rem 1rem;
    color: #141c4d; font-weight: 600; font-size: .95rem; transition: border-color .15s, box-shadow .15s;
}
.pos-other:hover { border-color: #2563eb; box-shadow: 0 6px 18px rgba(37,99,235,.12); }
.pos-other i { color: #2563eb; }