/* AIdgenosse Landingpage */
html{scroll-behavior:smooth}
body.aidg-body{margin:0; position:relative; overflow-x:hidden; background:#131417; color:#f5f5f5; font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif}
.aidg{
  --aidg-bg:#131417; --aidg-fg:#f5f5f5; --aidg-muted:#b8bcc4;
  --aidg-a:#26c6d1; --aidg-b:#7266e0;
  --aidg-pad:clamp(24px,6vw,96px);
  position:relative;
  min-height:100vh; min-height:100svh;
  box-sizing:border-box;
  display:flex; flex-direction:column; justify-content:space-between;
  padding:var(--aidg-pad);
  background:transparent; color:var(--aidg-fg);
  font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  -webkit-font-smoothing:antialiased;
}
.aidg *,.aidg *::before,.aidg *::after{box-sizing:border-box}
.aidg p,.aidg h1{margin:0}

/* Wellenlinien ueber die ganze Seite */
.aidg-bg{position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none}
.aidg-bg__svg{display:block; width:100%; height:100%; opacity:0; transition:opacity 1.6s ease}
.aidg-bg__svg.is-ready{opacity:1}
.aidg-bg__lines path{fill:none; stroke-width:1; stroke-linecap:round; opacity:.8}
.aidg{position:relative; z-index:1}

/* Kopfzeile */
.aidg__eyebrow{
  display:flex; align-items:center; gap:12px;
  font-family:'DM Mono',ui-monospace,monospace; font-weight:400;
  font-size:clamp(13px,1.1vw,16px); letter-spacing:.06em; color:var(--aidg-muted);
}
.aidg__dot{width:10px; height:10px; border-radius:50%; background:var(--aidg-a); flex-shrink:0}

/* Hauptbereich */
.aidg__main{display:flex; flex-direction:column; gap:clamp(14px,1.6vw,24px); padding-block:48px}
.aidg__logo{
  font-weight:600; line-height:.95; letter-spacing:-.035em;
  font-size:clamp(52px,11vw,176px); color:var(--aidg-fg);
}
.aidg__ai{
  background:linear-gradient(90deg,var(--aidg-a),var(--aidg-b));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.aidg__tags{
  font-family:'DM Mono',ui-monospace,monospace;
  font-size:clamp(13px,1.3vw,19px); letter-spacing:.04em; line-height:1.6; color:var(--aidg-muted);
  max-width:72ch; display:flex; flex-wrap:wrap; column-gap:.6em;
  font-weight:400; text-transform:lowercase;
}
.aidg__tags span{white-space:nowrap}
.aidg__sep{color:var(--aidg-a)}

/* Fusszeile */
.aidg__foot{display:flex; align-items:flex-end; justify-content:space-between; gap:24px; flex-wrap:wrap}
.aidg__soon{
  font-family:'DM Mono',ui-monospace,monospace; font-weight:500;
  font-size:clamp(16px,1.5vw,22px); letter-spacing:.02em; color:var(--aidg-fg);
}
.aidg__contact{display:flex; align-items:center; gap:16px; text-decoration:none; color:var(--aidg-fg)}
.aidg__mail{font-family:'DM Mono',ui-monospace,monospace; font-size:clamp(13px,1.1vw,16px); color:var(--aidg-muted); transition:color .2s}
.aidg__btn{
  width:clamp(52px,4.4vw,68px); height:clamp(52px,4.4vw,68px); border-radius:50%;
  background:var(--aidg-fg); color:var(--aidg-bg);
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
  transition:transform .25s, background .25s;
}
.aidg__btn svg{width:38%; height:38%}
.aidg__contact:hover .aidg__btn,.aidg__contact:focus-visible .aidg__btn{transform:rotate(45deg); background:var(--aidg-a)}
.aidg__contact:hover .aidg__mail,.aidg__contact:focus-visible .aidg__mail{color:var(--aidg-fg)}
.aidg__contact:focus-visible{outline:2px solid var(--aidg-a); outline-offset:6px; border-radius:40px}

/* Tablet & Smartphone */
@media (max-width:767px){
  .aidg-bg__svg.is-ready{opacity:.6}
  .aidg__foot{flex-direction:column; align-items:flex-start}
  .aidg__contact{width:100%; justify-content:space-between}
}
@media (prefers-reduced-motion:reduce){
  .aidg__btn{transition:none}
}

:focus-visible{outline:2px solid #26c6d1; outline-offset:3px}
