/*
 * Shared styles for the sub-pages (/privacy, /support).
 *
 * Tokens, nav, buttons and footer are copied from index.html, which keeps its
 * own inline copy. If you change a token or the nav/footer there, change it
 * here too.
 */
:root{
  --void:#0B0B14; --void-2:#0E0D18; --panel:#14121F; --panel-2:#1A1730;
  --line:#272340; --line-2:#332E4F;
  --amber:#F2B85C; --cream:#FBEFD0; --magenta:#FF5CC8; --cyan:#5FE0FF; --ember:#B5642A;
  --ink:#0B0B14; --text:#E9E4F5; --muted:#9B96B8; --muted-2:#6F6A8C;
  --display:'Press Start 2P', monospace;
  --body:'Space Grotesk', system-ui, sans-serif;
  --mono:'Space Mono', monospace;
  --maxw:1140px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--void);color:var(--text);font-family:var(--body);line-height:1.65;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;}
a{color:inherit;text-decoration:none;}
.moth{display:block;width:100%;height:auto;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px;}

.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:1.5px;color:var(--magenta);
  text-transform:lowercase;margin:0 0 16px;}
.eyebrow b{color:var(--muted-2);font-weight:400;}

/* ---------- NAV ---------- */
header.nav{position:sticky;top:0;z-index:50;background:rgba(11,11,20,.82);
  backdrop-filter:blur(12px);border-bottom:1px solid var(--line);}
.navin{max-width:var(--maxw);margin:0 auto;padding:14px 24px;display:flex;align-items:center;
  justify-content:space-between;gap:18px;}
.brand{display:flex;align-items:center;gap:11px;}
.brand .ico{width:28px;flex:0 0 28px;filter:drop-shadow(0 0 4px rgba(255,92,200,.45));}
.brand .nm{font-family:var(--display);font-size:13px;letter-spacing:1px;color:var(--cream);}
.led{width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 8px var(--amber);
  margin-left:4px;animation:pulse 2.6s ease-in-out infinite;}
nav.links{display:flex;align-items:center;gap:28px;}
nav.links a{font-size:14px;color:var(--muted);transition:color .2s;}
nav.links a:hover{color:var(--cream);}
.nav-cta{font-family:var(--body);font-weight:600;font-size:13px;color:var(--ink)!important;
  background:var(--amber);padding:9px 16px;border-radius:9px;box-shadow:0 3px 0 #b8863a;
  transition:transform .12s, box-shadow .12s;}
