PageSourceSearch

https://www.medevio.cz/pro-lekare-new

html medevio.cz collected 2026-10-01 11:48:04 UTC 180,160 bytes, 4,866 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta charSet="UTF-8"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><link rel="preload" as="image" href="https://umsousercontent.com/lib_VIqzMBqtfUYwExIq/vgWNiFkBtjVmMJug.svg?w=180&amp;dpr=2"/><link rel="preload" as="image" href="https://umsousercontent.com/lib_YNkRFjMxLALwWiFH/m1yjpwrmb330yn7s.png"/><link rel="preload" as="image" href="https://umsousercontent.com/lib_QWHBFfeWMIxctvKj/7lmeyibcx86ru01i.svg?w=100&amp;h=40&amp;dpr=2"/><link rel="preload" as="image" href="https://umsousercontent.com/lib_oNNIsRRJLnhKdcsI/zffjp9pdafpj7nzs.svg?w=24&amp;h=24&amp;dpr=2"/><link rel="preload" as="image" href="https://umsousercontent.com/lib_oNNIsRRJLnhKdcsI/zz6wqm9c7zuhbndd.svg?w=24&amp;h=24&amp;dpr=2"/><link rel="preload" as="image" href="https://umsousercontent.com/lib_oNNIsRRJLnhKdcsI/mz35mkyr8l0t8rgk.svg?w=24&amp;h=24&amp;dpr=2"/>
vendor: 66 bytes, line 1
1<script async="" src="https://www.googletagmanager.com/gtag/js?id=
1G-VY9E05GCR9
vendor: 11 bytes, line 1
1"></script>
1<meta http-equiv="x-ua-compatible" content="ie=edge"/><link rel="icon" href="https://umsousercontent.com/lib_VIqzMBqtfUYwExIq/0jx82994qpws16ts.png?w=32&amp;h=32"/><title>Medevio pro lékaře</title><meta property="og:title" content="Medevio pro lékaře"/><meta name="twitter:title" content="Medevio pro lékaře"/><meta name="description" content="Online aplikace, která vrací klid do ordinace. Nahraďte vyzvánějící telefony přehledným softwarem."/><meta name="twitter:description" content="Online aplikace, která vrací klid do ordinace. Nahraďte vyzvánějící telefony přehledným softwarem."/><meta name="twitter:card" content="summary_large_image"/><meta property="og:image" content="https://umsousercontent.com/lib_YNkRFjMxLALwWiFH/crzijs9cjlia686g.png?w=1200&amp;h=630&amp;fit=crop"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta name="twitter:image" content="https://umsousercontent.com/lib_YNkRFjMxLALwWiFH/crzijs9cjlia686g.png?w=1200&amp;h=630&amp;fit=crop"/><link rel="canonical" href="https://www.medevio.cz/pro-lekare-new"/><link rel="preconnect" href="https://static.medevio.cz" crossorigin=""/><meta name="description" content="Medevio sjednotí telefon, zprávy i požadavky pacientů do jednoho klidnějšího workflow pro ordinaci."/><meta property="og:title" content="Medevio pro lékaře | Klidnější provoz ordinace"/><meta property="og:description" content="Medevio sjednotí telefon, zprávy i požadavky pacientů do jednoho klidnějšího workflow pro ordinaci."/><meta property="og:type" Rychl="website"/><meta property="og:url" content="https://www.medevio.cz/pro-lekare"/><meta property="og:image" content="https://umsousercontent.com/lib_YNkRFjMxLALwWiFH/m1yjpwrmb330yn7s.png"/><link rel="preload" as="image" href="https://umsousercontent.com/lib_YNkRFjMxLALwWiFH/m1yjpwrmb330yn7s.png"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""/><link rel="preload" as="image" href="https://umsousercontent.com/lib_VIqzMBqtfUYwExIq/z5arr1aax8vwngq2.png"/><style>body {
2  margin: 0;
3  padding: 0;
4  --wr-max: 1300px;
5  position: relative;
6  word-wrap: anywhere;
7  word-break: break-word;
8  line-height: 1.5;
9  --color-bg-a: rgb(255, 255, 255);
10  --color-bg-b: rgb(247, 248, 248);
11  --color-bg-c: rgb(240, 250, 255);
12  --color-bg-d: rgb(238, 252, 248);
13  --font-system: -apple-system, BlinkMacSystemFont, Segoe UI, Inter, Helvetica, Arial, sans-serif;
14  overflow-wrap: anywhere;
15  text-rendering: optimizeLegibility;
16  --color-bg-hero: #e6fcf5;
17  background-color: #fff;
18  --color-8ntztodcvh: rgb(80, 227, 191);
19  --color-eq4k3pwt88: rgb(233, 245, 242);
20  --color-f2htv7ggcb: rgba(0, 0, 0, 0.7);
21  --color-jqdoyng0b4: rgb(8, 102, 255);
22  --color-nrb3apnn97: rgb(228, 32, 42);
23  --gradient-n7swk71599: linear-gradient(0deg, rgb(248, 248, 248) 0%, rgb(233, 245, 242) 100%);
24  --gradient-urt8ee2xqc: linear-gradient(0deg, rgb(233, 245, 242) 0%, rgb(248, 248, 248) 100%);
25  -webkit-font-smoothing: antialiased;
26  -moz-osx-font-smoothing: grayscale;
27  --color-03rz5kxc4q1gvr2n: rgba(58, 166, 22, 0.06);
28  --color-1tbx1r08na87ko0m: rgb(238, 238, 238);
29  --color-668j448j157hv3j3: rgb(245, 245, 245);
30  --color-asmud02p0p7xed5b: rgb(3, 159, 143);
31  --color-ivkynleycbtjssxw: #ffffff;
32  --color-kxmxrtkw3pwvjn4s: #fff;
33  --color-mhp0m8vo1oyk60tx: rgb(253, 254, 255);
34  --color-mpx5mbqn3nkqrhay: rgb(22, 29, 27);
35  --color-oayavql83ft3z08n: #F6BA10;
36  --color-qlba8ztg926rlhbg: rgb(33, 33, 57);
37  --color-r6eo88frql1repsh: rgb(21, 167, 152);
38  --color-s8fsme39k7dqo1fz: rgb(7, 169, 150);
39  --color-u1htrzn9237jp2tj: #fafafa;
40  --color-vjlken7a5zto6akt: rgb(50, 146, 255);
41  --color-wxh4rza7q4i00twy: #e9ecef;
42  -webkit-text-size-adjust: 100%;
43}
44a, .link {
45  color: var(--color-text-link);
46  font-weight: var(--fontWeight-text-medium);
47  text-decoration: none;
48}
49a:not(.btn):hover {
50  text-decoration: underline;
51}
52strong {
53  font-weight: var(--fontWeight-text-heavy);
54}
55#measure-layer {
56  z-index: -1;
57  position: absolute;
58  visibility: hidden;
59}
60.theme-1ghzbdec7g {
61  font: normal normal 400 1em 'Inter', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
62  color: rgb(62, 62, 81);
63  font-size: max(calc(12px * var(--fontScaleFactor)), 16px);
64  --color-bg: rgb(248, 248, 248);
65  background: rgb(248, 248, 248);
66  --font-hero: normal normal 600 1em 'Montserrat', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
67  --font-text: normal normal 400 1em 'Inter', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
68  line-height: 1.6;
69  --font-title: normal normal 600 1em 'Montserrat', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
70  --border-width: 1px;
71  --font-subtitle: normal normal 400 1em 'Inter', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
72  --fontSize-hero: calc(60px * var(--fontScaleFactor));
73  --fontSize-text: max(calc(12px * var(--fontScaleFactor)), 16px);
74  --fontSize-title: calc(48px * var(--fontScaleFactor));
75  --color-text-link: rgb(44, 147, 121);
76  --font-subheading: normal normal 500 1em 'Montserrat', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
77  --fontScaleFactor: 1;
78  --lineHeight-hero: normal;
79  --lineHeight-title: normal;
80  --fontSize-subtitle: calc(20px * var(--fontScaleFactor));
81  --color-text-primary: rgb(33, 33, 57);
82  --color-border-normal: rgb(229, 229, 229);
83  --fontSize-subheading: calc(20px * var(--fontScaleFactor));
84  --fontWeight-subtitle: 400;
85  --lineHeight-subtitle: 1.6;
86  --color-accent-primary: rgb(92, 215, 185);
87  --color-text-secondary: rgb(62, 62, 81);
88  --fontWeight-text-heavy: 600;
89  --lineHeight-subheading: 1.6;
90  --fontWeight-text-medium: 500;
91}
92@media (max-width: 768px) {
93  .theme-1ghzbdec7g {
94    --fontSize-hero: calc(60px * var(--fontScaleFactor));
95    --fontSize-title: max(calc(48px * var(--fontScaleFactor)), 20px);
96    --fontScaleFactor: 0.75;
97    --fontSize-subtitle: max(calc(20px * var(--fontScaleFactor)), 16px);
98    --fontSize-subheading: max(calc(20px * var(--fontScaleFactor)), 16px);
99  }
100}
101.theme-oj5j38vfpu {
102  --border-width: 1px;
103}
104.theme-sub-darkText {
105  font: normal normal 400 1em 'Inter', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
106  color: rgb(62, 62, 81);
107  font-size: max(calc(16px * var(--fontScaleFactor)), 16px);
108  --color-bg: rgb(92, 215, 185);
109  background: rgb(92, 215, 185);
110  --font-hero: normal normal 600 1em 'Montserrat', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
111  --font-text: normal normal 400 1em 'Inter', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
112  line-height: 1.6;
113  --font-title: normal normal 600 1em 'Montserrat', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
114  --border-width: 1px;
115  --font-subtitle: normal normal 400 1em 'Inter', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
116  --fontSize-hero: calc(60px * var(--fontScaleFactor));
117  --fontSize-text: max(calc(16px * var(--fontScaleFactor)), 16px);
118  --fontSize-title: calc(48px * var(--fontScaleFactor));
119  --color-text-link: rgb(44, 147, 121);
120  --font-subheading: normal normal 500 1em 'Montserrat', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
121  --fontScaleFactor: 1;
122  --lineHeight-hero: normal;
123  --lineHeight-title: normal;
124  --fontSize-subtitle: calc(20px * var(--fontScaleFactor));
125  --color-text-primary: rgb(33, 33, 57);
126  --color-border-normal: rgb(229, 229, 229);
127  --fontSize-subheading: calc(20px * var(--fontScaleFactor));
128  --fontWeight-subtitle: 400;
129  --lineHeight-subtitle: 1.6;
130  --color-accent-primary: rgb(92, 215, 185);
131  --color-text-secondary: rgb(62, 62, 81);
132  --fontWeight-text-heavy: 600;
133  --lineHeight-subheading: 1.6;
134  --fontWeight-text-medium: 500;
135}
136@media (max-width: 768px) {
137  .theme-sub-darkText {
138    --fontSize-hero: calc(60px * var(--fontScaleFactor));
139    --fontSize-title: max(calc(48px * var(--fontScaleFactor)), 20px);
140    --fontScaleFactor: 0.75;
141    --fontSize-subtitle: max(calc(20px * var(--fontScaleFactor)), 16px);
142    --fontSize-subheading: max(calc(20px * var(--fontScaleFactor)), 16px);
143  }
144}
145.theme-sub-lightText {
146  font: normal normal 400 1em 'Poppins', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
147  color: rgb(255, 255, 255);
148  font-size: max(calc(0 * var(--fontScaleFactor)), 16px);
149  --color-bg: #222;
150  background: #222;
151  --font-hero: normal normal 700 1em 'Poppins', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
152  --font-text: normal normal 400 1em 'Poppins', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
153  line-height: 1.5;
154  --font-title: normal normal 700 1em 'Poppins', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
155  --border-width: 1px;
156  --font-subtitle: normal normal 500 1em 'Poppins', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
157  --fontSize-hero: calc(64px * var(--fontScaleFactor));
158  --fontSize-text: max(calc(0 * var(--fontScaleFactor)), 16px);
159  --fontSize-title: calc(48px * var(--fontScaleFactor));
160  --color-text-link: rgb(255, 255, 255);
161  --font-subheading: normal normal 400 1em 'Poppins', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
162  --fontScaleFactor: 1;
163  --lineHeight-hero: normal;
164  --lineHeight-title: normal;
165  --fontSize-subtitle: calc(20px * var(--fontScaleFactor));
166  --color-text-primary: rgb(253, 254, 255);
167  --fontSize-subheading: calc(20px * var(--fontScaleFactor));
168  --fontWeight-subtitle: 500;
169  --lineHeight-subtitle: inherit;
170  --color-accent-primary: #fff;
171  --color-text-secondary: rgb(255, 255, 255);
172  --fontWeight-text-heavy: 600;
173  --lineHeight-subheading: inherit;
174  --fontWeight-text-medium: 500;
175}
176@media (max-width: 768px) {
177  .theme-sub-lightText {
178    --fontSize-hero: calc(64px * var(--fontScaleFactor));
179    --fontSize-title: max(calc(40px * var(--fontScaleFactor)), 20px);
180    --fontScaleFactor: 0.75;
181    --fontSize-subtitle: max(calc(20px * var(--fontScaleFactor)), 16px);
182    --fontSize-subheading: max(calc(20px * var(--fontScaleFactor)), 16px);
183  }
184}
185.buttons-button-01 .btn {
186  font: normal normal 500 1em 'Inter', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
187  color: rgb(33, 33, 57);
188  font-size: 17px;
189  background: rgba(92, 214, 184, 0.25);
190  padding-top: 1em;
191  padding-left: 2em;
192  border-radius: 16px;
193  padding-right: 2em;
194  padding-bottom: 1em;
195}
196 .buttons-button-01 .btn.primary {
197  color: rgb(33, 33, 57);
198  background: rgb(92, 215, 185);
199  box-shadow: 0px 8px 32px 0px rgba(92, 214, 184, 0.38);
200  border-style: solid;
201  border-width: 0;
202}
203.buttons-button-01 .btn:hover {
204  background: rgba(92, 214, 184, 0.38);
205}
206 .buttons-button-01 .btn.primary:hover {
207  background: rgb(80, 227, 191);
208}
209.buttons-btn_lxms9vtb9e .btn {
210  font: normal normal 500 1em 'Inter', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
211  color: rgb(255, 255, 255);
212  font-size: 15px;
213  background: rgb(44, 44, 44);
214  box-shadow: 0px 8px 16px 0px rgba(43, 43, 43, 0.23);
215  padding-top: 1em;
216  padding-left: 2em;
217  border-radius: 16px;
218  padding-right: 2em;
219  padding-bottom: 1em;
220}
221 .buttons-btn_lxms9vtb9e .btn.primary {
222  color: rgb(44, 44, 44);
223  background: rgb(255, 255, 255);
224  box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.19);
225  border-style: solid;
226  border-width: 0;
227}
228.buttons-btn_lxms9vtb9e .btn:hover {
229  background: rgb(62, 62, 62);
230  border-radius: 16px;
231}
232 .buttons-btn_lxms9vtb9e .btn.primary:hover {
233  color: rgb(44, 44, 44);
234  background: rgb(247, 247, 247);
235}
236.buttons-btn_nob6m8rpy4 .btn {
237  font: normal normal 400 1em 'Inter', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
238  color: rgb(33, 33, 57);
239  font-size: 16px;
240  background: rgb(239, 239, 239);
241  padding-top: 0.6em;
242  padding-left: 1em;
243  border-radius: 10px;
244  padding-right: 1em;
245  padding-bottom: 0.6em;
246}
247 .buttons-btn_nob6m8rpy4 .btn.primary {
248  color: rgb(33, 33, 57);
249  background: rgb(92, 215, 185);
250  box-shadow: 0px 2px 24px 0px rgba(92, 214, 184, 0.41);
251  border-style: solid;
252  border-width: 0;
253}
254.buttons-btn_nob6m8rpy4 .btn:hover {
255  background: rgb(221, 221, 221);
256  border-radius: 10px;
257}
258 .buttons-btn_nob6m8rpy4 .btn.primary:hover {
259  background: rgb(80, 227, 191);
260}
261.cards-cards-01 {
262  --card-bg: #fff;
263  --card-boxShadow: 0px 10px 30px -10px rgba(0, 0, 0, 0.08);
264  --card-borderColor: #eee;
265  --card-borderWidth: 1px;
266  --card-borderRadius: 10px;
267  --card-textColorPrimary: rgb(22, 29, 27);
268  --card-textColorSecondary: rgb(46, 56, 53);
269}
270.cards-527w0kiky5uyogqu {
271  --card-bg: rgb(38, 194, 150);
272  --card-borderWidth: 0px;
273  --card-borderRadius: 50px;
274  --card-textColorPrimary: rgb(22, 29, 27);
275  --card-textColorSecondary: rgb(46, 56, 53);
276}
277.cards-5edcxqswdk65basl {
278  --card-bg: rgb(255, 255, 255);
279  --card-borderWidth: 0px;
280  --card-borderRadius: 8px;
281  --card-textColorPrimary: rgb(22, 29, 27);
282  --card-textColorSecondary: rgb(46, 56, 53);
283}
284.cards-c3atu1666nav8rgm {
285  --card-bg: rgb(245, 245, 245);
286  --card-borderWidth: 0px;
287  --card-borderRadius: 8px;
288  --card-textColorPrimary: rgb(33, 33, 57);
289  --card-textColorSecondary: rgb(46, 56, 53);
290}
291.cards-hap56vtq3uq1jy17 {
292  --card-bg: #F5F5F5;
293  --card-borderWidth: 0px;
294  --card-borderRadius: 8px;
295  --card-textColorPrimary: rgb(22, 29, 27);
296  --card-textColorSecondary: rgb(46, 56, 53);
297}
298.cards-kx87thk74k0v0u7r {
299  --card-bg: rgb(127, 230, 201);
300  --card-borderWidth: 0px;
301  --card-borderRadius: 8px;
302  --card-textColorPrimary: rgb(22, 29, 27);
303  --card-textColorSecondary: rgb(46, 56, 53);
304}
305.cards-lm0ggi0a676g7j2s {
306  --card-bg: rgba(39, 194, 150, 0.7);
307  --card-borderWidth: 0px;
308  --card-borderRadius: 8px;
309  --card-textColorPrimary: rgb(22, 29, 27);
310  --card-textColorSecondary: rgb(46, 56, 53);
311}
312.cards-p8b129tm6g18frad {
313  --card-bg: rgb(7, 169, 150);
314  --card-borderWidth: 0px;
315  --card-borderRadius: 8px;
316  --card-textColorPrimary: rgb(22, 29, 27);
317  --card-textColorSecondary: rgb(46, 56, 53);
318}
319.cards-p9qu0y3kk7a1wixr {
320  --card-bg: rgb(255, 251, 240);
321  --card-borderWidth: 0px;
322  --card-borderRadius: 8px;
323  --card-textColorPrimary: rgb(145, 107, 8);
324  --card-textColorSecondary: rgb(145, 107, 8);
325}
326.cards-yzjduarucbfq2blz {
327  --card-bg: rgb(232, 232, 232);
328  --card-borderWidth: 0px;
329  --card-borderRadius: 8px;
330  --card-textColorPrimary: rgb(22, 29, 27);
331  --card-textColorSecondary: rgb(46, 56, 53);
332}
333.cards-card_1kw4rtyd7a_custom {
334  --card-bg: #fff;
335  --card-boxShadow: 0px 10px 30px -10px rgba(0, 0, 0, 0.08);
336  --card-borderColor: #eee;
337  --card-borderWidth: 0px;
338  --card-borderRadius: 10px;
339  --card-textColorPrimary: rgb(22, 29, 27);
340  --card-textColorSecondary: rgb(46, 56, 53);
341}
342.cards-card_7bt7m7n3gm_custom {
343  --card-bg: #fff;
344  --card-boxShadow: 0px 10px 30px -10px rgba(0, 0, 0, 0.08);
345  --card-borderColor: rgba(250, 250, 250, 0);
346  --card-borderWidth: px;
347  --card-borderRadius: 48px;
348  --card-textColorPrimary: rgb(22, 29, 27);
349  --card-textColorSecondary: rgb(46, 56, 53);
350}
351.cards-card_cp7m6lyqxk_custom {
352  --card-bg: #fff;
353  --card-boxShadow: 0px 10px 30px -10px rgba(0, 0, 0, 0.08);
354  --card-borderColor: #eee;
355  --card-borderWidth: px;
356  --card-borderRadius: 10px;
357  --card-textColorPrimary: rgb(22, 29, 27);
358  --card-textColorSecondary: rgb(46, 56, 53);
359}
360.cards-card_kfi65sidea_custom {
361  --card-bg: rgb(127, 230, 201);
362  --card-boxShadow: 0px 8px 32px 0px rgba(126, 230, 200, 0.35);
363  --card-borderWidth: 0px;
364  --card-borderRadius: 40px;
365  --card-textColorPrimary: rgb(22, 29, 27);
366  --card-textColorSecondary: rgb(46, 56, 53);
367}
368.cards-card_pawfq8gikt_custom {
369  --card-bg: rgba(255, 255, 255, 0);
370  --card-boxShadow: 0px 0px 0px 0px rgba(0,0,0,0.1);
371  --card-borderWidth: 0px;
372  --card-borderRadius: 24px;
373  --card-textColorPrimary: rgb(22, 29, 27);
374  --card-textColorSecondary: rgb(46, 56, 53);
375}
376.cards-card_t6qt6uydbu_custom {
377  --card-bg: #fff;
378  --card-boxShadow: 0px 10px 30px -10px rgba(0, 0, 0, 0.08);
379  --card-borderColor: #eee;
380  --card-borderWidth: 0px;
381  --card-borderRadius: 10px;
382  --card-textColorPrimary: rgb(22, 29, 27);
383  --card-textColorSecondary: rgb(46, 56, 53);
384}
385.cards-card_v5yxppox7u_custom {
386  --card-bg: #fff;
387  --card-boxShadow: 0px 10px 30px -10px rgba(0, 0, 0, 0.08);
388  --card-borderColor: rgba(237, 237, 237, 0);
389  --card-borderWidth: px;
390  --card-borderRadius: 10px;
391  --card-textColorPrimary: rgb(22, 29, 27);
392  --card-textColorSecondary: rgb(46, 56, 53);
393}
394.cards-card_xk6yuuxdti_custom {
395  --card-bg: #fff;
396  --card-boxShadow: 0px 10px 30px -10px rgba(0, 0, 0, 0.08);
397  --card-borderColor: #eee;
398  --card-borderWidth: 0px;
399  --card-borderRadius: 10px;
400  --card-textColorPrimary: rgb(22, 29, 27);
401  --card-textColorSecondary: rgb(46, 56, 53);
402}
403.header-hdr_b6wdn7rtyq {
404  font: normal normal 500 16px 'Montserrat', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
405  --font-text: normal normal 400 14px 'Inter', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
406  --header-bg: rgb(248, 248, 248);
407  --nav-menu-bg: rgb(248, 248, 248);
408  --nav-drawer-bg: rgb(248, 248, 248);
409  --color-text-primary: rgb(62, 62, 81);
410  --header-borderColor: rgba(230, 230, 230, 0);
411  --header-borderWidth: px;
412  --header-borderRadius: 10px;
413  --color-text-secondary: rgb(62, 62, 81);
414  --header-fontSize-primary: 16px;
415  --header-fontSize-secondary: 14px;
416}
417body:not(.noScript) .umso-animated {
418  opacity: 0;
419}
420.umso-animating {
421  animation-name: var(--animationName);
422  animation-delay: calc(var(--animationDelay) * 1ms + var(--listItem-index, 0) * var(--animationStagger) * 1ms);
423  animation-duration: calc(var(--animationDuration, 0) * 1ms);
424  animation-fill-mode: both;
425  animation-timing-function: var(--animationTimingFunction, ease);
426}
427@media (prefers-reduced-motion) {
428  .umso-animating {
429    animation-name: none;
430  }
431  .umso-animated {
432    opacity: initial !important;
433  }
434}
435@media (max-width: 700px) {
436  .umso-animating {
437    animation-delay: calc(var(--animationDelay) * 1ms);
438  }
439}
440@keyframes toTop {
441  0% {
442    opacity: 0;
443    transform: translateY(var(--animationSlideDistance, 10%));
444  }
445  100% {
446    opacity: 1;
447    transform: translateY(0);
448  }
449}
450@keyframes toBottom {
451  0% {
452    opacity: 0;
453    transform: translateY(calc(var(--animationSlideDistance, 10%) * -1));
454  }
455  100% {
456    opacity: 1;
457    transform: translateY(0);
458  }
459}
460@keyframes toRight {
461  0% {
462    opacity: 0;
463    transform: translateX(calc(var(--animationSlideDistance, 10%) * -1));
464  }
465  100% {
466    opacity: 1;
467    transform: translateX(0);
468  }
469}
470@keyframes toLeft {
471  0% {
472    opacity: 0;
473    transform: translateX(var(--animationSlideDistance, 10%));
474  }
475  100% {
476    opacity: 1;
477    transform: translateX(0);
478  }
479}
480@keyframes fade {
481  0% {
482    opacity: var(--animationFromOpacity, 0);
483  }
484  100% {
485    opacity: 1;
486  }
487}
488@keyframes scale {
489  0% {
490    opacity: 0;
491    transform: scale(var(--animationFromScale, 0.9));
492  }
493  100% {
494    opacity: 1;
495    transform: scale(1);
496  }
497}
498.wr {
499  width: 100%;
500  margin: 0 auto;
501  padding: 0 30px;
502  position: relative;
503  max-width: var(--wr-max);
504  box-sizing: border-box;
505}
506@media only screen and (max-width: 700px) {
507  .wr {
508    padding: 0 15px;
509  }
510}
511.um-backdrop {
512  top: 0;
513  left: 0;
514  right: 0;
515  bottom: 0;
516  z-index: -1;
517  position: absolute;
518}
519.um-backdrop > video {
520  width: 100%;
521  height: 100%;
522  object-fit: cover;
523}
524.um-backdrop > .overlay {
525  top: 0;
526  left: 0;
527  right: 0;
528  bottom: 0;
529  position: absolute;
530}
531.madeWithUmso {
532  left: 50%;
533  color: rgb(43, 43, 43) !important;
534  bottom: 10px !important;
535  height: 30px;
536  display: flex !important;
537  padding: 0 9px;
538  z-index: 100;
539  position: fixed !important;
540  animation: keyframes-badgeFade;
541  font-size: 13px;
542  background: #fff !important;
543  box-shadow: 0 1px 3px rgba(0,0,0,0.3), 0 6px 13px rgba(0,0,0,0.1);
544  transition: all 0.2s ease-in-out;
545  align-items: center;
546  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
547  font-weight: 500;
548  white-space: nowrap;
549  margin-right: -70px !important;
550  border-radius: 6px;
551  text-decoration: none !important;
552  transform-origin: 50% 50%;
553  animation-duration: 1.3s;
554  transition-property: background color;
555}
556.madeWithUmso svg {
557  color: rgb(43, 43, 43);
558  width: 66px;
559  margin-top: 0;
560  transition: filter 0.2s ease-in-out;
561  margin-left: 6px;
562}
563.madeWithUmso:hover {
564  color: #fff !important;
565  background: #000000 !important;
566}
567.madeWithUmso.badge--left {
568  left: initial;
569  margin-left: 10px;
570}
571.madeWithUmso.badge--right {
572  left: 100%;
573  margin-left: -165px;
574}
575.madeWithUmso.badge--center {
576  left: 50%;
577  margin-left: -70px;
578}
579@media (max-width: 750px) {
580   .madeWithUmso.footerBadge {
581    left: 50%;
582    margin-left: -70px;
583  }
584}
585.madeWithUmso:hover svg {
586  filter: invert(1) saturate(0);
587}
588@keyframes keyframes-badgeFade {
589  0% {
590    opacity: 0;
591    transform: scale(0.8) translate(0, 10px);
592  }
593  80% {
594    opacity: 0;
595    transform: scale(0.8) translate(0, 10px);
596  }
597  100% {
598    opacity: 1;
599    transform: scale(1) translate(0, 0);
600  }
601}
602.__umsoEditorHighlight:after {
603  top: 0;
604  left: 0;
605  right: 0;
606  border: 1px dashed #845ef7;
607  bottom: 0;
608  content: "";
609  z-index: 9999;
610  position: absolute;
611  box-shadow: inset 0 0 15px var(--boxShadow-color);
612  border-radius: 5px;
613  animation-name: keyframes-editorHighlight;
614  pointer-events: none;
615  --boxShadow-color: rgba(132,94,247,0.29);
616  animation-duration: 1.5s;
617  animation-fill-mode: both;
618  animation-timing-function: linear;
619}
620@keyframes keyframes-editorHighlight {
621  0% {
622    opacity: 0;
623  }
624  45% {
625    opacity: 1;
626  }
627  80% {
628    opacity: 1;
629  }
630  100% {
631    opacity: 0;
632  }
633}
634.um-gradient-text {
635  background: -webkit-linear-gradient(var(--angle), var(--from), var(--to));
636  -webkit-background-clip: text;
637  -webkit-text-fill-color: transparent;
638}
639.um-dl-adder {
640  width: 0;
641  z-index: 8;
642  position: relative;
643}
644.um-dl-adder:before {
645  top: 0;
646  left: -1px;
647  width: 2px;
648  bottom: 0;
649  content: "";
650  position: absolute;
651  border-radius: 2px;
652}
653.um-dl-adder button {
654  all: unset;
655  top: 50%;
656  left: -10px;
657  color: #fff;
658  width: 20px;
659  height: 20px;
660  margin: 0 !important;
661  position: absolute;
662  font-size: 20px;
663  transform: translate(0, -50%);
664  background: var(--eddy-accent);
665  text-align: center;
666  line-height: 20px;
667  border-radius: 50%;
668}
669.um-droppable {
670  width: 2px;
671  background: var(--eddy-accent);
672  border-radius: 2px;
673}
674.um-first-section {
675  padding-top: calc(var(--um-header-height) + 10px) !important;
676}
677.um-hidden-section {
678  gap: 10px;
679  color: #464646;
680  display: flex;
681  padding: 10px 30px;
682  z-index: 1;
683  position: relative;
684  font-size: 13px;
685  box-shadow:  0 0 0 1px #eee;
686  align-items: center;
687  font-family: var(--font-system);
688  font-weight: 400;
689  background-size: 10px 10px;
690  background-image: repeating-linear-gradient(45deg, #eee 0, #eee 1px, #fafafa 0, #fafafa 50%);
691  background-repeat: repeat;
692}
693@media (max-width: 700px) {
694  .um-hidden-section {
695    text-align: center;
696    flex-direction: column;
697  }
698}
699.um-hidden-section.um-hideOnDesktop {
700  display: none;
701}
702.um-hidden-section.um-hideOnTablet {
703  display: none;
704}
705.um-hidden-section.um-hideOnMobile {
706  display: none;
707}
708.um-hidden-section svg {
709  flex-shrink: 0;
710}
711.um-hidden-section strong {
712  font-weight: 500;
713}
714.um-hidden-section button {
715  all: unset;
716  color: #222;
717  cursor: pointer;
718  padding: 5px 10px;
719  font-size: 12px;
720  background: #eaeaea;
721  flex-shrink: 0;
722  font-weight: 500;
723  border-radius: 3px;
724}
725.um-hidden-section button:hover {
726  background: #dcdcdc;
727}
728@media (max-width: 500px) {
729  .um-hidden-section.um-hideOnMobile {
730    display: flex;
731  }
732}
733@media (min-width: 501px) and (max-width: 769px) {
734  .um-hidden-section.um-hideOnTablet {
735    display: flex;
736  }
737}
738@media (min-width: 770px) {
739  .um-hidden-section.um-hideOnDesktop {
740    display: flex;
741  }
742}
743.um-icon {
744  display: flex;
745  position: relative;
746  box-sizing: border-box;
747  align-items: center;
748  flex-shrink: 0;
749  justify-content: center;
750}
751.um-icon:not(svg):not(img) {
752  padding: 0.4em;
753}
754.um-iconimg {
755  object-fit: contain;
756}
757.um-icon svg {
758  display: block;
759  position: relative;
760}
761.um-miniIcon {
762  display: block;
763}
764.umso-cms-pagination {
765  gap: 10px;
766  margin: 0;
767  display: flex;
768  padding: 0;
769  list-style: none;
770  justify-content: center;
771}
772.umso-cms-pagination li {
773  display: block;
774}
775.umso-cms-pagination li.active a {
776  background: color-mix(in srgb, var(--color-text-link), transparent 90%);
777  font-weight: 500;
778  border-color: color-mix(in srgb, var(--color-text-link), transparent 20%);
779}
780.umso-cms-pagination li a {
781  border: 1px solid var(--color-border-normal);
782  height: 40px;
783  display: block;
784  min-width: 40px;
785  text-align: center;
786  line-height: 40px;
787  border-radius: 5px;
788  text-decoration: none;
789}
790.umso-cms-pagination li a svg {
791  margin-top: 8px;
792}
793.um-text p {
794  margin: 0;
795}
796@supports (height: 1lh) {
797  .um-text p:empty {
798    height: 1lh;
799  }
800}
801@supports not (height: 1lh) {
802  .um-text p:empty:after {
803    content: "\00a0";
804  }
805}
806.btn {
807  gap: 0.6em;
808  font: normal normal 500 1em var(--font-system), -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
809  color: var(--color-text-primary);
810  border: none;
811  cursor: pointer;
812  margin: 0;
813  display: inline-flex;
814  outline: none;
815  padding: 0.7em 0.8em;
816  position: relative;
817  background: #eee;
818  box-sizing: border-box;
819  transition: all 0.2s ease-in-out;
820  align-items: center;
821  border-radius: 3px;
822  justify-content: center;
823  text-decoration: none;
824  transition-property: background, color, border, box-shadow;
825}
826.btn.um-dragging {
827  transition: none;
828}
829.btn span {
830  text-decoration: none;
831}
832.btn--large {
833  font-size: 1.2em;
834}
835.btn--clear {
836  border: none !important;
837  outline: none !important;
838  padding: 0 !important;
839  box-shadow: none !important;
840  background-color: transparent !important;
841}
842.btn--wireframe {
843  color: #bbb;
844  background: #f3f3f3;
845  box-shadow: none;
846  border-color: #f3f3f3;
847}
848.btn svg:not(.um-arrow), .btn img {
849  width: initial;
850  height: 1.2em;
851  margin: -0.1em;
852}
853.btn--loading {
854  cursor: wait;
855  pointer-events: none;
856}
857.btn--loading:after {
858  width: 12px;
859  border: 2px solid rgba(125, 125, 125, 0.3);
860  height: 12px;
861  content: '';
862  display: inline-block;
863  animation: keyframes-buttonLoading;
864  margin-left: 0.6em;
865  border-radius: 50%;
866  animation-duration: 0.8s;
867  border-right-color: var(--color-text-secondary);
868  animation-iteration-count: infinite;
869  animation-timing-function: linear;
870}
871.btn--error {
872  color: #fff !important;
873  background: #c92a2a !important;
874}
875.btn--error:after {
876  float: right;
877  content: '⚠';
878  padding-left: 9px;
879}
880.btn--success {
881  color: #fff !important;
882  background: #2f9e44 !important;
883}
884.btn--success:after {
885  float: right;
886  content: '✓';
887  padding-left: 9px;
888}
889.btn--success:before {
890  top: 0;
891  left: 0;
892  right: 0;
893  bottom: 0;
894  content: '';
895  position: absolute;
896  box-shadow: 0 0 0 0 #2f9e443b;
897  border-radius: inherit;
898  animation-name: keyframes-buttonSuccess;
899  pointer-events: none;
900  animation-duration: 0.4s;
901  animation-fill-mode: both;
902  animation-timing-function: ease-out;
903}
904.btn .um-icon {
905  padding: 0;
906}
907.btn.btn--icon svg, .btn.btn--icon img {
908  width: initial;
909  height: 1.2em;
910  margin: -0.1em;
911}
912.btn:hover, .btn:hover span {
913  text-decoration: none;
914}
915@keyframes keyframes-buttonSuccess {
916  from {
917    box-shadow: 0 0 0 0 rgba(47, 158, 68, 0);
918  }
919  to {
920    box-shadow: 0 0 0 5px rgba(47, 158, 68, 0.3);
921  }
922}
923@keyframes keyframes-buttonLoading {
924  from {
925    transform: rotate(0deg);
926  }
927  to {
928    transform: rotate(360deg);
929  }
930}
931.um-nav-wrapper {
932  color: var(--color-text-primary);
933  display: flex;
934  flex-grow: 1;
935  align-items: center;
936}
937.um-nav-wrapper .um-nav-children {
938  flex-shrink: 0;
939}
940.um-nav-wrapper.um-children-centered {
941  display: flex;
942  justify-content: space-between;
943}
944.um-nav-wrapper .um-nav-drawerTrigger {
945  display: none;
946}
947.um-nav-wrapper.um-space-between .um-nav-links {
948  margin-right: auto;
949  padding-left: 20px;
950}
951.um-nav-wrapper.um-links-centered .um-nav-links {
952  flex: 1;
953  margin: 0 auto;
954}
955.um-nav-wrapper.um-links-centered .um-nav-children {
956  flex: 1;
957  margin-right: 20px;
958}
959.um-nav-wrapper.um-children-centered.um-hidden {
960  margin-left: 40px;
961}
962.um-nav-wrapper.um-children-centered > div:not(.um-nav-children) {
963  display: flex;
964  flex-grow: 1;
965  flex-basis: 0;
966}
967.um-nav-wrapper.um-children-centered .um-nav-links {
968  padding-right: 20px;
969  justify-content: flex-start;
970}
971.um-nav-wrapper.um-children-centered .um-nav-buttons {
972  justify-content: flex-end;
973}
974.um-nav-wrapper.um-children-centered > div:not(.um-nav-children):first-child {
975  justify-content: flex-start;
976}
977.um-nav-wrapper.um-children-centered > div:not(.um-nav-children):last-child {
978  justify-content: flex-end;
979}
980.um-nav-wrapper.um-classic .um-nav-children {
981  margin-right: auto;
982}
983.um-nav-wrapper.um-hidden .um-nav-links {
984  display: none;
985}
986.um-nav-wrapper.um-hidden .um-nav-buttons {
987  display: none;
988}
989.um-nav-wrapper.um-hidden .um-lang-picker {
990  display: none;
991}
992.um-nav-links {
993  margin: 0;
994  display: flex;
995  padding: 0;
996  font-size: 15px;
997  list-style: none;
998  align-items: center;
999  white-space: nowrap;
1000}
1001.um-nav-links > li {
1002  position: relative;
1003}
1004.um-nav-links > li > button {
1005  font: inherit;
1006  color: inherit;
1007  border: none;
1008  cursor: pointer;
1009  padding: 10px;
1010  font-size: var(--header-fontSize-primary, inherit);
1011  background: transparent;
1012}
1013.um-nav-links > li > a {
1014  font: inherit;
1015  color: inherit;
1016  padding: 10px 10px;
1017  font-size: var(--header-fontSize-primary, inherit);
1018  white-space: nowrap;
1019}
1020.um-nav-links > li:hover .um-nav-flyout {
1021  display: flex;
1022}
1023.um-nav-flyout {
1024  top: 100%;
1025  left: 50%;
1026  width: 250px;
1027  display: none;
1028  padding: 10px;
1029  position: absolute;
1030  max-width: 250px;
1031  min-width: 120px;
1032  transform: translate(-50%);
1033  background: var(--nav-menu-bg, var(--nav-overlay-bg, var(--nav-flyout-bg)));
1034  box-shadow: hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px;;
1035  border-radius: 5px;
1036}
1037.um-nav-flyout ul {
1038  margin: 0;
1039  display: flex;
1040  padding: 0;
1041  flex-grow: 1;
1042  list-style: none;
1043  flex-direction: column;
1044}
1045.um-nav-item {
1046  color: var(--color-text-primary);
1047  display: flex;
1048  padding: 8px 12px;
1049  align-items: center;
1050  border-radius: 4px;
1051}
1052.um-nav-item:hover {
1053  background: rgba(141,141,141,0.09);
1054  text-decoration: none !important;
1055}
1056.um-nav-item div {
1057  display: flex;
1058  max-width: 230px;
1059  word-wrap: break-word;
1060  white-space: wrap;
1061  overflow-wrap: break-word;
1062  flex-direction: column;
1063}
1064.um-nav-item span {
1065  font: var(--font-text);
1066  color: var(--color-text-secondary);
1067  display: block;
1068  font-size: var(--header-fontSize-secondary, 0.9em);
1069  max-width: 230px;
1070  word-wrap: break-word;
1071  font-weight: 400;
1072  white-space: wrap;
1073  overflow-wrap: break-word;
1074  text-decoration: none;
1075}
1076.um-nav-item .um-icon {
1077  flex-shrink: 0;
1078  margin-right: 15px;
1079}
1080.um-nav-buttons {
1081  gap: 10px;
1082  display: flex;
1083  position: relative;
1084  align-items: center;
1085  white-space: nowrap;
1086  padding-left: 20px;
1087}
1088.um-nav-buttons > button, .um-nav-buttons > a {
1089  font-size: 15px;
1090}
1091.um-lang-picker {
1092  position: relative;
1093  margin-left: 5px;
1094}
1095.um-lang-picker button {
1096  gap: 5px;
1097  font: inherit;
1098  color: var(--color-text-primary);
1099  border: none;
1100  cursor: pointer;
1101  display: flex;
1102  font-size: 15px;
1103  background: transparent;
1104  align-items: center;
1105}
1106.um-lang-picker ul {
1107  display: none;
1108}
1109.um-lang-picker ul.um-open {
1110  top: calc(100% + 5px);
1111  right: 0;
1112  margin: 0;
1113  display: flex;
1114  padding: 0;
1115  z-index: 1000;
1116  position: absolute;
1117  min-width: 150px;
1118  background: var(--nav-menu-bg, var(--nav-overlay-bg, var(--nav-flyout-bg)));
1119  box-shadow: 0 0 10px rgba(0,0,0,0.1);
1120  list-style: none;
1121  border-radius: 5px;
1122  flex-direction: column;
1123}
1124.um-lang-picker ul.um-open li {
1125  font-size: 14px;
1126  font-family: var(--system-font);
1127}
1128.um-lang-picker ul.um-open li a {
1129  color: inherit;
1130  display: block;
1131  padding: 10px 15px;
1132}
1133.um-lang-picker ul.um-open li a:hover {
1134  background: var(--color-bg-secondary);
1135}
1136.um-lang-picker button svg {
1137  color: var(--color-text-primary);
1138}
1139.um-nav-drawerTrigger {
1140  width: 3em;
1141  border: none;
1142  height: 3em;
1143  margin: 0;
1144  padding: 0;
1145  position: relative;
1146  background: transparent;
1147  border-radius: 4px;
1148}
1149.um-nav-drawerTrigger:after {
1150  top: 9px;
1151  left: 7px;
1152  width: 26px;
1153  height: 4px;
1154  content: '';
1155  opacity: 0.8;
1156  position: absolute;
1157  background: var(--color-text-secondary);
1158  box-shadow: 0 8px 0 var(--color-text-secondary), 0 16px 0 var(--color-text-secondary);
1159  border-radius: 2px;
1160}
1161.um-nav-drawerTrigger.um-hidden {
1162  display: none;
1163}
1164@keyframes keyframes-navbar {
1165  0% {
1166    opacity: 0;
1167    transform: scale(1) translate(10px, 0px);
1168  }
1169  100% {
1170    opacity: 1;
1171    transform: scale(1) translate(0, 0);
1172  }
1173}
1174.um-nav-drawer {
1175  top: 0;
1176  color: var(--color-text-primary);
1177  right: 0;
1178  width: 90%;
1179  bottom: 0;
1180  z-index: 999;
1181  overflow: scroll;
1182  position: fixed;
1183  font-size: 15px;
1184  max-width: 300px;
1185  background: var(--nav-drawer-bg, var(--nav-overlay-bg, var(--nav-flyout-bg)));
1186  box-shadow: 0px 10px 50px -10px rgba(22, 23, 24, 0.35), 0px 10px 20px -15px rgba(22, 23, 24, 0.2);
1187  border-radius: 0;
1188}
1189.um-nav-drawer.um-hidden {
1190  display: none;
1191}
1192.um-nav-drawer:not(.um-hidden) {
1193  animation: keyframes-navbar;
1194  transform-origin: 100% 0;
1195  animation-duration: 200ms;
1196}
1197.um-nav-drawer header {
1198  display: flex;
1199  padding: 5px;
1200  align-items: center;
1201  border-bottom: 1px solid var(--color-border-normal);
1202  justify-content: flex-end;
1203}
1204.um-nav-drawer .um-drawer-buttons {
1205  margin: 25px;
1206  display: flex;
1207  position: relative;
1208  flex-wrap: wrap;
1209  justify-content: flex-end;
1210}
1211.um-nav-drawer .um-drawer-links {
1212  display: flex;
1213  list-style: none;
1214  flex-direction: column;
1215}
1216.um-nav-drawer .um-drawer-links > li {
1217  border-bottom: 1px solid var(--color-border-normal);
1218}
1219.um-nav-drawer .um-drawer-links > li > button {
1220  all: unset;
1221  font: inherit;
1222  width: 100%;
1223  cursor: pointer;
1224  padding: 12px 20px;
1225  position: relative;
1226  font-size: 1em;
1227  box-sizing: border-box;
1228  font-weight: var(--fontWeight-text-medium);
1229}
1230.um-nav-drawer .um-drawer-links > li > a {
1231  font: inherit;
1232  color: inherit;
1233  display: block;
1234  padding: 12px 20px;
1235  font-size: 1em;
1236}
1237.um-nav-drawer .um-drawer-links > li > ul {
1238  margin: 0;
1239  display: none;
1240  list-style: none;
1241  margin-top: -5px;
1242  padding-left: 10px;
1243  margin-bottom: 10px;
1244  flex-direction: column;
1245}
1246.um-nav-drawer .um-drawer-links > li > ul > li > a {
1247  font: inherit;
1248  color: inherit;
1249  display: block;
1250  padding: 10px 20px;
1251  text-decoration: none;
1252}
1253.um-nav-drawer .um-drawer-links li.um-open > ul {
1254  display: flex;
1255}
1256.um-nav-drawer .um-drawer-links li.um-open button {
1257  font: inherit;
1258  color: var(--color-text-secondary);
1259  opacity: 0.7;
1260}
1261.um-nav-drawer .um-drawer-links li.um-open button:before {
1262  top: calc(50% - 2px);
1263  transform: rotate(135deg);
1264}
1265.um-nav-drawer .um-drawer-links > li > button:before {
1266  top: calc(50% - 6px);
1267  right: 20px;
1268  width: 7px;
1269  border: 2px solid var(--color-text-secondary);
1270  height: 7px;
1271  content: "";
1272  opacity: 0.6;
1273  position: absolute;
1274  transform: rotate(-45deg);
1275  border-top-width: 0;
1276  border-right-width: 0;
1277  border-bottom-left-radius: 2px;
1278}
1279.um-nav-drawer .um-drawer-buttons button {
1280  width: 100%;
1281  flex-grow: 1;
1282  font-size: 15px !important;
1283  margin-bottom: 10px;
1284}
1285.um-nav-drawer .um-drawer-buttons button:last-child {
1286  margin-bottom: 0;
1287}
1288.um-nav-drawer .um-drawer-buttons a {
1289  width: 100%;
1290  flex-grow: 1;
1291  font-size: 15px !important;
1292  margin-bottom: 10px;
1293}
1294.um-nav-drawer .um-drawer-buttons a:last-child {
1295  margin-bottom: 0;
1296}
1297.um-nav-drawer header .um-lang-picker {
1298  margin-right: auto;
1299}
1300.um-nav-drawer header .um-nav-drawerClose {
1301  all: unset;
1302  width: 40px;
1303  border: none;
1304  cursor: pointer;
1305  height: 40px;
1306  margin: 0;
1307  padding: 0;
1308  font-size: 30px;
1309  background: transparent;
1310  text-align: center;
1311}
1312.um-nav-drawer header .um-nav-drawerClose svg {
1313  display: inline-block;
1314}
1315.um-nav-drawer header .um-lang-picker ul {
1316  left: 0;
1317  right: initial;
1318}
1319.umsoModal {
1320  top: 50%;
1321  left: 50%;
1322  color: black;
1323  display: block;
1324  padding: 40px;
1325  z-index: 10001;
1326  position: fixed;
1327  min-width: 500px;
1328  transform: translate(-50%, -50%);
1329  background: white;
1330  box-shadow: rgba(14, 18, 22, 0.35) 0px 10px 38px -10px, rgba(14, 18, 22, 0.2) 0px 10px 20px -15px;
1331  min-height: 300px;
1332  overflow-y: initial !important;
1333  border-radius: 10px;
1334}
1335.umsoModalOverlay {
1336  top: 0;
1337  left: 0;
1338  width: 100%;
1339  height: 100%;
1340  display: block;
1341  z-index: 10000;
1342  position: fixed;
1343  background-color: rgba(0, 0, 0, 0.44);
1344}
1345.umsoModalWrapper {
1346  display: none;
1347}
1348.umsoModalWrapper.umsoModalOpen {
1349  display: block;
1350}</style><style type="text/css">.bannerWrapper {
1351  position: fixed;
1352  bottom: 10px;
1353  z-index: 10000;
1354  width: max-content;
1355  max-width: 45%;
1356  display: none;
1357  align-items: center;
1358  left: 0;
1359  right: 0;
1360  margin-left: auto;
1361  margin-right: auto;
1362  padding: 15px 15px 15px 20px;
1363  border-radius: 10px;
1364  box-shadow:
1365    0 9px 15px -5px rgba(0, 0, 0, 0.2),
1366    0 -2px 17px rgba(0, 0, 0, 0.06);
1367  box-sizing: border-box;
1368  font-family:
1369    -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif,
1370    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
1371  line-height: 1.5;
1372  font-style: normal;
1373  font-weight: 500;
1374  font-size: 14px;
1375}
1376
1377.bannerWrapper.showInEditor {
1378  display: flex;
1379}
1380
1381.bannerWrapper.left {
1382  margin-left: 20px;
1383}
1384
1385.bannerWrapper.right {
1386  margin-right: 20px;
1387}
1388
1389.cookieBannerButton {
1390  flex-shrink: 0;
1391  margin-left: 15px;
1392  color: inherit;
1393  padding: 0.5em 0.7em;
1394  border-radius: 5px;
1395  font-family: var(--font-system);
1396  font-size: 15px;
1397  font-weight: 600;
1398  cursor: pointer;
1399  min-width: 30px;
1400}
1401
1402.cookieBannerSettingsButton {
1403  background: none;
1404  border: none;
1405  padding: 0;
1406  color: black;
1407  cursor: pointer;
1408  margin-left: 15px;
1409  text-decoration: underline;
1410  font-size: 1em;
1411  flex-shrink: 0;
1412  font-weight: 500;
1413  font-family: var(--font-system);
1414}
1415
1416.cookieBannerButton.dark {
1417  background-color: inherit;
1418  border: 1px solid #0c0c0c;
1419  color: #0c0c0c;
1420}
1421
1422.cookieBannerButton.primary.dark {
1423  background-color: #0c0c0c;
1424  border: 1px solid #0c0c0c;
1425  color: #ffffff;
1426}
1427
1428.cookieBannerButton.light {
1429  background-color: inherit;
1430  border: 1px solid #f5f5f5;
1431  color: #f5f5f5;
1432}
1433
1434.cookieBannerButton.primary.light {
1435  background-color: #f5f5f5;
1436  border: 1px solid #f5f5f5;
1437  color: #000000;
1438}
1439
1440.cookieBannerButton:hover {
1441  transition: 0.3s;
1442}
1443
1444.cookieBannerButton.primary.dark:hover {
1445  background-color: #313131;
1446  border-color: #313131;
1447}
1448
1449.cookieBannerButton.primary.light:hover {
1450  background-color: #d3d3d3;
1451  border-color: #d3d3d3;
1452}
1453
1454.buttonWrapper {
1455  display: flex;
1456  flex-shrink: 0;
1457}
1458
1459@media only screen and (max-width: 1000px) {
1460  .bannerWrapper {
1461    max-width: 60%;
1462  }
1463}
1464
1465@media only screen and (max-width: 750px) {
1466  .bannerWrapper {
1467    min-width: 100%;
1468    bottom: 0px;
1469    border-radius: 0px;
1470    justify-content: center;
1471  }
1472
1473  .bannerWrapper {
1474    margin: 0px;
1475    padding: 25px 30px 25px 30px;
1476  }
1477
1478  .bannerWrapper.left {
1479    margin-left: 0;
1480  }
1481
1482  .bannerWrapper.right {
1483    margin-left: 0;
1484  }
1485}
1486
1487@media only screen and (max-width: 500px) {
1488  .bannerWrapper {
1489    flex-direction: column;
1490    text-align: center;
1491  }
1492
1493  .cookieBannerButton {
1494    margin: 15px 0 0 0;
1495  }
1496
1497  .cookieBannerSettingsButton {
1498    padding-top: 10px;
1499    margin: 0;
1500  }
1501
1502  .buttonWrapper {
1503    display: flex;
1504  }
1505
1506  .buttonWrapper > #bannerRejectAllButton {
1507    margin-right: 15px;
1508  }
1509}
1510.cookieSettingsModal {
1511  display: flex;
1512  flex-direction: column;
1513  justify-content: space-between;
1514  font-family:
1515    -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif,
1516    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
1517  line-height: 1.5;
1518  font-style: normal;
1519  font-weight: 500;
1520  font-size: 14px;
1521  max-width: 500px;
1522}
1523
1524.cookieSettingsSummary {
1525  max-height: calc(100vh - 200px);
1526  overflow-y: auto;
1527}
1528
1529.cookieSettingsCheckboxes {
1530  margin: 30px 10px 30px 0px;
1531}
1532
1533.umsoModal .categoryName {
1534  margin-left: 10px;
1535  font-weight: 600;
1536  font-size: 16px;
1537  cursor: pointer;
1538}
1539
1540.umsoModal .categorySummary {
1541  margin-left: 35px;
1542  margin-bottom: 30px;
1543  margin-top: 5px;
1544  cursor: pointer;
1545}
1546
1547.umsoModal .checkbox {
1548  display: flex;
1549  align-items: center;
1550}
1551
1552.umsoModal .checkboxWrapper .required {
1553  cursor: default !important;
1554  opacity: 0.8;
1555}
1556
1557.umsoModal .checkbox > input {
1558  position: relative;
1559  width: 22px;
1560  height: 22px;
1561  border-radius: 3px;
1562  transition: background-color 0.13s ease;
1563  outline: none;
1564  cursor: pointer;
1565  -webkit-appearance: none;
1566  -moz-appearance: none;
1567  -o-appearance: none;
1568  appearance: none;
1569  transition-duration: 0.3s;
1570  background-color: #ffffff;
1571}
1572
1573.umsoModal .checkbox > input:disabled {
1574  cursor: default !important;
1575  opacity: 0.8;
1576}
1577
1578.umsoModal .checkbox > input:hover {
1579  opacity: 0.8;
1580}
1581
1582.umsoModal .checkbox > input::after {
1583  display: block;
1584  content: '';
1585  position: absolute;
1586  left: 8px;
1587  top: 3px;
1588  width: 5px;
1589  height: 10px;
1590  border: solid #000000;
1591  border-width: 0 2px 2px 0;
1592  opacity: 0;
1593  transform: scale(0.4) rotate(45deg);
1594  transition:
1595    opacity 0.15s ease 0s,
1596    transform 0.15s ease 0s;
1597}
1598
1599.umsoModal .checkbox > input:checked::after {
1600  opacity: 1;
1601  transform: scale(1) rotate(45deg);
1602}
1603
1604.cookieSettingsActions {
1605  display: flex;
1606  margin-top: 20px;
1607  flex-direction: row;
1608  justify-content: space-between;
1609  line-height: 1em;
1610}
1611
1612.cookieSettingsButton {
1613  display: none;
1614  font-family: inherit;
1615  cursor: pointer;
1616  position: absolute;
1617  bottom: 10px;
1618  left: 10px;
1619  z-index: 100;
1620  border-radius: 7px;
1621  font-size: 14px;
1622  padding: 3px 10px;
1623}
1624
1625.cookieSettingsButtonRelative {
1626  position: relative;
1627  bottom: 0;
1628  left: 0;
1629}
1630
1631@media only screen and (max-width: 1000px) {
1632  .bannerWrapper {
1633    max-width: 60%;
1634  }
1635}
1636
1637@media only screen and (max-width: 750px) {
1638  .umsoModal {
1639    min-width: 70%;
1640    font-size: 13px;
1641  }
1642
1643  .umsoModal .categoryName {
1644    font-size: 14px;
1645  }
1646
1647  .umsoModal .categorySummary {
1648    margin-left: 0;
1649  }
1650}
1651
1652@media only screen and (max-width: 400px) {
1653  .cookiePolicyButton {
1654    margin-bottom: 15px;
1655  }
1656
1657  .cookieSettingsActions {
1658    margin-top: 20px;
1659    flex-direction: column;
1660  }
1661}
1662</style><style data-version="2" data-content="section">._58ce83d8 {
1663  top: 0;
1664  left: 0;
1665  right: 0;
1666  height: 70px;
1667  display: flex;
1668  z-index: 99;
1669  position: fixed;
1670}
1671._58ce83d8 + section, ._58ce83d8 + iframe + section {
1672  padding-top: calc(var(--um-header-height) + var(--paddingTop));
1673}
1674._58ce83d8 .wr {
1675  height: 100%;
1676}
1677._37ad9200 {
1678  top: var(--um-banner-height, 0px);
1679  left: 0;
1680  right: 0;
1681  height: 75px;
1682  display: flex;
1683  z-index: 99;
1684  position: absolute;
1685  background: transparent;
1686  box-sizing: content-box;
1687}
1688._37ad9200 > .wr {
1689  height: 100%;
1690}
1691._f4c879d8 {
1692  font: var(--header-fontPrimary, var(--font-system));
1693  color: var(--color-text-secondary);
1694  height: 100%;
1695  display: flex;
1696  padding: 0 20px;
1697  z-index: 90;
1698  position: relative;
1699  flex-grow: 1;
1700  background: var(--header-bg, transparent);
1701  box-shadow: var(--header-boxShadow, none);
1702  box-sizing: border-box;
1703  align-items: center;
1704  border-color: var(--header-borderColor);
1705  border-style: solid;
1706  border-width: var(--header-borderWidth, 0px);
1707  border-radius: 0;
1708  flex-direction: row;
1709  border-top-width: 0;
1710  border-left-width: 0;
1711  border-right-width: 0;
1712}
1713._f4c879d8 > a:not(.btn) {
1714  color: var(--header-textColorLink);
1715}
1716._592c9c5c {
1717  height: 100%;
1718  display: flex;
1719  position: relative;
1720  flex-grow: 1;
1721  align-items: center;
1722  flex-direction: row;
1723}
1724._730f12a7 {
1725  margin: 0;
1726  display: flex;
1727}
1728._730f12a7 > a, ._730f12a7 > span {
1729  display: flex;
1730  align-items: center;
1731}
1732._730f12a7 > a:hover, ._730f12a7 > span:hover {
1733  text-decoration: none;
1734}</style><style data-version="2" data-content="section">._bf49eb1e {
1735  position: relative;
1736  background: var(--color-bg-b);
1737  padding-top: 50px;
1738  --paddingTop: 50px;
1739  padding-bottom: 50px;
1740}
1741._f95d47df {
1742  display: flex;
1743  flex-direction: column;
1744}
1745._f95d47df:not(.cards-none) {
1746  color: var(--card-textColorSecondary);
1747  background: var(--card-bg);
1748  box-shadow: var(--card-boxShadow);
1749  box-sizing: border-box;
1750  border-color: var(--card-borderColor);
1751  border-style: solid;
1752  border-width: var(--card-borderWidth);
1753  border-radius: var(--card-borderRadius);
1754}
1755._f95d47df.cards-none {
1756  padding: 0;
1757}
1758._7642e602 {
1759  color: inherit;
1760  transition: transform 0.2s ease-in-out;
1761  font-weight: inherit;
1762  text-decoration: none;
1763}
1764._7642e602:hover {
1765  transform: scale(1.03);
1766  text-decoration: none !important;
1767}</style><style data-version="2" data-content="section">._c4b89fde {
1768  display: flex;
1769  padding: 30px 0 60px 0;
1770  position: relative;
1771  background: var(--color-668j448j157hv3j3);
1772  border-top: 1px solid var(--color-border-normal);
1773  padding-top: 70px;
1774  --paddingTop: 70px;
1775}
1776._bea1daea {
1777  gap: 40px;
1778  display: flex;
1779  justify-content: space-between;
1780}
1781@media (max-width: 500px) {
1782  ._bea1daea {
1783    display: flex;
1784    align-items: flex-start;
1785    flex-direction: column;
1786    justify-content: flex-start;
1787  }
1788}
1789._c0e4633f {
1790  font-size: 1em;
1791}
1792._a6d0f97b {
1793  width: 100px;
1794  display: block;
1795  margin-top: 10px;
1796  object-fit: contain;
1797}
1798._4dba2c1d {
1799  gap: 10px;
1800  display: flex;
1801  margin-top: 1em;
1802  align-items: center;
1803}
1804._4dba2c1d > *:nth-child(1) {
1805  --listItem-index: 0;
1806}
1807._4dba2c1d > *:nth-child(2) {
1808  --listItem-index: 1;
1809}
1810._4dba2c1d > *:nth-child(3) {
1811  --listItem-index: 2;
1812}
1813._3d4606c5 {
1814  color: inherit;
1815}
1816._3d4606c5:hover {
1817  color: var(--color-text-primary);
1818}
1819._317000c4 {
1820  display: block;
1821}
1822._370825cf {
1823  margin: -10px;
1824  display: flex;
1825  margin-top: 10px;
1826  align-items: flex-start;
1827  flex-direction: column;
1828}
1829._370825cf > * {
1830  margin: 10px;
1831}
1832._6d77f4ac {
1833  gap: 80px;
1834  margin: 0;
1835  display: flex;
1836  padding: 0;
1837  flex-wrap: wrap;
1838  list-style: none;
1839}
1840._6d77f4ac > *:nth-child(1) {
1841  --listItem-index: 0;
1842}
1843._6d77f4ac > *:nth-child(2) {
1844  --listItem-index: 1;
1845}
1846._6d77f4ac > *:nth-child(3) {
1847  --listItem-index: 2;
1848}
1849._6d77f4ac > *:nth-child(4) {
1850  --listItem-index: 3;
1851}
1852._f7277ae9 {
1853  color: var(--color-text-primary);
1854  margin: 0 0 5px 0;
1855  font-weight: var(--fontWeight-text-medium);
1856}
1857._a1fe80f4 {
1858  margin: 0;
1859  padding: 0;
1860  list-style: none;
1861}
1862._171c7314 {
1863  padding: 5px 0;
1864  font-size: 0.9em;
1865}
1866._7d179ab3 {
1867  color: var(--color-text-secondary);
1868  padding: 10px 0;
1869}
1870._d9ac988c {
1871  font-size: 0.9em;
1872  margin-top: 30px;
1873}</style><style id="umso-cssmanager"></style><link href="https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,500;0,600&amp;family=Montserrat:ital,wght@0,500;0,600&amp;family=Poppins:ital,wght@0,400;0,500;0,600;0,700&amp;display=block" rel="stylesheet"/>
1873<script data-cs-category="performance">
vendor: 327 bytes, lines 1873-1877
1873(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
1874new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
1875j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
1876'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
1877})(window,document,'script','dataLayer','
1877GTM-K8F2KKH
vendor: 3 bytes, line 1877
1877');
1877</script>
1877<script type="application/ld+json">
1878{
1879  "@context": "https://schema.org",
1880  "@type": "Organization",
1881  "@id": "https://www.medevio.cz/#organization",
1882  "name": "Medevio",
1883  "legalName": "Medevio s.r.o.",
1884  "url": "https://www.medevio.cz/",
1885  "logo": {
1886    "@type": "ImageObject",
1887    "url": "https://www.medevio.cz/img/logo-notext-small.png",
1888    "width": 224,
1889    "height": 224
1890  },
1891  "description": "Medevio zjednodušuje komunikaci mezi lékaři a pacienty. Méně telefonů, více času na péči.",
1892  "foundingDate": "2020",
1893  "vatID": "CZ09675400",
1894  "identifier": {
1895    "@type": "PropertyValue",
1896    "name": "IČO",
1897    "value": "09675400"
1898  },
1899  "address": {
1900    "@type": "PostalAddress",
1901    "streetAddress": "Thámova 289/13",
1902    "addressLocality": "Praha 8 – Karlín",
1903    "postalCode": "18600",
1904    "addressCountry": "CZ"
1905  },
1906  "sameAs": [
1907    "https://www.facebook.com/MyMedevio",
1908    "https://www.linkedin.com/company/medevio"
1909  ],
1910  "contactPoint": [
1911    {
1912      "@type": "ContactPoint",
1913      "contactType": "customer support",
1914      "email": "[email protected]",
1915      "availableLanguage": ["cs", "sk"]
1916    },
1917    {
1918      "@type": "ContactPoint",
1919      "contactType": "sales",
1920      "email": "[email protected]",
1921      "availableLanguage": ["cs", "sk"]
1922    },
1923    {
1924      "@type": "ContactPoint",
1925      "contactType": "billing support",
1926      "email": "[email protected]",
1927      "availableLanguage": ["cs"]
1928    }
1929  ]
1930}
1931</script>
1931<style>
1932/* Přístupnost: viditelný indikátor fokusu (WCAG 2.4.7)
1933   Zobrazí se jen při ovládání klávesnicí, myš ho nevyvolá. */
1934a:focus-visible,
1935button:focus-visible,
1936.btn:focus-visible,
1937.btn--clear:focus-visible,
1938.m-step:focus-visible,
1939input:focus-visible,
1940textarea:focus-visible,
1941select:focus-visible,
1942summary:focus-visible,
1943[tabindex]:focus-visible,
1944.umsoModal .checkbox > input:focus-visible {
1945  outline: 3px solid #0866FF !important;
1946  outline-offset: 2px !important;
1947  border-radius: 3px;
1948}
1949
1950/* klik myší fokusový rámeček nevyvolá */
1951:focus:not(:focus-visible) {
1952  outline: none !important;
1953}
1954</style>
1955<script type="text/javascript">
1956var _smartsupp = _smartsupp || {};
1957_smartsupp.key = '9e821456e2471e1d124874cb3618d8236c4454e6';
1958window.smartsupp||(function(d) {
1959  var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[];
1960  s=d.getElementsByTagName('script')[0];c=d.createElement('script');
1961  c.type='text/javascript';c.charset='utf-8';c.async=true;
1962  c.src='https://www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);
1963})(document);
1964</script>
1964
1965<noscript>Powered by <a href="https://www.smartsupp.com" target="_blank">Smartsupp</a></noscript>
1966<!-- -->
1967<script defer="" data-domain="medevio.cz" src="https://plausible.io/js/script.js"></script>
vendor: 1 bytes, line 1967
1967
1968<script>
1969document.addEventListener("DOMContentLoaded", function(event) {
1970  try {
1971document.getElementById('bannerSettingsButton').innerHTML = 'Nastavení';
1972document.getElementById('bannerAcceptAllButton').innerHTML = 'V pořádku';
1973
1974
1975// Get the parameter value from the URL
1976const urlParams = new URLSearchParams(window.location.search);
1977const phoneNumber = urlParams.get('phoneNumber');
1978
1979// Check if the parameter is a 9-digit number
1980const isNineDigitNumber = /^\d{9}$/.test(phoneNumber);
1981
1982// Loop through each link and replace any occurrences of "XXX" with the parameter value in both the href attribute and the link text
1983if (isNineDigitNumber) {
1984
1985  // Select all links on the page
1986  const links = document.querySelectorAll('a');
1987
1988  links.forEach(link => {
1989    // Replace any occurrences of "XXX" in the href attribute
1990    link.href = link.href.replace('XXXYYYZZZ', phoneNumber);
1991
1992    // Replace any occurrences of "XXX" in the link text
1993    link.textContent = link.textContent.replace('XXXYYYZZZ', phoneNumber);
1994  });
1995}
1996
1997
1998
1999  } catch(error){} 
2000});
2001</script>
2001
2002</head><body class="noScript">
2002<script>document.body.classList.remove('noScript');</script>
2002<header class="_58ce83d8"><style>body { --um-header-height: calc(75px + var(--um-banner-height, 0px)) }</style><div class="umso-header _37ad9200 header-hdr_b6wdn7rtyq buttons-btn_nob6m8rpy4"><div class="umso-animating" style="width:100%"><div class="_f4c879d8"><div class="_592c9c5c wr"><nav id="ybq1h748qb" class="_cd1263f2 um-nav-wrapper um-space-between um-hidden" style="position:relative"><div class="um-nav-children"><div class="_730f12a7"><a href="/" style="gap:10px"><img src="https://umsousercontent.com/lib_VIqzMBqtfUYwExIq/vgWNiFkBtjVmMJug.svg?w=180&amp;dpr=2" alt="logo-new.svg" style="width:180px"/></a></div></div><ul class="um-nav-links"><li><a href="/pro-pacienty">Pacienti</a></li><li><a href="/pro-lekare-new">Lékaři</a></li><li><a href="/pro-kliniky">Kliniky a nemocnice</a></li><li><a href="/projekty">Projekty</a></li><li><a href="/cenik">Ceník</a></li><li><button>O nás</button><div class="um-nav-flyout"><ul><li><a href="/o-nas" class="um-nav-item"><div>Náš tým</div></a></li><li><a href="https://www.medevio.cz/joinus" class="um-nav-item"><div>Kariéra</div></a></li></ul></div></li><li></li></ul><div class="um-nav-buttons"><a href="https://my.medevio.cz/prihlaseni" id="ripky3v6walnnya7" class="_af9d7b85 btn um-dragging"><span>Přihlásit se</span></a><a href="/#contact-form" id="btn_gkp6nktiti" class="_4b6ab900 btn primary um-dragging"><span>Chci ukázku aplikace</span></a></div></nav><button id="ybq1h748qb-drawerTrigger" class="um-nav-drawerTrigger" title="Open Mobile Menu"></button><div id="ybq1h748qb-drawer" class="_cd1263f2 um-nav-drawer um-hidden"><header><button class="um-nav-drawerClose"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-x "><path d="M18 6l-12 12"></path><path d="M6 6l12 12"></path></svg></button></header><div class="um-drawer-links"><li><a href="/pro-pacienty">Pacienti</a></li><li><a href="/pro-lekare-new">Lékaři</a></li><li><a href="/pro-kliniky">Kliniky a nemocnice</a></li><li><a href="/projekty">Projekty</a></li><li><a href="/cenik">Ceník</a></li><li><button>O nás</button><ul><li><a href="/o-nas">Náš tým</a></li><li><a href="https://www.medevio.cz/joinus">Kariéra</a></li></ul></li></div><div class="um-drawer-buttons"><a href="https://my.medevio.cz/prihlaseni" id="ripky3v6walnnya7" class="_e70f123e btn um-dragging"><span>Přihlásit se</span></a><a href="/#contact-form" id="btn_4kcby7w2z7" class="_b90406f0 btn primary um-dragging"><span>Chci ukázku aplikace</span></a></div></div>
2002<script>!function(){const e=document.getElementById('ybq1h748qb');if(!e)return;const t=document.querySelector('.umso-header');t&&t.appendChild(document.getElementById('ybq1h748qb-drawer'));const n=document.getElementById('ybq1h748qb-drawerTrigger'),d=document.getElementById('ybq1h748qb-drawer'),s=document.querySelectorAll('.um-lang-picker');s&&s.length>0&&s.forEach(function(e){e.querySelector('button').addEventListener('click',function(){e.querySelector('ul').classList.toggle('um-open')})}),document.addEventListener('click',function(e){d.contains(e.target)||e.target===n||d.classList.add('um-hidden')});const i=d.querySelector('.um-nav-drawerClose'),r=d.querySelectorAll('.um-drawer-links > li > button'),c=e.querySelector('.um-nav-children'),o=e.querySelector('.um-nav-links'),u=e.querySelector('.um-nav-buttons');n.addEventListener('click',function(){d.classList.remove('um-hidden')}),i.addEventListener('click',function(){d.classList.add('um-hidden')}),r.forEach(function(e){e.addEventListener('click',function(){this.parentNode.classList.toggle('um-open')})});let l=0,a=!0;function m(){!1===a&&(l=(c?.offsetWidth||0)+(o?.offsetWidth||0)+(u?.offsetWidth||0)+10),f()}function f(){e.offsetWidth-10<l?(a=!0,e.classList.add('um-hidden'),n.classList.remove('um-hidden')):(a=!1,e.classList.remove('um-hidden'),n.classList.add('um-hidden'),d.classList.add('um-hidden'))}new ResizeObserver(f).observe(document.body),c&&new ResizeObserver(m).observe(c),u&&new ResizeObserver(m).observe(u),o&&new ResizeObserver(m).observe(o),m(),f()}();</script>
2002</div></div></div></div></header><section class="_bf49eb1e theme-1ghzbdec7g cards-card_7bt7m7n3gm_custom buttons-button-01"><div class="wr"><div class="_f95d47df" style="position:relative;cursor:default"><div>
2003<!-- --><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&amp;family=Montserrat:wght@600;700&amp;display=swap" rel="stylesheet"/>
2003<script>
2004    
vendor: 139 bytes, lines 2004-2007
2004window.dataLayer = window.dataLayer || [];
2005    function gtag(){dataLayer.push(arguments);}
2006    gtag("js", new Date());
2007    gtag("config", "
2007G-VY9E05GCR9
vendor: 6 bytes, lines 2007-2008
2007");
2008  
2008</script>
2008<script>
vendor: 335 bytes, lines 2008-2012
2008(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
2009  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
2010  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
2011  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
2012  })(window,document,'script','dataLayer','
2012GTM-K8F2KKH
vendor: 3 bytes, line 2012
2012');
2012</script>
2012<style>
2013    :root{
2014      --ink:#17324a;
2015      --muted:#678093;
2016      --mint:#53d0b7;
2017      --mint-deep:#12958e;
2018      --mint-soft:#eaf8f4;
2019      --page:#eff6f8;
2020      --surface:#ffffff;
2021      --line:#d9e6ed;
2022      --navy:#18374f;
2023      --shadow:0 14px 34px rgba(23,50,74,.07);
2024      --radius-xl:30px;
2025      --radius-lg:24px;
2026      --radius-md:18px;
2027      --radius-sm:14px;
2028      --max:1140px;
2029      --font-sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
2030    }
2031
2032    *{box-sizing:border-box}
2033    html{scroll-behavior:smooth}
2034    html,body{margin:0;padding:0;background:transparent}
2035    body{
2036      font-family:var(--font-sans);
2037      font-weight:400;
2038      color:var(--ink);
2039      -webkit-font-smoothing:antialiased;
2040      -moz-osx-font-smoothing:grayscale;
2041      overflow-x:hidden;
2042    }
2043    .page{
2044      background:transparent;
2045    }
2046
2047    img,video{display:block;max-width:100%}
2048    button,input,select{font:inherit}
2049    a{color:inherit;text-decoration:none}
2050    h1,h2,h3,p{margin:0}
2051    h1{font-family:var(--font-sans);font-size:clamp(40px,6vw,66px);font-weight:800;line-height:1.02;letter-spacing:-.045em;color:var(--ink)}
2052    h2{font-family:var(--font-sans);font-size:clamp(30px,4vw,42px);font-weight:800;line-height:1.08;letter-spacing:-.035em;color:var(--ink)}
2053    h3{font-family:var(--font-sans);font-size:20px;font-weight:800;line-height:1.24;letter-spacing:-.02em;color:var(--ink)}
2054    p{font-family:var(--font-sans);font-size:16px;font-weight:400;line-height:1.62;color:var(--muted)}
2055    strong{font-weight:800}
2056
2057    .page{
2058      max-width:var(--max);
2059      margin:0 auto;
2060      padding:28px 16px 96px;
2061    }
2062
2063    .mv-btn{
2064      display:inline-flex;
2065      align-items:center;
2066      justify-content:center;
2067      min-height:48px;
2068      padding:0 18px;
2069      border-radius:15px;
2070      border:1px solid rgba(23,50,74,.12);
2071      background:#fff;
2072      color:var(--ink);
2073      font-weight:800;
2074      transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
2075      cursor:pointer;
2076    }
2077    .mv-btn:hover{
2078      transform:translateY(-1px);
2079      box-shadow:0 12px 22px rgba(23,50,74,.08);
2080    }
2081    .mv-btn-primary{
2082      background:var(--navy);
2083      border-color:var(--navy);
2084      color:#fff;
2085      box-shadow:0 12px 26px rgba(23,50,74,.18);
2086    }
2087    .mv-btn-dark{
2088      background:linear-gradient(180deg, #6fe0c8 0%, #4ecbb4 100%);
2089      border-color:rgba(18,149,142,.16);
2090      color:#143149;
2091      box-shadow:0 12px 26px rgba(83,208,183,.24);
2092    }
2093    .mv-btn-inline{
2094      min-height:auto;
2095      padding:0;
2096      border:0;
2097      background:transparent;
2098      color:#10827d;
2099      box-shadow:none;
2100      justify-content:flex-start;
2101    }
2102
2103    .mv-btn:focus-visible,
2104    .faq-toggle:focus-visible,
2105    input:focus-visible,
2106    select:focus-visible{
2107      outline:2px solid #0fb2a2;
2108      outline-offset:2px;
2109    }
2110
2111    .eyebrow{
2112      display:inline-flex;
2113      align-items:center;
2114      min-height:32px;
2115      padding:0 12px;
2116      border-radius:999px;
2117      background:var(--mint-soft);
2118      color:#0f807b;
2119      font-size:11px;
2120      font-weight:800;
2121      letter-spacing:.08em;
2122      text-transform:uppercase;
2123      width:max-content;
2124    }
2125
2126    .hero{
2127      position:relative;
2128      display:grid;
2129      grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);
2130      gap:28px;
2131      padding:40px 38px 34px;
2132      border-radius:var(--radius-xl);
2133      background:
2134        radial-gradient(circle at 15% 18%, rgba(83,208,183,.14), transparent 24%),
2135        linear-gradient(180deg, #ffffff 0%, #f5fafb 100%);
2136      border:1px solid rgba(217,230,237,.95);
2137      box-shadow:var(--shadow);
2138      overflow:hidden;
2139    }
2140    .hero-copy{
2141      position:relative;
2142      z-index:2;
2143      display:grid;
2144      align-content:center;
2145      gap:14px;
2146      max-width:560px;
2147      padding:8px 0;
2148    }
2149    .hero-copy p{
2150      max-width:500px;
2151      font-size:17px;
2152      line-height:1.58;
2153    }
2154    .hero-points{
2155      display:grid;
2156      gap:10px;
2157      padding-top:2px;
2158    }
2159    .hero-point{
2160      display:flex;
2161      gap:12px;
2162      align-items:flex-start;
2163      color:var(--ink);
2164      font-weight:700;
2165    }
2166    .hero-point::before{
2167      content:"✓";
2168      width:22px;
2169      height:22px;
2170      flex:0 0 22px;
2171      border-radius:999px;
2172      background:var(--mint-soft);
2173      color:#0d8579;
2174      display:grid;
2175      place-items:center;
2176      font-size:12px;
2177      margin-top:2px;
2178    }
2179    .actions{
2180      display:flex;
2181      flex-wrap:wrap;
2182      gap:12px;
2183      padding-top:4px;
2184    }
2185    .trust-inline{
2186      display:flex;
2187      flex-wrap:wrap;
2188      gap:10px 16px;
2189      font-size:14px;
2190      color:var(--muted);
2191      font-weight:700;
2192    }
2193    .trust-inline strong{color:var(--ink)}
2194    .customers-strip{
2195      margin-top:18px;
2196      padding:22px 0 8px;
2197      display:grid;
2198      gap:14px;
2199      text-align:center;
2200    }
2201    .customers-lead{
2202      max-width:680px;
2203      margin:0 auto;
2204      font-size:16px;
2205      line-height:1.5;
2206      font-weight:700;
2207      color:var(--ink);
2208    }
2209    .customers-lead strong{color:var(--mint-deep)}
2210    .customers-marquee{
2211      overflow:hidden;
2212      -webkit-mask-image:linear-gradient(to right, transparent 0%, #000 12%, #000 88%, transparent 100%);
2213              mask-image:linear-gradient(to right, transparent 0%, #000 12%, #000 88%, transparent 100%);
2214    }
2215    .customers-track{
2216      display:flex;
2217      width:max-content;
2218      animation:customers-scroll 60s linear infinite;
2219    }
2220    .customers-list{
2221      display:flex;
2222      align-items:center;
2223      gap:56px;
2224      padding:0 28px;
2225      flex-shrink:0;
2226    }
2227    .customers-list img{
2228      height:44px;
2229      width:auto;
2230      max-width:none;
2231      opacity:.82;
2232      filter:grayscale(15%);
2233      transition:opacity .2s ease, filter .2s ease;
2234    }
2235    .customers-list img:hover{
2236      opacity:1;
2237      filter:grayscale(0);
2238    }
2239    @keyframes customers-scroll{
2240      0%   {transform:translateX(0)}
2241      100% {transform:translateX(-50%)}
2242    }
2243    @media (prefers-reduced-motion:reduce){
2244      .customers-track{animation:none}
2245    }
2246
2247    .hero-media{
2248      position:relative;
2249      min-height:520px;
2250    }
2251    .hero-glow{
2252      position:absolute;
2253      inset:26px 12px 22px 48px;
2254      border-radius:36px;
2255      background:
2256        radial-gradient(circle at 50% 30%, rgba(83,208,183,.18), transparent 36%),
2257        linear-gradient(180deg, #ffffff 0%, #eef8f9 100%);
2258      border:1px solid rgba(217,230,237,.88);
2259    }
2260    .hero-mascot{
2261      position:absolute;
2262      left:0;
2263      right:0;
2264      bottom:-22px;
2265      margin:auto;
2266      width:min(100%,540px);
2267      z-index:2;
2268      filter:drop-shadow(0 22px 34px rgba(23,50,74,.12));
2269    }
2270
2271    .story{
2272      display:grid;
2273      gap:34px;
2274      margin-top:28px;
2275    }
2276    .story-block{
2277      position:relative;
2278      display:grid;
2279      gap:20px;
2280    }
2281    .story-surface{
2282      padding:34px 34px 30px;
2283      border-radius:30px;
2284      background:
2285        radial-gradient(circle at 16% 16%, rgba(83,208,183,.12), transparent 24%),
2286        linear-gradient(180deg, #ffffff 0%, #f5fafb 100%);
2287      border:1px solid rgba(217,230,237,.94);
2288      box-shadow:var(--shadow);
2289      overflow:hidden;
2290    }
2291    .surface-plain{
2292      padding:34px 34px 24px;
2293      background:transparent;
2294      border:0;
2295      box-shadow:none;
2296      border-radius:0;
2297      overflow:visible;
2298    }
2299    .story-grid{
2300      display:grid;
2301      grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
2302      gap:24px;
2303      align-items:start;
2304    }
2305    .story-grid.reverse{
2306      grid-template-columns:minmax(320px,.92fr) minmax(0,1.08fr);
2307    }
2308
2309    .card{
2310      background:rgba(255,255,255,.8);
2311      border:1px solid rgba(217,230,237,.86);
2312      border-radius:var(--radius-lg);
2313      box-shadow:none;
2314    }
2315    .panel{
2316      padding:28px;
2317    }
2318    .panel-soft{
2319      background:linear-gradient(180deg, #ffffff 0%, #f5fbfc 100%);
2320    }
2321    .panel-tight{
2322      padding:18px;
2323    }
2324
2325    .roi-layout{
2326      display:grid;
2327      grid-template-columns:minmax(0,1.06fr) minmax(280px,.94fr);
2328      gap:24px;
2329      align-items:start;
2330    }
2331    .roi-intro{
2332      grid-column:1 / -1;
2333      display:grid;
2334      gap:14px;
2335      max-width:760px;
2336    }
2337    .roi{
2338      display:grid;
2339      gap:18px;
2340      align-content:start;
2341    }
2342    .roi-visual{
2343      display:flex;
2344      justify-content:flex-start;
2345      align-items:flex-end;
2346      margin-top:2px;
2347    }
2348    .roi-visual img{
2349      width:100%;
2350      max-width:520px;
2351      height:auto;
2352      filter:drop-shadow(0 18px 30px rgba(23,50,74,.12));
2353    }
2354    .roi-grid{
2355      display:grid;
2356      grid-template-columns:repeat(2,minmax(0,1fr));
2357      gap:12px;
2358      width:100%;
2359    }
2360    .roi-field{
2361      display:grid;
2362      gap:10px;
2363      padding:16px;
2364      border-radius:18px;
2365      background:#fff;
2366      border:1px solid var(--line);
2367    }
2368    .roi-field.full{grid-column:1/-1}
2369    .roi-head{
2370      display:flex;
2371      align-items:center;
2372      justify-content:space-between;
2373      gap:12px;
2374      font-weight:800;
2375    }
2376    .roi-head span:last-child{color:var(--mint-deep)}
2377    input[type="range"]{width:100%;accent-color:var(--mint-deep);cursor:pointer}
2378    select{
2379      min-height:48px;
2380      padding:0 14px;
2381      border-radius:14px;
2382      border:1px solid var(--line);
2383      color:var(--ink);
2384      background:#fff;
2385    }
2386    .range-meta{
2387      display:flex;
2388      justify-content:space-between;
2389      gap:8px;
2390      font-size:13px;
2391      color:#7a90a1;
2392    }
2393    .roi-result{
2394      display:grid;
2395      gap:12px;
2396      align-content:start;
2397      min-height:100%;
2398    }
2399    .roi-total{
2400      padding:18px 18px 16px;
2401      border-radius:20px;
2402      background:#fff;
2403      border:1px solid var(--line);
2404      color:var(--ink);
2405    }
2406    .roi-total.mw-tooltip{display:block}
2407    .roi-total-trigger{cursor:pointer}
2408    .roi-total small{
2409      display:block;
2410      margin-bottom:8px;
2411      font-size:12px;
2412      font-weight:800;
2413      letter-spacing:.08em;
2414      text-transform:uppercase;
2415      color:#6f8799;
2416    }
2417    .roi-total strong{
2418      display:block;
2419      font-size:36px;
2420      line-height:1;
2421      letter-spacing:-.05em;
2422      color:var(--mint-deep);
2423    }
2424    .roi-total p{
2425      margin-top:8px;
2426      color:var(--muted);
2427      font-size:15px;
2428      line-height:1.55;
2429    }
2430    .roi-tooltip{
2431      width:100%;
2432      max-width:360px;
2433      right:0;
2434      left:auto;
2435    }
2436    .roi-breakdown{
2437      display:grid;
2438      gap:8px;
2439    }
2440    .roi-row{
2441      display:flex;
2442      align-items:center;
2443      justify-content:space-between;
2444      gap:14px;
2445      padding:12px 14px;
2446      border-radius:16px;
2447      background:#fff;
2448      border:1px solid var(--line);
2449      font-weight:700;
2450    }
2451    .roi-row.is-muted{
2452      color:#8ca0af;
2453      background:#f7fafb;
2454    }
2455    .roi-assumption{
2456      padding:14px 16px;
2457      border-radius:16px;
2458      background:#f6fbfc;
2459      border:1px solid var(--line);
2460      font-size:13px;
2461      line-height:1.6;
2462      color:#6f8698;
2463    }
2464    .roi-assumption strong{
2465      color:var(--ink);
2466    }
2467    .roi-assumption span{
2468      display:block;
2469      margin-top:4px;
2470    }
2471    .roi-actions{
2472      display:flex;
2473      flex-wrap:wrap;
2474      gap:12px;
2475      align-items:center;
2476      margin-top:auto;
2477    }
2478
2479    .flow-intro{
2480      display:grid;
2481      gap:14px;
2482      max-width:720px;
2483    }
2484    .flow-layout{
2485      display:grid;
2486      grid-template-columns:minmax(0,.92fr) minmax(320px,1.08fr);
2487      gap:24px;
2488      align-items:center;
2489    }
2490    .flow-steps{
2491      display:grid;
2492      gap:12px;
2493    }
2494    .step{
2495      display:grid;
2496      grid-template-columns:auto 1fr;
2497      gap:14px;
2498      padding:16px 18px;
2499      border-radius:18px;
2500      background:rgba(255,255,255,.8);
2501      border:1px solid var(--line);
2502    }
2503    .step strong{
2504      display:grid;
2505      place-items:center;
2506      width:34px;
2507      height:34px;
2508      border-radius:999px;
2509      background:var(--mint-soft);
2510      color:#0d8579;
2511      font-size:15px;
2512    }
2513    .media-stage{
2514      position:relative;
2515      min-height:430px;
2516      border-radius:30px;
2517      background:
2518        radial-gradient(circle at 50% 28%, rgba(83,208,183,.18), transparent 34%),
2519        linear-gradient(180deg, #ffffff 0%, #eef8f9 100%);
2520      border:1px solid rgba(217,230,237,.9);
2521      overflow:hidden;
2522    }
2523    .media-stage::before{
2524      content:"";
2525      position:absolute;
2526      inset:20px;
2527      border-radius:28px;
2528      border:1px solid rgba(217,230,237,.82);
2529      background:linear-gradient(180deg, rgba(255,255,255,.46) 0%, rgba(234,248,244,.2) 100%);
2530    }
2531    .media-stage.plain::before{display:none}
2532    .media-float{
2533      position:absolute;
2534      z-index:2;
2535      filter:drop-shadow(0 18px 30px rgba(23,50,74,.12));
2536    }
2537    .media-float.queue{
2538      right:-8px;
2539      bottom:-12px;
2540      width:min(106%,680px);
2541    }
2542    .media-float.mobile{
2543      left:50%;
2544      bottom:-8px;
2545      width:min(80%,320px);
2546      transform:translateX(-50%);
2547    }
2548    .media-stage.compact{
2549      min-height:340px;
2550    }
2551    .media-stage.tall{
2552      min-height:440px;
2553    }
2554    .media-stage.left-glow{
2555      background:
2556        radial-gradient(circle at 36% 30%, rgba(83,208,183,.18), transparent 34%),
2557        linear-gradient(180deg, #ffffff 0%, #eef8f9 100%);
2558    }
2559    .media-photo{
2560      display:flex;
2561      justify-content:center;
2562      margin-top:8px;
2563    }
2564    .media-photo img{
2565      width:100%;
2566      max-width:620px;
2567      height:auto;
2568      filter:drop-shadow(0 18px 30px rgba(23,50,74,.12));
2569    }
2570    .media-photo.narrow img{
2571      max-width:520px;
2572    }
2573
2574    .feature-surface{
2575      display:grid;
2576      gap:18px;
2577    }
2578    .feature-layout{
2579      display:grid;
2580      grid-template-columns:minmax(0,1fr) minmax(340px,.82fr);
2581      gap:22px;
2582      align-items:start;
2583    }
2584    .feature-visual{
2585      display:flex;
2586      justify-content:center;
2587      align-items:flex-start;
2588    }
2589    .feature-stream{
2590      display:grid;
2591      gap:14px;
2592    }
2593    .feature-head{
2594      display:grid;
2595      gap:12px;
2596      margin-bottom:2px;
2597    }
2598    .feature-lead{
2599      max-width:560px;
2600    }
2601    .mw-tooltip{position:relative;display:block}
2602    .mw-tooltip-trigger{
2603      display:block;
2604      width:100%;
2605      padding:0;
2606      margin:0;
2607      background:transparent;
2608      border:0;
2609      text-align:left;
2610      font:inherit;
2611      color:inherit;
2612      cursor:pointer;
2613    }
2614    .mw-tooltip-content{
2615      position:static;
2616      width:100%;
2617      margin-top:12px;
2618      padding:12px 14px;
2619      border-radius:14px;
2620      background:#fff;
2621      border:1px solid var(--line);
2622      box-shadow:0 12px 30px rgba(15,39,68,.12);
2623      display:none;
2624      z-index:30;
2625      color:var(--ink);
2626      line-height:1.5;
2627    }
2628    .mw-tooltip-content strong{
2629      display:block;
2630      margin:0 0 6px;
2631      font-size:13px;
2632    }
2633    .mw-tooltip-content span{
2634      display:block;
2635      font-size:13px;
2636      color:var(--muted);
2637      line-height:1.5;
2638    }
2639    .mw-tooltip-content a{
2640      display:inline-block;
2641      margin-top:8px;
2642      color:#10827d;
2643      font-weight:800;
2644      font-size:13px;
2645    }
2646    body:not(.mw-tooltip-click-mode) .mw-tooltip:hover .mw-tooltip-content,
2647    body:not(.mw-tooltip-click-mode) .mw-tooltip:focus-within .mw-tooltip-content,
2648    .mw-tooltip.is-open .mw-tooltip-content{
2649      display:grid;
2650      gap:6px;
2651    }
2652    .feature-item{
2653      position:relative;
2654      padding:18px;
2655      border-radius:18px;
2656      background:rgba(255,255,255,.82);
2657      border:1px solid var(--line);
2658      transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
2659    }
2660    .feature-item:hover{
2661      transform:translateY(-1px);
2662      border-color:rgba(83,208,183,.34);
2663      box-shadow:0 14px 24px rgba(23,50,74,.06);
2664    }
2665    .feature-item.is-open{
2666      border-color:rgba(83,208,183,.34);
2667      box-shadow:0 14px 24px rgba(23,50,74,.06);
2668    }
2669    .feature-integration-link{
2670      display:inline-block;
2671      margin-top:12px;
2672      color:#10827d;
2673      font-size:14px;
2674      font-weight:800;
2675      line-height:1.5;
2676    }
2677    .feature-integration-link:hover{text-decoration:underline}
2678    .feature-integration-link:focus-visible{
2679      outline:2px solid #0fb2a2;
2680      outline-offset:2px;
2681      border-radius:4px;
2682    }
2683    .feature-item strong{
2684      display:block;
2685      margin-bottom:4px;
2686      font-size:16px;
2687    }
2688    .feature-item span{
2689      display:block;
2690      font-size:14px;
2691      line-height:1.56;
2692      color:var(--muted);
2693    }
2694
2695    .voice-block{
2696      display:grid;
2697      grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);
2698      gap:34px;
2699      align-items:center;
2700      padding:38px 40px;
2701      border-radius:30px;
2702      background:#dff5ef;
2703      border:1px solid rgba(83,208,183,.16);
2704      box-shadow:none;
2705    }
2706    .voice-copy{
2707      display:grid;
2708      gap:14px;
2709      max-width:470px;
2710    }
2711    .voice-copy p{
2712      max-width:430px;
2713    }
2714    .voice-points{
2715      display:grid;
2716      gap:10px;
2717      margin-top:2px;
2718    }
2719    .voice-point{
2720      display:flex;
2721      gap:10px;
2722      align-items:flex-start;
2723      color:var(--ink);
2724      font-weight:700;
2725      font-size:15px;
2726    }
2727    .voice-point::before{
2728      content:"✓";
2729      width:18px;
2730      height:18px;
2731      flex:0 0 18px;
2732      margin-top:3px;
2733      border-radius:6px;
2734      background:#44c9ac;
2735      color:#fff;
2736      display:grid;
2737      place-items:center;
2738      font-size:11px;
2739      font-weight:900;
2740    }
2741    .voice-card{
2742      position:relative;
2743      min-height:300px;
2744      padding:22px 24px;
2745      border-radius:24px;
2746      background:#fff;
2747      border:1px solid rgba(217,230,237,.94);
2748      box-shadow:0 14px 30px rgba(23,50,74,.08);
2749      overflow:hidden;
2750    }
2751    .voice-rec{
2752      display:flex;
2753      align-items:center;
2754      gap:8px;
2755      font-size:11px;
2756      font-weight:800;
2757      letter-spacing:.08em;
2758      text-transform:uppercase;
2759      color:#527083;
2760    }
2761    .voice-rec::before{
2762      content:"";
2763      width:8px;
2764      height:8px;
2765      border-radius:999px;
2766      background:#2ec7a8;
2767    }
2768    .voice-wave{
2769      display:flex;
2770      align-items:flex-end;
2771      gap:5px;
2772      height:44px;
2773      margin:18px 0 16px;
2774    }
2775    .voice-wave span{
2776      width:4px;
2777      border-radius:999px;
2778      background:#d8e1e8;
2779      display:block;
2780    }
2781    .voice-wave span:nth-child(1){height:14px;background:#2ec7a8}
2782    .voice-wave span:nth-child(2){height:26px;background:#2ec7a8}
2783    .voice-wave span:nth-child(3){height:18px;background:#2ec7a8}
2784    .voice-wave span:nth-child(4){height:34px;background:#2ec7a8}
2785    .voice-wave span:nth-child(5){height:22px;background:#2ec7a8}
2786    .voice-wave span:nth-child(6){height:16px;background:#2ec7a8}
2787    .voice-wave span:nth-child(7){height:28px;background:#2ec7a8}
2788    .voice-wave span:nth-child(8){height:38px;background:#2ec7a8}
2789    .voice-wave span:nth-child(9){height:20px;background:#2ec7a8}
2790    .voice-wave span:nth-child(10){height:30px;background:#2ec7a8}
2791    .voice-wave span:nth-child(11){height:12px}
2792    .voice-wave span:nth-child(12){height:18px}
2793    .voice-wave span:nth-child(13){height:26px}
2794    .voice-wave span:nth-child(14){height:10px}
2795    .voice-wave span:nth-child(15){height:22px}
2796    .voice-wave span:nth-child(16){height:14px}
2797    .voice-summary{
2798      max-width:290px;
2799      padding:14px 16px;
2800      border-radius:16px;
2801      background:#e9f8f4;
2802      color:var(--muted);
2803      font-size:14px;
2804      line-height:1.5;
2805      box-shadow:0 12px 22px rgba(23,50,74,.04);
2806    }
2807    .voice-summary strong{
2808      color:#14867f;
2809    }
2810    .voice-tags{
2811      display:flex;
2812      flex-wrap:wrap;
2813      gap:8px;
2814      margin-top:14px;
2815    }
2816    .voice-tags span{
2817      display:inline-flex;
2818      align-items:center;
2819      min-height:28px;
2820      padding:0 10px;
2821      border-radius:999px;
2822      background:#eff8f6;
2823      color:#4f7587;
2824      font-size:12px;
2825      font-weight:700;
2826    }
2827    .voice-mascot{
2828      position:absolute;
2829      right:-6px;
2830      bottom:-10px;
2831      width:min(54%,290px);
2832      filter:drop-shadow(0 18px 28px rgba(23,50,74,.12));
2833    }
2834
2835    .proof-layout{
2836      display:grid;
2837      gap:18px;
2838    }
2839    .proof-intro{
2840      display:grid;
2841      gap:10px;
2842      max-width:760px;
2843    }
2844    .proof-metrics{
2845      display:grid;
2846      grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
2847      gap:12px;
2848    }
2849    .faq{
2850      display:grid;
2851      gap:14px;
2852    }
2853    .proof-box,
2854    .faq-item{
2855      padding:18px;
2856      border-radius:18px;
2857      background:rgba(255,255,255,.82);
2858      border:1px solid var(--line);
2859    }
2860    .proof-box strong{
2861      display:block;
2862      margin-top:8px;
2863      font-size:16px;
2864    }
2865    .quote-profile{
2866      display:grid;
2867      grid-template-columns:56px 1fr;
2868      gap:14px;
2869      align-items:center;
2870      margin-top:14px;
2871    }
2872    .quote-avatar{
2873      width:56px;
2874      height:56px;
2875      border-radius:999px;
2876      background:linear-gradient(180deg, #eef8f9 0%, #dceff1 100%);
2877      border:1px solid var(--line);
2878      display:grid;
2879      place-items:center;
2880      color:#517089;
2881      font-size:12px;
2882      font-weight:800;
2883      text-transform:uppercase;
2884      text-align:center;
2885      line-height:1.1;
2886      overflow:hidden;
2887    }
2888    .quote-avatar img{
2889      width:100%;
2890      height:100%;
2891      object-fit:cover;
2892    }
2893    .quote-meta{
2894      display:grid;
2895      gap:3px;
2896    }
2897    .quote-name{
2898      display:block;
2899      margin:0;
2900      font-size:16px;
2901      font-weight:800;
2902      color:var(--ink);
2903    }
2904    .quote-role{
2905      color:#6f8799;
2906      font-size:13px;
2907      font-weight:700;
2908    }
2909    .quote-link{
2910      display:inline-flex;
2911      margin-top:8px;
2912      color:#10827d;
2913      font-size:14px;
2914      font-weight:800;
2915    }
2916    .proof-number{
2917      display:block;
2918      font-size:34px;
2919      line-height:1;
2920      letter-spacing:-.05em;
2921      color:var(--mint-deep);
2922    }
2923    .proof-inline-link{
2924      display:inline-flex;
2925      margin-top:10px;
2926      color:#10827d;
2927      font-size:14px;
2928      font-weight:800;
2929    }
2930    .research-block{
2931      display:grid;
2932      gap:16px;
2933      margin-top:10px;
2934    }
2935    .research-open{
2936      padding:0;
2937      background:transparent;
2938      border:0;
2939      box-shadow:none;
2940    }
2941    .research-intro{
2942      display:grid;
2943      gap:8px;
2944      max-width:760px;
2945    }
2946    .research-grid{
2947      display:grid;
2948      grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
2949      gap:14px;
2950    }
2951    .research-card{
2952      padding:22px 22px 20px;
2953      border-radius:20px;
2954      background:rgba(255,255,255,.82);
2955      border:1px solid var(--line);
2956      display:grid;
2957      gap:10px;
2958    }
2959    .research-number{
2960      display:block;
2961      font-size:42px;
2962      line-height:1;
2963      letter-spacing:-.05em;
2964      color:var(--mint-deep);
2965      font-weight:800;
2966    }
2967    .research-card strong{
2968      display:block;
2969      font-size:18px;
2970    }
2971    .research-card p{
2972      color:var(--ink);
2973    }
2974    .research-link{
2975      display:inline-flex;
2976      margin-top:4px;
2977      color:#10827d;
2978      font-size:14px;
2979      font-weight:800;
2980    }
2981    .proof-showcase{
2982      display:grid;
2983      gap:20px;
2984    }
2985    .proof-references{
2986      display:grid;
2987      gap:22px;
2988      padding:28px;
2989      border-radius:28px;
2990      background:var(--mint-soft);
2991    }
2992    .proof-references-head{
2993      display:grid;
2994      grid-template-columns:minmax(0,1fr) auto;
2995      gap:20px;
2996      align-items:start;
2997    }
2998    .proof-references-copy{
2999      display:grid;
3000      gap:10px;
3001      max-width:560px;
3002    }
3003    .proof-review-grid{
3004      display:grid;
3005      grid-template-columns:repeat(3,minmax(0,1fr));
3006      gap:16px;
3007    }
3008    .proof-review-card{
3009      display:grid;
3010      gap:14px;
3011      padding:18px;
3012      border-radius:22px;
3013      background:rgba(255,255,255,.92);
3014      border:1px solid rgba(111,135,153,.14);
3015    }
3016    .proof-stars{
3017      color:#f4b740;
3018      font-size:14px;
3019      letter-spacing:.18em;
3020    }
3021    .proof-story-panel{
3022      display:grid;
3023      grid-template-columns:minmax(0,.92fr) minmax(360px,1fr);
3024      gap:28px;
3025      align-items:center;
3026      padding:8px 2px 0;
3027    }
3028    .proof-video-copy{
3029      display:grid;
3030      gap:10px;
3031      max-width:460px;
3032    }
3033    .proof-story-points{
3034      display:grid;
3035      gap:10px;
3036      list-style:none;
3037      margin:2px 0 0;
3038      padding:0;
3039    }
3040    .proof-story-points li{
3041      position:relative;
3042      padding-left:16px;
3043      color:var(--muted);
3044      font-size:15px;
3045    }
3046    .proof-story-points li::before{
3047      content:"•";
3048      position:absolute;
3049      left:0;
3050      top:0;
3051      color:var(--mint-deep);
3052      font-weight:900;
3053    }
3054    .proof-story-media{
3055      position:relative;
3056      min-height:340px;
3057      border-radius:24px;
3058      background:#000;
3059      overflow:hidden;
3060    }
3061    .proof-story-media::before{
3062      content:none;
3063    }
3064    .proof-story-media::after{
3065      content:none;
3066    }
3067    .proof-story-media .video-shell{
3068      position:absolute;
3069      inset:0;
3070      background:transparent;
3071      border:0;
3072      border-radius:24px;
3073    }
3074    .proof-story-media .video-shell video{
3075      width:100%;
3076      height:100%;
3077      aspect-ratio:auto;
3078      object-fit:cover;
3079      opacity:1;
3080    }
3081    .proof-story-media .proof-play,
3082    .proof-story-media .proof-caption{
3083      display:none;
3084    }
3085    .proof-play{
3086      position:absolute;
3087      left:50%;
3088      top:50%;
3089      z-index:2;
3090      width:54px;
3091      height:54px;
3092      border:0;
3093      border-radius:999px;
3094      transform:translate(-50%,-50%);
3095      background:#fff;
3096      color:var(--ink);
3097      font-size:20px;
3098      box-shadow:0 18px 28px rgba(23,50,74,.14);
3099      cursor:pointer;
3100    }
3101    .proof-caption{
3102      position:absolute;
3103      left:16px;
3104      bottom:16px;
3105      z-index:2;
3106      display:grid;
3107      gap:3px;
3108      padding:10px 12px;
3109      border-radius:12px;
3110      background:#3f3852;
3111      color:#fff;
3112      box-shadow:0 12px 20px rgba(23,50,74,.16);
3113    }
3114    .proof-caption strong{
3115      display:block;
3116      margin:0;
3117      font-size:12px;
3118    }
3119    .proof-caption span{
3120      color:rgba(255,255,255,.84);
3121      font-size:11px;
3122    }
3123    .proof-quotes{
3124      display:grid;
3125      gap:18px;
3126    }
3127    .video-shell{
3128      overflow:hidden;
3129      border-radius:22px;
3130      background:#dbe8ee;
3131      border:1px solid var(--line);
3132      width:100%;
3133    }
3134    .video-shell video{
3135      width:100%;
3136      aspect-ratio:16/10;
3137      object-fit:cover;
3138      background:#dbe8ee;
3139    }
3140
3141    .specialists-block{
3142      display:grid;
3143      gap:18px;
3144      text-align:center;
3145      padding:48px 32px;
3146      border-radius:30px;
3147      background:#dff5ef;
3148      border:1px solid rgba(83,208,183,.16);
3149    }
3150    .specialists-head{
3151      display:grid;
3152      gap:10px;
3153      max-width:580px;
3154      margin:0 auto;
3155    }
3156    .specialists-head h2{
3157      letter-spacing:-.025em;
3158    }
3159    .specialists-head p{
3160      color:var(--muted);
3161      line-height:1.55;
3162      font-size:15px;
3163    }
3164    .specialists-pills{
3165      display:flex;
3166      flex-wrap:wrap;
3167      gap:10px 12px;
3168      justify-content:center;
3169      max-width:780px;
3170      margin:6px auto 0;
3171    }
3172    .specialist-pill{
3173      display:inline-flex;
3174      align-items:center;
3175      gap:8px;
3176      min-height:38px;
3177      padding:0 16px;
3178      border-radius:999px;
3179      background:#fff;
3180      color:var(--ink);
3181      font-weight:700;
3182      font-size:14px;
3183      border:1px solid rgba(217,230,237,.7);
3184      box-shadow:0 4px 14px rgba(23,50,74,.05);
3185      transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
3186    }
3187    .specialist-pill::before{
3188      content:"";
3189      width:7px;
3190      height:7px;
3191      border-radius:999px;
3192      background:#2ec7a8;
3193      flex:0 0 7px;
3194    }
3195    .specialist-pill:hover{
3196      transform:translateY(-1px);
3197      border-color:rgba(83,208,183,.34);
3198      box-shadow:0 10px 22px rgba(23,50,74,.08);
3199    }
3200    .specialists-cta{
3201      margin-top:16px;
3202      display:flex;
3203      justify-content:center;
3204    }
3205    .prevention-head{
3206      display:grid;
3207      grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
3208      align-items:end;
3209      gap:32px;
3210      margin-bottom:26px;
3211    }
3212    .prevention-head .eyebrow{margin-bottom:12px}
3213    .prevention-head p{max-width:43ch;justify-self:end;font-size:15px}
3214    .prevention-routes{
3215      display:grid;
3216      grid-template-columns:repeat(4,minmax(0,1fr));
3217      gap:14px;
3218    }
3219    .prevention-route{
3220      display:flex;
3221      flex-direction:column;
3222      min-width:0;
3223      min-height:238px;
3224      padding:23px 20px 21px;
3225      border:1px solid var(--line);
3226      border-radius:20px;
3227      background:var(--page);
3228      color:var(--ink);
3229      text-decoration:none;
3230      transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;
3231    }
3232    .prevention-route:hover{
3233      border-color:var(--mint-deep);
3234      transform:translateY(-2px);
3235      box-shadow:var(--shadow);
3236      text-decoration:none;
3237    }
3238    .prevention-route:focus-visible{outline:3px solid var(--mint-deep);outline-offset:3px}
3239    .prevention-route-num{font-size:12px;font-weight:700;color:var(--mint-deep);margin-bottom:24px}
3240    .prevention-route strong{font-family:var(--font-display);font-size:19px;line-height:1.2;color:var(--ink)}
3241    .prevention-route p{margin-top:12px;font-size:13px;line-height:1.55;color:var(--muted)}
3242    .prevention-route-link{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:20px;font-size:13px;font-weight:700;color:var(--mint-deep)}
3243    @media (max-width:980px){
3244      .prevention-routes{grid-template-columns:repeat(2,minmax(0,1fr))}
3245      .prevention-route{min-height:205px}
3246    }
3247    @media (max-width:720px){
3248      .specialists-block{padding:34px 20px}
3249      .specialists-pills{gap:8px 10px}
3250      .prevention-head{grid-template-columns:1fr;gap:12px}
3251      .prevention-head p{justify-self:start}
3252      .prevention-routes{grid-template-columns:1fr;gap:10px}
3253      .prevention-route{min-height:0;padding:20px}
3254      .prevention-route-num{margin-bottom:18px}
3255    }
3256
3257    .spec-row{
3258      display:flex;
3259      flex-wrap:wrap;
3260      gap:10px;
3261      overflow:visible;
3262      padding-bottom:0;
3263    }
3264    .spec{
3265      display:inline-flex;
3266      align-items:center;
3267      min-height:46px;
3268      padding:0 16px;
3269      border-radius:999px;
3270      background:#fff;
3271      border:1px solid var(--line);
3272      font-weight:800;
3273      transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
3274      white-space:nowrap;
3275      flex:0 0 auto;
3276    }
3277    .spec:hover{
3278      transform:translateY(-1px);
3279      border-color:rgba(83,208,183,.3);
3280      box-shadow:0 12px 20px rgba(23,50,74,.06);
3281    }
3282    .spec-note{
3283      color:#7990a0;
3284      font-size:13px;
3285      font-weight:700;
3286    }
3287
3288    .security-layout{
3289      display:grid;
3290      grid-template-columns:minmax(0,1fr) minmax(320px,.88fr);
3291      gap:22px;
3292      align-items:start;
3293    }
3294    .security-copy{
3295      max-width:620px;
3296    }
3297    .collage{
3298      display:grid;
3299      grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
3300      gap:12px;
3301      align-items:start;
3302    }
3303    .collage-stack{
3304      display:grid;
3305      gap:12px;
3306    }
3307    .iso{
3308      display:flex;
3309      align-items:center;
3310      gap:14px;
3311    }
3312    .iso img{
3313      width:68px;
3314      height:auto;
3315      flex:0 0 68px;
3316    }
3317    .iso strong{
3318      display:block;
3319      margin-bottom:4px;
3320    }
3321
3322    .faq-item{padding:0;overflow:hidden}
3323    .faq-toggle{
3324      width:100%;
3325      display:flex;
3326      align-items:center;
3327      justify-content:space-between;
3328      gap:16px;
3329      padding:18px;
3330      border:0;
3331      background:transparent;
3332      color:var(--ink);
3333      font-size:16px;
3334      font-weight:800;
3335      text-align:left;
3336      cursor:pointer;
3337    }
3338    .faq-panel{
3339      max-height:0;
3340      overflow:hidden;
3341      transition:max-height .24s ease;
3342    }
3343    .faq-panel-inner{
3344      padding:0 18px 18px;
3345    }
3346
3347    .closing{
3348      display:grid;
3349      grid-template-columns:minmax(0,1fr) auto;
3350      gap:18px;
3351      align-items:center;
3352      padding:24px 26px;
3353      border-radius:28px;
3354      background:linear-gradient(180deg, #17344d 0%, #214e69 100%);
3355      color:#fff;
3356      box-shadow:0 18px 34px rgba(23,50,74,.14);
3357    }
3358    .closing p{color:rgba(255,255,255,.8)}
3359    .closing .mv-btn{
3360      background:rgba(255,255,255,.08);
3361      border-color:rgba(255,255,255,.28);
3362      color:#fff;
3363    }
3364    .closing .mv-btn:hover{
3365      background:rgba(255,255,255,.16);
3366      border-color:rgba(255,255,255,.4);
3367    }
3368    .closing .mv-btn-primary{
3369      background:linear-gradient(180deg, #6fe0c8 0%, #4ecbb4 100%);
3370      border-color:rgba(18,149,142,.16);
3371      color:#143149;
3372      box-shadow:0 12px 26px rgba(83,208,183,.34);
3373    }
3374    .closing .mv-btn-primary:hover{
3375      background:linear-gradient(180deg, #7fe7d3 0%, #54d2bb 100%);
3376      border-color:rgba(18,149,142,.24);
3377    }
3378
3379    .contact-form-section{
3380      scroll-margin-top:24px;
3381    }
3382    .contact-form-shell{
3383      display:grid;
3384      gap:14px;
3385      max-width:580px;
3386      margin-top:18px;
3387    }
3388    .contact-form-shell.is-hidden{display:none}
3389    .contact-field{
3390      display:grid;
3391      gap:6px;
3392    }
3393    .contact-field label{
3394      font-size:13px;
3395      font-weight:800;
3396      color:var(--ink);
3397    }
3398    .contact-field label .optional{
3399      font-weight:600;
3400      color:var(--muted);
3401    }
3402    .contact-input,
3403    .contact-textarea{
3404      width:100%;
3405      min-height:48px;
3406      padding:12px 14px;
3407      border-radius:14px;
3408      border:1px solid var(--line);
3409      background:#fff;
3410      color:var(--ink);
3411      font:inherit;
3412      outline:none;
3413      transition:border-color .18s ease, box-shadow .18s ease;
3414    }
3415    .contact-textarea{min-height:120px;resize:vertical}
3416    .contact-input:focus-visible,
3417    .contact-textarea:focus-visible{
3418      outline:2px solid #0fb2a2;
3419      outline-offset:2px;
3420    }
3421    .contact-input.is-error,
3422    .contact-textarea.is-error{
3423      border-color:#c43d3d;
3424      box-shadow:0 0 0 3px rgba(196,61,61,.08);
3425    }
3426    .contact-error{
3427      font-size:12px;
3428      color:#c43d3d;
3429      line-height:1.4;
3430      min-height:16px;
3431    }
3432    .contact-form-shell .mv-btn{
3433      justify-self:start;
3434      margin-top:4px;
3435    }
3436    .contact-success{
3437      display:none;
3438      margin-top:16px;
3439      padding:14px 16px;
3440      border-radius:16px;
3441      background:var(--mint-soft);
3442      border:1px solid rgba(83,208,183,.34);
3443      color:var(--ink);
3444      font-weight:700;
3445    }
3446    .contact-success.is-visible{display:block}
3447
3448    [data-reveal]{
3449      opacity:0;
3450      transform:translateY(18px);
3451      transition:opacity .48s ease, transform .48s ease;
3452    }
3453    [data-reveal].is-visible{
3454      opacity:1;
3455      transform:none;
3456    }
3457
3458    @media (prefers-reduced-motion:reduce){
3459      html{scroll-behavior:auto}
3460      *{transition:none !important;animation:none !important}
3461      [data-reveal]{opacity:1;transform:none}
3462    }
3463
3464    @media (min-width:981px){
3465      .roi-layout{
3466        grid-template-columns:minmax(0,1.26fr) minmax(340px,.74fr);
3467        column-gap:34px;
3468        row-gap:22px;
3469      }
3470      .roi-intro{
3471        max-width:700px;
3472      }
3473      .roi{
3474        grid-column:1;
3475        grid-row:2;
3476      }
3477      .roi-grid{
3478        grid-template-columns:1fr 1fr;
3479        gap:14px;
3480      }
3481      .roi-grid .roi-field.full{
3482        grid-column:1 / -1;
3483      }
3484      .roi-visual{
3485        grid-column:1;
3486        min-height:300px;
3487        margin-top:0;
3488      }
3489      .roi-result{
3490        grid-column:2;
3491        grid-row:2 / span 2;
3492        position:relative;
3493        top:0;
3494        align-self:center;
3495      }
3496      .roi-total{
3497        padding:22px 22px 18px;
3498      }
3499      .roi-total strong{
3500        font-size:42px;
3501      }
3502      .roi-row{
3503        min-height:60px;
3504      }
3505      .roi-actions .mv-btn:first-child{
3506        min-width:250px;
3507      }
3508      .proof-layout{
3509        grid-template-columns:minmax(0,1fr) minmax(0,1fr);
3510        column-gap:28px;
3511        row-gap:20px;
3512        align-items:start;
3513      }
3514      .proof-intro{
3515        grid-column:1 / -1;
3516      }
3517      .proof-metrics{
3518        grid-column:1 / -1;
3519        grid-template-columns:repeat(3,minmax(0,1fr));
3520      }
3521      .proof-showcase{
3522        grid-column:1 / -1;
3523      }
3524      .proof-review-grid{
3525        grid-template-columns:repeat(3,minmax(0,1fr));
3526      }
3527      .research-grid{
3528        grid-template-columns:repeat(3,minmax(0,1fr));
3529      }
3530      .video-shell video{
3531        aspect-ratio:16/8.6;
3532      }
3533      .feature-layout{
3534        grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
3535        column-gap:34px;
3536        align-items:start;
3537      }
3538      .feature-stream{
3539        gap:16px;
3540      }
3541      .feature-item{
3542        padding:20px 22px;
3543      }
3544      .feature-item strong{
3545        font-size:18px;
3546      }
3547      .feature-item span{
3548        font-size:15px;
3549      }
3550      .security-layout{
3551        grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);
3552        column-gap:30px;
3553      }
3554      .collage-stack{
3555        gap:14px;
3556      }
3557    }
3558
3559    @media (max-width:980px){
3560      .hero,
3561      .story-grid,
3562      .story-grid.reverse,
3563      .roi-layout,
3564      .flow-layout,
3565      .voice-block,
3566      .proof-layout,
3567      .security-layout,
3568      .closing{
3569        grid-template-columns:1fr;
3570      }
3571      .proof-metrics,
3572      .roi-grid,
3573      .collage{
3574        grid-template-columns:1fr 1fr;
3575      }
3576      .proof-references-head,
3577      .proof-story-panel{
3578        grid-template-columns:1fr;
3579      }
3580      .proof-review-grid{
3581        grid-template-columns:1fr;
3582      }
3583      .hero-media{min-height:500px}
3584      .story-surface{padding:28px 24px 24px}
3585      .surface-plain{padding:28px 24px 20px}
3586      .closing{padding:22px}
3587      .roi-layout{grid-template-columns:1fr}
3588      .roi-visual{
3589        justify-content:center;
3590      }
3591      .roi-visual img{
3592        max-width:380px;
3593      }
3594      .voice-card{
3595        min-height:280px;
3596      }
3597      .voice-mascot{
3598        width:min(46%,220px);
3599      }
3600    }
3601
3602    @media (max-width:720px){
3603      .page{padding:14px 14px 64px}
3604      .hero{padding:24px}
3605      .story-surface{padding:24px 20px 20px}
3606      .surface-plain{padding:24px 20px 18px}
3607      .hero-copy p{font-size:17px}
3608      .hero-media{
3609        min-height:340px;
3610        margin-top:4px;
3611      }
3612      .hero-glow{
3613        inset:18px 0 0 0;
3614        width:auto;
3615      }
3616      .hero-mascot{
3617        left:0;
3618        width:92%;
3619      }
3620      .media-stage{
3621        min-height:280px;
3622      }
3623      .media-stage.tall{
3624        min-height:320px;
3625      }
3626      .proof-references{
3627        padding:22px;
3628      }
3629      .proof-story-media{
3630        min-height:280px;
3631      }
3632      .voice-block{
3633        padding:24px 20px;
3634        gap:24px;
3635      }
3636      .voice-card{
3637        min-height:250px;
3638        padding:18px;
3639      }
3640      .voice-summary{
3641        max-width:100%;
3642      }
3643      .voice-mascot{
3644        right:-8px;
3645        width:min(52%,190px);
3646      }
3647      .media-float.queue{
3648        right:-10px;
3649        width:118%;
3650      }
3651      .media-float.mobile{
3652        width:80%;
3653      }
3654      .feature-layout{
3655        grid-template-columns:1fr;
3656      }
3657      .media-photo{
3658        margin-top:4px;
3659      }
3660      .proof-metrics,
3661      .roi-grid,
3662      .collage{
3663        grid-template-columns:1fr;
3664      }
3665      .spec-row{
3666        flex-wrap:nowrap;
3667        overflow-x:auto;
3668        padding-bottom:6px;
3669        scrollbar-width:thin;
3670      }
3671      .actions{display:grid}
3672      .actions .mv-btn{width:100%}
3673      .roi-actions{display:grid}
3674      .roi-actions .mv-btn{width:100%}
3675      .roi-tooltip{
3676        max-width:none;
3677      }
3678      .mw-tooltip-content{
3679        width:100%;
3680      }
3681    }
3682
3683    /* Umso wrapper reset: remove only the outer card around this embed and keep the Umso section background. */
3684    html,
3685    body,
3686    .wr,
3687    .page{
3688      background:#f8f8f8 !important;
3689      background-image:none !important;
3690    }
3691    .wr >
3691 div:has(.page),
3692    .wr > div:not(.cards-none):has(.page),
3693    ._e1908056 ._1478a3e3,
3694    ._e1908056 ._1478a3e3:not(.cards-none){
3695      background:#f8f8f8 !important;
3696      background-image:none !important;
3697      border:0 !important;
3698      border-radius:0 !important;
3699      box-shadow:none !important;
3700      color:inherit !important;
3701      padding:0 !important;
3702    }
3703    .wr > div:has(.page)::before,
3704    .wr > div:has(.page)::after{
3705      background-image:none !important;
3706    }
3707
3708    /* Medevio design system update — July 2026 */
3709    :root{
3710      --ink:#212139;
3711      --muted:#3e3e51;
3712      --mint:#5cd7b9;
3713      --mint-deep:#039f8f;
3714      --mint-soft:#e9f5f2;
3715      --page:#f8f8f8;
3716      --surface:#fff;
3717      --line:#e5e5e6;
3718      --navy:#212139;
3719      --shadow:0 10px 30px -10px rgba(0,0,0,.08);
3720      --radius-xl:28px;
3721      --radius-lg:20px;
3722      --radius-md:16px;
3723      --radius-sm:14px;
3724      --font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
3725      --font-display:"Montserrat",var(--font-sans);
3726    }
3727    body{background:var(--page);color:var(--ink)}
3728    h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.035em;color:var(--ink)}
3729    h1{line-height:1.08}
3730    h2{line-height:1.14}
3731    p{color:var(--muted);line-height:1.6}
3732    strong{font-weight:600}
3733    .page{max-width:1300px;padding:32px 20px 96px}
3734
3735    .mv-btn{
3736      min-height:52px;
3737      padding:0 2em;
3738      border:0;
3739      border-radius:16px;
3740      background:#e5e5e6;
3741      color:var(--ink);
3742      font-size:17px;
3743      font-weight:500;
3744      box-shadow:none;
3745    }
3746    .mv-btn:hover{background:#dcdcdc;box-shadow:none}
3747    .mv-btn-primary,.mv-btn-dark{
3748      background:#5cd7b9;
3749      border-color:#5cd7b9;
3750      color:var(--ink);
3751      box-shadow:0 8px 32px rgba(92,214,184,.38);
3752    }
3753    .mv-btn-primary:hover,.mv-btn-dark:hover{background:#50e3bf;box-shadow:0 10px 32px rgba(92,214,184,.48)}
3754    .mv-btn-inline{min-height:auto;padding:0;background:transparent;color:#039f8f;font-size:16px;font-weight:600}
3755    .mv-btn-inline:hover{background:transparent;color:#039f8f;text-decoration:underline}
3756
3757    .eyebrow{min-height:auto;padding:0;border-radius:0;background:transparent;color:#039f8f;font-weight:600;letter-spacing:.06em}
3758    .hero{gap:38px;padding:54px 52px 44px;background:transparent !important;border:0 !important;border-radius:0;box-shadow:none !important}
3759    .hero-copy{gap:18px}
3760    .hero-copy h1{font-size:clamp(42px,5.2vw,64px)}
3761    .headline-accent{color:#039f8f}
3762    .hero-copy p{font-size:18px;max-width:540px}
3763    .hero-point{font-weight:500}
3764    .hero-point::before{border-radius:6px;background:#57d48d;color:#fff}
3765    .trust-inline{font-weight:500}
3766    .trust-inline strong{color:#039f8f}
3767    .hero-glow{display:none}
3768    .hero-mascot{filter:drop-shadow(0 20px 28px rgba(33,33,57,.10))}
3769    .customers-strip{margin-top:30px;padding:26px 0 12px}
3770    .customers-lead{font-weight:500;color:var(--muted)}
3771    .customers-lead strong{color:#039f8f}
3772
3773    .story{gap:56px;margin-top:44px}
3774    .story-surface{padding:46px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:none}
3775    .surface-plain{padding:0;background:transparent;border:0}
3776    .card,.roi-field,.roi-total,.roi-row,.feature-item,.proof-box,.proof-review-card,.faq-item,.panel,.voice-card{border-color:var(--line);box-shadow:none}
3777    .panel-soft,.media-stage,.media-stage.left-glow{background:var(--mint-soft)}
3778    .roi-field,.roi-total,.roi-row,.feature-item,.proof-box,.proof-review-card,.faq-item{background:#fff}
3779    .roi-head,.roi-row,.feature-item strong{font-weight:600}
3780    .roi-head span:last-child,.roi-total strong,.research-number,.proof-number,.proof-inline-link,.research-link{color:#039f8f}
3781    input[type="range"]{accent-color:#039f8f}
3782    select{border-color:var(--line);border-radius:14px}
3783    .roi-assumption{background:#e8f8f6 !important;border-color:transparent;color:var(--muted)}
3784    .step{background:#fff;border-color:var(--line)}
3785    .step strong{background:var(--mint-soft);color:#039f8f}
3786    .media-stage::before{border-color:rgba(3,159,143,.15);background:rgba(255,255,255,.34)}
3787    .voice-block{background:#e8f8f6 !important;border:0;border-radius:24px;box-shadow:none}
3788    .voice-point{font-weight:500}
3789    .voice-point::before{background:#57d48d;border-radius:6px}
3790    .voice-card{border-radius:20px}
3791    .voice-rec{color:#039f8f}
3792    .voice-rec::before{background:#57d48d}
3793    .feature-item:hover,.feature-item.is-open{border-color:#7fe6c9;box-shadow:0 10px 30px -10px rgba(0,0,0,.08)}
3794    .mw-tooltip-content{border-color:var(--line);box-shadow:var(--shadow)}
3795    .research-card,.proof-box{border-radius:20px}
3796    .proof-references,.specialists-block,.security-copy{background:#e8f8f6 !important}
3797    .specialist-pill{background:#fff;border-color:var(--line);color:var(--ink)}
3798    .specialist-pill:hover{border-color:#7fe6c9;background:#fff}
3799    .proof-stars{color:#039f8f}
3800    .closing{background:#7fe6c9;border:0;border-radius:24px;box-shadow:none}
3801    .closing h2{color:var(--ink)!important}
3802    .research-grid{gap:16px}
3803    .research-card{
3804      min-height:184px;
3805      padding:24px;
3806      gap:14px;
3807      grid-template-rows:auto 1fr auto;
3808      background:#fff;
3809    }
3810    .research-number{font-family:var(--font-display);font-size:38px;font-weight:600}
3811    .research-card > strong{font-size:17px;line-height:1.45;font-weight:400}
3812    .research-link{
3813      display:inline-flex;
3814      align-items:center;
3815      gap:8px;
3816      width:max-content;
3817      margin-top:2px;
3818      padding:7px 10px 7px 12px;
3819      border:1px solid rgba(3,159,143,.18);
3820      border-radius:999px;
3821      background:rgba(232,248,246,.72);
3822      color:#039f8f;
3823      font-size:13px;
3824      font-weight:500;
3825      line-height:1.2;
3826      transition:background .18s ease,border-color .18s ease,transform .18s ease;
3827    }
3828    .research-link::after{content:"→";font-size:15px;line-height:1;transition:transform .18s ease}
3829    .research-link:hover{background:#e8f8f6;border-color:rgba(3,159,143,.35);text-decoration:none;transform:translateX(1px)}
3830    .research-link:hover::after{transform:translateX(2px)}
3831    .proof-number{font-family:var(--font-display);font-weight:700}
3832    .closing .mv-btn-primary{
3833      background:#212139;
3834      border-color:#212139;
3835      color:#fff;
3836      box-shadow:0 8px 20px rgba(33,33,57,.18);
3837    }
3838    .closing .mv-btn-primary:hover{background:#3e3e51;box-shadow:0 10px 24px rgba(33,33,57,.22)}
3839    .closing .mv-btn:not(.mv-btn-primary){background:#fff;color:#212139}
3840    .closing .mv-btn:not(.mv-btn-primary):hover{background:#f8f8f8}
3841    .contact-input,.contact-textarea{border-color:var(--line);background:#fff}
3842    .contact-input:focus,.contact-textarea:focus{border-color:#039f8f;box-shadow:0 0 0 3px rgba(3,159,143,.14)}
3843    .faq-toggle{font-family:var(--font-display);font-weight:600}
3844
3845    @media (max-width:720px){
3846      .page{padding:20px 14px 64px}
3847      .hero{padding:32px 24px}
3848      .story{gap:38px;margin-top:36px}
3849      .story-surface{padding:30px 22px}
3850    }
3851
3852  </style>
3853  <main class="page">
3854    <section class="hero" data-reveal="" data-section="hero">
3855      <div class="hero-copy">
3856        <h1>Ticho v ordinaci.<br/><span class="headline-accent">Klid</span> v hlavě.</h1>
3857        <p>
3858          Telefon, zprávy i vzkazy se sbíhají na jedno místo.
3859          Tým řeší požadavky ve chvíli, kdy na ně má prostor.
3860        </p>
3861        <div class="hero-points">
3862          <div class="hero-point">Požadavky pacientů se třídí do fronty místo neustálého vyrušování.</div>
3863          <div class="hero-point">Objednávání i komunikace běží v jednom workflow.</div>
3864          <div class="hero-point">Zapadne do běžného provozu ordinace.</div>
3865        </div>
3866        <div class="actions">
3867          <a class="mv-btn mv-btn-primary" href="#contact-form" data-track="cta_hero_demo_click">Chci 15min ukázku</a>
3868          <a class="mv-btn" href="https://www.medevio.cz/cenik#pricing" data-track="cta_hero_pricing_click">Podívat se na ceník</a>
3869        </div>
3870        <div class="trust-inline">
3871          <span><strong>4,9 / 5</strong> hodnocení aplikace</span>
3872          <span><strong>88 %</strong> pacientů preferuje zprávu před hovorem</span>
3873          <span><strong>do 14 dnů</strong> typický start provozu</span>
3874        </div>
3875      </div>
3876
3877      <div class="hero-media" aria-label="Maskot Medevio a ukázka produktu">
3878        <div class="hero-glow"></div>
3879        <img class="hero-mascot" src="https://umsousercontent.com/lib_YNkRFjMxLALwWiFH/m1yjpwrmb330yn7s.png" alt="Chobotnice maskot Medevio s telefonem a aplikací" fetchpriority="high"/>
3880      </div>
3881    </section>
3882
3883    <section class="customers-strip" data-reveal="" data-section="customers" aria-label="Klienti Medevio">
3884      <p class="customers-lead">Medevio využívá více než <strong>4 000 lékařů a sester</strong> pro více než <strong>1 500 000 pacientů</strong>.</p>
3885      <div class="customers-marquee">
3886        <div class="customers-track">
3887          <div class="customers-list">
3888            <img src="https://umsousercontent.com/lib_VIqzMBqtfUYwExIq/qyx9i0qxe0va7sa0.png?h=44&amp;dpr=2" alt="Klient Medevio" loading="lazy"/>
3889            <img src="https://umsousercontent.com/lib_VIqzMBqtfUYwExIq/hc7s3mxkqx5hrexj.png?h=44&amp;dpr=2" alt="Klient Medevio" loading="lazy"/>
3890            <img src="https://umsousercontent.com/lib_VIqzMBqtfUYwExIq/26syh3zg9ucn21zb.png?h=44&amp;dpr=2" alt="Nemocnice Prachatice" loading="lazy"/>
3891            <img src="https://umsousercontent.com/lib_VIqzMBqtfUYwExIq/7u6kk0uqdjd2t1yb.png?h=44&amp;dpr=2" alt="Cortex" loading="lazy"/>
3892            <img src="https://umsousercontent.com/lib_VIqzMBqtfUYwExIq/2v5mxsy3f20pc7ce.png?h=44&amp;dpr=2" alt="Nemocnice Havířov" loading="lazy"/>
3893            <img src="https://umsousercontent.com/lib_VIqzMBqtfUYwExIq/sfr9uk2yznhqgsdz.png?w=170&amp;dpr=2" alt="Klient Medevio" loading="lazy" style="height:auto;width:170px"/>
3894            <img src="https://umsousercontent.com/lib_QWHBFfeWMIxctvKj/mspuy6n9cfurdwn7.png?h=44&amp;dpr=2" alt="Remedis" loading="lazy"/>
3895            <img src="https://umsousercontent.com/lib_QWHBFfeWMIxctvKj/i1rlh9l7drjw6kwk.png?h=44&amp;dpr=2" alt="Medistar" loading="lazy"/>
3896            <img src="https://umsousercontent.com/lib_VIqzMBqtfUYwExIq/ca3xvfu7s9xxl2ot.png?h=44&amp;dpr=2" alt="Smartmedix" loading="lazy"/>
3897            <img src="https://umsousercontent.com/lib_QWHBFfeWMIxctvKj/8zr5dzcopj9xafwh.png?h=44&amp;dpr=2" alt="Klient Medevio" loading="lazy"/>
3898            <img src="https://umsousercontent.com/lib_QWHBFfeWMIxctvKj/82psnhpr2xkzpg7e.png?h=44&amp;dpr=2" alt="CJCH" loading="lazy"/>
3899            <img src="https://umsousercontent.com/lib_QWHBFfeWMIxctvKj/bt25cwgmpz8rr57x.png?h=44&amp;dpr=2" alt="Nemocnice AGEL Zlaté Moravce" loading="lazy"/>
3900            <img src="https://umsousercontent.com/lib_QWHBFfeWMIxctvKj/nn9ryjhvh359uspw.png?h=44&amp;dpr=2" alt="CGP" loading="lazy"/>
3901            <img src="https://umsousercontent.com/lib_QWHBFfeWMIxctvKj/h9ytjnmzbc0aixhi.png?h=44&amp;dpr=2" alt="PP" loading="lazy"/>
3902          </div>
3903          <div class="customers-list" aria-hidden="true">
3904            <img src="https://umsousercontent.com/lib_VIqzMBqtfUYwExIq/qyx9i0qxe0va7sa0.png?h=44&amp;dpr=2" alt="" loading="lazy"/>
3905            <img src="https://umsousercontent.com/lib_VIqzMBqtfUYwExIq/hc7s3mxkqx5hrexj.png?h=44&amp;dpr=2" alt="" loading="lazy"/>
3906            <img src="https://umsousercontent.com/lib_VIqzMBqtfUYwExIq/26syh3zg9ucn21zb.png?h=44&amp;dpr=2" alt="" loading="lazy"/>
3907            <img src="https://umsousercontent.com/lib_VIqzMBqtfUYwExIq/7u6kk0uqdjd2t1yb.png?h=44&amp;dpr=2" alt="" loading="lazy"/>
3908            <img src="https://umsousercontent.com/lib_VIqzMBqtfUYwExIq/2v5mxsy3f20pc7ce.png?h=44&amp;dpr=2" alt="" loading="lazy"/>
3909            <img src="https://umsousercontent.com/lib_VIqzMBqtfUYwExIq/sfr9uk2yznhqgsdz.png?w=170&amp;dpr=2" alt="" loading="lazy" style="height:auto;width:170px"/>
3910            <img src="https://umsousercontent.com/lib_QWHBFfeWMIxctvKj/mspuy6n9cfurdwn7.png?h=44&amp;dpr=2" alt="" loading="lazy"/>
3911            <img src="https://umsousercontent.com/lib_QWHBFfeWMIxctvKj/i1rlh9l7drjw6kwk.png?h=44&amp;dpr=2" alt="" loading="lazy"/>
3912            <img src="https://umsousercontent.com/lib_VIqzMBqtfUYwExIq/ca3xvfu7s9xxl2ot.png?h=44&amp;dpr=2" alt="" loading="lazy"/>
3913            <img src="https://umsousercontent.com/lib_QWHBFfeWMIxctvKj/8zr5dzcopj9xafwh.png?h=44&amp;dpr=2" alt="" loading="lazy"/>
3914            <img src="https://umsousercontent.com/lib_QWHBFfeWMIxctvKj/82psnhpr2xkzpg7e.png?h=44&amp;dpr=2" alt="" loading="lazy"/>
3915            <img src="https://umsousercontent.com/lib_QWHBFfeWMIxctvKj/bt25cwgmpz8rr57x.png?h=44&amp;dpr=2" alt="" loading="lazy"/>
3916            <img src="https://umsousercontent.com/lib_QWHBFfeWMIxctvKj/nn9ryjhvh359uspw.png?h=44&amp;dpr=2" alt="" loading="lazy"/>
3917            <img src="https://umsousercontent.com/lib_QWHBFfeWMIxctvKj/h9ytjnmzbc0aixhi.png?h=44&amp;dpr=2" alt="" loading="lazy"/>
3918          </div>
3919        </div>
3920      </div>
3921    </section>
3922
3923    <article class="story">
3924      <section class="story-block" id="zkusenosti-v-cislech" data-reveal="" data-section="research">
3925        <div class="research-block research-open">
3926          <div class="research-intro">
3927            <h3>Čísla, která mluví za vše</h3>
3928          </div>
3929          <div class="research-grid">
3930            <div class="research-card">
3931              <span class="research-number">100 % lékařů</span>
3932              <strong>by doporučilo Medevio kolegům, kteří chtějí klidnější provoz.</strong>
3933              <a class="research-link" href="https://www.medevio.cz/vyzkum-spokojenosti-lekaru" data-track="research_results_click" data-audience="lekari">Výsledky výzkumu lékařů</a>
3934            </div>
3935            <div class="research-card">
3936              <span class="research-number">93 % sester</span>
3937              <strong>pocítilo okamžitou úlevu od neustálého vyzvánění telefonu.</strong>
3938              <a class="research-link" href="https://www.medevio.cz/vyzkum-spokojenosti-sester" data-track="research_results_click" data-audience="sestry">Výsledky výzkumu sester</a>
3939            </div>
3940            <div class="research-card">
3941              <span class="research-number">88 % pacientů</span>
3942              <strong>preferuje Medevio před telefonováním do ordinace.</strong>
3943              <a class="research-link" href="https://www.medevio.cz/vyzkum-spokojenosti-pacientu" data-track="research_results_click" data-audience="pacienti">Výsledky výzkumu pacientů</a>
3944            </div>
3945          </div>
3946        </div>
3947      </section>
3948
3949      <section class="story-block" id="mini-roi" data-reveal="" data-section="roi">
3950        <div class="roi-layout surface-plain">
3951          <div class="roi-intro">
3952            <h2>Kolik času a peněz může Medevio vrátit vaší ordinaci?</h2>
3953            <p>
3954              Výpočet stojí hlavně na čase, který tým ušetří na hovorech.
3955              Roční číslo dopočítáváme z denního provozu.
3956            </p>
3957          </div>
3958
3959          <div class="roi">
3960            <div class="roi-grid">
3961              <label class="roi-field">
3962                <div class="roi-head">
3963                  <span>Počet registrovaných pacientů</span>
3964                  <span data-roi-value="patients">1200</span>
3965                </div>
3966                <input type="range" min="600" max="3200" step="100" data-roi-input="patients" value="1200"/>
3967                <div class="range-meta">
3968                  <span>600</span>
3969                  <span>3200+</span>
3970                </div>
3971              </label>
3972
3973              <label class="roi-field">
3974                <div class="roi-head">
3975                  <span>Příchozí hovory za den</span>
3976                  <span data-roi-value="calls">18</span>
3977                </div>
3978                <input type="range" min="5" max="80" step="1" data-roi-input="calls" value="18"/>
3979                <div class="range-meta">
3980                  <span>5</span>
3981                  <span>80+</span>
3982                </div>
3983              </label>
3984
3985              <label class="roi-field full">
3986                <div class="roi-head">
3987                  <span>Specializace</span>
3988                  <span data-roi-value="specialtyLabel">Praktik</span>
3989                </div>
3990                <select data-roi-input="specialty">
3991                  <option value="praktik">Praktik</option>
3992                  <option value="pediatr">Pediatr</option>
3993                  <option value="specialista">Specialista</option>
3994                </select>
3995              </label>
3996            </div>
3997            <div class="roi-visual" aria-label="Maskot Medevio pro finanční orientaci v návratnosti">
3998              <img src="https://umsousercontent.com/lib_YNkRFjMxLALwWiFH/m1yjpwrmb330yn7s.png" alt="Chobotnice Medevio s panelem čekajících požadavků a telefonem" loading="lazy"/>
3999            </div>
4000          </div>
4001
4002          <aside class="roi-result">
4003            <div class="roi-total mw-tooltip">
4004              <button class="mw-tooltip-trigger roi-total-trigger" type="button" aria-label="Více o orientačním ročním přínosu" aria-expanded="false">
4005                <small>Orientační roční přínos</small>
4006                <strong data-roi-output="total">0 Kč</strong>
4007                <p data-roi-output="summary">Roční odhad vychází hlavně z času ušetřeného na hovorech.</p>
4008              </button>
4009              <div class="mw-tooltip-content roi-tooltip">
4010                <strong>Co je v přínosu započítané</strong>
4011                <span>Úspora času týmu: <b data-roi-output="time_tooltip">0 Kč</b> ročně.</span>
4012                <span data-roi-output="bonus_note_tooltip">Bonifikace pro praktika a pediatra: 10 000 Kč ročně.</span>
4013              </div>
4014            </div>
4015            <div class="roi-assumption">
4016              <strong>Z čeho to vychází:</strong> 4 minuty na 1 hovoru, 230 pracovních dnů ročně a interní hodinová sazba 350 Kč.
4017              <span>Počet registrovaných pacientů jemně upravuje odhad podle velikosti a typické zátěže ordinace.</span>
4018              <span data-roi-output="bonus_note">Bonifikace pro praktika a pediatra: 10 000 Kč ročně.</span>
4019            </div>
4020            <div class="roi-actions">
4021              <a class="mv-btn mv-btn-primary" href="#contact-form" data-track="pricing_roi_demo_click">Spočítat to na vaší ordinaci</a>
4022              <a class="mv-btn" href="https://www.medevio.cz/cenik#pricing" data-track="pricing_roi_view_pricing_click">Podívat se na ceník</a>
4023            </div>
4024          </aside>
4025        </div>
4026      </section>
4027
4028      <section class="story-block" id="jak-funguje" data-reveal="" data-section="how_it_works">
4029        <div class="story-surface">
4030          <div class="flow-intro">
4031            <h2>Pacient má pocit dostupnosti. Tým má konečně rytmus.</h2>
4032            <p>
4033              Požadavky už nepřicházejí náhodně z více míst.
4034              Medevio je vrací do dne v klidnější podobě.
4035            </p>
4036          </div>
4037          <div class="flow-layout" style="margin-top:18px">
4038            <div class="flow-steps">
4039            <div class="step">
4040              <strong>1</strong>
4041              <div>
4042                <h3>Pacient napíše, zavolá nebo odešle formulář.</h3>
4043                <p>Všechno jde jedním směrem.</p>
4044              </div>
4045            </div>
4046            <div class="step">
4047              <strong>2</strong>
4048              <div>
4049                <h3>Medevio požadavek zařadí a doplní kontext.</h3>
4050                <p>Tým hned ví, co je potřeba řešit.</p>
4051              </div>
4052            </div>
4053            <div class="step">
4054              <strong>3</strong>
4055              <div>
4056                <h3>Sestra i lékař řeší věci ve správnou chvíli.</h3>
4057                <p>Provoz nestojí na živém telefonu.</p>
4058              </div>
4059            </div>
4060            </div>
4061
4062          <div class="media-photo" aria-label="Ukázka fronty požadavků v Medevio pro ordinaci">
4063            <img src="https://umsousercontent.com/lib_VIqzMBqtfUYwExIq/z5arr1aax8vwngq2.png" alt="Ukázka fronty požadavků v Medevio pro ordinaci" loading="lazy"/>
4064            </div>
4065          </div>
4066        </div>
4067      </section>
4068
4069      <section class="story-block" id="digitalni-ustredna" data-reveal="" data-section="voice">
4070        <div class="voice-block">
4071          <div class="voice-copy">
4072            <div class="eyebrow">Digitální ústředna</div>
4073            <h2>Když pacient volá, Medevio poslouchá za vás</h2>
4074            <p>Vraťte do ordinace klid. Ústředna přijme hovor, identifikuje pacienta a AI přepíše vzkaz do stručného shrnutí v aplikaci.</p>
4075            <div class="voice-points">
4076              <div class="voice-point">Žádné zmeškané hovory</div>
4077              <div class="voice-point">Automatický přepis do přehledných požadavků</div>
4078              <div class="voice-point">Konec neustálého vyrušování</div>
4079            </div>
4080            <div class="actions">
4081              <a class="mv-btn mv-btn-dark" href="https://www.medevio.cz/ustredna" data-track="voice_outbound_click" data-position="voice_section">Jak ústředna funguje?</a>
4082            </div>
4083          </div>
4084
4085          <div class="voice-card" aria-label="Ukázka digitální ústředny Medevio">
4086            <div class="voice-rec">REC · 0:12</div>
4087            <div class="voice-wave" aria-hidden="true">
4088              <span></span><span></span><span></span><span></span>
4089              <span></span><span></span><span></span><span></span>
4090              <span></span><span></span><span></span><span></span>
4091              <span></span><span></span><span></span><span></span>
4092            </div>
4093            <div class="voice-summary">
4094              <strong>AI shrnutí:</strong> Paní Nováková žádá o prodloužení receptu na Euthyrox, vyzvednutí zítra odpoledne.
4095            </div>
4096            <div class="voice-tags" aria-hidden="true">
4097              <span>eRecept</span>
4098              <span>Prodloužení</span>
4099              <span>Kontrola</span>
4100            </div>
4101            <img class="voice-mascot" src="https://umsousercontent.com/lib_SZzzLGRmLAtJWZIe/24ye4g67skhq513i.png" alt="Chobotnice Medevio s headsetem a shrnutím hovoru" loading="lazy"/>
4102          </div>
4103        </div>
4104      </section>
4105
4106      <section class="story-block" id="prevence-podle-odbornosti" data-reveal="" data-section="prevention_specializations">
4107        <div class="story-surface">
4108          <div class="prevention-head">
4109            <div>
4110              <div class="eyebrow">Zvaní na prevence</div>
4111              <h2>Prevence pro vaši odbornost</h2>
4112            </div>
4113            <p>Podívejte se, jak Medevio pomůže právě ve vaší ordinaci.</p>
4114          </div>
4115          <div class="prevention-routes">
4116            <a class="prevention-route" href="https://www.medevio.cz/prevence-prakticti-lekari" data-track="prevention_specialization_click" data-specialty="praktik">
4117              <span class="prevention-route-num">01</span>
4118              <strong>Praktičtí lékaři</strong>
4119              <p>Všeobecné preventivní prohlídky a screeningy podle věku.</p>
4120              <span class="prevention-route-link">Prevence pro praktiky <span aria-hidden="true">→</span></span>
4121            </a>
4122            <a class="prevention-route" href="https://www.medevio.cz/prevence-pediatri" data-track="prevention_specialization_click" data-specialty="pediatr">
4123              <span class="prevention-route-num">02</span>
4124              <strong>Pediatři</strong>
4125              <p>Preventivní prohlídky dětí a pozvánky rodičům ve správný čas.</p>
4126              <span class="prevention-route-link">Prevence pro pediatry <span aria-hidden="true">→</span></span>
4127            </a>
4128            <a class="prevention-route" href="https://www.medevio.cz/prevence-gynekologove" data-track="prevention_specialization_click" data-specialty="gynekolog">
4129              <span class="prevention-route-num">03</span>
4130              <strong>Gynekologové</strong>
4131              <p>Přehled o pacientkách, které je čas pozvat na další prevenci.</p>
4132              <span class="prevention-route-link">Prevence pro gynekology <span aria-hidden="true">→</span></span>
4133            </a>
4134            <a class="prevention-route" href="https://www.medevio.cz/prevence-ambulantni-specialiste" data-track="prevention_specialization_click" data-specialty="specialista">
4135              <span class="prevention-route-num">04</span>
4136              <strong>Ambulantní specialisté</strong>
4137              <p>Pravidelné kontroly a intervaly podle potřeb vaší ambulance.</p>
4138              <span class="prevention-route-link">Prevence pro specialisty <span aria-hidden="true">→</span></span>
4139            </a>
4140          </div>
4141        </div>
4142      </section>
4143
4144      <section class="story-block" data-reveal="" data-section="features">
4145        <div class="feature-surface story-surface">
4146          <div class="feature-head">
4147            <h2>Pár schopností, které mají v ordinaci okamžitý dopad.</h2>
4148            <p class="feature-lead">Většina rozdílu nevzniká v počtu funkcí, ale v tom, že pacient i tým konečně používají jasný a klidný tok komunikace.</p>
4149          </div>
4150
4151          <div class="feature-layout">
4152            <div class="feature-stream">
4153              <article class="feature-item mw-tooltip" data-feature="Bezpečný chat a formuláře">
4154                <button class="mw-tooltip-trigger" type="button" aria-label="Více o bezpečném chatu a formulářích" aria-expanded="false">
4155                  <span class="feature-copy">
4156                    <strong>Bezpečný chat a formuláře</strong>
4157                    <span>Pacient pošle dotaz nebo žádost bez čekání na telefonu.</span>
4158                  </span>
4159                </button>
4160                <div class="mw-tooltip-content"><span>Pacienti mají jasný komunikační kanál. Tým dostane strukturovaný vstup místo přepisování hovorů a dohledávání detailů.</span></div>
4161              </article>
4162
4163              <article class="feature-item mw-tooltip" data-feature="Elektronické objednávání">
4164                <button class="mw-tooltip-trigger" type="button" aria-label="Více o elektronickém objednávání" aria-expanded="false">
4165                  <span class="feature-copy">
4166                    <strong>Elektronické objednávání</strong>
4167                    <span>Objednání se přesune z telefonu tam, kde dává větší smysl.</span>
4168                  </span>
4169                </button>
4170                <div class="mw-tooltip-content"><span>Méně přerušení na recepci, méně zvedání telefonu a lepší rozdělení požadavků podle typu návštěvy.</span></div>
4171              </article>
4172
4173              <article class="feature-item mw-tooltip" data-feature="Přepis hlasových vzkazů">
4174                <button class="mw-tooltip-trigger" type="button" aria-label="Více o přepisu hlasových vzkazů" aria-expanded="false">
4175                  <span class="feature-copy">
4176                    <strong>Přepis hlasových vzkazů</strong>
4177                    <span>Pacient nechá vzkaz a tým ho vidí ve stejné frontě jako ostatní požadavky.</span>
4178                  </span>
4179                </button>
4180                <div class="mw-tooltip-content">
4181                  <span>Hlasový vstup nezmizí. Jen už nemusí v daný moment zvonit do živého provozu a rušit péči.</span>
4182                  <a href="https://www.medevio.cz/ustredna" data-track="voice_outbound_click" data-position="feature_tooltip">Chcete vědět více o ústředně →</a>
4183                </div>
4184              </article>
4185
4186              <article class="feature-item mw-tooltip" data-feature="Propojení s vaším ambulantním systémem (AIS)">
4187                <button class="mw-tooltip-trigger" type="button" aria-label="Více o propojení s vaším ambulantním systémem (AIS)" aria-expanded="false">
4188                  <span class="feature-copy">
4189                    <strong>Propojení s vaším ambulantním systémem (AIS)</strong>
4190                    <span>Medevio zapadne do stávajícího provozu ordinace. Používáte ambulantní systém CGM? Medevio se s ním může přímo propojit.</span>
4191                  </span>
4192                </button>
4193                <a class="feature-integration-link" href="https://www.medevio.cz/cgm-medevio" data-track="cgm_integration_click" data-position="visible_callout">Zjistit více o propojení s ambulantním systémem CGM →</a>
4194                <div class="mw-tooltip-content"><span>S propojením a úvodním nastavením vám pomůže podpora Medevio, aby vše odpovídalo potřebám vašeho týmu.</span></div>
4195              </article>
4196
4197            </div>
4198
4199            <div class="feature-visual">
4200              <div class="media-photo narrow" aria-label="Pacientská zkušenost v mobilní aplikaci Medevio">
4201                <img src="https://umsousercontent.com/lib_VIqzMBqtfUYwExIq/0bb94a9f2b6n00rv.png" alt="Pacientská zkušenost v mobilní aplikaci Medevio" loading="lazy"/>
4202              </div>
4203            </div>
4204          </div>
4205        </div>
4206      </section>
4207
4208      <section class="story-block" id="duvera" data-reveal="" data-section="proof">
4209        <div class="proof-layout surface-plain">
4210        <div class="proof-intro">
4211          <div class="eyebrow">Důkazy z provozu</div>
4212          <h2>Klidnější provoz je vidět v číslech i ve zkušenostech ordinací.</h2>
4213        </div>
4214
4215          <div class="proof-metrics">
4216            <div class="proof-box">
4217              <span class="proof-number">4,9 / 5</span>
4218              <strong>Pacienti aplikaci opravdu používají rádi.</strong>
4219              <p>Silný signál důvěry při změně komunikace s ordinací.</p>
4220            </div>
4221            <a class="proof-box" href="https://www.medevio.cz/bonifikace-uhradova-vyhlaska" data-track="roi_card_bonifikace_click">
4222              <span class="proof-number">+10 000 Kč</span>
4223              <strong>Bonifikace z úhradové vyhlášky</strong>
4224              <p>Relevantní hlavně pro praktiky a pediatry.</p>
4225              <span class="proof-inline-link">Více o bonifikaci →</span>
4226            </a>
4227            <a class="proof-box" href="https://www.medevio.cz/kod-01305" data-track="roi_card_kod01305_click">
4228              <span class="proof-number">Kód 01305</span>
4229              <strong>Telemedicínský bonus</strong>
4230              <p>Vykazujte distanční konzultace prováděné přes Medevio.</p>
4231              <span class="proof-inline-link">Více o kódu 01305 →</span>
4232            </a>
4233            <div class="proof-box">
4234              <span class="proof-number">až 3 h</span>
4235              <strong>Úspora času denně</strong>
4236              <p>Tým si skládá den v klidnějším rytmu.</p>
4237            </div>
4238          </div>
4239
4240          <div class="proof-showcase">
4241            <div class="proof-references">
4242              <div class="proof-references-head">
4243                <div class="proof-references-copy">
4244                  <h3>Důvěra a spokojenost mluví za vše</h3>
4245                </div>
4246                <a class="mv-btn" href="https://www.medevio.cz/reference" data-track="references_view_all_click">Zobrazit všechny reference</a>
4247              </div>
4248
4249              <div class="proof-review-grid">
4250                <div class="proof-review-card">
4251                  <div class="proof-stars">★★★★★</div>
4252                  <p>Jsou to hodiny ušetřeného času týdně. Minimálně dvě hodiny každý den. Mám více času starat se o chod ordinace a zároveň se můžu více věnovat pacientkám.</p>
4253                  <div class="quote-profile">
4254                    <div class="quote-avatar"><img src="https://umsousercontent.com/lib_QWHBFfeWMIxctvKj/2t1or64n2gz4hemi.png" alt="MUDr. Jančárková" loading="lazy"/></div>
4255                    <div class="quote-meta">
4256                      <span class="quote-name">MUDr. Jančárková</span>
4257                      <span class="quote-role">Gynekologie, Velký Šenov</span>
4258                    </div>
4259                  </div>
4260                </div>
4261
4262                <div class="proof-review-card">
4263                  <div class="proof-stars">★★★★★</div>
4264                  <p>Medevio bych doporučila z mnoha důvodů. Nejvíce ale oceníme, že nevolá tolik pacientů najednou, takže je v práci více klidu na léčbu a celkově méně nervů a stresu.</p>
4265                  <div class="quote-profile">
4266                    <div class="quote-avatar"><img src="https://umsousercontent.com/lib_QWHBFfeWMIxctvKj/2t1or64n2gz4hemi.png" alt="M. Rakašová" loading="lazy"/></div>
4267                    <div class="quote-meta">
4268                      <span class="quote-name">M. Rakašová, zdravotní sestra</span>
4269                      <span class="quote-role">Gynekologie, Třebechovice p. O.</span>
4270                    </div>
4271                  </div>
4272                </div>
4273
4274                <div class="proof-review-card">
4275                  <div class="proof-stars">★★★★★</div>
4276                  <p>Aplikace Medevio mi umožňuje novou úroveň komunikace s mými klienty. Pomocí aplikace získám potřebné informace od pacienta z pohodlí jeho domova.</p>
4277                  <div class="quote-profile">
4278                    <div class="quote-avatar"><img src="https://umsousercontent.com/lib_VIqzMBqtfUYwExIq/kihbdtuozy7y0d4r.png" alt="MUDr. Pelikánová" loading="lazy"/></div>
4279                    <div class="quote-meta">
4280                      <span class="quote-name">MUDr. Pelikánová</span>
4281                      <span class="quote-role">
4281Pediatrie, Nový Knín</span>
4282                    </div>
4283                  </div>
4284                </div>
4285              </div>
4286            </div>
4287
4288            <div class="proof-story-panel">
4289              <div class="proof-video-copy">
4290                <div class="eyebrow">Příběh z praxe</div>
4291                <h3>Medevio očima lékařky</h3>
4292                <p>Poslechněte si, jak Medevio změnilo každodenní chod ordinace MUDr. P. Bomberové Kánské a jejího týmu.</p>
4293                <ul class="proof-story-points">
4294                  <li>Jak přijali Medevio pacienti?</li>
4295                  <li>Jak probíhala implementace?</li>
4296                  <li>V čem Medevio nejvíce pomohlo?</li>
4297                  <li>Kolik času vám Medevio ušetří?</li>
4298                </ul>
4299              </div>
4300
4301              <div class="proof-story-media">
4302                <button class="proof-play" type="button" aria-label="Přehrát videoreferenci" data-track="video_reference_play">▶</button>
4303                <div class="proof-caption">
4304                  <strong>MUDr. P. Bomberová Kánská</strong>
4305                  <span>Ordinace praktického lékaře pro dospělé</span>
4306                </div>
4307                <div class="video-shell">
4308                  <video controls="" preload="metadata" poster="https://umsousercontent.com/lib_VIqzMBqtfUYwExIq/z5arr1aax8vwngq2.png">
4309                    <source src="https://umsousercontent.com/lib_QWHBFfeWMIxctvKj/w7bhnoclep0937vs.mp4" type="video/mp4"/>
4310                  </video>
4311                </div>
4312              </div>
4313            </div>
4314          </div>
4315        </div>
4316      </section>
4317
4318      <section class="story-block" data-reveal="" data-section="specializations">
4319        <div class="specialists-block">
4320          <div class="specialists-head">
4321            <h2>Specialisté důvěřují Medevio</h2>
4322            <p>Medevio využívá řada ambulantních specialistů — prohlédněte si, co aplikace přináší právě vaší specializaci.</p>
4323          </div>
4324          <div class="specialists-pills">
4325            <a class="specialist-pill" href="https://www.medevio.cz/pro-lekare-praktik" data-track="specialization_tile_click" data-specialty="praktik" data-position="all">Praktické lék.</a>
4326            <a class="specialist-pill" href="https://www.medevio.cz/pro-lekare-pediatr" data-track="specialization_tile_click" data-specialty="pediatr" data-position="all">
4326Pediatrie</a>
4327            <a class="specialist-pill" href="https://www.medevio.cz/pro-lekare-gynekolog" data-track="specialization_tile_click" data-specialty="gynekologie" data-position="all">Gynekologie</a>
4328            <a class="specialist-pill" href="https://www.medevio.cz/pro-lekare-interna" data-track="specialization_tile_click" data-specialty="diabetologie" data-position="all">Diabetologie</a>
4329            <a class="specialist-pill" href="https://www.medevio.cz/pro-lekare-interna" data-track="specialization_tile_click" data-specialty="interna" data-position="all">Interna</a>
4330            <a class="specialist-pill" href="https://www.medevio.cz/pro-lekare-kardiolog" data-track="specialization_tile_click" data-specialty="kardiologie" data-position="all">Kardiologie</a>
4331            <a class="specialist-pill" href="https://www.medevio.cz/pro-lekare-oftalmologie" data-track="specialization_tile_click" data-specialty="oftalmologie" data-position="all">Oftalmologie</a>
4332            <a class="specialist-pill" href="https://www.medevio.cz/pro-orl-lekare" data-track="specialization_tile_click" data-specialty="orl" data-position="all">ORL</a>
4333            <a class="specialist-pill" href="https://www.medevio.cz/pro-lekare-neurolog" data-track="specialization_tile_click" data-specialty="neurologie" data-position="all">Neurologie</a>
4334            <a class="specialist-pill" href="https://www.medevio.cz/pro-lekare-psychiatr" data-track="specialization_tile_click" data-specialty="psychiatrie" data-position="all">Psychiatrie</a>
4335            <a class="specialist-pill" href="https://www.medevio.cz/pro-lekare-psycholog" data-track="specialization_tile_click" data-specialty="psychologie" data-position="all">Psychologie</a>
4336            <a class="specialist-pill" href="https://www.medevio.cz/pro-nutricni-terapeuty" data-track="specialization_tile_click" data-specialty="nutricni-terapie" data-position="all">Nutriční terapie</a>
4337            <a class="specialist-pill" href="https://www.medevio.cz/pro-alergology" data-track="specialization_tile_click" data-specialty="alergologie" data-position="all">Alergologie</a>
4338            <a class="specialist-pill" href="https://www.medevio.cz/pro-pneumology" data-track="specialization_tile_click" data-specialty="pneumologie" data-position="all">Pneumologie</a>
4339            <a class="specialist-pill" href="https://www.medevio.cz/pro-veterinare" data-track="specialization_tile_click" data-specialty="veterina" data-position="all">Veterina</a>
4340          </div>
4341          <div class="specialists-cta">
4342            <a class="mv-btn mv-btn-dark" href="#contact-form" data-track="cta_specializations_demo_click">Chci ukázku pro svou specializaci →</a>
4343          </div>
4344        </div>
4345      </section>
4346
4347      <section class="story-block" data-reveal="" data-section="security">
4348        <div class="security-layout surface-plain">
4349          <div class="panel security-copy">
4350            <div class="eyebrow">Ambulantní systém (AIS) a bezpečnost</div>
4351            <h2 style="margin-top:12px">Přínos pro provoz je důležitý. Důvěra a bezpečnost stejně tak.</h2>
4352            <p style="margin-top:10px">Medevio stojí na zdravotnickém standardu a funguje s reálným provozem ordinace.</p>
4353            <div class="actions" style="margin-top:16px">
4354              <a class="mv-btn mv-btn-inline" href="https://napoveda.medevio.cz/support/solutions/articles/204000074150-integrace-s-ais-n%C3%A1poveda-integr%C3%A1cia-s-ais" data-track="ais_integration_click">Detail propojení s ambulantním systémem (AIS) →</a>
4355            </div>
4356          </div>
4357
4358          <div class="panel panel-tight" style="justify-self:end;align-self:end">
4359            <div class="iso">
4360              <img src="https://umsousercontent.com/lib_VIqzMBqtfUYwExIq/cj8xsu7hy8e80leu.png" alt="Certifikace ISO 27001" loading="lazy"/>
4361              <div>
4362                <strong>ISO 27001, GDPR a EU servery</strong>
4363                <p>Bezpečnost popsaná stručně a bez zbytečného strašení.</p>
4364              </div>
4365            </div>
4366          </div>
4367        </div>
4368      </section>
4369
4370      <section class="story-block" id="faq" data-reveal="" data-section="faq">
4371        <div class="story-grid story-surface">
4372          <div>
4373            <div class="eyebrow">Časté otázky</div>
4374            <h2 style="margin-top:12px">To podstatné před rozhodnutím.</h2>
4375            <p style="margin-top:10px">
4375Krátké odpovědi na to, co bývá před rozhodnutím důležité.</p>
4376          </div>
4377
4378          <div class="faq">
4379            <article class="faq-item">
4380              <button class="faq-toggle" type="button" aria-expanded="false">
4381                <span>Musíme kvůli Medevio měnit náš ambulantní systém (AIS)?</span>
4382                <span>+</span>
4383              </button>
4384              <div class="faq-panel">
4385                <div class="faq-panel-inner">
4386              <p>Medevio je navržené tak, aby zapadlo do stávajícího provozu. Cílem není všechno vyměnit, ale uspořádat komunikaci nad tím, co už funguje.</p>
4387              <p><strong><a href="https://www.medevio.cz/cgm-medevio" data-track="cgm_integration_click" data-position="faq">Používáte ambulantní systém CGM? Podívejte se, jak funguje jeho přímé propojení s Medevio →</a></strong></p>
4388              <p><strong>Oboustranné propojení:</strong> Smartmedix, PsychologC, DUAS, Praktik.</p>
4389              <p><strong>Z ambulantního systému (AIS) do Medevio:</strong> Dr. Rex, WinMed2, Ordin Doktor, Medistar, AIS CTMOS.</p>
4390                </div>
4391              </div>
4392            </article>
4393
4394            <article class="faq-item">
4395              <button class="faq-toggle" type="button" aria-expanded="false">
4396                <span>Jak rychle jde Medevio spustit?</span>
4397                <span>+</span>
4398              </button>
4399              <div class="faq-panel">
4400                <div class="faq-panel-inner">
4401                  <p>Typický start bývá kolem dvou týdnů. Společně se nastaví profil, workflow i způsob komunikace tak, aby seděl vašemu provozu.</p>
4402                </div>
4403              </div>
4404            </article>
4405
4406            <article class="faq-item">
4407              <button class="faq-toggle" type="button" aria-expanded="false">
4408                <span>Co když naši pacienti raději volají než píšou?</span>
4409                <span>+</span>
4410              </button>
4411              <div class="faq-panel">
4412                <div class="faq-panel-inner">
4413                  <p>Proto je součástí Medevio i práce s telefonní vrstvou a hlasovými vzkazy. Pacient se dovolá nebo zanechá vzkaz, ale provoz ordinace tím nemusí být v tu chvíli přerušený.</p>
4414                </div>
4415              </div>
4416            </article>
4417          </div>
4418        </div>
4419      </section>
4420
4421      <section class="story-block" data-reveal="" data-section="closing">
4422        <div class="closing">
4423          <div>
4424            <h2 style="margin-top:12px;color:#fff">Chcete si to projít na vaší ordinaci, nebo nejdřív vidět ceník?</h2>
4425          </div>
4426          <div class="actions">
4427            <a class="mv-btn mv-btn-primary" href="#contact-form" data-track="cta_final_demo_click">Domluvit 15min ukázku</a>
4428            <a class="mv-btn" href="https://www.medevio.cz/cenik#pricing" data-track="cta_final_pricing_click">Podívat se na ceník</a>
4429          </div>
4430        </div>
4431      </section>
4432
4433      <section class="story-block contact-form-section" id="contact-form" data-reveal="" data-section="contact_form">
4434        <div class="story-surface">
4435          <h2 style="margin-top:12px">Napíšte nám, ozveme se do druhého dne.</h2>
4436          <p style="margin-top:10px">Stačí krátká zpráva — domluvíme 15min ukázku, jak by Medevio fungovalo u vás v ordinaci.</p>
4437
4438          <form id="contactForm" class="contact-form-shell" noValidate="">
4439            <div class="contact-field">
4440              <label for="contactName">Jméno a příjmení</label>
4441              <input id="contactName" class="contact-input" type="text" autoComplete="name" required="" name="name"/>
4442              <div class="contact-error" data-error-for="name"></div>
4443            </div>
4444            <div class="contact-field">
4445              <label for="contactClinic">Název ordinace <span class="optional">(nepovinné)</span></label>
4446              <input id="contactClinic" class="contact-input" type="text" autoComplete="organization" name="clinic"/>
4447              <div class="contact-error" data-error-for="clinic"></div>
4448            </div>
4449            <div class="contact-field">
4450              <label for="contactPhone">Telefon</label>
4451              <input id="contactPhone" class="contact-input" type="tel" autoComplete="tel" required="" name="phone"/>
4452              <div class="contact-error" data-error-for="phone"></div>
4453            </div>
4454            <div class="contact-field">
4455              <label for="contactEmail">E-mail <span class="optional">(nepovinné)</span></label>
4456              <input id="contactEmail" class="contact-input" type="email" autoComplete="email" name="email"/>
4457              <div class="contact-error" data-error-for="email"></div>
4458            </div>
4459            <div class="contact-field">
4460              <label for="contactQuestion">Co vás zajímá?</label>
4461              <textarea id="contactQuestion" name="question" class="contact-textarea" minLength="10" required=""></textarea>
4462              <div class="contact-error" data-error-for="question"></div>
4463            </div>
4464            <button type="submit" class="mv-btn mv-btn-primary">Poslat poptávku</button>
4465          </form>
4466
4467          <div id="contactSuccess" class="contact-success">Děkujeme, ozveme se vám co nejdříve.</div>
4468        </div>
4469      </section>
4470    </article>
4471  </main>
4472
4473  
4473<script>
4474    (function(){
4475      function track(eventName, payload){
4476        try{
4477          var data = Object.assign({source:"pro_lekare_page"}, payload || {});
4478          if(window.gtag) window.gtag("event", eventName, data);
4479          window.dataLayer = window.dataLayer || [];
4480          window.dataLayer.push(Object.assign({event:eventName}, data));
4481        }catch(err){}
4482      }
4483
4484      document.addEventListener("click", function(event){
4485        var link = event.target.closest("[data-track]");
4486        if(!link) return;
4487        var payload = {href: link.getAttribute("href") || ""};
4488        for(var k in link.dataset){
4489          if(k === "track") continue;
4490          payload[k] = link.dataset[k];
4491        }
4492        if(link.dataset.specialty && !payload.specialization){
4493          payload.specialization = link.dataset.specialty;
4494        }
4495        track(link.getAttribute("data-track"), payload);
4496      });
4497
4498      var revealItems = document.querySelectorAll("[data-reveal]");
4499      var sectionItems = document.querySelectorAll("[data-section]");
4500      if("IntersectionObserver" in window){
4501        var revealObserver = new IntersectionObserver(function(entries){
4502          entries.forEach(function(entry){
4503            if(entry.isIntersecting){
4504              entry.target.classList.add("is-visible");
4505              revealObserver.unobserve(entry.target);
4506            }
4507          });
4508        }, {threshold:.12});
4509        revealItems.forEach(function(item){ revealObserver.observe(item); });
4510
4511        var sectionObserver = new IntersectionObserver(function(entries){
4512          entries.forEach(function(entry){
4513            if(entry.isIntersecting){
4514              var name = entry.target.getAttribute("data-section");
4515              track("section_view", {section: name});
4516              sectionObserver.unobserve(entry.target);
4517            }
4518          });
4519        }, {threshold:.4});
4520        sectionItems.forEach(function(item){ sectionObserver.observe(item); });
4521      } else {
4522        revealItems.forEach(function(item){ item.classList.add("is-visible"); });
4523      }
4524
4525      var scrollMilestones = [25,50,75,100];
4526      var firedScroll = {};
4527      function checkScrollDepth(){
4528        var doc = document.documentElement;
4529        var winHeight = window.innerHeight || doc.clientHeight;
4530        var fullHeight = Math.max(doc.scrollHeight, doc.offsetHeight);
4531        var maxScroll = fullHeight - winHeight;
4532        if(maxScroll <= 0) return;
4533        var pct = Math.min(100, Math.round(((window.scrollY || window.pageYOffset) / maxScroll) * 100));
4534        scrollMilestones.forEach(function(m){
4535          if(!firedScroll[m] && pct >= m){
4536            firedScroll[m] = true;
4537            track("scroll_depth", {percent: m});
4538          }
4539        });
4540      }
4541      var scrollTicking = false;
4542      window.addEventListener("scroll", function(){
4543        if(scrollTicking) return;
4544        scrollTicking = true;
4545        window.requestAnimationFrame(function(){
4546          checkScrollDepth();
4547          scrollTicking = false;
4548        });
4549      }, {passive:true});
4550      checkScrollDepth();
4551
4552      var roiInputs = {
4553        patients: document.querySelector('[data-roi-input="patients"]'),
4554        calls: document.querySelector('[data-roi-input="calls"]'),
4555        specialty: document.querySelector('[data-roi-input="specialty"]')
4556      };
4557      var roiValues = {
4558        patients: document.querySelector('[data-roi-value="patients"]'),
4559        calls: document.querySelector('[data-roi-value="calls"]'),
4560        specialtyLabel: document.querySelector('[data-roi-value="specialtyLabel"]')
4561      };
4562      var roiOutputs = {
4563        total: document.querySelector('[data-roi-output="total"]'),
4564        summary: document.querySelector('[data-roi-output="summary"]'),
4565        timeTooltip: document.querySelector('[data-roi-output="time_tooltip"]'),
4566        bonusNote: document.querySelector('[data-roi-output="bonus_note"]'),
4567        bonusNoteTooltip: document.querySelector('[data-roi-output="bonus_note_tooltip"]')
4568      };
4569
4570      function formatCurrency(value){
4571        return Math.round(value).toLocaleString("cs-CZ") + " K\u010d";
4572      }
4573
4574      function calculateRoi(){
4575        var patients = Number(roiInputs.patients.value);
4576        var calls = Number(roiInputs.calls.value);
4577        var specialty = roiInputs.specialty.value;
4578        var minutesSavedPerCall = 4;
4579        var hourlyInternalRate = 350;
4580        var workdaysPerYear = 230;
4581        var patientFactor = 0.85 + ((patients - 600) / (3200 - 600)) * 0.3;
4582        var timeSavings = Math.round(calls * patientFactor * minutesSavedPerCall / 60 * hourlyInternalRate * workdaysPerYear);
4583        var bonus = specialty === "specialista" ? 0 : 10000;
4584        var total = timeSavings + bonus;
4585
4586        roiValues.patients.textContent = patients.toLocaleString("cs-CZ");
4587        roiValues.calls.textContent = calls.toLocaleString("cs-CZ");
4588        roiValues.specialtyLabel.textContent = roiInputs.specialty.options[roiInputs.specialty.selectedIndex].text;
4589
4590        roiOutputs.total.textContent = formatCurrency(total);
4591        roiOutputs.summary.textContent = specialty === "specialista"
4592          ? "U specialisty model počítá s úsporou času týmu a zohledňuje i velikost registrovaného kmene. Bonifikaci nepřičítá."
4593          : "U praktika a pediatra model kombinuje úsporu času týmu, velikost registrovaného kmene a orientační bonifikaci.";
4594        roiOutputs.timeTooltip.textContent = formatCurrency(timeSavings);
4595        roiOutputs.bonusNote.textContent = bonus === 0
4596          ? "U specialisty se bonifikace do modelu nezapočítává."
4597          : "Bonifikace pro praktika a pediatra: " + formatCurrency(bonus) + " ročně.";
4598        roiOutputs.bonusNoteTooltip.textContent = bonus === 0
4599          ? "U specialisty se bonifikace do ročního přínosu nezapočítává."
4600          : "Bonifikace pro praktika a pediatra: " + formatCurrency(bonus) + " ročně.";
4601      }
4602
4603      var roiStarted = false;
4604      function startRoi(field){
4605        if(!roiStarted){
4606          roiStarted = true;
4607          track("pricing_roi_start", {field: field || "auto"});
4608        }
4609      }
4610
4611      ["patients","calls"].forEach(function(key){
4612        roiInputs[key].addEventListener("input", function(){
4613          startRoi(key);
4614          calculateRoi();
4615          track("pricing_roi_change", {field:key, value:Number(roiInputs[key].value)});
4616        });
4617      });
4618
4619      roiInputs.specialty.addEventListener("change", function(){
4620        startRoi("specialty");
4621        calculateRoi();
4622        track("pricing_roi_change", {field:"specialty", value:roiInputs.specialty.value});
4623      });
4624
4625      var roiSection = document.getElementById("mini-roi");
4626      if("IntersectionObserver" in window && roiSection){
4627        var roiObserver = new IntersectionObserver(function(entries){
4628          entries.forEach(function(entry){
4629            if(entry.isIntersecting){
4630              startRoi("viewport");
4631              roiObserver.unobserve(entry.target);
4632            }
4633          });
4634        }, {threshold:.5});
4635        roiObserver.observe(roiSection);
4636      }
4637
4638      calculateRoi();
4639
4640      var tooltipClickMode = true;
4641      document.body.classList.add("mw-tooltip-click-mode");
4642
4643      document.querySelectorAll(".mw-tooltip").forEach(function(item){
4644        var trigger = item.querySelector(".mw-tooltip-trigger");
4645        if(!trigger) return;
4646
4647        function openFeature(source){
4648          var isOpen = item.classList.contains("is-open");
4649          document.querySelectorAll(".mw-tooltip.is-open").forEach(function(openItem){
4650            if(openItem !== item) openItem.classList.remove("is-open");
4651            var openTrigger = openItem.querySelector(".mw-tooltip-trigger");
4652            if(openTrigger) openTrigger.setAttribute("aria-expanded", "false");
4653          });
4654          item.classList.add("is-open");
4655          trigger.setAttribute("aria-expanded", "true");
4656          if(!isOpen && item.hasAttribute("data-feature")){
4657            track("feature_tooltip_open", {
4658              feature_name: item.getAttribute("data-feature"),
4659              interaction: source || "click"
4660            });
4661          }
4662        }
4663
4664        function closeFeature(){
4665          item.classList.remove("is-open");
4666          trigger.setAttribute("aria-expanded", "false");
4667        }
4668
4669        item.addEventListener("mouseenter", function(){
4670          if(!tooltipClickMode){
4671            openFeature("hover");
4672          }
4673        });
4674
4675        item.addEventListener("mouseleave", function(){
4676          if(!tooltipClickMode){
4677            closeFeature();
4678          }
4679        });
4680
4681        trigger.addEventListener("click", function(event){
4682          if(!tooltipClickMode) return;
4683          event.preventDefault();
4684          var isOpen = item.classList.contains("is-open");
4685          if(isOpen){
4686            closeFeature();
4687          } else {
4688            openFeature("tap");
4689          }
4690        });
4691      });
4692
4693      document.addEventListener("click", function(event){
4694        if(event.target.closest(".mw-tooltip")) return;
4695        document.querySelectorAll(".mw-tooltip.is-open").forEach(function(item){
4696          item.classList.remove("is-open");
4697          var trigger = item.querySelector(".mw-tooltip-trigger");
4698          if(trigger) trigger.setAttribute("aria-expanded", "false");
4699        });
4700      });
4701
4702      document.querySelectorAll("video").forEach(function(video){
4703        var played = false;
4704        video.addEventListener("play", function(){
4705          if(!played){
4706            played = true;
4707            var src = (video.currentSrc || video.src || "").split("/").pop().split("?")[0] || "";
4708            track("video_reference_play", {video_source: src});
4709          }
4710        });
4711      });
4712
4713      document.querySelectorAll(".proof-play").forEach(function(btn){
4714        btn.addEventListener("click", function(){
4715          var media = btn.closest(".proof-story-media");
4716          var video = media && media.querySelector("video");
4717          if(!media || !video) return;
4718          media.classList.add("is-playing");
4719          var p = video.play();
4720          if(p && typeof p.catch === "function") p.catch(function(){});
4721        });
4722      });
4723
4724      var contactForm = document.getElementById("contactForm");
4725      var contactSuccess = document.getElementById("contactSuccess");
4726      if(contactForm){
4727        var LEAD_ENDPOINT = "https://hook.eu1.make.com/4ys6c5h1b6t1j78tg39jmp1mjle90m3o";
4728
4729        function setContactError(name, message){
4730          var field = contactForm.querySelector('[name="'+name+'"]');
4731          var error = contactForm.querySelector('[data-error-for="'+name+'"]');
4732          if(field) field.classList.toggle("is-error", !!message);
4733          if(error) error.textContent = message || "";
4734        }
4735
4736        function validateContactPhone(v){return /^[+]?[0-9\s()/-]{7,}$/.test(v.trim());}
4737        function validateContactEmail(v){var s=v.trim(); return !s || /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(s);}
4738
4739        async function submitContactLead(payload){
4740          try{
4741            var res = await fetch(LEAD_ENDPOINT, {method:"POST", headers:{"Content-Type":"application/json"}, body:JSON.stringify(payload)});
4742            if(!res.ok) throw new Error("submit_failed");
4743            return {ok:true};
4744          }catch(err){
4745            try{
4746              await fetch(LEAD_ENDPOINT, {method:"POST", mode:"no-cors", headers:{"Content-Type":"text/plain;charset=UTF-8"}, body:JSON.stringify(payload)});
4747              return {ok:true, opaque:true};
4748            }catch(e){return {ok:false};}
4749          }
4750        }
4751
4752        var contactStarted = false;
4753        contactForm.querySelectorAll("input,textarea").forEach(function(field){
4754          field.addEventListener("focus", function(){
4755            if(!contactStarted){
4756              contactStarted = true;
4757              track("contact_form_start", {field: field.name || field.id || ""});
4758            }
4759          });
4760        });
4761
4762        contactForm.addEventListener("submit", async function(e){
4763          e.preventDefault();
4764          var name = contactForm.name.value.trim();
4765          var clinic = contactForm.clinic.value.trim();
4766          var phone = contactForm.phone.value.trim();
4767          var email = contactForm.email.value.trim();
4768          var question = contactForm.question.value.trim();
4769
4770          var failed = [];
4771          if(name.length<2) failed.push("name");
4772          if(!validateContactPhone(phone)) failed.push("phone");
4773          if(!validateContactEmail(email)) failed.push("email");
4774          if(question.length<10) failed.push("question");
4775
4776          setContactError("name", failed.indexOf("name")<0 ? "" : "Vyplňte prosím jméno a příjmení.");
4777          setContactError("phone", failed.indexOf("phone")<0 ? "" : "Zadejte prosím platný telefon.");
4778          setContactError("email", failed.indexOf("email")<0 ? "" : "Zadejte prosím platný e-mail nebo pole nechte prázdné.");
4779          setContactError("question", failed.indexOf("question")<0 ? "" : "Otázka musí mít alespoň 10 znaků.");
4780
4781          if(failed.length){
4782            track("contact_form_validation_error", {fields: failed.join(",")});
4783            return;
4784          }
4785
4786          var btn = contactForm.querySelector('button[type="submit"]');
4787          btn.disabled = true;
4788          var nameParts = name.split(/\s+/).filter(Boolean);
4789          var payload = {
4790            environment: location.protocol === "file:" ? "development" : "production",
4791            type: "PRICE_LIST_QUESTION",
4792            source: "medevio_pro_lekare",
4793            requestName: "poptávka z pro-lékaře",
4794            clinicName: clinic || name || "Poptávka pro lékaře",
4795            webappUrl: "https://www.medevio.cz/pro-lekare",
4796            adminUrl: "",
4797            pageUrl: location.href,
4798            fullName: name,
4799            name: name,
4800            firstName: nameParts[0] || "",
4801            lastName: nameParts.slice(1).join(" "),
4802            phoneNumber: phone,
4803            email: email,
4804            contact: email ? phone+" / "+email : phone,
4805            question: question
4806          };
4807          var res = await submitContactLead(payload);
4808          btn.disabled = false;
4809          if(res.ok){
4810            contactForm.classList.add("is-hidden");
4811            contactSuccess.classList.add("is-visible");
4812            track("contact_form_submit", {opaque: !!res.opaque});
4813          } else {
4814            setContactError("question", "Odeslání se nepodařilo. Zkuste to prosím znovu.");
4815            track("contact_form_submit_error", {reason: "network"});
4816          }
4817        });
4818
4819        document.querySelectorAll('a[href="#contact-form"]').forEach(function(a){
4820          a.addEventListener("click", function(){
4821            setTimeout(function(){
4822              var first = contactForm.querySelector("input,textarea");
4823              if(first) first.focus({preventScroll:true});
4824            }, 600);
4825          });
4826        });
4827      }
4828
4829      document.querySelectorAll(".faq-item").forEach(function(item){
4830        var button = item.querySelector(".faq-toggle");
4831        var panel = item.querySelector(".faq-panel");
4832        var inner = item.querySelector(".faq-panel-inner");
4833        if(!button || !panel || !inner) return;
4834
4835        button.addEventListener("click", function(){
4836          var open = button.getAttribute("aria-expanded") === "true";
4837          document.querySelectorAll('.faq-toggle[aria-expanded="true"]').forEach(function(otherButton){
4838            if(otherButton !== button){
4839              otherButton.setAttribute("aria-expanded", "false");
4840              var otherPanel = otherButton.parentElement.querySelector(".faq-panel");
4841              if(otherPanel) otherPanel.style.maxHeight = "0px";
4842            }
4843          });
4844
4845          button.setAttribute("aria-expanded", open ? "false" : "true");
4846          panel.style.maxHeight = open ? "0px" : (inner.scrollHeight + "px");
4847
4848          if(!open){
4849            var label = button.querySelector("span");
4850            var qText = label ? label.textContent.trim() : "";
4851            if(qText.length > 100) qText = qText.slice(0, 97) + "...";
4852            track("faq_open", {question: qText});
4853          }
4854        });
4855      });
4856    })();
4857  </script>
4857
4858</div></div></div></section><footer id="footer" class="_c4b89fde theme-1ghzbdec7g cards-card_7bt7m7n3gm_custom buttons-button-01"><div class="wr"><div class="_bea1daea"><div class="_240f2910"><span class="_c0e4633f um-text"><p>© 2026 Medevio</p></span><img draggable="false" src="https://umsousercontent.com/lib_QWHBFfeWMIxctvKj/7lmeyibcx86ru01i.svg?w=100&amp;h=40&amp;dpr=2" class="_a6d0f97b" alt="medevio-logo.svg"/><div class="_4dba2c1d" style="position:relative"><a href="" class="_3d4606c5"><div class="um-icon _317000c4"><img src="https://umsousercontent.com/lib_oNNIsRRJLnhKdcsI/zffjp9pdafpj7nzs.svg?w=24&amp;h=24&amp;dpr=2" alt="xtwitter.svg" style="position:relative;width:24px;height:24px;display:block;object-fit:contain"/></div></a><a href="https://www.linkedin.com/company/medevio" class="_3d4606c5"><div class="um-icon _317000c4"><img src="https://umsousercontent.com/lib_oNNIsRRJLnhKdcsI/zz6wqm9c7zuhbndd.svg?w=24&amp;h=24&amp;dpr=2" alt="linkedin.svg" style="position:relative;width:24px;height:24px;display:block;object-fit:contain"/></div></a><a href="https://www.facebook.com/MyMedevio/" class="_3d4606c5"><div class="um-icon _317000c4"><img src="https://umsousercontent.com/lib_oNNIsRRJLnhKdcsI/mz35mkyr8l0t8rgk.svg?w=24&amp;h=24&amp;dpr=2" alt="facebook.svg" style="position:relative;width:24px;height:24px;display:block;object-fit:contain"/></div></a></div><div class="_370825cf umsoPluginTarget"></div></div><ul class="_6d77f4ac" style="position:relative"><li class="_15091c77"><h4 class="_f7277ae9 um-text"><p>Medevio</p>
4859</h4><ul class="_a1fe80f4" style="position:relative"><li class="_171c7314"><a href="/o-nas" target="_blank" rel="noopener noreferrer" class="_7d179ab3">O nás</a></li><li class="_171c7314"><a href="/jak-pomahame" target="_blank" rel="noopener noreferrer" class="_7d179ab3">Blog</a></li><li class="_171c7314"><a href="/joinus" target="_blank" rel="noopener noreferrer" class="_7d179ab3">Volné pozice / Careers</a></li><li class="_171c7314"><a href="https://www.medevio.cz/novinky" target="_blank" rel="noopener noreferrer" class="_7d179ab3">Novinky</a></li><li class="_171c7314"><a href="https://www.medevio.cz/tiskove-zpravy" class="_7d179ab3">Tiskové zprávy</a></li></ul></li><li class="_15091c77"><h4 class="_f7277ae9 um-text"><p>Lékaři</p>
4860</h4><ul class="_a1fe80f4" style="position:relative"><li class="_171c7314"><a href="/napoveda" class="_7d179ab3">Nápověda pro lékaře</a></li><li class="_171c7314"><a href="/zpetna-vazba" class="_7d179ab3">Vaše nápady a zpětná vazba</a></li><li class="_171c7314"><a href="/webinare" class="_7d179ab3">Webináře</a></li></ul></li><li class="_15091c77"><h4 class="_f7277ae9 um-text"><p>Pacienti</p>
4861</h4><ul class="_a1fe80f4" style="position:relative"><li class="_171c7314"><a href="https://pacient.napoveda.medevio.cz/support/home" target="_blank" rel="noopener noreferrer" class="_7d179ab3">Nápověda pro pacienty</a></li><li class="_171c7314"><a href="https://my.medevio.cz/" class="_7d179ab3">Vyhledat lékaře</a></li><li class="_171c7314"><a href="/pro-pacienty#aplikace" class="_7d179ab3">Mobilní aplikace</a></li></ul></li><li class="_15091c77"><h4 class="_f7277ae9 um-text"><p>Legal</p>
4862</h4><ul class="_a1fe80f4" style="position:relative"><li class="_171c7314"><a href="https://my.medevio.cz/podminky" class="_7d179ab3">Podmínky použití</a></li><li class="_171c7314"><a href="/obchodni-podminky" class="_7d179ab3">Všeobecné obchodní podmínky</a></li><li class="_171c7314"><a href="/prohlaseni-o-pristupnosti" class="_7d179ab3">Prohlášení o přístupnosti</a></li><li class="_171c7314"><a href="/data-protection-officer" class="_7d179ab3">Data Protection Officer</a></li><li class="_171c7314"><a href="/zpracovani-osobnich-udaju" class="_7d179ab3">Zpracování osobních údajů</a></li></ul></li></ul></div><div class="_d9ac988c um-text"><p></p></div></div></footer><div id="cookieSettingsButton" class="cookieSettingsButton">Cookie Settings</div><div id="bannerWrapper" class="bannerWrapper center" style="background:rgb(0, 0, 0);color:rgb(255, 255, 255)"><div class="bannerText">Tento web používá soubory cookie. Používáme cookies k analýze návštěvnosti a personalizaci obsahu a reklam. Informace o tom, jak náš web používáte, sdílíme s našimi partnery v oblasti s
4862ociálních médií, reklamy a analýzy.<p></p></div><button id="bannerSettingsButton" class="cookieBannerSettingsButton" style="color:#ffffff">Settings</button><div class="buttonWrapper"><button id="bannerRejectAllButton" class="cookieBannerButton primary light">Reject All</button><button id="bannerAcceptAllButton" class="cookieBannerButton primary light">Accept All</button></div></div>
4862<script>!function(){function e(){const e=document.getElementById('bannerWrapper');e&&(e.style.display='none'),function(){const e=document.getElementById('madeWithUmso');null!==e&&e.classList.add('badge--center')}()}document.cookie.match('trackingPreferences')?e():function(){const e=document.getElementById('bannerWrapper');e&&(e.style.display='flex')}(),document.getElementById('bannerAcceptButton')&&document.getElementById('bannerAcceptButton').addEventListener('click',function(){!function(e,n,t){let c=new Date;c.setTime(c.getTime()+24*t*60*60*1e3);const o='expires='+c.toUTCString();document.cookie=e+'='+n+';'+o+';path=/'}('trackingPreferences',!0,365),e()},!1)}();</script>
4862<div id="cookieSettings" class="umsoModalWrapper"><div class="umsoModalOverlay"></div><div class="umsoModal" style="background-color:rgb(0, 0, 0);color:rgb(255, 255, 255)"><div id="cookieSettings" class="cookieSettingsModal"><div class="cookieSettingsSummary"><h2 style="margin-top:0">Cookie Settings</h2><p>We use cookies to improve user experience. Choose what cookie categories you allow us to use. You can read more
4863about our Cookie Policy by clicking on Cookie Policy below.</p><div class="cookieSettingsCheckboxes"><div class="checkboxWrapper"><label class="checkbox"><input disabled="" type="checkbox" style="box-shadow:inset #ffffff 0 0 0 1px" name="strictly_necessary" checked="" value="strictly_necessary"/><span class="categoryName required">Essential (required)</span></label><p class="categorySummary required">These cookies enable strictly necessary cookies for security, language support and verification of identity.
4864These cookies can’t be disabled.</p></div><div class="checkboxWrapper" id="checkbox_functionality"><label class="checkbox"><input type="checkbox" style="box-shadow:inset #ffffff 0 0 0 1px" name="functionality" value="functionality"/><span class="categoryName">Functionality</span></label><p class="categorySummary">These cookies collect data to remember choices users make to improve and give a better
4865user experience. Disabling can cause some parts of the site to not work properly.</p></div><div class="checkboxWrapper" id="checkbox_performance"><label class="checkbox"><input type="checkbox" style="box-shadow:inset #ffffff 0 0 0 1px" name="performance" value="performance"/><span class="categoryName">Performance &amp; Analytics</span></label><p class="categorySummary">These cookies help us to understand how visitors interact with our website, help us measure and analyze traffic to improve our service.</p></div><div class="checkboxWrapper" id="checkbox_targeting"><label class="checkbox"><input type="checkbox" style="box-shadow:inset #ffffff 0 0 0 1px" name="targeting" value="targeting"/><span class="categoryName">Targeting &amp; Advertising</span></label><p class="categorySummary">These cookies help us to better deliver marketing content and customized ads.</p></div></div></div></div><div class="cookieSettingsActions"><a class="cookieBannerButton light" href="/zpracovani-osobnich-udaju" target="_blank" rel="noopener noreferrer">View Cookie Policy</a><button id="cookieSettingsSave" class="cookieBannerButton primary light">Save</button></div>
4865<script>!function(){const e='no',t=['strictly_necessary'],n=['strictly_necessary','functionality','performance','targeting'],o='cookie_consent',c='c_id',i='0.0.1',r=['landen_user_auth','landen_user_auth_dev','u_sp','lang','c_id'];function s(e){let t=document.cookie.split(';');for(let n=0;n<t.length;n++){let o=t[n].split('=');if(e===o[0].trim())return decodeURIComponent(o[1])}return null}function l(){let e=s(o);if(e){const t=JSON.parse(e);return Array.isArray(t)?t:t.split(',')}return t}function d(e,t,n){let o=new Date;o.setTime(o.getTime()+24*n*60*60*1e3);const c='expires='+o.toUTCString();document.cookie=e+'='+t+';'+c+';path=/'}function a(e){d(o,encodeURIComponent(JSON.stringify(e.join(','))),360)}function u(e){n.forEach(t=>{document.querySelectorAll('[data-cs-category='+t+']').forEach(n=>{if(n&&'SCRIPT'!==n.tagName)return;let o=document.createElement('script');e.includes(t)?o.type='text/javascript':o.type='text/plain',m(n.src)||(o.src=n.src),m(n.innerText)||(o.innerText=n.innerText),0!==n.classList.length&&(o.classList=n.classList),m(n.id)||(o.id=n.id),o.setAttribute('data-cs-category',t),n.remove(),document.head.appendChild(o)})}),window.umsoCookieConsent={categories:e},window.dispatchEvent(new CustomEvent('umsoCookieConsentGranted',{detail:{categories:e}}))}function m(e){return!(void 0!==e&&e)}function p(){!function(){let e=document.cookie.split('; ');for(let t=0;t<e.length;t++){let n=window.location.hostname.split('.');for(;n.length>0;){let o=encodeURIComponent(e[t].split(';')[0].split('=')[0]);if(r.includes(o))return;let c=o+'=; expires=Thu, 01-Jan-1970 00:00:01 GMT; domain='+n.join('.')+' ;path=',i=location.pathname.split('/');for(document.cookie=c+'/';i.length>0;)document.cookie=c+i.join('/'),i.pop();n.shift()}}}();const e=function(){let e=document.getElementsByTagName('input'),n=[];return Array.prototype.forEach.call(e,function(e,t){e.checked&&n.push(e.value)}),n||t}();a(e),window.CloseModal('cookieSettings'),u(e),f(e)}function f(e){let t=function(){let e=s(c);if(!e){const e=Math.random().toString(36).substr(2,6);return d(c,e,360),e}return e}();const n=new XMLHttpRequest;n.open('POST',window.location.origin+'/api/consent-record',!0),n.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=UTF-8'),n.send(JSON.stringify({consentId:t,acceptedCategories:e,cookieBannerVersion:i,policyVersion:'[object Object]'})),n.onload=function(){this.status<200&&this.status>=400&&console.error('http request failed. see request for more details')},n.onerror=function(){console.error('request failed')}}function g(){window.OpenModal('cookieSettings');const e=l();var t;t=e,n.forEach(e=>{let n=document.querySelectorAll('.cookieSettingsCheckboxes input[name="'+e+'"]');0!==n.length?n[0].checked=!!t.includes(e):console.error("couldn't set consent checkboxes")})}function y(){!function(){const e=document.getElementById('cookieSettingsButton'),t=document.querySelector('.umsoPluginTarget');e?(t&&(e.classList.add('cookieSettingsButtonRelative'),t.append(e)),e.style.display='flex'):console.error('cookieSettingsButton not found')}();const e=document.getElementById('bannerWrapper');e&&(e.style.display='none'),function(){const e=document.getElementById('madeWithUmso');null!==e&&e.classList.add('badge--center')}()}function h(){!function(){const e=document.getElementById('cookieSettingsButton');e?e.style.display='none':console.error('cookieSettingsButton not found')}();const e=document.getElementById('bannerWrapper');e&&(e.style.display='flex')}!function(){const e=document.getElementById('bannerAcceptAllButton'),c=document.getElementById('bannerRejectAllButton'),i=document.getElementById('bannerSettingsButton'),r=document.getElementById('cookieSettingsButton'),l=document.getElementById('cookieSettingsSave'),d=document.querySelector('.umsoModalOverlay');e?e.addEventListener('click',()=>{a(n),y(),u(n),f(n)}):console.error('btnBannerAcceptAll not found'),c?c.addEventListener('click',()=>{a(t),y(),f(t)}):console.error('btnBannerRejectAll not found'),i?i.addEventListener('click',()=>{g(),y()}):console.error('btnBannerSettings not found'),r?r.addEventListener('click',()=>{g()}):console.error('btnCookieSettings not found'),l?l.addEventListener('click',()=>{p()}):console.error('btnConsentSave not found'),d?d.addEventListener('click',()=>{s(o)?y():h()}):console.error('bannerDisplay not found')}(),function(){if('yes'===e){u(l())}}
4865(),n.forEach(e=>{let t=document.querySelector('#checkbox_'+e+' > .categorySummary');t&&t.addEventListener('click',()=>{let t=document.querySelectorAll('.cookieSettingsCheckboxes input[name="'+e+'"]');t[0].checked=!t[0].checked})}),document.cookie.match(o)?y():h()}();</script>
4865</div></div>
4865<script>!function(){const t=document.querySelectorAll('.umso-animated');const e=new IntersectionObserver((t,e)=>{t.forEach((t,n)=>{const o=t.target,a=function(t){const e=t.getBoundingClientRect(),n=window.innerHeight;let o=.3/(e.height/n+.2);return o=o>.1?Math.round(10*o)/10:Math.round(20*o)/20,o>1&&(o=1),o}(o);t.isIntersecting&&t.intersectionRatio>=a&&(!function(t,e){const n=parseFloat(t.style.getPropertyValue('--animationStagger'))||0,o=parseFloat(t.style.getPropertyValue('--animationDelay'))||0;t.style.animationDelay=`${o+n*e}ms`}(o,n),o.classList.add('umso-animating'),e.unobserve(o))})},{threshold:[0,.05,.1,.2,.3,.4,.5,.6,.7,.8,.9,1]});setTimeout(()=>{t.forEach(t=>e.observe(t))},50)}();</script>
4865<script>window.OpenModal=function(o){const e=document.querySelector('#'+o+'.umsoModalWrapper');if(!e)return;const n=e.querySelector('.umsoModalOverlay');e&&n?(e.style.display='block',n.addEventListener('click',()=>{window.CloseModal(o)},{once:!0})):console.error('modal not found ',o)},window.CloseModal=function(o){const e=document.querySelector('#'+o+'.umsoModalWrapper');e?e.style.display='none':console.error('modal not found',o)};</script>
4865<script>!function(){const e=false;window.SendEvent=function(n){if(!n)return void console.error('error when sending event');const t=JSON.stringify({siteId:'6fj5xhu5mhpblcgh',category:n.category,name:n.name,data:n.data,isPriorBlockingEnabled:e});if(n.asBeacon&&navigator.sendBeacon)return void navigator.sendBeacon('/api/event',t);let o=new XMLHttpRequest;o.open('POST','/api/event',!0),o.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=UTF-8'),o.send(t)}}(); !function(){const e=false,n=new URLSearchParams(window.location.search),t=['utm_source','utm_medium','utm_campaign','utm_term','utm_content'];window.PageView=function(){const o={referrer:document.referrer,path:window.location.pathname,isPriorBlockingEnabled:e};t.forEach(function(e){const t=n.get(e);t&&(o[e]=t)});let i=new XMLHttpRequest;i.open('POST','/api/view',!0),i.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=UTF-8'),i.send(JSON.stringify(o))},window.PageView()}(); !function(){const t=document.querySelectorAll('a'),n=new URLSearchParams(window.location.search),e=['utm_source','utm_medium','utm_campaign','utm_term','utm_content'];Array.prototype.forEach.call(t,function(t,c){t.addEventListener('click',function(c){const o={url:t.href,btn_id:t.id};e.forEach(function(t){const e=n.get(t);e&&(o[t]=e)}),window.SendEvent({category:'button',name:t.innerText,data:o,asBeacon:!0})})})}();</script>
4865<script>/*! smooth-scroll v14.2.1 | (c) 2018 Chris Ferdinandi | MIT License | http://github.com/cferdinandi/smooth-scroll */
4866!function(e,t){'function'==typeof define&&define.amd?define([],function(){return t(e)}):'object'==typeof exports?module.exports=t(e):e.SmoothScroll=t(e)}('undefined'!=typeof global?global:'undefined'!=typeof window?window:this,function(e){'use strict';var t={ignore:'[data-scroll-ignore]',header:null,topOnEmptyHash:!0,speed:500,clip:!0,offset:0,easing:'easeInOutCubic',customEasing:null,updateURL:!0,popstate:!0,emitEvents:!0},n=function(){for(var e={},t=0;t<arguments.length;t++)!function(t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])}(arguments[t]);return e},o=function(t){return parseInt(e.getComputedStyle(t).height,10)},r=function(e){var t;try{t=decodeURIComponent(e)}catch(n){t=e}return t},a=function(e){'#'===e.charAt(0)&&(e=e.substr(1));for(var t,n=String(e),o=n.length,r=-1,a='',i=n.charCodeAt(0);++r<o;){if(0===(t=n.charCodeAt(r)))throw new InvalidCharacterError('Invalid character: the input contains U+0000.');a+=t>=1&&t<=31||127==t||0===r&&t>=48&&t<=57||1===r&&t>=48&&t<=57&&45===i?'\\'+t.toString(16)+' ':t>=128||45===t||95===t||t>=48&&t<=57||t>=65&&t<=90||t>=97&&t<=122?n.charAt(r):'\\'+n.charAt(r)}var c;try{c=decodeURIComponent('#'+a)}catch(e){c='#'+a}return c},i=function(){return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight,document.body.offsetHeight,document.documentElement.offsetHeight,document.body.clientHeight,document.documentElement.clientHeight)},c=function(e){return e?o(e)+e.offsetTop:0},u=function(t,n,o,r){if(n.emitEvents&&'function'==typeof e.CustomEvent){var a=new CustomEvent(t,{bubbles:!0,detail:{anchor:o,toggle:r}});document.dispatchEvent(a)}};return function(o,s){var l,d,f,m,h,p,g={cancelScroll:function(e){cancelAnimationFrame(p),p=null,e||u('scrollCancel',l)}};g.animateScroll=function(o,r,a){var s=n(l||t,a||{}),d='[object Number]'===Object.prototype.toString.call(o),h=d||!o.tagName?null:o;if(d||h){var v=e.pageYOffset;s.header&&!f&&(f=document.querySelector(s.header)),m||(m=c(f));var y,S,E,b=d?o:function(t,n,o,r){var a=0;if(t.offsetParent)do{a+=t.offsetTop,t=t.offsetParent}while(t);return a=Math.max(a-n-o,0),r&&(a=Math.min(a,i()-e.innerHeight)),a}(h,m,parseInt('function'==typeof s.offset?s.offset(o,r):s.offset,10),s.clip),O=b-v,I=i(),w=0,C=function(t,n){var a=e.pageYOffset;
4866if(t==n||a==n||(v<n&&e.innerHeight+a)>=I)return g.cancelScroll(!0),function(t,n,o){0===t&&document.body.focus(),o||(t.focus(),document.activeElement!==t&&(t.setAttribute('tabindex','-1'),t.focus(),t.style.outline='none'),e.scrollTo(0,n))}(o,n,d),u('scrollStop',s,o,r),y=null,p=null,!0},L=function(t){y||(y=t),S=(w+=t-y)/parseInt(s.speed,10),E=v+O*function(e,t){var n;return'easeInQuad'===e.easing&&(n=t*t),'easeOutQuad'===e.easing&&(n=t*(2-t)),'easeInOutQuad'===e.easing&&(n=t<.5?2*t*t:(4-2*t)*t-1),'easeInCubic'===e.easing&&(n=t*t*t),'easeOutCubic'===e.easing&&(n=--t*t*t+1),'easeInOutCubic'===e.easing&&(n=t<.5?4*t*t*t:(t-1)*(2*t-2)*(2*t-2)+1),'easeInQuart'===e.easing&&(n=t*t*t*t),'easeOutQuart'===e.easing&&(n=1- --t*t*t*t),'easeInOutQuart'===e.easing&&(n=t<.5?8*t*t*t*t:1-8*--t*t*t*t),'easeInQuint'===e.easing&&(n=t*t*t*t*t),'easeOutQuint'===e.easing&&(n=1+--t*t*t*t*t),'easeInOutQuint'===e.easing&&(n=t<.5?16*t*t*t*t*t:1+16*--t*t*t*t*t),e.customEasing&&(n=e.customEasing(t)),n||t}(s,S=S>1?1:S),e.scrollTo(0,Math.floor(E)),C(E,b)||(p=e.requestAnimationFrame(L),y=t)};0===e.pageYOffset&&e.scrollTo(0,0),function(e,t,n){t||history.pushState&&n.updateURL&&history.pushState({smoothScroll:JSON.stringify(n),anchor:e.id},document.title,e===document.documentElement?'#top':'#'+e.id)}(o,d,s),u('scrollStart',s,o,r),g.cancelScroll(!0),e.requestAnimationFrame(L)}};var v=function(t){if((!('matchMedia'in e)||!e.matchMedia('(prefers-reduced-motion)').matches)&&0===t.button&&!t.metaKey&&!t.ctrlKey&&'closest'in t.target&&(d=t.target.closest(o))&&'a'===d.tagName.toLowerCase()&&!t.target.closest(l.ignore)&&d.hostname===e.location.hostname&&d.pathname===e.location.pathname&&/#/.test(d.href)){var n=a(r(d.hash)),i=l.topOnEmptyHash&&'#'===n?document.documentElement:document.querySelector(n);(i=i||'#top'!==n?i:document.documentElement)&&(t.preventDefault(),g.animateScroll(i,d))}},y=function(e){if(null!==history.state&&history.state.smoothScroll&&history.state.smoothScroll===JSON.stringify(l)&&history.state.anchor){var t=document.querySelector(a(r(history.state.anchor)));t&&g.animateScroll(t,null,{updateURL:!1})}},S=function(e){h||(h=setTimeout(function(){h=null,m=c(f)},66))};return g.destroy=function(){l&&(document.removeEventListener('click',v,!1),e.removeEventListener('resize',S,!1),e.removeEventListener('popstate',y,!1),g.cancelScroll(),l=null,d=null,f=null,m=null,h=null,p=null)},g.init=function(o){if(!('querySelector'in document&&'addEventListener'in e&&'requestAnimationFrame'in e&&'closest'in e.Element.prototype))throw'Smooth Scroll: This browser does not support the required JavaScript methods and browser APIs.';g.destroy(),l=n(t,o||{}),f=l.header?document.querySelector(l.header):null,m=c(f),document.addEventListener('click',v,!1),f&&e.addEventListener('resize',S,!1),l.updateURL&&l.popstate&&e.addEventListener('popstate',y,!1)},g.init(s),g}}),new window.SmoothScroll('a[href*="#"]',{offset:0});</script>
4866<script><!-- engine v5.0.8 --></script>
4866</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.