/* HeartVibe Collective — lightweight legal/static pages.
   Intentionally no animation, backdrop-filter or live blur. */
:root{color-scheme:dark;--bg:#08070d;--bg2:#11101a;--text:#f7f3ff;--muted:#c9c2d7;--line:rgba(255,255,255,.13);--glass:rgba(255,255,255,.055);--pink:#ff3f8e;--violet:#8f62ff;--cyan:#4be1ff;--max:1120px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;min-height:100vh;font:400 16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 15% 0,rgba(143,98,255,.15),transparent 35rem),radial-gradient(circle at 90% 8%,rgba(75,225,255,.08),transparent 30rem),linear-gradient(180deg,#0b0912,var(--bg) 48%,#07060b)}
a{color:inherit;text-decoration-color:rgba(255,255,255,.38);text-underline-offset:.18em}
a:hover,a:focus-visible{color:#fff;text-decoration-color:var(--cyan)}
.shell{width:min(var(--max),calc(100% - 2rem));margin-inline:auto}
.skip{position:fixed;left:1rem;top:-5rem;z-index:100;padding:.7rem 1rem;border-radius:999px;background:#fff;color:#08070d;font-weight:800;text-decoration:none}
.skip:focus{top:1rem}
header{border-bottom:1px solid var(--line);background:rgba(8,7,13,.94)}
.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:1.25rem}
.brand{font-size:.82rem;font-weight:900;letter-spacing:.18em;text-decoration:none;white-space:nowrap}
.navlinks{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;justify-content:flex-end}
.navlinks a{padding:.55rem .78rem;border-radius:999px;color:var(--muted);font-size:.88rem;font-weight:700;text-decoration:none}
.navlinks a:hover,.navlinks a:focus-visible{background:rgba(255,255,255,.07);color:#fff;outline:2px solid rgba(255,255,255,.16);outline-offset:1px}
main{padding:clamp(2.5rem,6vw,5.5rem) 0 4.5rem}
.heroLegal{max-width:850px;padding:0 0 clamp(2.2rem,5vw,4rem)}
.eyebrow,.status{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.045);padding:.42rem .72rem;color:#e9e3f6;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.heroLegal h1{margin:.8rem 0 .8rem;font-size:clamp(2.6rem,8vw,5.9rem);line-height:.96;letter-spacing:-.055em;background:linear-gradient(100deg,#fff 5%,#e9dfff 45%,#bdefff 82%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}
.heroLegal p{max-width:760px;margin:0;color:var(--muted);font-size:clamp(1.05rem,2vw,1.22rem)}
.legalGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.legalCard{min-width:0;padding:clamp(1.25rem,3vw,1.8rem);border:1px solid var(--line);border-radius:24px;background:linear-gradient(150deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:0 18px 50px rgba(0,0,0,.22)}
.legalCard h2{margin:.6rem 0 .8rem;font-size:clamp(1.18rem,2vw,1.45rem);line-height:1.2;letter-spacing:-.02em}
.legalCard p{margin:.55rem 0;color:var(--muted)}
.legalCard strong{color:#fff}
.legalCard ul{margin:.65rem 0 0;padding-left:1.2rem;color:var(--muted)}
.legalCard li+li{margin-top:.45rem}
.legalCard code{font:600 .92em ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#fff}
footer{border-top:1px solid var(--line);padding:1.6rem 0 2.4rem;color:var(--muted);font-size:.84rem;background:rgba(0,0,0,.12)}
.foot{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.credit{margin-top:.55rem;color:rgba(220,212,233,.72)}
@media(max-width:760px){.nav{align-items:flex-start;flex-direction:column;padding:1rem 0}.navlinks{width:100%;justify-content:flex-start}.legalGrid{grid-template-columns:1fr}.heroLegal h1{font-size:clamp(2.5rem,15vw,4rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(forced-colors:active){.legalCard,.eyebrow,.status{border:1px solid CanvasText}.heroLegal h1{color:CanvasText;background:none}}