/* Animierte Szenen: EU AI Act, DSGVO, Corporate LLM */
.xs{position:relative;container-type:inline-size;width:100%;aspect-ratio:16/11;border-radius:22px;overflow:hidden;border:1px solid rgba(var(--accent-rgb),.5);background:radial-gradient(120% 100% at 0 0,rgba(var(--accent-rgb),.18),rgba(8,12,18,.96) 62%),#080c12;box-shadow:0 30px 70px -20px rgba(0,0,0,.75),0 0 56px -12px rgba(var(--accent-rgb),.55);}
.xs,.xs *{box-sizing:border-box;}
.xs.xp *{animation-play-state:paused!important;}
.xs::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(var(--accent-rgb),.07) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--accent-rgb),.07) 1px,transparent 1px);background-size:6.25cqw 6.25cqw;-webkit-mask:radial-gradient(90% 90% at 50% 45%,#000,transparent);mask:radial-gradient(90% 90% at 50% 45%,#000,transparent);}
.xs-blob{position:absolute;left:-8cqw;top:-10cqw;width:58cqw;height:58cqw;border-radius:50%;background:radial-gradient(closest-side,rgba(var(--accent-rgb),.32),transparent 72%);filter:blur(4cqw);animation:xsBlob 9s ease-in-out infinite alternate;}
.xs-glint{position:absolute;inset:0;z-index:9;pointer-events:none;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.12) 50%,transparent 58%);transform:translateX(-140%);animation:xsGlint 6.5s ease-in-out 1.5s infinite;}
@keyframes xsBlob{0%{transform:translate(0,0) scale(1);}100%{transform:translate(7cqw,4cqw) scale(1.2);}}
@keyframes xsGlint{0%,70%{transform:translateX(-140%);}100%{transform:translateX(140%);}}
@keyframes xsSpin{to{transform:rotate(360deg);}}
@media(prefers-reduced-motion:reduce){.xs *{animation-play-state:paused!important;animation-delay:-9s!important;}.xs-glint{display:none;}}

/* ---------- EU AI Act: Risiko-Pyramide + transparenter Chatbot ---------- */
.ea-tag{position:absolute;left:4cqw;top:3.2cqw;z-index:3;font-size:2.4cqw;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:1.1cqw 2.4cqw;border-radius:3cqw;color:#9fe9ff;background:rgba(8,14,22,.9);border:1px solid rgba(21,194,230,.5);}
.ea-p{position:absolute;left:3cqw;top:12.5cqw;width:46cqw;height:47cqw;}
.ea-l{position:absolute;left:0;width:46cqw;height:11cqw;filter:drop-shadow(0 0 1.2cqw rgba(var(--c),.5));}
.ea-s{position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--c),.72),rgba(var(--c),.42));}
.ea-t{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:2.7cqw;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;text-shadow:0 .2cqw 1cqw rgba(0,0,0,.55);line-height:1.2;}
.ea-t small{font-size:2.1cqw;font-weight:700;letter-spacing:.04em;text-transform:none;color:#04161c;background:rgba(255,255,255,.9);padding:.3cqw 1.4cqw;border-radius:2cqw;margin-top:.5cqw;text-shadow:none;}
.ea-l.l0{top:0;--c:255,92,122;animation:eaL0 12s infinite both;}
.ea-l.l0 .ea-s{clip-path:polygon(20.4cqw 0,25.6cqw 0,30.37cqw 100%,15.63cqw 100%);}
.ea-l.l1{top:12cqw;--c:255,176,80;animation:eaL1 12s infinite both;}
.ea-l.l1 .ea-s{clip-path:polygon(15.19cqw 0,30.81cqw 0,35.59cqw 100%,10.41cqw 100%);}
.ea-l.l2{top:24cqw;--c:21,194,230;animation:eaL2 12s infinite both,eaHi 12s infinite both;}
.ea-l.l2 .ea-s{clip-path:polygon(9.98cqw 0,36.02cqw 0,40.8cqw 100%,5.2cqw 100%);background:linear-gradient(180deg,rgba(43,245,200,.88),rgba(21,194,230,.58));}
.ea-l.l3{top:36cqw;--c:62,207,142;animation:eaL3 12s infinite both;}
.ea-l.l3 .ea-s{clip-path:polygon(4.8cqw 0,41.2cqw 0,45.98cqw 100%,.02cqw 100%);}
.ea-c{position:absolute;left:53cqw;top:10cqw;width:43.5cqw;height:57cqw;padding:2.6cqw;border-radius:2.8cqw;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),rgba(9,14,22,.94);border:1px solid rgba(21,194,230,.45);box-shadow:0 2.4cqw 5cqw -2cqw rgba(0,0,0,.8),0 0 4cqw -1cqw rgba(21,194,230,.4);animation:eaC 12s infinite both;}
.ea-ch{display:flex;align-items:center;gap:1.8cqw;font-size:2.9cqw;font-weight:700;color:#e8f4f8;}
.ea-ch i{font-style:normal;font-size:2.3cqw;font-weight:800;letter-spacing:.06em;padding:.7cqw 1.7cqw;border-radius:2cqw;color:#04161c;background:#2BF5C8;box-shadow:0 0 2cqw rgba(43,245,200,.6);}
.ea-bb{margin-top:2cqw;padding:1.8cqw 2.2cqw;border-radius:2.4cqw 2.4cqw 2.4cqw .6cqw;background:rgba(255,255,255,.075);font-size:2.8cqw;line-height:1.4;color:#e8f4f8;}
.ea-bb span{display:block;white-space:nowrap;animation:eaT1 12s infinite both;}
.ea-bb span+span{animation-name:eaT2;color:#9fe9ff;font-weight:700;}
.ea-ck{list-style:none;margin:2.2cqw 0 0;padding:0;display:grid;gap:1.3cqw;}
.ea-ck li{display:flex;align-items:center;gap:1.8cqw;font-size:2.6cqw;font-weight:650;color:#e8f4f8;padding:1cqw 1.8cqw;border-radius:2cqw;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);}
.ea-ck li b{flex:none;width:3.4cqw;height:3.4cqw;border-radius:50%;display:grid;place-items:center;color:#04161c;background:#2BF5C8;box-shadow:0 0 1.8cqw rgba(43,245,200,.7);}
.ea-ck li b svg{width:2cqw;height:2cqw;}
.ea-ck li:nth-child(1){animation:eaK1 12s infinite both;}.ea-ck li:nth-child(2){animation:eaK2 12s infinite both;}.ea-ck li:nth-child(3){animation:eaK3 12s infinite both;}.ea-ck li:nth-child(4){animation:eaK4 12s infinite both;}
@keyframes eaL3{0%,3%{opacity:0;transform:translateY(7cqw) scale(.92);}10%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateY(7cqw) scale(.92);}}
@keyframes eaL2{0%,10%{opacity:0;transform:translateY(7cqw) scale(.92);}17%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateY(7cqw) scale(.92);}}
@keyframes eaL1{0%,17%{opacity:0;transform:translateY(7cqw) scale(.92);}24%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateY(7cqw) scale(.92);}}
@keyframes eaL0{0%,24%{opacity:0;transform:translateY(7cqw) scale(.92);}31%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateY(7cqw) scale(.92);}}
@keyframes eaHi{0%,33%{filter:drop-shadow(0 0 1.2cqw rgba(21,194,230,.5));}40%,86%{filter:drop-shadow(0 0 3cqw rgba(43,245,200,1));}96%,100%{filter:drop-shadow(0 0 1.2cqw rgba(21,194,230,.5));}}
@keyframes eaC{0%,36%{opacity:0;transform:translateX(5cqw) scale(.96);}43%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateX(5cqw) scale(.96);}}
@keyframes eaT1{0%,46%{clip-path:inset(0 100% 0 0);}54%,100%{clip-path:inset(0 0 0 0);}}
@keyframes eaT2{0%,53%{clip-path:inset(0 100% 0 0);}60%,100%{clip-path:inset(0 0 0 0);}}
@keyframes eaK1{0%,58%{opacity:0;transform:translateX(3cqw);}63%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateX(3cqw);}}
@keyframes eaK2{0%,63%{opacity:0;transform:translateX(3cqw);}68%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateX(3cqw);}}
@keyframes eaK3{0%,68%{opacity:0;transform:translateX(3cqw);}73%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateX(3cqw);}}
@keyframes eaK4{0%,73%{opacity:0;transform:translateX(3cqw);}78%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateX(3cqw);}}

