.device{background:var(--white);box-shadow:var(--shadow-image);margin:0 auto;position:relative}.device-phone{aspect-ratio:9/19;background:var(--ink);border-radius:44px;width:min(300px,72vw);padding:12px}.device-phone .device-screen{background:var(--sand-50);border-radius:34px;width:100%;height:100%;position:relative;overflow:hidden}.device-notch{background:var(--ink);z-index:2;border-radius:999px;width:90px;height:24px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.device-browser{border-radius:var(--radius-md);border:1px solid var(--sand-200);width:min(760px,100%);overflow:hidden}.device-bar{background:var(--sand-100);border-bottom:1px solid var(--sand-200);align-items:center;gap:6px;padding:10px 14px;display:flex}.device-bar i{background:var(--sand-300);border-radius:50%;width:10px;height:10px}.device-bar span{background:var(--white);color:var(--sand-700);border-radius:999px;margin-left:12px;padding:3px 12px;font-size:.8rem}.device-browser .device-screen{aspect-ratio:16/10;background:var(--sand-50);position:relative}.media,.media-screen{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.device-status{font:700 12px var(--font-body);color:var(--ink);z-index:1;justify-content:space-between;display:flex;position:absolute;top:14px;left:22px;right:22px}.scr{box-sizing:border-box;height:100%;font-family:var(--font-body);color:var(--ink);flex-direction:column;gap:10px;padding:56px 18px 18px;display:flex}.scr p{margin:0}.scr-label{color:var(--sand-700);font-size:12px;font-weight:700}.scr-demo{text-align:center;color:var(--sand-700);margin-top:auto;font-size:11px}.scr-card{background:var(--white);border:1px solid var(--sand-200);box-shadow:var(--shadow-card);text-align:left;border-radius:16px;padding:12px 14px}.scr-card-kicker{color:var(--brand-text-on-tint);font-size:12px;font-weight:800}.scr-card-text{margin-top:2px;font-size:13px}.scr-call{text-align:center;align-items:center}.scr-call-number{font:700 22px var(--font-display)}.scr-call-sub{color:var(--sand-700);font-size:13px}.scr-call-icon{background:var(--brand-tint);width:96px;height:96px;color:var(--brand-text-on-tint);border-radius:50%;place-items:center;margin:22px 0 auto;display:grid;position:relative}.scr-call-icon:after{content:"";border:2px solid var(--brand-primary);border-radius:50%;animation:1.8s cubic-bezier(.2,.8,.2,1) infinite scr-ring;position:absolute;inset:0}@keyframes scr-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}.scr-call .scr-card{width:100%;margin-top:16px}.scr-call .scr-demo{margin-top:8px}@media (prefers-reduced-motion:reduce){.scr-call-icon:after{opacity:0;animation:none}}.scr-title{font:700 20px var(--font-display)}.bubble{border-radius:16px;max-width:86%;margin:0;padding:10px 13px;font-size:13px;line-height:1.4}.bubble-in{background:var(--white);box-shadow:var(--shadow-card)}.bubble-out{background:var(--brand-tint);align-self:flex-end}.scr-tag{background:var(--ok-bg);color:var(--ok-text);border-radius:999px;align-self:flex-start;margin-top:4px;padding:6px 12px;font-size:12px;font-weight:700}.cal-slot{background:var(--sand-100);color:var(--sand-700);border-radius:12px;padding:10px 12px;font-size:12px}.cal-slot-booked{background:var(--brand-tint);border:1px solid var(--brand-primary);color:var(--ink);flex-direction:column;gap:2px;display:flex}.cal-slot-booked small{color:var(--sand-700);font-size:12px}.scr-sms{margin-top:auto}.scr-sms+.scr-demo{margin-top:0}.mail-card{background:var(--white);box-shadow:var(--shadow-card);border-radius:16px;padding:14px;font-size:13px}.mail-subject{margin:0 0 8px;font-weight:800}.mail-card ul{margin:0;padding-left:18px;line-height:1.6;list-style:outside}.device.device-browser,.device.device-tablet{max-width:none}.scr-admin .scr-tag{font-size:.9em}.device-browser .device-screen,.device-tablet .device-screen{container-type:inline-size}.scr-admin{flex-direction:row;gap:0;padding:0;font-size:clamp(8px,2.1cqi,13px);line-height:1.4}.scr-admin-nav{box-sizing:border-box;background:var(--sand-100);border-right:1px solid var(--sand-200);flex-direction:column;flex-shrink:0;gap:.4em;width:24%;padding:1.4em .8em;display:flex}.scr-admin-nav span{color:var(--sand-700);border-radius:.6em;padding:.45em .7em}.scr-admin-nav span[aria-current]{background:var(--white);color:var(--ink);font-weight:800}.scr-admin-main{flex-direction:column;flex:1;gap:.8em;min-width:0;padding:1.2em 1.4em;display:flex}.scr-admin-head{justify-content:space-between;align-items:center;gap:1em;font-size:1.15em;font-weight:800;display:flex}.scr-btn{background:var(--brand-primary);color:var(--ink);white-space:nowrap;border-radius:.6em;padding:.45em .9em;font-size:.9em;font-weight:800;display:inline-block}.scr-btn-ghost{background:var(--white);border:1px solid var(--sand-200)}.scr-cols{grid-template-columns:1fr 1.4fr;gap:.8em;min-height:0;display:grid}.scr-pane{border:1px solid var(--sand-200);background:var(--white);border-radius:.8em;padding:.8em;overflow:hidden}.scr-pane .scr-h{letter-spacing:.04em;text-transform:uppercase;color:var(--sand-700);margin:0 0 .4em;font-size:.8em;font-weight:700;display:block}.scr-pane-before{background:var(--sand-100);color:var(--sand-700)}.scr-pane-active{border-color:var(--brand-primary);box-shadow:0 0 0 1px var(--brand-primary)}.scr-field{gap:.25em;display:grid}.scr-field b{color:var(--sand-700);font-size:.8em}.scr-field span{border:1px solid var(--sand-200);background:var(--white);white-space:nowrap;text-overflow:ellipsis;border-radius:.6em;padding:.45em .7em;overflow:hidden}.scr-admin .scr-label{color:var(--ink);font-size:1em}.scr-admin .scr-demo{font-size:.85em}.scr-done{text-align:center;justify-content:center;align-items:center}.scr-done .scr-call-icon{width:4.5em;height:4.5em;margin:0}.scr-done .scr-call-icon:after{display:none}.scr-done-title{font:700 1.5em var(--font-display)}.scr-actions{justify-content:center;gap:.6em;display:flex}.scr-page{gap:.5em;padding:1.4em 1.8em;font-size:clamp(8px,1.6cqi,12px);line-height:1.45}.scr-page-title{font:700 1.5em/1.2 var(--font-display)}.scr-page .scr-h5{font:700 1.1em var(--font-display);margin:.6em 0 0;display:block}.scr-page ul{margin:0;padding-left:1.2em;list-style:outside}.scr-site{background:var(--sand-100);flex-direction:row;gap:0;padding:0;font-size:clamp(8px,2.1cqi,13px);line-height:1.4}.scr-site-page{min-width:0;color:var(--sand-700);flex-direction:column;flex:1;gap:.7em;padding:1.6em 1.8em;display:flex}.scr-site-page strong{font:700 1.6em/1.15 var(--font-display);color:var(--ink)}.scr-site-line{background:var(--sand-200);border-radius:.35em;height:.7em}.scr-site-line:nth-child(odd){width:80%}.scr-chatwin{background:var(--white);width:52%;box-shadow:var(--shadow-card);border-radius:1em;flex-direction:column;gap:.6em;margin:1.2em 1.2em 1.2em 0;padding:.9em;display:flex}.scr-chatwin-head{border-bottom:1px solid var(--sand-200);padding-bottom:.5em;font-weight:800}.scr-chatwin .bubble{padding:.6em .8em;font-size:1em}.scr-chatwin .bubble-in{background:var(--sand-100);box-shadow:none}.scr-chatwin .scr-tag{font-size:.9em}.scr-chatwin .cal-slot{padding:.5em .7em;font-size:.95em}.scr-chatwin .scr-demo{font-size:.85em}.scr-slots{gap:.5em;display:flex}.scr-slots .cal-slot{text-align:center;color:var(--ink);background:var(--brand-tint);flex:1}.scr-tr{text-align:center;align-items:center}.scr-tr-card{box-sizing:border-box;border:1.5px solid var(--brand-primary);background:var(--white);width:100%;font:600 20px/1.3 var(--font-body);text-align:left;border-radius:16px;padding:16px}.scr-tr-card-wait{color:var(--sand-700)}.scr-mic{background:var(--brand-primary);width:72px;height:72px;color:var(--ink);border-radius:50%;place-items:center;display:grid;position:relative}.scr-mic-live:after{content:"";border:2px solid var(--brand-primary);border-radius:50%;animation:1.8s cubic-bezier(.2,.8,.2,1) infinite scr-ring;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.scr-mic-live:after{opacity:0;animation:none}}.scr-check{color:var(--sand-700);font-size:12px}.scr-hist{text-align:left;gap:6px;width:100%;display:grid}.scr-hist p{border-left:3px solid var(--brand-primary);background:var(--white);border-radius:8px;padding:7px 10px;font-size:12px}.scr-hist small{color:var(--sand-700);display:block}.scr-qr{border:2px dashed var(--sand-300);border-radius:18px;place-items:center;width:150px;height:150px;margin-top:8px;display:grid}.scr-qr svg{width:110px;height:110px}.scr-kasse{gap:.9em;padding:1.6em 2em;font-size:clamp(8px,2.1cqi,13px)}.scr-kasse-title{font:700 1.6em var(--font-display)}.scr-select{border:1.5px solid var(--brand-primary);background:var(--white);border-radius:.7em;justify-content:space-between;padding:.7em 1em;display:flex}.device-tablet{background:var(--white);border:1px solid var(--sand-200);box-sizing:border-box;border-radius:30px;width:min(620px,100%);padding:14px}.device-tablet .device-screen{aspect-ratio:4/3;background:var(--sand-50);border-radius:18px;position:relative;overflow:hidden}.scr-big{gap:1.6em;display:flex}.scr-big p{flex-direction:column;display:flex}.scr-big strong{font:700 2.4em/1 var(--font-display);color:var(--yellow-700)}.scr-big span{color:var(--sand-700);font-size:.85em}.scr-stops{gap:.5em;margin:0;padding:0;list-style:none;display:grid}.scr-stops li{background:var(--white);border:1px solid var(--sand-200);border-radius:.7em;grid-template-columns:2em 1fr auto;align-items:center;gap:.6em;padding:.5em .7em;display:grid}.scr-stops b{border:1.5px solid var(--sand-300);border-radius:50%;place-items:center;width:1.7em;height:1.7em;font-size:.85em;display:grid}.scr-stops small{color:var(--sand-700);white-space:nowrap}.scr-qr-mini{flex-shrink:0;width:4.5em;height:4.5em}.scr-handover{background:var(--white);border:1px solid var(--sand-200);border-radius:.8em;align-items:center;gap:.8em;padding:.7em;display:flex}.scr-driver{flex-direction:column;align-self:center;gap:.6em;width:58%;display:flex}.scr-driver-stop{background:var(--white);border:1px solid var(--sand-200);border-radius:.8em;gap:.4em;padding:.7em;display:grid}.scr-kiosk{text-align:center;justify-content:center;align-items:center}.scr-kiosk-q{font:700 1.8em/1.2 var(--font-display)}.scr-tiles{grid-template-columns:repeat(2,1fr);gap:.7em;width:80%;display:grid}.scr-tiles span{background:var(--white);border:1px solid var(--sand-200);border-radius:.9em;padding:1em;font-weight:800}.scr-products{grid-template-columns:repeat(4,1fr);gap:.6em;display:grid}.scr-product{background:var(--white);border:1px solid var(--sand-200);border-radius:.8em;gap:.35em;padding:.5em;display:grid}.scr-product i{aspect-ratio:1;background:var(--sand-100);border-radius:.5em;display:block}.scr-product .scr-tag{margin:0;padding:.3em .6em;font-size:.75em}.scr-portal{gap:.8em;padding:1.4em 1.8em;font-size:clamp(8px,2.1cqi,13px);line-height:1.4}.scr-portal-title{font:700 1.5em/1.2 var(--font-display)}.scr-modules{grid-template-columns:repeat(2,1fr);gap:.8em;display:grid}.scr-module{background:var(--white);border:1px solid var(--sand-200);border-radius:.9em;gap:.5em;padding:.9em;display:grid}.scr-module b{font-size:1.05em}.scr-progress{background:var(--sand-200);border-radius:.25em;height:.5em;overflow:hidden}.scr-progress span{background:var(--brand-primary);height:100%;display:block}.scr-lesson{grid-template-columns:1.7fr 1fr;gap:.9em;display:grid}.scr-lesson img{aspect-ratio:16/9;object-fit:cover;border-radius:.8em;width:100%}.scr-chapters{gap:.4em;margin:0;padding:0;list-style:none;display:grid}.scr-chapters li{background:var(--white);border:1px solid var(--sand-200);border-radius:.6em;padding:.45em .6em}.scr-chapters li[aria-current]{border-color:var(--brand-primary);font-weight:800}.scr-login{align-self:center;gap:.7em;width:60%;display:grid}.scr-admin .scr-call-sub,.scr-portal .scr-call-sub,.scr-kasse .scr-call-sub,.scr-site .scr-call-sub,.scr-portal .scr-label,.scr-kasse .scr-label{font-size:.95em}.scr-portal .scr-tag,.scr-portal .scr-demo,.scr-kasse .scr-demo,.scr-site .scr-demo{font-size:.85em}.scr-canvas{background:var(--sand-50) radial-gradient(var(--sand-200) 1px, transparent 1px) 0 0 / 1.6em 1.6em;justify-content:center;gap:1.1em;padding:1.4em 1.6em;font-size:clamp(9px,2.6cqi,15px)}.scr-nodes{flex-wrap:nowrap;align-items:center;gap:.5em;display:flex}.scr-node{background:var(--white);border:1px solid var(--sand-300);white-space:nowrap;border-radius:.8em;padding:.6em .8em;font-weight:700}.scr-node-active{border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--brand-tint)}.scr-arrow{color:var(--sand-500)}.scr-output{background:var(--white);border:1px solid var(--sand-200);border-radius:.8em;padding:.8em 1em;font-family:ui-monospace,Consolas,monospace;font-size:.95em}.scr-canvas .scr-demo,.scr-canvas .scr-tag{font-size:.85em}.scr-studio{gap:.8em;padding:1.2em 1.4em;font-size:clamp(8px,2.1cqi,13px);line-height:1.4}.scr-studio-grid{flex:1;grid-template-columns:1fr 1fr;gap:1em;min-height:0;display:grid}.scr-studio-media{background:var(--sand-100);border:1px dashed var(--sand-300);border-radius:.9em;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.scr-studio-media img,.scr-studio-media video{object-fit:contain;width:100%;height:100%}.scr-studio-media .scr-tag{margin:0;font-size:.85em;position:absolute;bottom:.6em;left:.6em}.scr-studio-side{flex-direction:column;gap:.6em;display:flex}.scr-studio .scr-demo{margin-top:0;font-size:.85em}