/* ═══════════════════════════════════════════════
   COLDEN — Legal pages stylesheet
   Shared by terms.html, refund-policy.html, privacy-policy.html
═══════════════════════════════════════════════ */

:root{
  --bg:#0B0B14;--bg2:#0F0F1C;--bg3:#151525;
  --acc:#A855F7;--acc-d:#7C3AED;--acc-hi:#C084FC;
  --acc-soft:rgba(168,85,247,.10);
  --acc-brd:rgba(168,85,247,.28);
  --acc-bg:rgba(168,85,247,.08);
  --pri:#6B6FC5;
  --ink:#F0EEF8;--ink2:#C8C6DC;--ink3:#7A788A;--ink4:#48465A;
  --brd:rgba(107,111,197,.14);--brd2:rgba(107,111,197,.28);
  --serif:'Instrument Serif',Georgia,serif;
  --sans:'Inter',system-ui,sans-serif;
  --e1:cubic-bezier(.22,1,.36,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{
  background:var(--bg);color:var(--ink);font-family:var(--sans);
  -webkit-font-smoothing:antialiased;line-height:1.7;
  min-height:100vh;display:flex;flex-direction:column;
}
::-webkit-scrollbar{width:3px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--acc-d);border-radius:3px}

a{color:var(--acc-hi);text-decoration:none;transition:color .25s var(--e1)}
a:hover{color:var(--acc)}

/* ═══ NAV ═══ */
.legal-nav{
  position:sticky;top:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;
  padding:1.4rem 3.5rem;
  background:rgba(11,11,20,.7);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--brd);
}
.legal-logo{
  font-family:var(--serif);font-size:1.7rem;color:var(--ink);
  letter-spacing:-.02em;line-height:1;
}
.legal-logo:hover{color:var(--ink)}
.legal-back{
  font-size:.7rem;font-weight:600;letter-spacing:.13em;
  text-transform:uppercase;color:var(--ink3);
  display:inline-flex;align-items:center;gap:.5rem;
}
.legal-back:hover{color:var(--acc-hi)}
.legal-back .arr{
  display:inline-block;transition:transform .3s var(--e1);
}
.legal-back:hover .arr{transform:translateX(-4px)}

/* ═══ HERO ═══ */
.legal-hero{
  padding:6rem 3.5rem 3rem;
  border-bottom:1px solid var(--brd);
  max-width:1080px;margin:0 auto;width:100%;
}
.slabel{
  display:inline-flex;align-items:center;gap:.7rem;
  font-size:.7rem;font-weight:600;letter-spacing:.17em;
  text-transform:uppercase;color:var(--acc);margin-bottom:1.4rem;
}
.slabel::before{content:"";width:1.4rem;height:1.5px;background:var(--acc)}
.legal-hero h1{
  font-family:var(--serif);font-weight:400;
  font-size:clamp(2.6rem,6vw,4.8rem);
  line-height:.95;letter-spacing:-.02em;
  margin-bottom:1.5rem;color:var(--ink);
}
.legal-hero h1 em{color:var(--acc);font-style:italic}
.legal-meta{
  font-size:.78rem;color:var(--ink4);letter-spacing:.04em;
}
.legal-meta strong{color:var(--ink3);font-weight:500}

/* ═══ BODY ═══ */
.legal-body{
  max-width:780px;margin:0 auto;width:100%;
  padding:4rem 3.5rem 6rem;
  flex:1;
}

.legal-body .lead{
  font-family:var(--serif);font-size:clamp(1.2rem,2.2vw,1.5rem);
  line-height:1.5;color:var(--ink2);
  margin-bottom:3rem;letter-spacing:-.005em;
}

.legal-body section{
  margin-bottom:2.6rem;
}
.legal-body section + section{
  padding-top:2.6rem;
  border-top:1px solid var(--brd);
}

.legal-body h2{
  font-family:var(--serif);font-weight:400;
  font-size:clamp(1.55rem,2.6vw,2rem);
  letter-spacing:-.01em;line-height:1.15;
  margin-bottom:1rem;color:var(--ink);
}
.legal-body h2 .num{
  font-size:.65em;color:var(--acc);
  margin-right:.6rem;font-style:italic;
  letter-spacing:0;
}
.legal-body h3{
  font-family:var(--sans);font-weight:600;
  font-size:.92rem;letter-spacing:.02em;
  margin:1.6rem 0 .6rem;color:var(--ink);
}

