/* OMSAG LP · Data & CRM · 01 Hero — Dark. JS setzt .dah-anim -> .is-in; Signalstrecke mit wanderndem Signal + Closed-Loop-Rail. */
.omsag-lp-dah{
  --b:var(--omsag-lp-brand,#50aa3c);--bl:var(--omsag-lp-lime,#aad337);--sky:#6fb4dd;
  --grad:var(--omsag-lp-brand-grad,linear-gradient(135deg,#50aa3c,#aad337));
  --ink:var(--omsag-lp-ink,#232730);--tx:#f3f6f7;--ts:#9eabb5;--mut:#6f7d87;
  --ln:rgba(150,190,195,.14);--ez:var(--omsag-lp-ease,cubic-bezier(.2,.7,.2,1));
  --font:var(--omsag-lp-font,'Outfit',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif);
  position:relative;isolation:isolate;overflow:hidden;font-family:var(--font);color:var(--tx);
  -webkit-font-smoothing:antialiased;padding:clamp(88px,10vw,124px) 0 clamp(40px,5vw,64px);
  background:radial-gradient(circle at 3% 0%,rgba(80,170,60,.22),transparent 46%),radial-gradient(circle at 100% 94%,rgba(111,180,221,.16),transparent 48%),var(--ink);
}
.omsag-lp-dah,.omsag-lp-dah *,.omsag-lp-dah *::before,.omsag-lp-dah *::after{box-sizing:border-box}
.omsag-lp-dah a:focus,.omsag-lp-dah button:focus,.omsag-lp-dah a:focus-visible,.omsag-lp-dah button:focus-visible{outline:none;box-shadow:none}

.omsag-lp-dah__ambient{position:absolute;z-index:0;border-radius:50%;filter:blur(74px);opacity:.5;pointer-events:none}
.omsag-lp-dah__ambient--a{width:360px;height:360px;top:-110px;left:46%;background:rgba(80,170,60,.5);animation:dah-float 14s ease-in-out infinite}
.omsag-lp-dah__ambient--b{width:300px;height:300px;bottom:-90px;left:4%;background:rgba(111,180,221,.4);animation:dah-float 17s ease-in-out infinite reverse}
.omsag-lp-dah__grid{position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(150,190,195,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(150,190,195,.05) 1px,transparent 1px);
  background-size:46px 46px;-webkit-mask-image:radial-gradient(ellipse at 62% 28%,#000,transparent 78%);mask-image:radial-gradient(ellipse at 62% 28%,#000,transparent 78%)}

.omsag-lp-dah__container{position:relative;z-index:1;width:100%;max-width:1430px;margin:0 auto;padding:0 clamp(20px,2.5vw,28px);
  display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(32px,4.4vw,72px);align-items:center}
.omsag-lp-dah__copy{min-width:0}

.omsag-lp-dah__overline{display:block;margin:0 0 20px;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--bl)}
.omsag-lp-dah__headline{margin:0 0 22px;max-width:17ch;font-size:clamp(34px,4.6vw,58px);font-weight:700;letter-spacing:-.03em;line-height:1.05;color:var(--tx)}
.omsag-lp-dah__headline em{font-style:normal;background:linear-gradient(100deg,var(--bl),var(--sky));-webkit-background-clip:text;background-clip:text;color:transparent}
.omsag-lp-dah__subline{margin:0 0 28px;max-width:56ch;font-size:clamp(15px,1.2vw,18px);line-height:1.62;color:var(--ts)}

.omsag-lp-dah__checks{list-style:none;margin:0 0 32px;padding:0;display:flex;flex-direction:column;gap:12px}
.omsag-lp-dah__checks li{display:flex;align-items:flex-start;gap:12px;font-size:clamp(14.5px,1.1vw,16px);line-height:1.45;color:#dbe4e4}
.omsag-lp-dah__checks li>span{flex:0 0 24px;width:24px;height:24px;margin-top:1px;display:grid;place-items:center;border-radius:50%;
  color:var(--bl);background:rgba(170,211,55,.12);border:1px solid rgba(170,211,55,.3)}
.omsag-lp-dah__checks li>span svg{width:14px;height:14px}

.omsag-lp-dah__cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.omsag-lp-dah__btn{display:inline-flex;align-items:center;gap:10px;padding:16px 30px;border:0;border-radius:var(--omsag-lp-pill,999px);
  background:var(--grad);color:#fff;font-size:15px;font-weight:600;line-height:1.2;text-decoration:none;
  transition:transform .25s var(--ez),box-shadow .25s var(--ez)}
.omsag-lp-dah__btn svg{width:18px;height:18px;transition:transform .25s var(--ez)}
.omsag-lp-dah__btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 18px 44px -14px rgba(80,170,60,.55)}
.omsag-lp-dah__btn:hover svg{transform:translateX(4px)}
.omsag-lp-dah__link{display:inline-flex;align-items:center;gap:9px;color:#dfe8e6;font-size:15px;font-weight:600;text-decoration:none}
.omsag-lp-dah__link span{border-bottom:1.5px solid rgba(170,211,55,.6);padding-bottom:2px;transition:border-color .25s var(--ez)}
.omsag-lp-dah__link svg{width:17px;height:17px;color:var(--bl);transition:transform .25s var(--ez)}
.omsag-lp-dah__link:hover{color:#fff}
.omsag-lp-dah__link:hover span{border-color:var(--bl)}
.omsag-lp-dah__link:hover svg{transform:translateX(4px)}

/* ── Visual: Signalstrecke ─────────────────────────────────────────────── */
.omsag-lp-dah__visual{position:relative;min-width:0;display:flex;align-items:center;justify-content:center}
.omsag-lp-dah__panel{position:relative;z-index:2;width:min(100%,540px);padding:18px 20px 16px;border-radius:24px;
  background:linear-gradient(158deg,rgba(28,40,46,.94),rgba(18,26,31,.96));border:1px solid rgba(150,190,195,.16);
  box-shadow:0 44px 96px -44px rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,.05)}
.omsag-lp-dah__panel-top{display:flex;align-items:center;gap:7px;padding-bottom:15px;border-bottom:1px solid rgba(150,190,195,.12)}
.omsag-lp-dah__panel-top i{width:9px;height:9px;border-radius:50%;background:rgba(150,190,195,.28)}
.omsag-lp-dah__panel-top i:first-child{background:var(--b)}
.omsag-lp-dah__panel-top b{margin-left:8px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.omsag-lp-dah__panel-top em{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-style:normal;font-size:11px;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;color:var(--bl)}
.omsag-lp-dah__panel-top em span{width:6px;height:6px;border-radius:50%;background:var(--bl);box-shadow:0 0 10px var(--bl);animation:dah-pulse 1.8s ease-in-out infinite}

.omsag-lp-dah__flow{position:relative;padding:20px 0 4px 46px}
.omsag-lp-dah__rail{position:absolute;top:20px;bottom:4px;left:0;width:42px;pointer-events:none}
.omsag-lp-dah__rail svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none}
.omsag-lp-dah__rail-base{stroke:rgba(170,211,55,.34);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:5 6;animation:dah-dashflow 3.6s linear infinite}
.omsag-lp-dah__rail-comet{stroke:var(--bl);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;
  filter:drop-shadow(0 0 6px rgba(170,211,55,.85));
  stroke-dashoffset:var(--from,0px);animation:dah-comet var(--dur,4.6s) linear infinite}
.omsag-lp-dah__rail b{position:absolute;top:var(--mid,50%);left:15px;margin-top:-38px;writing-mode:vertical-rl;
  font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(170,211,55,.78);
  background:rgba(20,29,34,.96);padding:8px 3px;border-radius:4px;transition:top .18s linear;will-change:top}

.omsag-lp-dah__node{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:14px;
  padding:14px 16px 14px 14px;border-radius:15px;background:rgba(255,255,255,.035);border:1px solid rgba(150,190,195,.14);
  transition:border-color .35s var(--ez),background .35s var(--ez),transform .35s var(--ez)}
.omsag-lp-dah__node.is-hot{border-color:rgba(170,211,55,.46);background:rgba(170,211,55,.07);transform:translateX(3px)}
.omsag-lp-dah__node-num{position:absolute;top:10px;right:14px;font-size:10.5px;font-weight:700;letter-spacing:.1em;color:var(--mut)}
.omsag-lp-dah__node-ico{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:var(--bl);
  background:linear-gradient(135deg,rgba(170,211,55,.16),rgba(111,180,221,.14));border:1px solid rgba(170,211,55,.2);
  transition:box-shadow .35s var(--ez)}
.omsag-lp-dah__node.is-hot .omsag-lp-dah__node-ico{box-shadow:0 0 0 4px rgba(170,211,55,.1)}
.omsag-lp-dah__node-ico svg{width:23px;height:23px}
.omsag-lp-dah__node-body{min-width:0;display:flex;flex-direction:column;gap:3px}
.omsag-lp-dah__node-body strong{font-size:15px;font-weight:700;letter-spacing:-.012em;color:#fff;line-height:1.24}
.omsag-lp-dah__node-body small{font-size:12.5px;color:var(--ts);line-height:1.35}

.omsag-lp-dah__conn{display:block;height:22px;margin-left:22px;width:2px;
  background:linear-gradient(180deg,rgba(150,190,195,.28),rgba(150,190,195,.1))}

.omsag-lp-dah__panel-foot{display:flex;align-items:center;gap:9px;margin-top:14px;padding-top:13px;border-top:1px solid rgba(150,190,195,.12);
  font-size:11.5px;letter-spacing:.05em;color:var(--mut)}
.omsag-lp-dah__panel-foot span{width:6px;height:6px;border-radius:50%;background:var(--sky);box-shadow:0 0 8px rgba(111,180,221,.7)}

/* ── Trust strip ───────────────────────────────────────────────────────── */
.omsag-lp-dah__trust{position:relative;z-index:1;width:100%;max-width:1430px;margin:clamp(46px,6vw,72px) auto 0;
  padding:clamp(18px,2vw,24px) clamp(20px,2.5vw,28px) 0;border-top:1px solid var(--ln);
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:clamp(16px,2.4vw,32px)}
/* HubSpot-Partner-Badge */
.omsag-lp-dah__partner{display:inline-flex;align-items:center;gap:14px;min-width:0;
  padding:8px 18px 8px 8px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05)}
.omsag-lp-dah__partner-badge{flex:0 0 54px;width:54px;height:54px;object-fit:contain;display:block;
  border-radius:12px;background:#fff;padding:5px}
.omsag-lp-dah__partner-body{display:flex;flex-direction:column;gap:2px;min-width:0}
.omsag-lp-dah__partner-body strong{font-size:14.5px;font-weight:600;line-height:1.3;color:#eef3f2}
.omsag-lp-dah__partner-body small{font-size:11.5px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:#8d9a9a}

/* Referenz-Logos — weiss ausgeschlagen wie auf der AC-LP */
.omsag-lp-dah__logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px clamp(20px,2.4vw,34px)}
.omsag-lp-dah__logo{display:grid;height:44px;place-items:center}
.omsag-lp-dah__logo img{max-width:112px;max-height:100%;width:auto;height:auto;object-fit:contain;
  filter:brightness(0) invert(1);opacity:.72;transition:opacity .25s var(--ez)}
.omsag-lp-dah__logo:hover img{opacity:1}

@keyframes dah-float{0%,100%{transform:translate(0,0)}50%{transform:translate(16px,-18px)}}
@keyframes dah-pulse{0%,100%{opacity:1}50%{opacity:.32}}
@keyframes dah-dashflow{to{stroke-dashoffset:-44}}
@keyframes dah-comet{from{stroke-dashoffset:var(--from,0px)}to{stroke-dashoffset:var(--to,0px)}}

/* Reveal */
.omsag-lp-dah.dah-anim .omsag-lp-dah__overline,.omsag-lp-dah.dah-anim .omsag-lp-dah__headline,
.omsag-lp-dah.dah-anim .omsag-lp-dah__subline,.omsag-lp-dah.dah-anim .omsag-lp-dah__checks li,
.omsag-lp-dah.dah-anim .omsag-lp-dah__cta,.omsag-lp-dah.dah-anim .omsag-lp-dah__panel,
.omsag-lp-dah.dah-anim .omsag-lp-dah__partner,.omsag-lp-dah.dah-anim .omsag-lp-dah__logo{opacity:0;transform:translateY(18px)}
.omsag-lp-dah.dah-anim.is-in .omsag-lp-dah__overline{animation:dah-up .6s var(--ez) .02s forwards}
.omsag-lp-dah.dah-anim.is-in .omsag-lp-dah__headline{animation:dah-up .72s var(--ez) .1s forwards}
.omsag-lp-dah.dah-anim.is-in .omsag-lp-dah__subline{animation:dah-up .72s var(--ez) .2s forwards}
.omsag-lp-dah.dah-anim.is-in .omsag-lp-dah__checks li{animation:dah-up .6s var(--ez) forwards;animation-delay:calc(.3s + var(--i) * .08s)}
.omsag-lp-dah.dah-anim.is-in .omsag-lp-dah__cta{animation:dah-up .7s var(--ez) .58s forwards}
.omsag-lp-dah.dah-anim.is-in .omsag-lp-dah__panel{animation:dah-up .9s var(--ez) .3s forwards}
.omsag-lp-dah.dah-anim.is-in .omsag-lp-dah__partner{animation:dah-up .6s var(--ez) .7s forwards}
.omsag-lp-dah.dah-anim.is-in .omsag-lp-dah__logo{animation:dah-up .55s var(--ez) forwards;animation-delay:calc(.82s + var(--l) * .06s)}
@keyframes dah-up{to{opacity:1;transform:none}}

@media(max-width:1080px){
  .omsag-lp-dah__container{grid-template-columns:1fr;gap:40px}
  .omsag-lp-dah__visual{order:2}
  .omsag-lp-dah__headline{max-width:22ch}
}
@media(max-width:720px){
  .omsag-lp-dah__trust{justify-content:flex-start;gap:18px}
  .omsag-lp-dah__logos{justify-content:flex-start;gap:10px 22px}
  .omsag-lp-dah__logo{height:34px}
  .omsag-lp-dah__logo img{max-width:88px}
  .omsag-lp-dah__flow{padding-left:0}
  .omsag-lp-dah__rail{display:none}
  .omsag-lp-dah__node-num{position:static;order:3;margin-left:auto}
}
@media(prefers-reduced-motion:reduce){
  .omsag-lp-dah.dah-anim [class*="omsag-lp-dah__"]{opacity:1!important;transform:none!important}
  .omsag-lp-dah *{animation:none!important}
}

/* Lange Komposita duerfen nie ueberlaufen */
.omsag-lp-dah :is(h1,h2,h3,h4,p,strong,small,em,b,span,dd,li){overflow-wrap:break-word}