/* Zyqor Lab shared CSS: reset, chrome, reveals. Each demo sets --c1 (light) --c2 (dark) --c3 (accent) and its own fonts. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--c1);color:var(--c2);font-family:var(--f-body,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif);-webkit-font-smoothing:antialiased;overflow-x:clip}
img,video,canvas,svg{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--c3);outline-offset:3px;border-radius:6px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* chrome */
.zl-bar{position:fixed;z-index:90;top:14px;left:14px;right:14px;display:flex;justify-content:space-between;gap:10px;pointer-events:none}
.zl-pill{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:999px;
 background:color-mix(in srgb,var(--c1) 72%,transparent);color:var(--c2);border:1px solid color-mix(in srgb,var(--c2) 14%,transparent);
 -webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);font:600 13px/1 var(--f-ui,var(--f-body,system-ui));text-decoration:none;letter-spacing:.01em}
.zl-pill svg{width:16px;height:16px}
a.zl-pill{transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s}
a.zl-pill:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--c1) 92%,transparent)}
.zl-tag b{font-weight:800;color:inherit;white-space:nowrap;padding-left:10px;border-left:1px solid color-mix(in srgb,currentColor 32%,transparent)}
.zl-z{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--c2);color:var(--c1)}
.zl-z svg{width:13px;height:13px}
.zl-foot{background:var(--c2);color:var(--c1);padding:56px 24px 40px}
.zl-foot-in{max-width:1100px;margin:0 auto;display:grid;gap:22px}
.zl-honest{margin:0;font:400 15px/1.55 var(--f-body,system-ui);max-width:70ch;opacity:.9}
.zl-cred{font:400 13px/1.5 var(--f-body,system-ui);opacity:.8}
.zl-cred summary{cursor:pointer;font-weight:600}
.zl-cred ul{margin:10px 0 0;padding-left:18px}
.zl-cred a{text-underline-offset:2px}
.zl-nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}
.zl-foot .zl-pill{background:color-mix(in srgb,var(--c1) 10%,transparent);color:var(--c1);border-color:color-mix(in srgb,var(--c1) 22%,transparent);height:52px}
.zl-foot a.zl-pill:hover{background:color-mix(in srgb,currentColor 16%,transparent);color:inherit}
.zl-foot .zl-pill small{display:block;font-weight:500;font-size:11px;opacity:.7;margin-bottom:3px}
/* reveals (kit.reveals()) */
[data-rv]{opacity:0;transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1);will-change:opacity,transform}
[data-rv="up"],[data-rv=""]{transform:translateY(34px)}
[data-rv="left"]{transform:translateX(-40px)}
[data-rv="right"]{transform:translateX(40px)}
[data-rv="zoom"]{transform:scale(.94)}
[data-rv].rv-in{opacity:1;transform:none}
[data-rv-d="1"]{transition-delay:.08s}[data-rv-d="2"]{transition-delay:.16s}[data-rv-d="3"]{transition-delay:.24s}
[data-rv-d="4"]{transition-delay:.32s}[data-rv-d="5"]{transition-delay:.4s}[data-rv-d="6"]{transition-delay:.48s}
@media (max-width:600px){.zl-pill{height:36px;padding:0 12px;font-size:12px}.zl-bar{top:10px;left:10px;right:10px}.zl-foot .zl-pill{height:48px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[data-rv]{opacity:1;transform:none}}