.mobile-hero{padding:48px 0 40px}
.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:46px;align-items:center}
.mobile-hero h1{font-size:clamp(3.2rem,5.8vw,5.9rem);line-height:.9;letter-spacing:-.06em;margin:12px 0 20px}
.lead{font-size:1.17rem;line-height:1.65;color:#d8dde7}
.wtf{margin:20px 0;padding:15px 17px;border-left:3px solid var(--cyan);background:rgba(86,215,255,.055);border-radius:0 12px 12px 0;font-weight:850}

.social-scene{width:min(100%,480px);justify-self:center;position:relative;height:400px;display:grid;place-items:center}
.social-phone{position:relative;width:235px;height:375px;padding:42px 15px 52px;background:#111822;border:1px solid #485362;border-radius:34px;box-shadow:0 28px 60px rgba(0,0,0,.48);z-index:3}
.phone-top{position:absolute;top:13px;left:50%;transform:translateX(-50%);width:82px;height:8px;border-radius:99px;background:#303a47}
.mini-post{display:grid;grid-template-columns:36px 1fr auto;gap:8px;align-items:center;background:#1a2431;border:1px solid #344152;border-radius:12px;padding:10px;margin-bottom:9px;box-shadow:0 8px 18px rgba(0,0,0,.18)}
.mini-post .avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#38516b}.mini-post .avatar.video{background:#69323b}.mini-post .avatar.music{background:#4e3972}
.mini-post b,.mini-post small{display:block}.mini-post b{font-size:.78rem}.mini-post small{font-size:.64rem;color:#aab4c1;margin-top:3px}.mini-post em{font-size:.58rem;color:#ff7f8a;font-style:normal}
.phone-nav{position:absolute;bottom:15px;left:18px;right:18px;display:flex;justify-content:space-around}.phone-nav i{width:16px;height:16px;border:2px solid #7d8a99;border-radius:5px}
.signal-bubble{position:absolute;padding:8px 10px;border:1px solid rgba(86,215,255,.45);border-radius:10px;background:#11202c;color:var(--cyan);font-size:.68rem;font-weight:950;letter-spacing:.08em;box-shadow:0 0 24px rgba(86,215,255,.12);animation:floaty 3s ease-in-out infinite;z-index:4}
.b1{left:10px;top:72px}.b2{right:3px;top:145px;animation-delay:.8s}.b3{left:4px;bottom:87px;animation-delay:1.5s}
.algo-chip{position:absolute;right:8px;bottom:32px;padding:10px 12px;border-radius:10px;background:linear-gradient(135deg,#6d4cff,#35c9ff);font-size:.7rem;font-weight:950;letter-spacing:.08em;z-index:4;box-shadow:0 0 28px rgba(88,118,255,.3)}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

.fact-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:28px}
.fact{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:17px}
.fact strong{display:block;color:var(--gold);font-size:1.18rem}.fact small{color:var(--muted)}

.panel{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:24px}
.network-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.network-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px}.network-card .g{font-size:2.5rem;font-weight:950;color:var(--cyan)}

.social-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.social-timeline article{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:20px;min-height:250px}
.social-timeline .year{display:inline-block;color:var(--gold);font-weight:950;font-size:.74rem;letter-spacing:.06em;margin-bottom:15px}
.platform-icon{width:50px;height:50px;border-radius:14px;background:#315ca8;display:grid;place-items:center;font-size:1.8rem;font-weight:950;color:#fff;margin-bottom:14px}
.platform-icon.play{background:#c82e39}.platform-icon.vz{background:#ce5b22;font-size:1rem}.platform-icon.cam{background:linear-gradient(135deg,#7038a6,#d84c64,#efaa36)}.platform-icon.note{background:#111;border:1px solid #3e4a55;text-shadow:2px 2px #ff3c82,-2px -2px #2be5e5}
.social-timeline p{color:var(--muted);line-height:1.55;font-size:.9rem}

.race-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:18px;align-items:start}
.feed-controls{display:grid;gap:9px;margin-bottom:18px}.feed-mode{width:100%}.feed-mode.active{outline:2px solid var(--cyan)}
.interest-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.interest{padding:9px 11px;border:1px solid var(--line);border-radius:99px;background:#161e29;color:#fff;font-weight:850;cursor:pointer}.interest.active{border-color:var(--orange);background:#332417}
.feed-status{margin-top:16px;padding:13px;border-radius:11px;background:#0d121a;border:1px solid var(--line);font-weight:850;color:#cdd5df}

.feed-phone{background:#0e151e;border:1px solid var(--line);border-radius:24px;padding:15px;box-shadow:0 20px 42px rgba(0,0,0,.28)}
.feed-head{display:flex;justify-content:space-between;gap:12px;padding:8px 8px 14px;border-bottom:1px solid var(--line);font-size:.72rem;letter-spacing:.08em}.feed-head span{color:var(--cyan);font-weight:950}
.feed-list{display:flex;flex-direction:column;gap:9px;margin-top:11px}
.feed-post{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;background:#17202b;border:1px solid #2f3a48;border-radius:14px;padding:12px;transition:order .2s,transform .25s,border-color .25s}
.feed-post span{width:44px;height:44px;border-radius:12px;background:#283646;display:grid;place-items:center;font-size:1.4rem}.feed-post b,.feed-post small{display:block}.feed-post small{color:#aab4c1;margin-top:3px}.feed-post em{font-size:.7rem;color:#8491a0;font-style:normal}
.feed-post.recommended{border-color:rgba(86,215,255,.65);transform:translateX(3px)}.feed-post.recommended:after{content:"EMPFOHLEN";grid-column:2/4;color:var(--cyan);font-size:.58rem;font-weight:950;letter-spacing:.08em}

.latency-lab{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.signal-lab{min-height:290px;border-radius:20px;background:#0c121b;border:1px solid var(--line);padding:22px;display:grid;align-content:center;gap:14px}
.signal-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.signal-btn{padding:13px;border:1px solid var(--line);border-radius:12px;background:#202936;color:#fff;font-weight:900;cursor:pointer;text-align:left}.signal-btn.active{outline:2px solid var(--cyan);background:#16303d}.signal-btn.negative.active{outline-color:#ff7777;background:#391c20}
.signal-score{font-size:clamp(3.2rem,7vw,5rem);font-weight:950;color:var(--gold);line-height:1;margin:10px 0}
.signal-score:after{content:" Punkte";font-size:.8rem;color:var(--muted)}
.signal-log{margin-top:15px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#0d121a;color:#aeb8c5;font-size:.84rem;min-height:46px}

.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.choice{padding:14px;border:1px solid var(--line);border-radius:12px;background:#202631;color:#fff;font-weight:900;cursor:pointer}.choice.good{outline:2px solid var(--green);background:#113426}.choice.bad{outline:2px solid #ff6969;background:#3a1719}.quiz-result{min-height:44px;margin-top:14px;font-weight:850}
.faq details{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:16px 18px;margin:9px 0}.faq summary{font-weight:900;cursor:pointer}
.sources{color:var(--muted);border-top:1px solid var(--line);padding-top:20px}.sources a{color:#a9e8ff}
.next-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.next-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:19px;text-decoration:none}.next-card strong{display:block;margin:5px 0}.next-card small{color:var(--muted)}

@media(max-width:1050px){.social-timeline{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){
 .hero-grid,.race-grid,.latency-lab{grid-template-columns:1fr}
 .fact-strip{grid-template-columns:1fr 1fr}
 .network-cards,.social-timeline{grid-template-columns:1fr}
 .mobile-hero h1{font-size:clamp(3rem,14vw,5rem)}
 .social-scene{transform:scale(.84);margin:-28px 0}
 .quiz-options,.next-cards,.signal-buttons{grid-template-columns:1fr}
}