/* Halioc stealth page. Implements BRAND_SYSTEM.md; see _headers for the CSP
 * this must satisfy: no inline style, no script, self-hosted assets only. */
:root{
  --ink:#101820; --accent:#0317f4; --slate:#5A6B7B; --warm-gray:#8A93A0;
  --rule:#D7DEE6; --paper:#FFFFFF;
}
@font-face{font-family:"Michroma";src:url("fonts/Michroma-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Jost";src:url("fonts/Jost-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
*,*::before,*::after{box-sizing:border-box}
html{font-family:"Jost",Futura,"Century Gothic",sans-serif;-webkit-text-size-adjust:100%}
body{margin:0;min-height:100dvh;background:var(--paper);color:var(--ink);display:flex;flex-direction:column}
main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:center;padding:3rem 1.5rem;width:min(320px,78vw);text-align:center}
.mark{display:block;width:34%;height:auto;margin-bottom:1.6rem}
img{max-width:100%}
.wordmark{display:block;width:100%;height:auto;margin-bottom:2.6rem;margin-left:-0.66%}
.contact{margin:0;font-size:1.05rem;letter-spacing:.02em}
.contact a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--rule);padding-bottom:2px;transition:border-color .2s}
.contact a:hover{border-color:var(--accent)}
footer{padding:1.1rem 1.5rem 1.4rem;text-align:center}
.colophon{margin:0;font-family:"Michroma","Jost",sans-serif;font-size:.55rem;letter-spacing:.14em;color:var(--warm-gray);text-transform:uppercase}
.code{margin:0 0 2.2rem;font-family:"Michroma","Jost",sans-serif;font-size:2rem;letter-spacing:.12em;color:var(--ink)}