/* soyes.ai legal-page styles: privacy, terms-and-conditions, refundpolicy and
   delete-account. ONE copy on purpose (PRIME 1.3): these rules used to be pasted
   into each page's <style>, which is how 19 marketing pages' header CSS drifted
   apart (FIX_ISSUES 9.1). Moved here byte-for-byte on 2026-10-14, when
   delete-account.html would otherwise have become a fourth copy.
   Bump the ?v= on every page that links this file when you change it. */
:root{
  --navy:#0a1628; --navy2:#0f1f3a; --sky:#60a5fa; --gold:#f59e0b;
  --white:#ffffff; --muted:#cbd5e1; --line:rgba(255,255,255,0.10);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',-apple-system,sans-serif; background:var(--navy);
  color:var(--white); line-height:1.7; -webkit-font-smoothing:antialiased;
}
body.lang-zh{font-family:'Noto Sans HK','Inter',sans-serif}
.en,.zh{display:none}
.lang-en .en{display:inline} .lang-zh .zh{display:inline}
.en-block,.zh-block{display:none}
.lang-en .en-block{display:block} .lang-zh .zh-block{display:block}
a{color:var(--sky);text-decoration:none} a:hover{text-decoration:underline}
header{
  position:sticky;top:0;z-index:10;display:flex;align-items:center;
  justify-content:space-between;gap:16px;padding:16px 24px;
  background:rgba(10,22,40,0.92);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.brand{font-weight:900;font-size:22px;letter-spacing:-.5px;color:var(--white)}
.brand span{background:linear-gradient(90deg,var(--sky),var(--gold));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.toggle{display:flex;gap:6px}
.lang-btn{
  background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.15);
  border-radius:20px;padding:7px 16px;color:var(--white);font:inherit;
  font-size:13px;font-weight:700;cursor:pointer;transition:.2s;
}
.lang-btn.active{background:var(--sky);border-color:var(--sky);color:var(--navy)}
main{max-width:840px;margin:0 auto;padding:48px 24px 24px}
h1{font-size:clamp(28px,5vw,40px);font-weight:900;letter-spacing:-1px;margin-bottom:8px}
.updated{color:var(--muted);font-size:14px;margin-bottom:8px}
.intro{color:var(--muted);font-size:16px;margin-bottom:32px;
  padding-bottom:24px;border-bottom:1px solid var(--line)}
section{margin-bottom:30px}
h2{font-size:20px;font-weight:800;color:var(--sky);margin-bottom:12px}
p{color:var(--muted);margin-bottom:12px}
ul{color:var(--muted);margin:0 0 12px 22px} li{margin-bottom:7px}
strong{color:var(--white);font-weight:700}
.callout{background:var(--navy2);border:1px solid var(--line);border-left:3px solid var(--gold);
  border-radius:10px;padding:16px 20px;margin:18px 0;color:var(--muted)}
footer{
  max-width:840px;margin:0 auto;padding:28px 24px 56px;
  border-top:1px solid var(--line);color:var(--muted);font-size:14px;
  display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;justify-content:space-between
}
footer nav{display:flex;flex-wrap:wrap;gap:18px}