:root{--bg:#f8fafc;--bg-grad:radial-gradient(circle at 78% 8%, #7c3aed1a, transparent 34%), radial-gradient(circle at 15% 60%, #22d3ee24, transparent 36%), radial-gradient(circle at 30% 100%, #fb923c1a, transparent 32%), linear-gradient(180deg, #f8fafc 0%, #eef2f9 100%);--text:#0f172a;--muted:#475569;--soft:#334155;--accent:#0e7490;--accent-light:#0891b2;--btn-bg:#0e7490;--btn-bg-hover:#0891b2;--btn-text:#fff;--btn-glow:#0e749040;--tint:#0891b214;--tint-border:#0891b247;--green:#059669;--warn-text:#9a3412;--warn-bg:#e07a2e1a;--warn-border:#e07a2e66;--grad-from:#0e7490;--grad-to:#6d28d9;--card:#fffc;--alt:#e2e8f073;--border:#0f172a1f;--header-bg:#f8fafcc7;--bubble-in:#64748b1f;--shadow:0 20px 50px #0f172a1a;--card-shadow:0 10px 30px #0f172a2e, 0 2px 6px #0f172a1f;--card-shadow-hover:0 18px 44px #0f172a47, 0 4px 10px #0f172a29;--logo-dark:none;--logo-light:block;color-scheme:light}:root[data-theme=dark]{--bg:#020617;--bg-grad:radial-gradient(circle at 73% 12%, #7c3aed47, transparent 34%), radial-gradient(circle at 20% 70%, #22d3ee1a, transparent 34%), radial-gradient(circle at 28% 100%, #fb923c1f, transparent 32%), linear-gradient(135deg, #020617 0%, #04081c 42%, #090321 100%);--text:#f8fafc;--muted:#94a3b8;--soft:#cbd5e1;--accent:#22d3ee;--accent-light:#67e8f9;--btn-bg:#22d3ee;--btn-bg-hover:#67e8f9;--btn-text:#04121a;--btn-glow:#22d3ee47;--tint:#22d3ee14;--tint-border:#22d3ee47;--green:#34d399;--warn-text:#fdba74;--warn-bg:#e07a2e1f;--warn-border:#e07a2e59;--grad-from:#67e8f9;--grad-to:#a78bfa;--card:#0f172a9e;--alt:#0f172a66;--border:#94a3b82e;--header-bg:#020617b8;--bubble-in:#94a3b824;--shadow:0 20px 60px #00000073, 0 0 80px #7c3aed1f;--card-shadow:0 12px 34px #000000a6, 0 2px 8px #00000080;--card-shadow-hover:0 20px 50px #000c, 0 0 28px var(--btn-glow);--logo-dark:block;--logo-light:none;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}section[id]{scroll-margin-top:80px}body{min-height:100vh;color:var(--text);background:var(--bg-grad);background-attachment:fixed;margin:0;font-family:Figtree,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6;overflow-x:clip}a{color:var(--accent)}.container{max-width:1120px;margin:0 auto;padding:0 20px}.narrow{max-width:760px}.site-header{z-index:10;background:var(--header-bg);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:16px;height:56px;display:flex}.logo img{width:auto;height:36px}.logo .logo-dark{display:var(--logo-dark)}.logo .logo-light{display:var(--logo-light)}.nav nav{align-items:center;gap:22px;display:flex}.nav nav a{color:var(--soft);font-size:.95rem;font-weight:500;text-decoration:none}.nav nav a:hover{color:var(--accent)}.nav nav a.btn{color:var(--btn-text);padding:9px 18px}.menu-toggle{border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:0;display:none}.menu-toggle span{background:var(--text);border-radius:2px;width:18px;height:2px;transition:transform .2s,opacity .2s;display:block}.menu-toggle.open span:first-child{transform:translateY(7px)rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{display:none}@media (width<=760px){.nav nav a:not(.btn){display:none}.nav nav{gap:10px}.menu-toggle{display:flex}.mobile-menu:not([hidden]){border-top:1px solid var(--border);background:var(--bg);flex-direction:column;padding:8px 20px 16px;display:flex}.mobile-menu a{color:var(--text);border-bottom:1px solid var(--border);padding:14px 4px;font-weight:600;text-decoration:none}.mobile-menu a:last-child{border-bottom:0}}.btn{background:var(--btn-bg);color:var(--btn-text);box-shadow:0 6px 24px var(--btn-glow);border-radius:8px;padding:13px 26px;font-weight:700;text-decoration:none;transition:transform .15s,background .15s;display:inline-block}.btn:hover{background:var(--btn-bg-hover);transform:translateY(-1px)}.btn.ghost{color:var(--text);box-shadow:none;border:1px solid var(--border);background:0 0}.btn.ghost:hover{border-color:var(--accent);background:var(--tint)}.btn-row{flex-wrap:wrap;gap:12px;display:flex}.hero{padding:48px 0 40px}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:32px;display:grid}@media (width<=900px){.hero-grid{grid-template-columns:1fr}.hero{padding-top:36px}}.pill{color:var(--accent);background:var(--tint);border:1px solid var(--tint-border);border-radius:6px;align-items:center;gap:8px;margin:0 0 20px;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.pill:before{content:"";background:var(--green);width:8px;height:8px;box-shadow:0 0 8px var(--green);border-radius:50%}.hero h1{letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(1.8rem,4.2vw,2.8rem);line-height:1.1}.grad{background:linear-gradient(90deg, var(--grad-from), var(--grad-to));color:#0000;-webkit-background-clip:text;background-clip:text}.lead{color:var(--soft);max-width:54ch;margin:0 0 22px;font-size:1.05rem}.hero-points{color:var(--soft);gap:4px;margin:20px 0 0;padding:0;list-style:none;display:grid}.hero-points li:before{content:"✓";color:var(--green);margin-right:10px;font-weight:700}.mock{background:var(--card);border:1px solid var(--border);backdrop-filter:blur(10px);box-shadow:var(--shadow);border-radius:20px;padding:20px}.mock-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding-bottom:14px;font-weight:600;display:flex}.mock-head small{color:var(--green);margin-left:auto;font-weight:500}.dot{background:var(--accent-light);width:10px;height:10px;box-shadow:0 0 10px var(--accent-light);border-radius:50%}.msg{border-radius:14px;max-width:88%;margin-top:12px;padding:10px 14px;font-size:.93rem}.msg.in{background:var(--bubble-in);border-top-left-radius:4px}.msg.out{background:var(--tint);border:1px solid var(--tint-border);border-top-right-radius:4px;margin-left:auto}.mock-foot{background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn-text);border-radius:12px;margin-top:16px;padding:10px 14px;font-size:.88rem}.section{padding:44px 0}.section.alt{background:var(--alt);border-block:1px solid var(--border)}.kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin:0 0 10px;font-size:.8rem;font-weight:700}.section h2{letter-spacing:-.01em;margin:0 0 8px;font-size:clamp(1.4rem,3vw,1.9rem);line-height:1.2}.section-lead{color:var(--muted);max-width:62ch;margin:0 0 24px}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--card-shadow);border-radius:16px;padding:18px;transition:border-color .2s,transform .2s,box-shadow .2s}.card:hover{border-color:var(--accent-light);box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.card .icon{background:var(--tint);border:1px solid var(--tint-border);border-radius:12px;place-items:center;width:38px;height:38px;margin-bottom:10px;font-size:1.4rem;display:grid}.card h3{margin:0 0 8px;font-size:1.05rem}.card p{color:var(--muted);margin:0;font-size:.96rem}.card.hl{border-color:var(--tint-border);background:linear-gradient(160deg, var(--tint), var(--card))}.tag{letter-spacing:.06em;text-transform:uppercase;color:var(--warn-text);margin-bottom:12px;font-size:.72rem;font-weight:700;display:inline-block}.chips{flex-wrap:wrap;gap:12px;display:flex}.chip{border:1px solid var(--border);background:var(--card);color:var(--soft);border-radius:8px;padding:12px 20px;font-weight:500}.flow{margin:0;padding:0;list-style:none}.flow-bar{background:var(--border);border-radius:3px;height:3px;margin:0 0 18px;overflow:hidden}.flow-bar span{background:linear-gradient(90deg, var(--accent), var(--accent-light));width:0;height:100%;box-shadow:0 0 12px var(--btn-glow);display:block}.flow-item{opacity:.4;transition:opacity .5s,transform .5s,border-color .5s,background .5s;transform:translateY(14px)}.flow-item .icon{color:var(--muted);font-weight:800;transition:color .4s,background .4s,border-color .4s,box-shadow .4s}.flow-item.on{opacity:1;border-color:var(--tint-border);background:linear-gradient(160deg, var(--tint), var(--card));transform:none}.flow-item.on .icon{color:var(--btn-text);background:var(--btn-bg);border-color:var(--btn-bg);box-shadow:0 0 0 5px var(--tint), 0 0 18px var(--btn-glow)}@media (prefers-reduced-motion:reduce){.flow-item{opacity:1;transition:none;transform:none}}.cta{text-align:center;border:1px solid var(--tint-border);background:radial-gradient(circle at 50% 0%, #7c3aed29, transparent 60%), var(--card);border-radius:24px;padding:32px 20px}.cta h2{margin-bottom:12px}.cta p{color:var(--soft);max-width:52ch;margin:0 auto 28px}.site-footer{border-top:1px solid var(--border);color:var(--muted);margin-top:24px;padding:18px 0;font-size:.9rem}.site-footer .container{text-align:center;flex-wrap:wrap;justify-content:center;gap:8px 24px;display:flex}.site-footer a{color:var(--soft)}.legal{padding:48px 20px}.legal h1{margin-top:0}.legal h2{margin-top:32px}.theme-toggle{cursor:pointer;width:40px;height:40px;color:var(--text);background:var(--card);border:1px solid var(--border);border-radius:8px;place-items:center;font-size:1.1rem;line-height:1;display:grid}.theme-toggle:hover{border-color:var(--accent)}.theme-toggle .i-sun{display:none}:root[data-theme=dark] .theme-toggle .i-sun{display:block}:root[data-theme=dark] .theme-toggle .i-moon{display:none}.chat{z-index:50;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;bottom:20px;right:20px}.chat-fab{cursor:pointer;background:var(--btn-bg);color:var(--btn-text);font:inherit;box-shadow:0 8px 28px var(--btn-glow);border:0;border-radius:8px;align-items:center;gap:10px;padding:12px 18px;font-weight:700;display:inline-flex}.chat-fab:hover{background:var(--btn-bg-hover)}.chat-fab.is-open .chat-fab-text{display:none}.chat-panel{background:var(--bg);border:1px solid var(--border);width:min(380px,100vw - 32px);height:min(680px,100vh - 110px);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.chat-panel[hidden]{display:none}.chat-head{border-bottom:1px solid var(--border);background:var(--card);align-items:center;gap:12px;padding:14px 16px;display:flex}.chat-head small{color:var(--muted);font-size:.78rem;display:block}.chat-close{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:6px;font-size:1rem}.chat-close:hover{color:var(--text)}.chat-log{flex:1;padding:4px 16px 16px;overflow-y:auto}.chat-log .msg{max-width:90%}.chat-quick{flex-wrap:wrap;gap:8px;padding:0 16px 12px;display:flex}.chat-quick:empty{display:none}.chat-chip{font:inherit;cursor:pointer;color:var(--accent);background:var(--tint);border:1px solid var(--tint-border);border-radius:6px;padding:6px 10px;font-size:.82rem}.chat-chip:hover{border-color:var(--accent)}.chat-form{border-top:1px solid var(--border);background:var(--card);gap:8px;padding:12px;display:flex}.chat-form input{min-width:0;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;flex:1;padding:10px 12px}.chat-form input:focus{outline:2px solid var(--accent);outline-offset:-1px}.chat-form .btn{cursor:pointer;font:inherit;border:0;padding:10px 16px;font-weight:700}@media (width<=480px){.chat{bottom:12px;right:12px}.chat-fab-text{display:none}}.netze{flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.netz{background:var(--tint);border:1px solid var(--tint-border);border-radius:8px;width:36px;height:36px;display:block;position:relative}.netz:after{content:"";background:var(--accent);-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;position:absolute;inset:8px}.netze li:hover .netz{border-color:var(--accent)}.legal-links{font-size:.85rem;margin:20px auto 0!important}.legal-links a{color:var(--soft);text-decoration:underline}.chat-legal{text-align:center;color:var(--muted);background:var(--card);margin:0;padding:6px 12px 10px;font-size:.75rem}.chat-legal a{color:var(--soft)}
