:root{
  --nx-green:#67ff9b;
  --nx-green2:#24e873;
  --nx-bg:#020605;
  --nx-panel:rgba(5,14,10,.86);
  --nx-line:rgba(103,255,155,.20);
  --nx-text:#f5faf7;
  --nx-muted:#aebdb5;
  --nx-soft:#728179;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--nx-bg);color:var(--nx-text);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
a{color:inherit}
.nx-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}
.nx-nav{
  position:sticky;top:0;z-index:80;background:rgba(2,6,5,.82);
  border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(18px)
}
.nx-nav-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.nx-brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:900;letter-spacing:.16em}
.nx-mark{
  width:38px;height:38px;border:1px solid rgba(103,255,155,.45);border-radius:11px;
  display:grid;place-items:center;color:var(--nx-green);box-shadow:0 0 24px rgba(60,255,129,.14)
}
.nx-nav-links{display:flex;align-items:center;gap:20px}
.nx-nav-links a{text-decoration:none;color:#bdc9c2;font-size:13px;font-weight:700}
.nx-nav-links a:hover{color:#fff}
.nx-nav-cta,.nx-btn{
  position:relative;overflow:hidden;border-radius:11px;text-decoration:none;
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  padding:15px 19px;font-weight:900;font-size:13px;letter-spacing:.01em;
  border:1px solid rgba(103,255,155,.55);background:#67ff9b;color:#031007;
  box-shadow:0 0 28px rgba(54,255,126,.16)
}
.nx-btn.secondary{background:rgba(3,13,8,.68);color:#fff}
.nx-btn:after,.nx-nav-cta:after{
  content:"";position:absolute;top:-45%;left:-38%;width:22%;height:190%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);
  transform:skewX(-18deg);animation:nxLaser 3.7s infinite ease-in-out
}
@keyframes nxLaser{0%,58%{left:-38%}78%,100%{left:128%}}
.nx-menu{display:none;background:none;border:0;color:white;font-size:26px}

.nx-hero{min-height:88vh;position:relative;display:flex;align-items:center;overflow:hidden}
.nx-hero-bg,.nx-bg-slide{position:absolute;inset:0;background:center/cover no-repeat;transition:opacity 1.4s ease}
.nx-hero-bg{animation:nxZoom 16s ease-in-out infinite alternate}
@keyframes nxZoom{from{transform:scale(1.01)}to{transform:scale(1.08)}}
.nx-hero-overlay{
  position:absolute;inset:0;background:
  radial-gradient(circle at 72% 38%,rgba(42,255,117,.10),transparent 34%),
  linear-gradient(90deg,rgba(0,4,3,.96) 0%,rgba(0,5,3,.85) 45%,rgba(0,5,3,.50) 68%,rgba(0,0,0,.72) 100%)
}
#nx-stars{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.nx-star{position:absolute;width:2px;height:2px;background:#bfffd4;border-radius:50%;opacity:.2;animation:nxTwinkle var(--d) infinite ease-in-out}
@keyframes nxTwinkle{0%,100%{opacity:.12;transform:scale(.7)}50%{opacity:.95;transform:scale(1.8);box-shadow:0 0 9px #65ff99}}
.nx-comet{
  position:absolute;width:140px;height:1px;opacity:0;transform:rotate(-18deg);
  background:linear-gradient(90deg,transparent,#75ffa3,white);filter:drop-shadow(0 0 7px #5cff93);
  animation:nxComet 8s infinite linear
}
@keyframes nxComet{0%,68%{opacity:0;left:-20%;top:20%}71%{opacity:.75}82%{opacity:0;left:115%;top:44%}100%{opacity:0}}
.nx-hero-content{position:relative;z-index:3;padding:110px 0 90px;max-width:920px}
.nx-kicker{color:var(--nx-green);font-size:12px;font-weight:900;letter-spacing:.31em;text-transform:uppercase;margin-bottom:20px}
.nx-hero h1{
  font-size:clamp(48px,7vw,96px);line-height:.95;letter-spacing:-.055em;
  margin:0 0 27px;max-width:1000px
}
.nx-hero h1 span{color:var(--nx-green);text-shadow:0 0 30px rgba(71,255,132,.16)}
.nx-hero-lead{max-width:850px;font-size:19px;line-height:1.68;color:#d8e2dc}
.nx-proof{
  margin:30px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:920px
}
.nx-proof div{
  padding:15px 17px;border:1px solid rgba(103,255,155,.16);background:rgba(2,10,6,.58);
  border-radius:13px;backdrop-filter:blur(8px)
}
.nx-proof strong{display:block;color:var(--nx-green);font-size:18px}
.nx-proof span{display:block;color:#aebbb4;font-size:12px;margin-top:4px;line-height:1.4}
.nx-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}

.nx-section{position:relative;padding:94px 0;overflow:hidden}
.nx-scene{min-height:560px;display:flex;align-items:center}
.nx-scene-bg{position:absolute;inset:-5%;background-position:center;background-size:cover;animation:nxSceneMove 18s ease-in-out infinite alternate}
@keyframes nxSceneMove{from{transform:scale(1.02) translate3d(-.5%,0,0)}to{transform:scale(1.09) translate3d(.5%,-1%,0)}}
.nx-scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,5,3,.96),rgba(1,7,4,.83) 47%,rgba(1,6,4,.58)),linear-gradient(0deg,#020605 0%,transparent 18%,transparent 82%,#020605 100%)}
.nx-content{position:relative;z-index:3}
.nx-title{font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:-.045em;margin:0 0 20px}
.nx-title span{color:var(--nx-green)}
.nx-copy{max-width:850px;font-size:17px;line-height:1.75;color:#bfcac4}
.nx-big-questions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px;max-width:940px}
.nx-question{
  padding:17px 18px;border-left:2px solid var(--nx-green);
  background:rgba(4,13,9,.62);backdrop-filter:blur(8px);color:#eef5f1;font-weight:760
}

.nx-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.nx-product{
  border:1px solid var(--nx-line);background:linear-gradient(145deg,rgba(8,20,14,.92),rgba(2,8,5,.96));
  border-radius:20px;padding:28px;box-shadow:0 20px 52px rgba(0,0,0,.27)
}
.nx-num{color:var(--nx-green);letter-spacing:.22em;font-size:11px;font-weight:900}
.nx-product h3{font-size:29px;margin:13px 0 10px}
.nx-product p{color:#b3c0b9;line-height:1.65;font-size:14px}
.nx-product ul{padding:0;margin:18px 0 25px;list-style:none;display:grid;gap:9px}
.nx-product li{padding-left:16px;position:relative;color:#e4ece7;font-size:13px;line-height:1.4}
.nx-product li:before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:50%;background:var(--nx-green);box-shadow:0 0 10px rgba(103,255,155,.5)}
.nx-product .nx-btn{width:100%}

.nx-panel{border:1px solid var(--nx-line);background:rgba(4,13,9,.82);border-radius:22px;padding:32px;backdrop-filter:blur(14px)}
.nx-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}
.nx-step{padding:19px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(0,0,0,.20)}
.nx-step b{color:var(--nx-green);font-size:11px;letter-spacing:.18em}
.nx-step strong{display:block;margin:9px 0;font-size:16px}
.nx-step span{color:#95a49c;font-size:12px;line-height:1.5}

.nx-nda-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}
.nx-choice{border:1px solid rgba(103,255,155,.18);border-radius:18px;padding:26px;background:rgba(2,10,6,.72)}
.nx-choice.featured{border-color:rgba(103,255,155,.50);box-shadow:0 0 35px rgba(63,255,128,.08)}
.nx-choice h3{font-size:24px;margin:10px 0}
.nx-choice p{color:#aebbb4;line-height:1.6;font-size:14px}

.nx-intake{display:none;margin-top:28px}
.nx-intake.active{display:block;animation:nxReveal .35s ease}
@keyframes nxReveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.nx-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.nx-tab{
  border:1px solid rgba(103,255,155,.20);background:#07110d;color:#dce6e0;
  padding:11px 13px;border-radius:9px;font-weight:800;cursor:pointer
}
.nx-tab.active{background:var(--nx-green);color:#031008;border-color:var(--nx-green)}
.nx-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.nx-field{display:grid;gap:7px}
.nx-field.full{grid-column:1/-1}
.nx-field label{font-size:12px;font-weight:800;color:#c8d2cc}
.nx-field input,.nx-field textarea,.nx-field select{
  width:100%;border:1px solid rgba(103,255,155,.15);background:#040b08;color:white;border-radius:10px;padding:13px 14px;
  outline:none;font:inherit
}
.nx-field textarea{min-height:100px;resize:vertical}
.nx-accordion{margin-top:24px;display:grid;gap:10px}
.nx-acc{border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(0,0,0,.18);overflow:hidden}
.nx-acc button{
  width:100%;text-align:left;background:none;border:0;color:white;padding:16px 18px;font-weight:850;font-size:14px;cursor:pointer;display:flex;justify-content:space-between
}
.nx-acc-content{display:none;padding:0 18px 18px;color:#b3c0b9;font-size:13px;line-height:1.6}
.nx-acc.open .nx-acc-content{display:block}
.nx-checklist{display:grid;gap:9px;margin:8px 0 0;padding:0;list-style:none}
.nx-checklist li{display:flex;gap:9px;align-items:flex-start}
.nx-badge{font-size:9px;font-weight:900;letter-spacing:.10em;padding:4px 6px;border-radius:5px;background:#12361f;color:#77ffa3;white-space:nowrap}
.nx-badge.opt{background:#222b26;color:#b3beb8}
.nx-upload{
  margin-top:22px;padding:30px 20px;border:1px dashed rgba(103,255,155,.35);border-radius:16px;
  text-align:center;background:rgba(6,18,11,.47)
}
.nx-upload input{max-width:100%;margin-top:13px}
.nx-file-list{margin-top:12px;color:#a9b7af;font-size:12px}
.nx-paybox{
  margin-top:24px;padding:23px;border:1px solid rgba(103,255,155,.22);border-radius:15px;
  background:rgba(18,54,31,.18);display:flex;align-items:center;justify-content:space-between;gap:18px
}
.nx-paybox strong{font-size:20px}
.nx-paybox small{display:block;color:#96a49c;margin-top:5px}
/* Angebotsanfrage – eigenstaendige Formulare, keine Zahlungsfunktion */
.nx-request-submit{flex:0 1 auto;max-width:100%;cursor:pointer}
.nx-request-submit:disabled{opacity:.7;cursor:wait}
.nx-privacy{display:flex;align-items:flex-start;gap:10px;margin-top:22px;font-size:13px;line-height:1.55;color:#d6e4db}
.nx-privacy input{accent-color:#73f5a4;width:19px;height:19px;flex:0 0 19px;margin-top:2px}
.nx-privacy a{color:#86f4ab;text-decoration:underline}
.nx-form-status{font-size:14px;line-height:1.55;margin:12px 0 0;min-height:20px;color:#d6e4db}
.nx-form-status.nx-error{color:#ffc5b9}
.nx-form-status.nx-success{color:#95f7b3}
.nx-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.nx-field input:focus-visible,.nx-field select:focus-visible,.nx-field textarea:focus-visible,.nx-btn:focus-visible,.nx-tab:focus-visible{outline:2px solid #89ffc0;outline-offset:3px}
.nx-disclaimer{font-size:11px;color:#718078;line-height:1.6;margin-top:20px}

.nx-footer{padding:35px 0;border-top:1px solid rgba(255,255,255,.06);color:#718078;font-size:12px}
.nx-footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.nx-footer a{text-decoration:none;color:#9eaaa4;margin-left:16px}

@media(max-width:980px){
  .nx-product-grid{grid-template-columns:1fr}
  .nx-flow{grid-template-columns:1fr 1fr}
  .nx-proof{grid-template-columns:1fr}
  .nx-nda-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  .nx-wrap{width:min(100% - 26px,1180px)}
  .nx-nav-links{display:none;position:absolute;top:72px;left:0;right:0;padding:18px;background:#030a07;border-bottom:1px solid rgba(255,255,255,.06)}
  .nx-nav-links.open{display:grid}
  .nx-menu{display:block}
  .nx-nav-cta{display:none}
  .nx-hero{min-height:82vh}
  .nx-hero-content{padding:85px 0 64px}
  .nx-hero h1{font-size:49px}
  .nx-hero-lead{font-size:16px}
  .nx-big-questions{grid-template-columns:1fr}
  .nx-section{padding:70px 0}
  .nx-flow{grid-template-columns:1fr}
  .nx-form-grid{grid-template-columns:1fr}
  .nx-field.full{grid-column:auto}
  .nx-paybox{align-items:flex-start;flex-direction:column}
  .nx-title{font-size:42px}
}

/* =========================================================
   Nexus Unternehmensanalyse Mobile Final 13.10.2026
   Desktop remains unchanged; mobile backgrounds are shown
   deliberately instead of being heavily cropped/zoomed.
   ========================================================= */
@media (max-width:720px){
  html,body{max-width:100%;overflow-x:hidden}
  .nx-wrap{width:calc(100% - 26px)}

  .nx-nav-inner{height:68px;gap:12px}
  .nx-brand{gap:8px;font-size:13px;letter-spacing:.11em;min-width:0}
  .nx-mark{width:34px;height:34px;border-radius:10px;flex:0 0 34px}
  .nx-menu{margin-left:auto;padding:7px;line-height:1;flex:0 0 auto}
  .nx-nav-links{top:68px;padding:16px 14px;gap:0}
  .nx-nav-links a{padding:11px 2px;font-size:13px}

  .nx-hero{min-height:0;align-items:flex-start;background:#020605}
  .nx-hero-bg{
    inset:0!important;
    background-size:112% auto!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
    background-color:#020605!important;
    animation:none!important;
    transform:none!important
  }
  .nx-hero-overlay{
    background:
      radial-gradient(circle at 70% 14%,rgba(42,255,117,.09),transparent 30%),
      linear-gradient(180deg,rgba(0,4,3,.04) 0%,rgba(0,5,3,.14) 24%,rgba(0,5,3,.78) 38%,rgba(0,5,3,.97) 57%,#020605 78%)!important
  }
  .nx-hero-content{padding:250px 0 58px;max-width:100%}
  .nx-kicker{font-size:10px;letter-spacing:.18em;line-height:1.45;margin-bottom:16px;max-width:100%;overflow-wrap:anywhere}
  .nx-hero h1{font-size:clamp(35px,10.5vw,45px);line-height:.99;letter-spacing:-.043em;margin-bottom:22px;overflow-wrap:break-word}
  .nx-hero-lead{font-size:15.5px;line-height:1.58}
  .nx-proof{gap:9px;margin:24px 0}
  .nx-proof div{padding:14px}
  .nx-proof strong{font-size:16px}
  .nx-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .nx-actions .nx-btn{width:100%;min-width:0;text-align:center;white-space:normal;line-height:1.25}

  .nx-section{padding:62px 0}
  .nx-scene{min-height:0;display:block;padding-top:250px;background:#020605}
  .nx-scene-bg{
    inset:0!important;
    background-size:112% auto!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
    background-color:#020605!important;
    animation:none!important;
    transform:none!important
  }
  .nx-scene-shade{
    background:linear-gradient(180deg,rgba(1,5,3,.04) 0%,rgba(1,7,4,.18) 26%,rgba(1,7,4,.80) 42%,rgba(1,6,4,.97) 62%,#020605 100%)!important
  }
  .nx-title{font-size:clamp(31px,9vw,39px);line-height:1.07;letter-spacing:-.038em;overflow-wrap:break-word}
  .nx-copy{font-size:15.5px;line-height:1.65}
  .nx-big-questions{gap:10px;margin-top:22px}
  .nx-question{padding:15px 15px;font-size:14px;line-height:1.45}

  .nx-product-grid{gap:14px;margin-top:28px}
  .nx-product{padding:22px}
  .nx-product h3{font-size:26px}
  .nx-product .nx-btn{font-size:12px;padding:14px 13px;white-space:normal;text-align:center;line-height:1.25}

  .nx-panel{padding:22px 18px;border-radius:18px}
  .nx-choice{padding:21px 18px}
  .nx-choice h3{font-size:22px}
  .nx-tab{max-width:100%;white-space:normal;line-height:1.25;text-align:left}
  .nx-acc button{gap:12px;align-items:flex-start;line-height:1.3}
  .nx-acc button span:first-child{min-width:0;overflow-wrap:anywhere}
  .nx-checklist li{flex-wrap:wrap}
  .nx-checklist li>span:last-child{min-width:0;flex:1 1 190px}
  .nx-badge{white-space:normal;line-height:1.2}
  .nx-upload{padding:24px 14px}
  .nx-paybox{padding:19px}
  .nx-paybox .nx-btn{width:100%;white-space:normal;text-align:center}
  .nx-footer-inner{align-items:flex-start}
  .nx-footer a{margin:0 14px 8px 0;display:inline-block}
}

@media (max-width:380px){
  .nx-wrap{width:calc(100% - 22px)}
  .nx-hero-content{padding-top:230px}
  .nx-scene{padding-top:230px}
  .nx-hero h1{font-size:34px}
  .nx-title{font-size:30px}
}