#provoste-dark .pd-index a.index-jump { color: inherit; justify-self: start; padding: 10px 12px; margin: -10px -12px; border-radius: 5px; transition: color .2s, background .2s; }
#provoste-dark .pd-index a.index-jump:hover, #provoste-dark .pd-index a.index-jump:focus-visible { color: #00bcd0; background: #e8fafc; }
#provoste-dark .showcase-card { min-height: 600px; }
#provoste-dark .app-device { justify-self: center; width: min(100%, 290px); min-height: 550px; border: 9px solid #11191e; border-radius: 32px; overflow: hidden; box-shadow: 0 18px 40px #001a252b; display: flex; flex-direction: column; font: 12px/1.45 Arial,sans-serif; background: #f4f7fc; color: #263345; }
#provoste-dark .app-device * { box-sizing: border-box; }
#provoste-dark .app-top { display: flex; justify-content: space-between; align-items: center; gap: 5px; padding: 17px 15px 12px; background: #fff; font-size: 10px; }
#provoste-dark .app-top b { color: #087cce; font-size: 14px; letter-spacing: 1px; }
#provoste-dark .app-top span { font-size: 8px; letter-spacing: 1px; opacity: .65; }
#provoste-dark .app-body { flex: 1; padding: 17px 15px; }
#provoste-dark .app-body h4 { margin: 3px 0 5px; font-size: 22px; line-height: 1.08; letter-spacing: -.6px; }
#provoste-dark .app-body p { margin: 7px 0 12px; color: inherit; font-size: 10px; line-height: 1.5; }
#provoste-dark .app-body .app-eyebrow { margin: 0 0 8px; font-size: 8px; letter-spacing: 1.2px; font-weight: bold; color: #71839b; }
#provoste-dark .app-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin: 14px 0 8px; }
#provoste-dark .app-metrics div { background: linear-gradient(140deg,#126bd1,#15b0e3); color: white; border-radius: 9px; padding: 10px; display: grid; gap: 3px; }
#provoste-dark .app-metrics div+div { background: linear-gradient(140deg,#6255ce,#a084e8); }
#provoste-dark .app-metrics small, #provoste-dark .app-metrics em { font-size: 9px; font-style: normal; }
#provoste-dark .app-metrics b { font-size: 17px; }
#provoste-dark .app-white { background: white; border-radius: 9px; padding: 10px; margin: 8px 0; }
#provoste-dark .app-line { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
#provoste-dark .app-line span { font-size: 9px; opacity: .7; }
#provoste-dark .app-white p { margin: 8px 0; font-size: 9px; }
#provoste-dark .app-white p strong { float: right; color: #71839b; font-weight: normal; }
#provoste-dark .mini-chart { height: 62px; display: flex; align-items: end; gap: 7px; padding: 8px 3px 0; border-bottom: 1px solid #e4e9f0; }
#provoste-dark .mini-chart i { flex: 1; border-radius: 4px 4px 0 0; background: linear-gradient(#55c4f1,#3374d9); }
#provoste-dark .app-action { border: 0; border-radius: 8px; min-height: 42px; width: 100%; margin-top: 10px; color: white; background: #237bdd; font-weight: bold; cursor: pointer; }
#provoste-dark .app-nav { background: #fff; padding: 13px 8px; text-align: center; font-size: 10px; color: #6c7c91; }
#provoste-dark .showcase-info h3 { margin: 12px 0; }
#provoste-dark .showcase-info p { max-width: 390px; }
#provoste-dark .showcase-info .example-note { border-top: 1px solid #dbe5e7; padding-top: 15px; color: #61717a; font-size: 13px; }
#provoste-dark .menu-demo { background: #171717; color: #fff; }
#provoste-dark .menu-demo .app-top, #provoste-dark .menu-demo .app-nav { background: #111; color: #fff; }
#provoste-dark .menu-demo .app-top b, #provoste-dark .menu-demo h4 span, #provoste-dark .menu-demo .app-eyebrow { color: #f7be28; }
#provoste-dark .menu-demo .app-body h4 { font-size: 28px; }
#provoste-dark .food-image { height: 145px; margin: 12px -4px; border-radius: 9px; background: linear-gradient(0deg,#17171750,transparent),url('food.jpg') center/cover; }
#provoste-dark .menu-demo .app-line small, #provoste-dark .class-info small { display: block; opacity: .65; margin-top: 3px; }
#provoste-dark .menu-options, #provoste-dark .time-options { display: flex; gap: 6px; margin: 10px 0; }
#provoste-dark .menu-options button, #provoste-dark .time-options button { border: 1px solid #ffffff55; border-radius: 5px; padding: 7px 9px; background: transparent; color: inherit; font-size: 9px; cursor: pointer; }
#provoste-dark .menu-options button.chosen { background: #f7be28; color: #111; border-color: #f7be28; }
#provoste-dark .menu-demo .app-action { background: #f7be28; color: #111; }
#provoste-dark .menu-cart { padding-top: 10px; font-size: 9px; color: #e9cc72; }
#provoste-dark .pilates { background: #f9f5ee; color: #39493f; }
#provoste-dark .pilates .app-top, #provoste-dark .pilates .app-nav { background: #f9f5ee; color: #69786c; }
#provoste-dark .pilates .app-top b, #provoste-dark .pilates h4 span { color: #678471; }
#provoste-dark .pilates-art { height: 115px; margin: 14px 0; display: grid; place-items: center; background: radial-gradient(ellipse at 50% 105%,#9baf9a 0 31%,transparent 32%),linear-gradient(145deg,#dce4d8,#e9d6c1); border-radius: 100px 100px 9px 9px; text-align: center; font: 22px Georgia,serif; letter-spacing: 3px; }
#provoste-dark .pilates-art i { font-size: 10px; letter-spacing: 1px; }
#provoste-dark .class-info { padding: 10px 0 4px; }
#provoste-dark .time-options button { border-color: #bacbbd; color: #506b57; }
#provoste-dark .time-options button.chosen { background: #678471; color: white; border-color: #678471; }
#provoste-dark .pilates .app-action { background: #678471; }
#provoste-dark .booking-status { color: #526b58; }
@media(max-width:700px) { #provoste-dark .showcase-card { min-height: 0; } #provoste-dark .app-device { width: min(100%,290px); } }