/* Official VSI homepage palette, verified October 8, 2026.
   Source: virtualsynergyinc.com computed --awb-color4/5 and custom colors.
   Bright brand fills use dark text; darker brand variants support small text. */
:root {
  --brand-cyan: #00aeef;
  --brand-magenta: #ec0c8c;
  --brand-lime: #d7df23;
  --brand-green: #009e4d;
  --brand-blue: #036aab;
  --brand-navy: #212934;
  --brand-deep: #173d63;
  --brand-pink-ink: #bf006c;
  --brand-soft-blue: #eef9fe;
  --brand-soft-lime: #f8fae8;
  --brand-soft-pink: #fff1f8;
  --ink: var(--brand-navy);
  --green: var(--brand-blue);
  --green-deep: var(--brand-deep);
  --sage: var(--brand-soft-blue);
  --cream: #ffffff;
  --orange: var(--brand-magenta);
  --muted: #626c78;
  --line: #dce6ec;
}
body { background: #fff; color: var(--ink); }
p, .prose, .prose p { color: #4a4e57; }
em, .hero-emphasis { color: var(--brand-blue); }
::selection { background: var(--brand-lime); color: var(--brand-navy); }
:focus-visible { outline-color: var(--brand-blue); }
.eyebrow { color: var(--brand-blue); }
.eyebrow::before { background: var(--brand-magenta); }
.status-dot { background: var(--brand-green); }
.announcement { background: var(--brand-deep); color: #dceffa; }
.announcement a { color: var(--brand-lime); }
.site-header { background: #fffffff5; border-color: var(--line); }
.nav-wrap nav a { color: #4a4e57; }
.nav-wrap nav a:hover, .nav-wrap nav a.active { color: var(--brand-blue); }
.nav-wrap nav a.active::after { background: var(--brand-magenta); }
.button {
  background: var(--brand-cyan);
  border-color: var(--brand-cyan);
  color: var(--brand-navy);
  font-weight: 600;
}
.button:hover { background: #8bdbf7; border-color: #8bdbf7; color: var(--brand-navy); box-shadow: 0 5px 14px #036aab18; }
.button-orange { background: var(--brand-cyan); border-color: var(--brand-cyan); color: var(--brand-navy); }
.button-orange:hover { background: #8bdbf7; border-color: #8bdbf7; color: var(--brand-navy); }
.button-outline { background: transparent; border-color: #93bfd7; color: var(--brand-blue); }
.button-outline:hover { background: var(--brand-soft-blue); border-color: var(--brand-cyan); color: var(--brand-blue); }
.nav-cta { background: var(--brand-magenta); border-color: var(--brand-magenta); color: #000; }
.nav-cta:hover { background: #fdb6df; border-color: #fdb6df; color: var(--brand-navy); }
.text-link, .card-link { color: var(--brand-blue); border-color: #a6cddd; }
.light-link { color: #fff; border-color: #8dcfe9; }
.hero-emphasis svg { stroke: var(--brand-magenta); }
.hero-caption, .hero-proof > div:last-child > span { color: #536779; }
.hero-photo-frame { background: var(--brand-soft-blue); }
.hero-photo-frame::after { background: linear-gradient(transparent, #173d6360); }
.hero-circle { border-color: #b7deec; }
.hero-dots { color: var(--brand-cyan); }
.floating-card { border-color: #e0edf3; box-shadow: 0 12px 35px #036aab12; }
.floating-card span:not(.float-icon):not(.float-arrow) { color: #626c78; }
.float-icon { background: #e4f7ed; color: #007b3d; }
.float-arrow { color: var(--brand-magenta); }
.stars { color: var(--brand-pink-ink); }
.trust-strip { background: var(--brand-soft-blue); }
.trust-inner > div, .trust-inner > span { color: #476071; }
.trust-inner svg { stroke: var(--brand-blue); }
.step-line > span:first-child, .visual-process .step-line > span:first-child { color: var(--brand-blue); }
.step-note, .benefit > span { color: #637482; }
.circle-arrow { color: var(--brand-blue); border-color: #b2d4e5; }
.process-step { border-color: #c7e0ec; }
.process-step:hover { border-color: var(--brand-cyan); }
.process-step:hover .circle-arrow { background: var(--brand-soft-blue); }
.services-section, .sop-section { background: var(--brand-soft-blue); }
.service-card, .photo-service { background: #fff; border-color: #dce7ed; }
.service-card:hover, .photo-service:hover { border-color: #7bcbea; box-shadow: 0 12px 30px #036aab12; }
.service-icon, .step-icon { background: #e4f5fd; color: var(--brand-blue); border-color: #c3e6f5; }
.service-card .circle-arrow { color: var(--brand-blue); border-color: #b2d4e5; }
.service-photo { background: var(--brand-soft-blue); }
.service-photo::after { background: linear-gradient(transparent, #173d6390); }
.service-photo-arrow { color: var(--brand-blue); background: #fff; }
.photo-service:hover .service-photo-arrow { background: var(--brand-lime); color: var(--brand-navy); }
.services-bottom { color: #626c78; }
.services-bottom a { color: var(--brand-blue); }
.filter-row button, .filter-row a { border-color: #c1dce9; color: #426273; }
.filter-row button:hover, .filter-row a:hover { background: #e4f5fd; }
.filter-row .active { background: var(--brand-blue); border-color: var(--brand-blue); color: #fff; }
.visual-team { background: var(--brand-soft-blue); }
.team-feature-image::after { background: linear-gradient(transparent, #173d6380); }
.team-pill-row span { background: #fff; border-color: #c7e0ec; color: #426273; }
.why-art, .story-image { background: var(--brand-soft-blue); }
.why-art h2 em, .synergy-core span, .founder-signature { color: var(--brand-blue); }
.synergy-ring { border-color: #99cce1; }
.r2 { background: #00aeef08; }
.orbit-label { background: #fff; border-color: #c7e0ec; }
.orbit-3 { background: var(--brand-blue); border-color: var(--brand-blue); color: #fff; }
.scenario-tabs button { background: var(--brand-soft-blue); border-color: #cee6f2; color: #426273; }
.scenario-tabs button[aria-selected=true] { background: var(--brand-blue); border-color: var(--brand-blue); color: #fff; }
.task-board { background: #f6f8fa; border-color: #dce7ed; }
.board-label, .board-footnote, .scenario-note { color: #626c78; }
.task-board li { background: #fff; color: #4a4e57; border-color: #dce7ed; }
.task-circle { border-color: #adc7d5; }
.board-transition { background: var(--brand-lime); color: var(--brand-navy); }
.board-after { background: var(--brand-deep); color: #fff; border-color: var(--brand-deep); }
.board-after .board-label { color: var(--brand-lime); }
.board-after li { background: #ffffff0c; color: #e2f0f8; border-color: #ffffff20; }
.task-check { background: var(--brand-lime); color: var(--brand-navy); }
.board-after .text-link { color: var(--brand-lime); border-color: #80b8d2; }
.visual-process { background: var(--brand-soft-lime); }
.visual-process .process-step { background: #fff; border-color: #e1e8cc; }
.testimonial-section { background: #f7f9fc; }
.quote-card { background: #fff; border-color: #dce7ed; }
.quote-card blockquote, .client-story-copy blockquote { color: #3e566c; }
.sage { background: #d9f0fa; }
.sand { background: #edf1b9; }
.rose { background: #f8d6eb; }
.quote-mark { color: #b9daeb; }
.quote-card figcaption div > span, .testimonial-note, .client-credit span { color: #626c78; }
.client-video { background: var(--brand-deep); }
.video-poster::after { background: linear-gradient(transparent 25%, #173d6380); }
.video-play { color: var(--brand-pink-ink); }
.tool-logos { color: #626c78; }
.tool-logos .salesforce { background: #536d80; color: #fff; }
.blog-image, .article-placeholder { background: var(--brand-soft-blue); }
.article-placeholder, .article-placeholder span { color: var(--brand-blue); }
.blog-tag { background: #fffffff0; color: #426273; }
.blog-meta, .results-header, .pagination span, .article-byline div > span { color: #626c78; }
.faq-section { background: #f6f9fc; }
.faq-list details { border-color: #d6e4ec; }
.faq-list summary span { color: var(--brand-pink-ink); }
.closing { background: var(--brand-deep); color: #fff; }
.closing .eyebrow, .contact-booking .eyebrow { color: var(--brand-lime); }
.closing h2 em { color: var(--brand-lime); }
.closing p, .closing-action > span, .contact-booking p, .contact-booking > .small { color: #d1e5f1; }
.closing-action .button, .contact-booking .button { background: var(--brand-lime); border-color: var(--brand-lime); color: var(--brand-navy); }
.closing-action .button:hover, .contact-booking .button:hover { background: #edf296; border-color: #edf296; }
.closing-orbit, .closing-orbit::after { border-color: #00aeef35; }
.site-footer { background: #f7fafd; }
.footer-wordmark > span { color: var(--brand-magenta); }
.social-links a { border-color: #cedfe9; color: var(--brand-blue); }
.footer-top > div:not(.footer-brand) > a, .footer-contact > span, .footer-bottom { color: #626c78; }
.footer-bottom { border-color: #dce6ec; flex-wrap: wrap; align-items: center; }
.footer-bottom > a { color: var(--brand-blue); font-size: 12px; line-height: 1.6; text-decoration: underline; text-underline-offset: 3px; }
.breadcrumb, .contact-details > div > p { color: var(--brand-blue); }
.check-list li, .sop-card ul, .daily-workflow li, .plan-card li { color: #4a4e57; }
.check-list li > span, .plan-card li::before { color: #007b3d; }
.support-aside, .article-aside, .enterprise-card { background: var(--brand-soft-blue); border-color: #c7e0ec; }
.support-aside hr, .daily-workflow { border-color: #c7e0ec; }
.sop-card, .plan-card, .growth-card { background: #fff; border-color: #d1e4ed; }
.sop-card > span, .aside-rate span { color: #626c78; }
.prose a { color: var(--brand-blue); }
.prose blockquote { background: var(--brand-soft-pink); border-color: var(--brand-magenta); }
.blog-search { border-color: #c7e0ec; }
.blog-search button, .pricing-tabs, .author-mark { background: var(--brand-soft-blue); color: var(--brand-blue); }
.pagination a { border-color: #c7e0ec; }
.pricing-tabs button { color: #426273; }
.pricing-tabs button[aria-selected=true] { background: var(--brand-blue); color: #fff; }
.plan-card.featured { border-color: var(--brand-cyan); }
.plan-ribbon { background: var(--brand-blue); color: #fff; }
.plan-price > span:last-child, .plan-hours > span { color: #626c78; }
.included-row { color: var(--brand-blue); }
.journey-number { color: #8bcce8; }
.story-image > span { color: #626c78; }
.contact-booking { background: var(--brand-deep); color: #fff; }
.contact-booking hr { border-color: #00aeef35; }
.contact-booking .light-link { color: #fff; }
@media(max-width:700px) {
  .nav-wrap nav { background: #fff; border-color: var(--line); }
}