/* SPDX-License-Identifier: GPL-3.0-or-later */
/* Zenbashi site. Tokens first, dark by default, light via system or toggle. */
:root{
  --bg:#17171b;--bg2:#1e1e24;--surface:#26262d;--surface2:#2f2f38;
  --ink:#FBF8EE;--muted:#bdb9ab;--line:rgba(251,248,238,.14);
  --accent:#ff7a59;--accent-ink:#1b1209;--jade:#6fe3c1;--sun:#ffd36b;--link:#ff9a7e;
  --ctl:rgba(251,248,238,.55);--glow:rgba(255,122,89,.20);--shadow:0 24px 60px -24px rgba(0,0,0,.7);
  --display:ui-rounded,"SF Pro Rounded","Hiragino Maru Gothic ProN","Nunito","Segoe UI",system-ui,sans-serif;
  --body:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --r:22px;--maxw:1180px;--gut:clamp(16px,4vw,40px);
  --glyph:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjE2MCAyNDYgNjgyIDQ4OCI+CjwhLS0gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEdQTC0zLjAtb3ItbGF0ZXIgLS0+CjxwYXRoIGZpbGw9IiNGQkY4RUUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTSA0OTEuMjQgMjU4LjQyIEMgNDg1LjUwIDI1OS4wMiA0NzguNzQgMjYwLjA4IDQ3Mi41MyAyNjEuNjUgQyA0NjYuMzMgMjYzLjIyIDQ2MC4xOSAyNjUuMzIgNDU0LjAyIDI2Ny44MiBDIDQ0Ny44NSAyNzAuMzIgNDQxLjcwIDI3My4xNyA0MzUuNTMgMjc2LjY1IEMgNDI5LjM1IDI4MC4xNCA0MjMuMTYgMjg0LjI2IDQxNi45NyAyODguNzMgQyA0MTAuNzkgMjkzLjIwIDQwNS4yMSAyOTcuNTEgMzk4LjQxIDMwMy40OCBDIDM5MS42MiAzMDkuNDUgMzgzLjYwIDMxNi45NiAzNzYuMjIgMzI0LjU2IEMgMzY4LjgzIDMzMi4xNiAzNjEuMzIgMzQwLjY2IDM1NC4wOSAzNDkuMDkgQyAzNDYuODYgMzU3LjUyIDM0MS4xOCAzNjQuMTYgMzMyLjg0IDM3NS4xNCBDIDMyNC41MCAzODYuMTIgMzEzLjk3IDQwMC42OCAzMDQuMDYgNDE0Ljk3IEMgMjk0LjE1IDQyOS4yNiAyOTQuMzkgNDI3LjQ4IDI3My4zNiA0NjAuODYgQyAyNTIuMzMgNDk0LjI0IDE5NC4xOSA1ODguNjkgMTc3Ljg4IDYxNS4yNSBDIDE2MS41NyA2NDEuODEgMTc2LjIxIDYxOC40NiAxNzUuNTIgNjIwLjIyIEMgMTc0LjgzIDYyMS45OCAxNzQuMjMgNjIzLjA0IDE3My43MyA2MjUuODAgQyAxNzMuMjMgNjI4LjU2IDE3Mi40NiA2MzMuMTIgMTcyLjUyIDYzNi43NyBDIDE3Mi41OCA2NDAuNDEgMTczLjUzIDY0NC45NyAxNzQuMTEgNjQ3LjY4IEMgMTc0LjcwIDY1MC40MCAxNzUuMjkgNjUxLjM2IDE3Ni4wMyA2NTMuMDcgQyAxNzYuNzYgNjU0Ljc3IDE3Ny4xNiA2NTUuODQgMTc4LjU0IDY1Ny45MSBDIDE3OS45MiA2NTkuOTggMTgyLjIzIDY2My4yMyAxODQuMzMgNjY1LjQ2IEMgMTg2LjQyIDY2Ny42OSAxODguNzIgNjY5LjYwIDE5MS4xMyA2NzEuMjkgQyAxOTMuNTUgNjcyLjk3IDE5NS45MSA2NzQuMzcgMTk4LjgyIDY3NS41OCBDIDIwMS43NCA2NzYuNzggMjA1LjIzIDY3Ny44OCAyMDguNjIgNjc4LjQ5IEMgMjEyLjAyIDY3OS4xMCAyMTUuOTUgNjc5LjMyIDIxOS4xOSA2NzkuMjQgQyAyMjIuNDMgNjc5LjE3IDIyNS4yMCA2NzguNzYgMjI4LjA1IDY3OC4wNiBDIDIzMC45MSA2NzcuMzUgMjMzLjY2IDY3Ni4zNCAyMzYuMzIgNjc1LjAxIEMgMjM4Ljk5IDY3My42OCAyNDEuNzMgNjcxLjg4IDI0NC4wMyA2NzAuMDggQyAyNDYuMzMgNjY4LjI3IDI0OC40NiA2NjYuMDggMjUwLjEzIDY2NC4yMCBDIDI1MS44MSA2NjIuMzEgMjUwLjIzIDY2NS45MiAyNTQuMDcgNjU4Ljc3IEMgMjU3LjkxIDY1MS42MiAyNjYuNjcgNjMzLjMyIDI3My4xOSA2MjEuMzAgQyAyNzkuNzEgNjA5LjI3IDI4Ny4yNyA1OTYuMTcgMjkzLjE4IDU4Ni42NCBDIDI5OS4wOSA1NzcuMTIgMzAzLjM5IDU3MS4zMSAzMDguNjYgNTY0LjE1IEMgMzEzLjkzIDU1Ni45OSAzMTguMzkgNTUxLjEyIDMyNC44MiA1NDMuNjggQyAzMzEuMjUgNTM2LjIzIDM0MC40MCA1MjYuMzEgMzQ3LjIzIDUxOS40OCBDIDM1NC4wNSA1MTIuNjUgMzU4LjY2IDUwOC41NyAzNjUuNzggNTAyLjY5IEMgMzcyLjkxIDQ5Ni44MSAzODEuOTIgNDg5LjgxIDM4OS45OCA0ODQuMjIgQyAzOTguMDUgNDc4LjYzIDQwNi45MSA0NzMuMzIgNDE0LjE4IDQ2OS4xNSBDIDQyMS40NSA0NjQuOTkgNDI3LjQ2IDQ2Mi4wOSA0MzMuNjAgNDU5LjIzIEMgNDM5Ljc0IDQ1Ni4zNyA0NDQuNzkgNDU0LjMyIDQ1MS4wMSA0NTEuOTkgQyA0NTcuMjMgNDQ5LjY2IDQ2My43MiA0NDcuMzcgNDcwLjkxIDQ0NS4yNCBDIDQ3OC4xMCA0NDMuMTEgNDg3LjA3IDQ0MC44MCA0OTQuMTQgNDM5LjIxIEMgNTAxLjIxIDQzNy42MiA1MDYuNjQgNDM2LjY3IDUxMy4zMyA0MzUuNzIgQyA1MjAuMDMgNDM0Ljc3IDUyNy4wNCA0MzQuMDIgNTM0LjMxIDQzMy41MSBDIDU0MS41OCA0MzMuMDAgNTQ5LjQyIDQzMi42NyA1NTYuOTYgNDMyLjY3IEMgNTY0LjUwIDQzMi42OCA1NzIuNDAgNDMzLjAzIDU3OS41NiA0MzMuNTUgQyA1ODYuNzEgNDM0LjA2IDU5My4yOSA0MzQuODMgNTk5Ljg5IDQzNS43NyBDIDYwNi40OSA0MzYuNzEgNjEyLjczIDQzNy44NCA2MTkuMTUgNDM5LjE5IEMgNjI1LjU3IDQ0MC41NCA2MzEuOTAgNDQyLjA1IDYzOC40MSA0NDMuODYgQyA2NDQuOTIgNDQ1LjY2IDY1Mi4yNiA0NDcuOTkgNjU4LjIxIDQ1MC4wNCBDIDY2NC4xNiA0NTIuMDkgNjY4LjMwIDQ1My42NCA2NzQuMTEgNDU2LjE2IEMgNjc5LjkyIDQ1OC42OCA2ODcuNDcgNDYyLjIxIDY5My4wOCA0NjUuMTUgQyA2OTguNzAgNDY4LjA5IDcwMi44NCA0NzAuNjIgNzA3Ljc4IDQ3My43OSBDIDcxMi43MiA0NzYuOTYgNzE4LjEwIDQ4MC42NSA3MjIuNzEgNDg0LjE1IEMgNzI3LjMxIDQ4Ny42NSA3MzEuNDQgNDkxLjA5IDczNS40MSA0OTQuNzkgQyA3MzkuMzggNDk4LjQ4IDc0My4yMiA1MDIuNTIgNzQ2LjUzIDUwNi4zMSBDIDc0OS44NCA1MTAuMTAgNzUyLjU1IDUxMy42MCA3NTUuMjggNTE3LjUzIEMgNzU4LjAxIDUyMS40NyA3NjAuNzEgNTI1Ljg5IDc2Mi45MCA1MjkuOTEgQyA3NjUuMDkgNTMzLjk0IDc2Ni42OSA1MzcuMDkgNzY4LjQzIDU0MS42OSBDIDc3MC4xNiA1NDYuMjggNzcyLjE3IDU1Mi44MiA3NzMuMzAgNTU3LjQ4IEMgNzc0LjQzIDU2Mi4xNCA3NzQuODUgNTY1LjI4IDc3NS4yMyA1NjkuNjIgQyA3NzUuNjIgNTczLjk2IDc3NS44MCA1NzkuMjIgNzc1LjYyIDU4My41MCBDIDc3NS40NSA1ODcuNzcgNzc0LjgxIDU5MS43MSA3NzQuMTcgNTk1LjI3IEMgNzczLjUzIDU5OC44MyA3NzIuNzMgNjAxLjcwIDc3MS43NiA2MDQuODUgQyA3NzAuODAgNjA4LjAwIDc2OS44MSA2MTAuOTIgNzY4LjM5IDYxNC4xNyBDIDc2Ni45NyA2MTcuNDIgNzY1LjA2IDYyMS4xNyA3NjMuMjMgNjI0LjMzIEMgNzYxLjM5IDYyNy40OSA3NTkuNzQgNjMwLjA1IDc1Ny4zOCA2MzMuMTMgQyA3NTUuMDIgNjM2LjIxIDc1MS44MyA2MzkuOTIgNzQ5LjA1IDY0Mi44MSBDIDc0Ni4yNyA2NDUuNjkgNzQzLjUxIDY0OC4xNCA3NDAuNzEgNjUwLjQ0IEMgNzM3LjkxIDY1Mi43NSA3MzUuMzUgNjU0LjYyIDczMi4yNSA2NTYuNjMgQyA3MjkuMTUgNjU4LjY0IDcyNS40OCA2NjAuNzcgNzIyLjEyIDY2Mi41MSBDIDcxOC43NiA2NjQuMjYgNzE1LjYwIDY2NS43MyA3MTIuMDggNjY3LjA5IEMgNzA4LjU3IDY2OC40NiA3MDQuODAgNjY5LjcxIDcwMS4wMSA2NzAuNjkgQyA2OTcuMjEgNjcxLjY4IDY5My4yMyA2NzIuNDggNjg5LjMyIDY3My4wMCBDIDY4NS40MSA2NzMuNTIgNjgxLjQ5IDY3My43OSA2NzcuNTUgNjczLjgxIEMgNjczLjYxIDY3My44MiA2NjkuMzQgNjczLjUzIDY2NS42NyA2NzMuMTAgQyA2NjEuOTkgNjcyLjY4IDY1OS4wOCA2NzIuMTUgNjU1LjUyIDY3MS4yNiBDIDY1MS45NiA2NzAuMzggNjQ4LjM1IDY2OS40MyA2NDQuMzIgNjY3LjgwIEMgNjQwLjI5IDY2Ni4xNiA2MzUuNDUgNjY0LjAwIDYzMS4zNCA2NjEuNDUgQyA2MjcuMjMgNjU4LjkwIDYyMy4wOCA2NTUuNjIgNjE5LjY0IDY1Mi41MSBDIDYxNi4yMCA2NDkuNDAgNjEzLjI3IDY0Ni4yMSA2MTAuNzAgNjQyLjc5IEMgNjA4LjEzIDYzOS4zNiA2MDUuNzUgNjM0Ljg1IDYwNC4yMiA2MzEuOTYgQyA2MDIuNjggNjI5LjA2IDYwMi4yMSA2MjcuNDQgNjAxLjQ4IDYyNS40MCBDIDYwMC43NiA2MjMuMzUgNjAwLjI5IDYyMS42OSA1OTkuODQgNjE5LjY5IEMgNTk5LjQwIDYxNy42OSA1OTkuMDIgNjE1LjQxIDU5OC44MSA2MTMuNDAgQyA1OTguNjAgNjExLjM4IDU5OC41MyA2MDkuNTAgNTk4LjU3IDYwNy41OSBDIDU5OC42MSA2MDUuNjkgNTk4LjcyIDYwNC4wMSA1OTkuMDMgNjAyLjAwIEMgNTk5LjM1IDU5OS45OCA1OTkuOTEgNTk3LjQ2IDYwMC40OCA1OTUuNDkgQyA2MDEuMDYgNTkzLjUyIDYwMS43MiA1OTEuODcgNjAyLjQ4IDU5MC4xOSBDIDYwMy4yNCA1ODguNTAgNjA0LjA4IDU4Ni45NSA2MDUuMDcgNTg1LjM4IEMgNjA2LjA2IDU4My44MiA2MDcuMzcgNTgyLjA1IDYwOC40MyA1ODAuNzkgQyA2MDkuNTAgNTc5LjUzIDYxMC4zMSA1NzguNzcgNjExLjQ3IDU3Ny44MiBDIDYxMi42MyA1NzYuODcgNjEzLjk3IDU3NS45MCA2MTUuMzggNTc1LjA5IEMgNjE2Ljc5IDU3NC4yOCA2MTguMzAgNTczLjUzIDYxOS45MyA1NzIuOTQgQyA2MjEuNTYgNTcyLjM1IDYyMy40NiA1NzEuODQgNjI1LjE3IDU3MS41NCBDIDYyNi44OSA1NzEuMjMgNjI4LjY3IDU3MS4xMSA2MzAuMjUgNTcxLjExIEMgNjMxLjgyIDU3MS4xMSA2MzMuMTYgNTcxLjIzIDYzNC42NCA1NzEuNTUgQyA2MzYuMTMgNTcxLjg2IDYzNy40OSA1NzIuMTIgNjM5LjE4IDU3My4wMCBDIDY0MC44NiA1NzMuODcgNjQzLjExIDU3NS4yMSA2NDQuNzUgNTc2LjgwIEMgNjQ2LjM4IDU3OC4zOSA2NDguMDkgNTgwLjc4IDY0OC45OSA1ODIuNTMgQyA2NDkuODkgNTg0LjI4IDY1MC4wMCA1ODQuOTEgNjUwLjE1IDU4Ny4zMSBDIDY1MC4zMCA1ODkuNzEgNjQ5LjgxIDU5NC40NiA2NDkuOTAgNTk2Ljk0IEMgNjQ5Ljk4IDU5OS40MSA2NTAuMTUgNjAwLjM0IDY1MC42NiA2MDIuMTcgQyA2NTEuMTYgNjA0LjAwIDY1MS44OSA2MDYuMDYgNjUyLjkyIDYwNy45MiBDIDY1My45NSA2MDkuNzcgNjU1LjIzIDYxMS42MCA2NTYuODUgNjEzLjMwIEMgNjU4LjQ3IDYxNS4wMCA2NjAuNDAgNjE2LjcyIDY2Mi42NCA2MTguMTMgQyA2NjQuODkgNjE5LjU0IDY2Ny43MyA2MjAuOTQgNjcwLjMyIDYyMS43OCBDIDY3Mi45MiA2MjIuNjIgNjc1LjU2IDYyMy4wMyA2NzguMjEgNjIzLjE3IEMgNjgwLjg3IDYyMy4zMSA2ODMuNzMgNjIzLjA4IDY4Ni4yNSA2MjIuNjEgQyA2ODguNzggNjIyLjE1IDY5MS4xNCA2MjEuMzkgNjkzLjM0IDYyMC4zNiBDIDY5NS41MyA2MTkuMzQgNjk3LjUzIDYxOC4wMiA2OTkuNDEgNjE2LjQ2IEMgNzAxLjI5IDYxNC45MSA3MDMuMTUgNjEzLjAwIDcwNC42MiA2MTEuMDIgQyA3MDYuMDggNjA5LjA1IDcwNy4xOSA2MDcuMTUgNzA4LjIxIDYwNC42MiBDIDcwOS4yMyA2MDIuMTAgNzEwLjE2IDU5OC45NCA3MTAuNzYgNTk1Ljg4IEMgNzExLjM2IDU5Mi44MiA3MTEuNzEgNTg5LjQ2IDcxMS44MiA1ODYuMjggQyA3MTEuOTIgNTgzLjA5IDcxMS44MSA1ODAuMjEgNzExLjM3IDU3Ni43NyBDIDcxMC45MyA1NzMuMzMgNzA5LjkxIDU2OC41NyA3MDkuMTggNTY1LjY0IEMgNzA4LjQ0IDU2Mi43MCA3MDcuOTMgNTYxLjUzIDcwNi45NiA1NTkuMTcgQyA3MDYuMDAgNTU2LjgwIDcwNC43OCA1NTQuMDMgNzAzLjM3IDU1MS40NCBDIDcwMS45NyA1NDguODUgNzAwLjA1IDU0NS43OSA2OTguNTQgNTQzLjYzIEMgNjk3LjA0IDU0MS40NyA2OTUuOTggNTQwLjI4IDY5NC4zNCA1MzguNDggQyA2OTIuNzEgNTM2LjY3IDY5MC42NSA1MzQuNTUgNjg4Ljc0IDUzMi44MCBDIDY4Ni44MyA1MzEuMDUgNjg0LjkyIDUyOS41MCA2ODIuODggNTI3Ljk4IEMgNjgwLjg0IDUyNi40NyA2NzguODkgNTI1LjEwIDY3Ni41MSA1MjMuNzEgQyA2NzQuMTMgNTIyLjMyIDY3MS40MiA1MjAuOTAgNjY4LjU4IDUxOS42NCBDIDY2NS43NCA1MTguMzcgNjYyLjI5IDUxNy4wNyA2NTkuNDcgNTE2LjEyIEMgNjU2LjY1IDUxNS4xNyA2NTQuMzYgNTE0LjU1IDY1MS42NSA1MTMuOTMgQyA2NDguOTMgNTEzLjMxIDY0NS45NyA1MTIuNzYgNjQzLjE4IDUxMi4zOSBDIDY0MC4zOSA1MTIuMDIgNjM3LjczIDUxMS43OSA2MzQuOTEgNTExLjcyIEMgNjMyLjA5IDUxMS42NSA2MjkuMDggNTExLjc2IDYyNi4yNSA1MTEuOTggQyA2MjMuNDIgNTEyLjIwIDYyMS45MSA1MTIuMTEgNjE3LjkzIDUxMy4wMiBDIDYxMy45NSA1MTMuOTQgNjA2LjQ3IDUxNi4wMiA2MDIuMzUgNTE3LjQ1IEMgNTk4LjIzIDUxOC44OCA1OTYuMTIgNTIwLjA3IDU5My4yMSA1MjEuNjAgQyA1OTAuMzAgNTIzLjEyIDU4Ny43MCA1MjQuNjQgNTg0Ljg3IDUyNi41OSBDIDU4Mi4wNSA1MjguNTQgNTc4Ljk3IDUzMC45MCA1NzYuMjggNTMzLjMxIEMgNTczLjU4IDUzNS43MiA1NzEuMDUgNTM4LjM5IDU2OC43MSA1NDEuMDUgQyA1NjYuMzYgNTQzLjcwIDU2NC4yNyA1NDYuMzAgNTYyLjIxIDU0OS4yNCBDIDU2MC4xNSA1NTIuMTggNTU4LjA0IDU1NS42MCA1NTYuMzcgNTU4LjcwIEMgNTU0LjcxIDU2MS43OSA1NTMuNDIgNTY0LjcyIDU1Mi4yMSA1NjcuODMgQyA1NTAuOTkgNTcwLjk0IDU0OS45NyA1NzQuMDMgNTQ5LjA4IDU3Ny4zNiBDIDU0OC4xOCA1ODAuNjkgNTQ3LjQxIDU4My44OSA1NDYuODUgNTg3LjgwIEMgNTQ2LjI5IDU5MS43MSA1NDUuODUgNTk2Ljc1IDU0NS43MCA2MDAuODMgQyA1NDUuNTQgNjA0LjkwIDU0NS43MSA2MDguNjQgNTQ1Ljk1IDYxMi4yNiBDIDU0Ni4xOCA2MTUuODcgNTQ2LjQ1IDYxOC44MyA1NDcuMDkgNjIyLjUyIEMgNTQ3Ljc0IDYyNi4yMSA1NDguODYgNjMwLjk0IDU0OS44MiA2MzQuNDIgQyA1NTAuNzggNjM3LjkwIDU1MS42NSA2NDAuMzcgNTUyLjg1IDY0My4zOSBDIDU1NC4wNSA2NDYuNDEgNTU1LjI3IDY0OS4yOCA1NTcuMDAgNjUyLjU0IEMgNTU4LjczIDY1NS44MSA1NjAuODAgNjU5LjQwIDU2My4yMSA2NjIuOTkgQyA1NjUuNjEgNjY2LjU4IDU2OC42MiA2NzAuNjcgNTcxLjQzIDY3NC4wOCBDIDU3NC4yMyA2NzcuNTAgNTc2LjkxIDY4MC4zOSA1ODAuMDQgNjgzLjQ3IEMgNTgzLjE3IDY4Ni41NSA1ODcuMDAgNjg5Ljk0IDU5MC4yMyA2OTIuNTggQyA1OTMuNDcgNjk1LjIyIDU5Ni4wOSA2OTcuMTIgNTk5LjQ1IDY5OS4zMiBDIDYwMi44MCA3MDEuNTIgNjA2LjM0IDcwMy42NyA2MTAuMzcgNzA1Ljc2IEMgNjE0LjM5IDcwNy44NSA2MTkuMzEgNzEwLjEzIDYyMy41OCA3MTEuODYgQyA2MjcuODUgNzEzLjU4IDYzMS42OCA3MTQuODcgNjM1Ljk5IDcxNi4xMCBDIDY0MC4zMCA3MTcuMzQgNjQ1LjE2IDcxOC40NSA2NDkuNDMgNzE5LjI3IEMgNjUzLjcwIDcyMC4wOSA2NTcuMTcgNzIwLjYyIDY2MS42MyA3MjEuMDUgQyA2NjYuMTAgNzIxLjQ4IDY3MS4zNSA3MjEuODMgNjc2LjIyIDcyMS44MyBDIDY4MS4wOCA3MjEuODMgNjg2LjM1IDcyMS41MCA2OTAuODEgNzIxLjA3IEMgNjk1LjI4IDcyMC42NSA2OTguNjUgNzIwLjE0IDcwMy4wMCA3MTkuMjggQyA3MDcuMzUgNzE4LjQyIDcxMi4xOSA3MTcuMzAgNzE2LjkxIDcxNS45MSBDIDcyMS42NCA3MTQuNTMgNzI2LjczIDcxMi44MSA3MzEuMzUgNzExLjAwIEMgNzM1Ljk4IDcwOS4xOCA3NDAuNDQgNzA3LjEyIDc0NC42NyA3MDUuMDMgQyA3NDguOTAgNzAyLjk0IDc1Mi41OCA3MDAuOTcgNzU2LjczIDY5OC40NSBDIDc2MC44OCA2OTUuOTQgNzY1LjY0IDY5Mi43OSA3NjkuNTcgNjg5Ljk1IEMgNzczLjUwIDY4Ny4xMSA3NzcuMDAgNjg0LjI4IDc4MC4zMiA2ODEuNDAgQyA3ODMuNjUgNjc4LjUyIDc4Ni40MSA2NzUuOTYgNzg5LjU1IDY3Mi42NSBDIDc5Mi42OSA2NjkuMzUgNzk2LjIwIDY2NS4yOSA3OTkuMTUgNjYxLjU3IEMgODAyLjEwIDY1Ny44NiA4MDQuNjYgNjU0LjM0IDgwNy4yNCA2NTAuMzcgQyA4MDkuODEgNjQ2LjQwIDgxMi4zNCA2NDIuMjUgODE0LjYxIDYzNy43NSBDIDgxNi44OCA2MzMuMjUgODE5LjIxIDYyNy43MCA4MjAuODYgNjIzLjM2IEMgODIyLjUyIDYxOS4wMSA4MjMuNDQgNjE1LjkxIDgyNC41NCA2MTEuNjggQyA4MjUuNjMgNjA3LjQ0IDgyNi43MSA2MDIuNzMgODI3LjQ0IDU5Ny45MyBDIDgyOC4xNyA1OTMuMTMgODI4LjY4IDU4Ny4xMiA4MjguOTEgNTgyLjg4IEMgODI5LjE1IDU3OC42NCA4MjkuMTMgNTc2LjgxIDgyOC44NSA1NzIuNDcgQyA4MjguNTcgNTY4LjEyIDgyNy44NyA1NjEuMjcgODI3LjI1IDU1Ni44MCBDIDgyNi42MyA1NTIuMzIgODI2LjE4IDU0OS45MSA4MjUuMTMgNTQ1LjYzIEMgODI0LjA3IDU0MS4zNiA4MjIuNDIgNTM1LjUzIDgyMC45MiA1MzEuMTQgQyA4MTkuNDIgNTI2Ljc1IDgxOC4wOSA1MjMuNDQgODE2LjE0IDUxOS4yOSBDIDgxNC4xOSA1MTUuMTMgODExLjkxIDUxMC43MyA4MDkuMjIgNTA2LjIwIEMgODA2LjUyIDUwMS42OCA4MDMuMjkgNDk2LjcwIDc5OS45OCA0OTIuMTMgQyA3OTYuNjggNDg3LjU2IDc5My4wNiA0ODMuMDAgNzg5LjQwIDQ3OC43OSBDIDc4NS43NCA0NzQuNTcgNzgzLjAwIDQ3MS41MyA3NzguMDIgNDY2Ljg0IEMgNzczLjA1IDQ2Mi4xNSA3NjQuNzQgNDU0LjkwIDc1OS41NSA0NTAuNjQgQyA3NTQuMzYgNDQ2LjM5IDc1Mi41MiA0NDUuMTQgNzQ2LjkwIDQ0MS4zMiBDIDc0MS4yNyA0MzcuNTEgNzMyLjI5IDQzMS42MSA3MjUuODEgNDI3Ljc3IEMgNzE5LjMyIDQyMy45MyA3MTUuMTggNDIxLjc0IDcwNy45NyA0MTguMjggQyA3MDAuNzcgNDE0LjgzIDY4Ny4xNSA0MDkuMTQgNjgyLjU5IDQwNy4wMyBDIDY3OC4wNCA0MDQuOTIgNjgzLjIyIDQwOS44MyA2ODAuNjQgNDA1LjYzIEMgNjc4LjA3IDQwMS40NCA2NzEuMTMgMzg4LjYzIDY2Ny4xNCAzODEuODUgQyA2NjMuMTUgMzc1LjA3IDY2MC40NCAzNzAuNzMgNjU2LjY4IDM2NC45NCBDIDY1Mi45MiAzNTkuMTUgNjQ3LjkyIDM1MS44NSA2NDQuNTcgMzQ3LjEwIEMgNjQxLjIyIDM0Mi4zNSA2MzkuNzAgMzQwLjQzIDYzNi41NyAzMzYuNDUgQyA2MzMuNDUgMzMyLjQ2IDYyOS4zNyAzMjcuMzIgNjI1LjgyIDMyMy4yMSBDIDYyMi4yNyAzMTkuMTAgNjE4Ljc3IDMxNS4zOSA2MTUuMjggMzExLjc4IEMgNjExLjc5IDMwOC4xNyA2MDguODIgMzA1LjE0IDYwNC44NiAzMDEuNTQgQyA2MDAuOTAgMjk3Ljk1IDU5NS42MiAyOTMuNDUgNTkxLjU0IDI5MC4yMSBDIDU4Ny40NiAyODYuOTYgNTg0LjMzIDI4NC42NSA1ODAuMzkgMjgyLjA1IEMgNTc2LjQ0IDI3OS40NSA1NzIuMjggMjc2Ljk1IDU2Ny44NyAyNzQuNTggQyA1NjMuNDYgMjcyLjIyIDU1OC4yMSAyNjkuNjkgNTUzLjk0IDI2Ny44NiBDIDU0OS42NiAyNjYuMDIgNTQ2LjIyIDI2NC44MiA1NDIuMjMgMjYzLjU4IEMgNTM4LjI1IDI2Mi4zNSA1MzQuMTAgMjYxLjI3IDUzMC4wMyAyNjAuNDQgQyA1MjUuOTYgMjU5LjYyIDUyMS42NiAyNTkuMDQgNTE3LjgyIDI1OC42NCBDIDUxMy45OCAyNTguMjQgNTExLjQyIDI1OC4wNyA1MDcuMDAgMjU4LjAzIEMgNTAyLjU3IDI1Ny45OSA0OTYuOTkgMjU3LjgxIDQ5MS4yNCAyNTguNDIgWiBNIDUwMC42NyAzMDIuNDggQyA1MDMuMjQgMzAyLjI4IDUwNi4xNiAzMDIuMTIgNTA4Ljk5IDMwMi4xNiBDIDUxMS44MyAzMDIuMjAgNTE0Ljg2IDMwMi40MiA1MTcuNjcgMzAyLjczIEMgNTIwLjQ3IDMwMy4wMyA1MjMuMTQgMzAzLjQzIDUyNS44MCAzMDQuMDAgQyA1MjguNDcgMzA0LjU2IDUzMC44MCAzMDUuMTggNTMzLjY0IDMwNi4xMiBDIDUzNi40OCAzMDcuMDYgNTQwLjEwIDMwOC40NiA1NDIuODEgMzA5LjYzIEMgNTQ1LjUzIDMxMC44MCA1NDYuNTIgMzExLjEzIDU0OS45NCAzMTMuMTQgQyA1NTMuMzcgMzE1LjE1IDU1OC42NSAzMTguMTggNTYzLjM2IDMyMS42OSBDIDU2OC4wNyAzMjUuMjAgNTczLjU3IDMyOS44NCA1NzguMjAgMzM0LjIwIEMgNTgyLjg0IDMzOC41NiA1ODUuODYgMzQxLjYzIDU5MS4xNiAzNDcuODggQyA1OTYuNDUgMzU0LjEzIDYwNS4yNCAzNjUuMzQgNjA5Ljk4IDM3MS43MCBDIDYxNC43MiAzNzguMDcgNjE3Ljg0IDM4My40MCA2MTkuNjAgMzg2LjA3IEMgNjIxLjM1IDM4OC43NCA2MjAuMzggMzg3LjI3IDYyMC41MCAzODcuNzMgQyA2MjAuNjEgMzg4LjIwIDYyNy4xMyAzODkuNTEgNjIwLjI4IDM4OC44NCBDIDYxMy40MyAzODguMTcgNTkxLjU5IDM4NC44MiA1NzkuMzcgMzgzLjcwIEMgNTY3LjE1IDM4Mi41OSA1NTQuNjkgMzgyLjQwIDU0Ni45NyAzODIuMTcgQyA1MzkuMjUgMzgxLjk0IDUzOS4yNSAzODIuMDkgNTMzLjA1IDM4Mi4zMyBDIDUyNi44NSAzODIuNTcgNTE5LjM2IDM4Mi42NyA1MDkuNzcgMzgzLjYwIEMgNTAwLjE3IDM4NC41MyA0ODQuMDcgMzg2LjY0IDQ3NS40OCAzODcuOTIgQyA0NjYuODkgMzg5LjIwIDQ2My4zMiAzOTAuMTggNDU4LjIxIDM5MS4yOCBDIDQ1My4xMSAzOTIuMzkgNDUyLjU2IDM5Mi4yNyA0NDQuODYgMzk0LjU2IEMgNDM3LjE2IDM5Ni44NSA0MjEuODAgNDAxLjM5IDQxMS45OSA0MDUuMDIgQyA0MDIuMTggNDA4LjY0IDM5My4xOSA0MTIuOTYgMzg1Ljk5IDQxNi4zMSBDIDM3OC43OSA0MTkuNjYgMzczLjgwIDQyMi40NCAzNjguODEgNDI1LjEyIEMgMzYzLjgzIDQyNy43OSAzNTguNTEgNDMxLjExIDM1Ni4wOCA0MzIuMzggQyAzNTMuNjYgNDMzLjY1IDM1MS44OSA0MzYuNjggMzU0LjI5IDQzMi43NCBDIDM1Ni42OSA0MjguODAgMzY0LjQ4IDQxNy4xMyAzNzAuNDYgNDA4Ljc1IEMgMzc2LjQ0IDQwMC4zNyAzODMuMjYgMzkxLjE0IDM5MC4xNCAzODIuNDggQyAzOTcuMDIgMzczLjgyIDQwNC44MyAzNjQuMzIgNDExLjc1IDM1Ni44MCBDIDQxOC42NyAzNDkuMjkgNDI1LjU4IDM0Mi44NSA0MzEuNjcgMzM3LjQwIEMgNDM3Ljc2IDMzMS45NCA0NDIuMzggMzI4LjI0IDQ0OC4zMiAzMjQuMDcgQyA0NTQuMjYgMzE5LjkwIDQ2Mi45NCAzMTQuOTEgNDY3LjMxIDMxMi40MCBDIDQ3MS42OCAzMDkuODggNDcxLjY5IDMxMC4xNCA0NzQuNTQgMzA5LjAwIEMgNDc3LjQwIDMwNy44NiA0ODEuMjggMzA2LjUwIDQ4NC40NiAzMDUuNTYgQyA0ODcuNjMgMzA0LjYzIDQ5MC45MSAzMDMuOTEgNDkzLjYxIDMwMy40MCBDIDQ5Ni4zMSAzMDIuODkgNDk4LjExIDMwMi42OSA1MDAuNjcgMzAyLjQ4IFoiLz4KPC9zdmc+Cg==");color-scheme:dark;
}
:root[data-theme="light"]{
  --bg:#FBF8EE;--bg2:#F3EEDD;--surface:#ffffff;--surface2:#EDE7D3;
  --ink:#1d1d22;--muted:#55524a;--line:rgba(29,29,34,.16);
  --accent:#c2381a;--accent-ink:#ffffff;--jade:#0b6f59;--sun:#8a5a00;--link:#a82f14;
  --ctl:rgba(29,29,34,.6);--glow:rgba(194,56,26,.14);--shadow:0 24px 50px -28px rgba(60,40,10,.35);color-scheme:light;
}
@media (prefers-color-scheme:light){
  :root:not([data-theme="dark"]){
    --bg:#FBF8EE;--bg2:#F3EEDD;--surface:#ffffff;--surface2:#EDE7D3;
    --ink:#1d1d22;--muted:#55524a;--line:rgba(29,29,34,.16);
    --accent:#c2381a;--accent-ink:#ffffff;--jade:#0b6f59;--sun:#8a5a00;--link:#a82f14;
    --ctl:rgba(29,29,34,.6);--glow:rgba(194,56,26,.14);--shadow:0 24px 50px -28px rgba(60,40,10,.35);color-scheme:light;
  }
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 clamp(1rem,.96rem + .2vw,1.125rem)/1.6 var(--body)}
img,svg{display:block;max-width:100%}
a{color:var(--link);text-underline-offset:.2em}
a:hover{text-decoration-thickness:2px}
h1,h2,h3{font-family:var(--display);line-height:1.08;margin:0 0 .5em;letter-spacing:-.02em;text-wrap:balance}
h1{font-size:clamp(2.7rem,7.4vw + .4rem,6rem);font-weight:800}
h2{font-size:clamp(1.9rem,3.6vw + .5rem,3.4rem);font-weight:750}
h3{font-size:clamp(1.15rem,1vw + 1rem,1.4rem);font-weight:700;letter-spacing:-.01em}
p{margin:0 0 1em;text-wrap:pretty}
:focus-visible{outline:3px solid var(--sun);outline-offset:3px;border-radius:6px}
.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gut)}
.skip{position:absolute;left:12px;top:-60px;background:var(--ink);color:var(--bg);padding:.7em 1em;border-radius:10px;z-index:100;font-weight:600}
.skip:focus{top:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.eyebrow{font:600 .8rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--jade);margin:0 0 1rem}

