/* A shared palette connects the colorful solutions to the rest of the page. */
:root { --home-teal: #087f75; --home-violet: #7545bd; --home-coral: #b94b27; --home-pink: #b72b68; }
.topbar { background: linear-gradient(110deg, #103965, #125769 55%, #373e82); }
header { background: linear-gradient(110deg, #fff 50%, #f4f8ff); }
header::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #155dd7, #008b91 35%, #7545bd 70%, #ef8738); }
.nav .nav-cta { background: linear-gradient(110deg, #bd4710, #a72e3e); border-color: transparent; box-shadow: 0 5px 18px #bb491824; }
.nav .nav-cta:hover { box-shadow: 0 7px 22px #bb491838; }
.slide-2 .slider-title em { color: #89e6d4; }
.slide-3 .slider-title em { color: #d7b7ff; }
.slide-2 .hero-eyebrow > span { background: #89e6d4; box-shadow: 0 0 0 5px #89e6d41c; }
.slide-3 .hero-eyebrow > span { background: #d7b7ff; box-shadow: 0 0 0 5px #d7b7ff1c; }
.hero-slider .slide-2 .hero-buttons .button:not(.button-outline) { background: #86dfcb; border-color: #86dfcb; box-shadow: 0 6px 24px #62d6bf26; }
.hero-slider .slide-3 .hero-buttons .button:not(.button-outline) { background: #d1adff; border-color: #d1adff; box-shadow: 0 6px 24px #b28be626; }
.hero-slider .slide-2 .hero-buttons .button:not(.button-outline):hover { background: #acf2e1; }
.hero-slider .slide-3 .hero-buttons .button:not(.button-outline):hover { background: #e1caff; }
.slider-dot:nth-child(2)::before { background: #89e6d4; }
.slider-dot:nth-child(3)::before { background: #d7b7ff; }
.slider-dot:nth-child(2)[aria-current="true"] .slider-tab-number { color: #89e6d4; }
.slider-dot:nth-child(3)[aria-current="true"] .slider-tab-number { color: #d7b7ff; }
.slider-progress-fill { background: linear-gradient(90deg, #ff963e, #d4a2ff 55%, #80dfcf); }
.business-assurance { background: linear-gradient(105deg, #e5f7f1, #edf4ff 55%, #f2eafb); border-bottom-color: #dce9f1; }
.assurance-icon { color: #fff; background: linear-gradient(135deg, #087f75, #1766b5); box-shadow: 0 5px 15px #087f751c; }
.assurance-intro strong { color: #145b61; }
.assurance-promises > span:first-child svg { color: #7545bd; }
.assurance-promises > span:last-child svg { color: #087f75; }
.band-products { background: radial-gradient(ellipse at 0 0, #e9f2ff 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, #f5ebff, transparent 45%), #fff; }
.products .section-heading .solutions-eyebrow { color: #685292; }
.about {
  background-color: #e5f3ef;
  background-image: linear-gradient(110deg, #effaf5ed, #ebf8f7d9 52%, #e7f2ffd1), url('../images/hero-office.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll, fixed;
  border-block: 1px solid #d3eae4;
}
.about-copy h2 em { color: #08776a; }
.about-copy > .eyebrow { display: inline-block; padding: 5px 12px; background: #ffffffb5; color: #126b60; border: 1px solid #b9ddd4; border-radius: 30px; font-size: 10px; }
.about .button { background: linear-gradient(110deg, #08786c, #12658d); border-color: transparent; box-shadow: 0 5px 18px #087f7526; }
.about .button:hover { box-shadow: 0 7px 22px #087f7538; }
.about-points { background: #ffffffb8; border: 1px solid #ffffffd9; box-shadow: 0 12px 35px #237b6c0b; }
.about-points > div { border-bottom-color: #d2e9e4; }
.about-points > div:nth-child(1) svg { color: #155dd7; }
.about-points > div:nth-child(2) svg { color: #7545bd; }
.about-points > div:nth-child(3) svg { color: #ba650a; }
.about-points > div:nth-child(4) svg { color: #087f75; }
.band-why { background: linear-gradient(110deg, #f5f0ff, #edf2ff); }
.why h2 em { color: var(--home-violet); }
.stats {
  background-color: #1756a4;
  background-image:
    radial-gradient(circle at 1px 1px, #ffffff24 1px, transparent 1.4px),
    repeating-linear-gradient(130deg, transparent 0 40px, #ffffff08 40px 41px, transparent 41px 80px),
    linear-gradient(110deg, #0b6371, #1756a4 48%, #6335a3);
  background-size: 16px 16px, auto, auto;
  border-block: 1px solid #ffffff20;
}
.stats-inner > div:nth-child(1) > svg { color: #a1f4df; }
.stats-inner > div:nth-child(2) > svg { color: #ffd4aa; }
.stats-inner > div:nth-child(3) > svg { color: #e1c5ff; }
.stats-inner > div:nth-child(4) > svg { color: #a4e8ff; }
.stats p span { color: #e3eafa; }
.band-process { background: linear-gradient(115deg, #fff7ec, #fff4ed 55%, #fff9f6); }
.process h2 em { color: #ac4e16; }
.industries { background: radial-gradient(ellipse at 100% 0, #dcf1fd, transparent 60%), linear-gradient(120deg, #eeeaff, #eaf4ff); }
.industries h2 { color: #51408e; }
.band-testimonials { background: linear-gradient(110deg, #fff9f3, #fff2f5 60%, #f6f0ff); }
.testimonials h2 em { color: var(--home-pink); }
.band-faq { background: linear-gradient(110deg, #edf8f5, #eff6ff); }
.band-faq .faq { padding-top: 46px; }
.faq h2 em { color: #10796c; }
.band-contact { background: linear-gradient(110deg, #edf8f5, #eff6ff); padding-top: 8px; }
@media (max-width: 575px) {
  .band-faq .faq { padding-top: 36px; }
}
@media (prefers-reduced-motion: reduce) {
  .about { background-attachment: scroll; }
}