/* shared by the inner pages; tokens match the homepage (ARGUS Style 2: glass, gold hairline, no glow) */
:root{
  --bg:#0c0b09; --border:rgba(217,183,102,.16); --hairline:rgba(217,183,102,.12);
  --gold:#F0C040; --gold-deep:#d9b766; --ink:#e6dcc4; --text:#cbbf9f; --text-dim:#a89a7a; --text-faint:#857a5c;
  --mono:'JetBrains Mono',ui-monospace,monospace;
}
*{margin:0;box-sizing:border-box}
html{background:var(--bg)}
body{position:relative;color:var(--ink);font-family:Geist,system-ui,sans-serif;-webkit-font-smoothing:antialiased;background:var(--bg) url(/day-night.jpg) top center/100% auto no-repeat}
body::before{content:"";position:absolute;inset:0 0 auto;height:56.25vw;background:linear-gradient(rgba(12,11,9,.35),var(--bg));pointer-events:none}
main,footer,nav{position:relative}
a{color:var(--gold);text-decoration:none}
nav{position:absolute;top:18px;left:50%;transform:translateX(-50%);z-index:5;height:30px;display:flex;align-items:center;gap:14px;padding:0 16px;
  border:1px solid var(--border);border-radius:10px;background:rgba(16,15,13,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-size:13px;white-space:nowrap}
nav a{color:var(--text-dim)}
nav a[aria-current]{color:var(--ink)}
nav a.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;letter-spacing:-.01em;color:var(--ink)}
nav a.brand svg{width:17px;height:17px;color:var(--gold)}
nav i{width:1px;height:12px;background:var(--hairline)}
@media(hover:hover) and (pointer:fine){nav a:hover{color:var(--gold)}}
main{max-width:1120px;margin:0 auto;padding:132px 24px 64px}
h1{font-weight:500;font-size:clamp(40px,5vw,72px);line-height:1.08;letter-spacing:-.025em;text-align:center;text-wrap:balance}
h1 span{color:var(--gold)}
.lede{max-width:52ch;margin:24px auto 0;text-align:center;font-size:18px;line-height:1.6;color:var(--text);text-wrap:pretty}
.film{margin:56px auto 0;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.55);background:#000;aspect-ratio:16/9}
.film video{display:block;width:100%;height:100%}
h2{font-weight:500;font-size:clamp(28px,3vw,40px);letter-spacing:-.02em;margin:96px 0 24px}
.faq{max-width:760px;margin:0 auto}
.faq details{border-top:1px solid var(--hairline)}
.faq details:last-child{border-bottom:1px solid var(--hairline)}
.faq summary{list-style:none;cursor:pointer;padding:22px 36px 22px 0;font-size:18px;font-weight:500;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:6px;top:50%;width:10px;height:10px;border-right:1.5px solid var(--gold-deep);border-bottom:1.5px solid var(--gold-deep);transform:translateY(-70%) rotate(45deg);transition:transform .2s cubic-bezier(.16,1,.3,1)}
.faq details[open] summary::after{transform:translateY(-30%) rotate(225deg)}
.faq summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:4px}
.faq p{padding:0 0 22px;font-size:16px;line-height:1.65;color:var(--text);max-width:62ch}
.prose{max-width:720px;margin:0 auto}
.prose h2{margin:56px 0 14px;font-size:24px}
.prose p,.prose li{font-size:17px;line-height:1.7;color:var(--text)}
.prose ul{padding-left:20px;margin-top:8px}
.prose li{margin:6px 0}
.prose strong{color:var(--ink);font-weight:600}
.updated{text-align:center;margin-top:16px;font:400 13px var(--mono);color:var(--text-faint)}
.foot-links{display:flex;justify-content:center;gap:24px;padding:28px 16px 40px;font-size:13px;color:var(--text-faint)}
.foot-links a{color:var(--text-dim)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
@media(max-width:700px){
  nav a[href="/privacy/"],nav i:not(:first-of-type){display:none}
  main{padding:104px 16px 48px}
  .film{margin-top:36px}
  h2{margin-top:64px}
}