/* header */
.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:18px;min-height:64px}
.brand{display:flex;align-items:center;gap:10px;font:800 1.25rem var(--display);color:var(--ink);text-decoration:none;letter-spacing:-.02em}
.brand img{width:32px;height:32px;border-radius:8px}
.nav{display:flex;gap:4px;margin-inline-start:auto;align-items:center}
.nav a{color:var(--ink);text-decoration:none;padding:.55em .8em;border-radius:999px;font-weight:550;font-size:.95rem}
.nav a:hover{background:var(--surface)}
.nav a[aria-current="page"]{background:var(--surface);box-shadow:inset 0 0 0 1px var(--ctl);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.35em}
.tools{display:flex;gap:6px;align-items:center}
.iconbtn,.menubtn{appearance:none;border:1px solid var(--ctl);background:var(--surface);color:var(--ink);width:44px;height:44px;border-radius:999px;display:grid;place-items:center;cursor:pointer;transition:transform .2s ease,background .2s}
.iconbtn:hover{transform:rotate(18deg)}
.iconbtn svg,.menubtn svg{width:20px;height:20px}
.menubtn{display:none}
.langs{display:flex;gap:2px;border:1px solid var(--ctl);border-radius:999px;padding:3px;background:var(--surface)}
.langs a{color:var(--muted);text-decoration:none;font:650 .8rem var(--mono);padding:.55em .8em;border-radius:999px;min-height:36px;display:grid;place-items:center}
.langs a[aria-current="true"]{background:var(--ink);color:var(--bg)}
@media (max-width:900px){
  .menubtn{display:grid;margin-inline-start:auto}
  .nav{position:absolute;inset:64px 0 auto 0;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:12px var(--gut) 18px;display:none;margin:0}
  .nav[data-open="true"]{display:flex}
  .nav a{padding:.9em 1em;font-size:1.05rem}
}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:.55em;min-height:48px;padding:.75em 1.4em;border-radius:999px;font:700 1rem var(--display);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .25s cubic-bezier(.2,.9,.3,1.4),box-shadow .25s}
.btn:hover{transform:translateY(-3px) scale(1.02)}
.btn:active{transform:translateY(0) scale(.98)}
.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 10px 30px -10px var(--accent)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--ctl)}
.btn-ghost:hover{border-color:var(--ink)}
.btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
.pill{display:inline-flex;align-items:center;gap:.6em;border:1px solid var(--line);background:var(--surface);padding:.45em 1em .45em .8em;border-radius:999px;font-size:.9rem;font-weight:550}
.dot{width:9px;height:9px;border-radius:50%;background:var(--sun)}

