/* Shared style for neighray.app's inner pages: legal documents, the
   Documents hub, invite links and 404. The home page carries its own styles.
   Dark is the default; [data-theme="light"] is set by assets/theme.js. */
:root{
  --lemon:#FFE14D;--on-lemon:#0B0620;--mark:#FFE14D;
  --bg:#0B0620;--bg2:#150C30;--card1:#24164A;--card2:#150C30;
  --text:#F7F3FF;--body:#E6DEFF;--muted:#CFC3F5;--faint:rgba(207,195,245,.6);--line:rgba(207,195,245,.16);
  --bar:rgba(11,6,32,.82);--glass-btn:rgba(247,243,255,.08);--shadow:rgba(0,0,0,.6);
  --eyebrow:#FFE14D;--link:#FFE14D;--aqua:#80FFDB;--cyan:#4CC9F0;--pink:#FF4FA3;--orange:#FF8A3D;--gold:#FFE14D;
  --head-a:rgba(107,63,224,.38);--head-b:rgba(255,79,163,.12);--grid:rgba(106,79,176,.18);
}
[data-theme="light"]{
  --mark:#6B3FE0;
  --bg:#FBF9FF;--bg2:#F3EEFF;--card1:#FFFFFF;--card2:#F7F3FF;
  --text:#1A1033;--body:#2E2550;--muted:#5B5578;--faint:rgba(26,16,51,.55);--line:rgba(26,16,51,.12);
  --bar:rgba(251,249,255,.86);--glass-btn:rgba(26,16,51,.05);--shadow:rgba(60,40,120,.18);
  --eyebrow:#6B3FE0;--link:#6B3FE0;--aqua:#0E9474;--cyan:#0E86AE;--pink:#CF2A7B;--orange:#D45F0E;--gold:#A67C00;
  --head-a:rgba(107,63,224,.16);--head-b:rgba(255,79,163,.08);--grid:rgba(107,63,224,.10);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font:17px/1.7 Onest,system-ui,sans-serif;-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}
