.shead{z-index:40;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line-on-dark);color:var(--text-on-dark);background:#060a17db;position:sticky;top:0}.shead__inner{height:var(--header-h);max-width:var(--max);padding-inline:var(--gutter);justify-content:space-between;align-items:center;gap:1rem;margin-inline:auto;display:flex}.shead__actions{align-items:center;gap:1.1rem;display:flex}.shead__back{color:var(--muted-on-dark);font-size:.92rem;text-decoration:none}.shead__back:hover{color:#fff}@media (max-width:559px){.shead__back,.shead .logo__text{display:none}}.showcase{--snav-h:3.5rem}.shero{background:radial-gradient(70% 90% at 85% 0%, rgb(var(--ultra-glow) / .28), transparent 60%), radial-gradient(50% 60% at 0% 100%, rgb(var(--ultra-glow) / .12), transparent 70%), var(--navy-900);color:var(--text-on-dark);padding:clamp(4rem,3rem + 5vw,7.5rem) 0 clamp(3rem,2rem + 4vw,5rem);position:relative;overflow:hidden}.shero__inner{gap:1.25rem;display:grid}.shero__title{max-width:16ch;font-size:var(--step-4);letter-spacing:-.04em;font-weight:500;line-height:1.02}.shero__title span{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--ultra-300);font-style:italic;font-weight:400;display:block}.shero__intro{max-width:44rem;font-size:var(--step-1);color:var(--muted-on-dark)}.shero__facts{border-top:1px solid var(--line-on-dark);gap:1.25rem;margin-top:clamp(1rem,.5rem + 2vw,2rem);padding-top:clamp(1.25rem,1rem + 1vw,1.75rem);display:grid}.shero__note{max-width:46rem;color:var(--muted-on-dark);gap:.6rem;display:grid}.shero__note-lead{font-family:var(--font-serif);font-style:italic;font-size:var(--step-2);color:var(--text-on-dark)}.shero__legend{border:1px solid var(--line-on-dark);border-radius:var(--radius-m);background:#ffffff08;align-content:start;align-self:start;gap:.6rem;padding:1.1rem 1.2rem;display:grid}.shero__legend div{align-items:center;gap:.75rem;display:flex}.shero__legend dd{color:var(--muted-on-dark);font-size:.9rem}@media (min-width:900px){.shero__facts{grid-template-columns:1.6fr 1fr;gap:3rem}}.status{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;gap:.4rem;padding:.2rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.status--demo{color:#2b2100;background:#ffd84d;border-color:#ffd84d}.status--online{color:#0b5c38;background:#e2f7ec;border-color:#1d9b63}.status__dot{background:#1d9b63;border-radius:50%;width:7px;height:7px;animation:2s ease-out infinite status-pulse;box-shadow:0 0 #1d9b6399}@keyframes status-pulse{to{box-shadow:0 0 0 7px #1d9b6300}}.snav{top:var(--header-h);z-index:30;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line-on-light);background:#f3f2eee6;position:sticky}.snav__list{max-width:var(--max);padding:.55rem var(--gutter);scrollbar-width:none;gap:.35rem;margin-inline:auto;display:flex;position:relative;overflow-x:auto}.snav__list a{min-height:40px;color:var(--ink-muted);white-space:nowrap;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);border:1px solid #0000;border-radius:999px;align-items:center;gap:.45rem;padding:0 .9rem;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.snav__list a:hover{background:var(--paper-2);color:var(--ink)}.snav__list a[aria-current=true]{background:var(--navy-900);color:#fff}.snav__num{font-family:var(--font-serif);color:var(--ultra-600);font-style:italic}.snav__list a[aria-current=true] .snav__num{color:var(--ultra-300)}.snav__count{background:#0a0d1812;border-radius:999px;place-items:center;min-width:1.35rem;height:1.35rem;font-size:.72rem;display:inline-grid}.snav__list a[aria-current=true] .snav__count{background:#ffffff24}.scat{background:var(--paper);color:var(--ink);scroll-margin-top:calc(var(--header-h) + var(--snav-h));padding:clamp(3.5rem,2.5rem + 4vw,6rem) 0}.scat[data-tone=paper]{background:var(--paper-2)}.scat__head{gap:.6rem;margin-bottom:clamp(1.75rem,1.25rem + 2vw,2.75rem);display:grid}.scat__title{font-size:var(--step-3);letter-spacing:-.035em;font-weight:500;line-height:1.05}.scat__intro{max-width:44rem;color:var(--ink-muted);font-size:var(--step-0)}.sgrid{gap:clamp(1rem,.75rem + 1vw,1.5rem);display:grid}@media (min-width:760px){.sgrid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.sgrid[data-category=webseiten]{grid-template-columns:repeat(3,1fr)}}.sgrid[data-category=motion]{grid-template-columns:1fr}.scard{border:1px solid var(--line-on-light);border-radius:var(--radius-l);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:#faf9f6;flex-direction:column;display:flex;overflow:hidden}.scard:hover{border-color:rgb(var(--ultra-glow) / .3);box-shadow:0 30px 60px -36px rgb(var(--ultra-glow) / .5);transform:translateY(-3px)}.scard__body{flex-direction:column;flex:1;gap:.55rem;padding:clamp(1.25rem,1rem + 1vw,1.75rem);display:flex}.scard__meta{color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.85rem;display:flex}.scard__title{font-size:var(--step-2);letter-spacing:-.03em;font-weight:500;line-height:1.1}.scard__text{color:var(--ink-muted)}.scard__actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:auto;padding-top:.75rem;display:flex}.scard__open{background:var(--navy-900);color:#fff;min-height:44px;font:inherit;cursor:pointer;transition:background var(--dur-fast) var(--ease-out);border:0;border-radius:999px;align-items:center;gap:.35rem;padding:0 1.15rem;font-weight:600;display:inline-flex}.scard__open:hover{background:var(--ultra-600)}.scard__open:focus-visible,.scard__live:focus-visible{outline:3px solid var(--ultra-400);outline-offset:3px}.scard__live{color:var(--ultra-600);font-weight:600;text-decoration:none}.scard .pcard__visual,.scard__visual{aspect-ratio:16/10;position:relative;overflow:hidden}.scard__visual{background:radial-gradient(80% 80% at 70% 10%, rgb(var(--ultra-glow) / .35), transparent 60%), linear-gradient(160deg, var(--navy-800), var(--navy-950));place-items:center;display:grid}.sgrid[data-category=motion] .scard{display:grid}@media (min-width:900px){.sgrid[data-category=motion] .scard{grid-template-columns:1.3fr 1fr}.sgrid[data-category=motion] .scard__visual{aspect-ratio:auto;min-height:340px}}.mock-dash{width:82%;height:74%;transition:transform var(--dur-slow) var(--ease-out);background:#f5f6fa;border-radius:12px;grid-template-columns:18% 1fr;display:grid;overflow:hidden;box-shadow:0 30px 60px -20px #0009}.scard:hover .mock-dash,.scard:hover .mock-sol,.scard:hover .mock-phone{transform:translateY(-6px)scale(1.02)}.mock-dash__side{background:#0b1020}.mock-dash__main{grid-template-rows:auto 1fr auto;gap:8%;padding:7%;display:grid}.mock-dash__kpis{grid-template-columns:repeat(3,1fr);gap:6%;display:grid}.mock-dash__kpis i,.mock-dash__rows i{background:#fff;border-radius:5px;height:18px;display:block;box-shadow:inset 0 0 0 1px #e3e5ee}.mock-dash__kpis i:first-child{background:linear-gradient(90deg,#3446ff 30%,#fff 30%)}.mock-dash__chart{background:#fff;border-radius:6px;align-items:end;gap:5%;padding:4% 4% 0;display:flex}.mock-dash__chart b{background:linear-gradient(#5c6cff,#3446ff);border-radius:3px 3px 0 0;flex:1}[data-variant=einsatzplanung] .mock-dash__chart{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:4px;padding:4px;display:grid}[data-variant=einsatzplanung] .mock-dash__chart b{background:#eef0f7;border-radius:3px;height:auto!important}[data-variant=einsatzplanung] .mock-dash__chart b:nth-child(3n+1){background:#c9cfff}[data-variant=einsatzplanung] .mock-dash__chart b:nth-child(4n+2){background:#b9ecd6}.mock-dash__rows{gap:5px;display:grid}.mock-dash__rows i{height:8px}.mock-phone{aspect-ratio:9/18;height:84%;transition:transform var(--dur-slow) var(--ease-out);background:#fbfbfd;border:5px solid #1b2033;border-radius:26px;align-content:start;gap:7px;padding:18px 10px 10px;display:grid;position:relative;box-shadow:0 30px 60px -20px #000000b3}.mock-phone__notch{background:#1b2033;border-radius:99px;width:30%;height:6px;position:absolute;top:6px;left:35%}.mock-phone__hero{background:linear-gradient(160deg,#0b1020,#3446ff);border-radius:10px;height:52px}[data-variant=spesen-app] .mock-phone__hero{background:#0b1020}.mock-phone__l{background:#d9dcea;border-radius:4px;width:80%;height:7px}.mock-phone__l--short{width:50%}.mock-phone__row{background:#fff;border-radius:7px;height:22px;box-shadow:inset 0 0 0 1px #e3e5ee}.mock-phone__tabs{background:#eef0f7;border-radius:4px;height:10px;position:absolute;inset:auto 10px 12px}.mock-sol{width:82%;height:70%;transition:transform var(--dur-slow) var(--ease-out);background:#f5f6fa;border-radius:12px;grid-template-columns:1.4fr 1fr;gap:6%;padding:5%;display:grid;box-shadow:0 30px 60px -20px #0009}.mock-sol__canvas{background:linear-gradient(#dfe6ff,#f6f5f1 70%,#d9d6cc 70%);border-radius:8px;position:relative}.mock-sol__canvas span{border:6px solid #2d3240;border-bottom:0;position:absolute;inset:22% 16% 30%}[data-variant=kundenportal] .mock-sol__canvas{background:radial-gradient(circle at 12% 30%,#3446ff 7px,#0000 8px),radial-gradient(circle at 37% 30%,#3446ff 7px,#0000 8px),radial-gradient(circle at 62% 30%,#fff 7px,#0000 8px),radial-gradient(circle at 87% 30%,#fff 7px,#0000 8px),linear-gradient(#3446ff,#3446ff) 12% 30%/25% 2px no-repeat,#fff}[data-variant=kundenportal] .mock-sol__canvas span{background:#eceeff;border:0;border-radius:6px;inset:52% 10% 14%}.mock-sol__panel{align-content:start;gap:8px;display:grid}.mock-sol__panel i{background:#fff;border-radius:5px;height:14px;box-shadow:inset 0 0 0 1px #e3e5ee}.mock-sol__panel b{background:#3446ff;border-radius:99px;height:22px;margin-top:6px}.sv-stage[data-stage=phone]{place-items:center;padding-block:.5rem 1.5rem;display:grid}.sv-phone{width:min(380px,100%);height:min(780px,100dvh - 12rem);min-height:560px;box-shadow:inset 0 0 0 2px #ffffff14, 0 40px 80px -30px #000c, 0 0 80px -30px rgb(var(--ultra-glow) / .6);background:linear-gradient(160deg,#262c42,#0b0f1c);border-radius:48px;padding:12px;position:relative}.sv-phone:before{content:"";z-index:2;background:#05070d;border-radius:99px;width:100px;height:26px;position:absolute;top:22px;left:calc(50% - 50px)}.sv-phone__screen{height:100%;color:initial;background:#fbfbfd;border-radius:38px;overflow:hidden}.sv-phone__screen .sd-app__status{padding-top:1.1rem}.sv-stage[data-stage=stage] .pd__frame{background:#03050c;max-width:1200px}.send{background:radial-gradient(60% 100% at 50% 100%, rgb(var(--ultra-glow) / .25), transparent 70%), var(--navy-900);color:var(--text-on-dark);text-align:center;padding:clamp(4rem,3rem + 4vw,7rem) 0}.send__inner{justify-items:center;gap:1rem;display:grid}.send__title{font-size:var(--step-3);letter-spacing:-.035em;font-weight:500}.send p{max-width:40rem;color:var(--muted-on-dark)}.send__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.75rem;display:flex}.send__ghost{color:var(--text-on-dark)}@media (prefers-reduced-motion:reduce){.scard,.scard:hover,.scard:hover .mock-dash,.scard:hover .mock-sol,.scard:hover .mock-phone{transform:none}.status__dot{animation:none}}.scard__visual--photo img{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-slow) var(--ease-out)}.scard:hover .scard__visual--photo img{transform:scale(1.04)}.sd-viewer .pd__frame{overflow:clip}.sv-stage[data-stage=phone]:has(.sv-app){padding-block:.5rem .25rem;display:block}.sv-app{grid-template-columns:minmax(0,1fr);justify-items:center;gap:1.75rem;width:100%;max-width:1200px;margin-inline:auto;display:grid}.sv-app__intro{max-width:34rem;color:var(--text-on-dark);align-content:center;gap:.85rem;display:grid}.sv-app__kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--ultra-300);font-size:.75rem;font-weight:600}.sv-app__title{letter-spacing:-.04em;font-size:clamp(2rem,1.4rem + 2.4vw,3.2rem);font-weight:600;line-height:1.02}.sv-app__text{color:var(--muted-on-dark)}.sv-app__points{gap:.5rem;margin-top:.25rem;display:grid}.sv-app__points li{color:var(--text-on-dark);align-items:center;gap:.6rem;display:flex}.sv-app__points li:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12l4 4 8-8' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat, var(--ultra-500);border-radius:50%;flex:none;width:18px;height:18px}.sv-app__img{aspect-ratio:16/9;object-fit:cover;border-radius:18px;width:100%;height:auto;margin-top:.5rem;box-shadow:0 30px 60px -36px #000c}.sv-app__hint{color:var(--faint-on-dark);font-size:.82rem}.sv-app__device{flex:none;position:relative}.sv-phone--scaled{transform-origin:0 0;border-radius:56px;width:412px;min-height:0;padding:11px;position:absolute;top:0;left:0}.sv-phone--scaled:before{width:112px;height:32px;top:22px;left:calc(50% - 56px)}.sv-phone--scaled .sv-phone__screen{border-radius:46px}@media (min-width:900px){.sv-app{grid-template-columns:minmax(0,1fr) auto;place-items:center stretch;gap:clamp(2rem,5vw,5rem);padding-inline:clamp(0rem,2vw,2rem)}.sv-app__device{justify-self:end}}@media (max-width:899px){.sv-app__intro{order:2}.sv-app__img{display:none}}.sv-app__steps{flex-wrap:wrap;gap:.5rem;margin-top:.35rem;padding:0;list-style:none;display:flex}.sv-app__steps li{border:1px solid var(--line-on-dark);color:var(--text-on-dark);border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .8rem .4rem .4rem;font-size:.85rem;display:inline-flex}.sv-app__steps span{background:rgb(var(--ultra-glow) / .25);border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:600;display:inline-grid}.sv-app[data-density=compact] .sv-app__img,.sv-app[data-density=minimal] .sv-app__img,.sv-app[data-density=minimal] .sv-app__hint,.sv-app[data-density=minimal] .sv-app__steps{display:none}.sv-app[data-density=minimal] .sv-app__title{font-size:clamp(1.7rem,1.2rem + 1.6vw,2.4rem)}.sv-app[data-density=minimal] .sv-app__points{gap:.3rem}.pd__window[data-stage=phone] .pd__head{padding-block:.3rem}.pd__window[data-stage=phone] .pd__heading{flex-wrap:wrap;align-items:center;gap:.2rem .85rem;min-width:0;display:flex}.pd__window[data-stage=phone] .pd__title{order:-1;margin-top:0;font-size:clamp(1.25rem,1.1rem + .5vw,1.5rem)}.pd__window[data-stage=phone] .pd__close{width:40px;height:40px}@media (max-width:719px){.pd__window[data-stage=phone] .pd__meta>span:not(.status){display:none}}@media (min-width:720px){.pd:has(.pd__window[data-stage=phone]){height:calc(100dvh - 1rem)}}