/* ---------- DSGVO: Datenfluss mit Consent-Tor ---------- */
.dg-tag{position:absolute;left:4cqw;top:3.4cqw;z-index:3;font-size:2.5cqw;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:1.1cqw 2.4cqw;border-radius:3cqw;color:#f7d9a8;background:rgba(14,10,6,.9);border:1px solid rgba(240,176,106,.5);}
.dg-pipe{position:absolute;left:14cqw;right:14cqw;top:23.3cqw;height:.7cqw;z-index:0;border-radius:1cqw;background:linear-gradient(90deg,rgba(240,176,106,.15),rgba(240,176,106,.5),rgba(62,207,142,.45));}
.dg-n{position:absolute;top:13cqw;z-index:2;height:21cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6cqw;padding:2cqw 1.6cqw;border-radius:2.6cqw;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02)),rgba(16,12,8,.94);border:1px solid rgba(240,176,106,.45);box-shadow:0 2cqw 4cqw -1.6cqw rgba(0,0,0,.85),0 0 3cqw -1cqw rgba(240,176,106,.4);}
.dg-n svg{width:6.4cqw;height:6.4cqw;color:#F0B06A;filter:drop-shadow(0 0 1.4cqw rgba(240,176,106,.6));}
.dg-n b{font-size:2.7cqw;font-weight:700;color:#f6ead9;white-space:nowrap;}
.dg-n small{font-size:2.2cqw;color:#bfae98;white-space:nowrap;}
.dg-n.v{left:3cqw;width:17cqw;animation:dgV 12s infinite both;}
.dg-n.s{left:27cqw;width:15cqw;animation:dgS 12s infinite both;}
.dg-n.c{left:46.5cqw;width:23cqw;animation:dgC 12s infinite both;}
.dg-n.h{left:76cqw;width:20.5cqw;animation:dgH 12s infinite both;}
.dg-n.c .tg{display:flex;align-items:center;justify-content:space-between;gap:1.6cqw;width:100%;font-size:2.4cqw;font-weight:650;color:#f1e4d1;}
.dg-n.c .sw{position:relative;flex:none;width:6.4cqw;height:3.4cqw;border-radius:2cqw;background:rgba(255,255,255,.14);}
.dg-n.c .sw::after{content:"";position:absolute;top:.4cqw;left:.4cqw;width:2.6cqw;height:2.6cqw;border-radius:50%;background:#cdbfae;}
.dg-n.c .sw.on{background:rgba(62,207,142,.55);}
.dg-n.c .sw.on::after{left:3.4cqw;background:#fff;box-shadow:0 0 1.4cqw rgba(62,207,142,.9);}
.dg-fl{display:inline-block;width:5.6cqw;height:3.6cqw;border-radius:.6cqw;background:linear-gradient(180deg,#111 0 33%,#d8261c 33% 66%,#f6c91c 66%);margin-bottom:.4cqw;box-shadow:0 0 1.4cqw rgba(246,201,28,.4);}
.dg-pk{position:absolute;top:22.6cqw;left:20cqw;z-index:1;width:2.2cqw;height:2.2cqw;border-radius:50%;background:#3ECF8E;box-shadow:0 0 2cqw #3ECF8E;opacity:0;animation:dgPass 4.2s linear infinite;}
.dg-pk.b{animation-delay:1.4s;}.dg-pk.c{animation-delay:2.8s;}
.dg-pk.x{background:#FF5C7A;box-shadow:0 0 2cqw #FF5C7A;top:25cqw;animation:dgBlock 4.4s linear infinite;}
.dg-pk.x.b{animation-delay:2.2s;}
.dg-ck{position:absolute;left:3cqw;right:3cqw;top:41.5cqw;display:grid;grid-template-columns:1fr 1fr;gap:2cqw;}
.dg-ck div{display:flex;align-items:center;gap:2cqw;padding:2cqw 2.4cqw;border-radius:2.4cqw;border:1px solid rgba(240,176,106,.35);background:rgba(240,176,106,.07);}
.dg-ck b{flex:none;width:4cqw;height:4cqw;border-radius:50%;display:grid;place-items:center;color:#1a1004;background:#F0B06A;box-shadow:0 0 2cqw rgba(240,176,106,.7);}
.dg-ck b svg{width:2.4cqw;height:2.4cqw;}
.dg-ck span{display:flex;flex-direction:column;font-size:2.8cqw;font-weight:700;color:#f6ead9;line-height:1.2;}
.dg-ck small{font-size:2.2cqw;font-weight:500;color:#bfae98;}
.dg-ck div:nth-child(1){animation:dgK1 12s infinite both;}.dg-ck div:nth-child(2){animation:dgK2 12s infinite both;}.dg-ck div:nth-child(3){animation:dgK3 12s infinite both;}.dg-ck div:nth-child(4){animation:dgK4 12s infinite both;}
@keyframes dgV{0%,3%{opacity:0;transform:translateY(4cqw) scale(.94);}9%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateY(4cqw) scale(.94);}}
@keyframes dgS{0%,7%{opacity:0;transform:translateY(4cqw) scale(.94);}13%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateY(4cqw) scale(.94);}}
@keyframes dgC{0%,11%{opacity:0;transform:translateY(4cqw) scale(.94);}17%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateY(4cqw) scale(.94);}}
@keyframes dgH{0%,15%{opacity:0;transform:translateY(4cqw) scale(.94);}21%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateY(4cqw) scale(.94);}}
@keyframes dgPass{0%{opacity:0;transform:translateX(0);}8%{opacity:1;}92%{opacity:1;transform:translateX(58cqw);}100%{opacity:0;transform:translateX(62cqw);}}
@keyframes dgBlock{0%{opacity:0;transform:translateX(0) scale(1);}8%{opacity:1;}60%{opacity:1;transform:translateX(23cqw) scale(1);}68%{opacity:.9;transform:translateX(23.6cqw) scale(2.2);}78%,100%{opacity:0;transform:translateX(23.6cqw) scale(3);}}
@keyframes dgK1{0%,26%{opacity:0;transform:translateY(3cqw) scale(.95);}32%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateY(3cqw) scale(.95);}}
@keyframes dgK2{0%,32%{opacity:0;transform:translateY(3cqw) scale(.95);}38%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateY(3cqw) scale(.95);}}
@keyframes dgK3{0%,38%{opacity:0;transform:translateY(3cqw) scale(.95);}44%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateY(3cqw) scale(.95);}}
@keyframes dgK4{0%,44%{opacity:0;transform:translateY(3cqw) scale(.95);}50%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateY(3cqw) scale(.95);}}

/* ---------- Corporate LLM: Wissen bleibt im Haus ---------- */
.cl{position:relative;max-width:980px;margin:44px auto 0;text-align:left;--c:43,231,192;}
.cl::after{content:"";position:absolute;inset:-12% -6%;z-index:0;pointer-events:none;background:radial-gradient(closest-side,rgba(var(--accent-rgb),.2),transparent 72%);filter:blur(30px);animation:clGlow 7s ease-in-out infinite;}
.cl-card{position:relative;z-index:1;border-radius:26px;padding:22px 24px 20px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02)),rgba(10,14,22,.88);box-shadow:0 30px 70px rgba(0,0,0,.5),0 0 54px rgba(var(--accent-rgb),.2);}
.cl-card::before{content:"";position:absolute;inset:-1.5px;border-radius:27px;padding:1.5px;z-index:1;pointer-events:none;background:conic-gradient(from var(--clr),rgba(var(--accent-rgb),.1) 0 24%,var(--accent) 40%,var(--accent2) 52%,rgba(var(--accent-rgb),.1) 66% 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:clRing 7s linear infinite;}
@property --clr{syntax:"<angle>";inherits:false;initial-value:0deg;}
.cl-head{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);}
.cl-head i{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:clPulse 2.4s ease-out infinite;}
.cl-head em{margin-left:auto;font-style:normal;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:none;color:var(--soft);padding:4px 11px;border-radius:100px;border:1px solid var(--line);}
.cl-body{display:grid;grid-template-columns:1fr 150px 1.35fr;gap:0;align-items:start;}
.cl-mid{align-self:center;margin-top:30px;}
.cl-col h5{margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);}
.cl-docs{display:grid;gap:10px;}
.cl-doc{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.04);animation:clD1 12s infinite both;}
.cl-doc:nth-child(2){animation-name:clD2;}.cl-doc:nth-child(3){animation-name:clD3;}
.cl-doc svg{flex:none;width:30px;height:30px;padding:6px;border-radius:9px;color:var(--accent);background:rgba(var(--accent-rgb),.12);}
.cl-doc b{display:block;font-size:14.5px;color:var(--ink);}
.cl-doc small{display:block;font-size:12px;color:var(--soft);margin-top:1px;}
.cl-mid{position:relative;height:170px;}
.cl-ln{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),.5));border-radius:2px;}
.cl-ln:nth-of-type(1){top:30px;}.cl-ln:nth-of-type(2){top:84px;}.cl-ln:nth-of-type(3){top:138px;}
.cl-ln i{position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 12px var(--accent);opacity:0;animation:clDot 2.6s linear infinite;}
.cl-ln:nth-of-type(2) i{animation-delay:.6s;}.cl-ln:nth-of-type(3) i{animation-delay:1.2s;}
.cl-core{position:absolute;left:50%;top:50%;width:104px;height:104px;margin:-52px 0 0 -52px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;background:radial-gradient(circle at 35% 25%,rgba(var(--accent-rgb),.34),rgba(8,14,20,.96) 70%);border:1px solid rgba(var(--accent-rgb),.55);box-shadow:0 0 34px rgba(var(--accent-rgb),.45),inset 0 0 22px rgba(var(--accent-rgb),.2);animation:clCore 12s infinite both;z-index:2;}
.cl-core::before{content:"";position:absolute;inset:-9px;border-radius:50%;border:1.5px dashed rgba(var(--accent-rgb),.5);animation:xsSpin 14s linear infinite;}
.cl-core svg{width:24px;height:24px;color:var(--accent);filter:drop-shadow(0 0 6px rgba(var(--accent-rgb),.8));}
.cl-core b{font-size:11.5px;line-height:1.15;color:#fff;}
.cl-core small{font-size:9.5px;color:var(--soft);letter-spacing:.06em;text-transform:uppercase;}
.cl-ans{display:grid;gap:10px;}
.cl-q{justify-self:end;max-width:92%;padding:10px 16px;border-radius:16px 16px 4px 16px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#04161c;font-size:14px;font-weight:650;animation:clQ 12s infinite both;}
.cl-a{padding:14px 16px;border-radius:16px 16px 16px 4px;background:rgba(255,255,255,.06);border:1px solid var(--line);animation:clA 12s infinite both;}
.cl-a p{margin:0 0 10px;font-size:14px;line-height:1.55;color:var(--ink);animation:clT 12s infinite both;}
.cl-tags{display:flex;flex-wrap:wrap;gap:8px;}
.cl-tags span{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:650;padding:5px 11px;border-radius:100px;border:1px solid rgba(var(--accent-rgb),.5);color:var(--accent);background:rgba(var(--accent-rgb),.09);}
.cl-tags span svg{width:12px;height:12px;}
.cl-tags span:nth-child(1){animation:clG1 12s infinite both;}.cl-tags span:nth-child(2){animation:clG2 12s infinite both;}
.cl-foot{display:flex;align-items:center;gap:14px 18px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);}
.cl-ban{display:inline-flex;align-items:center;gap:12px;padding:8px 14px;border-radius:14px;border:1px dashed rgba(255,92,122,.5);background:rgba(255,92,122,.06);font-size:12.5px;color:#ffc2cd;animation:clB 12s infinite both;}
.cl-ban .tr{position:relative;width:70px;margin-right:12px;height:2px;background:linear-gradient(90deg,rgba(255,92,122,.15),rgba(255,92,122,.7));}
.cl-ban .tr i{position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:#FF5C7A;box-shadow:0 0 10px #FF5C7A;animation:clBlock 2.8s linear infinite;}
.cl-ban .tr::after{content:"✕";position:absolute;right:-10px;top:-9px;font-size:15px;font-weight:800;color:#FF5C7A;text-shadow:0 0 8px #FF5C7A;}
.cl-chips{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto;}
.cl-chips span{font-size:12px;font-weight:650;padding:6px 12px;border-radius:100px;color:var(--soft);border:1px solid var(--line);background:rgba(255,255,255,.04);}
.cl-chips span:nth-child(1){animation:clC1 12s infinite both;}.cl-chips span:nth-child(2){animation:clC2 12s infinite both;}.cl-chips span:nth-child(3){animation:clC3 12s infinite both;}
.cl.xp *{animation-play-state:paused!important;}
@keyframes clD1{0%,3%{opacity:0;transform:translateX(-26px);}9%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateX(-26px);}}
@keyframes clD2{0%,8%{opacity:0;transform:translateX(-26px);}14%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateX(-26px);}}
@keyframes clD3{0%,13%{opacity:0;transform:translateX(-26px);}19%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateX(-26px);}}
@keyframes clDot{0%{opacity:0;left:0;}10%{opacity:1;}90%{opacity:1;}100%{opacity:0;left:calc(100% - 8px);}}
@keyframes clCore{0%,16%{opacity:0;transform:scale(.6);}24%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:scale(.6);}}
@keyframes clQ{0%,30%{opacity:0;transform:translateY(14px) scale(.96);}36%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateY(14px) scale(.96);}}
@keyframes clA{0%,40%{opacity:0;transform:translateY(14px);}46%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateY(14px);}}
@keyframes clT{0%,46%{clip-path:inset(0 100% 0 0);}62%,100%{clip-path:inset(0 0 0 0);}}
@keyframes clG1{0%,62%{opacity:0;transform:translateY(6px) scale(.9);}67%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateY(6px) scale(.9);}}
@keyframes clG2{0%,66%{opacity:0;transform:translateY(6px) scale(.9);}71%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateY(6px) scale(.9);}}
@keyframes clB{0%,72%{opacity:0;transform:translateY(8px);}78%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateY(8px);}}
@keyframes clBlock{0%{left:0;opacity:0;}12%{opacity:1;}62%{left:58px;opacity:1;transform:scale(1);}72%{left:60px;opacity:.9;transform:scale(2.2);}84%,100%{left:60px;opacity:0;transform:scale(3);}}
@keyframes clC1{0%,78%{opacity:0;transform:translateY(6px);}83%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateY(6px);}}
@keyframes clC2{0%,81%{opacity:0;transform:translateY(6px);}86%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateY(6px);}}
@keyframes clC3{0%,84%{opacity:0;transform:translateY(6px);}89%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateY(6px);}}
@keyframes clGlow{0%,100%{transform:scale(.95);opacity:.8;}50%{transform:scale(1.05);opacity:1;}}
@keyframes clRing{to{--clr:360deg;}}
@keyframes clPulse{0%{box-shadow:0 0 0 0 rgba(var(--accent-rgb),.55);}70%,100%{box-shadow:0 0 0 9px rgba(var(--accent-rgb),0);}}
@media(max-width:860px){.cl-body{grid-template-columns:1fr;gap:18px;}.cl-mid{height:96px;order:0;}.cl-ln{display:none;}.cl-core{width:84px;height:84px;margin:-42px 0 0 -42px;}.cl-chips{margin-left:0;}.cl-card{padding:18px 16px;}}
@media(prefers-reduced-motion:reduce){.cl *,.cl::after,.cl-card::before{animation:none!important;}}

