:root{--bg:#07090b;--bg-elevated:#0d1215;--teal:#2a9fb1;--teal-soft:#2a9fb12e;--teal-glow:#2a9fb159;--text:#f2f5f6;--text-muted:#9aa7ad;--line:#f2f5f61a;--font-display:"Space Grotesk", sans-serif;--font-body:"Sora", sans-serif;--nav-h:4.25rem;--max:68rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-weight:400;line-height:1.6}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 50% at 15% -10%, var(--teal-soft), transparent 55%), radial-gradient(ellipse 60% 40% at 90% 20%, #2a9fb114, transparent 50%), radial-gradient(ellipse 50% 30% at 50% 100%, #2a9fb10f, transparent 55%), linear-gradient(180deg, #050708 0%, var(--bg) 40%, #060a0c 100%);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#root,.app-shell{z-index:1;position:relative}.app-shell{flex-direction:column;min-height:100vh;display:flex}a{color:var(--teal);text-decoration:none;transition:color .2s,opacity .2s}a:hover{color:#5bc0cf}img{max-width:100%;height:auto;display:block}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.28;overflow:visible}p{margin:0}.site-nav{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#07090bb8;position:sticky;top:0}.site-nav__inner{max-width:var(--max);min-height:var(--nav-h);align-items:center;gap:1.25rem;margin:0 auto;padding:.85rem 1.5rem;display:flex}.site-nav__brand{flex-shrink:0;align-items:center;gap:.65rem;display:flex}.site-nav__icon{border-radius:.55rem}.site-nav__wordmark{width:auto;height:1.55rem}.site-nav__links{align-items:center;gap:1.35rem;margin-left:auto;display:none}.site-nav__links a{color:var(--text-muted);font-size:.88rem;font-weight:500}.site-nav__links a:hover{color:var(--text)}.site-nav__actions{align-items:center;gap:.65rem;margin-left:auto;display:flex}.site-nav__burger{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:.4rem;flex-direction:column;justify-content:center;gap:5px;width:2.5rem;height:2.5rem;padding:.55rem;display:inline-flex}.site-nav__burger span{background:var(--text);transform-origin:50%;border-radius:1px;width:100%;height:2px;transition:transform .25s,opacity .2s;display:block}.site-nav__burger.is-open span:first-child{transform:translateY(7px)rotate(45deg)}.site-nav__burger.is-open span:nth-child(2){opacity:0}.site-nav__burger.is-open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.site-nav__backdrop{inset:var(--nav-h) 0 0;opacity:0;pointer-events:none;z-index:35;background:#00000073;transition:opacity .25s;position:fixed}.site-nav__backdrop.is-open{opacity:1;pointer-events:auto}.site-nav__drawer{top:var(--nav-h);z-index:36;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;pointer-events:none;background:#07090bf5;flex-direction:column;gap:.15rem;padding:1rem 1.5rem 1.5rem;transition:opacity .25s,transform .25s;display:flex;position:fixed;left:0;right:0;transform:translateY(-.5rem)}.site-nav__drawer.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.site-nav__drawer a{color:var(--text);border-bottom:1px solid var(--line);padding:.85rem 0;font-size:1.05rem;font-weight:500}.site-nav__drawer a:last-child{border-bottom:0}.site-nav__drawer a:hover{color:var(--teal)}.lang-toggle{border:1px solid var(--line);border-radius:.4rem;display:inline-flex;overflow:hidden}.lang-toggle button{appearance:none;color:var(--text-muted);font-family:var(--font-body);letter-spacing:.04em;cursor:pointer;background:0 0;border:0;padding:.4rem .65rem;font-size:.75rem;font-weight:600;transition:background .2s,color .2s}.lang-toggle button.is-active{background:var(--teal-soft);color:var(--text)}.lang-toggle button:hover:not(.is-active){color:var(--text)}.hero{min-height:calc(100vh - var(--nav-h));align-items:center;padding:3.5rem 1.5rem 4.5rem;display:flex;position:relative;overflow:visible}.hero__atmosphere{background:radial-gradient(ellipse 55% 45% at 50% 35%, var(--teal-glow), transparent 70%), linear-gradient(180deg, transparent 60%, var(--bg) 100%);opacity:.55;pointer-events:none;animation:10s ease-in-out infinite alternate heroPulse;position:absolute;inset:0;overflow:hidden}@keyframes heroPulse{0%{opacity:.4;transform:scale(1)}to{opacity:.65;transform:scale(1.04)}}.hero__inner{text-align:center;max-width:40rem;margin:0 auto;animation:.9s cubic-bezier(.22,1,.36,1) both heroReveal;position:relative}@keyframes heroReveal{0%{opacity:0}to{opacity:1}}.hero__brand{justify-content:center;align-items:center;gap:clamp(.75rem,2vw,1.15rem);width:min(100%,26rem);margin:0 auto 2rem;animation:.9s cubic-bezier(.22,1,.36,1) both heroRise;display:flex}@keyframes heroRise{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.hero__brand-icon{filter:drop-shadow(0 10px 28px #00000059);border-radius:.85rem;flex-shrink:0;width:clamp(3.25rem,9vw,4.5rem);height:auto}.hero__brand-wordmark{filter:drop-shadow(0 10px 28px #00000059);width:min(100%,18rem);height:auto}.hero__headline{color:var(--text);margin-bottom:1rem;font-size:clamp(1.65rem,4.2vw,2.55rem);line-height:1.4;overflow:visible}.hero__sub{color:var(--text-muted);max-width:34rem;margin:0 auto 1.85rem;font-size:clamp(.95rem,2vw,1.08rem)}.hero__cta{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.btn{font-family:var(--font-body);cursor:pointer;border:1px solid #0000;border-radius:.45rem;justify-content:center;align-items:center;padding:.78rem 1.35rem;font-size:.92rem;font-weight:600;transition:transform .2s,background .2s,border-color .2s,color .2s,box-shadow .2s;display:inline-flex}.btn--primary{background:var(--teal);color:#041116}.btn--primary:hover{color:#041116;background:#3eb4c5;transform:translateY(-2px);box-shadow:0 10px 28px #2a9fb147}.btn--ghost{color:var(--text);border-color:var(--line);background:0 0}.btn--ghost:hover{color:var(--text);border-color:#2a9fb18c;transform:translateY(-2px)}.section{max-width:var(--max);margin:0 auto;padding:5rem 1.5rem}.section__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:.65rem;font-size:.75rem;font-weight:600}.section__title{margin-bottom:.85rem;font-size:clamp(1.75rem,3.5vw,2.35rem)}.section__lead{color:var(--text-muted);max-width:36rem;margin-bottom:2.5rem;font-size:1.02rem}.systems__grid{align-items:start;gap:2.5rem;display:grid}.systems__product{color:inherit;max-width:28rem;transition:opacity .2s;display:block}.systems__product:hover{color:inherit;opacity:.92}.systems__product-logo{width:min(100%,14rem);height:auto;margin-bottom:1rem}.systems__product-desc{color:var(--text-muted);margin-bottom:.85rem}.systems__product-link{color:var(--teal);font-size:.9rem;font-weight:600;transition:color .2s,transform .2s;display:inline-block}.systems__product:hover .systems__product-link{color:#5bc0cf}.systems__family{max-width:28rem;padding-top:.35rem}.systems__family h3{color:var(--text);margin-bottom:.45rem;font-size:1.2rem}.systems__family p{color:var(--text-muted)}.approach__list{gap:1.75rem;margin:0;padding:0;list-style:none;display:grid}.approach__item .reveal{grid-template-columns:auto 1fr;align-items:start;gap:1.15rem;display:grid}.approach__index{font-family:var(--font-display);color:var(--teal);letter-spacing:.04em;padding-top:.15rem;font-size:1.1rem;font-weight:700}.approach__item h3{margin-bottom:.4rem;font-size:1.15rem}.approach__item p{color:var(--text-muted);max-width:34rem}.contact{text-align:left}.contact__email{margin:0 0 1.5rem;font-size:1.05rem}.contact__label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.35rem;font-size:.75rem;display:block}.contact__email a{font-family:var(--font-display);color:var(--text);font-size:clamp(1.25rem,3vw,1.65rem);font-weight:700}.contact__email a:hover{color:var(--teal)}.reveal{opacity:0;margin-block:-.2em;padding-block:.2em;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);overflow:visible;transform:translateY(1.1rem)}.reveal.is-visible{opacity:1;transform:translateY(0)}.site-footer{border-top:1px solid var(--line);margin-top:auto;padding:2rem 1.5rem 2.5rem}.site-footer__inner{max-width:var(--max);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin:0 auto;display:flex}.site-footer__brand{align-items:center;gap:.85rem;display:flex}.site-footer__mark{opacity:.9;width:auto;height:1.5rem}.site-footer__brand p{color:var(--text-muted);font-size:.9rem}.site-footer__meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;font-size:.85rem;display:flex}.site-footer__meta a{color:var(--text-muted)}.site-footer__meta a:hover{color:var(--text)}.impressum{padding:3rem 1.5rem 5rem}.impressum__inner{max-width:42rem;margin:0 auto}.impressum__back{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem;display:inline-block}.impressum__back:hover{color:var(--text)}.impressum h1{margin-bottom:2rem;font-size:clamp(1.8rem,4vw,2.4rem)}.impressum section{margin-bottom:2rem}.impressum h2{color:var(--teal);margin-bottom:.65rem;font-size:1.05rem}.impressum p{color:var(--text-muted);font-size:.95rem}@media (width>=768px){.site-nav__links{display:flex}.site-nav__burger,.site-nav__backdrop,.site-nav__drawer{display:none}.approach__list{gap:2rem}.systems__grid{grid-template-columns:1fr 1fr;gap:3rem;padding-top:.25rem}.systems__family{border-left:1px solid var(--line);padding-top:.5rem;padding-left:2.5rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero__inner,.hero__atmosphere,.hero__brand,.reveal{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}.btn:hover{transform:none}}
