@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/jetbrains-mono-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/jetbrains-mono-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/jetbrains-mono-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/jetbrains-mono-latin-700-normal.woff2) format("woff2")}
/* Public experience: pearl surfaces, lavender light and an illustrated commerce core. */
:root{--experience-ink:#29253d;--experience-muted:#726e83;--experience-line:#e5e0ed;--experience-lilac:#8a73be}
body.experience{background:#faf9fc;color:var(--experience-ink);font-family:'Plus Jakarta Sans',sans-serif}
body.experience>.ambient-light{display:none}
.login-brand-symbol{width:40px;height:40px;flex-shrink:0}
.experience :focus-visible{outline:3px solid #8b72bd;outline-offset:5px}
.experience ::selection{background:#dfd3f4;color:#302441}
.experience .nav-light{top:16px;left:24px;right:24px;border:1px solid #ffffffd9;border-radius:20px;background:#ffffffb8;box-shadow:0 8px 40px #5b446b08;backdrop-filter:blur(24px)}
.experience .nav-light>div{height:68px;max-width:1400px}
.experience .nav-light nav{gap:20px}
.experience .btn-chic-primary,.experience .btn-submit{background:linear-gradient(120deg,#373047,#605073);border:1px solid #ffffff30;border-radius:12px;box-shadow:0 5px 0 #30243c0a,0 8px 25px #48325020;transition:transform .25s,box-shadow .25s}
.experience .btn-chic-primary:hover,.experience .btn-submit:hover{background:linear-gradient(120deg,#51425e,#7d6595);transform:translateY(-3px);box-shadow:0 12px 28px #6a4e7b30}
.experience .btn-chic-secondary{border:1px solid #dcd4e5;background:#ffffff80;border-radius:12px}
.cinema-hero{position:relative;padding:155px 24px 30px;overflow:hidden;background:radial-gradient(ellipse at 18% 48%,#d9f2e77a,transparent 42%),radial-gradient(ellipse at 79% 40%,#fbe4db9c,transparent 40%),radial-gradient(ellipse at 50% 32%,#e8dffaab,transparent 58%),#faf9fc}
.cinema-hero:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#8e7ca233 .7px,transparent .7px);background-size:24px 24px;mask-image:linear-gradient(transparent,#0006,transparent);pointer-events:none}
.hero-copy{position:relative;max-width:1100px;margin:auto;text-align:center;z-index:2}
.hero-eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid #ded5e7;background:#fff8;border-radius:30px;padding:8px 14px;font-size:10px;font-weight:600;letter-spacing:1.7px;text-transform:uppercase}
.hero-eyebrow i,.core-status i{width:6px;height:6px;background:#72ad94;border-radius:50%;box-shadow:0 0 0 4px #72ad9415}
.hero-copy h1{font-size:clamp(42px,5.5vw,78px);line-height:1.06;letter-spacing:-4px;font-weight:500;margin:24px 0 20px;color:#30283e}
.hero-copy h1 em{font-style:normal;background:linear-gradient(110deg,#838fb7,#a783bc 48%,#bc927d);background-clip:text;color:transparent}
.hero-copy>p{font-size:15px;line-height:1.85;color:#777183;max-width:620px;margin:0 auto 23px}
.hero-actions{display:flex;justify-content:center;gap:12px;align-items:center}
.hero-actions a,.hero-actions button{padding:13px 22px;font-size:12px;display:inline-flex;gap:16px;align-items:center}
.hero-footnote{display:flex;justify-content:center;gap:24px;margin-top:18px;font-size:10px;color:#817888}
.hero-footer{max-width:1150px;margin:0 auto;display:flex;justify-content:space-between;gap:20px;padding:22px 0 5px;border-top:1px solid #b9aaca30;font-size:10px;letter-spacing:.8px;color:#797082}
.hero-footer strong{color:#494052;font-weight:600}
.commerce-network{position:relative;max-width:1060px;height:410px;margin:30px auto 0;isolation:isolate}
.network-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:-1}
.wire{fill:none;stroke:url(#wire-gradient);stroke-width:1;opacity:.5}
.wire-signal{fill:none;stroke:#b19acb;stroke-width:2;stroke-dasharray:4 440;stroke-linecap:round;animation:signal-flow 9s linear infinite;filter:drop-shadow(0 0 4px #ba91d4)}
@keyframes signal-flow{to{stroke-dashoffset:-888}}
.network-label{position:absolute;top:2%;font:9px 'JetBrains Mono',monospace;letter-spacing:1.7px;color:#94899d}
.label-in{left:4%}.label-out{right:4%}
.network-sources,.network-outputs{position:absolute;top:11%;bottom:14%;width:22%;display:flex;flex-direction:column;justify-content:space-between}
.network-sources{left:0}.network-outputs{right:0}
.network-node{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:12px 14px;background:linear-gradient(120deg,#ffffffda,#ffffff72);border:1px solid #ffffff;border-radius:14px;box-shadow:0 6px 24px #58436c07,inset 0 0 0 1px #e9e2ef77;color:#494153;cursor:pointer;transition:transform .3s,box-shadow .3s,border-color .3s;font-size:12px;font-weight:600}
.network-node:hover,.network-node:focus-visible{transform:translateY(-3px) scale(1.025);border-color:#c8b4db;box-shadow:0 12px 30px #8b6cab20}
.network-node small{display:block;font:7px 'JetBrains Mono',monospace;letter-spacing:1px;color:#95899e;margin-top:5px}
.network-node i{width:4px;height:4px;background:#94b7a5;border-radius:50%;margin-left:auto}
.node-icon{width:31px;height:33px;display:grid;place-items:center;border-radius:9px;background:#f0e8f7;color:#a184b6;font-size:23px;font-weight:500;flex-shrink:0}
.source-1{background:#e7f1dd;color:#779653;font-style:italic}.source-2{background:#fff0dc;color:#ad8b51}.source-3{background:#e6eef8;color:#7292b2}.source-4{background:#eee9f7;color:#9583b7}.output-1{background:#f8eade;color:#b39473}.output-2{background:#e8e7fa;color:#9288bc}.output-3{background:#e4f1e9;color:#7a9d86}
.network-core{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:250px;display:flex;align-items:center;flex-direction:column;text-align:center}
.core-crystal{width:98px;height:98px;display:grid;place-items:center;background:linear-gradient(145deg,#ffffff,#e4d8f3aa 52%,#fff1d9bb);border:1px solid #fff;border-radius:28px;box-shadow:inset 2px 2px 8px #fff,0 18px 55px #b29acb4d,0 0 0 8px #fff4,0 0 0 9px #fff7;transform:rotate(-8deg);animation:core-float 7s ease-in-out infinite}
.core-crystal svg{width:65px;height:65px;color:#9b82b5;filter:drop-shadow(0 2px 1px white)}
.core-crystal img{width:70px;height:70px;object-fit:contain;filter:drop-shadow(0 8px 16px #30106442)}
.network-core strong{font-size:22px;letter-spacing:-.8px;margin-top:23px;color:#534361}.network-core strong span{display:block;font:8px 'JetBrains Mono',monospace;letter-spacing:3px;color:#9b88a7;margin-top:7px}
.core-status{display:flex;align-items:center;gap:7px;font-size:8px;color:#93859d;margin-top:17px}.core-status i{width:4px;height:4px}
.core-halo{position:absolute;z-index:-1;inset:-50px -30px;border-radius:50%;background:radial-gradient(ellipse,#dcc5ed60,transparent 66%)}
.network-orbit{position:absolute;left:50%;top:48%;width:370px;height:370px;border:1px solid #c6afda26;border-radius:50%;transform:translate(-50%,-50%);z-index:-1}.orbit-two{width:470px;height:470px;border-style:dashed;border-color:#c6afda20;animation:orbit-spin 90s linear infinite}
.network-stars{position:absolute;inset:0;background-image:radial-gradient(circle at 34% 15%,#b59cc7 1px,transparent 2px),radial-gradient(circle at 68% 74%,#b6cdbc 2px,transparent 3px),radial-gradient(circle at 37% 81%,#c4abd7 2px,transparent 3px),radial-gradient(circle at 64% 21%,#dec3af 2px,transparent 3px);animation:star-breathe 5s ease-in-out infinite;pointer-events:none}
.network-caption{position:absolute;bottom:0;left:20%;right:20%;text-align:center;font-size:10px;color:#8b7a96;min-height:28px}
@keyframes core-float{50%{transform:translateY(-9px) rotate(3deg)}}@keyframes orbit-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes star-breathe{50%{opacity:.25}}
.experience section:not(#top){scroll-margin-top:115px}
.experience #workbench,.experience #vorteile,.experience #rechner,.experience #faq{background:#f4f1f7;border-color:#eae4ef}
.experience #operations,.experience #vergleich,.experience #migration,.experience #request-access{background:#fcfbfd;border-color:#eae4ef}
.experience h2{letter-spacing:-1.4px;font-weight:500!important;color:#393044!important}
.experience h3{letter-spacing:-.4px;color:#44394f}
.experience .ticker-wrap{background:#f0ebf4;border-color:#e7deec}
.experience .card-white{border-radius:22px;border-color:#e7dfed;background:linear-gradient(140deg,#fff,#fcfaff);box-shadow:0 6px 30px #65507b05;transition:transform .3s,box-shadow .3s}
.experience .card-white:hover{transform:translateY(-5px);box-shadow:0 20px 45px #65507b12}
.experience .workbench-tab.active{background:#ece3f4;color:#745589;border-color:#d9cbe7}
.experience #rechner .flex:has(>#slider-val){flex-wrap:wrap;gap:12px}
.experience #slider-val{font-size:clamp(11px,2vw,18px);max-width:100%;overflow-wrap:anywhere}
.experience input:not([type=checkbox]):not([type=range]),.experience select,.experience textarea{border-color:#e1d8e9;border-radius:11px;background-color:#ffffffb8}
.experience footer{background:#30283c;border-color:#473952}
.experience .reveal-ready{transition:opacity .7s ease,translate .7s ease}.experience .reveal-ready:not(.revealed){opacity:0;translate:0 20px}
.motion-toggle{position:absolute;right:0;bottom:0;border:1px solid #dcd0e5;border-radius:20px;padding:5px 10px;font-size:9px;color:#83708e;background:#ffffff80;cursor:pointer}
.experience.motion-paused *,.experience.motion-paused *:before,.experience.motion-paused *:after{animation-play-state:paused!important}
.login-experience{min-height:100vh;background:radial-gradient(ellipse at 20% 45%,#e6dcf1,transparent 60%),radial-gradient(ellipse at 65% 80%,#e4f0e9,transparent 50%),#faf9fc!important}
.login-experience #data-network-canvas{display:none}
.login-experience main{max-width:1280px;width:100%;margin:auto;gap:70px;padding:65px 40px}
.login-story{width:55%;max-width:620px}.login-story h2{font-size:clamp(36px,4vw,57px);line-height:1.13;letter-spacing:-2.7px;margin:24px 0 18px}.login-story h2 em{font-style:normal;color:#a08ab5}.login-story>p{max-width:390px;color:#88798f;font-size:13px;line-height:1.9}
.login-story .commerce-network{height:300px;margin-top:35px}.login-story .network-node{padding:9px 7px;gap:5px;font-size:8px;border-radius:10px}.login-story .node-icon{width:22px;height:25px;font-size:18px}.login-story .network-node small{font-size:5px;letter-spacing:.1px}.login-story .network-label{font-size:6px}.login-story .network-core{scale:.72;transform-origin:0 0}.login-story .network-orbit{width:240px;height:240px}.login-story .orbit-two{width:300px;height:300px}.login-story .network-caption{font-size:8px;left:10%;right:10%}
.login-experience .card-perspective-stage{flex:1;min-width:0;max-width:430px;perspective:none}.login-experience .auth-card-surface{padding:38px;border-radius:25px;background:#ffffffb5;border-color:#ffffff;box-shadow:0 25px 90px #73588813,inset 0 0 0 1px #e9e1ed;transform:none!important}
.login-experience .input-clean{padding-left:42px;padding-right:42px}
.login-experience[data-auth-state="secure"] .core-crystal{box-shadow:0 18px 55px #95baa955,0 0 0 9px #fff7}
.login-experience[data-auth-state="error"] .auth-card-surface{border-color:#d18f9b}
.login-experience .auth-card-surface h1{font-size:27px;font-weight:500;letter-spacing:-1px}.login-experience .input-clean{padding-top:14px;padding-bottom:14px}.login-experience footer{background:transparent;color:#8b7c95;border:0}.login-experience #network-status-text{font-size:9px}
@media(min-width:1400px){.cinema-hero{padding-top:170px}.commerce-network{margin-top:40px;height:440px}}
@media(max-width:1100px){.experience .nav-light nav{gap:12px}.experience .nav-light nav a:nth-child(3),.experience .nav-light nav a:nth-child(4){display:none}.login-experience main{gap:30px;padding:40px 25px}.login-experience .auth-card-surface{padding:27px}}
@media(max-width:760px){.experience .nav-light{top:10px;left:10px;right:10px;border-radius:14px}.experience .nav-light>div{height:58px}.cinema-hero{padding:120px 18px 25px}.hero-copy h1{letter-spacing:-2px;font-size:45px}.hero-copy>p{font-size:13px}.hero-eyebrow{font-size:8px;letter-spacing:1px}.hero-footnote{font-size:8px;gap:13px}.hero-footer{flex-wrap:wrap;justify-content:center;font-size:8px}.commerce-network{height:340px;margin-top:35px}.network-sources,.network-outputs{width:26%;top:13%;bottom:17%}.network-node{padding:9px 6px;font-size:9px;gap:5px;border-radius:10px}.node-icon{width:22px;height:27px;font-size:18px}.network-node small{font-size:5px;letter-spacing:0}.network-node i{display:none}.network-core{width:150px}.core-crystal{width:70px;height:70px;border-radius:21px}.core-crystal svg{width:48px;height:48px}.network-core strong{font-size:15px}.network-core strong span{font-size:5px;letter-spacing:2px}.core-status{font-size:6px;gap:5px}.network-orbit{width:235px;height:235px}.orbit-two{width:290px;height:290px}.network-label{font-size:6px;letter-spacing:.6px}.network-caption{font-size:8px;left:5%;right:5%;bottom:9px}.motion-toggle{bottom:-14px;font-size:8px}.login-story{display:none}.login-experience main{padding:36px 18px}.login-experience .card-perspective-stage{max-width:460px}.experience .nav-light a[href='/login']{display:block;font-size:11px}.experience .nav-light .btn-chic-primary{font-size:9px!important;padding:9px!important}.hero-actions a,.hero-actions button{padding:12px 14px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.experience *,.experience *:before,.experience *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.experience .reveal-ready:not(.revealed){opacity:1;translate:none}}
@media(max-width:380px){.experience .nav-light img{width:112px;height:auto}.experience .nav-light>div{padding-inline:10px}.experience .nav-light>div>div:last-child{gap:8px}.experience .nav-light button svg{display:none}.network-node{gap:3px;padding-inline:4px;font-size:8px}.network-node small{display:none}.hero-copy h1{font-size:39px}.hero-actions{gap:7px}.hero-actions a,.hero-actions button{padding:12px 10px;font-size:9px}}