/* hero */
.hero{position:relative;padding:clamp(40px,8vw,96px) 0 clamp(48px,8vw,110px);overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:-20% -10% auto auto;width:80vmax;height:80vmax;background:radial-gradient(closest-side,var(--glow),transparent 70%);z-index:-1;transform:translate(20%,-30%)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,5vw,64px);align-items:center}
.hero h1 .nowrap{white-space:nowrap}
.hero h1 em{font-style:normal;color:var(--accent)}
.lede{font-size:clamp(1.1rem,1vw + .9rem,1.35rem);color:var(--muted);max-width:34em}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin:1.6rem 0 1.4rem}
.stage{position:relative;aspect-ratio:1;width:min(100%,520px);margin-inline:auto;display:grid;place-items:center}
.rings{position:absolute;inset:0;pointer-events:none}
.rings i{position:absolute;inset:8%;border-radius:50%;border:2px solid var(--line);animation:ring 7s linear infinite;opacity:0}
.rings i:nth-child(2){animation-delay:-2.3s}.rings i:nth-child(3){animation-delay:-4.6s}
@keyframes ring{0%{transform:scale(.45);opacity:.9}100%{transform:scale(1.15);opacity:0}}
.disc{position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle at 30% 25%,var(--surface2),var(--surface) 60%);box-shadow:var(--shadow),inset 0 0 0 1px var(--line)}
.glyph-btn{position:relative;appearance:none;border:0;background:none;padding:0;cursor:pointer;width:68%;transform:translate3d(var(--px,0),var(--py,0),0) rotate(var(--rot,0deg));transition:transform .25s ease-out;border-radius:30%}
.glyph{position:relative;aspect-ratio:682/488;width:100%;background:var(--ink);overflow:hidden;
  -webkit-mask:var(--glyph) center/contain no-repeat;mask:var(--glyph) center/contain no-repeat}
