:root{
  --navy-deep:#10162b; --navy-card:#1a2140; --navy-card-hi:#232c52;
  --gold:#e8a33d; --gold-soft:#f3c877; --teal:#4fd1c5; --red:#e2685f;
  --paper:#f3f0e8; --paper-dim:#9a97a8; --line:rgba(243,240,232,0.10);
}
*{box-sizing:border-box;}
body{margin:0; background:var(--navy-deep); color:var(--paper); font-family:'Inter', sans-serif; -webkit-font-smoothing:antialiased; line-height:1.6;}
h1,h2,h3{font-family:'Fraunces', serif; font-weight:500; letter-spacing:-0.01em; color:var(--paper);}
a{color:var(--teal);}
code, .mono{font-family:'JetBrains Mono', monospace;}
.wrap{max-width:760px; margin:0 auto; padding:0 24px;}

.demo-banner{background:var(--gold); color:#1a1204; text-align:center; font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.03em; padding:7px 16px;}

header{border-bottom:1px solid var(--line); padding:20px 0;}
nav{display:flex; align-items:center; justify-content:space-between;}
.logo{display:flex; align-items:center; gap:10px; font-family:'Fraunces', serif; font-size:19px; font-weight:600; text-decoration:none; color:var(--paper);}
.back-link{font-size:13.5px; color:var(--paper-dim); text-decoration:none;}
.back-link:hover{color:var(--paper);}

main{padding:56px 0 80px;}
.eyebrow{font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:0.08em; text-transform:uppercase; color:var(--teal); margin-bottom:10px; display:block;}
h1{font-size:clamp(28px,4vw,38px); margin:0 0 8px;}
.updated{font-size:12.5px; color:var(--paper-dim); margin-bottom:40px;}
h2{font-size:19px; margin:38px 0 12px;}
h3{font-size:15px; margin:24px 0 8px; color:var(--paper);}
p, li{font-size:14.5px; color:#c9c6d4;}
ul, ol{padding-left:22px;}
li{margin-bottom:6px;}
.callout{background:var(--navy-card); border:1px solid var(--line); border-left:3px solid var(--teal); border-radius:10px; padding:16px 18px; margin:18px 0; font-size:13.5px; color:var(--paper-dim);}
.callout strong{color:var(--paper);}

table{width:100%; border-collapse:collapse; margin:16px 0; font-size:13.5px;}
th{text-align:left; font-family:'JetBrains Mono',monospace; font-size:11px; text-transform:uppercase; letter-spacing:0.04em; color:var(--paper-dim); padding:10px 12px; border-bottom:1px solid var(--line);}
td{padding:12px; border-bottom:1px solid var(--line); color:#c9c6d4;}
td.mono{font-family:'JetBrains Mono',monospace; color:var(--paper);}

.faq-item{border-bottom:1px solid var(--line); padding:18px 0;}
.faq-item:last-child{border-bottom:none;}
.faq-q{font-size:15px; color:var(--paper); font-weight:500; margin-bottom:8px;}

footer{border-top:1px solid var(--line); padding:32px 0;}
.legal-links{display:flex; flex-wrap:wrap; gap:20px; margin-bottom:16px;}
.legal-links a{font-size:12.5px; color:var(--paper-dim); text-decoration:none;}
.legal-links a:hover{color:var(--paper);}
.legal-links a.active{color:var(--teal);}
.foot-note{font-size:12px; color:var(--paper-dim);}