/* ---------- FAQ: Hilfe-Center ---------- */
.fq-win{position:absolute;left:28cqw;top:4.5cqw;width:44cqw;height:61cqw;padding:3cqw;border-radius:2.8cqw;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02)),rgba(9,14,22,.95);border:1px solid rgba(var(--accent-rgb),.45);box-shadow:0 2.4cqw 5cqw -2cqw rgba(0,0,0,.8),0 0 4cqw -1cqw rgba(var(--accent-rgb),.4);animation:fqWin 12s infinite both;}
.fq-hd small{display:block;font-size:2.1cqw;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);}
.fq-hd b{display:block;margin-top:.6cqw;font-size:4cqw;color:#fff;letter-spacing:-.01em;}
.fq-s{position:relative;display:flex;align-items:center;gap:1.6cqw;margin-top:2.4cqw;height:7cqw;padding:0 2cqw;border-radius:2cqw;border:1px solid rgba(var(--accent-rgb),.55);background:rgba(var(--accent-rgb),.06);font-size:2.9cqw;color:#e8f4f8;box-shadow:0 0 2.4cqw -.6cqw rgba(var(--accent-rgb),.5);}
.fq-s svg{flex:none;width:3.6cqw;height:3.6cqw;color:var(--accent);}
.fq-typ{white-space:nowrap;animation:fqTyp 12s steps(24) infinite both;}
.fq-cur{width:.4cqw;height:3.6cqw;margin-left:-1.2cqw;border-radius:.2cqw;background:var(--accent);box-shadow:0 0 1.2cqw var(--accent);animation:fqBl 1s steps(1) infinite;}
.fq-r{margin-top:1.6cqw;border-radius:2cqw;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);overflow:hidden;}
.fq-rh{display:flex;align-items:center;justify-content:space-between;gap:1.6cqw;height:6.2cqw;padding:0 2cqw;font-size:2.6cqw;font-weight:650;color:#e8f4f8;}
.fq-rh span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fq-rh svg{flex:none;width:3cqw;height:3cqw;color:var(--soft);}
.fq-r.r1{animation:fqR1 12s infinite both,fqHi 12s infinite both;}.fq-r.r2{animation:fqR2 12s infinite both;}.fq-r.r3{animation:fqR3 12s infinite both;}
.fq-r.r1 .fq-rh svg{color:var(--accent);}
.fq-ra{height:0;overflow:hidden;animation:fqEx 12s infinite both;}
.fq-ra>div{padding:0 2.2cqw 2.2cqw;display:grid;gap:1.2cqw;}
.fq-ra i{display:block;height:1.2cqw;border-radius:1cqw;background:rgba(255,255,255,.32);transform-origin:left;}
.fq-ra i:nth-child(1){width:92%;animation:fqL1 12s infinite both;}.fq-ra i.s{width:68%;animation:fqL2 12s infinite both;}
.fq-ra em{justify-self:start;font-style:normal;font-size:2.2cqw;font-weight:800;padding:.7cqw 1.8cqw;border-radius:2cqw;color:#04161c;background:var(--accent);box-shadow:0 0 1.8cqw rgba(var(--accent-rgb),.7);animation:fqTg 12s infinite both;}
.fq-bb{position:absolute;display:grid;place-items:center;width:15cqw;height:12.5cqw;border-radius:3cqw;background:rgba(14,20,30,.94);border:1px solid rgba(var(--accent-rgb),.5);box-shadow:0 2cqw 4cqw -1.4cqw rgba(0,0,0,.85),0 0 3cqw -1cqw rgba(var(--accent-rgb),.5);}
.fq-bb::after{content:"";position:absolute;bottom:-1.2cqw;width:2.4cqw;height:2.4cqw;background:inherit;border-right:1px solid rgba(var(--accent-rgb),.5);border-bottom:1px solid rgba(var(--accent-rgb),.5);transform:rotate(45deg);}
.fq-bb b{font-size:6cqw;color:var(--accent);text-shadow:0 0 2cqw rgba(var(--accent-rgb),.8);}
.fq-bb svg{width:6cqw;height:6cqw;padding:1.2cqw;border-radius:50%;color:#04161c;background:var(--accent);box-shadow:0 0 2cqw rgba(var(--accent-rgb),.7);}
.fq-bb.q{left:6cqw;top:12cqw;animation:fqB1 12s infinite both;}.fq-bb.q::after{left:3cqw;}.fq-bb.ok{right:6cqw;top:10cqw;animation:fqB2 12s infinite both;}.fq-bb.ok::after{right:3cqw;}
.fq-ch{position:absolute;display:flex;align-items:center;gap:1.8cqw;padding:2cqw 2.2cqw;border-radius:2.6cqw;background:rgba(14,20,30,.94);border:1px solid rgba(var(--accent-rgb),.4);box-shadow:0 2cqw 4cqw -1.4cqw rgba(0,0,0,.85);}
.fq-ch svg{flex:none;width:5.4cqw;height:5.4cqw;padding:1.2cqw;border-radius:50%;color:#04161c;background:var(--accent);box-shadow:0 0 1.8cqw rgba(var(--accent-rgb),.6);}
.fq-ch.r svg{background:rgba(var(--accent-rgb),.15);color:var(--accent);box-shadow:none;border:1px solid rgba(var(--accent-rgb),.5);}
.fq-ch span{display:flex;flex-direction:column;line-height:1.2;}.fq-ch b{font-size:2.6cqw;color:#fff;white-space:nowrap;}.fq-ch small{font-size:2.1cqw;color:var(--soft);white-space:nowrap;}
.fq-ch.l{left:2cqw;top:38cqw;width:25cqw;animation:fqC1 12s infinite both;}.fq-ch.r{right:2cqw;top:45cqw;width:25cqw;animation:fqC2 12s infinite both;}
@keyframes fqWin{0%,1%{opacity:0;transform:translateY(5%) scale(.96);}7%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateY(5%) scale(.96);}}
@keyframes fqTyp{0%,9%{clip-path:inset(0 100% 0 0);}25%,100%{clip-path:inset(0 0 0 0);}}
@keyframes fqBl{0%{opacity:1;}50%{opacity:0;}}
@keyframes fqR1{0%,26%{opacity:0;transform:translateY(2cqw);}32%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateY(2cqw);}}
@keyframes fqR2{0%,29%{opacity:0;transform:translateY(2cqw);}35%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateY(2cqw);}}
@keyframes fqR3{0%,32%{opacity:0;transform:translateY(2cqw);}38%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateY(2cqw);}}
@keyframes fqHi{0%,38%{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.03);box-shadow:none;}44%,90%{border-color:rgba(var(--accent-rgb),.65);background:rgba(var(--accent-rgb),.08);box-shadow:0 0 3cqw -1cqw rgba(var(--accent-rgb),.6);}96%,100%{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.03);box-shadow:none;}}
@keyframes fqEx{0%,38%{height:0;}46%,90%{height:9.4cqw;}96%,100%{height:0;}}
@keyframes fqL1{0%,46%{opacity:0;transform:scaleX(0);}52%{opacity:1;transform:scaleX(1);}90%{opacity:1;transform:scaleX(1);}96%,100%{opacity:0;transform:scaleX(0);}}
@keyframes fqL2{0%,50%{opacity:0;transform:scaleX(0);}56%{opacity:1;transform:scaleX(1);}90%{opacity:1;transform:scaleX(1);}96%,100%{opacity:0;transform:scaleX(0);}}
@keyframes fqTg{0%,56%{opacity:0;transform:scale(.6);}61%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:scale(.6);}}
@keyframes fqB1{0%,9%{opacity:0;transform:translateY(4cqw) scale(.7);}16%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateY(4cqw) scale(.7);}}
@keyframes fqB2{0%,13%{opacity:0;transform:translateY(4cqw) scale(.7);}20%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateY(4cqw) scale(.7);}}
@keyframes fqC1{0%,20%{opacity:0;transform:translateX(-4cqw) scale(.9);}27%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateX(-4cqw) scale(.9);}}
@keyframes fqC2{0%,24%{opacity:0;transform:translateX(4cqw) scale(.9);}31%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateX(4cqw) scale(.9);}}

