/* EvidentWorks shared design-system alignment — logo-derived palette */
:root{
  --brand-navy:#00234b;--brand-navy-dark:#00172f;--brand-navy-mid:#0d3a72;
  --brand-teal:#00b6aa;--brand-teal-dark:#007a72;--brand-blue:#228dff;
  --brand-orange:#fd4e15;--brand-orange-text:#d83e0d;
  --navy:var(--brand-navy);--navy-2:var(--brand-navy-mid);--navy-3:var(--brand-navy-dark);
  --teal:var(--brand-teal);--teal-dark:var(--brand-teal-dark);--blue:var(--brand-blue);
  --orange:var(--brand-orange);--logo-orange:var(--brand-orange);
  --ink:#10213a;--muted:#5e6e84;--line:#dfe8f1;--soft:#f5f9fc;--white:#fff;
  --section-y:clamp(66px,6.5vw,92px);--section-y-tight:clamp(54px,5.5vw,76px);
  --radius-nav:10px;--radius-control:12px;--radius-compact:16px;--radius-card:20px;
  --radius-panel:22px;--radius-media:24px;--radius-shell:26px;--radius-pill:999px;
  --shadow-sm:0 12px 30px rgba(0,35,75,.04);--shadow-md:0 14px 34px rgba(0,35,75,.06);
  --shadow-lg:0 24px 60px rgba(0,35,75,.11);--shadow-popover:0 18px 42px rgba(0,35,75,.15);
  --shadow:var(--shadow-lg);
}
:where(a,button,summary,input,select,textarea):focus-visible{outline:3px solid var(--brand-teal-dark);outline-offset:3px}
.nav-cta{min-height:44px;border-radius:var(--radius-nav)}
.button{border-radius:var(--radius-pill)}
.button.contact-cta,.form-submit .button.contact-cta{background:var(--brand-teal);color:#fff;box-shadow:0 10px 24px rgba(0,182,170,.24)}
.button.contact-cta:hover,.form-submit .button.contact-cta:hover{background:var(--brand-teal)}
.arrow,.cta-arrow{color:var(--brand-orange)}
.contact-direct a{color:var(--brand-orange)}.contact-direct a:hover{color:var(--brand-orange)}
.field input,.field select,.field textarea{border-radius:var(--radius-control)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand-teal);box-shadow:0 0 0 4px rgba(0,182,170,.14)}
.contact-form-wrap{border-radius:var(--radius-shell)}
.contact .eyebrow{color:var(--brand-teal)}

/* Contact accents are locked to the exact colors sampled from the EvidentWorks logo. */
.contact{--teal:#00b6aa;--teal-dark:#00b6aa;--orange:#fd4e15;--logo-orange:#fd4e15;--brand-teal:#00b6aa;--brand-teal-dark:#00b6aa;--brand-orange:#fd4e15;--brand-orange-text:#fd4e15}
.contact .eyebrow{color:#00b6aa}
.contact .eyebrow:before{background:linear-gradient(90deg,#fd4e15,#00b6aa)}
.contact .button.contact-cta,.contact .form-submit .button.contact-cta,.contact .button.contact-cta:hover,.contact .form-submit .button.contact-cta:hover,.contact .button.contact-cta:focus-visible,.contact .form-submit .button.contact-cta:focus-visible,.contact .button.contact-cta:active,.contact .form-submit .button.contact-cta:active{background:#00b6aa;color:#fff;box-shadow:0 10px 24px rgba(0,182,170,.24)}
.contact .arrow,.contact .cta-arrow,.contact .contact-direct a,.contact .contact-direct a:hover,.contact .contact-direct a:focus-visible,.contact .contact-direct a:active{color:#fd4e15}
.contact .field input:focus,.contact .field select:focus,.contact .field textarea:focus{border-color:#00b6aa;box-shadow:0 0 0 4px rgba(0,182,170,.14)}
.purpose,.purpose h3,.purpose p{color:var(--brand-teal)}
.nav-dropdown-menu{width:250px;border-radius:14px;box-shadow:var(--shadow-popover)}
.feature-card,.principle-card,.system-card,.map-card,.environment-card,.who-card{border-radius:var(--radius-card)}
.eqi-item,.factor,.condition-card{border-radius:var(--radius-compact)}
.intro-image,.dynamic-visual,.suite-frame{border-radius:var(--radius-media)}
.site-home .section-head{margin-bottom:clamp(36px,4vw,48px)}
.site-scientific-validation .validation-hero{min-height:auto}
.site-scientific-validation .validation-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(38px,5vw,64px)}
.site-scientific-validation .validation-hero-grid>div:first-child{max-width:620px}
.site-scientific-validation .validation-hero h1{max-width:620px}
.site-scientific-validation .hero-copy{max-width:600px;margin-bottom:0}
.site-scientific-validation .hero-actions{margin-top:28px}
.site-scientific-validation .research-cta .cta-arrow{color:var(--brand-orange)}
.mobile-menu-toggle,.mobile-nav-panel{display:none}
.mobile-menu-toggle{min-width:46px;min-height:44px;padding:0 13px;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(0,35,75,.16);border-radius:var(--radius-nav);background:rgba(255,255,255,.96);color:var(--brand-navy);font:inherit;font-size:.72rem;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(0,35,75,.08)}
.mobile-menu-toggle svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none}
.mobile-nav-panel{position:absolute;top:calc(100% + 4px);right:15px;width:min(420px,calc(100vw - 30px));padding:12px;border:1px solid rgba(0,35,75,.11);border-radius:var(--radius-compact);background:#fff;box-shadow:var(--shadow-popover);z-index:80}
.mobile-nav-panel a{display:flex;align-items:center;min-height:46px;padding:10px 12px;border-radius:10px;color:var(--brand-navy);text-decoration:none;font-size:.82rem;font-weight:700}
.mobile-nav-panel a:hover,.mobile-nav-panel a:focus-visible{background:var(--soft);color:var(--brand-teal-dark)}
.mobile-nav-panel a[aria-current="page"]{background:#f4fffd;color:var(--brand-teal-dark)}
.mobile-nav-group{padding:7px 0 3px;border-top:1px solid var(--line)}.mobile-nav-group:first-of-type{border-top:0}
.mobile-nav-label{display:block;padding:7px 12px 3px;color:var(--muted);font-size:.65rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.mobile-nav-panel .mobile-nav-cta{margin-top:8px;justify-content:center;background:var(--brand-navy);color:#fff}
.mobile-nav-panel .mobile-nav-cta:hover,.mobile-nav-panel .mobile-nav-cta:focus-visible{background:var(--brand-navy-mid);color:#fff}
header.mobile-open .mobile-nav-panel{display:block}
@media(max-width:1024px){.site-scientific-validation .validation-hero-grid{grid-template-columns:1fr .8fr;gap:32px}}
@media(max-width:800px){header .nav-links{display:none}.mobile-menu-toggle{display:inline-flex}header .nav{position:relative}.site-scientific-validation .validation-hero-grid{grid-template-columns:1fr}.audience-solutions.nav-dropdown{display:block}.audience-solutions .nav-dropdown-menu{left:0;transform:none;width:min(300px,calc(100vw - 60px))}}
@media(max-width:560px){.mobile-menu-toggle{padding:0 11px;font-size:.68rem}.mobile-nav-panel{right:15px}}
@media(prefers-reduced-motion:reduce){.mobile-nav-panel{scroll-behavior:auto}}