.glyph::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 42%,var(--accent) 50%,transparent 58%);transform:translateX(-110%);animation:sweep 6.5s cubic-bezier(.5,0,.2,1) infinite 1.2s}
@keyframes sweep{0%{transform:translateX(-110%)}38%,100%{transform:translateX(110%)}}
.glyph-btn.hop{animation:hop .7s cubic-bezier(.3,1.6,.5,1)}
@keyframes hop{0%{translate:0 0}35%{translate:0 -22px}100%{translate:0 0}}
.burst{position:absolute;inset:14%;border-radius:50%;border:3px solid var(--accent);opacity:0;pointer-events:none}
.burst.go{animation:burst .9s ease-out}
@keyframes burst{0%{transform:scale(.5);opacity:.9}100%{transform:scale(1.5);opacity:0}}
.sprite{position:absolute;width:clamp(48px,10vw,68px);aspect-ratio:1;border-radius:18px;display:grid;place-items:center;background:var(--surface);box-shadow:var(--shadow),inset 0 0 0 1px var(--line);animation:bob 5s ease-in-out infinite}
.sprite svg{width:56%;height:56%}
.s1{left:2%;top:18%;color:var(--accent)}.s2{right:0;top:8%;color:var(--sun);animation-delay:-1.7s}.s3{right:8%;bottom:6%;color:var(--jade);animation-delay:-3.2s}
@keyframes bob{50%{transform:translateY(-12px) rotate(3deg)}}
@media (max-width:860px){.hero-grid{grid-template-columns:1fr}.stage{width:min(88%,380px)}}

