PageSourceSearch

https://tempello.ai/js/8am-kaleidoscope-2026.Dn_4n8lx.js

js tempello.ai collected 2026-10-05 12:47:35 UTC 63,016 bytes, 769 lines download raw bytes

1const e=`<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0">
6<title>8am Kaleidoscope 2026: Dates, Agenda, Pricing &amp; Who Attends (Wynn Las Vegas)</title>
7<meta name="description" content="8am Kaleidoscope 2026 guide: September 22–24 at Encore at Wynn Las Vegas. Agenda, keynotes, $995 pricing, $289 room block, CLE credits, and who attends 8am&#x27;s MyCase &amp; LawPay conference.">
8<link rel="canonical" href="https://tempello.ai/blog/8am-kaleidoscope-2026">
9<meta property="og:type" content="article">
10<meta property="og:title" content="8am Kaleidoscope 2026: Dates, Agenda, Pricing &amp; Who Attends (Wynn Las Vegas)">
11<meta property="og:description" content="8am Kaleidoscope 2026 guide: September 22–24 at Encore at Wynn Las Vegas. Agenda, keynotes, $995 pricing, $289 room block, CLE credits, and who attends 8am&#x27;s MyCase &amp; LawPay conference.">
12<meta property="og:url" content="https://tempello.ai/blog/8am-kaleidoscope-2026">
13<meta property="og:site_name" content="Tempello">
14<meta property="og:image" content="https://tempello.ai/blog/og/8am-kaleidoscope-2026.png">
15<meta property="og:image:width" content="1200">
16<meta property="og:image:height" content="630">
17<meta name="twitter:image" content="https://tempello.ai/blog/og/8am-kaleidoscope-2026.png">
18<meta property="article:published_time" content="2026-07-19T08:00:00-07:00">
19<meta property="article:modified_time" content="2026-08-21T08:00:00-07:00">
20<meta name="robots" content="index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1">
21<meta name="twitter:card" content="summary_large_image">
22<meta name="twitter:title" content="8am Kaleidoscope 2026: Dates, Agenda, Pricing &amp; Who Attends (Wynn Las Vegas)">
23<meta name="twitter:description" content="8am Kaleidoscope 2026 guide: September 22–24 at Encore at Wynn Las Vegas. Agenda, keynotes, $995 pricing, $289 room block, CLE credits, and who attends 8am&#x27;s MyCase &amp; LawPay conference.">
24<link rel="preconnect" href="https://fonts.googleapis.com">
25<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
26<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,[email protected],300;9..144,540;9..144,640&family=Public+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet">
27<script type="application/ld+json">{"@context": "https://schema.org", "@type": "BlogPosting", "headline": "8am Kaleidoscope 2026: Dates, Agenda, Pricing & Who Attends (Wynn Las Vegas)", "description": "8am Kaleidoscope 2026 guide: September 22–24 at Encore at Wynn Las Vegas. Agenda, keynotes, $995 pricing, $289 room block, CLE credits, and who attends 8am's MyCase & LawPay conference.", "author": {"@type": "Organization", "name": "Tempello", "url": "https://tempello.ai"}, "publisher": {"@type": "Organization", "name": "Tempello", "url": "https://tempello.ai"}, "mainEntityOfPage": "https://tempello.ai/blog/8am-kaleidoscope-2026", "datePublished": "2026-07-17", "dateModified": "2026-09-15", "image": ["https://tempello.ai/blog/og/8am-kaleidoscope-2026.png"]}<\/script>
28<script type="application/ld+json">{"@context": "https://schema.org", "@type": "Event", "name": "8am Kaleidoscope 2026", "startDate": "2026-09-22", "endDate": "2026-09-24", "eventAttendanceMode": "https://schema.org/OfflineEventAttendanceMode", "eventStatus": "https://schema.org/EventScheduled", "location": {"@type": "Place", "name": "Encore at Wynn Las Vegas", "address": {"@type": "PostalAddress", "addressLocality": "Las Vegas", "addressRegion": "NV", "addressCountry": "US"}}, "organizer": {"@type": "Organization", "name": "8am", "url": "https://www.8am.com"}, "offers": {"@type": "Offer", "price": "995", "priceCurrency": "USD", "url": "https://www.8am.com/events/kaleidoscope/", "availability": "https://schema.org/InStock"}, "description": "8am's annual customer conference for MyCase, LawPay, CasePeer, and Docketwise users: keynotes, 20+ breakouts, live product demos, and a Partner Hall.", "image": ["https://tempello.ai/blog/og/8am-kaleidoscope-2026.png"]}<\/script>
29<script type="application/ld+json">{"@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [{"@type": "Question", "name": "When and where is 8am Kaleidoscope 2026?", "acceptedA
29nswer": {"@type": "Answer", "text": "September 22–24, 2026, at the Encore at Wynn Las Vegas in Las Vegas, Nevada — the conference's second year, after debuting in Austin in 2025."}}, {"@type": "Question", "name": "How much does Kaleidoscope cost?", "acceptedAnswer": {"@type": "Answer", "text": "The all-access pass is $995, and 8am has secured an exclusive attendee room block at the Encore and Wynn for $289 per night plus applicable taxes and resort fees. Each registration is individual and non-transferable."}}, {"@type": "Question", "name": "Does Kaleidoscope offer CLE credit?", "acceptedAnswer": {"@type": "Answer", "text": "Yes — Kaleidoscope 2026 offers CLE credit for select sessions, with full details published on the event website closer to the conference."}}, {"@type": "Question", "name": "Who should attend?", "acceptedAnswer": {"@type": "Answer", "text": "Firms and professionals using 8am products — MyCase, LawPay, CasePeer, Docketwise — especially owners, administrators, and billing managers at solo to midsize firms. Prospects evaluating the platform can request registration as well."}}, {"@type": "Question", "name": "How big is Kaleidoscope?", "acceptedAnswer": {"@type": "Answer", "text": "The 2025 debut drew about 330 attendees; with the move to Las Vegas and an expanded four-track agenda, 2026 attendance is estimated at roughly 400–600 — small enough that you'll actually meet the product teams."}}]}<\/script>
30<script type="application/ld+json">{"@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{"@type": "ListItem", "position": 1, "name": "Home", "item": "https://tempello.ai"}, {"@type": "ListItem", "position": 2, "name": "Legal Conference Guide 2026–2027", "item": "https://tempello.ai/blog/legal-conference-guide"}, {"@type": "ListItem", "position": 3, "name": "Kaleidoscope", "item": "https://tempello.ai/blog/8am-kaleidoscope-2026"}]}<\/script>
31<style>
32:root{
33  --paper:#FBFAF7; --ink:#1D2733; --muted:#5A6470; --hair:#E5E2D9;
34  --card:#FFFFFF; --accent:#7C3AED; --accent-ink:#6023CC; --accent-soft:#F5F0FD;
35  --accent2:#EC4899; --grad:linear-gradient(135deg,#7C3AED 0%,#EC4899 45%,#F97316 100%); --tempello:#FF6B35;
36}
37*{box-sizing:border-box;margin:0;padding:0}
38html{scroll-behavior:smooth}
39@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
40body{background:var(--paper);color:var(--ink);font:400 17px/1.65 "Public Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
41a{color:var(--accent-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
42a:hover{text-decoration-thickness:2px}
43:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px;border-radius:2px}
44.wrap{max-width:1060px;margin:0 auto;padding:0 24px}
45/* top bar */
46.brand{font:600 15px/1 "Public Sans";letter-spacing:.02em;color:var(--ink);text-decoration:none}
47.brand b{color:var(--accent-ink)}
48/* hero */
49.hero{padding:64px 0 40px;border-bottom:1px solid var(--hair)}
50.hero-grid{display:grid;grid-template-columns:1.5fr .9fr;gap:56px;align-items:start}
51.kicker{display:inline-block;font:500 12px/1 "IBM Plex Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);border:1px solid var(--accent);border-radius:999px;padding:7px 14px;margin-bottom:22px}
52h1{font:540 clamp(34px,5vw,54px)/1.08 "Fraunces",Georgia,serif;letter-spacing:-.01em;margin-bottom:18px}
53h1 .yr{color:var(--accent-ink)}
54.dek{font-size:19px;color:var(--muted);max-width:56ch}
55.statusnote{margin-top:16px;font-size:14px;color:var(--muted);border-left:3px solid var(--accent);padding:6px 0 6px 14px;background:var(--accent-soft)}
56/* facts ledger */
57.ledger{background:var(--card);border:1px solid var(--hair);border-top:3px solid var(--accent);padding:26px 26px 18px;box-shadow:0 1px 0 var(--hair)}
58.ledger h2{font:600 12px/1 "IBM Plex Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}
59.ledger dl{font-size:15px}
60.ledger .row{display:flex;align-items:baseline;gap:10px;padding:9px 0;border-bottom:1px dotted var(--hair)}
61.ledger .row:last-child{border-bottom:0}
62.ledger dt{flex:none;font:500 12px/1.4 "IBM Plex Mono",monospace;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);width:112px}
63.ledger dd{font-weight:600}
64/* anchor nav */
65.anav{position:sticky;top:0;z-index:9;background:var(--paper);border-bottom:1px solid var(--hair)}
66.anav .wrap{display:flex;gap:26px;overflow-x:auto;padding-top:13px;padding-bottom:13px}
67.anav a{font:600 13px/1 "Public Sans";letter-spacing:.02em;color:var(--ink);text-decoration:none;white-space:nowrap}
68.anav a:hover{color:var(--accent-ink)}
69/* sections */
70section{padding:52px 0;border-bottom:1px solid var(--hair)}
71h2.sec{font:540 clamp(24px,3vw,32px)/1.2 "Fraunces",Georgia,serif;margin-bottom:8px}
72.secsub{color:var(--muted);margin-bottom:26px;max-width:64ch}
73.prose p{max-width:70ch;margin-bottom:16px}
74.prose strong{font-weight:600}
75/* audience grid */
76.aud{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair);margin-top:8px}
77.aud>div{background:var(--card);padding:22px}
78.aud h3{font:600 12px/1 "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:10px}
79.aud p{font-size:15px;color:var(--ink)}
80/* docket agenda — signature element */
81.docket{margin-top:6px}
82.day{margin-bottom:34px}
83.day h3{font:640 19px/1.3 "Fraunces",Georgia,serif;margin-bottom:4px}
84.day .dsub{font:500 12px/1.4 "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
85.entry{display:grid;grid-template-columns:96px 1fr auto;gap:16px;align-items:baseline;padding:12px 0;border-bottom:1px dotted var(--hair)}
86.entry .t{font:500 14px/1.4 "IBM Plex Mono",monospace;color:var(--accent-ink)}
87.entry .s{font-weight:500}
88.entry .tag{font:500 11px/1 "IBM Plex Mono",monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid var(--hair);border-radius:999px;padding:5px 10px;background:var(--card);white-space:nowrap}
89.agenda-note{margin-top:14px;font-size:14px;color:var(--muted)}
90/* plan-your-trip cards */
91.plan{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair);margin-top:8px}
92.plan>div{background:var(--card);padding:24px}
93.plan h3{font:600 12px/1 "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:12px}
94.plan p{font-size:15px;margin-bottom:10px}
95.plan p:last-child{margin-bottom:0}
96/* attendee tips */
97.tips{counter-reset:tip;max-width:76ch}
98.tip{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:20px 0;border-bottom:1px dotted var(--hair)}
99.tip::before{counter-increment:tip;content:counter(tip,decimal-leading-zero);font:540 26px/1 "Fraunces",Georgia,serif;color:var(--accent-ink);padding-top:2px}
100.tip h3{font:640 17px/1.35 "Fraunces",Georgia,serif;margin-bottom:6px}
101.tip p{font-size:15.5px;color:var(--ink)}
102/* faq */
103.faq details{border-bottom:1px solid var(--hair);padding:6px 0}
104.faq summary{cursor:pointer;font-weight:600;padding:14px 0;list-style:none;display:flex;justify-content:space-between;gap:16px}
105.faq summary::-webkit-details-marker{display:none}
106.faq summary::after{content:"+";font:300 22px/1 "Fraunces",serif;color:var(--accent-ink)}
107.faq details[open] summary::after{content:"\\2212"}
108.faq .a{padding:0 0 18px;color:var(--muted);max-width:70ch}
109/* calculator */
110.calc{background:var(--card);border:1px solid var(--hair);border-top:3px solid var(--accent);padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:36px}
111.calc .in label{display:block;font:600 12px/1 "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:18px 0 8px}
112.calc .in label:first-child{margin-top:0}
113.calc .in output{float:right;font:500 13px/1 "IBM Plex Mono",monospace;color:var(--accent-ink)}
114.calc input[type=range]{width:100%;accent-color:var(--accent);height:22px}
115.calc .out{border-left:1px dotted var(--hair);padding-left:36px}
116.calc .big{font:540 clamp(30px,4vw,44px)/1.05 "Fraunces",Georgia,serif;color:var(--accent-ink)}
117.calc .biglabel{font:600 12px/1.4 "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:2px 0 18px}
118.calc .orow{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dotted var(--hair);font-size:15px}
119.calc .orow b{font:500 15px/1.4 "IBM Plex Mono",monospace;color:var(--ink)}
120.calc-note{margin-top:14px;font-size:13px;color:var(--muted);max-width:76ch}
121@media (max-width:820px){.calc{grid-template-columns:1fr}.calc .out{border-left:0;padding-left:0;border-top:1px dotted var(--hair);padding-top:24px}}
122/* cta */
123.cta{background:var(--ink);color:#F4F3EE;padding:56px 0}
124.cta h2{font:540 clamp(24px,3vw,34px)/1.2 "Fraunces",Georgia,serif;margin-bottom:12px}
125.cta p{max-width:64ch;color:#C9CDD3;margin-bottom:22px}
126.btn{display:inline-block;background:var(--accent);color:#fff;font:600 15px/1 "Public Sans";padding:15px 26px;border-radius:6px;text-decoration:none}
127.btn:hover{filter:brightness(1.08)}
128footer{padding:30px 0 46px;font-size:13.5px;color:var(--muted)}
129footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
130@media (max-width:820px){
131  .hero-grid{grid-template-columns:1fr;gap:32px}
132  .aud{grid-template-columns:1fr}
133  .entry{grid-template-columns:78px 1fr;grid-template-areas:"t s" "t tag"}
134  .entry .tag{justify-self:start}
135}
136@media (prefers-reduced-motion:no-preference){
137  .hero-grid>*{animation:rise .5s ease both}
138  .hero-grid>
138*:nth-child(2){animation-delay:.08s}
139  @keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
140}
141
142/* embed offer */
143.embed-offer{margin-top:16px;max-width:76ch}
144.embed-offer summary{cursor:pointer;font:600 13.5px/1.4 "Public Sans";color:var(--accent-ink);padding:10px 0;list-style:none}
145.embed-offer summary::-webkit-details-marker{display:none}
146.embed-offer summary::before{content:"</> ";font:500 13px/1 "IBM Plex Mono",monospace}
147.embed-offer textarea{width:100%;height:104px;font:400 12px/1.6 "IBM Plex Mono",monospace;padding:12px;border:1.5px solid var(--hair);border-radius:8px;background:#fff;resize:vertical}
148.embed-offer .copy{margin-top:8px;font:600 13px/1 "Public Sans";background:var(--grad);color:#fff;border:0;border-radius:8px;padding:11px 16px;cursor:pointer}
149.embed-offer .ok{margin-left:10px;font:600 12.5px/1 "Public Sans";color:var(--accent-ink);display:none}
150/* lead-gen layer */
151.demo{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:10px;margin:22px 0 10px;max-width:900px}
152.demo input,.demo select{font:400 15px/1 "Public Sans";padding:14px;border:1.5px solid rgba(255,255,255,.35);border-radius:8px;background:rgba(255,255,255,.12);color:#fff;min-width:0}
153.demo input::placeholder{color:rgba(255,255,255,.75)}
154.demo select{appearance:auto}
155.demo select option{color:#1D2733}
156.demo input:focus,.demo select:focus{border-color:var(--tempello);outline:none;background:rgba(255,255,255,.18)}
157.demo button{font:600 15px/1 "Public Sans";background:var(--tempello);color:#fff;border:0;border-radius:8px;padding:14px 22px;cursor:pointer;white-space:nowrap;box-shadow:0 10px 24px -10px var(--tempello)}
158.demo button:hover{filter:brightness(1.07)}
159.proof{font:600 13px/1.5 "IBM Plex Mono",monospace;letter-spacing:.04em;color:#FFD6C2;margin-top:4px}
160.cta .alt{font-size:14px;color:#C9CDD3;margin-top:12px}
161.cta .alt a{color:#fff}
162.notify{background:var(--accent-soft);border:1px solid var(--hair);border-left:5px solid var(--accent2);border-radius:10px;padding:22px 26px;margin-top:26px;max-width:72ch}
163.notify h3{font:640 17px/1.3 "Fraunces",Georgia,serif;margin-bottom:6px}
164.notify p{font-size:14.5px;color:var(--muted);margin-bottom:12px}
165.nrow{display:flex;gap:10px;flex-wrap:wrap}
166.nrow input{flex:1;
166min-width:200px;font:400 15px/1 "Public Sans";padding:13px 15px;border:1.5px solid var(--hair);border-radius:8px}
167.nrow input:focus{border-color:var(--accent);outline:none}
168.nrow button{font:600 14px/1 "Public Sans";background:var(--grad);color:#fff;border:0;border-radius:8px;padding:13px 20px;cursor:pointer}
169.notify-ok{font-weight:600;color:var(--accent-ink)}
170.meetus{background:var(--grad);border-radius:12px;padding:28px 32px;margin-top:26px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;box-shadow:0 16px 40px -22px var(--accent)}
171.meetus h3{font:640 20px/1.3 "Fraunces",Georgia,serif;margin-bottom:4px}
172.meetus p{font-size:14.5px;opacity:.92}
173.meetus button{font:600 15px/1 "Public Sans";background:#fff;color:var(--accent-ink);border:0;border-radius:8px;padding:14px 22px;cursor:pointer;white-space:nowrap}
174.planner{background:var(--card);border:1.5px dashed var(--accent2);border-radius:10px;padding:22px 26px;margin-top:22px}
175.planner h3{font:640 16px/1.3 "Fraunces",Georgia,serif;margin-bottom:4px}
176.planner p{font-size:14px;color:var(--muted);margin-bottom:12px}
177.calc-cta{margin-top:18px;font:600 14px/1.3 "Public Sans";background:var(--tempello);color:#fff;border:0;border-radius:8px;padding:14px 20px;cursor:pointer;width:100%;box-shadow:0 10px 24px -10px var(--tempello)}
178.calc-cta:hover{filter:brightness(1.07)}
179#stickyBar{position:fixed;left:0;right:0;bottom:-90px;z-index:50;background:var(--ink);color:#fff;transition:bottom .35s ease;box-shadow:0 -8px 30px rgba(0,0,0,.25)}
180#stickyBar.on{bottom:0}
181#stickyBar .wrap{display:flex;align-items:center;gap:16px;padding:12px 24px}
182#stickyBar .msg{flex:1;font-size:14.5px}
183#stickyBar button.go{font:600 14px/1 "Public Sans";background:var(--tempello);color:#fff;border:0;border-radius:8px;padding:12px 18px;cursor:pointer;white-space:nowrap}
184#stickyBar button.x{background:none;border:0;color:#8A93A0;font-size:20px;cursor:pointer;padding:6px}
185@media(max-width:860px){.demo{grid-template-columns:1fr 1fr}.demo button{grid-column:1/3}}
186/* testimonial */
187.testi{background:#fff;border:1px solid var(--hair);border-radius:12px;padding:34px 38px;max-width:78ch;position:relative;overflow:hidden;box-shadow:0 16px 40px -26px rgba(20,30,50,.4)}
188.testi::before{content:"\\201C";position:absolute;top:-28px;left:14px;font:640 150px/1 "Fraunces",Georgia,serif;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.35}
189.testi blockquote{font:400 19px/1.55 "Fraunces",Georgia,serif;color:var(--ink);margin-bottom:20px;position:relative}
190.testi .who{display:flex;align-items:center;gap:14px}
191.testi .av{width:48px;height:48px;border-radius:50%;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font:700 15px/1 "Public Sans"}
192.testi .nm{font-weight:700}
193.testi .fm{font-size:13.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
194/* seo layer */
195.crumbs{font:500 12px/1.5 "IBM Plex Mono",monospace;color:var(--muted);padding:12px 0}
196.crumbs a{color:var(--muted);text-decoration:none}
197.crumbs a:hover{color:var(--accent-ink);text-decoration:underline}
198.updated{display:inline-block;font:600 11px/1 "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);background:#fff;border:1px solid var(--hair);border-radius:999px;padding:7px 12px;margin-left:10px;vertical-align:middle}
199.qa{background:#fff;border:1px solid var(--hair);border-left:5px solid var(--accent2);border-radius:10px;padding:20px 24px;margin-top:26px;max-width:72ch;box-shadow:0 10px 26px -20px rgba(20,30,50,.35)}
200.qa p{font-size:15.5px;margin:0 0 10px}
201.qa p:last-child{margin:0}
202.qa strong{color:var(--accent-ink)}
203.related{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:8px}
204.related a{display:block;background:var(--card);border:1px solid var(--hair);border-left:4px solid var(--accent);border-radius:8px;padding:16px 18px;text-decoration:none;color:var(--ink);font-weight:600;font-size:15px;transition:transform .15s,box-shadow .15s}
205.related a span{display:block;font:400 13px/1.5 "Public Sans";color:var(--muted);margin-top:3px}
206.related a:hover{transform:translateY(-2px);box-shadow:0 12px 26px -18px rgba(20,30,50,.4);color:var(--accent-ink)}
207@media(max-width:720px){.related{grid-template-columns:1fr}}
208/* ===== pizzazz layer ===== */
209body::before{content:"";display:block;height:6px;background:var(--grad)}
210.hero{background:linear-gradient(180deg,var(--accent-soft) 0%,var(--paper) 78%);position:relative;overflow:hidden}
211.hero .deco{position:absolute;right:-70px;top:-70px;width:460px;height:460px;opacity:.55;pointer-events:none}
212.hero-grid{position:relative;z-index:1}
213.kicker{background:var(--grad);color:#fff;border:0;box-shadow:0 4px 14px -6px var(--accent)}
214h1 .yr{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
215h2.sec{position:relative;padding-bottom:14px}
216h2.sec::after{content:"";position:absolute;
216left:0;bottom:0;width:58px;height:4px;background:var(--grad);border-radius:2px}
217.ledger{border-top:0;position:relative;overflow:hidden;border-radius:10px;box-shadow:0 14px 34px -20px rgba(20,30,50,.35)}
218.ledger::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--grad)}
219.ledger dt{color:var(--accent-ink)}
220.anav{box-shadow:0 6px 14px -12px rgba(20,30,50,.3)}
221.anav a:hover{color:var(--accent-ink);text-decoration:underline;text-decoration-color:var(--accent2);text-decoration-thickness:3px;text-underline-offset:8px}
222.entry .tag{background:var(--accent-soft);color:var(--accent-ink);border-color:transparent;font-weight:600}
223.entry .t{color:var(--accent-ink);font-weight:600}
224.day h3{padding-left:14px;border-left:5px solid var(--accent2);border-radius:2px}
225.aud>div,.plan>div{border-top:4px solid var(--accent);border-radius:0 0 8px 8px;transition:transform .15s ease,box-shadow .15s ease}
226.aud>div:nth-child(2),.plan>div:nth-child(2){border-top-color:var(--accent2)}
227.aud>div:nth-child(3),.plan>div:nth-child(3){border-top-color:var(--accent-ink)}
228.aud>div:hover,.plan>div:hover{transform:translateY(-3px);box-shadow:0 14px 28px -18px rgba(20,30,50,.4)}
229.aud h3,.plan h3{color:var(--accent-ink)}
230.tip{align-items:start}
231.tip::before{background:var(--grad);color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 17px/1 "Public Sans",sans-serif;box-shadow:0 6px 14px -6px var(--accent)}
232.calc{border-top:0;position:relative;overflow:hidden;border-radius:12px;box-shadow:0 18px 44px -26px rgba(20,30,50,.4)}
233.calc::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--grad)}
234.calc .out{border-left:0;padding:26px;border-radius:10px;background:linear-gradient(160deg,var(--accent-soft),#fff 85%)}
235.calc .big{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
236.calc input[type=range]{accent-color:var(--accent2)}
237.faq summary::after{color:var(--accent2)}
238.faq details[open]{background:var(--accent-soft);margin:0 -14px;padding:6px 14px;border-radius:8px}
239.cta{background:linear-gradient(120deg,var(--ink) 10%,var(--accent-ink) 160%);position:relative;overflow:hidden}
240.cta::after{content:"";position:absolute;right:-120px;bottom:-160px;width:420px;height:420px;border-radius:50%;background:var(--grad);opacity:.18;pointer-events:none}
241.btn{background:var(--tempello);box-shadow:0 10px 24px -10px var(--tempello);border-radius:8px}
242.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
243@media (max-width:820px){.hero .deco{width:280px;height:280px;right:-90px;top:-90px;opacity:.35}}
244
245/* ===== overview-first redesign ===== */
246html{scroll-behavior:smooth}
247section,#ataglance{scroll-margin-top:78px}
248.hero{background:
249 radial-gradient(700px 420px at 88% -10%, var(--accent-soft) 0%, transparent 60%),
250 radial-gradient(560px 380px at -8% 110%, var(--accent-soft) 0%, transparent 55%),
251 linear-gradient(180deg,var(--accent-soft) 0%,var(--paper) 82%)}
252.ovsec{padding:34px 0 10px;background:linear-gradient(180deg,var(--paper),#fff 120%)}
253.ovlabel{font:600 12px/1 "IBM Plex Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
254.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:12px;margin-bottom:30px}
255.tile{background:#fff;border:1px solid var(--hair);border-radius:12px;padding:16px 16px 14px;position:relative;overflow:hidden;box-shadow:0 10px 26px -20px rgba(20,30,50,.35)}
256.tile::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--grad)}
257.tile .tl{font:600 10.5px/1 "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}
258.tile .tv{font:600 15.5px/1.3 "Fraunces",Georgia,serif;color:var(--ink)}
259.tile:first-child .tv{color:var(--accent-ink)}
260.explore{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-bottom:26px}
261.xcard{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--hair);border-radius:12px;padding:16px 18px;text-decoration:none;color:var(--ink);position:relative;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease;box-shadow:0 10px 26px -20px rgba(20,30,50,.3)}
262.xcard::after{content:"\\2193";position:absolute;right:14px;top:50%;transform:translateY(-50%);font:600 16px/1 "Public Sans";color:var(--accent2);opacity:.75;transition:transform .16s ease}
263.xcard:hover{transform:translateY(-3px);box-shadow:0 18px 34px -18px rgba(20,30,50,.45);border-color:var(--accent2)}
264.xcard:hover::after{transform:translateY(calc(-50% + 3px))}
265.xicon{flex:0 0 46px;width:46px;height:46px;border-radius:12px;background:var(--grad);display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 8px 18px -8px var(--accent)}
266.xcard h3{font:640 15.5px/1.25 "Fraunces",Georgia,serif;margin:0 0 2px}
267.xcard p{font-size:12.5px;color:var(--muted);margin:0;padding-right:16px}
268.uplink{display:inline-block;margin-top:22px;font:600 12px/1 "IBM Plex Mono",monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink);text-decoration:none;border:1.5px solid var(--hair);border-radius:999px;padding:9px 15px}
269.uplink:hover{border-color:var(--accent2);background:var(--accent-soft)}
270.rv{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}
271.rv.in{opacity:1;transform:none}
272@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rv{opacity:1;transform:none;transition:none}}
273
274/* ===== mobile refinement layer ===== */
275@media (max-width:680px){
276  .wrap{padding:0 18px}
277  /* breadcrumb: one quiet scrollable line */
278  .crumbs{padding:8px 0}
279  .crumbs .wrap{white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;font-size:10.5px;letter-spacing:0}
280  .crumbs .wrap::-webkit-scrollbar{display:none}
281  /* hero: tighter, kicker wraps gracefully, chip on its own line */
282  .hero{padding:34px 0 24px}
283  .hero .deco{width:210px;height:210px;right:-70px;top:-70px;opacity:.25}
284  .kicker{font-size:10px;letter-spacing:.07em;line-height:1.6;padding:7px 12px;white-space:normal;border-radius:14px}
285  .updated{display:block;width:max-content;margin:10px 0 0;font-size:10px}
286  h1{font-size:clamp(27px,8.4vw,34px);line-height:1.12;margin-bottom:12px}
287  .dek{font-size:15.5px;line-height:1.6}
288  .qa{padding:15px 16px;margin-top:20px}
289  .qa p{font-size:13.5px;margin-bottom:8px}
290  /* overview */
291  .ovsec{padding:26px 0 6px}
292  .tiles{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:24px}
293  .tile{padding:12px 12px 11px;border-radius:10px}
294  .tile .tl{font-size:9.5px;margin-bottom:5px}
295  .tile .tv{font-size:13px;line-height:1.3}
296  .explore{grid-template-columns:1fr;gap:9px;margin-bottom:20px}
297  .xcard{padding:13px 15px;border-radius:10px}
298  .xicon{flex:0 0 40px;width:40px;height:40px;font-size:19px;border-radius:10px}
299  .xcard h3{font-size:14.5px}
300  .xcard p{font-size:11.5px}
301  /* sticky section nav: one scrollable row */
302  .anav .wrap{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:18px;padding:12px 18px}
303  .anav .wrap::-webkit-scrollbar{display:none}
304  .anav a{white-space:nowrap;font-size:12.5px}
305  /* body sections */
306  section{padding:32px 0}
307  h2.sec{padding-bottom:11px}
308  .ledger,.calc{padding:20px}
309  .calc{gap:22px}
310  .cta{padding:38px 0}
311  .testi{padding:24px 22px}
312  .testi blockquote{font-size:16.5px}
313  .meetus{padding:22px}
314  /* demo form: single column, comfy tap targets */
315  .demo{grid-template-columns:1fr;gap:9px}
316  .demo button{grid-column:auto;padding:15px}
317  .proof{font-size:11.5px}
318  /* sticky bar: compact single-line message, small footprint */
319  #stickyBar .wrap{padding:9px 14px;gap:10px}
320  #stickyBar .msg{font-size:0;line-height:0}
321  #stickyBar .msg strong{font-size:12.5px;line-height:1.35;display:block}
322  #stickyBar button.go{padding:11px 14px;font-size:13px}
323}
324@media (max-width:380px){
325  .tiles{grid-template-columns:1fr 1fr}
326  h1{font-size:26px}
327}
328
329/* subtle living-hero motion */
330@keyframes decoDrift{from{transform:translate(0,0) rotate(0deg)}to{transform:translate(-16px,12px) rotate(5deg)}}
331.hero .deco{animation:decoDrift 16s ease-in-out infinite alternate}
332@keyframes kickShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
333.kicker{background-size:180% 180%;animation:kickShift 9s ease-in-out infinite}
334@media (prefers-reduced-motion:reduce){.hero .deco,.kicker{animation:none}}
335</style>
336</head>
337<body>
338<nav class="crumbs" aria-label="Breadcrumb"><div class="wrap"><a href="https://tempello.ai">Home</a> &rsaquo; <a href="/blog/legal-conference-guide">Legal Conference Guide 2026–2027</a> &rsaquo; Kaleidoscope</div></nav>
339
340<div class="hero">
341  <svg class="deco" viewBox="0 0 460 460" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
342    <circle cx="300" cy="140" r="150" style="fill:var(--accent);opacity:.16"/>
343    <circle cx="180" cy="250" r="110" style="fill:var(--accent2);opacity:.18"/>
344    <circle cx="360" cy="310" r="80" style="fill:var(--accent-ink);opacity:.12"/>
345    <polygon points="250,40 330,180 170,180" style="fill:var(--accent2);opacity:.22"/>
346    <polygon points="120,330 220,420 60,430" style="fill:var(--accent);opacity:.15"/>
347    <rect x="290" y="220" width="120" height="120" rx="18" transform="rotate(18 350 280)" style="fill:var(--accent);opacity:.1"/>
348  </svg>
349  <div class="wrap hero-grid">
350    <div>
351      <span class="kicker">Las Vegas, NV · Sep 22–24, 2026</span><span class="updated">Updated Aug 21, 2026</span>
352      <h1>8am Kaleidoscope <span class="yr">2026</span></h1>
353      <p class="dek">8am's annual customer conference — for the firms behind MyCase, LawPay, CasePeer, and Docketwise — moves to the Encore at Wynn Las Vegas for its second year: three days of keynotes, 20+ breakouts, live product demos, and two of the better parties in legal tech.</p>
354      
355      <div class="qa">
356        <p><strong>When is it?</strong> 8am Kaleidoscope 2026 takes place Sep 22–24, 2026.</p>
357        <p><strong>Where is it?</strong> Encore at Wynn Las Vegas, Las Vegas, NV.</p>
358        <p><strong>How big is it?</strong> ≈400–600 (est.; 330 at 2025 debut) attendees.</p>
359        <p><strong>What does it cost?</strong> $995 all-access pass.</p>
360      </div>
361    </div>
362    <aside class="ledger" aria-label="Key facts">
363      <h2>Key Facts</h2>
364      <dl>
365        <div class="row"><dt>Dates</dt><dd>Sep 22–24, 2026</dd></div>
366        <div class="row"><dt>Venue</dt><dd>Encore at Wynn Las Vegas</dd></div>
367        <div class="row"><dt>City</dt><dd>Las Vegas, NV</dd></div>
368        <div class="row"><dt>Attendance</dt><dd>≈400–600 (est.; 330 at 2025 debut)</dd></div>
369        <div class="row"><dt>Pricing</dt><dd>$995 all-access pass</dd></div>
370        <div class="row"><dt>Rooms</dt><dd>$289/night block at Encore &amp; Wynn</dd></div>
371        <div class="row"><dt>CLE</dt><dd>Offered for select sessions</dd></div>
372      </dl>
373    </aside>
374  </div>
375</div>
376
377
378<section id="ataglance" class="ovsec">
379  <div class="wrap">
380    <div class="ovlabel">At a glance</div>
381    <div class="tiles">
382      <div class="tile rv"><div class="tl">Dates</div><div class="tv">Sep 22–24, 2026</div></div>
383      <div class="tile rv"><div class="tl">Location</div><div class="tv">Las Vegas, NV</div></div>
384      <div class="tile rv"><div class="tl">Venue</div><div class="tv">Encore at Wynn Las Vegas</div></div>
385      <div class="tile rv"><div class="tl">Attendance</div><div class="tv">≈400–600 (est.; 330 at 2025 debut)</div></div>
386      <div class="tile rv"><div class="tl">Cost</div><div class="tv">$995 all-access pass</div></div>
387    </div>
388    <div class="ovlabel">Explore this guide &mdash; click to jump to any section</div>
389    <div class="explore">
390      <a class="xcard rv" href="#agenda"><span class="xicon"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M8 2v4"/><path d="M16 2v4"/><rect width="18" height="18" x="3" y="4" rx="2"/><path d="M3 10h18"/></svg></span><span><h3>Agenda</h3><p>Session-by-session schedule &amp; tracks</p></span></a>
391      <a class="xcard rv" href="#plan"><span class="xicon"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z"/><circle cx="12" cy="12" r="10"/></svg></span><span><h3>Plan Your Trip</h3><p>Hotels, venue, travel &amp; deadlines</p></span></a>
392      <a class="xcard rv" href="#tips"><span class="xicon"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"/><path d="M9 18h6"/><path d="M10 22h4"/></svg></span><span><h3>Attendee Tips</h3><p>Veteran advice for getting the most out of it</p></span></a>
393      <a class="xcard rv" href="#faq"><span class="xicon"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><path d="M12 17h.01"/></svg></span><span><h3>FAQ</h3><p>Registration, CLE &amp; logistics answered</p></span></a>
394      <a class="xcard rv" href="#who"><span class="xicon"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg></span><span><h3>Who Attends</h3><p>Is this the right room for your practice?</p></span></a>
395      <a class="xcard rv" href="#calc"><span class="xicon"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect width="16" height="20" x="4" y="2" rx="2"/><line x1="8" x2="16" y1="6" y2="6"/><line x1="16" x2="16" y1="14" y2="18"/><path d="M16 10h.01"/><path d="M12 10h.01"/><path d="M8 10h.01"/><path d="M12 14h.01"/><path d="M8 14h.01"/><path d="M12 18h.01"/><path d="M8 18h.01"/></svg></span><span><h3>ROI Calculator</h3><p>What captured email is worth to your firm</p></span></a>
396    </div>
397  </div>
398</section>
399
400<nav class="anav" aria-label="On this page">
401  <div class="wrap">
402    <a href="#overview">Overview</a>
403    <a href="#agenda">Agenda</a>
404    <a href="#plan">Plan Your Trip</a>
405    <a href="#tips">Attendee Tips</a>
406    <a href="#faq">FAQ</a>
407    <a href="#who">Who Attends</a>
408    <a href="#calc">ROI Calculator</a>
409  </div>
410</nav>
411
412<main>
413<section id="overview">
414  <div class="wrap prose">
415    <h2 class="sec">What is 8am Kaleidoscope?</h2>
416    <p class="secsub">The customer conference for the 8am platform — the company formerly known as AffiniPay — and the one place its whole product family shows up at once.</p>
417    <p><strong>Kaleidoscope 2026</strong> runs <strong>September 22–24, 2026 at the Encore at Wynn Las Vegas</strong>. It's the annual conference from 8am — the platform behind <strong>MyCase, LawPay, CasePeer, Docketwise, and CPACharge</strong> — and if your firm runs any of those products, this is where the roadmap gets announced, the product teams take questions face to face, and peer firms trade what's actually working.</p>
418    <p>The inaugural 2025 edition in Austin drew about 330 attendees and produced seven product launches; 2026 expands to a <strong>four-track agenda with 20+ breakout sessions</strong>, keynote and general sessions led by 8am executive leadership, interactive panels and roundtables, live product demos, a Solutions Hub, an Innovation Stage, and a Partner Hall of exhibitors.</p>
419    <p>Kaleidoscope leans hard into the business side of practice: 8am's own research — 68% of surveyed lawyers struggle with collections, 61% with accounting principles — shapes programming on billing, embedded payments, financial wellness, and firm growth. Expect a heavy 8am IQ (AI) presence, from Chat with Cases to AI-driven timekeeping and billing automation. Registrations are individual and non-transferable; select sessions carry CLE credit.</p>
420  </div>
421</section>
422
423<section id="agenda">
424  <div class="wrap">
425    <h2 class="sec">Agenda</h2>
426    <p class="secsub">Built from 8am's published 2026 schedule framework and session list; final session times are on the Kaleidoscope site.</p>
427    <div class="docket">
428      <div class="day"><h3>Tuesday, September 22</h3><p class="dsub">Arrival day · Welcome party</p><div class="entry"><span class="t">2:00 PM</span><span class="s">Check-in — grab your badge and get oriented</span><span class="tag">Arrivals</span></div>
429<div class="entry"><span class="t">5:30 PM</span><span class="s">Welcome party — drinks and connection at the Encore Beach Club</span><span class="tag">Signature</span></div></div>
430<div class="day"><h3>Wednesday, September 23</h3><p class="dsub">Main conference day 1</p><div class="entry"><span class="t">9:00 AM</span><span class="s">Opening keynote — 8am leadership on the platform, AI roadmap, and industry outlook</span><span class="tag">Keynote</span></div>
431<div class="entry"><span class="t">11:00 AM</span><span class="s">Breakout tracks — practice management, embedded payments, financial wellness, firm growth</span><span class="tag">Breakouts</span></div>
432<div class="entry"><span class="t">12:30 PM</span><span class="s">Lunch · Solutions Hub and Partner Hall time</span><span class="tag">Expo</span></div>
433<div class="entry"><span class="t">2:00 PM</span><span class="s">Sessions: the $84T wealth transfer, federal enforcement outlook, ethics of viral cases</span><span class="tag">Breakouts</span></div>
434<div class="entry"><span class="t">4:00 PM</span><span class="s">Live product demos — 8am IQ, Chat with Cases, and the latest platform releases</span><span class="tag">Demos</span></div>
435<div class="entry"><span class="t">5:30 PM</span><span class="s">Happy hour in the Exhibit Hall</span><span class="tag">Networking</span></div></div>
436<div class="day"><h3>Thursday, September 24</h3><p class="dsub">Main conference day 2 · Closing night</p><div class="entry"><span class="t">9:00 AM</span><span class="s">Guest keynote and general session</span><span class="tag">Keynote</span></div>
437<div class="entry"><span class="t">10:30 AM</span><span class="s">Breakouts continue — CLE-eligible sessions incl. orbital disputes &amp; emerging practice areas</span><span class="tag">CLE</span></div>
438<div class="entry"><span class="t">2:00 PM</span><span class="s">Roundtables — peers and 8am product teams on emerging trends and challenges</span><span class="tag">Roundtables</span></div>
439<div class="entry"><span class="t">7:00 PM</span><span class="s">Closing night at Intrigue — three hours to close out strong</span><span class="tag">Signature</span></div></div>
440    </div>
441    <p class="agenda-note">Confirmed from 8am: September 22–24 at Encore at Wynn; Encore Beach Club welcome party; Exhibit Hall happy hour; closing night at Intrigue; 20+ breakouts across four tracks; CLE for select sessions; $289/night room block. Session times shown are illustrative — the official agenda is at 8am.com/events/kaleidoscope.</p>
442  <a class="uplink" href="#ataglance">&uarr; Back to overview</a>
443</div>
444</section>
445
446<section id="plan">
447  <div class="wrap">
448    <h2 class="sec">Plan your trip</h2>
449    <p class="secsub">A Wynn-campus conference is the easy kind of Vegas: everything is in one (very nice) building.</p>
450    <div class="plan">
451      <div><h3>
451Getting there</h3><p>Fly into Harry Reid International (LAS); the Wynn/Encore is a 15-minute ride from the terminal at the north end of the Strip.</p><p>Everything — sessions, Partner Hall, both parties — happens on the Wynn/Encore campus, so skip the rental car.</p></div>
452      <div><h3>Where to stay</h3><p>Book the attendee room block: $289/night plus taxes and resort fees at the Encore and Wynn — well under rack rate for these towers, and it keeps you an elevator ride from every session.</p><p>Blocks are limited; reserve when you register rather than gambling on September Vegas rates.</p></div>
453      <div><h3>Registration</h3><p>The all-access pass runs $995 and covers sessions, meals, and evening events. Each registration is individual and non-transferable — colleagues need their own.</p><p>If you want CLE, flag the CLE-eligible sessions when the final agenda posts and plan your two days around them.</p></div>
454    </div>
455  <a class="uplink" href="#ataglance">&uarr; Back to overview</a>
456</div>
457</section>
458
459<section id="tips">
460  <div class="wrap">
461    <h2 class="sec">Get the most out of Kaleidoscope</h2>
462    <p class="secsub">How MyCase and LawPay firms get a year's worth of value from three days at the Wynn.</p>
463    <div class="tips">
464      <div class="tip"><div><h3>Come with your product wish list written down</h3><p>Kaleidoscope's superpower is access: 8am's product managers and engineers work the Solutions Hub all week. Firms that arrive with specific friction points — a report you can't build, a workflow that takes four clicks too many — routinely see them land on the roadmap.</p></div></div>
465      <div class="tip"><div><h3>Sit in on the AI track even if you&#x27;re skeptical</h3><p>8am IQ is being threaded through MyCase and LawPay, and the sessions on AI timekeeping and billing automation preview features you'll be using within the year. Knowing what's coming natively helps you decide what to buy — and what to wait for.</p></div></div>
466      <div class="tip"><div><h3>Work the Partner Hall for the gaps 8am doesn&#x27;
466t fill</h3><p>The exhibitors are integrations chosen for the 8am ecosystem. If untracked email time is your leak, this is the one hall where every vendor — including email-to-time-entry tools like Tempello, which launched its MyCase integration on this very stage in 2025 — already plugs into your exact stack.</p></div></div>
467      <div class="tip"><div><h3>Don&#x27;t skip the parties — they&#x27;re the roundtables</h3><p>The Encore Beach Club welcome and the Intrigue closing night are where firms actually swap collections rates, staffing models, and fee structures. Past attendees consistently call it the most useful ‘session’ of the week.</p></div></div>
468      <div class="tip"><div><h3>Bring your billing manager</h3><p>The financial-wellness and embedded-payments tracks are aimed at whoever runs your invoicing and trust accounting. At $995 a seat, sending the person who touches LawPay daily usually returns more than a second attorney seat.</p></div></div>
469    </div>
470  <a class="uplink" href="#ataglance">&uarr; Back to overview</a>
471</div>
472</section>
473
474<section id="faq">
475  <div class="wrap">
476    <h2 class="sec">Frequently asked questions</h2>
477    <div class="faq">
478      <details><summary>When and where is 8am Kaleidoscope 2026?</summary><p class="a">September 22–24, 2026, at the Encore at Wynn Las Vegas in Las Vegas, Nevada — the conference's second year, after debuting in Austin in 2025.</p></details>
479<details><summary>How much does Kaleidoscope cost?</summary><p class="a">The all-access pass is $995, and 8am has secured an exclusive attendee room block at the Encore and Wynn for $289 per night plus applicable taxes and resort fees. Each registration is individual and non-transferable.</p></details>
480<details><summary>Does Kaleidoscope offer CLE credit?</summary><p class="a">Yes — Kaleidoscope 2026 offers CLE credit for select sessions, with full details published on the event website closer to the conference.</p></details>
481<details><summary>Who should attend?</summary><p class="a">Firms and professionals using 8am products — MyCase, LawPay, CasePeer, Docketwise — especially owners, administrators, and billing managers at solo to midsize firms. Prospects evaluating the platform can request registration as well.</p></details>
482<details><summary>How big is Kaleidoscope?</summary><p class="a">The 2025 debut drew about 330 attendees; with the move to Las Vegas and an expanded four-track agenda, 2026 attendance is estimated at roughly 400–600 — small enough that you'll actually meet the product teams.</p></details>
483    </div>
484  <a class="uplink" href="#ataglance">&uarr; Back to overview</a>
485</div>
486</section>
487
488<section id="who">
489  <div class="wrap">
490    <h2 class="sec">Who attends Kaleidoscope?</h2>
491    <p class="secsub">A customer-community crowd: the firms in the room already run 8am products and came to run them better.</p>
492    <div class="aud">
493      <div><h3>Firm Size</h3><p>Solo practitioners and small-to-midsize firm leaders — the core MyCase and LawPay customer base.</p></div>
494      <div><h3>Practice Areas</h3><p>All practice areas — personal injury, immigration, family law, general civil practice, and every other specialty. Programming isn't limited to the CasePeer and Docketwise audiences; if your firm runs on 8am, there's a track for you.</p></div>
495      <div><h3>Buying Roles</h3><p>Firm owners, managing partners, office administrators, and billing managers — with 8am product, engineering, and leadership teams on site and accessible.</p></div>
496    </div>
497  <a class="uplink" href="#ataglance">&uarr; Back to overview</a>
498</div>
499</section>
500
501<section id="calc">
502  <div class="wrap">
503    <h2 class="sec">What would automatic time capture be worth to your firm?</h2>
504    <p class="secsub">Use your own numbers &mdash; every assumption below is adjustable.</p>
505    <div class="calc">
506      <div class="in">
507        <label>Attorneys at your firm <output id="c-att-v">4</output></label>
508        <input type="range" id="c-att" min="1" max="100" step="1" value="4" aria-label="Attorneys at your firm">
509        <label>Average hourly rate <output id="c-rate-v">$340</output></label>
510        <input type="range" id="c-rate" min="150" max="900" step="10" value="340" aria-label="Average hourly rate">
511        <label>Billable emails captured per attorney per workday <output id="c-em-v">12</output></label>
512        <input type="range" id="c-em" min="3" max="40" step="1" value="12" aria-label="Billable emails per attorney per workday">
513        <label>Share of captured entries you actually bill <output id="c-bill-v">85%</output></label>
514        <input type="range" id="c-bill" min="50" max="100" step="5" value="85" aria-label="Share of captured entries billed">
515      </div>
516      <div class="out">
517        <div class="big" id="c-net">$0</div>
518        <div class="biglabel">Net new billing per month (after Tempello fees)</div>
519        <div class="orow"><span>New time entries captured / month</span><b id="c-entries">0</b></div>
520        <div class="orow"><span>New billing (0.1 hr per email)</span><b id="c-rev">$0</b></div>
521        <div class="orow"><span>Tempello capture fees ($0.49 &times; entries)</span><b id="c-cost">$0</b></div>
522        <div class="orow"><span>Return per $1 of capture fees</span><b id="c-roi">0x</b></div>
523        <div class="orow"><span>Staff hours saved / month (12 &times; attorneys)</span><b id="c-hrs">0 hrs</b></div>
524        <div class="orow"><span>Net new billing per year</span><b id="c-yr">$0</b></div>
525        <button type="button" class="calc-cta" id="calc-demo">Email me this ROI breakdown + book a demo &rarr;</button>
526      </div>
527    </div>
528    <p class="calc-note">Estimates based on your inputs, 21 workdays per month, and one 0.1-hour entry per captured email. Hours saved reflect what Tempello firms report (12 hours per attorney per month on manual time entry and email-attachment filing). Actual results vary by firm and billing practices.</p>
529    <details class="embed-offer">
530      <summary>Embed this free calculator on your own website (bar associations, legal services &mdash; welcome)</summary>
531      <textarea readonly id="embed-snip">&lt;iframe src=&quot;https://tempello.ai/blog/embed-roi-calculator.html&quot; width=&quot;100%&quot; height=&quot;640&quot; style=&quot;border:0;border-radius:12px&quot; title=&quot;Law Firm Email ROI Calculator&quot; loading=&quot;lazy&quot;&gt;&lt;/iframe&gt;
532&lt;p style=&quot;font:12px/1.5 sans-serif;color:#5A6470;margin:6px 0 0&quot;&gt;Free calculator by &lt;a href=&quot;https://tempello.ai&quot;&gt;Tempello&lt;/a&gt; &amp;mdash; AI time capture for law firms.&lt;/p&gt;</textarea>
533      <button type="button" class="copy" id="embed-copy">Copy embed code</button><span class="ok" id="embed-ok">Copied!</span>
534      <p style="font-size:12.5px;color:var(--muted);margin-top:8px">Free to embed &mdash; just keep the Tempello attribution link intact. More free tools: <a href="/blog/embed-widgets">tools for legal websites</a>.</p>
535    </details>
536  <a class="uplink" href="#ataglance">&uarr; Back to overview</a>
537</div>
538</section>
539
540<section><div class="wrap"><div class="meetus"><div><h3>Tempello will be at Kaleidoscope</h3><p>Grab a 15-minute booth slot — bring a week of your email and we’ll show you the time entries hiding in it.</p></div><button type="button" id="meetBtn">Reserve a booth meeting &rarr;</button></div></div></section>
541
542
543<section id="related">
544  <div class="wrap">
545    <h2 class="sec">Related conference guides</h2>
546    <p class="secsub">More from Tempello's 2026–2027 legal conference field guide.</p>
547    <div class="related">
548      <a href="/blog/cliocon-2026">Clio Cloud Conference (ClioCon) 2026<span>Dates, agenda &amp; attendee guide</span></a>
549      <a href="/blog/aba-techshow-2027-chicago">ABA TECHSHOW 2027<span>Dates, agenda &amp; attendee guide</span></a>
550      <a href="/blog/legalweek-2027-new-york">Legalweek New York 2027<span>Dates, agenda &amp; attendee guide</span></a>
551      <a href="/blog/upcoming-clio-events-conferences-webinars">Clio Event Finder<span>Every upcoming Clio conference &amp; webinar, searchable</span></a>
552    </div>
553    <div class="planner">
554      <h3>Free download: The 2026–27 Legal Conference Planner (PDF)</h3>
555      <p>All 20 conferences in this guide — dates, locations, attendance, and planning notes — on one printable page.</p>
556      <div class="nrow"><input type="email" id="p-email" placeholder="Work email" aria-label="Email for planner download"><button type="button" id="plannerBtn">Download the planner</button></div>
557    </div>
558  </div>
559</section>
560
561<section id="testimonial">
562  <div class="wrap">
563    <div class="testi">
564      <blockquote>
564Tempello completely transformed how we manage emails. We&rsquo;ve recovered over $12,000 in billable time every month. It&rsquo;s like having an extra team member.</blockquote>
565      <div class="who"><div class="av">EP</div><div><div class="nm">Eric Pines</div><div class="fm">PinesFederal</div></div></div>
566    </div>
567  </div>
568</section>
569</main>
570<script>
571(function(){
572  var $=function(id){return document.getElementById(id)};
573  var f=new Intl.NumberFormat('en-US');
574  var money=function(n){return '$'+f.format(Math.round(n))};
575  function calc(){
576    var a=+$('c-att').value, r=+$('c-rate').value, e=+$('c-em').value, b=+$('c-bill').value/100;
577    $('c-att-v').textContent=a; $('c-rate-v').textContent='$'+r;
578    $('c-em-v').textContent=e; $('c-bill-v').textContent=Math.round(b*100)+'%';
579    var entries=a*e*21;
580    var rev=entries*b*r*0.1;
581    var cost=entries*0.49;
582    var net=rev-cost;
583    $('c-entries').textContent=f.format(entries);
584    $('c-rev').textContent=money(rev);
585    $('c-cost').textContent=money(cost);
586    $('c-roi').textContent=(cost>0?(rev/cost).toFixed(0):'0')+'x';
587    $('c-hrs').textContent=f.format(a*12)+' hrs';
588    $('c-net').textContent=money(net);
589    $('c-yr').textContent=money(net*12);
590  }
591  ['c-att','c-rate','c-em','c-bill'].forEach(function(id){$(id).addEventListener('input',calc)});
592  calc();
593})();
594<\/script>
595
596<div class="cta">
597  <div class="wrap">
598    <h2>Attending Kaleidoscope? Turn every email into billable time — automatically.</h2>
599    <p>Tempello reads your firm&rsquo;s email activity, drafts ready-to-bill time entries in Clio Manage or 8am&trade; MyCase, and files email attachments to the right matter automatically. Each captured email becomes a 0.1 time entry &mdash; an average of $34 billed &mdash; for a $0.49 capture fee. Tempello firms report saving 12 hours per attorney, per month, on manual time entry and document filing alone.</p>
600    <form class="demo" id="demoForm">
601      <input type="text" id="d-name" placeholder="Your name" required aria-label="Your name">
602      <input type="email" id="d-email" placeholder="Work email" required aria-label="Work email">
603      <select id="d-size" required aria-label="Firm size"><option value="" disabled selected>Firm size</option><option>Solo</option><option>2–5 attorneys</option><option>6–10 attorneys</option><option>11–25 attorneys</option><option>26+ attorneys</option></select>
604      <select id="d-lpm" required aria-label="Practice management system"><option value="" disabled selected>Your system</option><option>Clio Manage</option><option>8am MyCase</option><option>Other / None yet</option></select>
605      <button type="submit">Book a 15-minute demo</button>
606    </form>
607    <p class="proof">Trusted by hundreds of law firms just like yours.</p>
608    <p class="alt">Prefer to look around first? <a href="https://tempello.ai/features?utm_source=tempello_blog&amp;utm_medium=organic_content&amp;utm_campaign=conference_guides&amp;utm_content=8am-kaleidoscope-2026-las-vegas">See how Tempello works &rarr;</a></p>
609  </div>
610</div>
611
612<div id="stickyBar" role="complementary" aria-label="Demo offer">
613  <div class="wrap">
614    <span class="msg"><strong>See what a week of your email is worth.</strong> 15-minute demo &mdash; Clio Manage &amp; 8am&trade; MyCase.</span>
615    <button class="go" id="stickyGo">Book a demo</button>
616    <button class="x" id="stickyX" aria-label="Dismiss">&times;</button>
617  </div>
618</div>
619
620<footer>
621  <div class="wrap">
622    <span>&copy; 2026 Tempello &middot; AI time capture for law firms &middot; tempello.ai</span>
623    <span>Details last verified August 2026. Dates, venues, and attendance figures marked &ldquo;estimated&rdquo; or &ldquo;TBD&rdquo; should be confirmed with the organizer before making travel plans.</span>
624  </div>
625</footer>
626
627<script>
628/* PROGRAMMER: fill in Tempello-owned IDs below. Leave blank to disable.
629   Use ONLY Tempello-owned analytics and pixel IDs here - never a third-party
630   agency's IDs. Retargeting audiences built from these pages belong to Tempello. */
631window.TCFG={
632  demoUrl:"https://tempello.ai/demo",            /* replace with real demo/booking page */
633  meetingUrl:"https://tempello.ai/demo",         /* Calendly/HubSpot Meetings link for booth slots */
634  hubspotPortalId:"45844110",                     /* e.g. "12345678" */
635  hubspotFormId:"",                              /* HubSpot form GUID */
636  ga4:"",                                        /* e.g. "G-XXXXXXXXXX" */
637  metaPixel:"908671298081343",                    /* Tempello's own Meta Pixel ID */
638  slug:"8am-kaleidoscope-2026"
639};
640<\/script>
641<script>
642(function(){
643  var C=window.TCFG;
644  function q(id){return document.getElementById(id)}
645  function utm(extra){
646    var u="utm_source=tempello_blog&utm_medium=organic_content&utm_campaign=conference_guides&utm_content="+encodeURIComponent(C.slug);
647    return u+(extra?"&"+extra:"");
648  }
649  window.tGo=function(base,extra){
650    var sep=base.indexOf("?")>-1?"&":"?";
651    window.location.href=base+sep+utm(extra);
652  };
653  function track(evName){
654    try{if(window.gtag)gtag("event",evName,{page_slug:C.slug});}catch(e){}
655    try{if(window.fbq)fbq("trackCustom",evName,{page_slug:C.slug});}catch(e){}
656  }
657  window.tTrack=track;
658  function hsSubmit(fields,cb){
659    /* Submitted server-side via the hubspot-sync Supabase Edge Function
660       (create_demo_lead action) using a private CRM API token - no public
661       HubSpot Forms formId required. See supabase/functions/hubspot-sync. */
662    var data={};
663    fields.forEach(function(f){
664      if(f.name==="firstname")data.firstName=f.value;
665      else if(f.name==="email")data.email=f.value;
666      else if(f.name==="firm_size")data.firmSize=f.value;
667      else if(f.name==="practice_management_system")data.practiceManagementSystem=f.value;
668      else if(f.name==="lead_source_detail")data.leadSourceDetail=f.value;
669    });
670    var qp=new URLSearchParams(location.search);
671    var meta={
672      lt_utm_source:qp.get("utm_source")||"",
673      lt_utm_medium:qp.get("utm_medium")||"",
674      lt_utm_campaign:qp.get("utm_campaign")||"",
675      lt_utm_term:qp.get("utm_term")||"",
676      lt_utm_content:qp.get("utm_content")||"",
677      gclid:qp.get("gclid")||"",
678      msclkid:qp.get("msclkid")||""
679    };
680    fetch("https://twglduoltxjfsekgtlyn.supabase.co/functions/v1/hubspot-sync",{
681      method:"POST",headers:{"Content-Type":"application/json"},
682      body:JSON.stringify({action:"create_demo_lead",data:data,meta:meta})
683    }).then(function(){cb()}).catch(function(){cb()});
684  }
685  /* demo form */
686  var df=q("demoForm");
687  if(df){df.addEventListener("submit",function(e){
688    e.preventDefault();
689    var nm=q("d-name").value,em=q("d-email").value,fs=q("d-size").value,lp=q("d-lpm").value;
690    track("demo_form_submit");
691    hsSubmit([{name:"firstname",value:nm},{name:"email",value:em},
692      {name:"firm_size",value:fs},{name:"practice_management_system",value:lp},
693      {name:"lead_source_detail",value:"blog:"+C.slug}],
694      function(){tGo(C.demoUrl,"intent=demo&name="+encodeURIComponent(nm)+"&email="+encodeURIComponent(em)+"&size="+encodeURIComponent(fs)+"&lpm="+encodeURIComponent(lp));});
695  });}
696  /* calculator ROI capture */
697  var cb=q("calc-demo");
698  if(cb){cb.addEventListener("click",function(){
699    track("calc_roi_capture");
700    var extra="intent=roi&attys="+q("c-att").value+"&rate="+q("c-rate").value+
701      "&emails="+q("c-em").value+"&billed="+q("c-bill").value+
702      "&net="+encodeURIComponent(q("c-net").textContent);
703    tGo(C.demoUrl,extra);
704  });}
705  /* notify-me (TBD dates) */
706  var nb=q("notifyBtn");
707  if(nb){nb.addEventListener("click",function(){
708    var em=q("n-email").value;
709    if(!em||em.indexOf("@")<0){q("n-email").focus();return;}
710    track("notify_signup");
711    hsSubmit([{name:"email",value:em},{name:"lead_source_detail",value:"notify:"+C.slug}],
712      function(){q("notifyWrap").innerHTML="<p class='notify-ok'>You're on the list - we'll email you the moment dates are announced.</p>";});
713  });}
714  /* planner soft gate */
715  var pb=q("plannerBtn");
716  if(pb){pb.addEventListener("click",function(){
717    var em=q("p-email").value;
718    if(!em||em.indexOf("@")<0){q("p-email").focus();return;}
719    track("planner_download");
720    hsSubmit([{name:"email",value:em},{name:"lead_source_detail",value:"planner:"+C.slug}],
721      function(){window.open("tempello-legal-conference-planner-2026-27.pdf","_blank");});
722  });}
723  /* sticky bar at 55% scroll */
724  var bar=q("stickyBar"),shown=false,dismissed=false;
725  if(bar){
726    window.addEventListener("scroll",function(){
727      if(dismissed)return;
728      var pct=(window.scrollY+window.innerHeight)/document.body.scrollHeight;
729      if(window.scrollY>600&&pct>0.62&&!shown){bar.classList.add("on");shown=true;track("sticky_bar_shown");}
730    },{passive:true});
731    q("stickyGo").addEventListener("click",function(){track("sticky_bar_click");tGo(C.demoUrl,"intent=demo&src=sticky");});
732    q("stickyX").addEventListener("click",function(){bar.classList.remove("on");dismissed=true;});
733  }
734  /* meet-us */
735  var mb=q("meetBtn");
736  if(mb){mb.addEventListener("click",function(){track("booth_meeting_click");tGo(C.meetingUrl,"intent=booth&event="+C.slug);});}
737  /* pixels - Tempello-owned only */
738  if(C.ga4){var g=document.createElement("script");g.async=true;
738g.src="https://www.googletagmanager.com/gtag/js?id="+C.ga4;document.head.appendChild(g);
739    window.dataLayer=window.dataLayer||[];window.gtag=function(){dataLayer.push(arguments)};gtag("js",new Date());gtag("config",C.ga4);}
740  if(C.metaPixel){!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};
741    if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version="2.0";n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;
742    s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,"script","https://connect.facebook.net/en_US/fbevents.js");
743    fbq("init",C.metaPixel);fbq("track","PageView");}
744})();
745<\/script>
746
747<script>
748(function(){
749  var b=document.getElementById("embed-copy");
750  if(!b)return;
751  b.addEventListener("click",function(){
752    var t=document.getElementById("embed-snip");t.select();
753    var done=function(){var ok=document.getElementById("embed-ok");ok.style.display="inline";setTimeout(function(){ok.style.display="none"},2000);};
754    if(navigator.clipboard){navigator.clipboard.writeText(t.value).then(done).catch(function(){document.execCommand("copy");done();});}
755    else{document.execCommand("copy");done();}
756  });
757})();
758<\/script>
759
760<script>
761(function(){
762  if(!("IntersectionObserver" in window)){document.querySelectorAll(".rv").forEach(function(e){e.classList.add("in")});return;}
763  var io=new IntersectionObserver(function(es){es.forEach(function(en){if(en.isIntersecting){en.target.classList.add("in");io.unobserve(en.target);}});},{threshold:.12});
764  document.querySelectorAll(".rv,.aud>div,.plan>div,.tip,.testi,.calc").forEach(function(e){e.classList.add("rv");io.observe(e);});
765})();
766<\/script>
767</body>
768</html>
769`;export{e as default};

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.