/* OMSAG LP · AIO · 01 Hero — Dark. Default sichtbar; JS setzt .aoh-anim dann .is-in. */
.omsag-lp-aoh{
  --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 2% 0%,rgba(80,170,60,.22),transparent 46%),radial-gradient(circle at 100% 96%,rgba(111,180,221,.16),transparent 48%),var(--ink);
}
.omsag-lp-aoh,.omsag-lp-aoh *,.omsag-lp-aoh *::before,.omsag-lp-aoh *::after{box-sizing:border-box}
.omsag-lp-aoh__ambient{position:absolute;z-index:0;border-radius:50%;filter:blur(70px);opacity:.5;pointer-events:none}
.omsag-lp-aoh__ambient--a{width:340px;height:340px;top:-90px;left:44%;background:rgba(80,170,60,.5);animation:aoh-float 13s ease-in-out infinite}
.omsag-lp-aoh__ambient--b{width:280px;height:280px;bottom:-80px;left:6%;background:rgba(111,180,221,.42);animation:aoh-float 16s ease-in-out infinite reverse}
.omsag-lp-aoh__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 60% 30%,#000,transparent 78%);mask-image:radial-gradient(ellipse at 60% 30%,#000,transparent 78%)}

.omsag-lp-aoh__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.05fr) minmax(0,.95fr);gap:clamp(32px,4vw,64px);align-items:center}
.omsag-lp-aoh__copy{min-width:0}
.omsag-lp-aoh__overline{display:block;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--bl);margin:0 0 20px}
.omsag-lp-aoh__headline{margin:0 0 22px;font-size:clamp(34px,4.6vw,58px);font-weight:700;letter-spacing:-.03em;line-height:1.04;color:var(--tx);max-width:16ch}
.omsag-lp-aoh__headline em{display:block;font-style:normal;background:linear-gradient(100deg,var(--bl),var(--sky));-webkit-background-clip:text;background-clip:text;color:transparent}
.omsag-lp-aoh__subline{margin:0 0 34px;font-size:clamp(15px,1.2vw,18px);line-height:1.6;color:var(--ts);max-width:52ch}
.omsag-lp-aoh__cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.omsag-lp-aoh__btn{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:600;line-height:1.2;text-decoration:none;color:#fff;
  background:var(--grad);border:0;padding:16px 30px;border-radius:var(--omsag-lp-pill,999px);transition:transform .25s var(--ez),box-shadow .25s var(--ez)}