/* sections */
section{padding:clamp(56px,9vw,120px) 0}
.alt{background:var(--bg2)}
.head{max-width:44rem;margin-bottom:clamp(28px,4vw,56px)}
.head p{color:var(--muted);font-size:1.1em}
.statement{font:750 clamp(1.7rem,3.8vw + .4rem,3.2rem)/1.15 var(--display);letter-spacing:-.02em;max-width:22em;text-wrap:balance}
.statement span{color:var(--muted)}
.statement b{color:var(--accent);font-weight:inherit}

/* steps */
.steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,3vw,32px);counter-reset:s}
.bridge{position:absolute;left:0;right:0;top:-34px;height:70px;width:100%;pointer-events:none;color:var(--accent)}
.bridge path{stroke:currentColor;fill:none;stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.in .bridge path,.no-js .bridge path{stroke-dashoffset:0;transition:stroke-dashoffset 1.6s cubic-bezier(.5,0,.2,1)}
.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(20px,3vw,32px);position:relative}
.step::before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font:800 1.2rem var(--display);margin-bottom:1rem;box-shadow:0 8px 20px -8px var(--accent)}
.step p{color:var(--muted);margin:0}
@media (max-width:820px){.steps{grid-template-columns:1fr}.bridge{display:none}}

/* bento */
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(12px,2vw,20px)}
.card{grid-column:span 2;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(20px,2.4vw,30px);position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.2,.9,.3,1.2),border-color .3s}
.card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
.card.wide{grid-column:span 4}
.card .ico{width:44px;height:44px;border-radius:14px;background:var(--bg2);display:grid;place-items:center;margin-bottom:1rem;color:var(--accent)}
.card .ico svg{width:24px;height:24px}
.card p{color:var(--muted);margin:0}
.tag{display:inline-block;margin-top:1rem;font:600 .72rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sun);border:1px solid var(--line);border-radius:999px;padding:.3em .8em}
.pad{margin-top:1.2rem;width:min(260px,100%);color:var(--muted)}
.pad .b{transform-box:fill-box;transform-origin:center;animation:press 4s ease-in-out infinite}
.pad .b2{animation-delay:-1s}.pad .b3{animation-delay:-2s}.pad .b4{animation-delay:-3s}
@keyframes press{0%,70%,100%{fill:currentColor;transform:scale(1)}78%,88%{fill:var(--accent);transform:scale(.82)}}
.marquee{margin-top:1.2rem;display:flex;overflow:hidden;mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marquee ul{display:flex;gap:12px;list-style:none;margin:0;padding:0 6px;flex:none;animation:slide 28s linear infinite}
.marquee li{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:.35em 1em;font:650 1rem var(--display);color:var(--ink)}
.marquee:hover ul{animation-play-state:paused}
@keyframes slide{to{transform:translateX(-100%)}}
@media (max-width:900px){.bento{grid-template-columns:1fr 1fr}.card,.card.wide{grid-column:span 2}}
@media (min-width:600px) and (max-width:900px){.card{grid-column:span 1}}

/* honest status */
.status{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,32px)}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(20px,3vw,32px)}
.panel h3{display:flex;align-items:center;gap:.6em}
.panel ul{margin:0;padding-inline-start:1.2em;color:var(--muted)}
.panel li{margin:.45em 0}
.panel li::marker{color:var(--accent)}
@media (max-width:760px){.status{grid-template-columns:1fr}}
.cta-band{text-align:center;border-radius:calc(var(--r)*1.4);background:linear-gradient(135deg,var(--surface),var(--bg2));border:1px solid var(--line);padding:clamp(32px,6vw,72px) var(--gut);position:relative;overflow:hidden}
.cta-band .cta{justify-content:center}

