/* ============================================================
   AHUMANS — assets/style.css
   Faithful port of artificial-humans.com (Next.js/Tailwind) 
   Colors live in :root (injected by index.php from config.php).
   ============================================================ */

@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/inter.woff2') format('woff2')}
@font-face{font-family:'Orbitron';font-style:normal;font-weight:500 900;font-display:swap;src:url('fonts/orbitron.woff2') format('woff2')}

:root{
  --bg:#f2f0eb;
  --ink:#2f5d8c;
  --sel:#12233f;
}

*,*:before,*:after{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
::selection{color:#fff;background:var(--sel)}

/* --- centered full-viewport stage (original <main> classes) --- */
.page{
  position:relative;
  min-height:100dvh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:0 1.5rem;
}

/* --- logo: w-32 (8rem) -> sm:w-40 (10rem), h-auto --- */
.mark{
  height:auto;
  width:8rem;
  max-width:100%;
  display:block;
  user-select:none;
  -webkit-user-select:none;
}
@media (min-width:640px){ .mark{ width:10rem } }

/* --- tagline: mt-10 text-sm font-medium tracking-[0.22em] --- */
.soon{
  margin:2.5rem 0 0;
  font-size:.875rem;
  font-weight:500;
  letter-spacing:.22em;
}

/* --- film grain overlay (original .grain:after, verbatim) --- */
.grain:after{
  content:"";
  pointer-events:none;
  opacity:.16;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
  background-repeat:repeat;
  background-size:180px 180px;
  position:fixed;
  inset:0;
  z-index:1;
}