/* Shared Pulse brand colors. Layout and typography stay specific to each design. */
:root{--brand-teal:#087F83;--brand-teal-hover:#06686B;--brand-selection:#BFE8E5;--brand-gold:#F4B942;--brand-gold-hover:#E4A82F;--brand-navy:#142B3B;--brand-on-dark:#9DDCD7}
::selection{background:var(--brand-selection);color:var(--brand-navy)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--brand-teal)}
body:not([class^="variation-"]){--ink:#142B3B;--muted:#52656B;--line:#D0DEDC;--green:#087F83;--mint:#D8EFEC;--rust:#087F83;--peach:#F1DEB6}
.site-header,.masthead{background:var(--brand-navy);color:#F8FAFC;border-color:#36515F;backdrop-filter:none}
.site-header .brand-name,.masthead .wordmark,.side-rail .wordmark{color:#F8FAFC}
.site-header .brand-mark i{background:var(--brand-gold)}
.masthead .pulse-icon,.side-rail .pulse-icon{color:var(--brand-gold)}
.site-header .nav,.masthead .nav-links{background:var(--brand-navy);color:#F8FAFC}
.nav>a:not(.button),.nav-links>a:not(.button),.rail-nav>a{color:#F8FAFC}
.nav>a:not(.button):hover,.nav-links>a:not(.button):hover,.rail-nav>a:hover{color:var(--brand-on-dark)}
.nav>a[aria-current="page"]:not(.button),.nav-links>a[aria-current="page"]:not(.button){color:var(--brand-navy);background:var(--brand-selection);padding:8px 12px;border-radius:8px}
.menu-toggle,.menu-button{color:#F8FAFC;border-color:#78929E;background:transparent}
.site-header a:focus-visible,.site-header button:focus-visible,.masthead a:focus-visible,.masthead button:focus-visible,.side-rail a:focus-visible{outline-color:var(--brand-selection)}
.masthead .compare{color:#F1F7F7;border-color:#36515F}
.masthead .compare a{color:#F1F7F7}
.masthead .compare a:hover{color:var(--brand-navy);background:var(--brand-selection)}
.masthead .compare a[aria-current="page"]{color:var(--brand-navy);background:var(--brand-selection);border-color:var(--brand-selection)}
.button:not(.secondary):not(.ask-button){background:var(--brand-teal);border-color:var(--brand-teal);color:white}
.button:not(.secondary):not(.ask-button):hover{background:var(--brand-teal-hover);border-color:var(--brand-teal-hover);color:white!important}
.button.secondary{color:var(--brand-teal)!important;border-color:var(--brand-teal)!important}
.button.ask-button{background:var(--brand-gold);border-color:var(--brand-gold);color:var(--brand-navy)}
.button.ask-button:hover{background:var(--brand-gold-hover);border-color:var(--brand-gold-hover);color:var(--brand-navy)!important}
.text-link,.plain-link,.contact-email,.email,.footer-col a,.footer-links a,.resource-card h3 a{color:var(--brand-teal)}
.text-link:hover,.plain-link:hover,.contact-email:hover,.email:hover,.footer-col a:hover,.footer-links a:hover,.resource-card h3 a:hover{color:var(--brand-teal-hover)}
.resource-list a h3{color:var(--brand-teal)}
.filter-bar button[aria-pressed="true"],.tab-buttons button[aria-selected="true"],.tab-list button[aria-selected="true"]{background:var(--brand-selection);color:var(--brand-navy);border-color:var(--brand-teal)}
.tab-list button[aria-selected="true"] span{color:var(--brand-navy)}
.badge,.sample-tag{background:var(--brand-selection);color:var(--brand-navy);border-color:#96C8C5}
.green-section{background:var(--brand-navy)}
.green-section .text-link{color:var(--brand-on-dark)}
.green-section .button:focus-visible{outline-color:var(--brand-selection)}
.example-head strong{color:var(--brand-teal)}
.example .label{color:#425E65}
.roadmap,.article-callout{background:#DCEFEB}
.cta{background:#E3ECE6}
/* Command: retain the dark product-console direction, with teal instead of lime. */
.variation-1{--bg:#102433;--panel:#193646;--line:#3A5662;--text:#F4F8F6;--lime:#A4DCD5}
.variation-1 .console{border-color:#668F92}
.variation-1 .console-top{background:var(--brand-navy)}
.variation-1 .portfolio-row.active{background:#234B55;border-color:var(--brand-selection)}
.variation-1 .tab-buttons button{background:var(--brand-navy);color:#DFEEEE;border-color:#64858D}
.variation-1 .tab-buttons button[aria-selected="true"]{background:var(--brand-selection);color:var(--brand-navy);border-color:var(--brand-selection)}
.variation-1 .card.featured,.variation-1 .process,.variation-1 .contact-block{background:#CBE8E2;color:var(--brand-navy)}
.variation-1 .card.featured p,.variation-1 .card.featured .number{color:#274E57}
.variation-1 .roadmap{background:var(--panel)}
.variation-1 .plain-link,.variation-1 .footer-links a,.variation-1 .resource-list h3{color:var(--brand-on-dark)}
.variation-1 .button.secondary{color:var(--brand-on-dark)!important;border-color:var(--brand-on-dark)!important}
.variation-1 .contact-block .button.secondary{color:var(--brand-teal)!important;border-color:var(--brand-teal)!important}
/* Journal: a light editorial canvas with teal type and warm bronze detail. */
.variation-2{--blue:#087F83;--ink:#142B3B;--line:#CADCD9;--orange:#95582F;background:#F8FBFA}
.variation-2 .hero-aside .tag{background:#F1E4C9;color:#775022}
.variation-2 .city-banner{background:#E0EFEB}
.variation-2 .quote-block{background:var(--brand-navy)}
.variation-2 .roadmap{background:#F3EBDA;border-top-color:#C5A56D}
.variation-2 .contact-block{background:#E6F1EE}
.variation-2 .index-row p,.variation-2 .mobile-item p,.variation-2 .service-strip p{color:#425F66}
/* Fieldwork: retain warm paper and gold-toned surfaces with navy navigation. */
.variation-3{--paper:#FBF3E6;--ink:#142B3B;--clay:#087F83;--line:#CFD9D4;--pink:#D9ECE6;--light:#FFFCF6}
.variation-3 .side-rail{background:var(--brand-navy)}
.variation-3 .rail-foot p{color:#CCE1E3}
.variation-3 .masthead .compare{border-color:#36515F}
.variation-3 .phone{box-shadow:18px 22px 0 #D7C7A8}
.variation-3 .phone-label{color:#52696C}
.variation-3 .camera-view{background:#ECDDBD}
.variation-3 .story-card.warm,.variation-3 .contact-block{background:#F0DDB4;border-color:#F0DDB4}
.variation-3 .story-card.dark,.variation-3 .desk-section{background:var(--brand-navy);color:#F8FAFC}
.variation-3 .story-card.dark p,.variation-3 .desk-section p{color:#D4E5E6}
.variation-3 .desk-section .number{color:var(--brand-selection);border-color:#678087}
.variation-3 .story-card p,.variation-3 .services p{color:#46616A}
.variation-3 .story-card.dark p{color:#D4E5E6}
.variation-3 .roadmap article{border-color:#A7C8C2}
.variation-3 .compare a[aria-current="page"]{color:var(--brand-navy)}
/* Keep exact teal links readable on the light canvases. */
body:not([class^="variation-"]){--paper:#FAF9F4}
.variation-3{--paper:#FFF9EF}
.contact-email,.email{font-weight:700}
.button.secondary{font-size:19px}

/* Supplied corporate wordmarks, chosen for the surrounding surface. */
.brand,.wordmark{flex-shrink:0}
.corporate-logo{display:block;width:230px;height:auto;max-width:100%;object-fit:contain}
.site-footer .corporate-logo{width:260px}
.side-rail .corporate-logo{width:186px}
@media(max-width:800px){.site-header .corporate-logo,.masthead .corporate-logo{width:200px}}