.legal-body p{
  font-size:.92rem;color:var(--ink2);
  line-height:1.85;margin-bottom:1rem;
}
.legal-body p:last-child{margin-bottom:0}

.legal-body ul,.legal-body ol{
  list-style:none;margin:.4rem 0 1.2rem;padding-left:1.4rem;
}
.legal-body li{
  font-size:.92rem;color:var(--ink2);
  line-height:1.85;margin-bottom:.55rem;
  position:relative;
}
.legal-body ul li::before{
  content:"";position:absolute;left:-1.1rem;top:.78em;
  width:5px;height:5px;border-radius:50%;
  background:var(--acc);opacity:.75;
}
.legal-body ol{counter-reset:olc}
.legal-body ol li{counter-increment:olc;padding-left:.2rem}
.legal-body ol li::before{
  content:counter(olc) ".";position:absolute;left:-1.4rem;top:0;
  color:var(--acc);font-weight:600;font-size:.85rem;
}

.legal-body strong{color:var(--ink);font-weight:600}
.legal-body em{font-style:italic;color:var(--ink)}

.legal-body a{
  color:var(--acc-hi);
  border-bottom:1px solid var(--acc-soft);
  padding-bottom:1px;transition:all .25s var(--e1);
}
.legal-body a:hover{
  color:var(--acc);border-color:var(--acc-brd);
}

.legal-body .callout{
  background:var(--acc-bg);
  border:1px solid var(--acc-brd);
  border-left:3px solid var(--acc);
  border-radius:10px;
  padding:1.15rem 1.4rem;margin:1.5rem 0;
}
.legal-body .callout p{font-size:.88rem;margin-bottom:.5rem}
.legal-body .callout p:last-child{margin-bottom:0}

.legal-body .ph{
  display:inline-block;
  font-family:var(--sans);font-size:.78rem;
  background:var(--acc-bg);border:1px dashed var(--acc-brd);
  border-radius:4px;padding:1px 7px;
  color:var(--acc-hi);letter-spacing:.06em;
  text-transform:uppercase;font-weight:500;
}

.legal-body .legal-toc{
  background:var(--bg2);
  border:1px solid var(--brd);
  border-radius:14px;
  padding:1.6rem 1.8rem;
  margin-bottom:3rem;
}
.legal-body .legal-toc-title{
  font-size:.7rem;font-weight:600;letter-spacing:.17em;
  text-transform:uppercase;color:var(--acc);
  margin-bottom:1rem;
}
.legal-body .legal-toc ol{
  margin:0;padding-left:1.4rem;
  display:grid;grid-template-columns:1fr 1fr;gap:.45rem 1.5rem;
}
.legal-body .legal-toc li{
  margin-bottom:0;font-size:.85rem;line-height:1.6;
}
.legal-body .legal-toc li::before{
  font-size:.78rem;
}
.legal-body .legal-toc a{
  border-bottom:none;color:var(--ink2);
}
.legal-body .legal-toc a:hover{color:var(--acc-hi)}

/* ═══ FOOTER ═══ */
.legal-footer{
  border-top:1px solid var(--brd);
  padding:2rem 3.5rem;background:var(--bg);
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:1rem;
}
.fcopy{font-size:.7rem;color:var(--ink4);letter-spacing:.04em}
.flinks{display:flex;gap:2rem;list-style:none;flex-wrap:wrap}
.flinks a{
  font-size:.67rem;font-weight:500;letter-spacing:.11em;
  text-transform:uppercase;color:var(--ink4);
  border-bottom:none;padding-bottom:0;
}
.flinks a:hover{color:var(--acc)}
.flinks a.current{color:var(--acc-hi)}

/* ═══ RESPONSIVE ═══ */
@media(max-width:960px){
  .legal-nav{padding:1.1rem 1.5rem}
  .legal-logo{font-size:1.5rem}
  .legal-hero{padding:4rem 1.5rem 2.5rem}
  .legal-body{padding:3rem 1.5rem 5rem}
  .legal-body .legal-toc ol{grid-template-columns:1fr}
  .legal-footer{flex-direction:column;align-items:flex-start;padding:2rem 1.5rem}
}
@media(max-width:560px){
  .legal-back span:not(.arr){display:none}
}

/* ═══ REDUCED MOTION ═══ */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
  }
}