/* global React */ const { useEffect: useEffectLegal, useState: useStateLegal, useRef: useRefLegal } = React; /* ----------------------------------------------------------------- */ /* ASPACE — Legal Page Framework */ /* ----------------------------------------------------------------- */ function FadeUpL({ children, delay = 0, style }) { const ref = useRefLegal(null); const [seen, setSeen] = useStateLegal(false); useEffectLegal(() => { if (!ref.current) return; const io = new IntersectionObserver(([e]) => { if (e.isIntersecting) setSeen(true); }, { threshold: 0.18 }); io.observe(ref.current); return () => io.disconnect(); }, []); return (
{children}
); } function LegalHero({ eyebrow, lines }) { return (
{eyebrow} Updated · May 2026
{lines.map((l, i) => (
{l.t}
))}
); } function LegalBody({ sections }) { const [active, setActive] = useStateLegal(sections[0]?.id); const refs = useRefLegal({}); useEffectLegal(() => { const obs = new IntersectionObserver((entries) => { entries.forEach(e => { if (e.isIntersecting) setActive(e.target.id); }); }, { rootMargin: '-40% 0px -55% 0px' }); sections.forEach(s => { const el = document.getElementById(s.id); if (el) obs.observe(el); }); return () => obs.disconnect(); }, [sections]); return (
{/* Sticky anchor nav */}
{sections.map((s, i) => (
Section {String(i+1).padStart(2,'0')}

{s.title}
{s.body.map((b, j) => { if (b.kind === 'p') return

{b.t}

; if (b.kind === 'h') return
{b.t}
; if (b.kind === 'list') return (
    {b.items.map((it, k) => (
  • {it}
    • ))}
); return null; })}
))}
); } function LegalCloser() { return (
Questions about anything written here? Talk to a human.
Contact ASPACE
); } function LegalFooter() { return ( ); } window.LegalHero = LegalHero; window.LegalBody = LegalBody; window.LegalCloser = LegalCloser; window.LegalFooter = LegalFooter;