.service-bridge{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem;margin:1.5rem 0;padding:clamp(1rem,3vw,1.5rem);border:1px solid rgba(111,211,160,.35);border-radius:.8rem;background:rgba(18,44,31,.58)}
.service-bridge>div{min-width:0;flex:1 1 22rem}.service-bridge h2{font-size:clamp(1.2rem,2.5vw,1.55rem);line-height:1.25;margin:0 0 .5rem}.service-bridge p{margin:0;line-height:1.6;color:var(--muted,#c0d1c5)}
.service-actions{display:flex;flex-wrap:wrap;gap:.65rem}.service-actions a{white-space:normal;overflow-wrap:anywhere;text-align:center}
.service-example{margin:0 0 1rem;min-width:0}.service-example img{display:block;width:100%;height:auto;max-height:19rem;object-fit:contain;background:#22252a;border-radius:.5rem}.service-example figcaption{font-size:.8rem;line-height:1.5;color:var(--muted,#c0d1c5);margin-top:.4rem}
.service-start{min-width:0}.service-start .step span{overflow-wrap:anywhere}.service-start>.button{margin-top:1rem}.service-start header h2{font-size:1.25rem;line-height:1.3}
.hero:has(.service-start){align-items:start}.hero:has(.service-start) h1{font-size:clamp(2.1rem,4.5vw,4rem);line-height:1.05}
.service-helper{margin-top:.75rem}.service-helper[hidden]{display:none}.service-helper .wandering-boy-track{position:static;width:fit-content;max-width:100%;transform:none;will-change:auto}
.service-helper .wandering-boy-actor{display:inline-flex;align-items:center;gap:.4rem;width:auto;max-width:100%;color:var(--teal,#35c7b0);font:inherit;font-size:.875rem;font-weight:700;cursor:pointer;touch-action:manipulation;filter:none;text-align:left}
.service-helper .wandering-boy-character,.service-helper .wandering-boy-fallback{width:3.5rem;height:4.2rem;object-fit:contain;flex:0 0 3.5rem}.service-helper .wandering-boy-beacon,.service-helper .wandering-boy-speech{display:none}
@media(max-width:600px){.service-bridge>div{flex-basis:100%}.service-actions a{width:100%}.service-example img{max-height:15rem}}