/* LIMIAN AI – Hero mit Live-Demo (Orb + Anruf-Karte) */
.hero.hero-v2{position:relative;overflow:hidden;background:#fff;padding:48px 5% 72px;isolation:isolate}
.hero-v2 .hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hero-v2 .swoosh{position:absolute;border-radius:50%;filter:blur(38px);opacity:.55;will-change:transform}
.hero-v2 .swoosh.s1{width:620px;height:260px;left:-240px;top:34%;background:linear-gradient(100deg,#8b83ff 0%,#b9c6ff 45%,rgba(255,255,255,0) 80%);transform:rotate(-24deg);animation:hv-drift1 18s ease-in-out infinite alternate}
.hero-v2 .swoosh.s2{width:560px;height:240px;right:-260px;top:18%;background:linear-gradient(260deg,#7f8cff 0%,#9fe6ff 40%,#c9ffe9 62%,rgba(255,255,255,0) 85%);transform:rotate(58deg);animation:hv-drift2 20s ease-in-out infinite alternate}
.hero-v2 .swoosh.s3{width:380px;height:380px;left:-180px;top:-120px;background:radial-gradient(circle,#e3e0ff 0%,rgba(255,255,255,0) 70%);opacity:.8}
@keyframes hv-drift1{to{transform:rotate(-16deg) translate(40px,-30px)}}
@keyframes hv-drift2{to{transform:rotate(66deg) translate(-30px,40px)}}

.hero-v2 h1{margin:22px auto 18px}
.hero-v2>p{margin:0 auto}

/* Orb */
.hv-orb{position:relative;width:230px;height:230px;margin:44px auto 36px}
.hv-orb .glow{position:absolute;inset:-50px;border-radius:50%;background:radial-gradient(circle,rgba(140,160,255,.28),rgba(255,255,255,0) 62%);filter:blur(16px);transition:transform .4s ease,opacity .4s ease}
.hv-orb .core{position:absolute;inset:0;border-radius:47% 53% 52% 48%/50% 46% 54% 50%;overflow:hidden;filter:blur(6px);
  background:radial-gradient(circle at 32% 30%,#ffffff 0%,rgba(255,255,255,0) 38%),radial-gradient(circle at 70% 68%,#7d8bff 0%,rgba(125,139,255,0) 58%),radial-gradient(circle at 28% 72%,#a6f5df 0%,rgba(166,245,223,0) 52%),linear-gradient(140deg,#d5f3ff,#9dbbff 55%,#a9a3ff);
  box-shadow:inset -14px -18px 36px rgba(90,100,230,.22),inset 12px 14px 28px rgba(255,255,255,.8);
  animation:hv-morph 9s ease-in-out infinite,hv-float 6s ease-in-out infinite}
.hv-orb .core::before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 0deg,rgba(255,255,255,0),rgba(170,255,230,.55),rgba(255,255,255,0) 35%,rgba(140,130,255,.5) 60%,rgba(255,255,255,0) 80%);filter:blur(18px);animation:hv-spin 12s linear infinite}
.hv-orb .core::after{content:"";position:absolute;inset:0;border-radius:inherit;backdrop-filter:blur(2px);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.55),rgba(255,255,255,0) 40%)}
@keyframes hv-morph{0%,100%{border-radius:47% 53% 52% 48%/50% 46% 54% 50%}33%{border-radius:55% 45% 48% 52%/46% 55% 45% 54%}66%{border-radius:44% 56% 57% 43%/54% 44% 56% 46%}}
@keyframes hv-float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.015)}}
@keyframes hv-spin{to{transform:rotate(360deg)}}
@keyframes hv-talk{0%,100%{transform:scale(1)}30%{transform:scale(1.07)}60%{transform:scale(.98)}}
.hv-orb.is-connecting .core{animation:hv-morph 3s ease-in-out infinite,hv-float 2s ease-in-out infinite}
.hv-orb.is-listening .glow{transform:scale(1.08);opacity:.9}
.hv-orb.is-speaking .core{animation:hv-morph 2.4s ease-in-out infinite,hv-talk .9s ease-in-out infinite}
.hv-orb.is-speaking .glow{transform:scale(1.18);opacity:1}
.hv-orb.is-speaking .core::before{animation-duration:4s}

/* Anruf-Karte */
.hv-card{position:relative;max-width:440px;margin:0 auto;background:#fff;border:1px solid #ecebf3;border-radius:22px;padding:12px;box-shadow:0 24px 60px -24px rgba(40,40,90,.28),0 2px 8px rgba(20,20,40,.04);text-align:left}
/* Umlaufender Lichtstreifen um die Karte */
@property --hv-a{syntax:'<angle>';inherits:false;initial-value:0deg}
.hv-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:2px;pointer-events:none;background:conic-gradient(from var(--hv-a),rgba(92,83,238,0) 0deg,rgba(92,83,238,0) 230deg,rgba(185,180,255,.9) 290deg,#5c53ee 330deg,#8fb8ff 350deg,rgba(92,83,238,0) 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);filter:drop-shadow(0 0 5px rgba(92,83,238,.45));animation:hv-border 4.5s linear infinite}
@keyframes hv-border{to{--hv-a:360deg}}
.hv-top{display:flex;align-items:center;gap:12px;background:#f6f6fa;border-radius:14px;padding:14px 16px}
.hv-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;background:radial-gradient(circle at 30% 30%,#fff,rgba(255,255,255,0) 40%),linear-gradient(140deg,#9fe6ff,#7f8cff 60%,#8b83ff)}
.hv-top strong{display:block;font-size:15px;color:#171327;line-height:1.3}
.hv-top small{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#7a7890}
.hv-live{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.5);animation:hv-ping 2s ease-out infinite}
@keyframes hv-ping{0%{box-shadow:0 0 0 0 rgba(34,197,94,.5)}100%{box-shadow:0 0 0 8px rgba(34,197,94,0)}}
.hv-card #voice-start{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;margin-top:10px;min-height:60px;border:0;border-radius:14px;background:#5c53ee;color:#fff;font:inherit;font-size:17px;font-weight:600;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 10px 24px -10px rgba(92,83,238,.7)}
.hv-card #voice-start::before{content:"";width:20px;height:20px;background:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 15a3 3 0 0 0 3-3V6a3 3 0 1 0-6 0v6a3 3 0 0 0 3 3Zm5-3a1 1 0 1 1 2 0 7 7 0 0 1-6 6.93V21h2a1 1 0 1 1 0 2H9a1 1 0 1 1 0-2h2v-2.07A7 7 0 0 1 5 12a1 1 0 1 1 2 0 5 5 0 0 0 10 0Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 15a3 3 0 0 0 3-3V6a3 3 0 1 0-6 0v6a3 3 0 0 0 3 3Zm5-3a1 1 0 1 1 2 0 7 7 0 0 1-6 6.93V21h2a1 1 0 1 1 0 2H9a1 1 0 1 1 0-2h2v-2.07A7 7 0 0 1 5 12a1 1 0 1 1 2 0 5 5 0 0 0 10 0Z'/%3E%3C/svg%3E") center/contain no-repeat}
.hv-card #voice-start:hover:not(:disabled){background:#4e46c6;transform:translateY(-1px)}
.hv-card #voice-start:disabled{opacity:.75;cursor:progress}
.hv-live-controls{display:none;gap:10px;margin-top:10px}
.hv-card #voice-stop{flex:1;min-height:56px;border-radius:14px;border:1px solid #e4e2ee;background:#fff;color:#171327;font:inherit;font-size:16px;font-weight:600;cursor:pointer}
.hv-card #voice-stop:hover{border-color:#171327}
.hv-card #voice-mute{min-height:56px;border-radius:14px;border:1px solid #e4e2ee;background:#f6f6fa;color:#5c53ee;font:inherit;font-size:14px;font-weight:600;padding:0 16px;cursor:pointer}
.hv-card #voice-mute[aria-pressed="true"]{background:#efedfd}
.hv-card.is-active #voice-start{display:none}
.hv-card.is-active .hv-live-controls{display:flex}
.hv-card #voice-status{margin:12px 4px 0;font-size:13.5px;font-weight:600;color:#5c53ee;text-align:center}
.hv-card #voice-log{display:none;max-height:220px;overflow-y:auto;margin:10px 4px 0;padding:6px 2px;border-top:1px solid #efeff4}
.hv-card #voice-log:has(.bubble){display:block}
.hv-card #voice-log .empty{display:none}
.hv-card #voice-log .bubble{font-size:13.5px}
.hv-card #caption-hint{display:none}
.hv-consent{margin:12px 6px 4px;font-size:12px;line-height:1.55;color:#7a7890;text-align:center}
.hv-consent a{color:#5c53ee}
.hv-consent{max-height:0;opacity:0;margin-top:0;margin-bottom:0;overflow:hidden;transition:max-height .35s ease,opacity .25s ease,margin .35s ease}
@media (hover:hover) and (pointer:fine){
  .hv-card:hover .hv-consent,.hv-card:focus-within .hv-consent{max-height:140px;opacity:1;margin-top:12px;margin-bottom:4px}
}
.hv-links{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 22px;margin:26px 0 18px;font-size:15px;font-weight:600}
.hv-links a{color:#3e3b52}
.hv-links a:hover{color:#5c53ee}
.hero-v2 .checks{margin-top:0}

@media (max-width:760px){
  .hero.hero-v2{padding:32px 18px 56px}
  .hv-orb{width:170px;height:170px;margin:32px auto 28px}
  .hero-v2 .swoosh{opacity:.4}
  .hv-card #voice-start{font-size:16px}
  .hero-v2 .checks{flex-direction:column;align-items:center;gap:6px}
}
@media (prefers-reduced-motion:reduce){
  .hero-v2 .swoosh,.hv-orb .core,.hv-orb .core::before,.hv-live,.hv-card::before{animation:none!important}
}

/* Kundenlogos: ca. 30 % mehr Abstand */
@media (prefers-reduced-motion:no-preference){
  .logo-set{gap:115px;padding-right:115px}
}
@media (prefers-reduced-motion:no-preference) and (max-width:760px){
  .logo-set{gap:84px;padding-right:84px}
}

/* Anwendungsfälle */
.usecases{background:#f7f7fb}
.uc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 48px;max-width:1120px;margin:48px auto 0}
.uc h3{margin:0 0 10px;font-size:20px;letter-spacing:-.3px;color:#141426}
.uc-ic{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:11px;background:#fff;border:1px solid #e8e6f3;box-shadow:0 4px 14px -8px rgba(92,83,238,.4)}
.uc-ic svg{width:21px;height:21px;fill:none;stroke:#5c53ee;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.uc{display:flex;flex-direction:column;gap:0}
.uc .uc-ic{margin-bottom:14px}
.uc p{margin:0;color:#646473;line-height:1.7;font-size:15.5px}
.uc-more{text-align:center;margin:48px 0 0;color:#646473;font-size:15px}
.uc-more a{color:#5c53ee;font-weight:600;text-decoration:none}
@media (max-width:980px){.uc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 32px}}
@media (max-width:640px){.uc-grid{grid-template-columns:1fr;gap:30px;margin-top:32px}.uc h3{font-size:18px}}

/* Kontaktbereich: gleiche Farbverläufe wie im Hero, flächig */
.contact-section{position:relative;overflow:hidden;isolation:isolate}
.deco-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.deco-bg .swoosh{position:absolute;border-radius:50%;filter:blur(46px);opacity:.6;will-change:transform}
.deco-bg .swoosh.s1{width:950px;height:380px;left:-340px;top:52%;background:linear-gradient(100deg,#8b83ff 0%,#b9c6ff 45%,rgba(255,255,255,0) 80%);transform:rotate(-20deg);animation:hv-drift1 18s ease-in-out infinite alternate}
.deco-bg .swoosh.s2{width:860px;height:340px;right:-380px;top:6%;background:linear-gradient(260deg,#7f8cff 0%,#9fe6ff 40%,#c9ffe9 62%,rgba(255,255,255,0) 85%);transform:rotate(58deg);animation:hv-drift2 20s ease-in-out infinite alternate}
.deco-bg .swoosh.s3{width:720px;height:720px;left:-200px;top:-180px;background:radial-gradient(circle,#dcd8ff 0%,rgba(255,255,255,0) 68%);opacity:.9}
.deco-bg .swoosh.s4{width:820px;height:300px;left:16%;bottom:-150px;background:linear-gradient(90deg,#c3cdff 0%,#d4f5ec 55%,rgba(255,255,255,0) 90%);transform:rotate(6deg);opacity:.5;animation:hv-drift1 24s ease-in-out infinite alternate}
.deco-bg .swoosh.s5{width:560px;height:560px;right:-180px;bottom:4%;background:radial-gradient(circle,#bfe6ff 0%,rgba(255,255,255,0) 66%);opacity:.8}
@media (max-width:760px){.deco-bg .swoosh{opacity:.4}.deco-bg .swoosh.s3,.deco-bg .swoosh.s5{opacity:.6}}
@media (prefers-reduced-motion:reduce){.deco-bg .swoosh{animation:none}}