/* Shared Naked Glow styles for Percentl content/legal pages */
:root{
  --bg:#070912; --panel:#0E111A; --ink:#EEF1F8; --dim:#9AA3B8; --faint:#565E72; --line:rgba(255,255,255,.08);
  --cyan:#4FEBFF; --violet:#9B6BFF; --pink:#FF6FB0; --mint:#7FEFD4;
  --grad:linear-gradient(110deg,#4FEBFF,#9B6BFF 60%,#FF6FB0);
  --f:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--cyan);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}

/* aurora */
.orbs{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35}
.orb.a{width:480px;height:480px;background:radial-gradient(circle,#1E6BFF,transparent 70%);top:-180px;left:-140px}
.orb.b{width:420px;height:420px;background:radial-gradient(circle,#8B3DFF,transparent 70%);top:20%;right:-180px}
nav,main,footer{position:relative;z-index:2}

/* ring logo — identical to the app */
.mark{width:24px;height:24px;border-radius:50%;position:relative;flex:none;
  background:conic-gradient(from -90deg,var(--cyan),var(--violet) 66%,rgba(255,255,255,.09) 66%)}
.mark::after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--bg)}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;color:var(--ink)}
.brand:hover{text-decoration:none}
.brand .pct{color:var(--cyan)}

nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:rgba(7,9,18,.7);border-bottom:1px solid var(--line)}
nav .wrap{max-width:1120px;display:flex;align-items:center;justify-content:space-between;height:64px}
nav .links{display:flex;gap:24px}
nav .links a{color:var(--dim);font-size:14px;font-weight:500}
nav .links a:hover{color:var(--ink);text-decoration:none}
@media(max-width:640px){nav .links{display:none}}

main{padding:56px 0 40px}
.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);font-weight:700}
h1{font-size:clamp(30px,5vw,44px);letter-spacing:-.03em;margin:12px 0 0;font-weight:800;text-wrap:balance}
.updated{color:var(--faint);font-size:13px;margin-top:14px}
.lead{color:var(--dim);font-size:17px;margin:20px 0 0}
h2{font-size:20px;letter-spacing:-.02em;margin:40px 0 0;font-weight:800;color:var(--ink)}
h3{font-size:15px;margin:22px 0 0;font-weight:700;color:var(--ink)}
p{color:var(--dim);font-size:15px;margin:12px 0 0}
ul{margin:12px 0 0;padding-left:20px}
li{color:var(--dim);font-size:15px;margin:8px 0}
li b,p b{color:var(--ink);font-weight:700}
.sec-cyan{color:var(--cyan);font-weight:700}
strong{color:var(--ink)}
.callout{margin:22px 0 0;background:linear-gradient(160deg,rgba(79,235,255,.06),rgba(155,107,255,.05));border:1px solid var(--line);border-radius:16px;padding:18px 20px}
.callout p{margin:0;color:var(--ink)}
hr{border:0;border-top:1px solid var(--line);margin:44px 0}

footer{border-top:1px solid var(--line);padding:36px 0 60px}
footer .wrap{max-width:1120px}
.foot-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;align-items:center}
.foot-links{display:flex;gap:20px;flex-wrap:wrap}
.foot-links a{color:var(--dim);font-size:13.5px}
.foot-links a:hover{color:var(--ink);text-decoration:none}
.foot-copy{color:var(--faint);font-size:12.5px}