.hero.dark{background:#0c1115;min-height:clamp(560px,44vw,740px);padding-bottom:0;position:relative;overflow:hidden}.hero .inner{grid-template-columns:minmax(0,48%);align-items:start;padding-bottom:clamp(48px,7vw,110px)}.hero.dark .hero-art{z-index:0;width:min(55vw,900px);max-width:none;margin:0;line-height:0;position:absolute;bottom:0;right:0}.hero.dark .hero-art picture img{width:100%;height:auto;display:block}@media (width<=900px){.hero .inner{grid-template-columns:1fr;padding-bottom:0}.hero.dark .hero-art{width:100%;margin-top:20px;position:static}}.kern-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:40px;display:grid}.kern-art img{filter:drop-shadow(0 20px 50px #35c6d040);width:100%;height:auto;display:block}.kern-text{gap:22px;display:grid}.ebene{grid-template-columns:40px 1fr;align-items:start;gap:14px;display:grid}.ebene .ic{background:#1e2230;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.ebene .ic .icon{stroke:var(--nx-lavender);width:22px;height:22px}.ebene .h4{color:var(--nx-cloud);margin-bottom:4px}.ebene p{color:var(--nx-stone);max-width:48ch;font-size:15px}.claim{color:var(--nx-cloud);max-width:30ch;margin-top:6px;font-size:19px;font-weight:600}.inseln{border-top:1px solid #2a3038;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px 24px;margin-top:40px;padding-top:28px;display:grid}.inseln div{gap:4px;display:grid}.inseln b{color:var(--nx-cloud);font-size:15px}.inseln span{color:var(--nx-stone);font-size:14px}.kern .section-head .lead{color:var(--nx-stone)}@media (width<=900px){.kern-grid{grid-template-columns:1fr}.kern-art{max-width:560px;margin:0 auto}}.scene .who{color:var(--ink-3);font-size:13px;font-weight:600}.branchen{gap:8px;margin-top:14px;display:grid}.branchen a,.branchen .soon{background:var(--nx-carbon);color:var(--nx-cloud);border:1px solid #2a3038;border-radius:10px;align-items:flex-start;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.branchen a:hover{border-color:var(--teal-2)}.branchen .soon{opacity:.7}.branchen svg{color:var(--teal-2);flex:none;margin-top:2px}.branchen b{font-size:14.5px;display:block}.branchen span span{color:var(--nx-stone);font-size:13px}


:root{color-scheme:light;--nx-graphite:#080d10;--nx-carbon:#15181e;--nx-indigo:#625bf6;--nx-cyan:#35c6d0;--nx-lavender:#b8b8ff;--nx-cloud:#f5f6f8;--nx-stone:#9aa3b2;--nx-white:#fff;--nx-action:#4338ca;--nx-muted:#596174;--nx-border:#d9dde5;--bg:var(--nx-white);--bg-soft:var(--nx-cloud);--surface:var(--nx-white);--ink:var(--nx-carbon);--ink-2:var(--nx-muted);--ink-3:#7c8797;--line:var(--nx-border);--line-2:#c4cad5;--teal:var(--nx-action);--teal-2:var(--nx-cyan);--teal-soft:#eeedff;--blue:var(--nx-indigo);--violet:var(--nx-lavender);--green:#166534;--green-soft:#e3f1e7;--amber:#8a5a00;--amber-soft:#fbf1d9;--red:#b91c1c;--red-soft:#fbe4e4;--app-bg:#eef0f5;--side:#15181e;--side-ink:#d6d8ff;--grad:linear-gradient(135deg,var(--nx-indigo) 0%,var(--nx-cyan) 100%);--grad-soft:linear-gradient(135deg,var(--nx-cyan) 0%,var(--nx-lavender) 100%);--grad-dark:linear-gradient(135deg,var(--nx-indigo) 0%,var(--nx-graphite) 100%);--shadow-lg:0 40px 90px -40px #15181e59,0 0 0 1px #15181e0f;--shadow-md:0 16px 36px -20px #15181e52,0 0 0 1px #15181e0d;--f:"Geist",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--wrap:1200px;--gutter:20px;--r:12px;--r-ctl:8px;--r-panel:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}body{font-family:var(--f);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}img,svg{max-width:100%}h1,h2,h3,h4{letter-spacing:-.02em;text-wrap:balance;margin:0;line-height:1.12}h1{font-size:clamp(34px,5vw,58px);font-weight:700}h2{font-size:clamp(26px,3.4vw,38px);font-weight:700}h3{letter-spacing:-.01em;font-size:20px;font-weight:600}h4,.h4{letter-spacing:0;font-size:16px;font-weight:600}p{margin:0}.lead{color:var(--ink-2);max-width:60ch;font-size:clamp(17px,1.6vw,20px)}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.mono{font-family:var(--mono);font-size:13px}.wrap{max-width:var(--wrap);padding-inline:var(--gutter);margin:0 auto}.narrow{max-width:760px}.section{padding-block:clamp(56px,8vw,104px)}.section.soft{background:var(--bg-soft)}.section.dark{background:var(--nx-graphite);color:var(--nx-cloud)}.section.dark .muted{color:var(--nx-stone)}.section.dark .faint{color:#7c8797}.section.dark .card{background:var(--nx-carbon);border-color:#2a3038}.section.dark .card p{color:var(--nx-stone)}.section-head{flex-direction:column;gap:14px;max-width:64ch;margin-bottom:clamp(28px,4vw,44px);display:flex}.kicker{font-family:var(--f);color:var(--teal);letter-spacing:0;font-size:13px;font-weight:600}.section.dark .kicker{color:var(--teal-2)}.grid{gap:20px;display:grid}.grid.c2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid.c3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid.c4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;gap:10px;padding:22px 24px;display:flex}.card .ic{background:var(--teal-soft);width:40px;height:40px;color:var(--nx-action);border-radius:10px;place-items:center;margin-bottom:4px;display:grid}.card .ic svg{width:22px;height:22px}.section.dark .card .ic{color:var(--nx-lavender);background:#1e2230}.card.soft{background:var(--bg-soft);border-color:#0000}.card.accent{border-color:var(--teal)}.card h3,.card .h4{margin-bottom:2px}.card p{color:var(--ink-2);font-size:15px}.scene{grid-template-columns:1fr;gap:6px;display:grid}.scene .q{font-weight:600}.btn{border-radius:var(--r-ctl);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:15px;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover{text-decoration:none}.btn.primary{background:var(--nx-action);color:#fff}.btn.primary:hover{background:#3730a3}.btn.secondary{background:var(--surface);color:var(--ink);border-color:var(--line-2)}.btn.secondary:hover{border-color:var(--ink-3)}.btn.ghost{color:var(--teal);background:0 0;padding-inline:6px}.btn.dark{background:var(--ink);color:#fff}.btn:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.btn-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.links-row{flex-wrap:wrap;gap:8px 24px;margin-top:6px;font-size:15px;display:flex}.pill{white-space:nowrap;vertical-align:middle;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:12.5px;font-weight:500;line-height:1.7;display:inline-flex}.pill:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.pill.live{background:var(--green-soft);color:var(--green)}.pill.wip{background:var(--amber-soft);color:var(--amber)}.pill.planned{background:var(--bg-soft);color:var(--ink-2)}.pill.proposal{background:var(--teal-soft);color:var(--teal)}.trust{font-family:var(--mono);color:var(--ink-2);flex-wrap:wrap;gap:8px 22px;font-size:12.5px;display:flex}.trust span:before{content:"";background:var(--nx-cyan);vertical-align:2px;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.tablewrap{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:680px;font-size:14.5px}th,td{text-align:left;vertical-align:top;border-top:1px solid var(--line);padding:12px 14px}th{letter-spacing:.04em;color:var(--ink-3);background:var(--bg-soft);border-top:0;font-size:12px;font-weight:500}td:first-child{font-weight:500}td.num{font-variant-numeric:tabular-nums;white-space:nowrap}.faq{border-top:1px solid var(--line);flex-direction:column;display:flex}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;align-items:baseline;gap:16px;padding:16px 0;font-size:17px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--ink-3);font-size:22px;font-weight:400;line-height:1}.faq details[open] summary:after{content:"–"}.faq .a{color:var(--ink-2);flex-direction:column;gap:8px;max-width:70ch;padding:0 0 18px;display:flex}.faq .a .doc{font-family:var(--mono);color:var(--ink-3);font-size:12.5px}.qa{gap:22px;display:grid}.qa .item{grid-template-columns:1fr;gap:6px;max-width:72ch;display:grid}.qa .item .h4{font-size:17px}.qa .item p{color:var(--ink-2)}.qa .item .doc{font-family:var(--mono);color:var(--ink-3);font-size:12.5px}.steps{counter-reset:s;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;display:grid}.steps .step{border-top:2px solid var(--line-2);padding-top:14px;position:relative}.steps .step:before{counter-increment:s;content:counter(s);background:var(--grad);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12.5px;font-weight:600;display:grid;position:absolute;top:-13px;left:0}.steps .step .h4{margin-bottom:6px}.steps .step p{color:var(--ink-2);font-size:15px}.mock{background:var(--app-bg);border-radius:var(--r-panel);box-shadow:var(--shadow-lg);border:1px solid #0e283c14;padding:18px}.mock .win{background:#fff;border-radius:10px;grid-template-columns:150px 1fr;min-height:260px;display:grid;overflow:hidden}.mock .side{background:var(--side);color:var(--side-ink);flex-direction:column;gap:6px;padding:14px 12px;font-size:12px;display:flex}.mock .side b{color:#fff;margin-bottom:6px;font-size:12.5px;display:block}.mock .side span{opacity:.75}.mock .main{flex-direction:column;gap:10px;padding:16px 18px;font-size:13px;display:flex}.mock .bubble{background:var(--bg-soft);border-radius:10px;max-width:52ch;padding:10px 12px}.mock .bubble.user{background:var(--teal-soft);align-self:flex-end}.mock .tool{font-family:var(--mono);color:var(--ink-3);flex-wrap:wrap;gap:10px;font-size:11px;display:flex}.mock .tool i{border:1px solid var(--line);background:#fff;border-radius:5px;padding:1px 6px;font-style:normal}.mock .draft{border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr 1fr;gap:4px 14px;padding:10px 12px;font-size:12.5px;display:grid}.mock .draft b{grid-column:1/-1;font-size:13px}.mock .draft .k{color:var(--ink-3)}.mock .actions{gap:8px;display:flex}.mock .actions span{border:1px solid var(--line-2);border-radius:7px;padding:5px 10px;font-size:12px;font-weight:600}.mock .actions span.go{background:var(--teal);color:#fff;border-color:#0000}@media (width<=640px){.mock .win{grid-template-columns:1fr}.mock .side{display:none}}.hero{padding-block:clamp(40px,7vw,88px) clamp(32px,5vw,64px);position:relative;overflow:hidden}.hero .backdrop{opacity:.9;pointer-events:none;z-index:0;width:min(62vw,900px);position:absolute;top:-8%;right:-6%}.hero .inner,.hero .wrap{z-index:1;position:relative}@media (width<=900px){.hero .backdrop{opacity:.5;width:120vw;top:auto;bottom:-10%;right:-30%}}.hero .inner{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:40px;display:grid}.hero .copy{flex-direction:column;gap:22px;display:flex}.hero .copy h1{max-width:14ch}.hero .islands{justify-self:end;width:100%;max-width:520px}@media (width<=900px){.hero .inner{grid-template-columns:1fr}.hero .islands{justify-self:start;max-width:420px}}.hero .kicker{font-size:14px}.cta-band{background:var(--grad);color:#fff;border-radius:var(--r-panel);flex-direction:column;gap:18px;padding:clamp(28px,5vw,56px);display:flex;position:relative;overflow:hidden}.cta-band>*{z-index:1;position:relative}.cta-band h2{color:#fff}.cta-band p{color:#ffffffe0;max-width:60ch;font-size:17px}.cta-band .btn.primary{color:var(--ink);background:#fff}.cta-band .btn.primary:hover{background:#eef4f6}.cta-band .btn.secondary{color:#fff;background:0 0;border-color:#ffffff80}.sub-nav{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.sub-nav a{color:var(--ink-2);border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 12px;font-size:14px}.sub-nav a[aria-current=page],.sub-nav a:hover{color:var(--ink);border-color:var(--teal);text-decoration:none}.note{background:var(--amber-soft);color:var(--amber);border-radius:10px;padding:10px 14px;font-size:14px}.note.info{background:var(--teal-soft);color:var(--teal)}.form{gap:14px;max-width:520px;display:grid}.form label{gap:6px;font-size:14px;font-weight:500;display:grid}.form input,.form select,.form textarea{font:inherit;border:1px solid var(--line-2);color:var(--ink);background:#fff;border-radius:9px;width:100%;padding:11px 12px}.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--teal);outline-offset:1px;border-color:var(--teal)}.form .hint{color:var(--ink-3);font-size:13px;font-weight:400}.logo-row{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:10px 28px;font-size:15px;font-weight:600;display:flex}.logo-row .also{font-size:14px;font-weight:400}.cols{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px;display:grid}.cols .h4{margin-bottom:8px}.cols ul{color:var(--ink-2);margin:0;padding-left:18px;font-size:15px}.cols li{margin-block:3px}.tiles{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.tiles span{background:var(--bg-soft);border-radius:10px;align-items:center;gap:10px;padding:12px 14px;font-size:14.5px;font-weight:500;display:flex}.tiles svg{width:20px;height:20px;color:var(--nx-action);flex:none}.split{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:32px;display:grid}.quote{border-left:3px solid var(--teal);max-width:46ch;padding-left:18px;font-size:19px;line-height:1.4}.quote cite{color:var(--ink-3);margin-top:10px;font-size:14px;font-style:normal;display:block}.big{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(40px,6vw,64px);font-weight:700;line-height:1}.tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:22px;display:flex}.tabs button{font:inherit;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-size:14.5px;font-weight:500}.tabs button[aria-selected=true]{color:var(--ink);border-color:var(--teal)}[hidden]{display:none!important}.page-hero{padding-block:clamp(48px,7vw,88px) 28px;position:relative;overflow:hidden}.page-hero .art{pointer-events:none;z-index:0;width:min(44vw,680px);position:absolute;top:8%;right:-4%}.page-hero .art img{width:100%;height:auto;display:block}.page-hero .wrap{z-index:1;position:relative}.page-hero .section-head{max-width:60ch}@media (width<=1000px){.page-hero .art{opacity:.9;width:min(100%,560px);margin:24px auto 0;position:static;transform:none}}.cta-band .art{opacity:.55;pointer-events:none;z-index:0;mix-blend-mode:screen;width:58%;position:absolute;top:-30%;right:-8%}.cta-band .art img{width:100%;height:auto;display:block}.section.dark{position:relative;overflow:hidden}.section.dark .art{opacity:.7;pointer-events:none;width:58%;position:absolute;bottom:-58%;right:-6%}.section.dark.ref{padding-bottom:clamp(120px,16vw,220px)}.section.dark .art img{width:100%;height:auto;display:block}.section.dark .wrap{z-index:1;position:relative}.icon{vertical-align:middle;flex:none;width:24px;height:24px}.faq summary:after{color:var(--nx-action)}.icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.icon.brand{stroke:url(#nx-ink)}.card .ic{background:linear-gradient(135deg,#eeedff,#e6f8f9)}.card .ic .icon{stroke:url(#nx-ink)}.section.dark .card .ic{background:#1e2230}.section.dark .card .ic .icon{stroke:var(--nx-lavender)}.tiles .icon{stroke:url(#nx-ink)}.hero.dark{background:radial-gradient(1200px 600px at 78% 30%,#1a1f3a 0%,var(--nx-graphite) 55%);color:var(--nx-cloud);padding-bottom:0}.hero.dark .lead{color:var(--nx-stone)}.hero.dark .kicker{color:var(--nx-cyan)}.hero.dark .links-row a{color:var(--nx-lavender)}.hero.dark .btn.secondary{color:#fff;background:0 0;border-color:#ffffff59}.hero.dark .btn.secondary:hover{border-color:#fff}.hero.dark .hero-art{position:relative}.hero.dark .hero-art .signet{filter:drop-shadow(0 0 40px #35c6d08c)drop-shadow(0 0 80px #625bf673);width:26%;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.hero.dark .mock-wrap{z-index:2;margin-top:40px;position:relative;transform:translateY(64px)}.after-hero{padding-top:120px}.section.dark .steps .step{border-top-color:#2a3038}.section.dark .steps .step p{color:var(--nx-stone)}.section.dark h2,.section.dark h3,.section.dark h4{color:var(--nx-cloud)}.section.dark .lead{color:var(--nx-stone)}.section.dark .art{opacity:.95}.section.dark .btn.secondary{color:#fff;background:0 0;border-color:#ffffff59}.section.dark a:not(.btn){color:var(--nx-lavender)}.section.dark.bleed .art{opacity:.85;width:52%;inset:-10% auto auto -8%}.section.dark.bleed .wrap{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;display:grid}.section.dark.bleed .wrap>:first-child{grid-column:2}@media (width<=900px){.section.dark.bleed .wrap{grid-template-columns:1fr}.section.dark.bleed .wrap>:first-child{grid-column:1}.section.dark.bleed .art{width:100%;margin-bottom:20px;position:static}}.footer-dark{background:var(--nx-graphite);color:var(--nx-stone)}.glow-claim{opacity:.9;width:min(100%,420px);height:auto;margin-top:10px}.inline-art{display:block}.inline-art img{width:100%;max-width:520px;height:auto;margin-inline:auto 0;display:block}.mock{color:var(--ink)}.section.dark .art img,.page-hero .art img,.cta-band .art img{aspect-ratio:16/9}.art picture,.inline-art picture,.hero-art picture{display:block}p a:not(.btn),li a:not(.btn),td a:not(.btn){text-underline-offset:3px;text-decoration:underline 1px}.mock .tool,.mock .draft .k{color:#5b6675}.hero.dark .hero-art .signet{height:auto}.trust{color:#4b5563}a.card{color:inherit;text-decoration:none;transition:border-color .15s}a.card:hover{border-color:var(--teal);text-decoration:none}.grid.plain .card{background:0 0;border:0;gap:6px;padding:0}.grid.plain .card .ic{margin-bottom:6px}.grid.plain a.card:hover h3{color:var(--nx-action)}.trust{font-family:var(--f);color:var(--ink-2);gap:6px 20px;font-size:13.5px}.trust span:before{background:var(--nx-cyan)}.hero.dark .trust{color:var(--nx-stone)}.scene{background:var(--bg-soft);border:0}.scene .q{font-size:17px;line-height:1.35}.scene .q:before{content:"„";color:var(--nx-action)}.scene .q:after{content:"“";color:var(--nx-action)}.logo{align-items:center;gap:10px;line-height:0;text-decoration:none;display:inline-flex}.logo:hover{text-decoration:none}.signet{filter:drop-shadow(0 0 6px #35c6d059);width:34px;height:auto}.word{width:118px;height:auto}.nv-nav{z-index:20;backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--line);background:#ffffffeb;position:sticky;top:0}.nv-bar{align-items:center;gap:28px;height:64px;display:flex}.nv-links{flex:1;gap:2px;display:flex}.nv-links .nv-item{position:relative}.nv-links .nv-item>a{color:var(--ink-2);border-radius:8px;padding:8px 11px;font-size:14.5px;font-weight:500;display:block}.nv-links .nv-item>a:hover,.nv-links .nv-item:focus-within>a{color:var(--ink);background:var(--bg-soft);text-decoration:none}.nv-links .nv-item>a[aria-current=page]{color:var(--ink)}.nv-fly{border:1px solid var(--line);min-width:300px;box-shadow:var(--shadow-md);background:#fff;border-radius:12px;flex-direction:column;gap:2px;padding:8px;display:none;position:absolute;top:calc(100% + 6px);left:0}.nv-fly:before{content:"";height:8px;position:absolute;top:-8px;left:0;right:0}.nv-item:hover>.nv-fly,.nv-item:focus-within>.nv-fly{display:flex}.nv-fly a{color:var(--ink);border-radius:8px;gap:2px;padding:9px 12px;text-decoration:none;display:grid}.nv-fly a:hover,.nv-fly a:focus-visible{background:var(--bg-soft);text-decoration:none}.nv-fly a[aria-current=page] b{color:var(--nx-action)}.nv-fly b{font-size:14.5px;font-weight:600}.nv-fly span{color:var(--ink-2);font-size:13px;line-height:1.35}.nv-ctas{gap:8px;display:flex}.nv-ctas .btn{padding:9px 14px;font-size:14px}.nv-mobile{margin-left:auto;display:none}.nv-mobile summary{cursor:pointer;border:1px solid var(--line-2);border-radius:8px;padding:8px 12px;font-size:14px;font-weight:600;list-style:none}.nv-mobile summary::-webkit-details-marker{display:none}.nv-sheet{border-bottom:1px solid var(--line);box-shadow:var(--shadow-md);background:#fff;flex-direction:column;gap:4px;max-height:calc(100vh - 64px);padding:12px 20px 22px;display:flex;position:absolute;top:64px;left:0;right:0;overflow:auto}.nv-group{border-bottom:1px solid var(--line);flex-direction:column;padding:6px 0;display:flex}.nv-group .nv-main{color:var(--ink);padding:8px 4px;font-size:16px;font-weight:600}.nv-group .nv-sub{color:var(--ink-2);padding:6px 4px 6px 16px;font-size:15px}.nv-sheet .btn{justify-content:center;margin-top:10px}@media (width<=980px){.nv-links,.nv-ctas{display:none}.nv-mobile{display:block}}@media (prefers-reduced-motion:no-preference){.nv-fly{animation:.12s ease-out fly}}@keyframes fly{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.ft-footer{margin-top:40px;padding-block:56px 28px;font-size:14.5px}.ft-footer .muted{color:var(--nx-stone)}.ft-top{grid-template-columns:minmax(220px,1.1fr) 2.4fr;gap:40px;display:grid}.ft-brand{flex-direction:column;gap:12px;max-width:34ch;display:flex}.ft-small{font-size:13px}.ft-cols{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:22px;display:grid}.ft-cols .h4{color:var(--nx-cloud);margin-bottom:10px;font-size:14px}.ft-cols a{color:var(--nx-stone);padding:3px 0;display:block}.ft-cols a:hover{color:#fff}.ft-bottom{color:#7c8797;border-top:1px solid #262b35;flex-wrap:wrap;gap:8px 22px;margin-top:36px;padding-top:18px;font-size:13px;display:flex}.ft-bottom a{color:#7c8797}@media (width<=760px){.ft-top{grid-template-columns:1fr}}


.hero.dark.hd{background:var(--hd-bg);min-height:clamp(540px,42vw,720px);padding-bottom:0;position:relative;overflow:hidden}.hd .inner{grid-template-columns:minmax(0,48%);align-items:start;padding-bottom:clamp(48px,7vw,110px);display:grid}.hd .copy{flex-direction:column;gap:20px;display:flex}.hd h1{max-width:16ch;font-size:clamp(30px,4.2vw,48px)}.hd .copy .lead{color:var(--nx-stone);max-width:42ch}.hd .copy .btn.secondary{color:#fff;background:0 0;border-color:#ffffff59}.hd .copy .btn.secondary:hover{border-color:#fff}.hero.dark.hd .hero-art{z-index:0;width:min(55vw,900px);max-width:none;margin:0;line-height:0;position:absolute;bottom:0;right:0}.hero.dark.hd .hero-art picture img{width:100%;height:auto;display:block}@media (width<=900px){.hd .inner{grid-template-columns:1fr;padding-bottom:0}.hero.dark.hd .hero-art{width:100%;margin-top:20px;position:static}}
.tier .head{flex-direction:column;gap:2px;display:flex}.tier .price{flex-direction:column;gap:2px;margin:8px 0 4px;display:flex}.tier .amount{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:700}.tier .per{color:var(--ink-2);font-size:13px}.tier .monthly{font-size:13px}.tier ul{color:var(--ink-2);flex-direction:column;gap:4px;margin:0;padding-left:18px;font-size:14.5px;display:flex}.tier .who{margin-top:auto;font-size:14px}.tier .btn{justify-content:center;margin-top:8px}.tier.unavailable{opacity:.55}.tier.unavailable .btn{display:none}.hosting-text{max-width:64ch;margin:-8px 0 20px}

.qa-block{padding-block:36px}.qa-block+.qa-block{border-top:1px solid var(--line)}
.stufen{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-items:end;gap:16px;display:grid}.stufe{border:1px solid var(--line);background:var(--surface);padding:22px 20px 18px;padding-top:calc(22px + (var(--i) - 1) * 10px);border-radius:12px;position:relative}.stufe .n{background:var(--grad);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:12.5px;font-weight:600;display:grid;position:absolute;top:-13px;left:18px}.stufe dl{gap:4px;margin:10px 0 0;font-size:14px;display:grid}.stufe dt{color:var(--ink-3);margin-top:8px;font-size:12.5px;font-weight:600}.stufe dd{color:var(--ink-2);margin:0}

.hero.dark.hd{background:var(--hd-bg);min-height:clamp(540px,42vw,720px);padding-bottom:0;position:relative;overflow:hidden}.hd .inner{grid-template-columns:minmax(0,48%);align-items:start;padding-bottom:clamp(48px,7vw,110px);display:grid}.hd .copy{flex-direction:column;gap:20px;display:flex}.hd h1{max-width:16ch;font-size:clamp(30px,4.2vw,48px)}.hd .copy .lead{color:var(--nx-stone);max-width:42ch}.hd .copy .btn.secondary{color:#fff;background:0 0;border-color:#ffffff59}.hd .copy .btn.secondary:hover{border-color:#fff}.hero.dark.hd .hero-art{z-index:0;width:min(55vw,900px);max-width:none;margin:0;line-height:0;position:absolute;bottom:0;right:0}.hero.dark.hd .hero-art picture img{width:100%;height:auto;display:block}@media (width<=900px){.hd .inner{grid-template-columns:1fr;padding-bottom:0}.hero.dark.hd .hero-art{width:100%;margin-top:20px;position:static}}

/* ── One-Pager, Features, Blog: Ergänzungen zu Dennis' Basis ── */
html{scroll-padding-top:80px}
.nv-links .nv-item>a.is-page{color:var(--ink)}
.nv-ctas .btn,.nv-sheet .btn{padding:9px 14px;font-size:14px}

.hero.dark .trust{margin-top:4px}
.section.kern .claim{margin-top:6px}

/* Sicherheit: drei Säulen auf dunklem Grund */
.guard{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}
.guard .card{gap:12px}
.guard .card h3{font-size:21px}
.guard-facts{border-top:1px solid #2a3038;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px 24px;margin-top:36px;padding-top:26px;display:grid}
.guard-facts div{gap:4px;display:grid}
.guard-facts b{color:var(--nx-cloud);font-size:15px}
.guard-facts span{color:var(--nx-stone);font-size:14px}
.section.dark.bleed .wrap>.section-head{grid-column:2;margin-bottom:0}
.section.dark.bleed .wrap>.span-all{grid-column:1/-1}
@media (width<=900px){.section.dark.bleed .wrap>.section-head{grid-column:1}}

/* Partner */
.card .term{color:var(--ink);font-size:15px;font-weight:600}
.brandline{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 28px;margin-top:20px;padding:18px 24px;display:flex}
.brandline p{color:var(--ink-2);max-width:62ch;font-size:15px}
.brandline b{color:var(--ink)}

/* Preismodell: drei Spalten ohne Zahlen */
.tier .model{color:var(--teal);font-family:var(--mono);letter-spacing:.06em;font-size:12px}
.tier .bill{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:6px;margin:8px 0 6px;padding:12px 0;display:grid}
.tier .bill div{justify-content:space-between;gap:12px;font-size:14.5px;display:flex}
.tier .bill span:last-child{color:var(--ink-3);white-space:nowrap;font-size:13px}
.tier.featured{border-color:var(--teal);box-shadow:var(--shadow-md)}
.after-tiers{margin-top:22px}

/* Abschnittsabstände ohne Inline-Styles */
.section-foot{margin-top:22px}
.section-foot.btn-row{margin-top:28px}

/* Features-Seite */
/* Features: Aufbau wie nexxus-ai.systaro.de/funktionen.html (Seitennavigation, Abschnitte, aufklappbare Zeilen).
   Anders als dort beginnt der Bereich mit eigenem Abstand zum dunklen Hero, statt direkt anzustoßen. */
.section.fn-sec{padding-top:clamp(48px,6vw,80px)}
.fn-wrap{grid-template-columns:216px minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start;display:grid}
.fn-nav{border-right:1px solid var(--line);gap:1px;padding-right:18px;display:grid;position:sticky;top:88px}
.fn-navt{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);padding:0 10px 8px;font-size:10.5px;font-weight:600}
.fn-nav a{color:var(--ink-2);border-radius:8px;align-items:center;gap:10px;padding:7px 10px;font-size:14px;transition:background-color .15s,color .15s;display:flex}
.fn-nav a:hover{background:var(--bg-soft);color:var(--ink);text-decoration:none}
.fn-nav a em{font-style:normal;font-family:var(--mono);color:var(--ink-3);margin-left:auto;font-size:11.5px}
.fn-main{gap:clamp(34px,4vw,48px);min-width:0;display:grid}
.fn-main section{scroll-margin-top:88px}
.fn-main h2{letter-spacing:-.015em;border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:14px;font-size:21px;font-weight:600;display:flex}
.fn-kic{background:linear-gradient(135deg,#eeedff,#e6f8f9);border-radius:10px;flex:none;place-items:center;width:32px;height:32px;display:grid}
.fn-kic .icon{stroke:url(#nx-ink);width:17px;height:17px}
.fn-kn{font-style:normal;font-family:var(--mono);color:var(--ink-3);background:var(--bg-soft);border-radius:999px;margin-left:auto;padding:3px 10px;font-size:12px}
.fn-main h3{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:22px;font-size:10.5px;font-weight:600}
.fn-liste{border:1px solid var(--line);background:var(--surface);border-radius:13px;margin-top:9px;overflow:hidden}
.fn-row+.fn-row{border-top:1px solid var(--line)}
.fn-row summary,.fn-flat{color:var(--ink);align-items:center;gap:11px;padding:11px 15px;font-size:14.5px;display:flex}
.fn-row summary{cursor:pointer;list-style:none}
.fn-row summary::-webkit-details-marker{display:none}
.fn-row summary:after{content:"";border-right:1.6px solid var(--ink-3);border-bottom:1.6px solid var(--ink-3);flex:none;width:7px;height:7px;margin-left:auto;transition:transform .2s;transform:rotate(45deg)translate(-2px,-2px)}
.fn-row[open] summary:after{transform:rotate(-135deg)translate(-2px,-2px)}
.fn-row summary:hover{background:var(--bg-soft)}
.sprite{width:0;height:0;position:absolute;overflow:hidden}
.i{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}
.fn-row summary .i,.fn-flat .i{color:var(--nx-action)}
.fn-kic{color:var(--nx-action)}
.tier-tag{font-family:var(--mono);color:var(--nx-action);background:var(--teal-soft);white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:500}
.fn-row .tier-tag{margin-left:4px}
.tier-note{color:var(--nx-stone);font-size:14px}
.tier-note .tier-tag{background:#1e2230;color:var(--nx-lavender);margin-right:6px}
.kern-mehr{color:var(--nx-lavender);margin:0 15px 14px 42px;font-size:14px;display:inline-block}
/* Der Kern: eigener Abschnitt im weißen Bereich, nur die Liste ist dunkel, mit Lichtschein aus den Ecken */
.fn-kernt{color:var(--ink-2);max-width:62ch;margin-top:14px;font-size:15.5px}
.fn-liste.kern-liste{background:radial-gradient(120% 160% at 0% 0%,#625bf640 0%,transparent 55%),radial-gradient(90% 140% at 100% 100%,#35c6d02e 0%,transparent 55%),#0c1115;border-color:#ffffff1a;box-shadow:0 24px 60px -30px #625bf680,inset 0 1px #ffffff14;margin-top:16px}
.kern-liste .fn-row+.fn-row{border-top-color:#ffffff14}
.kern-liste .fn-row summary{color:#fff;padding-block:13px}
.kern-liste .fn-row summary b{font-weight:600}
.kern-liste .fn-row summary:hover{background:#ffffff0d}
.kern-liste .fn-row summary:after{border-color:#d6e2ea80}
.kern-liste .fn-row summary .i{color:var(--nx-cyan)}
.kern-liste .fn-row p{color:#d6e2eab8}
.fn-row b{font-weight:500}
.fn-row p{color:var(--ink-2);max-width:78ch;padding:0 15px 14px 42px;font-size:14px;line-height:1.55}
@media (width<=900px){
.fn-wrap{grid-template-columns:minmax(0,1fr);gap:22px}
.fn-nav{border-bottom:1px solid var(--line);border-right:0;flex-wrap:wrap;gap:6px;padding-bottom:10px;padding-right:0;display:flex;position:static}
.fn-navt{width:100%;padding:0 0 4px}
.fn-nav a{background:var(--bg-soft);border-radius:999px;padding:6px 11px;font-size:13.5px}
.fn-nav a em{margin-left:6px}
}
@media (width<=520px){.fn-row p{padding-left:15px}}

/* Blog */
.posts{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}
.post-card{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:inherit;flex-direction:column;gap:10px;padding:22px 24px;transition:border-color .15s;display:flex}
.post-card:hover{border-color:var(--teal);text-decoration:none}
.post-card h3{font-size:19px}
.post-card p{color:var(--ink-2);font-size:15px}
.meta{font-family:var(--mono);color:var(--ink-3);flex-wrap:wrap;gap:6px 14px;font-size:12.5px;display:flex}
.meta .tag{color:var(--teal)}
.post-card .more{color:var(--teal);margin-top:auto;font-size:14.5px;font-weight:600}
.article{max-width:720px;padding-block:44px}
.article+.article{border-top:1px solid var(--line)}
.article h2{margin:10px 0 18px}
.article p{color:var(--ink-2);margin-top:14px;font-size:17px;line-height:1.65}
.article p.standfirst{color:var(--ink);font-size:19px;line-height:1.5}
.article .back{margin-top:22px;font-size:14.5px;display:inline-block}
.hero.dark.hd{--hd-bg:#080d13}

/* Dennis' Hero-Bild unten rechts: im Astro-Build trug der Selektor ein Scope-Attribut und schlug damit
   ".hero.dark .hero-art{position:relative}". Ohne Attribut braucht es die Spezifität hier. */
section.hero.dark>.hero-art{z-index:0;width:min(55vw,900px);max-width:none;margin:0;line-height:0;position:absolute;bottom:0;right:0}
section.hero.dark>.hero-art img{width:100%;height:auto;display:block}
@media (width<=900px){section.hero.dark>.hero-art{width:100%;margin-top:20px;position:static}}
.section.cta-sec{padding-top:0}
section.hero.dark .copy .lead{max-width:44ch}
section.hero.dark{background:#0c1115;min-height:clamp(560px,44vw,740px)}
section.hero.dark.hd{background:var(--hd-bg)}
section.hero.dark .inner{grid-template-columns:minmax(0,48%);align-items:start;padding-bottom:clamp(48px,7vw,110px)}
@media (width<=900px){section.hero.dark .inner{grid-template-columns:1fr;padding-bottom:0}}

/* Die Visuals haben einen eigenen, etwas helleren Grund. Ausblenden statt harter Bildkante. */
section.hero.dark>.hero-art img{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 18%),linear-gradient(to bottom,transparent 0,#000 14%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 18%),linear-gradient(to bottom,transparent 0,#000 14%);mask-composite:intersect}
.section.dark.bleed .art{inset:4% auto auto -4%}
.cta-band .art img{-webkit-mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.35) 30%,#000 65%),linear-gradient(to bottom,transparent 0,#000 25%,#000 80%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.35) 30%,#000 65%),linear-gradient(to bottom,transparent 0,#000 25%,#000 80%,transparent 100%);mask-composite:intersect}

/* Hero: Text endet mindestens 48px vor dem Bild. Das Bild ist 55vw breit (max. 900px) und sitzt rechtsbündig,
   also bleibt links davon 100vw minus Bildbreite; davon gehen der Seitenrand des .wrap und der Abstand ab. */
section.hero.dark .copy{max-width:calc(100vw - min(55vw,900px) - max(var(--gutter),(100vw - var(--wrap))/2 + var(--gutter)) - 48px)}
section.hero.dark .inner{grid-template-columns:minmax(0,1fr)}
@media (width<=900px){section.hero.dark .copy{max-width:none}}

/* Cookie-Banner */
.consent{z-index:50;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-panel);box-shadow:var(--shadow-lg);flex-direction:column;gap:10px;width:min(440px,calc(100vw - 32px));padding:20px 22px;display:flex;position:fixed;bottom:16px;left:16px}
.consent[hidden]{display:none}
.consent-title{font-weight:600}
.consent p{color:var(--ink-2);font-size:14.5px}
.consent .btn-row{justify-content:flex-end;margin-top:4px}
.consent .btn{padding:10px 16px;font-size:14px}
.ft-link{font:inherit;color:var(--nx-stone);cursor:pointer;text-align:left;background:0 0;border:0;padding:3px 0;display:block}
.ft-link:hover{color:#fff}
.ft-bottom a:hover{color:#fff}


/* Custom-Module: dunkles Panel wie Dennis' Seitenkopf, darunter seine "Zwei Wege" */
.custom-copy{flex-direction:column;gap:18px;display:flex}
.wege{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:16px;display:grid}
.weg{border:1px solid var(--line);background:#fff;border-radius:14px;align-content:start;gap:12px;padding:22px 24px;display:grid}
.weg .kopf{grid-template-columns:44px 1fr;align-items:center;gap:12px;display:grid}
.weg .ic{background:linear-gradient(135deg,#eeedff,#e6f8f9);border-radius:12px;place-items:center;width:44px;height:44px;display:grid}
.weg .ic .icon{stroke:url(#nx-ink);width:24px;height:24px}
.weg .h4{font-size:17px}
.weg .kurz{font-size:15.5px;font-weight:600}
.weg .text{color:var(--ink-2);font-size:14.5px}
.schritte{counter-reset:s;gap:8px;margin:4px 0 0;padding-left:0;list-style:none;display:grid}
.schritte li{color:var(--ink);padding-left:34px;font-size:14.5px;position:relative}
.schritte li:before{counter-increment:s;content:counter(s);background:var(--grad);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12.5px;font-weight:600;display:grid;position:absolute;top:0;left:0}

/* Eingebettete Visuals laufen von allen vier Kanten weich aus: zwei lineare Verläufe, die sich schneiden,
   statt eines runden Verlaufs, der wie eine Vignette wirkt. */
.kern-art img,.section.dark.bleed .art img,.custom-art img{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 14%,#000 86%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 14%,#000 86%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 14%,#000 86%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 14%,#000 86%,transparent 100%);mask-composite:intersect}
.custom-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:40px;display:grid}
.custom-art img{width:100%;height:auto;display:block}
@media (width<=900px){.custom-grid{grid-template-columns:1fr}}

/* Ohne Icon-Kacheln: Spalten mit feiner Linie oben statt Karten mit Symbol */
.grid.ruled .card{border-top:1px solid var(--line-2);border-radius:0;padding-top:18px}
.grid.ruled .card h3{font-size:17px}
.section.dark .guard .card{background:0 0;border:0;border-top:1px solid #2a3038;border-radius:0;padding:20px 0 0}
.guard .card h3{font-size:19px}
.ebene{border-left:1px solid #2a3038;grid-template-columns:1fr;gap:4px;padding-left:18px}
.weg h4{font-size:17px}

/* Logo im Hero, wandert beim Scrollen in den Kopf (src/site.js) */
.hero-logo{align-items:center;gap:16px;line-height:0;display:flex}
.hero-logo .signet{width:60px;height:auto}
.hero-logo .word{width:min(250px,60vw);height:auto}
.nv-nav .logo{transition:opacity .25s,transform .25s}
.has-hero-logo:not(.logo-docked) .nv-nav .logo{opacity:0;pointer-events:none;transform:translateY(-6px)}
@media (prefers-reduced-motion:reduce){.nv-nav .logo{transition:none}}

/* Signet ohne Glow: die neue Bilddatei hat keinen mehr, also auch kein drop-shadow aus Dennis' CSS */
.logo .signet,.hero-logo .signet{filter:none}