:root{
  --b:#F5A623;
  --bg:#0D0D0B;
  --bg2:#141410;
  --bg3:#1A1A16;
  --bo:#303030;
  --bo2:#3C3C36;
  --tx:#F2EEE4;
  --tx2:#BAB5A8;
  --tx3:#7A756C;
  --tx4:#4A4840;
  --mint:#3ECFBF;
  --s1:3px 3px 0 #000;
  --s2:6px 6px 0 #000;
  --sb:5px 5px 0 #000;
  --r2:10px;
  --r3:14px;
  --bw:2px;
  --f:'Sora',sans-serif;
  --m:'JetBrains Mono',monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 20% 0%, rgba(245,166,35,.06), transparent 30%),
    linear-gradient(180deg, #0D0D0B 0%, #0D0D0B 100%);
  color:var(--tx);
  font-family:var(--f);
  min-height:100vh;
}
a{color:inherit}
.nav{
  position:sticky;top:0;z-index:20;
  background:rgba(13,13,11,.94);
  backdrop-filter:blur(18px);
  border-bottom:var(--bw) solid var(--bo2);
}
.navin{
  max-width:1120px;margin:0 auto;
  padding:14px 24px;
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;
}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;letter-spacing:-.5px}
.brand img{width:34px;height:34px;border-radius:10px;display:block}
.brand span{font-size:15px;color:var(--tx)}
.navlinks{
  margin-left:auto;display:flex;flex-wrap:wrap;gap:8px;align-items:center;
}
.navlinks a{
  text-decoration:none;
  color:var(--tx3);
  font-size:13px;
  font-weight:700;
  padding:8px 12px;
  border-radius:8px;
  transition:background .15s,color .15s;
}
.navlinks a:hover,.navlinks a.active{background:var(--bg3);color:var(--tx)}
.cta{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--b);color:#0D0D0B !important;border:var(--bw) solid #000;
  box-shadow:var(--s1);
}
.gpicon{
  width:16px;
  height:16px;
  flex:0 0 16px;
  fill:currentColor;
}
.shell{max-width:920px;margin:0 auto;padding:34px 24px 72px}
.badge{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--bg3);border:var(--bw) solid var(--bo2);border-radius:999px;
  padding:6px 14px;font-size:10px;font-weight:800;color:var(--b);font-family:var(--m);
  letter-spacing:1.4px;text-transform:uppercase;margin-bottom:18px;
}
.dot{width:5px;height:5px;border-radius:50%;background:var(--b)}
.title{
  font-size:clamp(34px,5vw,60px);line-height:.95;letter-spacing:-2.6px;font-weight:900;
  max-width:780px;
}
.sub{
  margin-top:14px;max-width:680px;color:var(--tx3);font-size:16px;line-height:1.75;
}
.callout{
  margin-top:24px;background:var(--bg2);border:var(--bw) solid var(--b);
  border-left:6px solid var(--b);border-radius:18px;padding:16px 18px;
}
.callout p{color:var(--tx2);font-size:14px;line-height:1.75}
.callout a,.box a{color:var(--b);text-decoration:none}
.callout a:hover,.box a:hover{text-decoration:underline}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:28px}
.card{
  background:linear-gradient(180deg,rgba(20,20,16,.96),rgba(14,14,11,.98));
  border:var(--bw) solid var(--bo2);border-radius:20px;padding:18px;box-shadow:var(--s1);
}
.card h2{font-size:18px;line-height:1.15;letter-spacing:-.5px;margin-bottom:10px}
.card h3{font-size:15px;margin:14px 0 8px;color:var(--tx2)}
.card p,.card li{color:var(--tx3);font-size:14px;line-height:1.75}
.card ul{padding-left:18px;display:flex;flex-direction:column;gap:7px}
.card li::marker{color:var(--b)}
.toc{
  margin-top:24px;background:var(--bg2);border:var(--bw) solid var(--bo2);border-radius:18px;padding:16px 18px;
}
.toc strong{display:block;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--tx4);font-family:var(--m);margin-bottom:10px}
.toc a{
  display:block;text-decoration:none;color:var(--b);font-size:13px;padding:5px 0;
}
.toc a:hover{text-decoration:underline}
.section{margin-top:32px}
.section h2{
  font-size:22px;line-height:1.1;letter-spacing:-.6px;margin-bottom:10px;
  padding-bottom:8px;border-bottom:var(--bw) solid var(--bo2);
}
.section h3{font-size:15px;color:var(--tx2);margin:14px 0 8px}
.section p,.section li{color:var(--tx3);font-size:14px;line-height:1.8}
.section ul{padding-left:18px;display:flex;flex-direction:column;gap:8px}
.section li::marker{color:var(--b)}
.section a{color:var(--b);text-decoration:none}
.section a:hover{text-decoration:underline}
.box{
  margin-top:28px;background:var(--bg3);border:var(--bw) solid var(--b);
  border-radius:20px;box-shadow:var(--sb);padding:20px;
}
.box h3{color:var(--b);font-size:15px;margin-bottom:8px}
.box p{color:var(--tx2);font-size:14px;line-height:1.7}
.foot{
  border-top:var(--bw) solid var(--bo2);
  background:var(--bg);
  padding:18px 24px;
}
.footin{
  max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
}
.footlinks{display:flex;flex-wrap:wrap;gap:10px}
.footlinks a{
  color:var(--tx4);font-size:11px;font-weight:700;text-decoration:none;font-family:var(--m);
}
.footlinks a:hover{color:var(--b)}
@media(max-width:720px){
  .navlinks{margin-left:0}
  .title{letter-spacing:-2px}
  .shell{padding-top:26px}
  .footin{align-items:flex-start}
}
.last-updated{
  font-size:0.8rem;
  color:#888;
  margin-top:-0.5rem;
  margin-bottom:1.5rem;
}
.legal-table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0 1.5rem;
  font-size: 0.875rem;
}
.legal-table th,
.legal-table td {
  text-align: left;
  padding: 9px 14px;
  border: 1px solid var(--bo2);
  vertical-align: top;
}
.legal-table th {
  background: var(--bg3);
  color: var(--tx);
  font-weight: 600;
}
.legal-table td {
  color: var(--tx3);
}
.legal-table tr:nth-child(even) td {
  background: var(--bg2);
}