/* The example only changes after a visitor chooses to open it. */
#aplikace .app-demo{width:min(100%,380px);margin:0 auto;text-align:left;scroll-margin-top:90px}
#aplikace .app-demo [hidden]{display:none!important}
#aplikace .app-demo .app-phone{width:100%;box-sizing:border-box;transform:none}
#aplikace .app-demo .app-guide-orb{animation:none}
#aplikace .app-demo[data-active="true"] .app-free-stamp{visibility:hidden}
#aplikace .app-demo-screen{min-height:475px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:22px;padding:36px 24px;border-radius:23px;background:#100D15;color:#F5F1E9;text-align:left}
#aplikace .app-demo-eyebrow{margin:0;color:#E8A317;font:700 10px/1.5 ui-monospace,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase}
#aplikace .app-demo-screen h3{margin:0;font-family:'Recoleta',Georgia,serif;font-size:29px;line-height:1.18;color:#F5F1E9}
#aplikace .app-demo-quote{margin:0;padding:20px 0;border-top:1px solid rgba(245,241,233,.18);border-bottom:1px solid rgba(245,241,233,.18);font-family:'Recoleta',Georgia,serif;font-size:23px;line-height:1.45;color:#F5F1E9}
#aplikace .app-demo-description{margin:0;font-size:14px;line-height:1.65;color:#D2CDD7}
#aplikace .app-demo-footer{margin:22px 0 0;text-align:center;min-height:131px}
#aplikace .app-demo-context{margin:0 0 12px;font-size:13px;line-height:1.5;color:var(--ink-soft,#55607A)}
#aplikace .app-demo-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:11px 17px;border:1px solid var(--ink,#16233F);border-radius:10px;background:#FFFCF7;color:var(--ink,#16233F);font-family:inherit;font-size:14px;font-weight:700;line-height:1.4;cursor:pointer;transition:transform 140ms cubic-bezier(.25,1,.5,1),background-color 140ms}
#aplikace .app-demo-button--primary{background:var(--accent,#E8A317)}
#aplikace .app-demo-button:active{transform:translateY(1px)}
#aplikace .app-demo-button:disabled{opacity:.38;cursor:default;transform:none}
#aplikace .app-demo-button:focus-visible,#aplikace .app-demo-close:focus-visible{outline:3px solid var(--accent2,#2F4A8C);outline-offset:4px}
#aplikace .app-demo-navigation{display:flex;align-items:center;justify-content:center;gap:8px}
#aplikace .app-demo-status{flex:0 0 60px;margin:0;color:var(--ink-soft,#55607A);font-size:12px;font-variant-numeric:tabular-nums}
#aplikace .app-demo-close{min-height:44px;margin-top:6px;padding:8px 12px;border:0;background:transparent;color:var(--ink-soft,#55607A);font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media(hover:hover) and (pointer:fine){#aplikace .app-demo-button:not(:disabled):hover{background:#F3EEE5;transform:translateY(-1px)}#aplikace .app-demo-button--primary:not(:disabled):hover{background:#F2B530}}
@media(max-width:560px){#aplikace .app-demo-screen{min-height:445px;padding:30px 21px;gap:20px}#aplikace .app-demo-screen h3{font-size:27px}#aplikace .app-demo-quote{font-size:22px}#aplikace .app-demo-button{padding:10px 13px;font-size:13px}#aplikace .app-demo-navigation{gap:6px}}
@media(prefers-reduced-motion:reduce){#aplikace .app-demo-button{transition:none!important;transform:none!important}}