.prokhor-root .case-proto-screen{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.prokhor-root .case-proto{border-radius:var(--r-2xl);background:rgb(var(--surface-rgb));border:1px solid rgb(var(--text-rgb) / .06);grid-template-columns:auto 1fr;align-items:center;gap:40px;padding:32px;display:grid}.prokhor-root .case-proto-zoom{position:relative}.prokhor-root .case-proto-finger{z-index:5;width:var(--ctl-sm);height:var(--ctl-sm);pointer-events:none;opacity:0;transition:transform var(--t-slow) var(--ease), opacity var(--t-base) var(--ease);position:absolute;top:0;left:0;translate:-50% -50%}.prokhor-root .case-proto-finger.is-on{opacity:1}.prokhor-root .case-proto-finger i{border:var(--bw-2) solid rgb(var(--n-0) / .9);border-radius:var(--r-pill);background:rgb(var(--n-950) / .3);width:100%;height:100%;box-shadow:var(--shadow-2);transition:transform var(--t-fast) var(--ease), background var(--t-fast) var(--ease);display:block}.prokhor-root .case-proto-finger.is-down i{background:rgb(var(--n-950) / .45);transform:scale(.75)}.prokhor-root .case-proto-badge{top:calc(var(--sp-5) * -1);left:calc(var(--sp-5) * -1);z-index:6;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);background:rgb(var(--brand-acid));color:rgb(var(--n-950));box-shadow:var(--shadow-3);font-size:var(--fs-sm);white-space:nowrap;pointer-events:none;transition:opacity var(--t-base) var(--ease), scale var(--t-base) var(--ease);font-weight:600;display:inline-flex;position:absolute;rotate:-8deg}.prokhor-root .case-proto-badge.is-gone{opacity:0;scale:.9}@media (prefers-reduced-motion:no-preference){.prokhor-root .case-proto-badge{animation:case-proto-float var(--t-pulse) var(--ease) infinite alternate}}@keyframes case-proto-float{0%{translate:0}to{translate:0 calc(var(--sp-2) * -1)}}.prokhor-root .case-proto-zoom.is-on{z-index:calc(var(--z-modal) + 4);padding:var(--sp-6);background:rgb(var(--n-950) / .72);-webkit-backdrop-filter:blur(var(--sp-3));animation:case-proto-dim var(--t-base) var(--ease);place-items:center;display:grid;position:fixed;inset:0}@keyframes case-proto-dim{0%{opacity:0}}.prokhor-root .case-proto-zoom.is-on .case-proto-phone{width:min(92vw, calc((100vh - var(--sp-12) * 2) * 450 / 920));margin:0}.prokhor-root .wproto:has(.case-proto-zoom.is-on) .case-proto-zoom:not(.is-on){visibility:hidden}.prokhor-root .case-proto-zoom-close{top:var(--sp-5);right:var(--sp-5);color:rgb(var(--n-0));position:absolute}.prokhor-root .case-proto-zoom-btn{margin-top:var(--sp-3)}.prokhor-root .case-proto-bare{justify-items:center;display:grid}.prokhor-root .case-proto-bare:has(.case-proto-badge){padding-top:var(--sp-6)}.prokhor-root .case-proto-bare .case-proto-phone{width:clamp(260px,30vw,340px);margin-bottom:0}.prokhor-root .case-proto-bare .case-proto-stage,.prokhor-root .case-proto-bare .case-proto-zoom{justify-items:center;width:100%;display:grid}.prokhor-root .case-proto-bare .case-proto-mac{width:min(100%,1100px)}.prokhor-root .case-proto-zoom.is-on .case-proto-mac{width:min(96vw, calc((100vh - var(--sp-12) * 2) * 1784 / 1108))}.prokhor-root .case-proto-stage{flex-direction:column;align-items:center;gap:14px;display:flex;position:relative}.prokhor-root .case-proto-phone{width:clamp(220px,26vw,280px);margin-bottom:var(--sp-5)}.prokhor-root .case-proto-tap{z-index:3;cursor:pointer;background:0 0;border:0;position:absolute;inset:0}.prokhor-root .case-proto-pulse{border-radius:var(--r-pill);background:rgb(var(--prop-sber) / .25);width:54px;height:54px;animation:proto-pulse var(--t-pulse) ease-out infinite;pointer-events:none;margin-left:-27px;position:absolute;bottom:26px;left:50%}.prokhor-root .case-proto-dots{gap:7px;display:flex}.prokhor-root .case-proto-dot{border-radius:var(--r-pill);background:rgb(var(--text-rgb) / .15);width:7px;height:7px;transition:background var(--t-base) ease, width var(--t-base) ease}.prokhor-root .case-proto-side{max-width:420px}.prokhor-root .case-proto-hint{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h3);letter-spacing:-.02em;margin-bottom:12px;line-height:1.15}.prokhor-root .case-proto-note{font-size:var(--fs-body);color:rgb(var(--text-rgb) / .6);line-height:1.55}.prokhor-root .case-proto-reset{margin-top:var(--sp-4)}@media (max-width:760px){.prokhor-root .case-proto{grid-template-columns:1fr;gap:28px;padding:24px}.prokhor-root .case-proto-side{text-align:center;margin:0 auto}}