/* Shared chrome for /privacy/, /terms/, /legal/ — matches the home page
   (same body gradient, noise overlay, orbs, stars canvas). Mobile keeps
   the orbs but with a reduced blur radius for compositor cost. */

:root {
    --bg:#08060f; --bg2:#0c0918; --bg-c:#110d1e;
    --bdr:rgba(124,58,237,0.12); --bdr-h:rgba(124,58,237,0.3);
    --t1:#f4f4fb; --t2:#9494b8; --t3:#5e5e7e;
    --ac:#7c3aed; --acl:#a78bfa;
    --grad:linear-gradient(135deg,#c4b5fd,#7c3aed 40%,#a78bfa 70%,#ddd6fe);
    --gbtn:linear-gradient(135deg,#7c3aed,#6d28d9);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;overflow-x:hidden;width:100%;max-width:100vw;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
    font-family:'Inter',system-ui,sans-serif;
    background:linear-gradient(180deg,#0c0818 0%,#08060f 40%,#08060f 60%,#0c0818 100%) fixed;
    color:var(--t1);
    overflow-x:hidden;
    line-height:1.7;
    width:100%;max-width:100vw;position:relative;
    min-height:100vh;min-height:100dvh;
}
a{text-decoration:none;color:var(--acl);transition:color .2s}
a:hover{color:#c4b5fd}
::selection{background:rgba(124,58,237,.3)}

/* Noise overlay (matches home) */
body::before{
    content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .5 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
    opacity:.025;mix-blend-mode:overlay;
}

/* Stars canvas (animated by main.js) */
#stars{position:fixed;inset:0;pointer-events:none;z-index:0;width:100%;height:100%}

/* Violet orbs (matches home) */
.orb{position:fixed;border-radius:50%;pointer-events:none;filter:blur(140px);z-index:-1}
.orb-h{width:min(700px,100vw);height:700px;top:-300px;left:50%;transform:translateX(-50%);background:radial-gradient(circle,rgba(124,58,237,.2),transparent 70%)}
.orb-m{width:min(500px,100vw);height:500px;top:50%;right:0;transform:translateX(50%);background:radial-gradient(circle,rgba(99,102,241,.08),transparent 70%)}

@media (max-width:768px){
    body::before{display:none}
    .orb{filter:blur(80px)}
    .orb-h{width:min(500px,100vw);height:500px;top:-220px}
    .orb-m{width:min(380px,100vw);height:380px}
}

/* Page chrome */
.hd{padding:28px 40px;border-bottom:1px solid var(--bdr);position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}
/* "Yvor" in Instrument Serif italic + "AIO" in Inter 800 violet —
   matches the home navbar and the .stat-v "24/7" treatment. Subtle violet
   glow halo on the serif word (Yvor only — AIO overrides shadow). */
.hd-logo{display:flex;align-items:baseline;gap:8px;font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;font-size:24px;letter-spacing:-.5px;color:#fff;line-height:1;text-shadow:0 0 16px rgba(167,139,250,.5),0 0 36px rgba(124,58,237,.28)}
.hd-logo:hover{color:#fff}
.hd-logo img{width:32px;height:32px;border-radius:8px;align-self:center}
.hd-logo span{font-family:'Inter',system-ui,sans-serif;font-style:normal;font-weight:800;font-size:17px;color:var(--acl);margin-left:-4px;letter-spacing:-.3px;text-shadow:none}
.hd-links{display:flex;gap:24px;font-size:13px;color:var(--t2)}
.hd-links a{color:var(--t2)}
.hd-links a:hover{color:var(--t1)}

.container{max-width:760px;margin:0 auto;padding:60px 40px 80px;position:relative;z-index:2}
.doc-header{margin-bottom:48px}
.doc-header h1{font-size:36px;font-weight:800;letter-spacing:-.5px;margin-bottom:8px;color:var(--t1)}
.doc-header .meta{font-size:13px;color:var(--t3)}
.section{margin-bottom:40px}
.section h2{font-size:18px;font-weight:700;color:var(--t1);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--bdr)}
.section p{font-size:14px;color:var(--t2);margin-bottom:12px;line-height:1.8}
.section p strong{color:var(--t1);font-weight:600}
.section p code{background:rgba(124,58,237,.08);padding:1px 6px;border-radius:4px;font-size:12.5px;color:var(--acl)}
.section ul{padding-left:20px;margin-bottom:12px}
.section ul li{font-size:14px;color:var(--t2);margin-bottom:6px;line-height:1.7}
.section ul li::marker{color:var(--ac)}

.highlight{background:rgba(124,58,237,.06);border:1px solid var(--bdr);border-radius:10px;padding:16px 20px;margin-bottom:16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.highlight p{margin:0;font-size:13px;color:var(--t2)}

.table-wrap{overflow-x:auto;margin-bottom:16px;border:1px solid var(--bdr);border-radius:10px;background:rgba(12,9,24,.4)}
table{width:100%;border-collapse:collapse;font-size:13px}
th{text-align:left;padding:12px 16px;color:var(--t3);font-weight:600;border-bottom:1px solid var(--bdr);text-transform:uppercase;letter-spacing:.5px}
td{padding:12px 16px;color:var(--t2);border-bottom:1px solid rgba(124,58,237,.05);line-height:1.6;vertical-align:top}
tr:last-child td{border-bottom:none}

.ft{text-align:center;padding:40px;border-top:1px solid var(--bdr);font-size:13px;color:var(--t3);position:relative;z-index:2}
.ft a{color:var(--t3)}
.ft a:hover{color:var(--t1)}

@media (max-width:640px){
    .hd{padding:20px}
    .container{padding:40px 20px 60px}
    .doc-header h1{font-size:28px}
    .hd-links{display:none}
    @supports(padding:max(0px)){
        .ft{padding-bottom:max(40px,env(safe-area-inset-bottom))}
    }
}