.hero-visual{position:relative;width:100%;max-width:460px;margin-left:auto;aspect-ratio:1 / 1}.hv-glow{position:absolute;border-radius:50%;filter:blur(46px);animation:hv-atmen 9s ease-in-out infinite}
.hv-glow--1{top:4%;right:6%;width:54%;height:54%;background:radial-gradient(circle,rgba(35,196,221,.42),transparent 70%)}
.hv-glow--2{bottom:6%;left:2%;width:58%;height:58%;background:radial-gradient(circle,rgba(31,98,142,.34),transparent 70%);animation-delay:-4.5s}
@keyframes hv-atmen{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.12);opacity:1}}.hv-links{position:absolute;inset:0;width:100%;height:100%}.hv-link{stroke:rgba(31,98,142,.4);stroke-width:1.6;stroke-dasharray:5 7;animation:hv-fluss 2.4s linear infinite}
.hv-link--2{animation-delay:-.8s}
.hv-link--3{animation-delay:-1.6s}@keyframes hv-fluss{to{stroke-dashoffset:-24}}.hv-window{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:60%;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow-lg);overflow:hidden;animation:hv-schweben 7s ease-in-out infinite}@keyframes hv-schweben{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 10px))}}.hv-bar{display:flex;align-items:center;gap:5px;padding:9px 11px;border-bottom:1px solid var(--line-soft);background:var(--bg-soft)}
.hv-dot{width:7px;height:7px;border-radius:50%;background:#d6e0e8}
.hv-dot:nth-child(1){background:#f0b6ad}
.hv-dot:nth-child(2){background:#f2d9a8}
.hv-dot:nth-child(3){background:#b3ddb8}.hv-url{display:flex;align-items:center;gap:5px;margin-left:8px;padding:3px 10px;border-radius:999px;background:#fff;color:var(--muted);font-size:.58rem;font-family:var(--mono)}
.hv-lock{width:6px;height:8px;border:1.4px solid #6cbf7a;border-radius:2px;position:relative}
.hv-lock::before{content:"";position:absolute;left:50%;top:-4px;width:6px;height:5px;margin-left:-3px;border:1.4px solid #6cbf7a;border-bottom:0;border-radius:3px 3px 0 0}.hv-body{position:relative;padding:18px 16px 20px}.hv-mark{width:62%;height:auto;margin-bottom:14px}.hv-line{display:block;height:6px;margin-bottom:7px;border-radius:3px;background:linear-gradient(90deg,var(--line) 0%,var(--bg-tint) 50%,var(--line) 100%);background-size:220% 100%;animation:hv-schimmern 2.6s ease-in-out infinite}
.hv-line--1{width:88%}
.hv-line--2{width:66%;animation-delay:-.35s}
.hv-line--3{width:76%;animation-delay:-.7s}@keyframes hv-schimmern{0%,100%{background-position:120% 0}50%{background-position:-20% 0}}.hv-blocks{display:flex;gap:6px;margin-top:14px}
.hv-block{flex:1;height:26px;border-radius:6px;background:linear-gradient(135deg,rgba(31,98,142,.14),rgba(35,196,221,.16));animation:hv-pochen 3.2s ease-in-out infinite}
.hv-block:nth-child(2){animation-delay:-1s}
.hv-block:nth-child(3){animation-delay:-2s}@keyframes hv-pochen{0%,100%{opacity:.55}50%{opacity:1}}.hv-chip{position:absolute;display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow);color:var(--ink);font-size:.82rem;font-weight:600;white-space:nowrap;animation:hv-wippen 6s ease-in-out infinite}
.hv-chip .icon{width:17px;height:17px;color:var(--brand)}.hv-chip--1{left:18%;top:22%;transform:translate(-50%,-50%)}
.hv-chip--2{left:92%;top:62%;transform:translate(-50%,-50%);animation-delay:-2s}
.hv-chip--3{left:23%;top:84%;transform:translate(-50%,-50%);animation-delay:-4s}@keyframes hv-wippen{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 9px))}}.hv-node{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(35,196,221,.5);animation:hv-puls 2.8s ease-out infinite}
.hv-node--1{left:34%;top:34%;animation-delay:-.4s}
.hv-node--2{left:79%;top:47%;animation-delay:-1.4s}
.hv-node--3{left:40%;top:76%;animation-delay:-2.2s}@keyframes hv-puls{0%{box-shadow:0 0 0 0 rgba(35,196,221,.5)}70%{box-shadow:0 0 0 14px rgba(35,196,221,0)}100%{box-shadow:0 0 0 0 rgba(35,196,221,0)}}.section-about-teaser .section-title{margin-bottom:.6em}
.section-about-teaser .section-lead{font-size:1.12rem}@media (max-width:1000px){.hero-visual{margin:0 auto;max-width:400px}}@media (max-width:560px){.hero-visual{max-width:320px}.hv-chip{padding:7px 12px;font-size:.74rem}.hv-chip .icon{width:15px;height:15px}}@media (prefers-reduced-motion:reduce){.hv-glow,.hv-link,.hv-window,.hv-line,.hv-block,.hv-chip,.hv-node{animation:none !important}}