/* Shared styling for PrimePixel result + legal pages (on-brand: navy/cream/gold). */
*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }
:root{
  --navy:#091220; --navy2:#070e18; --navy3:#10192a; --navy4:#18263f; --black:#040a12;
  --white:#f2ead8; --white2:#b8ae96; --gold:#c8a84b; --gold2:#dfc069; --gold3:rgba(200,168,75,0.18);
}
html{ scroll-behavior:smooth; font-size:16px; }
body{ background:var(--black); color:var(--white); font-family:'Montserrat',sans-serif; font-weight:300; line-height:1.7; overflow-x:hidden; }
a{ color:var(--gold2); }

.nav-bg{ position:fixed; top:0; left:0; right:0; height:88px; background:linear-gradient(to bottom,rgba(6,13,23,0.97),transparent); z-index:199; pointer-events:none; }
nav{ position:fixed; top:0; left:0; right:0; z-index:200; display:flex; align-items:center; justify-content:space-between; padding:1.5rem 5rem; }
.logo{ font-family:'Playfair Display',serif; font-size:1.15rem; font-weight:300; letter-spacing:0.02em; text-decoration:none; color:var(--white); }
.logo b{ color:var(--gold); font-weight:400; }
.nav-links{ display:flex; gap:2rem; list-style:none; }
.nav-links a{ font-size:0.62rem; letter-spacing:0.3em; text-transform:uppercase; color:var(--white2); text-decoration:none; transition:color .3s; }
.nav-links a:hover{ color:var(--gold); }
@media(max-width:680px){ nav{ padding:1.2rem 1.5rem; } .nav-links{ gap:1.1rem; } }

.wrap{ max-width:820px; margin:0 auto; padding:9rem 1.5rem 5rem; }
.s-label{ font-size:0.58rem; letter-spacing:0.4em; text-transform:uppercase; color:var(--gold); display:block; margin-bottom:1rem; }
h1{ font-family:'Playfair Display',serif; font-weight:300; font-size:clamp(2rem,4.5vw,3rem); line-height:1.15; letter-spacing:-0.01em; margin-bottom:1rem; }
h1 em{ font-style:italic; color:var(--gold2); }
h2{ font-family:'Playfair Display',serif; font-weight:400; font-size:1.25rem; color:var(--gold2); margin:2.4rem 0 0.8rem; }
h3{ font-size:0.8rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--gold); margin:1.6rem 0 0.6rem; }
p, li{ font-size:0.82rem; color:var(--white2); margin-bottom:0.8rem; }
.prose strong{ color:var(--white); font-weight:400; }
.prose ul, .prose ol{ padding-left:1.3rem; margin-bottom:1rem; }
.divider{ width:48px; height:1px; background:var(--gold); margin:1.6rem 0; }
.note{ background:rgba(184,150,62,0.06); border:1px solid var(--gold3); border-left:2px solid var(--gold); padding:1rem 1.2rem; font-size:0.74rem; color:var(--white2); margin:1.4rem 0; }
.fill{ color:#e0c06a; background:rgba(200,168,75,0.1); padding:0 0.3rem; border-radius:2px; }

.btn{ display:inline-block; background:var(--gold); color:var(--black); font-size:0.6rem; font-weight:500; letter-spacing:0.3em; text-transform:uppercase; padding:1rem 2.4rem; text-decoration:none; transition:background .3s,transform .2s; }
.btn:hover{ background:var(--gold2); transform:translateY(-2px); }
.btn-ghost{ display:inline-block; font-size:0.6rem; letter-spacing:0.3em; text-transform:uppercase; color:var(--white2); text-decoration:none; border-bottom:1px solid var(--gold3); padding-bottom:3px; margin-left:1.6rem; transition:color .3s; }
.btn-ghost:hover{ color:var(--gold); }

/* Result hero */
.result{ text-align:center; padding:10rem 1.5rem 6rem; max-width:620px; margin:0 auto; }
.result .icon{ width:84px; height:84px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 2rem; border:1px solid var(--gold3); }
.result.ok .icon{ background:rgba(200,168,75,0.1); }
.result.fail .icon{ border-color:rgba(200,90,90,0.4); background:rgba(200,90,90,0.08); }
.result p{ font-size:0.86rem; line-height:1.9; margin-bottom:0.6rem; }
.result .actions{ margin-top:2.5rem; }

footer{ border-top:1px solid rgba(200,168,75,0.1); padding:2.5rem 1.5rem; text-align:center; background:var(--navy2); }
.foot-links{ display:flex; gap:1.4rem; justify-content:center; flex-wrap:wrap; margin-bottom:1rem; }
.foot-links a{ font-size:0.58rem; letter-spacing:0.18em; text-transform:uppercase; color:var(--white2); text-decoration:none; }
.foot-links a:hover{ color:var(--gold); }
.foot-copy{ font-size:0.58rem; color:var(--white2); opacity:0.7; }