/* ===== Work-fields section finishing touches (cards untouched) ===== */
.fields-section { position:relative; overflow:hidden; }
.fields-section::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.5;
    background-image:radial-gradient(color-mix(in srgb, var(--olive) 22%, transparent) 1px, transparent 1px);
    background-size:22px 22px;
    -webkit-mask-image:linear-gradient(180deg, #000 0%, transparent 45%); mask-image:linear-gradient(180deg, #000 0%, transparent 45%); }
.fields-section::after { content:""; position:absolute; width:560px; height:560px; border-radius:50%; bottom:-260px; inset-inline-start:-220px; pointer-events:none;
    background:radial-gradient(circle, color-mix(in srgb, var(--olive) 12%, transparent), transparent 70%); }
.fields-section .container { position:relative; z-index:1; }

.fs-eyebrow { display:inline-flex; align-items:center; gap:8px; padding:7px 16px; margin-bottom:14px; border-radius:999px; font-size:.9rem; font-weight:700;
    color:var(--olive); background:color-mix(in srgb, var(--olive) 10%, transparent); border:1px solid color-mix(in srgb, var(--olive) 22%, transparent); }
.fs-eyebrow em { font-style:normal; min-width:24px; height:24px; padding:0 6px; border-radius:999px; display:inline-grid; place-items:center; font-size:.8rem; color:#fff; background:var(--olive); }

.fs-cta { margin-top:46px; display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; padding:24px 30px; border-radius:22px;
    background:linear-gradient(120deg, var(--olive), color-mix(in srgb, var(--olive) 55%, #0b1320)); color:#fff;
    box-shadow:0 20px 44px color-mix(in srgb, var(--olive) 28%, transparent); }
.fs-cta-text { display:flex; align-items:center; gap:16px; }
.fs-cta-icon { width:54px; height:54px; flex:none; border-radius:16px; display:grid; place-items:center; font-size:1.5rem; background:rgba(255,255,255,.16); }
.fs-cta b { display:block; font-size:1.2rem; }
.fs-cta small { display:block; opacity:.85; font-size:.95rem; margin-top:2px; }
.fs-cta-btn { display:inline-flex; align-items:center; gap:10px; padding:13px 26px; border-radius:14px; font-weight:700; text-decoration:none;
    background:#fff; color:var(--olive); transition:transform .3s, box-shadow .3s; }
.fs-cta-btn:hover { transform:translateY(-3px); box-shadow:0 12px 26px rgba(0,0,0,.2); color:var(--olive); }
.fs-cta-btn i { transition:transform .3s; }
.is-ar .fs-cta-btn:hover i { transform:translateX(-4px); }
.is-en .fs-cta-btn:hover i { transform:translateX(4px); }

@media (max-width:600px) {
    .fs-cta { padding:22px 20px; text-align:center; justify-content:center; }
    .fs-cta-text { flex-direction:column; }
    .fs-cta-btn { width:100%; justify-content:center; }
}
