/* Progressive enhancement for the home photograph and existing phone only.
   All chart pixels on the monitor come from the two genuine demo screenshots. */
:root{--pr-dm-styles:1}
.pr-dm-hero{align-items:center}
.hero__pic.pr-dm-monitor{overflow:hidden;isolation:isolate;min-height:0;aspect-ratio:16/9;align-self:center;background:#141820;cursor:pointer}
.hero__pic.pr-dm-monitor>picture{opacity:0}
.pr-dm-photo-world{position:absolute;left:0;top:0;width:1600px;height:900px;transform-origin:0 0;pointer-events:none}
.hero__pic.pr-dm-monitor .pr-dm-camera-photo{position:absolute;inset:0;width:1600px;height:900px;max-width:none;object-fit:fill;transform:none!important;will-change:auto}
.pr-dm-world{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.pr-dm-screen{position:absolute;left:0;top:0;width:900px;height:515px;overflow:hidden;transform-origin:0 0;background:#12171f;backface-visibility:hidden;transform:matrix3d(.6954918032786885,-.007285974499089261,0,-.000009107468123861566,0,.7048543689320388,0,0,0,0,1,0,470,195,0,1)}
.pr-dm-pane{position:absolute;left:0;top:4.375px;width:900px;height:506.25px;opacity:0;overflow:hidden}
.pr-dm-monitor .pr-dm-pane>img{position:absolute;inset:0;display:block;width:900px;height:506.25px;max-width:none;object-fit:fill;transform:none}
.pr-dm-chart-slice{position:absolute;overflow:hidden;background:#fff}
.pr-dm-chart-pixels{position:absolute;display:block;background-repeat:no-repeat;background-size:900px 506.25px;inset:0;clip-path:inset(0)}
.pr-dm-pause{position:absolute;right:12px;top:12px;z-index:4;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--line,#ded8cd);border-radius:var(--r-s,6px);background:var(--surf,#fff);color:var(--ink,#17140f);box-shadow:0 1px 5px #17140f14;cursor:pointer;touch-action:manipulation;font:600 14px/1 var(--fb,sans-serif)}
.pr-dm-pause svg{display:block;width:15px;height:15px;fill:currentColor}
.pr-dm-pause:hover{border-color:var(--acc,#b03c0a)}
.pr-dm-pause:focus-visible{outline:3px solid var(--acc,#b03c0a);outline-offset:3px}
.pr-dm-pause[hidden]{display:none}
.pr-dm-phone .fon__shapka{position:relative;padding-right:43px}
.pr-dm-phone .pr-dm-pause{right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;box-shadow:none;background:var(--fon-bot,#fff)}
/* Native message slots retain final height; only whole bubbles enter. */
.pr-dm-phone .fon__m{opacity:1;visibility:visible;transform:none}
.pr-dm-phone-chart{display:grid;gap:5px;margin:8px 0 2px}
.pr-dm-phone-row{display:grid;grid-template-columns:47px 1fr;align-items:center;gap:6px;font:500 9px/1.2 var(--fb,sans-serif);color:var(--ink3,#6e665b)}
.pr-dm-phone-track{display:block;height:4px;border-radius:2px;overflow:hidden;background:var(--line,#e0d9ce)}
.pr-dm-phone-bar{display:block;height:100%;border-radius:2px;background:var(--acc,#b03c0a);transform-origin:0 50%}
.pr-dm-phone-row:last-child .pr-dm-phone-bar{background:var(--ok,#15683f)}
.pr-dm-phone .fon__lenta{position:relative}
.pr-dm-typing{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;gap:4px;width:45px;height:28px;border-radius:13px 13px 13px 4px;background:var(--fon-bot,#fff);box-shadow:0 1px 1px #17140f0d;opacity:0;pointer-events:none}
.pr-dm-typing>span{display:block;width:4px;height:4px;border-radius:50%;background:var(--ink3,#6e665b);opacity:.35}
@media(max-width:640px){.pr-dm-monitor>.pr-dm-pause{width:30px;height:30px;right:8px;top:8px}}
@media(prefers-reduced-motion:reduce){.pr-dm-world *,.pr-dm-phone-chart *,.pr-dm-phone-mark{animation:none!important;transition:none!important}.pr-dm-pause{display:none}}

@media(max-width:960px){.hero__pic.pr-dm-monitor{align-self:stretch}}
@media(prefers-reduced-motion:reduce){.hero__pic.pr-dm-monitor{cursor:default}}