/* A shared color rhythm for the supporting homepage sections. */
.why .why-card {
  --panel-accent: #ca5a15;
  --panel-tint: #fff1e6;
  border: 1px solid #eaded4;
  border-top: 4px solid var(--panel-accent);
  background: linear-gradient(145deg, var(--panel-tint), #fff 92%);
  box-shadow: 0 7px 22px #183b6410;
  transition: transform .2s ease, box-shadow .2s ease;
}
.why .why-card:nth-child(2) { --panel-accent: #155dd7; --panel-tint: #eaf2ff; border-color: #d8e5fa; border-top-color: var(--panel-accent); }
.why .why-card:nth-child(3) { --panel-accent: #087f75; --panel-tint: #e5f6ef; border-color: #cfe9df; border-top-color: var(--panel-accent); }
.why .why-card:nth-child(4) { --panel-accent: #7545bd; --panel-tint: #f0e9fc; border-color: #e0d6ef; border-top-color: var(--panel-accent); }
.why .why-card:nth-child(5) { --panel-accent: #1559b9; --panel-tint: #e6f5fc; border-color: #d0e6f4; border-top-color: var(--panel-accent); }
.why .why-card:nth-child(6) { --panel-accent: #b72b68; --panel-tint: #fff0f4; border-color: #f1d8e3; border-top-color: var(--panel-accent); }
.why .why-card h3 { color: #132d50; }
.why .why-card p { color: #4e5e75; }
.why .why-card:hover { transform: translateY(-3px); box-shadow: 0 12px 26px #183b6418; }

.process .process-card { --panel-accent: #155dd7; --panel-deep: #14489f; --panel-tint: #eaf2ff; }
.process .process-card:nth-child(2) { --panel-accent: #ca5a15; --panel-deep: #a74113; --panel-tint: #fff0e4; }
.process .process-card:nth-child(3) { --panel-accent: #7545bd; --panel-deep: #533296; --panel-tint: #f0e9fc; }
.process .process-card:nth-child(4) { --panel-accent: #087f75; --panel-deep: #065e59; --panel-tint: #e6f6f2; }
.process .process-card .icon-circle {
  color: #fff;
  background: linear-gradient(140deg, var(--panel-accent), var(--panel-deep));
  border-color: var(--panel-tint);
  outline-color: var(--panel-accent);
  box-shadow: 0 7px 16px #173b671a;
}
.process .process-card h3 { color: var(--panel-accent); }
.process .process-card .step { background: var(--panel-tint); color: var(--panel-deep); }
.process .process-card p { color: #4e5e75; }
.process .process-card:not(:last-child)::after { color: #b7b9df; }

.industries .industry-card {
  --panel-accent: #b72b68;
  --panel-tint: #fff0f5;
  background: var(--panel-tint);
  border: 1px solid #e9dce6;
  border-bottom: 3px solid var(--panel-accent);
  color: #183350;
  box-shadow: 0 5px 16px #173b6708;
  transition: transform .2s ease, box-shadow .2s ease;
}
.industries .industry-card:nth-child(2) { --panel-accent: #155dd7; --panel-tint: #edf3ff; }
.industries .industry-card:nth-child(3) { --panel-accent: #087f75; --panel-tint: #e8f7f0; }
.industries .industry-card:nth-child(4) { --panel-accent: #7545bd; --panel-tint: #f3edfc; }
.industries .industry-card:nth-child(5) { --panel-accent: #176b9e; --panel-tint: #eaf7fc; }
.industries .industry-card:nth-child(6) { --panel-accent: #ca5a15; --panel-tint: #fff2e5; }
.industries .industry-card .industry-icon {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border-radius: 11px;
  background: #fff;
  color: var(--panel-accent);
  box-shadow: 0 3px 9px #173b6709;
}
.industries .industry-card .industry-icon svg { width: 25px; height: 25px; }
.industries .industry-card:hover { transform: translateY(-3px); box-shadow: 0 10px 22px #173b6715; }

.testimonials .testimonial {
  --panel-accent: #ca5a15;
  --panel-tint: #fff6ec;
  background: linear-gradient(145deg, var(--panel-tint), #fff);
  border-color: #e9e2d9;
  border-top: 4px solid var(--panel-accent);
  box-shadow: 0 7px 23px #173b640c;
}
.testimonials .testimonial:nth-child(2) { --panel-accent: #7545bd; --panel-tint: #f4effc; border-color: #e5ddef; border-top-color: var(--panel-accent); }
.testimonials .testimonial:nth-child(3) { --panel-accent: #087f75; --panel-tint: #edf9f4; border-color: #d8eae3; border-top-color: var(--panel-accent); }
.testimonials .testimonial .avatar { outline: 3px solid var(--panel-accent); outline-offset: 3px; }
.testimonials .testimonial p { color: #45566f; }
.testimonials .testimonial strong { color: var(--panel-accent); }
.testimonials .testimonial small { color: #53647d; }
.testimonials .testimonial .stars { color: #c86a0b; }

.faq .faq-grid > details {
  --panel-accent: #155dd7;
  --panel-tint: #f0f5ff;
  border: 1px solid #dce6f2;
  border-left: 4px solid var(--panel-accent);
  background: linear-gradient(120deg, var(--panel-tint), #fff);
  box-shadow: 0 4px 14px #173b6407;
}
.faq .faq-grid > details:nth-child(2) { --panel-accent: #087f75; --panel-tint: #edf9f4; }
.faq .faq-grid > details:nth-child(3) { --panel-accent: #7545bd; --panel-tint: #f5f0fc; }
.faq .faq-grid > details:nth-child(4) { --panel-accent: #b72b68; --panel-tint: #fff1f6; }
.faq .faq-grid > details summary { color: #183350; padding-right: 34px; }
.faq .faq-grid > details summary::after {
  top: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 7px;
  color: var(--panel-accent);
  background: var(--panel-tint);
}
.faq .faq-grid > details p { color: #4e5e75; }

.contact .contact-banner {
  background: radial-gradient(ellipse at 0 0, #119a8b77, transparent 60%), linear-gradient(110deg, #08766f 0%, #1552af 55%, #6339a2 100%);
  border: 1px solid #ffffff30;
  box-shadow: 0 13px 30px #1552af20;
  color: #fff;
}
.contact .contact-banner > svg { background: #ffffffed; color: #087f75; }
.contact .contact-banner h2 { color: #fff; }
.contact .contact-banner p { color: #e4f0ff; }
.contact .contact-banner .button { background: linear-gradient(120deg, #ff953f, #f36d3d); border-color: #ffac65; color: #152f49; box-shadow: 0 5px 16px #062c6a26; }
.contact .contact-banner .button:hover { background: linear-gradient(120deg, #ffac65, #ff8955); color: #152f49; }

body > footer {
  border-top: 4px solid transparent;
  border-image: linear-gradient(90deg, #12a99a, #327fea, #9a6adb, #ed7d44) 1;
  background: radial-gradient(ellipse at 0 0, #086d652e, transparent 55%), linear-gradient(115deg, #063c43 0%, #0a284a 48%, #252454 100%);
  color: #dceaf6;
}
body > footer .footer-grid > div { border-color: #ffffff26; }
body > footer .footer-grid h3 { color: #93e3d0; }
body > footer .footer-grid > div:nth-child(3) h3 { color: #a6c9ff; }
body > footer .footer-grid > div:nth-child(4) h3 { color: #d4b7fa; }
body > footer .footer-grid > div:nth-child(5) h3 { color: #ffc191; }
body > footer .footer-grid h3::after { content: ''; display: block; width: 27px; height: 2px; margin-top: 8px; border-radius: 2px; background: currentColor; opacity: .65; }
body > footer .footer-location { color: #9ce0ce; }
body > footer a:not(.brand):hover { color: #ffd0a4; }
body > footer .footer-bottom { border-color: #ffffff26; color: #c9daec; }

@media (prefers-reduced-motion: reduce) {
  .why .why-card, .industries .industry-card { transition: none; }
  .why .why-card:hover, .industries .industry-card:hover { transform: none; }
}