/* Ideasweb corporate blue palette, shared with the AI service pages. */
.iw-systems,
.iw-subservice {
  --blue: #0088cc;
  --cyan: #33a3d7;
  --light-blue: #66b8df;
  --ink: #132d42;
  --muted: #63798b;
  --line: #d3e6ef;
  --pale: #f4f9fc;
}

.iw-systems { --deep: #006699; }
.iw-subservice { --blue-deep: #006699; }

.iw-systems-hero,
.iw-subservice-hero {
  background: linear-gradient(125deg, #005b88, #006da3 62%, #0088cc);
}

.iw-systems-hero:before,
.iw-subservice--portal .iw-subservice-hero:before,
.iw-subservice--management .iw-subservice-hero:before {
  opacity: 1;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 38px 38px;
}

.iw-systems-hero:after,
.iw-subservice-hero:after {
  background: radial-gradient(circle at 80% 18%, rgba(102,184,223,.32), transparent 28%);
}

.iw-systems-eyebrow span,
.iw-systems-kicker span,
.iw-subservice-eyebrow span,
.iw-subservice-kicker span { background: var(--light-blue); }

.iw-systems-kicker,
.iw-subservice-kicker { color: var(--blue); }

.iw-system-workspace,
.iw-portal-board,
.iw-management-board { background: #f5f8fb; }

.iw-system-workspace aside { background: var(--deep); }
.iw-portal-board aside,
.iw-management-board aside { background: var(--blue-deep); }

.iw-system-workspace aside b,
.iw-portal-board aside b,
.iw-management-board aside b { background: var(--cyan); }

.iw-systems-value-list article > i,
.iw-systems-icon,
.iw-subservice-value-list article > i,
.iw-subservice-card-grid article > i,
.iw-subservice-journey article > i,
.iw-subservice-related > a > span { background: #e5f4fb; }

.iw-systems-process { background: #006699; }

.iw-systems-trust,
.iw-subservice-trust { background: #f4f8fa; }

.iw-systems-trust__visual,
.iw-subservice-trust__visual {
  border: 1px solid #d3e6ef;
  background: linear-gradient(145deg, #e5f4fb, #d9f0f9);
}

.iw-systems-trust .iw-code-panel {
  background: linear-gradient(145deg, #0088cc, #006699);
  box-shadow: 0 22px 45px rgba(0,105,150,.22);
}
.iw-systems-trust .iw-code-panel span { background: #66b8df; }

.iw-systems-vertical-visual { background: linear-gradient(135deg, #006699, #0088cc); }
.iw-systems-vertical-card--tourism .iw-systems-vertical-visual { background: linear-gradient(135deg, #005b88, #33a3d7); }
.iw-systems-vertical-card--automotive .iw-systems-vertical-visual { background: linear-gradient(135deg, #006da3, #0088cc); }

.iw-subservice-example,
.iw-subservice-connected { background: linear-gradient(180deg, #f4f9fc, #e5f4fb); }

.iw-systems-final,
.iw-subservice-mid-cta { background: linear-gradient(105deg, #006da3, #0088cc); }

.iw-systems-final a { color: var(--deep); }
.iw-subservice-mid-cta a { color: var(--blue-deep); }