.hpl-wrap{max-width:380px;height:120px;margin:28px auto 0;position:relative}.hpl-svg{width:100%;height:100%;overflow:visible}.hpl-trail{stroke-dasharray:500;stroke-dashoffset:500px;transition:none}.hpl-trail--go{animation:2s forwards hplDraw}@keyframes hplDraw{to{stroke-dashoffset:0}}.hpl-plane{opacity:0;offset-path:path("M30,90 C80,85 120,20 180,40 S320,10 350,30");offset-rotate:auto;offset-distance:0%}.hpl-plane--go{opacity:1;animation:2s forwards hplFly,2.5s ease-in-out 2.2s infinite hplFloat}@keyframes hplFly{0%{offset-distance:0%;opacity:.4}10%{opacity:1}to{offset-distance:100%;opacity:1}}@keyframes hplFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.hpl-waypoints{pointer-events:none;position:absolute;inset:0}.hpl-wp{opacity:0;flex-direction:column;align-items:center;gap:4px;transition:opacity .4s,transform .4s;display:flex;position:absolute;transform:translateY(6px)}.hpl-wp--vis{opacity:1;transform:translateY(0)}.hpl-wp-icon{width:30px;height:30px;color:var(--c-accent);background:#4a9eda0f;border:1px solid #4a9eda26;border-radius:50%;justify-content:center;align-items:center;display:flex}.hpl-wp-label{letter-spacing:.5px;color:var(--c-text-dim,#fff6);font-size:10px}