/* XAGU Studios — Privacy Policy */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html {
    background: #080808;
    color: #e0e0e0;
    font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 16px;
    line-height: 1.75;
    -webkit-font-smoothing: antialiased;
}

body {
    max-width: 780px;
    margin: 0 auto;
    padding: 0 28px 96px;
}

/* Brand header */
body::before {
    content: "XAGU Studios";
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.35);
    padding: 28px 0;
    margin-bottom: 48px;
    border-bottom: 1px solid rgba(255,255,255,0.07);
}

/* Accent stripe at top of page */
html::before {
    content: "";
    display: block;
    height: 3px;
    background: linear-gradient(to right, #00b8db, #155dfc);
}

h1, h2, h3, h4 {
    font-weight: 700;
    line-height: 1.3;
    color: #ffffff;
    margin-top: 2.25em;
    margin-bottom: 0.65em;
}

h1 { font-size: 1.875rem; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.15rem; }
h4 { font-size: 1rem; }

/* First heading no extra top margin */
body > h1:first-child,
body > h2:first-child,
body > p:first-child > strong:first-child:only-child { margin-top: 0; }

p {
    margin-bottom: 1.15em;
    color: rgba(255,255,255,0.68);
}

p + p { }

strong, b {
    font-weight: 600;
    color: rgba(255,255,255,0.92);
}

a {
    color: #00b8db;
    text-decoration: none;
    transition: color 0.15s;
}
a:hover { color: #3dd5f3; text-decoration: underline; }

ul, ol {
    padding-left: 1.5em;
    margin-bottom: 1.15em;
    color: rgba(255,255,255,0.68);
}
li { margin-bottom: 0.45em; }
li:last-child { margin-bottom: 0; }

hr {
    border: none;
    border-top: 1px solid rgba(255,255,255,0.08);
    margin: 2em 0;
}

/* Paragraphs that start with <strong> act as sub-headings */
p > strong:first-child {
    display: block;
    font-size: 1.05rem;
    color: #ffffff;
    margin-top: 0.25em;
    margin-bottom: 0.1em;
}

@media (max-width: 600px) {
    body { padding: 0 18px 72px; }
    h1   { font-size: 1.5rem; }
    h2   { font-size: 1.25rem; }
}