1<!DOCTYPE html> 2<html style="font-size: 16px;" lang="cs"><head> 3 4 5 <title>Sensetio â zaÅÃzenà pro trénink soustÅedÄnà a pozornosti</title> 6 <meta name="description" content="Sensetio ti pomůže zvládnout ADHD a nauÄit se soustÅedit. Citlivé elektrody mÄÅà vodivost kůže a hry v aplikaci tÄ uÄà koncentraci za pár minut dennÄ. VyzkouÅ¡ej 30 dnà zdarma."> 7 <meta name="keywords" content="sensetio, trénink soustÅedÄnÃ, adhd pomůcky, adhd pomůcky pro dÄti, pomůcky pro hyperaktivnà dÄti, jak se lépe soustÅedit, jak se soustÅedit na uÄenÃ, jak se soustÅedit na práci, adhd terapie, porucha soustÅedÄnÃ, vodivost kůže, elektrodermálnà aktivita, biofeedback, neurofeedback"> 8 <link rel="canonical" href="https://sensetio.com/cs/products/1"> 9 <link rel="icon" href="/mobirise/images/nvrh-bez-nzvu-32.png-96x96.png" sizes="64x64" type="image/png"> 10 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 11 <meta charset="utf-8"> 12 <meta name="robots" content="index, follow"> 13 <link rel="stylesheet" href="/css/sensetio-color-picker-v2.css" media="screen"> 14 <link rel="stylesheet" href="/css/obchod.css" media="screen"> 15 <link rel="stylesheet" href="/css/Product.css" media="screen"> 16 <link rel="stylesheet" href="/css/nicepage.css" media="screen"> 17 <link rel="stylesheet" href="/css/ProductPopup.css" media="screen"> 18 <link rel="stylesheet" href="/css/carousel-slider.css" media="screen"> 19 <link rel="stylesheet" href="/css/carousel-vertical.css" media="screen"> 20
20<script class="u-script" type="text/javascript" src="/js/shopping_cart-v4.js" defer=""></script>
20 21 <link rel="stylesheet" href="/mobirise/web/assets/mobirise-icons2/mobirise2.css"> 22 <link rel="stylesheet" href="/mobirise/web/assets/mobirise-icons/mobirise-icons.css"> 23 <link rel="stylesheet" href="/mobirise/bootstrap/css/bootstrap-grid.min.css"> 24 <link rel="stylesheet" href="/mobirise/bootstrap/css/bootstrap-reboot.min.css"> 25 <link rel="stylesheet" href="/mobirise/animatecss/animate.css"> 26 <link rel="stylesheet" href="/mobirise/bootstrap/css/bootstrap.min.css"> 27 <link rel="stylesheet" href="/mobirise/dropdown/css/style.css"> 28 <link rel="stylesheet" href="/mobirise/socicon/css/styles.css"> 29 <link rel="stylesheet" href="/mobirise/theme/css/style.css"> 30 <link rel="preload" href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'"> 31 <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap"></noscript> 32 <link rel="preload" as="style" href="/mobirise/mobirise/css/mbr-additional.css?v=8RwTm5"> 33 <link rel="stylesheet" href="/mobirise/mobirise/css/mbr-additional.css?v=8RwTm5" type="text/css"> 34 35
35<script class="u-script" type="text/javascript" src="/js/sensetio-color-picker-v2.js" defer=""></script>
35 36
36<script class="u-script" type="text/javascript" src="/js/jquery-1.9.1.min.js" defer=""></script>
36 37
37<script class="u-script" type="text/javascript" src="/js/nicepage.js" defer=""></script>
37 38
38<script class="u-script" type="text/javascript" src="/js/carousel-slider.js" defer=""></script>
38 39 40 <link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i"> 41 <link id="u-page-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i"> 42 43
43<script type="application/ld+json"> 44 { 45 "@context": "https://schema.org", 46 "@type": "Organization", 47 "name": "Sensetio", 48 "url": "https://sensetio.com", 49 "logo": "https://sensetio.com/mobirise/images/nvrh-bez-nzvu-32.png-96x96.png", 50 "sameAs": [ 51 "https://www.facebook.com/profile.php?id=61552755160437", 52 "https://instagram.com/senset.io" 53 ] 54 } 55 </script>
55 56
56<script type="application/ld+json"> 57 { 58 "@context": "https://schema.org", 59 "@type": "Product", 60 "name": "Sensetio", 61 "description": "ZaÅÃzenà pro trénink soustÅedÄnà a pozornosti. Citlivé elektrody mÄÅà vodivost kůže (EDA/GSR) a hry v aplikaci tÄ uÄà koncentraci â ideálnà pro lidi s ADHD i každého, kdo chce zlepÅ¡it fokus.", 62 "image": "https://sensetio.com/images/sensetio-ai2.png", 63 "url": "https://sensetio.com/cs/products/1", 64 "brand": { 65 "@type": "Brand", 66 "name": "Sensetio" 67 }, 68 "offers": { 69 "@type": "Offer", 70 "url": "https://sensetio.com/cs/products/1", 71 "priceCurrency": "KÄ", 72 "price": "2570", 73 "availability": "https://schema.org/InStock", 74 "seller": { 75 "@type": "Organization", 76 "name": "Sensetio" 77 } 78 }, 79 "returnPolicy": { 80 "@type": "MerchantReturnPolicy", 81 "returnPolicyCategory": "https://schema.org/MerchantReturnFiniteReturnWindow", 82 "merchantReturnDays": 30, 83 "returnMethod": "https://schema.org/ReturnByMail" 84 } 85 } 86 </script>
86 87 <meta name="theme-color" content="#9b74ec"> 88 89 <!-- Open Graph --> 90 <meta property="og:type" content="product"> 91 <meta property="og:locale" content="cs_CZ"> 92 <meta property="og:site_name" content="Sensetio"> 93 <meta property="og:title" content="Sensetio â trénink soustÅedÄnà a pozornosti"> 94 <meta property="og:description" content="NauÄ se soustÅedit za 5 minut dennÄ. Sensetio mÄÅà vodivost kůže a hry v aplikaci tÄ uÄà koncentraci. Ideálnà pro ADHD. VyzkouÅ¡ej 30 dnà zdarma."> 95 <meta property="og:image" content="https://sensetio.com/images/sensetio-ai2.png"> 96 <meta property="og:image:width" content="1200"> 97 <meta property="og:image:height" content="630"> 98 <meta property="og:url" content="https://sensetio.com/cs/products/1"> 99 <meta property="product:price:amount" content="2570"> 100 <meta property="product:price:currency" content="KÄ"> 101 102 <!-- Twitter Card --> 103 <meta name="twitter:card" content="summary_large_image"> 104 <meta name="twitter:title" content="Sensetio â trénink soustÅedÄnà a pozornosti"> 105 <meta name="twitter:description" content="NauÄ se soustÅedit za 5 minut dennÄ. Sensetio mÄÅà vodivost kůže a hry v aplikaci tÄ uÄà koncentraci. Ideálnà pro ADHD."> 106 <meta name="twitter:image" content="https://sensetio.com/images/sensetio-ai2.png"> 107 <meta name="twitter:site" content="@senset_io"> 108 109 <meta data-intl-tel-input-cdn-path="intlTelInput/"> 110 111 <style> 112 [x-cloak] { 113 display: none !important; 114 } 115 </style> 116 <link 117 href="https://sensetio.com/css/filament/forms/forms.css?v=3.3.49.0" 118 rel="stylesheet" 119 data-navigate-track 120 /> 121 <link 122 href="https://sensetio.com/css/filament/support/support.css?v=3.3.49.0" 123 rel="stylesheet" 124 data-navigate-track 125 /> 126 127<style> 128 :root { 129 --danger-50:254, 242, 242; --danger-100:254, 226, 226; --danger-200:254, 202, 202; --danger-300:252, 165, 165; --danger-400:248, 113, 113; --danger-500:239, 68, 68; --danger-600:220, 38, 38; --danger-700:185, 28, 28; --danger-800:153, 27, 27; --danger-900:127, 29, 29; --danger-950:69, 10, 10; --gray-50:250, 250, 250; --gray-100:244, 244, 245; --gray-200:228, 228, 231; --gray-300:212, 212, 216; --gray-400:161, 161, 170; --gray-500:113, 113, 122; --gray-600:82, 82, 91; --gray-700:63, 63, 70; --gray-800:39, 39, 42; --gray-900:24, 24, 27; --gray-950:9, 9, 11; --info-50:239, 246, 255; --info-100:219, 234, 254; --info-200:191, 219, 254; --info-300:147, 197, 253; --info-400:96, 165, 250; --info-500:59, 130, 246; --info-600:37, 99, 235; --info-700:29, 78, 216; --info-800:30, 64, 175; --info-900:30, 58, 138; --info-950:23, 37, 84; --primary-50:255, 251, 235; --primary-100:254, 243, 199; --primary-200:253, 230, 138; --primary-300:252, 211, 77; --primary-400:251, 191, 36; --primary-500:245, 158, 11; --primary-600:217, 119, 6; --primary-700:180, 83, 9; --primary-800:146, 64, 14; --primary-900:120, 53, 15; --primary-950:69, 26, 3; --success-50:240, 253, 244; --success-100:220, 252, 231; --success-200:187, 247, 208; --success-300:134, 239, 172; --success-400:74, 222, 128; --success-500:34, 197, 94; --success-600:22, 163, 74; --success-700:21, 128, 61; --success-800:22, 101, 52; --success-900:20, 83, 45; --success-950:5, 46, 22; --warning-50:255, 251, 235; --warning-100:254, 243, 199; --warning-200:253, 230, 138; --warning-300:252, 211, 77; --warning-400:251, 191, 36; --warning-500:245, 158, 11; --warning-600:217, 119, 6; --warning-700:180, 83, 9; --warning-800:146, 64, 14; --warning-900:120, 53, 15; --warning-950:69, 26, 3; } 130</style> 131 <link rel="preload" as="style" href="https://sensetio.com/build/assets/app-hEIuyhzD.css" /><link rel="stylesheet" href="https://sensetio.com/build/assets/app-hEIuyhzD.css" data-navigate-track="reload" /><!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style> 132</head> 133<body data-path-to-root="./" data-include-products="false" class="u-body u-overlap u-xl-mode antialiased"> 134 135<section id="cs-nav"> 136<style> 137/* Design tokens */ 138#cs-nav { 139 --nav-primary: #ffffff; 140 --nav-primary-dark: #e0f5ff; 141 --nav-accent: #109bb9; 142 --nav-bg: #109bb9; 143 --nav-bg-dark: #0d8aa6; 144 --nav-hover-bg: rgba(255, 255, 255, 0.15); 145 --nav-shadow: 0 30px 60px 0 rgba(0, 40, 60, 0.15); 146 --nav-height: 90px; 147 --nav-height-mobile: 56px; 148 --nav-radius: 100vw; 149 --nav-dropdown-radius: 2rem; 150 --nav-font: 'Montserrat', sans-serif; 151 position: relative; 152 width: 100%; 153 z-index: 1000; 154} 155#cs-nav *, #cs-nav *::before, #cs-nav *::after { box-sizing: border-box; } 156#cs-nav a { text-decoration: none; color: var(--nav-primary); } 157#cs-nav ul { margin: 0; padding: 0; list-style: none; display: flex; } 158 159/* Collapse handling to fight Tailwind utilities layer */ 160#cs-nav .collapse:not(.show) { display: none !important; } 161#cs-nav .collapsing { transition: none; } 162 163/* Fixed pill wrapper */ 164#cs-nav .navbar { 165 position: fixed; 166 top: 0; left: 0; right: 0; 167 z-index: 1030; 168 display: flex !important; 169 flex-wrap: wrap; 170 align-items: center; 171 justify-content: space-between; 172 min-height: var(--nav-height); 173 background: transparent; 174 padding: 0; 175 border: none; 176 box-shadow: none; 177} 178#cs-nav .nav-container { 179 display: flex !important;
180 align-items: center; 181 justify-content: space-between; 182 flex-wrap: nowrap; 183 width: 100%; 184 height: var(--nav-height); 185 padding: 0.5rem 0.6rem; 186 margin: 1rem auto 0; 187 background: var(--nav-bg); 188 border-radius: var(--nav-radius); 189 box-shadow: var(--nav-shadow); 190} 191@media (min-width: 576px) { #cs-nav .nav-container { max-width: 540px; } } 192@media (min-width: 768px) { #cs-nav .nav-container { max-width: 720px; } } 193@media (min-width: 992px) { #cs-nav .nav-container { max-width: 960px; } } 194@media (min-width: 1200px) { #cs-nav .nav-container { max-width: 1140px; } } 195@media (min-width: 1400px) { #cs-nav .nav-container { max-width: 1320px; } } 196 197/* Brand */ 198#cs-nav .navbar-brand { 199 display: flex !important; 200 align-items: center; 201 flex-shrink: 0; 202 padding: 10px 0; 203 margin-right: 0; 204 white-space: nowrap; 205 z-index: 1; 206} 207#cs-nav .navbar-logo { padding-left: 2rem; display: block; } 208#cs-nav .navbar-caption { 209 padding: 0 0.5rem 0 1rem; 210 font-family: var(--nav-font); 211 font-size: 1.2rem; 212 color: var(--nav-primary) !important; 213} 214 215/* Hamburger toggler */ 216#cs-nav .navbar-toggler { 217 background: none; 218 border: none; 219 cursor: pointer; 220 padding: 0; 221 margin-left: 12px; 222 order: 1000; 223 width: 31px; 224 height: 20px; 225 position: relative; 226 align-self: center; 227} 228#cs-nav .navbar-toggler:focus { outline: none; box-shadow: none; } 229#cs-nav .hamburger span { 230 position: absolute; 231 right: 0; 232 width: 30px; 233 height: 2px; 234 background-color: var(--nav-primary); 235} 236#cs-nav .hamburger span:nth-child(1) { top: 0; transition: all 0.2s; } 237#cs-nav .hamburger span:nth-child(2) { top: 8px; transition: all 0.15s; } 238#cs-nav .hamburger span:nth-child(3) { top: 8px; transition: all 0.15s; } 239#cs-nav .hamburger span:nth-child(4) { top: 16px; transition: all 0.2s; } 240#cs-nav nav.opened .hamburger span:nth-child(1) { top: 8px; width: 0; opacity: 0; right: 50%; transition: all 0.2s; } 241#cs-nav nav.opened .hamburger span:nth-child(2) { transform: rotate(45deg); transition: all 0.25s; } 242#cs-nav nav.opened .hamburger span:nth-child(3) { transform: rotate(-45deg); transition: all 0.25s; } 243#cs-nav nav.opened .hamburger span:nth-child(4) { top: 8px; width: 0; opacity: 0; right: 50%; transition: all 0.2s; } 244 245/* Navbar collapse */ 246#cs-nav .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } 247#cs-nav .navbar .navbar-collapse { z-index: 1; justify-content: flex-end; } 248 249/* Nav links */ 250#cs-nav .navbar-nav { 251 display: flex !important; 252 flex-direction: column; 253 margin: 0 0 0 auto; 254 flex-wrap: wrap; 255} 256 257/* Desktop overrides */ 258@media (min-width: 992px) { 259 #cs-nav .navbar { flex-wrap: nowrap; justify-content: flex-start; } 260 #cs-nav .navbar-toggler { display: none !important; } 261 #cs-nav .navbar.navbar-expand-lg .navbar-collapse { display: flex !important; visibility: visible !important; flex-basis: auto; } 262 #cs-nav .navbar-nav { flex-direction: row !important; padding-left: 1.5rem; } 263} 264#cs-nav .nav-link { 265 display: flex !important; 266 align-items: center; 267 justify-content: center; 268 padding: 16px; 269 border-radius: 1rem; 270 font-family: var(--nav-font); 271 font-size: 1.2rem; 272 font-weight: 500; 273 color: var(--nav-primary) !important; 274 white-space: nowrap; 275 position: relative; 276 transition: background-color 0.2s, color 0.2s; 277} 278#cs-nav .nav-link:hover { background-color: var(--nav-hover-bg); color: var(--nav-primary-dark) !important; } 279#cs-nav .nav-link:focus { outline: none; } 280 281/* Dropdown caret */ 282#cs-nav .dropdown { position: relative; } 283#cs-nav .dropdown-toggle::after { 284 content: ""; 285 display: inline-block; 286 margin-left: 0.5rem; 287 margin-top: 0.2rem; 288 border-top: 0.35em solid; 289 border-right: 0.35em solid transparent; 290 border-left: 0.35em solid transparent; 291 border-bottom: 0; 292 vertical-align: middle; 293 transition: transform 0.3s; 294} 295#cs-nav .dropdown-toggle[aria-expanded="true"]::after, 296#cs-nav .navbar-nav .open .nav-link::after { transform: rotate(180deg); } 297 298/* Dropdown panel */ 299#cs-nav .dropdown-menu { 300 display: none; 301 position: absolute; 302 z-index: 1000; 303 top: calc(100% + 20px); 304 left: 50%; 305 transform: translateX(-50%); 306 width: max-content; 307 max-width: 500px; 308 flex-direction: column; 309 padding: 12px 4px; 310 background: var(--nav-bg-dark); 311 border: none;
312 border-radius: var(--nav-dropdown-radius); 313 box-shadow: var(--nav-shadow); 314} 315#cs-nav .dropdown-menu::before { 316 content: ""; 317 position: absolute; 318 top: -20px; left: 0; right: 0; 319 height: 20px; 320} 321#cs-nav .navbar .dropdown.open > .dropdown-menu { display: flex !important; } 322#cs-nav .dropdown-menu.show { display: flex !important; } 323 324#cs-nav .dropdown-item { 325 display: block !important; 326 padding: 12px; 327 margin: 0 8px; 328 border-radius: 0.5rem; 329 font-family: var(--nav-font); 330 font-size: 1.2rem; 331 color: var(--nav-primary) !important; 332 white-space: nowrap; 333 line-height: 1; 334 transition: background-color 0.25s; 335} 336#cs-nav .dropdown-item:hover { background-color: var(--nav-hover-bg); } 337#cs-nav .dropdown-item:active { background-color: transparent; } 338 339/* Cart icon */ 340#cs-nav .cart-icon-wrapper { position: relative; display: inline-flex !important; align-items: center; } 341#cs-nav .cart-icon { width: 1.5rem; height: 1.5rem; display: block; } 342#cs-nav .cart-circle { 343 position: absolute; 344 top: -4px; right: -4px; 345 width: 15px; height: 15px; 346 background-color: #a0e2e1; 347 border-radius: 10px; 348 font-family: var(--nav-font); 349 font-size: 12px; 350 line-height: 16px; 351 text-align: center; 352 color: #1f6463; 353 user-select: none; 354} 355 356/* Locale pill */ 357#cs-nav .locale-group { 358 display: inline-flex !important; 359 align-items: stretch; 360 border: 1.5px solid rgba(255, 255, 255, 0.4); 361 border-radius: var(--nav-radius); 362 overflow: hidden; 363 margin-left: 1.5rem; 364 margin-right: 1rem; 365} 366#cs-nav .locale-group > div { display: flex !important; align-items: stretch; } 367#cs-nav .lang-switcher, 368#cs-nav .locale-group .nav-link { 369 padding: 0.4rem 0.85rem; 370 border-radius: 0; 371 font-family: var(--nav-font); 372 font-size: 0.8rem; 373 font-weight: 600; 374 color: var(--nav-primary) !important; 375 line-height: 1; 376 cursor: pointer; 377 white-space: nowrap; 378 transition: background-color 0.2s, color 0.2s; 379} 380#cs-nav .lang-switcher { border-right: 1.5px solid rgba(255, 255, 255, 0.4); } 381#cs-nav .lang-switcher:hover, 382#cs-nav .locale-group .nav-link:hover { background-color: rgba(255, 255, 255, 0.2); color: #fff !important; } 383 384/* CTA button */ 385#cs-nav .nav-btn { 386 display: inline-block !important; 387 padding: 0.75rem 1.5rem; 388 font-family: var(--nav-font); 389 font-size: 1rem; 390 font-weight: 700; 391 line-height: 1.5; 392 text-align: center; 393 cursor: pointer; 394 user-select: none; 395 border: 2px solid #fff; 396 border-radius: var(--nav-radius); 397 background-color: #fff; 398 color: var(--nav-bg) !important; 399 transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out; 400} 401#cs-nav .nav-btn:hover { background-color: var(--nav-primary-dark); border-color: var(--nav-primary-dark); } 402#cs-nav .nav-cta { text-align: center; min-width: 140px; margin: -0.6rem 2rem -0.6rem 0.75rem; } 403 404/* Responsive: tablet */ 405@media (max-width: 992px) { 406 #cs-nav .nav-container { padding-right: 2rem; } 407} 408 409/* Responsive: mobile */ 410@media (max-width: 991px) { 411 #cs-nav .navbar-brand { margin-right: auto; } 412 #cs-nav .navbar .navbar-collapse { 413 z-index: -1; 414 position: absolute; 415 top: 110%; left: 0; 416 width: 100%; 417 padding: 1rem; 418 border-radius: 1.5rem; 419 background: var(--nav-bg); 420 } 421 #cs-nav .navbar .navbar-collapse.show { 422 display: flex !important; 423 visibility: visible !important; 424 flex-direction: column; 425 align-items: center; 426 } 427 #cs-nav .navbar-nav { margin: 0; width: 100%; } 428 #cs-nav .nav-cta { text-align: center; margin: 0.5rem 1.5rem 0.75rem; } 429 #cs-nav .navbar .dropdown > .dropdown-menu { 430 position: static; 431 width: 100%; 432 max-width: 100%; 433 transform: none; 434 padding: 8px; 435 border-radius: var(--nav-dropdown-radius); 436 background-color: transparent; 437 box-shadow: none; 438 } 439 #cs-nav .navbar .dropdown.open > .dropdown-menu { display: flex !important; flex-direction: column; align-items: center; } 440 #cs-nav .dropdown-item { padding: 8px; margin-bottom: 4px; text-align: center; } 441} 442@media (max-width: 767px) { 443 #cs-nav .navbar { min-height: 72px; } 444 #cs-nav .navbar-logo { padding-left: 1rem; } 445 #cs-nav .navbar-toggler { transform: scale(0.8); } 446 #cs-nav .navbar-nav { padding-bottom: 0.5rem; } 447 #cs-nav .nav-container { width: 95%; height: var(--nav-height-mobile); padding-right: 1rem; margin-top: 0; } 448} 449@media (max-width: 575px) { 450 #cs-nav .navbar-collapse { padding: 1rem; } 451} 452</style> 453 454<nav class="navbar navbar-expand-lg"> 455 <div class="nav-container"> 456 457 <div class="navbar-brand">
458 <span class="navbar-logo"> 459 <a href="/cs/homepage"> 460 <img src="/mobirise/images/nvrh-bez-nzvu-32.png-96x96.png" alt="Sensetio logo" style="height: 3rem;"> 461 </a> 462 </span> 463 <a class="navbar-caption" href="/">SENSETIO</a> 464 </div> 465 466 <button class="navbar-toggler" type="button" 467 aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> 468 <div class="hamburger"> 469 <span></span><span></span><span></span><span></span> 470 </div> 471 </button> 472 473 <div class="collapse navbar-collapse" id="navbarSupportedContent"> 474 475 <ul class="navbar-nav" data-app-modern-menu="true"> 476 <li class="nav-item"> 477 <a class="nav-link" href="/cs/sensetio-hry">Hry Sensetio</a> 478 </li> 479 <li class="nav-item"> 480 <a class="nav-link" href="/cs/blog">Blog</a> 481 </li> 482 <li class="nav-item dropdown"> 483 <a class="nav-link dropdown-toggle" href="/cs/adhd" 484 aria-expanded="false">Seberozvoj</a> 485 <div class="dropdown-menu" aria-labelledby="dropdown-seberozvoj"> 486 <a class="dropdown-item" href="/cs/adhd">ADHD</a> 487 <a class="dropdown-item" href="/cs/mentorske-karty">Mentorské karty</a> 488 </div> 489 </li> 490 <li class="nav-item"> 491 <a class="nav-link" href="/cs/cart"> 492 <span class="cart-icon-wrapper"> 493 <svg class="cart-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" 494 fill="none" stroke="currentColor" stroke-width="2" 495 stroke-linecap="round" stroke-linejoin="round"> 496 <circle cx="9" cy="21" r="1"></circle> 497 <circle cx="20" cy="21" r="1"></circle> 498 <path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path> 499 </svg> 500 <div class="cart-circle">0</div> 501 </span> 502 </a> 503 </li> 504 </ul> 505 506 <div class="locale-group"> 507 <a href="/en/homepage" class="lang-switcher">EN</a> 508 <div> 509 <span class="nav-link" style="cursor: pointer; font-weight: 500;" 510 onclick="setCurrency('EUR')"> 511 EUR 512 </span> 513
513<script> 514 function setCurrency(currency) { 515 fetch('/currency', { 516 method: 'POST', 517 headers: { 'Content-Type': 'application/json' }, 518 body: JSON.stringify({ currency }) 519 }) 520 .then(response => { 521 if (!response.ok) throw new Error('Failed to set currency'); 522 return response.json(); 523 }) 524 .then(() => location.reload()) 525 .catch(error => console.error(error)); 526 } 527 </script>
527 528</div> 529 </div> 530 531 <div class="nav-cta"> 532 <a class="nav-btn" href="/cs/store">Objednat</a> 533 </div> 534 535 </div> 536 537 </div> 538</nav>
539<script> 540 (function () { 541 var nav = document.getElementById('cs-nav'); 542 if (!nav) return; 543 544 var toggler = nav.querySelector('.navbar-toggler'); 545 var collapse = nav.querySelector('.navbar-collapse'); 546 if (toggler && collapse) { 547 toggler.addEventListener('click', function () { 548 var isOpen = collapse.classList.toggle('show'); 549 toggler.setAttribute('aria-expanded', isOpen); 550 }); 551 } 552 553 nav.querySelectorAll('.nav-item.dropdown').forEach(function (item) { 554 var toggle = item.querySelector('.dropdown-toggle'); 555 556 item.addEventListener('pointerenter', function (e) { 557 if (e.pointerType === 'mouse') item.classList.add('open'); 558 }); 559 item.addEventListener('pointerleave', function (e) { 560 if (e.pointerType === 'mouse') item.classList.remove('open'); 561 }); 562 563 if (toggle) { 564 toggle.addEventListener('touchend', function (e) { 565 e.preventDefault(); 566 var isOpen = item.classList.toggle('open'); 567 toggle.setAttribute('aria-expanded', isOpen); 568 }); 569 } 570 }); 571 572 document.addEventListener('click', function (e) { 573 if (collapse && !nav.contains(e.target)) { 574 collapse.classList.remove('show'); 575 if (toggler) toggler.setAttribute('aria-expanded', 'false'); 576 } 577 }); 578 })(); 579</script>
579 580</section> 581<div class="prod-page-wrapper"> 582 583 <!-- Hero headline --> 584 585 586 <!-- ââ TOP: carousel + buy panel ââ --> 587 <div class="prod-layout"> 588 589 <!-- Left column â gallery --> 590 <div class="prod-gallery"> 591 <div class="pgallery"> 592 593 <!-- Main image --> 594 <div class="pgallery__stage"> 595 <div class="pgallery__slides"> 596 <div class="pgallery__slide active"> 597 <img src="/mobirise/images/sensetio3.png" alt="Sensetio"> 598 </div> 599 <div class="pgallery__slide"> 600 <img src="/mobirise/images/sensetio-seda.png" alt="Sensetio Å¡edá"> 601 </div> 602 <div class="pgallery__slide"> 603 <img src="/mobirise/images/sensetio-cerna.png" alt="Sensetio Äerná"> 604 </div> 605 <div class="pgallery__slide"> 606 <img src="/mobirise/images/sensetio-ai1.png" alt="Sensetio detail"> 607 </div> 608 <div class="pgallery__slide"> 609 <img src="/mobirise/images/sensetio-ai2.png" alt="Sensetio použitÃ"> 610 </div> 611 <div class="pgallery__slide"> 612 <img src="/mobirise/images/krabicka.jpg" alt="Sensetio balenÃ"> 613 </div> 614 <div class="pgallery__slide pgallery__slide--video"> 615 <video controls loop playsinline> 616 <source src="/videos/homepage.mp4" type="video/mp4"> 617 </video> 618 </div> 619 </div> 620 621 <!-- Arrows --> 622 <button class="pgallery__arrow pgallery__arrow--prev" aria-label="PÅedchozÃ"> 623 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"></polyline></svg> 624 </button> 625 <button class="pgallery__arrow pgallery__arrow--next" aria-label="DalÅ¡Ã"> 626 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg> 627 </button> 628 629 <!-- Counter --> 630 <div class="pgallery__counter"> 631 <span class="pgallery__counter-current">1</span>/<span class="pgallery__counter-total">7</span> 632 </div> 633 </div> 634 635 <!-- Thumbnails --> 636 <div class="pgallery__thumbs"> 637 <div class="pgallery__thumb active"> 638 <img src="/mobirise/images/sensetio3.png" alt=""> 639 </div> 640 <div class="pgallery__thumb"> 641 <img src="/mobirise/images/sensetio-seda.png" alt=""> 642 </div> 643 <div class="pgallery__thumb"> 644 <img src="/mobirise/images/sensetio-cerna.png" alt=""> 645 </div> 646 <div class="pgallery__thumb"> 647 <img src="/mobirise/images/sensetio-ai1.png" alt=""> 648 </div> 649 <div class="pgallery__thumb"> 650 <img src="/mobirise/images/sensetio-ai2.png" alt=""> 651 </div> 652 <div class="pgallery__thumb"> 653 <img src="/mobirise/images/krabicka.jpg" alt=""> 654 </div> 655 <div class="pgallery__thumb pgallery__thumb--video"> 656 <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="currentColor"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg> 657 </div> 658 </div> 659</div> 660
661<script> 662(function() { 663 const gallery = document.querySelector('.pgallery'); 664 if (!gallery) return; 665 666 const slides = gallery.querySelectorAll('.pgallery__slide'); 667 const thumbs = gallery.querySelectorAll('.pgallery__thumb'); 668 const btnPrev = gallery.querySelector('.pgallery__arrow--prev'); 669 const btnNext = gallery.querySelector('.pgallery__arrow--next'); 670 const elCur = gallery.querySelector('.pgallery__counter-current'); 671 let current = 0; 672 673 function goTo(index) { 674 slides[current].classList.remove('active'); 675 thumbs[current].classList.remove('active'); 676 current = (index + slides.length) % slides.length; 677 slides[current].classList.add('active'); 678 thumbs[current].classList.add('active'); 679 if (elCur) elCur.textContent = current + 1; 680 thumbs[current].scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' }); 681 } 682 683 btnPrev.addEventListener('click', () => goTo(current - 1)); 684 btnNext.addEventListener('click', () => goTo(current + 1)); 685 thumbs.forEach((t, i) => t.addEventListener('click', () => goTo(i))); 686})(); 687</script>
687 688 </div> 689 690 <!-- Right column â buy panel --> 691 <div class="prod-info"> 692 693 <h1 class="prod-name" id="productName">Sensetio</h1> 694 695 <div class="prod-promo-badge"> 696 <ul class="prod-promo-list"> 697 <li>3 mÄsÃce Sensetio PRO zdarma <span>(zahruje vÅ¡echny 3 Sensetio hry).</span></li> 698 <li>VyzkouÅ¡ej si Sensetio na 30 dnà zdarma</li> 699 </ul> 700 </div> 701 702 <p style="line-height: 1.5; text-align:justify"><span style="font-weight: 700">Máš ADHD nebo se jen prostÄ nedokážeÅ¡ na nic soustÅedit? 𤯠RozumÃme ti.</span> Nenà to o lenosti ani o tom, že nÄco ânezvládáš". Tvoje mysl prostÄ funguje jinak â rychleji, intenzivnÄji, ale taky chaotiÄtÄji. A i když je to nároÄné, nevzdávej to, existuje cesta, jak z toho ven. ðð»ââï¸</p> 703 704 705 706 <!-- Discount code --> 707 708 709 <!-- Price --> 710 <div class="prod-price"> 711 <span class="prod-price__amount"> 712 2570 KÄ 713 </span> 714 <span class="prod-price__vat">s DPH</span> 715 </div> 716 717 <!-- Color picker --> 718 <div class="variant-card" id="colorVariants"> 719 <h3 class="title">Vyber barvu</h3> 720 721 <!-- Using radios for accessibility. Each input has data- attributes you can read with JS --> 722 <div class="swatches" role="listbox" aria-label="Product colors" tabindex="0"> 723 724 <div> 725 <input class="swatch-input" type="radio" name="color" id="color-white" value="white" 726 data-name="BÃlá" 727 data-qty="3" 728 data-stock="Skladem 3 ks" 729 data-hex="#ffffff" checked> 730 <label for="color-white" class="swatch" title="White" style="background: linear-gradient(135deg,#fff,#e6e6e6);">
731 <svg class="check" viewBox="0 0 24 24" aria-hidden="true"> 732 <path fill="none" stroke="#fff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.5l4 4L19.5 5.5"/> 733 </svg> 734 </label> 735 <div class="swatch-label">BÃlá</div> 736 </div> 737 738 <div> 739 <input class="swatch-input" type="radio" name="color" id="color-black" value="black" 740 data-name="Äerná" 741 data-qty="4" 742 data-stock="Skladem 4 ks" 743 data-hex="#111111"> 744 <label for="color-black" class="swatch" title="Black" style="background: linear-gradient(135deg,#111,#444);"> 745 <svg class="check" viewBox="0 0 24 24" aria-hidden="true"> 746 <path fill="none" stroke="#fff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.5l4 4L19.5 5.5"/> 747 </svg> 748 </label> 749 <div class="swatch-label">Äerná</div> 750 </div> 751 752 <div> 753 <input class="swatch-input" type="radio" name="color" id="color-gray" value="gray" 754 data-name="Å edá" 755 data-qty="3" 756 data-stock="Skladem 3 ks" 757 data-hex="#808080"> 758 <label for="color-gray" class="swatch" title="Gray" style="background: linear-gradient(135deg,#9e9b9b,#9e9b9b);">
759 <svg class="check" viewBox="0 0 24 24" aria-hidden="true"> 760 <path fill="none" stroke="#fff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.5l4 4L19.5 5.5"/> 761 </svg> 762 </label> 763 <div class="swatch-label">Å edá</div> 764 </div> 765 766 </div> 767 768 <div class="selected-info" id="selectedInfo">Zvolená barva: <strong id="selectedName">BÃlá</strong></div> 769 <div class="selected-stock" id="selectedStock">Skladem 3 ks</div> 770 771 772</div> 773 774 <!-- Quantity + CTA --> 775 <div class="prod-cart-row"> 776 <input type="number" id="quantity" name="quantity" min="1" max="100" value="1"/> 777 <a class="prod-btn-cart btn item-btn btn-primary display-7" 778 onclick="addToShoppingCart(window.sensetioColor ?? 1, window.sensetioStock ?? 999)"> 779 PÅidat do koÅ¡Ãku 780 </a> 781 </div> 782 783 <div class="prod-info-note" id="gallery-scroll-stop"> 784 <div class="prod-info-note__icon">â¹ï¸</div> 785 <div class="prod-info-note__text"> 786 <strong>Kód, který ti odemkne aplikaci na 3 mÄsÃce zdarma ti poÅ¡leme e-mailem!</strong> 787 Sensetio odesÃláme do 5 pracovnÃch dnů. 788 </div> 789 </div> 790 791 </div><!-- /prod-info --> 792 </div><!-- /prod-layout --> 793 794 <!-- ââ full description ââ --> 795 <div class="prod-fullwidth"> 796 797 <div class="prod-description"> 798 <p style="line-height: 1.5; text-align:justify">PÅedstav si, že koneÄnÄ na chvÃli vypneÅ¡ ten nekoneÄný Å¡um v hlavÄ a zÃskáš kontrolu nad svou pozornostÃ. Sensetio nenà jen o hranà her, je to tvůj osobnà tréninkový nástroj. To, co se nauÄÃÅ¡ v aplikaci pÅi hranà svou myslÃ, si automaticky pÅeneseÅ¡ do reálného svÄta â k uÄenÃ, k práci i k odpoÄinku. ZÃskej klidnÄjšà mysl a soustÅedÄnÃ, které ti doteÄ chybÄlo, a zaÄni koneÄnÄ ovládat své roztržité já dÅÃv, než zaÄne ono ovládat tebe. ð</p> 799<strong> 800 <ol class="prod-steps"> 801 <li>1. NasadÃÅ¡ si elektrody na dva prsty jedné ruky.</li> 802 <li>2. Aplikace sleduje tvůj stres a fokus.</li> 803 <li>3. HrajeÅ¡ hry a uÄÃÅ¡ se soustÅedit.</li> 804 </ol> 805</strong> 806 <p style="line-height: 1.5; text-align:justify">ð§ Sensetio je tvůj parťák, který rozumà tomu, co ÅÃká tvé tÄlo. DÃky citlivým elektrodám dokáže sledovat zmÄny vodivosti kůže. PoÅ¡le nemÄÅené hodnoty do <a onclick="redirectToStore()" style="color: #137c94"><strong>aplikace Sensetio</strong></a>, a ta ti je pak ukáže ve formÄ <span style="font-weight: 700">RelaxaÄnÃho skóre</span> a <span style="font-weight: 700">Skóre soustÅedÄnÃ</span> tak jednoduÅ¡e, že máš pocit, že ÄteÅ¡ komiks a ne uÄebnici biologie. V aplikaci hrajeÅ¡ hry a ovládáš je pomocà vlastnà koncentrace. - tÃm se rychle a jednoduÅ¡e uÄÃÅ¡ soustÅedit. <span style="font-weight: 700">StaÄà pravidelnÄ pár minut dennÄ hrát a nauÄÃÅ¡ se lépe koncentrovat.</span></p> 807 808 <a href="#sensetio-games" class="prod-games-link">Jaké máme Sensetio hry?</a> 809 810 <p style="line-height: 1.5; text-align:justify; font-weight: 700;">ð¥SoustÅedÄnà nemusà být luxus, který si nemůžeÅ¡ dovolit, je to schopnost, kterou můžeÅ¡ rozvÃjet.</p> 811 812 <div class="prod-info-note prod-info-note--orange"> 813 <div class="prod-info-note__icon">ð°</div> 814 <div class="prod-info-note__text"> 815 <strong>NechceÅ¡ kupovat zajÃce v pytli a chceÅ¡ si jej osobnÄ vyzkouÅ¡et?</strong> 816 NavÅ¡tiv nás v OstravÄ <a href="https://maps.app.goo.gl/91ekwqZdzvCEkHeZA" target="_blank" style="color: #b85c00; font-weight: 700;">(Å amanova 8, Ostrava ZábÅeh)</a> nebo v <a href="https://www.mozkoherna.cz/" target="_blank" style="color: #b85c00; font-weight: 700;">MozkohernÄ</a>! 817 </div> 818 </div> 819 820 821 </div> 822 823 <!-- Product specs --> 824 <div class="prod-specs"> 825 <p class="prod-specs__heading">POPIS:</p> 826 <p style="line-height: 1.5; text-align:justify; margin-bottom: 12px;">Jak ti pomůže se nauÄit soustÅedit? Pomocà speciálnÃch <a style="font-weight: 700" href="/cs/sensetio-hry">her Sensetio</a>, které budeÅ¡ ovládat mÃrou svého soustÅedÄnÃ. Citlivé senzory sledujà drobné zmÄny na kůži, které odrážejà sÃlu tvých emocÃ. UvidÃÅ¡, jak tvé tÄlo reaguje, když prožÃváš radost, nebo jsi v klidu â a dÃky tomu se můžeÅ¡ lépe poznat, pracovat se svými pocity a peÄovat o svou pohodu. A když zjistÃÅ¡, že ti Sensetio nesedÃ, můžeÅ¡ ho <strong>do 30 dnů zdarma vrátit.</strong></p> 827 828 <ul class="prod-features"> 829 <li><span class="u-file-icon u-icon"><img src="/images/8358920.png" alt=""></span><span>
829PÅipojenà k <a onclick="redirectToStore()" style="color: #137c94; text-decoration: underline; background: none; border: none; padding: 0; font-size: inherit; line-height: inherit; vertical-align: baseline; display: inline; cursor: pointer;"><strong>aplikaci Sensetio</strong></a> pomocà Bluetooth chytrého zaÅÃzenÃ.</span></li> 830 <li><span class="u-file-icon u-icon"><img src="/images/8358920.png" alt=""></span><span>NabÃjenà pomocà USB-C.</span></li> 831 <li><span class="u-file-icon u-icon"><img src="/images/8358920.png" alt=""></span><span>Obrázek je pouze ilustraÄnÃ, barva kabelů Äi elektrod se může liÅ¡it.</span></li> 832 </ul> 833 </div> 834 835 <!-- Document links --> 836 <div class="prod-doc-links"> 837 <a class="prod-doc-link" href="/files/uzivatelsky-navod-sensetio.pdf" target="_blank">Uživatelský návod Sensetio</a> 838 <a class="prod-doc-link" href="/cs/reklamace-vraceni" target="_blank">PodmÃnky pro vrácenÃ</a> 839 <a class="prod-doc-link" href="/files/metodicky-material-pro-vyuziti-sensetio.pdf" target="_blank">ð©ð»âð«Sensetio do Å¡kol a institucÃ</a> 840 </div> 841 842 </div><!-- /prod-fullwidth --> 843</div><!-- /prod-page-wrapper --> 844 845<style> 846/* ========================================================= 847 Sensetio redesign â scoped styles 848 ========================================================= */ 849:root { 850 --s-teal: #168596; 851 --s-dark: #0f6575; 852 --s-light: #e8f6f8; 853 --s-mid: #cceef3; 854 --s-text: #1a2a30; 855 --s-muted: #5a7a82; 856 --s-white: #ffffff; 857 --s-orange: #f0900a; 858 --s-radius: 18px; 859 --s-shadow: 0 4px 32px rgba(22,133,150,0.10); 860} 861 862/* ---- shared ---- */ 863.sn-section { padding: 80px 0; } 864.sn-container { 865 max-width: 1140px; 866 margin: 0 auto; 867 padding: 0 24px; 868} 869.sn-tag { 870 display: inline-block; 871 background: var(--s-light); 872 color: var(--s-teal); 873 font-size: 13px; 874 font-weight: 700; 875 letter-spacing: .06em; 876 text-transform: uppercase; 877 padding: 5px 14px; 878 border-radius: 100px; 879 margin-bottom: 14px; 880} 881.sn-h2 { 882 font-family: 'Montserrat', sans-serif; 883 font-size: clamp(26px, 4vw, 42px); 884 font-weight: 800; 885 color: var(--s-text); 886 line-height: 1.2; 887 margin: 0 0 16px; 888} 889.sn-lead { 890 font-family: 'Montserrat', sans-serif; 891 font-size: clamp(15px, 1.5vw, 17px); 892 color: var(--s-muted); 893 line-height: 1.75; 894 margin: 0 0 28px; 895 text-align: justify; 896} 897.sn-btn { 898 display: inline-block; 899 background: var(--s-teal); 900 color: #fff !important; 901 font-family: 'Montserrat', sans-serif; 902 font-size: 15px; 903 font-weight: 700; 904 padding: 14px 32px; 905 border-radius: 100px; 906 text-decoration: none; 907 transition: background .25s, transform .2s, box-shadow .25s; 908 box-shadow: 0 4px 18px rgba(22,133,150,.3); 909} 910.sn-btn:hover { 911 background: var(--s-dark); 912 transform: translateY(-2px); 913 box-shadow: 0 8px 28px rgba(22,133,150,.4); 914 color: #fff !important; 915} 916 917 918/* ========================================================= 919 1. HERO 920 ========================================================= */ 921.sn-hero { 922 background: linear-gradient(135deg, #0c4f5e 0%, #168596 55%, #1aabb0 100%); 923 padding: 100px 0 80px; 924 overflow: hidden; 925 position: relative; 926} 927.sn-hero::before { 928 content: ''; 929 position: absolute; 930 inset: 0; 931 background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); 932 pointer-events: none; 933} 934.sn-hero__inner { 935 display: grid; 936 grid-template-columns: 1fr 1fr; 937 gap: 60px; 938 align-items: center; 939 max-width: 1140px; 940 margin: 0 auto; 941 padding: 0 24px; 942} 943.sn-hero__text { color: #fff; } 944.sn-hero__pre { 945 font-family: 'Montserrat', sans-serif; 946 font-size: 13px; 947 font-weight: 700; 948 letter-spacing: .1em; 949 text-transform: uppercase; 950 color: rgba(255,255,255,.7); 951 margin-bottom: 16px; 952} 953.sn-hero__title { 954 font-family: 'Montserrat', sans-serif; 955 font-size: clamp(26px, 4vw, 44px); 956 font-weight: 800; 957 color: #fff; 958 line-height: 1.2; 959 margin: 0 0 20px; 960} 961.sn-hero__body { 962 font-family: 'Montserrat', sans-serif; 963 font-size: 16px; 964 color: rgba(255,255,255,.85); 965 line-height: 1.75; 966 margin-bottom: 32px; 967 text-align: justify; 968} 969.sn-hero__cta { 970 display: inline-block; 971 background: #fff; 972 color: var(--s-teal) !important; 973 font-family: 'Montserrat', sans-serif; 974 font-size: 15px; 975 font-weight: 800; 976 padding: 14px 32px; 977 border-radius: 100px; 978 text-decoration: none; 979 transition: background .25s, transform .2s, box-shadow .25s; 980 box-shadow: 0 6px 24px rgba(0,0,0,.2); 981} 982.sn-hero__cta:hover { 983 background: var(--s-light); 984 transform: translateY(-2px); 985 box-shadow: 0 10px 32px rgba(0,0,0,.25); 986} 987.sn-hero__media { 988 display: flex; 989 justify-content: center; 990} 991.sn-hero__video-wrap { 992 border-radius: 24px; 993 overflow: hidden; 994 box-shadow: 0 20px 60px rgba(0,0,0,.35); 995 border: 3px solid rgba(255,255,255,.18); 996} 997.sn-hero__video-wrap video:fullscreen, 998.sn-hero__video-wrap video:-webkit-full-screen { 999 object-fit: contain; 1000} 1001.sn-hero__video-wrap video { 1002 display: block; 1003 width: 260px; 1004 height: 440px; 1005 object-fit: cover; 1006} 1007 1008@media (max-width: 900px) { 1009 .sn-hero { padding: 70px 0 60px; } 1010 .sn-hero__inner { 1011 grid-template-columns: 1fr; 1012 gap: 40px; 1013 text-align: center; 1014 } 1015 .sn-hero__body { text-align: center; } 1016 .sn-hero__media { order: -1; } 1017 .sn-hero__video-wrap video { width: 200px; height: 340px; } 1018} 1019 1020/* ========================================================= 1021 2. WHAT IS IT â two feature cards 1022 ========================================================= */ 1023.sn-what { background: var(--s-white); } 1024.sn-cards-2 { 1025 display: grid; 1026 grid-template-columns: 1fr 1fr; 1027 gap: 28px; 1028} 1029.sn-card { 1030 background: var(--s-white); 1031 border: 1.5px solid #e2eff2; 1032 border-radius: var(--s-radius); 1033 padding: 32px 28px; 1034 box-shadow: var(--s-shadow); 1035 display: flex; 1036 gap: 20px; 1037 align-items: flex-start; 1038 transition: transform .3s, box-shadow .3s; 1039} 1040.sn-card:hover { 1041 transform: translateY(-4px); 1042 box-shadow: 0 12px 40px rgba(22,133,150,.15); 1043} 1044.sn-card__media { 1045 flex-shrink: 0; 1046 width: 120px; 1047 border-radius: 12px; 1048 overflow: hidden; 1049} 1050.sn-card__media img { 1051 width: 100%; 1052 display: block; 1053} 1054.sn-card__body {} 1055.sn-card__label { 1056 font-family: 'Montserrat', sans-serif; 1057 font-size: 12px; 1058 font-weight: 700; 1059 color: var(--s-teal); 1060 text-transform: uppercase; 1061 letter-spacing: .07em; 1062 margin: 0 0 6px; 1063} 1064.sn-card__title { 1065 font-family: 'Montserrat', sans-serif; 1066 font-size: 18px; 1067 font-weight: 800; 1068 color: var(--s-text); 1069 margin: 0 0 10px; 1070} 1071.sn-card__text { 1072 font-family: 'Montserrat', sans-serif; 1073 font-size: 14px; 1074 color: var(--s-muted); 1075 line-height: 1.65; 1076 margin: 0; 1077} 1078 1079@media (max-width: 720px) { 1080 .sn-cards-2 { grid-template-columns: 1fr; } 1081 .sn-card { flex-direction: column; } 1082 .sn-card__media { width: 100%; } 1083} 1084 1085/* ========================================================= 1086 3. GAMES LIST 1087 ========================================================= */ 1088.sn-games { background: var(--s-light); } 1089.sn-games__head { 1090 text-align: center; 1091 margin-bottom: 56px; 1092} 1093.sn-game-row { 1094 display: grid; 1095 grid-template-columns: 1fr 1fr; 1096 gap: 48px; 1097 align-items: center; 1098 margin-bottom: 64px; 1099} 1100.sn-game-row:last-child { margin-bottom: 0; } 1101.sn-game-row.sn-game-row--reverse .sn-game-row__img { order: 2; } 1102.sn-game-row.sn-game-row--reverse .sn-game-row__text { order: 1; } 1103 1104.sn-game-row__img-wrap { 1105 border-radius: 20px; 1106 overflow: hidden; 1107 box-shadow: 0 8px 40px rgba(22,133,150,.15); 1108} 1109.sn-game-row__img-wrap img { width: 100%; display: block; } 1110 1111.sn-game-row__badge { 1112 display: inline-flex; 1113 align-items: center; 1114 gap: 6px; 1115 background: #fff5e0; 1116 color: var(--s-orange); 1117 font-size: 13px; 1118 font-weight: 700; 1119 padding: 5px 14px; 1120 border-radius: 100px; 1121 margin-bottom: 14px; 1122 border: 1.5px solid #ffd580; 1123} 1124.sn-game-row__badge img { width: 22px; } 1125 1126.sn-game-row__title { 1127 font-family: 'Montserrat', sans-serif; 1128 font-size: clamp(22px, 3vw, 30px); 1129 font-weight: 800; 1130 color: var(--s-text); 1131 margin: 0 0 12px; 1132 letter-spacing: .02em; 1133} 1134.sn-game-row__text { 1135 font-family: 'Montserrat', sans-serif; 1136 font-size: 15px; 1137 color: var(--s-muted); 1138 line-height: 1.75; 1139 margin: 0 0 8px; 1140 text-align: justify; 1141} 1142.sn-game-row__sub { 1143 font-family: 'Montserrat', sans-serif; 1144 font-size: 14px; 1145 color: var(--s-muted); 1146 font-style: italic; 1147 margin: 0 0 24px; 1148} 1149.sn-game-row__free { 1150 display: inline-flex; 1151 align-items: center; 1152 gap: 6px; 1153 background: #e6f9ef; 1154 color: #1a8f55; 1155 font-size: 13px; 1156 font-weight: 700; 1157 padding: 5px 14px; 1158 border-radius: 100px; 1159 margin-bottom: 14px; 1160 border: 1.5px solid #a8e4c0; 1161} 1162 1163@media (max-width: 900px) { 1164 .sn-game-row { grid-template-columns: 1fr; gap: 28px; } 1165 .sn-game-row.sn-game-row--reverse .sn-game-row__img { order: unset; } 1166 .sn-game-row.sn-game-row--reverse .sn-game-row__text { order: unset; } 1167} 1168 1169/* ========================================================= 1170 4. ABOUT SENSETIO (video + text) 1171 ========================================================= */ 1172.sn-about { background: linear-gradient(135deg, #eaf7f9 0%, #f5fbfc 100%); } 1173.sn-about__inner { 1174 display: grid; 1175 grid-template-columns: 1fr 1fr; 1176 gap: 60px; 1177 align-items: center; 1178} 1179.sn-about__text-col { color: var(--s-text); } 1180.sn-about__label { 1181 font-family: 'Montserrat', sans-serif; 1182 font-size: 13px; 1183 font-weight: 700; 1184 letter-spacing: .1em; 1185 text-transform: uppercase; 1186 color: var(--s-teal); 1187 margin-bottom: 14px; 1188} 1189.sn-about__title { 1190 font-family: 'Montserrat', sans-serif;
1191 font-size: clamp(26px, 3.5vw, 38px); 1192 font-weight: 800; 1193 color: var(--s-text); 1194 line-height: 1.2; 1195 margin: 0 0 20px; 1196} 1197.sn-about__body { 1198 font-family: 'Montserrat', sans-serif; 1199 font-size: 15px; 1200 color: var(--s-muted); 1201 line-height: 1.8; 1202 margin: 0; 1203 text-align: justify; 1204} 1205.sn-about__video-col { 1206 display: flex; 1207 justify-content: center; 1208} 1209.sn-about__video-wrap { 1210 border-radius: 24px; 1211 overflow: hidden; 1212 border: 3px solid var(--s-mid); 1213 box-shadow: 0 16px 60px rgba(22,133,150,.15); 1214} 1215.sn-about__video-wrap video:fullscreen, 1216.sn-about__video-wrap video:-webkit-full-screen { 1217 object-fit: contain !important; 1218} 1219.sn-about__video-wrap video { 1220 display: block; 1221 width: 260px; 1222 height: 440px; 1223 object-fit: cover; 1224} 1225 1226@media (max-width: 900px) { 1227 .sn-about__inner { grid-template-columns: 1fr; gap: 36px; } 1228 .sn-about__video-col { order: -1; } 1229 .sn-about__video-wrap video { width: 200px; height: 340px; } 1230} 1231 1232/* ========================================================= 1233 5. USAGE â icon cards grid 1234 ========================================================= */ 1235.sn-usage { 1236 background: var(--s-white); 1237 padding: 80px 0; 1238} 1239.sn-usage__head { 1240 text-align: center; 1241 margin-bottom: 52px; 1242} 1243.sn-usage__grid { 1244 display: grid; 1245 grid-template-columns: repeat(3, 1fr); 1246 gap: 24px; 1247} 1248.sn-usage__card { 1249 background: var(--s-light); 1250 border-radius: var(--s-radius); 1251 padding: 32px 28px; 1252 border: 1.5px solid #d4edf1; 1253 transition: transform .3s, box-shadow .3s; 1254 display: flex; 1255 flex-direction: column; 1256 gap: 14px; 1257} 1258.sn-usage__card:hover { 1259 transform: translateY(-5px); 1260 box-shadow: 0 12px 36px rgba(22,133,150,.14); 1261} 1262.sn-usage__icon { 1263 width: 52px; 1264 height: 52px; 1265 border-radius: 14px; 1266 background: var(--s-teal); 1267 display: flex; 1268 align-items: center; 1269 justify-content: center; 1270 font-size: 24px; 1271 flex-shrink: 0; 1272} 1273.sn-usage__card-title { 1274 font-family: 'Montserrat', sans-serif; 1275 font-size: 17px; 1276 font-weight: 800; 1277 color: var(--s-text); 1278 margin: 0; 1279} 1280.sn-usage__card-text { 1281 font-family: 'Montserrat', sans-serif; 1282 font-size: 14px; 1283 color: var(--s-muted); 1284 line-height: 1.7; 1285 margin: 0; 1286} 1287.sn-usage__bottom { 1288 margin-top: 48px; 1289 background: linear-gradient(135deg, var(--s-teal) 0%, #1aabb0 100%); 1290 border-radius: var(--s-radius); 1291 padding: 40px 48px; 1292 display: flex; 1293 align-items: center; 1294 gap: 40px; 1295} 1296.sn-usage__bottom-text { 1297 font-family: 'Montserrat', sans-serif; 1298 font-size: 16px; 1299 color: rgba(255,255,255,.9); 1300 line-height: 1.75; 1301 flex: 1; 1302 text-align: justify; 1303} 1304.sn-usage__bottom-text button { 1305 font-family: 'Montserrat', sans-serif; 1306 font-weight: 700; 1307 color: #fff; 1308 background: none; 1309 border: none; 1310 cursor: pointer; 1311 padding: 0; 1312 text-decoration: underline; 1313 font-size: inherit; 1314} 1315.sn-usage__bottom-cta { 1316 flex-shrink: 0; 1317} 1318.sn-usage__bottom-btn { 1319 display: inline-block; 1320 background: #fff; 1321 color: var(--s-teal) !important; 1322 font-family: 'Montserrat', sans-serif; 1323 font-size: 14px; 1324 font-weight: 800; 1325 padding: 13px 28px; 1326 border-radius: 100px; 1327 text-decoration: none; 1328 transition: background .25s, transform .2s; 1329 white-space: nowrap; 1330} 1331.sn-usage__bottom-btn:hover { 1332 background: var(--s-light); 1333 transform: translateY(-2px); 1334} 1335 1336@media (max-width: 900px) { 1337 .sn-usage__grid { grid-template-columns: 1fr 1fr; } 1338 .sn-usage__bottom { flex-direction: column; gap: 24px; padding: 32px 28px; } 1339 .sn-usage__bottom-cta { align-self: flex-start; } 1340} 1341@media (max-width: 600px) { 1342 .sn-usage__grid { grid-template-columns: 1fr; } 1343} 1344 1345/* ========================================================= 1346 6. PRICING 1347 ========================================================= */ 1348.sn-pricing { background: var(--s-white); } 1349.sn-pricing__head { 1350 text-align: center; 1351 margin-bottom: 48px; 1352} 1353.sn-pricing__grid { 1354 display: grid; 1355 grid-template-columns: 1fr 1fr; 1356 gap: 28px; 1357 max-width: 860px; 1358 margin: 0 auto; 1359} 1360.sn-plan { 1361 border: 2px solid #e2eff2; 1362 border-radius: var(--s-radius); 1363 padding: 36px 32px; 1364 position: relative; 1365 background: var(--s-white); 1366 transition: transform .3s, box-shadow .3s; 1367}
1368.sn-plan:hover { 1369 transform: translateY(-4px); 1370 box-shadow: 0 16px 48px rgba(22,133,150,.12); 1371} 1372.sn-plan--pro { 1373 border-color: var(--s-teal); 1374 background: linear-gradient(160deg, #f0fbfc 0%, #fff 100%); 1375} 1376.sn-plan__label { 1377 font-family: 'Montserrat', sans-serif; 1378 font-size: 11px; 1379 font-weight: 700; 1380 letter-spacing: .1em; 1381 text-transform: uppercase; 1382 color: var(--s-muted); 1383 margin-bottom: 8px; 1384} 1385.sn-plan__name { 1386 font-family: 'Montserrat', sans-serif; 1387 font-size: 26px; 1388 font-weight: 800; 1389 color: var(--s-text); 1390 margin: 0 0 4px; 1391 display: flex; 1392 align-items: center; 1393 gap: 8px; 1394} 1395.sn-plan__name img { width: 32px; } 1396.sn-plan__price { 1397 font-family: 'Montserrat', sans-serif; 1398 font-size: 15px; 1399 font-weight: 700; 1400 color: var(--s-teal); 1401 margin: 0 0 20px; 1402} 1403.sn-plan__divider { 1404 height: 1.5px; 1405 background: #e8f0f2; 1406 margin-bottom: 20px; 1407} 1408.sn-plan__desc { 1409 font-family: 'Montserrat', sans-serif; 1410 font-size: 14px; 1411 color: var(--s-muted); 1412 line-height: 1.65; 1413 margin-bottom: 20px; 1414} 1415.sn-plan__features { 1416 list-style: none; 1417 padding: 0; 1418 margin: 0; 1419} 1420.sn-plan__features li { 1421 font-family: 'Montserrat', sans-serif; 1422 font-size: 14px; 1423 color: var(--s-text); 1424 padding: 7px 0 7px 24px; 1425 position: relative; 1426 border-bottom: 1px solid #f0f5f6; 1427 text-align: left; 1428 word-spacing: normal; 1429 line-height: 1.5; 1430} 1431.sn-plan__features li:last-child { border-bottom: none; } 1432.sn-plan__features li::before { 1433 content: 'â'; 1434 color: var(--s-teal); 1435 font-weight: 800; 1436 font-size: 14px; 1437 position: absolute; 1438 left: 0; 1439 top: 7px; 1440} 1441 1442@media (max-width: 700px) { 1443 .sn-pricing__grid { grid-template-columns: 1fr; } 1444} 1445 1446/* ========================================================= 1447 7. BREATHING 1448 ========================================================= */ 1449.sn-breathing { background: var(--s-light); } 1450.sn-breathing__inner { 1451 display: grid; 1452 grid-template-columns: 1fr 1fr; 1453 gap: 60px; 1454 align-items: center; 1455} 1456.sn-breathing__img-wrap { 1457 border-radius: 20px; 1458 overflow: hidden; 1459 box-shadow: 0 8px 40px rgba(22,133,150,.15); 1460} 1461.sn-breathing__img-wrap img { 1462 width: 100%; 1463 display: block; 1464 max-height: 400px; 1465 object-fit: cover; 1466} 1467 1468@media (max-width: 900px) { 1469 .sn-breathing__inner { grid-template-columns: 1fr; gap: 32px; } 1470} 1471 1472/* ========================================================= 1473 8. TRAINING / GAMES TRAINING 1474 ========================================================= */ 1475.sn-training { background: var(--s-white); } 1476.sn-training__inner { 1477 display: grid; 1478 grid-template-columns: 1fr 1fr; 1479 gap: 60px; 1480 align-items: center; 1481} 1482.sn-training__img-wrap { 1483 border-radius: 20px; 1484 overflow: hidden; 1485 box-shadow: 0 8px 40px rgba(22,133,150,.12); 1486} 1487.sn-training__img-wrap img { 1488 width: 100%; 1489 display: block; 1490 max-height: 380px; 1491 object-fit: cover; 1492} 1493 1494@media (max-width: 900px) { 1495 .sn-training__inner { grid-template-columns: 1fr; gap: 32px; } 1496} 1497 1498/* ========================================================= 1499 EVENT â Maker Faire Ostrava 1500 ========================================================= */ 1501.sn-event { background: var(--s-white); } 1502.sn-event__inner { 1503 display: grid; 1504 grid-template-columns: 1fr 1fr; 1505 gap: 60px; 1506 align-items: center; 1507} 1508.sn-event__video-col { display: flex; justify-content: center; } 1509.sn-event__video-wrap { 1510 border-radius: 24px; 1511 overflow: hidden; 1512 border: 3px solid var(--s-mid); 1513 box-shadow: 0 16px 60px rgba(22,133,150,.15); 1514} 1515.sn-event__video-wrap iframe { 1516 display: block; 1517 width: 280px; 1518 height: 497px; 1519 border: none; 1520} 1521 1522@media (max-width: 900px) { 1523 .sn-event__video-wrap iframe { width: 220px; height: 391px; } 1524} 1525.sn-event__badge { 1526 display: inline-flex; 1527 align-items: center; 1528 gap: 8px; 1529 background: #fff5e0; 1530 color: var(--s-orange); 1531 font-family: 'Montserrat', sans-serif; 1532 font-size: 13px; 1533 font-weight: 700; 1534 padding: 5px 14px; 1535 border-radius: 100px; 1536 margin-bottom: 16px; 1537 border: 1.5px solid #ffd580; 1538} 1539.sn-event__title { 1540 font-family: 'Montserrat', sans-serif; 1541 font-size: clamp(24px, 3.5vw, 38px); 1542 font-weight: 800; 1543 color: var(--s-text); 1544 line-height: 1.2; 1545 margin: 0 0 20px; 1546} 1547.sn-event__body { 1548 font-family: 'Montserrat', sans-serif; 1549 font-size: 15px; 1550 color: var(--s-muted); 1551 line-height: 1.8; 1552 margin: 0 0 28px; 1553 text-align: justify; 1554} 1555.sn-event__highlight { 1556 display: flex; 1557 flex-wrap: wrap; 1558 gap: 12px; 1559 margin-bottom: 28px; 1560} 1561.sn-event__pill {
1562 display: inline-flex; 1563 align-items: center; 1564 gap: 6px; 1565 background: var(--s-light); 1566 color: var(--s-teal); 1567 font-family: 'Montserrat', sans-serif; 1568 font-size: 13px; 1569 font-weight: 700; 1570 padding: 6px 16px; 1571 border-radius: 100px; 1572 border: 1.5px solid var(--s-mid); 1573} 1574 1575@media (max-width: 900px) { 1576 .sn-event__inner { grid-template-columns: 1fr; gap: 36px; } 1577 .sn-event__video-col { order: -1; } 1578} 1579 1580/* ========================================================= 1581 9. FOOTER CTA BANNER 1582 ========================================================= */ 1583.sn-cta-banner { 1584 background: linear-gradient(135deg, #0c4f5e 0%, #168596 100%); 1585 padding: 80px 0; 1586 text-align: center; 1587} 1588.sn-cta-banner__title { 1589 font-family: 'Montserrat', sans-serif; 1590 font-size: clamp(24px, 4vw, 40px); 1591 font-weight: 800; 1592 color: #fff; 1593 margin: 0 0 16px; 1594 line-height: 1.25; 1595} 1596.sn-cta-banner__sub { 1597 font-family: 'Montserrat', sans-serif; 1598 font-size: 16px; 1599 color: rgba(255,255,255,.8); 1600 margin: 0 0 36px; 1601 max-width: 600px; 1602 margin-left: auto; 1603 margin-right: auto; 1604 line-height: 1.65; 1605} 1606.sn-cta-banner__btn { 1607 display: inline-block; 1608 background: #fff; 1609 color: var(--s-teal) !important; 1610 font-family: 'Montserrat', sans-serif; 1611 font-size: 16px; 1612 font-weight: 800; 1613 padding: 16px 40px; 1614 border-radius: 100px; 1615 text-decoration: none; 1616 box-shadow: 0 8px 28px rgba(0,0,0,.2); 1617 transition: background .25s, transform .2s; 1618} 1619.sn-cta-banner__btn:hover { 1620 background: var(--s-light); 1621 transform: translateY(-2px); 1622} 1623</style> 1624 1625<section class="sn-section sn-event"> 1626 <div class="sn-container"> 1627 <div class="sn-event__inner"> 1628 <div class="sn-event__video-col"> 1629 <div class="sn-event__video-wrap scb-yt-wrap"> 1630 <iframe data-yt-src="https://www.youtube.com/embed/Une_Q_37_qY" allow="autoplay; encrypted-media" allowfullscreen></iframe> 1631 <div class="scb-yt-gate"> 1632 <button type="button" class="scb-yt-gate__btn" onclick="window.scbLoadYoutube(this)">â¶ Zobrazit video<br>(povolà marketingové cookies)</button> 1633 </div> 1634 </div> 1635 </div> 1636 <div> 1637 <div class="sn-event__badge">ð Ostrava, 2026</div> 1638 <span class="sn-tag">Živé akce</span> 1639 <h2 class="sn-event__title">Sensetio na Maker Faire Ostrava</h2> 1640 <p class="sn-event__body"> 1641 ZúÄastnili jsme se Maker Faire Ostrava â jedné z nejvÄtÅ¡Ãch festivalů inovacÃ, technologià a kutilského ducha v ÄR. Mohli jste si Sensetio vyzkouÅ¡et na vlastnà kůži, zmÄÅit si relaxaÄnà skóre a zahrát si naÅ¡e biofeedback hry v pÅÃmém souboji se svým stresem. 1642 </p> 1643 <p class="sn-event__body" style="margin-bottom:24px;"> 1644 Setkánà s vámi nás vždy nabÃjà â slyÅ¡et vaÅ¡e reakce a vidÄt, jak Sensetio funguje v praxi, je pro nás ta nejvÄtšà motivace pokraÄovat. 1645 </p> 1646 <div class="sn-event__highlight"> 1647 <span class="sn-event__pill">ð® VyzkouÅ¡eli jste si hry</span> 1648 <span class="sn-event__pill">ð§ MÄÅili jste svou EDA v reálném Äase</span> 1649 <span class="sn-event__pill">ð¤ Stovky vyzkouÅ¡enÃ. DÄKUJEME.</span> 1650 </div> 1651 <a class="sn-btn" href="#productName">VyzkouÅ¡et Sensetio</a> 1652 </div> 1653 </div> 1654 </div> 1655</section> 1656 1657 1658 1659<section class="sn-hero"> 1660 <div class="sn-hero__inner"> 1661 <div class="sn-hero__text"> 1662 <p class="sn-hero__pre">Sensetio Hry</p> 1663 <h1 class="sn-hero__title">Hry, ve kterých můžeÅ¡ vyhrát jen skuteÄným soustÅedÄnÃm</h1> 1664 <p class="sn-hero__body">Hry fungujà na principu mÄÅenà elektrodermálnà aktivity a reagujà na tvůj aktuálnà stav. Jejich cÃlem je nauÄit tÄ vnÃmat tvé reakce, zachovat klid a soustÅedÄnà i v napjatých chvÃlÃch â proto je k
1664oncentrace klÃÄem k vÃtÄzstvÃ.</p> 1665 <a class="sn-hero__cta" href="#productName">Koupit Sensetio</a> 1666 </div> 1667 <div class="sn-hero__media"> 1668 <div class="sn-hero__video-wrap"> 1669 <video loop controls autoplay muted src="/videos/hry-web.mp4" width="260" height="440"></video> 1670 </div> 1671 </div> 1672 </div> 1673</section> 1674 1675 1676 1677 1678 1679<section class="sn-section sn-pricing" id="pricing03-2u"> 1680 <div class="sn-container"> 1681 <div class="sn-pricing__head"> 1682 <span class="sn-tag">PÅedplatné</span> 1683 <h2 class="sn-h2">PÅedplatné v mobilnà aplikaci Sensetio</h2> 1684 <p class="sn-lead" style="max-width:640px; margin-left:auto; margin-right:auto; text-align:center;"> 1685 Po zakoupenà jakéhokoli Sensetio zaÅÃzenà ti bude mobilnà aplikace a vÅ¡echny jejà funkce ve FREE verzi k dispozici <strong>zcela ZDARMA</strong>. 1686 </p> 1687 </div> 1688 <div class="sn-pricing__grid"> 1689 <div class="sn-plan"> 1690 <p class="sn-plan__label">Základnà plán</p> 1691 <h3 class="sn-plan__name">Verze FREE</h3> 1692 <p class="sn-plan__price">Zdarma / doživotnÄ</p> 1693 <div class="sn-plan__divider"></div> 1694 <p class="sn-plan__desc">Plán obsahuje omezené množstvà funkcÃ.</p> 1695 <ul class="sn-plan__features"> 1696 <li><strong>1</strong> výchozà hra â Fotbal</li> 1697 <li><strong>1</strong> typ dechového cviÄenÃ</li> 1698 <li>Tipy a triky</li> 1699 </ul> 1700 </div> 1701 <div class="sn-plan sn-plan--pro"> 1702 <p class="sn-plan__label">Pro pravidelné hráÄe</p> 1703 <h3 class="sn-plan__name"> 1704 <img src="/images/sensetio-pro.png" alt="PRO"> 1705 Verze PRO 1706 </h3> 1707 <p class="sn-plan__price"><strong>249 KÄ</strong>/mÄsÃc nebo <strong>2 490 KÄ</strong>/rok (2 mÄsÃce zdarma)</p> 1708 <div class="sn-plan__divider"></div> 1709 <p class="sn-plan__desc">ZkuÅ¡ebnà verze trvá <strong>7 dnÃ</strong> â <strong>nic neplatÃÅ¡</strong>. Po zakoupenà Sensetio máš <strong>3 mÄsÃce neomezeného hranà zdarma</strong>.</p> 1710 <ul class="sn-plan__features"> 1711 <li>PÅÃstup ke <strong>vÅ¡em</strong> hrám bez omezenÃ</li> 1712 <li>PÅÃstup ke <strong>vÅ¡em</strong> dechovým cviÄenÃm a meditacÃm</li> 1713 <li>Tipy a triky</li> 1714 </ul> 1715 </div> 1716 </div> 1717 </div> 1718</section> 1719 1720 1721<section class="sn-section sn-games" id="sensetio-games"> 1722 <div class="sn-container"> 1723 <div class="sn-games__head"> 1724 <span class="sn-tag">Hry Sensetio</span> 1725 <h2 class="sn-h2">Jaké máme hry?</h2> 1726 </div> 1727 1728 1729 <div class="sn-game-row"> 1730 <div class="sn-game-row__img"> 1731 <div class="sn-game-row__img-wrap">
1732 <img src="/mobirise/images/fotbal.gif" alt="sensetio-hry-fotbal"> 1733 </div> 1734 </div> 1735 <div class="sn-game-row__text"> 1736 <div class="sn-game-row__free">â Výchozà hra â vždy ZDARMA</div> 1737 <h3 class="sn-game-row__title">Fotbal</h3> 1738 <p class="sn-game-row__text"> 1739 Tato hra je <strong>vždy dostupná zdarma v aplikaci Sensetio a nevyžaduje žádné pÅedplatné</strong>. Pro hranà je vÅ¡ak nutné mÃt zaÅÃzenà Sensetio â bez nÄj nenà možné hru spustit, protože pohyb mÃÄe vycházà z tvého RelaxaÄnÃho skóre mÄÅeného v reálném Äase. Hra má nÄkolik výzev, které se odemknou po dosaženà 10. úrovnÄ. <strong>StaÄà pÅipojit zaÅÃzenà k aplikaci a můžeÅ¡ zaÄÃt trénovat.</strong> 1740 </p> 1741 <a class="sn-btn" href="productName">VyzkouÅ¡et Sensetio</a> 1742 </div> 1743 </div> 1744 1745 1746 <div class="sn-game-row sn-game-row--reverse"> 1747 <div class="sn-game-row__img"> 1748 <div class="sn-game-row__img-wrap"> 1749 <img src="/mobirise/images/helikoptera1.gif" alt="sensetio-hry-helikoptera"> 1750 </div> 1751 </div> 1752 <div class="sn-game-row__text"> 1753 <div class="sn-game-row__badge"> 1754 <img src="/images/sensetio-pro.png" alt="PRO"> 1755 Sensetio PRO â 249 KÄ / mÄsÃc nebo 2 490 KÄ / rok 1756 </div> 1757 <h3 class="sn-game-row__title">Helikoptéra</h3> 1758 <p class="sn-game-row__text"> 1759 Po zakoupenà zaÅÃzenà Sensetio máš hru k dispozici na <strong>3 mÄsÃce zdarma</strong>, poté je dostupná v rámci Sensetio PRO. Hra využÃvá mÄÅenà relaxaÄnÃho skóre v reálném Äase a je navržena jako trénink klidu, soustÅedÄnà a emoÄnà stability prostÅednictvÃm ÅÃzeného letu a bezpeÄného pÅistánà helikoptéry. 1760 </p> 1761 <p class="sn-game-row__sub">PÅedplatné se aktivuje pÅÃmo v aplikaci.</p> 1762 <a class="sn-btn" href="#pricing03-2u">Sensetio PRO</a> 1763 </div> 1764 </div> 1765 1766 1767 <div class="sn-game-row"> 1768 <div class="sn-game-row__img"> 1769 <div class="sn-game-row__img-wrap"> 1770 <img src="/mobirise/images/formule1.gif" alt="sensetio-hry-formule"> 1771 </div> 1772 </div> 1773 <div class="sn-game-row__text"> 1774 <div class="sn-game-row__badge"> 1775 <img src="/images/sensetio-pro.png" alt="PRO"> 1776 Sensetio PRO â 249 KÄ / mÄsÃc nebo 2 490 KÄ / rok 1777 </div> 1778 <h3 class="sn-game-row__title">Závodnà horeÄka</h3> 1779 <p class="sn-game-row__text"> 1780 SouÄást Sensetio PRO. Po zakoupenà zaÅÃzenà máš hru <strong>3 mÄsÃce zdarma</strong>. Hra nabÃzà <strong>tÅi</strong> hernà módy â <strong>Duel</strong> (závodÃÅ¡ proti soupeÅi), <strong>Checkpointy</strong> (projÞdÃÅ¡ kontrolnÃmi body v omezeném Äase) a <strong>Závod s Äasem</strong> (testujeÅ¡ maximálnà soustÅedÄnÃ). Každý mód provÄÅÃ, jak dobÅe dokážeÅ¡ udržet koncentraci. 1781 </p> 1782 <p class="sn-game-row__sub">PÅedplatné se aktivuje pÅÃmo v aplikaci.</p> 1783 <a class="sn-btn" href="#pricing03-2u">Sensetio PRO</a> 1784 </div> 1785 </div> 1786 </div> 1787</section> 1788 1789 1790<section class="sn-section sn-about"> 1791 <div class="sn-container"> 1792 <div class="sn-about__inner"> 1793 <div class="sn-about__text-col"> 1794 <p class="sn-about__label">O produktu</p> 1795 <h2 class="sn-about__title">Sensetio</h2> 1796 <p class="sn-about__body"> 1797 ð§ Sensetio je tvůj parťák, který pÅesnÄ vÃ, co se v tobÄ dÄje, i když to jeÅ¡tÄ netuÅ¡ÃÅ¡. Zachytà signály tvého tÄla, aplikace je pÅeložà do âlidské ÅeÄi" a najednou vidÃÅ¡, jak tvoje nervová soustava reaguje na různé podnÄty. Je to takový malý upgrade tvého vnitÅnÃho svÄta⦠jen bez složitých grafů a vÄdeckých pÅednášek. PostupnÄ zjistÃÅ¡, které techniky tÄ fakt uklidnÃ, které jsou jen âmeh". 1798 </p> 1799 </div> 1800 <div class="sn-about__video-col"> 1801 <div class="sn-about__video-wrap"> 1802 <video controls autoplay loop muted style="display:block; width:260px; height:440px; object-fit:cover;" src="/videos/homepage.mp4"></video> 1803 </div> 1804 </div> 1805 </div> 1806 </div> 1807</section> 1808 1809 1810 1811<section class="sn-usage"> 1812 <div class="sn-container"> 1813 1814 <div class="sn-usage__head">
1815 <span class="sn-tag">Sensetio</span> 1816 <h2 class="sn-h2">VyužitÃ</h2> 1817 <p class="sn-lead" style="max-width:640px; margin-left:auto; margin-right:auto; text-align:center;"> 1818 Celý systémový balÃÄek je navržen pro každého, kdo chce efektivnÄ zlepÅ¡ovat svou koncentraci a well-being â aÅ¥ už s poruchou pozornosti, nebo bez nÃ. 1819 </p> 1820 </div> 1821 1822 <div class="sn-usage__grid"> 1823 <div class="sn-usage__card"> 1824 <div class="sn-usage__icon">ð®</div> 1825 <h3 class="sn-usage__card-title">Trénink soustÅedÄnÃ</h3> 1826 <p class="sn-usage__card-text">Hry ovládané autonomnÃm nervovým systémem tÄ nauÄà udržet klid a koncentraci i v nároÄných situacÃch.</p> 1827 </div> 1828 <div class="sn-usage__card"> 1829 <div class="sn-usage__icon">ð§</div> 1830 <h3 class="sn-usage__card-title">Dechová cviÄenÃ</h3> 1831 <p class="sn-usage__card-text">Vizualizuj efekt dechového cviÄenà v reálném Äase. UvidÃÅ¡, zda opravdu doÅ¡lo k poklesu emoÄnÃho napÄtÃ.</p> 1832 </div> 1833 <div class="sn-usage__card"> 1834 <div class="sn-usage__icon">ð</div> 1835 <h3 class="sn-usage__card-title">Biofeedback</h3> 1836 <p class="sn-usage__card-text">MÄÅenà elektrodermálnà aktivity ti ukáže, jak tvoje tÄlo reaguje na různé podnÄty â v pÅehledné, lidské ÅeÄi.</p> 1837 </div> 1838 <div class="sn-usage__card"> 1839 <div class="sn-usage__icon">ð§ </div> 1840 <h3 class="sn-usage__card-title">Porucha pozornosti</h3> 1841 <p class="sn-usage__card-text">Vhodné jako pomůcka pro dÄti i dospÄlé s poruchou pozornosti â rozvÃjà emoÄnà sebekontrolu a schopnost soustÅedit se.</p> 1842 </div> 1843 <div class="sn-usage__card"> 1844 <div class="sn-usage__icon">ð±</div> 1845 <h3 class="sn-usage__card-title">Mobilnà aplikace</h3> 1846 <p class="sn-usage__card-text">Aplikace Sensetio je dostupná na iOS i Androidu. Trénuj kdykoli a kdekoli.</p> 1847 </div> 1848 <div class="sn-usage__card"> 1849 <div class="sn-usage__icon">ð</div> 1850 <h3 class="sn-usage__card-title">Pravidelný návyk</h3> 1851 <p class="sn-usage__card-text">Každodennà trénink pomůže pÅirozenÄ pÅenést schopnost koncentrace do každodennÃho života.</p> 1852 </div> 1853 </div> 1854 1855 <div class="sn-usage__bottom"> 1856 <p class="sn-usage__bottom-text"> 1857 <button onclick="redirectToStore()">Aplikace</button> spolu se zaÅÃzenÃm Sensetio ti umožnà uchopit a zlepÅ¡ovat kvalitu svého života. Celý systémový balÃÄek je navržen tak, aby každý mohl efektivnÄ pracovat na své koncentraci a pohodÄ. 1858 </p> 1859 <div class="sn-usage__bottom-cta"> 1860 <a href="#productName" class="sn-usage__bottom-btn">Koupit Sensetio</a> 1861 </div> 1862 </div> 1863 1864 </div> 1865</section> 1866 1867 1868 1869 1870 1871 1872 1873 1874 1875 1876 1877
1878<script> 1879 1880/* store redirect */ 1881function redirectToStore() { 1882 var ua = navigator.userAgent || navigator.vendor || window.opera; 1883 if (/iPad|iPhone|iPod/.test(ua) && !window.MSStream) { 1884 window.location.href = 'https://apps.apple.com/cz/app/sensetio/id6740987687?l=cs'; 1885 } else if (/android/i.test(ua)) { 1886 window.location.href = 'https://play.google.com/store/apps/details?id=cz.slamka.sensetio&hl=cs'; 1887 } else if (/Macintosh|Mac OS X/.test(ua)) { 1888 window.location.href = 'https://apps.apple.com/cz/app/sensetio/id6740987687?l=cs'; 1889 } else { 1890 window.location.href = 'https://play.google.com/store/apps/details?id=cz.slamka.sensetio&hl=cs'; 1891 } 1892} 1893</script>
1893 1894 1895<style> 1896 /* ââ Sensetio Footer ââ */ 1897 .nf { 1898 --nf-bg: #137c94; 1899 --nf-accent: #109bb9; 1900 --nf-text: #ffffff; 1901 --nf-muted: #bbbbbb; 1902 --nf-hover: #a0e2e1; 1903 --nf-warning: #ffffff; 1904 1905 background-color: var(--nf-bg); 1906 color: var(--nf-text); 1907 font-family: 'Montserrat', sans-serif; 1908 padding: 5rem 0; 1909 overflow-x: hidden; 1910 } 1911 1912 .nf-container { 1913 max-width: 1140px; 1914 margin: 0 auto; 1915 padding: 0 1.5rem; 1916 } 1917 1918 /* ââ Responsive grid: 4 â 2 â 1 cols ââ */ 1919 .nf-grid { 1920 display: grid; 1921 grid-template-columns: repeat(4, 1fr); 1922 gap: 2rem; 1923 } 1924 1925 @media (max-width: 991px) { 1926 .nf-grid { 1927 grid-template-columns: repeat(2, 1fr); 1928 } 1929 } 1930 1931 @media (max-width: 767px) { 1932 .nf-grid { 1933 grid-template-columns: 1fr; 1934 text-align: center; 1935 } 1936 1937 .nf-logo img { 1938 margin: 0 auto; 1939 } 1940 1941 .nf-social { 1942 justify-content: center; 1943 } 1944 1945 .nf-container { 1946 padding: 0 2rem; 1947 } 1948 } 1949 1950 /* ââ Logo ââ */ 1951 .nf-logo img { 1952 max-width: 160px; 1953 height: auto; 1954 } 1955 1956 /* ââ Column headings ââ */ 1957 .nf-col-title { 1958 font-size: clamp(1.07rem, 2.5vw, 1.2rem); 1959 font-weight: 700; 1960 line-height: 1.3; 1961 color: var(--nf-text); 1962 margin: 0 0 0.5rem; 1963 } 1964 1965 /* ââ Body / address text ââ */ 1966 .nf-body { 1967 font-size: clamp(1.07rem, 2.5vw, 1.2rem); 1968 line-height: 1.5; 1969 color: var(--nf-muted); 1970 margin: 0 0 1.5rem; 1971 word-break: break-word; 1972 overflow-wrap: break-word; 1973 } 1974 1975 /* ââ Navigation links ââ */ 1976 .nf-links { 1977 list-style: none; 1978 padding: 0; 1979 margin: 0; 1980 } 1981 1982 .nf-links li+li { 1983 margin-top: 0.5rem; 1984 } 1985 1986 .nf-links a { 1987 font-size: clamp(1.07rem, 2.5vw, 1.2rem); 1988 color: var(--nf-text); 1989 text-decoration: none; 1990 transition: color 0.2s; 1991 word-break: break-word; 1992 overflow-wrap: break-word; 1993 } 1994 1995 .nf-links a:hover { 1996 color: var(--nf-hover); 1997 } 1998 1999 /* ââ Contact links (yellow) ââ */ 2000 .nf-contact .nf-links a { 2001 color: var(--nf-warning); 2002 } 2003 2004 .nf-contact .nf-links a:hover { 2005 color: #ffffff; 2006 } 2007 2008 /* ââ Social icons ââ */ 2009 .nf-social { 2010 display: flex; 2011 flex-wrap: wrap; 2012 gap: 0.5rem; 2013 margin-top: 0.75rem; 2014 } 2015 2016 .nf-social a { 2017 display: flex; 2018 align-items: center; 2019 justify-content: center; 2020 width: 2.5rem; 2021 height: 2.5rem; 2022 border-radius: 50%; 2023 background-color: #ffffff; 2024 color: var(--nf-accent); 2025 text-decoration: none; 2026 flex-shrink: 0; 2027 } 2028 2029 .nf-social svg { 2030 display: block; 2031 } 2032 2033 /* ââ Scroll-to-top button ââ */ 2034 .nf-scroll-top { 2035 position: fixed; 2036 bottom: 25px; 2037 right: 90px; 2038 z-index: 5000; 2039 } 2040 2041 .nf-scroll-top a { 2042 display: flex; 2043 align-items: center; 2044 justify-content: center; 2045 width: 60px; 2046 height: 60px; 2047 background: rgba(0, 0, 0, 0.2); 2048 border: 2px solid #fff; 2049 border-radius: 50%; 2050 text-decoration: none; 2051 transition: background 0.3s ease-in-out; 2052 cursor: pointer; 2053 } 2054 2055 .nf-scroll-top a:hover { 2056 background: rgba(0, 0, 0, 0.4); 2057 } 2058 2059 .nf-scroll-top-arrow { 2060 display: block; 2061 width: 12px; 2062 height: 12px; 2063 border-left: 2.5px solid #fff; 2064 border-bottom: 2.5px solid #fff; 2065 transform: rotate(135deg) translate(-2px, -2px); 2066 } 2067 2068 @media (max-width: 500px) { 2069 .nf-scroll-top { 2070 right: 0; 2071 left: 0; 2072 display: flex; 2073 justify-content: center; 2074 } 2075 } 2076</style> 2077 2078<footer class="nf" id="footer4-1i"> 2079 <div class="nf-container"> 2080 <div class="nf-grid"> 2081 2082 2083 <div class="nf-logo"> 2084 <a href="https://sensetio.com"> 2085 <img src="/mobirise/images/nvrh-bez-nzvu-32.png-345x345.png" alt="Sensetio"> 2086 </a> 2087 </div> 2088 2089 2090 <div> 2091 <h5 class="nf-col-title">Kde sÃdlÃme?</h5> 2092 <p class="nf-body">Sensetio Lab, s.r.o.<br>Å amanova 1062/8<br>700 30 OstravaâJih<br>IÄO 17612128</p> 2093 <h5 class="nf-col-title">Sledujte nás</h5> 2094 <div class="nf-social"> 2095 <a href="https://www.facebook.com/profile.php?id=61552755160437" target="_blank" rel="noopener" 2096 title="Facebook"> 2097 <svg width="18" height="18" viewBox="0 0 24 24" aria-hidden="true"> 2098 <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z" 2099 fill="#109bb9" /> 2100 </svg> 2101 </a> 2102 <a href="https://www.instagram.com/senset.io/" target="_blank" rel="noopener" title="Instagram"> 2103 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#109bb9" 2104 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> 2105 <rect x="2" y="2" width="20" height="20" rx="5" ry="5"/> 2106 <circle cx="12" cy="12" r="4"/> 2107 <circle cx="17.5" cy="6.5" r="1.5" fill="#109bb9" stroke="none"/> 2108 </svg> 2109 </a> 2110 </div> 2111 </div> 2112 2113 2114 <div class="nf-contact"> 2115 <h5 class="nf-col-title">Telefon a e-mail:</h5> 2116 <ul class="nf-links"> 2117 <li><a href="https://wa.me/420773094879">773 094 879</a></li> 2118 <li><a href="mailto:[email protected]">[email protected]</a></li> 2119 </ul> 2120 </div> 2121 2122 2123 <div> 2124 <h5 class="nf-col-title">VÅ¡e, co potÅebujete</h5> 2125 <ul class="nf-links"> 2126 <li><a href="/cs/partneri">PartneÅi</a></li> 2127 <li><a href="/cs/ochrana-osobnich-udaju">Zásady ochrany osobnÃch údajů</a></li> 2128 <li><a href="/cs/reklamace-vraceni">Reklamace a vrácenÃ</a></li> 2129 </ul> 2130 </div> 2131 2132 </div> 2133 </div> 2134</footer> 2135 2136<div id="scrollToTop" class="nf-scroll-top"> 2137 <a href="#" aria-label="ZpÄt na zaÄátek stránky">
2138 <span class="nf-scroll-top-arrow" aria-hidden="true"></span> 2139 </a> 2140</div>
2141<script src="/mobirise/bootstrap/js/bootstrap.bundle.min.js"></script>
2141
2141<script src="/mobirise/smoothscroll/smooth-scroll.js"></script>
2141
2141<script src="/mobirise/ytplayer/index.js"></script>
2141
2141<script src="/mobirise/dropdown/js/navbar-dropdown.js"></script>
2141
2141<script src="/mobirise/mbr-switch-arrow/mbr-switch-arrow.js"></script>
2141
2141<script src="/mobirise/theme/js/script.js"></script>
2141
2141<script src="/mobirise/formoid/formoid.min.js"></script>
2141 2142 2143<div id="product_popup" style="visibility: hidden;"> 2144 <div id="added_product"> 2145 <div class="left_product"> 2146 <img src="/images/sensetio-ai2.png"> 2147 </div> 2148 <div class="right_product"> 2149 <h4 style="font-family: montserrat">ZaÅÃzenà <br><b>Sensetio</b><br> bylo pÅidáno do koÅ¡Ãku.</h4> 2150 </div> 2151 <div class="mbr-section-btn item-footer"> 2152 <a style="cursor:pointer" class="left_href btn item-btn btn-primary display-7" onclick="hidePopUp()"> 2153 ZpÄt 2154 </a> 2155 </div> 2156 <div class="mbr-section-btn item-footer"> 2157 <a style="cursor:pointer" class="right_href btn item-btn btn-primary display-7" onclick="showCart('cs')"> 2158 Do koÅ¡Ãku 2159 </a> 2160 </div> 2161 </div> 2162</div> 2163<div wire:snapshot="{"data":{"isFilamentNotificationsComponent":true,"notifications":[[],{"class":"Filament\\Notifications\\Collection","s":"wrbl"}]},"memo":{"id":"57DN8s8DPpAPgP3hLf27","name":"notifications","path":"cs\/products\/1","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"cs"},"checksum":"64fa3d200cf078fb4457be9de5e0e82963e9a6646bc339f44e09e04987ed4e29"}" wire:effects="{"listeners":["notificationsSent","notificationSent","notificationClosed"]}" wire:id="57DN8s8DPpAPgP3hLf27"> 2164 <div 2165 class="fi-no pointer-events-none fixed inset-4 z-50 mx-auto flex gap-3 items-end flex-col-reverse justify-end" 2166 role="status" 2167 > 2168 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 2169 2170 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
2171<script> 2172 window.filamentData = [] </script>
2172 2173 2174 2175
2175<script 2176 src="https://sensetio.com/js/filament/notifications/notifications.js?v=3.3.49.0" 2177 2178 2179 2180 2181 2182 2183 ></script>
2183 2184 2185 2186
2186<script 2187 src="https://sensetio.com/js/filament/support/support.js?v=3.3.49.0" 2188 2189 2190 2191 2192 2193 2194 ></script>
2194 2195 2196 2197<style> 2198 :root { 2199 } 2200</style> 2201<link rel="modulepreload" href="https://sensetio.com/build/assets/app-VXz2cARP.js" />
2201<script type="module" src="https://sensetio.com/build/assets/app-VXz2cARP.js" data-navigate-track="reload"></script>
2201 <div id="scb-banner" role="dialog" aria-live="polite" aria-label="Souhlas s cookies" style="display:none"> 2202 <div id="scb-inner"> 2203 <div id="scb-icon" aria-hidden="true"> 2204 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="44" height="44"> 2205 <!-- drop shadow --> 2206 <circle cx="32" cy="34" r="25" fill="#a06020" opacity="0.18"/> 2207 <!-- cookie body --> 2208 <circle cx="32" cy="32" r="25" fill="#e0a03c"/> 2209 <!-- baked edge ring --> 2210 <circle cx="32" cy="32" r="25" fill="none" stroke="#b87020" stroke-width="3"/> 2211 <!-- surface highlight near top-left --> 2212 <ellipse cx="24" cy="22" rx="12" ry="8" fill="#f5c060" opacity="0.35" transform="rotate(-30 24 22)"/> 2213 <!-- chocolate chips --> 2214 <ellipse cx="19" cy="21" rx="4.5" ry="4" fill="#2e1604" transform="rotate(-18 19 21)"/> 2215 <ellipse cx="37" cy="17" rx="4" ry="3.5" fill="#2e1604" transform="rotate(14 37 17)"/> 2216 <ellipse cx="45" cy="32" rx="3.8" ry="3.5" fill="#2e1604" transform="rotate(-6 45 32)"/> 2217 <ellipse cx="27" cy="37" rx="4.5" ry="4" fill="#2e1604" transform="rotate(10 27 37)"/> 2218 <ellipse cx="15" cy="39" rx="3.2" ry="3" fill="#2e1604" transform="rotate(-14 15 39)"/> 2219 <ellipse cx="38" cy="46" rx="3.8" ry="3.2" fill="#2e1604" transform="rotate(6 38 46)"/> 2220 <!-- chip highlights --> 2221 <ellipse cx="17.5" cy="19.5" rx="1.8" ry="1.2" fill="#7a4218" opacity="0.7" transform="rotate(-18 17.5 19.5)"/> 2222 <ellipse cx="35.5" cy="15.5" rx="1.6" ry="1.1" fill="#7a4218" opacity="0.7" transform="rotate(14 35.5 15.5)"/> 2223 <ellipse cx="43.5" cy="30.5" rx="1.5" ry="1.1" fill="#7a4218" opacity="0.7"/> 2224 <ellipse cx="25.5" cy="35.5" rx="1.8" ry="1.2" fill="#7a4218" opacity="0.7" transform="rotate(10 25.5 35.5)"/> 2225 <ellipse cx="13.5" cy="37.5" rx="1.3" ry="1" fill="#7a4218" opacity="0.7"/> 2226 <ellipse cx="36.5" cy="44.5" rx="1.5" ry="1.1" fill="#7a4218" opacity="0.7"/> 2227 </svg> 2228 </div> 2229 <div id="scb-text-wrap"> 2230 <p id="scb-title">PoužÃváme cookies</p> 2231 <p id="scb-text"> 2232 PoužÃváme <strong>analytické cookies</strong> (Google Analytics, Microsoft Clarity) a <strong>marketingové cookies</strong> (sledovánà opakovaných návÅ¡tÄv Smartsupp a vložená videa z YouTube) pro zlepÅ¡enà webu a podpory. Samotný živý chat je souÄástà základnà funkÄnosti webu. VÃce v <a href="/cs/ochrana-osobnich-udaju" id="scb-link">zásadách ochrany osobnÃch údajů</a>. 2233 </p> 2234 </div> 2235 <div id="scb-buttons"> 2236 <button id="scb-accept" type="button">PÅijmout vÅ¡e</button> 2237 <button id="scb-settings-btn" type="button">NastavenÃ</button> 2238 <button id="scb-decline" type="button">OdmÃtnout</button> 2239 </div> 2240 </div> 2241 2242 <div id="scb-settings" style="display:none"> 2243 <div id="scb-settings-inner"> 2244 <p id="scb-settings-title">Nastavenà cookies</p> 2245 2246 <div class="scb-toggle-row"> 2247 <div class="scb-toggle-info"> 2248 <span class="scb-toggle-label">Nezbytné cookies</span> 2249 <span class="scb-toggle-desc">Nutné pro fungovánà webu, vÄetnÄ Å¾ivého chatu (Smartsupp). Nelze vypnout.</span> 2250 </div> 2251 <div class="scb-toggle scb-toggle--locked" aria-disabled="true"> 2252 <span class="scb-toggle-track scb-toggle-track--on"></span> 2253 </div> 2254 </div> 2255 2256 <div class="scb-toggle-row"> 2257 <div class="scb-toggle-info"> 2258 <span class="scb-toggle-label">Analytické cookies</span> 2259 <span class="scb-toggle-desc">Google Analytics, Microsoft Clarity â pomáhajà nám zlepÅ¡ovat web.</span> 2260 </div> 2261 <label class="scb-toggle" for="scb-analytics-toggle"> 2262 <input id="scb-analytics-toggle" type="checkbox" checked>
2263 <span class="scb-toggle-track"></span> 2264 </label> 2265 </div> 2266 2267 <div class="scb-toggle-row"> 2268 <div class="scb-toggle-info"> 2269 <span class="scb-toggle-label">Marketingové cookies</span> 2270 <span class="scb-toggle-desc">Smartsupp â rozpoznávánà opakovaných návÅ¡tÄvnÃků pro personalizaci chatu. Nutné také pro pÅehránà vložených videà z YouTube na naÅ¡em webu.</span> 2271 </div> 2272 <label class="scb-toggle" for="scb-marketing-toggle"> 2273 <input id="scb-marketing-toggle" type="checkbox" checked> 2274 <span class="scb-toggle-track"></span> 2275 </label> 2276 </div> 2277 2278 <div id="scb-settings-buttons"> 2279 <button id="scb-save" type="button">Uložit nastavenÃ</button> 2280 </div> 2281 </div> 2282 </div> 2283</div> 2284 2285<button id="scb-trigger" type="button" aria-label="Nastavenà cookies" style="display:none"> 2286 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"> 2287 <circle cx="32" cy="34" r="25" fill="#a06020" opacity="0.18"/> 2288 <circle cx="32" cy="32" r="25" fill="#e0a03c"/> 2289 <circle cx="32" cy="32" r="25" fill="none" stroke="#b87020" stroke-width="3"/> 2290 <ellipse cx="19" cy="21" rx="4.5" ry="4" fill="#2e1604" transform="rotate(-18 19 21)"/> 2291 <ellipse cx="37" cy="17" rx="4" ry="3.5" fill="#2e1604" transform="rotate(14 37 17)"/> 2292 <ellipse cx="45" cy="32" rx="3.8" ry="3.5" fill="#2e1604" transform="rotate(-6 45 32)"/> 2293 <ellipse cx="27" cy="37" rx="4.5" ry="4" fill="#2e1604" transform="rotate(10 27 37)"/> 2294 <ellipse cx="38" cy="46" rx="3.8" ry="3.2" fill="#2e1604" transform="rotate(6 38 46)"/> 2295 </svg> 2296 Cookies 2297</button> 2298 2299<style> 2300#scb-banner { 2301 --nav-bg: #109bb9; 2302 position: fixed; 2303 bottom: 0; 2304 left: 0; 2305 right: 0; 2306 z-index: 99999; 2307 padding: 12px 16px; 2308 font-family: 'Montserrat', sans-serif; 2309 box-sizing: border-box; 2310} 2311#scb-inner { 2312 max-width: 960px; 2313 margin: 0 auto 12px; 2314 background: #fff; 2315 border-radius: 16px; 2316 box-shadow: 0 8px 40px rgba(16,155,185,0.18); 2317 padding: 20px 24px;
2318 border-top: 4px solid var(--nav-bg); 2319 display: flex; 2320 align-items: center; 2321 gap: 16px; 2322 box-sizing: border-box; 2323} 2324#scb-icon { 2325 flex-shrink: 0; 2326 display: flex; 2327 align-items: center; 2328 align-self: flex-start; 2329 margin-top: 2px; 2330} 2331#scb-text-wrap { 2332 flex: 1; 2333 min-width: 0; 2334} 2335#scb-title { 2336 font-size: 15px; 2337 font-weight: 700; 2338 color: #1a1a1a; 2339 margin: 0 0 4px; 2340} 2341#scb-text { 2342 font-size: 13px; 2343 color: #555; 2344 line-height: 1.55; 2345 margin: 0; 2346} 2347#scb-link { 2348 color: var(--nav-bg); 2349 text-decoration: underline; 2350} 2351#scb-buttons { 2352 display: flex; 2353 flex-direction: column; 2354 gap: 8px; 2355 flex-shrink: 0; 2356} 2357#scb-accept, #scb-settings-btn, #scb-decline, #scb-save { 2358 padding: 10px 20px; 2359 border-radius: 10px; 2360 font-size: 13px; 2361 font-weight: 700; 2362 font-family: 'Montserrat', sans-serif; 2363 cursor: pointer; 2364 border: none; 2365 transition: transform 0.12s, box-shadow 0.12s, background 0.12s; 2366 white-space: nowrap; 2367 min-width: 140px; 2368 text-align: center; 2369} 2370#scb-accept { 2371 background: var(--nav-bg); 2372 color: #fff; 2373} 2374#scb-accept:hover { 2375 transform: translateY(-1px); 2376 box-shadow: 0 4px 16px rgba(16,155,185,0.4); 2377} 2378#scb-settings-btn { 2379 background: #e4f6fb; 2380 color: #0c7d97; 2381 border: 1.5px solid #7ecee0; 2382} 2383#scb-settings-btn:hover { 2384 background: #cceaf5; 2385} 2386#scb-decline { 2387 background: transparent; 2388 color: #888; 2389 border: 1.5px solid #ddd; 2390} 2391#scb-decline:hover { 2392 background: #f5f5f5; 2393 color: #555; 2394} 2395#scb-accept:focus-visible, #scb-settings-btn:focus-visible, #scb-decline:focus-visible, #scb-save:focus-visible { 2396 outline: 3px solid var(--nav-bg); 2397 outline-offset: 2px; 2398} 2399 2400/* Settings panel */ 2401#scb-settings { 2402 max-width: 960px; 2403 margin: 0 auto 0; 2404 background: #fff; 2405 border-radius: 16px; 2406 box-shadow: 0 8px 40px rgba(16,155,185,0.18);
2407 border-top: 4px solid var(--nav-bg); 2408 box-sizing: border-box; 2409} 2410#scb-settings-inner { 2411 padding: 20px 24px; 2412} 2413#scb-settings-title { 2414 font-size: 15px; 2415 font-weight: 700; 2416 color: #1a1a1a; 2417 margin: 0 0 16px; 2418} 2419.scb-toggle-row { 2420 display: flex; 2421 align-items: center; 2422 justify-content: space-between; 2423 gap: 12px; 2424 padding: 10px 0; 2425 border-bottom: 1px solid #daf1f8; 2426} 2427.scb-toggle-row:last-of-type { 2428 border-bottom: none; 2429} 2430.scb-toggle-info { 2431 display: flex; 2432 flex-direction: column; 2433 gap: 2px; 2434 flex: 1; 2435} 2436.scb-toggle-label { 2437 font-size: 13px; 2438 font-weight: 600; 2439 color: #1a1a1a; 2440} 2441.scb-toggle-desc { 2442 font-size: 12px; 2443 color: #777; 2444 line-height: 1.4; 2445} 2446.scb-toggle { 2447 position: relative; 2448 flex-shrink: 0; 2449 cursor: pointer; 2450} 2451.scb-toggle input { 2452 position: absolute; 2453 opacity: 0; 2454 width: 0; 2455 height: 0; 2456} 2457.scb-toggle-track { 2458 display: block; 2459 width: 44px; 2460 height: 24px; 2461 background: #ddd; 2462 border-radius: 12px; 2463 transition: background 0.2s; 2464 position: relative; 2465} 2466.scb-toggle-track::after { 2467 content: ''; 2468 position: absolute; 2469 top: 3px; 2470 left: 3px; 2471 width: 18px; 2472 height: 18px; 2473 background: #fff; 2474 border-radius: 50%; 2475 box-shadow: 0 1px 4px rgba(0,0,0,0.2); 2476 transition: left 0.2s; 2477} 2478.scb-toggle input:checked + .scb-toggle-track { 2479 background: var(--nav-bg); 2480} 2481.scb-toggle input:checked + .scb-toggle-track::after { 2482 left: 23px; 2483} 2484.scb-toggle--locked .scb-toggle-track { 2485 background: var(--nav-bg); 2486 cursor: not-allowed; 2487 opacity: 0.6; 2488} 2489.scb-toggle--locked .scb-toggle-track::after { 2490 left: 23px; 2491} 2492#scb-settings-buttons { 2493 margin-top: 16px; 2494 display: flex; 2495 justify-content: flex-end; 2496} 2497#scb-save { 2498 background: var(--nav-bg); 2499 color: #fff; 2500 min-width: 160px; 2501} 2502#scb-save:hover { 2503 transform: translateY(-1px); 2504 box-shadow: 0 4px 16px rgba(16,155,185,0.4); 2505} 2506 2507/* YouTube consent gate (placed over embedded video wrappers) */ 2508.scb-yt-wrap { 2509 position: relative; 2510} 2511.scb-yt-gate { 2512 position: absolute; 2513 inset: 0; 2514 display: flex; 2515 align-items: center; 2516 justify-content: center; 2517 text-align: center; 2518 padding: 16px; 2519 background: linear-gradient(135deg, #0c4f5e 0%, #109bb9 100%); 2520 border-radius: inherit; 2521} 2522.scb-yt-gate[hidden] { 2523 display: none; 2524} 2525.scb-yt-gate__btn { 2526 background: #fff; 2527 color: #0c7d97; 2528 border: none; 2529 border-radius: 10px; 2530 padding: 12px 18px; 2531 font-family: 'Montserrat', sans-serif; 2532 font-size: 13px; 2533 font-weight: 700; 2534 cursor: pointer; 2535 line-height: 1.4; 2536 max-width: 240px; 2537 transition: transform 0.12s, box-shadow 0.12s; 2538} 2539.scb-yt-gate__btn:hover { 2540 transform: translateY(-1px); 2541 box-shadow: 0 4px 16px rgba(0,0,0,0.25); 2542} 2543 2544/* Persistent reopen trigger */ 2545#scb-trigger { 2546 --nav-bg: #109bb9; 2547 position: fixed; 2548 bottom: 16px; 2549 left: 16px; 2550 z-index: 99998; 2551 display: none; 2552 align-items: center; 2553 gap: 6px; 2554 background: #fff; 2555 border: 1.5px solid #ddd; 2556 border-radius: 20px; 2557 padding: 6px 12px 6px 8px; 2558 font-size: 12px; 2559 font-weight: 600; 2560 font-family: 'Montserrat', sans-serif; 2561 color: #666; 2562 cursor: pointer; 2563 box-shadow: 0 2px 10px rgba(0,0,0,0.08); 2564 transition: border-color 0.15s, color 0.15s, box-shadow 0.15s; 2565 line-height: 1; 2566} 2567#scb-trigger:hover { 2568 border-color: var(--nav-bg); 2569 color: var(--nav-bg); 2570 box-shadow: 0 2px 14px rgba(16,155,185,0.2); 2571} 2572#scb-trigger:focus-visible { 2573 outline: 3px solid var(--nav-bg); 2574 outline-offset: 2px; 2575} 2576 2577@media (max-width: 640px) { 2578 #scb-banner { 2579 padding: 8px 10px; 2580 max-height: 85vh; 2581 overflow-y: auto; 2582 } 2583 #scb-inner { 2584 flex-direction: column; 2585 align-items: stretch; 2586 padding: 16px; 2587 margin-bottom: 8px; 2588 gap: 12px; 2589 } 2590 #scb-buttons { 2591 flex-direction: row; 2592 flex-wrap: wrap; 2593 } 2594 #scb-accept, #scb-settings-btn, #scb-decline { 2595 flex: 1; 2596 min-width: 0; 2597 font-size: 12px; 2598 padding: 9px 10px; 2599 } 2600 #scb-decline { order: 1; } 2601 #scb-settings-btn { order: 2; } 2602 #scb-accept { order: 3; } 2603 #scb-settings-inner { 2604 padding: 14px; 2605 } 2606 #scb-settings-buttons { 2607 justify-content: stretch; 2608 } 2609 #scb-save { 2610 width: 100%; 2611 min-width: 0; 2612 } 2613} 2614</style> 2615
2616<script> 2617(function () { 2618 'use strict'; 2619 2620 var COOKIE_NAME = 'sensetio_consent'; 2621 var COOKIE_DAYS = 365; 2622 2623 function readConsent() { 2624 var match = document.cookie.match('(?:^|;)\\s*' + COOKIE_NAME + '=([^;]*)'); 2625 if (!match) return null; 2626 try { return JSON.parse(decodeURIComponent(match[1])); } catch (e) { return null; } 2627 } 2628 2629 function writeConsent(obj) { 2630 var expires = new Date(Date.now() + COOKIE_DAYS * 864e5).toUTCString(); 2631 document.cookie = COOKIE_NAME + '=' + encodeURIComponent(JSON.stringify(obj)) 2632 + '; expires=' + expires + '; path=/; SameSite=Lax; Secure'; 2633 } 2634 2635 function injectScript(src, inline) { 2636 var s = document.createElement('script'); 2637 s.async = true; 2638 if (src) { s.src = src; } 2639 if (inline) { s.text = inline; } 2640 document.head.appendChild(s); 2641 } 2642 2643 var _analyticsLoaded = false; 2644 var _functionalLoaded = false; 2645 2646 function loadAnalytics() { 2647 if (_analyticsLoaded) return; 2648 _analyticsLoaded = true; 2649 injectScript('https://www.googletagmanager.com/gtag/js?id=G-6EJLKFMM6K'); 2650 injectScript(null, 2651 'window.dataLayer=window.dataLayer||[];' + 2652 'function gtag(){dataLayer.push(arguments);}' + 2653 'gtag("js",new Date());' + 2654 'gtag("config","G-6EJLKFMM6K");' 2655 ); 2656 injectScript(null, 2657 '(function(c,l,a,r,i,t,y){' + 2658 'c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};' + 2659 't=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;' + 2660 'y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);' + 2661 '})(window,document,"clarity","script","sx7vjdtd31");' 2662 ); 2663 // Sentry: uncomment and fill DSN when ready 2664 // injectScript('https://browser.sentry-cdn.com/VERSION/bundle.min.js'); 2665 // injectScript(null, 'Sentry.init({dsn:"YOUR_DSN",tracesSampleRate:0.1});'); 2666 } 2667 2668 function loadFunctional() { 2669 if (_functionalLoaded) return; 2670 _functionalLoaded = true; 2671 injectScript(null, 2672 'var _smartsupp=_smartsupp||{};' + 2673 '_smartsupp.key="a057508f5ef7522d846f2903caaa62e03aff97c5";' + 2674 'window.smartsupp||(function(d){' + 2675 'var s,c,o=smartsupp=function(){o._.push(arguments)};o._=[];' + 2676 's=d.getElementsByTagName("script")[0];c=d.createElement("script");' + 2677 'c.type="text/javascript";
2677c.charset="utf-8";c.async=true;' + 2678 'c.src="https://www.smartsuppchat.com/loader.js?";s.parentNode.insertBefore(c,s);' + 2679 '})(document);' 2680 ); 2681 } 2682 2683 function applySmartsuppConsent(marketing, analytics) { 2684 if (typeof window.smartsupp === 'function') { 2685 window.smartsupp('marketingConsent', !!marketing); 2686 window.smartsupp('analyticsConsent', !!analytics); 2687 } 2688 } 2689 2690 function gateYoutube(consent) { 2691 document.querySelectorAll('.scb-yt-wrap').forEach(function (wrap) { 2692 var iframe = wrap.querySelector('iframe[data-yt-src]'); 2693 var gate = wrap.querySelector('.scb-yt-gate'); 2694 if (!iframe) return; 2695 if (consent && consent.marketing) { 2696 if (!iframe.getAttribute('src')) iframe.setAttribute('src', iframe.getAttribute('data-yt-src')); 2697 if (gate) gate.setAttribute('hidden', ''); 2698 } else { 2699 iframe.removeAttribute('src'); 2700 if (gate) gate.removeAttribute('hidden'); 2701 } 2702 }); 2703 } 2704 2705 function applyConsent(consent) { 2706 if (consent.analytics) loadAnalytics(); 2707 applySmartsuppConsent(!!consent.marketing, !!consent.analytics); 2708 gateYoutube(consent); 2709 } 2710 2711 // Lets a single embedded video unlock marketing consent on click (without opening full settings) 2712 window.scbLoadYoutube = function (btn) { 2713 var wrap = btn.closest('.scb-yt-wrap'); 2714 var iframe = wrap ? wrap.querySelector('iframe[data-yt-src]') : null; 2715 var consent = readConsent() || { analytics: false, marketing: false }; 2716 consent.marketing = true; 2717 writeConsent(consent); 2718 applyConsent(consent); 2719 if (iframe && !iframe.getAttribute('src')) { 2720 iframe.setAttribute('src', iframe.getAttribute('data-yt-src')); 2721 } 2722 var gate = wrap ? wrap.querySelector('.scb-yt-gate') : null; 2723 if (gate) gate.setAttribute('hidden', ''); 2724 if (trigger) trigger.style.display = 'flex'; 2725 }; 2726 2727 var banner = document.getElementById('scb-banner'); 2728 var inner = document.getElementById('scb-inner'); 2729 var settings = document.getElementById('scb-settings'); 2730 var trigger = document.getElementById('scb-trigger'); 2731 2732 var acceptBtn = document.getElementById('scb-accept'); 2733 var settingsBtn = document.getElementById('scb-settings-btn'); 2734 var declineBtn = document.getElementById('scb-decline'); 2735 var saveBtn = document.getElementById('scb-save'); 2736 var analyticsToggle = document.getElementById('scb-analytics-toggle'); 2737 var marketingToggle = document.getElementById('scb-marketing-toggle'); 2738 2739 function hideBanner() { 2740 if (banner) banner.style.display = 'none'; 2741 if (inner) inner.style.display = ''; 2742 if (settings) settings.style.display = 'none'; 2743 if (trigger) trigger.style.display = 'flex'; 2744 } 2745 2746 function showBanner() { 2747 if (inner) inner.style.display = ''; 2748 if (banner) banner.style.display = 'block'; 2749 if (trigger) trigger.style.display = 'none'; 2750 } 2751 2752 function showSettingsOnly() { 2753 if (inner) inner.style.display = 'none'; 2754 if (settings) settings.style.display = 'block'; 2755 if (banner) banner.style.display = 'block'; 2756 if (trigger) trigger.style.display = 'none'; 2757 } 2758 2759 function toggleSettings() { 2760 if (!settings) return; 2761 settings.style.display = settings.style.display === 'none' ? 'block' : 'none'; 2762 } 2763 2764 function loadToggles(consent) { 2765 if (analyticsToggle) analyticsToggle.checked = consent ? !!consent.analytics : true; 2766 if (marketingToggle) marketingToggle.checked = consent ? !!consent.marketing : true; 2767 } 2768 2769 if (acceptBtn) acceptBtn.addEventListener('click', function () { 2770 var consent = { analytics: true, marketing: true }; 2771 writeConsent(consent); 2772 applyConsent(consent); 2773 hideBanner(); 2774 }); 2775 2776 if (settingsBtn) settingsBtn.addEventListener('click', toggleSettings); 2777 2778 if (declineBtn) declineBtn.addEventListener('click', function () {
2779 var consent = { analytics: false, marketing: false }; 2780 writeConsent(consent); 2781 applySmartsuppConsent(false, false); 2782 hideBanner(); 2783 }); 2784 2785 if (saveBtn) saveBtn.addEventListener('click', function () { 2786 var consent = { 2787 analytics: analyticsToggle ? analyticsToggle.checked : false, 2788 marketing: marketingToggle ? marketingToggle.checked : false 2789 }; 2790 writeConsent(consent); 2791 applyConsent(consent); 2792 hideBanner(); 2793 }); 2794 2795 if (trigger) trigger.addEventListener('click', function () { 2796 loadToggles(readConsent()); 2797 showSettingsOnly(); 2798 }); 2799 2800 loadFunctional(); 2801 2802 var existing = readConsent(); 2803 if (existing !== null) { 2804 applyConsent(existing); 2805 if (trigger) trigger.style.display = 'flex'; 2806 } else { 2807 // No decision yet â deny marketing & analytics to Smartsupp until user chooses 2808 applySmartsuppConsent(false, false); 2809 if (document.readyState === 'loading') { 2810 document.addEventListener('DOMContentLoaded', showBanner); 2811 } else { 2812 showBanner(); 2813 } 2814 } 2815})(); 2816</script>
vendor: 1 bytes, line 2816
2816
2817<script src="/livewire/livewire.min.js?id=57eb113f" data-csrf="anHTxrM2UEt6utlT1zUBjkD5xlyy07QKGFh0Wz1L" data-update-uri="/livewire/update" data-navigate-once="true"></script>
2817 2818</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.