/* ═══════════════════════════════════════════════════════════════
   SOLUTIONS (landing) — editorial, image-led redesign
   Introduces the 5 Business Units; detail lives on each BU page.
   Placeholder imagery — swap for client-supplied Francophone-Africa
   photography (Bamako / Abidjan / Dakar / Douala / Kinshasa) when
   available, following the sourcing used on the BU detail pages
   (wocintechchat, Iwaria Inc, Desola Lanre-Ologun, Seth Ebenezer Tetteh).
   ═══════════════════════════════════════════════════════════════ */

/* ── HERO ──────────────────────────────────────────────── */
.sol-hero{padding:130px 5% 72px;min-height:auto;position:relative;overflow:hidden;}
.sol-hero{background-image:linear-gradient(90deg, rgba(6,14,31,0.95) 0%, rgba(6,14,31,0.82) 36%, rgba(6,14,31,0.35) 100%), var(--hero-image);background-position:center,center;background-size:cover,cover;background-repeat:no-repeat,no-repeat;}
.sol-hero .page-hero-grid{opacity:.45;}
.sol-hero .page-hero-glow{top:-140px;left:50%;transform:translateX(-50%);width:720px;height:520px;opacity:.95;}
.sol-hero .page-hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;}
.sol-hero .page-hero-label{margin-bottom:20px;}
.sol-hero h1{font-family:var(--ff-head);font-size:clamp(34px,4.2vw,58px);font-weight:800;color:#fff;line-height:1.06;letter-spacing:-.02em;margin-bottom:22px;max-width:760px;}
.sol-hero h1 em{font-style:normal;color:var(--blue3);}
.sol-hero p{font-size:15.5px;font-weight:300;line-height:1.7;color:rgba(255,255,255,.78);max-width:620px;margin-bottom:32px;}
.sol-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;}
.sol-hero-actions .btn-outline{border-color:rgba(255,255,255,.28);color:#fff;}

/* ── EXEC SUMMARY (photo + text, matching BU detail pages) ───── */
.sol-exec-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.sol-exec-photo{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:4/5;background:center/cover no-repeat;}
.sol-exec-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(6,14,31,0.55) 100%);}
.sol-exec-caption{position:absolute;left:18px;bottom:16px;z-index:1;color:#fff;font-size:12px;font-weight:500;letter-spacing:.02em;}
.sol-pull{font-family:var(--ff-head);font-size:clamp(20px,2.3vw,27px);font-weight:700;color:var(--text);line-height:1.4;letter-spacing:-.01em;margin-bottom:22px;}
.sol-pull em{font-style:italic;color:var(--blue2);}
.sol-exec-body{font-size:14.5px;font-weight:300;line-height:1.75;color:var(--textm);}
.sol-exec-body p{margin-bottom:14px;}
.sol-exec-body p:last-child{margin-bottom:0;}

/* ── OUR BUSINESS UNITS — photo-led card grid ─────────────── */
.sol-units-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px;}
.sol-unit-card{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:4/5;background:center/cover no-repeat;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .2s;}
.sol-unit-card:hover{transform:translateY(-4px);}
.sol-unit-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,14,31,0.08) 0%,rgba(6,14,31,0.42) 55%,rgba(6,14,31,0.92) 100%);}
.sol-unit-icon{position:relative;z-index:1;width:38px;height:38px;border-radius:9px;background:rgba(255,255,255,0.12);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,0.22);display:flex;align-items:center;justify-content:center;color:#fff;margin:18px 0 0 18px;flex-shrink:0;}
.sol-unit-body{position:relative;z-index:1;padding:20px 20px 22px;}
.sol-unit-title{font-family:var(--ff-head);font-size:17px;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:-.01em;line-height:1.2;}
.sol-unit-desc{font-size:12.5px;font-weight:300;line-height:1.6;color:rgba(255,255,255,0.72);margin-bottom:14px;}
.sol-unit-link{font-size:12px;font-weight:600;color:var(--blue3);display:inline-flex;align-items:center;gap:5px;}

/* ── CTA BAND (photo backed) ───────────────────────────────── */
.sol-cta{position:relative;background:linear-gradient(120deg,rgba(6,14,31,.92) 0%,rgba(6,14,31,.72) 55%,rgba(0,99,204,.55) 100%),url('https://picsum.photos/seed/safir-solutions-cta/1800/900') center/cover no-repeat;padding:80px 0;}
.sol-cta-inner{max-width:660px;}
.sol-cta h2{font-family:var(--ff-head);font-size:clamp(26px,3vw,38px);font-weight:800;color:#fff;line-height:1.15;letter-spacing:-.02em;margin-bottom:16px;}
.sol-cta h2 em{font-style:italic;color:var(--blue3);}
.sol-cta p{font-size:14.5px;font-weight:300;color:var(--muted);line-height:1.7;margin-bottom:28px;max-width:560px;}

/* ── CLOSING (photo backed) ────────────────────────────────── */
.sol-closing{position:relative;background:linear-gradient(rgba(6,14,31,0.86),rgba(6,14,31,0.9)),url('https://picsum.photos/seed/safir-solutions-closing/1800/900') center/cover no-repeat;text-align:center;padding:90px 0;}
.sol-closing-inner{max-width:760px;margin:0 auto;}
.sol-closing-text{font-family:var(--ff-head);font-size:clamp(20px,2.2vw,26px);font-weight:700;color:#fff;line-height:1.5;font-style:italic;letter-spacing:-.01em;}
.sol-closing-sub{margin-top:18px;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue3);font-weight:600;}

/* ── RESPONSIVE ────────────────────────────────────────────── */
@media(max-width:960px){
  .sol-hero{padding:96px 28px 64px;min-height:auto;}
  .sol-hero .page-hero-glow{display:none;}
  .sol-exec-grid{grid-template-columns:1fr;gap:32px;}
  .sol-units-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:600px){
  .sol-units-grid{grid-template-columns:1fr;}
}