/* regions list and short explainer, flat, uses the existing palette */
#reach{padding-bottom:40px}
.reach{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.reach li{padding:9px 16px;border-radius:999px;font:500 .9rem "IBM Plex Mono",monospace;background:var(--soft);border:1px solid color-mix(in srgb,currentColor 16%,transparent);transition:background .2s,border-color .2s}
.reach li::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:9px;vertical-align:middle}
.reach li:hover{border-color:var(--accent)}
.reach-copy{margin-top:34px;max-width:720px}
.reach-copy h3{margin:0 0 8px}
.reach-copy p{margin:0;opacity:.85;line-height:1.7}