.demostage{--ts: .4;--frame-w: 3500px;--frame-h: 2821px;--edge-l: .1857;--edge-t: .2481;--body-w: .6303;--body-h: .4981;--cs: .43;position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(32px,5vh,64px);padding:96px 0 48px;overflow:hidden;background:var(--cwweb-bg-base)}.demostage .dintro{max-width:640px;margin:0 auto;text-align:center}.demostage .dintro__eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--cwweb-neon);margin:0 0 14px}.demostage .dintro__dot{width:6px;height:6px;border-radius:50%;background:var(--cwweb-neon);box-shadow:0 0 10px var(--cwweb-neon-glow)}.demostage .dintro__h{font-size:clamp(1.7rem,5vw,2.2rem);font-weight:300;line-height:1.12;letter-spacing:-.02em;color:#fff;margin:0 0 16px}.demostage .dintro__lede{font-size:.98rem;font-weight:300;line-height:1.55;color:var(--cwweb-text-muted);margin:0}.demostage .dintro__deliver{display:flex;flex-direction:column;gap:11px;list-style:none;margin:22px 0 0;padding:18px 0 0;border-top:1px solid var(--cwweb-border);text-align:left}.demostage .dintro__deliver li{display:flex;align-items:flex-start;gap:10px;font-size:13px;font-weight:300;line-height:1.45;color:var(--cwweb-text-muted)}.demostage .dintro__deliver strong{color:#fff;font-weight:500}.demostage .dintro__deliver strong:after{content:" · ";color:var(--cwweb-text-faint);font-weight:300}.demostage .dintro__deliver-icon{flex:0 0 auto;width:7px;height:7px;margin-top:5px;border-radius:50%}.demostage .dintro__deliver-icon--now{background:var(--cwweb-neon);box-shadow:0 0 9px var(--cwweb-neon-glow)}.demostage .dintro__deliver-icon--mail{border:1.5px solid var(--cwweb-text-faint)}.demostage .dstage{position:relative;width:100%;padding:0 clamp(16px,2vw,40px);display:flex;align-items:center;justify-content:center;--frame-px: calc(var(--frame-w) * var(--ts))}.demostage .dcontrols{flex:0 0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding:0 20px}.demostage .dclose{display:inline-flex;align-items:center;gap:9px;padding:7px 16px 7px 13px;border:1px solid var(--cwweb-border);border-radius:100px;background:#141c17b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:Moderat,sans-serif;font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--cwweb-text-muted);text-decoration:none;transition:border-color .25s var(--cwweb-ease),color .25s var(--cwweb-ease)}.demostage .dclose:hover{border-color:#e0fd0a4d;color:var(--cwweb-neon)}.demostage .dguide-toggle,.demostage .dctrl{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border:1px solid var(--cwweb-border);border-radius:100px;background:transparent;font-family:Moderat,sans-serif;font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--cwweb-text-muted);cursor:pointer;transition:border-color .25s var(--cwweb-ease),color .25s var(--cwweb-ease),background-color .25s var(--cwweb-ease)}.demostage .dguide-toggle:hover,.demostage .dctrl:hover{border-color:#e0fd0a4d;color:var(--cwweb-neon)}.demostage .dctrl[hidden]{display:none}.demostage .dctrl-note{display:inline-flex;align-items:center;gap:9px;padding:7px 16px;border-radius:100px;border:1px solid rgba(224,253,10,.25);background:var(--cwweb-neon-dim);font-family:Moderat,sans-serif;font-size:10px;font-weight:500;letter-spacing:.06em;color:var(--cwweb-text)}.demostage .dctrl-note i{font-size:10px;color:var(--cwweb-neon)}.demostage .dctrl-note[hidden]{display:none}.demostage .dpanel{width:300px;font-family:Moderat,sans-serif;background:#141c17db;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--cwweb-border);border-radius:var(--cwweb-radius-lg);box-shadow:0 24px 64px #00000073}.demostage:not(.is-live) .dpanel{opacity:.4}.demostage .dpanel{transition:opacity .45s ease,transform .55s var(--cwweb-ease)}.demostage.guide-off .dpanel{opacity:0;pointer-events:none}.demostage .dtablet-holder{position:relative;width:calc(var(--frame-w) * var(--body-w) * var(--ts));height:calc(var(--frame-h) * var(--body-h) * var(--ts))}.demostage .dtablet{pointer-events:none;position:absolute;top:calc(-1 * var(--frame-h) * var(--edge-t) * var(--ts));left:calc(-1 * var(--frame-w) * var(--edge-l) * var(--ts));width:var(--frame-w);height:var(--frame-h);transform:scale(var(--ts));transform-origin:top left;background:url(/files/images/telematik-tablet-frame.webp) center / contain no-repeat}.demostage .dtablet:before{content:"";position:absolute;inset:12% -2% 2%;background:radial-gradient(ellipse at 50% 52%,rgba(224,253,10,.06),transparent 62%);z-index:-1;pointer-events:none}.demostage .dscreen{pointer-events:auto;position:absolute;left:780px;top:816px;width:1944px;height:1165px;overflow:hidden;border-radius:42px;background:radial-gradient(ellipse 70% 60% at 50% -10%,rgba(224,253,10,.07),transparent 70%),radial-gradient(ellipse 60% 60% at 100% 110%,rgba(205,226,186,.05),transparent 70%),#111b16}.demostage .dframe{display:block;width:1944px;height:1165px;border:0;background:#2b2b2b}.demostage .dsteps-wrap{padding:22px 22px 18px}.demostage .dsteps__k,.demostage .dloc__label{font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--cwweb-text-faint);margin:0 0 14px}.demostage .dsteps{list-style:none;margin:0;padding:0}.demostage .dstep{display:flex;align-items:flex-start;gap:15px;padding:9px 10px 9px 0;border-radius:12px;cursor:pointer;position:relative;transition:background-color .2s ease}.demostage .dstep:hover{background:#ffffff0d}.demostage .dstep:not(:last-of-type):after{content:"";position:absolute;left:21px;top:40px;bottom:-6px;width:1.5px;background:var(--cwweb-border)}.demostage .dstep.done:not(:last-of-type):after{background:#e0fd0a59}.demostage .dnum{flex:0 0 auto;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;font-size:11.5px;color:var(--cwweb-text-muted);background:var(--cwweb-bg-raised);position:relative;z-index:1;transition:background-color .35s var(--cwweb-ease),border-color .35s var(--cwweb-ease),color .35s var(--cwweb-ease),box-shadow .35s var(--cwweb-ease)}.demostage .dt{font-size:15px;color:var(--cwweb-text);transition:color .3s ease}.demostage .dh{font-size:11px;color:var(--cwweb-text-faint);margin-top:3px}.demostage .dstep:not(.active) .dt{color:var(--cwweb-text-muted)}.demostage .dstep.done .dnum{border-color:#e0fd0a73;background:var(--cwweb-neon-dim);color:var(--cwweb-neon)}.demostage .dstep.active .dnum{border-color:var(--cwweb-neon);background:var(--cwweb-neon);color:#000;box-shadow:0 0 20px var(--cwweb-neon-glow)}.demostage .dstep.active .dt{color:#fff}.demostage .dstep.active .dh{color:var(--cwweb-text-muted)}.demostage .dnote{margin:16px 0 0;font-size:11.5px;font-weight:300;line-height:1.6;color:var(--cwweb-text-faint)}.demostage .dloc{margin-top:26px;padding-top:18px;border-top:1px solid var(--cwweb-border)}.demostage .dloc__label{margin-bottom:10px}.demostage .dloc__row{display:flex;align-items:center;gap:10px}.demostage .dloc__dd{position:relative;flex:1;min-width:0}.demostage .dloc__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 13px;border-radius:var(--cwweb-radius-md);border:1px solid var(--cwweb-border);background-color:var(--cwweb-bg-overlay);color:var(--cwweb-text);font:inherit;font-size:13px;text-align:left;cursor:pointer;transition:border-color .25s var(--cwweb-ease),background-color .25s var(--cwweb-ease)}.demostage .dloc__trigger.placeholder .dloc__text{color:var(--cwweb-text-muted)}.demostage .dloc__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demostage .dloc__trigger:hover{border-color:#e0fd0a4d}.demostage .dloc__dd.open .dloc__trigger{border-color:#e0fd0a73;background-color:var(--cwweb-bg-raised)}.demostage .dloc__chev{flex:none;color:var(--cwweb-text-muted);transition:transform .25s var(--cwweb-ease),color .25s var(--cwweb-ease)}.demostage .dloc__dd.open .dloc__chev{transform:rotate(180deg);color:var(--cwweb-neon)}.demostage .dloc__menu{position:absolute;left:0;right:0;bottom:calc(100% + 6px);z-index:60;max-height:244px;overflow-y:auto;padding:6px;border-radius:var(--cwweb-radius-md);border:1px solid var(--cwweb-border);background:var(--cwweb-bg-raised);box-shadow:0 -2px 10px #0006,0 -16px 40px #00000073}.demostage .dloc__group{font-size:9.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--cwweb-text-faint);padding:10px 10px 5px}.demostage .dloc__opt{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:var(--cwweb-text);font:inherit;font-size:13px;text-align:left;cursor:pointer;transition:background-color .18s var(--cwweb-ease),color .18s var(--cwweb-ease)}.demostage .dloc__opt:hover{background:var(--cwweb-neon-dim);color:var(--cwweb-neon)}.demostage .dloc__opt.sel{color:var(--cwweb-neon)}.demostage .dloc__check{flex:none;width:14px;height:14px;opacity:0;color:var(--cwweb-neon);transition:opacity .18s var(--cwweb-ease)}.demostage .dloc__opt.sel .dloc__check{opacity:1}.demostage .dloc__spin{width:14px;height:14px;flex:none;border:2px solid var(--cwweb-neon-dim);border-top-color:var(--cwweb-neon);border-radius:50%;animation:dloc-rot .7s linear infinite}@keyframes dloc-rot{to{transform:rotate(360deg)}}.demostage .dloc__status{margin-top:10px;font-size:11.5px;font-weight:300;line-height:1.5;color:var(--cwweb-text-muted);min-height:2.2em}.demostage .dinfo-card{display:flex;flex-direction:column;padding:26px 26px 22px}.demostage .dinfo-slot{flex:1 1 auto}.demostage .dinfo{position:relative;padding-top:8px}.demostage .dinfo:before{content:"";position:absolute;top:-8px;left:0;width:34px;height:2px;border-radius:2px;background:var(--cwweb-neon)}.demostage .dinfo-kicker{font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--cwweb-neon);margin:12px 0}.demostage .dinfo-title{font-size:1.35rem;font-weight:300;letter-spacing:-.015em;line-height:1.2;color:#fff;margin-bottom:12px}.demostage .dinfo-body{font-size:.9rem;font-weight:300;line-height:1.6;color:var(--cwweb-text-muted)}.demostage .dtips{margin-top:20px;padding-top:16px;border-top:1px solid var(--cwweb-border)}.demostage .dtips-label{font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--cwweb-text-faint);margin-bottom:11px}.demostage .dtip{display:flex;gap:10px;font-size:.82rem;font-weight:300;line-height:1.5;color:var(--cwweb-text-muted)}.demostage .dtip+.dtip{margin-top:8px}.demostage .dtip:before{content:"→";flex:0 0 auto;color:var(--cwweb-neon)}.demostage .dnext{display:flex;gap:10px;margin-top:20px;padding:12px 14px;border-radius:12px;background:var(--cwweb-neon-dim);border:1px solid rgba(224,253,10,.2);font-size:.82rem;font-weight:300;line-height:1.5;color:var(--cwweb-text)}.demostage .dnext:before{content:"▸";flex:0 0 auto;color:var(--cwweb-neon)}.demostage .drestart{margin-top:20px;align-self:flex-start;display:inline-flex;align-items:center;padding:9px 18px;border:1px solid var(--cwweb-border);border-radius:100px;background:transparent;font-family:inherit;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--cwweb-text-muted);cursor:pointer;transition:background-color .25s var(--cwweb-ease),border-color .25s var(--cwweb-ease),color .25s var(--cwweb-ease),box-shadow .25s var(--cwweb-ease)}.demostage .drestart:hover{border-color:#e0fd0a66;color:var(--cwweb-neon)}.demostage .dcover{position:absolute;inset:0;display:flex;align-items:center}.demostage .dcover__cols{position:relative;display:flex;align-items:stretch;max-height:100%;gap:0;width:100%;padding:calc(30px / var(--cs)) calc(38px / var(--cs))}.demostage .dcover__card{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:center;max-height:100%;overflow-y:auto;padding:0 0 0 calc(46px / var(--cs));border-left:calc(1px / var(--cs)) solid var(--cwweb-border)}.demostage .dcover .dintro{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:center;max-width:none;margin:0;padding-right:calc(46px / var(--cs));text-align:left}.demostage .dcover .dintro__eyebrow{justify-content:flex-start;gap:calc(10px / var(--cs));font-size:calc(10px / var(--cs));letter-spacing:.14em;margin:0 0 calc(14px / var(--cs))}.demostage .dcover .dintro__dot{width:calc(6px / var(--cs));height:calc(6px / var(--cs));box-shadow:0 0 calc(10px / var(--cs)) var(--cwweb-neon-glow)}.demostage .dcover .dintro__h{font-size:calc(32px / var(--cs));line-height:1.1;hyphens:manual;margin:0 0 calc(14px / var(--cs))}.demostage .dcover .dintro__lede{font-size:calc(15px / var(--cs));line-height:1.5}.demostage .dcover .dintro__deliver{gap:calc(10px / var(--cs));margin:calc(24px / var(--cs)) 0 0;padding:calc(18px / var(--cs)) 0 0;border-top-width:calc(1px / var(--cs))}.demostage .dcover .dintro__deliver li{gap:calc(10px / var(--cs));font-size:calc(13px / var(--cs))}.demostage .dcover .dintro__deliver-icon{width:calc(7px / var(--cs));height:calc(7px / var(--cs));margin-top:calc(5px / var(--cs))}.demostage .dcover .dintro__deliver-icon--now{box-shadow:0 0 calc(9px / var(--cs)) var(--cwweb-neon-glow)}.demostage .dcover .dintro__deliver-icon--mail{border-width:calc(1.5px / var(--cs))}.demostage .dcover__title{font-size:calc(18px / var(--cs));font-weight:400;line-height:1.25;letter-spacing:-.01em;color:#fff;margin:0 0 calc(18px / var(--cs))}.demostage .dcover__form{display:flex;flex-direction:column;gap:calc(9px / var(--cs))}.demostage .dcover__form input{width:100%;background:#ffffff0a;border:calc(1px / var(--cs)) solid var(--cwweb-border);border-radius:calc(var(--cwweb-radius-sm) / var(--cs));padding:calc(12px / var(--cs)) calc(16px / var(--cs));font:inherit;font-size:calc(13px / var(--cs));font-weight:300;color:#fff;outline:none;transition:border-color .3s,background-color .3s}.demostage .dcover__form input::-moz-placeholder{color:var(--cwweb-text-faint)}.demostage .dcover__form input::placeholder{color:var(--cwweb-text-faint)}.demostage .dcover__form input:focus{border-color:#e0fd0a4d;background:#ffffff0f}.demostage .dcover__form button,.demostage .dcover__primary{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:calc(8px / var(--cs));margin-top:calc(6px / var(--cs));padding:calc(14px / var(--cs)) calc(22px / var(--cs));border-radius:calc(var(--cwweb-radius-md) / var(--cs));border:calc(1px / var(--cs)) solid var(--cwweb-neon);background:var(--cwweb-neon);color:#000;font-family:inherit;font-size:calc(13px / var(--cs));font-weight:500;letter-spacing:.05em;text-transform:uppercase;text-align:center;line-height:1.25;cursor:pointer;transition:background-color .25s var(--cwweb-ease),border-color .25s var(--cwweb-ease),color .25s var(--cwweb-ease),box-shadow .25s var(--cwweb-ease)}.demostage .dcover__form button:hover,.demostage .dcover__primary:hover{background:#f0ff2a;box-shadow:0 0 calc(24px / var(--cs)) var(--cwweb-neon-glow)}.demostage .dcover__form button:disabled{opacity:.5;cursor:not-allowed}.demostage .dcover__form button.is-error{background:#ef4444;border-color:#ef4444;color:#fff}.demostage .dcover__primary{margin-top:0}.demostage .dcover__fine{font-size:calc(11px / var(--cs));font-weight:300;line-height:1.5;color:var(--cwweb-text-faint);margin:calc(12px / var(--cs)) 0 0}.demostage .dcover__fine a{text-decoration:underline}.demostage .dcover__fine a:hover{color:#fff}.demostage .dmobile{width:100%;max-width:460px;margin:8px auto 0;padding:28px;border-radius:var(--cwweb-radius-lg);border:1px solid var(--cwweb-border);background:#141c17eb;text-align:center}.demostage .dmobile[hidden]{display:none}.demostage .dmobile__title{font-size:15px;color:#fff;letter-spacing:-.01em;margin:0 0 12px}.demostage .dmobile__text{font-size:13px;font-weight:300;line-height:1.55;color:var(--cwweb-text-muted);margin:0 0 16px}.demostage .dmobile__fine{font-size:11px;font-weight:300;line-height:1.5;color:var(--cwweb-text-faint);margin:0 0 22px}.demostage .dmobile__cta{width:100%;display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:var(--cwweb-radius-md);border:1px solid rgba(224,253,10,.4);color:var(--cwweb-neon);font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;transition:background-color .25s var(--cwweb-ease),border-color .25s var(--cwweb-ease),color .25s var(--cwweb-ease),box-shadow .25s var(--cwweb-ease)}.demostage .dmobile__cta:hover{background:var(--cwweb-neon);color:#000}@media(min-width:1300px){.demostage .dpanel{position:absolute;top:50%;transform:translateY(-50%);z-index:3}.demostage .dsteps-wrap{left:max(16px,calc(25% - var(--frame-px) * .157 - 150px))}.demostage .dinfo-card{right:max(16px,calc(25% - var(--frame-px) * .157 - 150px))}.demostage.guide-off .dsteps-wrap{transform:translateY(-50%) translate(calc(-100% - 48px))}.demostage.guide-off .dinfo-card{transform:translateY(-50%) translate(calc(100% + 48px))}}@media(max-width:1299px){.demostage.guide-off .dpanel{display:none}.demostage .dstage{display:grid;grid-template-columns:repeat(2,minmax(0,340px));gap:24px 28px;align-items:start;justify-content:center}.demostage .dtablet-holder{grid-column:1 / -1;order:-1;justify-self:center}.demostage .dpanel{width:100%}}@media(max-width:1023px){.demostage .dstage,.demostage .dguide-toggle,.demostage .dctrl{display:none}.demostage{min-height:0;overflow:visible;padding:108px 20px 64px;justify-content:flex-start;gap:28px}}