/* ============================================================================
   RILLACORP — brand tokens (from the corp brand board). Shared: landing + AA.
   Palette: magenta + cyan on dark. Art asset: hero.png / ape-head.png.
   ========================================================================== */
:root{
  /* surfaces */
  --ink:#0c0c0e;          /* near-black backdrop */
  --ink-2:#141519;
  --steel:#2b2f33;        /* board dark gray */
  --panel:#191b20;
  --line:#26282e;
  --bone:#f3eef2;         /* primary text */
  --smoke:#a7b1b1;        /* board gray — muted text */

  /* accents */
  --magenta:#d041a6;      /* primary */
  --magenta-hot:#ff52c6;  /* glow / hover */
  --cyan:#00ecd1;         /* secondary */

  /* type (Anurati + Ethnocentric on the board are license-restricted;
     these are free stand-ins — swap in licensed files for exact match) */
  --font-display:"Chakra Petch","Arial Narrow",sans-serif;
  --font-body:"IBM Plex Mono",ui-monospace,monospace;

  --maxw:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--ink);color:var(--bone);
  font-family:var(--font-body);font-size:16px;line-height:1.6;
  -webkit-font-smoothing:antialiased;
  background-image:
    repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 1px,transparent 1px 3px),
    radial-gradient(140% 90% at 80% -10%,rgba(208,65,166,.05),transparent 55%),
    radial-gradient(120% 80% at 0% 110%,rgba(0,236,209,.05),transparent 55%);
}
h1,h2,h3,.display{font-family:var(--font-display);font-weight:700;text-transform:uppercase;line-height:.98;margin:0;letter-spacing:.01em}
a{color:var(--magenta-hot);text-decoration:none}
::selection{background:var(--magenta);color:#fff}

/* buttons */
.btn{
  --b:var(--magenta);
  display:inline-flex;align-items:center;gap:.6em;
  font-family:var(--font-display);font-weight:700;text-transform:uppercase;
  font-size:.95rem;letter-spacing:.08em;padding:.85em 1.5em;
  color:#0c0c0e;background:var(--b);border:2px solid var(--b);
  clip-path:polygon(0 0,100% 0,100% 68%,93% 100%,0 100%);
  box-shadow:5px 5px 0 rgba(0,0,0,.55);cursor:pointer;
  transition:transform .12s,box-shadow .12s,background .12s,color .12s;
}
.btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 rgba(0,0,0,.7);background:var(--magenta-hot);border-color:var(--magenta-hot)}
.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 rgba(0,0,0,.6)}
.btn--ghost{background:transparent;color:var(--bone);border-color:var(--cyan);box-shadow:none}
.btn--ghost:hover{background:transparent;color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 18px rgba(0,236,209,.25)}