a{color:inherit}
.wrap{max-width:1180px;margin:0 auto;padding:0 32px}
h1,h2,h3{font-family:Unbounded,sans-serif;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.logo{display:flex;align-items:center;gap:10px;font:600 20px/1 Unbounded,sans-serif;text-decoration:none;color:inherit}
.logo .mark{width:22px;height:31px;flex:none;background:var(--mark);-webkit-mask:url(mark.png) center/contain no-repeat;mask:url(mark.png) center/contain no-repeat}
.logo .word{white-space:nowrap}
.logo .i{position:relative;display:inline-block}
.logo .i b{position:absolute;left:50%;top:0;width:.16em;height:.16em;border-radius:.035em;background:var(--mark);transform:translateX(-50%)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.btn{display:inline-flex;align-items:center;gap:10px;padding:11px 18px;border-radius:14px;font-weight:700;font-size:15px;text-decoration:none}
.btn.lemon{background:var(--lemon);color:var(--on-lemon);box-shadow:0 14px 40px -12px rgba(255,200,40,.55)}
.btn.glass{background:var(--glass-btn);border:1px solid var(--line)}
/* the light/dark switch */
.theme-toggle{position:relative;width:60px;height:32px;border-radius:99px;border:1px solid var(--line);background:var(--glass-btn);cursor:pointer;flex:none;padding:0;color:var(--muted)}
.theme-toggle .knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--lemon);box-shadow:0 2px 8px rgba(0,0,0,.25);transition:transform .25s ease}
.theme-toggle svg{position:absolute;top:50%;width:15px;height:15px;transform:translateY(-50%);z-index:1;transition:color .25s}
.theme-toggle .moon{left:7.5px}.theme-toggle .sun{right:7.5px}
[data-theme="dark"] .theme-toggle .moon,[data-theme="light"] .theme-toggle .sun{color:var(--on-lemon)}
[data-theme="light"] .theme-toggle .knob{transform:translateX(28px)}
.bar{position:sticky;top:0;z-index:10;background:var(--bar);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.bar .wrap{display:flex;align-items:center;height:72px;gap:28px}
.bar nav{margin-left:auto;display:flex;align-items:center;gap:22px;font-size:15px;color:var(--muted)}
.bar nav a:not(.btn){text-decoration:none}
.bar nav a:not(.btn):hover{color:var(--text)}
/* page header */
.page-head{position:relative;overflow:hidden;padding:80px 0 56px;border-bottom:1px solid var(--line);background:radial-gradient(800px 380px at 85% -10%,var(--head-a),transparent 70%),radial-gradient(500px 300px at 0% 120%,var(--head-b),transparent 70%)}
.page-head:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background:repeating-linear-gradient(28deg,transparent 0 46px,var(--grid) 46px 47px),repeating-linear-gradient(-62deg,transparent 0 64px,var(--grid) 64px 65px);mask-image:linear-gradient(90deg,transparent 30%,#000)}
.page-head .wrap{position:relative;z-index:1}
.crumb{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--eyebrow)}
.crumb a{text-decoration:none}
.page-head h1{font-size:56px;margin:16px 0 14px;max-width:900px}
.page-head p{color:var(--muted);font-size:18px;max-width:640px}
.page-head p a{color:var(--link)}
.page-head .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
/* document */
.doc{display:grid;grid-template-columns:240px minmax(0,1fr);gap:64px;padding-top:56px;padding-bottom:100px}
.toc{position:sticky;top:100px;align-self:start;font-size:14px}
.toc b{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:12px}
.toc a{display:block;padding:6px 0 6px 14px;border-left:2px solid var(--line);color:var(--muted);text-decoration:none;line-height:1.4}
.toc a:hover,.toc a.on{color:var(--text);border-left-color:var(--lemon)}
[data-theme="light"] .toc a:hover,[data-theme="light"] .toc a.on{border-left-color:var(--eyebrow)}
.prose{max-width:740px}
.prose>*+*{margin-top:18px}
.prose h2{font-size:24px;margin-top:52px;scroll-margin-top:96px}
.prose h3{font-size:18px;margin-top:34px}
.prose p,.prose li{color:var(--body)}
.prose ul,.prose ol{padding-left:24px}
.prose li+li{margin-top:8px}
.prose a{color:var(--link);text-underline-offset:3px}
.prose strong{color:var(--text)}
.prose table{border-collapse:collapse;width:100%;font-size:15px;display:block;overflow-x:auto}
.prose th,.prose td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.prose th{background:var(--bg2);font-weight:700}
.prose code{font-size:.9em;background:var(--bg2);padding:2px 6px;border-radius:6px}
.prose blockquote{border-left:3px solid var(--eyebrow);padding:6px 18px;color:var(--muted)}
/* documents hub */
.hub{padding-top:56px;padding-bottom:100px}
.hub h2{font-size:22px;margin:0 0 18px}
.hub section+section{margin-top:56px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.doc-card{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:22px;background:linear-gradient(180deg,var(--card1),var(--card2));border:1px solid var(--line);text-decoration:none;min-height:170px;transition:transform .2s,border-color .2s}
[data-theme="light"] .doc-card{box-shadow:0 20px 50px -34px var(--shadow)}
.doc-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--c,var(--eyebrow)) 50%,transparent)}
.doc-card .k{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c,var(--eyebrow))}
.doc-card h3{font-size:18px}
.doc-card p{font-size:14.5px;color:var(--muted);line-height:1.5}
.doc-card .go{margin-top:auto;font-size:14px;font-weight:700;color:var(--text)}
.note{color:var(--muted);font-size:15px}
/* footer */
footer{border-top:1px solid var(--line);padding:40px 0 50px;color:var(--muted);font-size:14px}
footer .top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
footer .f{display:flex;gap:10px 22px;flex-wrap:wrap}
footer .f a{text-decoration:none}
footer .f a:hover{color:var(--text)}
footer .bottom{margin-top:22px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--faint);font-size:13px}
footer .contact{display:flex;gap:18px;flex-wrap:wrap;align-items:center;align-self:flex-start}
footer .bottom a{text-underline-offset:3px}
@media (max-width:900px){
  .doc{grid-template-columns:1fr;gap:0}
  .toc{display:none}
  .page-head h1{font-size:40px}
}
@media (max-width:640px){
  .wrap{padding:0 16px}
  .bar nav{gap:12px}
  .bar nav a:not(.btn){display:none}
  .page-head{padding:50px 0 36px}
  .page-head h1{font-size:32px}
  .page-head p{font-size:16px}
  .doc{padding-top:30px}
  .prose h2{font-size:20px}
}
/* Google Play badge (official artwork, used unmodified) */
.play-badge{display:inline-block;line-height:0;border-radius:10px;transition:transform .15s ease}
.play-badge:hover{transform:translateY(-1px)}
.play-badge img{display:block;height:84px;width:auto;margin:-14px}
.page-head .actions{align-items:center}
footer .brand{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
footer .brand .play-badge img{height:60px;margin:-10px}
footer .tm{display:block;margin-top:6px;font-size:11.5px;opacity:.85}
.flag{display:inline-block;width:18px;height:12px;border-radius:2px;vertical-align:-1px;margin:0 6px 0 2px;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
footer .wa-link{display:inline-flex;align-items:center;gap:6px}
footer .wa-link svg{width:16px;height:16px;color:#25D366;flex:none}
footer .social{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;border:1px solid var(--line);color:var(--muted);text-decoration:none!important;transition:color .15s,border-color .15s}
footer .social:hover{color:var(--text);border-color:currentColor}
footer .social svg{width:17px;height:17px}