:root{
  --step61-bg:#ece7dc;
  --step61-paper:#f7f3ea;
  --step61-ink:#171511;
  --step61-muted:#655f55;
  --step61-line:#d5cdbc;
  --step61-accent:#d6a73f;
  --step61-stop:#d94a32;
  --step61-stop-dark:#992d1d;
}
.step61-solo{
  position:relative; overflow:hidden;
  background:radial-gradient(circle at 10% 15%, rgba(214,167,63,.18), transparent 24%), radial-gradient(circle at 88% 10%, rgba(0,0,0,.04), transparent 20%), linear-gradient(180deg, #f3eee3 0%, var(--step61-bg) 100%);
  color:var(--step61-ink); padding:clamp(5rem, 7vw, 8rem) 0;
}
.step61-solo::before,.step61-solo::after{content:"";position:absolute;inset:auto auto 0 -10vw;width:40vw;height:40vw;border-radius:50%;background:radial-gradient(circle, rgba(255,255,255,.5), transparent 60%);pointer-events:none}
.step61-solo::after{inset:2rem -12vw auto auto;width:34vw;height:34vw}
.step61-solo .wrap{position:relative;z-index:1}
.step61-solo-head{max-width:980px;display:grid;gap:1.35rem;margin:0 auto clamp(3rem,5vw,4rem)}
.step61-solo-kicker{display:flex;align-items:center;gap:.9rem;margin:0;letter-spacing:.18em;font-size:.82rem;font-weight:800;color:#776b51}
.step61-solo-kicker::before{content:"";width:58px;height:1px;background:currentColor}
.step61-solo-head h2{margin:0;max-width:13ch;font-size:clamp(2.5rem,6vw,5.35rem);line-height:.92;letter-spacing:-.04em;text-transform:uppercase}
.step61-solo-head h2 em{font-style:normal;color:#b38326}
.step61-solo-intro{max-width:62ch;margin:0;font-size:1.07rem;line-height:1.75;color:#4f4a41}
.step61-solo-leadrow{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.85fr);gap:1.4rem;align-items:end}
.step61-solo-note{justify-self:end;max-width:340px;background:rgba(255,255,255,.6);border:1px solid rgba(23,21,17,.08);backdrop-filter: blur(8px);border-radius:22px;padding:1.15rem 1.2rem;box-shadow:0 16px 40px rgba(31,24,15,.06)}
.step61-solo-note strong{display:block;margin-bottom:.5rem;font-size:.92rem;letter-spacing:.12em}
.step61-solo-note p{margin:0;color:#5c5448;line-height:1.6;font-size:.95rem}
.step61-solo-grid{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.25fr);gap:clamp(2rem,4vw,4rem);align-items:start}
.step61-road-column{position:relative}
.step61-road-sticky{position:sticky;top:100px}
.step61-road-card{position:relative;border-radius:34px;padding:1.4rem;background:linear-gradient(180deg, rgba(255,255,255,.76), rgba(255,255,255,.5));border:1px solid rgba(23,21,17,.08);box-shadow:0 30px 70px rgba(23,21,17,.08);overflow:hidden}
.step61-road-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(214,167,63,.12), transparent 26%, transparent 72%, rgba(217,74,50,.08));pointer-events:none}
.step61-road-labels{display:flex;justify-content:space-between;gap:1rem;font-size:.78rem;font-weight:800;letter-spacing:.16em;color:#85765d;text-transform:uppercase;margin-bottom:.75rem}
.step61-road-svg{display:block;width:100%;height:auto}
.step61-road-base{stroke:#2a2926;stroke-width:34;fill:none;opacity:.95;stroke-linecap:round}
.step61-road-middle{stroke:#f6f0e6;stroke-width:4;fill:none;stroke-linecap:round;stroke-dasharray:12 18;opacity:.9}
.step61-road-progress{stroke:url(#step61RoadGradient);stroke-width:10;fill:none;stroke-linecap:round;filter:drop-shadow(0 0 10px rgba(214,167,63,.55))}
.step61-road-node{opacity:.32;transform:scale(.88);transform-origin:center;transition:opacity .45s ease, transform .45s ease}
.step61-road-node.is-reached{opacity:1;transform:scale(1)}
.step61-road-node circle{fill:#fff7ea;stroke:#201d17;stroke-width:2}
.step61-road-node text{font-size:11px;font-weight:900;letter-spacing:.12em;fill:#201d17}
.step61-road-forest{position:absolute;inset:3.8rem .8rem auto .8rem;height:calc(100% - 14.7rem);pointer-events:none}
.step61-scenery{position:absolute;opacity:0;transition:opacity .24s ease, transform .28s cubic-bezier(.2,.7,.2,1);will-change:transform,opacity;filter:drop-shadow(0 10px 18px rgba(0,0,0,.12))}
.step61-scenery.is-visible{opacity:.98;animation:step61Sway 2.8s ease-in-out infinite alternate}
.step61-tree{width:28px;height:56px}
.step61-tree::before,.step61-tree::after,.step61-lamp::before,.step61-lamp::after{content:"";position:absolute}
.step61-tree::before{left:50%;bottom:0;transform:translateX(-50%);width:5px;height:16px;border-radius:4px;background:#6a4f37}
.step61-tree--pine::after{left:50%;bottom:11px;transform:translateX(-50%);width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:28px solid #31563a;filter:drop-shadow(0 -12px 0 #3f6d4a) drop-shadow(0 -22px 0 #5e8c67)}
.step61-tree--leaf::after{left:6px;top:5px;width:18px;height:18px;border-radius:50%;background:#8eb05e;box-shadow:-7px 7px 0 1px #a3c66b, 8px 6px 0 1px #7ea552, -2px 18px 0 1px #97bb61, 11px 17px 0 0 #b9d27d}
.step61-tree--leaf::before{left:50%;bottom:0;transform:translateX(-50%);width:5px;height:20px;border-radius:4px;background:#6d513a}
.step61-lamp{width:20px;height:64px}
.step61-lamp::before{left:8px;bottom:0;width:4px;height:47px;border-radius:4px;background:#3d3c3a}
.step61-lamp::after{left:1px;top:8px;width:15px;height:15px;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 45% 40%, #fff9d5 0 28%, #f1d66c 34%, #755e23 78%);box-shadow:0 0 0 3px #4a4947, 0 0 18px rgba(241,214,108,.55)}
.step61-tree--l1{left:2px;top:78px;transform:translateX(-10px) scale(.2)}
.step61-lamp--r1{right:2px;top:118px;transform:translateX(10px) scale(.2)}
.step61-tree--r1{right:10px;top:190px;transform:translateX(14px) scale(.2)}
.step61-tree--l2{left:10px;top:345px;transform:translateX(-12px) scale(.2)}
.step61-lamp--l1{left:6px;top:470px;transform:translateX(-10px) scale(.2)}
.step61-tree--r2{right:8px;top:560px;transform:translateX(14px) scale(.2)}
.step61-tree--r3{right:3px;top:730px;transform:translateX(10px) scale(.2)}
.step61-lamp--r2{right:11px;top:860px;transform:translateX(14px) scale(.2)}
.step61-tree--l3{left:4px;top:930px;transform:translateX(-12px) scale(.2)}
.step61-lamp--l2{left:8px;top:1035px;transform:translateX(-10px) scale(.2)}
.step61-tree--r4{right:4px;top:1115px;transform:translateX(12px) scale(.2)}
.step61-scenery.is-visible.step61-tree--l1,.step61-scenery.is-visible.step61-tree--l2,.step61-scenery.is-visible.step61-lamp--l1,.step61-scenery.is-visible.step61-tree--l3,.step61-scenery.is-visible.step61-lamp--l2{transform:translateX(0) scale(1)}
.step61-scenery.is-visible.step61-lamp--r1,.step61-scenery.is-visible.step61-tree--r1,.step61-scenery.is-visible.step61-tree--r2,.step61-scenery.is-visible.step61-tree--r3,.step61-scenery.is-visible.step61-lamp--r2,.step61-scenery.is-visible.step61-tree--r4{transform:translateX(0) scale(1)}
@keyframes step61Sway{0%{transform:translateY(0)}100%{transform:translateY(-2px)}}
.step61-road-legend{display:grid;gap:.8rem;margin-top:1rem}
.step61-road-legend-item{display:flex;align-items:center;gap:.75rem;padding:.82rem .95rem;border-radius:18px;background:rgba(255,255,255,.62);border:1px solid rgba(23,21,17,.08)}
.step61-road-legend-item span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#191815;color:#fff;font-weight:800}
.step61-road-legend-item strong{display:block;font-size:.95rem}.step61-road-legend-item small{display:block;color:#62594d;line-height:1.45}
.step61-story-column{display:grid;gap:1.35rem}
.step61-stop{position:relative;display:grid;grid-template-columns:minmax(220px,310px) minmax(0,1fr);gap:1.15rem;align-items:center;padding:1.1rem;background:rgba(255,255,255,.56);backdrop-filter: blur(12px);border:1px solid rgba(23,21,17,.08);border-radius:28px;box-shadow:0 24px 60px rgba(23,21,17,.06);opacity:.45;transform:translateY(24px) scale(.992);transition:opacity .45s ease, transform .45s ease, box-shadow .45s ease}
.step61-stop.is-visible{opacity:1;transform:translateY(0) scale(1);box-shadow:0 28px 80px rgba(23,21,17,.1)}
.step61-stop:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(220px,310px)}
.step61-stop:nth-child(even) .step61-stop-figure{order:2}.step61-stop:nth-child(even) .step61-stop-copy{order:1}
.step61-stop-sign{position:absolute;top:1rem;right:1rem;width:82px;height:82px;display:grid;place-items:center;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);background:linear-gradient(180deg, var(--step61-stop), var(--step61-stop-dark));color:#fff;box-shadow:0 12px 26px rgba(153,45,29,.28);text-align:center}
.step61-stop-sign b{display:block;font-size:1rem;line-height:1;letter-spacing:.1em}.step61-stop-sign span{display:block;font-size:.58rem;letter-spacing:.16em;opacity:.85}
.step61-stop-figure{position:relative;margin:0;min-height:300px}
.step61-stop-frame{position:relative;height:100%;min-height:300px;border-radius:22px;overflow:hidden;background:#dad2c3;box-shadow:inset 0 0 0 1px rgba(255,255,255,.8), 0 24px 50px rgba(20,18,13,.12)}
.step61-stop-frame img{width:100%;height:100%;object-fit:cover;display:block}
.step61-stop-frame::after{content:"";position:absolute;inset:auto 1rem 1rem auto;width:42%;height:18px;background:linear-gradient(90deg, rgba(255,255,255,.15), rgba(255,255,255,.8));border-radius:999px;opacity:.9;filter:blur(.3px)}
.step61-stop-copy{padding:1.2rem 1.2rem 1rem .2rem}
.step61-stop-copy p.step61-stop-overline{margin:0 0 .65rem;font-size:.84rem;letter-spacing:.18em;font-weight:800;color:#89724c}
.step61-stop-copy h3{margin:0 0 .7rem;font-size:clamp(1.35rem,2vw,2.15rem);line-height:1;text-transform:uppercase}
.step61-stop-copy p{margin:0;color:#514b42;line-height:1.74;font-size:1rem}
.step61-stop-quote{display:inline-flex;margin-top:.9rem;padding:.55rem .8rem;border-radius:999px;background:rgba(214,167,63,.15);color:#5e4920;font-size:.84rem;font-weight:700}
.step61-solo-outro{margin-top:clamp(2.5rem,5vw,4rem);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem;align-items:center;padding:1.4rem;border-radius:28px;background:linear-gradient(120deg, #171511 0%, #24221d 65%, #2b281f 100%);color:#f6f1e5;box-shadow:0 30px 60px rgba(0,0,0,.18)}
.step61-solo-outro h3{margin:0 0 .7rem;font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.04;text-transform:uppercase}
.step61-solo-outro p{margin:0;max-width:60ch;color:rgba(246,241,229,.78);line-height:1.75}
.step61-solo-actions{display:flex;flex-wrap:wrap;gap:.85rem;justify-content:flex-end}
.step61-solo-btn{display:inline-flex;align-items:center;justify-content:center;padding:.95rem 1.35rem;border-radius:999px;background:#f0bc49;color:#171511;text-decoration:none;font-weight:800;letter-spacing:.04em;transition:transform .24s ease, box-shadow .24s ease, background .24s ease}
.step61-solo-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(240,188,73,.24)}
.step61-solo-btn--ghost{background:rgba(255,255,255,.1);color:#fff8e6;border:1px solid rgba(255,255,255,.16)}
.step61-polaroid,.step61-browser-mock,.step61-phone-mock{display:none!important}
@media (max-width:1100px){.step61-solo-grid{grid-template-columns:1fr}.step61-road-sticky{position:relative;top:0}.step61-road-card{max-width:680px;margin:0 auto}}
@media (max-width:820px){.step61-solo{padding:4.5rem 0}.step61-solo-leadrow,.step61-solo-outro{grid-template-columns:1fr}.step61-solo-note{justify-self:start}.step61-stop,.step61-stop:nth-child(even){grid-template-columns:1fr}.step61-stop:nth-child(even) .step61-stop-figure,.step61-stop:nth-child(even) .step61-stop-copy{order:initial}.step61-stop-copy{padding:.25rem .2rem 0}.step61-solo-actions{justify-content:flex-start}}
@media (max-width:560px){.step61-solo-head h2{max-width:8ch}.step61-stop{padding:1rem;border-radius:22px}.step61-stop-sign{width:72px;height:72px;top:.8rem;right:.8rem}.step61-stop-figure,.step61-stop-frame{min-height:240px}.step61-road-card{padding:1rem;border-radius:24px}.step61-road-labels{font-size:.7rem}.step61-road-forest{inset:3.5rem .4rem auto .4rem;height:calc(100% - 14rem)}.step61-tree{width:18px;height:36px;opacity:.72}.step61-tree--l1{top:70px}.step61-tree--l2{top:360px}.step61-tree--l3{top:680px}.step61-tree--r1{top:170px}.step61-tree--r2{top:510px}.step61-tree--r3{top:830px}}

@media (max-width:560px){
  .step61-road-forest{inset:3.5rem .3rem auto .3rem;height:calc(100% - 14rem)}
  .step61-tree{width:22px;height:44px}.step61-lamp{width:16px;height:54px}
  .step61-tree--l1{top:70px}.step61-lamp--r1{top:105px}.step61-tree--r1{top:175px}.step61-tree--l2{top:330px}.step61-lamp--l1{top:445px}.step61-tree--r2{top:530px}.step61-tree--r3{top:690px}.step61-lamp--r2{top:810px}.step61-tree--l3{top:885px}.step61-lamp--l2{top:980px}.step61-tree--r4{top:1065px}
}

/* STEP61D · ruhigerer Zwetschke-inspirierter Road-Look */
.step61-road-card{
  background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(247,242,232,.72));
  border-color:rgba(23,21,17,.07);
  box-shadow:0 24px 60px rgba(23,21,17,.07);
}
.step61-road-base{stroke:#2b2925;stroke-width:26;opacity:.9}
.step61-road-middle{stroke:#f6f0e6;stroke-width:2.5;stroke-dasharray:10 17;opacity:.82}
.step61-road-progress{stroke-width:6;filter:drop-shadow(0 0 6px rgba(214,167,63,.34))}
.step61-road-node{opacity:.22;transition:opacity .3s ease, transform .3s ease}
.step61-road-node circle{fill:#fbf7ef;stroke:#403b33;stroke-width:1.4}
.step61-road-node text{font-size:9px;letter-spacing:.14em}
.step61-road-node.is-reached{opacity:1;transform:scale(1)}
.step61-svg-scenery{pointer-events:none}
.step61-road-object{opacity:0;transition:opacity .26s ease, filter .3s ease;filter:blur(1.2px) brightness(.92)}
.step61-road-object.is-visible{opacity:.98;filter:blur(0) brightness(1);animation:step61ObjectPulse .46s ease-out both}
.step61-trunk{stroke:#745f44;stroke-width:3;stroke-linecap:round}
.step61-pine-crown{fill:#567c59;stroke:#486d4c;stroke-width:.8;opacity:1}
.step61-leaf-crown{fill:#9bb36e;stroke:#7f9a57;stroke-width:.8}
.step61-leaf-crown--alt{fill:#b7c88d}
.step61-lamp-line{stroke:#4e4a42;stroke-width:2.7;fill:none;stroke-linecap:round}
.step61-lamp-bulb{fill:#f3dd83;stroke:#5a5142;stroke-width:1.4;filter:drop-shadow(0 0 7px rgba(239,216,131,.62))}
.step61-road-legend-item{background:rgba(255,255,255,.5);border-color:rgba(23,21,17,.06)}
.step61-road-legend-item span{background:#2a2926;color:#f5efe4;border-radius:10px}
.step61-road-forest{display:none!important}

@keyframes step61ObjectPulse{0%{opacity:0;filter:blur(2px) brightness(.9)}60%{opacity:1;filter:blur(0) brightness(1.08)}100%{opacity:.98;filter:blur(0) brightness(1)}}

/* STEP61F: circular road STOP markers intentionally removed; only card STOP signs remain. */
.step61-road-node{display:none!important}