/* Shared styles for the simple pages (success, legal, 404). index.html and manuals.html carry their own inline copy. */
:root{
  --bg:#0a0a0b;--surface:#151518;--surface-2:#1d1e22;--border:#2b2c31;--border-soft:#222327;
  --text:#f4f2ec;--text-muted:#9b9ea6;--text-faint:#6c6f77;--silver:#d7dade;
  --gold:#dcab3d;--gold-bright:#f4c968;--gold-dim:rgba(220,171,61,0.14);
  --radius-lg:20px;--radius-md:14px;--maxw:1120px;
}
*{box-sizing:border-box;}
body{background:var(--bg);color:var(--text);font-family:'Manrope',system-ui,-apple-system,sans-serif;line-height:1.55;margin:0;padding-inline:20px;-webkit-font-smoothing:antialiased;}
h1,h2,h3{font-family:'Unbounded',system-ui,sans-serif;text-wrap:balance;margin:0;letter-spacing:-0.01em;}
p{margin:0;}
a{color:inherit;}
::selection{background:var(--gold-dim);color:var(--gold-bright);}
.wrap{max-width:var(--maxw);margin-inline:auto;}
nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(10,10,11,0.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-soft);margin-inline:-20px;padding-inline:20px;}
.nav-inner{max-width:var(--maxw);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px;}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;}
.brand img{width:34px;height:34px;display:block;}
.brand span{font-family:'Unbounded',sans-serif;font-weight:700;font-size:16px;letter-spacing:-0.01em;color:var(--text);}
.brand span em{color:var(--gold-bright);font-style:normal;}
.nav-cta{background:var(--gold);color:#151006;font-weight:700;font-size:13.5px;padding:9px 18px;border-radius:999px;text-decoration:none;white-space:nowrap;}
.nav-links{display:flex;align-items:center;gap:22px;margin-inline:auto 0;}
.nav-links a{font-size:13.5px;font-weight:600;color:var(--text-muted);text-decoration:none;}
.nav-links a.active,.nav-links a:hover{color:var(--gold-bright);}
@media (max-width:430px){
  .nav-inner{gap:8px;}
  .brand span{font-size:13px;}
  .nav-links a{font-size:12.5px;}
  .nav-cta{padding:8px 12px;font-size:12.5px;}
}
@media (max-width:370px){
  /* the nav is wider than a small phone: drop the Manuals link (still in the footer) and tighten the rest */
  .nav-links{display:none;}
  .brand img{width:30px;height:30px;}
}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold-bright);background:var(--gold-dim);border:1px solid rgba(220,171,61,0.28);padding:7px 14px;border-radius:999px;}
.btn-primary{display:inline-block;background:linear-gradient(135deg,var(--gold-bright),var(--gold));color:#161006;font-weight:800;font-size:15px;padding:14px 30px;border-radius:999px;text-decoration:none;border:0;cursor:pointer;font-family:inherit;box-shadow:0 10px 30px -8px rgba(220,171,61,0.45);}
.btn-ghost{display:inline-block;border:1px solid var(--border);color:var(--text);font-weight:700;font-size:15px;padding:14px 26px;border-radius:999px;text-decoration:none;background:transparent;cursor:pointer;font-family:inherit;}
.page-head{padding-block:52px 28px;display:grid;gap:14px;justify-items:center;text-align:center;}
.page-head h1{font-size:clamp(26px,4.6vw,40px);max-width:720px;}
.page-head p{max-width:560px;color:var(--text-muted);font-size:clamp(14.5px,1.8vw,16.5px);}
.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:32px 24px;display:grid;gap:16px;justify-items:center;text-align:center;max-width:560px;margin:0 auto 56px;}
.card p{color:var(--text-muted);font-size:14.5px;}
.invite-link{display:block;width:100%;word-break:break-all;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;font-weight:700;color:var(--gold-bright);text-decoration:none;font-size:15px;}
.note{font-size:13px;color:var(--text-faint);}
.legal{max-width:720px;margin:0 auto 56px;display:grid;gap:14px;color:var(--text-muted);font-size:15px;}
.legal h2{font-size:18px;color:var(--text);margin-top:14px;}
.legal .placeholder{border:1px dashed rgba(220,171,61,0.45);background:var(--gold-dim);color:var(--gold-bright);border-radius:var(--radius-md);padding:14px 16px;font-size:13.5px;font-weight:600;}
.legal{overflow-wrap:anywhere;}
.legal p,.legal li{line-height:1.65;}
.legal ul{margin:0;padding-left:22px;display:grid;gap:8px;}
.legal strong{color:var(--text);font-weight:700;}
.legal a{color:var(--gold-bright);text-underline-offset:3px;}
.legal-table{width:100%;border-collapse:collapse;font-size:14px;}
.legal-table th,.legal-table td{text-align:left;vertical-align:top;padding:10px 12px;border:1px solid var(--border-soft);}
.legal-table th{background:var(--surface-2);color:var(--text);font-weight:700;}
/* Phones: each row becomes a stacked card, so the table never scrolls sideways. */
@media (max-width:640px){
  .legal-table,.legal-table tbody,.legal-table tr,.legal-table td{display:block;width:100%;}
  .legal-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
  .legal-table tr{border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:6px 0;margin-bottom:12px;background:var(--surface);}
  .legal-table td{border:0;padding:6px 14px;}
  .legal-table td::before{content:attr(data-label);display:block;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin-bottom:2px;}
}
footer{padding-block:36px 48px;display:grid;gap:14px;justify-items:center;text-align:center;}
footer .brand{justify-content:center;}
footer p{color:var(--text-faint);font-size:12.5px;max-width:480px;}
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;}
.footer-links a{font-size:13px;font-weight:600;color:var(--text-muted);text-decoration:none;}
.footer-links a:hover{color:var(--gold-bright);}

.note a{color:var(--gold-bright);}