:root{--primary-color:#ff5a1f;--secondary-color:#000;--helper-color:#fff;--max-width:1440px;}

/* hero */
.abchroefg{width:100%;position:relative;overflow:hidden;background-color:var(--secondary-color);display:flex;flex-direction:column;}
.abchroefgbeam{position:absolute;top:-16rem;right:-2.5rem;width:min(43.75rem,100%);height:56rem;background:conic-gradient(from 205deg at 50% 0%,transparent 0deg,color-mix(in srgb,var(--primary-color) 55%,transparent) 14deg,color-mix(in srgb,var(--primary-color),var(--helper-color) 25%) 20deg,color-mix(in srgb,var(--primary-color) 35%,transparent) 27deg,transparent 40deg);filter:blur(28px);transform-origin:top center;opacity:.85;pointer-events:none;animation:abchroefgbeam 9s ease-in-out infinite;}
@keyframes abchroefgbeam{0%,100%{opacity:.7;transform:rotate(0deg) scale(1);}50%{opacity:1;transform:rotate(-2.5deg) scale(1.06);}}
.abchroefgambient{position:absolute;top:-11rem;left:50%;transform:translateX(-50%);width:min(68.75rem,160%);height:37.5rem;background:radial-gradient(ellipse at 62% 20%,color-mix(in srgb,var(--primary-color) 32%,transparent),transparent 62%);filter:blur(50px);pointer-events:none;}
.abchroefginner{position:relative;z-index:3;width:calc(100% - 2em);max-width:var(--max-width);margin-inline:auto;display:flex;flex-direction:column;gap:1.5em;align-items:center;justify-content:center;text-align:center;}
.abchroefgcontent{width:100%;display:flex;flex-direction:column;gap:1.4em;align-items:center;justify-content:center;}
.abchroefgpill{display:inline-flex;align-items:center;gap:.6em;min-height:2.1rem;padding-inline:.9em 1em;border-radius:999px;font-size:clamp(.75rem,.72rem + .15vw,.85rem);font-weight:600;color:color-mix(in srgb,var(--helper-color) 85%,transparent);background-color:color-mix(in srgb,var(--helper-color) 5%,transparent);border:1px solid color-mix(in srgb,var(--helper-color) 9%,transparent);backdrop-filter:blur(8px);}
.abchroefgdot{width:1rem;height:1rem;border-radius:50%;flex:none;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--primary-color),var(--helper-color) 25%),color-mix(in srgb,var(--primary-color),var(--secondary-color) 40%));box-shadow:0 0 .75rem color-mix(in srgb,var(--primary-color) 70%,transparent);}
.abchroefgtitle{font-size:clamp(2.1rem,1.3rem + 4.4vw,5.4rem);font-weight:800;line-height:1.2;max-width:18ch;}
.abchroefgsub{max-width:46ch;font-size:clamp(.9rem,.85rem + .35vw,1.06rem);line-height:1.8;color:color-mix(in srgb,var(--helper-color) 58%,transparent);}
.abchroefgcircuit{position:relative;z-index:2;width:100%;aspect-ratio:1200/520;}
.abchroefgcircuit>svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible;direction:ltr;}
.abchroefgtrace{fill:none;stroke:color-mix(in srgb,var(--helper-color) 13%,transparent);stroke-width:1.2;}
.abchroefgpulse{fill:none;stroke:var(--primary-color);stroke-width:1.8;stroke-linecap:round;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--primary-color) 90%,transparent));stroke-dasharray:24 1200;animation:abchroefgdash 4.2s linear infinite;}
@keyframes abchroefgdash{from{stroke-dashoffset:1224;}to{stroke-dashoffset:0;}}
.abchroefgdelay1{animation-delay:.6s;}
.abchroefgdelay2{animation-delay:1.3s;}
.abchroefgdelay3{animation-delay:2s;}
.abchroefgdelay4{animation-delay:2.7s;}
.abchroefgdelay5{animation-delay:3.4s;}
.abchroefgnode{position:absolute;width:max(4.5%,2.1rem);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:30%;display:grid;place-items:center;font-size:clamp(.8rem,.4rem + 1.5vw,1.45rem);color:color-mix(in srgb,var(--helper-color) 62%,transparent);background-color:color-mix(in srgb,var(--helper-color) 7%,var(--secondary-color));border:1px solid color-mix(in srgb,var(--helper-color) 14%,transparent);transition:border-color .4s ease,background-color .4s ease,color .4s ease;}
.abchroefgnode:hover{border-color:color-mix(in srgb,var(--primary-color) 65%,transparent);background-color:color-mix(in srgb,var(--helper-color) 10%,var(--secondary-color));color:color-mix(in srgb,var(--primary-color),var(--helper-color) 25%);}
.abchroefgchip{position:absolute;left:50%;top:50%;width:max(9.2%,3.2rem);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:24%;display:grid;place-items:center;font-weight:800;font-size:clamp(1rem,.5rem + 2.2vw,1.9rem);background:linear-gradient(180deg,color-mix(in srgb,var(--primary-color) 35%,transparent),color-mix(in srgb,var(--helper-color) 10%,var(--secondary-color)));border:1px solid color-mix(in srgb,var(--helper-color) 20%,transparent);}
.abchroefgn1{left:12.5%;top:13.46%;}
.abchroefgn2{left:5.83%;top:34.62%;}
.abchroefgn3{left:5.83%;top:65.38%;}
.abchroefgn4{left:12.5%;top:86.54%;}
.abchroefgn5{left:87.5%;top:13.46%;}
.abchroefgn6{left:94.17%;top:34.62%;}
.abchroefgn7{left:94.17%;top:65.38%;}
.abchroefgn8{left:87.5%;top:86.54%;}

@media (min-width:425px){
  .abchroefginner{gap:1.75em;}
}
@media (min-width:768px){
  .abchroefginner{gap:2.2em;}
}