:root{
--np-black:#191919;
--np-blue:#9fc2ff;
--np-purple:#9c98ff;
--np-white:#ffffff;
--np-gradient:linear-gradient(135deg,#9fc2ff 0%,#9c98ff 100%);
--np-gradient-soft:linear-gradient(135deg,#eaf1ff 0%,#efeeff 100%);
--np-gradient-text:linear-gradient(120deg,#7da6f0 0%,#9c98ff 100%);
--np-ink:#191919;
--np-ink-80:rgba(25,25,25,.80);
--np-ink-65:rgba(25,25,25,.65);
--np-ink-45:rgba(25,25,25,.45);
--np-ink-25:rgba(25,25,25,.25);
--np-ink-12:rgba(25,25,25,.12);
--np-ink-08:rgba(25,25,25,.08);
--np-ink-06:rgba(25,25,25,.06);
--np-surface:#ffffff;
--np-surface-2:#f6f7fb;
--np-surface-3:#eef1f8;
--np-blue-tint:#eaf1ff;
--np-purple-tint:#efeeff;
--np-line:rgba(25,25,25,.10);
--np-wash:rgba(159,194,255,.045);
--np-on-dark-70:rgba(255,255,255,.70);
--np-on-dark-45:rgba(255,255,255,.45);
--np-on-dark-14:rgba(255,255,255,.14);
--np-on-dark-08:rgba(255,255,255,.08);
--np-font:'century-gothic','Century Gothic Pro','Century Gothic','Futura','Trebuchet MS',sans-serif;
--fs-display:clamp(2.5rem,7.6vw,6.5rem);
--fs-h1:clamp(2.1rem,4.6vw,3.25rem);
--fs-h2:clamp(2.05rem,4vw,3.05rem);
--fs-h3:1.5rem;
--fs-h4:1.25rem;
--fs-body-lg:1.125rem;
--fs-body:1rem;
--fs-small:.875rem;
--fs-caption:.75rem;
--tracking-tight:-.02em;
--tracking-wide:.14em;
--r-sm:8px;--r-md:14px;--r-lg:22px;--r-xl:32px;--r-pill:999px;
--sh-sm:0 1px 2px rgba(25,25,25,.06),0 1px 3px rgba(25,25,25,.05);
--sh-md:0 10px 30px -10px rgba(28,28,60,.16);
--sh-lg:0 28px 64px -22px rgba(50,50,110,.26);
--sh-glow:0 20px 55px -18px rgba(156,152,255,.55);
--ease-out:cubic-bezier(.22,.61,.36,1);
--ease-out-strong:cubic-bezier(.23,1,.32,1);
--ease-in-out:cubic-bezier(.77,0,.175,1);
--np-maxw:1200px;
--nav-h:72px;
--z-base:1;--z-sticky:100;--z-cursor:300;--z-overlay:450;--z-nav:500;--z-toast:600;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 12px);color-scheme:light;-webkit-text-size-adjust:100%}
body{
margin:0;font-family:var(--np-font);font-weight:500;
color:var(--np-ink);background:var(--np-white);
line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
overflow-x:hidden;
}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font-family:inherit}
::selection{background:var(--np-purple);color:#fff}
:focus-visible{outline:2px solid var(--np-purple);outline-offset:3px;border-radius:5px}
h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.08;letter-spacing:var(--tracking-tight);text-wrap:balance}
h1{letter-spacing:-.04em;line-height:.95}
h2{letter-spacing:-.03em;line-height:1.05}
p{margin:0;text-wrap:pretty}
.container{width:100%;max-width:var(--np-maxw);margin-inline:auto;padding-inline:clamp(20px,5vw,48px)}
.skip{position:absolute;left:16px;top:-60px;background:var(--np-black);color:#fff;padding:11px 18px;border-radius:10px;z-index:var(--z-toast);transition:top .2s var(--ease-out);font-weight:700;font-size:var(--fs-small)}
.skip:focus{top:16px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.overline{font-size:var(--fs-caption);letter-spacing:.2em;text-transform:uppercase;color:var(--np-ink-45);font-weight:700;display:inline-flex;align-items:center;gap:11px}
.overline .grad{background:var(--np-gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.grad-text{background:var(--np-gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:var(--fs-body-lg);line-height:1.6;color:var(--np-ink-80);max-width:62ch}
.muted{color:var(--np-ink-65);line-height:1.65}
section{padding-block:clamp(100px,12vw,160px);position:relative}
[id]{scroll-margin-top:calc(var(--nav-h) + 12px)}
.alt{background:var(--np-surface-2)}
.sec-head{max-width:720px}
.sec-head .overline{margin-bottom:18px}
.sec-head h2{font-size:var(--fs-h2);letter-spacing:-.03em;line-height:1.04;margin:0 0 18px}
.sec-head p{font-size:var(--fs-body-lg);color:var(--np-ink-65);line-height:1.6;max-width:54ch} .js .reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease-out-strong),transform .8s var(--ease-out-strong)}
.js .reveal.in{opacity:1;transform:none}
.js .reveal.scale{transform:translateY(28px) scale(.965)}
.js .reveal.scale.in{transform:none}
.js .reveal[data-d="1"]{transition-delay:.08s}
.js .reveal[data-d="2"]{transition-delay:.16s}
.js .reveal[data-d="3"]{transition-delay:.24s}
.js .reveal[data-d="4"]{transition-delay:.32s} .btn{
--bg:var(--np-black);--fg:#fff;--mx:0px;--my:0px;--s:1;
position:relative;overflow:hidden;isolation:isolate;
display:inline-flex;align-items:center;gap:9px;justify-content:center;
font-weight:700;font-size:var(--fs-small);letter-spacing:.01em;line-height:1;
padding:14px 24px;border-radius:var(--r-pill);border:1.5px solid transparent;
background:var(--bg);color:var(--fg);cursor:pointer;white-space:nowrap;
transform:translate(var(--mx),var(--my)) scale(var(--s));
transition:transform .3s var(--ease-out),box-shadow .28s var(--ease-out),background-color .25s var(--ease-out),border-color .25s var(--ease-out);
touch-action:manipulation;-webkit-tap-highlight-color:transparent;
}
.btn svg{width:17px;height:17px}
.btn:active{--s:.98}
.btn-gradient{background:var(--np-gradient);color:var(--np-black);box-shadow:var(--sh-glow)}
.btn-primary{background:var(--np-black);color:#fff;box-shadow:var(--sh-sm)}
.btn-secondary{background:transparent;color:var(--np-ink);border-color:var(--np-ink-25)}
.btn-ghost{background:transparent;color:var(--np-ink)}
.btn-lg{padding:17px 32px;font-size:var(--fs-body)}
.btn .arrow{transition:transform .25s var(--ease-out)}
.btn-gradient::before{content:"";position:absolute;left:50%;bottom:-50%;width:120%;aspect-ratio:1;z-index:-1;pointer-events:none;
transform:translateX(-50%) scale(.65);transform-origin:50% 50%;
background:radial-gradient(circle,rgba(255,255,255,.7),transparent 60%);opacity:0;
transition:opacity .45s var(--ease-out),transform .55s var(--ease-out)}
.btn-primary::before{content:"";position:absolute;top:-20%;left:-140%;width:55%;height:140%;z-index:-1;pointer-events:none;
transform:skewX(-16deg);background:linear-gradient(100deg,transparent,rgba(159,194,255,.5),rgba(156,152,255,.4),transparent);
transition:left .6s var(--ease-out)}
@media(hover:hover) and (pointer:fine){
.btn:hover{--my:-2px}
.btn-gradient:hover{box-shadow:0 24px 60px -16px rgba(156,152,255,.72)}
.btn-gradient:hover::before{opacity:1;transform:translateX(-50%) scale(1);animation:btnGlow 2.6s var(--ease-in-out) infinite}
.btn-primary:hover{box-shadow:var(--sh-md)}
.btn-primary:hover::before{left:150%}
.btn-secondary:hover{border-color:var(--np-ink);background:var(--np-ink-06)}
.btn-ghost:hover{background:var(--np-ink-06)}
.btn:hover .arrow{transform:translateX(3px)}
}
@keyframes btnGlow{0%,100%{opacity:.4}50%{opacity:.7}} .brand{display:inline-flex;align-items:center;gap:11px}
.brand-mark{width:32px;height:32px;flex:none}
.brand-word{font-size:1.3rem;font-weight:700;letter-spacing:-.03em;color:var(--np-ink)}
.brand-word.on-dark{color:#fff} .navbar{position:fixed;top:0;left:0;width:100%;z-index:var(--z-nav);display:flex;justify-content:center;
padding-top:clamp(12px,1.6vw,18px);pointer-events:none}
.nav-in{pointer-events:auto;display:flex;align-items:center;gap:clamp(8px,1.4vw,22px);height:auto;
padding:8px 8px 8px 20px;border-radius:var(--r-pill);max-width:calc(100vw - 24px);
background:rgba(255,255,255,.72);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);
border:1px solid rgba(25,25,25,.08);box-shadow:0 10px 30px -14px rgba(40,40,90,.22);
transition:box-shadow .3s var(--ease-out),background-color .3s var(--ease-out),border-color .3s var(--ease-out)}
.navbar.scrolled .nav-in{background:rgba(255,255,255,.85);box-shadow:0 16px 40px -14px rgba(40,40,90,.3)}
.nav-links{display:none;gap:2px;align-items:center}
.nav-links a{position:relative;font-size:var(--fs-small);font-weight:500;color:var(--np-ink-65);padding:9px 14px;transition:color .25s var(--ease-out),transform .2s var(--ease-out)}
.nav-links a::after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:2px;border-radius:2px;background:var(--np-gradient);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease-out)}
.nav-links a:active{transform:scale(.96)}
.nav-right{display:flex;align-items:center;gap:14px}
.lang{display:none;gap:6px;font-size:var(--fs-caption);font-weight:700;color:var(--np-ink-45);letter-spacing:.04em}
.lang button{border:0;background:none;cursor:pointer;color:inherit;font-weight:700;font-size:var(--fs-caption);padding:2px;transition:color .2s}
.lang button.on{color:var(--np-ink)}
.lang span{color:var(--np-ink-25)}
.nav-cta{display:none}
.burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;border:0;background:none;cursor:pointer;padding:10px}
.burger span{height:2px;width:100%;background:var(--np-ink);border-radius:2px;transition:transform .3s var(--ease-out),opacity .2s var(--ease-out)}
@media(hover:hover) and (pointer:fine){.nav-links a:hover{color:var(--np-ink)}.nav-links a:hover::after{transform:scaleX(1)}.lang button:hover{color:var(--np-ink)}}
.nav-links a.active{color:var(--np-ink)}
.nav-links a.active::after{transform:scaleX(1)}
.footer-social a:active,.person-links a:active,.cert:active,.contact-info a:active,.lang button:active,.faq-q:active{transform:scale(.98)}
.faq-q,.contact-info a,.person-links a,.lang button{transition:color .2s var(--ease-out),background-color .2s var(--ease-out),border-color .2s var(--ease-out),transform .2s var(--ease-out)}
@media(min-width:1024px){
.nav-links{display:flex}.lang{display:inline-flex}.nav-cta{display:inline-flex}.burger{display:none}
} .m-overlay{position:fixed;inset:0;z-index:var(--z-overlay);background:rgba(255,255,255,.98);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
display:flex;flex-direction:column;align-items:center;text-align:center;overflow-y:auto;
padding:calc(var(--nav-h) + 28px) clamp(20px,5vw,48px) 40px;
opacity:0;visibility:hidden;transition:opacity .3s var(--ease-out),visibility .3s}
.m-overlay.open{opacity:1;visibility:visible}
.m-overlay nav{display:flex;flex-direction:column;gap:6px;width:100%;max-width:440px;margin:auto 0;counter-reset:mnav}
.m-overlay nav a{counter-increment:mnav;position:relative;display:flex;align-items:center;justify-content:center;gap:14px;
font-size:clamp(1.7rem,7vw,2.35rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--np-ink);
padding:13px 18px;border-radius:var(--r-pill);
opacity:0;transform:translateY(16px);
transition:color .3s var(--ease-out),background-color .35s var(--ease-out)}
.m-overlay nav a::before{content:counter(mnav,decimal-leading-zero);font-size:.42em;font-weight:700;letter-spacing:0;
font-variant-numeric:tabular-nums;background:var(--np-gradient-text);-webkit-background-clip:text;background-clip:text;
color:transparent;opacity:.45;transition:opacity .3s var(--ease-out)}
.m-overlay.open nav a{animation:mItem .5s var(--ease-out-strong) forwards}
.m-overlay.open nav a:nth-child(1){animation-delay:.06s}
.m-overlay.open nav a:nth-child(2){animation-delay:.12s}
.m-overlay.open nav a:nth-child(3){animation-delay:.18s}
.m-overlay.open nav a:nth-child(4){animation-delay:.24s}
.m-overlay.open nav a:nth-child(5){animation-delay:.30s}
@keyframes mItem{to{opacity:1;transform:none}}
.m-overlay nav a:active{color:#5b57c9;background:var(--np-purple-tint)}
.m-overlay nav a:active::before{opacity:1}
.m-overlay nav a.active{color:#5b57c9;background:rgba(159,194,255,.10)}
.m-overlay nav a.active::before{opacity:1}
@media(hover:hover) and (pointer:fine){
.m-overlay nav a:hover{color:#5b57c9;background:var(--np-purple-tint)}
.m-overlay nav a:hover::before{opacity:1}
}
.m-overlay .m-foot{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:440px;padding-top:32px;border-top:1px solid var(--np-line)}
.m-overlay .m-foot .btn{width:100%}
.m-overlay .m-foot .lang{justify-content:center}
body.menu-open{overflow:hidden} .hero{min-height:100vh;min-height:100svh;display:flex;align-items:center;padding-top:clamp(112px,15vh,152px);padding-bottom:clamp(56px,8vw,88px);position:relative;overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;z-index:-2;left:50%;top:46%;transform:translate(-50%,-50%);width:min(92vw,1040px);height:min(70vw,780px);
background:radial-gradient(closest-side,rgba(156,152,255,.18),rgba(159,194,255,.07) 56%,transparent 72%);pointer-events:none}
.hero::after{content:"";position:absolute;inset:0;z-index:-3;pointer-events:none;
background:linear-gradient(rgba(25,25,25,.03) 1px,transparent 1px) 0 0/64px 64px,linear-gradient(90deg,rgba(25,25,25,.03) 1px,transparent 1px) 0 0/64px 64px;
-webkit-mask-image:radial-gradient(120% 110% at 50% 40%,#000,transparent 74%);mask-image:radial-gradient(120% 110% at 50% 40%,#000,transparent 74%)}
.hero-canvas{position:absolute;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none}
.hero-inner{max-width:1280px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;align-items:center}
.hero .overline{margin-bottom:26px;justify-content:center}
.hero h1{font-size:var(--fs-display);line-height:1;letter-spacing:-.035em;margin-bottom:26px}
.hero h1 .l2{display:block}
.hero .sub{font-size:clamp(1.1rem,2vw,1.35rem);font-weight:500;color:var(--np-ink-65);max-width:46ch;line-height:1.55;margin-bottom:36px}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:40px;justify-content:center}
.hero-trust{display:flex;flex-wrap:wrap;gap:14px 28px;justify-content:center}
.hero-trust span{display:inline-flex;align-items:center;gap:9px;font-size:var(--fs-small);font-weight:500;color:var(--np-ink-65)}
.hero-trust .ck{width:18px;height:18px;color:#5b57c9;flex:none}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.js .animate-in{opacity:0;animation:fadeUp .7s var(--ease-out-strong) forwards}
.js .hero .overline.animate-in{animation-delay:.1s}
.js .hero h1 .l1{display:block;opacity:0;animation:fadeUp .7s var(--ease-out-strong) .24s forwards}
.js .hero h1 .l2{opacity:0;animation:fadeUp .7s var(--ease-out-strong) .4s forwards}
.js .hero .sub.animate-in{animation-delay:.56s}
.js .hero-cta.animate-in{animation-delay:.72s}
.js .hero-trust.animate-in{animation-delay:.86s} #zahlen{background:var(--np-surface-2)}
.stats-bento-2x2{display:grid;grid-template-columns:1fr;gap:clamp(16px,2vw,22px);margin-top:clamp(40px,6vw,64px)}
@media(min-width:760px){.stats-bento-2x2{grid-template-columns:1fr 1fr}}
.stat-card{background:#fff;border:1px solid var(--np-line);border-radius:var(--r-lg);padding:clamp(28px,3.5vw,42px);
transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out),border-color .35s var(--ease-out)}
.stat-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.stat-val{font-size:clamp(2.8rem,5vw,4rem);font-weight:700;line-height:1;letter-spacing:-.03em;color:var(--np-ink);font-variant-numeric:tabular-nums;display:flex;align-items:baseline}
.stat-val .num{display:inline-block;transform-origin:50% 70%}
.stat-val .unit{font-size:.45em;background:var(--np-gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent;margin-left:2px}
.stat-icon{width:52px;height:52px;border-radius:14px;background:var(--np-surface-2);color:#5b57c9;display:grid;place-items:center;flex:none;transition:background .35s var(--ease-out),color .35s var(--ease-out)}
.stat-icon svg{width:25px;height:25px}
.stat-card .lbl{font-size:var(--fs-body);color:var(--np-ink-65);line-height:1.55;max-width:30ch}
@media(hover:hover) and (pointer:fine){
.stat-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px -24px rgba(80,80,160,.45);border-color:transparent;
background:linear-gradient(#fff,#fff) padding-box,var(--np-gradient) border-box}
.stat-card:hover .stat-icon{background:var(--np-gradient);color:var(--np-black)}
}
@keyframes numPop{0%{transform:scale(1)}45%{transform:scale(1.06)}100%{transform:scale(1)}}
.num.pop{animation:numPop .5s var(--ease-out)} .svc-layout{display:grid;gap:clamp(32px,5vw,56px);grid-template-columns:1fr}
@media(min-width:1024px){.svc-layout{grid-template-columns:.85fr 1.15fr;gap:64px}}
.svc-intro h2{font-size:var(--fs-h2);margin:16px 0 18px}
.svc-intro p{color:var(--np-ink-65);font-size:var(--fs-body-lg);line-height:1.6}
@media(min-width:1024px){.svc-intro{position:sticky;top:calc(var(--nav-h) + 40px);align-self:start}}
.svc-intro .svc-note{margin-top:24px;display:flex;align-items:center;gap:10px;font-size:var(--fs-small);color:var(--np-ink-45);font-weight:700}
.svc-list{display:flex;flex-direction:column}
.svc-row{position:relative;display:grid;grid-template-columns:auto 1fr;gap:clamp(18px,3vw,34px);align-items:start;
padding:clamp(24px,3.2vw,34px) 6px;border-top:1px solid var(--np-line)}
.svc-row:last-child{border-bottom:1px solid var(--np-line)}
.svc-row::before,.svc-row::after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--np-gradient);opacity:0;transition:opacity .4s var(--ease-out);pointer-events:none}
.svc-row::before{top:-1px}
.svc-row::after{bottom:-1px}
.svc-idx{font-size:clamp(2.2rem,4vw,3.2rem);font-weight:700;line-height:1;letter-spacing:-.03em;
font-variant-numeric:tabular-nums;color:var(--np-ink-12);min-width:clamp(50px,6vw,80px);
transition:color .4s var(--ease-out)}
.svc-main{min-width:0}
.svc-rowhead{display:flex;align-items:center;gap:16px;margin-bottom:10px}
.svc-chip{width:46px;height:46px;border-radius:13px;background:var(--np-gradient-soft);color:#5b57c9;display:grid;place-items:center;flex:none;transition:background .4s var(--ease-out),color .4s var(--ease-out),box-shadow .4s var(--ease-out)}
.svc-chip svg{width:23px;height:23px}
.svc-rowhead h3{font-size:clamp(1.45rem,2.4vw,1.95rem);letter-spacing:-.015em;line-height:1.1;transition:letter-spacing .4s var(--ease-out)}
.svc-ic{margin-left:auto;color:var(--np-ink-25);flex:none;transition:color .45s var(--ease-out),transform .45s var(--ease-out),filter .45s var(--ease-out)}
.svc-ic svg{width:26px;height:26px}
.svc-row p{color:var(--np-ink-65);font-size:var(--fs-body);line-height:1.6;max-width:54ch}
@media(hover:hover) and (pointer:fine){
.svc-row:hover::before,.svc-row:hover::after{opacity:1}
.svc-row:hover .svc-idx{color:transparent;background:var(--np-gradient-text);-webkit-background-clip:text;background-clip:text}
.svc-row:hover .svc-chip{background:var(--np-gradient);color:var(--np-black);box-shadow:0 10px 26px -8px rgba(156,152,255,.55)}
.svc-row:hover h3{letter-spacing:-.025em}
.svc-row:hover .svc-ic{color:#5b57c9;transform:rotate(-45deg);filter:drop-shadow(0 3px 10px rgba(156,152,255,.5))}
}
@media(max-width:560px){
.svc-row{gap:14px}
.svc-idx{min-width:0}
.svc-chip{width:40px;height:40px;border-radius:11px}
.svc-chip svg{width:20px;height:20px}
.svc-ic{display:none}
.svc-rowhead{gap:12px}
.svc-rowhead h3{font-size:1.3rem;hyphens:auto;-webkit-hyphens:auto}
} .marquee-sec{background:linear-gradient(135deg,#eaf1ff 0%,#efeeff 100%);padding-block:clamp(56px,7vw,84px)}
.marquee-head{text-align:center;margin-bottom:clamp(32px,4vw,46px)}
.cert-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(24px,4.5vw,64px)}
.cert{display:inline-flex;align-items:center;gap:11px;font-weight:700;font-size:var(--fs-body);letter-spacing:.01em;color:var(--np-ink);white-space:nowrap;
opacity:.35;filter:grayscale(1);transition:opacity .45s var(--ease-out),filter .45s var(--ease-out),transform .2s var(--ease-out)}
.cert .cdot{width:9px;height:9px;border-radius:50%;background:var(--np-gradient);flex:none}
@media(hover:hover) and (pointer:fine){.cert:hover{opacity:1;filter:grayscale(0)}} .case-grid-3way{display:grid;gap:clamp(16px,2vw,22px);grid-template-columns:1fr;margin-top:clamp(36px,5vw,56px)}
@media(min-width:760px){.case-grid-3way{grid-template-columns:repeat(3,1fr)}}
.case{position:relative;background:#fff;border:1px solid var(--np-line);border-radius:var(--r-lg);padding:clamp(28px,3vw,38px);overflow:hidden;
display:flex;flex-direction:column;
transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out),border-color .3s var(--ease-out)}
.benefit-tag{align-self:flex-start;font-size:var(--fs-caption);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#5b57c9;background:var(--np-purple-tint);padding:7px 14px;border-radius:var(--r-pill);margin-bottom:clamp(22px,3vw,30px)}
.case-hero{font-size:clamp(1.9rem,3.2vw,2.5rem);font-weight:700;line-height:1.04;letter-spacing:-.03em;
background:var(--np-gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent;
margin-bottom:clamp(22px,3vw,30px);font-variant-numeric:tabular-nums;text-wrap:balance}
.case .rule{height:1px;background:var(--np-line);margin-bottom:20px}
.case h3{font-size:1.25rem;margin:0 0 18px;letter-spacing:-.01em}
.case dl{margin:0;display:grid;gap:15px}
.case dt{font-size:var(--fs-caption);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--np-ink-45);margin-bottom:4px}
.case dd{margin:0;font-size:var(--fs-small);color:var(--np-ink-80);line-height:1.55}
@media(hover:hover) and (pointer:fine){
.case:hover{transform:translateY(-6px);box-shadow:var(--sh-lg);border-color:transparent;
background:linear-gradient(#fff,#fff) padding-box,var(--np-gradient) border-box}
} .timeline{margin-top:clamp(36px,5vw,56px);position:relative;max-width:540px;margin-inline:auto}
.tl-track{position:absolute;left:27px;top:30px;bottom:30px;width:2px;background:var(--np-ink-08);overflow:hidden;z-index:0}
.tl-track::after{content:"";position:absolute;inset:0;background:var(--np-gradient);transform:scaleY(0);transform-origin:top;transition:transform 1.6s var(--ease-out)}
.timeline.in .tl-track::after{transform:scaleY(1)}
.tl-steps{display:flex;flex-direction:column;gap:clamp(24px,3.5vw,38px)}
.tl-step{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;transition:opacity .5s var(--ease-out)}
.timeline.focus .tl-step{opacity:.3}
.timeline.focus .tl-step.active{opacity:1}
.tl-node{position:relative;z-index:2;width:56px;height:56px;border-radius:50%;flex:none;display:grid;place-items:center;
background:#fff;border:2px solid var(--np-ink-08);color:var(--np-ink-25);font-weight:700;font-size:1.05rem;font-variant-numeric:tabular-nums;
transition:background .5s var(--ease-out),border-color .5s var(--ease-out),color .5s var(--ease-out),box-shadow .5s var(--ease-out)}
.timeline.in .tl-node{background:var(--np-gradient);border-color:transparent;color:var(--np-black);box-shadow:0 8px 26px -10px rgba(156,152,255,.6)}
.tl-step.active .tl-node{box-shadow:0 14px 44px -8px rgba(156,152,255,.9)}
.tl-step h3{font-size:clamp(1.15rem,1.8vw,1.45rem);font-weight:700;margin-bottom:5px;letter-spacing:-.015em}
.tl-step p{font-size:var(--fs-body);color:var(--np-ink-65);line-height:1.5;max-width:46ch}
.tl-kicker{font-size:clamp(1.1rem,2vw,1.4rem);font-weight:500;color:var(--np-ink-45);margin-bottom:clamp(32px,5vw,48px);text-align:center}
.tl-kicker span{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:700;background:var(--np-gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent;margin-right:8px;line-height:1;vertical-align:middle} .faq-list{max-width:780px;margin:clamp(36px,5vw,52px) auto 0;display:flex;flex-direction:column;gap:8px}
.faq-item{border:1px solid var(--np-line);border-radius:var(--r-md);background:#fff;transition:background .3s var(--ease-out),border-color .3s var(--ease-out)}
.faq-item.open{background:rgba(159,194,255,.08);border-color:rgba(156,152,255,.35)}
.faq-q{display:flex;align-items:center;gap:18px;width:100%;border:0;background:none;cursor:pointer;text-align:left;padding:26px 28px;color:var(--np-ink)}
.faq-q .faq-num{font-size:var(--fs-caption);font-weight:700;letter-spacing:.06em;font-variant-numeric:tabular-nums;background:var(--np-gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent;flex:none;min-width:24px}
.faq-q .faq-txt{flex:1;font-size:var(--fs-body-lg);font-weight:700;letter-spacing:-.01em;line-height:1.35}
.faq-q .faq-ic{flex:none;width:22px;height:22px;position:relative;transition:transform .35s var(--ease-out)}
.faq-q .faq-ic::before,.faq-q .faq-ic::after{content:"";position:absolute;left:50%;top:50%;background:var(--np-ink-45);border-radius:2px;transition:background .3s,opacity .3s}
.faq-q .faq-ic::before{width:14px;height:2px;transform:translate(-50%,-50%)}
.faq-q .faq-ic::after{width:2px;height:14px;transform:translate(-50%,-50%)}
.faq-item.open .faq-ic{transform:rotate(135deg)}
.faq-item.open .faq-ic::before,.faq-item.open .faq-ic::after{background:var(--np-purple)}
.faq-a{overflow:hidden;max-height:0;transition:max-height .4s cubic-bezier(.4,0,.2,1)}
.faq-a-inner{padding:0 28px 28px 70px;color:var(--np-ink-65);font-size:var(--fs-body);line-height:1.7} .about-layout{display:grid;gap:clamp(36px,5vw,56px);grid-template-columns:1fr}
@media(min-width:1024px){.about-layout{grid-template-columns:1fr 1fr;gap:64px;align-items:start}}
.about-left h2{font-size:var(--fs-h2);margin:16px 0 20px;max-width:16ch}
.about-left p.mission{font-size:var(--fs-body-lg);color:var(--np-ink-65);line-height:1.65;margin-bottom:32px;max-width:48ch}
#ueber-uns{background:linear-gradient(180deg,#ffffff 0%,#f0f2ff 100%)}
.values{display:flex;flex-direction:column;gap:18px}
.value{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start}
.v-icon{width:48px;height:48px;border-radius:13px;background:var(--np-gradient-soft);color:#5b57c9;display:grid;place-items:center;flex:none}
.v-icon svg{width:24px;height:24px}
.value h3{font-size:1.1rem;margin-bottom:4px}
.value p{font-size:var(--fs-small);color:var(--np-ink-65);line-height:1.55}
.people{display:grid;gap:20px;grid-template-columns:1fr}
@media(min-width:520px){.people{grid-template-columns:1fr 1fr}}
.person{background:#fff;border:1px solid var(--np-line);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column}
.person-photo{position:relative;aspect-ratio:4/5;background:var(--np-black);overflow:hidden;border-radius:var(--r-md) var(--r-md) 0 0}
.person-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 24%;filter:grayscale(1) contrast(1.04);transition:filter .6s var(--ease-out),transform .6s var(--ease-out)}
@media(hover:hover) and (pointer:fine){
.person:hover .person-photo img{transform:scale(1.04);filter:grayscale(0) contrast(1)}
}
.person-body{padding:22px 22px 24px}
.person-body .p-name{font-size:1.2rem;font-weight:700;letter-spacing:-.01em}
.person-body .p-role{font-size:var(--fs-small);color:var(--np-ink-45);font-weight:700;margin-top:3px}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 18px}
.tag{font-size:var(--fs-caption);font-weight:700;letter-spacing:.02em;padding:6px 12px;border-radius:var(--r-pill);background:var(--np-surface-2);color:var(--np-ink-65);border:1px solid var(--np-line)}
.js .person.in .tag{animation:tagPop .4s var(--ease-out-strong) calc(var(--i,0) * 70ms) both}
@keyframes tagPop{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}
.person-links{display:flex;gap:10px}
.person-links a{width:38px;height:38px;border-radius:var(--r-sm);border:1px solid var(--np-line);display:grid;place-items:center;color:var(--np-ink-65);transition:color .2s,border-color .2s,background-color .2s}
.person-links a svg{width:18px;height:18px}
@media(hover:hover) and (pointer:fine){.person-links a:hover{color:#5b57c9;border-color:rgba(156,152,255,.5);background:var(--np-purple-tint)}} .contact{background:linear-gradient(135deg,rgba(159,194,255,.1) 0%,rgba(156,152,255,.08) 100%)}
.contact-layout{display:grid;gap:clamp(36px,5vw,56px);grid-template-columns:1fr}
@media(min-width:920px){.contact-layout{grid-template-columns:1fr 1fr;gap:56px;align-items:start}}
.contact-left h2{font-size:var(--fs-h2);margin:16px 0 24px;max-width:16ch}
.contact-bullets{display:flex;flex-direction:column;gap:14px;margin:0 0 32px;padding:0;list-style:none}
.contact-bullets li{display:flex;align-items:flex-start;gap:12px;font-size:var(--fs-body);color:var(--np-ink-80);line-height:1.5}
.contact-bullets .ck{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--np-gradient-soft);color:#5b57c9;flex:none;margin-top:1px}
.contact-bullets .ck svg{width:13px;height:13px}
.contact-info{display:flex;flex-direction:column;gap:14px;padding-top:28px;border-top:1px solid var(--np-line)}
.contact-info a{display:inline-flex;align-items:center;gap:12px;font-size:var(--fs-body);font-weight:500;color:var(--np-ink-80);transition:color .2s}
.contact-info a .ci{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r-sm);background:#fff;border:1px solid var(--np-line);color:#5b57c9;flex:none}
.contact-info a .ci svg{width:18px;height:18px}
@media(hover:hover) and (pointer:fine){.contact-info a:hover{color:var(--np-ink)}}
.contact-card{border:1px solid var(--np-line);border-left:3px solid transparent;border-radius:var(--r-lg);padding:clamp(26px,4vw,38px);box-shadow:0 20px 60px -20px rgba(156,152,255,.25);background:linear-gradient(#fff,#fff) padding-box,linear-gradient(180deg,#9fc2ff,#9c98ff) border-box}
.form-row{margin-bottom:16px}
.form-row label{display:block;font-size:var(--fs-small);font-weight:700;margin-bottom:8px;color:var(--np-ink-80)}
.form-row .req{color:#9c98ff}
input,select,textarea{width:100%;font-family:inherit;font-weight:500;font-size:1rem;padding:14px 16px;
border:1px solid var(--np-ink-12);border-radius:var(--r-sm);background:transparent;color:var(--np-ink);
transition:border-color .25s var(--ease-out),box-shadow .25s var(--ease-out)}
textarea{resize:vertical;min-height:108px;line-height:1.55}
select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23191919' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:44px;cursor:pointer}
input::placeholder,textarea::placeholder{color:var(--np-ink-45)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--np-purple);box-shadow:0 10px 30px rgba(156,152,255,.06),0 0 0 3px rgba(156,152,255,.10)}
.form-row.invalid input,.form-row.invalid textarea{border-color:#e05a6a;background:#fdf3f4}
.form-err{display:none;font-size:var(--fs-caption);font-weight:700;color:#c23b4c;margin-top:7px}
.form-row.invalid .form-err{display:block} .form-check-row{margin-top:2px}
.form-check-row .check{display:flex;align-items:center;gap:12px;margin:0;cursor:pointer;user-select:none}
.check input{position:absolute;width:1px;height:1px;padding:0;margin:0;border:0;opacity:0;clip:rect(0 0 0 0);overflow:hidden}
.check-box{width:22px;height:22px;flex:none;display:grid;place-items:center;color:var(--np-black);
border:1px solid var(--np-ink-12);border-radius:7px;background:transparent;
transition:background .2s var(--ease-out),border-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}
.check-box svg{width:13px;height:13px;opacity:0;transform:scale(.5);transition:opacity .2s var(--ease-out),transform .25s var(--ease-out-strong)}
.check-text{font-size:var(--fs-small);font-weight:700;color:var(--np-ink-80)}
.check input:checked + .check-box{background:var(--np-gradient);border-color:transparent}
.check input:checked + .check-box svg{opacity:1;transform:none}
.check input:focus-visible + .check-box{border-color:var(--np-purple);box-shadow:0 0 0 3px rgba(156,152,255,.25)}
@media(hover:hover) and (pointer:fine){.check:hover .check-box{border-color:var(--np-ink-25)}} .form-callback-time{opacity:0;transform:translateY(-6px);transition:opacity .3s var(--ease-out),transform .3s var(--ease-out)}
.form-callback-time.open{opacity:1;transform:none}
.form-actions{margin-top:8px}
.form-actions .btn{width:100%}
.form-alt{margin-top:18px;text-align:center;font-size:var(--fs-small);color:var(--np-ink-65)}
.form-alt a{font-weight:700;color:#5b57c9;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.form-alt .sep{display:block;margin-top:8px;color:var(--np-ink-45)}
.form-success{display:none;text-align:center;padding:24px 8px}
.form-success.show{display:block;animation:fadeUp .5s var(--ease-out-strong)}
.form-success .succ-ic{width:60px;height:60px;border-radius:50%;background:var(--np-gradient);display:grid;place-items:center;margin:0 auto 20px;color:var(--np-black);box-shadow:var(--sh-glow)}
.form-success .succ-ic svg{width:28px;height:28px}
.form-success h3{font-size:1.4rem;margin-bottom:10px}
.form-success p{color:var(--np-ink-65);font-size:var(--fs-body);max-width:36ch;margin:0 auto}
.contact-form.hide{display:none} .footer{background:var(--np-black);color:#fff;border-top:2px solid transparent;
background:linear-gradient(var(--np-black),var(--np-black)) padding-box,var(--np-gradient) border-box;
padding-block:clamp(56px,8vw,84px)}
.footer-top{display:grid;gap:40px;grid-template-columns:1fr;margin-bottom:48px}
@media(min-width:760px){.footer-top{grid-template-columns:1.6fr 1fr 1fr}}
.footer-brand .brand-word{font-size:1.5rem}
.footer-brand .brand-mark{width:38px;height:38px}
.footer-tagline{margin-top:18px;color:var(--np-on-dark-45);font-size:var(--fs-body);line-height:1.5}
.footer-tagline br{display:block}
.footer-col h4{font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.1em;color:var(--np-on-dark-45);margin-bottom:18px;font-weight:700}
.footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.footer-col a{color:var(--np-on-dark-70);font-size:var(--fs-small);font-weight:500;transition:color .2s}
@media(hover:hover) and (pointer:fine){.footer-col a:hover{color:#fff}}
.footer-social{display:flex;gap:12px}
.footer-social a{width:42px;height:42px;border-radius:var(--r-sm);border:1px solid var(--np-on-dark-14);display:grid;place-items:center;color:#fff;transition:background-color .25s var(--ease-out),border-color .25s var(--ease-out),transform .2s var(--ease-out)}
.footer-social a svg{width:19px;height:19px}
@media(hover:hover) and (pointer:fine){.footer-social a:hover{background:var(--np-on-dark-08);border-color:var(--np-on-dark-45);transform:translateY(-2px)}}
.footer-bottom{display:flex;flex-wrap:wrap;gap:14px 22px;justify-content:space-between;align-items:center;padding-top:32px;border-top:1px solid var(--np-on-dark-14)}
.footer-bottom .copy{font-size:13px;color:var(--np-on-dark-45)}
.footer-bottom .legal{display:flex;gap:22px;flex-wrap:wrap}
.footer-bottom .legal a{font-size:13px;color:var(--np-on-dark-45);transition:color .2s}
@media(hover:hover) and (pointer:fine){.footer-bottom .legal a:hover{color:#fff}} .cursor-dot{position:fixed;top:0;left:0;width:9px;height:9px;border-radius:50%;background:var(--np-gradient);
pointer-events:none;z-index:var(--z-cursor);opacity:0;transform:translate(-50%,-50%);transition:opacity .3s var(--ease-out),width .2s var(--ease-out),height .2s var(--ease-out);will-change:transform;mix-blend-mode:multiply}
.cursor-dot.show{opacity:.85}
.cursor-dot.big{width:34px;height:34px;opacity:.25} #preloader{position:fixed;inset:0;background:#191919;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(20px,3vw,28px);transition:opacity .6s var(--ease-out),visibility .6s}
#preloader.loaded{opacity:0;visibility:hidden}
.preloader-liquid{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;will-change:transform}
.preloader-liquid #liquid-group{will-change:transform}
.preloader-liquid .liquid-waves{animation:liquidBob 3.2s ease-in-out infinite}
.preloader-liquid .wave{fill:#fff}
.preloader-liquid .wave-front{animation:waveScrollFront 4.5s linear infinite}
.preloader-liquid .wave-back{opacity:.5;animation:waveScrollBack 7s linear infinite}
@keyframes waveScrollFront{from{transform:translateX(0)}to{transform:translateX(-400px)}}
@keyframes waveScrollBack{from{transform:translateX(0)}to{transform:translateX(400px)}}
@keyframes liquidBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.preloader-wrap{display:flex;flex-direction:column;align-items:center;gap:clamp(20px,3vw,28px)}
.preloader-logo{width:clamp(160px,22vw,220px);height:clamp(160px,22vw,220px);animation:preloaderBuild .7s var(--ease-out-strong) both,preloaderPulse 2s ease-in-out .7s infinite}
.preloader-bottom{display:flex;flex-direction:column;align-items:center;gap:10px}
.preloader-pct{font-family:var(--np-font);font-size:clamp(12px,1.6vw,15px);font-weight:500;letter-spacing:.12em;color:#fff;mix-blend-mode:difference;user-select:none}
.preloader-bar-track{position:relative;width:clamp(100px,14vw,150px);height:4px;border-radius:2px;overflow:hidden;background:transparent} .preloader-bar-track::before{content:"";position:absolute;inset:0;background:#fff;opacity:.6;mix-blend-mode:difference;border-radius:2px}
.preloader-bar-fill{position:relative;z-index:1;height:100%;width:0%;background:linear-gradient(90deg,#5b6bff,#8a5cff);border-radius:2px}
@keyframes preloaderBuild{from{transform:scale(.6);opacity:0;filter:drop-shadow(0 0 0 rgba(156,152,255,0))}to{transform:scale(1);opacity:1;filter:drop-shadow(0 30px 80px rgba(156,152,255,.65))}}
@keyframes preloaderPulse{0%,100%{transform:scale(1);filter:drop-shadow(0 25px 70px rgba(156,152,255,.5))}50%{transform:scale(1.25);filter:drop-shadow(0 55px 120px rgba(156,152,255,.95))}}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation-duration:.001ms;animation-iteration-count:1;transition-duration:.001ms}
.js .reveal{opacity:1;transform:none}
.js .animate-in,.js .hero h1 .l1,.js .hero h1 .l2{opacity:1;animation:none}
.js .reveal.scale{transform:none}
.tl-track::after{transform:scaleY(1)}
#preloader{animation:none}
.preloader-liquid{display:none}
.preloader-logo{animation:none;opacity:1;transform:none;filter:drop-shadow(0 25px 70px rgba(156,152,255,.5))}
.cursor-dot{display:none}
.sticky-contact{display:none}
.bg-logo-blur{animation:none}
}  .bg-logo-blur{position:absolute;top:50%;right:clamp(-160px,-6vw,-70px);
width:clamp(320px,38vw,560px);height:clamp(320px,38vw,560px);transform:translateY(-50%);
opacity:.05;filter:blur(6px);pointer-events:none;z-index:0;
animation:bgLogoPulse 8s var(--ease-in-out) infinite}
@keyframes bgLogoPulse{0%,100%{opacity:.04;transform:translateY(-50%) scale(1)}50%{opacity:.09;transform:translateY(-50%) scale(1.05)}}
#leistungen .svc-layout{position:relative;z-index:1} .stat-card,.case{--mouse-x:50%;--mouse-y:50%}
.stat-card{position:relative;overflow:hidden}
.stat-card::after,.case::after{content:"";position:absolute;inset:0;border-radius:inherit;
z-index:0;pointer-events:none;opacity:0;transition:opacity .4s var(--ease-out);
background:radial-gradient(240px circle at var(--mouse-x) var(--mouse-y),rgba(156,152,255,.14),transparent 62%)}
@media(hover:hover) and (pointer:fine){.stat-card:hover::after,.case:hover::after{opacity:1}} .sticky-contact{position:fixed;right:clamp(16px,3vw,28px);bottom:clamp(16px,3vw,28px);z-index:var(--z-sticky);
opacity:0;visibility:hidden;transform:translateY(16px) scale(.92);
transition:opacity .4s var(--ease-out),transform .45s var(--ease-out-strong),visibility .4s}
.sticky-contact.visible{opacity:1;visibility:visible;transform:none}
.sticky-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:var(--r-pill);
background:var(--np-gradient);color:var(--np-black);font-weight:700;font-size:var(--fs-small);line-height:1;
box-shadow:var(--sh-glow);transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out)}
.sticky-btn svg{width:18px;height:18px}
@media(hover:hover) and (pointer:fine){.sticky-btn:hover{transform:translateY(-2px);box-shadow:0 24px 60px -16px rgba(156,152,255,.72)}}
@media(max-width:560px){.sticky-btn span{display:none}.sticky-btn{padding:14px}} @media(max-width:760px){ .sec-head{max-width:none;text-align:center}
.sec-head .overline{justify-content:center}
.sec-head p{margin-inline:auto} .svc-intro{text-align:center}
.svc-intro .overline{justify-content:center}
.svc-intro p{margin-inline:auto}
.svc-note{justify-content:center} #leistungen{overflow-x:clip} .about-left{text-align:center}
.about-left .overline{justify-content:center}
.about-left h2{max-width:none;margin-inline:auto}
.about-left p.mission{margin-inline:auto}
.value{grid-template-columns:1fr;justify-items:center;text-align:center;gap:12px} .contact-left{text-align:center}
.contact-left .overline{justify-content:center}
.contact-left h2{max-width:none;margin-inline:auto}
.contact-bullets li{justify-content:center;text-align:left}
.contact-info{align-items:center} .footer-top{text-align:center}
.footer-brand .brand{justify-content:center}
.footer-social{justify-content:center}
.footer-bottom{justify-content:center;text-align:center}
} .legal-hero{padding-top:calc(var(--nav-h) + clamp(56px,10vw,104px));padding-bottom:clamp(20px,4vw,40px)}
.legal-hero .overline{margin-bottom:16px}
.legal-hero h1{font-size:var(--fs-h1);letter-spacing:-.03em}
.legal-hero .lead{margin-top:18px}
.legal{padding-block:clamp(32px,5vw,56px) clamp(80px,12vw,140px)}
.legal-body{max-width:760px}
.legal-body h2{font-size:1.5rem;letter-spacing:-.02em;line-height:1.15;margin:44px 0 14px}
.legal-body h2:first-of-type{margin-top:0}
.legal-body h3{font-size:1.15rem;margin:26px 0 8px}
.legal-body p,.legal-body li{color:var(--np-ink-80);line-height:1.75;font-size:var(--fs-body)}
.legal-body p{margin:0 0 14px;max-width:72ch}
.legal-body ul{margin:0 0 16px;padding-left:22px;display:flex;flex-direction:column;gap:6px}
.legal-body address.addr{font-style:normal;line-height:1.75;color:var(--np-ink-80);margin:0 0 14px}
.legal-body a{color:#5b57c9;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;font-weight:500;word-break:break-word}
@media(hover:hover) and (pointer:fine){.legal-body a:hover{color:var(--np-purple)}}
.legal-meta{margin-top:40px;font-size:var(--fs-small);color:var(--np-ink-45)}
.legal-back{display:inline-flex;align-items:center;gap:8px;margin-top:36px;font-weight:700;font-size:var(--fs-small);color:#5b57c9;text-decoration:none}
.legal-back svg{width:16px;height:16px;transition:transform .25s var(--ease-out)}
@media(hover:hover) and (pointer:fine){.legal-back:hover svg{transform:translateX(-3px)}} .legal-body img{height:auto;border-radius:var(--r-md);margin:8px 0 18px}
.legal-body blockquote{margin:0 0 16px;padding-left:18px;border-left:3px solid var(--np-purple);color:var(--np-ink-65)}
.legal-body ol{margin:0 0 16px;padding-left:22px;display:flex;flex-direction:column;gap:6px} .np-defs{position:absolute;width:0;height:0;overflow:hidden}
.overline.is-center{justify-content:center}
.sec-head.is-center{margin-inline:auto;text-align:center;max-width:680px}
.sec-head.is-center p{margin-inline:auto}
.faq-item h3{margin:0}
.m-overlay .m-foot .lang{display:inline-flex}
.person--ajet .person-photo img{object-position:50% 26%}
.person--noel .person-photo img{object-position:50% 22%}
.tags .tag:nth-child(1){--i:0}
.tags .tag:nth-child(2){--i:1}
.tags .tag:nth-child(3){--i:2} .admin-bar .navbar{top:32px}
@media(max-width:782px){.admin-bar .navbar{top:46px}}