/* RSAAIDrive — shared styles for content / legal pages */
:root{
  --ink:#0d0d0f; --gold-1:#caa24a; --gold-2:#e8c876; --gold-3:#9c7a2e;
  --paper:#ffffff; --mist:#f6f4ef; --line:#e9e4d8; --muted:#6b6a66;
  --gold-grad:linear-gradient(100deg,#9c7a2e 0%,#e8c876 38%,#caa24a 62%,#8a6c26 100%);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--paper);
  -webkit-font-smoothing:antialiased;line-height:1.7}

/* header / footer (black, matches landing) */
.site-nav{display:flex;align-items:center;justify-content:space-between;
  padding:22px clamp(20px,5vw,64px);background:var(--ink)}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none}
.brand .sphere{height:46px;width:auto;display:block;
  filter:drop-shadow(0 4px 10px rgba(156,122,46,.45))}
.brand .wm{font-family:'Cormorant Garamond',serif;font-weight:700;font-size:1.8rem;
  letter-spacing:.06em;line-height:1;
  background:linear-gradient(180deg,#fff6df,#e8c876 40%,#caa24a 60%,#9c7a2e 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.brand .wm-ai{background:linear-gradient(180deg,#ffe9a8,#caa24a 55%,#8a6c26);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.nav-cta{font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;
  color:#f1ead8;background:none;border:1px solid rgba(202,162,74,.45);
  padding:11px 20px;border-radius:40px;cursor:pointer;text-decoration:none;transition:.25s}
.nav-cta:hover{border-color:var(--gold-2);color:#fff}

/* content */
.page{max-width:820px;margin:0 auto;padding:clamp(40px,7vw,80px) clamp(20px,5vw,40px) 90px}
.eyebrow{display:inline-block;font-size:.74rem;font-weight:600;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold-3);margin-bottom:16px}
.page h1{font-family:'Cormorant Garamond',serif;font-weight:600;
  font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.08;margin-bottom:14px}
.updated{color:var(--muted);font-size:.88rem;margin-bottom:40px;padding-bottom:24px;
  border-bottom:1px solid var(--line)}
.page h2{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:1.6rem;
  margin:40px 0 12px}
.page h3{font-size:1.05rem;font-weight:600;margin:26px 0 8px}
.page p{color:#33312d;margin-bottom:16px}
.page ul,.page ol{margin:0 0 18px 22px;color:#33312d}
.page li{margin-bottom:8px}
.page a{color:var(--gold-3);text-decoration:underline;text-underline-offset:2px}
.page a:hover{color:var(--gold-1)}
.callout{background:var(--mist);border:1px solid var(--line);border-left:3px solid var(--gold-1);
  border-radius:10px;padding:20px 24px;margin:24px 0}
.callout p:last-child{margin-bottom:0}
.muted{color:var(--muted);font-size:.92rem}
.back{display:inline-flex;align-items:center;gap:8px;margin-top:48px;
  color:var(--gold-3);text-decoration:none;font-weight:600;font-size:.92rem}
.back:hover{color:var(--gold-1)}

/* footer */
footer{background:var(--ink);color:#cfcbc1;padding:64px clamp(20px,5vw,64px) 40px}
.foot-grid{max-width:1180px;margin:0 auto;display:grid;
  grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
.foot-brand .brand{margin-bottom:6px}
.foot-brand .sphere{height:54px}
.foot-brand .wm{font-size:2rem}
.foot-brand p{font-size:.86rem;color:#8e8a80;font-weight:300;margin-top:14px;max-width:300px;line-height:1.7}
.foot-col h5{font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:#a59a78;margin-bottom:16px}
.foot-col a{display:block;color:#cfcbc1;text-decoration:none;font-size:.9rem;font-weight:300;
  padding:6px 0;transition:.2s}
.foot-col a:hover{color:var(--gold-2)}
.legal{max-width:1180px;margin:48px auto 0;padding-top:28px;border-top:1px solid #26262a}
.legal .sec{font-size:.76rem;line-height:1.85;color:#7d7a72;font-weight:300}
.legal .sec b{color:#a59a78;font-weight:600}
.legal .copy{margin-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;
  font-size:.8rem;color:#6f6c64}
.legal .copy a{color:#9b9388;text-decoration:none}
.legal .copy a:hover{color:var(--gold-2)}

@media (max-width:860px){.foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.foot-grid{grid-template-columns:1fr}.legal .copy{flex-direction:column}
  .brand .wm{font-size:1.5rem}.brand .sphere{height:40px}}