/* Vectras palette (from logo). Load AFTER business.css. */
:root{
  --vectras-primary:#1f7fc4; --vectras-primary-dark:#243f96; --vectras-accent:#2ba8e6;
  --vectras-dark:#0e1b3d; --vectras-light:#eef6fc;
  --base-color:#1a72b2; /* primary darkened for WCAG AA: 5.1:1 on white, 4.7:1 on --vectras-light */
  --dark-gray:#14213d;
  --medium-gray:#5f6b80;
  --solitude-blue:var(--vectras-light);
  --selago:#e3f1fb;
  --cornflower-blue:var(--vectras-accent);
  --dark-slate-blue:var(--vectras-dark);
  --extra-medium-slate-blue:var(--vectras-dark);
  --slate-blue:#16264d;
  --charcoal-blue:#101d3a;
}
.bg-vectras{background:linear-gradient(135deg,var(--vectras-accent),var(--vectras-primary-dark));color:#fff}
.text-vectras{color:var(--vectras-primary)!important}
.btn-vectras{background:var(--vectras-primary);color:#fff;border-color:var(--vectras-primary)}
.btn-vectras:hover{background:var(--vectras-primary-dark);border-color:var(--vectras-primary-dark);color:#fff}
footer .footer-logo img{width:auto;height:52px;max-height:none;max-width:none;filter:brightness(0) invert(1)}
.client-logo{max-height:70px;width:auto;filter:grayscale(1);opacity:.75;transition:.3s}
.client-logo:hover{filter:none;opacity:1}

header .navbar-brand .default-logo,header .navbar-brand .alt-logo,header .navbar-brand .mobile-logo{height:44px;max-height:44px}
header .navbar-brand .default-logo{filter:brightness(0) invert(1)}
header .navbar-brand .alt-logo,header .navbar-brand .mobile-logo{filter:none}
@media (max-width:991px){header .navbar-brand img{height:38px;max-height:38px}}
/* 8 nav items: tighten links so logo + nav + Investors button fit 992-1199px */
@media (min-width:992px) and (max-width:1199px){header .navbar .navbar-nav .nav-link{padding-left:6px;padding-right:6px;font-size:15px}}

/* UI polish */
/* visible keyboard focus (Crafto resets outlines to 0) */
a:focus-visible,button:focus-visible,.btn:focus-visible,[role="button"]:focus-visible,.nav-link:focus-visible,.navbar-toggler:focus-visible{outline:2px solid var(--vectras-primary)!important;outline-offset:3px;box-shadow:none}
input:focus-visible,select:focus-visible,textarea:focus-visible,.form-control:focus-visible{outline:2px solid var(--vectras-primary)!important;outline-offset:0;border-color:var(--vectras-primary)!important}
.footer-dark a:focus-visible,.section-dark a:focus-visible{outline-color:#fff!important}
.footer-dark a:hover{color:var(--vectras-accent)}
/* long words never overflow narrow screens */
h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}
.testimonials-style-01{display:flex;flex-direction:column}.testimonials-style-01>.testimonial-arrow{flex-grow:1}
.client-box img.h-70px{max-width:150px;object-fit:contain}
/* footer on phones: social links in one row so "Get in Touch" can take the full width (email no longer wraps under its icon) */
@media (max-width:575px){.footer-social ul{display:flex;flex-wrap:wrap;gap:0 25px}}
/* atropos tilt only initialises at >=1200px; its leftover 3D layer blanks the image below that */
@media (max-width:1199px){.atropos-inner{transform:none;transform-style:flat}}