:root{--ink:#080610;--ink2:#0e0b1b;--ink3:#151028;--line-d:#ffffff1f;--mint:#4730d7;--mint2:#7c5aed;--cyan:#9863fd;--teal:#1b006b;--txt:#100c1f;--muted:#5b5771;--bg:#f5f5f8;--card:#fff;--line:#e0dfe8;--amber:#f5b84b;--r:18px;--font:ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Segoe UI",Roboto,sans-serif;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body.landing{margin:0;font-family:var(--font);color:var(--txt);background:var(--bg);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%}a{color:inherit}button,input{font:inherit}.wrap{max-width:1180px;margin:0 auto;padding:0 24px}.wrap.narrow{max-width:800px}.center{text-align:center}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 14px;border-radius:8px;z-index:100}.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--mint);outline-offset:3px;border-radius:8px}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:12px;padding:12px 20px;font-weight:650;text-decoration:none;cursor:pointer;transition:transform .2s var(--ease),box-shadow .25s,background .2s,border-color .2s;white-space:nowrap}
.btn:active{transform:translateY(1px)}.btn-sm{padding:9px 16px;font-size:15px;border-radius:10px}.btn-lg{padding:16px 26px;font-size:17px;border-radius:14px}.btn.wide{width:100%}
.btn-primary{background:linear-gradient(135deg,#4730d7,#5329d8);color:#0a0321;box-shadow:0 8px 28px -8px #4730d7aa,inset 0 1px 0 #ffffff66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 34px -8px #4730d7cc,inset 0 1px 0 #ffffff66}
.btn-ghost{background:#ffffff12;color:#eae8f6;border-color:#ffffff30;backdrop-filter:blur(8px)}.btn-ghost:hover{background:#ffffff22}
.demo-paper .btn-ghost,.demo-side .btn-ghost{color:var(--txt);background:#fff;border-color:var(--line)}
.link-btn{background:none;border:0;color:inherit;cursor:pointer;padding:8px 10px;border-radius:8px;font-weight:600;opacity:.9}.link-btn:hover{opacity:1;background:#ffffff14}

/* Navigation */
.nav{position:fixed;inset:0 0 auto 0;z-index:50;transition:background .3s,backdrop-filter .3s,border-color .3s;border-bottom:1px solid transparent;color:#eceaf6}
.nav.scrolled{background:#080610cc;backdrop-filter:saturate(1.4) blur(16px);border-color:var(--line-d)}
.nav-in{display:flex;align-items:center;gap:28px;height:72px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:22px;letter-spacing:-.8px}.logo img{border-radius:9px}
.nav-links{display:flex;gap:6px;margin-left:12px}.nav-links a{text-decoration:none;padding:8px 12px;border-radius:9px;font-size:15px;font-weight:550;opacity:.8;transition:.2s}.nav-links a:hover,.nav-links a.on{opacity:1;background:#ffffff14}
.nav-cta{margin-left:auto;display:flex;align-items:center;gap:10px}.burger{display:none;background:none;border:0;width:44px;height:44px;padding:0;cursor:pointer}.burger span{display:block;width:22px;height:2px;background:#fff;margin:6px auto;border-radius:2px;transition:.25s}
.nav.open .burger span:first-child{transform:translateY(4px) rotate(45deg)}.nav.open .burger span:last-child{transform:translateY(-4px) rotate(-45deg)}

/* Hero */
.hero{position:relative;background:var(--ink);color:#eceaf6;padding:150px 0 0;overflow:hidden;isolation:isolate}
.aurora{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden}.aurora i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;will-change:transform}
.a1{width:620px;height:620px;background:#2d0ba1;left:-140px;top:-120px;animation:drift1 22s ease-in-out infinite alternate}.a2{width:560px;height:560px;background:#1d6fbf;right:-120px;top:40px;opacity:.38!important;animation:drift2 26s ease-in-out infinite alternate}.a3{width:480px;height:480px;background:#4730d7;left:38%;bottom:-260px;opacity:.28!important;animation:drift1 30s ease-in-out infinite alternate-reverse}
@keyframes drift1{to{transform:translate(120px,80px) scale(1.15)}}@keyframes drift2{to{transform:translate(-140px,60px) scale(.9)}}
.grid-bg{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 80%)}
.hero-in{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:48px;align-items:center;padding-bottom:70px}
.pill{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;background:#ffffff12;border:1px solid #ffffff2a;border-radius:999px;padding:7px 15px 7px 12px;margin:0 0 26px;color:#d2ccef}.dot{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 0 #4730d788;animation:ping 2s infinite}@keyframes ping{70%{box-shadow:0 0 0 10px #4730d700}100%{box-shadow:0 0 0 0 #4730d700}}
h1{font-size:clamp(40px,6vw,72px);line-height:1.02;letter-spacing:-.045em;margin:0 0 24px;font-weight:800}.grad{background:linear-gradient(100deg,#7b6bea 0%,#7c5aed 40%,#9863fd 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:clamp(18px,2vw,21px);color:#aea8ca;max-width:560px;margin:0 0 34px;line-height:1.55}.lead strong{color:#fff;font-weight:650}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}.hero-points{display:flex;gap:10px 26px;flex-wrap:wrap;list-style:none;margin:0;padding:0;font-size:15px;color:#958fb4}.hero-points li{display:flex;align-items:center;gap:8px}.hero-points li::before{content:"";width:16px;height:16px;border-radius:50%;background:#4730d722 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 8.3 2.2 2.2 4.8-5' fill='none' stroke='%2334d399' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}

/* Hero Stage */
.stage{position:relative;perspective:1600px}.win{background:#100d1c;border:1px solid #ffffff26;border-radius:18px;box-shadow:0 50px 100px -30px #000c,0 0 0 1px #000,0 0 90px -20px #4730d755;transform:rotateY(-7deg) rotateX(3deg);transition:transform .6s var(--ease);overflow:hidden}.stage:hover .win{transform:rotateY(-2deg) rotateX(1deg)}
.win-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;background:#140f25;border-bottom:1px solid #ffffff14}.win-bar i{width:11px;height:11px;border-radius:50%;background:#ffffff2e}.win-bar span{margin-left:14px;font-size:12.5px;color:#827ba5;background:#ffffff0d;padding:4px 14px;border-radius:7px}
.win-body{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:440px}
.src{padding:16px 14px;border-right:1px solid #ffffff12;background:#0d0b18;display:flex;flex-direction:column;gap:7px}.src-h{font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;color:#655e8b;margin:10px 4px 2px;font-weight:700}.src-h:first-child{margin-top:0}
.src-row{background:#ffffff08;border:1px solid #ffffff10;border-radius:9px;padding:8px 10px;transition:.35s}.src-row span{display:block;font-size:10.5px;color:#756e97}.src-row b{display:block;font-size:12.5px;color:#dad6f0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.src-row.hot{background:#4730d722;border-color:#4730d7aa;box-shadow:0 0 22px -4px #4730d788;transform:translateX(3px)}
.sheet{background:#fff;color:#1e1b2b;padding:22px 24px;font-family:Georgia,"Times New Roman",serif;font-size:12.6px;line-height:1.62;position:relative;margin:14px;border-radius:6px;box-shadow:0 12px 40px -12px #0008}
.sheet-lg{font-size:15px;padding:38px 44px;margin:0;border-radius:0;box-shadow:none;min-height:560px}
.sheet .lh{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #1b006b;padding-bottom:10px;margin-bottom:16px;font-family:var(--font)}.sheet .lh b{font-size:1.15em;color:#1b006b;letter-spacing:-.4px}.sheet .lh small{display:block;font-size:.72em;color:#7a778a;text-align:right;line-height:1.4}
.sheet .addr{margin-bottom:14px;min-height:3.4em}.sheet .date{text-align:right;font-family:var(--font);font-size:.82em;color:#6d6b7d;margin:-2.2em 0 .6em}.sheet h4{margin:10px 0 8px;font-size:1.05em;font-family:var(--font);letter-spacing:-.2px}.sheet p{margin:0 0 .8em}
.f{display:inline;border-radius:5px;padding:0 5px;margin:0 1px;font-family:var(--font);font-size:.92em;font-weight:560;transition:background .4s,color .4s,box-shadow .4s,border-color .4s;border:1px solid transparent;cursor:default;white-space:normal;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.f .ph{display:none}.f.raw{background:#fff4dc;color:#8a5a0a;border:1px dashed #e0b25e;font-family:ui-monospace,Menlo,monospace;font-size:.8em;font-weight:500}.f.raw .v{display:none}.f.raw .ph{display:inline}
.f.k-case{background:#e1def7;color:#1a096c;border-color:#ada7e1}.f.k-addr{background:#e2eefc;color:#1f55a3;border-color:#b3cff3}.f.k-user{background:#f0e6fb;color:#6a34a3;border-color:#d4bcf0}.f.k-sys{background:#eef0f2;color:#564b64;border-color:#d3d9de}
.f.flash{animation:flash .7s}@keyframes flash{0%{box-shadow:0 0 0 0 #4730d7ff;transform:scale(1.07)}100%{box-shadow:0 0 0 12px #4730d700;transform:scale(1)}}
.f.hl{box-shadow:0 0 0 3px #4730d799}
.f.raw.k-case,.f.raw.k-addr,.f.raw.k-user,.f.raw.k-sys{background:#fff4dc;color:#8a5a0a;border-color:#e0b25e}
.float{position:absolute;display:flex;align-items:center;gap:12px;background:#fff;color:#151226;border-radius:14px;padding:12px 16px;box-shadow:0 20px 50px -14px #000b;opacity:0;transform:translateY(14px) scale(.96);transition:opacity .5s var(--ease),transform .5s var(--ease);z-index:3}.float b{display:block;font-size:13.5px;line-height:1.25}.float small{display:block;font-size:12px;color:#6c6a7d}
.f-pdf{right:-18px;top:26%}.f-dms{left:-26px;bottom:7%}.stage.s-pdf .f-pdf,.stage.s-dms .f-dms{opacity:1;transform:none}.ico-pdf{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#e5484d;color:#fff;font-size:12px;font-weight:800}
.works{display:flex;align-items:center;justify-content:center;gap:12px 30px;flex-wrap:wrap;padding:26px 0 40px;border-top:1px solid var(--line-d);color:#837ea4;font-size:15px}.works span{font-size:12px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700;color:#605785}.works b{color:#d2ceea;font-weight:650}.works .soon{color:#8e89a9}.works em{font-style:normal;font-size:11px;background:#ffffff14;padding:2px 8px;border-radius:99px;margin-left:6px;color:#a49ec5}

/* Sektionen */
.sec{padding:110px 0;position:relative}.sec-h{max-width:760px;margin:0 auto 56px}.sec-h.center{text-align:center}.eyebrow{font-size:13px;letter-spacing:2px;text-transform:uppercase;font-weight:750;color:#24088d;margin:0 0 14px}
h2{font-size:clamp(30px,4.4vw,48px);line-height:1.08;letter-spacing:-.035em;margin:0 0 18px;font-weight:800}.sec-h p:not(.eyebrow){color:var(--muted);font-size:19px;margin:0}
.sec-dark{background:var(--ink);color:#e8e6f4;overflow:hidden;isolation:isolate}.sec-dark .eyebrow{color:var(--mint)}.sec-dark .sec-h p:not(.eyebrow){color:#9d97b9}.aurora-s .a1{left:-200px;top:auto;bottom:-300px}.aurora-s .a2{right:-200px;top:-200px}

/* Vorher/Nachher */
.pain{background:#fff}.vs{display:grid;grid-template-columns:1fr 56px 1fr;gap:18px;align-items:center}
.vs-card{border-radius:24px;padding:34px 34px 28px;border:1px solid var(--line)}.vs-card h3{margin:0 0 20px;font-size:21px;letter-spacing:-.3px}.vs-card ol{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:12px}.vs-card li{display:flex;gap:14px;align-items:flex-start;font-size:16px}.vs-card li span{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:13px;font-weight:750}
.vs-card.bad{background:#fbf5f2;border-color:#f0ddd5}.vs-card.bad li{color:#6b5a54}.vs-card.bad li span{background:#f3dbd1;color:#a0502e}.vs-card.bad h3{color:#8a4426}.vs-foot{margin:0;font-weight:650;font-size:15px}.bad .vs-foot{color:#a0502e}
.vs-card.good{background:linear-gradient(160deg,#080610,#130c2b);color:#e8e6f6;border-color:#130c2b;box-shadow:0 30px 70px -30px #1e096c}.vs-card.good li span{background:#4730d722;color:var(--mint)}.vs-card.good .vs-foot{color:var(--mint)}.vs-card.good li b{color:#fff}
.vs-arrow{display:grid;place-items:center}

/* Demo */
.demo-sec{background:linear-gradient(#f5f5f8,#ebeaf2)}.demo{display:grid;grid-template-columns:340px minmax(0,1fr);gap:26px;align-items:start}
.demo-side{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 20px 50px -30px #140a3c}.demo-ctl{margin-bottom:20px}.demo-ctl>label{display:block;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;font-weight:750;color:#615d77;margin-bottom:9px}
.seg{display:grid;gap:7px}.seg button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-align:left;border:1.5px solid var(--line);background:#fbfbfd;border-radius:12px;padding:11px 14px;cursor:pointer;transition:.2s var(--ease);color:var(--txt)}.seg button b{font-size:15px;font-weight:650}.seg button small{font-size:12.5px;color:#6d6981}
.seg button:hover{border-color:#aba4d7;transform:translateX(2px)}.seg button.on{border-color:#300eb4;background:#eeecfa;box-shadow:0 0 0 3px #4730d728}.seg-inline{grid-template-columns:1fr 1fr}.seg-inline button{align-items:center;text-align:center;flex-direction:row;justify-content:center;gap:7px;font-weight:650}
.legend{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 20px}.lg{font-size:12px;font-weight:650;padding:4px 10px;border-radius:99px;border:1px solid}.lg-case{background:#e1def7;color:#1a096c;border-color:#ada7e1}.lg-addr{background:#e2eefc;color:#1f55a3;border-color:#b3cff3}.lg-user{background:#f0e6fb;color:#6a34a3;border-color:#d4bcf0}.lg-sys{background:#eef0f2;color:#564b64;border-color:#d3d9de}
.demo-hint{font-size:13px;color:#7d7991;text-align:center;margin:14px 0 0}.hint-touch{display:none}@media(hover:none){.hint-mouse{display:none}.hint-touch{display:inline}}
.demo-paper{position:relative;background:#e7e7ee;border-radius:22px;border:1px solid var(--line);overflow:hidden;box-shadow:0 30px 70px -36px #140a3c}.paper-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;font-size:13.5px;font-weight:600;color:#403b56;background:#dcdbe6}.paper-tag{font-size:11px;font-weight:800;letter-spacing:1px;background:#e5484d;color:#fff;padding:3px 9px;border-radius:6px}.paper-tag.docx{background:#2b6cd4}
.demo-paper .sheet-lg{margin:22px auto;max-width:640px;box-shadow:0 14px 40px -14px #140a3c66;border-radius:4px}
.done{position:absolute;inset:0;background:#080610e6;backdrop-filter:blur(6px);display:grid;place-items:center;padding:24px;animation:fadein .3s}@keyframes fadein{from{opacity:0}}.done[hidden]{display:none}.done-in{width:min(440px,100%);color:#e8e6f6}
.steps{display:grid;gap:12px}.st{display:flex;align-items:center;gap:14px;font-size:16px;opacity:.35;transition:opacity .3s}.st.on,.st.ok{opacity:1}.st i{width:24px;height:24px;border-radius:50%;border:2px solid #ffffff44;display:grid;place-items:center;flex:none}.st.on i{border-color:var(--mint);border-top-color:transparent;animation:spin .8s linear infinite}.st.ok i{background:var(--mint);border-color:var(--mint)}.st.ok i::after{content:"";width:6px;height:11px;border:solid #080610;border-width:0 2.5px 2.5px 0;transform:translateY(-1px) rotate(45deg)}@keyframes spin{to{transform:rotate(360deg)}}
.done-ok{display:flex;align-items:center;gap:14px;margin-top:26px;background:#ffffff12;border:1px solid #4730d766;border-radius:16px;padding:16px;animation:fadein .4s}.done-ok[hidden]{display:none}.done-ok div{flex:1;min-width:0}.done-ok b{display:block;font-size:15px}.done-ok small{color:#a09abe;font-size:13px}.done-ok .btn-ghost{color:#e8e6f6;background:#ffffff14;border-color:#ffffff30}

/* So funktioniert's */
.how{background:#fff}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:s}.how-card{position:relative;background:var(--bg);border:1px solid var(--line);border-radius:24px;padding:28px;transition:transform .35s var(--ease),box-shadow .35s}.how-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px #1a095d66}
.num{position:absolute;top:22px;right:24px;font-size:56px;font-weight:800;color:#dcdbe9;line-height:1;letter-spacing:-3px}.how-card h3{font-size:21px;margin:24px 0 10px;letter-spacing:-.4px}.how-card p{margin:0;color:var(--muted);font-size:16px}
.vis{height:130px;border-radius:16px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:14px;overflow:hidden;position:relative}
.docx{width:70px;height:92px;background:#fff;border:1px solid #d0cfdc;border-radius:6px;padding:14px 10px;display:grid;gap:7px;box-shadow:0 10px 24px -10px #140a3c66;transform:rotate(-6deg)}.docx i{height:5px;background:#d8d7e2;border-radius:3px}.docx i.s{width:60%}.drop{font-weight:800;font-size:14px;color:#fff;background:linear-gradient(135deg,#2b6cd4,#4f8cf0);padding:7px 12px;border-radius:9px;animation:bob 3s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-8px)}}
.vis-map{flex-direction:column;gap:9px}.chip{display:inline-block;font-size:13px;font-weight:650;padding:5px 11px;border-radius:8px;border:1px solid}.c-case{background:#e1def7;color:#1a096c;border-color:#ada7e1}.c-addr{background:#e2eefc;color:#1f55a3;border-color:#b3cff3}.c-user{background:#f0e6fb;color:#6a34a3;border-color:#d4bcf0}.vis-map .chip:nth-child(1){animation:bob 3.4s ease-in-out infinite}.vis-map .chip:nth-child(2){animation:bob 3.4s .4s ease-in-out infinite}.vis-map .chip:nth-child(3){animation:bob 3.4s .8s ease-in-out infinite}
.out{font-weight:800;font-size:13px;padding:10px 14px;border-radius:10px;color:#fff}.out.pdf{background:#e5484d;transform:rotate(-5deg)}.out.docx{background:#2b6cd4;width:auto;height:auto;box-shadow:none;transform:rotate(3deg);display:block;border:0;padding:10px 14px}.out.dms{background:#300eb4;transform:rotate(-2deg)}

/* Bento */
.feat{background:var(--bg)}.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.bx{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;overflow:hidden;display:flex;flex-direction:column;gap:6px;transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}.bx:hover{transform:translateY(-5px);box-shadow:0 30px 60px -34px #1a095d88;border-color:#c3bee4}
.bx h3{font-size:19px;margin:10px 0 4px;letter-spacing:-.3px}.bx p{margin:0;color:var(--muted);font-size:15.5px}.bx-half{grid-column:span 2}.bx-wide{grid-column:span 2;flex-direction:row;align-items:center;gap:20px}.bx-wide .bx-t{flex:1.2}.bx-wide .bx-v{flex:1}
.bx-v{min-height:100px;border-radius:14px;background:linear-gradient(160deg,#f2f1f8,#e7e6f2);display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;position:relative;overflow:hidden}
.v-edit{flex-direction:column;align-items:flex-start;justify-content:center;gap:9px}.tb{display:flex;gap:10px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:4px 12px;font-size:14px;margin-bottom:4px}.ln{height:7px;background:#d1cfe0;border-radius:4px}.w9{width:90%}.w8{width:80%}.w7{width:70%}.w6{width:55%}
.v-pdf .pg{width:54px;height:72px;background:#fff;border:1px solid #d0cfdc;border-radius:6px;box-shadow:0 8px 20px -8px #140a3c66;transform:rotate(-8deg)}.v-pdf .p2{transform:rotate(7deg) translateX(-14px);background:linear-gradient(#fff 80%,#e5484d 80%)}
.v-dms .box{width:42px;height:42px;border-radius:10px;background:#fff;border:1px solid #d0cfdc}.v-dms .b2{background:#300eb4;border-color:#300eb4}.v-dms .arrow{width:36px;height:3px;background:repeating-linear-gradient(90deg,#300eb4 0 6px,transparent 6px 11px);animation:flow 1s linear infinite;background-size:11px 3px}@keyframes flow{to{background-position:11px 0}}
.v-dnd{justify-content:flex-start;padding-left:24px}.v-dnd .chip{animation:dnd 3.6s var(--ease) infinite}.cur{position:absolute;width:3px;height:22px;background:#24088d;right:30%;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}@keyframes dnd{0%,15%{transform:translate(0,-24px) rotate(-6deg);opacity:.6}50%,100%{transform:translate(40px,0);opacity:1}}
.v-team .av{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:750;color:#fff;border:3px solid #ebeaf5;margin-left:-10px}.v-team .a1{background:#300eb4;margin:0}.v-team .a2{background:#2b6cd4}.v-team .a3{background:#a15de0}
.v-check{flex-direction:column;align-items:stretch;gap:8px}.ck{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:14px;font-weight:600}.ck i{width:18px;height:18px;border-radius:50%;background:#300eb4;flex:none;position:relative}.ck i::after{content:"";position:absolute;left:6px;top:3px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.ck.warn{border-color:#f0cf8b;background:#fff8e8;color:#8a5a0a}.ck.warn i{background:var(--amber)}.ck.warn i::after{border:0;left:8px;top:4px;width:2px;height:7px;background:#fff;transform:none}
.v-log{flex-direction:column;align-items:flex-start;gap:9px}.env{width:64px;height:44px;border-radius:8px;background:#fff;border:1px solid #d0cfdc;position:relative;box-shadow:0 8px 20px -10px #140a3c66}.env::before{content:"";position:absolute;inset:0;background:linear-gradient(150deg,transparent 48%,#d0cfdc 49%,#d0cfdc 51%,transparent 52%),linear-gradient(-150deg,transparent 48%,#d0cfdc 49%,#d0cfdc 51%,transparent 52%)}

/* Trust */
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.trust article{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:22px;padding:28px 24px;backdrop-filter:blur(8px);transition:.3s var(--ease)}.trust article:hover{background:#ffffff12;border-color:#4730d777;transform:translateY(-4px)}.trust svg{color:var(--mint);margin-bottom:10px}.trust h3{font-size:18px;margin:6px 0 8px;letter-spacing:-.2px}.trust p{margin:0;color:#9d97b9;font-size:15px}

/* Preise */
.pricing{background:#fff}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.plan-skel{height:340px;border-radius:24px;background:linear-gradient(90deg,#eeeef4,#f8f8fb,#eeeef4);background-size:200% 100%;animation:sk 1.4s infinite}@keyframes sk{to{background-position:-200% 0}}
.pl{position:relative;border:1px solid var(--line);border-radius:24px;padding:32px 28px;background:var(--bg);display:flex;flex-direction:column;transition:.3s var(--ease)}.pl:hover{transform:translateY(-4px)}.pl h3{font-size:22px;margin:0 0 4px;letter-spacing:-.4px}.pl .d{color:var(--muted);margin:0 0 22px;font-size:15.5px}
.pl .price{font-size:46px;font-weight:800;letter-spacing:-2px;line-height:1}.pl .price small{font-size:16px;font-weight:550;letter-spacing:0;color:var(--muted)}.pl .sub{color:var(--muted);font-size:14.5px;margin:8px 0 22px;min-height:22px}.pl ul{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:10px;font-size:15.5px}.pl li{display:flex;gap:10px}.pl li::before{content:"";flex:none;margin-top:5px;width:16px;height:16px;border-radius:50%;background:#300eb422 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 8.3 2.2 2.2 4.8-5' fill='none' stroke='%230b8a72' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.pl .btn{margin-top:auto}.pl.pop{background:linear-gradient(170deg,#080610,#130c2b);color:#e8e6f6;border-color:#130c2b;box-shadow:0 40px 80px -30px #1e096c;transform:scale(1.03)}.pl.pop:hover{transform:scale(1.03) translateY(-4px)}.pl.pop .d,.pl.pop .sub,.pl.pop .price small{color:#9d97b9}.pl.pop li::before{background-color:#4730d733}.pl .tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#4730d7,#5329d8);color:#0a0321;font-size:12px;font-weight:800;letter-spacing:.8px;padding:5px 14px;border-radius:99px;text-transform:uppercase}
.pl:not(.pop) .btn-primary{background:#080610;color:#fff;box-shadow:none}.price-note{color:var(--muted);font-size:14.5px;margin:30px 0 0}

/* FAQ */
.faq{background:var(--bg)}details{background:#fff;border:1px solid var(--line);border-radius:16px;margin-bottom:12px;transition:.25s}details[open]{border-color:#a79ed7;box-shadow:0 14px 40px -26px #1e096c}summary{cursor:pointer;list-style:none;padding:20px 24px;font-weight:650;font-size:18px;display:flex;justify-content:space-between;align-items:center;gap:20px}summary::-webkit-details-marker{display:none}summary::after{content:"+";font-size:26px;font-weight:400;color:#24088d;transition:transform .3s}details[open] summary::after{transform:rotate(45deg)}details p{margin:0;padding:0 24px 22px;color:var(--muted);font-size:16.5px}

/* CTA + Footer */
.cta{background:var(--ink);color:#eae9f6;padding:120px 0;position:relative;overflow:hidden;isolation:isolate}.cta h2{font-size:clamp(34px,5vw,58px);margin-bottom:14px}.cta p{color:#a19cbe;font-size:19px;margin:0 auto 34px;max-width:560px}
.claim{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;max-width:640px;margin:0 auto}.claim-field{flex:1;min-width:240px}.claim input{width:100%;padding:16px 20px;border-radius:14px;border:1px solid #ffffff33;background:#ffffff12;color:#fff;font-size:17px;outline:none;transition:.2s}.claim input::placeholder{color:#837ea4}.claim input:focus{border-color:var(--mint);background:#ffffff1c;box-shadow:0 0 0 4px #4730d733}
.claim-url{margin:18px 0 0!important;font-family:ui-monospace,Menlo,monospace;font-size:15px!important;color:#7b6bea!important}
.foot{background:#05040b;color:#938eb1;padding:48px 0 40px;font-size:15px}.foot-in{display:grid;grid-template-columns:1fr auto;gap:24px 40px;align-items:center}.foot-brand p{margin:8px 0 0;color:#726c90}.foot .logo{color:#eae9f6}.foot nav{display:flex;gap:6px 20px;flex-wrap:wrap}.foot nav a,.foot .link-btn{text-decoration:none;color:#a19cbe;padding:6px 0}.foot nav a:hover,.foot .link-btn:hover{color:#fff;background:none}.copy{grid-column:1/-1;margin:0;border-top:1px solid #ffffff14;padding-top:22px;font-size:14px}

/* Login-Dialog */
.login-dialog{border:0;border-radius:24px;padding:0;width:min(440px,92vw);background:#fff;color:var(--txt);box-shadow:0 50px 120px -20px #000b}.login-dialog::backdrop{background:#060410cc;backdrop-filter:blur(6px)}.login-dialog form{padding:34px;position:relative}.login-dialog h2{font-size:26px;margin:0 0 6px}.login-dialog p{margin:0 0 20px;color:var(--muted);font-size:16px}.x{position:absolute;right:16px;top:12px;background:none;border:0;font-size:30px;color:#7d7991;cursor:pointer;line-height:1}
.slug-box{display:flex;align-items:stretch;border:1.5px solid var(--line);border-radius:12px;overflow:hidden;transition:.2s}.slug-box:focus-within{border-color:#300eb4;box-shadow:0 0 0 4px #4730d730}.slug-box input{flex:1;min-width:0;border:0;padding:14px 14px;font-size:17px;outline:none;text-align:right}.slug-box span{display:flex;align-items:center;padding:0 14px;background:#f2f1f6;color:#615d77;font-size:14px;white-space:nowrap}
.login-err{color:#b0342c!important;min-height:22px;margin:10px 0 12px!important;font-size:14.5px!important}.login-dialog .login-new{margin:18px 0 0;text-align:center;font-size:14.5px}.login-new a{color:#24088d;font-weight:650}

/* Reveal */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.in{opacity:1;transform:none}.d2{transition-delay:.12s}.d3{transition-delay:.24s}.d4{transition-delay:.36s}

/* Responsive */
@media(max-width:1020px){.hero-in{grid-template-columns:1fr;gap:56px}.win{transform:none}.stage:hover .win{transform:none}.f-pdf{right:8px}.f-dms{left:8px}.demo{grid-template-columns:1fr}.bento{grid-template-columns:repeat(2,1fr)}.trust{grid-template-columns:1fr 1fr}.how-grid,.plans-grid{grid-template-columns:1fr}.pl.pop{transform:none}.pl.pop:hover{transform:translateY(-4px)}.vs{grid-template-columns:1fr}.vs-arrow{transform:rotate(90deg);padding:6px 0}.sec{padding:80px 0}}
@media(max-width:900px){.nav-links{position:fixed;inset:72px 0 auto 0;flex-direction:column;background:#080610f5;backdrop-filter:blur(16px);padding:12px 24px 24px;margin:0;gap:2px;transform:translateY(-12px);opacity:0;pointer-events:none;transition:.25s;border-bottom:1px solid var(--line-d)}.nav.open .nav-links{transform:none;opacity:1;pointer-events:auto}.nav-links a{padding:14px 10px;font-size:17px}.burger{display:block}.nav .link-btn{display:none}}
@media(max-width:640px){.hero{padding-top:118px}.win-body{grid-template-columns:1fr}.src{display:none}.bx-wide,.bx-half{grid-column:auto}.bx-wide{flex-direction:column;align-items:stretch}.bento,.trust{grid-template-columns:1fr}.demo-side{padding:20px}.sheet-lg{padding:26px 22px;font-size:13.5px}.foot-in{grid-template-columns:1fr}.hero-actions .btn{width:100%}.f-dms{left:4px;bottom:-10px}.f-pdf{right:4px;top:-14px}.nav-cta .btn-sm{display:none}body.landing{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

.tip{position:absolute;z-index:6;pointer-events:none;background:#080610;color:#e8e6f6;font:600 12.5px/1.3 var(--font);padding:7px 11px;border-radius:9px;box-shadow:0 10px 30px -8px #000a;transform:translate(-50%,-100%);white-space:nowrap;opacity:0;transition:opacity .15s}.tip.on{opacity:1}.tip small{display:block;font-weight:500;color:#978eca;font-size:11px}