.refHero .caseMeta{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr))}.refHero__site{display:inline-flex;align-items:center;gap:.35em;border-bottom:1px solid var(--c-line-strong);transition:color var(--d-base) var(--e-out),border-color var(--d-base) var(--e-out)}.refHero__site:hover{color:var(--c-accent-text);border-color:currentColor}.refHero__top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:var(--s-5) clamp(2rem,5vw,5rem);gap:var(--s-5) clamp(2rem,5vw,5rem);align-items:center}.refHero__shot{justify-self:end;width:min(100%,36rem)}.refHero__window{display:block;overflow:hidden;border-radius:clamp(.75rem,1.2vw,1.1rem);background:#fff;box-shadow:0 50px 90px -30px rgb(0 0 0/.55),0 0 0 1px rgb(20 10 40/.06)}.refHero__window img{display:block;width:100%;height:auto}.refHero__bar,.refPreview__bar{display:flex;align-items:center;gap:.3rem;padding:.55rem .75rem;background:#f4f2f8}.refHero__bar i,.refPreview__bar i{width:.5rem;height:.5rem;border-radius:50%;background:#d6d2df}.refHero__bar span,.refPreview__bar span{margin-left:.5rem;padding:.15rem .7rem;border-radius:var(--r-pill);background:#fff;font-size:.7rem;color:#6b6674}@media (max-width:900px){.refHero__top{grid-template-columns:minmax(0,1fr)}.refHero__shot{justify-self:stretch;width:auto}}.refPreview{padding-top:clamp(4rem,8vw,6rem)}.refPreview__head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--s-2) var(--s-5);margin-bottom:var(--s-5)}.refPreview__title{font-size:var(--t-h2)}.refPreview__note{max-width:36ch;font-size:var(--t-small);color:var(--c-text-soft)}.refPreview__stage{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) clamp(13rem,20vw,17.5rem);align-items:end;grid-gap:clamp(1.25rem,3vw,3rem);gap:clamp(1.25rem,3vw,3rem);padding:clamp(1rem,3.5vw,3.5rem);border-radius:clamp(1.5rem,2.5vw,2.25rem);background:radial-gradient(55% 50% at 50% -5%,rgb(var(--glow-violet)/.5),transparent 70%),radial-gradient(40% 45% at 92% 105%,rgb(var(--glow-lilac)/.3),transparent 70%),radial-gradient(45% 45% at 5% 95%,rgb(var(--glow-indigo)/.55),transparent 70%),var(--pk-night)}.refPreview__desktop{overflow:hidden;border-radius:clamp(.75rem,1.2vw,1.1rem);background:#fff;box-shadow:0 40px 90px -30px rgb(0 0 0/.75)}.refPreview__phoneScreen,.refPreview__screen{overflow-y:auto;overscroll-behavior:contain;background:#fff;--c-focus:var(--pk-violet-300)}.refPreview__screen{height:clamp(24rem,40vw,38rem);scrollbar-width:thin}.refPreview__phoneScreen img,.refPreview__screen img{display:block;width:100%;height:auto}.refPreview__phoneScreen:focus-visible,.refPreview__screen:focus-visible{outline-offset:-3px}.refPreview__phone{padding:.5rem;border-radius:2.4rem;background:#0e0d12;box-shadow:inset 0 0 0 1px rgb(255 255 255/.14),0 40px 90px -30px rgb(0 0 0/.8)}.refPreview__phoneScreen{height:clamp(26rem,36vw,34rem);border-radius:1.95rem;scrollbar-width:none}.refPreview__phoneScreen::-webkit-scrollbar{display:none}@media (max-width:760px){.refPreview__stage{grid-template-columns:minmax(0,1fr);justify-items:center}.refPreview__desktop{width:100%}.refPreview__screen{height:22rem}.refPreview__phone{width:min(17rem,80%)}.refPreview__phoneScreen{height:30rem}}.refMore__title{margin-bottom:var(--s-5);font-size:var(--t-h2)}