.state-panel:where(.astro-jg3cp6gh){margin:0 0 clamp(2.75rem,7vw,3.75rem);scroll-margin-top:5rem}.state-panel-head:where(.astro-jg3cp6gh){max-width:40rem;margin-bottom:1.5rem}.state-panel-head:where(.astro-jg3cp6gh) h2:where(.astro-jg3cp6gh){letter-spacing:-.02em;margin:0 0 .45rem;font-size:clamp(1.25rem,2.5vw,1.5rem)}.state-panel-head:where(.astro-jg3cp6gh) p:where(.astro-jg3cp6gh){color:var(--muted);margin:0;line-height:1.55}.state-stage:where(.astro-jg3cp6gh){align-items:stretch;gap:1.25rem;display:grid}.state-rail:where(.astro-jg3cp6gh){gap:.15rem;display:grid;position:relative}.state-rail:where(.astro-jg3cp6gh):before{content:"";background:linear-gradient(180deg, color-mix(in oklch, var(--primary) 55%, transparent), var(--line) 40%, color-mix(in oklch, var(--accent) 35%, transparent));pointer-events:none;width:1px;position:absolute;top:.95rem;bottom:.95rem;left:2.85rem}.state-stop:where(.astro-jg3cp6gh){text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;transition:background-color .16s var(--ease-out-quart);background:0 0;border:0;border-radius:.25rem;grid-template-columns:auto auto 1fr;align-items:start;gap:.75rem;margin:0;padding:.85rem .75rem .85rem .2rem;display:grid;position:relative}.state-stop:where(.astro-jg3cp6gh):hover{background:color-mix(in oklch, var(--primary) 8%, transparent)}.state-stop:where(.astro-jg3cp6gh):focus-visible{outline:2px solid var(--primary);outline-offset:2px}.state-stop:where(.astro-jg3cp6gh).is-active,.state-stop:where(.astro-jg3cp6gh)[aria-selected=true]{background:color-mix(in oklch, var(--primary) 12%, transparent)}.state-index:where(.astro-jg3cp6gh){font-family:var(--font-display);letter-spacing:.04em;color:var(--muted);min-width:1.5rem;padding-top:.15rem;font-size:.78rem;font-weight:650}.state-stop:where(.astro-jg3cp6gh)[aria-selected=true] .state-index:where(.astro-jg3cp6gh){color:var(--accent)}.state-stop-body:where(.astro-jg3cp6gh){gap:.2rem;min-width:0;display:grid}.state-label:where(.astro-jg3cp6gh){font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink);font-size:1rem;font-weight:650}.state-detail:where(.astro-jg3cp6gh){color:var(--muted);font-size:.88rem;line-height:1.4}.state-dot:where(.astro-jg3cp6gh){background:var(--rail);width:.55rem;height:.55rem;box-shadow:0 0 0 3px color-mix(in oklch, var(--bg) 90%, transparent);z-index:1;transition:background-color .16s var(--ease-out-quart), box-shadow .16s var(--ease-out-quart);border-radius:.1rem;margin-top:.4rem}.state-stop:where(.astro-jg3cp6gh)[aria-selected=true] .state-dot:where(.astro-jg3cp6gh){background:var(--primary-bright);box-shadow:0 0 0 3px color-mix(in oklch, var(--bg) 90%, transparent), 0 0 12px color-mix(in oklch, var(--primary) 45%, transparent)}.state-viewport:where(.astro-jg3cp6gh){border:1px solid color-mix(in oklch, var(--primary) 28%, var(--line));background:radial-gradient(120% 80% at 50% 0%, color-mix(in oklch, var(--primary) 16%, transparent), transparent 55%), #0b1f2a;min-height:26rem;position:relative;overflow:hidden}.state-viewport-glow:where(.astro-jg3cp6gh){background:linear-gradient(0deg, color-mix(in oklch, var(--bg) 55%, transparent), transparent);pointer-events:none;z-index:1;height:40%;position:absolute;inset:auto 0 0}.state-pane:where(.astro-jg3cp6gh){height:100%;min-height:26rem;position:relative}.state-pane:where(.astro-jg3cp6gh)[hidden]{display:none}.state-frame:where(.astro-jg3cp6gh){flex-direction:column;height:100%;min-height:26rem;display:flex}.state-frame:where(.astro-jg3cp6gh) .tg-room{flex:1}.state-frame:where(.astro-jg3cp6gh) .tg-title{font-size:clamp(1.45rem,3.2vw,1.85rem)}@media (width>=900px){.state-stage:where(.astro-jg3cp6gh){grid-template-columns:minmax(16rem,.95fr) minmax(0,1.35fr);align-items:stretch;gap:1.75rem}.state-viewport:where(.astro-jg3cp6gh),.state-pane:where(.astro-jg3cp6gh),.state-frame:where(.astro-jg3cp6gh){min-height:32rem}.state-rail:where(.astro-jg3cp6gh):before{left:2.95rem}}@media (prefers-reduced-motion:no-preference){.state-pane:where(.astro-jg3cp6gh):not([hidden]){animation:pane-in .42s var(--ease-out-expo) both}.state-stage:where(.astro-jg3cp6gh){animation:stage-rise .7s var(--ease-out-expo) both}}@keyframes pane-in{0%{opacity:.35;transform:translateY(.45rem)}to{opacity:1;transform:none}}@keyframes stage-rise{0%{opacity:.55;transform:translateY(.55rem)}to{opacity:1;transform:none}}.demo-hub:where(.astro-7jhp2iqj){min-height:70dvh;padding-block:clamp(2.5rem,6vw,4rem) 4.5rem}.hub-wrap:where(.astro-7jhp2iqj){max-width:68rem}.kicker:where(.astro-7jhp2iqj){font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0 0 .65rem;font-size:.82rem;font-weight:650}.hub-head:where(.astro-7jhp2iqj){border-bottom:1px solid var(--line);max-width:40rem;margin-bottom:clamp(2rem,5vw,2.75rem);padding-bottom:clamp(1.5rem,4vw,2rem)}.hub-head:where(.astro-7jhp2iqj) h1:where(.astro-7jhp2iqj){text-wrap:balance;margin:0 0 .85rem;font-size:clamp(1.85rem,4vw,2.6rem)}.lead:where(.astro-7jhp2iqj){color:var(--muted);max-width:38rem;margin:0;font-size:1.05rem;line-height:1.55}.hub-live:where(.astro-7jhp2iqj){margin-top:.5rem}.hub-live-head:where(.astro-7jhp2iqj){max-width:40rem;margin-bottom:1.15rem}.hub-section-title:where(.astro-7jhp2iqj){letter-spacing:-.02em;margin:0 0 .4rem;font-size:clamp(1.25rem,2.5vw,1.5rem)}.hub-live-lead:where(.astro-7jhp2iqj){color:var(--muted);margin:0;font-size:.98rem;line-height:1.5}.hub-list:where(.astro-7jhp2iqj){border-top:1px solid var(--line);display:grid}.hub-row:where(.astro-7jhp2iqj){border-bottom:1px solid var(--line);color:inherit;transition:background-color .16s var(--ease-out-quart);grid-template-columns:auto 1fr;align-items:start;gap:.85rem 1.15rem;padding:1.35rem .35rem 1.35rem 0;text-decoration:none;display:grid;position:relative}.hub-row:where(.astro-7jhp2iqj):before{content:"";width:2px;transition:background-color .16s var(--ease-out-quart);background:0 0;position:absolute;top:1.35rem;bottom:1.35rem;left:0}.hub-row:where(.astro-7jhp2iqj):hover{background:color-mix(in oklch, var(--primary) 7%, transparent)}.hub-row:where(.astro-7jhp2iqj):hover:before{background:var(--primary)}.hub-index:where(.astro-7jhp2iqj){font-family:var(--font-display);letter-spacing:.04em;color:var(--accent);padding-top:.3rem;padding-left:.75rem;font-size:.78rem;font-weight:650}.hub-copy:where(.astro-7jhp2iqj){gap:.4rem;min-width:0;display:grid}.hub-row:where(.astro-7jhp2iqj) h3:where(.astro-7jhp2iqj){letter-spacing:-.02em;margin:0;font-size:1.15rem}.hub-row:where(.astro-7jhp2iqj) p:where(.astro-7jhp2iqj){color:var(--muted);max-width:42rem;margin:0;line-height:1.5}.hub-go:where(.astro-7jhp2iqj){font-family:var(--font-display);color:var(--accent);grid-column:2;margin-top:.15rem;padding-left:0;font-size:.9rem;font-weight:600}.hub-row:where(.astro-7jhp2iqj):hover h3:where(.astro-7jhp2iqj){color:color-mix(in oklch, var(--ink) 85%, var(--primary))}.hub-row:where(.astro-7jhp2iqj):hover .hub-go:where(.astro-7jhp2iqj){color:var(--ink)}@media (width>=720px){.hub-row:where(.astro-7jhp2iqj){grid-template-columns:auto 1fr auto;align-items:center}.hub-go:where(.astro-7jhp2iqj){grid-column:auto;margin-top:0;padding-right:.5rem}}