:root {
  --ice-0: #fbfdff;
  --ice-50: #f2f7fc;
  --ice-100: #e5effa;
  --ice-200: #cfe2f7;
  --ice-500: #2999d1;
  --ice-600: #167eaf;
  --ice-900: #102a43;
  --ice-text: #183044;
  --ice-muted: #637b8d;
}

body { background: var(--ice-0); color: var(--ice-text); }

.services, .fit { background: var(--ice-50); }
.offer-grid, .industry-grid, .principle-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin-top: 50px; }
.offer-grid article, .industry-grid article, .principle-grid article { padding: 26px; border: 1px solid rgba(98, 152, 188, .2); border-radius: 18px; background: rgba(255,255,255,.78); box-shadow: 0 18px 40px rgba(53, 102, 135, .07); }
.offer-grid h3, .industry-grid h3, .principle-grid h3 { margin-top: 0; color: var(--ice-900); }
.offer-grid p, .industry-grid p, .principle-grid p, .offer-grid li, .industry-grid li { color: var(--ice-muted); line-height: 1.6; }
.offer-grid ul, .industry-grid ul { padding-left: 18px; }
.value-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin-top: 42px; background: var(--ice-200); }
.value-strip article { padding: 24px; background: var(--ice-0); }
.value-strip b { color: var(--ice-600); }

.final { background: linear-gradient(125deg, #0e527a, #1aa4ce); }
.final .eyebrow { color: #c5efff; }
.final .button.white { color: var(--ice-900); }
footer { background: #10293e; }

@media (max-width: 900px) { .offer-grid, .industry-grid, .principle-grid { grid-template-columns: repeat(2, 1fr); } .value-strip { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .offer-grid, .industry-grid, .principle-grid, .value-strip { grid-template-columns: 1fr; } }