/* === solutions.css — Solutions page only (expanded alternating blocks) === */

.sol-block{ display:grid; grid-template-columns:1fr; gap:2.5rem; align-items:center; margin-bottom:3.5rem; padding-bottom:3.5rem; border-bottom:1px solid var(--line); }
.sol-block:last-child{ margin-bottom:0; padding-bottom:0; border-bottom:0; }
@media (min-width:900px){
  .sol-block{ grid-template-columns:1fr 1fr; gap:4rem; }
  .sol-block:nth-child(even) .sol-block__media{ order:2; }
}
.sol-block__media{ position:relative; border:1px solid var(--line); border-radius:var(--r); overflow:hidden; min-height:18rem; }
.sol-block__media .bg{ position:absolute; inset:0; background-size:cover; background-position:center; transition:transform var(--t-slow); }
.sol-block:hover .sol-block__media .bg{ transform:scale(1.05); }
.sol-block__icon{ position:absolute; z-index:2; top:1rem; left:1rem; width:48px; height:48px; border-radius:var(--r); background:var(--red); color:#fff; display:flex; align-items:center; justify-content:center; }
.sol-block__num{ font-family:var(--mono); font-size:.78rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--red); }
.sol-block h2{ font-size:clamp(1.5rem,3vw,2rem); font-weight:500; margin:.5rem 0 1rem; }
.sol-block p{ color:var(--ink-soft); margin-bottom:1.5rem; }
.sol-block__features{ display:grid; gap:.75rem; margin-bottom:1.75rem; }
@media (min-width:480px){ .sol-block__features{ grid-template-columns:1fr 1fr; } }
.sol-block__features li{ display:flex; align-items:center; gap:.6rem; font-size:.9rem; color:var(--ink); font-weight:500; }
.sol-block__features .ico{ color:var(--red); flex-shrink:0; }