/* Astrinix — base styles (from the design source's <style> block). */
html { background: #0B0D10; }
  body { margin: 0; background: #0B0D10; color: #E4E9ED; font-family: 'IBM Plex Sans', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; text-wrap: pretty; }
  * { box-sizing: border-box; }
  h1, h2, h3 { font-family: Saira, 'IBM Plex Sans', Helvetica, sans-serif; }
  a { color: #4FE0A0; text-decoration: none; }
  a:hover { color: #7CEDBC; }
  ::selection { background: rgba(79,224,160,0.28); }
  input, select, textarea, button { font-family: inherit; }
  @keyframes ax-pulse { 0%,100% { opacity: 0.3; transform: scale(1); } 50% { opacity: 1; transform: scale(1.3); } }
  @keyframes ax-face-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
  @keyframes ax-caret { 0%,49% { opacity: 1; } 50%,100% { opacity: 0; } }

/* Hover / focus styles, compiled from the design source's style-* attributes. */
.ax-hover-1:hover { color:#E4E9ED !important }
.ax-hover-2:hover { color:#B9C1C8 !important }
.ax-hover-3:hover { border-color:#4FE0A0 !important; color:#4FE0A0 !important }
.ax-hover-4:hover { color:#12141A !important }
.ax-hover-5:hover { background:#1F58D6 !important }
.ax-hover-6:hover { background:#7CEDBC !important }
.ax-hover-7:hover { background:#111A17 !important }
.ax-hover-8:hover { color:#E4E9ED !important; border-color:#3C444C !important }
.ax-focus-1:focus { border-color:#4FE0A0 !important }
.ax-hover-9:hover { border-color:#2F6FEF !important; color:#2F6FEF !important }
.ax-hover-10:hover { border-color:#2F6FEF !important }
.ax-hover-11:hover { background:#4FE0A0 !important; color:#07120D !important }
.ax-hover-12:hover { background:#EEF2FA !important }
.ax-focus-2:focus { border-color:#2F6FEF !important }
.ax-hover-13:hover { color:#2F6FEF !important }
.ax-hover-14:hover { color:#4FE0A0 !important }

/* Static-build additions: the contact field groups become real <form>s,
   which some browsers give a default margin. */
form { margin: 0; }