/* Roadmap v2: Bento-Kopf + Serpentinen-Pfad */
.rm2{--fs:"PM Serif",Fraunces,Georgia,serif;--fb:"AH Sans",Inter,system-ui,sans-serif;--grad:linear-gradient(95deg,#8eb0ff 0%,#5ee7ff 38%,#f6e2a6 72%,#e2b653 100%);position:relative}
.rm2 h1,.rm2 h2,.rm2 h3{font-family:var(--fs);font-weight:500;color:#eef3ff;letter-spacing:-.01em;margin:0}
.rm2 em{font-style:italic;font-weight:420;background:var(--grad);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:rm-sh 8s ease-in-out infinite alternate;padding-right:.05em}
@keyframes rm-sh{to{background-position:100% 0}}
.rm2 p{font-family:var(--fb);font-weight:400;color:#8d99b8;line-height:1.55;margin:0}
body.ah .rm2 .rm-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--fb);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#5ee7ff;margin:0 0 12px}
body.ah .rm2 .rm-eyebrow::before{content:"";width:26px;height:1px;background:linear-gradient(90deg,#5ee7ff,transparent);box-shadow:0 0 10px #5ee7ff}
.rm-glass{position:relative;border-radius:22px;background:linear-gradient(160deg,rgba(24,38,78,.62),rgba(8,13,30,.72));border:1px solid rgba(142,176,255,.16);box-shadow:0 14px 40px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
/* Hero */
.rm-hero{padding:clamp(40px,6vw,80px) 0 0;position:relative}
.rm-hero::before{content:"";position:absolute;inset:0 0 auto;height:520px;background:radial-gradient(40% 60% at 15% 20%,rgba(94,231,255,.12),transparent 70%),radial-gradient(35% 55% at 85% 10%,rgba(142,176,255,.16),transparent 70%);pointer-events:none}
.rm-hero-top{display:grid;grid-template-columns:1fr 200px;gap:24px;align-items:end;position:relative}
.rm2 h1{font-size:clamp(42px,6.4vw,84px);line-height:1.04;padding-bottom:.1em;margin-bottom:14px}
.rm-lead{font-size:17px;max-width:640px}
.rm2 .rm-avi{width:200px;max-width:200px;height:auto;filter:drop-shadow(0 18px 36px rgba(94,231,255,.25));animation:rm-float 6s ease-in-out infinite}
@keyframes rm-float{50%{transform:translateY(-10px)}}
/* Bento */
.rm-bento{display:grid;grid-template-columns:1.25fr .85fr 1.3fr;gap:16px;margin-top:30px;position:relative}
.rm-bento>article{padding:22px}
.rm-card-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.rm-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgba(94,231,255,.1);border:1px solid rgba(94,231,255,.25);color:#5ee7ff;flex:none}
.rm-ic svg{width:20px;height:20px}
.rm-date{font-size:12px!important;font-weight:600!important;letter-spacing:.1em;text-transform:uppercase;color:#f6e2a6!important}
.rm-badge{margin-left:auto;font-family:var(--fb);font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;color:#070c1a;background:linear-gradient(95deg,#8eb0ff,#5ee7ff)}
.rm-badge-today{background:linear-gradient(95deg,#5ee7ff,#f6e2a6,#e2b653)}
.rm-b-today h2{font-size:clamp(24px,2.4vw,32px);line-height:1.12;margin-bottom:10px}
.rm-b-today>p{font-size:15px}
.rm-mini{display:flex;align-items:baseline;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(142,176,255,.12)}
.rm-mini .rm-kpi-num{font-family:var(--fs);font-size:34px;color:#eef3ff}
.rm-mini .rm-kpi-lbl{font-size:14px}
/* Follower stat: klein, aber leuchtend */
.rm-b-stat{display:flex;flex-direction:column;justify-content:center;overflow:hidden;border-color:rgba(94,231,255,.45)!important;box-shadow:0 0 0 1px rgba(94,231,255,.15),0 0 40px rgba(94,231,255,.22),0 14px 40px rgba(0,0,0,.35)!important}
.rm-b-stat::before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 70% 20%,rgba(94,231,255,.22),transparent 45%),radial-gradient(circle at 20% 90%,rgba(226,182,83,.14),transparent 45%);animation:rm-pulse 5s ease-in-out infinite;pointer-events:none}
@keyframes rm-pulse{50%{opacity:.55;transform:scale(1.06)}}
.rm-stat-lbl{position:relative;display:flex;align-items:center;gap:8px;font-size:12px!important;font-weight:600!important;color:#b9c6e6!important;letter-spacing:.04em}
.rm-live{width:8px;height:8px;border-radius:50%;background:#5ee7ff;box-shadow:0 0 0 0 rgba(94,231,255,.7);animation:rm-ping 2s infinite}
@keyframes rm-ping{70%{box-shadow:0 0 0 8px rgba(94,231,255,0)}100%{box-shadow:0 0 0 0 rgba(94,231,255,0)}}
.rm-stat-num{position:relative;display:flex;align-items:baseline;gap:8px;margin:8px 0 6px!important;font-family:var(--fs)!important;color:#eef3ff!important;line-height:1!important}
.rm-stat-num .rm-from{font-size:24px;color:#8eb0ff}.rm-stat-num .rm-arrow{font-size:18px;color:#5ee7ff}
.rm-stat-num [data-count]{font-size:58px;font-weight:500;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px rgba(94,231,255,.45));font-variant-numeric:tabular-nums}
.rm-spark{position:relative;width:100%;height:56px;overflow:visible}
.rm-spark-l{fill:none;stroke-width:3;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:0;filter:drop-shadow(0 0 6px rgba(94,231,255,.6))}
.rm-spark-hi{filter:drop-shadow(0 0 6px #e2b653)}
.rm-stat-foot{position:relative;display:flex;justify-content:space-between;font-size:12px!important;margin-top:4px!important;color:#b9c6e6!important}
.rm-stat-note{position:relative;font-size:11px!important;margin-top:6px!important}
.rm-b-next h2{font-size:26px;margin-bottom:12px}
.rm-nx-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.rm-nx{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:14px;background:rgba(10,18,40,.55);border:1px solid rgba(142,176,255,.1);transition:border-color .3s,transform .3s}
.rm-nx:hover{border-color:rgba(94,231,255,.4);transform:translateX(4px)}
.rm-nx .rm-ic{width:32px;height:32px}.rm-nx .rm-ic svg{width:17px;height:17px}
.rm-nx h3{font-size:16px;margin:2px 0}.rm-nx p{font-size:13px}.rm-nx .rm-date{font-size:10px!important}
.rm-hint{text-align:center;margin:30px 0 0!important;font-size:14px!important;color:#5ee7ff!important;font-weight:600!important}
.rm-hint span{display:inline-block;animation:rm-bob 1.6s ease-in-out infinite}@keyframes rm-bob{50%{transform:translateY(4px)}}
/* Serpentine */
.rm-sec{padding:clamp(40px,5vw,70px) 0 0}
.rm-path{position:relative}
.rm-snake{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.rm-snake path{fill:none;stroke-linecap:round}
.rm-snake-bg{stroke:rgba(142,176,255,.14);stroke-width:2;stroke-dasharray:4 8}
.rm-snake-l{stroke:url(#rm-g);stroke-width:3}
.rm-snake-glow{stroke:url(#rm-g);stroke-width:10;opacity:.25;filter:blur(6px)}
.rm-steps{list-style:none;padding:0;margin:0;position:relative}
.rm-step{position:relative;width:41%;margin-bottom:-38px}
.rm-step.is-r{margin-left:auto}
.rm-step:last-child{margin-bottom:0}
.rm-step .rm-card{padding:18px 20px;transition:border-color .3s,box-shadow .3s,transform .4s}
.rm-step .rm-card:hover{border-color:rgba(94,231,255,.45);box-shadow:0 0 34px rgba(94,231,255,.16),0 14px 40px rgba(0,0,0,.32);transform:translateY(-3px)}
.rm-step h3{font-size:19px;line-height:1.25;margin-bottom:6px}.rm-step .rm-card>p{font-size:14px}
.rm-node{position:absolute;top:30px;right:calc(-22% + 7px);width:16px;height:16px;border-radius:50%;background:#0b1430;border:2px solid #5ee7ff;box-shadow:0 0 0 4px rgba(94,231,255,.12),0 0 18px rgba(94,231,255,.6);transform:translate(50%,-50%);z-index:2;transition:transform .4s,background .4s}
.rm-step.is-r .rm-node{right:auto;left:calc(-22% + 7px);transform:translate(-50%,-50%)}
.rm-step.is-on .rm-node{background:#5ee7ff}
.rm-new .rm-node{border-color:#e2b653;box-shadow:0 0 0 4px rgba(226,182,83,.15),0 0 18px rgba(226,182,83,.7)}
.rm-ws-btn{margin-top:12px}
.rm-start{text-align:center;margin-top:30px!important}
.rm-start span{display:inline-block;font-family:var(--fb);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8eb0ff;padding:6px 14px;border-radius:999px;border:1px solid rgba(142,176,255,.3)}
/* CTA */
.rm-cta{padding:70px 0 80px}
.rm-cta-card{padding:clamp(28px,4vw,48px);text-align:center;max-width:820px;margin:0 auto}
.rm-cta-card h2{font-size:clamp(30px,3.6vw,44px);margin:0 0 12px}
.rm-cta-card>p{max-width:560px;margin:0 auto 22px!important}
.rm-cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
/* Reveal */
.rm-js .rm-rv{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.rm-js .rm-rv.is-in{opacity:1;transform:none}
/* Responsive */
@media (max-width:1000px){.rm-bento{grid-template-columns:1fr 1fr}.rm-b-next{grid-column:1/-1}}
@media (max-width:760px){
 .rm-hero-top{grid-template-columns:1fr 92px}.rm2 .rm-avi{width:92px;max-width:92px}
 .rm-bento{grid-template-columns:1fr}.rm-b-stat{order:-1}
 .rm-snake{display:none}
 .rm-steps::before{content:"";position:absolute;left:11px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,#e2b653,#f6e2a6 20%,#5ee7ff 55%,#8eb0ff);box-shadow:0 0 10px rgba(94,231,255,.4)}
 .rm-step,.rm-step.is-r{width:auto;margin:0 0 14px;padding-left:34px}
 .rm-node,.rm-step.is-r .rm-node{left:12px;right:auto;top:28px;transform:translate(-50%,-50%)}}
@media (prefers-reduced-motion:reduce){.rm2 *,.rm2 *::before,.rm2 *::after{animation:none!important;transition:none!important}.rm-js .rm-rv{opacity:1;transform:none}}
@media (min-width:761px){.rm-step{width:38%}.rm-node{right:-26px}.rm-step.is-r .rm-node{left:-26px}.rm-bento{align-items:stretch}}

.rm-avi-card .rm-avi{float:right;width:96px;height:auto;margin:-6px -6px 4px 12px;filter:drop-shadow(0 8px 20px rgba(94,231,255,.35))}
@media (max-width:640px){.rm-avi-card .rm-avi{width:76px}}