@font-face{font-family:"Space Grotesk";font-weight:500;font-display:swap;src:url(/assets/fonts/space-grotesk-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Space Grotesk";font-weight:600;font-display:swap;src:url(/assets/fonts/space-grotesk-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Space Grotesk";font-weight:700;font-display:swap;src:url(/assets/fonts/space-grotesk-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:400;font-display:swap;src:url(/assets/fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:500;font-display:swap;src:url(/assets/fonts/ibm-plex-mono-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Manrope";font-weight:400;font-display:swap;src:url(/assets/fonts/manrope-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Manrope";font-weight:500;font-display:swap;src:url(/assets/fonts/manrope-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Manrope";font-weight:600;font-display:swap;src:url(/assets/fonts/manrope-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Manrope";font-weight:700;font-display:swap;src:url(/assets/fonts/manrope-latin-700-normal.woff2) format("woff2")}
/* Valley AgentWorks — "Dispatch" dark theme for the original site pages.
   Loaded AFTER each page's inline <style>, so it overrides colors and type. */
:root{
  --ink:#e9eef0;--paper:#06090d;--line:#1a2836;--deep:#5fb3c9;--deep2:#7cc6da;--clay:#e0925a;
  --navy:#182a41;--mut:#a6b4ba;--teal:#5fb3c9;--red:#ef7b6b;--grn:#6fcf97;
  --panel:#0a1118;--line2:#223244;
}
html{color-scheme:dark}
body{background:#06090d!important;color:#e9eef0!important;font-family:"Manrope",system-ui,sans-serif!important;
  background-image:radial-gradient(ellipse 80% 40% at 50% -10%,rgba(95,179,201,.12),transparent 70%)!important;background-repeat:no-repeat!important;background-attachment:fixed!important}
h1,h2,h3,h4{font-family:"Space Grotesk",system-ui,sans-serif!important;color:#e9eef0!important;letter-spacing:-.02em}
.eyebrow,.tag{font-family:"IBM Plex Mono",ui-monospace,monospace!important}
.eyebrow{color:#5fb3c9!important}.card .tag,.tag{color:#e0925a!important}
a{color:#5fb3c9}
p,li,.lead,.about p,label,.fine,.disclaimer{color:#a6b4ba}
.lead{color:#a6b4ba!important}
.topnav,.nav{background:#182a41!important;border-bottom:1px solid #223244}
.topnav-links a{color:#cdd8e6!important}.topnav-links a:hover{color:#fff!important}
/* surfaces that were white */
.card,.contact-card,.panel,.box,.q,.result,.qcard,.question,.section-card,.tool,.form-card,.opt,.option,
fieldset,details,table,th,td,.stat,.step,.row-card,.item{background:#0a1118!important;border-color:#1a2836!important;color:#e9eef0}
[style*="background:#fff"],[style*="background: #fff"],[style*="background:#faf9f5"],[style*="background:#fdfbf6"]{background:#0a1118!important}
.card p,.card li{color:#a6b4ba!important}.card h3{color:#e9eef0!important}
.card a,.contact-card a{color:#5fb3c9!important}
/* buttons */
a.btn-primary,button.btn-primary,.btn-primary,button[type=submit]{background:#e0925a!important;color:#1a0f07!important;border-radius:10px;font-family:"Space Grotesk",system-ui,sans-serif!important;border:none}
a.btn-primary:hover,button.btn-primary:hover{background:#eaa06b!important}
a.btn-secondary,.btn-secondary{background:transparent!important;color:#e9eef0!important;border:1.5px solid #223244!important}
a.btn-secondary:hover{border-color:#5fb3c9!important;background:transparent!important}
/* inputs */
input,select,textarea{background:#050a0f!important;color:#e9eef0!important;border:1px solid #223244!important;border-radius:8px}
input:focus,select:focus,textarea:focus{border-color:#5fb3c9!important;outline:none;box-shadow:0 0 0 3px rgba(95,179,201,.2)}
input::placeholder,textarea::placeholder{color:#6f7f86}
input[type=checkbox],input[type=radio]{accent-color:#5fb3c9}
::selection{background:#5fb3c9;color:#04141a}
hr{border-color:#1a2836}
footer{border-top-color:#1a2836!important}
:focus-visible{outline:2px solid #e0925a;outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* page-specific leftovers */
.hero{background:transparent!important}
.issue{background:#0a1118!important;border-color:#1a2836!important}
.issue p{color:#a6b4ba!important}.issue .soon{color:#8a9aa1!important}
[class*="band"],.quote,.pull{border-color:#223244}
.section p,.rsub,.flag span,.offer p,.diff p,li,.also-links,.hero p{color:#a6b4ba!important}
.diff,.flags,.section-card,.toollist,.field{background:#0a1118!important;border-color:#1a2836!important;color:#e9eef0!important}
.diff h3,.offer h3,.contact-card h2,h2{color:#e9eef0!important}
.field{background:#050a0f!important;border-color:#223244!important}
.opt:hover{background:#0c1a22!important;border-color:#5fb3c9!important}
[style*="color:#3a3a34"],[style*="color:#4a4a44"]{color:#a6b4ba!important}
.eyebrow,.brand,.qsection,.back,.also-links a{color:#5fb3c9!important}
.contact-card .fine,.contact-card p{color:#a6b4ba!important}
.progress{background:#1a2836!important}.progress>div{background:linear-gradient(90deg,#5fb3c9,#e0925a)!important}