/* generic content pages */
.page-head{padding-block:clamp(40px,7vw,88px) clamp(24px,4vw,48px)}
.page-head h1{font-size:clamp(2.3rem,5vw + .5rem,4.6rem)}
.prose{max-width:46rem}
.prose h2{font-size:clamp(1.5rem,2vw + 1rem,2.1rem);margin-top:2em}
.prose li{margin:.4em 0}
.prose code,.mono{font-family:var(--mono);font-size:.92em}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2.4vw,24px)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2.4vw,24px)}
@media (max-width:820px){.grid2,.grid3{grid-template-columns:1fr}}
.faq details{border:1px solid var(--line);background:var(--surface);border-radius:18px;margin:0 0 12px;transition:border-color .2s}
.faq details[open]{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}
.faq summary{cursor:pointer;list-style:none;padding:1.1em 1.3em;font:700 1.1rem var(--display);display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:56px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+" / "";font:400 1.6rem var(--display);color:var(--accent);transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .ans{padding:0 1.3em 1.2em;color:var(--muted);max-width:44rem}
.timeline{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.timeline li{display:grid;grid-template-columns:28px 1fr;gap:14px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px 18px}
.timeline .mk{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);margin-top:2px}
.timeline .now .mk{border-color:var(--accent);background:radial-gradient(circle,var(--accent) 40%,transparent 45%)}
.timeline .now{border-color:var(--accent)}
.timeline p{margin:0;color:var(--muted)}
.timeline strong{font-family:var(--display)}
table.compat{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--r);overflow:hidden;border:1px solid var(--line)}
.compat th,.compat td{text-align:start;padding:.9em 1.1em;border-bottom:1px solid var(--line)}
.compat th{font:650 .8rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.compat td{color:var(--muted)}
.tablewrap{overflow-x:auto;border-radius:var(--r)}
.search{width:100%;max-width:26rem;min-height:48px;border-radius:999px;border:1px solid var(--ctl);background:var(--surface);color:var(--ink);padding:.6em 1.2em;font:inherit;margin-bottom:1rem}
.tiers{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 1.2rem;padding:0;list-style:none}
.tiers li{border:1px solid var(--line);border-radius:999px;padding:.35em 1em;font:650 .9rem var(--display);background:var(--surface)}
.swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.sw{border-radius:18px;border:1px solid var(--line);overflow:hidden;background:var(--surface)}
.sw i{display:block;height:84px}
.sw div{padding:12px 14px;font:.9rem var(--mono)}
.sw button{all:unset;cursor:pointer;color:var(--link);text-decoration:underline;display:block;margin-top:4px;min-height:24px}
.sw button:focus-visible,.linkbtn:focus-visible{outline:3px solid var(--sun);outline-offset:3px;border-radius:6px}
.logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.logo-tile{border:1px solid var(--line);border-radius:var(--r);padding:20px;display:grid;gap:14px;background:var(--surface)}
.logo-tile .view{aspect-ratio:4/3;border-radius:14px;display:grid;place-items:center}
.logo-tile img{width:50%;height:auto}
.v-dark{background:#17171b}.v-cream{background:#FBF8EE}
.v-dark .gl{background:#FBF8EE}.v-cream .gl{background:#1d1d22}
.gl{width:62%;aspect-ratio:682/488;-webkit-mask:var(--glyph) center/contain no-repeat;mask:var(--glyph) center/contain no-repeat}
.tile-links{display:flex;gap:12px;flex-wrap:wrap}
.copybox{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.copybox p{margin:0 0 12px}
.cols-do li{margin:.4em 0}

/* footer */
.site-footer{border-top:1px solid var(--line);padding:48px 0 56px;color:var(--muted);font-size:.95rem}
.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
.foot h2{font:700 .8rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin-bottom:.8em}
.foot ul{list-style:none;padding:0;margin:0}
.foot li{margin:.5em 0}
.foot a{color:var(--muted)}
.fine{margin-top:32px;padding-top:20px;border-top:1px solid var(--line);font-size:.85rem}
@media (max-width:760px){.foot{grid-template-columns:1fr}}

/* motion: reveal only when JS is on and motion allowed */
.js .rv{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--d,0)*70ms)}
.js .rv.in{opacity:1;transform:none}
.hero-in{animation:rise .9s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--d,0)*90ms)}
@keyframes rise{from{opacity:0;transform:translateY(18px)}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .rv{opacity:1;transform:none}
  .bridge path{stroke-dashoffset:0}
  .rings i{opacity:.35;transform:none}.rings i:nth-child(2){transform:scale(.8)}.rings i:nth-child(3){transform:scale(.6)}
  .marquee{overflow-x:auto}
  .glyph::after{display:none}
}
@media (forced-colors:active){.btn-primary{border-color:ButtonText}.glyph,.gl{background:CanvasText}}
@media print{.site-header,.rings,.sprite{display:none}}