.omsag-lp-aoh__btn svg{width:18px;height:18px;transition:transform .25s var(--ez)}
.omsag-lp-aoh__btn:hover,.omsag-lp-aoh__btn:focus-visible{color:#fff;transform:translateY(-2px);box-shadow:0 18px 44px -14px rgba(80,170,60,.55)}
.omsag-lp-aoh__btn:hover svg{transform:translateX(4px)}
.omsag-lp-aoh__btn--ghost{background:transparent;border:1px solid rgba(230,237,237,.28);color:#e6eded;padding:15px 26px}
.omsag-lp-aoh__btn--ghost:hover,.omsag-lp-aoh__btn--ghost:focus-visible{color:#fff;border-color:var(--bl);background:rgba(170,211,55,.08);transform:translateY(-2px);box-shadow:none}

/* Visual — AtlasMind Console */
.omsag-lp-aoh__visual{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;min-height:340px}
.omsag-lp-aoh__ring{position:absolute;width:min(30vw,380px);aspect-ratio:1;border-radius:50%;
  background:conic-gradient(from 0deg,transparent 0 60%,rgba(170,211,55,.5) 74%,rgba(111,180,221,.5) 86%,transparent 92%);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));
  filter:drop-shadow(0 0 10px rgba(80,170,60,.3));animation:aoh-spin 18s linear infinite;opacity:.9}
.omsag-lp-aoh__console{position:relative;z-index:2;width:min(100%,420px);border-radius:22px;padding:20px 22px 24px;
  background:linear-gradient(160deg,rgba(28,40,46,.92),rgba(18,26,31,.94));border:1px solid rgba(150,190,195,.16);
  box-shadow:0 40px 90px -40px rgba(0,0,0,.7),inset 0 1px rgba(255,255,255,.05);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.omsag-lp-aoh__console-bar{display:flex;align-items:center;gap:7px;padding-bottom:16px;border-bottom:1px solid rgba(150,190,195,.12)}
.omsag-lp-aoh__console-bar i{width:9px;height:9px;border-radius:50%;background:rgba(150,190,195,.3)}
.omsag-lp-aoh__console-bar i:first-child{background:var(--b)}
.omsag-lp-aoh__console-bar b{margin-left:auto;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.omsag-lp-aoh__core{display:flex;align-items:center;gap:14px;margin:20px 0 18px}
.omsag-lp-aoh__core-ico{flex:0 0 52px;width:52px;height:52px;border-radius:15px;display:grid;place-items:center;color:#fff;background:var(--grad);box-shadow:0 12px 26px -10px rgba(80,170,60,.6)}
.omsag-lp-aoh__core-ico svg{width:26px;height:26px;animation:aoh-spin 9s linear infinite}
.omsag-lp-aoh__core strong{font-size:26px;font-weight:700;letter-spacing:-.02em;color:#fff}
.omsag-lp-aoh__signal{display:flex;flex-direction:column;gap:9px;margin-bottom:20px}
.omsag-lp-aoh__signal em{display:block;height:8px;width:var(--w);border-radius:5px;background:linear-gradient(90deg,rgba(170,211,55,.5),rgba(111,180,221,.35));animation:aoh-scan 3.4s var(--ez) infinite}
.omsag-lp-aoh__signal em:nth-child(2){animation-delay:.4s}
.omsag-lp-aoh__signal em:nth-child(3){animation-delay:.8s}
.omsag-lp-aoh__chips{display:flex;flex-wrap:wrap;gap:8px}
.omsag-lp-aoh__chip{font-size:12px;font-weight:600;color:#dfe8e6;padding:7px 12px;border-radius:999px;background:rgba(150,190,195,.08);border:1px solid rgba(150,190,195,.16)}

/* Feature strip */
.omsag-lp-aoh__features{position:relative;z-index:1;width:100%;max-width:1430px;margin:clamp(48px,6vw,72px) auto 0;padding:0 clamp(20px,2.5vw,28px);
  display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.6vw,20px)}
.omsag-lp-aoh__feat{display:flex;align-items:flex-start;gap:14px;padding:20px 22px;border-radius:18px;
  background:rgba(255,255,255,.03);border:1px solid rgba(150,190,195,.14)}
.omsag-lp-aoh__feat-ico{flex:0 0 44px;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;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)}
.omsag-lp-aoh__feat-ico svg{width:23px;height:23px}
.omsag-lp-aoh__feat-body{min-width:0;display:flex;flex-direction:column;gap:3px}
.omsag-lp-aoh__feat-body strong{font-size:15px;font-weight:700;color:#fff;letter-spacing:-.01em}
.omsag-lp-aoh__feat-body span{font-size:13px;color:var(--ts)}

@keyframes aoh-float{0%,100%{transform:translate(0,0)}50%{transform:translate(14px,-18px)}}
@keyframes aoh-spin{to{transform:rotate(360deg)}}
@keyframes aoh-scan{0%,100%{opacity:.55}50%{opacity:1}}

/* Reveal */
.omsag-lp-aoh.aoh-anim .omsag-lp-aoh__overline,.omsag-lp-aoh.aoh-anim .omsag-lp-aoh__headline,
.omsag-lp-aoh.aoh-anim .omsag-lp-aoh__subline,.omsag-lp-aoh.aoh-anim .omsag-lp-aoh__cta,
.omsag-lp-aoh.aoh-anim .omsag-lp-aoh__visual,.omsag-lp-aoh.aoh-anim .omsag-lp-aoh__feat{opacity:0;transform:translateY(18px)}
.omsag-lp-aoh.aoh-anim.is-in .omsag-lp-aoh__overline{animation:aoh-up .6s var(--ez) .02s forwards}
.omsag-lp-aoh.aoh-anim.is-in .omsag-lp-aoh__headline{animation:aoh-up .7s var(--ez) .1s forwards}
.omsag-lp-aoh.aoh-anim.is-in .omsag-lp-aoh__subline{animation:aoh-up .7s var(--ez) .2s forwards}
.omsag-lp-aoh.aoh-anim.is-in .omsag-lp-aoh__cta{animation:aoh-up .7s var(--ez) .3s forwards}
.omsag-lp-aoh.aoh-anim.is-in .omsag-lp-aoh__visual{animation:aoh-up .9s var(--ez) .34s forwards}
.omsag-lp-aoh.aoh-anim.is-in .omsag-lp-aoh__feat{animation:aoh-up .6s var(--ez) forwards;animation-delay:calc(.5s + var(--f) * .09s)}
@keyframes aoh-up{to{opacity:1;transform:none}}

@media(max-width:960px){
  .omsag-lp-aoh__container{grid-template-columns:1fr;gap:36px}
  .omsag-lp-aoh__visual{min-height:0;order:2}
  .omsag-lp-aoh__features{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){.omsag-lp-aoh__features{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){
  .omsag-lp-aoh.aoh-anim [class*="omsag-lp-aoh__"]{opacity:1!important;transform:none!important}
  .omsag-lp-aoh *{animation:none!important}
}