.qh-shot{background-size:cover;background-position:top}.qh-hero .qh-shot--en{background-image:url(/login/dashboard-en-light.webp)}.qh-hero .qh-shot--ar{background-image:url(/login/dashboard-ar-light.webp)}[data-public-theme=dark] .qh-hero .qh-shot--en{background-image:url(/login/dashboard-en-dark.webp)}[data-public-theme=dark] .qh-hero .qh-shot--ar{background-image:url(/login/dashboard-ar-dark.webp)}.qh-hero .qh-side-shot--files.qh-shot--en{background-image:url(/tour/case-file-en-light.webp)}.qh-hero .qh-side-shot--files.qh-shot--ar{background-image:url(/tour/case-file-ar-light.webp)}.qh-hero .qh-side-shot--invoices.qh-shot--en{background-image:url(/tour/invoices-en-light.webp)}.qh-hero .qh-side-shot--invoices.qh-shot--ar{background-image:url(/tour/invoices-ar-light.webp)}[data-public-theme=dark] .qh-hero .qh-side-shot--files.qh-shot--en{background-image:url(/tour/case-file-en-dark.webp)}[data-public-theme=dark] .qh-hero .qh-side-shot--files.qh-shot--ar{background-image:url(/tour/case-file-ar-dark.webp)}[data-public-theme=dark] .qh-hero .qh-side-shot--invoices.qh-shot--en{background-image:url(/tour/invoices-en-dark.webp)}[data-public-theme=dark] .qh-hero .qh-side-shot--invoices.qh-shot--ar{background-image:url(/tour/invoices-ar-dark.webp)}.qh-stage{position:relative;height:clamp(14rem,50vw,34rem);perspective:1600px;perspective-origin:50% 20%;-webkit-mask-image:linear-gradient(180deg,#000 58%,transparent 98%);mask-image:linear-gradient(180deg,#000 58%,transparent 98%)}.qh-plate{position:absolute;top:0;aspect-ratio:1440/900;padding:.375rem;border:1px solid var(--color-border-default);border-radius:var(--radius-xl);background:var(--color-surface-elevated);box-shadow:0 40px 80px -40px color-mix(in srgb,var(--color-brand-900) 55%,transparent)}.qh-plate--centre{z-index:2;inset-inline:0;margin-inline:auto;width:min(100%,60rem)}.qh-plate--end,.qh-plate--start{display:none;z-index:1;width:min(46%,32rem);top:11%;opacity:.85}@media (min-width:768px){.qh-plate--end,.qh-plate--start{display:block}.qh-plate--centre{width:min(64%,56rem)}.qh-plate--start{--qh-turn:30deg;inset-inline-start:1%;transform-origin:100% 50%;transform:rotateY(var(--qh-turn)) scale(.94)}.qh-plate--end{--qh-turn:-30deg;inset-inline-end:1%;transform-origin:0 50%;transform:rotateY(var(--qh-turn)) scale(.94)}[dir=rtl] .qh-plate--start{--qh-turn:-30deg;transform-origin:0 50%}[dir=rtl] .qh-plate--end{--qh-turn:30deg;transform-origin:100% 50%}}@media (prefers-reduced-motion:no-preference){.qh-rise{animation:qh-rise .62s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--qh-delay,0ms)}.qh-plate--centre{animation:qh-rise-plate .9s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--qh-delay,0ms)}}@media (prefers-reduced-motion:no-preference) and (min-width:768px){.qh-plate--end,.qh-plate--start{animation:qh-fan 1.1s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--qh-delay, 0ms) + .35s)}.qh-plate--start{--qh-from:40%}.qh-plate--end,[dir=rtl] .qh-plate--start{--qh-from:-40%}[dir=rtl] .qh-plate--end{--qh-from:40%}}@keyframes qh-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes qh-rise-plate{0%{opacity:0;transform:translateY(48px) scale(.98)}to{opacity:1;transform:none}}@keyframes qh-fan{0%{opacity:0;transform:translateX(var(--qh-from)) rotateY(0deg) scale(.94)}to{opacity:.85;transform:rotateY(var(--qh-turn)) scale(.94)}}