.dz-mock-ui[data-astro-cid-xj4h66dy]{position:relative;display:flex;flex-direction:column;border:1px solid var(--color-stroke-strong);border-radius:var(--radius-chamfer);background-color:var(--color-cosmic-navy);overflow:hidden;aspect-ratio:4 / 3;transform-style:preserve-3d}.dz-mock-ui__chrome[data-astro-cid-xj4h66dy]{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;background-color:#07111fcc;border-bottom:1px solid var(--color-stroke)}.dz-mock-ui__dots[data-astro-cid-xj4h66dy]{display:inline-flex;gap:4px}.dz-mock-ui__dots[data-astro-cid-xj4h66dy] span[data-astro-cid-xj4h66dy]{width:7px;height:7px;border-radius:9999px;background-color:#f4f1ea2e}.dz-mock-ui__url[data-astro-cid-xj4h66dy]{flex:1;font-family:var(--font-mono);font-size:.5625rem;color:var(--color-fg-subtle);background-color:#f4f1ea0a;border-radius:9999px;padding:3px 8px;text-align:center}.dz-mock-ui__title[data-astro-cid-xj4h66dy]{font-family:var(--font-mono);font-size:.5rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-zenith-gold)}.dz-mock-ui__viewport[data-astro-cid-xj4h66dy]{flex:1;padding:.875rem;display:flex;flex-direction:column;gap:.625rem;background:linear-gradient(180deg,rgb(214 168 79 / .03) 0%,transparent 80%),#07111f66}.dz-mock-ui--product[data-astro-cid-xj4h66dy] .dz-mock-ui__viewport[data-astro-cid-xj4h66dy]{flex-direction:row;gap:.5rem}.dz-mock-ui__row[data-astro-cid-xj4h66dy]{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.dz-mock-ui__row--stats[data-astro-cid-xj4h66dy]{grid-template-columns:repeat(3,1fr)}.dz-mock-ui__block[data-astro-cid-xj4h66dy],.dz-mock-ui__stat[data-astro-cid-xj4h66dy],.dz-mock-ui__chart[data-astro-cid-xj4h66dy],.dz-mock-ui__sidebar[data-astro-cid-xj4h66dy],.dz-mock-ui__main[data-astro-cid-xj4h66dy]{opacity:0;transform:translateY(6px);transition:opacity .5s var(--ease-soft),transform .5s var(--ease-zenith);transition-delay:calc(var(--i, 0) * .08s)}.dz-mock-ui[data-astro-cid-xj4h66dy][data-revealed=true] [data-astro-cid-xj4h66dy]:is(.dz-mock-ui__block,.dz-mock-ui__stat,.dz-mock-ui__chart,.dz-mock-ui__sidebar,.dz-mock-ui__main){opacity:1;transform:translateY(0)}.dz-mock-ui__block--hero[data-astro-cid-xj4h66dy]{background-color:#f4f1ea0a;border:1px solid var(--color-stroke);border-radius:4px;padding:.625rem;display:flex;flex-direction:column;gap:.375rem}.dz-mock-ui__block--card[data-astro-cid-xj4h66dy]{background-color:#f4f1ea0a;border:1px solid var(--color-stroke);border-radius:4px;height:32px}.dz-mock-ui__block--bar[data-astro-cid-xj4h66dy]{height:24px;background-color:#f4f1ea08;border-radius:4px}.dz-mock-ui__line[data-astro-cid-xj4h66dy]{display:block;height:4px;border-radius:2px;background-color:#f4f1ea2e}.dz-mock-ui__line--lg[data-astro-cid-xj4h66dy]{width:78%;height:8px}.dz-mock-ui__line--md[data-astro-cid-xj4h66dy]{width:52%;height:5px}.dz-mock-ui__line--sm[data-astro-cid-xj4h66dy]{width:38%;height:3px}.dz-mock-ui__pill[data-astro-cid-xj4h66dy]{align-self:flex-start;width:56px;height:14px;border-radius:9999px;background-color:var(--color-zenith-gold);opacity:.7;margin-top:.25rem}.dz-mock-ui__stat[data-astro-cid-xj4h66dy]{background-color:#f4f1ea0a;border:1px solid var(--color-stroke);border-radius:4px;padding:.5rem;display:flex;flex-direction:column;gap:.375rem}.dz-mock-ui__stat-num[data-astro-cid-xj4h66dy]{display:block;width:60%;height:10px;background-color:#f4f1ea2e;border-radius:2px}.dz-mock-ui__stat-bar[data-astro-cid-xj4h66dy]{display:block;height:3px;width:80%;background:linear-gradient(90deg,var(--color-zenith-gold),transparent);border-radius:9999px}.dz-mock-ui__chart[data-astro-cid-xj4h66dy]{flex:1;background-color:#f4f1ea08;border:1px solid var(--color-stroke);border-radius:4px;padding:.5rem}.dz-mock-ui__chart[data-astro-cid-xj4h66dy] svg[data-astro-cid-xj4h66dy]{width:100%;height:100%}.dz-mock-ui__sidebar[data-astro-cid-xj4h66dy]{width:30%;background-color:#f4f1ea0a;border-radius:4px;padding:.5rem;display:flex;flex-direction:column;gap:.375rem}.dz-mock-ui__main[data-astro-cid-xj4h66dy]{flex:1;display:flex;flex-direction:column;gap:.5rem}.dz-mock-ui--product[data-astro-cid-xj4h66dy] .dz-mock-ui__row[data-astro-cid-xj4h66dy]{grid-template-columns:1fr 1fr}@media(prefers-reduced-motion:reduce){.dz-mock-ui[data-astro-cid-xj4h66dy] [data-astro-cid-xj4h66dy]:is(.dz-mock-ui__block,.dz-mock-ui__stat,.dz-mock-ui__chart,.dz-mock-ui__sidebar,.dz-mock-ui__main){opacity:1;transform:none;transition:none}}