/* Shared look for the inner pages (FAQ, Privacy, Terms).
   Same ground, type and accents as the home page: black canvas, Archivo for
   display, Inter for text, violet highlights. */
:root{
  --canvas:#000000; --surface:#141414; --ink:#EDEDED; --soft:#9A9A9A; --label:#AFAFB8;
  --accent:#A970F0; --violet:#8A3FD0; --violet-hi:#9B52E0;
  --hair:rgba(237,237,237,0.12); --hair-strong:rgba(237,237,237,0.22);
  --display:"Archivo", system-ui, sans-serif; --text:"Inter", system-ui, sans-serif;
  --mono:"Geist Mono", ui-monospace, monospace;
  --gutter:clamp(1rem,4vw,3rem);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth; -webkit-text-size-adjust:100%;}
body{margin:0; background:var(--canvas); color:var(--ink); font-family:var(--text); font-size:clamp(1rem,0.96rem + 0.22vw,1.125rem); line-height:1.62; -webkit-font-smoothing:antialiased;}
a{color:inherit;}
::selection{background:var(--violet); color:#fff;}

/* top bar: identical to the home page */
.nav{position:sticky; top:0; z-index:10; display:flex; justify-content:space-between; align-items:center; gap:1rem;
  padding:1rem var(--gutter); background:rgba(0,0,0,0.82); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); border-bottom:1px solid var(--hair);}
.nav__word{font-family:var(--display); font-weight:600; font-size:clamp(1.2rem,1.1rem + 0.5vw,1.5rem); letter-spacing:-0.015em; text-decoration:none; color:var(--ink);}
.nav__word .amp{font-style:italic; color:var(--accent);}
.nav__cta{font-family:var(--text); font-size:0.8rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--ink); text-decoration:none;
  border:1px solid var(--hair-strong); border-radius:999px; padding:0.5rem 1rem; white-space:nowrap; transition:border-color .2s, background .2s, color .2s;}
