/* Shared Pandora palette for the three redesigned sections.
   Layout, copy and animation rules stay in their original stylesheets. */
:root {
  --pandora-gradient: linear-gradient(90deg, #142a40 0%, #214766 48%, #465f99 100%);
  --pandora-panel: #142e45;
  --pandora-panel-raised: #1c3b54;
  --pandora-cyan: #81cdf0;
  --pandora-blue-text: #28789f;
  --pandora-dark-copy: #c3d8e7;
  --pandora-dark-border: #7399b447;
  --pandora-light-panel: #e4f0f9;
  --pandora-light-line: #bed5e6;
  --pandora-section-light: #f2f6fa;
}

/* The comparison keeps a light section and uses the opening's blue for Pandora. */
.comparison-section { background: var(--pandora-section-light); }
.comparison-column:not(.comparison-pandora) {
  border: 1px solid #b8ccdc;
  border-radius: 15px;
  background: transparent;
  padding: 21px 19px;
}
@media (min-width: 800px) {
  .comparison-column:not(.comparison-pandora) { padding: 21px 15px; }
}
@media (min-width: 1100px) {
  .comparison-column:not(.comparison-pandora) { padding: 23px; }
}
.comparison-heading .eyebrow { color: #3b7191; }
.comparison-heading h2 span { color: var(--pandora-blue-text); }
.comparison-column-heading h3 { color: var(--ink); }
.comparison-icon, .comparison-isolated .comparison-icon { color: #4788ad; }
.comparison-rail { background: #dce7ef; }
.comparison-rail span { background: #91b7ce; }
.comparison-isolated .comparison-rail span { background: #5e95b7; }
.comparison-pandora { background: var(--pandora-gradient); border-color: #426987; }
.comparison-pandora .comparison-column-heading h3 { color: #fff; }
.comparison-pandora .comparison-caption, .comparison-pandora li { color: #d8e9f4; }
.comparison-pandora .comparison-rail { background: #91bddc38; }
.comparison-pandora .comparison-rail span { background: linear-gradient(90deg, #4daed7, #96dcf5); }
.comparison-pandora li::before { border-color: var(--pandora-cyan); }
.comparison-close { border-color: #d4e1eb; }

/* Services share one navy family; cyan provides the emphasis. */
.services-section { background: #fff; }
.services-section .eyebrow { background: #e2f0f8; color: #296c90; }
.services-section h2 > span { color: var(--pandora-blue-text); }
.service-card,
.service-card:nth-child(2),
.service-card:nth-child(3),
.service-card:nth-child(4) {
  --service-accent: #6ec5eb;
  --service-heading: #fff;
  --service-from: #142e45;
  --service-to: #214563;
  background: linear-gradient(145deg, var(--service-from), var(--service-to));
  border-color: #355d7a;
  border-top-color: var(--service-accent);
  box-shadow: 0 8px 24px #10243a0a;
}
.service-card:hover { border-color: var(--pandora-cyan); box-shadow: 0 12px 28px #10243a18; }
.service-icon { background: #81cdf01c; color: #9bdcf7; box-shadow: none; }
.service-card > p { color: var(--pandora-dark-copy); }



.services-section .section-foot { border-color: #d4e1eb; }

/* Animated possibilities return to the blue gradient of the hero. */
.possibilities-section { background: var(--pandora-gradient); color: #fff; }
.possibilities-heading .eyebrow { color: #d2e4f0; }
.possibilities-heading h2 { color: #fff; }
.possibilities-heading h2 span { color: #91d6f5; }
.possibilities-heading .section-description { color: #d2e4f0; }
.possibility-card { background: var(--pandora-panel); border-color: #789eb74d; box-shadow: 0 4px 9px #071a2c0f; }
.possibility-card:hover { border-color: #81cdf0a6; box-shadow: 0 12px 30px #071a2c24; }
.possibility-art,
.integration-art,
.automation-art { background: radial-gradient(ellipse at 25% 90%, #2f668866, transparent 70%), var(--pandora-panel-raised); border-color: var(--pandora-dark-border); }
.art-example { color: #b8d6ea; }
.possibility-copy h3 { color: #fff; }
.possibility-copy p { color: var(--pandora-dark-copy); }
.overview-status > div { background: #2c749e; }
.overview-status > div:nth-child(2) { background: #465f99; }
.overview-status > div:nth-child(3) { background: #285773; }
.overview-chart { background: var(--pandora-light-panel); border-color: var(--pandora-light-line); }
.chart-caption { color: #3c5f7a; }
.chart-caption i { background: #348db7; }
.showcase-chart-grid { stroke: #c7ddec; }
.showcase-chart-line, .showcase-chart-guide { stroke: #49669e; }
.showcase-chart-line.secondary, .showcase-chart-guide.secondary { stroke: #2f9ac9; }
.integration-source, .integration-target { background: var(--pandora-light-panel); border-color: var(--pandora-light-line); color: var(--ink); }
.integration-source > .icon, .integration-source > .integration-check { color: #397da6; }
.integration-source small { color: #4b6b86; }
.integration-arrow { color: #8bd1ee; }
.integration-target > span { background: #cbe5f5; color: #245879; }
.integration-target:last-child > span { background: #d3dff2; color: #3b527c; }
.integration-target > i { background: #8db9d4; }
.integration-target:last-child > i { background: #9aafd1; }
.task-ribbon { background: linear-gradient(90deg, #2883af, #5d70b1); box-shadow: 0 8px 0 #102c4566; }
.task-ribbon.light { background: #deedf7; border-color: #abc9dd; color: #285678; box-shadow: none; }
.industry-strip { background: var(--pandora-panel); border-color: #789eb74d; }
.industry-example + .industry-example { border-color: var(--pandora-dark-border); }
.industry-example h3 { color: #fff; }
.industry-example > p { color: var(--pandora-dark-copy); }
.industry-art, .delivery-art, .document-art, .construction-art { background: var(--pandora-light-panel); border-color: var(--pandora-light-line); }
.mini-agenda-row, .mini-document { color: #315879; }
.mini-agenda-row .icon, .mini-agenda-row > .icon:last-child { color: #367fa9; }
.mini-divider { background: #bed5e6; }
.delivery-path::before { background: #b7d1e4; }
.delivery-path > .icon { background: #f5faff; color: #367fa9; border-color: #b7d1e4; }
.delivery-dot { background: #378bb6; box-shadow: 0 0 0 3px #66b4d62e; }
.delivery-labels { color: #466c8a; }
.mini-document { background: #f5faff; }
.mini-document .icon { color: #367fa9; }
.mini-document i { background: #a2c6dd; }
.construction-row { color: #466c8a; }
.construction-row > i { background: #c5d9e9; }
.construction-row b { background: #407fac; }
.construction-row:nth-child(2) b { background: #60add3; }
.construction-row:nth-child(3) b { background: #637fae; }
.possibilities-foot p { color: #d2e4f0; }
.possibilities-foot .text-link { color: #a0ddf5; }
.possibilities-foot .text-link:hover { color: #fff; }

/* The contact section uses the same light blue as the comparison. */
.contact-section { background: var(--pandora-section-light); color: var(--ink); }
.contact-copy h2 { color: var(--ink); }
.contact-copy .eyebrow { color: #3b7191; }
.contact-copy > p:not(.eyebrow):not(.contact-human) { color: var(--muted); }
.contact-human { color: #536f86; }
.contact-human .icon { color: #3485aa; }