/* Assimilax web — visual system mirrored from the game
   (warm cream #dfd7ca bg, forest #667a70 ink/accents, Source Code Pro,
    white-translucent pill buttons with forest borders, glossy orb sprites). */

:root{
  --cream:#dfd7ca;       /* title-screen background */
  --cream-hi:#e8e2d7;    /* faint top highlight for depth */
  --card:rgba(255,255,255,0.82);   /* game menu-button fill */
  --card-hi:rgba(255,255,255,0.92);
  --forest:#667a70;      /* primary ink + borders (game text colour) */
  --forest-deep:#4f5f57;
  --ink:#3a443d;         /* darker sage for long body text (readable on cream) */
  --muted:#8c8576;
  --line:rgba(102,122,112,0.28);
  --coral:#e1a9a8; --azure:#6989ba; --sage:#949e7c;
  --honey:#c9ba65; --lavender:#b3afda; --stone:#b0b2b1;
}

*{box-sizing:border-box}

body{
  margin:0;
  background:linear-gradient(180deg,var(--cream-hi),var(--cream) 240px);
  background-color:var(--cream);
  color:var(--ink);
  font-family:"Source Code Pro",ui-monospace,SFMono-Regular,Consolas,monospace;
  font-size:15.5px;
  line-height:1.72;
  -webkit-font-smoothing:antialiased;
}

.wrap{max-width:740px;margin:0 auto;padding:0 22px 84px}

/* ---- header / nav ---- */
header{padding:26px 0 0}
.nav{font-size:13.5px;letter-spacing:.5px;display:flex;gap:0;align-items:center}
.nav a{color:var(--forest);text-decoration:none;font-weight:600}
.nav a:hover{text-decoration:underline}
.nav .dot{width:5px;height:5px;border-radius:50%;margin:0 11px;display:inline-block;opacity:.65}
.brandmark{height:30px;width:auto;display:block}

/* page-title header (privacy / support) */
.page-head{margin:30px 0 26px}
.page-head h1{margin:0 0 5px;font-size:27px;font-weight:700;letter-spacing:-.3px;color:var(--forest-deep)}
.page-head .sub{color:var(--muted);font-size:13.5px;letter-spacing:.3px}

/* ---- headings ---- */
h2{margin:34px 0 10px;font-size:18px;font-weight:700;color:var(--forest-deep);
   border-left:5px solid var(--azure);padding-left:13px;letter-spacing:-.2px}
p,li{font-size:15.5px}
a{color:#4a7488}
strong{color:var(--forest-deep)}
code{font-family:inherit;background:rgba(102,122,112,0.12);border:1px solid var(--line);
   border-radius:6px;padding:1px 6px;font-size:13.5px;color:var(--forest-deep)}

/* ---- cards / pills (the game's menu-button language) ---- */
.card{background:var(--card);border:2px solid var(--forest);border-radius:22px;
   padding:20px 24px;box-shadow:0 2px 10px rgba(80,70,50,.06)}
.card.sage{border-color:var(--sage)}
.badge{display:inline-block;background:var(--card);border:2px solid var(--forest);
   border-radius:999px;padding:8px 20px;font-size:13.5px;font-weight:600;color:var(--forest-deep);
   letter-spacing:.4px}

ul{padding-left:20px}
li{margin:7px 0}
.muted{color:var(--muted);font-size:13.5px}

/* ---- tables (privacy) ---- */
table{border-collapse:collapse;width:100%;margin:14px 0;font-size:14px;
   background:var(--card);border:2px solid var(--forest);border-radius:14px;overflow:hidden}
th,td{text-align:left;padding:10px 13px;border-bottom:1px solid var(--line);vertical-align:top}
th{background:rgba(102,122,112,0.10);font-weight:700;color:var(--forest-deep)}
tr:last-child td{border-bottom:none}

footer{margin-top:46px;padding-top:16px;border-top:1px solid var(--line);
   color:var(--muted);font-size:13px}
footer a{color:var(--forest)}

/* ---- orbs ---- */
.orb-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:4px 0}
.orb{width:46px;height:46px;filter:drop-shadow(0 3px 5px rgba(80,70,50,.20))}

/* ---- landing hero ---- */
.hero{text-align:center;padding:30px 0 6px}
.hero .logo{width:min(420px,82%);height:auto;margin:0 auto 8px;display:block}
.hero .tag{color:var(--forest);font-size:17px;letter-spacing:.2px;margin:6px 0 22px}
.hero .badge{margin-top:6px}
.hero .promo{color:#b4402f;font-weight:700;font-size:14px;letter-spacing:.4px;margin:12px 0 0}
.lead{font-size:17px;text-align:center;color:var(--forest-deep);margin:34px 0 28px;line-height:1.75}

/* feature list as soft rows (lists over cards) */
.features{background:var(--card);border:2px solid var(--forest);border-radius:22px;
   padding:6px 24px;box-shadow:0 2px 10px rgba(80,70,50,.06)}
.features ul{list-style:none;padding:0;margin:0}
.features li{padding:15px 0;border-bottom:1px solid var(--line);font-size:15.5px}
.features li:last-child{border-bottom:none}

.links{text-align:center;margin-top:32px;font-size:14px;display:flex;gap:0;
   justify-content:center;align-items:center;flex-wrap:wrap}
.links a{color:var(--forest);text-decoration:none;font-weight:600}
.links a:hover{text-decoration:underline}
.links .dot{width:5px;height:5px;border-radius:50%;margin:0 11px;display:inline-block;opacity:.65;background:var(--forest)}

/* support contact block */
.contact .email{font-size:18px;font-weight:700;margin:6px 0 0}
.contact .email a{color:var(--forest-deep);text-decoration:none}
.contact .email a:hover{text-decoration:underline}
.q{font-weight:700;color:var(--forest-deep);margin:24px 0 3px;font-size:16px}