.nav-cta:hover{transform:translateY(1px);box-shadow:0 2px 0 #b8863a;}
.burger{display:none;background:none;border:1px solid var(--line);border-radius:8px;
  padding:8px 10px;cursor:pointer;color:var(--cream);}
.burger span{display:block;width:18px;height:2px;background:var(--cream);margin:3px 0;}

/* ---------- FOOTER ---------- */
footer.ft{border-top:1px solid var(--line);background:var(--void-2);padding:48px 0 40px;}
.ftin{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;flex-wrap:wrap;}
.ft-brand{display:flex;align-items:center;gap:12px;}
.ft-brand .ico{width:34px;filter:drop-shadow(0 0 5px rgba(255,92,200,.5));}
.ft-brand .nm{font-family:var(--display);font-size:14px;letter-spacing:1px;color:var(--cream);}
.ft-brand .tl{font-family:var(--mono);font-size:12px;color:var(--cyan);margin-top:3px;}
.ft-meta{text-align:right;font-size:13px;color:var(--muted-2);}
.ft-meta a{color:var(--muted);} .ft-meta a:hover{color:var(--cream);}
.ft-bottom{max-width:var(--maxw);margin:34px auto 0;padding:20px 24px 0;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;color:var(--muted-2);}

/* ---------- CONTENT PAGES ---------- */
.page{padding:72px 0 104px;}
.doc{max-width:720px;margin:0 auto;}
.doc-head{padding-bottom:30px;margin-bottom:34px;border-bottom:1px solid var(--line);}
.doc-head h1{font-family:var(--body);font-weight:700;font-size:clamp(34px,5.4vw,52px);letter-spacing:-1px;
  line-height:1.05;margin:0;color:var(--cream);}
.doc-head .updated{font-family:var(--mono);font-size:12px;letter-spacing:.5px;color:var(--muted);margin:16px 0 0;}
.doc-head .intro{color:var(--muted);font-size:clamp(16px,1.8vw,18px);margin:18px 0 0;}

.prose{font-size:16.5px;}
.prose > :first-child,.prose > section:first-child > h2{margin-top:0;}
.prose h2{font-family:var(--body);font-weight:700;font-size:clamp(21px,2.6vw,25px);letter-spacing:-.3px;
  line-height:1.25;color:var(--cream);margin:56px 0 14px;scroll-margin-top:96px;}
.prose h3{font-family:var(--body);font-weight:600;font-size:17px;line-height:1.4;color:var(--cream);margin:0 0 6px;}
.prose p{margin:0 0 16px;}
.prose ul{margin:0 0 18px;padding-left:22px;list-style:square;}
.prose li{margin:0 0 9px;padding-left:4px;}
.prose li::marker{color:var(--amber);}
.prose strong{font-weight:600;color:var(--cream);}
.prose a strong{color:inherit;}
.prose a{color:var(--cyan);text-decoration:underline;text-decoration-color:rgba(95,224,255,.4);
  text-underline-offset:3px;overflow-wrap:anywhere;transition:text-decoration-color .2s;}
.prose a:hover{text-decoration-color:var(--cyan);}
.doc-head .intro a{color:var(--cyan);font-weight:600;}
.doc-head .intro a:hover{text-decoration:underline;text-underline-offset:3px;}

/* capability matrix (privacy) */
.table-wrap{overflow-x:auto;margin:6px 0 18px;background:var(--panel);border:1px solid var(--line);border-radius:14px;}
.glance{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.45;}
.glance th,.glance td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);}
.glance tbody tr:last-child th,.glance tbody tr:last-child td{border-bottom:none;}
.glance thead th,.glance thead td{background:var(--void-2);}
.glance thead th{font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.5px;
  text-transform:uppercase;color:var(--muted);}
.glance tbody th{font-weight:500;color:var(--text);}
.glance td{font-family:var(--mono);font-size:13px;color:var(--cream);white-space:nowrap;}
.glance td.no{color:var(--muted);}

/* FAQ (support) */
.jump{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none;}
.jump a{display:inline-block;font-family:var(--mono);font-size:12px;color:var(--muted);border:1px solid var(--line);
  border-radius:30px;padding:7px 14px;transition:color .2s,border-color .2s;}
.jump a:hover{color:var(--cyan);border-color:var(--line-2);}
.qa{padding:22px 0;border-top:1px solid var(--line);}
.qa:last-child{padding-bottom:0;}
.qa p{margin:0;}
.qa p + p{margin-top:10px;}

@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.4;}}

@media (max-width:860px){
  nav.links{display:none;}
  nav.links.open{display:flex;position:absolute;top:60px;left:0;right:0;flex-direction:column;
    gap:0;background:var(--void);border-bottom:1px solid var(--line);padding:8px 24px 18px;align-items:flex-start;}
  nav.links.open a{padding:11px 0;width:100%;border-bottom:1px solid var(--line);}
  nav.links.open .nav-cta{margin-top:12px;}
  .burger{display:block;}
  .navin{position:relative;}
  .ft-meta{text-align:left;}
}
@media (max-width:520px){
  .page{padding:48px 0 72px;}
  .prose{font-size:16px;}
  .prose h2{margin-top:44px;}
  .glance{font-size:13px;}
  .glance th,.glance td{padding:10px 9px;}
  .glance td{font-size:12px;}
  .glance thead th{font-size:10px;letter-spacing:.3px;}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;}
  html{scroll-behavior:auto;}
}