.nav__cta:hover{border-color:transparent; background:linear-gradient(90deg,#8A3FD0 0%,#A85BCF 45%,#D6AE55 100%); color:#fff;}
@media(max-width:560px){ .nav__cta{display:none;} }

.wrap{max-width:46rem; margin:0 auto; padding:clamp(3rem,8vw,6rem) var(--gutter) 5rem;}
.eyebrow{font-family:"Helvetica Neue", Helvetica, "Inter", Arial, sans-serif; font-weight:300; font-size:clamp(0.82rem,0.78rem + 0.22vw,0.98rem); letter-spacing:0.16em; text-transform:uppercase; color:var(--accent); margin:0 0 1.2rem;}
.kicker{font-family:"Helvetica Neue", Helvetica, "Inter", Arial, sans-serif; font-weight:300; font-size:clamp(0.82rem,0.78rem + 0.22vw,0.98rem); letter-spacing:0.16em; text-transform:uppercase;}
.eyebrow > span, .kicker{display:inline-block; background:linear-gradient(90deg,#A970F0,#D6AE55,#A970F0,#D6AE55,#A970F0); background-size:300% 100%; animation:kickerFlow 6s linear infinite; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;}
.eyebrow::after{content:""; display:block; height:2px; width:min(8.5rem,42vw); margin-top:0.9rem; background:linear-gradient(90deg,#A970F0,#D6AE55,#A970F0,#D6AE55,#A970F0); background-size:300% 100%; animation:kickerFlow 6s linear infinite;}
h1{text-wrap:balance; font-family:var(--display); font-weight:700; letter-spacing:-0.02em; font-size:clamp(2.6rem,1.9rem + 4.2vw,4.6rem); line-height:1.02; margin:0;}
.meta{color:var(--soft); font-size:0.9rem; margin:0.9rem 0 0;}
.intro{font-family:var(--display); font-weight:500; letter-spacing:-0.01em; font-size:clamp(1.25rem,1.1rem + 0.6vw,1.6rem); line-height:1.35; color:var(--ink); margin:2rem 0 0;}

/* legal pages */
h2{font-family:var(--display); font-weight:600; letter-spacing:-0.015em; font-size:clamp(1.4rem,1.2rem + 0.8vw,1.9rem); line-height:1.15; margin:3rem 0 0.6rem;}
h2 .n{color:var(--accent); margin-right:0.5rem;}
p{color:var(--soft); margin:0.6rem 0;} p strong{color:var(--ink); font-weight:600;}
ul{color:var(--soft); margin:0.6rem 0; padding-left:1.2rem;} li{margin:0.35rem 0;} li strong{color:var(--ink); font-weight:600;}
li::marker{color:var(--accent);}
.body a, .a a{color:var(--accent); text-decoration-thickness:1px; text-underline-offset:0.15em;}
.note{margin-top:3rem; padding:1.4rem 1.6rem; background:var(--surface); border:1px solid var(--hair); border-left:2px solid var(--violet); border-radius:14px;
  color:var(--ink); font-family:var(--display); font-weight:500; font-size:1.1rem; line-height:1.5;}

/* FAQ */
.qa{margin-top:2.5rem; border-top:1px solid var(--hair);}
.q{font-family:var(--display); font-weight:600; letter-spacing:-0.015em; font-size:clamp(1.4rem,1.2rem + 0.8vw,1.9rem); line-height:1.15; margin:2.4rem 0 0; color:var(--ink);}
.a{margin-top:0.7rem; color:var(--soft);}

footer{border-top:1px solid var(--hair); padding:2.5rem var(--gutter); display:flex; flex-wrap:wrap; gap:0.75rem 2rem; justify-content:center;
  font-family:"Helvetica Neue", Helvetica, "Inter", Arial, sans-serif; font-weight:300; font-size:clamp(0.78rem,0.75rem + 0.18vw,0.9rem); letter-spacing:0.16em; text-transform:uppercase; color:var(--soft);}
footer a{color:var(--soft); text-decoration:none; border-bottom:1px solid var(--hair);}
footer a:hover{color:var(--accent);}
@keyframes kickerFlow{from{background-position:0% 50%;} to{background-position:-150% 50%;}}
@media(prefers-reduced-motion:reduce){ .eyebrow > span, .kicker, .eyebrow::after{animation:none;} }

/* names (Benjamin / Juli): styled before any script runs, so they never flash as plain buttons */
.pl{all:unset; cursor:pointer; color:#A970F0; font-family:"Archivo",system-ui,sans-serif; font-weight:600; letter-spacing:-0.01em; font-size:1em; line-height:inherit; text-decoration:underline; text-decoration-color:transparent; text-underline-offset:0.18em; text-decoration-thickness:1px; transition:color .15s, text-decoration-color .15s;}
.pl:hover,.pl:focus-visible{color:#C9A2F7; text-decoration-color:currentColor;}
.pl:focus-visible{outline:2px solid #A970F0; outline-offset:2px; border-radius:2px;}

/* animated logo mark next to the wordmark (top-left on every page) */
.brand{display:inline-flex; align-items:center; gap:0.6rem; text-decoration:none;}
.brand-mark{display:block; height:2.3em; width:auto; flex:0 0 auto; margin-block:-0.55em;}
@media(max-width:560px){ .brand-mark{height:2.05em;} }

/* studio credit under the footer links */
.credit{flex-basis:100%; width:100%; margin:1.1rem 0 0; text-align:center; font-family:"Helvetica Neue", Helvetica, "Inter", Arial, sans-serif; font-weight:300; font-size:0.6rem; letter-spacing:0.12em; text-transform:uppercase; color:#6c6c6c; line-height:1.8;}
.credit a{color:#9A9A9A !important; text-decoration:none; border-bottom:1px solid rgba(237,237,237,0.18) !important; transition:color .2s, border-color .2s;}
.credit a:hover{color:#C9A2F7 !important; border-bottom-color:#A970F0 !important;}
.credit__dot{margin:0 0.4em; color:#555;}