/* FAQ-Seite: Suche und Filter */
.fq-tools{margin:8px 0 6px;display:grid;gap:14px;}
.fq-search{position:relative;display:flex;align-items:center;gap:12px;padding:0 18px;height:58px;border-radius:999px;border:1px solid var(--line2,rgba(255,255,255,.18));background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02)),rgba(10,14,22,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 36px -22px rgba(0,0,0,.8);transition:border-color .3s,box-shadow .3s;}
.fq-search:focus-within{border-color:rgba(var(--accent-rgb),.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 4px rgba(var(--accent-rgb),.12),0 0 34px -10px rgba(var(--accent-rgb),.6);}
.fq-search svg{flex:none;width:22px;height:22px;color:var(--accent);}
.fq-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:16px;}
.fq-search input::placeholder{color:var(--faint);}
.fq-search input::-webkit-search-cancel-button{display:none;}
.fq-search button{display:none;width:32px;height:32px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:var(--ink);font-size:20px;line-height:1;cursor:pointer;}
.fq-search.has button{display:block;}
.fq-chips{display:flex;flex-wrap:wrap;gap:8px;}
.fq-chip{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:14px;font-weight:650;padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:var(--soft);cursor:pointer;transition:border-color .25s,color .25s,background .25s,transform .3s;}
.fq-chip i{font-style:normal;font-size:11.5px;padding:2px 7px;border-radius:99px;background:rgba(255,255,255,.1);color:var(--ink);}
.fq-chip:hover{border-color:rgba(var(--accent-rgb),.6);color:var(--ink);transform:translateY(-1px);}
.fq-chip.on{border-color:rgba(var(--accent-rgb),.75);background:rgba(var(--accent-rgb),.16);color:#fff;box-shadow:0 0 26px -10px rgba(var(--accent-rgb),.7);}
.fq-chip.on i{background:var(--accent);color:#04161c;}
.fq-count{margin:0;font-size:13px;color:var(--faint);}
.fq-empty{margin:30px 0;padding:22px 24px;border-radius:18px;border:1px dashed rgba(255,255,255,.2);color:var(--soft);text-align:center;}
.faq-cat[hidden],.faq details[hidden]{display:none;}
@media(prefers-reduced-motion:reduce){.fq-typ,.fq-cur{animation:none!important;}}

/* ---------- Sichtbarkeits-Check: Scan ---------- */
.ck-tag,.rf-tag{position:absolute;left:4cqw;top:3.2cqw;z-index:3;font-size:2.4cqw;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:1.1cqw 2.4cqw;border-radius:3cqw;color:#cfe6ff;background:rgba(8,14,22,.9);border:1px solid rgba(var(--accent-rgb),.5);}
.ck-win{position:absolute;left:4cqw;top:10cqw;width:56cqw;height:54cqw;border-radius:2.6cqw;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),rgba(10,15,24,.95);border:1px solid rgba(var(--accent-rgb),.4);box-shadow:0 2.4cqw 5cqw -2cqw rgba(0,0,0,.85),0 0 4cqw -1cqw rgba(var(--accent-rgb),.35);overflow:hidden;animation:ckWin 12s infinite both;}
.ck-bar{display:flex;align-items:center;gap:1.1cqw;height:6.4cqw;padding:0 2.2cqw;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);}
.ck-bar>i{width:1.4cqw;height:1.4cqw;border-radius:50%;background:#FF6B6B;}.ck-bar>i:nth-child(2){background:#FFC857;}.ck-bar>i:nth-child(3){background:#3ECF8E;}
.ck-url{margin-left:1.6cqw;flex:1;height:3.4cqw;border-radius:2cqw;background:rgba(255,255,255,.07);display:flex;align-items:center;padding:0 1.8cqw;overflow:hidden;}
.ck-url b{white-space:nowrap;font-size:2.1cqw;font-weight:600;color:#bcd7f5;animation:ckTyp 12s steps(15) infinite both;}
.ck-pg{padding:2.4cqw;display:grid;gap:2cqw;}
.ck-nv{display:flex;gap:1.6cqw;align-items:center;}
.ck-nv span{height:2cqw;width:7cqw;border-radius:.8cqw;background:linear-gradient(90deg,var(--accent),var(--accent2));}
.ck-nv i{height:1.2cqw;width:5cqw;border-radius:1cqw;background:rgba(255,255,255,.2);}.ck-nv i:first-of-type{margin-left:auto;}
.ck-hr{display:grid;grid-template-columns:1.5fr 1fr;gap:2cqw;}
.ck-hr b{display:block;height:2.4cqw;border-radius:1.2cqw;background:rgba(255,255,255,.34);margin-bottom:1.2cqw;}.ck-hr b+b{width:66%;}
.ck-hr em{display:block;height:1.2cqw;border-radius:1cqw;background:rgba(255,255,255,.17);margin-top:.9cqw;}
.ck-hr u{display:block;height:5cqw;width:15cqw;border-radius:2.6cqw;margin-top:2cqw;background:linear-gradient(90deg,var(--accent),var(--accent2));text-decoration:none;}
.ck-img{height:16cqw;border-radius:2cqw;background:linear-gradient(150deg,rgba(var(--accent-rgb),.35),rgba(var(--accent-rgb),.06)),#101a28;border:1px solid rgba(var(--accent-rgb),.3);position:relative;overflow:hidden;}
.ck-img::after{content:"";position:absolute;left:30%;top:36%;width:34%;height:34%;border-radius:50%;background:rgba(255,255,255,.18);}
.ck-cs{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6cqw;}
.ck-cs i{height:9cqw;border-radius:1.8cqw;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);}
.ck-scan{position:absolute;left:0;right:0;top:6.4cqw;height:.6cqw;z-index:4;background:linear-gradient(90deg,transparent,var(--accent2),transparent);box-shadow:0 0 3cqw .8cqw rgba(var(--accent-rgb),.9);opacity:0;animation:ckBeam 12s infinite both;}
.ck-scan::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:9cqw;background:linear-gradient(0deg,rgba(var(--accent-rgb),.28),transparent);}
.ck-r{position:absolute;left:64cqw;width:33cqw;display:flex;align-items:center;gap:2cqw;padding:2cqw 2.2cqw;border-radius:2.6cqw;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),rgba(10,15,24,.95);border:1px solid rgba(255,255,255,.14);box-shadow:0 2cqw 4cqw -1.4cqw rgba(0,0,0,.85);}
.ck-r b{flex:none;width:5.4cqw;height:5.4cqw;border-radius:50%;display:grid;place-items:center;color:#04101c;}
.ck-r b svg{width:3cqw;height:3cqw;}
.ck-r span{display:flex;flex-direction:column;line-height:1.2;min-width:0;}
.ck-r strong{font-size:2.7cqw;color:#fff;white-space:nowrap;}.ck-r small{font-size:2.1cqw;color:var(--soft);white-space:nowrap;}
.ck-r.a{top:12cqw;border-color:rgba(62,207,142,.45);animation:ckA 12s infinite both;}.ck-r.a b{background:#3ECF8E;box-shadow:0 0 2cqw rgba(62,207,142,.7);}
.ck-r.b{top:29cqw;border-color:rgba(var(--accent-rgb),.5);animation:ckB 12s infinite both;}.ck-r.b b{background:var(--accent);box-shadow:0 0 2cqw rgba(var(--accent-rgb),.7);}
.ck-r.c{top:46cqw;border-color:rgba(255,194,77,.5);animation:ckC 12s infinite both,ckPulse 12s infinite both;}.ck-r.c b{background:#FFC24D;box-shadow:0 0 2cqw rgba(255,194,77,.7);font-weight:800;font-size:3.4cqw;}
@keyframes ckWin{0%,1%{opacity:0;transform:translateY(5%) scale(.96);}7%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateY(5%) scale(.96);}}
@keyframes ckTyp{0%,8%{clip-path:inset(0 100% 0 0);}18%,100%{clip-path:inset(0 0 0 0);}}
@keyframes ckBeam{0%,18%{opacity:0;transform:translateY(0);}21%{opacity:1;}56%{opacity:1;transform:translateY(46cqw);}60%,100%{opacity:0;transform:translateY(46cqw);}}
@keyframes ckA{0%,28%{opacity:0;transform:translateX(5cqw) scale(.95);}34%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateX(5cqw) scale(.95);}}
@keyframes ckB{0%,38%{opacity:0;transform:translateX(5cqw) scale(.95);}44%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateX(5cqw) scale(.95);}}
@keyframes ckC{0%,48%{opacity:0;transform:translateX(5cqw) scale(.95);}54%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateX(5cqw) scale(.95);}}
@keyframes ckPulse{0%,56%{box-shadow:0 2cqw 4cqw -1.4cqw rgba(0,0,0,.85);}64%{box-shadow:0 0 4.4cqw rgba(255,194,77,.85);}72%,100%{box-shadow:0 2cqw 4cqw -1.4cqw rgba(0,0,0,.85),0 0 2cqw rgba(255,194,77,.35);}}

/* ---------- Empfehlung: Netzwerk und Prämie ---------- */
.rf-n{position:absolute;top:10cqw;width:20cqw;display:flex;flex-direction:column;align-items:center;gap:1.6cqw;text-align:center;}
.rf-n i{display:grid;place-items:center;width:15cqw;height:15cqw;border-radius:50%;background:radial-gradient(circle at 35% 25%,rgba(var(--accent-rgb),.34),rgba(10,12,18,.96) 70%);border:1px solid rgba(var(--accent-rgb),.55);box-shadow:0 0 3.4cqw -.6cqw rgba(var(--accent-rgb),.6);color:var(--accent);}
.rf-n i svg{width:7cqw;height:7cqw;}
.rf-n b{font-size:2.7cqw;color:#fff;}.rf-n small{font-size:2.1cqw;color:var(--soft);margin-top:-1.2cqw;}
.rf-n.n1{left:4cqw;animation:rfN1 12s infinite both;}.rf-n.n2{left:40cqw;animation:rfN2 12s infinite both;}.rf-n.n3{left:76cqw;animation:rfN3 12s infinite both;}
.rf-n.n3 i{background:radial-gradient(circle at 35% 25%,var(--accent),#b57a2e 80%);color:#1a1004;box-shadow:0 0 4cqw rgba(var(--accent-rgb),.8);font-size:4cqw;font-weight:800;animation:rfHub 12s infinite both;}
.rf-ln{position:absolute;top:17.2cqw;height:.7cqw;border-radius:1cqw;background:linear-gradient(90deg,rgba(var(--accent-rgb),.15),rgba(var(--accent-rgb),.55));transform-origin:left;}
.rf-ln.l1{left:21cqw;width:19cqw;animation:rfL1 12s infinite both;}.rf-ln.l2{left:57cqw;width:19cqw;animation:rfL2 12s infinite both;}
.rf-dot{position:absolute;top:16.4cqw;width:2.4cqw;height:2.4cqw;border-radius:50%;background:#fff;box-shadow:0 0 2.4cqw var(--accent);opacity:0;}
.rf-dot.d1{left:21cqw;animation:rfD1 12s infinite both;}.rf-dot.d2{left:57cqw;animation:rfD2 12s infinite both;}
.rf-rw{position:absolute;top:40cqw;width:44cqw;display:flex;align-items:center;gap:2.4cqw;padding:2.6cqw 2.8cqw;border-radius:2.8cqw;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02)),rgba(14,12,8,.95);border:1px solid rgba(var(--accent-rgb),.5);box-shadow:0 2cqw 4cqw -1.4cqw rgba(0,0,0,.85),0 0 4cqw -1cqw rgba(var(--accent-rgb),.5);}
.rf-rw b{flex:none;width:8cqw;height:8cqw;border-radius:50%;display:grid;place-items:center;color:#1a1004;background:linear-gradient(135deg,#FFE0A8,var(--accent));box-shadow:0 0 3cqw rgba(var(--accent-rgb),.8);}
.rf-rw b svg{width:4.4cqw;height:4.4cqw;}
.rf-rw span{display:flex;flex-direction:column;line-height:1.25;min-width:0;}
.rf-rw strong{font-size:3cqw;color:#fff;}.rf-rw small{font-size:2.2cqw;color:var(--soft);}
.rf-rw.r1{left:4cqw;animation:rfR1 12s infinite both;}.rf-rw.r2{left:52cqw;animation:rfR2 12s infinite both;}
.rf-pf{position:absolute;left:4cqw;right:4cqw;bottom:3cqw;text-align:center;font-size:2.5cqw;font-weight:700;letter-spacing:.06em;color:#f7d9a8;padding:1.4cqw;border-radius:2.4cqw;border:1px dashed rgba(var(--accent-rgb),.5);animation:rfPf 12s infinite both;}
.rf-sp{position:absolute;left:86cqw;top:17.5cqw;width:1.4cqw;height:1.4cqw;border-radius:50%;background:#FFE0A8;box-shadow:0 0 1.6cqw var(--accent);opacity:0;animation:rfSp 12s infinite both;}
@keyframes rfN1{0%,3%{opacity:0;transform:translateY(4cqw) scale(.9);}10%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateY(4cqw) scale(.9);}}
@keyframes rfN2{0%,9%{opacity:0;transform:translateY(4cqw) scale(.9);}16%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateY(4cqw) scale(.9);}}
@keyframes rfN3{0%,15%{opacity:0;transform:translateY(4cqw) scale(.9);}22%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateY(4cqw) scale(.9);}}
@keyframes rfHub{0%,40%{transform:scale(1);}46%{transform:scale(1.14);}52%,100%{transform:scale(1);}}
@keyframes rfL1{0%,14%{opacity:0;transform:scaleX(0);}22%{opacity:1;transform:scaleX(1);}90%{opacity:1;transform:scaleX(1);}96%,100%{opacity:0;transform:scaleX(1);}}
@keyframes rfL2{0%,20%{opacity:0;transform:scaleX(0);}28%{opacity:1;transform:scaleX(1);}90%{opacity:1;transform:scaleX(1);}96%,100%{opacity:0;transform:scaleX(1);}}
@keyframes rfD1{0%,28%{opacity:0;transform:translateX(0);}30%{opacity:1;}38%{opacity:1;transform:translateX(17cqw);}40%,100%{opacity:0;transform:translateX(17cqw);}}
@keyframes rfD2{0%,38%{opacity:0;transform:translateX(0);}40%{opacity:1;}46%{opacity:1;transform:translateX(17cqw);}48%,100%{opacity:0;transform:translateX(17cqw);}}
@keyframes rfR1{0%,48%{opacity:0;transform:translateY(4cqw) scale(.94);}55%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateY(4cqw) scale(.94);}}
@keyframes rfR2{0%,54%{opacity:0;transform:translateY(4cqw) scale(.94);}61%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateY(4cqw) scale(.94);}}
@keyframes rfPf{0%,62%{opacity:0;transform:translateY(2cqw);}68%{opacity:1;transform:none;}90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateY(2cqw);}}
@keyframes rfSp{0%,46%{opacity:0;transform:translate(0,0);}48%{opacity:1;}60%{opacity:0;transform:translate(var(--x),var(--y));}100%{opacity:0;}}