.linkbtn{all:unset;cursor:pointer;color:var(--link);text-decoration:underline;min-height:24px;display:inline-block;margin-bottom:10px}
.btn:disabled{opacity:1;background:var(--surface2);color:var(--muted);border-color:var(--ctl);cursor:not-allowed;box-shadow:none;transform:none}
.paused *,.paused *::before,.paused *::after{animation-play-state:paused!important}
.sw-g{background:#17171b}.sw-c{background:#FBF8EE}.sw-v{background:#ff7a59}.sw-j{background:#6fe3c1}
.sw i{height:84px}
@media (max-width:430px){.brand .bt{display:none}.bar{gap:10px}.tools{gap:4px}}

/* generated from inline styles */
.s002535c{margin-top:12px}
.s023ebce{margin-bottom:1.4rem}
.s02c2596{margin-top:3rem;font-size:1.7rem}
.s08723a1{--d:0}
.s2a4dac2{align-items:start}
.s2e072c1{color:var(--muted);max-width:34em;margin-inline:auto}
.s343cb84{font-size:1.5rem}
.s4b87412{max-width:52rem;margin-inline:0}
.s4e7012a{color:var(--muted);max-width:46rem}
.s511cd16{padding-top:0}
.s578f5d5{font-size:1.7rem}
.s6041ce6{min-height:55vh}
.s6a98039{color:var(--muted);margin-top:1rem}
.s778ace4{margin-top:3rem}
.s79e0c97{--d:1;margin-top:1rem}
.s87ddc0d{color:var(--muted)}
.s8a1b626{color:var(--muted);margin-top:1.6rem;max-width:46rem;font-size:.95rem}
.s936d88f{--d:4;color:var(--muted);font-size:.95rem;max-width:32em}
.s9dae1d0{margin-top:1rem}
.sab66dd8{font-size:1.4rem}
.sb0043ef{margin-top:16px}
.sc3e885b{--d:3}
.sc9a8d5c{--d:2}
.scc40b59{margin-top:2.4rem;font-size:1.6rem}
.sd275e53{margin:0;color:var(--muted);font-size:.9rem}
.see58eb4{--d:1}