/* Unterseiten-Styles (Funktionen, Sicherheit) — baut auf neura-v3.css auf */
[id]{scroll-margin-top:84px}
.page-hero{background:radial-gradient(900px 420px at 80% -20%,#eceafb 0%,rgba(236,234,251,0) 60%),var(--bg-tint);border-bottom:1px solid var(--line-soft);padding:72px 0 60px}
.page-hero h1{font-size:clamp(34px,4vw,52px);letter-spacing:-.035em;line-height:1.08;font-weight:700;margin:22px 0 16px;text-wrap:balance}
.page-hero .lead{font-size:17.5px;color:var(--ink-2);max-width:56ch;text-wrap:pretty}
.section-tint{background:var(--bg-tint)}
.section-head.center{margin-inline:auto;text-align:center}
.frows{display:flex;flex-direction:column;gap:104px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}
.frow:nth-child(even) .fmedia,.frow:nth-child(even) .fstage{order:2}
.fmedia,.fstage{position:relative;border:1px solid #e7e4f5;border-radius:24px;padding:34px;background:radial-gradient(130% 150% at 12% -8%,#f4f2fc 0%,#ece8fa 52%,#e4dff6 100%)}
.frow:nth-child(even) .fmedia,.frow:nth-child(even) .fstage{background:radial-gradient(130% 150% at 88% -8%,#f2f3fc 0%,#e9ebfa 52%,#e0e3f7 100%)}
.fmedia::before,.fstage::before{content:"";position:absolute;inset:12px;border:1px solid rgba(90,80,224,.10);border-radius:16px;pointer-events:none}
.fmedia img{width:100%;height:auto;border-radius:12px;border:1px solid rgba(35,28,90,.10);box-shadow:0 18px 40px -16px rgba(35,28,90,.28)}
.fstage .app{box-shadow:0 18px 40px -16px rgba(35,28,90,.28)}
.fhead{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.fhead::before{content:"";width:30px;height:2px;border-radius:2px;background:linear-gradient(90deg,#5a50e0,#7c3aed)}
.fnum{font-family:"Geist Mono",monospace;font-size:12.5px;font-weight:600;letter-spacing:.06em;color:var(--accent-ink)}
.ftag{font-family:"Geist Mono",monospace;font-size:10.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding-left:12px;border-left:1px solid var(--line)}
.frow h3{font-size:34px;font-weight:700;letter-spacing:-.04em;line-height:1.04;margin-bottom:16px;text-wrap:balance}
.fintro{font-size:16.5px;color:var(--ink-2);line-height:1.65;margin-bottom:30px;text-wrap:pretty;max-width:46ch}
.fpoints{list-style:none;display:flex;flex-direction:column;gap:17px}
.fpoints li{position:relative;display:block;padding:0 0 0 31px;font-size:15px;color:var(--muted);line-height:1.62;max-width:50ch}
.fpoints li::before{content:"";position:absolute;left:0;top:11px;width:17px;height:2px;border-radius:2px;background:linear-gradient(90deg,#5a50e0,#7c3aed)}
.fpoints li svg{display:none}
.fpoints li strong{color:var(--ink);font-weight:600;letter-spacing:-.01em}
.fpoints li strong::after{content:": "}
.hiw-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.hiw-media{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}
.hiw-media img{width:100%;height:auto}
.hiw-grid .section-head{margin-bottom:20px}
.steps{display:flex;flex-direction:column}
.step{display:flex;gap:18px;padding:19px 0}
.step + .step{border-top:1px solid var(--line-soft)}
.sn{font-family:"Geist Mono",monospace;font-size:12.5px;font-weight:500;color:var(--accent-ink);background:var(--accent-tint);border-radius:9px;width:36px;height:36px;display:grid;place-items:center;flex:none}
.step h3{font-size:16.5px;letter-spacing:-.01em;margin-bottom:5px}
.step p{font-size:14.5px;color:var(--ink-2)}
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}
.compare{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}
.crow{display:grid;grid-template-columns:1.5fr .85fr .85fr;align-items:center}
.crow + .crow{border-top:1px solid var(--line-soft)}
.crow > div{padding:14px 22px;font-size:14px;color:var(--ink-2)}
.crow > div:nth-child(2){background:#f7f5fd;align-self:stretch;display:flex;align-items:center}
.chead > div{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-top:16px;padding-bottom:16px}
.chead > div:nth-child(2){color:var(--accent-ink)}
.ticky,.tickn{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex:none}
.ticky{background:var(--accent);color:#fff}
.tickn{background:#efeef4;color:#a3a1b8}
.ticky svg,.tickn svg{width:12px;height:12px}
.cvar{font-size:13px;color:var(--muted)}
.faq{max-width:780px;margin:0 auto;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:18px;cursor:pointer;padding:21px 4px;font-weight:600;font-size:16px;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:24px;font-weight:300;color:var(--accent-ink);line-height:1;transition:transform .2s ease;flex:none}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .fa{padding:0 4px 22px;font-size:15px;color:var(--ink-2);max-width:66ch}
@media (max-width:1020px){
.frow{grid-template-columns:1fr;gap:32px}
.frow:nth-child(even) .fmedia,.frow:nth-child(even) .fstage{order:0}
.frows{gap:64px}
.hiw-grid{grid-template-columns:1fr;gap:40px}
.pillars{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
.pillars{grid-template-columns:1fr}
.crow{grid-template-columns:1.3fr .7fr .7fr}
.crow > div{padding:12px 10px;font-size:12.5px}
}
.cquote{border-left:3px solid var(--accent);background:var(--accent-tint);border-radius:0 8px 8px 0;padding:8px 11px;font-size:11px;line-height:1.5;color:var(--ink);font-style:italic;margin:9px 0}
.cchips{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 1px}
.cchip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:999px;padding:4px 9px;font-size:10px;font-weight:500;color:var(--ink-2);background:#fff}
.cchip svg{width:10px;height:10px;color:var(--accent-ink);flex:none}
/* Docs/Explorer-Mock */
.app.docs{display:flex;flex-direction:column;height:500px}
.dtop{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line-soft);background:#fbfbfe;flex:none}
.dtop .app-brand{margin:0}
.dtabs{display:flex;gap:2px;margin:0 auto;min-width:0}
.dtab{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:7px;font-size:9.5px;font-weight:600;color:var(--ink-2);white-space:nowrap}
.dtab svg{width:11px;height:11px;flex:none}
.dtab.on{background:var(--accent-tint);color:var(--accent-ink)}
.dtop .av{width:22px;height:22px;border-radius:50%;background:var(--accent-tint);color:var(--accent-ink);display:grid;place-items:center;font-weight:700;font-size:10px;flex:none}
.dbody{display:grid;grid-template-columns:174px 1fr;flex:1;min-height:0}
.dmain{min-height:0}
.dside{border-right:1px solid var(--line-soft);background:#fbfbfe;padding:16px 11px 14px;display:flex;flex-direction:column;gap:3px}
.dside-label{font-family:"Geist Mono",monospace;font-size:8px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 9px 5px}
.drow{display:flex;align-items:center;gap:8px;padding:8px 8px;border-radius:9px;font-size:11px;font-weight:500;color:var(--ink-2);min-width:0}
.drow svg{width:13px;height:13px;flex:none}
.drow .dname{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drow .dn{font-size:9.5px;font-weight:600;color:var(--muted);flex:none}
.drow.on{background:var(--accent-tint);border:1px solid #e2def8;border-radius:11px;padding:10px 9px;color:var(--accent-ink);font-weight:700;font-size:11px;box-shadow:0 2px 6px -2px rgba(90,80,224,.18)}
.drow.on .dn{color:var(--accent-ink);font-size:10.5px}
.dsep{height:1px;background:var(--line-soft);margin:7px 4px}
.drow.lock{color:#c93a3a}
.drow.lock .dn{color:#c93a3a}
.dside-btns{margin-top:auto;display:flex;flex-direction:column;gap:6px;padding-top:14px}
.dbtn{display:flex;justify-content:center;border-radius:10px;padding:8.5px 0;font-size:10.5px;font-weight:600;background:var(--accent-tint);color:var(--accent-ink);border:1px solid #e0ddf7}
.dbtn.warm{background:#fdf2e7;color:#c26a1e;border-color:#f5e3cd}
.dmain{padding:15px 16px 13px;display:flex;flex-direction:column;gap:11px;min-width:0}
.dstats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.dstat-card{display:block;background:#fff;border:1px solid var(--line-soft);border-radius:12px;padding:9px 9px 8px;min-width:0;overflow:hidden;box-shadow:0 1px 3px rgba(25,24,49,.04)}
.drowtop{display:flex;align-items:center;gap:7px;min-width:0}
.dstat-card .ic{width:21px;height:21px;border-radius:7px;background:var(--accent-tint);color:var(--accent-ink);display:grid;place-items:center;flex:none}
.dstat-card .ic svg{width:11px;height:11px}
.dstat-card .ic.warm{background:#fdf2e7;color:#e08a2e}
.dstat-card .ic{position:relative}
.ddot{position:absolute;top:-3px;right:-3px;width:8px;height:8px;border-radius:50%;background:#22a05e;border:1.5px solid #fff}
.dstat-card > div{min-width:0}
.dstat-card small{display:block;font-size:8.5px;color:var(--muted);line-height:1.3;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dstat-card b{font-size:16.5px;letter-spacing:-.02em;line-height:1.2}
.dok{display:inline-flex;align-items:center;gap:3px;font-size:8px;font-weight:600;color:#1a7a4d;background:#e7f6ee;border-radius:999px;padding:2px 7px;margin-left:5px;vertical-align:middle;white-space:nowrap}
.dbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.dsearch{flex:1 1 100%;display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:10px;padding:7.5px 10px;color:var(--muted);font-size:10.5px;background:#fff;min-width:0;white-space:nowrap}
.dsearch svg{width:11px;height:11px;flex:none}
.dchip{font-size:9.5px;font-weight:600;border:1px solid var(--line);border-radius:999px;padding:6px 12px;color:var(--ink-2);background:#fff;flex:none}
.dchip.on{background:var(--accent-tint);border-color:#ded9f6;color:var(--accent-ink)}
.dlist{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;scrollbar-width:none}
.dlist::-webkit-scrollbar{display:none}
.dth{display:flex;align-items:center;gap:8px;padding:2px 4px 7px;font-family:"Geist Mono",monospace;font-size:7.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.dname{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.dcol-up{width:62px;flex:none;font-size:9.5px;color:var(--muted);white-space:nowrap}
.dth .dcol-up,.dth .dcol-st{font-size:7.5px;color:var(--muted)}
.dcol-st{width:52px;flex:none;display:flex;justify-content:flex-start}
.dxr{display:flex;align-items:center;gap:8px;padding:10px 4px;border-top:1px solid var(--line-soft);font-size:11.5px;font-weight:600;min-width:0}
.dxr .chev{width:10px;height:10px;color:var(--muted);flex:none}
.dxr.open{background:#fbfbfe}
.fico{width:26px;height:26px;border-radius:8px;background:var(--accent-tint);color:var(--accent-ink);display:grid;place-items:center;flex:none}
.fico svg{width:13px;height:13px}
.dxr.admin .fico{background:#fdecec;color:#c93a3a}
.dxr.admin .dname{color:#c93a3a}
.dbadge{font-size:8.5px;font-weight:600;color:var(--accent-ink);background:var(--accent-tint);border:1px solid #e4e0f8;border-radius:999px;padding:2.5px 8px;flex:none}
.dnum{font-size:9.5px;font-weight:600;color:var(--ink-2);background:#f1f0f7;border-radius:999px;padding:2.5px 9px;flex:none}
.dxk{display:flex;align-items:center;gap:8px;padding:8px 4px 8px 40px;font-size:10.5px;color:var(--ink-2);border-top:1px solid var(--line-soft);min-width:0}
.dxk .ft{font-size:8px;font-weight:700;letter-spacing:.06em;color:var(--accent-ink);background:var(--accent-tint);border-radius:5px;padding:2.5px 6px;flex:none}
.dxk .ft.xls{color:#1a7a4d;background:#e7f6ee}
.dstat{display:inline-flex;align-items:center;gap:3px;font-size:8.5px;font-weight:600;color:#1a7a4d;background:#e7f6ee;border-radius:999px;padding:2.5px 8px;flex:none}
@media (max-width:1180px){.dstat-card .dok{display:none}}
@media (max-width:640px){.dbody{grid-template-columns:118px 1fr}.dtabs{display:none}.dstats{grid-template-columns:1fr 1fr}.dstat-card:first-child{grid-column:1/-1}.dcol-up{width:48px}}
@media (max-width:640px){.fmedia,.fstage{padding:18px}.fmedia::before,.fstage::before{inset:8px}}

/* Animierter Suche-Mock (Antwort-Flow) */
.app.suche{height:436px}
.app.suche .app-chat{min-height:0}
.app.suche .cscroll{flex:1;min-height:0}
/* Einzeilig wie ein echtes Eingabefeld — getippter Demo-Text darf sich
   auf schmalen Screens nicht in die Höhe stapeln. */
.sq-input{flex:1;min-width:0;color:var(--ink);line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sq-input i{font-style:normal;color:var(--muted)}
@keyframes sqspin{to{transform:rotate(360deg)}}
@keyframes sqshimmer{0%{background-position:200% center}100%{background-position:-200% center}}
@keyframes sqpulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.72)}}
@keyframes sqpop{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes sqblink{0%,55%{opacity:1}56%,100%{opacity:0}}
.sq-card{animation:sqpop .3s ease}
.srp{border:1px solid var(--line-soft);background:#f8f8fd;border-radius:10px;overflow:hidden;margin-top:2px}
.srp-h{display:flex;align-items:center;gap:8px;padding:9px 11px}
.srp-h.can{cursor:pointer}
.sic-h{display:grid;place-items:center;flex:none}
.sdot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:sqpulse 1.2s ease-in-out infinite;display:block}
.scheck{width:15px;height:15px;border-radius:50%;background:var(--accent-tint);color:var(--accent-ink);display:grid;place-items:center}
.scheck svg{width:8px;height:8px}
.stitle{flex:1;font-size:10.5px;font-weight:600;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}
.shimmer{background:linear-gradient(90deg,var(--muted),var(--accent) 45%,var(--accent-2) 55%,var(--muted));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
.stitle.shimmer{animation:sqshimmer 1.6s linear infinite}
.selapsed{font-family:"Geist Mono",monospace;font-size:8.5px;color:var(--muted);flex:none}
.schev{width:16px;height:16px;display:grid;place-items:center;color:var(--muted);transition:transform .3s ease;flex:none}
.schev svg{width:9px;height:9px}
.srp.open .schev{transform:rotate(180deg)}
.ssteps{max-height:0;opacity:0;transition:max-height .45s ease,opacity .3s ease;overflow:hidden}
.srp.open .ssteps{max-height:360px;opacity:1}
.ssteps-in{padding:1px 11px 9px}
.sstep{display:flex;gap:9px}
.srail{display:flex;flex-direction:column;align-items:center;width:16px;flex:none}
.sic{height:20px;display:grid;place-items:center}
.spend{width:6px;height:6px;border-radius:50%;background:#dcd9ec;display:block}
.sspin{width:11px;height:11px;border:2px solid #d5d0f0;border-top-color:var(--accent);border-radius:50%;animation:sqspin .7s linear infinite;display:block}
.sdone{width:14px;height:14px;border-radius:50%;background:var(--accent-tint);color:var(--accent-ink);display:grid;place-items:center;animation:sqpop .25s ease}
.sdone svg{width:7px;height:7px}
.sline{width:2px;flex:1;min-height:6px;border-radius:2px;background:var(--line-soft)}
.sline.on{background:#cfc8f2}
.sbody{flex:1;min-width:0;padding-bottom:7px}
.slbl{display:flex;min-height:20px;align-items:center;font-size:10.5px;font-weight:600;color:#b0adc6;transition:color .3s}
.slbl.done,.slbl.active{color:var(--ink)}
.slbl.active.shimmer{animation:sqshimmer 1.6s linear infinite}
.sdetail{display:block;font-size:9.5px;color:var(--muted);animation:sqpop .3s ease;line-height:1.45}
.schips{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}
.schip{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:4px 8px;font-size:9px;animation:sqpop .3s ease;box-shadow:var(--shadow-sm);white-space:nowrap}
.schip i{width:5px;height:5px;border-radius:2px;background:var(--accent);flex:none}
.schip b{font-weight:600;color:var(--ink)}
.schip span{color:var(--muted)}
.sans{font-size:11px;line-height:1.65;margin-top:11px;color:var(--ink)}
.sans b{font-weight:700}
.sans .sbr{display:block;height:7px}
.scaret{display:inline-block;width:2px;height:11px;background:var(--accent);border-radius:2px;vertical-align:-2px;margin-left:2px;animation:sqblink .9s step-end infinite}
.ssrc{margin-top:11px;padding-top:10px;border-top:1px solid var(--line-soft);animation:sqpop .4s ease}
.ssrc-l{display:block;font-family:"Geist Mono",monospace;font-size:7.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.ssrc-chips{display:flex;flex-wrap:wrap;gap:6px}
.sans .cite{vertical-align:1px}
.sans .cite .cpop{top:auto;bottom:calc(100% + 7px);width:205px}
/* Docs-Upload-Animation */
.dhide{display:none!important}
.dpop{animation:sqpop .32s ease}
.dxk.up{background:#fbfaff}
.dprog{display:block;width:100%;height:4px;border-radius:99px;background:#e9e6f7;overflow:hidden}
.dprog i{display:block;height:100%;width:0;background:linear-gradient(90deg,#5a50e0,#7c3aed);border-radius:99px;transition:width .09s linear}
.dpct{font-family:"Geist Mono",monospace;font-size:8px;color:var(--muted);white-space:nowrap}
.dproc{display:inline-flex;align-items:center;gap:4px;font-size:8px;font-weight:600;color:var(--accent-ink);white-space:nowrap}
.dproc .sspin{width:9px;height:9px;border-width:1.5px}
.dup{transition:transform .16s ease,filter .16s ease}
.dup.press{transform:scale(.92);filter:brightness(1.1)}
.tick{animation:sqpop .3s ease;display:inline-block}
/* Mail-Mock */
.app.mailm{height:512px}
.app.mailm .app-side{min-height:0}
.mstore{margin-top:auto;border:1px solid var(--line-soft);background:#fff;border-radius:10px;padding:8px 9px;display:flex;flex-direction:column;gap:4px;margin-bottom:8px}
.mstore b{font-size:9.5px;letter-spacing:-.01em}
.mstore span{font-size:8px;color:var(--muted);line-height:1.35}
.mbar{display:block;height:4px;border-radius:99px;background:#edecf5;overflow:hidden}
.mbar i{display:block;height:100%;width:6%;background:var(--grad);border-radius:99px}
.app.mailm .app-user{margin-top:0}
.mmain h3.mtitle,.fmain2 h3.mtitle{font-size:14.5px;letter-spacing:-.015em;margin:0}
.mmain .msub{font-size:9.5px;color:var(--muted);margin-top:3px;line-height:1.5}
.mmain{flex:1;min-height:0;padding:14px 15px;display:flex;flex-direction:column;gap:11px;overflow:hidden;background:#f6f5fb}
.mpanel{background:#fff;border:1px solid var(--line-soft);border-radius:13px;padding:12px;box-shadow:0 1px 3px rgba(25,24,49,.04);display:flex;flex-direction:column;gap:9px}
.mlabel{display:flex;align-items:center;gap:6px;font-family:"Geist Mono",monospace;font-size:8px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}
.mcount{font-family:"Geist",sans-serif;min-width:15px;height:15px;padding:0 4px;border-radius:6px;background:var(--accent-tint);color:var(--accent-ink);display:inline-grid;place-items:center;font-size:9px;font-weight:700;letter-spacing:0}
.macct{border:1px solid var(--line-soft);border-radius:11px;padding:10px 11px;background:#fbfbfe;display:flex;flex-direction:column;gap:8px}
.macct-top{display:flex;align-items:center;gap:8px;min-width:0}
.mico{width:21px;height:21px;border-radius:7px;background:#e3edfb;color:#1a66c2;display:grid;place-items:center;flex:none}
.mico svg{width:11px;height:11px}
.macct-top b{font-size:11px;letter-spacing:-.01em;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mpriv{font-family:"Geist Mono",monospace;font-size:7px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:2px 6px;flex:none}
.mstat{display:flex;align-items:center;gap:6px;font-size:9.5px;color:var(--muted);min-height:13px}
.mstat .sspin{width:9px;height:9px;border-width:1.5px;flex:none}
.mdotg{width:6px;height:6px;border-radius:50%;background:#22a05e;flex:none}
.mbtns{display:flex;gap:5px;flex-wrap:wrap}
.mbtn{font-size:9px;font-weight:600;border:1px solid #e0ddf7;background:var(--accent-tint);color:var(--accent-ink);border-radius:7px;padding:5px 9px;white-space:nowrap}
.mbtn.plain{background:#fff;color:var(--ink-2);border-color:var(--line)}
.mconnect{display:flex;align-items:center;justify-content:center;gap:6px;border:1px dashed #cfc8f2;background:#f6f4fe;color:var(--accent-ink);font-size:10px;font-weight:600;border-radius:10px;padding:8px;transition:transform .16s ease}
.mconnect svg{width:11px;height:11px;flex:none}
.mconnect.press{transform:scale(.96)}
.mconnect.ghost{background:#fff;border-style:solid;border-color:var(--line);color:var(--ink-2)}
.mempty{font-size:9.5px;color:var(--muted);padding:5px 2px}
#m-atts{display:flex;flex-direction:column;gap:6px}
.matt{display:flex;align-items:center;gap:8px;border:1px solid var(--line-soft);border-radius:10px;padding:8px 9px;background:#fff}
.ftbig{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;font-size:7px;font-weight:700;letter-spacing:.05em;color:#fff;flex:none}
.ftbig.xls{background:#1a9a5c}
.ftbig.doc{background:#2b6fd4}
.mmeta{flex:1;min-width:0}
.mmeta b{display:block;font-size:10px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mmeta span{display:block;font-size:8.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1.5px}
.mopen{width:18px;height:18px;border-radius:6px;background:var(--accent-tint);color:var(--accent-ink);display:grid;place-items:center;flex:none}
/* Fristen-Mock */
.app.fristm{height:512px}
.fmain2{min-height:0;padding:14px 15px;display:flex;flex-direction:column;gap:10px;overflow:hidden;background:#f6f5fb}
.fhead2{display:flex;align-items:center;gap:7px;min-width:0}
.fhead2 .mtitle{flex:1}
.fro{font-size:8.5px;font-weight:600;color:var(--ink-2);border:1px solid var(--line);background:#fff;border-radius:7px;padding:4.5px 8px;white-space:nowrap;flex:none}
.fnew{font-size:9px;font-weight:700;color:#fff;background:var(--grad);border-radius:7px;padding:5px 9px;white-space:nowrap;flex:none}
.fscan{display:flex;align-items:center;justify-content:center;gap:6px;border:1px dashed #cfc8f2;background:#f6f4fe;color:var(--accent-ink);font-size:10px;font-weight:600;border-radius:10px;padding:8px;transition:transform .16s ease}
.fscan svg{width:11px;height:11px;flex:none}
.fscan.press{transform:scale(.96)}
.fchips{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
.fchip{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line-soft);border-radius:9px;padding:6px 9px;font-size:9px;color:var(--muted);min-width:0;white-space:nowrap}
.fchip i{width:6px;height:6px;border-radius:50%;flex:none}
.fchip b{font-size:11.5px;color:var(--ink);letter-spacing:-.01em}
.cred{background:#d94343}.camber{background:#e0a12e}.cpurple{background:var(--accent)}.cgreen{background:#22a05e}
.ftog{display:inline-flex;align-self:flex-start;background:#eceaf4;border-radius:8px;padding:2.5px;gap:2px}
.ftog span{font-size:9px;font-weight:600;color:var(--ink-2);border-radius:6px;padding:4px 11px}
.ftog span.on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(25,24,49,.08)}
.flist{display:flex;flex-direction:column;gap:6px;min-height:118px}
.frow2{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line-soft);border-radius:10px;padding:7px 9px;min-width:0}
.fdate{width:30px;flex:none;text-align:center;border:1px solid var(--line-soft);border-radius:8px;padding:3px 0 4px;background:#fbfbfe}
.fdate b{display:block;font-size:11px;line-height:1.2;letter-spacing:-.01em}
.fdate span{display:block;font-family:"Geist Mono",monospace;font-size:6.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.fmeta2{flex:1;min-width:0}
.fmeta2 b{display:block;font-size:9.5px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fmeta2 span{display:block;font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.fbadge{font-size:7.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:3px 7px;flex:none;white-space:nowrap}
.fbadge.sugg{background:#fdf3e3;color:#b97a14;border:1px solid #f3e2bd}
.fbadge.open{background:var(--accent-tint);color:var(--accent-ink);border:1px solid #e0ddf7}
.fbadge.today{background:#fdecec;color:#c93a3a;border:1px solid #f5d4d4}
.fscanrow{display:flex;align-items:center;gap:7px;background:#fff;border:1px dashed #d5d0f0;border-radius:10px;padding:10px 11px;font-size:9.5px;color:var(--accent-ink);font-weight:600}
.fscanrow .sspin{flex:none}
.fnext{background:#fff;border:1px solid var(--line-soft);border-radius:10px;padding:9px 11px;display:flex;flex-direction:column;gap:4px}
.fnext #f-next,.fnext span:last-child{font-size:9px;color:var(--ink-2);line-height:1.5}
/* Frei-Modus-Mock (orange) */
.app.freim{height:512px}
.app.freim .app-chat{min-height:0;background:linear-gradient(180deg,#fdf9f4,#f8efe6)}
.app.freim .cscroll{flex:1;min-height:0}
.app.freim .nmark{background:linear-gradient(135deg,#f59e0b,#e8641f)}
.app.freim .snav.active{background:#fdeee2;color:#c2591a;box-shadow:inset 2px 0 0 #e8641f}
.app.freim .app-user .av,.app.freim .cav{background:#fdeee2;color:#c2591a}
.app.freim .cav.n{background:linear-gradient(135deg,#f59e0b,#e8641f);color:#fff}
.app.freim .mbar i{background:linear-gradient(90deg,#f59e0b,#e8641f)}
.app.freim .csend{background:linear-gradient(120deg,#f07316,#e8550f)}
.app.freim .scaret{background:#e8641f}
.app.freim .cdots span{background:#f0b285}
.app.freim .sans b{color:#9a4c12}
.fwelc{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;padding:22px 6px 8px}
.fnmark{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#f59e0b,#e8641f);color:#fff;display:grid;place-items:center;font-weight:700;font-size:17px;box-shadow:0 8px 20px -8px rgba(232,100,31,.55)}
.fwtitle{font-size:15.5px;letter-spacing:-.02em;background:linear-gradient(95deg,#6d4426,#c2591a 55%,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent}
.fwsub{font-size:9.5px;color:var(--muted);line-height:1.55;max-width:34ch}
.fsugg{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px;width:100%}
.fsg{display:flex;align-items:flex-start;gap:7px;background:#fff;border:1px solid #f2e3d6;border-radius:10px;padding:8px 9px;font-size:8.5px;font-weight:500;color:var(--ink-2);text-align:left;line-height:1.45;transition:transform .16s ease;box-shadow:0 1px 3px rgba(120,70,20,.05)}
.fsg.press{transform:scale(.95)}
.fsgi{width:18px;height:18px;border-radius:6px;background:#fdeee2;color:#d3641f;display:grid;place-items:center;flex:none}
.fsgi svg{width:10px;height:10px}
.fmodel{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:8px;padding:5px 8px;font-size:9px;font-weight:600;color:var(--ink-2);white-space:nowrap;flex:none}
.fmodel i{width:6px;height:6px;border-radius:50%;background:#e8641f}
.fmfree{font-size:7.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#c2591a;background:#fdeee2;border-radius:5px;padding:2px 6px;margin-left:2px}
/* Zusatz-Karten */
.extras{margin-top:88px}
.exgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}
.excard{background:#fbfbfe;border:1px solid var(--line);border-radius:14px;padding:20px 18px;transition:transform .18s ease,box-shadow .18s ease}
.excard:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.exmedia{display:block;border-radius:10px;overflow:hidden;border:1px solid var(--line-soft);margin-bottom:14px;background:#fff}
.exmedia img{display:block;width:100%;height:120px;object-fit:cover}
.excard b{display:block;font-size:14.5px;letter-spacing:-.015em;margin-bottom:5px}
.exd{display:block;font-size:12.5px;color:var(--muted);line-height:1.55}
@media (max-width:1020px){.exgrid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.exgrid{grid-template-columns:1fr}}
/* Kontakt */
.kgrid{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:start}
.kitem{display:flex;gap:15px;align-items:flex-start;padding:17px 0;border-top:1px solid var(--line-soft)}
.kitem:last-of-type{border-bottom:1px solid var(--line-soft)}
.kitem .tile{width:40px;height:40px;border-radius:11px;background:var(--accent-tint);color:var(--accent-ink);display:grid;place-items:center;flex:none}
.kitem .tile svg{width:18px;height:18px}
.kitem b{display:block;font-size:15.5px;letter-spacing:-.01em;margin-bottom:3px}
.kitem span{font-size:14px;color:var(--ink-2);line-height:1.55}
.kdirect{margin-top:26px;background:var(--bg-tint);border:1px solid var(--line);border-radius:14px;padding:17px 20px;font-size:14px;color:var(--ink-2);line-height:1.6}
.kform{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:var(--shadow-lg)}
.kform h2{font-size:20px;letter-spacing:-.02em;margin-bottom:20px}
.kf{display:flex;flex-direction:column;gap:6px;margin-bottom:15px;min-width:0}
.kf label{font-size:13px;font-weight:600}
.kf input,.kf select,.kf textarea{font:inherit;font-size:14.5px;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:11px 13px;background:#fff;outline:none;width:100%;transition:border-color .15s ease,box-shadow .15s ease}
.kf input:focus,.kf select:focus,.kf textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(90,80,224,.13)}
.kf textarea{min-height:96px;resize:vertical}
.krow2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.kcheck{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--ink-2);line-height:1.5;margin:2px 0 18px;cursor:pointer}
.kcheck input{width:16px;height:16px;margin-top:2px;accent-color:var(--accent);flex:none}
.kform .btn-primary{width:100%;justify-content:center;padding:13px;font-size:15.5px}
.knote{text-align:center;font-size:12.5px;color:var(--muted);margin-top:12px}
.ksuccess{text-align:center;padding:44px 10px}
.kcheckmark{width:54px;height:54px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;margin:0 auto 18px;box-shadow:0 12px 28px -10px rgba(90,80,224,.55)}
.ksuccess h2{margin-bottom:8px}
.ksuccess p{font-size:14.5px;color:var(--ink-2);max-width:38ch;margin:0 auto}
@media (max-width:1020px){.kgrid{grid-template-columns:1fr;gap:44px}}
@media (max-width:640px){.krow2{grid-template-columns:1fr}.kform{padding:22px}}
/* Rechtsseiten (Impressum, Datenschutz) */
:root{--font-mono:"Geist Mono",ui-monospace,monospace}
.imp-narrow{max-width:820px;margin-inline:auto}
main .imp-narrow{padding:56px 0 64px}
.imp-grid{display:flex;flex-direction:column;gap:16px}
.imp-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:28px 30px;box-shadow:var(--shadow-sm)}
.imp-card .ch{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.imp-card .ci{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;flex:none;background:var(--accent-tint);border:1px solid #e4e0f8;color:var(--accent-ink)}
.imp-card .ci svg{width:20px;height:20px}
.imp-card h2{font-size:18.5px;font-weight:600;letter-spacing:-.02em;margin:0}
.imp-card .body{color:var(--ink-2);font-size:15px;line-height:1.68}
.imp-card .body p{margin:0 0 12px}
.imp-card .body p:last-child{margin-bottom:0}
.imp-card .body strong{color:var(--ink);font-weight:600}
.imp-card .body em{font-style:italic}
.imp-card .body ul{margin:4px 0 12px;padding-left:0;list-style:none}
.imp-card .body ul li{position:relative;padding-left:20px;margin-bottom:7px}
.imp-card .body ul li:last-child{margin-bottom:0}
.imp-card .body ul li::before{content:"";position:absolute;left:2px;top:9px;width:6px;height:6px;border-radius:2px;background:var(--accent);opacity:.75}
.imp-card .body .sub{font-size:15px;font-weight:600;color:var(--ink);margin:18px 0 8px}
.imp-card .body .sub:first-child{margin-top:0}
.sp-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--r-md);margin:8px 0 4px}
.sp-table{width:100%;border-collapse:collapse;font-size:13.5px;margin:0}
.sp-table th{text-align:left;font-weight:600;color:var(--ink);padding:10px 14px;border-bottom:1px solid var(--line);font-size:12.5px;letter-spacing:.01em;background:#f7f5fd}
.sp-table td{padding:10px 14px;border-bottom:1px solid var(--line-soft);vertical-align:top;color:var(--ink-2)}
.sp-table tr:last-child td{border-bottom:none}
.sp-table td strong{color:var(--ink)}
.imp-note{background:var(--accent-tint);border:1px solid #e4e0f8;border-radius:var(--r-md);padding:14px 16px;font-size:13.5px;line-height:1.6;color:var(--ink-2);margin:8px 0 0}
.imp-note strong{color:var(--ink)}
.imp-stand{text-align:center;color:var(--muted);font-size:12.5px;font-family:"Geist Mono",monospace;letter-spacing:.05em;padding:30px 0 0}
/* Sync-Agent-Mock (Windows) */
.app.syncm{display:flex;flex-direction:column;height:auto}
.wtitle{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#f4f3fa;border-bottom:1px solid var(--line-soft);font-size:10.5px;font-weight:600;letter-spacing:-.01em}
.wico{width:18px;height:18px;border-radius:5px;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:700;font-size:9.5px;flex:none}
.wver{font-family:"Geist Mono",monospace;font-size:8px;color:var(--muted);font-weight:500}
.wbtns{margin-left:auto;display:flex;gap:10px;color:#b5b2c9;font-size:10px;font-weight:400}
.wbtns i{font-style:normal}
.wtabs{display:flex;gap:2px;padding:8px 12px 0;border-bottom:1px solid var(--line-soft);background:#fbfbfe}
.wtabs span{font-size:9.5px;font-weight:600;color:var(--muted);padding:7px 12px;border-radius:8px 8px 0 0;border:1px solid transparent;border-bottom:0}
.wtabs span.on{background:#fff;color:var(--accent-ink);border-color:var(--line-soft)}
.wbody{padding:14px 16px 16px;display:flex;flex-direction:column;gap:11px}
.wflow{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}
.wnode{border:1px solid var(--line-soft);background:#fbfbfe;border-radius:11px;padding:10px 12px;min-width:0}
.wnode b{display:flex;align-items:center;gap:6px;font-size:10.5px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden}
.wnode b .nmark{width:15px;height:15px;border-radius:4px;font-size:8px;flex:none}
.wnode span{display:block;font-family:"Geist Mono",monospace;font-size:7.5px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wnode.neura{border-color:#ded9f6;background:var(--accent-tint)}
.wlink{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:104px}
.wsec{display:inline-flex;align-items:center;gap:4px;font-family:"Geist Mono",monospace;font-size:7px;letter-spacing:.05em;color:var(--muted);white-space:nowrap}
.wsec svg{width:8px;height:8px;color:#1a7a4d}
.wdash{display:block;width:100%;height:2px;background:repeating-linear-gradient(90deg,#c9c3ee 0 6px,transparent 6px 12px);background-size:12px 2px;position:relative}
.wdash::after{content:"";position:absolute;right:-1px;top:-3px;border:4px solid transparent;border-left:6px solid #c9c3ee}
.wlink.live .wdash{animation:wmove .5s linear infinite}
@keyframes wmove{to{background-position:12px 0}}
.wstatus{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:600;color:var(--ink);min-height:15px}
.wstatus .sspin{flex:none}
.wdot{width:6px;height:6px;border-radius:50%;background:#c2c0d6;flex:none}
.wprog{height:5px;border-radius:99px;background:#edecf5;overflow:hidden}
.wprog i{display:block;height:100%;width:0;background:var(--grad);border-radius:99px;transition:width .12s linear}
.wstats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.wstat{background:#fbfbfe;border:1px solid var(--line-soft);border-radius:10px;padding:8px 10px;min-width:0;overflow:hidden}
.wstat small{display:block;font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wstat b{display:block;font-size:15px;letter-spacing:-.02em;margin-top:2px}
.wlog{border:1px solid var(--line-soft);border-radius:10px;background:#fbfbfe;padding:8px 10px;height:96px;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:5px}
.wlog::-webkit-scrollbar{display:none}
.wl{font-family:"Geist Mono",monospace;font-size:8px;line-height:1.5;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:none}
.wl.ok{color:#1a7a4d}
.wl.warn{color:#b97a14}
.wl.new{color:var(--accent-ink);font-weight:600}